@trismegisto/spine 3.3.5 → 3.3.7

package/fesm2022/{trismegisto-spine-layout-trismegisto-spine-layout-DiAfxIGP.mjs → trismegisto-spine-layout-trismegisto-spine-layout-D3vetDC_.mjs}

@@ -1,28 +1,84 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectorRef, ChangeDetectionStrategy, Component, InjectionToken, input, signal, computed, Injectable, PLATFORM_ID, effect, untracked, DestroyRef, Injector, model, ElementRef, output, Optional, Inject, viewChild, NgZone, isDevMode, Directive, makeEnvironmentProviders, provideEnvironmentInitializer, TemplateRef, ViewContainerRef, afterNextRender, ViewEncapsulation } from '@angular/core';
+import { inject, ChangeDetectorRef, ChangeDetectionStrategy, Component, InjectionToken, input, signal, computed, Injectable, PLATFORM_ID, effect, untracked, DestroyRef, Injector, model, ElementRef, output, Optional, Inject, viewChild, NgZone, isDevMode, Directive, makeEnvironmentProviders, provideEnvironmentInitializer, TemplateRef, ViewContainerRef, afterNextRender, ViewEncapsulation, DOCUMENT } from '@angular/core';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import * as i3 from '@angular/router';
 import { RouterLink, Router, NavigationEnd, NavigationSkipped, RouterOutlet } from '@angular/router';
 import { firstValueFrom, filter, Subject, take, Subscription, debounceTime, distinctUntilChanged } from 'rxjs';
-import { MenuButtonComponent, HermesThemeService, HERMES_THEME_CONFIG, HermesSidebarService, HermesToastService, IconComponent, ButtonComponent, SkeletonComponent, TextareaComponent, FloatingWindowComponent, IconButtonComponent, AccountAvatarComponent, BadgeComponent, PopoverComponent, PopoverTriggerDirective, HermesShortcutService, HeaderComponent as HeaderComponent$1, CommandPaletteComponent, panelIdsInOrder, createPersistedWorkspaceStore, HERMES_WORKSPACE_PERSISTENCE_CONFIG, findPanelTabs, canSplitPanel, cyclicPanelNeighbor, ContextMenuDirective, SidebarComponent as SidebarComponent$1, SidebarNodeComponent, HermesI18nService, SegmentedControlComponent, ThemePickerComponent, AlertComponent, BreadcrumbComponent, DrawerComponent, ModalComponent, PaginatorComponent, RichTextComponent, SearchFieldComponent, ShortcutListComponent, TagComponent, CodeInputComponent, InputComponent, RadioComponent, CheckboxComponent, CodeViewerComponent, SelectComponent, AvatarGroupComponent, HERMES_SIDEBAR_CONFIG, ComboboxComponent, SettingsDialogComponent, SettingsRowComponent, SettingsSectionComponent, ToggletipComponent, TooltipDirective, LoadingSquareComponent, registerUnsavedChanges, HermesUnsavedChangesService, WorkspaceComponent, ToastStackComponent, SkipLinkComponent, MessageScrollerComponent, BubbleComponent, MessageComponent, MessageDividerComponent } from '@trismegisto/angular';
-import { HermesSidebarService as HermesSidebarService$1 } from '@trismegisto/angular/sidebar';
+import { SkipLinkComponent } from '@trismegisto/angular/skip-link';
+import { HermesToastService, ToastStackComponent } from '@trismegisto/angular/toast';
+import { WorkspaceComponent } from '@trismegisto/angular/workspace';
+import { HermesSidebarService, SidebarComponent as SidebarComponent$1, SidebarNodeComponent, HERMES_SIDEBAR_CONFIG } from '@trismegisto/angular/sidebar';
 import { ModalComponent as ModalComponent$1 } from '@trismegisto/spine/modal';
 import { SidePanelComponent } from '@trismegisto/spine/side-panel';
 import * as i2$1 from '@trismegisto/spine';
-import { SPINE_MESSAGES, SPINE_CONFIG, ThemeService, resolveSpineLogo, SpinePreferencesService, SpineQuickAccessService, DensityService, ThemePresetService, SPINE_ADMIN_API, SpineUserStorage, SPINE_USER_STORAGE_KEYS, spineRoutesOf, routerIdOf, SPINE_IDLE_OPTIONS, APP_PACKAGE_INFO, registerSpineBuiltinPage } from '@trismegisto/spine';
+import { SPINE_MESSAGES, SPINE_CONFIG, ThemeService, resolveSpineLogo, SpinePreferencesService, SpineQuickAccessService, DensityService, ThemePresetService, SPINE_ADMIN_API, resolveSpineImage, SPINE_DEFAULT_AGENT_AVATAR, SPINE_DEFAULT_AGENT_IMAGE, SpineUserStorage, SPINE_USER_STORAGE_KEYS, spineRoutesOf, routerIdOf, SPINE_IDLE_OPTIONS, APP_PACKAGE_INFO, registerSpineBuiltinPage } from '@trismegisto/spine';
 import * as i2 from '@angular/common';
 import { CommonModule, NgTemplateOutlet, NgComponentOutlet, isPlatformBrowser, Location } from '@angular/common';
