@datalayer/agent-runtimes 1.5.20 → 1.5.22

package/lib/voice/choices.d.ts

@@ -0,0 +1,33 @@
+/**
+ * What a person may choose for their voice (VOICE.md VO-14, VO-21, VO-25,
+ * VO-30), from the catalogue: the languages a voice speaks and the device
+ * hears, the voices of each, the speeds and loudnesses offered, and when
+ * answers are heard. Read by the composer's menu (`VoiceMenu`) and by a
+ * settings page, so both offer the same.
+ *
+ * @module voice/choices
+ */
+import { type VoiceSpec } from '../specs/voices';
+import type { ChatVoice } from './index';
+/** A choice as a menu or a page lists it. */
+export interface VoiceChoice<T> {
+    value: T;
+    label: string;
+}
+/** A language's name, in English, as the menu says it: `en-GB` is *British English*. */
+export declare function languageName(language: string): string;
+/**
+ * The languages a person may speak and hear: each a voice of the catalogue
+ * speaks and a model on the device hears, in the catalogue's order.
+ */
+export declare function voiceLanguages(): VoiceChoice<string>[];
+/** The voices that speak a language, in the catalogue's order. */
+export declare function voicesSpeaking(language: string): VoiceSpec[];
+/** Whether a voice of the catalogue speaks a language: what a new language keeps of a chosen voice. */
+export declare function catalogueVoiceSpeaks(voice: string, language: string): boolean;
+/** The speeds offered, as multipliers of the voice's own. */
+export declare const RATE_CHOICES: VoiceChoice<number>[];
+/** The loudnesses offered, 0 to 1. */
+export declare const VOLUME_CHOICES: VoiceChoice<number>[];
+/** When answers are heard (VO-21): what a person may choose where the application speaks. */
+export declare const OUTPUT_CHOICES: VoiceChoice<NonNullable<ChatVoice['output']>>[];

package/lib/voice/choices.js

@@ -0,0 +1,70 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * What a person may choose for their voice (VOICE.md VO-14, VO-21, VO-25,
+ * VO-30), from the catalogue: the languages a voice speaks and the device
+ * hears, the voices of each, the speeds and loudnesses offered, and when
+ * answers are heard. Read by the composer's menu (`VoiceMenu`) and by a
+ * settings page, so both offer the same.
+ *
+ * @module voice/choices
+ */
+import { VOICE_CATALOGUE, transcriberFor, voiceSpeaks, } from '../specs/voices';
+/** A language's name, in English, as the menu says it: `en-GB` is *British English*. */
+export function languageName(language) {
+    try {
+        const names = new Intl.DisplayNames(['en'], { type: 'language' });
+        return names.of(language) ?? language;
+    }
+    catch {
+        return language;
+    }
+}
+/**
+ * The languages a person may speak and hear: each a voice of the catalogue
+ * speaks and a model on the device hears, in the catalogue's order.
+ */
+export function voiceLanguages() {
+    const seen = new Set();
+    const languages = [];
+    for (const voice of Object.values(VOICE_CATALOGUE)) {
+        for (const language of voice.languages) {
+            if (!seen.has(language) && transcriberFor(language)) {
+                seen.add(language);
+                languages.push({ value: language, label: languageName(language) });
+            }
+        }
+    }
+    return languages;
+}
+/** The voices that speak a language, in the catalogue's order. */
+export function voicesSpeaking(language) {
+    return Object.values(VOICE_CATALOGUE).filter(voice => voiceSpeaks(voice, language) ||
+        voiceSpeaks(voice, language.split('-')[0]));
+}
+/** Whether a voice of the catalogue speaks a language: what a new language keeps of a chosen voice. */
+export function catalogueVoiceSpeaks(voice, language) {
+    return voicesSpeaking(language).some(spoken => spoken.id === voice);
+}
+/** The speeds offered, as multipliers of the voice's own. */
+export const RATE_CHOICES = [
+    { value: 0.75, label: 'Slower' },
+    { value: 1, label: 'Normal' },
+    { value: 1.25, label: 'Faster' },
+    { value: 1.5, label: 'Fastest' },
+];
+/** The loudnesses offered, 0 to 1. */
+export const VOLUME_CHOICES = [
+    { value: 0.25, label: 'Quiet' },
+    { value: 0.5, label: 'Half' },
+    { value: 0.75, label: 'Loud' },
+    { value: 1, label: 'Full' },
+];
+/** When answers are heard (VO-21): what a person may choose where the application speaks. */
+export const OUTPUT_CHOICES = [
+    { value: 'off', label: 'Never' },
+    { value: 'on_request', label: 'When I ask (Read aloud)' },
+    { value: 'always', label: 'Always, as they are written' },
+];

