@trismegisto/spine 3.3.6 → 3.3.8

package/fesm2022/{trismegisto-spine-layout-trismegisto-spine-layout-B47sMo_4.mjs → trismegisto-spine-layout-trismegisto-spine-layout-UM7CC7Sj.mjs}

@@ -1915,19 +1915,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
 const TOKEN_HEADER = 'x-access-token';
 const WS_PROTOCOL = 'graphql-transport-ws';
 const SUBSCRIPTION_ID = '1';
-const EVENTS_QUERY = `subscription ($agentId: ID!, $conversationId: ID!) {
-  agentEvents(agentId: $agentId, conversationId: $conversationId) { type text tool title ok detail message }
+// Nenhuma operação leva o agente: o gateway o descobre pelo client do token.
+const EVENTS_QUERY = `subscription ($conversationId: ID!) {
+  agentEvents(conversationId: $conversationId) { type text tool title ok detail message }
 }`;
-const SEND_MUTATION = `mutation ($agentId: ID!, $input: SendAgentMessageInput!) {
-  sendAgentMessage(agentId: $agentId, input: $input) { status message }
+const SEND_MUTATION = `mutation ($input: SendAgentMessageInput!) {
+  sendAgentMessage(input: $input) { status message }
 }`;
-const RATE_MUTATION = `mutation ($agentId: ID!, $input: RateAgentMessageInput!) {
-  rateAgentMessage(agentId: $agentId, input: $input) { status message }
+const RATE_MUTATION = `mutation ($input: RateAgentMessageInput!) {
+  rateAgentMessage(input: $input) { status message }
 }`;
-const CONVERSATION_QUERY = `query ($agentId: ID!, $conversationId: ID!) {
-  agentConversation(agentId: $agentId, conversationId: $conversationId) { status data { role text steps { tool title ok detail } } }
+const CONVERSATION_QUERY = `query ($conversationId: ID!) {
+  agentConversation(conversationId: $conversationId) { status data { role text steps { tool title ok detail } } }
+}`;
+const AGENT_QUERY = `query { agent { status data { title suggestions greeting { title text } } } }`;
+const REFRESH_MUTATION = `mutation ($conversationId: ID!) {
+  refreshAgentCredential(conversationId: $conversationId) { status message }
 }`;
-const AGENTS_QUERY = `query { agents { status data { id suggestions } } }`;
 /**
  * Assina os eventos de uma conversa e devolve a função que encerra a assinatura. Usa o WebSocket do navegador, com o
  * protocolo do graphql-ws: o shell também atende apps sem GraphQL, que não têm o pacote `graphql-ws` instalado.
@@ -1976,7 +1980,7 @@ async function sendAgentMessage(url, token, variables, text) {
         headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
         body: JSON.stringify({
             query: SEND_MUTATION,
-            variables: { agentId: variables.agentId, input: { conversationId: variables.conversationId, text } },
+            variables: { input: { conversationId: variables.conversationId, text } },
         }),
     });
     const body = await response.json();
@@ -1989,22 +1993,47 @@ async function rateAgentMessage(url, token, variables, messageIndex, rating, cor
         headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
         body: JSON.stringify({
             query: RATE_MUTATION,
-            variables: { agentId: variables.agentId, input: { conversationId: variables.conversationId, messageIndex, rating, correction } },
+            variables: { input: { conversationId: variables.conversationId, messageIndex, rating, correction } },
         }),
     });
     const body = await response.json();
     return body?.data?.rateAgentMessage ?? { status: response.status >= 400 ? response.status : 500, message: '' };
 }
-/** Perguntas prontas que o agente oferece. Agente que não aparece na lista não tem sugestões. */
-async function fetchAgentSuggestions(url, token, agentId) {
+/** Gateway fora do ar ou com erro: vale tentar de novo. Nunca chega à tela. */
+class GatewayUnavailable extends Error {
+}
+/**
+ * O agente desta pessoa, com as perguntas prontas dele. `null` quando o gateway responde que ela não tem agente: o app não
+ * tem um, ou a pessoa está fora dos grupos dele, ou o token não é aceito. Falha de rede ou do gateway sobe como exceção,
+ * para quem chama tentar de novo.
+ */
+async function fetchAgent(url, token) {
+    const response = await fetch(url, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
+        body: JSON.stringify({ query: AGENT_QUERY }),
+    });
+    if (response.status >= 500)
+        throw new GatewayUnavailable();
+    const body = await response.json();
+    const refused = (body?.errors ?? []).some((error) => [401, 403, 'UNAUTHENTICATED', 'FORBIDDEN'].includes(error?.extensions?.code));
+    const envelope = body?.data?.agent;
+    if (refused || !envelope || (envelope.status ?? 200) >= 400 || !envelope.data) {
+        if (!refused && !envelope && body?.errors?.length)
+            throw new GatewayUnavailable();
+        return null;
+    }
+    return { title: envelope.data.title, suggestions: envelope.data.suggestions ?? [], greeting: envelope.data.greeting };
+}
+/** Leva o token renovado à resposta em andamento. Falha aqui não muda nada na tela: a resposta conclui com o que tiver. */
+async function refreshAgentCredential(url, token, variables) {
     const response = await fetch(url, {
         method: 'POST',
         headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
-        body: JSON.stringify({ query: AGENTS_QUERY }),
+        body: JSON.stringify({ query: REFRESH_MUTATION, variables }),
     });
     const body = await response.json();
-    const agents = body?.data?.agents?.data ?? [];
-    return agents.find((agent) => agent.id === agentId)?.suggestions ?? [];
+    return body?.data?.refreshAgentCredential?.status ?? response.status;
 }
 /** As perguntas e respostas de uma conversa que já existe; vazia se ela expirou. */
 async function fetchAgentConversation(url, token, variables) {
@@ -2020,6 +2049,12 @@ async function fetchAgentConversation(url, token, variables) {
 // Teto para o agente dar sinal de vida; acima do limite de uma execução no backend.
 const SILENCE_LIMIT_MS = 200_000;
 const STORAGE_PREFIX = 'spine-ai-agent:conversation:';
+// Sem token ainda ou com o gateway fora: novas tentativas em 2, 4 e 6 s, e então desiste até a próxima tela.
+const AVAILABILITY_RETRIES = 3;
+const AVAILABILITY_RETRY_MS = 2_000;
+// De quanto em quanto tempo confere se o login trocou o token durante uma resposta. O agente começa a procurar o novo um
+// minuto antes do antigo vencer, então há folga de sobra.
+const CREDENTIAL_CHECK_MS = 10_000;
 const PLACEMENT_KEY = 'spine-ai-agent:placement';
 // O gateway fecha a conexão quando o token vence, e a rede também cai: a resposta continua no backend. Reconecta com o token atual.
 const RECONNECT_ATTEMPTS = 5;
@@ -2060,11 +2095,18 @@ function writeStored(key, value) {
  */
 class SpineAiAgentService {
     constructor() {
-        this.config = inject(SPINE_CONFIG, { optional: true })?.features?.aiAgent ?? null;
+        this.spine = inject(SPINE_CONFIG, { optional: true });
+        this.config = this.spine?.features?.aiAgent ?? null;
         this.auth = inject(AuthorizationService);
         this.text = inject(SPINE_MESSAGES).aiAgentChat;
         this.enabled = !!this.config;
-        this.title = this.config?.title || this.text.title;
+        /**
+         * O gateway confirmou que esta pessoa tem um agente: só então o balão e o ícone do cabeçalho aparecem. App sem agente, pessoa
+         * fora dos grupos dele ou gateway fora do ar: nada aparece, em vez de um chat que só falha.
+         */
+        this.available = signal(false, ...(ngDevMode ? [{ debugName: "available" }] : /* istanbul ignore next */ []));
+        /** Nome e saudação: os da definição do agente, que o gateway devolve; sem eles, os do app; sem estes, os padrões. */
+        this.title = signal(this.config?.title || this.text.title, ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
         this.theme = inject(ThemeService);
         this.avatarSources = resolveSpineImage(this.config?.avatar, SPINE_DEFAULT_AGENT_AVATAR);
         this.thinkingSources = resolveSpineImage(this.config?.avatarThinking, null);
@@ -2075,8 +2117,8 @@ class SpineAiAgentService {
         this.avatar = computed(() => this.pickImage(this.avatarSources), ...(ngDevMode ? [{ debugName: "avatar" }] : /* istanbul ignore next */ []));
         /** A figura do agente, para o tema atual. */
         this.image = computed(() => this.pickImage(this.imageSources), ...(ngDevMode ? [{ debugName: "image" }] : /* istanbul ignore next */ []));
-        this.greetingTitle = this.config?.greeting?.title || this.text.greetingTitle;
-        this.greetingText = this.config?.greeting?.text || this.text.greetingText;
+        this.greetingTitle = signal(this.config?.greeting?.title || this.text.greetingTitle, ...(ngDevMode ? [{ debugName: "greetingTitle" }] : /* istanbul ignore next */ []));
+        this.greetingText = signal(this.config?.greeting?.text || this.text.greetingText, ...(ngDevMode ? [{ debugName: "greetingText" }] : /* istanbul ignore next */ []));
         this.entries = signal([], ...(ngDevMode ? [{ debugName: "entries" }] : /* istanbul ignore next */ []));
         this.running = signal(false, ...(ngDevMode ? [{ debugName: "running" }] : /* istanbul ignore next */ []));
         /** Perguntas prontas que o agente oferece, mostradas na conversa vazia. */
@@ -2089,7 +2131,8 @@ class SpineAiAgentService {
         this.position = signal(readPlacement().position ?? null, ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
         /** A pessoa pediu o painel agora: a conversa recebe o foco. Ao recarregar a tela, não. */
         this.focusOnOpen = false;
-        this.storageKey = `${STORAGE_PREFIX}${this.config?.agent ?? ''}`;
+        // Por app: vários apps podem morar na mesma origem, e o localStorage é dela.
+        this.storageKey = `${STORAGE_PREFIX}${this.spine?.clientId ?? ''}`;
         this.storedConversation = readStored(this.storageKey);
         this.conversationId = this.storedConversation ?? this.newConversationId();
         this.restored = !this.storedConversation;
@@ -2105,6 +2148,10 @@ class SpineAiAgentService {
         /** Mensagens que o backend já tinha guardado antes desta pergunta, para reconhecer a resposta nova. */
         this.savedBefore = 0;
         this.suggestionsLoaded = false;
+        this.availabilityTries = 0;
+        /** O token que a resposta em andamento tem; quando o login troca o da pessoa, o novo é mandado a ela. */
+        this.credentialSent = null;
+        this.credentialTimer = null;
     }
     /** Como no logo do header: no escuro vale `dark`, e se ele falhar volta para `light`. */
     pickImage(sources) {
@@ -2141,13 +2188,45 @@ class SpineAiAgentService {
         this.restored = true;
         this.send(question);
     }
+    /**
+     * Pergunta ao gateway se esta pessoa tem um agente, e já traz as sugestões. A resposta "não tem" é definitiva nesta tela;
+     * sem token ainda, ou com o gateway fora, tenta de novo algumas vezes, cada vez mais devagar.
+     */
+    checkAvailability() {
+        if (!this.config || this.available())
+            return;
+        const token = this.auth.getToken();
+        if (!token) {
+            this.retryAvailability();
+            return;
+        }
+        fetchAgent(this.config.http, token).then((agent) => {
+            if (!agent)
+                return;
+            if (agent.title)
+                this.title.set(agent.title);
+            if (agent.greeting?.title)
+                this.greetingTitle.set(agent.greeting.title);
+            if (agent.greeting?.text)
+                this.greetingText.set(agent.greeting.text);
+            this.suggestions.set(agent.suggestions);
+            this.suggestionsLoaded = true;
+            this.available.set(true);
+        }, () => this.retryAvailability());
+    }
+    retryAvailability() {
+        if (this.availabilityTries >= AVAILABILITY_RETRIES)
+            return;
+        this.availabilityTries += 1;
+        setTimeout(() => this.checkAvailability(), AVAILABILITY_RETRY_MS * this.availabilityTries);
+    }
     /** Busca as sugestões uma vez. Sem elas o chat funciona igual, então a falha não aparece para a pessoa. */
     loadSuggestions() {
         const token = this.auth.getToken();
         if (!this.config || !token || this.suggestionsLoaded)
             return;
         this.suggestionsLoaded = true;
-        fetchAgentSuggestions(this.config.http, token, this.config.agent).then((suggestions) => this.suggestions.set(suggestions), () => { this.suggestionsLoaded = false; });
+        fetchAgent(this.config.http, token).then((agent) => this.suggestions.set(agent?.suggestions ?? []), () => { this.suggestionsLoaded = false; });
     }
     /** Traz de volta a conversa guardada, uma vez. Se falhar, ou se ela expirou, o chat só começa vazio. */
     restoreConversation() {
@@ -2156,7 +2235,7 @@ class SpineAiAgentService {
             return;
         this.restored = true;
         const conversationId = this.conversationId;
-        fetchAgentConversation(this.config.http, token, { agentId: this.config.agent, conversationId }).then((messages) => {
+        fetchAgentConversation(this.config.http, token, { conversationId }).then((messages) => {
             // A pessoa pode ter começado a escrever antes de a resposta chegar: o que está na tela vence.
             if (this.entries().length || conversationId !== this.conversationId)
                 return;
@@ -2182,7 +2261,7 @@ class SpineAiAgentService {
         const index = saved.findIndex((entry) => entry.id === entryId);
         if (!this.config || !token || index < 1)
             return false;
-        const variables = { agentId: this.config.agent, conversationId: this.conversationId };
+        const variables = { conversationId: this.conversationId };
         try {
             const { status } = await rateAgentMessage(this.config.http, token, variables, index, rating, correction);
             if (status >= 400)
@@ -2194,6 +2273,46 @@ class SpineAiAgentService {
         this.update(entryId, (entry) => ({ ...entry, rating }));
         return true;
     }
+    /**
+     * Baixa a conversa da tela em PDF, gerado aqui no navegador: nada sai para o backend. O gerador vem só no clique, para
+     * não pesar em quem nunca baixa. Devolve `false` se não houver o que baixar ou se a geração falhar.
+     */
+    async downloadTranscript() {
+        const entries = this.entries().filter((entry) => entry.text.trim() || entry.steps.length);
+        if (!entries.length)
+            return false;
+        try {
+            const { buildTranscriptPdf, transcriptFileName } = await import('./trismegisto-spine-layout-ai-agent-transcript-BNcgbrV_.mjs');
+            const now = new Date();
+            const person = this.auth.profile?.name;
+            const pdf = buildTranscriptPdf({
+                title: this.title(),
+                subtitle: [this.spine?.appName, person, now.toLocaleString()].filter(Boolean).join(' · '),
+                personLabel: person || this.text.you,
+                agentLabel: this.title(),
+                queriesLabel: this.text.transcriptQueries,
+                failedLabel: this.text.transcriptStepFailed,
+                pageLabel: this.text.transcriptPage,
+                entries: entries.map((entry) => ({
+                    role: entry.role,
+                    text: entry.text,
+                    error: entry.error,
+                    steps: entry.steps.map((step) => ({ title: step.title, detail: step.detail, failed: step.status === 'error' })),
+                })),
+            });
+            const url = URL.createObjectURL(new Blob([pdf.slice().buffer], { type: 'application/pdf' }));
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = transcriptFileName(this.title(), this.text.transcriptFile, now);
+            link.click();
+            // O navegador só lê o endereço depois do clique: revogar na hora cancelaria o download em alguns deles.
+            setTimeout(() => URL.revokeObjectURL(url), 10_000);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
     /** Repete a última pergunta depois de um erro. Resposta que falhou não entra no histórico do backend. */
     retry() {
         const entries = this.entries();
@@ -2216,7 +2335,7 @@ class SpineAiAgentService {
             return;
         }
         this.running.set(true);
-        this.listen(answerId, { agentId: this.config.agent, conversationId: this.conversationId }, text);
+        this.listen(answerId, { conversationId: this.conversationId }, text);
     }
     listen(answerId, variables, question) {
         const token = this.auth.getToken();
@@ -2247,6 +2366,7 @@ class SpineAiAgentService {
             return;
         }
         this.messageSent = true;
+        this.watchCredential(http, variables, token);
         sendAgentMessage(http, token, variables, question).then(({ status, message }) => { if (status >= 400)
             this.fail(answerId, message || this.text.sendError); }, () => this.fail(answerId, this.text.sendError));
     }
@@ -2340,7 +2460,27 @@ class SpineAiAgentService {
         }));
         this.finish();
     }
+    /**
+     * O login renova o token da pessoa a cada poucos minutos, mas a resposta começou com o do envio e pode levar mais tempo que
+     * ele. Enquanto ela está em andamento, cada token novo vai para o agente, que troca antes da próxima consulta.
+     */
+    watchCredential(http, variables, token) {
+        this.credentialSent = token;
+        if (this.credentialTimer)
+            clearInterval(this.credentialTimer);
+        this.credentialTimer = setInterval(() => {
+            const current = this.auth.getToken();
+            if (!current || current === this.credentialSent)
+                return;
+            this.credentialSent = current;
+            refreshAgentCredential(http, current, variables).catch(() => undefined);
+        }, CREDENTIAL_CHECK_MS);
+    }
     finish() {
+        if (this.credentialTimer)
+            clearInterval(this.credentialTimer);
+        this.credentialTimer = null;
+        this.credentialSent = null;
         if (this.silence)
             clearTimeout(this.silence);
         if (this.reconnectTimer)
@@ -2386,12 +2526,12 @@ class SpineAiAgentDockButtonComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAiAgentDockButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: SpineAiAgentDockButtonComponent, isStandalone: true, selector: "spine-ai-agent-dock-button", ngImport: i0, template: `
-    @if (agent.enabled && agent.docked()) {
+    @if (agent.available() && agent.docked()) {
       <hm-icon-button
         [class]="dockClass"
         emphasis="subtle"
         icon="chat-bubble"
-        [label]="agent.panelOpen() ? text.close : agent.title"
+        [label]="agent.panelOpen() ? text.close : agent.title()"
         (clicked)="agent.togglePanel()"
       />
     }
@@ -2404,12 +2544,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
                     imports: [IconButtonComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: `
-    @if (agent.enabled && agent.docked()) {
+    @if (agent.available() && agent.docked()) {
       <hm-icon-button
         [class]="dockClass"
         emphasis="subtle"
         icon="chat-bubble"
-        [label]="agent.panelOpen() ? text.close : agent.title"
+        [label]="agent.panelOpen() ? text.close : agent.title()"
         (clicked)="agent.togglePanel()"
       />
     }
@@ -7558,7 +7698,7 @@ function registerPage() {
                 route_redirect: SPINE_SUGGESTIONS_PAGE_PATH,
                 description: text.description,
             },
-            load: () => import('./trismegisto-spine-layout-suggestions-page.component-Bh3VGlOR.mjs').then((m) => m.SpineSuggestionsPageComponent),
+            load: () => import('./trismegisto-spine-layout-suggestions-page.component-Cj4KgMj3.mjs').then((m) => m.SpineSuggestionsPageComponent),
         });
     });
 }
@@ -8703,12 +8843,16 @@ class SpineAiAgentLauncherComponent {
     constructor() {
         this.agent = inject(SpineAiAgentService);
         this.text = inject(SPINE_MESSAGES).aiAgentChat;
+        this.toast = inject(HermesToastService);
         this.panelId = PANEL_ID;
         this.titleId = TITLE_ID;
         /** Tamanho do painel: continua como a pessoa deixou ao fechar e abrir. */
         this.expanded = signal(readPanelState().expanded === true, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
         this.chat = signal(null, ...(ngDevMode ? [{ debugName: "chat" }] : /* istanbul ignore next */ []));
         this.dragging = signal(false, ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
+        this.started = false;
+        // Lido na criação: o efeito que guarda o estado roda antes do balão aparecer e gravaria "fechado" por cima.
+        this.initialPanel = readPanelState();
         /** Com o balão na metade de cima da tela, o painel abre para baixo, onde há espaço. */
         this.below = computed(() => !this.agent.docked() && (this.agent.position()?.bottom ?? 0) > window.innerHeight / 2, ...(ngDevMode ? [{ debugName: "below" }] : /* istanbul ignore next */ []));
         /** O balão é um círculo: o rosto cabe nele, e uma imagem de corpo inteiro cortaria onde não deve. */
@@ -8743,12 +8887,24 @@ class SpineAiAgentLauncherComponent {
             if (this.agent.panelOpen())
                 untracked(() => void this.prepare());
         });
+        // O balão só existe depois que o gateway confirma o agente: aí o painel volta como estava e o convite aparece.
+        effect(() => {
+            if (this.agent.available())
+                untracked(() => this.start());
+        });
     }
     ngOnInit() {
+        if (this.agent.enabled)
+            this.agent.checkAvailability();
+    }
+    start() {
+        if (this.started)
+            return;
+        this.started = true;
         // Sem roubar o foco: a pessoa acabou de recarregar a tela, não pediu o chat agora.
-        if (this.agent.enabled && readPanelState().open === true)
+        if (this.initialPanel.open === true)
             this.agent.panelOpen.set(true);
-        if (this.agent.enabled && this.greetingVisible()) {
+        if (this.greetingVisible()) {
             this.agent.loadSuggestions();
             this.greetingTimer = setTimeout(() => this.closeGreeting(), GREETING_MS);
         }
@@ -8761,7 +8917,7 @@ class SpineAiAgentLauncherComponent {
         const focus = this.agent.focusOnOpen;
         this.agent.focusOnOpen = false;
         if (!this.chat()) {
-            const { SpineAiAgentChatComponent } = await import('./trismegisto-spine-layout-ai-agent-chat.component-C5JljPYD.mjs');
+            const { SpineAiAgentChatComponent } = await import('./trismegisto-spine-layout-ai-agent-chat.component-Brh0_LS9.mjs');
             this.chat.set(SpineAiAgentChatComponent);
         }
         this.agent.loadSuggestions();
@@ -8797,6 +8953,10 @@ class SpineAiAgentLauncherComponent {
         this.agent.dock();
         afterNextRender(() => this.focusEntry(), { injector: this.injector });
     }
+    async downloadTranscript() {
+        if (!(await this.agent.downloadTranscript()))
+            this.toast.error(this.text.transcriptDownloadError);
+    }
     undock() {
         this.agent.undock();
         afterNextRender(() => this.focusEntry(), { injector: this.injector });
@@ -8844,7 +9004,7 @@ class SpineAiAgentLauncherComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAiAgentLauncherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: SpineAiAgentLauncherComponent, isStandalone: true, selector: "spine-ai-agent-launcher", host: { properties: { "class.spine-agent--docked": "agent.docked()", "class.spine-agent--below": "below()", "style.--spine-agent-end": "agent.position() ? agent.position()!.end + 'px' : null", "style.--spine-agent-bottom": "agent.position() ? agent.position()!.bottom + 'px' : null" } }, ngImport: i0, template: `
-    @if (agent.enabled) {
+    @if (agent.available()) {
       @if (chat(); as component) {
         <section
           class="spine-agent-panel"
@@ -8861,7 +9021,7 @@ class SpineAiAgentLauncherComponent {
             @if (agent.avatarNow(); as avatar) {
               <img class="spine-agent-panel__avatar" [src]="avatar" alt="" (error)="agent.imageFailed(avatar)" />
             }
-            <h2 class="spine-agent-panel__title" [attr.id]="titleId">{{ agent.title }}</h2>
+            <h2 class="spine-agent-panel__title" [attr.id]="titleId">{{ agent.title() }}</h2>
             <hm-icon-button
               emphasis="subtle"
               size="small"
@@ -8870,6 +9030,14 @@ class SpineAiAgentLauncherComponent {
               [disabled]="agent.running() || !agent.entries().length"
               (clicked)="agent.reset()"
             />
+            <hm-icon-button
+              emphasis="subtle"
+              size="small"
+              icon="download"
+              [label]="text.transcriptDownload"
+              [disabled]="agent.running() || !agent.entries().length"
+              (clicked)="downloadTranscript()"
+            />
             <hm-icon-button
               emphasis="subtle"
               size="small"
@@ -8895,7 +9063,7 @@ class SpineAiAgentLauncherComponent {
               [class.spine-agent-greeting--after]="greetingAfter()"
               [class.spine-agent-greeting--below]="below()"
               [class.spine-agent-greeting--figure]="agent.image()"
-              [attr.aria-label]="agent.title"
+              [attr.aria-label]="agent.title()"
               (pointerdown)="$event.stopPropagation()"
               (mouseenter)="keepGreeting()"
               (focusin)="keepGreeting()"
@@ -8905,10 +9073,10 @@ class SpineAiAgentLauncherComponent {
               }
               <div class="spine-agent-greeting__content">
                 <div class="spine-agent-greeting__head">
-                  <p class="spine-agent-greeting__title">{{ agent.greetingTitle }}</p>
+                  <p class="spine-agent-greeting__title">{{ agent.greetingTitle() }}</p>
                   <hm-icon-button emphasis="subtle" size="small" icon="times" [label]="text.greetingClose" (clicked)="closeGreeting()" />
                 </div>
-                <p class="spine-agent-greeting__text">{{ agent.greetingText }}</p>
+                <p class="spine-agent-greeting__text">{{ agent.greetingText() }}</p>
                 @if (greetingSuggestions().length) {
                   <hm-prompt-suggestions [suggestions]="greetingSuggestions()" (chosen)="askFromGreeting($event)" />
                 }
@@ -8917,7 +9085,7 @@ class SpineAiAgentLauncherComponent {
           }
           <hm-fab
             [fixed]="false"
-            [label]="agent.panelOpen() ? text.close : agent.title"
+            [label]="agent.panelOpen() ? text.close : agent.title()"
             [icon]="agent.panelOpen() ? 'times' : fabImage() ? '' : 'chat-bubble'"
             [expanded]="agent.panelOpen()"
             [controls]="panelId"
@@ -8951,7 +9119,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
                         '[style.--spine-agent-end]': "agent.position() ? agent.position()!.end + 'px' : null",
                         '[style.--spine-agent-bottom]': "agent.position() ? agent.position()!.bottom + 'px' : null",
                     }, template: `
-    @if (agent.enabled) {
+    @if (agent.available()) {
       @if (chat(); as component) {
         <section
           class="spine-agent-panel"
@@ -8968,7 +9136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
             @if (agent.avatarNow(); as avatar) {
               <img class="spine-agent-panel__avatar" [src]="avatar" alt="" (error)="agent.imageFailed(avatar)" />
             }
-            <h2 class="spine-agent-panel__title" [attr.id]="titleId">{{ agent.title }}</h2>
+            <h2 class="spine-agent-panel__title" [attr.id]="titleId">{{ agent.title() }}</h2>
             <hm-icon-button
               emphasis="subtle"
               size="small"
@@ -8977,6 +9145,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
               [disabled]="agent.running() || !agent.entries().length"
               (clicked)="agent.reset()"
             />
+            <hm-icon-button
+              emphasis="subtle"
+              size="small"
+              icon="download"
+              [label]="text.transcriptDownload"
+              [disabled]="agent.running() || !agent.entries().length"
+              (clicked)="downloadTranscript()"
+            />
             <hm-icon-button
               emphasis="subtle"
               size="small"
@@ -9002,7 +9178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
               [class.spine-agent-greeting--after]="greetingAfter()"
               [class.spine-agent-greeting--below]="below()"
               [class.spine-agent-greeting--figure]="agent.image()"
-              [attr.aria-label]="agent.title"
+              [attr.aria-label]="agent.title()"
               (pointerdown)="$event.stopPropagation()"
               (mouseenter)="keepGreeting()"
               (focusin)="keepGreeting()"
@@ -9012,10 +9188,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
               }
               <div class="spine-agent-greeting__content">
                 <div class="spine-agent-greeting__head">
-                  <p class="spine-agent-greeting__title">{{ agent.greetingTitle }}</p>
+                  <p class="spine-agent-greeting__title">{{ agent.greetingTitle() }}</p>
                   <hm-icon-button emphasis="subtle" size="small" icon="times" [label]="text.greetingClose" (clicked)="closeGreeting()" />
                 </div>
-                <p class="spine-agent-greeting__text">{{ agent.greetingText }}</p>
+                <p class="spine-agent-greeting__text">{{ agent.greetingText() }}</p>
                 @if (greetingSuggestions().length) {
                   <hm-prompt-suggestions [suggestions]="greetingSuggestions()" (chosen)="askFromGreeting($event)" />
                 }
@@ -9024,7 +9200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
           }
           <hm-fab
             [fixed]="false"
-            [label]="agent.panelOpen() ? text.close : agent.title"
+            [label]="agent.panelOpen() ? text.close : agent.title()"
             [icon]="agent.panelOpen() ? 'times' : fabImage() ? '' : 'chat-bubble'"
             [expanded]="agent.panelOpen()"
             [controls]="panelId"
@@ -9716,4 +9892,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
  */
 
 export { SpineAppTokensService as $, AppLauncherComponent as A, SPINE_INBOX_POLL_MS as B, SPINE_INBOX_SOURCES as C, SPINE_MARKDOWN_PURIFY_CONFIG as D, SPINE_PREFERENCES_SAVE_DELAY_MS as E, SPINE_RATING_COMMENT_MAX as F, SPINE_RATING_SCORE_MAX as G, HeaderComponent as H, SPINE_SETTINGS_ALIASES as I, SPINE_SETTINGS_KEYS as J, SPINE_SETTINGS_SECTIONS as K, LayoutComponent as L, McpConnectComponent as M, NEW_SCREEN_VALUE as N, SPINE_SUGGESTIONS_PAGE_ID as O, SPINE_SUGGESTION_LIMITS as P, SPINE_SUGGESTION_PUBLIC_SORTS as Q, SPINE_SUGGESTION_PUBLIC_STATUSES as R, SpineSuggestionsService as S, SPINE_SUGGESTION_STATUS_ICONS as T, SPINE_WORKSPACE_LIMITS as U, SettingsPanelComponent as V, ShortcutService as W, ShortcutsCheatsheetComponent as X, SidebarComponent as Y, SpineAccountPreferencesService as Z, SpineAccountSecurityService as _, SpineInboxService as a, SpineBrandComponent as a0, SpineConnectionBannerComponent as a1, SpineDocsComponent as a2, SpineDocsService as a3, SpineIdleService as a4, SpineIdleWarningComponent as a5, SpineInboxButtonComponent as a6, SpineInitialSetupComponent as a7, SpineInitialSetupService as a8, SpineLogoutService as a9, spineParamsOf as aA, spinePathOf as aB, spineScoreBand as aC, spineStarFills as aD, spineSuggestionsEnabled as aE, spineTagColor as aF, stable as aG, SpineMyGroupsService as aa, SpineNewsComponent as ab, SpineNewsService as ac, SpineNoticesService as ad, SpinePageActionsDirective as ae, SpinePageActionsSlot as af, SpineRatingStarsComponent as ag, SpineRatingsService as ah, SpineSettingsService as ai, SpineStartPageService as aj, SpineUnsavedChangesService as ak, SpineWorkspaceNavService as al, accountErrorCode as am, argosAccountApi as an, buildMcpConfig as ao, effectiveIdleMinutes as ap, idleLimits as aq, isInternalPath as ar, provideSettingsSection as as, provideSpineInboxSource as at, provideSpineSuggestionsPage as au, ratingTargetKey as av, registerSpineUnsavedChanges as aw, resolveSettingsSection as ax, sanitizeSpineMarkdownHtml as ay, spineNormalizeUrl as az, SpineSuggestionChatComponent as b, SPINE_SUGGESTION_STATUS_COLORS as c, SPINE_SUGGESTION_KIND_COLORS as d, SPINE_SUGGESTION_KIND_ICONS as e, SPINE_SUGGESTION_WAITING_COLORS as f, SPINE_SUGGESTION_VISIBLE_SORTS as g, SPINE_SUGGESTION_REASONS as h, SPINE_SUGGESTION_STATUSES as i, SPINE_SUGGESTION_KINDS as j, SPINE_SUGGESTION_WAITING as k, SPINE_TAB as l, SPINE_SUGGESTION_PAGE_PARAM as m, SPINE_SUGGESTION_TAB_PARAM as n, SPINE_SUGGESTION_TAB_CONVERSATION as o, screenName as p, screenModule as q, SPINE_SUGGESTIONS_PAGE_PATH as r, suggestionScreens as s, SpineSuggestionsDialogComponent as t, SpineTagRowComponent as u, SpineAiAgentService as v, SpineMarkdownComponent as w, SPINE_BRAND as x, SPINE_GLOBAL_PREFERENCE_KEYS as y, SPINE_IDLE_WARNING_SECONDS as z };
-//# sourceMappingURL=trismegisto-spine-layout-trismegisto-spine-layout-B47sMo_4.mjs.map
+//# sourceMappingURL=trismegisto-spine-layout-trismegisto-spine-layout-UM7CC7Sj.mjs.map