+import { AccountAvatarComponent } from '@trismegisto/angular/account-avatar';
+import { CommandPaletteComponent } from '@trismegisto/angular/command-palette';
+import { HeaderComponent as HeaderComponent$1 } from '@trismegisto/angular/header';
+import { IconComponent } from '@trismegisto/angular/icon';
+import { IconButtonComponent } from '@trismegisto/angular/icon-button';
+import { MenuButtonComponent } from '@trismegisto/angular/menu-button';
 import * as i1 from '@orfeu/angular/core';
 import { AuthorizationService, AUTH_CONFIG, ViewService, RealmAppsService } from '@orfeu/angular/core';
 import { HttpClient, HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';
-import { urlPath, formatMessage, pluralMessage, detectShortcutPlatform, tabUrl, HERMES_FONTS, HERMES_TEXT_SCALES, formatShortcut, formatMessageHtml, weekdayNames, FALLBACK_FAMILY, findPanelTabs as findPanelTabs$1, isMessageContinuation } from '@trismegisto/primitives';
+import { HermesThemeService, HERMES_THEME_CONFIG } from '@trismegisto/angular/theme';
+import { formatMessage, pluralMessage } from '@trismegisto/primitives/i18n';
+import { urlPath, formatMessageHtml } from '@trismegisto/primitives/html';
+import { FloatingWindowComponent } from '@trismegisto/angular/floating-window';
+import { ButtonComponent } from '@trismegisto/angular/button';
+import { SkeletonComponent } from '@trismegisto/angular/skeleton';
+import { TextareaComponent } from '@trismegisto/angular/textarea';
+import { BadgeComponent } from '@trismegisto/angular/badge';
+import { PopoverComponent, PopoverTriggerDirective } from '@trismegisto/angular/popover';
 import { NotificationService, AlertType } from '@trismegisto/spine/notification';
+import { HermesShortcutService, ShortcutListComponent } from '@trismegisto/angular/shortcut-list';
+import { detectShortcutPlatform, formatShortcut } from '@trismegisto/primitives/shortcuts';
+import { ContextMenuDirective } from '@trismegisto/angular/menu';
+import { createPersistedWorkspaceStore, HERMES_WORKSPACE_PERSISTENCE_CONFIG } from '@trismegisto/angular/workspace-persistence';
+import { panelIdsInOrder, findPanelTabs, canSplitPanel, cyclicPanelNeighbor } from '@trismegisto/primitives/workspace';
+import { tabUrl } from '@trismegisto/primitives/tab-bar';
 import { resolveEffectiveRouteChain, ComponentDistributorService, componentRouterId, LoggerService } from '@trismegisto/spine/routing';
+import { HermesI18nService } from '@trismegisto/angular/i18n';
+import { SegmentedControlComponent } from '@trismegisto/angular/segmented-control';
+import { ThemePickerComponent } from '@trismegisto/angular/theme-picker';
+import { HERMES_FONTS, FALLBACK_FAMILY } from '@trismegisto/primitives/theme';
+import { HERMES_TEXT_SCALES } from '@trismegisto/primitives/zoom';
+import { AlertComponent } from '@trismegisto/angular/alert';
+import { BreadcrumbComponent } from '@trismegisto/angular/breadcrumb';
+import { DrawerComponent } from '@trismegisto/angular/drawer';
+import { ModalComponent } from '@trismegisto/angular/modal';
+import { PaginatorComponent } from '@trismegisto/angular/paginator';
+import { RichTextComponent } from '@trismegisto/angular/rich-text';
+import { SearchFieldComponent } from '@trismegisto/angular/search-field';
+import { CheckboxComponent } from '@trismegisto/angular/checkbox';
+import { ComboboxComponent } from '@trismegisto/angular/combobox';
+import { SelectComponent } from '@trismegisto/angular/select';
+import { SettingsDialogComponent, SettingsRowComponent, SettingsSectionComponent } from '@trismegisto/angular/settings';
+import { ToggletipComponent } from '@trismegisto/angular/toggletip';
+import { weekdayNames } from '@trismegisto/primitives/date';
+import { TagComponent } from '@trismegisto/angular/tag';
 import * as i1$1 from '@angular/forms';
 import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { CodeInputComponent } from '@trismegisto/angular/code-input';
+import { InputComponent } from '@trismegisto/angular/input';
+import { RadioComponent } from '@trismegisto/angular/radio';
+import { CodeViewerComponent } from '@trismegisto/angular/code-viewer';
+import { AvatarGroupComponent } from '@trismegisto/angular/avatar-group';
 import { Title, DomSanitizer } from '@angular/platform-browser';
+import { LoadingSquareComponent } from '@trismegisto/angular/loading-square';
+import { TooltipDirective } from '@trismegisto/angular/tooltip';
 import { Marked } from 'marked';
 import DOMPurify from 'dompurify';
+import { FabComponent } from '@trismegisto/angular/fab';
+import { PromptSuggestionsComponent } from '@trismegisto/angular/prompt-suggestions';
+import { registerUnsavedChanges, HermesUnsavedChangesService } from '@trismegisto/angular/unsaved-changes';
+import { BubbleComponent } from '@trismegisto/angular/bubble';
+import { MessageComponent } from '@trismegisto/angular/message';
+import { MessageDividerComponent } from '@trismegisto/angular/message-divider';
+import { MessageScrollerComponent } from '@trismegisto/angular/message-scroller';
+import { isMessageContinuation } from '@trismegisto/primitives/conversation';
 
 /**
  * Seletor de aplicações do realm: um `hm-menu-button` próprio, só com o ícone de grade, que abre a lista das
@@ -1856,6 +1912,553 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
   `, styles: [":host{display:contents}.spine-inbox{position:relative;display:inline-flex}.spine-inbox__badge{position:absolute;inset-block-start:0;inset-inline-end:0;pointer-events:none;transform:translate(25%,-15%)}.spine-inbox__list{display:flex;flex-direction:column;inline-size:min(21rem,calc(100vw - 4rem));max-block-size:min(28rem,70dvh);margin:0;padding:0;overflow-x:hidden;overflow-y:auto;list-style:none}.spine-inbox__item{display:flex;gap:var(--hm-space-sm);inline-size:100%;padding:var(--hm-space-xs) var(--hm-space-xxxs);border:0;border-radius:var(--hm-radius);background:none;color:var(--hm-text);font:inherit;text-align:start;cursor:pointer}.spine-inbox__item:hover{background:var(--hm-hover)}.spine-inbox__item:focus-visible{outline:var(--hm-border-thin) solid var(--hm-focus-color);outline-offset:calc(var(--hm-border-thin) * -1)}.spine-inbox__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:50%;background:var(--hm-accent-subtle);color:var(--hm-accent)}.spine-inbox__text{display:flex;flex:1;flex-direction:column;gap:var(--hm-space-micro);min-inline-size:0}.spine-inbox__source{color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.spine-inbox__title{overflow:hidden;font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.spine-inbox__body{display:-webkit-box;overflow:hidden;color:var(--hm-text);font-size:var(--hm-font-size-sm);overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.spine-inbox__meta{display:flex;gap:var(--hm-space-micro);color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.spine-inbox__empty{margin:0;padding-block:var(--hm-space-sm);color:var(--hm-muted);font-size:var(--hm-font-size-sm)}\n"] }]
         }], ctorParameters: () => [] });
 
+const TOKEN_HEADER = 'x-access-token';
+const WS_PROTOCOL = 'graphql-transport-ws';
+const SUBSCRIPTION_ID = '1';
+// 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 ($input: SendAgentMessageInput!) {
+  sendAgentMessage(input: $input) { status message }
+}`;
+const RATE_MUTATION = `mutation ($input: RateAgentMessageInput!) {
+  rateAgentMessage(input: $input) { status message }
+}`;
+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 { 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.
+ * `onClosed` avisa que a conexão caiu sem que quem assinou tenha pedido.
+ */
+function subscribeAgentEvents(url, token, variables, onEvent, onClosed) {
+    const socket = new WebSocket(url, WS_PROTOCOL);
+    let stopped = false;
+    const send = (message) => socket.send(JSON.stringify(message));
+    socket.onopen = () => send({ type: 'connection_init', payload: { [TOKEN_HEADER]: token, headers: { [TOKEN_HEADER]: token } } });
+    socket.onmessage = ({ data }) => {
+        const message = JSON.parse(String(data));
+        if (message.type === 'connection_ack') {
+            send({ id: SUBSCRIPTION_ID, type: 'subscribe', payload: { query: EVENTS_QUERY, variables } });
+        }
+        else if (message.type === 'ping') {
+            send({ type: 'pong' });
+        }
+        else if (message.type === 'next' && message.payload?.data?.agentEvents) {
+            onEvent(message.payload.data.agentEvents);
+        }
+        else if (message.type === 'next' || message.type === 'error' || message.type === 'complete') {
+            // Recusa do gateway (agente de outro client, credencial vencida) ou fim inesperado: não há mais o que esperar.
+            stop();
+            onClosed();
+        }
+    };
+    socket.onclose = () => {
+        if (!stopped) {
+            stopped = true;
+            onClosed();
+        }
+    };
+    function stop() {
+        stopped = true;
+        if (socket.readyState === WebSocket.OPEN)
+            send({ id: SUBSCRIPTION_ID, type: 'complete' });
+        socket.close();
+    }
+    return stop;
+}
+/** Envia a mensagem. Falha de rede sobe como exceção; recusa do backend volta no envelope `{ status, message }`. */
+async function sendAgentMessage(url, token, variables, text) {
+    const response = await fetch(url, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
+        body: JSON.stringify({
+            query: SEND_MUTATION,
+            variables: { input: { conversationId: variables.conversationId, text } },
+        }),
+    });
+    const body = await response.json();
+    return body?.data?.sendAgentMessage ?? { status: response.status >= 400 ? response.status : 500, message: '' };
+}
+/** Avalia uma resposta, com uma correção opcional. `messageIndex` é a posição dela na conversa guardada. */
+async function rateAgentMessage(url, token, variables, messageIndex, rating, correction) {
+    const response = await fetch(url, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
+        body: JSON.stringify({
+            query: RATE_MUTATION,
+            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. */
+async function fetchAgentSuggestions(url, token) {
+    const response = await fetch(url, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
+        body: JSON.stringify({ query: AGENT_QUERY }),
+    });
+    const body = await response.json();
+    return body?.data?.agent?.data?.suggestions ?? [];
+}
+/** As perguntas e respostas de uma conversa que já existe; vazia se ela expirou. */
+async function fetchAgentConversation(url, token, variables) {
+    const response = await fetch(url, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json', [TOKEN_HEADER]: token },
+        body: JSON.stringify({ query: CONVERSATION_QUERY, variables }),
+    });
+    const body = await response.json();
+    return body?.data?.agentConversation?.data ?? [];
+}
+
+// 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:';
+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;
+const RECONNECT_DELAY_MS = 1_000;
+const RECOVERY_POLL_MS = 5_000;
+function readPlacement() {
+    try {
+        return JSON.parse(readStored(PLACEMENT_KEY) ?? '{}');
+    }
+    catch {
+        return {};
+    }
+}
+function readStored(key) {
+    try {
+        return localStorage.getItem(key);
+    }
+    catch {
+        return null;
+    }
+}
+function writeStored(key, value) {
+    try {
+        localStorage.setItem(key, value);
+    }
+    catch {
+        // Navegador sem armazenamento: a conversa só não volta depois de recarregar.
+    }
+}
+/**
+ * Conversa com o agente do app (`SpineFeatures.aiAgent`). Fica no serviço para sobreviver a fechar e abrir o painel. O id
+ * da conversa fica no navegador, só ele: as mensagens são do backend e voltam de lá ao recarregar a tela, e a chave lá
+ * leva o usuário do token, então quem entrar depois nesse navegador não vê a conversa. A cada mensagem abre uma assinatura, espera o `ready` do gateway,
+ * envia e acompanha até `done` ou `error`.
+ *
+ * Se a conexão cair depois do envio, o backend segue trabalhando: reconecta com o token atual, sem reenviar, e busca a resposta salva, porque os
+ * eventos do intervalo se perderam e a resposta pode até já ter terminado.
+ */
+class SpineAiAgentService {
+    constructor() {
+        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;
+        this.theme = inject(ThemeService);
+        this.avatarSources = resolveSpineImage(this.config?.avatar, SPINE_DEFAULT_AGENT_AVATAR);
+        this.thinkingSources = resolveSpineImage(this.config?.avatarThinking, null);
+        this.imageSources = resolveSpineImage(this.config?.image, SPINE_DEFAULT_AGENT_IMAGE);
+        /** Arquivos que não carregaram: saem, em vez de virar imagem quebrada na tela. */
+        this.failedImages = signal(new Set(), ...(ngDevMode ? [{ debugName: "failedImages" }] : /* istanbul ignore next */ []));
+        /** O rosto do agente, para o tema atual. */
+        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.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. */
+        this.suggestions = signal([], ...(ngDevMode ? [{ debugName: "suggestions" }] : /* istanbul ignore next */ []));
+        /** O rosto de agora, que muda enquanto o agente trabalha. */
+        this.avatarNow = computed(() => (this.running() ? this.pickImage(this.thinkingSources) : null) ?? this.avatar(), ...(ngDevMode ? [{ debugName: "avatarNow" }] : /* istanbul ignore next */ []));
+        this.panelOpen = signal(false, ...(ngDevMode ? [{ debugName: "panelOpen" }] : /* istanbul ignore next */ []));
+        /** O balão saiu da tela e virou um ícone no cabeçalho. */
+        this.docked = signal(readPlacement().docked === true, ...(ngDevMode ? [{ debugName: "docked" }] : /* istanbul ignore next */ []));
+        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;
+        // 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;
+        this.nextId = 0;
+        this.stop = null;
+        this.silence = null;
+        this.reconnectTimer = null;
+        this.recoveryTimer = null;
+        /** A mensagem já foi enviada: daqui em diante, a conexão pode cair sem perder a resposta. */
+        this.messageSent = false;
+        this.reconnects = 0;
+        this.resumed = false;
+        /** Mensagens que o backend já tinha guardado antes desta pergunta, para reconhecer a resposta nova. */
+        this.savedBefore = 0;
+        this.suggestionsLoaded = false;
+    }
+    /** Como no logo do header: no escuro vale `dark`, e se ele falhar volta para `light`. */
+    pickImage(sources) {
+        if (!this.config || !sources)
+            return null;
+        const failed = this.failedImages();
+        if (this.theme.current === 'dark' && sources.dark && !failed.has(sources.dark))
+            return sources.dark;
+        return failed.has(sources.light) ? null : sources.light;
+    }
+    imageFailed(src) {
+        if (!this.failedImages().has(src))
+            this.failedImages.update((failed) => new Set(failed).add(src));
+    }
+    togglePanel() {
+        this.focusOnOpen = !this.panelOpen();
+        this.panelOpen.set(this.focusOnOpen);
+    }
+    dock() {
+        this.docked.set(true);
+        this.savePlacement();
+    }
+    undock() {
+        this.docked.set(false);
+        this.savePlacement();
+    }
+    savePlacement() {
+        writeStored(PLACEMENT_KEY, JSON.stringify({ docked: this.docked(), position: this.position() }));
+    }
+    /** Abre o painel e pergunta, para quem escolheu uma sugestão no convite. */
+    askFromGreeting(question) {
+        this.focusOnOpen = true;
+        this.panelOpen.set(true);
+        this.restored = true;
+        this.send(question);
+    }
+    /** 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).then((suggestions) => this.suggestions.set(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() {
+        const token = this.auth.getToken();
+        if (!this.config || !token || this.restored)
+            return;
+        this.restored = true;
+        const conversationId = this.conversationId;
+        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;
+            for (const message of messages) {
+                const id = this.append(message.role, message.text);
+                const steps = this.storedSteps(message.steps);
+                if (steps.length)
+                    this.update(id, (entry) => ({ ...entry, steps }));
+            }
+        }, () => { this.restored = false; });
+    }
+    /** Começa outra conversa; a anterior expira sozinha no backend. */
+    reset() {
+        this.finish();
+        this.entries.set([]);
+        this.restored = true;
+        this.conversationId = this.newConversationId();
+    }
+    /** Avalia uma resposta. A posição conta só o que o backend guardou: resposta que falhou não entra no histórico dele. */
+    async rate(entryId, rating, correction = '') {
+        const token = this.auth.getToken();
+        const saved = this.entries().filter((entry) => !entry.error);
+        const index = saved.findIndex((entry) => entry.id === entryId);
+        if (!this.config || !token || index < 1)
+            return false;
+        const variables = { conversationId: this.conversationId };
+        try {
+            const { status } = await rateAgentMessage(this.config.http, token, variables, index, rating, correction);
+            if (status >= 400)
+                return false;
+        }
+        catch {
+            return false;
+        }
+        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();
+        const question = entries[entries.length - 2];
+        if (this.running() || !entries[entries.length - 1]?.error || question?.role !== 'person')
+            return;
+        this.entries.set(entries.slice(0, -2));
+        this.send(question.text);
+    }
+    send(raw) {
+        const text = raw.trim();
+        const token = this.auth.getToken();
+        if (!this.config || !text || this.running())
+            return;
+        this.savedBefore = this.entries().filter((entry) => !entry.error).length;
+        this.append('person', text);
+        const answerId = this.append('agent', '');
+        if (!token) {
+            this.fail(answerId, this.text.sendError);
+            return;
+        }
+        this.running.set(true);
+        this.listen(answerId, { conversationId: this.conversationId }, text);
+    }
+    listen(answerId, variables, question) {
+        const token = this.auth.getToken();
+        if (!this.config || !token) {
+            this.fail(answerId, this.text.connectionError);
+            return;
+        }
+        const http = this.config.http;
+        this.watchSilence(answerId);
+        this.stop = subscribeAgentEvents(this.config.ws, token, variables, (event) => {
+            this.watchSilence(answerId);
+            if (event.type === 'ready') {
+                this.onReady(answerId, variables, question, http, token);
+            }
+            else if (event.type === 'done' && this.resumed) {
+                void this.loadAnswer(answerId, variables, question).finally(() => this.finish());
+            }
+            else {
+                this.apply(answerId, event);
+            }
+        }, () => this.onDisconnected(answerId, variables, question));
+    }
+    onReady(answerId, variables, question, http, token) {
+        if (this.messageSent) {
+            this.reconnects = 0;
+            this.resumed = true;
+            void this.pollAnswer(answerId, variables, question);
+            return;
+        }
+        this.messageSent = true;
+        sendAgentMessage(http, token, variables, question).then(({ status, message }) => { if (status >= 400)
+            this.fail(answerId, message || this.text.sendError); }, () => this.fail(answerId, this.text.sendError));
+    }
+    onDisconnected(answerId, variables, question) {
+        if (!this.running())
+            return;
+        // Antes do envio, ou depois de esgotar as tentativas, ninguém está trabalhando nesta resposta ou não há como acompanhar.
+        if (!this.messageSent || this.reconnects >= RECONNECT_ATTEMPTS) {
+            this.fail(answerId, this.text.connectionError);
+            return;
+        }
+        this.reconnects += 1;
+        this.stop = null;
+        this.reconnectTimer = setTimeout(() => this.listen(answerId, variables, question), RECONNECT_DELAY_MS * this.reconnects);
+    }
+    async pollAnswer(answerId, variables, question) {
+        if (await this.loadAnswer(answerId, variables, question)) {
+            this.finish();
+        }
+        else if (this.running()) {
+            this.recoveryTimer = setTimeout(() => void this.pollAnswer(answerId, variables, question), RECOVERY_POLL_MS);
+        }
+    }
+    /** Traz a resposta salva, se ela já terminou. Serve também para repor o que se perdeu enquanto a conexão estava fora. */
+    async loadAnswer(answerId, variables, question) {
+        const token = this.auth.getToken();
+        if (!this.config || !token)
+            return false;
+        try {
+            const messages = await fetchAgentConversation(this.config.http, token, variables);
+            const answer = messages[messages.length - 1];
+            const asked = messages[messages.length - 2];
+            if (answer?.role !== 'agent' || asked?.text !== question || messages.length <= this.savedBefore)
+                return false;
+            const steps = this.storedSteps(answer.steps);
+            this.update(answerId, (entry) => ({ ...entry, text: answer.text, steps: steps.length ? steps : entry.steps }));
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    storedSteps(steps) {
+        return (steps ?? []).map((step) => ({
+            id: ++this.nextId, tool: step.tool, title: step.title, status: step.ok ? 'done' : 'error', detail: step.detail ?? undefined,
+        }));
+    }
+    newConversationId() {
+        const id = crypto.randomUUID();
+        writeStored(this.storageKey, id);
+        return id;
+    }
+    apply(answerId, event) {
+        switch (event.type) {
+            case 'text_delta':
+                this.update(answerId, (entry) => ({ ...entry, text: entry.text + (event.text ?? '') }));
+                break;
+            case 'text_replace':
+                this.update(answerId, (entry) => ({ ...entry, text: event.text ?? '' }));
+                break;
+            case 'tool_started': {
+                const tool = event.tool ?? '';
+                const step = { id: ++this.nextId, tool, title: event.title || tool, status: 'running' };
+                this.update(answerId, (entry) => ({ ...entry, steps: [...entry.steps, step] }));
+                break;
+            }
+            case 'tool_finished':
+                this.finishStep(answerId, event.tool ?? '', event.ok === false ? 'error' : 'done', event.detail ?? undefined);
+                break;
+            case 'done':
+                this.finish();
+                break;
+            case 'error':
+                this.fail(answerId, event.message || this.text.sendError);
+                break;
+        }
+    }
+    /** A mesma ferramenta pode rodar mais de uma vez: encerra a chamada mais antiga que ainda está em andamento. */
+    finishStep(answerId, tool, status, detail) {
+        this.update(answerId, (entry) => {
+            const index = entry.steps.findIndex((step) => step.tool === tool && step.status === 'running');
+            return { ...entry, steps: entry.steps.map((step, i) => (i === index ? { ...step, status, detail } : step)) };
+        });
+    }
+    fail(answerId, message) {
+        this.update(answerId, (entry) => ({
+            ...entry,
+            text: message,
+            error: true,
+            steps: entry.steps.map((step) => (step.status === 'running' ? { ...step, status: 'error' } : step)),
+        }));
+        this.finish();
+    }
+    finish() {
+        if (this.silence)
+            clearTimeout(this.silence);
+        if (this.reconnectTimer)
+            clearTimeout(this.reconnectTimer);
+        if (this.recoveryTimer)
+            clearTimeout(this.recoveryTimer);
+        this.silence = this.reconnectTimer = this.recoveryTimer = null;
+        this.messageSent = this.resumed = false;
+        this.reconnects = 0;
+        this.running.set(false);
+        const stop = this.stop;
+        this.stop = null;
+        stop?.();
+    }
+    watchSilence(answerId) {
+        if (this.silence)
+            clearTimeout(this.silence);
+        this.silence = setTimeout(() => this.fail(answerId, this.text.connectionError), SILENCE_LIMIT_MS);
+    }
+    append(role, text) {
+        const id = ++this.nextId;
+        this.entries.update((entries) => [...entries, { id, role, text, steps: [], error: false }]);
+        return id;
+    }
+    update(id, change) {
+        this.entries.update((entries) => entries.map((entry) => (entry.id === id ? change(entry) : entry)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAiAgentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAiAgentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAiAgentService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const SPINE_AGENT_DOCK_CLASS = 'spine-agent-dock';
+/** O agente no cabeçalho, ao lado do sino: só aparece depois que a pessoa tira o balão da tela. */
+class SpineAiAgentDockButtonComponent {
+    constructor() {
+        this.agent = inject(SpineAiAgentService);
+        this.text = inject(SPINE_MESSAGES).aiAgentChat;
+        this.dockClass = SPINE_AGENT_DOCK_CLASS;
+    }
+    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()) {
+      <hm-icon-button
+        [class]="dockClass"
+        emphasis="subtle"
+        icon="chat-bubble"
+        [label]="agent.panelOpen() ? text.close : agent.title"
+        (clicked)="agent.togglePanel()"
+      />
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: IconButtonComponent, selector: "hm-icon-button", inputs: ["label", "icon", "solid", "iconDirection", "emphasis", "intent", "size", "disabled", "toggle", "pressed", "keyShortcuts"], outputs: ["pressedChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAiAgentDockButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'spine-ai-agent-dock-button',
+                    imports: [IconButtonComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    @if (agent.enabled && agent.docked()) {
+      <hm-icon-button
+        [class]="dockClass"
+        emphasis="subtle"
+        icon="chat-bubble"
+        [label]="agent.panelOpen() ? text.close : agent.title"
+        (clicked)="agent.togglePanel()"
+      />
+    }
+  `,
+                }]
+        }] });
+
 /** Tempo do aviso de falha na tela (segundos). */
 const LOGOUT_FAILED_SECONDS = 8;
 /**
@@ -2415,7 +3018,7 @@ class HeaderComponent {
         catch { /* storage cheio/indisponível */ }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.AuthorizationService }, { token: i2$1.ThemeService }, { token: i2$1.ThemePresetService }, { token: i2$1.DensityService }, { token: i1.ViewService }, { token: i3.Router }, { token: ShortcutService }, { token: SPINE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: HeaderComponent, isStandalone: true, selector: "spine-header", ngImport: i0, template: "<hm-header [class.header-blocked]=\"headerBlocked\" (searchRequested)=\"onSearchRequested()\">\n    <div *ngIf=\"headerBlocked\" class=\"header-overlay\"></div>\n\n    <spine-app-launcher></spine-app-launcher>\n\n    <!-- Marca: logo do app (SpineConfig.logo, padr\u00E3o assets/images/logo.svg) + SpineConfig.appName,\n         levando \u00E0 primeira rota naveg\u00E1vel. Ver SpineBrandComponent. -->\n    <spine-brand [homeRoute]=\"homeRoute\" [label]=\"text.home\" />\n\n    <div actions class=\"h-right\">\n        <!-- central de notifica\u00E7\u00F5es: o sino, com as novidades das fontes registradas (sem fonte, n\u00E3o aparece) -->\n        <spine-inbox-button />\n\n        <!-- tema claro/escuro -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setTheme(themeService.current == 'light' ? 'dark' : 'light')\"\n            [icon]=\"themeService.current == 'light' ? 'moon' : 'sun'\"\n            [label]=\"themeService.current == 'light' ? text.themeDark : text.themeLight\">\n        </hm-icon-button>\n\n        <!-- densidade -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setDensity()\"\n            [icon]=\"isCompactDensity ? 'density-comfortable' : 'density-compact'\"\n            [label]=\"isCompactDensity ? text.densityComfortable : text.densityCompact\">\n        </hm-icon-button>\n\n        <!-- Avaliar o {app} (SpineFeatures.ratings): a estrela abre o di\u00E1logo e fica cheia depois de avaliar. Toma o\n             lugar do bot\u00E3o de tela cheia (o atalho de teclado continua); sem avalia\u00E7\u00E3o, a tela cheia volta aqui. -->\n        @if (showFullscreenButton) {\n            <hm-icon-button emphasis=\"subtle\" (clicked)=\"toggleFullscreen()\"\n                [icon]=\"isFullscreen ? 'shrink' : 'resize'\"\n                [label]=\"isFullscreen ? text.exitFullscreen : text.fullscreen\">\n            </hm-icon-button>\n        } @else {\n            <spine-rate-app-button />\n        }\n\n        <span class=\"h-divider\" aria-hidden=\"true\"></span>\n\n        <!-- perfil: crach\u00E1, ajuda, tema e sair ficam dentro do menu -->\n        <hm-menu-button class=\"h-profile\" [label]=\"profile.name ?? text.user\" align=\"end\" [items]=\"profileMenuItems\" (chosen)=\"onProfileMenuChosen($event)\">\n            <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\"></hm-account-avatar>\n            <span class=\"h-profile-info\">\n                <span class=\"h-profile-name\">{{ profile.name ?? text.user }}</span>\n                <span class=\"h-profile-role\" *ngIf=\"badge\">{{ badge?.name }}</span>\n            </span>\n        </hm-menu-button>\n    </div>\n</hm-header>\n\n<!-- Busca global: paleta ancorada logo abaixo do cabe\u00E7alho. Campo vazio = favoritos, abertos h\u00E1 pouco e\n     m\u00F3dulos; com texto, busca em todas as telas. Setas/Enter navegam, Esc fecha. -->\n<hm-command-palette\n  [(open)]=\"quickOpen\"\n  [commands]=\"searchCommands\"\n  [browseGroups]=\"searchBrowse\"\n  [groupIcons]=\"searchIcons\"\n  [label]=\"text.search\"\n  [placeholder]=\"text.searchPlaceholder\"\n/>\n\n<!-- A janela de avalia\u00E7\u00E3o (flutuante, canto inferior direito): \"Avaliar o {app}\" da estrela do cabe\u00E7alho e de\n     Configura\u00E7\u00F5es \u203A Sobre, e \"Avaliar esta tela\" da barra da p\u00E1gina (SpineFeatures.ratings). S\u00F3 desenha com o recurso\n     ligado e aberta. -->\n<spine-rating-window />\n", styles: ["@charset \"UTF-8\";:host{display:contents}.header-overlay{position:absolute;inset:0;z-index:9999;cursor:not-allowed}.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:40px;min-width:40px;padding:0 10px;border:none;background:transparent;cursor:pointer;border-radius:9px;text-decoration:none;color:var(--hm-navbar-text);outline:none}.h-btn:focus-visible,.h-btn:hover{background:var(--hm-navbar-hover)}.h-btn.active{background:var(--hm-navbar-hover)}.h-right{display:flex;align-items:center;gap:var(--hm-header-action-gap)}.h-divider{width:1px;height:24px;margin:0 4px;background:var(--hm-navbar-hover)}.h-profile{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px 0 2px}.h-profile hm-account-avatar{background:color-mix(in srgb,var(--hm-navbar-text) 18%,transparent);color:var(--hm-navbar-text)}.h-profile-info{display:flex;flex-direction:column;min-width:0;max-width:140px;line-height:1.2;text-align:left}.h-profile-name{font-size:var(--hm-font-size-label);font-weight:var(--hm-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-profile-role{color:color-mix(in srgb,var(--hm-navbar-text) 65%,transparent);font-size:var(--hm-font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HeaderComponent$1, selector: "hm-header", inputs: ["searchPlaceholder", "searchLabel"], outputs: ["searchRequested"] }, { kind: "component", type: IconButtonComponent, selector: "hm-icon-button", inputs: ["label", "icon", "solid", "iconDirection", "emphasis", "intent", "size", "disabled", "toggle", "pressed", "keyShortcuts"], outputs: ["pressedChange", "clicked"] }, { kind: "component", type: MenuButtonComponent, selector: "hm-menu-button", inputs: ["label", "icon", "items", "showArrow", "align", "side", "size", "shape", "layer", "closeOnCheck", "disabled"], outputs: ["chosen", "checkedChange"] }, { kind: "component", type: AccountAvatarComponent, selector: "hm-account-avatar", inputs: ["name", "imageUrl", "size", "loading", "presence", "texts"] }, { kind: "component", type: CommandPaletteComponent, selector: "hm-command-palette", inputs: ["open", "commands", "shortcut", "label", "placeholder", "recentLimit", "recentIds", "closeOnRun", "browseGroups", "groupIcons"], outputs: ["openChange", "recentIdsChange", "executed"] }, { kind: "component", type: AppLauncherComponent, selector: "spine-app-launcher" }, { kind: "component", type: SpineBrandComponent, selector: "spine-brand", inputs: ["homeRoute", "label"] }, { kind: "component", type: SpineRatingWindowComponent, selector: "spine-rating-window" }, { kind: "component", type: SpineRateAppButtonComponent, selector: "spine-rate-app-button" }, { kind: "component", type: SpineInboxButtonComponent, selector: "spine-inbox-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: HeaderComponent, isStandalone: true, selector: "spine-header", ngImport: i0, template: "<hm-header [class.header-blocked]=\"headerBlocked\" (searchRequested)=\"onSearchRequested()\">\n    <div *ngIf=\"headerBlocked\" class=\"header-overlay\"></div>\n\n    <spine-app-launcher></spine-app-launcher>\n\n    <!-- Marca: logo do app (SpineConfig.logo, padr\u00E3o assets/images/logo.svg) + SpineConfig.appName,\n         levando \u00E0 primeira rota naveg\u00E1vel. Ver SpineBrandComponent. -->\n    <spine-brand [homeRoute]=\"homeRoute\" [label]=\"text.home\" />\n\n    <div actions class=\"h-right\">\n        <!-- central de notifica\u00E7\u00F5es: o sino, com as novidades das fontes registradas (sem fonte, n\u00E3o aparece) -->\n        <spine-inbox-button />\n\n        <!-- o agente de IA, depois que a pessoa tira o bal\u00E3o da tela -->\n        <spine-ai-agent-dock-button />\n\n        <!-- tema claro/escuro -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setTheme(themeService.current == 'light' ? 'dark' : 'light')\"\n            [icon]=\"themeService.current == 'light' ? 'moon' : 'sun'\"\n            [label]=\"themeService.current == 'light' ? text.themeDark : text.themeLight\">\n        </hm-icon-button>\n\n        <!-- densidade -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setDensity()\"\n            [icon]=\"isCompactDensity ? 'density-comfortable' : 'density-compact'\"\n            [label]=\"isCompactDensity ? text.densityComfortable : text.densityCompact\">\n        </hm-icon-button>\n\n        <!-- Avaliar o {app} (SpineFeatures.ratings): a estrela abre o di\u00E1logo e fica cheia depois de avaliar. Toma o\n             lugar do bot\u00E3o de tela cheia (o atalho de teclado continua); sem avalia\u00E7\u00E3o, a tela cheia volta aqui. -->\n        @if (showFullscreenButton) {\n            <hm-icon-button emphasis=\"subtle\" (clicked)=\"toggleFullscreen()\"\n                [icon]=\"isFullscreen ? 'shrink' : 'resize'\"\n                [label]=\"isFullscreen ? text.exitFullscreen : text.fullscreen\">\n            </hm-icon-button>\n        } @else {\n            <spine-rate-app-button />\n        }\n\n        <span class=\"h-divider\" aria-hidden=\"true\"></span>\n\n        <!-- perfil: crach\u00E1, ajuda, tema e sair ficam dentro do menu -->\n        <hm-menu-button class=\"h-profile\" [label]=\"profile.name ?? text.user\" align=\"end\" [items]=\"profileMenuItems\" (chosen)=\"onProfileMenuChosen($event)\">\n            <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\"></hm-account-avatar>\n            <span class=\"h-profile-info\">\n                <span class=\"h-profile-name\">{{ profile.name ?? text.user }}</span>\n                <span class=\"h-profile-role\" *ngIf=\"badge\">{{ badge?.name }}</span>\n            </span>\n        </hm-menu-button>\n    </div>\n</hm-header>\n\n<!-- Busca global: paleta ancorada logo abaixo do cabe\u00E7alho. Campo vazio = favoritos, abertos h\u00E1 pouco e\n     m\u00F3dulos; com texto, busca em todas as telas. Setas/Enter navegam, Esc fecha. -->\n<hm-command-palette\n  [(open)]=\"quickOpen\"\n  [commands]=\"searchCommands\"\n  [browseGroups]=\"searchBrowse\"\n  [groupIcons]=\"searchIcons\"\n  [label]=\"text.search\"\n  [placeholder]=\"text.searchPlaceholder\"\n/>\n\n<!-- A janela de avalia\u00E7\u00E3o (flutuante, canto inferior direito): \"Avaliar o {app}\" da estrela do cabe\u00E7alho e de\n     Configura\u00E7\u00F5es \u203A Sobre, e \"Avaliar esta tela\" da barra da p\u00E1gina (SpineFeatures.ratings). S\u00F3 desenha com o recurso\n     ligado e aberta. -->\n<spine-rating-window />\n", styles: ["@charset \"UTF-8\";:host{display:contents}.header-overlay{position:absolute;inset:0;z-index:9999;cursor:not-allowed}.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:40px;min-width:40px;padding:0 10px;border:none;background:transparent;cursor:pointer;border-radius:9px;text-decoration:none;color:var(--hm-navbar-text);outline:none}.h-btn:focus-visible,.h-btn:hover{background:var(--hm-navbar-hover)}.h-btn.active{background:var(--hm-navbar-hover)}.h-right{display:flex;align-items:center;gap:var(--hm-header-action-gap)}.h-divider{width:1px;height:24px;margin:0 4px;background:var(--hm-navbar-hover)}.h-profile{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px 0 2px}.h-profile hm-account-avatar{background:color-mix(in srgb,var(--hm-navbar-text) 18%,transparent);color:var(--hm-navbar-text)}.h-profile-info{display:flex;flex-direction:column;min-width:0;max-width:140px;line-height:1.2;text-align:left}.h-profile-name{font-size:var(--hm-font-size-label);font-weight:var(--hm-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-profile-role{color:color-mix(in srgb,var(--hm-navbar-text) 65%,transparent);font-size:var(--hm-font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HeaderComponent$1, selector: "hm-header", inputs: ["searchPlaceholder", "searchLabel"], outputs: ["searchRequested"] }, { kind: "component", type: IconButtonComponent, selector: "hm-icon-button", inputs: ["label", "icon", "solid", "iconDirection", "emphasis", "intent", "size", "disabled", "toggle", "pressed", "keyShortcuts"], outputs: ["pressedChange", "clicked"] }, { kind: "component", type: MenuButtonComponent, selector: "hm-menu-button", inputs: ["label", "icon", "items", "showArrow", "align", "side", "size", "shape", "layer", "closeOnCheck", "disabled"], outputs: ["chosen", "checkedChange"] }, { kind: "component", type: AccountAvatarComponent, selector: "hm-account-avatar", inputs: ["name", "imageUrl", "size", "loading", "presence", "texts"] }, { kind: "component", type: CommandPaletteComponent, selector: "hm-command-palette", inputs: ["open", "commands", "shortcut", "label", "placeholder", "recentLimit", "recentIds", "closeOnRun", "browseGroups", "groupIcons"], outputs: ["openChange", "recentIdsChange", "executed"] }, { kind: "component", type: AppLauncherComponent, selector: "spine-app-launcher" }, { kind: "component", type: SpineBrandComponent, selector: "spine-brand", inputs: ["homeRoute", "label"] }, { kind: "component", type: SpineRatingWindowComponent, selector: "spine-rating-window" }, { kind: "component", type: SpineRateAppButtonComponent, selector: "spine-rate-app-button" }, { kind: "component", type: SpineInboxButtonComponent, selector: "spine-inbox-button" }, { kind: "component", type: SpineAiAgentDockButtonComponent, selector: "spine-ai-agent-dock-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
@@ -2423,7 +3026,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
                         CommonModule,
                         HeaderComponent$1, IconButtonComponent, IconComponent, MenuButtonComponent, AccountAvatarComponent, CommandPaletteComponent,
                         AppLauncherComponent, SpineBrandComponent, SpineRatingWindowComponent, SpineRateAppButtonComponent, SpineInboxButtonComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<hm-header [class.header-blocked]=\"headerBlocked\" (searchRequested)=\"onSearchRequested()\">\n    <div *ngIf=\"headerBlocked\" class=\"header-overlay\"></div>\n\n    <spine-app-launcher></spine-app-launcher>\n\n    <!-- Marca: logo do app (SpineConfig.logo, padr\u00E3o assets/images/logo.svg) + SpineConfig.appName,\n         levando \u00E0 primeira rota naveg\u00E1vel. Ver SpineBrandComponent. -->\n    <spine-brand [homeRoute]=\"homeRoute\" [label]=\"text.home\" />\n\n    <div actions class=\"h-right\">\n        <!-- central de notifica\u00E7\u00F5es: o sino, com as novidades das fontes registradas (sem fonte, n\u00E3o aparece) -->\n        <spine-inbox-button />\n\n        <!-- tema claro/escuro -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setTheme(themeService.current == 'light' ? 'dark' : 'light')\"\n            [icon]=\"themeService.current == 'light' ? 'moon' : 'sun'\"\n            [label]=\"themeService.current == 'light' ? text.themeDark : text.themeLight\">\n        </hm-icon-button>\n\n        <!-- densidade -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setDensity()\"\n            [icon]=\"isCompactDensity ? 'density-comfortable' : 'density-compact'\"\n            [label]=\"isCompactDensity ? text.densityComfortable : text.densityCompact\">\n        </hm-icon-button>\n\n        <!-- Avaliar o {app} (SpineFeatures.ratings): a estrela abre o di\u00E1logo e fica cheia depois de avaliar. Toma o\n             lugar do bot\u00E3o de tela cheia (o atalho de teclado continua); sem avalia\u00E7\u00E3o, a tela cheia volta aqui. -->\n        @if (showFullscreenButton) {\n            <hm-icon-button emphasis=\"subtle\" (clicked)=\"toggleFullscreen()\"\n                [icon]=\"isFullscreen ? 'shrink' : 'resize'\"\n                [label]=\"isFullscreen ? text.exitFullscreen : text.fullscreen\">\n            </hm-icon-button>\n        } @else {\n            <spine-rate-app-button />\n        }\n\n        <span class=\"h-divider\" aria-hidden=\"true\"></span>\n\n        <!-- perfil: crach\u00E1, ajuda, tema e sair ficam dentro do menu -->\n        <hm-menu-button class=\"h-profile\" [label]=\"profile.name ?? text.user\" align=\"end\" [items]=\"profileMenuItems\" (chosen)=\"onProfileMenuChosen($event)\">\n            <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\"></hm-account-avatar>\n            <span class=\"h-profile-info\">\n                <span class=\"h-profile-name\">{{ profile.name ?? text.user }}</span>\n                <span class=\"h-profile-role\" *ngIf=\"badge\">{{ badge?.name }}</span>\n            </span>\n        </hm-menu-button>\n    </div>\n</hm-header>\n\n<!-- Busca global: paleta ancorada logo abaixo do cabe\u00E7alho. Campo vazio = favoritos, abertos h\u00E1 pouco e\n     m\u00F3dulos; com texto, busca em todas as telas. Setas/Enter navegam, Esc fecha. -->\n<hm-command-palette\n  [(open)]=\"quickOpen\"\n  [commands]=\"searchCommands\"\n  [browseGroups]=\"searchBrowse\"\n  [groupIcons]=\"searchIcons\"\n  [label]=\"text.search\"\n  [placeholder]=\"text.searchPlaceholder\"\n/>\n\n<!-- A janela de avalia\u00E7\u00E3o (flutuante, canto inferior direito): \"Avaliar o {app}\" da estrela do cabe\u00E7alho e de\n     Configura\u00E7\u00F5es \u203A Sobre, e \"Avaliar esta tela\" da barra da p\u00E1gina (SpineFeatures.ratings). S\u00F3 desenha com o recurso\n     ligado e aberta. -->\n<spine-rating-window />\n", styles: ["@charset \"UTF-8\";:host{display:contents}.header-overlay{position:absolute;inset:0;z-index:9999;cursor:not-allowed}.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:40px;min-width:40px;padding:0 10px;border:none;background:transparent;cursor:pointer;border-radius:9px;text-decoration:none;color:var(--hm-navbar-text);outline:none}.h-btn:focus-visible,.h-btn:hover{background:var(--hm-navbar-hover)}.h-btn.active{background:var(--hm-navbar-hover)}.h-right{display:flex;align-items:center;gap:var(--hm-header-action-gap)}.h-divider{width:1px;height:24px;margin:0 4px;background:var(--hm-navbar-hover)}.h-profile{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px 0 2px}.h-profile hm-account-avatar{background:color-mix(in srgb,var(--hm-navbar-text) 18%,transparent);color:var(--hm-navbar-text)}.h-profile-info{display:flex;flex-direction:column;min-width:0;max-width:140px;line-height:1.2;text-align:left}.h-profile-name{font-size:var(--hm-font-size-label);font-weight:var(--hm-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-profile-role{color:color-mix(in srgb,var(--hm-navbar-text) 65%,transparent);font-size:var(--hm-font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+                        SpineAiAgentDockButtonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<hm-header [class.header-blocked]=\"headerBlocked\" (searchRequested)=\"onSearchRequested()\">\n    <div *ngIf=\"headerBlocked\" class=\"header-overlay\"></div>\n\n    <spine-app-launcher></spine-app-launcher>\n\n    <!-- Marca: logo do app (SpineConfig.logo, padr\u00E3o assets/images/logo.svg) + SpineConfig.appName,\n         levando \u00E0 primeira rota naveg\u00E1vel. Ver SpineBrandComponent. -->\n    <spine-brand [homeRoute]=\"homeRoute\" [label]=\"text.home\" />\n\n    <div actions class=\"h-right\">\n        <!-- central de notifica\u00E7\u00F5es: o sino, com as novidades das fontes registradas (sem fonte, n\u00E3o aparece) -->\n        <spine-inbox-button />\n\n        <!-- o agente de IA, depois que a pessoa tira o bal\u00E3o da tela -->\n        <spine-ai-agent-dock-button />\n\n        <!-- tema claro/escuro -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setTheme(themeService.current == 'light' ? 'dark' : 'light')\"\n            [icon]=\"themeService.current == 'light' ? 'moon' : 'sun'\"\n            [label]=\"themeService.current == 'light' ? text.themeDark : text.themeLight\">\n        </hm-icon-button>\n\n        <!-- densidade -->\n        <hm-icon-button emphasis=\"subtle\" (clicked)=\"setDensity()\"\n            [icon]=\"isCompactDensity ? 'density-comfortable' : 'density-compact'\"\n            [label]=\"isCompactDensity ? text.densityComfortable : text.densityCompact\">\n        </hm-icon-button>\n\n        <!-- Avaliar o {app} (SpineFeatures.ratings): a estrela abre o di\u00E1logo e fica cheia depois de avaliar. Toma o\n             lugar do bot\u00E3o de tela cheia (o atalho de teclado continua); sem avalia\u00E7\u00E3o, a tela cheia volta aqui. -->\n        @if (showFullscreenButton) {\n            <hm-icon-button emphasis=\"subtle\" (clicked)=\"toggleFullscreen()\"\n                [icon]=\"isFullscreen ? 'shrink' : 'resize'\"\n                [label]=\"isFullscreen ? text.exitFullscreen : text.fullscreen\">\n            </hm-icon-button>\n        } @else {\n            <spine-rate-app-button />\n        }\n\n        <span class=\"h-divider\" aria-hidden=\"true\"></span>\n\n        <!-- perfil: crach\u00E1, ajuda, tema e sair ficam dentro do menu -->\n        <hm-menu-button class=\"h-profile\" [label]=\"profile.name ?? text.user\" align=\"end\" [items]=\"profileMenuItems\" (chosen)=\"onProfileMenuChosen($event)\">\n            <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\"></hm-account-avatar>\n            <span class=\"h-profile-info\">\n                <span class=\"h-profile-name\">{{ profile.name ?? text.user }}</span>\n                <span class=\"h-profile-role\" *ngIf=\"badge\">{{ badge?.name }}</span>\n            </span>\n        </hm-menu-button>\n    </div>\n</hm-header>\n\n<!-- Busca global: paleta ancorada logo abaixo do cabe\u00E7alho. Campo vazio = favoritos, abertos h\u00E1 pouco e\n     m\u00F3dulos; com texto, busca em todas as telas. Setas/Enter navegam, Esc fecha. -->\n<hm-command-palette\n  [(open)]=\"quickOpen\"\n  [commands]=\"searchCommands\"\n  [browseGroups]=\"searchBrowse\"\n  [groupIcons]=\"searchIcons\"\n  [label]=\"text.search\"\n  [placeholder]=\"text.searchPlaceholder\"\n/>\n\n<!-- A janela de avalia\u00E7\u00E3o (flutuante, canto inferior direito): \"Avaliar o {app}\" da estrela do cabe\u00E7alho e de\n     Configura\u00E7\u00F5es \u203A Sobre, e \"Avaliar esta tela\" da barra da p\u00E1gina (SpineFeatures.ratings). S\u00F3 desenha com o recurso\n     ligado e aberta. -->\n<spine-rating-window />\n", styles: ["@charset \"UTF-8\";:host{display:contents}.header-overlay{position:absolute;inset:0;z-index:9999;cursor:not-allowed}.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:40px;min-width:40px;padding:0 10px;border:none;background:transparent;cursor:pointer;border-radius:9px;text-decoration:none;color:var(--hm-navbar-text);outline:none}.h-btn:focus-visible,.h-btn:hover{background:var(--hm-navbar-hover)}.h-btn.active{background:var(--hm-navbar-hover)}.h-right{display:flex;align-items:center;gap:var(--hm-header-action-gap)}.h-divider{width:1px;height:24px;margin:0 4px;background:var(--hm-navbar-hover)}.h-profile{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 4px 0 2px}.h-profile hm-account-avatar{background:color-mix(in srgb,var(--hm-navbar-text) 18%,transparent);color:var(--hm-navbar-text)}.h-profile-info{display:flex;flex-direction:column;min-width:0;max-width:140px;line-height:1.2;text-align:left}.h-profile-name{font-size:var(--hm-font-size-label);font-weight:var(--hm-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-profile-role{color:color-mix(in srgb,var(--hm-navbar-text) 65%,transparent);font-size:var(--hm-font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], ctorParameters: () => [{ type: i1.AuthorizationService }, { type: i2$1.ThemeService }, { type: i2$1.ThemePresetService }, { type: i2$1.DensityService }, { type: i1.ViewService }, { type: i3.Router }, { type: ShortcutService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -4690,13 +5294,13 @@ function buildMcpConfig(servers, token, write, origin) {
     return JSON.stringify({ mcpServers }, null, 2);
 }
 /**
- * Sessões › "Conectar um agente de IA" (`SpineFeatures.aiAgent`): em um passo, cria um token de aplicação pessoal
+ * Sessões › "Conectar um agente de IA" (`SpineFeatures.mcpConnect`): em um passo, cria um token de aplicação pessoal
  * (`x-app-token`, a mesma API de "Tokens de aplicação") e monta a configuração MCP pronta para o Claude Code, com os
  * servidores que o app declarou e os escopos do acesso escolhido (só leitura ou leitura e escrita). O token aparece
  * uma única vez, dentro da configuração; nunca vai para o console nem para o armazenamento do navegador, e some ao
  * concluir ou fechar o painel.
  */
-class AiAgentComponent {
+class McpConnectComponent {
     constructor() {
         this.messages = inject(SPINE_MESSAGES);
         this.t = this.messages.accountFeatures;
@@ -4706,7 +5310,7 @@ class AiAgentComponent {
         this.toast = inject(HermesToastService);
         this.preferences = inject(SpinePreferencesService);
         this.available = this.service.available;
-        this.servers = inject(SPINE_CONFIG, { optional: true })?.features?.aiAgent?.servers ?? [];
+        this.servers = inject(SPINE_CONFIG, { optional: true })?.features?.mcpConnect?.servers ?? [];
         this.open = signal(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
         this.starting = signal(false, ...(ngDevMode ? [{ debugName: "starting" }] : /* istanbul ignore next */ []));
         this.submitting = signal(false, ...(ngDevMode ? [{ debugName: "submitting" }] : /* istanbul ignore next */ []));
@@ -4721,8 +5325,8 @@ class AiAgentComponent {
         this.noBadges = computed(() => !this.badges().length, ...(ngDevMode ? [{ debugName: "noBadges" }] : /* istanbul ignore next */ []));
         this.canSubmit = computed(() => !!this.selected().size && !!this.badgeId() && !this.submitting(), ...(ngDevMode ? [{ debugName: "canSubmit" }] : /* istanbul ignore next */ []));
         this.accessOptions = computed(() => [
-            { value: 'read', label: this.t.aiAgentReadOnly },
-            { value: 'write', label: this.t.aiAgentReadWrite },
+            { value: 'read', label: this.t.mcpConnectReadOnly },
+            { value: 'write', label: this.t.mcpConnectReadWrite },
         ], ...(ngDevMode ? [{ debugName: "accessOptions" }] : /* istanbul ignore next */ []));
         this.badgeOptions = computed(() => this.badges().map((b) => ({ value: b.id, label: b.name })), ...(ngDevMode ? [{ debugName: "badgeOptions" }] : /* istanbul ignore next */ []));
         this.validityOptions = computed(() => [
@@ -4734,7 +5338,7 @@ class AiAgentComponent {
     }
     serverLabel(server) {
         const label = server.label ?? server.name;
-        return server.writeScopes ? label : formatMessage(this.t.aiAgentReadOnlyServer, { name: label });
+        return server.writeScopes ? label : formatMessage(this.t.mcpConnectReadOnlyServer, { name: label });
     }
     toggleServer(name, checked) {
         const next = new Set(this.selected());
@@ -4772,7 +5376,7 @@ class AiAgentComponent {
             const date = new Intl.DateTimeFormat(this.messages.meta.locale, { dateStyle: 'short', timeZone: this.preferences.effectiveTimeZone() }).format(new Date());
             const created = await this.service.create({
                 badge_id: this.badgeId(),
-                name: formatMessage(this.t.aiAgentTokenName, { date }).slice(0, 80),
+                name: formatMessage(this.t.mcpConnectTokenName, { date }).slice(0, 80),
                 validity_days: Number(this.validity()),
             });
             const servers = this.servers.filter((s) => this.selected().has(s.name));
@@ -4785,7 +5389,7 @@ class AiAgentComponent {
             this.open.set(false);
         }
         catch (err) {
-            this.toast.error(errorDetail(err) || this.t.aiAgentCreateError);
+            this.toast.error(errorDetail(err) || this.t.mcpConnectCreateError);
         }
         finally {
             this.submitting.set(false);
@@ -4797,7 +5401,7 @@ class AiAgentComponent {
             return;
         try {
             await navigator.clipboard.writeText(config);
-            this.toast.success(this.t.aiAgentCopied);
+            this.toast.success(this.t.mcpConnectCopied);
         }
         catch {
             this.toast.error(this.tokens.copyFailed);
@@ -4806,23 +5410,23 @@ class AiAgentComponent {
     done() {
         this.result.set(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AiAgentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: AiAgentComponent, isStandalone: true, selector: "spine-ai-agent", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: McpConnectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: McpConnectComponent, isStandalone: true, selector: "spine-mcp-connect", ngImport: i0, template: `
     @if (!available) {
-      <p class="sp-account__note">{{ t.aiAgentUnavailable }}</p>
+      <p class="sp-account__note">{{ t.mcpConnectUnavailable }}</p>
     } @else if (result(); as r) {
       <div class="sp-account__panel sp-account__panel--success" role="status">
         <div class="sp-account__panel-head">
           <hm-icon shape="check-circle" />
           <div class="sp-account__panel-text">
-            <p class="sp-account__title">{{ t.aiAgentResult }}</p>
-            <p class="sp-account__note">{{ fmt(t.aiAgentResultHint, { date: r.expires }) }}</p>
+            <p class="sp-account__title">{{ t.mcpConnectResult }}</p>
+            <p class="sp-account__note">{{ fmt(t.mcpConnectResultHint, { date: r.expires }) }}</p>
           </div>
         </div>
-        <hm-code-viewer [code]="r.config" language="json" filename=".mcp.json" [label]="t.aiAgentResult" />
+        <hm-code-viewer [code]="r.config" language="json" filename=".mcp.json" [label]="t.mcpConnectResult" />
         <div class="sp-account__actions">
-          <hm-button size="small" emphasis="high" icon="copy" (clicked)="copy()">{{ t.aiAgentCopy }}</hm-button>
-          <hm-button size="small" emphasis="medium" (clicked)="done()">{{ t.aiAgentDone }}</hm-button>
+          <hm-button size="small" emphasis="high" icon="copy" (clicked)="copy()">{{ t.mcpConnectCopy }}</hm-button>
+          <hm-button size="small" emphasis="medium" (clicked)="done()">{{ t.mcpConnectDone }}</hm-button>
         </div>
       </div>
     } @else if (open()) {
@@ -4830,7 +5434,7 @@ class AiAgentComponent {
         <div class="sp-account__form">
           @if (servers.length > 1) {
             <fieldset class="sp-account__choices">
-              <legend class="sp-account__label">{{ t.aiAgentServers }}</legend>
+              <legend class="sp-account__label">{{ t.mcpConnectServers }}</legend>
               @for (s of servers; track s.name) {
                 <hm-checkbox [label]="serverLabel(s)" [checked]="selected().has(s.name)" (checkedChange)="toggleServer(s.name, $event)" />
               }
@@ -4838,9 +5442,9 @@ class AiAgentComponent {
           }
           @if (canWrite()) {
             <div class="sp-account__field">
-              <span class="sp-account__label">{{ t.aiAgentAccess }}</span>
-              <hm-segmented-control size="small" emphasis="action" [label]="t.aiAgentAccess" [options]="accessOptions()" [value]="access()" (valueChange)="access.set($event === 'write' ? 'write' : 'read')" />
-              @if (access() === 'write') { <p class="sp-account__note">{{ t.aiAgentWriteHint }}</p> }
+              <span class="sp-account__label">{{ t.mcpConnectAccess }}</span>
+              <hm-segmented-control size="small" emphasis="action" [label]="t.mcpConnectAccess" [options]="accessOptions()" [value]="access()" (valueChange)="access.set($event === 'write' ? 'write' : 'read')" />
+              @if (access() === 'write') { <p class="sp-account__note">{{ t.mcpConnectWriteHint }}</p> }
             </div>
           }
           @if (badgeOptions().length > 1) {
@@ -4853,39 +5457,39 @@ class AiAgentComponent {
             <span class="sp-account__label">{{ tokens.validity }}</span>
             <hm-segmented-control size="small" emphasis="action" [label]="tokens.validity" [options]="validityOptions()" [value]="validity()" (valueChange)="validity.set($event)" />
           </div>
-          @if (!selected().size) { <p class="sp-account__note sp-account__note--error">{{ t.aiAgentSelectServer }}</p> }
+          @if (!selected().size) { <p class="sp-account__note sp-account__note--error">{{ t.mcpConnectSelectServer }}</p> }
           @if (noBadges()) { <p class="sp-account__note sp-account__note--error">{{ tokens.noBadges }}</p> }
         </div>
         <div class="sp-account__actions">
           <hm-button size="small" emphasis="medium" [disabled]="submitting()" (clicked)="cancel()">{{ tokens.cancel }}</hm-button>
-          <hm-button size="small" emphasis="high" icon="plugin" [loading]="submitting()" [disabled]="!canSubmit()" (clicked)="generate()">{{ t.aiAgentGenerate }}</hm-button>
+          <hm-button size="small" emphasis="high" icon="plugin" [loading]="submitting()" [disabled]="!canSubmit()" (clicked)="generate()">{{ t.mcpConnectGenerate }}</hm-button>
         </div>
       </div>
     } @else {
       <div class="sp-account__actions">
-        <hm-button emphasis="medium" icon="plugin" [loading]="starting()" (clicked)="start()">{{ t.aiAgentStart }}</hm-button>
+        <hm-button emphasis="medium" icon="plugin" [loading]="starting()" (clicked)="start()">{{ t.mcpConnectStart }}</hm-button>
       </div>
     }
   `, isInline: true, styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--hm-space-xs);width:100%;min-width:0}.sp-account__note{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-xs);line-height:1.45}.sp-account__note--error{color:var(--hm-danger)}.sp-account__note code{font-family:var(--hm-font-mono)}.sp-account__list{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;list-style:none;overflow:hidden;border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius);background:var(--hm-surface)}.sp-account__items{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;list-style:none}.sp-account__item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs) var(--hm-space-sm);padding:var(--hm-space-sm)}.sp-account__item+.sp-account__item{border-top:var(--hm-border-hairline) solid var(--hm-divider)}.sp-account__item--empty{color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.sp-account__item--muted .sp-account__item-title strong{color:var(--hm-muted)}.sp-account__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--hm-control-height-large);height:var(--hm-control-height-large);border-radius:var(--hm-radius-control);background:var(--hm-hover);color:var(--hm-muted)}.sp-account__icon--accent{background:var(--hm-accent-subtle);color:var(--hm-accent-strong)}.sp-account__item-main{display:flex;min-width:0;flex:1 1 14rem;flex-direction:column;gap:var(--hm-space-micro);color:var(--hm-text);font-size:var(--hm-font-size-sm);overflow-wrap:anywhere}.sp-account__item-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-nano)}.sp-account__item-title strong{font-weight:var(--hm-font-weight-semibold)}.sp-account__meta{color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.sp-account__meta code{font-family:var(--hm-font-mono)}.sp-account__meta--danger{color:var(--hm-danger)}.sp-account__item-actions,.sp-account__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.sp-account__item-actions{margin-inline-start:auto}.sp-account__list-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hm-space-xs) var(--hm-space-sm);padding:var(--hm-space-xs) var(--hm-space-sm);border-top:var(--hm-border-hairline) solid var(--hm-divider);background:var(--hm-surface-raised)}.sp-account__list-footer:first-child{border-top:0}.sp-account__panel{display:flex;flex-direction:column;gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-sm) var(--hm-space-md) var(--hm-space-md);border:var(--hm-border-hairline) solid var(--hm-border);border-inline-start:var(--hm-border-thin) solid var(--hm-accent);border-radius:var(--hm-radius);background:var(--hm-surface-raised)}.sp-account__panel--success{border-color:var(--hm-success);background:var(--hm-success-bg)}.sp-account__panel--success .sp-account__panel-head hm-icon{color:var(--hm-success)}.sp-account__panel--danger{border-inline-start-color:var(--hm-danger)}.sp-account__panel--danger .sp-account__panel-head hm-icon{color:var(--hm-danger)}.sp-account__panel-head{display:flex;align-items:flex-start;gap:var(--hm-space-xs)}.sp-account__panel-head hm-icon{flex:none;margin-block-start:var(--hm-space-micro);color:var(--hm-accent-strong)}.sp-account__panel-text{display:flex;min-width:0;flex-direction:column;gap:var(--hm-space-micro)}.sp-account__title{margin:0;color:var(--hm-text);font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.sp-account__form,.sp-account__code,.sp-account__field{display:flex;flex-direction:column;gap:var(--hm-space-xs);min-width:0}.sp-account__form{gap:var(--hm-space-sm)}.sp-account__label{color:var(--hm-text);font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.sp-account__qr{align-self:flex-start;padding:var(--hm-space-xxxs);border-radius:var(--hm-radius-control);background:var(--hm-surface)}.sp-account__qr img{display:block;width:10rem;max-width:100%;height:auto}.sp-account__secret,.sp-account__codes code{font-family:var(--hm-font-mono);overflow-wrap:anywhere}.sp-account__secret{-webkit-user-select:all;user-select:all}.sp-account__secret--block{display:block;padding:var(--hm-space-xs) var(--hm-space-xxxs);border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface);color:var(--hm-text);font-size:var(--hm-font-size-xs)}.sp-account__codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));gap:var(--hm-space-nano) var(--hm-space-sm);margin:0;padding:var(--hm-space-xxxs) var(--hm-space-xs) var(--hm-space-xxxs) var(--hm-space-md);border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface);color:var(--hm-text);font-size:var(--hm-font-size-sm)}@media(forced-colors:active){.sp-account__panel{border-inline-start-color:Highlight}.sp-account__icon{border:var(--hm-border-hairline) solid CanvasText}}.sp-account__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.sp-account__choices{display:flex;flex-direction:column;gap:var(--hm-space-xs);min-width:0;margin:0;padding:0;border:0}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: CheckboxComponent, selector: "hm-checkbox", inputs: ["label", "labelHidden", "checked", "indeterminate"], outputs: ["checkedChange"] }, { kind: "component", type: CodeViewerComponent, selector: "hm-code-viewer", inputs: ["code", "language", "filename", "label", "showLineNumbers", "firstLineNumber", "highlightLines", "wrap", "tabSize", "copyable", "header", "virtualize", "virtualizeThreshold", "revealInvisibles"], outputs: ["copied", "tokenized"] }, { kind: "component", type: IconComponent, selector: "hm-icon", inputs: ["shape", "direction", "size", "solid", "badge", "status", "flip", "inverse", "label"] }, { kind: "component", type: SegmentedControlComponent, selector: "hm-segmented-control", inputs: ["options", "value", "label", "size", "emphasis"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: AiAgentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: McpConnectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'spine-ai-agent', imports: [ButtonComponent, CheckboxComponent, CodeViewerComponent, IconComponent, SegmentedControlComponent], template: `
+            args: [{ selector: 'spine-mcp-connect', imports: [ButtonComponent, CheckboxComponent, CodeViewerComponent, IconComponent, SegmentedControlComponent], template: `
     @if (!available) {
-      <p class="sp-account__note">{{ t.aiAgentUnavailable }}</p>
+      <p class="sp-account__note">{{ t.mcpConnectUnavailable }}</p>
     } @else if (result(); as r) {
       <div class="sp-account__panel sp-account__panel--success" role="status">
         <div class="sp-account__panel-head">
           <hm-icon shape="check-circle" />
           <div class="sp-account__panel-text">
-            <p class="sp-account__title">{{ t.aiAgentResult }}</p>
-            <p class="sp-account__note">{{ fmt(t.aiAgentResultHint, { date: r.expires }) }}</p>
+            <p class="sp-account__title">{{ t.mcpConnectResult }}</p>
+            <p class="sp-account__note">{{ fmt(t.mcpConnectResultHint, { date: r.expires }) }}</p>
           </div>
         </div>
-        <hm-code-viewer [code]="r.config" language="json" filename=".mcp.json" [label]="t.aiAgentResult" />
+        <hm-code-viewer [code]="r.config" language="json" filename=".mcp.json" [label]="t.mcpConnectResult" />
         <div class="sp-account__actions">
-          <hm-button size="small" emphasis="high" icon="copy" (clicked)="copy()">{{ t.aiAgentCopy }}</hm-button>
-          <hm-button size="small" emphasis="medium" (clicked)="done()">{{ t.aiAgentDone }}</hm-button>
+          <hm-button size="small" emphasis="high" icon="copy" (clicked)="copy()">{{ t.mcpConnectCopy }}</hm-button>
+          <hm-button size="small" emphasis="medium" (clicked)="done()">{{ t.mcpConnectDone }}</hm-button>
         </div>
       </div>
     } @else if (open()) {
@@ -4893,7 +5497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
         <div class="sp-account__form">
           @if (servers.length > 1) {
             <fieldset class="sp-account__choices">
-              <legend class="sp-account__label">{{ t.aiAgentServers }}</legend>
+              <legend class="sp-account__label">{{ t.mcpConnectServers }}</legend>
               @for (s of servers; track s.name) {
                 <hm-checkbox [label]="serverLabel(s)" [checked]="selected().has(s.name)" (checkedChange)="toggleServer(s.name, $event)" />
               }
@@ -4901,9 +5505,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
           }
           @if (canWrite()) {
             <div class="sp-account__field">
-              <span class="sp-account__label">{{ t.aiAgentAccess }}</span>
-              <hm-segmented-control size="small" emphasis="action" [label]="t.aiAgentAccess" [options]="accessOptions()" [value]="access()" (valueChange)="access.set($event === 'write' ? 'write' : 'read')" />
-              @if (access() === 'write') { <p class="sp-account__note">{{ t.aiAgentWriteHint }}</p> }
+              <span class="sp-account__label">{{ t.mcpConnectAccess }}</span>
+              <hm-segmented-control size="small" emphasis="action" [label]="t.mcpConnectAccess" [options]="accessOptions()" [value]="access()" (valueChange)="access.set($event === 'write' ? 'write' : 'read')" />
+              @if (access() === 'write') { <p class="sp-account__note">{{ t.mcpConnectWriteHint }}</p> }
             </div>
           }
           @if (badgeOptions().length > 1) {
@@ -4916,17 +5520,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
             <span class="sp-account__label">{{ tokens.validity }}</span>
             <hm-segmented-control size="small" emphasis="action" [label]="tokens.validity" [options]="validityOptions()" [value]="validity()" (valueChange)="validity.set($event)" />
           </div>
-          @if (!selected().size) { <p class="sp-account__note sp-account__note--error">{{ t.aiAgentSelectServer }}</p> }
+          @if (!selected().size) { <p class="sp-account__note sp-account__note--error">{{ t.mcpConnectSelectServer }}</p> }
           @if (noBadges()) { <p class="sp-account__note sp-account__note--error">{{ tokens.noBadges }}</p> }
         </div>
         <div class="sp-account__actions">
           <hm-button size="small" emphasis="medium" [disabled]="submitting()" (clicked)="cancel()">{{ tokens.cancel }}</hm-button>
-          <hm-button size="small" emphasis="high" icon="plugin" [loading]="submitting()" [disabled]="!canSubmit()" (clicked)="generate()">{{ t.aiAgentGenerate }}</hm-button>
+          <hm-button size="small" emphasis="high" icon="plugin" [loading]="submitting()" [disabled]="!canSubmit()" (clicked)="generate()">{{ t.mcpConnectGenerate }}</hm-button>
         </div>
       </div>
     } @else {
       <div class="sp-account__actions">
-        <hm-button emphasis="medium" icon="plugin" [loading]="starting()" (clicked)="start()">{{ t.aiAgentStart }}</hm-button>
+        <hm-button emphasis="medium" icon="plugin" [loading]="starting()" (clicked)="start()">{{ t.mcpConnectStart }}</hm-button>
       </div>
     }
   `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:var(--hm-space-xs);width:100%;min-width:0}.sp-account__note{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-xs);line-height:1.45}.sp-account__note--error{color:var(--hm-danger)}.sp-account__note code{font-family:var(--hm-font-mono)}.sp-account__list{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;list-style:none;overflow:hidden;border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius);background:var(--hm-surface)}.sp-account__items{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;list-style:none}.sp-account__item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs) var(--hm-space-sm);padding:var(--hm-space-sm)}.sp-account__item+.sp-account__item{border-top:var(--hm-border-hairline) solid var(--hm-divider)}.sp-account__item--empty{color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.sp-account__item--muted .sp-account__item-title strong{color:var(--hm-muted)}.sp-account__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--hm-control-height-large);height:var(--hm-control-height-large);border-radius:var(--hm-radius-control);background:var(--hm-hover);color:var(--hm-muted)}.sp-account__icon--accent{background:var(--hm-accent-subtle);color:var(--hm-accent-strong)}.sp-account__item-main{display:flex;min-width:0;flex:1 1 14rem;flex-direction:column;gap:var(--hm-space-micro);color:var(--hm-text);font-size:var(--hm-font-size-sm);overflow-wrap:anywhere}.sp-account__item-title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-nano)}.sp-account__item-title strong{font-weight:var(--hm-font-weight-semibold)}.sp-account__meta{color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.sp-account__meta code{font-family:var(--hm-font-mono)}.sp-account__meta--danger{color:var(--hm-danger)}.sp-account__item-actions,.sp-account__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.sp-account__item-actions{margin-inline-start:auto}.sp-account__list-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--hm-space-xs) var(--hm-space-sm);padding:var(--hm-space-xs) var(--hm-space-sm);border-top:var(--hm-border-hairline) solid var(--hm-divider);background:var(--hm-surface-raised)}.sp-account__list-footer:first-child{border-top:0}.sp-account__panel{display:flex;flex-direction:column;gap:var(--hm-space-sm);min-width:0;padding:var(--hm-space-sm) var(--hm-space-md) var(--hm-space-md);border:var(--hm-border-hairline) solid var(--hm-border);border-inline-start:var(--hm-border-thin) solid var(--hm-accent);border-radius:var(--hm-radius);background:var(--hm-surface-raised)}.sp-account__panel--success{border-color:var(--hm-success);background:var(--hm-success-bg)}.sp-account__panel--success .sp-account__panel-head hm-icon{color:var(--hm-success)}.sp-account__panel--danger{border-inline-start-color:var(--hm-danger)}.sp-account__panel--danger .sp-account__panel-head hm-icon{color:var(--hm-danger)}.sp-account__panel-head{display:flex;align-items:flex-start;gap:var(--hm-space-xs)}.sp-account__panel-head hm-icon{flex:none;margin-block-start:var(--hm-space-micro);color:var(--hm-accent-strong)}.sp-account__panel-text{display:flex;min-width:0;flex-direction:column;gap:var(--hm-space-micro)}.sp-account__title{margin:0;color:var(--hm-text);font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.sp-account__form,.sp-account__code,.sp-account__field{display:flex;flex-direction:column;gap:var(--hm-space-xs);min-width:0}.sp-account__form{gap:var(--hm-space-sm)}.sp-account__label{color:var(--hm-text);font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.sp-account__qr{align-self:flex-start;padding:var(--hm-space-xxxs);border-radius:var(--hm-radius-control);background:var(--hm-surface)}.sp-account__qr img{display:block;width:10rem;max-width:100%;height:auto}.sp-account__secret,.sp-account__codes code{font-family:var(--hm-font-mono);overflow-wrap:anywhere}.sp-account__secret{-webkit-user-select:all;user-select:all}.sp-account__secret--block{display:block;padding:var(--hm-space-xs) var(--hm-space-xxxs);border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface);color:var(--hm-text);font-size:var(--hm-font-size-xs)}.sp-account__codes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));gap:var(--hm-space-nano) var(--hm-space-sm);margin:0;padding:var(--hm-space-xxxs) var(--hm-space-xs) var(--hm-space-xxxs) var(--hm-space-md);border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius-control);background:var(--hm-surface);color:var(--hm-text);font-size:var(--hm-font-size-sm)}@media(forced-colors:active){.sp-account__panel{border-inline-start-color:Highlight}.sp-account__icon{border:var(--hm-border-hairline) solid CanvasText}}.sp-account__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hm-space-xs)}.sp-account__choices{display:flex;flex-direction:column;gap:var(--hm-space-xs);min-width:0;margin:0;padding:0;border:0}\n"] }]
@@ -6288,7 +6892,7 @@ class SettingsPanelComponent {
         this.sessionsItems = {
             accessToken: this.showAccessToken,
             appTokens: true,
-            aiAgent: !!this.config?.features?.aiAgent?.servers?.length,
+            mcpConnect: !!this.config?.features?.mcpConnect?.servers?.length,
             devices: this.accountSecurity,
         };
         /** Sem nenhuma linha visível a seção não aparece. */
@@ -6508,17 +7112,17 @@ class SettingsPanelComponent {
             this.settings.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SettingsPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: SettingsPanelComponent, isStandalone: true, selector: "spine-settings-panel", ngImport: i0, template: "<!-- Montado s\u00F3 enquanto aberto: nada disto (lista de fusos, leitura do token...) custa no\n     carregamento de toda p\u00E1gina. -->\n@if (settings.isOpen()) {\n  <hm-settings-dialog\n    [heading]=\"text.heading\"\n    [open]=\"true\"\n    (openChange)=\"onOpenChange($event)\"\n    [activeSection]=\"activeSection()\"\n    (activeSectionChange)=\"settings.section.set($event)\"\n  >\n    <!-- \u2500\u2500 Conta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.account\" [label]=\"text.account\" icon=\"user\" [keywords]=\"text.accountKeywords\">\n      <div class=\"sp-settings__profile\">\n        <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\" />\n        <span class=\"sp-settings__profile-text\">\n          <strong>{{ profile.name ?? text.user }}</strong>\n          @if (profile.role) { <span>{{ profile.role }}</span> }\n        </span>\n      </div>\n\n      <!-- S\u00F3 informativo: a troca de n\u00EDvel fica no menu do perfil, perto de onde se trabalha. -->\n      @if (badge) {\n        <hm-settings-row [label]=\"text.accessLevel\" [keywords]=\"text.accessLevelKeywords\">\n          <span class=\"sp-settings__value\">{{ badge.name }}</span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.session\" [description]=\"text.sessionDescription\" [keywords]=\"text.sessionKeywords\">\n        <span class=\"sp-settings__value\">{{ sessionExpiry }}</span>\n      </hm-settings-row>\n\n      <!-- Recursos opcionais (SpineConfig.features): crach\u00E1 padr\u00E3o (Argos), inatividade e tela inicial. -->\n      @if (showDefaultBadge) {\n        <hm-settings-row [label]=\"featureText.defaultBadge\" [description]=\"featureText.defaultBadgeDescription\" [keywords]=\"featureText.defaultBadgeKeywords\">\n          <spine-default-badge />\n        </hm-settings-row>\n      }\n\n      @if (idleOptions().length) {\n        <hm-settings-row [label]=\"featureText.idle\" [description]=\"idleHint || featureText.idleDescription\" [keywords]=\"featureText.idleKeywords\">\n          <hm-segmented-control emphasis=\"action\" [label]=\"featureText.idle\" [options]=\"idleOptions()\" [value]=\"idleValue()\" (valueChange)=\"setIdle($event)\" />\n        </hm-settings-row>\n      }\n\n      @if (features.startPage) {\n        <hm-settings-row [label]=\"featureText.startPage\" [description]=\"quickAccessHasFavorites() ? featureText.startPageDescription : featureText.startPageHint\" [keywords]=\"featureText.startPageKeywords\">\n          <hm-select class=\"sp-settings__language\" [label]=\"featureText.startPage\" [labelHidden]=\"true\" [value]=\"startPageValue()\" (valueChange)=\"setStartPage($event ?? 'home')\">\n            @for (option of startPageOptions(); track option.value) {\n              <option [value]=\"option.value\">{{ option.label }}</option>\n            }\n          </hm-select>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.logout\" [description]=\"text.logoutDescription\" [keywords]=\"text.logoutKeywords\">\n        <hm-button emphasis=\"medium\" intent=\"danger\" icon=\"logout\" [loading]=\"logoutPending()\" (clicked)=\"logout()\">{{ text.logout }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 MFA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- API da conta do Argos com o token da sess\u00E3o (Bearer): MFA e c\u00F3digos de recupera\u00E7\u00E3o aqui mesmo, sem\n         abrir o Argos. O spineAccountSecurity d\u00E1 \u00E0s linhas o mesmo estado (reautentica\u00E7\u00E3o, cadastro em\n         andamento), que morre quando o painel fecha. `?settings=seguranca` (chave antiga) abre esta se\u00E7\u00E3o. -->\n    @if (accountSecurity) {\n      <hm-settings-section spineAccountSecurity [key]=\"keys.mfa\" [label]=\"text.mfa\" icon=\"shield-check\" [description]=\"text.mfaDescription\" [keywords]=\"text.mfaKeywords\">\n        <!-- Realm s\u00F3 pelo nome: o id (UUID) n\u00E3o diz nada a quem l\u00EA, ent\u00E3o some. -->\n        @if (accountLogin || accountRealm) {\n          <hm-settings-row [label]=\"text.signedInAccount\" [description]=\"accountRealm ? fmt(text.signedInRealm, { realm: accountRealm }) : ''\">\n            <span class=\"sp-settings__value\">{{ profile.name ?? text.user }}@if (accountLogin) { <span class=\"sp-settings__muted\"> \u00B7 {{ accountLogin }}</span> }</span>\n          </hm-settings-row>\n        }\n\n        <hm-settings-row [label]=\"text.twoFactor\" [description]=\"text.twoFactorDescription\" [keywords]=\"text.twoFactorKeywords\" [stacked]=\"true\">\n          <spine-account-mfa />\n        </hm-settings-row>\n\n        <hm-settings-row [label]=\"text.recoveryCodes\" [description]=\"text.recoveryCodesDescription\" [keywords]=\"text.recoveryCodesKeywords\" [stacked]=\"true\">\n          <spine-account-recovery-codes />\n        </hm-settings-row>\n\n        <!-- Entradas e tentativas desta conta (SpineFeatures.accountActivity), \u00FAltimos 90 dias. -->\n        @if (features.accountActivity) {\n          <hm-settings-row [label]=\"featureText.activity\" [description]=\"featureText.activityDescription\" [keywords]=\"featureText.activityKeywords\" [stacked]=\"true\">\n            <spine-account-activity />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sess\u00F5es \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tokens e onde a conta est\u00E1 conectada (a validade desta sess\u00E3o fica em Conta). Cada linha tem a\n         pr\u00F3pria condi\u00E7\u00E3o; a se\u00E7\u00E3o some se nenhuma sobrar (hasSessionsSection). -->\n    @if (hasSessionsSection) {\n      <hm-settings-section [key]=\"keys.sessions\" [label]=\"text.sessionsSection\" icon=\"devices\" [description]=\"text.sessionsSectionDescription\" [keywords]=\"text.sessionsSectionKeywords\">\n        <!-- S\u00F3 com SpineConfig.technicalDocs (padr\u00E3o: isDevMode()): token da sess\u00E3o no clipboard \u00E9 ferramenta de dev. -->\n        @if (sessionsItems.accessToken) {\n          <hm-settings-row [label]=\"text.accessToken\" [description]=\"text.accessTokenDescription\" [keywords]=\"text.accessTokenKeywords\">\n            <hm-button emphasis=\"medium\" icon=\"copy\" (clicked)=\"copyToken()\">{{ text.copy }}</hm-button>\n          </hm-settings-row>\n        }\n\n        @if (sessionsItems.appTokens) {\n          <hm-settings-row [label]=\"text.appTokens\" [stacked]=\"true\"\n            [description]=\"text.appTokensDescription\"\n            [keywords]=\"text.appTokensKeywords\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.appTokens })\" [text]=\"text.appTokensHelp\" />\n            <spine-app-tokens />\n          </hm-settings-row>\n        }\n\n        <!-- Token + .mcp.json prontos para um agente de IA (SpineFeatures.aiAgent). -->\n        @if (sessionsItems.aiAgent) {\n          <hm-settings-row [label]=\"featureText.aiAgent\" [description]=\"featureText.aiAgentDescription\" [keywords]=\"featureText.aiAgentKeywords\" [stacked]=\"true\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.aiAgent })\" [text]=\"featureText.aiAgentHelp\" />\n            <spine-ai-agent />\n          </hm-settings-row>\n        }\n\n        <!-- Sess\u00F5es e dispositivos: API da conta do Argos, mesma condi\u00E7\u00E3o da se\u00E7\u00E3o MFA. -->\n        @if (sessionsItems.devices) {\n          <hm-settings-row [label]=\"text.sessions\" [description]=\"text.sessionsDescription\" [keywords]=\"text.sessionsKeywords\" [stacked]=\"true\">\n            <spine-account-sessions />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Grupos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os grupos desta aplica\u00E7\u00E3o de que a pessoa \u00E9 membro (argos-admin /me/groups, relidos a cada abertura): a lista,\n         e escolhendo um, a tela de membros dele. Sem grupo nenhum, a se\u00E7\u00E3o n\u00E3o aparece. -->\n    @if (myGroups().length) {\n      <hm-settings-section [key]=\"keys.groups\" [label]=\"text.groups\" icon=\"employee-group\" [keywords]=\"text.groupsKeywords\"\n        [class.sp-settings__section--group-open]=\"groupOpen()\" [description]=\"groupOpen() ? '' : text.groupsDescription\">\n        <spine-my-groups [groups]=\"myGroups()\" (openChange)=\"groupOpen.set($event)\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Apar\u00EAncia \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.appearance\" [label]=\"text.appearance\" icon=\"color-palette\" [keywords]=\"text.appearanceKeywords\">\n      <hm-settings-row [label]=\"text.theme\" [description]=\"text.themeDescription\" [keywords]=\"text.themeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.theme\" [options]=\"themeOptions()\" [value]=\"themeMode()\" (valueChange)=\"setThemeMode($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.accent\" [description]=\"text.accentDescription\" [keywords]=\"text.accentKeywords\" [stacked]=\"true\">\n        <hm-theme-picker\n          class=\"sp-settings__picker\"\n          [families]=\"families\"\n          [family]=\"family()\"\n          [theme]=\"appliedTheme()\"\n          [showMode]=\"false\"\n          (familyChosen)=\"setFamily($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.density\" [description]=\"text.densityDescription\" [keywords]=\"text.densityKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.density\" [options]=\"densityOptions()\" [value]=\"densityValue()\" (valueChange)=\"setDensity($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.font\" [description]=\"text.fontDescription\" [keywords]=\"text.fontKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.font\" [options]=\"fontOptions\" [value]=\"fontValue()\" (valueChange)=\"setFont($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.sidebar\" [description]=\"text.sidebarDescription\" [keywords]=\"text.sidebarKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.sidebar })\" [text]=\"text.sidebarHelp\" />\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.sidebar\" [options]=\"sidebarOptions()\" [value]=\"sidebar.mode()\" (valueChange)=\"setSidebarMode($event)\" />\n      </hm-settings-row>\n\n      <!-- Dividir abas: com ela desligada (o padr\u00E3o) a \u00E1rea de abas fica num painel s\u00F3 (SpineWorkspaceNavService). -->\n      <hm-settings-row [label]=\"text.splitTabs\" [description]=\"text.splitTabsDescription\" [keywords]=\"text.splitTabsKeywords\">\n        <hm-checkbox [label]=\"text.splitTabs\" [labelHidden]=\"true\" [checked]=\"preferences.splitTabs()\" (checkedChange)=\"preferences.setSplitTabs($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Acessibilidade \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Tamanho do texto (--hm-text-scale no <html>, HermesZoomService) e movimento (data-motion no <html>,\n         HermesMotionService), guardados pelo SpinePreferencesService. -->\n    <hm-settings-section [key]=\"keys.accessibility\" [label]=\"text.accessibility\" icon=\"accessibility-1\" [keywords]=\"text.accessibilityKeywords\">\n      <hm-settings-row [label]=\"text.textSize\" [description]=\"text.textSizeDescription\" [keywords]=\"text.textSizeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.textSize\" [options]=\"textSizeOptions()\" [value]=\"textSizeValue()\" (valueChange)=\"setTextSize($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.motion\" [description]=\"text.motionDescription\" [keywords]=\"text.motionKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.motion\" [options]=\"motionOptions()\" [value]=\"preferences.motion()\" (valueChange)=\"setMotion($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Regi\u00E3o \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.region\" [label]=\"text.region\" icon=\"clock\" [keywords]=\"text.regionKeywords\">\n      <hm-settings-row [label]=\"text.language\" [description]=\"text.languageDescription\" [keywords]=\"text.languageKeywords\">\n        <hm-select\n          class=\"sp-settings__language\"\n          [label]=\"text.language\"\n          [labelHidden]=\"true\"\n          [value]=\"preferences.language()\"\n          (valueChange)=\"preferences.setLanguage($event ?? '')\"\n        >\n          @for (option of languageOptions(); track option.value) {\n            <option [value]=\"option.value\" [attr.lang]=\"option.value || null\">{{ option.label }}</option>\n          }\n        </hm-select>\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.timeZone\" [description]=\"fmt(text.timeZoneHint, { now: timeZonePreview() })\" [keywords]=\"text.timeZoneKeywords\">\n        <hm-combobox\n          class=\"sp-settings__timezone\"\n          [label]=\"text.timeZone\"\n          [labelHidden]=\"true\"\n          icon=\"world\"\n          [options]=\"timeZoneOptions()\"\n          [value]=\"preferences.timeZone()\"\n          (valueChange)=\"preferences.setTimeZone($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.hourCycle\" [description]=\"fmt(text.hourCycleHint, { now: hourCyclePreview() })\" [keywords]=\"text.hourCycleKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.hourCycle\" [options]=\"hourCycleOptions()\" [value]=\"preferences.hourCycle()\" (valueChange)=\"setHourCycle($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.weekStart\" [description]=\"text.weekStartDescription\" [keywords]=\"text.weekStartKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.weekStart\" [options]=\"weekStartOptions()\" [value]=\"weekStartValue()\" (valueChange)=\"setWeekStart($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Notifica\u00E7\u00F5es (SpineFeatures.notices) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tipos de aviso que o app declarou (SpineNoticesService) e o aviso do navegador com a aba em segundo plano. -->\n    @if (notices.enabled) {\n      <hm-settings-section [key]=\"keys.notices\" [label]=\"featureText.notices\" icon=\"bell\" [description]=\"featureText.noticesDescription\" [keywords]=\"featureText.noticesKeywords\">\n        @for (type of notices.types; track type.id) {\n          <hm-settings-row [label]=\"type.label\" [description]=\"type.description ?? ''\">\n            <hm-checkbox [label]=\"type.label\" [labelHidden]=\"true\" [checked]=\"notices.isEnabled(type.id)\" (checkedChange)=\"notices.setEnabled(type.id, $event)\" />\n          </hm-settings-row>\n        }\n        <hm-settings-row [label]=\"featureText.browserNotices\" [description]=\"notices.permission() === 'denied' ? featureText.browserNoticesDenied : notices.permission() === 'unsupported' ? featureText.browserNoticesUnsupported : featureText.browserNoticesDescription\">\n          <hm-checkbox [label]=\"featureText.browserNotices\" [labelHidden]=\"true\" [checked]=\"notices.browserActive()\" (checkedChange)=\"setBrowserNotices($event)\" />\n        </hm-settings-row>\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Atalhos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.shortcuts\" [label]=\"text.shortcuts\" icon=\"keyboard\" [description]=\"text.shortcutsDescription\" [keywords]=\"text.shortcutsKeywords\">\n      <!-- Mesma lista do painel \"?\", sem busca (a do di\u00E1logo de configura\u00E7\u00F5es j\u00E1 cobre a se\u00E7\u00E3o);\n           o interruptor de tecla \u00FAnica (WCAG 2.1.4) persiste no SpinePreferencesService. -->\n      <hm-shortcut-list class=\"sp-settings__shortcuts\" characterKeysToggle [registered]=\"false\" [items]=\"shortcutItems()\" [headingLevel]=\"4\" />\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Dados do navegador \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Listas por usu\u00E1rio do SpineUserStorage e as prefer\u00EAncias deste painel. Destrutivo: o 1\u00BA clique pede\n         confirma\u00E7\u00E3o (bot\u00E3o vira \"Confirmar\" + Cancelar), como nas listas de tokens e sess\u00F5es. -->\n    <hm-settings-section [key]=\"keys.data\" [label]=\"text.browserData\" icon=\"browser-setting\" [description]=\"text.browserDataDescription\" [keywords]=\"text.browserDataKeywords\">\n      <!-- SpineFeatures.accountPreferences: as prefer\u00EAncias tamb\u00E9m na conta do Argos (as telas acima n\u00E3o mudam). -->\n      @if (features.accountPreferences) {\n        <hm-settings-row [label]=\"featureText.sync\" [description]=\"syncStatus() || featureText.syncDescription\" [keywords]=\"featureText.syncKeywords\">\n          <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.sync })\" [text]=\"featureText.syncDescription\" />\n          <hm-button emphasis=\"medium\" icon=\"refresh\" [disabled]=\"accountPreferences.status() === 'local'\" [loading]=\"accountPreferences.status() === 'saving' || accountPreferences.status() === 'loading'\" (clicked)=\"syncNow()\">{{ featureText.syncNow }}</hm-button>\n        </hm-settings-row>\n      }\n      @for (list of browserLists(); track list.id) {\n        <hm-settings-row [label]=\"list.label\" [description]=\"list.count\" [keywords]=\"list.keywords\">\n          <span class=\"sp-settings__actions\">\n            @if (confirming() === list.id) {\n              <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n            }\n            <hm-button\n              [emphasis]=\"confirming() === list.id ? 'high' : 'medium'\"\n              intent=\"danger\"\n              [disabled]=\"list.empty && confirming() !== list.id\"\n              (clicked)=\"clearList(list.id)\"\n            >{{ confirming() === list.id ? text.confirmClear : text.clear }}</hm-button>\n          </span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.restorePreferences\" [description]=\"text.restorePreferencesDescription\" [keywords]=\"text.restorePreferencesKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.restorePreferences })\" [text]=\"text.restorePreferencesHelp\" />\n        <span class=\"sp-settings__actions\">\n          @if (confirming() === 'preferences') {\n            <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n          }\n          <hm-button [emphasis]=\"confirming() === 'preferences' ? 'high' : 'medium'\" intent=\"danger\" (clicked)=\"restorePreferences()\">\n            {{ confirming() === 'preferences' ? text.confirmRestore : text.restore }}\n          </hm-button>\n        </span>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Ajuda \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Novidades (s\u00F3 com alguma vigente), configura\u00E7\u00E3o inicial e o essencial: fecham o painel antes de abrir. -->\n    <hm-settings-section [key]=\"keys.help\" [label]=\"text.help\" icon=\"help\" [keywords]=\"text.helpKeywords\">\n      @if (hasNews()) {\n        <hm-settings-row [label]=\"text.news\" [description]=\"text.newsDescription\" [keywords]=\"text.newsKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"star\" (clicked)=\"showNews()\">{{ text.showNews }}</hm-button>\n        </hm-settings-row>\n      }\n      @if (setupEnabled) {\n        <hm-settings-row [label]=\"text.setup\" [description]=\"text.setupDescription\" [keywords]=\"text.setupKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"color-palette\" (clicked)=\"redoSetup()\">{{ text.redoSetup }}</hm-button>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.essentials\" [description]=\"text.essentialsDescription\" [keywords]=\"text.essentialsKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"help\" (clicked)=\"showEssentials()\">{{ text.showEssentials }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Se\u00E7\u00F5es do app (provideSettingsSection) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (s of appSections; track s.key) {\n      <hm-settings-section [key]=\"s.key\" [label]=\"s.label\" [icon]=\"s.icon ?? 'cog'\" [description]=\"s.description ?? ''\" [keywords]=\"s.keywords ?? ''\">\n        <ng-container *ngComponentOutlet=\"s.component\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sobre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.about\" [label]=\"text.about\" icon=\"info-circle\" [keywords]=\"text.aboutKeywords\">\n      <hm-settings-row [label]=\"text.application\">\n        <span class=\"sp-settings__value\">{{ appName }}@if (packageInfo.name) { <span class=\"sp-settings__muted\"> \u00B7 {{ packageInfo.name }}</span> }</span>\n      </hm-settings-row>\n      <!-- M\u00E9dia da ferramenta (SpineFeatures.ratings) e \"Avaliar\", que abre o di\u00E1logo da estrela do cabe\u00E7alho. -->\n      @if (ratingsEnabled) {\n        <hm-settings-row [label]=\"ratingText.aboutRating\" [keywords]=\"ratingText.aboutRatingKeywords\">\n          <spine-app-rating-summary />\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.version\" [keywords]=\"text.versionKeywords\">\n        <span class=\"sp-settings__value sp-settings__mono\">{{ packageInfo.version ?? '\u2014' }}</span>\n      </hm-settings-row>\n      @if (buildDate) {\n        <hm-settings-row [label]=\"text.buildDate\">\n          <span class=\"sp-settings__value\">{{ buildDate }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.environment) {\n        <hm-settings-row [label]=\"text.environment\" [keywords]=\"text.environmentKeywords\">\n          <span class=\"sp-settings__value\">{{ packageInfo.environment }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.repository?.url || packageInfo.docs || packageInfo.issues) {\n        <hm-settings-row [label]=\"text.links\" [keywords]=\"text.linksKeywords\">\n          <span class=\"sp-settings__links\">\n            @if (packageInfo.docs) { <hm-button emphasis=\"medium\" icon=\"book\" [link]=\"packageInfo.docs\" [newTab]=\"true\">{{ text.docs }}</hm-button> }\n            @if (packageInfo.issues) { <hm-button emphasis=\"medium\" icon=\"bug\" [link]=\"packageInfo.issues\" [newTab]=\"true\">{{ text.reportIssue }}</hm-button> }\n            @if (packageInfo.repository?.url) { <hm-button emphasis=\"medium\" icon=\"link\" [link]=\"packageInfo.repository!.url!\" [newTab]=\"true\">{{ text.repository }}</hm-button> }\n          </span>\n        </hm-settings-row>\n      }\n      @if (dependencies.length) {\n        <hm-settings-row [label]=\"text.dependencies\" [description]=\"text.dependenciesDescription\" [keywords]=\"text.dependenciesKeywords\" [stacked]=\"true\">\n          <dl class=\"sp-settings__deps\">\n            @for (d of dependencies; track d.name) {\n              <div><dt>{{ d.label }}</dt><dd class=\"sp-settings__mono\">{{ d.version }}</dd></div>\n            }\n          </dl>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.supportInfo\" [description]=\"text.supportInfoDescription\" [keywords]=\"text.supportInfoKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"clipboard\" (clicked)=\"copySupportInfo()\">{{ text.copy }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n  </hm-settings-dialog>\n}\n", styles: ["@charset \"UTF-8\";.sp-settings__timezone{display:block;width:min(320px,100%)}.sp-settings__profile{display:flex;align-items:center;gap:var(--hm-space-sm);padding:var(--hm-space-xs) 0 var(--hm-space-sm)}.sp-settings__profile-text{display:flex;min-width:0;flex-direction:column;gap:var(--hm-space-micro);color:var(--hm-text);overflow-wrap:anywhere}.sp-settings__profile-text span{color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.sp-settings__value{color:var(--hm-text);font-size:var(--hm-font-size-sm);text-align:end;overflow-wrap:anywhere}.sp-settings__muted{color:var(--hm-muted)}.sp-settings__mono{font-family:var(--hm-font-mono)}.sp-settings__shortcuts{display:block;padding-block:var(--hm-space-xxxs);border-top:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__links,.sp-settings__actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.sp-settings__section--group-open ::ng-deep .hm-settings-section__heading{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__picker ::ng-deep .hm-theme-picker__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__deps{display:grid;flex:1;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));margin:0;overflow:hidden;border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius);background:var(--hm-surface)}.sp-settings__deps div{display:flex;justify-content:space-between;gap:var(--hm-space-xs);margin-block-start:calc(-1 * var(--hm-border-hairline));margin-inline-start:calc(-1 * var(--hm-border-hairline));padding:var(--hm-space-xs) var(--hm-space-sm);border-top:var(--hm-border-hairline) solid var(--hm-divider);border-inline-start:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__deps dt{color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.sp-settings__deps dd{margin:0;color:var(--hm-text);font-size:var(--hm-font-size-xs)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AppTokensComponent, selector: "spine-app-tokens" }, { kind: "component", type: MyGroupsComponent, selector: "spine-my-groups", inputs: ["groups"], outputs: ["openChange"] }, { kind: "component", type: AiAgentComponent, selector: "spine-ai-agent" }, { kind: "component", type: AccountActivityComponent, selector: "spine-account-activity" }, { kind: "component", type: DefaultBadgeComponent, selector: "spine-default-badge" }, { kind: "component", type: CheckboxComponent, selector: "hm-checkbox", inputs: ["label", "labelHidden", "checked", "indeterminate"], outputs: ["checkedChange"] }, { kind: "component", type: AccountMfaComponent, selector: "spine-account-mfa" }, { kind: "component", type: AccountRecoveryCodesComponent, selector: "spine-account-recovery-codes" }, { kind: "component", type: AccountSessionsComponent, selector: "spine-account-sessions" }, { kind: "directive", type: SpineAccountSecurityScopeDirective, selector: "[spineAccountSecurity]" }, { kind: "component", type: AccountAvatarComponent, selector: "hm-account-avatar", inputs: ["name", "imageUrl", "size", "loading", "presence", "texts"] }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: ComboboxComponent, selector: "hm-combobox", inputs: ["label", "options", "value", "placeholder", "icon", "hint", "size", "labelHidden", "clearable", "loading", "allowCustomValue"], outputs: ["valueChange"] }, { kind: "component", type: SegmentedControlComponent, selector: "hm-segmented-control", inputs: ["options", "value", "label", "size", "emphasis"], outputs: ["valueChange"] }, { kind: "component", type: SettingsDialogComponent, selector: "hm-settings-dialog", inputs: ["open", "heading", "activeSection", "closeHandler", "actions", "submitLabel", "cancelLabel"], outputs: ["openChange", "activeSectionChange", "closed", "submitted"] }, { kind: "component", type: SettingsRowComponent, selector: "hm-settings-row", inputs: ["label", "description", "keywords", "stacked"] }, { kind: "component", type: SettingsSectionComponent, selector: "hm-settings-section", inputs: ["key", "label", "icon", "description", "keywords", "control", "invalid"] }, { kind: "component", type: SelectComponent, selector: "hm-select", inputs: ["value", "label", "labelHidden", "hint"], outputs: ["valueChange"] }, { kind: "component", type: ShortcutListComponent, selector: "hm-shortcut-list", inputs: ["items", "registered", "searchable", "characterKeysToggle", "headingLevel"] }, { kind: "component", type: ThemePickerComponent, selector: "hm-theme-picker", inputs: ["families", "family", "theme", "showMode"], outputs: ["familyChosen", "themeChosen"] }, { kind: "component", type: ToggletipComponent, selector: "hm-toggletip", inputs: ["label", "text", "side", "intent", "icon"] }, { kind: "component", type: SpineAppRatingSummaryComponent, selector: "spine-app-rating-summary" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.24", type: SettingsPanelComponent, isStandalone: true, selector: "spine-settings-panel", ngImport: i0, template: "<!-- Montado s\u00F3 enquanto aberto: nada disto (lista de fusos, leitura do token...) custa no\n     carregamento de toda p\u00E1gina. -->\n@if (settings.isOpen()) {\n  <hm-settings-dialog\n    [heading]=\"text.heading\"\n    [open]=\"true\"\n    (openChange)=\"onOpenChange($event)\"\n    [activeSection]=\"activeSection()\"\n    (activeSectionChange)=\"settings.section.set($event)\"\n  >\n    <!-- \u2500\u2500 Conta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.account\" [label]=\"text.account\" icon=\"user\" [keywords]=\"text.accountKeywords\">\n      <div class=\"sp-settings__profile\">\n        <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\" />\n        <span class=\"sp-settings__profile-text\">\n          <strong>{{ profile.name ?? text.user }}</strong>\n          @if (profile.role) { <span>{{ profile.role }}</span> }\n        </span>\n      </div>\n\n      <!-- S\u00F3 informativo: a troca de n\u00EDvel fica no menu do perfil, perto de onde se trabalha. -->\n      @if (badge) {\n        <hm-settings-row [label]=\"text.accessLevel\" [keywords]=\"text.accessLevelKeywords\">\n          <span class=\"sp-settings__value\">{{ badge.name }}</span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.session\" [description]=\"text.sessionDescription\" [keywords]=\"text.sessionKeywords\">\n        <span class=\"sp-settings__value\">{{ sessionExpiry }}</span>\n      </hm-settings-row>\n\n      <!-- Recursos opcionais (SpineConfig.features): crach\u00E1 padr\u00E3o (Argos), inatividade e tela inicial. -->\n      @if (showDefaultBadge) {\n        <hm-settings-row [label]=\"featureText.defaultBadge\" [description]=\"featureText.defaultBadgeDescription\" [keywords]=\"featureText.defaultBadgeKeywords\">\n          <spine-default-badge />\n        </hm-settings-row>\n      }\n\n      @if (idleOptions().length) {\n        <hm-settings-row [label]=\"featureText.idle\" [description]=\"idleHint || featureText.idleDescription\" [keywords]=\"featureText.idleKeywords\">\n          <hm-segmented-control emphasis=\"action\" [label]=\"featureText.idle\" [options]=\"idleOptions()\" [value]=\"idleValue()\" (valueChange)=\"setIdle($event)\" />\n        </hm-settings-row>\n      }\n\n      @if (features.startPage) {\n        <hm-settings-row [label]=\"featureText.startPage\" [description]=\"quickAccessHasFavorites() ? featureText.startPageDescription : featureText.startPageHint\" [keywords]=\"featureText.startPageKeywords\">\n          <hm-select class=\"sp-settings__language\" [label]=\"featureText.startPage\" [labelHidden]=\"true\" [value]=\"startPageValue()\" (valueChange)=\"setStartPage($event ?? 'home')\">\n            @for (option of startPageOptions(); track option.value) {\n              <option [value]=\"option.value\">{{ option.label }}</option>\n            }\n          </hm-select>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.logout\" [description]=\"text.logoutDescription\" [keywords]=\"text.logoutKeywords\">\n        <hm-button emphasis=\"medium\" intent=\"danger\" icon=\"logout\" [loading]=\"logoutPending()\" (clicked)=\"logout()\">{{ text.logout }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 MFA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- API da conta do Argos com o token da sess\u00E3o (Bearer): MFA e c\u00F3digos de recupera\u00E7\u00E3o aqui mesmo, sem\n         abrir o Argos. O spineAccountSecurity d\u00E1 \u00E0s linhas o mesmo estado (reautentica\u00E7\u00E3o, cadastro em\n         andamento), que morre quando o painel fecha. `?settings=seguranca` (chave antiga) abre esta se\u00E7\u00E3o. -->\n    @if (accountSecurity) {\n      <hm-settings-section spineAccountSecurity [key]=\"keys.mfa\" [label]=\"text.mfa\" icon=\"shield-check\" [description]=\"text.mfaDescription\" [keywords]=\"text.mfaKeywords\">\n        <!-- Realm s\u00F3 pelo nome: o id (UUID) n\u00E3o diz nada a quem l\u00EA, ent\u00E3o some. -->\n        @if (accountLogin || accountRealm) {\n          <hm-settings-row [label]=\"text.signedInAccount\" [description]=\"accountRealm ? fmt(text.signedInRealm, { realm: accountRealm }) : ''\">\n            <span class=\"sp-settings__value\">{{ profile.name ?? text.user }}@if (accountLogin) { <span class=\"sp-settings__muted\"> \u00B7 {{ accountLogin }}</span> }</span>\n          </hm-settings-row>\n        }\n\n        <hm-settings-row [label]=\"text.twoFactor\" [description]=\"text.twoFactorDescription\" [keywords]=\"text.twoFactorKeywords\" [stacked]=\"true\">\n          <spine-account-mfa />\n        </hm-settings-row>\n\n        <hm-settings-row [label]=\"text.recoveryCodes\" [description]=\"text.recoveryCodesDescription\" [keywords]=\"text.recoveryCodesKeywords\" [stacked]=\"true\">\n          <spine-account-recovery-codes />\n        </hm-settings-row>\n\n        <!-- Entradas e tentativas desta conta (SpineFeatures.accountActivity), \u00FAltimos 90 dias. -->\n        @if (features.accountActivity) {\n          <hm-settings-row [label]=\"featureText.activity\" [description]=\"featureText.activityDescription\" [keywords]=\"featureText.activityKeywords\" [stacked]=\"true\">\n            <spine-account-activity />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sess\u00F5es \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tokens e onde a conta est\u00E1 conectada (a validade desta sess\u00E3o fica em Conta). Cada linha tem a\n         pr\u00F3pria condi\u00E7\u00E3o; a se\u00E7\u00E3o some se nenhuma sobrar (hasSessionsSection). -->\n    @if (hasSessionsSection) {\n      <hm-settings-section [key]=\"keys.sessions\" [label]=\"text.sessionsSection\" icon=\"devices\" [description]=\"text.sessionsSectionDescription\" [keywords]=\"text.sessionsSectionKeywords\">\n        <!-- S\u00F3 com SpineConfig.technicalDocs (padr\u00E3o: isDevMode()): token da sess\u00E3o no clipboard \u00E9 ferramenta de dev. -->\n        @if (sessionsItems.accessToken) {\n          <hm-settings-row [label]=\"text.accessToken\" [description]=\"text.accessTokenDescription\" [keywords]=\"text.accessTokenKeywords\">\n            <hm-button emphasis=\"medium\" icon=\"copy\" (clicked)=\"copyToken()\">{{ text.copy }}</hm-button>\n          </hm-settings-row>\n        }\n\n        @if (sessionsItems.appTokens) {\n          <hm-settings-row [label]=\"text.appTokens\" [stacked]=\"true\"\n            [description]=\"text.appTokensDescription\"\n            [keywords]=\"text.appTokensKeywords\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.appTokens })\" [text]=\"text.appTokensHelp\" />\n            <spine-app-tokens />\n          </hm-settings-row>\n        }\n\n        <!-- Token + .mcp.json prontos para um agente de IA (SpineFeatures.mcpConnect). -->\n        @if (sessionsItems.mcpConnect) {\n          <hm-settings-row [label]=\"featureText.mcpConnect\" [description]=\"featureText.mcpConnectDescription\" [keywords]=\"featureText.mcpConnectKeywords\" [stacked]=\"true\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.mcpConnect })\" [text]=\"featureText.mcpConnectHelp\" />\n            <spine-mcp-connect />\n          </hm-settings-row>\n        }\n\n        <!-- Sess\u00F5es e dispositivos: API da conta do Argos, mesma condi\u00E7\u00E3o da se\u00E7\u00E3o MFA. -->\n        @if (sessionsItems.devices) {\n          <hm-settings-row [label]=\"text.sessions\" [description]=\"text.sessionsDescription\" [keywords]=\"text.sessionsKeywords\" [stacked]=\"true\">\n            <spine-account-sessions />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Grupos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os grupos desta aplica\u00E7\u00E3o de que a pessoa \u00E9 membro (argos-admin /me/groups, relidos a cada abertura): a lista,\n         e escolhendo um, a tela de membros dele. Sem grupo nenhum, a se\u00E7\u00E3o n\u00E3o aparece. -->\n    @if (myGroups().length) {\n      <hm-settings-section [key]=\"keys.groups\" [label]=\"text.groups\" icon=\"employee-group\" [keywords]=\"text.groupsKeywords\"\n        [class.sp-settings__section--group-open]=\"groupOpen()\" [description]=\"groupOpen() ? '' : text.groupsDescription\">\n        <spine-my-groups [groups]=\"myGroups()\" (openChange)=\"groupOpen.set($event)\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Apar\u00EAncia \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.appearance\" [label]=\"text.appearance\" icon=\"color-palette\" [keywords]=\"text.appearanceKeywords\">\n      <hm-settings-row [label]=\"text.theme\" [description]=\"text.themeDescription\" [keywords]=\"text.themeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.theme\" [options]=\"themeOptions()\" [value]=\"themeMode()\" (valueChange)=\"setThemeMode($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.accent\" [description]=\"text.accentDescription\" [keywords]=\"text.accentKeywords\" [stacked]=\"true\">\n        <hm-theme-picker\n          class=\"sp-settings__picker\"\n          [families]=\"families\"\n          [family]=\"family()\"\n          [theme]=\"appliedTheme()\"\n          [showMode]=\"false\"\n          (familyChosen)=\"setFamily($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.density\" [description]=\"text.densityDescription\" [keywords]=\"text.densityKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.density\" [options]=\"densityOptions()\" [value]=\"densityValue()\" (valueChange)=\"setDensity($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.font\" [description]=\"text.fontDescription\" [keywords]=\"text.fontKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.font\" [options]=\"fontOptions\" [value]=\"fontValue()\" (valueChange)=\"setFont($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.sidebar\" [description]=\"text.sidebarDescription\" [keywords]=\"text.sidebarKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.sidebar })\" [text]=\"text.sidebarHelp\" />\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.sidebar\" [options]=\"sidebarOptions()\" [value]=\"sidebar.mode()\" (valueChange)=\"setSidebarMode($event)\" />\n      </hm-settings-row>\n\n      <!-- Dividir abas: com ela desligada (o padr\u00E3o) a \u00E1rea de abas fica num painel s\u00F3 (SpineWorkspaceNavService). -->\n      <hm-settings-row [label]=\"text.splitTabs\" [description]=\"text.splitTabsDescription\" [keywords]=\"text.splitTabsKeywords\">\n        <hm-checkbox [label]=\"text.splitTabs\" [labelHidden]=\"true\" [checked]=\"preferences.splitTabs()\" (checkedChange)=\"preferences.setSplitTabs($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Acessibilidade \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Tamanho do texto (--hm-text-scale no <html>, HermesZoomService) e movimento (data-motion no <html>,\n         HermesMotionService), guardados pelo SpinePreferencesService. -->\n    <hm-settings-section [key]=\"keys.accessibility\" [label]=\"text.accessibility\" icon=\"accessibility-1\" [keywords]=\"text.accessibilityKeywords\">\n      <hm-settings-row [label]=\"text.textSize\" [description]=\"text.textSizeDescription\" [keywords]=\"text.textSizeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.textSize\" [options]=\"textSizeOptions()\" [value]=\"textSizeValue()\" (valueChange)=\"setTextSize($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.motion\" [description]=\"text.motionDescription\" [keywords]=\"text.motionKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.motion\" [options]=\"motionOptions()\" [value]=\"preferences.motion()\" (valueChange)=\"setMotion($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Regi\u00E3o \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.region\" [label]=\"text.region\" icon=\"clock\" [keywords]=\"text.regionKeywords\">\n      <hm-settings-row [label]=\"text.language\" [description]=\"text.languageDescription\" [keywords]=\"text.languageKeywords\">\n        <hm-select\n          class=\"sp-settings__language\"\n          [label]=\"text.language\"\n          [labelHidden]=\"true\"\n          [value]=\"preferences.language()\"\n          (valueChange)=\"preferences.setLanguage($event ?? '')\"\n        >\n          @for (option of languageOptions(); track option.value) {\n            <option [value]=\"option.value\" [attr.lang]=\"option.value || null\">{{ option.label }}</option>\n          }\n        </hm-select>\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.timeZone\" [description]=\"fmt(text.timeZoneHint, { now: timeZonePreview() })\" [keywords]=\"text.timeZoneKeywords\">\n        <hm-combobox\n          class=\"sp-settings__timezone\"\n          [label]=\"text.timeZone\"\n          [labelHidden]=\"true\"\n          icon=\"world\"\n          [options]=\"timeZoneOptions()\"\n          [value]=\"preferences.timeZone()\"\n          (valueChange)=\"preferences.setTimeZone($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.hourCycle\" [description]=\"fmt(text.hourCycleHint, { now: hourCyclePreview() })\" [keywords]=\"text.hourCycleKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.hourCycle\" [options]=\"hourCycleOptions()\" [value]=\"preferences.hourCycle()\" (valueChange)=\"setHourCycle($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.weekStart\" [description]=\"text.weekStartDescription\" [keywords]=\"text.weekStartKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.weekStart\" [options]=\"weekStartOptions()\" [value]=\"weekStartValue()\" (valueChange)=\"setWeekStart($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Notifica\u00E7\u00F5es (SpineFeatures.notices) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tipos de aviso que o app declarou (SpineNoticesService) e o aviso do navegador com a aba em segundo plano. -->\n    @if (notices.enabled) {\n      <hm-settings-section [key]=\"keys.notices\" [label]=\"featureText.notices\" icon=\"bell\" [description]=\"featureText.noticesDescription\" [keywords]=\"featureText.noticesKeywords\">\n        @for (type of notices.types; track type.id) {\n          <hm-settings-row [label]=\"type.label\" [description]=\"type.description ?? ''\">\n            <hm-checkbox [label]=\"type.label\" [labelHidden]=\"true\" [checked]=\"notices.isEnabled(type.id)\" (checkedChange)=\"notices.setEnabled(type.id, $event)\" />\n          </hm-settings-row>\n        }\n        <hm-settings-row [label]=\"featureText.browserNotices\" [description]=\"notices.permission() === 'denied' ? featureText.browserNoticesDenied : notices.permission() === 'unsupported' ? featureText.browserNoticesUnsupported : featureText.browserNoticesDescription\">\n          <hm-checkbox [label]=\"featureText.browserNotices\" [labelHidden]=\"true\" [checked]=\"notices.browserActive()\" (checkedChange)=\"setBrowserNotices($event)\" />\n        </hm-settings-row>\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Atalhos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.shortcuts\" [label]=\"text.shortcuts\" icon=\"keyboard\" [description]=\"text.shortcutsDescription\" [keywords]=\"text.shortcutsKeywords\">\n      <!-- Mesma lista do painel \"?\", sem busca (a do di\u00E1logo de configura\u00E7\u00F5es j\u00E1 cobre a se\u00E7\u00E3o);\n           o interruptor de tecla \u00FAnica (WCAG 2.1.4) persiste no SpinePreferencesService. -->\n      <hm-shortcut-list class=\"sp-settings__shortcuts\" characterKeysToggle [registered]=\"false\" [items]=\"shortcutItems()\" [headingLevel]=\"4\" />\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Dados do navegador \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Listas por usu\u00E1rio do SpineUserStorage e as prefer\u00EAncias deste painel. Destrutivo: o 1\u00BA clique pede\n         confirma\u00E7\u00E3o (bot\u00E3o vira \"Confirmar\" + Cancelar), como nas listas de tokens e sess\u00F5es. -->\n    <hm-settings-section [key]=\"keys.data\" [label]=\"text.browserData\" icon=\"browser-setting\" [description]=\"text.browserDataDescription\" [keywords]=\"text.browserDataKeywords\">\n      <!-- SpineFeatures.accountPreferences: as prefer\u00EAncias tamb\u00E9m na conta do Argos (as telas acima n\u00E3o mudam). -->\n      @if (features.accountPreferences) {\n        <hm-settings-row [label]=\"featureText.sync\" [description]=\"syncStatus() || featureText.syncDescription\" [keywords]=\"featureText.syncKeywords\">\n          <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.sync })\" [text]=\"featureText.syncDescription\" />\n          <hm-button emphasis=\"medium\" icon=\"refresh\" [disabled]=\"accountPreferences.status() === 'local'\" [loading]=\"accountPreferences.status() === 'saving' || accountPreferences.status() === 'loading'\" (clicked)=\"syncNow()\">{{ featureText.syncNow }}</hm-button>\n        </hm-settings-row>\n      }\n      @for (list of browserLists(); track list.id) {\n        <hm-settings-row [label]=\"list.label\" [description]=\"list.count\" [keywords]=\"list.keywords\">\n          <span class=\"sp-settings__actions\">\n            @if (confirming() === list.id) {\n              <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n            }\n            <hm-button\n              [emphasis]=\"confirming() === list.id ? 'high' : 'medium'\"\n              intent=\"danger\"\n              [disabled]=\"list.empty && confirming() !== list.id\"\n              (clicked)=\"clearList(list.id)\"\n            >{{ confirming() === list.id ? text.confirmClear : text.clear }}</hm-button>\n          </span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.restorePreferences\" [description]=\"text.restorePreferencesDescription\" [keywords]=\"text.restorePreferencesKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.restorePreferences })\" [text]=\"text.restorePreferencesHelp\" />\n        <span class=\"sp-settings__actions\">\n          @if (confirming() === 'preferences') {\n            <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n          }\n          <hm-button [emphasis]=\"confirming() === 'preferences' ? 'high' : 'medium'\" intent=\"danger\" (clicked)=\"restorePreferences()\">\n            {{ confirming() === 'preferences' ? text.confirmRestore : text.restore }}\n          </hm-button>\n        </span>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Ajuda \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Novidades (s\u00F3 com alguma vigente), configura\u00E7\u00E3o inicial e o essencial: fecham o painel antes de abrir. -->\n    <hm-settings-section [key]=\"keys.help\" [label]=\"text.help\" icon=\"help\" [keywords]=\"text.helpKeywords\">\n      @if (hasNews()) {\n        <hm-settings-row [label]=\"text.news\" [description]=\"text.newsDescription\" [keywords]=\"text.newsKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"star\" (clicked)=\"showNews()\">{{ text.showNews }}</hm-button>\n        </hm-settings-row>\n      }\n      @if (setupEnabled) {\n        <hm-settings-row [label]=\"text.setup\" [description]=\"text.setupDescription\" [keywords]=\"text.setupKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"color-palette\" (clicked)=\"redoSetup()\">{{ text.redoSetup }}</hm-button>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.essentials\" [description]=\"text.essentialsDescription\" [keywords]=\"text.essentialsKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"help\" (clicked)=\"showEssentials()\">{{ text.showEssentials }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Se\u00E7\u00F5es do app (provideSettingsSection) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (s of appSections; track s.key) {\n      <hm-settings-section [key]=\"s.key\" [label]=\"s.label\" [icon]=\"s.icon ?? 'cog'\" [description]=\"s.description ?? ''\" [keywords]=\"s.keywords ?? ''\">\n        <ng-container *ngComponentOutlet=\"s.component\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sobre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.about\" [label]=\"text.about\" icon=\"info-circle\" [keywords]=\"text.aboutKeywords\">\n      <hm-settings-row [label]=\"text.application\">\n        <span class=\"sp-settings__value\">{{ appName }}@if (packageInfo.name) { <span class=\"sp-settings__muted\"> \u00B7 {{ packageInfo.name }}</span> }</span>\n      </hm-settings-row>\n      <!-- M\u00E9dia da ferramenta (SpineFeatures.ratings) e \"Avaliar\", que abre o di\u00E1logo da estrela do cabe\u00E7alho. -->\n      @if (ratingsEnabled) {\n        <hm-settings-row [label]=\"ratingText.aboutRating\" [keywords]=\"ratingText.aboutRatingKeywords\">\n          <spine-app-rating-summary />\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.version\" [keywords]=\"text.versionKeywords\">\n        <span class=\"sp-settings__value sp-settings__mono\">{{ packageInfo.version ?? '\u2014' }}</span>\n      </hm-settings-row>\n      @if (buildDate) {\n        <hm-settings-row [label]=\"text.buildDate\">\n          <span class=\"sp-settings__value\">{{ buildDate }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.environment) {\n        <hm-settings-row [label]=\"text.environment\" [keywords]=\"text.environmentKeywords\">\n          <span class=\"sp-settings__value\">{{ packageInfo.environment }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.repository?.url || packageInfo.docs || packageInfo.issues) {\n        <hm-settings-row [label]=\"text.links\" [keywords]=\"text.linksKeywords\">\n          <span class=\"sp-settings__links\">\n            @if (packageInfo.docs) { <hm-button emphasis=\"medium\" icon=\"book\" [link]=\"packageInfo.docs\" [newTab]=\"true\">{{ text.docs }}</hm-button> }\n            @if (packageInfo.issues) { <hm-button emphasis=\"medium\" icon=\"bug\" [link]=\"packageInfo.issues\" [newTab]=\"true\">{{ text.reportIssue }}</hm-button> }\n            @if (packageInfo.repository?.url) { <hm-button emphasis=\"medium\" icon=\"link\" [link]=\"packageInfo.repository!.url!\" [newTab]=\"true\">{{ text.repository }}</hm-button> }\n          </span>\n        </hm-settings-row>\n      }\n      @if (dependencies.length) {\n        <hm-settings-row [label]=\"text.dependencies\" [description]=\"text.dependenciesDescription\" [keywords]=\"text.dependenciesKeywords\" [stacked]=\"true\">\n          <dl class=\"sp-settings__deps\">\n            @for (d of dependencies; track d.name) {\n              <div><dt>{{ d.label }}</dt><dd class=\"sp-settings__mono\">{{ d.version }}</dd></div>\n            }\n          </dl>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.supportInfo\" [description]=\"text.supportInfoDescription\" [keywords]=\"text.supportInfoKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"clipboard\" (clicked)=\"copySupportInfo()\">{{ text.copy }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n  </hm-settings-dialog>\n}\n", styles: ["@charset \"UTF-8\";.sp-settings__timezone{display:block;width:min(320px,100%)}.sp-settings__profile{display:flex;align-items:center;gap:var(--hm-space-sm);padding:var(--hm-space-xs) 0 var(--hm-space-sm)}.sp-settings__profile-text{display:flex;min-width:0;flex-direction:column;gap:var(--hm-space-micro);color:var(--hm-text);overflow-wrap:anywhere}.sp-settings__profile-text span{color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.sp-settings__value{color:var(--hm-text);font-size:var(--hm-font-size-sm);text-align:end;overflow-wrap:anywhere}.sp-settings__muted{color:var(--hm-muted)}.sp-settings__mono{font-family:var(--hm-font-mono)}.sp-settings__shortcuts{display:block;padding-block:var(--hm-space-xxxs);border-top:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__links,.sp-settings__actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.sp-settings__section--group-open ::ng-deep .hm-settings-section__heading{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__picker ::ng-deep .hm-theme-picker__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__deps{display:grid;flex:1;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));margin:0;overflow:hidden;border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius);background:var(--hm-surface)}.sp-settings__deps div{display:flex;justify-content:space-between;gap:var(--hm-space-xs);margin-block-start:calc(-1 * var(--hm-border-hairline));margin-inline-start:calc(-1 * var(--hm-border-hairline));padding:var(--hm-space-xs) var(--hm-space-sm);border-top:var(--hm-border-hairline) solid var(--hm-divider);border-inline-start:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__deps dt{color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.sp-settings__deps dd{margin:0;color:var(--hm-text);font-size:var(--hm-font-size-xs)}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: AppTokensComponent, selector: "spine-app-tokens" }, { kind: "component", type: MyGroupsComponent, selector: "spine-my-groups", inputs: ["groups"], outputs: ["openChange"] }, { kind: "component", type: McpConnectComponent, selector: "spine-mcp-connect" }, { kind: "component", type: AccountActivityComponent, selector: "spine-account-activity" }, { kind: "component", type: DefaultBadgeComponent, selector: "spine-default-badge" }, { kind: "component", type: CheckboxComponent, selector: "hm-checkbox", inputs: ["label", "labelHidden", "checked", "indeterminate"], outputs: ["checkedChange"] }, { kind: "component", type: AccountMfaComponent, selector: "spine-account-mfa" }, { kind: "component", type: AccountRecoveryCodesComponent, selector: "spine-account-recovery-codes" }, { kind: "component", type: AccountSessionsComponent, selector: "spine-account-sessions" }, { kind: "directive", type: SpineAccountSecurityScopeDirective, selector: "[spineAccountSecurity]" }, { kind: "component", type: AccountAvatarComponent, selector: "hm-account-avatar", inputs: ["name", "imageUrl", "size", "loading", "presence", "texts"] }, { kind: "component", type: ButtonComponent, selector: "hm-button", inputs: ["emphasis", "intent", "size", "type", "icon", "iconDirection", "iconEnd", "disabled", "loading", "loadingState", "block", "link", "newTab", "caret", "inMenu", "toggle", "pressed"], outputs: ["loadingStateChange", "pressedChange", "clicked"] }, { kind: "component", type: ComboboxComponent, selector: "hm-combobox", inputs: ["label", "options", "value", "placeholder", "icon", "hint", "size", "labelHidden", "clearable", "loading", "allowCustomValue"], outputs: ["valueChange"] }, { kind: "component", type: SegmentedControlComponent, selector: "hm-segmented-control", inputs: ["options", "value", "label", "size", "emphasis"], outputs: ["valueChange"] }, { kind: "component", type: SettingsDialogComponent, selector: "hm-settings-dialog", inputs: ["open", "heading", "activeSection", "closeHandler", "actions", "submitLabel", "cancelLabel"], outputs: ["openChange", "activeSectionChange", "closed", "submitted"] }, { kind: "component", type: SettingsRowComponent, selector: "hm-settings-row", inputs: ["label", "description", "keywords", "stacked"] }, { kind: "component", type: SettingsSectionComponent, selector: "hm-settings-section", inputs: ["key", "label", "icon", "description", "keywords", "control", "invalid"] }, { kind: "component", type: SelectComponent, selector: "hm-select", inputs: ["value", "label", "labelHidden", "hint"], outputs: ["valueChange"] }, { kind: "component", type: ShortcutListComponent, selector: "hm-shortcut-list", inputs: ["items", "registered", "searchable", "characterKeysToggle", "headingLevel"] }, { kind: "component", type: ThemePickerComponent, selector: "hm-theme-picker", inputs: ["families", "family", "theme", "showMode"], outputs: ["familyChosen", "themeChosen"] }, { kind: "component", type: ToggletipComponent, selector: "hm-toggletip", inputs: ["label", "text", "side", "intent", "icon"] }, { kind: "component", type: SpineAppRatingSummaryComponent, selector: "spine-app-rating-summary" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SettingsPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spine-settings-panel', imports: [
-                        NgComponentOutlet, AppTokensComponent, MyGroupsComponent, AiAgentComponent, AccountActivityComponent, DefaultBadgeComponent, CheckboxComponent,
+                        NgComponentOutlet, AppTokensComponent, MyGroupsComponent, McpConnectComponent, AccountActivityComponent, DefaultBadgeComponent, CheckboxComponent,
                         AccountMfaComponent, AccountRecoveryCodesComponent, AccountSessionsComponent, SpineAccountSecurityScopeDirective,
                         AccountAvatarComponent, ButtonComponent, ComboboxComponent,
                         SegmentedControlComponent, SettingsDialogComponent, SettingsRowComponent, SettingsSectionComponent,
                         SelectComponent, ShortcutListComponent, ThemePickerComponent, ToggletipComponent, SpineAppRatingSummaryComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Montado s\u00F3 enquanto aberto: nada disto (lista de fusos, leitura do token...) custa no\n     carregamento de toda p\u00E1gina. -->\n@if (settings.isOpen()) {\n  <hm-settings-dialog\n    [heading]=\"text.heading\"\n    [open]=\"true\"\n    (openChange)=\"onOpenChange($event)\"\n    [activeSection]=\"activeSection()\"\n    (activeSectionChange)=\"settings.section.set($event)\"\n  >\n    <!-- \u2500\u2500 Conta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.account\" [label]=\"text.account\" icon=\"user\" [keywords]=\"text.accountKeywords\">\n      <div class=\"sp-settings__profile\">\n        <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\" />\n        <span class=\"sp-settings__profile-text\">\n          <strong>{{ profile.name ?? text.user }}</strong>\n          @if (profile.role) { <span>{{ profile.role }}</span> }\n        </span>\n      </div>\n\n      <!-- S\u00F3 informativo: a troca de n\u00EDvel fica no menu do perfil, perto de onde se trabalha. -->\n      @if (badge) {\n        <hm-settings-row [label]=\"text.accessLevel\" [keywords]=\"text.accessLevelKeywords\">\n          <span class=\"sp-settings__value\">{{ badge.name }}</span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.session\" [description]=\"text.sessionDescription\" [keywords]=\"text.sessionKeywords\">\n        <span class=\"sp-settings__value\">{{ sessionExpiry }}</span>\n      </hm-settings-row>\n\n      <!-- Recursos opcionais (SpineConfig.features): crach\u00E1 padr\u00E3o (Argos), inatividade e tela inicial. -->\n      @if (showDefaultBadge) {\n        <hm-settings-row [label]=\"featureText.defaultBadge\" [description]=\"featureText.defaultBadgeDescription\" [keywords]=\"featureText.defaultBadgeKeywords\">\n          <spine-default-badge />\n        </hm-settings-row>\n      }\n\n      @if (idleOptions().length) {\n        <hm-settings-row [label]=\"featureText.idle\" [description]=\"idleHint || featureText.idleDescription\" [keywords]=\"featureText.idleKeywords\">\n          <hm-segmented-control emphasis=\"action\" [label]=\"featureText.idle\" [options]=\"idleOptions()\" [value]=\"idleValue()\" (valueChange)=\"setIdle($event)\" />\n        </hm-settings-row>\n      }\n\n      @if (features.startPage) {\n        <hm-settings-row [label]=\"featureText.startPage\" [description]=\"quickAccessHasFavorites() ? featureText.startPageDescription : featureText.startPageHint\" [keywords]=\"featureText.startPageKeywords\">\n          <hm-select class=\"sp-settings__language\" [label]=\"featureText.startPage\" [labelHidden]=\"true\" [value]=\"startPageValue()\" (valueChange)=\"setStartPage($event ?? 'home')\">\n            @for (option of startPageOptions(); track option.value) {\n              <option [value]=\"option.value\">{{ option.label }}</option>\n            }\n          </hm-select>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.logout\" [description]=\"text.logoutDescription\" [keywords]=\"text.logoutKeywords\">\n        <hm-button emphasis=\"medium\" intent=\"danger\" icon=\"logout\" [loading]=\"logoutPending()\" (clicked)=\"logout()\">{{ text.logout }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 MFA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- API da conta do Argos com o token da sess\u00E3o (Bearer): MFA e c\u00F3digos de recupera\u00E7\u00E3o aqui mesmo, sem\n         abrir o Argos. O spineAccountSecurity d\u00E1 \u00E0s linhas o mesmo estado (reautentica\u00E7\u00E3o, cadastro em\n         andamento), que morre quando o painel fecha. `?settings=seguranca` (chave antiga) abre esta se\u00E7\u00E3o. -->\n    @if (accountSecurity) {\n      <hm-settings-section spineAccountSecurity [key]=\"keys.mfa\" [label]=\"text.mfa\" icon=\"shield-check\" [description]=\"text.mfaDescription\" [keywords]=\"text.mfaKeywords\">\n        <!-- Realm s\u00F3 pelo nome: o id (UUID) n\u00E3o diz nada a quem l\u00EA, ent\u00E3o some. -->\n        @if (accountLogin || accountRealm) {\n          <hm-settings-row [label]=\"text.signedInAccount\" [description]=\"accountRealm ? fmt(text.signedInRealm, { realm: accountRealm }) : ''\">\n            <span class=\"sp-settings__value\">{{ profile.name ?? text.user }}@if (accountLogin) { <span class=\"sp-settings__muted\"> \u00B7 {{ accountLogin }}</span> }</span>\n          </hm-settings-row>\n        }\n\n        <hm-settings-row [label]=\"text.twoFactor\" [description]=\"text.twoFactorDescription\" [keywords]=\"text.twoFactorKeywords\" [stacked]=\"true\">\n          <spine-account-mfa />\n        </hm-settings-row>\n\n        <hm-settings-row [label]=\"text.recoveryCodes\" [description]=\"text.recoveryCodesDescription\" [keywords]=\"text.recoveryCodesKeywords\" [stacked]=\"true\">\n          <spine-account-recovery-codes />\n        </hm-settings-row>\n\n        <!-- Entradas e tentativas desta conta (SpineFeatures.accountActivity), \u00FAltimos 90 dias. -->\n        @if (features.accountActivity) {\n          <hm-settings-row [label]=\"featureText.activity\" [description]=\"featureText.activityDescription\" [keywords]=\"featureText.activityKeywords\" [stacked]=\"true\">\n            <spine-account-activity />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sess\u00F5es \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tokens e onde a conta est\u00E1 conectada (a validade desta sess\u00E3o fica em Conta). Cada linha tem a\n         pr\u00F3pria condi\u00E7\u00E3o; a se\u00E7\u00E3o some se nenhuma sobrar (hasSessionsSection). -->\n    @if (hasSessionsSection) {\n      <hm-settings-section [key]=\"keys.sessions\" [label]=\"text.sessionsSection\" icon=\"devices\" [description]=\"text.sessionsSectionDescription\" [keywords]=\"text.sessionsSectionKeywords\">\n        <!-- S\u00F3 com SpineConfig.technicalDocs (padr\u00E3o: isDevMode()): token da sess\u00E3o no clipboard \u00E9 ferramenta de dev. -->\n        @if (sessionsItems.accessToken) {\n          <hm-settings-row [label]=\"text.accessToken\" [description]=\"text.accessTokenDescription\" [keywords]=\"text.accessTokenKeywords\">\n            <hm-button emphasis=\"medium\" icon=\"copy\" (clicked)=\"copyToken()\">{{ text.copy }}</hm-button>\n          </hm-settings-row>\n        }\n\n        @if (sessionsItems.appTokens) {\n          <hm-settings-row [label]=\"text.appTokens\" [stacked]=\"true\"\n            [description]=\"text.appTokensDescription\"\n            [keywords]=\"text.appTokensKeywords\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.appTokens })\" [text]=\"text.appTokensHelp\" />\n            <spine-app-tokens />\n          </hm-settings-row>\n        }\n\n        <!-- Token + .mcp.json prontos para um agente de IA (SpineFeatures.aiAgent). -->\n        @if (sessionsItems.aiAgent) {\n          <hm-settings-row [label]=\"featureText.aiAgent\" [description]=\"featureText.aiAgentDescription\" [keywords]=\"featureText.aiAgentKeywords\" [stacked]=\"true\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.aiAgent })\" [text]=\"featureText.aiAgentHelp\" />\n            <spine-ai-agent />\n          </hm-settings-row>\n        }\n\n        <!-- Sess\u00F5es e dispositivos: API da conta do Argos, mesma condi\u00E7\u00E3o da se\u00E7\u00E3o MFA. -->\n        @if (sessionsItems.devices) {\n          <hm-settings-row [label]=\"text.sessions\" [description]=\"text.sessionsDescription\" [keywords]=\"text.sessionsKeywords\" [stacked]=\"true\">\n            <spine-account-sessions />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Grupos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os grupos desta aplica\u00E7\u00E3o de que a pessoa \u00E9 membro (argos-admin /me/groups, relidos a cada abertura): a lista,\n         e escolhendo um, a tela de membros dele. Sem grupo nenhum, a se\u00E7\u00E3o n\u00E3o aparece. -->\n    @if (myGroups().length) {\n      <hm-settings-section [key]=\"keys.groups\" [label]=\"text.groups\" icon=\"employee-group\" [keywords]=\"text.groupsKeywords\"\n        [class.sp-settings__section--group-open]=\"groupOpen()\" [description]=\"groupOpen() ? '' : text.groupsDescription\">\n        <spine-my-groups [groups]=\"myGroups()\" (openChange)=\"groupOpen.set($event)\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Apar\u00EAncia \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.appearance\" [label]=\"text.appearance\" icon=\"color-palette\" [keywords]=\"text.appearanceKeywords\">\n      <hm-settings-row [label]=\"text.theme\" [description]=\"text.themeDescription\" [keywords]=\"text.themeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.theme\" [options]=\"themeOptions()\" [value]=\"themeMode()\" (valueChange)=\"setThemeMode($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.accent\" [description]=\"text.accentDescription\" [keywords]=\"text.accentKeywords\" [stacked]=\"true\">\n        <hm-theme-picker\n          class=\"sp-settings__picker\"\n          [families]=\"families\"\n          [family]=\"family()\"\n          [theme]=\"appliedTheme()\"\n          [showMode]=\"false\"\n          (familyChosen)=\"setFamily($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.density\" [description]=\"text.densityDescription\" [keywords]=\"text.densityKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.density\" [options]=\"densityOptions()\" [value]=\"densityValue()\" (valueChange)=\"setDensity($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.font\" [description]=\"text.fontDescription\" [keywords]=\"text.fontKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.font\" [options]=\"fontOptions\" [value]=\"fontValue()\" (valueChange)=\"setFont($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.sidebar\" [description]=\"text.sidebarDescription\" [keywords]=\"text.sidebarKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.sidebar })\" [text]=\"text.sidebarHelp\" />\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.sidebar\" [options]=\"sidebarOptions()\" [value]=\"sidebar.mode()\" (valueChange)=\"setSidebarMode($event)\" />\n      </hm-settings-row>\n\n      <!-- Dividir abas: com ela desligada (o padr\u00E3o) a \u00E1rea de abas fica num painel s\u00F3 (SpineWorkspaceNavService). -->\n      <hm-settings-row [label]=\"text.splitTabs\" [description]=\"text.splitTabsDescription\" [keywords]=\"text.splitTabsKeywords\">\n        <hm-checkbox [label]=\"text.splitTabs\" [labelHidden]=\"true\" [checked]=\"preferences.splitTabs()\" (checkedChange)=\"preferences.setSplitTabs($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Acessibilidade \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Tamanho do texto (--hm-text-scale no <html>, HermesZoomService) e movimento (data-motion no <html>,\n         HermesMotionService), guardados pelo SpinePreferencesService. -->\n    <hm-settings-section [key]=\"keys.accessibility\" [label]=\"text.accessibility\" icon=\"accessibility-1\" [keywords]=\"text.accessibilityKeywords\">\n      <hm-settings-row [label]=\"text.textSize\" [description]=\"text.textSizeDescription\" [keywords]=\"text.textSizeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.textSize\" [options]=\"textSizeOptions()\" [value]=\"textSizeValue()\" (valueChange)=\"setTextSize($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.motion\" [description]=\"text.motionDescription\" [keywords]=\"text.motionKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.motion\" [options]=\"motionOptions()\" [value]=\"preferences.motion()\" (valueChange)=\"setMotion($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Regi\u00E3o \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.region\" [label]=\"text.region\" icon=\"clock\" [keywords]=\"text.regionKeywords\">\n      <hm-settings-row [label]=\"text.language\" [description]=\"text.languageDescription\" [keywords]=\"text.languageKeywords\">\n        <hm-select\n          class=\"sp-settings__language\"\n          [label]=\"text.language\"\n          [labelHidden]=\"true\"\n          [value]=\"preferences.language()\"\n          (valueChange)=\"preferences.setLanguage($event ?? '')\"\n        >\n          @for (option of languageOptions(); track option.value) {\n            <option [value]=\"option.value\" [attr.lang]=\"option.value || null\">{{ option.label }}</option>\n          }\n        </hm-select>\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.timeZone\" [description]=\"fmt(text.timeZoneHint, { now: timeZonePreview() })\" [keywords]=\"text.timeZoneKeywords\">\n        <hm-combobox\n          class=\"sp-settings__timezone\"\n          [label]=\"text.timeZone\"\n          [labelHidden]=\"true\"\n          icon=\"world\"\n          [options]=\"timeZoneOptions()\"\n          [value]=\"preferences.timeZone()\"\n          (valueChange)=\"preferences.setTimeZone($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.hourCycle\" [description]=\"fmt(text.hourCycleHint, { now: hourCyclePreview() })\" [keywords]=\"text.hourCycleKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.hourCycle\" [options]=\"hourCycleOptions()\" [value]=\"preferences.hourCycle()\" (valueChange)=\"setHourCycle($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.weekStart\" [description]=\"text.weekStartDescription\" [keywords]=\"text.weekStartKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.weekStart\" [options]=\"weekStartOptions()\" [value]=\"weekStartValue()\" (valueChange)=\"setWeekStart($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Notifica\u00E7\u00F5es (SpineFeatures.notices) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tipos de aviso que o app declarou (SpineNoticesService) e o aviso do navegador com a aba em segundo plano. -->\n    @if (notices.enabled) {\n      <hm-settings-section [key]=\"keys.notices\" [label]=\"featureText.notices\" icon=\"bell\" [description]=\"featureText.noticesDescription\" [keywords]=\"featureText.noticesKeywords\">\n        @for (type of notices.types; track type.id) {\n          <hm-settings-row [label]=\"type.label\" [description]=\"type.description ?? ''\">\n            <hm-checkbox [label]=\"type.label\" [labelHidden]=\"true\" [checked]=\"notices.isEnabled(type.id)\" (checkedChange)=\"notices.setEnabled(type.id, $event)\" />\n          </hm-settings-row>\n        }\n        <hm-settings-row [label]=\"featureText.browserNotices\" [description]=\"notices.permission() === 'denied' ? featureText.browserNoticesDenied : notices.permission() === 'unsupported' ? featureText.browserNoticesUnsupported : featureText.browserNoticesDescription\">\n          <hm-checkbox [label]=\"featureText.browserNotices\" [labelHidden]=\"true\" [checked]=\"notices.browserActive()\" (checkedChange)=\"setBrowserNotices($event)\" />\n        </hm-settings-row>\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Atalhos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.shortcuts\" [label]=\"text.shortcuts\" icon=\"keyboard\" [description]=\"text.shortcutsDescription\" [keywords]=\"text.shortcutsKeywords\">\n      <!-- Mesma lista do painel \"?\", sem busca (a do di\u00E1logo de configura\u00E7\u00F5es j\u00E1 cobre a se\u00E7\u00E3o);\n           o interruptor de tecla \u00FAnica (WCAG 2.1.4) persiste no SpinePreferencesService. -->\n      <hm-shortcut-list class=\"sp-settings__shortcuts\" characterKeysToggle [registered]=\"false\" [items]=\"shortcutItems()\" [headingLevel]=\"4\" />\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Dados do navegador \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Listas por usu\u00E1rio do SpineUserStorage e as prefer\u00EAncias deste painel. Destrutivo: o 1\u00BA clique pede\n         confirma\u00E7\u00E3o (bot\u00E3o vira \"Confirmar\" + Cancelar), como nas listas de tokens e sess\u00F5es. -->\n    <hm-settings-section [key]=\"keys.data\" [label]=\"text.browserData\" icon=\"browser-setting\" [description]=\"text.browserDataDescription\" [keywords]=\"text.browserDataKeywords\">\n      <!-- SpineFeatures.accountPreferences: as prefer\u00EAncias tamb\u00E9m na conta do Argos (as telas acima n\u00E3o mudam). -->\n      @if (features.accountPreferences) {\n        <hm-settings-row [label]=\"featureText.sync\" [description]=\"syncStatus() || featureText.syncDescription\" [keywords]=\"featureText.syncKeywords\">\n          <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.sync })\" [text]=\"featureText.syncDescription\" />\n          <hm-button emphasis=\"medium\" icon=\"refresh\" [disabled]=\"accountPreferences.status() === 'local'\" [loading]=\"accountPreferences.status() === 'saving' || accountPreferences.status() === 'loading'\" (clicked)=\"syncNow()\">{{ featureText.syncNow }}</hm-button>\n        </hm-settings-row>\n      }\n      @for (list of browserLists(); track list.id) {\n        <hm-settings-row [label]=\"list.label\" [description]=\"list.count\" [keywords]=\"list.keywords\">\n          <span class=\"sp-settings__actions\">\n            @if (confirming() === list.id) {\n              <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n            }\n            <hm-button\n              [emphasis]=\"confirming() === list.id ? 'high' : 'medium'\"\n              intent=\"danger\"\n              [disabled]=\"list.empty && confirming() !== list.id\"\n              (clicked)=\"clearList(list.id)\"\n            >{{ confirming() === list.id ? text.confirmClear : text.clear }}</hm-button>\n          </span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.restorePreferences\" [description]=\"text.restorePreferencesDescription\" [keywords]=\"text.restorePreferencesKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.restorePreferences })\" [text]=\"text.restorePreferencesHelp\" />\n        <span class=\"sp-settings__actions\">\n          @if (confirming() === 'preferences') {\n            <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n          }\n          <hm-button [emphasis]=\"confirming() === 'preferences' ? 'high' : 'medium'\" intent=\"danger\" (clicked)=\"restorePreferences()\">\n            {{ confirming() === 'preferences' ? text.confirmRestore : text.restore }}\n          </hm-button>\n        </span>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Ajuda \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Novidades (s\u00F3 com alguma vigente), configura\u00E7\u00E3o inicial e o essencial: fecham o painel antes de abrir. -->\n    <hm-settings-section [key]=\"keys.help\" [label]=\"text.help\" icon=\"help\" [keywords]=\"text.helpKeywords\">\n      @if (hasNews()) {\n        <hm-settings-row [label]=\"text.news\" [description]=\"text.newsDescription\" [keywords]=\"text.newsKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"star\" (clicked)=\"showNews()\">{{ text.showNews }}</hm-button>\n        </hm-settings-row>\n      }\n      @if (setupEnabled) {\n        <hm-settings-row [label]=\"text.setup\" [description]=\"text.setupDescription\" [keywords]=\"text.setupKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"color-palette\" (clicked)=\"redoSetup()\">{{ text.redoSetup }}</hm-button>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.essentials\" [description]=\"text.essentialsDescription\" [keywords]=\"text.essentialsKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"help\" (clicked)=\"showEssentials()\">{{ text.showEssentials }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Se\u00E7\u00F5es do app (provideSettingsSection) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (s of appSections; track s.key) {\n      <hm-settings-section [key]=\"s.key\" [label]=\"s.label\" [icon]=\"s.icon ?? 'cog'\" [description]=\"s.description ?? ''\" [keywords]=\"s.keywords ?? ''\">\n        <ng-container *ngComponentOutlet=\"s.component\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sobre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.about\" [label]=\"text.about\" icon=\"info-circle\" [keywords]=\"text.aboutKeywords\">\n      <hm-settings-row [label]=\"text.application\">\n        <span class=\"sp-settings__value\">{{ appName }}@if (packageInfo.name) { <span class=\"sp-settings__muted\"> \u00B7 {{ packageInfo.name }}</span> }</span>\n      </hm-settings-row>\n      <!-- M\u00E9dia da ferramenta (SpineFeatures.ratings) e \"Avaliar\", que abre o di\u00E1logo da estrela do cabe\u00E7alho. -->\n      @if (ratingsEnabled) {\n        <hm-settings-row [label]=\"ratingText.aboutRating\" [keywords]=\"ratingText.aboutRatingKeywords\">\n          <spine-app-rating-summary />\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.version\" [keywords]=\"text.versionKeywords\">\n        <span class=\"sp-settings__value sp-settings__mono\">{{ packageInfo.version ?? '\u2014' }}</span>\n      </hm-settings-row>\n      @if (buildDate) {\n        <hm-settings-row [label]=\"text.buildDate\">\n          <span class=\"sp-settings__value\">{{ buildDate }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.environment) {\n        <hm-settings-row [label]=\"text.environment\" [keywords]=\"text.environmentKeywords\">\n          <span class=\"sp-settings__value\">{{ packageInfo.environment }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.repository?.url || packageInfo.docs || packageInfo.issues) {\n        <hm-settings-row [label]=\"text.links\" [keywords]=\"text.linksKeywords\">\n          <span class=\"sp-settings__links\">\n            @if (packageInfo.docs) { <hm-button emphasis=\"medium\" icon=\"book\" [link]=\"packageInfo.docs\" [newTab]=\"true\">{{ text.docs }}</hm-button> }\n            @if (packageInfo.issues) { <hm-button emphasis=\"medium\" icon=\"bug\" [link]=\"packageInfo.issues\" [newTab]=\"true\">{{ text.reportIssue }}</hm-button> }\n            @if (packageInfo.repository?.url) { <hm-button emphasis=\"medium\" icon=\"link\" [link]=\"packageInfo.repository!.url!\" [newTab]=\"true\">{{ text.repository }}</hm-button> }\n          </span>\n        </hm-settings-row>\n      }\n      @if (dependencies.length) {\n        <hm-settings-row [label]=\"text.dependencies\" [description]=\"text.dependenciesDescription\" [keywords]=\"text.dependenciesKeywords\" [stacked]=\"true\">\n          <dl class=\"sp-settings__deps\">\n            @for (d of dependencies; track d.name) {\n              <div><dt>{{ d.label }}</dt><dd class=\"sp-settings__mono\">{{ d.version }}</dd></div>\n            }\n          </dl>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.supportInfo\" [description]=\"text.supportInfoDescription\" [keywords]=\"text.supportInfoKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"clipboard\" (clicked)=\"copySupportInfo()\">{{ text.copy }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n  </hm-settings-dialog>\n}\n", styles: ["@charset \"UTF-8\";.sp-settings__timezone{display:block;width:min(320px,100%)}.sp-settings__profile{display:flex;align-items:center;gap:var(--hm-space-sm);padding:var(--hm-space-xs) 0 var(--hm-space-sm)}.sp-settings__profile-text{display:flex;min-width:0;flex-direction:column;gap:var(--hm-space-micro);color:var(--hm-text);overflow-wrap:anywhere}.sp-settings__profile-text span{color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.sp-settings__value{color:var(--hm-text);font-size:var(--hm-font-size-sm);text-align:end;overflow-wrap:anywhere}.sp-settings__muted{color:var(--hm-muted)}.sp-settings__mono{font-family:var(--hm-font-mono)}.sp-settings__shortcuts{display:block;padding-block:var(--hm-space-xxxs);border-top:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__links,.sp-settings__actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.sp-settings__section--group-open ::ng-deep .hm-settings-section__heading{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__picker ::ng-deep .hm-theme-picker__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__deps{display:grid;flex:1;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));margin:0;overflow:hidden;border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius);background:var(--hm-surface)}.sp-settings__deps div{display:flex;justify-content:space-between;gap:var(--hm-space-xs);margin-block-start:calc(-1 * var(--hm-border-hairline));margin-inline-start:calc(-1 * var(--hm-border-hairline));padding:var(--hm-space-xs) var(--hm-space-sm);border-top:var(--hm-border-hairline) solid var(--hm-divider);border-inline-start:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__deps dt{color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.sp-settings__deps dd{margin:0;color:var(--hm-text);font-size:var(--hm-font-size-xs)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Montado s\u00F3 enquanto aberto: nada disto (lista de fusos, leitura do token...) custa no\n     carregamento de toda p\u00E1gina. -->\n@if (settings.isOpen()) {\n  <hm-settings-dialog\n    [heading]=\"text.heading\"\n    [open]=\"true\"\n    (openChange)=\"onOpenChange($event)\"\n    [activeSection]=\"activeSection()\"\n    (activeSectionChange)=\"settings.section.set($event)\"\n  >\n    <!-- \u2500\u2500 Conta \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.account\" [label]=\"text.account\" icon=\"user\" [keywords]=\"text.accountKeywords\">\n      <div class=\"sp-settings__profile\">\n        <hm-account-avatar [name]=\"profile.name ?? text.user\" [imageUrl]=\"profile.picture\" />\n        <span class=\"sp-settings__profile-text\">\n          <strong>{{ profile.name ?? text.user }}</strong>\n          @if (profile.role) { <span>{{ profile.role }}</span> }\n        </span>\n      </div>\n\n      <!-- S\u00F3 informativo: a troca de n\u00EDvel fica no menu do perfil, perto de onde se trabalha. -->\n      @if (badge) {\n        <hm-settings-row [label]=\"text.accessLevel\" [keywords]=\"text.accessLevelKeywords\">\n          <span class=\"sp-settings__value\">{{ badge.name }}</span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.session\" [description]=\"text.sessionDescription\" [keywords]=\"text.sessionKeywords\">\n        <span class=\"sp-settings__value\">{{ sessionExpiry }}</span>\n      </hm-settings-row>\n\n      <!-- Recursos opcionais (SpineConfig.features): crach\u00E1 padr\u00E3o (Argos), inatividade e tela inicial. -->\n      @if (showDefaultBadge) {\n        <hm-settings-row [label]=\"featureText.defaultBadge\" [description]=\"featureText.defaultBadgeDescription\" [keywords]=\"featureText.defaultBadgeKeywords\">\n          <spine-default-badge />\n        </hm-settings-row>\n      }\n\n      @if (idleOptions().length) {\n        <hm-settings-row [label]=\"featureText.idle\" [description]=\"idleHint || featureText.idleDescription\" [keywords]=\"featureText.idleKeywords\">\n          <hm-segmented-control emphasis=\"action\" [label]=\"featureText.idle\" [options]=\"idleOptions()\" [value]=\"idleValue()\" (valueChange)=\"setIdle($event)\" />\n        </hm-settings-row>\n      }\n\n      @if (features.startPage) {\n        <hm-settings-row [label]=\"featureText.startPage\" [description]=\"quickAccessHasFavorites() ? featureText.startPageDescription : featureText.startPageHint\" [keywords]=\"featureText.startPageKeywords\">\n          <hm-select class=\"sp-settings__language\" [label]=\"featureText.startPage\" [labelHidden]=\"true\" [value]=\"startPageValue()\" (valueChange)=\"setStartPage($event ?? 'home')\">\n            @for (option of startPageOptions(); track option.value) {\n              <option [value]=\"option.value\">{{ option.label }}</option>\n            }\n          </hm-select>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.logout\" [description]=\"text.logoutDescription\" [keywords]=\"text.logoutKeywords\">\n        <hm-button emphasis=\"medium\" intent=\"danger\" icon=\"logout\" [loading]=\"logoutPending()\" (clicked)=\"logout()\">{{ text.logout }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 MFA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- API da conta do Argos com o token da sess\u00E3o (Bearer): MFA e c\u00F3digos de recupera\u00E7\u00E3o aqui mesmo, sem\n         abrir o Argos. O spineAccountSecurity d\u00E1 \u00E0s linhas o mesmo estado (reautentica\u00E7\u00E3o, cadastro em\n         andamento), que morre quando o painel fecha. `?settings=seguranca` (chave antiga) abre esta se\u00E7\u00E3o. -->\n    @if (accountSecurity) {\n      <hm-settings-section spineAccountSecurity [key]=\"keys.mfa\" [label]=\"text.mfa\" icon=\"shield-check\" [description]=\"text.mfaDescription\" [keywords]=\"text.mfaKeywords\">\n        <!-- Realm s\u00F3 pelo nome: o id (UUID) n\u00E3o diz nada a quem l\u00EA, ent\u00E3o some. -->\n        @if (accountLogin || accountRealm) {\n          <hm-settings-row [label]=\"text.signedInAccount\" [description]=\"accountRealm ? fmt(text.signedInRealm, { realm: accountRealm }) : ''\">\n            <span class=\"sp-settings__value\">{{ profile.name ?? text.user }}@if (accountLogin) { <span class=\"sp-settings__muted\"> \u00B7 {{ accountLogin }}</span> }</span>\n          </hm-settings-row>\n        }\n\n        <hm-settings-row [label]=\"text.twoFactor\" [description]=\"text.twoFactorDescription\" [keywords]=\"text.twoFactorKeywords\" [stacked]=\"true\">\n          <spine-account-mfa />\n        </hm-settings-row>\n\n        <hm-settings-row [label]=\"text.recoveryCodes\" [description]=\"text.recoveryCodesDescription\" [keywords]=\"text.recoveryCodesKeywords\" [stacked]=\"true\">\n          <spine-account-recovery-codes />\n        </hm-settings-row>\n\n        <!-- Entradas e tentativas desta conta (SpineFeatures.accountActivity), \u00FAltimos 90 dias. -->\n        @if (features.accountActivity) {\n          <hm-settings-row [label]=\"featureText.activity\" [description]=\"featureText.activityDescription\" [keywords]=\"featureText.activityKeywords\" [stacked]=\"true\">\n            <spine-account-activity />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sess\u00F5es \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tokens e onde a conta est\u00E1 conectada (a validade desta sess\u00E3o fica em Conta). Cada linha tem a\n         pr\u00F3pria condi\u00E7\u00E3o; a se\u00E7\u00E3o some se nenhuma sobrar (hasSessionsSection). -->\n    @if (hasSessionsSection) {\n      <hm-settings-section [key]=\"keys.sessions\" [label]=\"text.sessionsSection\" icon=\"devices\" [description]=\"text.sessionsSectionDescription\" [keywords]=\"text.sessionsSectionKeywords\">\n        <!-- S\u00F3 com SpineConfig.technicalDocs (padr\u00E3o: isDevMode()): token da sess\u00E3o no clipboard \u00E9 ferramenta de dev. -->\n        @if (sessionsItems.accessToken) {\n          <hm-settings-row [label]=\"text.accessToken\" [description]=\"text.accessTokenDescription\" [keywords]=\"text.accessTokenKeywords\">\n            <hm-button emphasis=\"medium\" icon=\"copy\" (clicked)=\"copyToken()\">{{ text.copy }}</hm-button>\n          </hm-settings-row>\n        }\n\n        @if (sessionsItems.appTokens) {\n          <hm-settings-row [label]=\"text.appTokens\" [stacked]=\"true\"\n            [description]=\"text.appTokensDescription\"\n            [keywords]=\"text.appTokensKeywords\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.appTokens })\" [text]=\"text.appTokensHelp\" />\n            <spine-app-tokens />\n          </hm-settings-row>\n        }\n\n        <!-- Token + .mcp.json prontos para um agente de IA (SpineFeatures.mcpConnect). -->\n        @if (sessionsItems.mcpConnect) {\n          <hm-settings-row [label]=\"featureText.mcpConnect\" [description]=\"featureText.mcpConnectDescription\" [keywords]=\"featureText.mcpConnectKeywords\" [stacked]=\"true\">\n            <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.mcpConnect })\" [text]=\"featureText.mcpConnectHelp\" />\n            <spine-mcp-connect />\n          </hm-settings-row>\n        }\n\n        <!-- Sess\u00F5es e dispositivos: API da conta do Argos, mesma condi\u00E7\u00E3o da se\u00E7\u00E3o MFA. -->\n        @if (sessionsItems.devices) {\n          <hm-settings-row [label]=\"text.sessions\" [description]=\"text.sessionsDescription\" [keywords]=\"text.sessionsKeywords\" [stacked]=\"true\">\n            <spine-account-sessions />\n          </hm-settings-row>\n        }\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Grupos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os grupos desta aplica\u00E7\u00E3o de que a pessoa \u00E9 membro (argos-admin /me/groups, relidos a cada abertura): a lista,\n         e escolhendo um, a tela de membros dele. Sem grupo nenhum, a se\u00E7\u00E3o n\u00E3o aparece. -->\n    @if (myGroups().length) {\n      <hm-settings-section [key]=\"keys.groups\" [label]=\"text.groups\" icon=\"employee-group\" [keywords]=\"text.groupsKeywords\"\n        [class.sp-settings__section--group-open]=\"groupOpen()\" [description]=\"groupOpen() ? '' : text.groupsDescription\">\n        <spine-my-groups [groups]=\"myGroups()\" (openChange)=\"groupOpen.set($event)\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Apar\u00EAncia \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.appearance\" [label]=\"text.appearance\" icon=\"color-palette\" [keywords]=\"text.appearanceKeywords\">\n      <hm-settings-row [label]=\"text.theme\" [description]=\"text.themeDescription\" [keywords]=\"text.themeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.theme\" [options]=\"themeOptions()\" [value]=\"themeMode()\" (valueChange)=\"setThemeMode($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.accent\" [description]=\"text.accentDescription\" [keywords]=\"text.accentKeywords\" [stacked]=\"true\">\n        <hm-theme-picker\n          class=\"sp-settings__picker\"\n          [families]=\"families\"\n          [family]=\"family()\"\n          [theme]=\"appliedTheme()\"\n          [showMode]=\"false\"\n          (familyChosen)=\"setFamily($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.density\" [description]=\"text.densityDescription\" [keywords]=\"text.densityKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.density\" [options]=\"densityOptions()\" [value]=\"densityValue()\" (valueChange)=\"setDensity($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.font\" [description]=\"text.fontDescription\" [keywords]=\"text.fontKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.font\" [options]=\"fontOptions\" [value]=\"fontValue()\" (valueChange)=\"setFont($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.sidebar\" [description]=\"text.sidebarDescription\" [keywords]=\"text.sidebarKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.sidebar })\" [text]=\"text.sidebarHelp\" />\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.sidebar\" [options]=\"sidebarOptions()\" [value]=\"sidebar.mode()\" (valueChange)=\"setSidebarMode($event)\" />\n      </hm-settings-row>\n\n      <!-- Dividir abas: com ela desligada (o padr\u00E3o) a \u00E1rea de abas fica num painel s\u00F3 (SpineWorkspaceNavService). -->\n      <hm-settings-row [label]=\"text.splitTabs\" [description]=\"text.splitTabsDescription\" [keywords]=\"text.splitTabsKeywords\">\n        <hm-checkbox [label]=\"text.splitTabs\" [labelHidden]=\"true\" [checked]=\"preferences.splitTabs()\" (checkedChange)=\"preferences.setSplitTabs($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Acessibilidade \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Tamanho do texto (--hm-text-scale no <html>, HermesZoomService) e movimento (data-motion no <html>,\n         HermesMotionService), guardados pelo SpinePreferencesService. -->\n    <hm-settings-section [key]=\"keys.accessibility\" [label]=\"text.accessibility\" icon=\"accessibility-1\" [keywords]=\"text.accessibilityKeywords\">\n      <hm-settings-row [label]=\"text.textSize\" [description]=\"text.textSizeDescription\" [keywords]=\"text.textSizeKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.textSize\" [options]=\"textSizeOptions()\" [value]=\"textSizeValue()\" (valueChange)=\"setTextSize($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.motion\" [description]=\"text.motionDescription\" [keywords]=\"text.motionKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.motion\" [options]=\"motionOptions()\" [value]=\"preferences.motion()\" (valueChange)=\"setMotion($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Regi\u00E3o \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.region\" [label]=\"text.region\" icon=\"clock\" [keywords]=\"text.regionKeywords\">\n      <hm-settings-row [label]=\"text.language\" [description]=\"text.languageDescription\" [keywords]=\"text.languageKeywords\">\n        <hm-select\n          class=\"sp-settings__language\"\n          [label]=\"text.language\"\n          [labelHidden]=\"true\"\n          [value]=\"preferences.language()\"\n          (valueChange)=\"preferences.setLanguage($event ?? '')\"\n        >\n          @for (option of languageOptions(); track option.value) {\n            <option [value]=\"option.value\" [attr.lang]=\"option.value || null\">{{ option.label }}</option>\n          }\n        </hm-select>\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.timeZone\" [description]=\"fmt(text.timeZoneHint, { now: timeZonePreview() })\" [keywords]=\"text.timeZoneKeywords\">\n        <hm-combobox\n          class=\"sp-settings__timezone\"\n          [label]=\"text.timeZone\"\n          [labelHidden]=\"true\"\n          icon=\"world\"\n          [options]=\"timeZoneOptions()\"\n          [value]=\"preferences.timeZone()\"\n          (valueChange)=\"preferences.setTimeZone($event)\"\n        />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.hourCycle\" [description]=\"fmt(text.hourCycleHint, { now: hourCyclePreview() })\" [keywords]=\"text.hourCycleKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.hourCycle\" [options]=\"hourCycleOptions()\" [value]=\"preferences.hourCycle()\" (valueChange)=\"setHourCycle($event)\" />\n      </hm-settings-row>\n\n      <hm-settings-row [label]=\"text.weekStart\" [description]=\"text.weekStartDescription\" [keywords]=\"text.weekStartKeywords\">\n        <hm-segmented-control emphasis=\"action\" [label]=\"text.weekStart\" [options]=\"weekStartOptions()\" [value]=\"weekStartValue()\" (valueChange)=\"setWeekStart($event)\" />\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Notifica\u00E7\u00F5es (SpineFeatures.notices) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Os tipos de aviso que o app declarou (SpineNoticesService) e o aviso do navegador com a aba em segundo plano. -->\n    @if (notices.enabled) {\n      <hm-settings-section [key]=\"keys.notices\" [label]=\"featureText.notices\" icon=\"bell\" [description]=\"featureText.noticesDescription\" [keywords]=\"featureText.noticesKeywords\">\n        @for (type of notices.types; track type.id) {\n          <hm-settings-row [label]=\"type.label\" [description]=\"type.description ?? ''\">\n            <hm-checkbox [label]=\"type.label\" [labelHidden]=\"true\" [checked]=\"notices.isEnabled(type.id)\" (checkedChange)=\"notices.setEnabled(type.id, $event)\" />\n          </hm-settings-row>\n        }\n        <hm-settings-row [label]=\"featureText.browserNotices\" [description]=\"notices.permission() === 'denied' ? featureText.browserNoticesDenied : notices.permission() === 'unsupported' ? featureText.browserNoticesUnsupported : featureText.browserNoticesDescription\">\n          <hm-checkbox [label]=\"featureText.browserNotices\" [labelHidden]=\"true\" [checked]=\"notices.browserActive()\" (checkedChange)=\"setBrowserNotices($event)\" />\n        </hm-settings-row>\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Atalhos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.shortcuts\" [label]=\"text.shortcuts\" icon=\"keyboard\" [description]=\"text.shortcutsDescription\" [keywords]=\"text.shortcutsKeywords\">\n      <!-- Mesma lista do painel \"?\", sem busca (a do di\u00E1logo de configura\u00E7\u00F5es j\u00E1 cobre a se\u00E7\u00E3o);\n           o interruptor de tecla \u00FAnica (WCAG 2.1.4) persiste no SpinePreferencesService. -->\n      <hm-shortcut-list class=\"sp-settings__shortcuts\" characterKeysToggle [registered]=\"false\" [items]=\"shortcutItems()\" [headingLevel]=\"4\" />\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Dados do navegador \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Listas por usu\u00E1rio do SpineUserStorage e as prefer\u00EAncias deste painel. Destrutivo: o 1\u00BA clique pede\n         confirma\u00E7\u00E3o (bot\u00E3o vira \"Confirmar\" + Cancelar), como nas listas de tokens e sess\u00F5es. -->\n    <hm-settings-section [key]=\"keys.data\" [label]=\"text.browserData\" icon=\"browser-setting\" [description]=\"text.browserDataDescription\" [keywords]=\"text.browserDataKeywords\">\n      <!-- SpineFeatures.accountPreferences: as prefer\u00EAncias tamb\u00E9m na conta do Argos (as telas acima n\u00E3o mudam). -->\n      @if (features.accountPreferences) {\n        <hm-settings-row [label]=\"featureText.sync\" [description]=\"syncStatus() || featureText.syncDescription\" [keywords]=\"featureText.syncKeywords\">\n          <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: featureText.sync })\" [text]=\"featureText.syncDescription\" />\n          <hm-button emphasis=\"medium\" icon=\"refresh\" [disabled]=\"accountPreferences.status() === 'local'\" [loading]=\"accountPreferences.status() === 'saving' || accountPreferences.status() === 'loading'\" (clicked)=\"syncNow()\">{{ featureText.syncNow }}</hm-button>\n        </hm-settings-row>\n      }\n      @for (list of browserLists(); track list.id) {\n        <hm-settings-row [label]=\"list.label\" [description]=\"list.count\" [keywords]=\"list.keywords\">\n          <span class=\"sp-settings__actions\">\n            @if (confirming() === list.id) {\n              <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n            }\n            <hm-button\n              [emphasis]=\"confirming() === list.id ? 'high' : 'medium'\"\n              intent=\"danger\"\n              [disabled]=\"list.empty && confirming() !== list.id\"\n              (clicked)=\"clearList(list.id)\"\n            >{{ confirming() === list.id ? text.confirmClear : text.clear }}</hm-button>\n          </span>\n        </hm-settings-row>\n      }\n\n      <hm-settings-row [label]=\"text.restorePreferences\" [description]=\"text.restorePreferencesDescription\" [keywords]=\"text.restorePreferencesKeywords\">\n        <hm-toggletip rowHelp [label]=\"fmt(text.moreAbout, { label: text.restorePreferences })\" [text]=\"text.restorePreferencesHelp\" />\n        <span class=\"sp-settings__actions\">\n          @if (confirming() === 'preferences') {\n            <hm-button emphasis=\"medium\" (clicked)=\"cancelConfirm()\">{{ text.cancel }}</hm-button>\n          }\n          <hm-button [emphasis]=\"confirming() === 'preferences' ? 'high' : 'medium'\" intent=\"danger\" (clicked)=\"restorePreferences()\">\n            {{ confirming() === 'preferences' ? text.confirmRestore : text.restore }}\n          </hm-button>\n        </span>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Ajuda \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <!-- Novidades (s\u00F3 com alguma vigente), configura\u00E7\u00E3o inicial e o essencial: fecham o painel antes de abrir. -->\n    <hm-settings-section [key]=\"keys.help\" [label]=\"text.help\" icon=\"help\" [keywords]=\"text.helpKeywords\">\n      @if (hasNews()) {\n        <hm-settings-row [label]=\"text.news\" [description]=\"text.newsDescription\" [keywords]=\"text.newsKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"star\" (clicked)=\"showNews()\">{{ text.showNews }}</hm-button>\n        </hm-settings-row>\n      }\n      @if (setupEnabled) {\n        <hm-settings-row [label]=\"text.setup\" [description]=\"text.setupDescription\" [keywords]=\"text.setupKeywords\">\n          <hm-button emphasis=\"medium\" icon=\"color-palette\" (clicked)=\"redoSetup()\">{{ text.redoSetup }}</hm-button>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.essentials\" [description]=\"text.essentialsDescription\" [keywords]=\"text.essentialsKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"help\" (clicked)=\"showEssentials()\">{{ text.showEssentials }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n\n    <!-- \u2500\u2500 Se\u00E7\u00F5es do app (provideSettingsSection) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    @for (s of appSections; track s.key) {\n      <hm-settings-section [key]=\"s.key\" [label]=\"s.label\" [icon]=\"s.icon ?? 'cog'\" [description]=\"s.description ?? ''\" [keywords]=\"s.keywords ?? ''\">\n        <ng-container *ngComponentOutlet=\"s.component\" />\n      </hm-settings-section>\n    }\n\n    <!-- \u2500\u2500 Sobre \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <hm-settings-section [key]=\"keys.about\" [label]=\"text.about\" icon=\"info-circle\" [keywords]=\"text.aboutKeywords\">\n      <hm-settings-row [label]=\"text.application\">\n        <span class=\"sp-settings__value\">{{ appName }}@if (packageInfo.name) { <span class=\"sp-settings__muted\"> \u00B7 {{ packageInfo.name }}</span> }</span>\n      </hm-settings-row>\n      <!-- M\u00E9dia da ferramenta (SpineFeatures.ratings) e \"Avaliar\", que abre o di\u00E1logo da estrela do cabe\u00E7alho. -->\n      @if (ratingsEnabled) {\n        <hm-settings-row [label]=\"ratingText.aboutRating\" [keywords]=\"ratingText.aboutRatingKeywords\">\n          <spine-app-rating-summary />\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.version\" [keywords]=\"text.versionKeywords\">\n        <span class=\"sp-settings__value sp-settings__mono\">{{ packageInfo.version ?? '\u2014' }}</span>\n      </hm-settings-row>\n      @if (buildDate) {\n        <hm-settings-row [label]=\"text.buildDate\">\n          <span class=\"sp-settings__value\">{{ buildDate }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.environment) {\n        <hm-settings-row [label]=\"text.environment\" [keywords]=\"text.environmentKeywords\">\n          <span class=\"sp-settings__value\">{{ packageInfo.environment }}</span>\n        </hm-settings-row>\n      }\n      @if (packageInfo.repository?.url || packageInfo.docs || packageInfo.issues) {\n        <hm-settings-row [label]=\"text.links\" [keywords]=\"text.linksKeywords\">\n          <span class=\"sp-settings__links\">\n            @if (packageInfo.docs) { <hm-button emphasis=\"medium\" icon=\"book\" [link]=\"packageInfo.docs\" [newTab]=\"true\">{{ text.docs }}</hm-button> }\n            @if (packageInfo.issues) { <hm-button emphasis=\"medium\" icon=\"bug\" [link]=\"packageInfo.issues\" [newTab]=\"true\">{{ text.reportIssue }}</hm-button> }\n            @if (packageInfo.repository?.url) { <hm-button emphasis=\"medium\" icon=\"link\" [link]=\"packageInfo.repository!.url!\" [newTab]=\"true\">{{ text.repository }}</hm-button> }\n          </span>\n        </hm-settings-row>\n      }\n      @if (dependencies.length) {\n        <hm-settings-row [label]=\"text.dependencies\" [description]=\"text.dependenciesDescription\" [keywords]=\"text.dependenciesKeywords\" [stacked]=\"true\">\n          <dl class=\"sp-settings__deps\">\n            @for (d of dependencies; track d.name) {\n              <div><dt>{{ d.label }}</dt><dd class=\"sp-settings__mono\">{{ d.version }}</dd></div>\n            }\n          </dl>\n        </hm-settings-row>\n      }\n      <hm-settings-row [label]=\"text.supportInfo\" [description]=\"text.supportInfoDescription\" [keywords]=\"text.supportInfoKeywords\">\n        <hm-button emphasis=\"medium\" icon=\"clipboard\" (clicked)=\"copySupportInfo()\">{{ text.copy }}</hm-button>\n      </hm-settings-row>\n    </hm-settings-section>\n  </hm-settings-dialog>\n}\n", styles: ["@charset \"UTF-8\";.sp-settings__timezone{display:block;width:min(320px,100%)}.sp-settings__profile{display:flex;align-items:center;gap:var(--hm-space-sm);padding:var(--hm-space-xs) 0 var(--hm-space-sm)}.sp-settings__profile-text{display:flex;min-width:0;flex-direction:column;gap:var(--hm-space-micro);color:var(--hm-text);overflow-wrap:anywhere}.sp-settings__profile-text span{color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.sp-settings__value{color:var(--hm-text);font-size:var(--hm-font-size-sm);text-align:end;overflow-wrap:anywhere}.sp-settings__muted{color:var(--hm-muted)}.sp-settings__mono{font-family:var(--hm-font-mono)}.sp-settings__shortcuts{display:block;padding-block:var(--hm-space-xxxs);border-top:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__links,.sp-settings__actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--hm-space-xs)}.sp-settings__section--group-open ::ng-deep .hm-settings-section__heading{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__picker ::ng-deep .hm-theme-picker__title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-settings__deps{display:grid;flex:1;min-width:0;grid-template-columns:repeat(auto-fill,minmax(min(12rem,100%),1fr));margin:0;overflow:hidden;border:var(--hm-border-hairline) solid var(--hm-border);border-radius:var(--hm-radius);background:var(--hm-surface)}.sp-settings__deps div{display:flex;justify-content:space-between;gap:var(--hm-space-xs);margin-block-start:calc(-1 * var(--hm-border-hairline));margin-inline-start:calc(-1 * var(--hm-border-hairline));padding:var(--hm-space-xs) var(--hm-space-sm);border-top:var(--hm-border-hairline) solid var(--hm-divider);border-inline-start:var(--hm-border-hairline) solid var(--hm-divider)}.sp-settings__deps dt{color:var(--hm-muted);font-size:var(--hm-font-size-xs)}.sp-settings__deps dd{margin:0;color:var(--hm-text);font-size:var(--hm-font-size-xs)}\n"] }]
         }], ctorParameters: () => [] });
 const UUID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
 /** "UTC−03:00" para um fuso IANA. */
@@ -6996,7 +7600,7 @@ function registerPage() {
                 route_redirect: SPINE_SUGGESTIONS_PAGE_PATH,
                 description: text.description,
             },
-            load: () => import('./trismegisto-spine-layout-suggestions-page.component-CEKMqera.mjs').then((m) => m.SpineSuggestionsPageComponent),
+            load: () => import('./trismegisto-spine-layout-suggestions-page.component-BEGFNlvw.mjs').then((m) => m.SpineSuggestionsPageComponent),
         });
     });
 }
