@newheap/platform-ai-chat 0.2.0 → 0.4.0

package/fesm2022/newheap-platform-ai-chat.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, DestroyRef, Injectable, EnvironmentInjector, runInInjectionContext, signal, computed, Injector, afterNextRender, makeEnvironmentProviders, provideEnvironmentInitializer, input, ChangeDetectionStrategy, Component, effect, untracked, ChangeDetectorRef, Pipe, output, ElementRef, viewChild, HostListener, ViewContainerRef } from '@angular/core';
+import { InjectionToken, inject, DestroyRef, Injectable, EnvironmentInjector, runInInjectionContext, signal, computed, Injector, effect, untracked, afterNextRender, makeEnvironmentProviders, provideEnvironmentInitializer, input, ChangeDetectionStrategy, Component, ChangeDetectorRef, Pipe, output, ElementRef, viewChild, HostListener, ViewContainerRef } from '@angular/core';
 import { TranslateService, TranslatePipe } from '@ngx-translate/core';
 import { merge, Observable, firstValueFrom, isObservable, Subscription } from 'rxjs';
 import { BreakpointObserver } from '@angular/cdk/layout';
@@ -233,6 +233,9 @@ var en = {
 		"assistant-turn-failed": "The assistant could not finish the answer. Try again.",
 		"assistant-turn-timeout": "The answer took too long and was stopped. Try again or ask a narrower question."
 	},