package/lib/voice/index.d.ts

@@ -16,6 +16,10 @@ export * from './hearing';
 export * from './speaker';
 export * from './consent';
 export * from './settings';
+export * from './choices';
+export { useVoiceSettings } from './useVoiceSettings';
+export { VoiceMenu } from './VoiceMenu';
+export type { VoiceMenuProps } from './VoiceMenu';
 export * from './useSpokenAnswers';
 export { VoiceInput } from './VoiceInput';
 export type { VoiceInputProps, ListeningState } from './VoiceInput';

package/lib/voice/index.js

@@ -10,6 +10,9 @@ export * from './hearing';
 export * from './speaker';
 export * from './consent';
 export * from './settings';
+export * from './choices';
+export { useVoiceSettings } from './useVoiceSettings';
+export { VoiceMenu } from './VoiceMenu';
 export * from './useSpokenAnswers';
 export { VoiceInput } from './VoiceInput';
 export { ReadAloud, readAloud, readsAloud } from './ReadAloud';

package/lib/voice/settings.d.ts

@@ -62,8 +62,24 @@ export interface VoiceSettings {
 export declare function saneVoiceSettings(settings: VoiceSettings | null | undefined): VoiceSettings;
 /** What was kept, or nothing. Storage may be refused, or hold nonsense. */
 export declare function keptVoiceSettings(): VoiceSettings;
-/** Keep what the person chose; an empty choice forgets it. */
+/** The person's settings as the page holds them (VO-30). */
+export declare function heldVoiceSettings(): VoiceSettings;
+/**
+ * Be told when the person's settings change — from a menu on this page, or
+ * from another tab, whose storage event is read here. Returns the unsubscribe.
+ */
+export declare function onVoiceSettingsChange(listener: (settings: VoiceSettings) => void): () => void;
+/**
+ * Keep what the person chose; an empty choice forgets it. Every chat on the
+ * page is told, so the menu's choice is heard at once (VO-30).
+ */
 export declare function keepVoiceSettings(settings: VoiceSettings): VoiceSettings;
+/**
+ * The settings with one choice changed (VO-30): `undefined` forgets that
+ * choice, giving it back to the application. A new language drops a voice
+ * the person chose that does not speak it, for the language's own.
+ */
+export declare function withVoiceSetting<K extends keyof VoiceSettings>(settings: VoiceSettings, key: K, value: VoiceSettings[K] | undefined, speaks?: (voice: string, language: string) => boolean): VoiceSettings;
 /** The language the browser says the person reads, or nothing. */
 export declare function browserLanguage(): string | undefined;
 /**

package/lib/voice/settings.js

@@ -54,7 +54,47 @@ export function keptVoiceSettings() {
         return {};
     }
 }
-/** Keep what the person chose; an empty choice forgets it. */
+/**
+ * What the page holds: the kept settings, or the choice made on this page
+ * when storage refused it. Read once, then told of each change.
+ */
+let held;
+/** Who is told when the person's settings change: every chat on the page (VO-30). */
+const listeners = new Set();
+/** The person's settings as the page holds them (VO-30). */
+export function heldVoiceSettings() {
+    if (held === undefined) {
+        held = keptVoiceSettings();
+    }
+    return held;
+}
+/**
+ * Be told when the person's settings change — from a menu on this page, or
+ * from another tab, whose storage event is read here. Returns the unsubscribe.
+ */
+export function onVoiceSettingsChange(listener) {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+}
+function told(settings) {
+    held = settings;
+    for (const listener of [...listeners]) {
+        listener(settings);
+    }
+}
+if (typeof window !== 'undefined') {
+    window.addEventListener('storage', event => {
+        if (event.key === VOICE_SETTINGS_KEY || event.key === null) {
+            told(keptVoiceSettings());
+        }
+    });
+}
+/**
+ * Keep what the person chose; an empty choice forgets it. Every chat on the
+ * page is told, so the menu's choice is heard at once (VO-30).
+ */
 export function keepVoiceSettings(settings) {
     const sane = saneVoiceSettings(settings);
     try {
@@ -68,8 +108,31 @@ export function keepVoiceSettings(settings) {
     catch {
         // Without storage the choice holds for the page.
     }
+    told(sane);
     return sane;
 }
+/**
+ * The settings with one choice changed (VO-30): `undefined` forgets that
+ * choice, giving it back to the application. A new language drops a voice
+ * the person chose that does not speak it, for the language's own.
+ */
+export function withVoiceSetting(settings, key, value, speaks) {
+    const next = { ...saneVoiceSettings(settings) };
+    if (value === undefined) {
+        delete next[key];
+    }
+    else {
+        next[key] = value;
+    }
+    if (key === 'language' &&
+        typeof value === 'string' &&
+        next.voice &&
+        speaks &&
+        !speaks(next.voice, value)) {
+        delete next.voice;
+    }
+    return saneVoiceSettings(next);
+}
 /** The language the browser says the person reads, or nothing. */
 export function browserLanguage() {
     try {

package/lib/voice/useVoiceSettings.d.ts

@@ -0,0 +1,6 @@
+import { type VoiceSettings } from './settings';
+/** The person's settings, and a setter that keeps them and tells every chat. */
+export declare function useVoiceSettings(): [
+    VoiceSettings,
+    (settings: VoiceSettings) => void
+];

package/lib/voice/useVoiceSettings.js

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * A person's voice settings, as a React state that follows every change —
+ * the composer's menu, a settings page, another tab (VOICE.md VO-30).
+ *
+ * @module voice/useVoiceSettings
+ */
+import { useCallback, useEffect, useState } from 'react';
+import { heldVoiceSettings, keepVoiceSettings, onVoiceSettingsChange, } from './settings';
+/** The person's settings, and a setter that keeps them and tells every chat. */
+export function useVoiceSettings() {
+    const [settings, setSettings] = useState(heldVoiceSettings);
+    useEffect(() => {
+        // A change between the first draw and this subscription is read here.
+        setSettings(heldVoiceSettings());
+        return onVoiceSettingsChange(setSettings);
+    }, []);
+    const keep = useCallback((next) => {
+        keepVoiceSettings(next);
+    }, []);
+    return [settings, keep];
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@datalayer/agent-runtimes",
-    "version": "1.5.20",
+    "version": "1.5.22",
     "type": "module",
     "workspaces": [
         ".",

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

@@ -1,32 +0,0 @@
-import{E as N,eN as bo,r as o,j as t,eO as xo,eP as vo,b_ as Tn,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 So,eR as yo,eS as wo,e3 as Co,eT as ko,aH as jo,dX as Nn,dV as Eo,dY as Gt,eU as Io,eV as To,eW as Ro,eX as Ao,eY as Rn,eZ as Mo,e_ as Po,e$ as $o,d3 as Oo,a_ as Uo,f0 as Fo,f1 as Lo,f2 as _o,f3 as zo,f4 as No,f5 as Bo,x as Nt,f6 as Vo,f7 as Ho,f8 as Wo,f9 as Do,fa as Go,fb as Ko,fc as Yo,fd as qo,fe as Jo,ff as Qo,fg as Xo,fh as Zo,fi as es,fj as ts,fk as ns,fl as os,fm as ss,fn as as,fo as is,fp as rs,fq as tt,fr as ls,fs as cs,ft as ds,fu as us,fv as An,fw as fs,fx as Fe,fy as ps,fz as ms,a$ as vt,fA as gs,fB as hs,fC as Mn,fD as bs,fE as xs,fF as vs,eC as Ss,fG as Bt,fH as Ce,fI as ys,fJ as ws,fK as Cs,fL as Pn,fM as ks,fN as js,fO as Es,fP as Is,fQ as Ts,fR as Rs,fS as As,fT as Ms,fU as Ps,fV as $s,fW as St,fX as Os,fY as Us,fZ as Fs,I as Ls,f_ as _s,f$ as zs,g0 as $n,g1 as Ns,g2 as Bs,g3 as Vs,g4 as Kt,g5 as Hs,g6 as Ws,ek as Vt,g7 as Ds,g8 as Gs}from"../datalayer-app-main.js";import{S as Ks,E as Ys,a as qs}from"./SignInIcon-4HkE48mS.js";import{F as Js,a as Qs,b as Xs}from"./LinkedInGreyIcon-BoWXE-HS.js";function Bn(){const n=N(bo);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""}},Zs=(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},ea=ko`
-  .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;
-  }
-`,ta=({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(Co,{size:24}),github:u=!1,google:J=!1,linkedin:B=!1,apiKey:nt=!1,signUp:U=!0,socialSignInNavigationTarget:te,asDoc:S=!1,fillHeight:I=!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(Ks,{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,Ee]=o.useState(null),[L,Et]=o.useState(null),[ge,Ie]=o.useState(""),[Te,rt]=o.useState(null),[Re,O]=o.useState(null),{enqueueToast:he}=xo(),[Ae,ae]=o.useState(!1),[ie,be]=o.useState(""),E=o.useRef(null),Me=o.useCallback(d=>vo()?Tn.URLExt.join(Tn.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){O(null),Ee(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=Zs(j);O(P),he(P,{variant:"error"}),Ee(null),it(!1)}}},[Me,G,he,se,te]);o.useEffect(()=>{Ae&&E.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),O(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){Et(P),rt(j.token),O(null);return}n&&n(j.token,D)}else O(j.message||"Invalid username or password.")}catch(d){O(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),O(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);O(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||!I?"flex-start":"center",justifyContent:"center",minHeight:ne||oe||!I?"auto":"100vh",bg:ne?"transparent":"canvas.default",color:"fg.default",py:ne?0:oe?2:4,children:[t.jsx(ea,{}),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"}):Js,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"}):Qs,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"}):Xs,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?Ys:qs,"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(So,{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=>Ie(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}),U&&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:yo,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(wo,{block:!0,required:!0,autoFocus:!0,placeholder:"Paste your API key here",value:ie,onInput:d=>be(d.currentTarget.value),ref:E})]}),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 na(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 Un=jo((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 oa({agentName:n,sandboxStillRuns:s=!1,temporary:l=!0,onSignedIn:i,onSignUp:c}){const{configuration:g}=Nn(),v=o.useCallback(w=>{Eo.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(ta,{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 sa="https://r1.datalayer.run";function aa(n=!0){const{configuration:s}=Nn(),l=Gt(w=>w.token),i=s?.aiInferenceUrl||sa,c=Io(i,n&&!l),g=l||c.token,v=o.useMemo(()=>({inferenceUrl:i,token:g||void 0}),[i,g]);return{inference:v,needsSignIn:To(v),anonymous:c,inferenceUrl:i}}const ia={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 Fn(n){const s=n?.subagents;if(!s)return[];const l=(s.subagents??[]).map(i=>{const c=i.ref?Ro(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,ia]:l}function ra(n){return n.replace(/^datalayer_/,"").replace(/_lexical$/,"")}function la(n){const s=ra(n);return/^executeCodeIn(Notebook|Document)$/.test(s)||/^(read|list)[A-Z]/.test(s)}function ca(n,s){return n.filter(l=>s?.has(l.name)||la(l.name))}function da(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 ua(n,s,l){if(!l||!n.endsWith("-tools"))return!1;const i=n.slice(0,-6);return s.has(i)&&i!==l}const fa={type:"object",properties:{}};function pa(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??fa,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 Vn(n,s){return n.flatMap(l=>pa(l,s))}function ma(){const n=Ao(),s=Bn();return o.useMemo(()=>Vn(s,n),[s,n])}const Ln={opening:"Opening your conversation…",notOpened:n=>`Your conversation could not be opened, so this is a new one: ${n}`};function ga(n){const s=n?.app_instance;if(!s||typeof s!="object")return"";const l=s.deployment_uid;return typeof l=="string"?l.trim():""}function ha(n,s,l){return n||!s?n:{id:l,messages:[]}}function ba(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 _n(n){try{const s=await n.json();if(typeof s.detail=="string"&&s.detail)return s.detail}catch{}return`${n.status}`}async function xa({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 Rn(B.messages)}if(w.status!==404)throw new Error(await _n(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 _n(u));const J=ba(await u.text());if(!J)throw new Error(`The runtime said nothing of session ${l}.`);return Rn(J)}const va="var(--theme-accent)";function Hn({face:n,size:s}){return typeof n=="string"?t.jsx(Mo,{emoji:n,size:s,label:""}):t.jsx(t.Fragment,{children:n})}function Sa({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 ${va}`,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(Hn,{face:n,size:s})})]})}function ya({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:Po[n]})}const wa=Kt(void 0),Ca=Kt(""),ka=Kt({}),ee="",ja=1400,zn=parseInt(Ds["--loop-face-large"],10);function Aa({workspace:n}){const s=$o(),l=Oo(),i=o.useRef(null),{setViewControls:c}=n,[g,v]=o.useState(null),w=Uo(),u=w.getConfig(Fo),J=u?.placeholder||s.placeholder,B=u?.defaultSurface??"notebook",nt=w.getConfig(Lo),[U,te]=o.useState(ee),S=o.useRef(!1),I=N(_o),ne=N(zo),Le=N(No),ue=N(Bo)[0]?.value,Q=Nt(ue?.promptStance??wa)??ue?.prompt,yt=N(Vo),_e=Ho(yt[0]?.value),V=o.useRef(_e);V.current=_e;const X=o.useRef(""),ze=N(Wo),wt=o.useMemo(()=>Do(()=>ze.reduce((e,r)=>({...e,...r.value.extras.value}),{})),[ze]),b=Nt(ze.length>0?wt:ka),Z=o.useRef(new Set),oe=Go(Hs,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=Ko(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}=Yo(e);je(we=>we.open===r&&we.pendingApproval===a?we:{open:r,pendingApproval:a});const m={saying:Jo(e),answering:qo(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,""),ho=Y[ye]??`using ${x.toolName}`;z.activity(`${X.current||"The agent"} is ${ho}…`)},[]),Ee=o.useRef(b);Ee.current=b;const L=o.useCallback(e=>{Zn(e),V.current?.usage(e),Ee.current.onUsage?.(e)},[]),Et=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(Qo).filter(f=>f.trim().length>0).join(`
-
-`);r.assistant(m)},[]),Ie=o.useRef([]),Te=o.useRef(!1),rt=o.useRef(void 0),Re=o.useRef(void 0),O=o.useRef(void 0),he=N(Xo),Ae=o.useRef(he);Ae.current=he;const ae=o.useCallback((e,r)=>{if(Re.current)return Re.current;const a=O.current;O.current=void 0;const m=Zo(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:ts(String(x.name??"")),base64:es(String(x.data_url??""))}))}catch(x){return x instanceof Error?x.message:String(x)}M.execute(ns(Y)).then(x=>{if(!x.success){v(`The files could not be put in the sandbox: ${x.error??"it failed"}.`);return}ae(`${e}
-
-${os(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){Ie.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||Ie.current.length===0)return;const e=Ie.current.splice(0,Ie.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 ss(Ee.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]),E=o.useMemo(()=>I.find(e=>e.value.surfaceId===U)?.value,[I,U]),Me=o.useCallback(e=>{S.current=!0,te(e)},[]);o.useEffect(()=>as(Me),[Me]),o.useEffect(()=>{is(I.map(e=>e.value.surfaceId))},[I]),o.useEffect(()=>{rs(U&&U!==ee?U:Gs)},[U]);const G=o.useMemo(()=>B===ee||B==="none"?void 0:I.find(e=>e.value.surfaceId===B),[I,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}=ls(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(()=>{E&&!tt(E,n)&&(re(E.surfaceId),te(ee))},[E,n]);const P=o.useMemo(()=>{if(H)return I.find(e=>e.value.surfaceId===H)?.value;if(!S.current&&U===ee)return G?.value},[I,H,U,G]);o.useEffect(()=>{if(!H||U!==ee)return;const e=I.find(r=>r.value.surfaceId===H);e&&tt(e.value,n)&&(re(null),te(H))},[I,U,H,n]);const h=n.agentId?.trim()||"default",R=cs(n.sandbox.target??"local");Te.current=R;const C=ds(),le=Nt(C?.selected??Ca),y=C?.members.find(e=>e.id===le),De=N(us)[0]?.value,Pe=De?.specId,A=An(y?.specId??h)??(Pe?An(Pe):void 0),Ge=y?void 0:De,qt=R&&!y?Vs(Pe,A):void 0;X.current=y?.name??A?.name??h;const Jt=N(fs),Qt=b.hiddenOpeners,Xt=b.hideOpeners,It=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(It)return r(It);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,It]),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,Wn=Fe(C?.team.icon),Zt=N(ps),ut=o.useMemo(()=>{const e=[],r=new Map,a=new Set,m=new Set(I.map(f=>f.value.surfaceId));for(const f of da(Zt,E?.surfaceId)){if(ua(f.value.id,m,E?.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 E?e:ca(e,a)},[Zt,n.surfaceId,n.agentId,b.frontendTools,E?.surfaceId,I]),At=ma(),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=Bn(),Mt=b.agentToolBundles,Dn=o.useMemo(()=>{const e=b.frontendTools??[];if(!Mt?.length)return b.frontendTools;const r=Vn(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===ms)?w.getOutput(vt)?.sandbox:void 0;const T=gs(n.sandbox,n.serverUrl),tn=N(hs),Gn=o.useMemo(()=>tn.filter(e=>e.value.composer).map(e=>({name:e.value.name,description:e.value.description})),[tn]),Kn=o.useMemo(()=>{if(!C||!y)return Fn(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=Mn(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:Yn}=aa(R),qn=Gt(e=>e.user),Pt=R&&Yn.status==="expired",on=!qn,Ye=bs();Re.current=Ye.disabled?Ye.disableReason||"This conversation is closed here.":void 0;const $t=T===void 0?xs(n.sandbox,s):void 0,qe=st||Pt||!!qt||!!$t||Ye.disabled,sn=Pt?on?s.demoKeyExpired:s.keyExpired:qt??$t??Ct??(Ye.disabled?Ye.disableReason:void 0),[Ot,Je]=o.useState(""),Qe=o.useMemo(()=>u?.voice?vs(u.voice):void 0,[u?.voice]),[Jn,an]=o.useState(),ft=Jn??Ge?.model??A?.model??n.model??"",$e=Ss(),rn=o.useRef($e),ln=o.useRef(le),cn=o.useRef($e);cn.current=$e,o.useEffect(()=>{ln.current!==le&&(ln.current=le,rn.current=cn.current,an(void 0))},[le]);const Qn=$e&&$e!==rn.current?$e:null,[Xn,Zn]=o.useState(),eo=Qn??Xn??null,to=Bt(Ce.inpromptMenu),dn=Bt(Ce.promptAction),un=Bt(Ce.chatHeader),no=o.useMemo(()=>C?.members.map(e=>({id:e.id,name:e.name,description:e.description,icon:Fe(e.icon)}))??[],[C]),xe=Un(e=>e.pending),[fn,oo]=o.useState(0);o.useEffect(()=>ys(()=>oo(e=>e+1)),[]),o.useEffect(()=>{xe&&(Je(xe.text),Un.getState().consume(),xe.submit&&be(xe.text))},[xe]);const pn=w.getConfig(vt)?.datalayerCreatePayload,ve=!!(Ge?.createPayload?.app_spec||pn?.app_spec),Xe=ga(pn),so=Gt(e=>e.token),Ut=w.getConfig(vt)?.datalayerVisitors,ao=ws(Ut),io=w.getConfig(vt)?.embedToken,Se=Ut?ao.token:io||so,ro=o.useMemo(()=>Cs(u?.voice,Se||void 0,Xe),[u?.voice,Se,Xe]),ce=!!(Xe||Ut);if(ce&&!ve)throw new Error("A deployment’s page runs its application: its host gave no app_spec.");const[mn]=o.useState(Pn),$=o.useMemo(()=>ha(u?.thread,Xe,mn),[u?.thread,Xe,mn]),[Oe,gn]=o.useState(null),lo=!!($?.fromRuntime&&Oe?.given!==$.id);o.useEffect(()=>{if(!$?.fromRuntime||!ve||!T)return;let e=!0;return(async()=>{let r="";for(let a=0;a<4&&e;a+=1)try{const m=await xa({agentBaseUrl:T,agentId:h,uid:$.id,token:Se});e&&gn({given:$.id,thread:{...$,fromRuntime:!1,messages:m}});return}catch(m){r=m instanceof Error?m.message:String(m),await new Promise(f=>setTimeout(f,1500))}e&&gn({given:$.id,thread:{id:Pn(),messages:[],onStarted:$.onStarted},said:Ln.notOpened(r)})})(),()=>{e=!1}},[$?.id,$?.fromRuntime,ve,T,h,Se]);const hn=$?.fromRuntime?Oe?.given===$.id?Oe.thread:void 0:$,Ft=o.useMemo(()=>R?na({agentId:y?.specId??h,instructions:ks(A,Ge?.instructions),model:ft||void 0,inference:nn,frontendTools:Ke,subagents:C&&y?Mn(C.team,y.id):Fn(A),sharing:C?.sharing,onSubagentEvent:e=>Ws.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=js(!R,Ft?.type==="ag-ui"?Ft.configEndpoint:void 0,void 0,h),Ze=Es(),mt=Is(h),[bn,Lt]=o.useState(void 0),[co,uo]=o.useState(void 0);o.useEffect(()=>{if(R||T===void 0)return;const e=Ts(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?Rs(a):[]),uo(a?As(a):void 0))}).catch(()=>{r||Lt([])}),()=>{r=!0}},[T,h,R,ce]);const fo=o.useMemo(()=>Ms(bn,()=>Object.values(Ps).filter(e=>e.available&&$s(e)).map(e=>({id:e.id,name:e.name,provider:e.provider}))),[bn]),xn=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]),vn=o.useMemo(()=>new Set((Ze.data?.skills??[]).filter(e=>e.status==="enabled"||e.status==="loaded").map(e=>e.id)),[Ze.data]),po=o.useCallback(async e=>{if(ce)throw new Error("A deployment’s chat does not switch its runtime’s model.");an(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]),Sn=u?.promptPlacement==="bottom-chat",mo=u?.promptPlacement==="floating",Ue=u?.promptPlacement==="top",et=u?.hidePrompt===!0||b.hidePrompt===!0,go={onSend:()=>{be(Ot)},input:Ot,setInput:Je,focusTrigger:xe||fn?(xe?.nonce??0)+fn:void 0,placement:mo||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,padding:Ue||Q==="floating-top"||Q==="floating-bottom"||Q==="docked-top"?2:3,promptVariant:"lexical",autoFocus:u?.autoFocusPrompt??!0,mentionableAgents:Kn,promptCommands:Gn,headerContent:to.length>0?t.jsx(St,{slot:Ce.inpromptMenu,props:{workspace:n}}):void 0,footerExtras:dn.length>0||Qe&&Qe.input!=="off"?t.jsxs(t.Fragment,{children:[dn.length>0?t.jsx(St,{slot:Ce.promptAction,props:{workspace:n}}):null,Qe&&Qe.input!=="off"?t.jsx(Os,{voice:Qe,input:Ot,setInput:Je,disabled:qe,speaking:kt,onStopSpeaking:()=>i.current?.stopSpeaking?.(),onSpoken:e=>{O.current=e},send:(e,r)=>{O.current=r,be(e)}}):null]}):void 0,showAgentsMenu:!_,showInlineAgentsMenu:!1,agents:no,selectedAgentId:le,onSelectAgent:e=>C?.select(e),showTokenUsage:b.showTokenUsage??u?.showTokenUsage??!0,showContextRing:!0,agentUsage:eo??void 0,showModelSelector:!_&&!ce,models:fo,decisions:co,selectedModel:ft,onModelSelect:e=>{po(e)},showToolsMenu:!_,availableTools:xn.runtime,availableFrontendTools:xn.frontend,mcpServers:pt.data?.mcpServers??[],mcpStatusData:b.mcpStatusData??void 0,showSkillsMenu:!_,skills:Ze.data?.skills??[],skillsLoading:Ze.isLoading,enabledSkills:vn,onToggleSkill:e=>vn.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},yn=ne[0]?.value.Component,_t=Le[0]?.value.Component,wn=!u?.hideHeader&&!!_t,gt=yn?t.jsx(yn,{workspace:n,composer:go}):null,Cn=I.length>0&&u?.showSurfaceSelector!==!1?t.jsx(Ea,{surfaces:I.map(e=>e.value),active:E?.surfaceId??P?.surfaceId??ee,onChange:Me,workspace:n}):null,kn=t.jsxs(t.Fragment,{children:[I.map(e=>{const r=e.value,a=E?.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(Us,{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}),!E&&P?t.jsx(p,{flex:"1 1 0",minWidth:0,minHeight:0,children:t.jsxs(Wt,{children:["Starting ",P.title,"…"]})}):null]}),jn=t.jsx(t.Fragment,{children:t.jsxs(p,{flex:Ue&&E?"0 0 34%":"1 1 0",maxWidth:Ue&&E?460:void 0,minWidth:0,minHeight:0,display:"flex",flexDirection:"column",borderLeft:E?"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,Oe?.said&&Oe.given===$?.id?t.jsx(W,{as:"p",role:"status",sx:{m:0,px:3,py:2,fontSize:1,color:"fg.muted"},children:Oe.said}):null,t.jsx(p,{flex:"1 1 auto",minHeight:0,display:"flex",children:lo?t.jsx(W,{as:"p",role:"status",sx:{m:0,p:3,fontSize:1,color:"fg.muted"},children:Ln.opening}):t.jsx(Fs,{themeVariant:u?.themeVariant,themeOverrides:u?.themeOverrides,colorMode:u?.colorMode,thread:hn,voice:ro,disabled:qe,disableReason:sn,protocol:Ft,frontendTools:R?void 0:Dn,initialModel:ft||void 0,title:_?.name??y?.name??A?.name??h,description:_?.welcome??A?.description,brandIcon:_?.face?t.jsx(Sa,{face:_.face,size:20,state:pe}):t.jsx(Rt,{size:20}),headerContent:_&&!$t?t.jsx(ya,{state:pe}):void 0,emptyState:{icon:_?.face?t.jsx("span",{"aria-hidden":!0,style:{fontSize:zn,lineHeight:1},children:t.jsx(Hn,{face:_.face,size:zn})}):t.jsx(Rt,{size:48}),title:_?.name??y?.name??A?.name??h,...C&&y?{sections:[{group:C.team.name,icon:t.jsx(Wn,{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:Ue||ue||u?.suggestionLabels===!1?[]:dt,showHeader:wn,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,un.length>0?t.jsx(St,{slot:Ce.chatHeader,props:{workspace:n}}):null,t.jsx(Ls,{icon:K?_s:zs,"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 ${ja}ms ease-in-out infinite`},"@media (prefers-reduced-motion: reduce)":{"&&":{animation:"none"}}}:void 0})]}),showInput:!1,onSendReady:it,notebookToolSurfacesId:E?void 0:n.surfaceId,showTurnFooter:b.showTokenUsage??u?.showTokenUsage??!0,onContextSnapshot:L,onLoadingChange:Et,onSpeakingChange:at,onItemsChange:ge,onDisplayItemsChange:Ne,enableStreaming:!0},hn?.id)}),!wn&&un.length>0?t.jsx(p,{hidden:!0,children:t.jsx(St,{slot:Ce.chatHeader,props:{workspace:n}})}):null,Sn&&!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(Ns,{title:e.title,maxWidth:"100%",sx:{minWidth:0},children:e.title})},e.title))}):null,In=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:kn,hasEditor:!!E,transcript:jn,prompt:et?null:gt,chips:et?null:En,picker:Cn,transient:In}):t.jsxs(t.Fragment,{children:[Ue&&!et?t.jsxs(p,{flex:"0 0 auto",borderBottom:"1px solid",borderColor:"border.default",children:[gt,En]}):null,Cn,t.jsxs(p,{flex:"1 1 auto",minHeight:0,display:"flex",position:"relative",children:[kn,jn]}),In,Sn||et||Ue?null:gt]}),Pt?t.jsx(p,{position:"absolute",inset:0,zIndex:5,bg:"canvas.default",display:"flex",flexDirection:"column",minHeight:0,children:t.jsx(oa,{agentName:y?.name??A?.name,sandboxStillRuns:R,temporary:on,onSignedIn:()=>Bs.getState().clear()})}):null]})}function Ea({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{Aa as default};