@@ -8101,6 +8705,415 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
   `, styles: [":host{display:block;flex:none}\n"] }]
         }] });
 
+const PANEL_ID = 'spine-ai-agent-panel';
+const TITLE_ID = 'spine-ai-agent-title';
+const PANEL_STATE_KEY = 'spine-ai-agent:panel';
+// Em px, medidas do ponteiro: até aqui é um clique, e o balão não encosta na borda da tela.
+const DRAG_THRESHOLD = 4;
+const DRAG_MARGIN = 8;
+const GREETING_KEY = 'spine-ai-agent:greeting-closed';
+const GREETING_MS = 15_000;
+const GREETING_SUGGESTIONS = 3;
+function greetingClosed() {
+    try {
+        return sessionStorage.getItem(GREETING_KEY) === '1';
+    }
+    catch {
+        return false;
+    }
+}
+function readPanelState() {
+    try {
+        return JSON.parse(sessionStorage.getItem(PANEL_STATE_KEY) ?? '{}');
+    }
+    catch {
+        return {};
+    }
+}
+/**
+ * O agente de IA do app: um balão flutuante, que abre a conversa num painel ao lado dele. O painel não é modal, para a
+ * pessoa continuar vendo e usando a tela enquanto pergunta. Esc fecha e devolve o foco a quem abriu, e o painel pode ser
+ * expandido para respostas longas. Aberto e tamanho voltam como estavam ao recarregar a aba. A tela da conversa fica em chunk
+ * próprio, carregado na primeira abertura, e continua montada depois disso.
+ *
+ * O balão pode ser arrastado e, pelo X dele, sair da tela: vira um ícone no cabeçalho (`spine-ai-agent-dock-button`), e o
+ * painel passa a abrir logo abaixo do cabeçalho. Onde ele está vale neste navegador. Ao lado do balão aparece um convite com
+ * o que dá para perguntar, uma vez por aba, que sai sozinho ou quando a pessoa o fecha. Sem `SpineFeatures.aiAgent`, não
+ * desenha nada.
+ */
+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 */ []));
+        /** 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. */
+        this.fabImage = computed(() => this.agent.avatarNow() ?? this.agent.image(), ...(ngDevMode ? [{ debugName: "fabImage" }] : /* istanbul ignore next */ []));
+        /** Com o balão na metade inicial da tela, o convite fica depois dele. */
+        this.greetingAfter = computed(() => (this.agent.position()?.end ?? 0) > window.innerWidth / 2, ...(ngDevMode ? [{ debugName: "greetingAfter" }] : /* istanbul ignore next */ []));
+        this.greetingOpen = signal(!greetingClosed(), ...(ngDevMode ? [{ debugName: "greetingOpen" }] : /* istanbul ignore next */ []));
+        this.greetingVisible = computed(() => this.greetingOpen() && !this.agent.panelOpen() && !this.agent.docked() && !this.dragging(), ...(ngDevMode ? [{ debugName: "greetingVisible" }] : /* istanbul ignore next */ []));
+        this.greetingSuggestions = computed(() => this.agent.suggestions().slice(0, GREETING_SUGGESTIONS), ...(ngDevMode ? [{ debugName: "greetingSuggestions" }] : /* istanbul ignore next */ []));
+        this.host = inject(ElementRef);
+        this.injector = inject(Injector);
+        this.document = inject(DOCUMENT);
+        /** O clique que encerra um arraste não abre o painel. */
+        this.dragged = false;
+        this.stopDrag = null;
+        this.greetingTimer = null;
+        inject(DestroyRef).onDestroy(() => {
+            this.stopDrag?.();
+            this.keepGreeting();
+        });
+        effect(() => {
+            const state = JSON.stringify({ open: this.agent.panelOpen(), expanded: this.expanded() });
+            try {
+                sessionStorage.setItem(PANEL_STATE_KEY, state);
+            }
+            catch {
+                // Navegador sem armazenamento: o painel só não volta aberto.
+            }
+        });
+        // O painel também abre pelo ícone do cabeçalho, que está em outro componente.
+        effect(() => {
+            if (this.agent.panelOpen())
+                untracked(() => void this.prepare());
+        });
+    }
+    ngOnInit() {
+        // Sem roubar o foco: a pessoa acabou de recarregar a tela, não pediu o chat agora.
+        if (this.agent.enabled && readPanelState().open === true)
+            this.agent.panelOpen.set(true);
+        if (this.agent.enabled && this.greetingVisible()) {
+            this.agent.loadSuggestions();
+            this.greetingTimer = setTimeout(() => this.closeGreeting(), GREETING_MS);
+        }
+    }
+    toggle() {
+        if (!this.dragged)
+            this.agent.togglePanel();
+    }
+    async prepare() {
+        const focus = this.agent.focusOnOpen;
+        this.agent.focusOnOpen = false;
+        if (!this.chat()) {
+            const { SpineAiAgentChatComponent } = await import('./trismegisto-spine-layout-ai-agent-chat.component-LlxtxNA5.mjs');
+            this.chat.set(SpineAiAgentChatComponent);
+        }
+        this.agent.loadSuggestions();
+        this.agent.restoreConversation();
+        if (focus)
+            afterNextRender(() => this.host.nativeElement.querySelector('textarea')?.focus(), { injector: this.injector });
+    }
+    /** Quem está lendo ou usando o convite decide quando ele sai. */
+    keepGreeting() {
+        if (this.greetingTimer)
+            clearTimeout(this.greetingTimer);
+        this.greetingTimer = null;
+    }
+    closeGreeting() {
+        this.keepGreeting();
+        this.greetingOpen.set(false);
+        try {
+            sessionStorage.setItem(GREETING_KEY, '1');
+        }
+        catch {
+            // Navegador sem armazenamento: o convite só volta ao recarregar.
+        }
+    }
+    askFromGreeting(question) {
+        this.closeGreeting();
+        this.agent.askFromGreeting(question);
+    }
+    close() {
+        this.agent.panelOpen.set(false);
+        this.focusEntry();
+    }
+    dock() {
+        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 });
+    }
+    /** O foco volta a quem abre o painel: o balão ou, com ele fora da tela, o ícone do cabeçalho. */
+    focusEntry() {
+        const entry = this.agent.docked()
+            ? this.document.querySelector(`.${SPINE_AGENT_DOCK_CLASS} button`)
+            : this.host.nativeElement.querySelector('.hm-fab__button');
+        entry?.focus();
+    }
+    /** Só passa a ser arraste depois de `DRAG_THRESHOLD`; antes disso, soltar é o clique normal do balão. */
+    startDrag(event) {
+        if (event.button !== 0)
+            return;
+        this.dragged = false;
+        const box = event.currentTarget.getBoundingClientRect();
+        const rtl = getComputedStyle(event.currentTarget).direction === 'rtl';
+        const { clientX: startX, clientY: startY } = event;
+        const view = this.document.defaultView;
+        const move = (moved) => {
+            const dx = moved.clientX - startX;
+            const dy = moved.clientY - startY;
+            if (!this.dragged && Math.hypot(dx, dy) < DRAG_THRESHOLD)
+                return;
+            this.dragged = true;
+            this.dragging.set(true);
+            const left = Math.min(Math.max(box.left + dx, DRAG_MARGIN), view.innerWidth - box.width - DRAG_MARGIN);
+            const top = Math.min(Math.max(box.top + dy, DRAG_MARGIN), view.innerHeight - box.height - DRAG_MARGIN);
+            this.agent.position.set({ end: rtl ? left : view.innerWidth - left - box.width, bottom: view.innerHeight - top - box.height });
+        };
+        const stop = () => {
+            this.stopDrag = null;
+            this.document.removeEventListener('pointermove', move);
+            this.document.removeEventListener('pointerup', stop);
+            this.document.removeEventListener('pointercancel', stop);
+            this.dragging.set(false);
+            if (this.dragged)
+                this.agent.savePlacement();
+        };
+        this.document.addEventListener('pointermove', move);
+        this.document.addEventListener('pointerup', stop);
+        this.document.addEventListener('pointercancel', stop);
+        this.stopDrag = stop;
+    }
+    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 (chat(); as component) {
+        <section
+          class="spine-agent-panel"
+          role="dialog"
+          aria-modal="false"
+          [attr.id]="panelId"
+          [attr.aria-labelledby]="titleId"
+          [class.spine-agent-panel--open]="agent.panelOpen()"
+          [class.spine-agent-panel--expanded]="expanded()"
+          [hidden]="!agent.panelOpen()"
+          (keydown.escape)="close()"
+        >
+          <header class="spine-agent-panel__header">
+            @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>
+            <hm-icon-button
+              emphasis="subtle"
+              size="small"
+              icon="plus"
+              [label]="text.newConversation"
+              [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"
+              [icon]="expanded() ? 'window-restore' : 'window-max'"
+              [label]="expanded() ? text.collapse : text.expand"
+              (clicked)="expanded.set(!expanded())"
+            />
+            @if (agent.docked()) {
+              <hm-icon-button emphasis="subtle" size="small" icon="unpin" [label]="text.undock" (clicked)="undock()" />
+            }
+            <hm-icon-button emphasis="subtle" size="small" icon="times" [label]="text.close" (clicked)="close()" />
+          </header>
+          <div class="spine-agent-panel__body">
+            <ng-container *ngComponentOutlet="component" />
+          </div>
+        </section>
+      }
+      @if (!agent.docked()) {
+        <div class="spine-agent-fab" [class.spine-agent-fab--dragging]="dragging()" (pointerdown)="startDrag($event)">
+          @if (greetingVisible()) {
+            <section
+              class="spine-agent-greeting"
+              [class.spine-agent-greeting--after]="greetingAfter()"
+              [class.spine-agent-greeting--below]="below()"
+              [class.spine-agent-greeting--figure]="agent.image()"
+              [attr.aria-label]="agent.title"
+              (pointerdown)="$event.stopPropagation()"
+              (mouseenter)="keepGreeting()"
+              (focusin)="keepGreeting()"
+            >
+              @if (agent.image(); as figure) {
+                <img class="spine-agent-greeting__figure" [src]="figure" alt="" (error)="agent.imageFailed(figure)" />
+              }
+              <div class="spine-agent-greeting__content">
+                <div class="spine-agent-greeting__head">
+                  <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>
+                @if (greetingSuggestions().length) {
+                  <hm-prompt-suggestions [suggestions]="greetingSuggestions()" (chosen)="askFromGreeting($event)" />
+                }
+              </div>
+            </section>
+          }
+          <hm-fab
+            [fixed]="false"
+            [label]="agent.panelOpen() ? text.close : agent.title"
+            [icon]="agent.panelOpen() ? 'times' : fabImage() ? '' : 'chat-bubble'"
+            [expanded]="agent.panelOpen()"
+            [controls]="panelId"
+            avoid=""
+            (triggered)="toggle()"
+          />
+          @if (!agent.panelOpen() && fabImage(); as image) {
+            <img class="spine-agent-fab__image" [src]="image" alt="" (error)="agent.imageFailed(image)" />
+          }
+          @if (!agent.panelOpen()) {
+            <hm-icon-button
+              class="spine-agent-fab__dock"
+              emphasis="outlined"
+              size="small"
+              icon="times"
+              [label]="text.dock"
+              (pointerdown)="$event.stopPropagation()"
+              (clicked)="dock()"
+            />
+          }
+        </div>
+      }
+    }
+  `, isInline: true, styles: [":host{--spine-agent-fab-size: calc(var(--hm-control-height-large) * 1.75);--spine-agent-end-now: var(--spine-agent-end, var(--hm-space-lg));--spine-agent-bottom-now: var(--spine-agent-bottom, var(--hm-space-lg));--spine-agent-panel-inline: min(calc(var(--hm-space-3xl) * 11), calc(100vw - 2 * var(--hm-space-md)));--spine-agent-offset: calc(var(--spine-agent-bottom-now) + var(--spine-agent-fab-size) + var(--hm-space-sm));--spine-agent-room: calc(100dvh - var(--spine-agent-offset) - var(--hm-header-height) - var(--hm-space-xs))}:host(.spine-agent--below){--spine-agent-offset: calc(100dvh - var(--spine-agent-bottom-now) + var(--hm-space-sm));--spine-agent-room: calc(100dvh - var(--spine-agent-offset) - var(--hm-space-md))}:host(.spine-agent--docked){--spine-agent-offset: calc(var(--hm-header-height) + var(--hm-space-xs));--spine-agent-room: calc(100dvh - var(--spine-agent-offset) - var(--hm-space-md))}.spine-agent-fab{position:fixed;inset-inline-end:min(var(--spine-agent-end-now),calc(100vw - var(--spine-agent-fab-size) - var(--hm-space-xs)));inset-block-end:calc(min(var(--spine-agent-bottom-now),calc(100dvh - var(--spine-agent-fab-size) - var(--hm-space-xs))) + env(safe-area-inset-bottom,0px));z-index:var(--hm-z-fixed);inline-size:var(--spine-agent-fab-size);block-size:var(--spine-agent-fab-size);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.spine-agent-fab--dragging{cursor:grabbing}.spine-agent-fab__image{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;border-radius:var(--hm-radius-pill);pointer-events:none}.spine-agent-greeting{position:absolute;inset-block-end:0;inset-inline-end:calc(100% + var(--hm-space-sm));display:flex;align-items:flex-end;gap:var(--hm-space-sm);box-sizing:border-box;inline-size:min(calc(var(--hm-space-3xl) * 7),calc(100vw - var(--spine-agent-fab-size) - 2 * var(--hm-space-lg)));overflow:hidden;padding:var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-md);background:var(--hm-surface-raised);color:var(--hm-text);border:var(--hm-border-hairline) solid var(--hm-divider);border-radius:calc(var(--hm-radius) * 2);box-shadow:var(--hm-shadow-overlay);cursor:auto;touch-action:auto;-webkit-user-select:text;user-select:text;animation:spine-agent-panel-in var(--hm-duration-quick) var(--hm-ease-decelerate)}.spine-agent-greeting--figure{inline-size:min(calc(var(--hm-space-3xl) * 11),calc(100vw - var(--spine-agent-fab-size) - 2 * var(--hm-space-lg)))}.spine-agent-greeting__figure{flex:none;inline-size:calc(var(--hm-space-3xl) * 3.5);margin-block-end:calc(var(--hm-space-sm) * -1);object-fit:contain;object-position:bottom}.spine-agent-greeting__content{display:flex;flex:1;flex-direction:column;align-self:stretch;gap:var(--hm-space-xs);min-inline-size:0}.spine-agent-greeting--after{inset-inline:calc(100% + var(--hm-space-sm)) auto}.spine-agent-greeting--below{inset-block:0 auto}.spine-agent-greeting__head{display:flex;align-items:center;gap:var(--hm-space-xs)}.spine-agent-greeting__title{flex:1;min-inline-size:0;margin:0;font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.spine-agent-greeting__text{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.spine-agent-fab--dragging hm-fab{pointer-events:none}.spine-agent-fab__dock{--hm-radius-control: var(--hm-radius-pill);position:absolute;inset-block-start:calc(var(--hm-space-xs) * -1);inset-inline-end:calc(var(--hm-space-xs) * -1);background:var(--hm-surface-raised);border-radius:var(--hm-radius-pill);box-shadow:var(--hm-shadow-overlay);opacity:0;transition:opacity var(--hm-duration-quick) var(--hm-ease)}.spine-agent-fab:hover .spine-agent-fab__dock,.spine-agent-fab:focus-within .spine-agent-fab__dock{opacity:1}@media(hover:none){.spine-agent-fab__dock{opacity:1}}.spine-agent-panel{position:fixed;inset-inline-end:clamp(var(--hm-space-md),var(--spine-agent-end-now),calc(100vw - var(--spine-agent-panel-inline) - var(--hm-space-md)));inset-block-end:calc(var(--spine-agent-offset) + env(safe-area-inset-bottom,0px));z-index:var(--hm-z-fixed);display:flex;flex-direction:column;inline-size:var(--spine-agent-panel-inline);block-size:min(calc(var(--hm-space-3xl) * 16),var(--spine-agent-room));overflow:hidden;background:var(--hm-surface-raised);color:var(--hm-text);border:var(--hm-border-hairline) solid var(--hm-divider);border-radius:calc(var(--hm-radius) * 2);box-shadow:var(--hm-shadow-overlay)}.spine-agent-panel[hidden]{display:none}:host(.spine-agent--below) .spine-agent-panel,:host(.spine-agent--docked) .spine-agent-panel{inset-block-start:var(--spine-agent-offset);inset-block-end:auto}:host(.spine-agent--docked) .spine-agent-panel{inset-inline-end:var(--hm-space-md)}.spine-agent-panel--expanded{--spine-agent-panel-inline: min(calc(var(--hm-space-3xl) * 24), calc(100vw - 2 * var(--hm-space-md)));block-size:var(--spine-agent-room)}.spine-agent-panel--open{transform-origin:bottom right;animation:spine-agent-panel-in var(--hm-duration-quick) var(--hm-ease-decelerate)}:host(.spine-agent--below) .spine-agent-panel--open,:host(.spine-agent--docked) .spine-agent-panel--open{transform-origin:top right}@keyframes spine-agent-panel-in{0%{opacity:0;transform:translateY(var(--hm-space-sm)) scale(.97)}}@media(prefers-reduced-motion:reduce){.spine-agent-panel--open,.spine-agent-greeting{animation:none}.spine-agent-fab__dock{transition:none}}.spine-agent-panel__header{display:flex;align-items:center;gap:var(--hm-space-xs);padding:var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-md);border-block-end:var(--hm-border-hairline) solid var(--hm-divider)}.spine-agent-panel__avatar{flex:none;inline-size:var(--hm-control-height);block-size:var(--hm-control-height);object-fit:cover;border-radius:var(--hm-radius-pill)}.spine-agent-panel__title{flex:1;min-inline-size:0;margin:0;font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.spine-agent-panel__body{flex:1;min-block-size:0;padding:var(--hm-space-md)}@media(max-width:600px){:host{--spine-agent-panel-inline: calc(100vw - 2 * var(--hm-space-xs))}.spine-agent-greeting__figure{display:none}.spine-agent-panel,:host(.spine-agent--docked) .spine-agent-panel{inset-inline-end:var(--hm-space-xs)}}\n"], dependencies: [{ kind: "component", type: FabComponent, selector: "hm-fab", inputs: ["label", "icon", "extended", "position", "fixed", "size", "disabled", "highlight", "actions", "hideOnScroll", "avoid", "expanded", "controls"], outputs: ["triggered", "chosen"] }, { kind: "component", type: IconButtonComponent, selector: "hm-icon-button", inputs: ["label", "icon", "solid", "iconDirection", "emphasis", "intent", "size", "disabled", "toggle", "pressed", "keyShortcuts"], outputs: ["pressedChange", "clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: PromptSuggestionsComponent, selector: "hm-prompt-suggestions", inputs: ["suggestions", "label", "disabled"], outputs: ["chosen"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: SpineAiAgentLauncherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'spine-ai-agent-launcher', imports: [FabComponent, IconButtonComponent, NgComponentOutlet, PromptSuggestionsComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[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",
+                    }, template: `
+    @if (agent.enabled) {
+      @if (chat(); as component) {
+        <section
+          class="spine-agent-panel"
+          role="dialog"
+          aria-modal="false"
+          [attr.id]="panelId"
+          [attr.aria-labelledby]="titleId"
+          [class.spine-agent-panel--open]="agent.panelOpen()"
+          [class.spine-agent-panel--expanded]="expanded()"
+          [hidden]="!agent.panelOpen()"
+          (keydown.escape)="close()"
+        >
+          <header class="spine-agent-panel__header">
+            @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>
+            <hm-icon-button
+              emphasis="subtle"
+              size="small"
+              icon="plus"
+              [label]="text.newConversation"
+              [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"
+              [icon]="expanded() ? 'window-restore' : 'window-max'"
+              [label]="expanded() ? text.collapse : text.expand"
+              (clicked)="expanded.set(!expanded())"
+            />
+            @if (agent.docked()) {
+              <hm-icon-button emphasis="subtle" size="small" icon="unpin" [label]="text.undock" (clicked)="undock()" />
+            }
+            <hm-icon-button emphasis="subtle" size="small" icon="times" [label]="text.close" (clicked)="close()" />
+          </header>
+          <div class="spine-agent-panel__body">
+            <ng-container *ngComponentOutlet="component" />
+          </div>
+        </section>
+      }
+      @if (!agent.docked()) {
+        <div class="spine-agent-fab" [class.spine-agent-fab--dragging]="dragging()" (pointerdown)="startDrag($event)">
+          @if (greetingVisible()) {
+            <section
+              class="spine-agent-greeting"
+              [class.spine-agent-greeting--after]="greetingAfter()"
+              [class.spine-agent-greeting--below]="below()"
+              [class.spine-agent-greeting--figure]="agent.image()"
+              [attr.aria-label]="agent.title"
+              (pointerdown)="$event.stopPropagation()"
+              (mouseenter)="keepGreeting()"
+              (focusin)="keepGreeting()"
+            >
+              @if (agent.image(); as figure) {
+                <img class="spine-agent-greeting__figure" [src]="figure" alt="" (error)="agent.imageFailed(figure)" />
+              }
+              <div class="spine-agent-greeting__content">
+                <div class="spine-agent-greeting__head">
+                  <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>
+                @if (greetingSuggestions().length) {
+                  <hm-prompt-suggestions [suggestions]="greetingSuggestions()" (chosen)="askFromGreeting($event)" />
+                }
+              </div>
+            </section>
+          }
+          <hm-fab
+            [fixed]="false"
+            [label]="agent.panelOpen() ? text.close : agent.title"
+            [icon]="agent.panelOpen() ? 'times' : fabImage() ? '' : 'chat-bubble'"
+            [expanded]="agent.panelOpen()"
+            [controls]="panelId"
+            avoid=""
+            (triggered)="toggle()"
+          />
+          @if (!agent.panelOpen() && fabImage(); as image) {
+            <img class="spine-agent-fab__image" [src]="image" alt="" (error)="agent.imageFailed(image)" />
+          }
+          @if (!agent.panelOpen()) {
+            <hm-icon-button
+              class="spine-agent-fab__dock"
+              emphasis="outlined"
+              size="small"
+              icon="times"
+              [label]="text.dock"
+              (pointerdown)="$event.stopPropagation()"
+              (clicked)="dock()"
+            />
+          }
+        </div>
+      }
+    }
+  `, styles: [":host{--spine-agent-fab-size: calc(var(--hm-control-height-large) * 1.75);--spine-agent-end-now: var(--spine-agent-end, var(--hm-space-lg));--spine-agent-bottom-now: var(--spine-agent-bottom, var(--hm-space-lg));--spine-agent-panel-inline: min(calc(var(--hm-space-3xl) * 11), calc(100vw - 2 * var(--hm-space-md)));--spine-agent-offset: calc(var(--spine-agent-bottom-now) + var(--spine-agent-fab-size) + var(--hm-space-sm));--spine-agent-room: calc(100dvh - var(--spine-agent-offset) - var(--hm-header-height) - var(--hm-space-xs))}:host(.spine-agent--below){--spine-agent-offset: calc(100dvh - var(--spine-agent-bottom-now) + var(--hm-space-sm));--spine-agent-room: calc(100dvh - var(--spine-agent-offset) - var(--hm-space-md))}:host(.spine-agent--docked){--spine-agent-offset: calc(var(--hm-header-height) + var(--hm-space-xs));--spine-agent-room: calc(100dvh - var(--spine-agent-offset) - var(--hm-space-md))}.spine-agent-fab{position:fixed;inset-inline-end:min(var(--spine-agent-end-now),calc(100vw - var(--spine-agent-fab-size) - var(--hm-space-xs)));inset-block-end:calc(min(var(--spine-agent-bottom-now),calc(100dvh - var(--spine-agent-fab-size) - var(--hm-space-xs))) + env(safe-area-inset-bottom,0px));z-index:var(--hm-z-fixed);inline-size:var(--spine-agent-fab-size);block-size:var(--spine-agent-fab-size);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.spine-agent-fab--dragging{cursor:grabbing}.spine-agent-fab__image{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;border-radius:var(--hm-radius-pill);pointer-events:none}.spine-agent-greeting{position:absolute;inset-block-end:0;inset-inline-end:calc(100% + var(--hm-space-sm));display:flex;align-items:flex-end;gap:var(--hm-space-sm);box-sizing:border-box;inline-size:min(calc(var(--hm-space-3xl) * 7),calc(100vw - var(--spine-agent-fab-size) - 2 * var(--hm-space-lg)));overflow:hidden;padding:var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-md);background:var(--hm-surface-raised);color:var(--hm-text);border:var(--hm-border-hairline) solid var(--hm-divider);border-radius:calc(var(--hm-radius) * 2);box-shadow:var(--hm-shadow-overlay);cursor:auto;touch-action:auto;-webkit-user-select:text;user-select:text;animation:spine-agent-panel-in var(--hm-duration-quick) var(--hm-ease-decelerate)}.spine-agent-greeting--figure{inline-size:min(calc(var(--hm-space-3xl) * 11),calc(100vw - var(--spine-agent-fab-size) - 2 * var(--hm-space-lg)))}.spine-agent-greeting__figure{flex:none;inline-size:calc(var(--hm-space-3xl) * 3.5);margin-block-end:calc(var(--hm-space-sm) * -1);object-fit:contain;object-position:bottom}.spine-agent-greeting__content{display:flex;flex:1;flex-direction:column;align-self:stretch;gap:var(--hm-space-xs);min-inline-size:0}.spine-agent-greeting--after{inset-inline:calc(100% + var(--hm-space-sm)) auto}.spine-agent-greeting--below{inset-block:0 auto}.spine-agent-greeting__head{display:flex;align-items:center;gap:var(--hm-space-xs)}.spine-agent-greeting__title{flex:1;min-inline-size:0;margin:0;font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.spine-agent-greeting__text{margin:0;color:var(--hm-muted);font-size:var(--hm-font-size-sm)}.spine-agent-fab--dragging hm-fab{pointer-events:none}.spine-agent-fab__dock{--hm-radius-control: var(--hm-radius-pill);position:absolute;inset-block-start:calc(var(--hm-space-xs) * -1);inset-inline-end:calc(var(--hm-space-xs) * -1);background:var(--hm-surface-raised);border-radius:var(--hm-radius-pill);box-shadow:var(--hm-shadow-overlay);opacity:0;transition:opacity var(--hm-duration-quick) var(--hm-ease)}.spine-agent-fab:hover .spine-agent-fab__dock,.spine-agent-fab:focus-within .spine-agent-fab__dock{opacity:1}@media(hover:none){.spine-agent-fab__dock{opacity:1}}.spine-agent-panel{position:fixed;inset-inline-end:clamp(var(--hm-space-md),var(--spine-agent-end-now),calc(100vw - var(--spine-agent-panel-inline) - var(--hm-space-md)));inset-block-end:calc(var(--spine-agent-offset) + env(safe-area-inset-bottom,0px));z-index:var(--hm-z-fixed);display:flex;flex-direction:column;inline-size:var(--spine-agent-panel-inline);block-size:min(calc(var(--hm-space-3xl) * 16),var(--spine-agent-room));overflow:hidden;background:var(--hm-surface-raised);color:var(--hm-text);border:var(--hm-border-hairline) solid var(--hm-divider);border-radius:calc(var(--hm-radius) * 2);box-shadow:var(--hm-shadow-overlay)}.spine-agent-panel[hidden]{display:none}:host(.spine-agent--below) .spine-agent-panel,:host(.spine-agent--docked) .spine-agent-panel{inset-block-start:var(--spine-agent-offset);inset-block-end:auto}:host(.spine-agent--docked) .spine-agent-panel{inset-inline-end:var(--hm-space-md)}.spine-agent-panel--expanded{--spine-agent-panel-inline: min(calc(var(--hm-space-3xl) * 24), calc(100vw - 2 * var(--hm-space-md)));block-size:var(--spine-agent-room)}.spine-agent-panel--open{transform-origin:bottom right;animation:spine-agent-panel-in var(--hm-duration-quick) var(--hm-ease-decelerate)}:host(.spine-agent--below) .spine-agent-panel--open,:host(.spine-agent--docked) .spine-agent-panel--open{transform-origin:top right}@keyframes spine-agent-panel-in{0%{opacity:0;transform:translateY(var(--hm-space-sm)) scale(.97)}}@media(prefers-reduced-motion:reduce){.spine-agent-panel--open,.spine-agent-greeting{animation:none}.spine-agent-fab__dock{transition:none}}.spine-agent-panel__header{display:flex;align-items:center;gap:var(--hm-space-xs);padding:var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-sm) var(--hm-space-md);border-block-end:var(--hm-border-hairline) solid var(--hm-divider)}.spine-agent-panel__avatar{flex:none;inline-size:var(--hm-control-height);block-size:var(--hm-control-height);object-fit:cover;border-radius:var(--hm-radius-pill)}.spine-agent-panel__title{flex:1;min-inline-size:0;margin:0;font-size:var(--hm-font-size-sm);font-weight:var(--hm-font-weight-semibold)}.spine-agent-panel__body{flex:1;min-block-size:0;padding:var(--hm-space-md)}@media(max-width:600px){:host{--spine-agent-panel-inline: calc(100vw - 2 * var(--hm-space-xs))}.spine-agent-greeting__figure{display:none}.spine-agent-panel,:host(.spine-agent--docked) .spine-agent-panel{inset-inline-end:var(--hm-space-xs)}}\n"] }]
+        }], ctorParameters: () => [] });
+
 /**
  * Aviso de "Encerrar por inatividade" (`SpineIdleService`): contagem regressiva, "Continuar conectado" (padrão, e o
  * que fechar pelo X/Esc faz) e "Sair agora". Montado uma vez no `spine-layout`.
@@ -8185,11 +9198,11 @@ class SpineUnsavedChangesService {
     canReplaceActive(panelId) {
         if (!this.enabled)
             return true;
-        const active = findPanelTabs$1(this.nav.store.getState().root, panelId)?.activeId;
+        const active = findPanelTabs(this.nav.store.getState().root, panelId)?.activeId;
         return active && this.unsaved.hasUnsavedChanges(active) ? this.unsaved.confirmDiscard() : true;
     }
     guard(store) {
-        const tabsOf = (panelId) => findPanelTabs$1(store.getState().root, panelId)?.tabs.map((t) => t.id) ?? [];
+        const tabsOf = (panelId) => findPanelTabs(store.getState().root, panelId)?.tabs.map((t) => t.id) ?? [];
         // Sem alteração em nenhuma das abas, fecha na hora (mesmo comportamento de antes); com alteração, pergunta.
         const closing = (ids, close) => {
             if (!ids.some((id) => this.unsaved.hasUnsavedChanges(id))) {
@@ -8247,7 +9260,7 @@ class LayoutComponent {
         this.preferences = inject(SpinePreferencesService);
         this.workspace = inject(SpineWorkspaceNavService);
         this.settings = inject(SpineSettingsService);
-        this.sidebar = inject(HermesSidebarService$1);
+        this.sidebar = inject(HermesSidebarService);
         /** Também liga, uma vez, o aviso de falha do logout (`logoutFailed$` do `@orfeu/angular`). */
         this.logoutNotice = inject(SpineLogoutService);
         /** Recursos opcionais (`SpineConfig.features`): cada serviço não faz nada com o seu recurso desligado. */