+	notices: {
+		"no-answer": "The assistant finished without an answer. Try again or rephrase your question."
+	},
 	preferences: {
 		title: "Your preferences",
 		description: "Choose how the assistant answers you. Preferences change the style only; they never change what the assistant may do or which actions need your approval.",
@@ -618,6 +621,9 @@ var nl = {
 		"assistant-turn-failed": "De assistent kon het antwoord niet afmaken. Probeer het opnieuw.",
 		"assistant-turn-timeout": "Het antwoord duurde te lang en is gestopt. Probeer het opnieuw of stel een gerichtere vraag."
 	},
+	notices: {
+		"no-answer": "De assistent is klaar zonder antwoord. Probeer het opnieuw of stel je vraag anders."
+	},
 	preferences: {
 		title: "Je voorkeuren",
 		description: "Kies hoe de assistent je antwoordt. Voorkeuren veranderen alleen de stijl; ze veranderen nooit wat de assistent mag of welke acties je goedkeuring nodig hebben.",
@@ -1463,6 +1469,22 @@ function applyNhAssistantApprovalDecision(conversation, approvalId, decision) {
     }
     return updated;
 }
+/**
+ * True when an assistant message after the latest user message contains non-blank text,
+ * so the latest turn produced a visible answer. Tool calls and approvals alone do not count.
+ */
+function nhAssistantLatestTurnHasText(conversation) {
+    for (let position = conversation.messages.length - 1; position >= 0; position--) {
+        const message = conversation.messages[position];
+        if (message.role === 'user') {
+            return false;
+        }
+        if (message.role === 'assistant' && message.parts.some(part => part.type === 'text' && part.text.trim().length > 0)) {
+            return true;
+        }
+    }
+    return false;
+}
 function conversationStatusFor(status) {
     switch (status) {
         case 'completed':
@@ -1633,6 +1655,93 @@ function isRecord(value) {
     return !!value && typeof value === 'object' && !Array.isArray(value);
 }
 
+const emptyState = { agentId: null, conversationId: null, panelOpen: false };
+const storagePrefix = 'nh-assistant-ui:v1:';
+/** Browser-only UI pointers. Messages, drafts, tokens and page context are never stored. */
+class NhAssistantUiState {
+    constructor() {
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.injector = inject(EnvironmentInjector);
+        this.key = null;
+        this.state = { ...emptyState };
+        this.activated = false;
+        this.activationRevision = 0;
+    }
+    async activate() {
+        const revision = ++this.activationRevision;
+        let scope = null;
+        try {
+            scope = await runInInjectionContext(this.injector, () => this.config.getStateScope?.() ?? null);
+        }
+        catch {
+            scope = null;
+        }
+        if (revision !== this.activationRevision) {
+            return { changed: false, state: this.state };
+        }
+        const normalized = typeof scope === 'string' ? scope.trim() : '';
+        const key = normalized.length > 0 && normalized.length <= 256
+            ? `${storagePrefix}${encodeURIComponent(this.config.apiBaseUrl)}:${encodeURIComponent(normalized)}`
+            : null;
+        if (this.activated && key === this.key) {
+            return { changed: false, state: this.state };
+        }
+        this.activated = true;
+        this.key = key;
+        this.state = this.read();
+        return { changed: true, state: this.state };
+    }
+    deactivate() {
+        this.activationRevision++;
+        this.activated = false;
+        this.key = null;
+        this.state = { ...emptyState };
+    }
+    update(patch) {
+        this.state = { ...this.state, ...patch };
+        if (!this.key) {
+            return;
+        }
+        try {
+            globalThis.localStorage?.setItem(this.key, JSON.stringify(this.state));
+        }
+        catch {
+            // Storage can be unavailable or full; the live assistant remains usable.
+        }
+    }
+    read() {
+        if (!this.key) {
+            return { ...emptyState };
+        }
+        try {
+            const raw = globalThis.localStorage?.getItem(this.key);
+            const value = raw ? JSON.parse(raw) : null;
+            if (!value || typeof value !== 'object' || Array.isArray(value)) {
+                return { ...emptyState };
+            }
+            const saved = value;
+            return {
+                agentId: validId(saved['agentId']),
+                conversationId: validId(saved['conversationId']),
+                panelOpen: saved['panelOpen'] === true
+            };
+        }
+        catch {
+            return { ...emptyState };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantUiState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantUiState }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantUiState, decorators: [{
+            type: Injectable
+        }] });
+function validId(value) {
+    return typeof value === 'string' && value.length > 0 && value.length <= 256 ? value : null;
+}
+
+/** Notice code for a completed turn that produced no answer text and no server code. */
+const NH_ASSISTANT_NO_ANSWER_NOTICE_CODE = 'assistant-no-answer';
 const conversationPageSize = 50;
 const cancelGracePeriodMs = 5_000;
 /**
@@ -1645,6 +1754,7 @@ class NhAssistantStore {
         this.config = inject(NH_ASSISTANT_CONFIG);
         this.injector = inject(EnvironmentInjector);
         this.accessPolicy = inject(NH_ASSISTANT_ACCESS_POLICY);
+        this.uiState = inject(NhAssistantUiState);
         this.accessGrantedState = signal(null, ...(ngDevMode ? [{ debugName: "accessGrantedState" }] : []));
         this.statusState = signal(null, ...(ngDevMode ? [{ debugName: "statusState" }] : []));
         this.statusLoadingState = signal(false, ...(ngDevMode ? [{ debugName: "statusLoadingState" }] : []));
@@ -1657,10 +1767,14 @@ class NhAssistantStore {
         this.streamingState = signal(false, ...(ngDevMode ? [{ debugName: "streamingState" }] : []));
         this.decidingState = signal(false, ...(ngDevMode ? [{ debugName: "decidingState" }] : []));
         this.errorState = signal(null, ...(ngDevMode ? [{ debugName: "errorState" }] : []));
+        this.noticeState = signal(null, ...(ngDevMode ? [{ debugName: "noticeState" }] : []));
         this.lastUsageState = signal(null, ...(ngDevMode ? [{ debugName: "lastUsageState" }] : []));
         this.restoredDraftState = signal(null, ...(ngDevMode ? [{ debugName: "restoredDraftState" }] : []));
         this.pageContextState = signal(null, ...(ngDevMode ? [{ debugName: "pageContextState" }] : []));
         this.pageContextExcludedState = signal(false, ...(ngDevMode ? [{ debugName: "pageContextExcludedState" }] : []));
+        this.restorePanelOpenState = signal(false, ...(ngDevMode ? [{ debugName: "restorePanelOpenState" }] : []));
+        this.statusRevision = 0;
+        this.accountRevision = 0;
         /** True when the access policy allows the user and the server reports the assistant as enabled. */
         this.enabled = computed(() => this.accessGrantedState() === true && this.statusState()?.enabled === true, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
         this.accessGranted = this.accessGrantedState.asReadonly();
@@ -1680,6 +1794,8 @@ class NhAssistantStore {
         this.pendingApproval = computed(() => this.activeConversationState()?.pendingApproval ?? null, ...(ngDevMode ? [{ debugName: "pendingApproval" }] : []));
         this.deciding = this.decidingState.asReadonly();
         this.error = this.errorState.asReadonly();
+        /** Non-blocking remark about the latest completed turn; shown only while no error is shown. */
+        this.notice = this.noticeState.asReadonly();
         this.lastUsage = this.lastUsageState.asReadonly();
         /** Text of a message the server did not accept, so the composer can offer it again. */
         this.restoredDraft = this.restoredDraftState.asReadonly();
@@ -1687,11 +1803,13 @@ class NhAssistantStore {
         this.pageContext = this.pageContextState.asReadonly();
         /** True when the user left the page context out of the next message. */
         this.pageContextExcluded = this.pageContextExcludedState.asReadonly();
+        /** Whether the drawer was open when this account last left the application. */
+        this.restorePanelOpen = this.restorePanelOpenState.asReadonly();
         /** True while the user can send: enabled, an agent is chosen and no turn runs or waits. */
         this.canSend = computed(() => {
             const conversation = this.activeConversationState();
             const blocked = conversation !== null && conversation.status !== 'idle';
-            return this.enabled() && this.selectedAgentIdState() !== null && !this.streamingState() && !blocked;
+            return this.enabled() && this.selectedAgentIdState() !== null && !this.streamingState() && !this.conversationLoadingState() && !blocked;
         }, ...(ngDevMode ? [{ debugName: "canSend" }] : []));
         inject(DestroyRef).onDestroy(() => {
             this.accessSubscription?.unsubscribe();
@@ -1706,39 +1824,97 @@ class NhAssistantStore {
     }
     /** Reloads the server status, for example after the host changed the signed-in user. */
     async reloadStatus() {
+        const revision = ++this.statusRevision;
         if (this.accessGrantedState() !== true) {
+            this.accountRevision++;
+            this.stopLocalTurn();
             this.statusState.set(null);
+            this.activeConversationState.set(null);
+            this.selectedAgentIdState.set(null);
+            this.conversationsState.set([]);
+            this.conversationsTotalState.set(0);
+            this.conversationLoadingState.set(false);
+            this.conversationsLoadingState.set(false);
+            this.pageContextState.set(null);
+            this.pageContextExcludedState.set(false);
+            this.restoredDraftState.set(null);
+            this.errorState.set(null);
+            this.noticeState.set(null);
+            this.lastUsageState.set(null);
+            this.restorePanelOpenState.set(false);
+            this.uiState.deactivate();
             return;
         }
         this.statusLoadingState.set(true);
         try {
+            const restored = await this.uiState.activate();
+            if (revision !== this.statusRevision) {
+                return;
+            }
+            if (restored.changed) {
+                this.accountRevision++;
+                this.stopLocalTurn();
+                this.statusState.set(null);
+                this.activeConversationState.set(null);
+                this.conversationsState.set([]);
+                this.conversationsTotalState.set(0);
+                this.conversationLoadingState.set(false);
+                this.conversationsLoadingState.set(false);
+                this.pageContextState.set(null);
+                this.pageContextExcludedState.set(false);
+                this.restoredDraftState.set(null);
+                this.errorState.set(null);
+                this.noticeState.set(null);
+                this.lastUsageState.set(null);
+                this.selectedAgentIdState.set(restored.state.agentId);
+                this.restorePanelOpenState.set(restored.state.panelOpen);
+            }
             const status = await firstValueFrom(this.api.status());
+            if (revision !== this.statusRevision) {
+                return;
+            }
             this.statusState.set(status);
-            this.selectInitialAgent(status.agents);
+            if (status.enabled) {
+                this.selectInitialAgent(status.agents);
+                if (!this.activeConversationState() && restored.state.conversationId) {
+                    await this.loadConversation(restored.state.conversationId, true);
+                }
+            }
         }
         catch {
             // An unavailable assistant endpoint hides the assistant instead of showing an error.
-            this.statusState.set(null);
+            if (revision === this.statusRevision) {
+                this.statusState.set(null);
+            }
         }
         finally {
-            this.statusLoadingState.set(false);
+            if (revision === this.statusRevision) {
+                this.statusLoadingState.set(false);
+            }
         }
     }
     async refreshConversations() {
         if (!this.enabled()) {
             return;
         }
+        const revision = this.accountRevision;
         this.conversationsLoadingState.set(true);
         try {
             const page = await firstValueFrom(this.api.listConversations(1, conversationPageSize));
-            this.conversationsState.set(page.items);
-            this.conversationsTotalState.set(page.total);
+            if (revision === this.accountRevision) {
+                this.conversationsState.set(page.items);
+                this.conversationsTotalState.set(page.total);
+            }
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
         }
         finally {
-            this.conversationsLoadingState.set(false);
+            if (revision === this.accountRevision) {
+                this.conversationsLoadingState.set(false);
+            }
         }
     }
     /** Chooses the agent for the next new conversation. Switching away from the active conversation's agent starts a new one. */
@@ -1747,6 +1923,7 @@ class NhAssistantStore {
             return;
         }
         this.selectedAgentIdState.set(agentId);
+        this.uiState.update({ agentId });
         const active = this.activeConversationState();
         if (active && active.agentId !== agentId && !this.streamingState()) {
             this.startNewConversation();
@@ -1758,43 +1935,74 @@ class NhAssistantStore {
             return;
         }
         this.activeConversationState.set(null);
+        this.uiState.update({ conversationId: null });
         this.errorState.set(null);
+        this.noticeState.set(null);
         this.lastUsageState.set(null);
     }
     async openConversation(conversationId) {
+        await this.loadConversation(conversationId, false);
+    }
+    async loadConversation(conversationId, restoring) {
         if (this.streamingState() || this.activeConversationState()?.id === conversationId) {
             return;
         }
+        const revision = this.accountRevision;
         this.conversationLoadingState.set(true);
         this.errorState.set(null);
+        this.noticeState.set(null);
         try {
             const conversation = await firstValueFrom(this.api.getConversation(conversationId));
-            this.activeConversationState.set(conversation);
-            if (this.agents().some(agent => agent.id === conversation.agentId)) {
-                this.selectedAgentIdState.set(conversation.agentId);
+            if (revision !== this.accountRevision) {
+                return;
             }
+            if (!this.agents().some(agent => agent.id === conversation.agentId)) {
+                this.uiState.update({ conversationId: null });
+                return;
+            }
+            this.activeConversationState.set(conversation);
+            this.selectedAgentIdState.set(conversation.agentId);
+            this.uiState.update({ conversationId, agentId: conversation.agentId });
         }
         catch (error) {
-            this.setError(error);
+            if (revision !== this.accountRevision) {
+                return;
+            }
+            if (error instanceof NhAssistantApiError && (error.status === 403 || error.status === 404)) {
+                this.uiState.update({ conversationId: null });
+            }
+            if (!restoring) {
+                this.setError(error);
+            }
         }
         finally {
-            this.conversationLoadingState.set(false);
+            if (revision === this.accountRevision) {
+                this.conversationLoadingState.set(false);
+            }
         }
     }
     async deleteConversation(conversationId) {
         if (this.streamingState() && this.activeConversationState()?.id === conversationId) {
             return;
         }
+        const revision = this.accountRevision;
         try {
             await firstValueFrom(this.api.deleteConversation(conversationId), { defaultValue: undefined });
+            if (revision !== this.accountRevision) {
+                return;
+            }
             this.conversationsState.update(items => items.filter(item => item.id !== conversationId));
             this.conversationsTotalState.update(total => Math.max(0, total - 1));
             if (this.activeConversationState()?.id === conversationId) {
                 this.activeConversationState.set(null);
+                this.noticeState.set(null);
+                this.uiState.update({ conversationId: null });
             }
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
         }
     }
     /**
@@ -1804,23 +2012,32 @@ class NhAssistantStore {
      */
     async send(text) {
         const trimmed = text.trim();
+        await this.initialize();
+        await this.reloadStatus();
         const maxChars = this.limits()?.maxMessageChars ?? Number.MAX_SAFE_INTEGER;
         if (trimmed.length === 0 || trimmed.length > maxChars || !this.canSend()) {
             return false;
         }
         this.errorState.set(null);
+        this.noticeState.set(null);
         this.restoredDraftState.set(null);
         this.streamingState.set(true);
+        const accountRevision = this.accountRevision;
         let conversation = this.activeConversationState();
         if (!conversation) {
             conversation = await this.createConversation();
             if (!conversation) {
-                this.streamingState.set(false);
-                this.restoredDraftState.set(text);
+                if (accountRevision === this.accountRevision) {
+                    this.streamingState.set(false);
+                    this.restoredDraftState.set(text);
+                }
                 return false;
             }
         }
         const clientContext = await this.contextForMessage();
+        if (accountRevision !== this.accountRevision) {
+            return false;
+        }
         const clientMessageId = createClientMessageId();
         const previousStatus = conversation.status;
         this.activeConversationState.set({
@@ -1833,6 +2050,7 @@ class NhAssistantStore {
         });
         const conversationId = conversation.id;
         return new Promise(resolve => {
+            this.pendingSendResolve = resolve;
             let started = false;
             let failedAfterStart = false;
             this.runStream(this.api.sendMessage(conversationId, {
@@ -1858,6 +2076,7 @@ class NhAssistantStore {
                     this.applyEvent(event, clientMessageId);
                 },
                 complete: () => {
+                    this.pendingSendResolve = undefined;
                     resolve(started);
                     this.afterTurn(conversationId, failedAfterStart);
                 }
@@ -1874,6 +2093,7 @@ class NhAssistantStore {
         this.decidingState.set(true);
         this.streamingState.set(true);
         this.errorState.set(null);
+        this.noticeState.set(null);
         let accepted = false;
         let failed = false;
         const request = { decision, expectedProposalHash: approval.proposalHash, ...(reason ? { reason } : {}) };
@@ -1904,11 +2124,17 @@ class NhAssistantStore {
         if (!conversation || (conversation.status === 'idle' && !this.streamingState())) {
             return;
         }
+        const revision = this.accountRevision;
         try {
             await firstValueFrom(this.api.cancel(conversation.id), { defaultValue: undefined });
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
+            return;
+        }
+        if (revision !== this.accountRevision) {
             return;
         }
         if (!this.streamingState()) {
@@ -1929,9 +2155,21 @@ class NhAssistantStore {
     clearError() {
         this.errorState.set(null);
     }
+    clearNotice() {
+        this.noticeState.set(null);
+    }
+    /** Persists only drawer visibility, never the page context or a message draft. */
+    setPanelOpen(open) {
+        this.restorePanelOpenState.set(open);
+        this.uiState.update({ panelOpen: open });
+    }
     /** Reads the host's page context again so the chip shows what the next message sends. */
     async refreshPageContext() {
-        this.pageContextState.set((await this.readPageContext()) ?? null);
+        const revision = this.accountRevision;
+        const context = await this.readPageContext();
+        if (revision === this.accountRevision) {
+            this.pageContextState.set(context ?? null);
+        }
     }
     /** Leaves the page context out of the next message only, or includes it again. */
     setPageContextExcluded(excluded) {
@@ -1955,8 +2193,11 @@ class NhAssistantStore {
             this.pageContextExcludedState.set(false);
             return null;
         }
+        const revision = this.accountRevision;
         const context = await this.readPageContext();
-        this.pageContextState.set(context ?? null);
+        if (revision === this.accountRevision) {
+            this.pageContextState.set(context ?? null);
+        }
         return context;
     }
     async readPageContext() {
@@ -1986,14 +2227,8 @@ class NhAssistantStore {
         await new Promise(resolve => {
             this.accessSubscription = decision.subscribe({
                 next: granted => {
-                    const changed = this.accessGrantedState() !== granted;
                     this.accessGrantedState.set(granted);
-                    if (changed) {
-                        void this.reloadStatus().finally(() => resolve());
-                    }
-                    else {
-                        resolve();
-                    }
+                    void this.reloadStatus().finally(() => resolve());
                 },
                 error: () => {
                     this.accessGrantedState.set(false);
@@ -2008,15 +2243,22 @@ class NhAssistantStore {
         if (!agentId) {
             return null;
         }
+        const revision = this.accountRevision;
         try {
             const conversation = await firstValueFrom(this.api.createConversation({ agentId }));
+            if (revision !== this.accountRevision) {
+                return null;
+            }
             this.activeConversationState.set(conversation);
+            this.uiState.update({ conversationId: conversation.id });
             this.conversationsState.update(items => [toSummary(conversation), ...items.filter(item => item.id !== conversation.id)]);
             this.conversationsTotalState.update(total => total + 1);
             return conversation;
         }
         catch (error) {
-            this.setError(error);
+            if (revision === this.accountRevision) {
+                this.setError(error);
+            }
             return null;
         }
     }
@@ -2037,6 +2279,14 @@ class NhAssistantStore {
             complete: finish
         });
     }
+    stopLocalTurn() {
+        this.streamSubscription?.unsubscribe();
+        this.pendingSendResolve?.(false);
+        this.pendingSendResolve = undefined;
+        clearTimeout(this.cancelTimer);
+        this.streamingState.set(false);
+        this.decidingState.set(false);
+    }
     applyEvent(event, clientMessageId) {
         this.updateActive(conversation => applyNhAssistantEvent(conversation, event, clientMessageId));
         if (event.type === 'error') {
@@ -2048,8 +2298,22 @@ class NhAssistantStore {
                 const code = event.data.errorCode ?? NhAssistantClientErrorCodes.server;
                 this.errorState.set(clientError(code));
             }
+            else if (event.data.status === 'completed') {
+                this.noticeState.set(this.completionNotice(event.data.errorCode));
+            }
         }
     }
+    /** A completed turn with a server code, or without any answer text, explains itself with a notice. */
+    completionNotice(errorCode) {
+        if (errorCode) {
+            return clientError(errorCode);
+        }
+        const conversation = this.activeConversationState();
+        if (conversation && !nhAssistantLatestTurnHasText(conversation)) {
+            return { code: NH_ASSISTANT_NO_ANSWER_NOTICE_CODE, messageKey: 'nh-assistant.notices.no-answer' };
+        }
+        return null;
+    }
     afterTurn(conversationId, reload) {
         const active = this.activeConversationState();
         if (active?.id === conversationId) {
@@ -2063,9 +2327,10 @@ class NhAssistantStore {
         }
     }
     async reloadActiveConversation(conversationId) {
+        const revision = this.accountRevision;
         try {
             const conversation = await firstValueFrom(this.api.getConversation(conversationId));
-            if (this.activeConversationState()?.id === conversationId && !this.streamingState()) {
+            if (revision === this.accountRevision && this.activeConversationState()?.id === conversationId && !this.streamingState()) {
                 this.activeConversationState.set(conversation);
             }
         }
@@ -2093,6 +2358,7 @@ class NhAssistantStore {
         }
         const preferred = agents.find(agent => agent.id === this.config.defaultAgentId) ?? agents[0] ?? null;
         this.selectedAgentIdState.set(preferred?.id ?? null);
+        this.uiState.update({ agentId: preferred?.id ?? null });
     }
     setError(error) {
         if (error instanceof NhAssistantApiError) {
@@ -2161,12 +2427,31 @@ class NhAssistantPanelService {
         this.returnFocusTo = null;
         this.isOpen = this.openState.asReadonly();
         inject(DestroyRef).onDestroy(() => this.dispose());
+        effect(() => {
+            if (this.store.enabled() && this.store.restorePanelOpen() && this.portal && !this.openState()) {
+                untracked(() => queueMicrotask(() => {
+                    if (this.portal && this.store.enabled() && this.store.restorePanelOpen() && !this.openState()) {
+                        this.showPanel();
+                    }
+                }));
+            }
+        });
     }
     open(conversationId) {
-        void this.store.initialize();
-        if (conversationId) {
-            void this.store.openConversation(conversationId);
+        if (this.openState() && !conversationId) {
+            return;
         }
+        this.showPanel();
+        void this.store.initialize().then(() => this.store.reloadStatus()).then(() => {
+            if (this.openState()) {
+                this.store.setPanelOpen(true);
+            }
+            if (conversationId) {
+                void this.store.openConversation(conversationId);
+            }
+        });
+    }
+    showPanel() {
         if (this.openState()) {
             return;
         }
@@ -2180,6 +2465,7 @@ class NhAssistantPanelService {
             return;
         }
         this.openState.set(false);
+        this.store.setPanelOpen(false);
         this.overlayRef?.detach();
         const target = this.returnFocusTo;
         this.returnFocusTo = null;
@@ -2201,6 +2487,13 @@ class NhAssistantPanelService {
         if (this.openState()) {
             this.attach();
         }
+        else {
+            void this.store.initialize().then(() => {
+                if (this.portal === portal && this.store.enabled() && this.store.restorePanelOpen()) {
+                    this.showPanel();
+                }
+            });
+        }
     }
     unregisterPanel(portal) {
         if (this.portal !== portal) {
@@ -2274,6 +2567,7 @@ function provideNhAssistant(config) {
         NhAssistantApiService,
         NhAssistantAdminApiService,
         NhAssistantStore,
+        NhAssistantUiState,
         NhAssistantPanelService,
         ...(config.translations === 'host'
             ? []
@@ -3060,6 +3354,10 @@ class NhAssistantPanelComponent {
             const error = this.store.error();
             return error ? [error.messageKey, `nh-assistant.errors.${error.code}`, 'nh-assistant.errors.generic'] : [];
         }, ...(ngDevMode ? [{ debugName: "errorKeys" }] : []));
+        this.noticeKeys = computed(() => {
+            const notice = this.store.notice();
+            return notice ? [notice.messageKey, `nh-assistant.errors.${notice.code}`, 'nh-assistant.errors.generic'] : [];
+        }, ...(ngDevMode ? [{ debugName: "noticeKeys" }] : []));
         // Opening, creating or leaving a conversation returns from the list to the thread.
         effect(() => {
             if (this.conversationId() !== undefined) {
@@ -3131,7 +3429,7 @@ class NhAssistantPanelComponent {
         void this.store.cancel();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantPanelComponent, isStandalone: true, selector: "nh-assistant-panel", viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n        @if (store.enabled()) {\n          <nh-assistant-agent-picker\n            [agents]=\"store.agents()\"\n            [selectedAgentId]=\"store.selectedAgentId()\"\n            [disabled]=\"store.streaming()\"\n            (agentChange)=\"store.selectAgent($event)\" />\n        }\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [disabled]=\"store.streaming()\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            [disabled]=\"store.streaming()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [messages]=\"messages()\"\n            [streaming]=\"store.streaming()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            (approvalDecision)=\"decide($event)\" />\n        }\n      }\n    </div>\n\n    @if (store.error(); as error) {\n      <div class=\"error\" role=\"alert\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ errorKeys() | nhAssistantTranslate: error.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearError()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        }\n        @if (store.pageContext(); as context) {\n          <div class=\"context-chip\" [class.excluded]=\"store.pageContextExcluded()\" [attr.title]=\"context.route\">\n            <nh-assistant-icon name=\"page\" />\n            <span class=\"context-text\">\n              {{ (store.pageContextExcluded() ? 'nh-assistant.page-context.excluded' : 'nh-assistant.page-context.included') | translate: { page: describeContext(context) } }}\n            </span>\n            <button\n              class=\"icon-button small\"\n              type=\"button\"\n              [attr.aria-pressed]=\"store.pageContextExcluded()\"\n              [attr.aria-label]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              [attr.title]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              (click)=\"store.setPageContextExcluded(!store.pageContextExcluded())\">\n              <nh-assistant-icon [name]=\"store.pageContextExcluded() ? 'plus' : 'x'\" />\n            </button>\n          </div>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [status]=\"composerStatus()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\" />\n      </footer>\n    }\n  </section>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}.drawer{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){.drawer{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:contents}.drawer{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-left:1px solid var(--nha-border);color:var(--nha-text);background:var(--nha-background);box-shadow:var(--nha-shadow);font-family:var(--nha-font);font-size:14px}.drawer *,.drawer *:before,.drawer *:after{box-sizing:border-box}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-bottom:1px solid var(--nha-border);padding:12px 12px 12px 16px}.heading{display:contents}nh-assistant-agent-picker{grid-column:1/-1;grid-row:2}h2{grid-row:1;min-width:0;margin:0;overflow:hidden;font-size:16px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:none;grid-column:2;grid-row:1;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{border-top:1px solid var(--nha-border);padding:12px 16px 14px}.context-chip{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 8px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;width:fit-content;color:var(--nha-text-muted);background:var(--nha-surface);font-size:12px}.context-chip.excluded .context-text{text-decoration:line-through}.context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button.small{flex:none;width:26px;height:26px;border-radius:999px}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantAgentPickerComponent, selector: "nh-assistant-agent-picker", inputs: ["agents", "selectedAgentId", "disabled"], outputs: ["agentChange"] }, { kind: "component", type: NhAssistantComposerComponent, selector: "nh-assistant-composer", inputs: ["disabled", "sendDisabled", "busy", "status", "maxLength", "restore"], outputs: ["send", "cancel", "restored"] }, { kind: "component", type: NhAssistantConversationListComponent, selector: "nh-assistant-conversation-list", inputs: ["conversations", "total", "activeConversationId", "loading", "disabled"], outputs: ["conversationSelect", "conversationDelete", "conversationCreate"] }, { kind: "component", type: NhAssistantPreferencesComponent, selector: "nh-assistant-preferences", outputs: ["closed", "saved"] }, { kind: "component", type: NhAssistantThreadComponent, selector: "nh-assistant-thread", inputs: ["messages", "streaming", "deciding", "markdown"], outputs: ["approvalDecision"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantPanelComponent, isStandalone: true, selector: "nh-assistant-panel", viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n        @if (store.enabled()) {\n          <nh-assistant-agent-picker\n            [agents]=\"store.agents()\"\n            [selectedAgentId]=\"store.selectedAgentId()\"\n            [disabled]=\"store.streaming()\"\n            (agentChange)=\"store.selectAgent($event)\" />\n        }\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [disabled]=\"store.streaming()\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            [disabled]=\"store.streaming()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [messages]=\"messages()\"\n            [streaming]=\"store.streaming()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            (approvalDecision)=\"decide($event)\" />\n        }\n      }\n    </div>\n\n    @if (store.error(); as error) {\n      <div class=\"error\" role=\"alert\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ errorKeys() | nhAssistantTranslate: error.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearError()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    } @else if (store.notice(); as notice) {\n      <div class=\"turn-notice\" role=\"status\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ noticeKeys() | nhAssistantTranslate: notice.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearNotice()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        }\n        @if (store.pageContext(); as context) {\n          <div class=\"context-chip\" [class.excluded]=\"store.pageContextExcluded()\" [attr.title]=\"context.route\">\n            <nh-assistant-icon name=\"page\" />\n            <span class=\"context-text\">\n              {{ (store.pageContextExcluded() ? 'nh-assistant.page-context.excluded' : 'nh-assistant.page-context.included') | translate: { page: describeContext(context) } }}\n            </span>\n            <button\n              class=\"icon-button small\"\n              type=\"button\"\n              [attr.aria-pressed]=\"store.pageContextExcluded()\"\n              [attr.aria-label]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              [attr.title]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              (click)=\"store.setPageContextExcluded(!store.pageContextExcluded())\">\n              <nh-assistant-icon [name]=\"store.pageContextExcluded() ? 'plus' : 'x'\" />\n            </button>\n          </div>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [status]=\"composerStatus()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\" />\n      </footer>\n    }\n  </section>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}.drawer{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){.drawer{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:contents}.drawer{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-left:1px solid var(--nha-border);color:var(--nha-text);background:var(--nha-background);box-shadow:var(--nha-shadow);font-family:var(--nha-font);font-size:14px}.drawer *,.drawer *:before,.drawer *:after{box-sizing:border-box}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-bottom:1px solid var(--nha-border);padding:12px 12px 12px 16px}.heading{display:contents}nh-assistant-agent-picker{grid-column:1/-1;grid-row:2}h2{grid-row:1;min-width:0;margin:0;overflow:hidden;font-size:16px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:none;grid-column:2;grid-row:1;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.turn-notice{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-warning);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-warning);background:var(--nha-warning-soft)}.turn-notice p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{border-top:1px solid var(--nha-border);padding:12px 16px 14px}.context-chip{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 8px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;width:fit-content;color:var(--nha-text-muted);background:var(--nha-surface);font-size:12px}.context-chip.excluded .context-text{text-decoration:line-through}.context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button.small{flex:none;width:26px;height:26px;border-radius:999px}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantAgentPickerComponent, selector: "nh-assistant-agent-picker", inputs: ["agents", "selectedAgentId", "disabled"], outputs: ["agentChange"] }, { kind: "component", type: NhAssistantComposerComponent, selector: "nh-assistant-composer", inputs: ["disabled", "sendDisabled", "busy", "status", "maxLength", "restore"], outputs: ["send", "cancel", "restored"] }, { kind: "component", type: NhAssistantConversationListComponent, selector: "nh-assistant-conversation-list", inputs: ["conversations", "total", "activeConversationId", "loading", "disabled"], outputs: ["conversationSelect", "conversationDelete", "conversationCreate"] }, { kind: "component", type: NhAssistantPreferencesComponent, selector: "nh-assistant-preferences", outputs: ["closed", "saved"] }, { kind: "component", type: NhAssistantThreadComponent, selector: "nh-assistant-thread", inputs: ["messages", "streaming", "deciding", "markdown"], outputs: ["approvalDecision"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPanelComponent, decorators: [{
             type: Component,
@@ -3145,7 +3443,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                         NhAssistantConversationListComponent,
                         NhAssistantPreferencesComponent,
                         NhAssistantThreadComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n        @if (store.enabled()) {\n          <nh-assistant-agent-picker\n            [agents]=\"store.agents()\"\n            [selectedAgentId]=\"store.selectedAgentId()\"\n            [disabled]=\"store.streaming()\"\n            (agentChange)=\"store.selectAgent($event)\" />\n        }\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [disabled]=\"store.streaming()\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            [disabled]=\"store.streaming()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [messages]=\"messages()\"\n            [streaming]=\"store.streaming()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            (approvalDecision)=\"decide($event)\" />\n        }\n      }\n    </div>\n\n    @if (store.error(); as error) {\n      <div class=\"error\" role=\"alert\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ errorKeys() | nhAssistantTranslate: error.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearError()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        }\n        @if (store.pageContext(); as context) {\n          <div class=\"context-chip\" [class.excluded]=\"store.pageContextExcluded()\" [attr.title]=\"context.route\">\n            <nh-assistant-icon name=\"page\" />\n            <span class=\"context-text\">\n              {{ (store.pageContextExcluded() ? 'nh-assistant.page-context.excluded' : 'nh-assistant.page-context.included') | translate: { page: describeContext(context) } }}\n            </span>\n            <button\n              class=\"icon-button small\"\n              type=\"button\"\n              [attr.aria-pressed]=\"store.pageContextExcluded()\"\n              [attr.aria-label]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              [attr.title]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              (click)=\"store.setPageContextExcluded(!store.pageContextExcluded())\">\n              <nh-assistant-icon [name]=\"store.pageContextExcluded() ? 'plus' : 'x'\" />\n            </button>\n          </div>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [status]=\"composerStatus()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\" />\n      </footer>\n    }\n  </section>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}.drawer{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){.drawer{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:contents}.drawer{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-left:1px solid var(--nha-border);color:var(--nha-text);background:var(--nha-background);box-shadow:var(--nha-shadow);font-family:var(--nha-font);font-size:14px}.drawer *,.drawer *:before,.drawer *:after{box-sizing:border-box}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-bottom:1px solid var(--nha-border);padding:12px 12px 12px 16px}.heading{display:contents}nh-assistant-agent-picker{grid-column:1/-1;grid-row:2}h2{grid-row:1;min-width:0;margin:0;overflow:hidden;font-size:16px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:none;grid-column:2;grid-row:1;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{border-top:1px solid var(--nha-border);padding:12px 16px 14px}.context-chip{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 8px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;width:fit-content;color:var(--nha-text-muted);background:var(--nha-surface);font-size:12px}.context-chip.excluded .context-text{text-decoration:line-through}.context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button.small{flex:none;width:26px;height:26px;border-radius:999px}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n        @if (store.enabled()) {\n          <nh-assistant-agent-picker\n            [agents]=\"store.agents()\"\n            [selectedAgentId]=\"store.selectedAgentId()\"\n            [disabled]=\"store.streaming()\"\n            (agentChange)=\"store.selectAgent($event)\" />\n        }\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [disabled]=\"store.streaming()\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            [disabled]=\"store.streaming()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [messages]=\"messages()\"\n            [streaming]=\"store.streaming()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            (approvalDecision)=\"decide($event)\" />\n        }\n      }\n    </div>\n\n    @if (store.error(); as error) {\n      <div class=\"error\" role=\"alert\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ errorKeys() | nhAssistantTranslate: error.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearError()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    } @else if (store.notice(); as notice) {\n      <div class=\"turn-notice\" role=\"status\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ noticeKeys() | nhAssistantTranslate: notice.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearNotice()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        }\n        @if (store.pageContext(); as context) {\n          <div class=\"context-chip\" [class.excluded]=\"store.pageContextExcluded()\" [attr.title]=\"context.route\">\n            <nh-assistant-icon name=\"page\" />\n            <span class=\"context-text\">\n              {{ (store.pageContextExcluded() ? 'nh-assistant.page-context.excluded' : 'nh-assistant.page-context.included') | translate: { page: describeContext(context) } }}\n            </span>\n            <button\n              class=\"icon-button small\"\n              type=\"button\"\n              [attr.aria-pressed]=\"store.pageContextExcluded()\"\n              [attr.aria-label]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              [attr.title]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              (click)=\"store.setPageContextExcluded(!store.pageContextExcluded())\">\n              <nh-assistant-icon [name]=\"store.pageContextExcluded() ? 'plus' : 'x'\" />\n            </button>\n          </div>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [status]=\"composerStatus()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\" />\n      </footer>\n    }\n  </section>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}.drawer{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){.drawer{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:contents}.drawer{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-left:1px solid var(--nha-border);color:var(--nha-text);background:var(--nha-background);box-shadow:var(--nha-shadow);font-family:var(--nha-font);font-size:14px}.drawer *,.drawer *:before,.drawer *:after{box-sizing:border-box}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-bottom:1px solid var(--nha-border);padding:12px 12px 12px 16px}.heading{display:contents}nh-assistant-agent-picker{grid-column:1/-1;grid-row:2}h2{grid-row:1;min-width:0;margin:0;overflow:hidden;font-size:16px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:none;grid-column:2;grid-row:1;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.turn-notice{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-warning);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-warning);background:var(--nha-warning-soft)}.turn-notice p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{border-top:1px solid var(--nha-border);padding:12px 16px 14px}.context-chip{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 8px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;width:fit-content;color:var(--nha-text-muted);background:var(--nha-surface);font-size:12px}.context-chip.excluded .context-text{text-decoration:line-through}.context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button.small{flex:none;width:26px;height:26px;border-radius:999px}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { drawer: [{ type: i0.ViewChild, args: ['drawer', { isSignal: true }] }] } });
 
 /** Converts any failure into a user-facing code and translation key, never raw text. */
@@ -3170,5 +3468,5 @@ const NH_ASSISTANT_DASH_CASE = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
  * Generated bundle index. Do not edit.
  */
 
-export { NH_ASSISTANT_ACCESS_POLICY, NH_ASSISTANT_CONFIG, NH_ASSISTANT_FETCH, NH_ASSISTANT_ICONS, NH_ASSISTANT_MAX_CUSTOM_INSTRUCTIONS, NH_ASSISTANT_PAGE_CONTEXT_LIMITS, NH_ASSISTANT_PANEL_MOBILE_QUERY, NH_ASSISTANT_PANEL_WIDTH, NH_ASSISTANT_SSE_EVENT_TYPES, NH_ASSISTANT_TRANSLATIONS, NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD, NhAssistantAdminApiService, NhAssistantAgentPickerComponent, NhAssistantAllowAllAccessPolicy, NhAssistantApiError, NhAssistantApiService, NhAssistantApprovalCardComponent, NhAssistantClientErrorCodes, NhAssistantComposerComponent, NhAssistantConversationListComponent, NhAssistantLauncherComponent, NhAssistantPanelComponent, NhAssistantPanelService, NhAssistantPreferencesComponent, NhAssistantSseParser, NhAssistantStore, NhAssistantThreadComponent, NhAssistantToolCallCardComponent, NhAssistantTranslationMerger, applyNhAssistantApprovalDecision, applyNhAssistantEvent, describeNhAssistantClientContext, formatNhAssistantCountdown, nhAssistantCodeForStatus, nhAssistantErrorMessageKey, normalizeNhAssistantClientContext, provideNhAssistant, NH_ASSISTANT_DASH_CASE as ɵNH_ASSISTANT_DASH_CASE, NhAssistantIconComponent as ɵNhAssistantIconComponent, NhAssistantTranslatePipe as ɵNhAssistantTranslatePipe, nhAssistantErrorKeys as ɵnhAssistantErrorKeys, toNhAssistantError as ɵtoNhAssistantError };
+export { NH_ASSISTANT_ACCESS_POLICY, NH_ASSISTANT_CONFIG, NH_ASSISTANT_FETCH, NH_ASSISTANT_ICONS, NH_ASSISTANT_MAX_CUSTOM_INSTRUCTIONS, NH_ASSISTANT_NO_ANSWER_NOTICE_CODE, NH_ASSISTANT_PAGE_CONTEXT_LIMITS, NH_ASSISTANT_PANEL_MOBILE_QUERY, NH_ASSISTANT_PANEL_WIDTH, NH_ASSISTANT_SSE_EVENT_TYPES, NH_ASSISTANT_TRANSLATIONS, NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD, NhAssistantAdminApiService, NhAssistantAgentPickerComponent, NhAssistantAllowAllAccessPolicy, NhAssistantApiError, NhAssistantApiService, NhAssistantApprovalCardComponent, NhAssistantClientErrorCodes, NhAssistantComposerComponent, NhAssistantConversationListComponent, NhAssistantLauncherComponent, NhAssistantPanelComponent, NhAssistantPanelService, NhAssistantPreferencesComponent, NhAssistantSseParser, NhAssistantStore, NhAssistantThreadComponent, NhAssistantToolCallCardComponent, NhAssistantTranslationMerger, applyNhAssistantApprovalDecision, applyNhAssistantEvent, describeNhAssistantClientContext, formatNhAssistantCountdown, nhAssistantCodeForStatus, nhAssistantErrorMessageKey, nhAssistantLatestTurnHasText, normalizeNhAssistantClientContext, provideNhAssistant, NH_ASSISTANT_DASH_CASE as ɵNH_ASSISTANT_DASH_CASE, NhAssistantIconComponent as ɵNhAssistantIconComponent, NhAssistantTranslatePipe as ɵNhAssistantTranslatePipe, nhAssistantErrorKeys as ɵnhAssistantErrorKeys, toNhAssistantError as ɵtoNhAssistantError };
 //# sourceMappingURL=newheap-platform-ai-chat.mjs.map