@@ -8351,6 +9364,8 @@ class LayoutComponent {
     <!-- Todos os avisos (respostas do servidor, avisos do app, configurações, auto-serviço…). Se o app também montar
          uma, só uma desenha (o serviço escolhe a pilha ativa): nunca em dobro. -->
     <hm-toast-stack />
+    <!-- Agente de IA do app (SpineFeatures.aiAgent): botão flutuante no canto, que abre a conversa. -->
+    <spine-ai-agent-launcher />
     <spine-side-panel />
     <spine-modal />
     <spine-shortcuts-cheatsheet></spine-shortcuts-cheatsheet>
@@ -8363,7 +9378,7 @@ class LayoutComponent {
     }
     <!-- Aviso de "Encerrar por inatividade" (SpineFeatures.idleTimeout): só desenha quando abre. -->
     <spine-idle-warning />
-  `, isInline: true, styles: [":host{display:block}.shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--hm-surface);color:var(--hm-text)}.body{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.main{display:flex;flex:1;min-width:0;flex-direction:column}.workspace-area{flex:1;min-height:0;display:flex;flex-direction:column;--hm-tab-strip-bg: var(--hm-shell-tab-strip-bg);--hm-tab-active-bg: var(--hm-surface-raised)}hm-workspace{flex:1;min-height:0}.panel-content{display:flex;flex-direction:column;height:100%;min-height:0}\n"], dependencies: [{ kind: "component", type: SpineNewsComponent, selector: "spine-news" }, { kind: "component", type: SpineDocsComponent, selector: "spine-docs" }, { kind: "component", type: HeaderComponent, selector: "spine-header" }, { kind: "component", type: SidebarComponent, selector: "spine-sidebar" }, { kind: "component", type: SpineConnectionBannerComponent, selector: "spine-connection-banner" }, { kind: "component", type: SpinePagePanelComponent, selector: "spine-page-panel", inputs: ["url", "isFocusedPanel", "tabId", "panelId"] }, { kind: "directive", type: PanelLocalLinkDirective, selector: "[appPanelLocalLink]", inputs: ["appPanelLocalLink"], outputs: ["localNavigate"] }, { kind: "component", type: WorkspaceComponent, selector: "hm-workspace", inputs: ["initialTabs", "initialActiveId", "keepAlive", "split", "maxColumns", "maxRows", "label", "providedStore"], outputs: ["stateChange", "newTabRequested"] }, { kind: "component", type: ToastStackComponent, selector: "hm-toast-stack", inputs: ["position", "expand", "visibleToasts"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: ModalComponent$1, selector: "spine-modal" }, { kind: "component", type: SidePanelComponent, selector: "spine-side-panel" }, { kind: "component", type: SpineInitialSetupComponent, selector: "spine-initial-setup" }, { kind: "component", type: ShortcutsCheatsheetComponent, selector: "spine-shortcuts-cheatsheet" }, { kind: "component", type: SettingsPanelComponent, selector: "spine-settings-panel" }, { kind: "component", type: SpineIdleWarningComponent, selector: "spine-idle-warning" }, { kind: "component", type: SkipLinkComponent, selector: "hm-skip-link", inputs: ["target", "label", "texts"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--hm-surface);color:var(--hm-text)}.body{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.main{display:flex;flex:1;min-width:0;flex-direction:column}.workspace-area{flex:1;min-height:0;display:flex;flex-direction:column;--hm-tab-strip-bg: var(--hm-shell-tab-strip-bg);--hm-tab-active-bg: var(--hm-surface-raised)}hm-workspace{flex:1;min-height:0}.panel-content{display:flex;flex-direction:column;height:100%;min-height:0}\n"], dependencies: [{ kind: "component", type: SpineNewsComponent, selector: "spine-news" }, { kind: "component", type: SpineDocsComponent, selector: "spine-docs" }, { kind: "component", type: HeaderComponent, selector: "spine-header" }, { kind: "component", type: SidebarComponent, selector: "spine-sidebar" }, { kind: "component", type: SpineConnectionBannerComponent, selector: "spine-connection-banner" }, { kind: "component", type: SpinePagePanelComponent, selector: "spine-page-panel", inputs: ["url", "isFocusedPanel", "tabId", "panelId"] }, { kind: "directive", type: PanelLocalLinkDirective, selector: "[appPanelLocalLink]", inputs: ["appPanelLocalLink"], outputs: ["localNavigate"] }, { kind: "component", type: WorkspaceComponent, selector: "hm-workspace", inputs: ["initialTabs", "initialActiveId", "keepAlive", "split", "maxColumns", "maxRows", "label", "providedStore"], outputs: ["stateChange", "newTabRequested"] }, { kind: "component", type: ToastStackComponent, selector: "hm-toast-stack", inputs: ["position", "expand", "visibleToasts"] }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: ModalComponent$1, selector: "spine-modal" }, { kind: "component", type: SidePanelComponent, selector: "spine-side-panel" }, { kind: "component", type: SpineInitialSetupComponent, selector: "spine-initial-setup" }, { kind: "component", type: ShortcutsCheatsheetComponent, selector: "spine-shortcuts-cheatsheet" }, { kind: "component", type: SettingsPanelComponent, selector: "spine-settings-panel" }, { kind: "component", type: SpineIdleWarningComponent, selector: "spine-idle-warning" }, { kind: "component", type: SkipLinkComponent, selector: "hm-skip-link", inputs: ["target", "label", "texts"] }, { kind: "component", type: SpineAiAgentLauncherComponent, selector: "spine-ai-agent-launcher" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImport: i0, type: LayoutComponent, decorators: [{
             type: Component,
@@ -8385,6 +9400,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
                         SettingsPanelComponent,
                         SpineIdleWarningComponent,
                         SkipLinkComponent,
+                        SpineAiAgentLauncherComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <!-- "Pular para o conteúdo" (SpineFeatures.skipLink): primeira parada do Tab. -->
     @if (skipLink) {
@@ -8421,6 +9437,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
     <!-- Todos os avisos (respostas do servidor, avisos do app, configurações, auto-serviço…). Se o app também montar
          uma, só uma desenha (o serviço escolhe a pilha ativa): nunca em dobro. -->
     <hm-toast-stack />
+    <!-- Agente de IA do app (SpineFeatures.aiAgent): botão flutuante no canto, que abre a conversa. -->
+    <spine-ai-agent-launcher />
     <spine-side-panel />
     <spine-modal />
     <spine-shortcuts-cheatsheet></spine-shortcuts-cheatsheet>
@@ -8760,5 +9778,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.24", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { SpineConnectionBannerComponent as $, AiAgentComponent as A, SPINE_INBOX_SOURCES as B, SPINE_MARKDOWN_PURIFY_CONFIG as C, SPINE_PREFERENCES_SAVE_DELAY_MS as D, SPINE_RATING_COMMENT_MAX as E, SPINE_RATING_SCORE_MAX as F, SPINE_SETTINGS_ALIASES as G, HeaderComponent as H, SPINE_SETTINGS_KEYS as I, SPINE_SETTINGS_SECTIONS as J, SPINE_SUGGESTIONS_PAGE_ID as K, LayoutComponent as L, SPINE_SUGGESTION_LIMITS as M, NEW_SCREEN_VALUE as N, SPINE_SUGGESTION_PUBLIC_SORTS as O, SPINE_SUGGESTION_PUBLIC_STATUSES as P, SPINE_SUGGESTION_STATUS_ICONS as Q, SPINE_WORKSPACE_LIMITS as R, SpineSuggestionsService as S, SettingsPanelComponent as T, ShortcutService as U, ShortcutsCheatsheetComponent as V, SidebarComponent as W, SpineAccountPreferencesService as X, SpineAccountSecurityService as Y, SpineAppTokensService as Z, SpineBrandComponent as _, SpineInboxService as a, SpineDocsComponent as a0, SpineDocsService as a1, SpineIdleService as a2, SpineIdleWarningComponent as a3, SpineInboxButtonComponent as a4, SpineInitialSetupComponent as a5, SpineInitialSetupService as a6, SpineLogoutService as a7, SpineMarkdownComponent as a8, SpineMyGroupsService as a9, spinePathOf as aA, spineScoreBand as aB, spineStarFills as aC, spineSuggestionsEnabled as aD, spineTagColor as aE, stable as aF, SpineNewsComponent as aa, SpineNewsService as ab, SpineNoticesService as ac, SpinePageActionsDirective as ad, SpinePageActionsSlot as ae, SpineRatingStarsComponent as af, SpineRatingsService as ag, SpineSettingsService as ah, SpineStartPageService as ai, SpineUnsavedChangesService as aj, SpineWorkspaceNavService as ak, accountErrorCode as al, argosAccountApi as am, buildMcpConfig as an, effectiveIdleMinutes as ao, idleLimits as ap, isInternalPath as aq, provideSettingsSection as ar, provideSpineInboxSource as as, provideSpineSuggestionsPage as at, ratingTargetKey as au, registerSpineUnsavedChanges as av, resolveSettingsSection as aw, sanitizeSpineMarkdownHtml as ax, spineNormalizeUrl as ay, spineParamsOf 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, AppLauncherComponent as v, SPINE_BRAND as w, SPINE_GLOBAL_PREFERENCE_KEYS as x, SPINE_IDLE_WARNING_SECONDS as y, SPINE_INBOX_POLL_MS as z };
-//# sourceMappingURL=trismegisto-spine-layout-trismegisto-spine-layout-DiAfxIGP.mjs.map
+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-D3vetDC_.mjs.map