@newheap/platform-ai-chat 0.5.0 → 0.6.0

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

@@ -1,10 +1,10 @@
 import * as i0 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 { InjectionToken, inject, DestroyRef, Injectable, EnvironmentInjector, runInInjectionContext, PLATFORM_ID, signal, computed, effect, untracked, Injector, 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 { merge, Observable, Subject, firstValueFrom, Subscription, isObservable } from 'rxjs';
+import { isPlatformBrowser, DOCUMENT, DatePipe, NgTemplateOutlet } from '@angular/common';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Overlay } from '@angular/cdk/overlay';
-import { DOCUMENT, DatePipe, NgTemplateOutlet } from '@angular/common';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { Router, NavigationEnd, RouterLink } from '@angular/router';
 import * as i1 from '@angular/cdk/scrolling';
@@ -43,7 +43,9 @@ const NhAssistantClientErrorCodes = {
     versionConflict: 'assistant-version-conflict',
     invalidResponse: 'assistant-invalid-response',
     streamInterrupted: 'assistant-stream-interrupted',
-    server: 'assistant-server'
+    server: 'assistant-server',
+    /** The open conversation was deleted by its owner, or the user left or was removed. */
+    conversationRemoved: 'assistant-conversation-removed'
 };
 
 /*
@@ -77,7 +79,9 @@ var en = {
 	launcher: {
 		open: "Open assistant",
 		close: "Close assistant",
-		"pending-approval": "An action is waiting for your approval"
+		"pending-approval": "An action is waiting for your approval",
+		unread: "{{count}} unread conversations",
+		running: "{{count}} conversations working"
 	},
 	panel: {
 		title: "Assistant",
@@ -95,7 +99,9 @@ var en = {
 		"dismiss-error": "Dismiss message",
 		usage: "{{inputTokens}} input tokens, {{outputTokens}} output tokens, {{toolCalls}} tool calls",
 		"open-preferences": "Your assistant preferences",
-		"open-admin": "Assistant administration"
+		"open-admin": "Assistant administration",
+		share: "Share conversation",
+		members: "People in this conversation"
 	},
 	"agent-picker": {
 		label: "Agent",
@@ -115,7 +121,11 @@ var en = {
 			"waiting-for-approval": "Waiting for approval",
 			failed: "Failed",
 			archived: "Archived"
-		}
+		},
+		leave: "Leave conversation",
+		unread: "Unread",
+		shared: "Shared with {{count}} people",
+		"shared-with-you": "Shared with you"
 	},
 	thread: {
 		label: "Conversation",
@@ -124,7 +134,8 @@ var en = {
 		tool: "Tool",
 		working: "The assistant is working",
 		loading: "Loading conversation",
-		elapsed: "{{seconds}}s"
+		elapsed: "{{seconds}}s",
+		participant: "Participant"
 	},
 	composer: {
 		label: "Message",
@@ -136,7 +147,9 @@ var en = {
 		"too-long": "The message is too long.",
 		status: {
 			running: "You can keep typing while the assistant works. Sending is temporarily unavailable.",
-			"waiting-for-approval": "You can keep typing while an action waits for your approval. Sending is temporarily unavailable."
+			"waiting-for-approval": "You can keep typing while an action waits for your approval. Sending is temporarily unavailable.",
+			"running-by": "{{name}} is working with the assistant…",
+			"waiting-for-approval-by": "Waiting for {{name}} to decide…"
 		}
 	},
 	"tool-call": {
@@ -184,7 +197,9 @@ var en = {
 			approved: "Approved",
 			rejected: "Rejected",
 			expired: "Expired"
-		}
+		},
+		"waiting-for": "Waiting for {{name}} to decide. The action uses their permissions.",
+		"waiting-for-participant": "Waiting for the participant who started this task to decide."
 	},
 	"result-codes": {
 		"api-bridge-validation": "The request was not valid.",
@@ -242,10 +257,21 @@ var en = {
 		"assistant-tool-call-limit-reached": "The assistant reached the maximum number of steps for one answer. Ask a narrower question.",
 		"assistant-tools-disabled": "No further actions were run in this answer because an action was rejected.",
 		"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."
+		"assistant-turn-timeout": "The answer took too long and was stopped. Try again or ask a narrower question.",
+		"assistant-owner-required": "Only the owner of this conversation can do this.",
+		"assistant-approval-forbidden": "Only the person who started this task can decide about it.",
+		"assistant-turn-forbidden": "Only the owner or the person who started this task can stop it.",
+		"assistant-share-link-invalid": "This invitation link is no longer valid. Ask the owner for a new one.",
+		"assistant-participant-not-found": "This person is not part of the conversation.",
+		"assistant-participant-limit-reached": "This conversation has the maximum number of participants.",
+		"assistant-directory-unavailable": "Inviting colleagues directly is not available.",
+		"assistant-push-unavailable": "Desktop notifications are not available.",
+		"assistant-push-subscription-invalid": "This browser could not be registered for notifications.",
+		"assistant-conversation-removed": "This conversation is no longer available to you."
 	},
 	notices: {
-		"no-answer": "The assistant finished without an answer. Try again or rephrase your question."
+		"no-answer": "The assistant finished without an answer. Try again or rephrase your question.",
+		"conversation-removed": "This conversation is no longer available to you."
 	},
 	preferences: {
 		title: "Your preferences",
@@ -282,7 +308,16 @@ var en = {
 		back: "Back to the conversation",
 		loading: "Loading your preferences",
 		"load-failed": "Your preferences could not be loaded.",
-		retry: "Try again"
+		retry: "Try again",
+		"notifications-label": "Notifications",
+		notifications: "Desktop notifications",
+		"notifications-state": {
+			on: "You get a notification when a longer task finishes or needs your approval while you are away.",
+			prompt: "Your browser asks for permission the next time you send a message.",
+			blocked: "Your browser blocks notifications for this site. Allow them in the browser settings.",
+			off: "Notifications are off for all your devices.",
+			unavailable: "Notifications are not available."
+		}
 	},
 	admin: {
 		title: "Assistant administration",
@@ -467,6 +502,45 @@ var en = {
 		excluded: "Not sent with this message: {{page}}",
 		exclude: "Do not send {{page}} with this message",
 		include: "Send {{page}} with this message again"
+	},
+	activity: {
+		label: "Other conversations",
+		running: "Working",
+		waiting: "Waiting for approval",
+		unread: "Unread"
+	},
+	share: {
+		title: "Share conversation",
+		"members-title": "People in this conversation",
+		back: "Back to the conversation",
+		description: "People you share with read the whole conversation, including tool results, and can continue it with their own permissions.",
+		"link-title": "Invitation link",
+		"link-label": "Invitation link",
+		"link-hint": "Anyone in your organization who may use this assistant can join with the link. A new link replaces the old one; people who joined stay.",
+		create: "Create invitation link",
+		copy: "Copy link",
+		copied: "Link copied.",
+		renew: "New link",
+		revoke: "Stop link",
+		"invite-title": "Invite a colleague",
+		"search-label": "Search colleagues",
+		"search-placeholder": "Search by name",
+		searching: "Searching…",
+		"no-results": "No colleagues found.",
+		invite: "Invite",
+		invited: "{{name}} was invited.",
+		members: "People",
+		count: "{{count}} of {{max}} invited",
+		"not-shared": "Only you take part in this conversation.",
+		unnamed: "Unnamed colleague",
+		you: "(you)",
+		role: {
+			owner: "Owner",
+			participant: "Participant"
+		},
+		remove: "Remove {{name}}",
+		leave: "Leave conversation",
+		"no-conversation": "Start or open a conversation to share it."
 	}
 }
 };
@@ -476,7 +550,9 @@ var nl = {
 	launcher: {
 		open: "Assistent openen",
 		close: "Assistent sluiten",
-		"pending-approval": "Er wacht een actie op je goedkeuring"
+		"pending-approval": "Er wacht een actie op je goedkeuring",
+		unread: "{{count}} ongelezen gesprekken",
+		running: "{{count}} gesprekken bezig"
 	},
 	panel: {
 		title: "Assistent",
@@ -494,7 +570,9 @@ var nl = {
 		"dismiss-error": "Melding sluiten",
 		usage: "{{inputTokens}} invoertokens, {{outputTokens}} uitvoertokens, {{toolCalls}} toolaanroepen",
 		"open-preferences": "Je assistentvoorkeuren",
-		"open-admin": "Beheer van de assistent"
+		"open-admin": "Beheer van de assistent",
+		share: "Gesprek delen",
+		members: "Mensen in dit gesprek"
 	},
 	"agent-picker": {
 		label: "Agent",
@@ -514,7 +592,11 @@ var nl = {
 			"waiting-for-approval": "Wacht op goedkeuring",
 			failed: "Mislukt",
 			archived: "Gearchiveerd"
-		}
+		},
+		leave: "Gesprek verlaten",
+		unread: "Ongelezen",
+		shared: "Gedeeld met {{count}} mensen",
+		"shared-with-you": "Met jou gedeeld"
 	},
 	thread: {
 		label: "Gesprek",
@@ -523,7 +605,8 @@ var nl = {
 		tool: "Tool",
 		working: "De assistent is bezig",
 		loading: "Gesprek laden",
-		elapsed: "{{seconds}} s"
+		elapsed: "{{seconds}} s",
+		participant: "Deelnemer"
 	},
 	composer: {
 		label: "Bericht",
@@ -535,7 +618,9 @@ var nl = {
 		"too-long": "Het bericht is te lang.",
 		status: {
 			running: "Je kunt verder typen terwijl de assistent bezig is. Versturen is tijdelijk niet mogelijk.",
-			"waiting-for-approval": "Je kunt verder typen terwijl een actie op je goedkeuring wacht. Versturen is tijdelijk niet mogelijk."
+			"waiting-for-approval": "Je kunt verder typen terwijl een actie op je goedkeuring wacht. Versturen is tijdelijk niet mogelijk.",
+			"running-by": "{{name}} werkt met de assistent…",
+			"waiting-for-approval-by": "Wacht op de beslissing van {{name}}…"
 		}
 	},
 	"tool-call": {
@@ -583,7 +668,9 @@ var nl = {
 			approved: "Goedgekeurd",
 			rejected: "Afgewezen",
 			expired: "Verlopen"
-		}
+		},
+		"waiting-for": "Wacht op de beslissing van {{name}}. De actie gebruikt diens rechten.",
+		"waiting-for-participant": "Wacht op de beslissing van de deelnemer die deze taak startte."
 	},
 	"result-codes": {
 		"api-bridge-validation": "Het verzoek was niet geldig.",
@@ -641,10 +728,21 @@ var nl = {
 		"assistant-tool-call-limit-reached": "De assistent heeft het maximale aantal stappen voor één antwoord bereikt. Stel een gerichtere vraag.",
 		"assistant-tools-disabled": "In dit antwoord zijn geen verdere acties uitgevoerd omdat een actie is afgewezen.",
 		"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."
+		"assistant-turn-timeout": "Het antwoord duurde te lang en is gestopt. Probeer het opnieuw of stel een gerichtere vraag.",
+		"assistant-owner-required": "Alleen de eigenaar van dit gesprek kan dit doen.",
+		"assistant-approval-forbidden": "Alleen degene die deze taak startte, kan erover beslissen.",
+		"assistant-turn-forbidden": "Alleen de eigenaar of degene die deze taak startte, kan haar stoppen.",
+		"assistant-share-link-invalid": "Deze uitnodigingslink is niet meer geldig. Vraag de eigenaar om een nieuwe.",
+		"assistant-participant-not-found": "Deze persoon doet niet mee aan het gesprek.",
+		"assistant-participant-limit-reached": "Dit gesprek heeft het maximale aantal deelnemers.",
+		"assistant-directory-unavailable": "Collega’s direct uitnodigen is niet beschikbaar.",
+		"assistant-push-unavailable": "Bureaubladmeldingen zijn niet beschikbaar.",
+		"assistant-push-subscription-invalid": "Deze browser kon niet worden aangemeld voor meldingen.",
+		"assistant-conversation-removed": "Dit gesprek is niet meer voor je beschikbaar."
 	},
 	notices: {
-		"no-answer": "De assistent is klaar zonder antwoord. Probeer het opnieuw of stel je vraag anders."
+		"no-answer": "De assistent is klaar zonder antwoord. Probeer het opnieuw of stel je vraag anders.",
+		"conversation-removed": "Dit gesprek is niet meer voor je beschikbaar."
 	},
 	preferences: {
 		title: "Je voorkeuren",
@@ -681,7 +779,16 @@ var nl = {
 		back: "Terug naar het gesprek",
 		loading: "Je voorkeuren laden",
 		"load-failed": "Je voorkeuren konden niet worden geladen.",
-		retry: "Opnieuw proberen"
+		retry: "Opnieuw proberen",
+		"notifications-label": "Meldingen",
+		notifications: "Bureaubladmeldingen",
+		"notifications-state": {
+			on: "Je krijgt een melding als een langere taak klaar is of je goedkeuring nodig heeft terwijl je weg bent.",
+			prompt: "Je browser vraagt om toestemming wanneer je het volgende bericht verstuurt.",
+			blocked: "Je browser blokkeert meldingen voor deze site. Sta ze toe in de browserinstellingen.",
+			off: "Meldingen staan uit op al je apparaten.",
+			unavailable: "Meldingen zijn niet beschikbaar."
+		}
 	},
 	admin: {
 		title: "Beheer van de assistent",
@@ -866,6 +973,45 @@ var nl = {
 		excluded: "Niet meegestuurd bij dit bericht: {{page}}",
 		exclude: "{{page}} niet meesturen met dit bericht",
 		include: "{{page}} toch meesturen met dit bericht"
+	},
+	activity: {
+		label: "Andere gesprekken",
+		running: "Bezig",
+		waiting: "Wacht op goedkeuring",
+		unread: "Ongelezen"
+	},
+	share: {
+		title: "Gesprek delen",
+		"members-title": "Mensen in dit gesprek",
+		back: "Terug naar het gesprek",
+		description: "Mensen met wie je deelt lezen het hele gesprek, ook de resultaten van tools, en kunnen het voortzetten met hun eigen rechten.",
+		"link-title": "Uitnodigingslink",
+		"link-label": "Uitnodigingslink",
+		"link-hint": "Iedereen in je organisatie die deze assistent mag gebruiken, kan met de link meedoen. Een nieuwe link vervangt de oude; wie al meedoet, blijft.",
+		create: "Uitnodigingslink maken",
+		copy: "Link kopiëren",
+		copied: "Link gekopieerd.",
+		renew: "Nieuwe link",
+		revoke: "Link stoppen",
+		"invite-title": "Collega uitnodigen",
+		"search-label": "Collega’s zoeken",
+		"search-placeholder": "Zoek op naam",
+		searching: "Zoeken…",
+		"no-results": "Geen collega’s gevonden.",
+		invite: "Uitnodigen",
+		invited: "{{name}} is uitgenodigd.",
+		members: "Mensen",
+		count: "{{count}} van {{max}} uitgenodigd",
+		"not-shared": "Alleen jij doet mee aan dit gesprek.",
+		unnamed: "Collega zonder naam",
+		you: "(jij)",
+		role: {
+			owner: "Eigenaar",
+			participant: "Deelnemer"
+		},
+		remove: "{{name}} verwijderen",
+		leave: "Gesprek verlaten",
+		"no-conversation": "Start of open een gesprek om het te delen."
 	}
 }
 };
@@ -931,10 +1077,10 @@ class NhAssistantTranslationMerger {
         const merged = mergeTrees(bundleRoot, isTree(existing) ? existing : {});
         this.translate?.setTranslation(language, { [rootKey]: merged }, true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslationMerger, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslationMerger, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTranslationMerger, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTranslationMerger, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslationMerger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTranslationMerger, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1069,10 +1215,10 @@ class NhAssistantTransport {
         const base = this.config.apiBaseUrl.replace(/\/+$/, '');
         return `${base}/${path}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTransport, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTransport }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTransport, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTransport }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTransport, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTransport, decorators: [{
             type: Injectable
         }] });
 function createApiError(status, code) {
@@ -1154,10 +1300,10 @@ class NhAssistantAdminApiService {
     request(method, path, body) {
         return this.transport.json(method, path, body, adminStatusCodes);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantAdminApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantAdminApiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantAdminApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantAdminApiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantAdminApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantAdminApiService, decorators: [{
             type: Injectable
         }] });
 
@@ -1289,6 +1435,52 @@ class NhAssistantApiService {
     cancel(conversationId) {
         return this.transport.json('POST', `conversations/${encodeURIComponent(conversationId)}/cancel`);
     }
+    /** Raises the caller's read position to `sequence`, or to the latest message when omitted. */
+    markRead(conversationId, sequence) {
+        return this.transport.json('POST', `conversations/${encodeURIComponent(conversationId)}/read`, sequence === undefined ? {} : { sequence });
+    }
+    /** Owner only: creates a new invitation link; an earlier link stops working. */
+    createShareLink(conversationId) {
+        return this.transport.json('POST', `conversations/${encodeURIComponent(conversationId)}/share-link`);
+    }
+    /** Owner only: the invitation link stops working; people who joined stay. */
+    revokeShareLink(conversationId) {
+        return this.transport.json('DELETE', `conversations/${encodeURIComponent(conversationId)}/share-link`);
+    }
+    /** Joins a shared conversation with the token of its invitation link. */
+    joinConversation(conversationId, token) {
+        return this.transport.json('POST', `conversations/${encodeURIComponent(conversationId)}/join`, { token });
+    }
+    /** Owner only: searches the application's directory for people to invite. */
+    searchParticipantCandidates(conversationId, query) {
+        const path = `conversations/${encodeURIComponent(conversationId)}/participant-candidates?query=${encodeURIComponent(query)}`;
+        return this.transport.json('GET', path);
+    }
+    /** Owner only: invites a person the directory returned. */
+    inviteParticipant(conversationId, actorId) {
+        return this.transport.json('POST', `conversations/${encodeURIComponent(conversationId)}/participants`, { actorId });
+    }
+    /** The owner removes a participant, or a participant passes their own id to leave. */
+    removeParticipant(conversationId, actorId) {
+        const path = `conversations/${encodeURIComponent(conversationId)}/participants/${encodeURIComponent(actorId)}`;
+        return this.transport.json('DELETE', path);
+    }
+    /** The caller's notification choice and the server's Web Push key. */
+    getNotificationSettings() {
+        return this.transport.json('GET', 'notifications');
+    }
+    /** Turns push notifications on or off for every browser of the caller. */
+    updateNotificationSettings(pushEnabled) {
+        return this.transport.json('PUT', 'notifications', { pushEnabled });
+    }
+    /** Registers this browser's push subscription for the caller. */
+    subscribePush(subscription) {
+        return this.transport.json('PUT', 'notifications/push-subscription', subscription);
+    }
+    /** Removes this browser's push subscription. */
+    unsubscribePush(endpoint) {
+        return this.transport.json('DELETE', 'notifications/push-subscription', { endpoint });
+    }
     /** The caller's own assistant preferences. */
     getPreferences() {
         return this.transport.json('GET', 'preferences');
@@ -1373,13 +1565,386 @@ class NhAssistantApiService {
         subscriber.next({ type: 'error', data: { code, messageKey: nhAssistantErrorMessageKey(code) } });
         subscriber.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantApiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantApiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantApiService, decorators: [{
             type: Injectable
         }] });
 
+const reconnectDelaysMs = [0, 2_000, 5_000, 10_000, 30_000];
+const restartDelayMs = 30_000;
+/**
+ * Live updates of the assistant hub: conversation changes, read positions, removals and the
+ * turn events of other sessions. Connects only while the store asks for it, reconnects on its
+ * own and emits `resync` after every (re)connect, because updates sent while disconnected are lost.
+ */
+class NhAssistantLiveService {
+    constructor() {
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.injector = inject(EnvironmentInjector);
+        this.browser = isPlatformBrowser(inject(PLATFORM_ID));
+        this.changedSubject = new Subject();
+        this.readSubject = new Subject();
+        this.removedSubject = new Subject();
+        this.eventSubject = new Subject();
+        this.resyncSubject = new Subject();
+        this.stateSignal = signal('off', ...(ngDevMode ? [{ debugName: "stateSignal" }] : []));
+        this.hubPath = null;
+        this.hubUrl = null;
+        this.revision = 0;
+        this.changed$ = this.changedSubject.asObservable();
+        this.read$ = this.readSubject.asObservable();
+        this.removed$ = this.removedSubject.asObservable();
+        this.events$ = this.eventSubject.asObservable();
+        /** Reload snapshots: emitted after every (re)connect. */
+        this.resync$ = this.resyncSubject.asObservable();
+        this.state = this.stateSignal.asReadonly();
+        inject(DestroyRef).onDestroy(() => {
+            void this.stop();
+            this.changedSubject.complete();
+            this.readSubject.complete();
+            this.removedSubject.complete();
+            this.eventSubject.complete();
+            this.resyncSubject.complete();
+        });
+    }
+    /**
+     * Connects to the hub at `hubPath`, or disconnects when it is `null`. Calling it again with the
+     * same path keeps the connection; another path or `restart` reconnects, for example after the
+     * signed-in user changed.
+     */
+    async connect(hubPath, restart = false) {
+        const url = this.browser && this.config.liveUpdates !== false && hubPath ? this.resolveUrl(hubPath) : null;
+        if (!restart && url === this.hubUrl && this.connection) {
+            return;
+        }
+        await this.stop();
+        this.hubPath = url ? hubPath : null;
+        this.hubUrl = url;
+        if (!url) {
+            return;
+        }
+        const revision = ++this.revision;
+        this.stateSignal.set('connecting');
+        try {
+            const connection = await this.build(url);
+            if (revision !== this.revision) {
+                await connection.stop().catch(() => undefined);
+                return;
+            }
+            this.connection = connection;
+            await connection.start();
+            if (revision === this.revision) {
+                this.stateSignal.set('connected');
+                this.resyncSubject.next();
+            }
+        }
+        catch {
+            // Live updates are optional; snapshots keep the assistant correct. Try again later.
+            if (revision === this.revision) {
+                this.stateSignal.set('disconnected');
+                this.scheduleRestart(revision);
+            }
+        }
+    }
+    async stop() {
+        this.revision++;
+        this.hubUrl = null;
+        clearTimeout(this.restartTimer);
+        const connection = this.connection;
+        this.connection = undefined;
+        this.stateSignal.set('off');
+        if (connection) {
+            await connection.stop().catch(() => undefined);
+        }
+    }
+    async build(url) {
+        const signalR = await import('@microsoft/signalr');
+        const connection = new signalR.HubConnectionBuilder()
+            .withUrl(url, {
+            accessTokenFactory: async () => (await this.token()) ?? ''
+        })
+            .withAutomaticReconnect(reconnectDelaysMs)
+            .configureLogging(signalR.LogLevel.None)
+            .build();
+        connection.on('ConversationChanged', (message) => this.changedSubject.next(message));
+        connection.on('ConversationRead', (message) => this.readSubject.next(message));
+        connection.on('ConversationRemoved', (message) => this.removedSubject.next(message));
+        connection.on('ConversationEvent', (message) => this.eventSubject.next(message));
+        connection.onreconnecting(() => this.stateSignal.set('reconnecting'));
+        connection.onreconnected(() => {
+            this.stateSignal.set('connected');
+            this.resyncSubject.next();
+        });
+        connection.onclose(() => {
+            if (this.connection === connection) {
+                this.connection = undefined;
+                this.stateSignal.set('disconnected');
+                this.scheduleRestart(this.revision);
+            }
+        });
+        return connection;
+    }
+    /** Starts over after the automatic reconnect gave up or the first start failed. */
+    scheduleRestart(revision) {
+        clearTimeout(this.restartTimer);
+        this.restartTimer = setTimeout(() => {
+            if (revision === this.revision && this.hubPath) {
+                void this.connect(this.hubPath, true);
+            }
+        }, restartDelayMs);
+    }
+    async token() {
+        try {
+            return await runInInjectionContext(this.injector, () => this.config.getAccessToken());
+        }
+        catch {
+            return null;
+        }
+    }
+    /** `hubBaseUrl` + `hubPath`, or the hub path on the origin of `apiBaseUrl`. */
+    resolveUrl(hubPath) {
+        const page = globalThis.location?.href ?? 'http://localhost';
+        if (this.config.hubBaseUrl) {
+            const base = new URL(this.config.hubBaseUrl, page).toString().replace(/\/+$/, '');
+            return `${base}/${hubPath.replace(/^\/+/, '')}`;
+        }
+        return new URL(hubPath, new URL(this.config.apiBaseUrl, page).origin).toString();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantLiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantLiveService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantLiveService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+const openConversationMessage = 'nh-assistant.open-conversation';
+/**
+ * Keeps this browser's Web Push subscription in line with the user's choice. Notifications are on
+ * by default; because browsers only ask for permission after a user action, the assistant asks
+ * when the user sends a message or turns notifications on. The bundled service worker shows a
+ * notification only when no window of the application is focused.
+ */
+class NhAssistantPushService {
+    constructor() {
+        this.api = inject(NhAssistantApiService);
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.translate = inject(TranslateService, { optional: true });
+        this.browser = isPlatformBrowser(inject(PLATFORM_ID));
+        this.settingsState = signal(null, ...(ngDevMode ? [{ debugName: "settingsState" }] : []));
+        this.permissionState = signal('default', ...(ngDevMode ? [{ debugName: "permissionState" }] : []));
+        this.subscribedState = signal(false, ...(ngDevMode ? [{ debugName: "subscribedState" }] : []));
+        this.busyState = signal(false, ...(ngDevMode ? [{ debugName: "busyState" }] : []));
+        this.openSubject = new Subject();
+        this.revision = 0;
+        this.onWorkerMessage = (event) => {
+            const data = event.data;
+            if (data?.type === openConversationMessage && typeof data.conversationId === 'string') {
+                this.openSubject.next(data.conversationId);
+            }
+        };
+        /** The caller's server-side choice, or `null` before it was loaded. */
+        this.settings = this.settingsState.asReadonly();
+        this.busy = this.busyState.asReadonly();
+        /** Conversations a clicked notification asks to open. */
+        this.openConversation$ = this.openSubject.asObservable();
+        this.state = computed(() => {
+            const settings = this.settingsState();
+            if (!settings?.pushAvailable || !this.isSupported()) {
+                return 'unavailable';
+            }
+            if (!settings.pushEnabled) {
+                return 'off';
+            }
+            const permission = this.permissionState();
+            if (permission === 'denied' || permission === 'unsupported') {
+                return 'blocked';
+            }
+            return permission === 'granted' && this.subscribedState() ? 'on' : 'prompt';
+        }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+        inject(DestroyRef).onDestroy(() => {
+            if (this.browser && this.isSupported()) {
+                navigator.serviceWorker.removeEventListener('message', this.onWorkerMessage);
+            }
+            this.openSubject.complete();
+        });
+        if (this.browser && this.isSupported()) {
+            navigator.serviceWorker.addEventListener('message', this.onWorkerMessage);
+            navigator.serviceWorker.startMessages();
+        }
+    }
+    /**
+     * Loads the user's choice and, when permission was granted before, renews this browser's
+     * subscription, which also moves it to the current user and to a rotated server key.
+     */
+    async activate(serverSupportsPush) {
+        const revision = ++this.revision;
+        if (!serverSupportsPush || !this.isSupported()) {
+            this.settingsState.set(null);
+            return;
+        }
+        try {
+            const settings = await firstValueFrom(this.api.getNotificationSettings());
+            if (revision !== this.revision) {
+                return;
+            }
+            this.settingsState.set(settings);
+            this.permissionState.set(Notification.permission);
+            if (settings.pushEnabled && Notification.permission === 'granted') {
+                await this.subscribe(settings);
+            }
+        }
+        catch {
+            // Notifications are optional; the assistant works without them.
+            if (revision === this.revision) {
+                this.settingsState.set(null);
+            }
+        }
+    }
+    /**
+     * Forgets the user. The browser subscription is cancelled, so a previous user on a shared device
+     * stops receiving notifications even when the server cannot be told.
+     */
+    async deactivate() {
+        this.revision++;
+        this.settingsState.set(null);
+        this.subscribedState.set(false);
+        if (!this.isSupported()) {
+            return;
+        }
+        try {
+            const registration = await navigator.serviceWorker.getRegistration(this.scope());
+            const subscription = await registration?.pushManager.getSubscription();
+            await subscription?.unsubscribe();
+        }
+        catch {
+            // Nothing to cancel.
+        }
+    }
+    /** Asks for permission once, after a user action such as sending a message. */
+    async onUserGesture() {
+        const settings = this.settingsState();
+        if (!settings?.pushEnabled || !settings.pushAvailable || !this.isSupported() || Notification.permission !== 'default') {
+            return;
+        }
+        const permission = await Notification.requestPermission();
+        this.permissionState.set(permission);
+        if (permission === 'granted') {
+            await this.subscribe(settings);
+        }
+    }
+    /** Turns notifications on or off for every browser of the user. Call it from a user action. */
+    async setEnabled(enabled) {
+        this.busyState.set(true);
+        try {
+            const settings = await firstValueFrom(this.api.updateNotificationSettings(enabled));
+            this.settingsState.set(settings);
+            if (!this.isSupported()) {
+                return;
+            }
+            if (enabled) {
+                if (Notification.permission === 'default') {
+                    this.permissionState.set(await Notification.requestPermission());
+                }
+                if (Notification.permission === 'granted') {
+                    await this.subscribe(settings);
+                }
+                return;
+            }
+            await this.unsubscribe();
+        }
+        finally {
+            this.busyState.set(false);
+        }
+    }
+    async subscribe(settings) {
+        if (!settings.publicKey) {
+            return;
+        }
+        const revision = this.revision;
+        const registration = await this.register();
+        const key = decodeBase64Url(settings.publicKey);
+        let subscription = await registration.pushManager.getSubscription();
+        if (subscription && !sameKey(subscription.options.applicationServerKey, key)) {
+            // The server rotated its key; a subscription for the old key would be refused.
+            await subscription.unsubscribe();
+            subscription = null;
+        }
+        subscription ??= await registration.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: key });
+        const json = subscription.toJSON();
+        if (!json.endpoint || !json.keys?.['p256dh'] || !json.keys['auth'] || revision !== this.revision) {
+            return;
+        }
+        await firstValueFrom(this.api.subscribePush({
+            endpoint: json.endpoint,
+            keys: { p256dh: json.keys['p256dh'], auth: json.keys['auth'] },
+            language: this.translate?.getCurrentLang() ?? navigator.language
+        }), { defaultValue: undefined });
+        if (revision === this.revision) {
+            this.subscribedState.set(true);
+        }
+    }
+    async unsubscribe() {
+        this.subscribedState.set(false);
+        const registration = await navigator.serviceWorker.getRegistration(this.scope());
+        const subscription = await registration?.pushManager.getSubscription();
+        if (!subscription) {
+            return;
+        }
+        await firstValueFrom(this.api.unsubscribePush(subscription.endpoint), { defaultValue: undefined }).catch(() => undefined);
+        await subscription.unsubscribe();
+    }
+    register() {
+        const push = this.config.push;
+        this.registration ??= (async () => {
+            const url = new URL(push.serviceWorkerUrl, location.href);
+            url.searchParams.set('app', new URL(push.openUrl ?? '/', location.href).href);
+            if (push.icon) {
+                url.searchParams.set('icon', new URL(push.icon, location.href).href);
+            }
+            return navigator.serviceWorker.register(url.href, { scope: this.scope() });
+        })();
+        return this.registration;
+    }
+    scope() {
+        const push = this.config.push;
+        if (!push) {
+            return '/';
+        }
+        return push.scope ?? new URL('./', new URL(push.serviceWorkerUrl, location.href)).pathname;
+    }
+    isSupported() {
+        return this.browser
+            && !!this.config.push?.serviceWorkerUrl
+            && globalThis.isSecureContext === true
+            && 'serviceWorker' in navigator
+            && 'PushManager' in globalThis
+            && 'Notification' in globalThis;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPushService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPushService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPushService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+function decodeBase64Url(value) {
+    const base64 = value.replace(/-/g, '+').replace(/_/g, '/').padEnd(Math.ceil(value.length / 4) * 4, '=');
+    const binary = atob(base64);
+    const bytes = new Uint8Array(new ArrayBuffer(binary.length));
+    for (let index = 0; index < binary.length; index++) {
+        bytes[index] = binary.charCodeAt(index);
+    }
+    return bytes;
+}
+function sameKey(current, expected) {
+    if (!current) {
+        return false;
+    }
+    const bytes = new Uint8Array(current);
+    return bytes.length === expected.length && bytes.every((byte, index) => byte === expected[index]);
+}
+
 /**
  * Applies one assistant event to a conversation and returns the new conversation.
  * The input is never mutated, so the result can be stored in a signal directly.
@@ -1491,6 +2056,36 @@ function applyNhAssistantApprovalDecision(conversation, approvalId, decision) {
     }
     return updated;
 }
+/**
+ * Applies a live update of another session: `message.created` adds a participant's message,
+ * the turn events behave exactly like the starting request's stream. Unknown types are ignored.
+ */
+function applyNhAssistantLiveEvent(conversation, event) {
+    if (event.type === 'message.created') {
+        const message = event.data;
+        if (!message?.id || conversation.messages.some(existing => existing.id === message.id)) {
+            return conversation;
+        }
+        return { ...conversation, messages: [...conversation.messages, message] };
+    }
+    if (!NH_ASSISTANT_SSE_EVENT_TYPES.includes(event.type)) {
+        return conversation;
+    }
+    return applyNhAssistantEvent(conversation, { type: event.type, data: event.data });
+}
+/** Applies the shared state of a conversation that a live update announced. */
+function applyNhAssistantConversationChange(conversation, change) {
+    return {
+        ...conversation,
+        status: change.status,
+        title: change.title,
+        updatedAt: change.updatedAt,
+        activeActorId: change.activeActorId,
+        lastMessageSequence: change.lastMessageSequence,
+        participantCount: change.participantCount,
+        pendingApproval: change.status === 'waiting-for-approval' ? conversation.pendingApproval : null
+    };
+}
 /**
  * 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.
@@ -1752,10 +2347,10 @@ class NhAssistantUiState {
             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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantUiState, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantUiState }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantUiState, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantUiState, decorators: [{
             type: Injectable
         }] });
 function validId(value) {
@@ -1764,11 +2359,23 @@ function validId(value) {
 
 /** 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';
+/** True when a conversation has messages the caller has not read. A running turn is not unread yet. */
+function nhAssistantIsUnread(summary) {
+    if (summary.status === 'running' || summary.lastReadSequence === undefined) {
+        return false;
+    }
+    return (summary.lastMessageSequence ?? 0) > summary.lastReadSequence;
+}
 const conversationPageSize = 50;
 const cancelGracePeriodMs = 5_000;
+const maxSessions = 20;
+const refreshDelayMs = 300;
+const newConversationKey = '';
 /**
- * Signal-based state of one assistant scope: availability, agents, the conversation list
- * and the active conversation with its streamed turn.
+ * Signal-based state of one assistant scope: availability, agents, the conversation list and
+ * every conversation this tab has opened. Several conversations can run turns at the same time;
+ * the public signals describe the conversation that is open in the panel. With live updates the
+ * store follows turns of other people and of the user's other tabs.
  */
 class NhAssistantStore {
     constructor() {
@@ -1777,6 +2384,10 @@ class NhAssistantStore {
         this.injector = inject(EnvironmentInjector);
         this.accessPolicy = inject(NH_ASSISTANT_ACCESS_POLICY);
         this.uiState = inject(NhAssistantUiState);
+        this.live = inject(NhAssistantLiveService);
+        this.push = inject(NhAssistantPushService);
+        this.document = inject(DOCUMENT);
+        this.browser = isPlatformBrowser(inject(PLATFORM_ID));
         this.accessGrantedState = signal(null, ...(ngDevMode ? [{ debugName: "accessGrantedState" }] : []));
         this.statusState = signal(null, ...(ngDevMode ? [{ debugName: "statusState" }] : []));
         this.statusLoadingState = signal(false, ...(ngDevMode ? [{ debugName: "statusLoadingState" }] : []));
@@ -1784,19 +2395,30 @@ class NhAssistantStore {
         this.conversationsState = signal([], ...(ngDevMode ? [{ debugName: "conversationsState" }] : []));
         this.conversationsTotalState = signal(0, ...(ngDevMode ? [{ debugName: "conversationsTotalState" }] : []));
         this.conversationsLoadingState = signal(false, ...(ngDevMode ? [{ debugName: "conversationsLoadingState" }] : []));
-        this.activeConversationState = signal(null, ...(ngDevMode ? [{ debugName: "activeConversationState" }] : []));
+        this.sessionsState = signal(new Map(), ...(ngDevMode ? [{ debugName: "sessionsState" }] : []));
+        this.activeIdState = signal(null, ...(ngDevMode ? [{ debugName: "activeIdState" }] : []));
         this.conversationLoadingState = signal(false, ...(ngDevMode ? [{ debugName: "conversationLoadingState" }] : []));
-        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" }] : []));
+        /** The conversation a message is being prepared for; `''` while a new conversation is created. */
+        this.sendingState = signal(null, ...(ngDevMode ? [{ debugName: "sendingState" }] : []));
+        this.draftErrorState = signal(null, ...(ngDevMode ? [{ debugName: "draftErrorState" }] : []));
         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.viewingState = signal(false, ...(ngDevMode ? [{ debugName: "viewingState" }] : []));
+        this.pageVisibleState = signal(true, ...(ngDevMode ? [{ debugName: "pageVisibleState" }] : []));
+        this.streams = new Map();
+        this.cancelTimers = new Map();
+        this.pendingSendResolves = new Map();
+        this.markingRead = new Set();
+        this.liveSubscription = new Subscription();
         this.statusRevision = 0;
         this.accountRevision = 0;
+        this.collaborationKey = null;
+        this.activeSession = computed(() => {
+            const id = this.activeIdState();
+            return id === null ? null : this.sessionsState().get(id) ?? null;
+        }, ...(ngDevMode ? [{ debugName: "activeSession" }] : []));
         /** 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();
@@ -1805,20 +2427,28 @@ class NhAssistantStore {
         this.statusLoading = this.statusLoadingState.asReadonly();
         this.limits = computed(() => this.statusState()?.limits ?? null, ...(ngDevMode ? [{ debugName: "limits" }] : []));
         this.agents = computed(() => this.statusState()?.agents ?? [], ...(ngDevMode ? [{ debugName: "agents" }] : []));
+        /** Sharing, live update and notification features the server offers. */
+        this.collaboration = computed(() => this.statusState()?.collaboration ?? null, ...(ngDevMode ? [{ debugName: "collaboration" }] : []));
         this.selectedAgentId = this.selectedAgentIdState.asReadonly();
         this.selectedAgent = computed(() => this.agents().find(agent => agent.id === this.selectedAgentIdState()) ?? null, ...(ngDevMode ? [{ debugName: "selectedAgent" }] : []));
         this.conversations = this.conversationsState.asReadonly();
         this.conversationsTotal = this.conversationsTotalState.asReadonly();
         this.conversationsLoading = this.conversationsLoadingState.asReadonly();
-        this.activeConversation = this.activeConversationState.asReadonly();
+        /** The conversation open in the panel, or `null` for a new one. */
+        this.activeConversation = computed(() => this.activeSession()?.conversation ?? null, ...(ngDevMode ? [{ debugName: "activeConversation" }] : []));
         this.conversationLoading = this.conversationLoadingState.asReadonly();
-        this.streaming = this.streamingState.asReadonly();
-        this.pendingApproval = computed(() => this.activeConversationState()?.pendingApproval ?? null, ...(ngDevMode ? [{ debugName: "pendingApproval" }] : []));
-        this.deciding = this.decidingState.asReadonly();
-        this.error = this.errorState.asReadonly();
+        /** True while this tab sends a message or streams a turn of the open conversation. */
+        this.streaming = computed(() => {
+            const sending = this.sendingState();
+            const activeId = this.activeIdState();
+            return (sending !== null && sending === (activeId ?? newConversationKey)) || this.activeSession()?.streaming === true;
+        }, ...(ngDevMode ? [{ debugName: "streaming" }] : []));
+        this.pendingApproval = computed(() => this.activeConversation()?.pendingApproval ?? null, ...(ngDevMode ? [{ debugName: "pendingApproval" }] : []));
+        this.deciding = computed(() => this.activeSession()?.deciding === true, ...(ngDevMode ? [{ debugName: "deciding" }] : []));
+        this.error = computed(() => this.activeIdState() === null ? this.draftErrorState() : this.activeSession()?.error ?? null, ...(ngDevMode ? [{ debugName: "error" }] : []));
         /** 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();
+        this.notice = computed(() => this.activeSession()?.notice ?? null, ...(ngDevMode ? [{ debugName: "notice" }] : []));
+        this.lastUsage = computed(() => this.activeSession()?.lastUsage ?? null, ...(ngDevMode ? [{ debugName: "lastUsage" }] : []));
         /** Text of a message the server did not accept, so the composer can offer it again. */
         this.restoredDraft = this.restoredDraftState.asReadonly();
         /** Page context that the next message would send, for the transparency chip. */
@@ -1829,14 +2459,94 @@ class NhAssistantStore {
         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 conversation = this.activeConversation();
             const blocked = conversation !== null && conversation.status !== 'idle';
-            return this.enabled() && this.selectedAgentIdState() !== null && !this.streamingState() && !this.conversationLoadingState() && !blocked;
+            return this.enabled() && this.selectedAgentIdState() !== null && !this.streaming() && !this.conversationLoadingState() && !blocked;
         }, ...(ngDevMode ? [{ debugName: "canSend" }] : []));
-        inject(DestroyRef).onDestroy(() => {
+        /** The owner and participants of the open conversation; empty while it is not shared. */
+        this.members = computed(() => this.activeConversation()?.members ?? [], ...(ngDevMode ? [{ debugName: "members" }] : []));
+        /** True when the current user owns the open conversation (or it is new). */
+        this.isOwner = computed(() => (this.activeConversation()?.role ?? 'owner') === 'owner', ...(ngDevMode ? [{ debugName: "isOwner" }] : []));
+        /** True when the current user may decide the pending approval: it belongs to their own turn. */
+        this.canDecide = computed(() => {
+            const conversation = this.activeConversation();
+            if (!conversation?.pendingApproval) {
+                return false;
+            }
+            return !conversation.activeActorId || !conversation.currentActorId || conversation.activeActorId === conversation.currentActorId;
+        }, ...(ngDevMode ? [{ debugName: "canDecide" }] : []));
+        /** The member whose turn runs or waits in the open conversation, when it is someone else. */
+        this.activeMember = computed(() => {
+            const conversation = this.activeConversation();
+            if (!conversation?.activeActorId || conversation.activeActorId === conversation.currentActorId) {
+                return null;
+            }
+            return conversation.members?.find(member => member.actorId === conversation.activeActorId) ?? null;
+        }, ...(ngDevMode ? [{ debugName: "activeMember" }] : []));
+        /** Conversations that need attention: running, waiting for approval or unread. Most recent first. */
+        this.activity = computed(() => {
+            const sessions = this.sessionsState();
+            const activeId = this.activeIdState();
+            return this.conversationsState()
+                .map(summary => {
+                const session = sessions.get(summary.id);
+                const status = session?.streaming ? session.conversation.status : summary.status;
+                return {
+                    id: summary.id,
+                    title: summary.title,
+                    status,
+                    unread: nhAssistantIsUnread({ ...summary, status }),
+                    shared: (summary.participantCount ?? 0) > 0,
+                    active: summary.id === activeId,
+                    updatedAt: summary.updatedAt
+                };
+            })
+                .filter(item => item.status === 'running' || item.status === 'waiting-for-approval' || item.unread);
+        }, ...(ngDevMode ? [{ debugName: "activity" }] : []));
+        this.runningCount = computed(() => this.activity().filter(item => item.status === 'running').length, ...(ngDevMode ? [{ debugName: "runningCount" }] : []));
+        this.waitingCount = computed(() => this.activity().filter(item => item.status === 'waiting-for-approval').length, ...(ngDevMode ? [{ debugName: "waitingCount" }] : []));
+        this.unreadCount = computed(() => this.activity().filter(item => item.unread).length, ...(ngDevMode ? [{ debugName: "unreadCount" }] : []));
+        /** Live update connection state. */
+        this.liveState = this.live.state;
+        const destroyRef = inject(DestroyRef);
+        destroyRef.onDestroy(() => {
             this.accessSubscription?.unsubscribe();
-            this.streamSubscription?.unsubscribe();
-            clearTimeout(this.cancelTimer);
+            this.liveSubscription.unsubscribe();
+            this.stopAllTurns();
+            clearTimeout(this.refreshTimer);
+        });
+        this.liveSubscription.add(this.live.changed$.subscribe(change => this.onLiveChanged(change)));
+        this.liveSubscription.add(this.live.read$.subscribe(read => this.onLiveRead(read)));
+        this.liveSubscription.add(this.live.removed$.subscribe(removed => this.onLiveRemoved(removed)));
+        this.liveSubscription.add(this.live.events$.subscribe(event => this.onLiveEvent(event)));
+        this.liveSubscription.add(this.live.resync$.subscribe(() => this.resync()));
+        if (this.browser) {
+            const update = () => this.pageVisibleState.set(this.document.visibilityState === 'visible' && this.document.hasFocus());
+            const visible = () => {
+                update();
+                if (this.document.visibilityState === 'visible' && this.enabled()) {
+                    // Without live updates, or on another instance, coming back reloads the list.
+                    void this.refreshConversations();
+                }
+            };
+            this.document.addEventListener('visibilitychange', visible);
+            globalThis.addEventListener?.('focus', update);
+            globalThis.addEventListener?.('blur', update);
+            destroyRef.onDestroy(() => {
+                this.document.removeEventListener('visibilitychange', visible);
+                globalThis.removeEventListener?.('focus', update);
+                globalThis.removeEventListener?.('blur', update);
+            });
+            update();
+        }
+        // Marks the open conversation as read while the user looks at it.
+        effect(() => {
+            this.activeIdState();
+            this.viewingState();
+            this.pageVisibleState();
+            this.conversationsState();
+            this.sessionsState();
+            untracked(() => this.markActiveReadWhenSeen());
         });
     }
     /** Evaluates the access policy and loads the server status once. Safe to call repeatedly. */
@@ -1848,21 +2558,9 @@ class NhAssistantStore {
     async reloadStatus() {
         const revision = ++this.statusRevision;
         if (this.accessGrantedState() !== true) {
-            this.accountRevision++;
-            this.stopLocalTurn();
+            this.resetAccount();
             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;
@@ -1874,20 +2572,8 @@ class NhAssistantStore {
                 return;
             }
             if (restored.changed) {
-                this.accountRevision++;
-                this.stopLocalTurn();
+                this.resetAccount();
                 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);
             }
@@ -1898,7 +2584,8 @@ class NhAssistantStore {
             this.statusState.set(status);
             if (status.enabled) {
                 this.selectInitialAgent(status.agents);
-                if (!this.activeConversationState() && restored.state.conversationId) {
+                this.startCollaboration(status);
+                if (this.activeIdState() === null && restored.state.conversationId) {
                     await this.loadConversation(restored.state.conversationId, true);
                 }
             }
@@ -1924,13 +2611,13 @@ class NhAssistantStore {
         try {
             const page = await firstValueFrom(this.api.listConversations(1, conversationPageSize));
             if (revision === this.accountRevision) {
-                this.conversationsState.set(page.items);
+                this.conversationsState.set(page.items.map(item => this.withLocalState(item)));
                 this.conversationsTotalState.set(page.total);
             }
         }
         catch (error) {
             if (revision === this.accountRevision) {
-                this.setError(error);
+                this.setError(this.activeIdState(), error);
             }
         }
         finally {
@@ -1939,72 +2626,37 @@ class NhAssistantStore {
             }
         }
     }
-    /** Chooses the agent for the next new conversation. Switching away from the active conversation's agent starts a new one. */
+    /** Chooses the agent for the next new conversation. Switching away from the open conversation's agent starts a new one. */
     selectAgent(agentId) {
         if (!this.agents().some(agent => agent.id === agentId)) {
             return;
         }
         this.selectedAgentIdState.set(agentId);
         this.uiState.update({ agentId });
-        const active = this.activeConversationState();
-        if (active && active.agentId !== agentId && !this.streamingState()) {
+        const active = this.activeConversation();
+        if (active && active.agentId !== agentId) {
             this.startNewConversation();
         }
     }
-    /** Leaves the active conversation; the next message creates a new one. */
+    /**
+     * Leaves the open conversation; the next message creates a new one. Turns of other
+     * conversations keep running in the background.
+     */
     startNewConversation() {
-        if (this.streamingState()) {
-            return;
-        }
-        this.activeConversationState.set(null);
+        this.activeIdState.set(null);
         this.uiState.update({ conversationId: null });
-        this.errorState.set(null);
-        this.noticeState.set(null);
-        this.lastUsageState.set(null);
+        this.draftErrorState.set(null);
     }
+    /** Opens a conversation; one that this tab already follows opens immediately. */
     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));
-            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) {
-            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 {
-            if (revision === this.accountRevision) {
-                this.conversationLoadingState.set(false);
-            }
-        }
+    /** Tells the store whether the user can see the open thread, so it can mark it as read. */
+    setViewing(viewing) {
+        this.viewingState.set(viewing);
     }
     async deleteConversation(conversationId) {
-        if (this.streamingState() && this.activeConversationState()?.id === conversationId) {
+        if (this.sessionsState().get(conversationId)?.streaming) {
             return;
         }
         const revision = this.accountRevision;
@@ -2013,26 +2665,22 @@ class NhAssistantStore {
             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 });
-            }
+            this.forget(conversationId);
         }
         catch (error) {
             if (revision === this.accountRevision) {
-                this.setError(error);
+                this.setError(this.activeIdState(), error);
             }
         }
     }
     /**
-     * Sends a user message. Creates a conversation with the selected agent when none is
-     * active, shows the message optimistically and applies the streamed events.
-     * Resolves `false` when the message was not accepted.
+     * Sends a user message. Creates a conversation with the selected agent when none is open,
+     * shows the message optimistically and applies the streamed events. Other conversations keep
+     * their own turns. Resolves `false` when the message was not accepted.
      */
     async send(text) {
+        // Browsers only ask for notification permission during a user action such as this one.
+        void this.push.onUserGesture().catch(() => undefined);
         const trimmed = text.trim();
         await this.initialize();
         await this.reloadStatus();
@@ -2040,51 +2688,65 @@ class NhAssistantStore {
         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();
+        let conversation = this.activeConversation();
+        this.sendingState.set(conversation?.id ?? newConversationKey);
+        this.restoredDraftState.set(null);
+        this.draftErrorState.set(null);
         if (!conversation) {
             conversation = await this.createConversation();
             if (!conversation) {
                 if (accountRevision === this.accountRevision) {
-                    this.streamingState.set(false);
+                    this.sendingState.set(null);
                     this.restoredDraftState.set(text);
                 }
                 return false;
             }
+            this.sendingState.set(conversation.id);
         }
         const clientContext = await this.contextForMessage();
         if (accountRevision !== this.accountRevision) {
             return false;
         }
+        const conversationId = conversation.id;
         const clientMessageId = createClientMessageId();
         const previousStatus = conversation.status;
-        this.activeConversationState.set({
-            ...conversation,
-            status: 'running',
-            messages: [
-                ...conversation.messages,
-                { id: clientMessageId, role: 'user', createdAt: new Date().toISOString(), parts: [{ type: 'text', text: trimmed }] }
-            ]
-        });
-        const conversationId = conversation.id;
+        this.patchSession(conversationId, session => ({
+            ...session,
+            error: null,
+            notice: null,
+            conversation: {
+                ...session.conversation,
+                status: 'running',
+                messages: [
+                    ...session.conversation.messages,
+                    {
+                        id: clientMessageId,
+                        role: 'user',
+                        createdAt: new Date().toISOString(),
+                        parts: [{ type: 'text', text: trimmed }],
+                        authorActorId: session.conversation.currentActorId ?? null
+                    }
+                ]
+            }
+        }));
+        this.patchSummary(conversationId, { status: 'running', updatedAt: new Date().toISOString() });
         return new Promise(resolve => {
-            this.pendingSendResolve = resolve;
+            this.pendingSendResolves.set(conversationId, resolve);
             let started = false;
             let failedAfterStart = false;
-            this.runStream(this.api.sendMessage(conversationId, {
+            this.runStream(conversationId, this.api.sendMessage(conversationId, {
                 text: trimmed,
                 clientMessageId,
                 ...(clientContext === undefined ? {} : { clientContext })
             }), {
                 next: event => {
                     if (event.type === 'error' && !started) {
-                        this.removeMessage(clientMessageId, previousStatus);
-                        this.restoredDraftState.set(text);
-                        this.errorState.set(event.data);
+                        this.removeMessage(conversationId, clientMessageId, previousStatus);
+                        if (this.activeIdState() === conversationId) {
+                            this.restoredDraftState.set(text);
+                        }
+                        this.patchSession(conversationId, session => ({ ...session, error: event.data }));
                         resolve(false);
                         return;
                     }
@@ -2095,90 +2757,218 @@ class NhAssistantStore {
                     if (event.type === 'error') {
                         failedAfterStart = true;
                     }
-                    this.applyEvent(event, clientMessageId);
+                    this.applyEvent(conversationId, event, clientMessageId);
                 },
                 complete: () => {
-                    this.pendingSendResolve = undefined;
+                    this.pendingSendResolves.delete(conversationId);
                     resolve(started);
                     this.afterTurn(conversationId, failedAfterStart);
                 }
             });
+            this.sendingState.set(null);
         });
     }
     /** Approves or rejects the pending approval. Ignores repeated calls while a decision is in flight. */
     decide(decision, reason) {
-        const conversation = this.activeConversationState();
+        const session = this.activeSession();
+        const conversation = session?.conversation;
         const approval = conversation?.pendingApproval ?? null;
-        if (!conversation || !approval || this.decidingState() || this.streamingState()) {
+        if (!session || !conversation || !approval || session.deciding || session.streaming || !this.canDecide()) {
             return;
         }
-        this.decidingState.set(true);
-        this.streamingState.set(true);
-        this.errorState.set(null);
-        this.noticeState.set(null);
+        const conversationId = conversation.id;
+        this.patchSession(conversationId, current => ({ ...current, deciding: true, error: null, notice: null }));
         let accepted = false;
         let failed = false;
         const request = { decision, expectedProposalHash: approval.proposalHash, ...(reason ? { reason } : {}) };
-        this.runStream(this.api.decideApproval(conversation.id, approval.approvalId, request), {
+        this.runStream(conversationId, this.api.decideApproval(conversationId, approval.approvalId, request), {
             next: event => {
                 if (!accepted && event.type !== 'error') {
                     accepted = true;
-                    this.updateActive(current => applyNhAssistantApprovalDecision(current, approval.approvalId, decision));
+                    this.patchSession(conversationId, current => ({
+                        ...current,
+                        conversation: applyNhAssistantApprovalDecision(current.conversation, approval.approvalId, decision)
+                    }));
                 }
                 if (event.type === 'error') {
                     failed = true;
                     if (!accepted) {
-                        this.errorState.set(event.data);
+                        this.patchSession(conversationId, current => ({ ...current, error: event.data }));
                         return;
                     }
                 }
-                this.applyEvent(event);
+                this.applyEvent(conversationId, event);
             },
             complete: () => {
-                this.decidingState.set(false);
-                this.afterTurn(conversation.id, failed);
+                this.patchSession(conversationId, current => ({ ...current, deciding: false }));
+                this.afterTurn(conversationId, failed);
             }
         });
     }
-    /** Asks the server to stop the running turn or to abandon a waiting approval. */
+    /** Asks the server to stop the running turn or to abandon a waiting approval of the open conversation. */
     async cancel() {
-        const conversation = this.activeConversationState();
-        if (!conversation || (conversation.status === 'idle' && !this.streamingState())) {
+        const session = this.activeSession();
+        const conversation = session?.conversation;
+        if (!session || !conversation || (conversation.status === 'idle' && !session.streaming)) {
             return;
         }
+        const conversationId = conversation.id;
         const revision = this.accountRevision;
         try {
-            await firstValueFrom(this.api.cancel(conversation.id), { defaultValue: undefined });
+            await firstValueFrom(this.api.cancel(conversationId), { defaultValue: undefined });
         }
         catch (error) {
             if (revision === this.accountRevision) {
-                this.setError(error);
+                this.setError(conversationId, error);
             }
             return;
         }
         if (revision !== this.accountRevision) {
             return;
         }
-        if (!this.streamingState()) {
-            await this.reloadActiveConversation(conversation.id);
+        if (!this.sessionsState().get(conversationId)?.streaming) {
+            await this.reloadSession(conversationId);
             return;
         }
         // The server ends the stream with turn.completed(cancelled); stop waiting if it does not.
-        clearTimeout(this.cancelTimer);
-        this.cancelTimer = setTimeout(() => {
-            if (this.streamingState()) {
-                this.streamSubscription?.unsubscribe();
-                this.streamingState.set(false);
-                this.decidingState.set(false);
-                void this.reloadActiveConversation(conversation.id);
+        clearTimeout(this.cancelTimers.get(conversationId));
+        this.cancelTimers.set(conversationId, setTimeout(() => {
+            this.cancelTimers.delete(conversationId);
+            if (this.sessionsState().get(conversationId)?.streaming) {
+                this.streams.get(conversationId)?.unsubscribe();
+                this.streams.delete(conversationId);
+                this.patchSession(conversationId, current => ({ ...current, streaming: false, deciding: false }));
+                void this.reloadSession(conversationId);
+            }
+        }, cancelGracePeriodMs));
+    }
+    /** Joins a shared conversation with an invitation link and opens it. Resolves `false` on failure. */
+    async joinConversation(conversationId, token) {
+        await this.initialize();
+        const revision = this.accountRevision;
+        try {
+            const conversation = await firstValueFrom(this.api.joinConversation(conversationId, token));
+            if (revision !== this.accountRevision) {
+                return false;
+            }
+            this.upsertSession(conversation);
+            this.setActive(conversation.id, conversation.agentId);
+            void this.refreshConversations();
+            return true;
+        }
+        catch (error) {
+            if (revision === this.accountRevision) {
+                this.startNewConversation();
+                this.setError(null, error);
+            }
+            return false;
+        }
+    }
+    /** Owner only: creates a new invitation link for the open conversation and returns its token. */
+    async createShareLink() {
+        const conversationId = this.activeIdState();
+        if (!conversationId) {
+            return null;
+        }
+        try {
+            const link = await firstValueFrom(this.api.createShareLink(conversationId));
+            this.patchSession(conversationId, session => ({
+                ...session,
+                conversation: { ...session.conversation, shareToken: link.token }
+            }));
+            return link.token;
+        }
+        catch (error) {
+            this.setError(conversationId, error);
+            return null;
+        }
+    }
+    /** Owner only: the invitation link of the open conversation stops working. */
+    async revokeShareLink() {
+        const conversationId = this.activeIdState();
+        if (!conversationId) {
+            return false;
+        }
+        try {
+            await firstValueFrom(this.api.revokeShareLink(conversationId), { defaultValue: undefined });
+            this.patchSession(conversationId, session => ({
+                ...session,
+                conversation: { ...session.conversation, shareToken: null }
+            }));
+            return true;
+        }
+        catch (error) {
+            this.setError(conversationId, error);
+            return false;
+        }
+    }
+    /** Owner only: searches the application's directory for people to invite to the open conversation. */
+    async searchParticipantCandidates(query) {
+        const conversationId = this.activeIdState();
+        if (!conversationId || query.trim().length < 2) {
+            return [];
+        }
+        try {
+            return await firstValueFrom(this.api.searchParticipantCandidates(conversationId, query.trim()));
+        }
+        catch (error) {
+            this.setError(conversationId, error);
+            return [];
+        }
+    }
+    /** Owner only: invites a person from the directory to the open conversation. */
+    async inviteParticipant(actorId) {
+        const conversationId = this.activeIdState();
+        if (!conversationId) {
+            return false;
+        }
+        try {
+            await firstValueFrom(this.api.inviteParticipant(conversationId, actorId), { defaultValue: undefined });
+            await this.reloadSession(conversationId);
+            return true;
+        }
+        catch (error) {
+            this.setError(conversationId, error);
+            return false;
+        }
+    }
+    /**
+     * The owner removes a participant of the open conversation; with the current user's own id a
+     * participant leaves it.
+     */
+    async removeParticipant(actorId) {
+        const conversation = this.activeConversation();
+        if (!conversation) {
+            return false;
+        }
+        try {
+            await firstValueFrom(this.api.removeParticipant(conversation.id, actorId), { defaultValue: undefined });
+            if (actorId === conversation.currentActorId) {
+                this.forget(conversation.id);
+            }
+            else {
+                await this.reloadSession(conversation.id);
             }
-        }, cancelGracePeriodMs);
+            return true;
+        }
+        catch (error) {
+            this.setError(conversation.id, error);
+            return false;
+        }
     }
     clearError() {
-        this.errorState.set(null);
+        const activeId = this.activeIdState();
+        if (activeId === null) {
+            this.draftErrorState.set(null);
+            return;
+        }
+        this.patchSession(activeId, session => ({ ...session, error: null }));
     }
     clearNotice() {
-        this.noticeState.set(null);
+        const activeId = this.activeIdState();
+        if (activeId !== null) {
+            this.patchSession(activeId, session => ({ ...session, notice: null }));
+        }
     }
     /** Persists only drawer visibility, never the page context or a message draft. */
     setPanelOpen(open) {
@@ -2203,6 +2993,54 @@ class NhAssistantStore {
         this.restoredDraftState.set(null);
         return draft;
     }
+    async loadConversation(conversationId, restoring) {
+        if (this.sessionsState().has(conversationId)) {
+            const session = this.sessionsState().get(conversationId);
+            this.setActive(conversationId, session.conversation.agentId);
+            return;
+        }
+        if (this.activeIdState() === conversationId) {
+            return;
+        }
+        const revision = this.accountRevision;
+        this.conversationLoadingState.set(true);
+        this.draftErrorState.set(null);
+        try {
+            const conversation = await firstValueFrom(this.api.getConversation(conversationId));
+            if (revision !== this.accountRevision) {
+                return;
+            }
+            if (!this.agents().some(agent => agent.id === conversation.agentId)) {
+                this.uiState.update({ conversationId: null });
+                return;
+            }
+            this.upsertSession(conversation);
+            this.setActive(conversationId, conversation.agentId);
+        }
+        catch (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(null, error);
+            }
+        }
+        finally {
+            if (revision === this.accountRevision) {
+                this.conversationLoadingState.set(false);
+            }
+        }
+    }
+    setActive(conversationId, agentId) {
+        this.activeIdState.set(conversationId);
+        if (agentId) {
+            this.selectedAgentIdState.set(agentId);
+        }
+        this.uiState.update(agentId ? { conversationId, agentId } : { conversationId });
+    }
     /**
      * Page context for one message: `undefined` omits the field (no getter, getter failed or
      * invalid shape), `null` sends an explicit "none" (no context or left out by the user).
@@ -2260,6 +3098,37 @@ class NhAssistantStore {
             });
         });
     }
+    /** Connects live updates and notifications once per account and server configuration. */
+    startCollaboration(status) {
+        const collaboration = status.collaboration ?? null;
+        const key = `${this.accountRevision}|${collaboration?.hubPath ?? ''}|${collaboration?.push === true}`;
+        if (key === this.collaborationKey) {
+            return;
+        }
+        const accountChanged = this.collaborationKey?.split('|')[0] !== String(this.accountRevision);
+        this.collaborationKey = key;
+        void this.live.connect(collaboration?.hubPath ?? null, accountChanged);
+        void this.push.activate(collaboration?.push === true);
+    }
+    /** Forgets everything about the previous account: turns, conversations, live updates and push. */
+    resetAccount() {
+        this.accountRevision++;
+        this.collaborationKey = null;
+        this.stopAllTurns();
+        this.sessionsState.set(new Map());
+        this.activeIdState.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.draftErrorState.set(null);
+        this.sendingState.set(null);
+        void this.live.stop();
+        void this.push.deactivate().catch(() => undefined);
+    }
     async createConversation() {
         const agentId = this.selectedAgentIdState();
         if (!agentId) {
@@ -2271,108 +3140,305 @@ class NhAssistantStore {
             if (revision !== this.accountRevision) {
                 return null;
             }
-            this.activeConversationState.set(conversation);
-            this.uiState.update({ conversationId: conversation.id });
+            this.upsertSession(conversation);
+            this.setActive(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) {
             if (revision === this.accountRevision) {
-                this.setError(error);
+                this.setError(null, error);
             }
             return null;
         }
     }
-    runStream(stream, handlers) {
-        this.streamSubscription?.unsubscribe();
-        this.streamingState.set(true);
+    runStream(conversationId, stream, handlers) {
+        this.streams.get(conversationId)?.unsubscribe();
+        this.patchSession(conversationId, session => ({ ...session, streaming: true }));
         const finish = () => {
-            clearTimeout(this.cancelTimer);
-            this.streamingState.set(false);
+            clearTimeout(this.cancelTimers.get(conversationId));
+            this.cancelTimers.delete(conversationId);
+            this.streams.delete(conversationId);
+            this.patchSession(conversationId, session => ({ ...session, streaming: false }));
             handlers.complete();
         };
-        this.streamSubscription = stream.subscribe({
+        const subscription = stream.subscribe({
             next: event => handlers.next(event),
             error: () => {
-                this.errorState.set(clientError(NhAssistantClientErrorCodes.network));
+                this.patchSession(conversationId, session => ({ ...session, error: clientError(NhAssistantClientErrorCodes.network) }));
                 finish();
             },
             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') {
-            this.errorState.set(event.data);
-        }
-        if (event.type === 'turn.completed') {
-            this.lastUsageState.set(event.data.usage);
-            if (event.data.status === 'failed') {
-                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));
-            }
+        if (!subscription.closed) {
+            this.streams.set(conversationId, subscription);
         }
     }
-    /** A completed turn with a server code, or without any answer text, explains itself with a notice. */
-    completionNotice(errorCode) {
-        if (errorCode) {
-            return clientError(errorCode);
+    stopAllTurns() {
+        for (const subscription of this.streams.values()) {
+            subscription.unsubscribe();
         }
-        const conversation = this.activeConversationState();
-        if (conversation && !nhAssistantLatestTurnHasText(conversation)) {
-            return { code: NH_ASSISTANT_NO_ANSWER_NOTICE_CODE, messageKey: 'nh-assistant.notices.no-answer' };
+        this.streams.clear();
+        for (const resolve of this.pendingSendResolves.values()) {
+            resolve(false);
         }
-        return null;
+        this.pendingSendResolves.clear();
+        for (const timer of this.cancelTimers.values()) {
+            clearTimeout(timer);
+        }
+        this.cancelTimers.clear();
+    }
+    applyEvent(conversationId, event, clientMessageId) {
+        this.patchSession(conversationId, session => {
+            const conversation = applyNhAssistantEvent(session.conversation, event, clientMessageId);
+            let { error, notice, lastUsage } = session;
+            if (event.type === 'error') {
+                error = event.data;
+            }
+            if (event.type === 'turn.completed') {
+                lastUsage = event.data.usage;
+                if (event.data.status === 'failed') {
+                    error = clientError(event.data.errorCode ?? NhAssistantClientErrorCodes.server);
+                }
+                else if (event.data.status === 'completed') {
+                    notice = completionNotice(conversation, event.data.errorCode);
+                }
+            }
+            return { ...session, conversation, error, notice, lastUsage };
+        });
     }
     afterTurn(conversationId, reload) {
-        const active = this.activeConversationState();
-        if (active?.id === conversationId) {
-            this.conversationsState.update(items => items.map(item => item.id === conversationId ? { ...item, status: active.status, updatedAt: new Date().toISOString() } : item));
+        const session = this.sessionsState().get(conversationId);
+        if (session) {
+            const status = session.conversation.status;
+            this.patchSummary(conversationId, summary => ({
+                ...summary,
+                status,
+                updatedAt: new Date().toISOString(),
+                activeActorId: status === 'waiting-for-approval' ? summary.activeActorId ?? session.conversation.currentActorId ?? null : null
+            }));
         }
         if (reload) {
-            void this.reloadActiveConversation(conversationId);
-        }
-        if (!active?.title) {
-            void this.refreshConversations();
+            void this.reloadSession(conversationId);
         }
+        // The list carries the exact title, latest message and read position of the finished turn.
+        void this.refreshConversations();
     }
-    async reloadActiveConversation(conversationId) {
+    async reloadSession(conversationId) {
         const revision = this.accountRevision;
         try {
             const conversation = await firstValueFrom(this.api.getConversation(conversationId));
-            if (revision === this.accountRevision && this.activeConversationState()?.id === conversationId && !this.streamingState()) {
-                this.activeConversationState.set(conversation);
+            const session = this.sessionsState().get(conversationId);
+            if (revision === this.accountRevision && session && !session.streaming) {
+                this.upsertSession(conversation);
+            }
+        }
+        catch (error) {
+            if (error instanceof NhAssistantApiError && (error.status === 403 || error.status === 404)) {
+                this.forget(conversationId);
             }
+            // Otherwise keep the local state; the error of the turn is already shown.
+        }
+    }
+    markActiveReadWhenSeen() {
+        const conversationId = this.activeIdState();
+        if (!conversationId || !this.viewingState() || !this.pageVisibleState() || this.markingRead.has(conversationId)) {
+            return;
+        }
+        const session = this.sessionsState().get(conversationId);
+        const summary = this.conversationsState().find(item => item.id === conversationId);
+        if (!session || session.streaming || !summary || !nhAssistantIsUnread(summary)) {
+            return;
+        }
+        this.markingRead.add(conversationId);
+        const revision = this.accountRevision;
+        let request;
+        try {
+            request = this.api.markRead(conversationId);
         }
         catch {
-            // Keep the local state; the error of the turn is already shown.
+            this.markingRead.delete(conversationId);
+            return;
         }
+        firstValueFrom(request, { defaultValue: undefined })
+            .then(() => {
+            if (revision === this.accountRevision) {
+                this.patchSummary(conversationId, item => ({ ...item, lastReadSequence: item.lastMessageSequence ?? item.lastReadSequence }));
+            }
+        })
+            .catch(() => undefined)
+            .finally(() => this.markingRead.delete(conversationId));
     }
-    updateActive(update) {
-        const conversation = this.activeConversationState();
-        if (conversation) {
-            this.activeConversationState.set(update(conversation));
+    onLiveChanged(change) {
+        const known = this.conversationsState().some(item => item.id === change.conversationId);
+        if (!known) {
+            this.scheduleRefresh();
+        }
+        else {
+            this.patchSummary(change.conversationId, summary => ({
+                ...summary,
+                status: change.status,
+                title: change.title,
+                updatedAt: change.updatedAt,
+                activeActorId: change.activeActorId,
+                lastMessageSequence: Math.max(summary.lastMessageSequence ?? 0, change.lastMessageSequence),
+                participantCount: change.participantCount
+            }));
+        }
+        const session = this.sessionsState().get(change.conversationId);
+        if (!session || session.streaming) {
+            return;
+        }
+        const wasRunning = session.conversation.status === 'running';
+        this.patchSession(change.conversationId, current => ({
+            ...current,
+            conversation: applyNhAssistantConversationChange(current.conversation, change)
+        }));
+        if (wasRunning && change.status !== 'running') {
+            // Another session ended its turn; the snapshot holds the exact answer and approvals.
+            void this.reloadSession(change.conversationId);
+        }
+        else if (session.conversation.participantCount !== change.participantCount) {
+            void this.reloadSession(change.conversationId);
         }
     }
-    removeMessage(messageId, status) {
-        this.updateActive(conversation => ({
-            ...conversation,
-            status,
-            messages: conversation.messages.filter(message => message.id !== messageId)
+    onLiveRead(read) {
+        this.patchSummary(read.conversationId, summary => ({
+            ...summary,
+            lastReadSequence: Math.max(summary.lastReadSequence ?? 0, read.lastReadSequence)
         }));
     }
+    onLiveRemoved(removed) {
+        const wasActive = this.activeIdState() === removed.conversationId;
+        this.forget(removed.conversationId);
+        if (wasActive) {
+            this.draftErrorState.set(clientError(NhAssistantClientErrorCodes.conversationRemoved));
+        }
+    }
+    onLiveEvent(event) {
+        const session = this.sessionsState().get(event.conversationId);
+        if (event.type === 'turn.started') {
+            this.patchSummary(event.conversationId, summary => ({ ...summary, status: 'running', activeActorId: event.actorId }));
+        }
+        if (!session || session.streaming) {
+            // This tab streams the turn itself, or does not show the conversation.
+            return;
+        }
+        this.patchSession(event.conversationId, current => ({
+            ...current,
+            conversation: applyNhAssistantLiveEvent(current.conversation, event)
+        }));
+    }
+    /** After a reconnect: updates sent while disconnected are lost, so reload what is shown. */
+    resync() {
+        if (!this.enabled()) {
+            return;
+        }
+        void this.refreshConversations();
+        for (const [conversationId, session] of this.sessionsState()) {
+            if (!session.streaming) {
+                void this.reloadSession(conversationId);
+            }
+        }
+    }
+    scheduleRefresh() {
+        clearTimeout(this.refreshTimer);
+        this.refreshTimer = setTimeout(() => void this.refreshConversations(), refreshDelayMs);
+    }
+    /** Stores a snapshot, keeping at most `maxSessions` idle conversations in memory. */
+    upsertSession(conversation) {
+        this.sessionsState.update(sessions => {
+            const next = new Map(sessions);
+            const existing = next.get(conversation.id);
+            next.set(conversation.id, existing
+                ? { ...existing, conversation }
+                : { conversation, streaming: false, deciding: false, error: null, notice: null, lastUsage: null });
+            if (next.size > maxSessions) {
+                const activeId = this.activeIdState();
+                for (const [id, session] of next) {
+                    if (next.size <= maxSessions) {
+                        break;
+                    }
+                    if (id !== activeId && id !== conversation.id && !session.streaming) {
+                        next.delete(id);
+                    }
+                }
+            }
+            return next;
+        });
+        this.patchSummary(conversation.id, summary => ({
+            ...summary,
+            title: conversation.title,
+            status: conversation.status,
+            updatedAt: conversation.updatedAt,
+            ...(conversation.lastMessageSequence === undefined ? {} : { lastMessageSequence: conversation.lastMessageSequence }),
+            ...(conversation.lastReadSequence === undefined ? {} : { lastReadSequence: conversation.lastReadSequence }),
+            ...(conversation.activeActorId === undefined ? {} : { activeActorId: conversation.activeActorId }),
+            ...(conversation.members === undefined ? {} : { participantCount: Math.max(0, conversation.members.length - 1) })
+        }));
+    }
+    patchSession(conversationId, update) {
+        const session = this.sessionsState().get(conversationId);
+        if (!session) {
+            return;
+        }
+        this.sessionsState.update(sessions => new Map(sessions).set(conversationId, update(session)));
+    }
+    patchSummary(conversationId, update) {
+        this.conversationsState.update(items => items.map(item => {
+            if (item.id !== conversationId) {
+                return item;
+            }
+            return typeof update === 'function' ? update(item) : { ...item, ...update };
+        }));
+    }
+    /**
+     * Keeps local knowledge when the list is reloaded: the status of turns this tab streams, and a
+     * read position the server already confirmed, which a list response sent earlier may not show.
+     */
+    withLocalState(summary) {
+        const session = this.sessionsState().get(summary.id);
+        const known = this.conversationsState().find(item => item.id === summary.id)?.lastReadSequence;
+        const lastReadSequence = known !== undefined && summary.lastReadSequence !== undefined
+            ? Math.max(known, summary.lastReadSequence)
+            : summary.lastReadSequence;
+        return {
+            ...summary,
+            lastReadSequence,
+            status: session?.streaming ? session.conversation.status : summary.status
+        };
+    }
+    /** Removes a deleted, left or inaccessible conversation everywhere. */
+    forget(conversationId) {
+        this.streams.get(conversationId)?.unsubscribe();
+        this.streams.delete(conversationId);
+        this.sessionsState.update(sessions => {
+            const next = new Map(sessions);
+            next.delete(conversationId);
+            return next;
+        });
+        const before = this.conversationsState().length;
+        this.conversationsState.update(items => items.filter(item => item.id !== conversationId));
+        if (this.conversationsState().length < before) {
+            this.conversationsTotalState.update(total => Math.max(0, total - 1));
+        }
+        if (this.activeIdState() === conversationId) {
+            this.activeIdState.set(null);
+            this.uiState.update({ conversationId: null });
+        }
+    }
+    removeMessage(conversationId, messageId, status) {
+        this.patchSession(conversationId, session => ({
+            ...session,
+            conversation: {
+                ...session.conversation,
+                status,
+                messages: session.conversation.messages.filter(message => message.id !== messageId)
+            }
+        }));
+        this.patchSummary(conversationId, { status });
+    }
     selectInitialAgent(agents) {
         const current = this.selectedAgentIdState();
         if (current && agents.some(agent => agent.id === current)) {
@@ -2382,22 +3448,36 @@ class NhAssistantStore {
         this.selectedAgentIdState.set(preferred?.id ?? null);
         this.uiState.update({ agentId: preferred?.id ?? null });
     }
-    setError(error) {
-        if (error instanceof NhAssistantApiError) {
-            this.errorState.set({ code: error.code, messageKey: error.messageKey });
+    /** Shows an error on a conversation, or on the new-conversation view for `null`. */
+    setError(conversationId, error) {
+        const value = error instanceof NhAssistantApiError
+            ? { code: error.code, messageKey: error.messageKey }
+            : clientError(NhAssistantClientErrorCodes.server);
+        if (conversationId === null || !this.sessionsState().has(conversationId)) {
+            this.draftErrorState.set(value);
             return;
         }
-        this.errorState.set(clientError(NhAssistantClientErrorCodes.server));
+        this.patchSession(conversationId, session => ({ ...session, error: value }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantStore }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantStore }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 function clientError(code) {
     return { code, messageKey: nhAssistantErrorMessageKey(code) };
 }
+/** A completed turn with a server code, or without any answer text, explains itself with a notice. */
+function completionNotice(conversation, errorCode) {
+    if (errorCode) {
+        return clientError(errorCode);
+    }
+    if (!nhAssistantLatestTurnHasText(conversation)) {
+        return { code: NH_ASSISTANT_NO_ANSWER_NOTICE_CODE, messageKey: 'nh-assistant.notices.no-answer' };
+    }
+    return null;
+}
 function toSummary(conversation) {
     return {
         id: conversation.id,
@@ -2405,7 +3485,12 @@ function toSummary(conversation) {
         title: conversation.title,
         status: conversation.status,
         createdAt: conversation.createdAt,
-        updatedAt: conversation.updatedAt
+        updatedAt: conversation.updatedAt,
+        role: conversation.role,
+        participantCount: conversation.members ? Math.max(0, conversation.members.length - 1) : conversation.participantCount,
+        lastMessageSequence: conversation.lastMessageSequence,
+        lastReadSequence: conversation.lastReadSequence,
+        activeActorId: conversation.activeActorId
     };
 }
 function createClientMessageId() {
@@ -2569,10 +3654,10 @@ class NhAssistantPanelService {
         this.overlayRef?.dispose();
         this.overlayRef = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPanelService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPanelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPanelService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPanelService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPanelService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2588,6 +3673,8 @@ function provideNhAssistant(config) {
         NhAssistantTransport,
         NhAssistantApiService,
         NhAssistantAdminApiService,
+        NhAssistantLiveService,
+        NhAssistantPushService,
         NhAssistantStore,
         NhAssistantUiState,
         NhAssistantPanelService,
@@ -2597,6 +3684,17 @@ function provideNhAssistant(config) {
     ]);
 }
 
+/** Fragment the panel reads to join a shared conversation: `#nh-assistant-join=<id>.<token>`. */
+const NH_ASSISTANT_JOIN_FRAGMENT = 'nh-assistant-join';
+/** Fragment a clicked notification opens: `#nh-assistant-conversation=<id>`. */
+const NH_ASSISTANT_CONVERSATION_FRAGMENT = 'nh-assistant-conversation';
+/** Builds the default invitation link: the current page with the join fragment. */
+function nhAssistantShareLink(conversationId, token) {
+    const location = globalThis.location;
+    const page = location ? `${location.origin}${location.pathname}${location.search}` : '';
+    return `${page}#${NH_ASSISTANT_JOIN_FRAGMENT}=${encodeURIComponent(conversationId)}.${encodeURIComponent(token)}`;
+}
+
 /**
  * Optional icon classes of the host's icon library, for example `{ close: 'ph ph-x' }`.
  * Icons without a class use the library's small built-in outline glyphs.
@@ -2621,7 +3719,11 @@ const builtInPaths = {
     edit: 'M4 20h4L19 9l-4-4L4 16zM13.5 6.5l4 4',
     refresh: 'M20 11a8 8 0 0 0-14.3-4.9L4 8M4 4v4h4M4 13a8 8 0 0 0 14.3 4.9L20 16M20 20v-4h-4',
     link: 'M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1',
-    page: 'M6 3h8l4 4v14H6zM14 3v4h4M9 12h6M9 16h6'
+    page: 'M6 3h8l4 4v14H6zM14 3v4h4M9 12h6M9 16h6',
+    users: 'M9 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 1 0 0 7zM3 20c0-3.3 2.7-6 6-6s6 2.7 6 6M16 4.5a3.5 3.5 0 0 1 0 6.5M18 14.5c1.8.9 3 2.8 3 5',
+    copy: 'M9 9h11v11H9zM5 15H4V4h11v1',
+    bell: 'M6 16V11a6 6 0 0 1 12 0v5l2 2H4zM10 20a2 2 0 0 0 4 0',
+    leave: 'M10 4H5v16h5M14 8l4 4-4 4M18 12H9'
 };
 /** Decorative icon. The surrounding control provides the accessible name. */
 class NhAssistantIconComponent {
@@ -2631,8 +3733,8 @@ class NhAssistantIconComponent {
         this.iconClass = computed(() => this.icons?.[this.name()] ?? null, ...(ngDevMode ? [{ debugName: "iconClass" }] : []));
         this.path = computed(() => builtInPaths[this.name()], ...(ngDevMode ? [{ debugName: "path" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantIconComponent, isStandalone: true, selector: "nh-assistant-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantIconComponent, isStandalone: true, selector: "nh-assistant-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
     @if (iconClass(); as iconClass) {
       <i [class]="iconClass" aria-hidden="true"></i>
     } @else {
@@ -2642,7 +3744,7 @@ class NhAssistantIconComponent {
     }
   `, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:1.15em}svg{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
     @if (iconClass(); as iconClass) {
@@ -2657,8 +3759,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
 
 /**
  * Header button that opens the assistant panel. It renders nothing while the assistant is
- * disabled on the server or the access policy denies the user. A badge marks a conversation
- * that waits for approval. Projected content replaces the default icon.
+ * disabled on the server or the access policy denies the user. One small badge shows what needs
+ * attention, in this order: an approval that waits, the number of unread conversations, or a
+ * turn that runs. Projected content replaces the default icon.
  */
 class NhAssistantLauncherComponent {
     constructor() {
@@ -2666,6 +3769,16 @@ class NhAssistantLauncherComponent {
         this.panel = inject(NhAssistantPanelService);
         this.waitingForApproval = computed(() => this.store.pendingApproval() !== null ||
             this.store.conversations().some(conversation => conversation.status === 'waiting-for-approval'), ...(ngDevMode ? [{ debugName: "waitingForApproval" }] : []));
+        this.badge = computed(() => {
+            if (this.waitingForApproval()) {
+                return 'waiting';
+            }
+            if (this.store.unreadCount() > 0) {
+                return 'unread';
+            }
+            return this.store.runningCount() > 0 || this.store.streaming() ? 'running' : null;
+        }, ...(ngDevMode ? [{ debugName: "badge" }] : []));
+        this.unreadLabel = computed(() => this.store.unreadCount() > 9 ? '9+' : String(this.store.unreadCount()), ...(ngDevMode ? [{ debugName: "unreadLabel" }] : []));
         this.label = computed(() => this.panel.isOpen() ? 'nh-assistant.launcher.close' : 'nh-assistant.launcher.open', ...(ngDevMode ? [{ debugName: "label" }] : []));
         // Browser only: the status request and access policy need the signed-in user.
         afterNextRender(() => {
@@ -2677,8 +3790,8 @@ class NhAssistantLauncherComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantLauncherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantLauncherComponent, isStandalone: true, selector: "nh-assistant-launcher", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantLauncherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantLauncherComponent, isStandalone: true, selector: "nh-assistant-launcher", ngImport: i0, template: `
     @if (store.enabled()) {
       <button
         class="launcher"
@@ -2689,15 +3802,31 @@ class NhAssistantLauncherComponent {
         [attr.title]="label() | translate"
         (click)="panel.toggle()">
         <ng-content><nh-assistant-icon name="assistant" /></ng-content>
+        @switch (badge()) {
+          @case ('waiting') {
+            <span class="badge" data-state="waiting" aria-hidden="true"></span>
+          }
+          @case ('unread') {
+            <span class="badge count" data-state="unread" aria-hidden="true">{{ unreadLabel() }}</span>
+          }
+          @case ('running') {
+            <span class="badge" data-state="running" aria-hidden="true"></span>
+          }
+        }
         @if (waitingForApproval()) {
-          <span class="badge" aria-hidden="true"></span>
           <span class="visually-hidden">{{ 'nh-assistant.launcher.pending-approval' | translate }}</span>
         }
+        @if (store.unreadCount() > 0) {
+          <span class="visually-hidden">{{ 'nh-assistant.launcher.unread' | translate: { count: store.unreadCount() } }}</span>
+        }
+        @if (store.runningCount() > 0) {
+          <span class="visually-hidden">{{ 'nh-assistant.launcher.running' | translate: { count: store.runningCount() } }}</span>
+        }
       </button>
     }
-  `, isInline: true, 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))}}:host{display:inline-flex}.launcher{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--nh-assistant-launcher-size, 40px);height:var(--nh-assistant-launcher-size, 40px);border:1px solid var(--nh-assistant-launcher-border, var(--nha-border));border-radius:var(--nha-radius-control);padding:0;color:var(--nh-assistant-launcher-color, var(--nha-text));background:var(--nh-assistant-launcher-background, transparent);font-size:18px;cursor:pointer}.launcher:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.launcher:hover,.launcher.open{border-color:var(--nha-highlight);color:var(--nha-highlight)}.badge{position:absolute;top:6px;right:6px;width:9px;height:9px;border:2px solid var(--nh-assistant-launcher-badge-ring, var(--nha-background));border-radius:50%;background:var(--nha-highlight)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, 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))}}:host{display:inline-flex}.launcher{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--nh-assistant-launcher-size, 40px);height:var(--nh-assistant-launcher-size, 40px);border:1px solid var(--nh-assistant-launcher-border, var(--nha-border));border-radius:var(--nha-radius-control);padding:0;color:var(--nh-assistant-launcher-color, var(--nha-text));background:var(--nh-assistant-launcher-background, transparent);font-size:18px;cursor:pointer}.launcher:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.launcher:hover,.launcher.open{border-color:var(--nha-highlight);color:var(--nha-highlight)}.badge{position:absolute;top:6px;right:6px;width:9px;height:9px;border:2px solid var(--nh-assistant-launcher-badge-ring, var(--nha-background));border-radius:50%;background:var(--nha-highlight)}.badge[data-state=waiting]{background:var(--nha-warning)}.badge.count{top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:16px;height:16px;border-radius:999px;padding:0 3px;color:var(--nha-accent-contrast);font-size:10px;font-weight:700;line-height:1}.badge[data-state=running]{border-color:color-mix(in srgb,var(--nha-highlight) 30%,transparent);border-top-color:var(--nha-highlight);background:var(--nh-assistant-launcher-badge-ring, var(--nha-background));animation:nh-assistant-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.badge[data-state=running]{border-color:var(--nha-highlight);animation:none}}@keyframes nh-assistant-spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantLauncherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantLauncherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-launcher', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     @if (store.enabled()) {
@@ -2710,13 +3839,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
         [attr.title]="label() | translate"
         (click)="panel.toggle()">
         <ng-content><nh-assistant-icon name="assistant" /></ng-content>
+        @switch (badge()) {
+          @case ('waiting') {
+            <span class="badge" data-state="waiting" aria-hidden="true"></span>
+          }
+          @case ('unread') {
+            <span class="badge count" data-state="unread" aria-hidden="true">{{ unreadLabel() }}</span>
+          }
+          @case ('running') {
+            <span class="badge" data-state="running" aria-hidden="true"></span>
+          }
+        }
         @if (waitingForApproval()) {
-          <span class="badge" aria-hidden="true"></span>
           <span class="visually-hidden">{{ 'nh-assistant.launcher.pending-approval' | translate }}</span>
         }
+        @if (store.unreadCount() > 0) {
+          <span class="visually-hidden">{{ 'nh-assistant.launcher.unread' | translate: { count: store.unreadCount() } }}</span>
+        }
+        @if (store.runningCount() > 0) {
+          <span class="visually-hidden">{{ 'nh-assistant.launcher.running' | translate: { count: store.runningCount() } }}</span>
+        }
       </button>
     }
-  `, 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))}}:host{display:inline-flex}.launcher{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--nh-assistant-launcher-size, 40px);height:var(--nh-assistant-launcher-size, 40px);border:1px solid var(--nh-assistant-launcher-border, var(--nha-border));border-radius:var(--nha-radius-control);padding:0;color:var(--nh-assistant-launcher-color, var(--nha-text));background:var(--nh-assistant-launcher-background, transparent);font-size:18px;cursor:pointer}.launcher:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.launcher:hover,.launcher.open{border-color:var(--nha-highlight);color:var(--nha-highlight)}.badge{position:absolute;top:6px;right:6px;width:9px;height:9px;border:2px solid var(--nh-assistant-launcher-badge-ring, var(--nha-background));border-radius:50%;background:var(--nha-highlight)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\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))}}:host{display:inline-flex}.launcher{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--nh-assistant-launcher-size, 40px);height:var(--nh-assistant-launcher-size, 40px);border:1px solid var(--nh-assistant-launcher-border, var(--nha-border));border-radius:var(--nha-radius-control);padding:0;color:var(--nh-assistant-launcher-color, var(--nha-text));background:var(--nh-assistant-launcher-background, transparent);font-size:18px;cursor:pointer}.launcher:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.launcher:hover,.launcher.open{border-color:var(--nha-highlight);color:var(--nha-highlight)}.badge{position:absolute;top:6px;right:6px;width:9px;height:9px;border:2px solid var(--nh-assistant-launcher-badge-ring, var(--nha-background));border-radius:50%;background:var(--nha-highlight)}.badge[data-state=waiting]{background:var(--nha-warning)}.badge.count{top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:16px;height:16px;border-radius:999px;padding:0 3px;color:var(--nha-accent-contrast);font-size:10px;font-weight:700;line-height:1}.badge[data-state=running]{border-color:color-mix(in srgb,var(--nha-highlight) 30%,transparent);border-top-color:var(--nha-highlight);background:var(--nh-assistant-launcher-badge-ring, var(--nha-background));animation:nh-assistant-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.badge[data-state=running]{border-color:var(--nha-highlight);animation:none}}@keyframes nh-assistant-spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"] }]
         }], ctorParameters: () => [] });
 
 /**
@@ -2760,15 +3905,81 @@ class NhAssistantTranslatePipe {
         }
         return fallback;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslatePipe, isStandalone: true, name: "nhAssistantTranslate", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTranslatePipe, isStandalone: true, name: "nhAssistantTranslate", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTranslatePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'nhAssistantTranslate', standalone: true, pure: false }]
         }], ctorParameters: () => [] });
 
-let nextId$5 = 0;
+/**
+ * One slim row of the other conversations that need attention: a running turn, an approval that
+ * waits, or an unread answer. It renders nothing when there are none, so it costs no space in the
+ * usual case. Selecting a chip opens that conversation; its turn keeps running meanwhile.
+ */
+class NhAssistantActivityComponent {
+    constructor() {
+        this.items = input.required(...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.conversationSelect = output();
+        /** The open conversation already shows its own state. */
+        this.others = computed(() => this.items().filter(item => !item.active), ...(ngDevMode ? [{ debugName: "others" }] : []));
+    }
+    state(item) {
+        if (item.status === 'running') {
+            return 'running';
+        }
+        return item.status === 'waiting-for-approval' ? 'waiting' : 'unread';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantActivityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantActivityComponent, isStandalone: true, selector: "nh-assistant-activity", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { conversationSelect: "conversationSelect" }, ngImport: i0, template: `
+    @if (others().length > 0) {
+      <nav class="strip" [attr.aria-label]="'nh-assistant.activity.label' | translate">
+        @for (item of others(); track item.id) {
+          <button
+            class="chip"
+            type="button"
+            [attr.data-state]="state(item)"
+            [attr.title]="(item.title || ('nh-assistant.conversation-list.untitled' | translate)) + ' — ' + ('nh-assistant.activity.' + state(item) | translate)"
+            (click)="conversationSelect.emit(item.id)">
+            <span class="indicator" aria-hidden="true"></span>
+            <span class="title">{{ item.title || ('nh-assistant.conversation-list.untitled' | translate) }}</span>
+            @if (item.shared) {
+              <nh-assistant-icon class="shared" name="users" />
+            }
+            <span class="visually-hidden">{{ 'nh-assistant.activity.' + state(item) | translate }}</span>
+          </button>
+        }
+      </nav>
+    }
+  `, isInline: true, 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))}}:host{display:block;min-width:0}.strip{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px 16px;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.chip{display:inline-flex;flex:none;align-items:center;gap:6px;max-width:180px;height:26px;border:1px solid var(--nha-border);border-radius:999px;padding:0 10px 0 8px;color:var(--nha-text);background:var(--nha-surface);font:inherit;font-size:12px;cursor:pointer}.chip:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.chip:hover{border-color:var(--nha-highlight)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared{flex:none;color:var(--nha-text-muted);font-size:12px}.indicator{flex:none;width:8px;height:8px;border-radius:50%;background:var(--nha-accent)}.chip[data-state=unread] .indicator{background:var(--nha-highlight)}.chip[data-state=waiting] .indicator{background:var(--nha-warning)}.chip[data-state=running] .indicator{width:10px;height:10px;border:2px solid color-mix(in srgb,var(--nha-highlight) 30%,transparent);border-top-color:var(--nha-highlight);background:transparent;animation:nh-assistant-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.chip[data-state=running] .indicator{border-color:var(--nha-highlight);animation:none}}@keyframes nh-assistant-spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantActivityComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-activity', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (others().length > 0) {
+      <nav class="strip" [attr.aria-label]="'nh-assistant.activity.label' | translate">
+        @for (item of others(); track item.id) {
+          <button
+            class="chip"
+            type="button"
+            [attr.data-state]="state(item)"
+            [attr.title]="(item.title || ('nh-assistant.conversation-list.untitled' | translate)) + ' — ' + ('nh-assistant.activity.' + state(item) | translate)"
+            (click)="conversationSelect.emit(item.id)">
+            <span class="indicator" aria-hidden="true"></span>
+            <span class="title">{{ item.title || ('nh-assistant.conversation-list.untitled' | translate) }}</span>
+            @if (item.shared) {
+              <nh-assistant-icon class="shared" name="users" />
+            }
+            <span class="visually-hidden">{{ 'nh-assistant.activity.' + state(item) | translate }}</span>
+          </button>
+        }
+      </nav>
+    }
+  `, 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))}}:host{display:block;min-width:0}.strip{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px 16px;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.chip{display:inline-flex;flex:none;align-items:center;gap:6px;max-width:180px;height:26px;border:1px solid var(--nha-border);border-radius:999px;padding:0 10px 0 8px;color:var(--nha-text);background:var(--nha-surface);font:inherit;font-size:12px;cursor:pointer}.chip:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.chip:hover{border-color:var(--nha-highlight)}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared{flex:none;color:var(--nha-text-muted);font-size:12px}.indicator{flex:none;width:8px;height:8px;border-radius:50%;background:var(--nha-accent)}.chip[data-state=unread] .indicator{background:var(--nha-highlight)}.chip[data-state=waiting] .indicator{background:var(--nha-warning)}.chip[data-state=running] .indicator{width:10px;height:10px;border:2px solid color-mix(in srgb,var(--nha-highlight) 30%,transparent);border-top-color:var(--nha-highlight);background:transparent;animation:nh-assistant-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.chip[data-state=running] .indicator{border-color:var(--nha-highlight);animation:none}}@keyframes nh-assistant-spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"] }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], conversationSelect: [{ type: i0.Output, args: ["conversationSelect"] }] } });
+
+let nextId$6 = 0;
 /**
  * Chooses the agent for new conversations. Agent names come from the host's translation
  * keys; agents created by an administrator carry literal text, which is shown as is.
@@ -2779,14 +3990,14 @@ class NhAssistantAgentPickerComponent {
         this.selectedAgentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAgentId" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.agentChange = output();
-        this.selectId = `nh-assistant-agent-picker-${nextId$5++}`;
+        this.selectId = `nh-assistant-agent-picker-${nextId$6++}`;
         this.selected = computed(() => this.agents().find(agent => agent.id === this.selectedAgentId()) ?? null, ...(ngDevMode ? [{ debugName: "selected" }] : []));
     }
     onChange(event) {
         this.agentChange.emit(event.target.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantAgentPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantAgentPickerComponent, isStandalone: true, selector: "nh-assistant-agent-picker", inputs: { agents: { classPropertyName: "agents", publicName: "agents", isSignal: true, isRequired: true, transformFunction: null }, selectedAgentId: { classPropertyName: "selectedAgentId", publicName: "selectedAgentId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { agentChange: "agentChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantAgentPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantAgentPickerComponent, isStandalone: true, selector: "nh-assistant-agent-picker", inputs: { agents: { classPropertyName: "agents", publicName: "agents", isSignal: true, isRequired: true, transformFunction: null }, selectedAgentId: { classPropertyName: "selectedAgentId", publicName: "selectedAgentId", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { agentChange: "agentChange" }, ngImport: i0, template: `
     <label class="visually-hidden" [for]="selectId">{{ 'nh-assistant.agent-picker.label' | translate }}</label>
     <select
       [id]="selectId"
@@ -2806,7 +4017,7 @@ class NhAssistantAgentPickerComponent {
     }
   `, isInline: true, 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))}}:host{display:flex;flex-direction:column;gap:2px;min-width:0}select{align-self:flex-start;max-width:100%;min-height:32px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:4px 28px 4px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px;font-weight:650}select:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}select:disabled{opacity:1;cursor:default}.capability{padding-left:2px;color:var(--nha-text-muted);font-size:11px}.capability[data-can-mutate=true]{color:var(--nha-warning)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ 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: NhAssistantAgentPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantAgentPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-agent-picker', standalone: true, imports: [TranslatePipe, NhAssistantTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <label class="visually-hidden" [for]="selectId">{{ 'nh-assistant.agent-picker.label' | translate }}</label>
@@ -2829,7 +4040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
   `, 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))}}:host{display:flex;flex-direction:column;gap:2px;min-width:0}select{align-self:flex-start;max-width:100%;min-height:32px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:4px 28px 4px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px;font-weight:650}select:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}select:disabled{opacity:1;cursor:default}.capability{padding-left:2px;color:var(--nha-text-muted);font-size:11px}.capability[data-can-mutate=true]{color:var(--nha-warning)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"] }]
         }], propDecorators: { agents: [{ type: i0.Input, args: [{ isSignal: true, alias: "agents", required: true }] }], selectedAgentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedAgentId", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], agentChange: [{ type: i0.Output, args: ["agentChange"] }] } });
 
-let nextId$4 = 0;
+let nextId$5 = 0;
 /**
  * Message input. Enter sends when sending is available; Shift+Enter inserts a new line.
  * Drafting remains available while the assistant runs or waits for approval.
@@ -2844,6 +4055,10 @@ class NhAssistantComposerComponent {
         this.busy = input(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
         /** Announces why sending is temporarily unavailable. */
         this.status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : []));
+        /** Name of the participant whose turn runs or waits, when it is someone else. */
+        this.statusActor = input(null, ...(ngDevMode ? [{ debugName: "statusActor" }] : []));
+        /** False when the user may not stop the running turn, such as another participant's turn. */
+        this.canStop = input(true, ...(ngDevMode ? [{ debugName: "canStop" }] : []));
         this.maxLength = input(null, ...(ngDevMode ? [{ debugName: "maxLength" }] : []));
         /** Text to put back into the input, for example a message the server did not accept. */
         this.restore = input(null, ...(ngDevMode ? [{ debugName: "restore" }] : []));
@@ -2854,7 +4069,7 @@ class NhAssistantComposerComponent {
         this.textarea = viewChild.required('textarea');
         this.ownedFocus = false;
         this.previousBusy = false;
-        this.inputId = `nh-assistant-composer-${nextId$4++}`;
+        this.inputId = `nh-assistant-composer-${nextId$5++}`;
         this.hintId = `${this.inputId}-hint`;
         this.text = signal('', ...(ngDevMode ? [{ debugName: "text" }] : []));
         this.length = computed(() => this.text().trim().length, ...(ngDevMode ? [{ debugName: "length" }] : []));
@@ -2925,13 +4140,13 @@ class NhAssistantComposerComponent {
             this.textarea().nativeElement.focus({ preventScroll: true });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantComposerComponent, isStandalone: true, selector: "nh-assistant-composer", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, sendDisabled: { classPropertyName: "sendDisabled", publicName: "sendDisabled", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, restore: { classPropertyName: "restore", publicName: "restore", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { send: "send", cancel: "cancel", restored: "restored" }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, isSignal: true }], ngImport: i0, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  <div class=\"actions\">\n    @if (busy()) {\n      <button\n        class=\"stop\"\n        type=\"button\"\n        [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n        [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n        (click)=\"cancel.emit()\">\n        <nh-assistant-icon name=\"stop\" />\n      </button>\n    } @else {\n      <button\n        class=\"send\"\n        type=\"submit\"\n        [disabled]=\"!canSend()\"\n        [attr.aria-label]=\"'nh-assistant.composer.send' | translate\"\n        [attr.title]=\"'nh-assistant.composer.send' | translate\">\n        <nh-assistant-icon name=\"send\" />\n      </button>\n    }\n  </div>\n</form>\n\n@if (status(); as status) {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    {{ 'nh-assistant.composer.status.' + status | translate }}\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else {\n    <span>{{ 'nh-assistant.composer.hint' | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\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))}}:host{display:block}.composer{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 6px 6px 12px;background:var(--nha-background)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 30%,transparent)}textarea{flex:1;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.actions{display:flex}.send,.stop{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;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantComposerComponent, isStandalone: true, selector: "nh-assistant-composer", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, sendDisabled: { classPropertyName: "sendDisabled", publicName: "sendDisabled", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusActor: { classPropertyName: "statusActor", publicName: "statusActor", isSignal: true, isRequired: false, transformFunction: null }, canStop: { classPropertyName: "canStop", publicName: "canStop", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, restore: { classPropertyName: "restore", publicName: "restore", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { send: "send", cancel: "cancel", restored: "restored" }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, isSignal: true }], ngImport: i0, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  <div class=\"actions\">\n    @if (busy() && canStop()) {\n      <button\n        class=\"stop\"\n        type=\"button\"\n        [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n        [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n        (click)=\"cancel.emit()\">\n        <nh-assistant-icon name=\"stop\" />\n      </button>\n    } @else {\n      <button\n        class=\"send\"\n        type=\"submit\"\n        [disabled]=\"!canSend()\"\n        [attr.aria-label]=\"'nh-assistant.composer.send' | translate\"\n        [attr.title]=\"'nh-assistant.composer.send' | translate\">\n        <nh-assistant-icon name=\"send\" />\n      </button>\n    }\n  </div>\n</form>\n\n@if (status(); as status) {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    @if (statusActor(); as name) {\n      {{ 'nh-assistant.composer.status.' + status + '-by' | translate: { name } }}\n    } @else {\n      {{ 'nh-assistant.composer.status.' + status | translate }}\n    }\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else {\n    <span>{{ 'nh-assistant.composer.hint' | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\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))}}:host{display:block}.composer{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 6px 6px 12px;background:var(--nha-background)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 30%,transparent)}textarea{flex:1;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.actions{display:flex}.send,.stop{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;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantComposerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantComposerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nh-assistant-composer', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  <div class=\"actions\">\n    @if (busy()) {\n      <button\n        class=\"stop\"\n        type=\"button\"\n        [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n        [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n        (click)=\"cancel.emit()\">\n        <nh-assistant-icon name=\"stop\" />\n      </button>\n    } @else {\n      <button\n        class=\"send\"\n        type=\"submit\"\n        [disabled]=\"!canSend()\"\n        [attr.aria-label]=\"'nh-assistant.composer.send' | translate\"\n        [attr.title]=\"'nh-assistant.composer.send' | translate\">\n        <nh-assistant-icon name=\"send\" />\n      </button>\n    }\n  </div>\n</form>\n\n@if (status(); as status) {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    {{ 'nh-assistant.composer.status.' + status | translate }}\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else {\n    <span>{{ 'nh-assistant.composer.hint' | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\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))}}:host{display:block}.composer{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 6px 6px 12px;background:var(--nha-background)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 30%,transparent)}textarea{flex:1;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.actions{display:flex}.send,.stop{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;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sendDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendDisabled", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], restore: [{ type: i0.Input, args: [{ isSignal: true, alias: "restore", required: false }] }], send: [{ type: i0.Output, args: ["send"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], restored: [{ type: i0.Output, args: ["restored"] }], textarea: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }], onFocusIn: [{
+            args: [{ selector: 'nh-assistant-composer', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  <div class=\"actions\">\n    @if (busy() && canStop()) {\n      <button\n        class=\"stop\"\n        type=\"button\"\n        [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n        [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n        (click)=\"cancel.emit()\">\n        <nh-assistant-icon name=\"stop\" />\n      </button>\n    } @else {\n      <button\n        class=\"send\"\n        type=\"submit\"\n        [disabled]=\"!canSend()\"\n        [attr.aria-label]=\"'nh-assistant.composer.send' | translate\"\n        [attr.title]=\"'nh-assistant.composer.send' | translate\">\n        <nh-assistant-icon name=\"send\" />\n      </button>\n    }\n  </div>\n</form>\n\n@if (status(); as status) {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    @if (statusActor(); as name) {\n      {{ 'nh-assistant.composer.status.' + status + '-by' | translate: { name } }}\n    } @else {\n      {{ 'nh-assistant.composer.status.' + status | translate }}\n    }\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else {\n    <span>{{ 'nh-assistant.composer.hint' | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\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))}}:host{display:block}.composer{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 6px 6px 12px;background:var(--nha-background)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 30%,transparent)}textarea{flex:1;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.actions{display:flex}.send,.stop{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;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sendDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendDisabled", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], statusActor: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusActor", required: false }] }], canStop: [{ type: i0.Input, args: [{ isSignal: true, alias: "canStop", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], restore: [{ type: i0.Input, args: [{ isSignal: true, alias: "restore", required: false }] }], send: [{ type: i0.Output, args: ["send"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], restored: [{ type: i0.Output, args: ["restored"] }], textarea: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }], onFocusIn: [{
                 type: HostListener,
                 args: ['focusin']
             }], onFocusOut: [{
@@ -2939,7 +4154,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                 args: ['focusout', ['$event']]
             }] } });
 
-/** The user's conversations with loading and empty states; selecting one opens it. */
+/**
+ * The user's own and shared conversations with loading and empty states; selecting one opens it.
+ * Each row marks a running turn, a waiting approval and unread messages. A participant leaves a
+ * shared conversation instead of deleting it.
+ */
 class NhAssistantConversationListComponent {
     constructor() {
         this.conversations = input.required(...(ngDevMode ? [{ debugName: "conversations" }] : []));
@@ -2948,33 +4167,48 @@ class NhAssistantConversationListComponent {
         this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
         this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.conversationSelect = output();
+        /** The owner deletes the conversation; a participant leaves it. */
         this.conversationDelete = output();
         this.conversationCreate = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantConversationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantConversationListComponent, isStandalone: true, selector: "nh-assistant-conversation-list", inputs: { conversations: { classPropertyName: "conversations", publicName: "conversations", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, activeConversationId: { classPropertyName: "activeConversationId", publicName: "activeConversationId", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { conversationSelect: "conversationSelect", conversationDelete: "conversationDelete", conversationCreate: "conversationCreate" }, ngImport: i0, template: "<nav class=\"list\" [attr.aria-label]=\"'nh-assistant.conversation-list.title' | translate\" [attr.aria-busy]=\"loading()\">\n  <header class=\"header\">\n    <h3>{{ 'nh-assistant.conversation-list.title' | translate }}</h3>\n    @if (conversations().length > 0 && total() > conversations().length) {\n      <span class=\"count\">{{ 'nh-assistant.conversation-list.count' | translate: { count: conversations().length, total: total() } }}</span>\n    }\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n      [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n      (click)=\"conversationCreate.emit()\">\n      <nh-assistant-icon name=\"plus\" />\n    </button>\n  </header>\n\n  @if (loading() && conversations().length === 0) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.conversation-list.loading' | translate }}</p>\n  } @else if (conversations().length === 0) {\n    <p class=\"state\">{{ 'nh-assistant.conversation-list.empty' | translate }}</p>\n  } @else {\n    <ul>\n      @for (conversation of conversations(); track conversation.id) {\n        <li [class.active]=\"conversation.id === activeConversationId()\">\n          <button\n            class=\"item\"\n            type=\"button\"\n            [disabled]=\"disabled()\"\n            [attr.aria-current]=\"conversation.id === activeConversationId() ? 'true' : null\"\n            (click)=\"conversationSelect.emit(conversation.id)\">\n            <span class=\"title\">{{ conversation.title || ('nh-assistant.conversation-list.untitled' | translate) }}</span>\n            <span class=\"meta\">\n              <span class=\"status\" [attr.data-status]=\"conversation.status\">{{ 'nh-assistant.conversation-list.status.' + conversation.status | translate }}</span>\n              <time [attr.datetime]=\"conversation.updatedAt\">{{ conversation.updatedAt | date: 'short' }}</time>\n            </span>\n          </button>\n          <button\n            class=\"icon-button delete\"\n            type=\"button\"\n            [disabled]=\"disabled()\"\n            [attr.aria-label]=\"('nh-assistant.conversation-list.delete' | translate) + ': ' + (conversation.title || ('nh-assistant.conversation-list.untitled' | translate))\"\n            [attr.title]=\"'nh-assistant.conversation-list.delete' | translate\"\n            (click)=\"conversationDelete.emit(conversation.id)\">\n            <nh-assistant-icon name=\"trash\" />\n          </button>\n        </li>\n      }\n    </ul>\n  }\n</nav>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.list{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:13px;font-weight:700}.count{color:var(--nha-text-muted);font-size:11px}.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}.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}.state{margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}ul{flex:1;min-height:0;margin:0;overflow-y:auto;padding:0 8px 12px;list-style:none}li{display:flex;align-items:center;gap:4px;border-radius:var(--nha-radius-control)}li.active{background:var(--nha-surface-strong)}.item{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;border:0;border-radius:var(--nha-radius-control);padding:8px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.item:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.item:hover:not(:disabled){background:var(--nha-surface-strong)}.item:disabled{cursor:not-allowed;opacity:.6}.title{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.meta{display:flex;gap:8px;color:var(--nha-text-muted);font-size:11px}.status[data-status=waiting-for-approval]{color:var(--nha-warning);font-weight:700}.status[data-status=failed]{color:var(--nha-danger)}.delete{flex:none}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    unread(conversation) {
+        return nhAssistantIsUnread(conversation);
+    }
+    indicator(conversation) {
+        if (conversation.status === 'running') {
+            return 'running';
+        }
+        if (conversation.status === 'waiting-for-approval') {
+            return 'waiting';
+        }
+        return this.unread(conversation) ? 'unread' : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantConversationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantConversationListComponent, isStandalone: true, selector: "nh-assistant-conversation-list", inputs: { conversations: { classPropertyName: "conversations", publicName: "conversations", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, activeConversationId: { classPropertyName: "activeConversationId", publicName: "activeConversationId", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { conversationSelect: "conversationSelect", conversationDelete: "conversationDelete", conversationCreate: "conversationCreate" }, ngImport: i0, template: "<nav class=\"list\" [attr.aria-label]=\"'nh-assistant.conversation-list.title' | translate\" [attr.aria-busy]=\"loading()\">\n  <header class=\"header\">\n    <h3>{{ 'nh-assistant.conversation-list.title' | translate }}</h3>\n    @if (conversations().length > 0 && total() > conversations().length) {\n      <span class=\"count\">{{ 'nh-assistant.conversation-list.count' | translate: { count: conversations().length, total: total() } }}</span>\n    }\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n      [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n      (click)=\"conversationCreate.emit()\">\n      <nh-assistant-icon name=\"plus\" />\n    </button>\n  </header>\n\n  @if (loading() && conversations().length === 0) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.conversation-list.loading' | translate }}</p>\n  } @else if (conversations().length === 0) {\n    <p class=\"state\">{{ 'nh-assistant.conversation-list.empty' | translate }}</p>\n  } @else {\n    <ul>\n      @for (conversation of conversations(); track conversation.id) {\n        <li [class.active]=\"conversation.id === activeConversationId()\" [class.unread]=\"unread(conversation)\">\n          <button\n            class=\"item\"\n            type=\"button\"\n            [disabled]=\"disabled()\"\n            [attr.aria-current]=\"conversation.id === activeConversationId() ? 'true' : null\"\n            (click)=\"conversationSelect.emit(conversation.id)\">\n            <span class=\"title-row\">\n              <span class=\"indicator\" [attr.data-state]=\"indicator(conversation)\" aria-hidden=\"true\"></span>\n              <span class=\"title\">{{ conversation.title || ('nh-assistant.conversation-list.untitled' | translate) }}</span>\n              @if ((conversation.participantCount ?? 0) > 0) {\n                <nh-assistant-icon\n                  class=\"shared\"\n                  name=\"users\"\n                  [attr.title]=\"'nh-assistant.conversation-list.shared' | translate: { count: conversation.participantCount }\" />\n              }\n            </span>\n            <span class=\"meta\">\n              <span class=\"status\" [attr.data-status]=\"conversation.status\">{{ 'nh-assistant.conversation-list.status.' + conversation.status | translate }}</span>\n              @if (unread(conversation)) {\n                <span class=\"unread-label\">{{ 'nh-assistant.conversation-list.unread' | translate }}</span>\n              }\n              @if (conversation.role === 'participant') {\n                <span>{{ 'nh-assistant.conversation-list.shared-with-you' | translate }}</span>\n              }\n              <time [attr.datetime]=\"conversation.updatedAt\">{{ conversation.updatedAt | date: 'short' }}</time>\n            </span>\n          </button>\n          <button\n            class=\"icon-button delete\"\n            type=\"button\"\n            [disabled]=\"disabled() || conversation.status === 'running'\"\n            [attr.aria-label]=\"((conversation.role === 'participant' ? 'nh-assistant.conversation-list.leave' : 'nh-assistant.conversation-list.delete') | translate) + ': ' + (conversation.title || ('nh-assistant.conversation-list.untitled' | translate))\"\n            [attr.title]=\"(conversation.role === 'participant' ? 'nh-assistant.conversation-list.leave' : 'nh-assistant.conversation-list.delete') | translate\"\n            (click)=\"conversationDelete.emit(conversation.id)\">\n            <nh-assistant-icon [name]=\"conversation.role === 'participant' ? 'leave' : 'trash'\" />\n          </button>\n        </li>\n      }\n    </ul>\n  }\n</nav>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.list{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:13px;font-weight:700}.count{color:var(--nha-text-muted);font-size:11px}.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}.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}.state{margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}ul{flex:1;min-height:0;margin:0;overflow-y:auto;padding:0 8px 12px;list-style:none}li{display:flex;align-items:center;gap:4px;border-radius:var(--nha-radius-control)}li.active{background:var(--nha-surface-strong)}.item{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;border:0;border-radius:var(--nha-radius-control);padding:8px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.item:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.item:hover:not(:disabled){background:var(--nha-surface-strong)}.item:disabled{cursor:not-allowed;opacity:.6}.title-row{display:flex;align-items:center;gap:6px;min-width:0}.title{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}li.unread .title{font-weight:800}.shared{flex:none;color:var(--nha-text-muted);font-size:12px}.indicator{flex:none;width:8px;height:8px;border-radius:50%}.indicator:not([data-state]){display:none}.indicator[data-state=unread]{background:var(--nha-highlight)}.indicator[data-state=waiting]{background:var(--nha-warning)}.indicator[data-state=running]{width:10px;height:10px;border:2px solid color-mix(in srgb,var(--nha-highlight) 30%,transparent);border-top-color:var(--nha-highlight);animation:nh-assistant-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.indicator[data-state=running]{border-color:var(--nha-highlight);animation:none}}@keyframes nh-assistant-spin{to{transform:rotate(360deg)}}.unread-label{color:var(--nha-highlight);font-weight:700}.meta{display:flex;gap:8px;color:var(--nha-text-muted);font-size:11px}.status[data-status=waiting-for-approval]{color:var(--nha-warning);font-weight:700}.status[data-status=failed]{color:var(--nha-danger)}.delete{flex:none}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantConversationListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantConversationListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nh-assistant-conversation-list', standalone: true, imports: [DatePipe, TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"list\" [attr.aria-label]=\"'nh-assistant.conversation-list.title' | translate\" [attr.aria-busy]=\"loading()\">\n  <header class=\"header\">\n    <h3>{{ 'nh-assistant.conversation-list.title' | translate }}</h3>\n    @if (conversations().length > 0 && total() > conversations().length) {\n      <span class=\"count\">{{ 'nh-assistant.conversation-list.count' | translate: { count: conversations().length, total: total() } }}</span>\n    }\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n      [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n      (click)=\"conversationCreate.emit()\">\n      <nh-assistant-icon name=\"plus\" />\n    </button>\n  </header>\n\n  @if (loading() && conversations().length === 0) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.conversation-list.loading' | translate }}</p>\n  } @else if (conversations().length === 0) {\n    <p class=\"state\">{{ 'nh-assistant.conversation-list.empty' | translate }}</p>\n  } @else {\n    <ul>\n      @for (conversation of conversations(); track conversation.id) {\n        <li [class.active]=\"conversation.id === activeConversationId()\">\n          <button\n            class=\"item\"\n            type=\"button\"\n            [disabled]=\"disabled()\"\n            [attr.aria-current]=\"conversation.id === activeConversationId() ? 'true' : null\"\n            (click)=\"conversationSelect.emit(conversation.id)\">\n            <span class=\"title\">{{ conversation.title || ('nh-assistant.conversation-list.untitled' | translate) }}</span>\n            <span class=\"meta\">\n              <span class=\"status\" [attr.data-status]=\"conversation.status\">{{ 'nh-assistant.conversation-list.status.' + conversation.status | translate }}</span>\n              <time [attr.datetime]=\"conversation.updatedAt\">{{ conversation.updatedAt | date: 'short' }}</time>\n            </span>\n          </button>\n          <button\n            class=\"icon-button delete\"\n            type=\"button\"\n            [disabled]=\"disabled()\"\n            [attr.aria-label]=\"('nh-assistant.conversation-list.delete' | translate) + ': ' + (conversation.title || ('nh-assistant.conversation-list.untitled' | translate))\"\n            [attr.title]=\"'nh-assistant.conversation-list.delete' | translate\"\n            (click)=\"conversationDelete.emit(conversation.id)\">\n            <nh-assistant-icon name=\"trash\" />\n          </button>\n        </li>\n      }\n    </ul>\n  }\n</nav>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.list{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:13px;font-weight:700}.count{color:var(--nha-text-muted);font-size:11px}.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}.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}.state{margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}ul{flex:1;min-height:0;margin:0;overflow-y:auto;padding:0 8px 12px;list-style:none}li{display:flex;align-items:center;gap:4px;border-radius:var(--nha-radius-control)}li.active{background:var(--nha-surface-strong)}.item{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;border:0;border-radius:var(--nha-radius-control);padding:8px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.item:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.item:hover:not(:disabled){background:var(--nha-surface-strong)}.item:disabled{cursor:not-allowed;opacity:.6}.title{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.meta{display:flex;gap:8px;color:var(--nha-text-muted);font-size:11px}.status[data-status=waiting-for-approval]{color:var(--nha-warning);font-weight:700}.status[data-status=failed]{color:var(--nha-danger)}.delete{flex:none}\n"] }]
+            args: [{ selector: 'nh-assistant-conversation-list', standalone: true, imports: [DatePipe, TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"list\" [attr.aria-label]=\"'nh-assistant.conversation-list.title' | translate\" [attr.aria-busy]=\"loading()\">\n  <header class=\"header\">\n    <h3>{{ 'nh-assistant.conversation-list.title' | translate }}</h3>\n    @if (conversations().length > 0 && total() > conversations().length) {\n      <span class=\"count\">{{ 'nh-assistant.conversation-list.count' | translate: { count: conversations().length, total: total() } }}</span>\n    }\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [disabled]=\"disabled()\"\n      [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n      [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n      (click)=\"conversationCreate.emit()\">\n      <nh-assistant-icon name=\"plus\" />\n    </button>\n  </header>\n\n  @if (loading() && conversations().length === 0) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.conversation-list.loading' | translate }}</p>\n  } @else if (conversations().length === 0) {\n    <p class=\"state\">{{ 'nh-assistant.conversation-list.empty' | translate }}</p>\n  } @else {\n    <ul>\n      @for (conversation of conversations(); track conversation.id) {\n        <li [class.active]=\"conversation.id === activeConversationId()\" [class.unread]=\"unread(conversation)\">\n          <button\n            class=\"item\"\n            type=\"button\"\n            [disabled]=\"disabled()\"\n            [attr.aria-current]=\"conversation.id === activeConversationId() ? 'true' : null\"\n            (click)=\"conversationSelect.emit(conversation.id)\">\n            <span class=\"title-row\">\n              <span class=\"indicator\" [attr.data-state]=\"indicator(conversation)\" aria-hidden=\"true\"></span>\n              <span class=\"title\">{{ conversation.title || ('nh-assistant.conversation-list.untitled' | translate) }}</span>\n              @if ((conversation.participantCount ?? 0) > 0) {\n                <nh-assistant-icon\n                  class=\"shared\"\n                  name=\"users\"\n                  [attr.title]=\"'nh-assistant.conversation-list.shared' | translate: { count: conversation.participantCount }\" />\n              }\n            </span>\n            <span class=\"meta\">\n              <span class=\"status\" [attr.data-status]=\"conversation.status\">{{ 'nh-assistant.conversation-list.status.' + conversation.status | translate }}</span>\n              @if (unread(conversation)) {\n                <span class=\"unread-label\">{{ 'nh-assistant.conversation-list.unread' | translate }}</span>\n              }\n              @if (conversation.role === 'participant') {\n                <span>{{ 'nh-assistant.conversation-list.shared-with-you' | translate }}</span>\n              }\n              <time [attr.datetime]=\"conversation.updatedAt\">{{ conversation.updatedAt | date: 'short' }}</time>\n            </span>\n          </button>\n          <button\n            class=\"icon-button delete\"\n            type=\"button\"\n            [disabled]=\"disabled() || conversation.status === 'running'\"\n            [attr.aria-label]=\"((conversation.role === 'participant' ? 'nh-assistant.conversation-list.leave' : 'nh-assistant.conversation-list.delete') | translate) + ': ' + (conversation.title || ('nh-assistant.conversation-list.untitled' | translate))\"\n            [attr.title]=\"(conversation.role === 'participant' ? 'nh-assistant.conversation-list.leave' : 'nh-assistant.conversation-list.delete') | translate\"\n            (click)=\"conversationDelete.emit(conversation.id)\">\n            <nh-assistant-icon [name]=\"conversation.role === 'participant' ? 'leave' : 'trash'\" />\n          </button>\n        </li>\n      }\n    </ul>\n  }\n</nav>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.list{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:13px;font-weight:700}.count{color:var(--nha-text-muted);font-size:11px}.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}.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}.state{margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}ul{flex:1;min-height:0;margin:0;overflow-y:auto;padding:0 8px 12px;list-style:none}li{display:flex;align-items:center;gap:4px;border-radius:var(--nha-radius-control)}li.active{background:var(--nha-surface-strong)}.item{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0;border:0;border-radius:var(--nha-radius-control);padding:8px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.item:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.item:hover:not(:disabled){background:var(--nha-surface-strong)}.item:disabled{cursor:not-allowed;opacity:.6}.title-row{display:flex;align-items:center;gap:6px;min-width:0}.title{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}li.unread .title{font-weight:800}.shared{flex:none;color:var(--nha-text-muted);font-size:12px}.indicator{flex:none;width:8px;height:8px;border-radius:50%}.indicator:not([data-state]){display:none}.indicator[data-state=unread]{background:var(--nha-highlight)}.indicator[data-state=waiting]{background:var(--nha-warning)}.indicator[data-state=running]{width:10px;height:10px;border:2px solid color-mix(in srgb,var(--nha-highlight) 30%,transparent);border-top-color:var(--nha-highlight);animation:nh-assistant-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.indicator[data-state=running]{border-color:var(--nha-highlight);animation:none}}@keyframes nh-assistant-spin{to{transform:rotate(360deg)}}.unread-label{color:var(--nha-highlight);font-weight:700}.meta{display:flex;gap:8px;color:var(--nha-text-muted);font-size:11px}.status[data-status=waiting-for-approval]{color:var(--nha-warning);font-weight:700}.status[data-status=failed]{color:var(--nha-danger)}.delete{flex:none}\n"] }]
         }], propDecorators: { conversations: [{ type: i0.Input, args: [{ isSignal: true, alias: "conversations", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], activeConversationId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeConversationId", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], conversationSelect: [{ type: i0.Output, args: ["conversationSelect"] }], conversationDelete: [{ type: i0.Output, args: ["conversationDelete"] }], conversationCreate: [{ type: i0.Output, args: ["conversationCreate"] }] } });
 
 /** Maximum length of the user's own instructions. */
 const NH_ASSISTANT_MAX_CUSTOM_INSTRUCTIONS = 1_000;
-let nextId$3 = 0;
+let nextId$4 = 0;
 /**
- * The user's own assistant preferences: style, form of address, answer length and
- * optional instructions. Preferences steer style only; the server keeps them below the
- * application context and agent instructions.
+ * The user's own assistant preferences: desktop notifications, style, form of address,
+ * answer length and optional instructions. Notifications apply immediately; the other
+ * preferences steer style only and are saved together, below the application context and
+ * agent instructions.
  */
 class NhAssistantPreferencesComponent {
     constructor() {
         this.api = inject(NhAssistantApiService);
+        this.push = inject(NhAssistantPushService);
         /** Emitted when the user leaves the preferences. */
         this.closed = output();
         /** Emitted with the stored preferences after a successful save. */
         this.saved = output();
-        this.id = `nh-assistant-preferences-${nextId$3++}`;
+        this.id = `nh-assistant-preferences-${nextId$4++}`;
         this.styles = ['default', 'direct', 'personal', 'detailed'];
         this.addressForms = ['informal', 'formal'];
         this.responseLengths = ['short', 'normal', 'long'];
@@ -3019,6 +4253,19 @@ class NhAssistantPreferencesComponent {
             }
         });
     }
+    /** Turns desktop notifications on or off; turning them on asks the browser for permission. */
+    async toggleNotifications(event) {
+        const enabled = event.target.checked;
+        this.error.set(null);
+        try {
+            await this.push.setEnabled(enabled);
+        }
+        catch (error) {
+            this.error.set(error instanceof NhAssistantApiError
+                ? { code: error.code, messageKey: error.messageKey }
+                : { code: 'assistant-server', messageKey: nhAssistantErrorMessageKey('assistant-server') });
+        }
+    }
     onInstructionsInput(event) {
         this.customInstructions.set(event.target.value);
         this.savedMessage.set(false);
@@ -3064,14 +4311,137 @@ class NhAssistantPreferencesComponent {
         this.responseLength.set(preferences.responseLength);
         this.customInstructions.set(preferences.customInstructions ?? '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPreferencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantPreferencesComponent, isStandalone: true, selector: "nh-assistant-preferences", outputs: { closed: "closed", saved: "saved" }, ngImport: i0, template: "<section class=\"preferences\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading() || saving()\">\n  <header class=\"header\">\n    <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.preferences.title' | translate }}</h3>\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [attr.aria-label]=\"'nh-assistant.preferences.back' | translate\"\n      [attr.title]=\"'nh-assistant.preferences.back' | translate\"\n      (click)=\"closed.emit()\">\n      <nh-assistant-icon name=\"close\" />\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.preferences.loading' | translate }}</p>\n  } @else if (loadFailed()) {\n    <div class=\"state\" role=\"alert\">\n      <p>{{ 'nh-assistant.preferences.load-failed' | translate }}</p>\n      <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.preferences.retry' | translate }}</button>\n    </div>\n  } @else {\n    <form class=\"form\" (submit)=\"$event.preventDefault(); save()\">\n      <p class=\"description\">{{ 'nh-assistant.preferences.description' | translate }}</p>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.style-label' | translate }}</legend>\n        <div class=\"options styles\">\n          @for (option of styles; track option) {\n            <label class=\"option\" [class.selected]=\"style() === option\">\n              <input type=\"radio\" [name]=\"id + '-style'\" [value]=\"option\" [checked]=\"style() === option\" (change)=\"choose(style, option)\" />\n              <span>\n                <strong>{{ 'nh-assistant.preferences.style.' + option | translate }}</strong>\n                <small>{{ 'nh-assistant.preferences.style.' + option + '-description' | translate }}</small>\n              </span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.address-form-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of addressForms; track option) {\n            <label class=\"option\" [class.selected]=\"addressForm() === option\">\n              <input type=\"radio\" [name]=\"id + '-address'\" [value]=\"option\" [checked]=\"addressForm() === option\" (change)=\"choose(addressForm, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.address-form.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.response-length-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of responseLengths; track option) {\n            <label class=\"option\" [class.selected]=\"responseLength() === option\">\n              <input type=\"radio\" [name]=\"id + '-length'\" [value]=\"option\" [checked]=\"responseLength() === option\" (change)=\"choose(responseLength, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.response-length.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <div class=\"field\">\n        <label [for]=\"id + '-instructions'\">{{ 'nh-assistant.preferences.custom-instructions-label' | translate }}</label>\n        <textarea\n          rows=\"4\"\n          [id]=\"id + '-instructions'\"\n          [value]=\"customInstructions()\"\n          [attr.aria-describedby]=\"id + '-instructions-hint'\"\n          [attr.aria-invalid]=\"tooLong() ? true : null\"\n          (input)=\"onInstructionsInput($event)\"></textarea>\n        <p class=\"hint\" [id]=\"id + '-instructions-hint'\">\n          @if (tooLong()) {\n            <span class=\"error-text\">{{ 'nh-assistant.preferences.too-long' | translate }}</span>\n          } @else {\n            <span>{{ 'nh-assistant.preferences.custom-instructions-hint' | translate }}</span>\n          }\n          <span class=\"counter\" [class.error-text]=\"tooLong()\">\n            {{ 'nh-assistant.preferences.characters' | translate: { count: instructionsLength(), max: maxInstructions } }}\n          </span>\n        </p>\n      </div>\n\n      @if (error(); as error) {\n        <p class=\"message error\" role=\"alert\">\n          <nh-assistant-icon name=\"warning\" />\n          {{ errorKeys() | nhAssistantTranslate: error.code }}\n        </p>\n      }\n      @if (savedMessage()) {\n        <p class=\"message success\" role=\"status\">\n          <nh-assistant-icon name=\"check\" />\n          {{ 'nh-assistant.preferences.saved' | translate }}\n        </p>\n      }\n\n      <div class=\"actions\">\n        <button class=\"secondary\" type=\"button\" (click)=\"closed.emit()\">{{ 'nh-assistant.preferences.back' | translate }}</button>\n        <button class=\"primary\" type=\"submit\" [disabled]=\"!canSave()\">\n          {{ (saving() ? 'nh-assistant.preferences.saving' : 'nh-assistant.preferences.save') | translate }}\n        </button>\n      </div>\n    </form>\n  }\n</section>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .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}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.preferences{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:15px;font-weight:700}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.form{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:0 16px 16px}.description{margin:0;color:var(--nha-text-muted);font-size:13px}.options{display:grid;gap:8px}.styles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.segmented{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.option{position:relative;display:flex;align-items:flex-start;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px;background:var(--nha-background);cursor:pointer}.option:hover{background:var(--nha-surface)}.option.selected{border-color:var(--nha-highlight);background:var(--nha-surface);box-shadow:inset 0 0 0 1px var(--nha-highlight)}.option:focus-within{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.option input{flex:none;margin:2px 0 0;accent-color:var(--nha-highlight)}.option span{display:flex;flex-direction:column;gap:2px;min-width:0}.option strong{font-size:13px}.option small{color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPreferencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantPreferencesComponent, isStandalone: true, selector: "nh-assistant-preferences", outputs: { closed: "closed", saved: "saved" }, ngImport: i0, template: "<section class=\"preferences\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading() || saving()\">\n  <header class=\"header\">\n    <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.preferences.title' | translate }}</h3>\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [attr.aria-label]=\"'nh-assistant.preferences.back' | translate\"\n      [attr.title]=\"'nh-assistant.preferences.back' | translate\"\n      (click)=\"closed.emit()\">\n      <nh-assistant-icon name=\"close\" />\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.preferences.loading' | translate }}</p>\n  } @else if (loadFailed()) {\n    <div class=\"state\" role=\"alert\">\n      <p>{{ 'nh-assistant.preferences.load-failed' | translate }}</p>\n      <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.preferences.retry' | translate }}</button>\n    </div>\n  } @else {\n    <form class=\"form\" (submit)=\"$event.preventDefault(); save()\">\n      @if (push.state() !== 'unavailable') {\n        <fieldset class=\"notifications\">\n          <legend>{{ 'nh-assistant.preferences.notifications-label' | translate }}</legend>\n          <label class=\"switch\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"push.settings()?.pushEnabled === true\"\n              [disabled]=\"push.busy()\"\n              [attr.aria-describedby]=\"id + '-notifications-hint'\"\n              (change)=\"toggleNotifications($event)\" />\n            <span>{{ 'nh-assistant.preferences.notifications' | translate }}</span>\n          </label>\n          <p class=\"hint\" [id]=\"id + '-notifications-hint'\">\n            <span>{{ 'nh-assistant.preferences.notifications-state.' + push.state() | translate }}</span>\n          </p>\n        </fieldset>\n      }\n\n      <p class=\"description\">{{ 'nh-assistant.preferences.description' | translate }}</p>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.style-label' | translate }}</legend>\n        <div class=\"options styles\">\n          @for (option of styles; track option) {\n            <label class=\"option\" [class.selected]=\"style() === option\">\n              <input type=\"radio\" [name]=\"id + '-style'\" [value]=\"option\" [checked]=\"style() === option\" (change)=\"choose(style, option)\" />\n              <span>\n                <strong>{{ 'nh-assistant.preferences.style.' + option | translate }}</strong>\n                <small>{{ 'nh-assistant.preferences.style.' + option + '-description' | translate }}</small>\n              </span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.address-form-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of addressForms; track option) {\n            <label class=\"option\" [class.selected]=\"addressForm() === option\">\n              <input type=\"radio\" [name]=\"id + '-address'\" [value]=\"option\" [checked]=\"addressForm() === option\" (change)=\"choose(addressForm, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.address-form.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.response-length-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of responseLengths; track option) {\n            <label class=\"option\" [class.selected]=\"responseLength() === option\">\n              <input type=\"radio\" [name]=\"id + '-length'\" [value]=\"option\" [checked]=\"responseLength() === option\" (change)=\"choose(responseLength, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.response-length.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <div class=\"field\">\n        <label [for]=\"id + '-instructions'\">{{ 'nh-assistant.preferences.custom-instructions-label' | translate }}</label>\n        <textarea\n          rows=\"4\"\n          [id]=\"id + '-instructions'\"\n          [value]=\"customInstructions()\"\n          [attr.aria-describedby]=\"id + '-instructions-hint'\"\n          [attr.aria-invalid]=\"tooLong() ? true : null\"\n          (input)=\"onInstructionsInput($event)\"></textarea>\n        <p class=\"hint\" [id]=\"id + '-instructions-hint'\">\n          @if (tooLong()) {\n            <span class=\"error-text\">{{ 'nh-assistant.preferences.too-long' | translate }}</span>\n          } @else {\n            <span>{{ 'nh-assistant.preferences.custom-instructions-hint' | translate }}</span>\n          }\n          <span class=\"counter\" [class.error-text]=\"tooLong()\">\n            {{ 'nh-assistant.preferences.characters' | translate: { count: instructionsLength(), max: maxInstructions } }}\n          </span>\n        </p>\n      </div>\n\n      @if (error(); as error) {\n        <p class=\"message error\" role=\"alert\">\n          <nh-assistant-icon name=\"warning\" />\n          {{ errorKeys() | nhAssistantTranslate: error.code }}\n        </p>\n      }\n      @if (savedMessage()) {\n        <p class=\"message success\" role=\"status\">\n          <nh-assistant-icon name=\"check\" />\n          {{ 'nh-assistant.preferences.saved' | translate }}\n        </p>\n      }\n\n      <div class=\"actions\">\n        <button class=\"secondary\" type=\"button\" (click)=\"closed.emit()\">{{ 'nh-assistant.preferences.back' | translate }}</button>\n        <button class=\"primary\" type=\"submit\" [disabled]=\"!canSave()\">\n          {{ (saving() ? 'nh-assistant.preferences.saving' : 'nh-assistant.preferences.save') | translate }}\n        </button>\n      </div>\n    </form>\n  }\n</section>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .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}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.preferences{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:15px;font-weight:700}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.form{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:0 16px 16px}.description{margin:0;color:var(--nha-text-muted);font-size:13px}.options{display:grid;gap:8px}.styles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.segmented{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.option{position:relative;display:flex;align-items:flex-start;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px;background:var(--nha-background);cursor:pointer}.option:hover{background:var(--nha-surface)}.option.selected{border-color:var(--nha-highlight);background:var(--nha-surface);box-shadow:inset 0 0 0 1px var(--nha-highlight)}.option:focus-within{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.option input{flex:none;margin:2px 0 0;accent-color:var(--nha-highlight)}.option span{display:flex;flex-direction:column;gap:2px;min-width:0}.option strong{font-size:13px}.option small{color:var(--nha-text-muted);font-size:12px}.switch{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;cursor:pointer}.switch input{width:16px;height:16px;margin:0;accent-color:var(--nha-highlight)}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { 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: NhAssistantPreferencesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPreferencesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nh-assistant-preferences', standalone: true, imports: [TranslatePipe, NhAssistantTranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"preferences\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading() || saving()\">\n  <header class=\"header\">\n    <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.preferences.title' | translate }}</h3>\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [attr.aria-label]=\"'nh-assistant.preferences.back' | translate\"\n      [attr.title]=\"'nh-assistant.preferences.back' | translate\"\n      (click)=\"closed.emit()\">\n      <nh-assistant-icon name=\"close\" />\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.preferences.loading' | translate }}</p>\n  } @else if (loadFailed()) {\n    <div class=\"state\" role=\"alert\">\n      <p>{{ 'nh-assistant.preferences.load-failed' | translate }}</p>\n      <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.preferences.retry' | translate }}</button>\n    </div>\n  } @else {\n    <form class=\"form\" (submit)=\"$event.preventDefault(); save()\">\n      <p class=\"description\">{{ 'nh-assistant.preferences.description' | translate }}</p>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.style-label' | translate }}</legend>\n        <div class=\"options styles\">\n          @for (option of styles; track option) {\n            <label class=\"option\" [class.selected]=\"style() === option\">\n              <input type=\"radio\" [name]=\"id + '-style'\" [value]=\"option\" [checked]=\"style() === option\" (change)=\"choose(style, option)\" />\n              <span>\n                <strong>{{ 'nh-assistant.preferences.style.' + option | translate }}</strong>\n                <small>{{ 'nh-assistant.preferences.style.' + option + '-description' | translate }}</small>\n              </span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.address-form-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of addressForms; track option) {\n            <label class=\"option\" [class.selected]=\"addressForm() === option\">\n              <input type=\"radio\" [name]=\"id + '-address'\" [value]=\"option\" [checked]=\"addressForm() === option\" (change)=\"choose(addressForm, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.address-form.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.response-length-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of responseLengths; track option) {\n            <label class=\"option\" [class.selected]=\"responseLength() === option\">\n              <input type=\"radio\" [name]=\"id + '-length'\" [value]=\"option\" [checked]=\"responseLength() === option\" (change)=\"choose(responseLength, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.response-length.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <div class=\"field\">\n        <label [for]=\"id + '-instructions'\">{{ 'nh-assistant.preferences.custom-instructions-label' | translate }}</label>\n        <textarea\n          rows=\"4\"\n          [id]=\"id + '-instructions'\"\n          [value]=\"customInstructions()\"\n          [attr.aria-describedby]=\"id + '-instructions-hint'\"\n          [attr.aria-invalid]=\"tooLong() ? true : null\"\n          (input)=\"onInstructionsInput($event)\"></textarea>\n        <p class=\"hint\" [id]=\"id + '-instructions-hint'\">\n          @if (tooLong()) {\n            <span class=\"error-text\">{{ 'nh-assistant.preferences.too-long' | translate }}</span>\n          } @else {\n            <span>{{ 'nh-assistant.preferences.custom-instructions-hint' | translate }}</span>\n          }\n          <span class=\"counter\" [class.error-text]=\"tooLong()\">\n            {{ 'nh-assistant.preferences.characters' | translate: { count: instructionsLength(), max: maxInstructions } }}\n          </span>\n        </p>\n      </div>\n\n      @if (error(); as error) {\n        <p class=\"message error\" role=\"alert\">\n          <nh-assistant-icon name=\"warning\" />\n          {{ errorKeys() | nhAssistantTranslate: error.code }}\n        </p>\n      }\n      @if (savedMessage()) {\n        <p class=\"message success\" role=\"status\">\n          <nh-assistant-icon name=\"check\" />\n          {{ 'nh-assistant.preferences.saved' | translate }}\n        </p>\n      }\n\n      <div class=\"actions\">\n        <button class=\"secondary\" type=\"button\" (click)=\"closed.emit()\">{{ 'nh-assistant.preferences.back' | translate }}</button>\n        <button class=\"primary\" type=\"submit\" [disabled]=\"!canSave()\">\n          {{ (saving() ? 'nh-assistant.preferences.saving' : 'nh-assistant.preferences.save') | translate }}\n        </button>\n      </div>\n    </form>\n  }\n</section>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .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}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.preferences{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:15px;font-weight:700}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.form{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:0 16px 16px}.description{margin:0;color:var(--nha-text-muted);font-size:13px}.options{display:grid;gap:8px}.styles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.segmented{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.option{position:relative;display:flex;align-items:flex-start;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px;background:var(--nha-background);cursor:pointer}.option:hover{background:var(--nha-surface)}.option.selected{border-color:var(--nha-highlight);background:var(--nha-surface);box-shadow:inset 0 0 0 1px var(--nha-highlight)}.option:focus-within{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.option input{flex:none;margin:2px 0 0;accent-color:var(--nha-highlight)}.option span{display:flex;flex-direction:column;gap:2px;min-width:0}.option strong{font-size:13px}.option small{color:var(--nha-text-muted);font-size:12px}\n"] }]
+            args: [{ selector: 'nh-assistant-preferences', standalone: true, imports: [TranslatePipe, NhAssistantTranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"preferences\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading() || saving()\">\n  <header class=\"header\">\n    <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.preferences.title' | translate }}</h3>\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [attr.aria-label]=\"'nh-assistant.preferences.back' | translate\"\n      [attr.title]=\"'nh-assistant.preferences.back' | translate\"\n      (click)=\"closed.emit()\">\n      <nh-assistant-icon name=\"close\" />\n    </button>\n  </header>\n\n  @if (loading()) {\n    <p class=\"state\" role=\"status\">{{ 'nh-assistant.preferences.loading' | translate }}</p>\n  } @else if (loadFailed()) {\n    <div class=\"state\" role=\"alert\">\n      <p>{{ 'nh-assistant.preferences.load-failed' | translate }}</p>\n      <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.preferences.retry' | translate }}</button>\n    </div>\n  } @else {\n    <form class=\"form\" (submit)=\"$event.preventDefault(); save()\">\n      @if (push.state() !== 'unavailable') {\n        <fieldset class=\"notifications\">\n          <legend>{{ 'nh-assistant.preferences.notifications-label' | translate }}</legend>\n          <label class=\"switch\">\n            <input\n              type=\"checkbox\"\n              [checked]=\"push.settings()?.pushEnabled === true\"\n              [disabled]=\"push.busy()\"\n              [attr.aria-describedby]=\"id + '-notifications-hint'\"\n              (change)=\"toggleNotifications($event)\" />\n            <span>{{ 'nh-assistant.preferences.notifications' | translate }}</span>\n          </label>\n          <p class=\"hint\" [id]=\"id + '-notifications-hint'\">\n            <span>{{ 'nh-assistant.preferences.notifications-state.' + push.state() | translate }}</span>\n          </p>\n        </fieldset>\n      }\n\n      <p class=\"description\">{{ 'nh-assistant.preferences.description' | translate }}</p>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.style-label' | translate }}</legend>\n        <div class=\"options styles\">\n          @for (option of styles; track option) {\n            <label class=\"option\" [class.selected]=\"style() === option\">\n              <input type=\"radio\" [name]=\"id + '-style'\" [value]=\"option\" [checked]=\"style() === option\" (change)=\"choose(style, option)\" />\n              <span>\n                <strong>{{ 'nh-assistant.preferences.style.' + option | translate }}</strong>\n                <small>{{ 'nh-assistant.preferences.style.' + option + '-description' | translate }}</small>\n              </span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.address-form-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of addressForms; track option) {\n            <label class=\"option\" [class.selected]=\"addressForm() === option\">\n              <input type=\"radio\" [name]=\"id + '-address'\" [value]=\"option\" [checked]=\"addressForm() === option\" (change)=\"choose(addressForm, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.address-form.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <fieldset>\n        <legend>{{ 'nh-assistant.preferences.response-length-label' | translate }}</legend>\n        <div class=\"options segmented\">\n          @for (option of responseLengths; track option) {\n            <label class=\"option\" [class.selected]=\"responseLength() === option\">\n              <input type=\"radio\" [name]=\"id + '-length'\" [value]=\"option\" [checked]=\"responseLength() === option\" (change)=\"choose(responseLength, option)\" />\n              <span><strong>{{ 'nh-assistant.preferences.response-length.' + option | translate }}</strong></span>\n            </label>\n          }\n        </div>\n      </fieldset>\n\n      <div class=\"field\">\n        <label [for]=\"id + '-instructions'\">{{ 'nh-assistant.preferences.custom-instructions-label' | translate }}</label>\n        <textarea\n          rows=\"4\"\n          [id]=\"id + '-instructions'\"\n          [value]=\"customInstructions()\"\n          [attr.aria-describedby]=\"id + '-instructions-hint'\"\n          [attr.aria-invalid]=\"tooLong() ? true : null\"\n          (input)=\"onInstructionsInput($event)\"></textarea>\n        <p class=\"hint\" [id]=\"id + '-instructions-hint'\">\n          @if (tooLong()) {\n            <span class=\"error-text\">{{ 'nh-assistant.preferences.too-long' | translate }}</span>\n          } @else {\n            <span>{{ 'nh-assistant.preferences.custom-instructions-hint' | translate }}</span>\n          }\n          <span class=\"counter\" [class.error-text]=\"tooLong()\">\n            {{ 'nh-assistant.preferences.characters' | translate: { count: instructionsLength(), max: maxInstructions } }}\n          </span>\n        </p>\n      </div>\n\n      @if (error(); as error) {\n        <p class=\"message error\" role=\"alert\">\n          <nh-assistant-icon name=\"warning\" />\n          {{ errorKeys() | nhAssistantTranslate: error.code }}\n        </p>\n      }\n      @if (savedMessage()) {\n        <p class=\"message success\" role=\"status\">\n          <nh-assistant-icon name=\"check\" />\n          {{ 'nh-assistant.preferences.saved' | translate }}\n        </p>\n      }\n\n      <div class=\"actions\">\n        <button class=\"secondary\" type=\"button\" (click)=\"closed.emit()\">{{ 'nh-assistant.preferences.back' | translate }}</button>\n        <button class=\"primary\" type=\"submit\" [disabled]=\"!canSave()\">\n          {{ (saving() ? 'nh-assistant.preferences.saving' : 'nh-assistant.preferences.save') | translate }}\n        </button>\n      </div>\n    </form>\n  }\n</section>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .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}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.preferences{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:15px;font-weight:700}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:12px 16px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.form{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:0 16px 16px}.description{margin:0;color:var(--nha-text-muted);font-size:13px}.options{display:grid;gap:8px}.styles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.segmented{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.option{position:relative;display:flex;align-items:flex-start;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px;background:var(--nha-background);cursor:pointer}.option:hover{background:var(--nha-surface)}.option.selected{border-color:var(--nha-highlight);background:var(--nha-surface);box-shadow:inset 0 0 0 1px var(--nha-highlight)}.option:focus-within{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.option input{flex:none;margin:2px 0 0;accent-color:var(--nha-highlight)}.option span{display:flex;flex-direction:column;gap:2px;min-width:0}.option strong{font-size:13px}.option small{color:var(--nha-text-muted);font-size:12px}.switch{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;cursor:pointer}.switch input{width:16px;height:16px;margin:0;accent-color:var(--nha-highlight)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], saved: [{ type: i0.Output, args: ["saved"] }] } });
 
+let nextId$3 = 0;
+const searchDelayMs = 250;
+/**
+ * Sharing of the open conversation. The owner creates, copies, renews or stops an invitation
+ * link, invites colleagues through the application's directory when it offers one, and removes
+ * participants. A participant sees who takes part and can leave.
+ */
+class NhAssistantShareComponent {
+    constructor() {
+        this.store = inject(NhAssistantStore);
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.searchRevision = 0;
+        /** Emitted when the user leaves the view. */
+        this.closed = output();
+        this.id = `nh-assistant-share-${nextId$3++}`;
+        this.conversation = this.store.activeConversation;
+        this.isOwner = this.store.isOwner;
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
+        this.copied = signal(false, ...(ngDevMode ? [{ debugName: "copied" }] : []));
+        this.query = signal('', ...(ngDevMode ? [{ debugName: "query" }] : []));
+        this.searching = signal(false, ...(ngDevMode ? [{ debugName: "searching" }] : []));
+        this.candidates = signal([], ...(ngDevMode ? [{ debugName: "candidates" }] : []));
+        this.invited = signal(null, ...(ngDevMode ? [{ debugName: "invited" }] : []));
+        this.directory = computed(() => this.store.collaboration()?.directory === true && this.isOwner(), ...(ngDevMode ? [{ debugName: "directory" }] : []));
+        this.maxParticipants = computed(() => this.store.collaboration()?.maxParticipants ?? null, ...(ngDevMode ? [{ debugName: "maxParticipants" }] : []));
+        this.participants = computed(() => this.store.members().filter(member => member.role === 'participant'), ...(ngDevMode ? [{ debugName: "participants" }] : []));
+        this.link = computed(() => {
+            const conversation = this.conversation();
+            if (!conversation?.shareToken) {
+                return null;
+            }
+            return (this.config.buildShareLink ?? nhAssistantShareLink)(conversation.id, conversation.shareToken);
+        }, ...(ngDevMode ? [{ debugName: "link" }] : []));
+        this.full = computed(() => {
+            const max = this.maxParticipants();
+            return max !== null && this.participants().length >= max;
+        }, ...(ngDevMode ? [{ debugName: "full" }] : []));
+        inject(DestroyRef).onDestroy(() => clearTimeout(this.searchTimer));
+    }
+    async createLink() {
+        await this.run(() => this.store.createShareLink());
+        this.copied.set(false);
+    }
+    async revokeLink() {
+        await this.run(() => this.store.revokeShareLink());
+        this.copied.set(false);
+    }
+    async copy(input) {
+        const link = this.link();
+        if (!link) {
+            return;
+        }
+        try {
+            await navigator.clipboard.writeText(link);
+        }
+        catch {
+            // Without clipboard access the selected text can be copied by hand.
+            input.select();
+        }
+        this.copied.set(true);
+    }
+    onSearch(event) {
+        const value = event.target.value;
+        this.query.set(value);
+        this.invited.set(null);
+        clearTimeout(this.searchTimer);
+        const revision = ++this.searchRevision;
+        if (value.trim().length < 2) {
+            this.candidates.set([]);
+            this.searching.set(false);
+            return;
+        }
+        this.searching.set(true);
+        this.searchTimer = setTimeout(async () => {
+            const results = await this.store.searchParticipantCandidates(value);
+            if (revision === this.searchRevision) {
+                this.candidates.set(results);
+                this.searching.set(false);
+            }
+        }, searchDelayMs);
+    }
+    async invite(entry) {
+        const invited = await this.run(() => this.store.inviteParticipant(entry.actorId));
+        if (invited) {
+            this.invited.set(entry.displayName);
+            this.candidates.update(items => items.filter(item => item.actorId !== entry.actorId));
+        }
+    }
+    async remove(member) {
+        await this.run(() => this.store.removeParticipant(member.actorId));
+    }
+    async leave() {
+        const actorId = this.conversation()?.currentActorId;
+        if (!actorId) {
+            return;
+        }
+        if (await this.run(() => this.store.removeParticipant(actorId))) {
+            this.closed.emit();
+        }
+    }
+    isCurrentUser(member) {
+        return member.actorId === this.conversation()?.currentActorId;
+    }
+    async run(action) {
+        if (this.busy()) {
+            return undefined;
+        }
+        this.busy.set(true);
+        try {
+            return await action();
+        }
+        finally {
+            this.busy.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantShareComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantShareComponent, isStandalone: true, selector: "nh-assistant-share", outputs: { closed: "closed" }, ngImport: i0, template: "<section class=\"share\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"busy()\">\n  <header class=\"header\">\n    <h3 [id]=\"id + '-title'\">\n      {{ (isOwner() ? 'nh-assistant.share.title' : 'nh-assistant.share.members-title') | translate }}\n    </h3>\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [attr.aria-label]=\"'nh-assistant.share.back' | translate\"\n      [attr.title]=\"'nh-assistant.share.back' | translate\"\n      (click)=\"closed.emit()\">\n      <nh-assistant-icon name=\"close\" />\n    </button>\n  </header>\n\n  @if (conversation(); as conversation) {\n    <div class=\"content\">\n      @if (isOwner()) {\n        <p class=\"description\">{{ 'nh-assistant.share.description' | translate }}</p>\n\n        <section class=\"block\" [attr.aria-labelledby]=\"id + '-link'\">\n          <h4 [id]=\"id + '-link'\">{{ 'nh-assistant.share.link-title' | translate }}</h4>\n          @if (link(); as link) {\n            <div class=\"link-row\">\n              <label class=\"visually-hidden\" [for]=\"id + '-link-input'\">{{ 'nh-assistant.share.link-label' | translate }}</label>\n              <input #linkInput type=\"text\" readonly [id]=\"id + '-link-input'\" [value]=\"link\" (focus)=\"linkInput.select()\" />\n              <button\n                class=\"icon-button\"\n                type=\"button\"\n                [attr.aria-label]=\"'nh-assistant.share.copy' | translate\"\n                [attr.title]=\"'nh-assistant.share.copy' | translate\"\n                (click)=\"copy(linkInput)\">\n                <nh-assistant-icon name=\"copy\" />\n              </button>\n            </div>\n            @if (copied()) {\n              <p class=\"message success\" role=\"status\">\n                <nh-assistant-icon name=\"check\" />\n                {{ 'nh-assistant.share.copied' | translate }}\n              </p>\n            }\n            <div class=\"actions\">\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"revokeLink()\">\n                {{ 'nh-assistant.share.revoke' | translate }}\n              </button>\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"createLink()\">\n                {{ 'nh-assistant.share.renew' | translate }}\n              </button>\n            </div>\n            <p class=\"hint\">{{ 'nh-assistant.share.link-hint' | translate }}</p>\n          } @else {\n            <button class=\"primary\" type=\"button\" [disabled]=\"busy() || full()\" (click)=\"createLink()\">\n              <nh-assistant-icon name=\"link\" />\n              {{ 'nh-assistant.share.create' | translate }}\n            </button>\n          }\n        </section>\n\n        @if (directory()) {\n          <section class=\"block\" [attr.aria-labelledby]=\"id + '-invite'\">\n            <h4 [id]=\"id + '-invite'\">{{ 'nh-assistant.share.invite-title' | translate }}</h4>\n            <label class=\"visually-hidden\" [for]=\"id + '-search'\">{{ 'nh-assistant.share.search-label' | translate }}</label>\n            <input\n              type=\"search\"\n              autocomplete=\"off\"\n              [id]=\"id + '-search'\"\n              [value]=\"query()\"\n              [disabled]=\"full()\"\n              [attr.placeholder]=\"'nh-assistant.share.search-placeholder' | translate\"\n              (input)=\"onSearch($event)\" />\n            @if (searching()) {\n              <p class=\"hint\" role=\"status\">{{ 'nh-assistant.share.searching' | translate }}</p>\n            } @else if (query().trim().length >= 2 && candidates().length === 0 && !invited()) {\n              <p class=\"hint\">{{ 'nh-assistant.share.no-results' | translate }}</p>\n            }\n            @if (candidates().length > 0) {\n              <ul class=\"people\">\n                @for (entry of candidates(); track entry.actorId) {\n                  <li>\n                    <span class=\"person\">\n                      <strong>{{ entry.displayName }}</strong>\n                      @if (entry.detail) {\n                        <small>{{ entry.detail }}</small>\n                      }\n                    </span>\n                    <button class=\"secondary small\" type=\"button\" [disabled]=\"busy() || full()\" (click)=\"invite(entry)\">\n                      {{ 'nh-assistant.share.invite' | translate }}\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            @if (invited(); as name) {\n              <p class=\"message success\" role=\"status\">\n                <nh-assistant-icon name=\"check\" />\n                {{ 'nh-assistant.share.invited' | translate: { name } }}\n              </p>\n            }\n          </section>\n        }\n      }\n\n      <section class=\"block\" [attr.aria-labelledby]=\"id + '-members'\">\n        <h4 [id]=\"id + '-members'\">\n          {{ 'nh-assistant.share.members' | translate }}\n          @if (maxParticipants() !== null && isOwner()) {\n            <span class=\"count\">{{ 'nh-assistant.share.count' | translate: { count: participants().length, max: maxParticipants() } }}</span>\n          }\n        </h4>\n        @if (store.members().length === 0) {\n          <p class=\"hint\">{{ 'nh-assistant.share.not-shared' | translate }}</p>\n        } @else {\n          <ul class=\"people\">\n            @for (member of store.members(); track member.actorId) {\n              <li>\n                <span class=\"person\">\n                  <strong>\n                    {{ member.displayName || ('nh-assistant.share.unnamed' | translate) }}\n                    @if (isCurrentUser(member)) {\n                      <small class=\"you\">{{ 'nh-assistant.share.you' | translate }}</small>\n                    }\n                  </strong>\n                  <small>{{ 'nh-assistant.share.role.' + member.role | translate }}</small>\n                </span>\n                @if (isOwner() && member.role === 'participant') {\n                  <button\n                    class=\"icon-button\"\n                    type=\"button\"\n                    [disabled]=\"busy()\"\n                    [attr.aria-label]=\"'nh-assistant.share.remove' | translate: { name: member.displayName || ('nh-assistant.share.unnamed' | translate) }\"\n                    [attr.title]=\"'nh-assistant.share.remove' | translate: { name: member.displayName || ('nh-assistant.share.unnamed' | translate) }\"\n                    (click)=\"remove(member)\">\n                    <nh-assistant-icon name=\"trash\" />\n                  </button>\n                }\n              </li>\n            }\n          </ul>\n        }\n      </section>\n\n      @if (!isOwner()) {\n        <div class=\"actions\">\n          <button class=\"secondary danger\" type=\"button\" [disabled]=\"busy() || conversation.status === 'running'\" (click)=\"leave()\">\n            <nh-assistant-icon name=\"leave\" />\n            {{ 'nh-assistant.share.leave' | translate }}\n          </button>\n        </div>\n      }\n    </div>\n  } @else {\n    <p class=\"state\">{{ 'nh-assistant.share.no-conversation' | translate }}</p>\n  }\n</section>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .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}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.share{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:15px;font-weight:700}.content{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:0 16px 16px}.description,.state{margin:0;color:var(--nha-text-muted);font-size:13px}.state{padding:12px 16px}.block{display:flex;flex-direction:column;gap:8px}h4{display:flex;align-items:baseline;gap:8px;margin:0;font-size:12px;font-weight:700}.count{color:var(--nha-text-muted);font-size:11px;font-weight:400}.link-row{display:flex;align-items:center;gap:4px}.link-row input{font-family:var(--nha-mono);font-size:12px}.actions{justify-content:flex-start}.people{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.people li{display:flex;align-items:center;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 6px 6px 10px}.person{display:flex;flex:1;flex-direction:column;min-width:0}.person strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.person small{color:var(--nha-text-muted);font-size:11px}.you{margin-left:4px;font-weight:400}.small{min-height:30px;padding:4px 10px;font-size:12px}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantShareComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-share', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"share\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"busy()\">\n  <header class=\"header\">\n    <h3 [id]=\"id + '-title'\">\n      {{ (isOwner() ? 'nh-assistant.share.title' : 'nh-assistant.share.members-title') | translate }}\n    </h3>\n    <button\n      class=\"icon-button\"\n      type=\"button\"\n      [attr.aria-label]=\"'nh-assistant.share.back' | translate\"\n      [attr.title]=\"'nh-assistant.share.back' | translate\"\n      (click)=\"closed.emit()\">\n      <nh-assistant-icon name=\"close\" />\n    </button>\n  </header>\n\n  @if (conversation(); as conversation) {\n    <div class=\"content\">\n      @if (isOwner()) {\n        <p class=\"description\">{{ 'nh-assistant.share.description' | translate }}</p>\n\n        <section class=\"block\" [attr.aria-labelledby]=\"id + '-link'\">\n          <h4 [id]=\"id + '-link'\">{{ 'nh-assistant.share.link-title' | translate }}</h4>\n          @if (link(); as link) {\n            <div class=\"link-row\">\n              <label class=\"visually-hidden\" [for]=\"id + '-link-input'\">{{ 'nh-assistant.share.link-label' | translate }}</label>\n              <input #linkInput type=\"text\" readonly [id]=\"id + '-link-input'\" [value]=\"link\" (focus)=\"linkInput.select()\" />\n              <button\n                class=\"icon-button\"\n                type=\"button\"\n                [attr.aria-label]=\"'nh-assistant.share.copy' | translate\"\n                [attr.title]=\"'nh-assistant.share.copy' | translate\"\n                (click)=\"copy(linkInput)\">\n                <nh-assistant-icon name=\"copy\" />\n              </button>\n            </div>\n            @if (copied()) {\n              <p class=\"message success\" role=\"status\">\n                <nh-assistant-icon name=\"check\" />\n                {{ 'nh-assistant.share.copied' | translate }}\n              </p>\n            }\n            <div class=\"actions\">\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"revokeLink()\">\n                {{ 'nh-assistant.share.revoke' | translate }}\n              </button>\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"createLink()\">\n                {{ 'nh-assistant.share.renew' | translate }}\n              </button>\n            </div>\n            <p class=\"hint\">{{ 'nh-assistant.share.link-hint' | translate }}</p>\n          } @else {\n            <button class=\"primary\" type=\"button\" [disabled]=\"busy() || full()\" (click)=\"createLink()\">\n              <nh-assistant-icon name=\"link\" />\n              {{ 'nh-assistant.share.create' | translate }}\n            </button>\n          }\n        </section>\n\n        @if (directory()) {\n          <section class=\"block\" [attr.aria-labelledby]=\"id + '-invite'\">\n            <h4 [id]=\"id + '-invite'\">{{ 'nh-assistant.share.invite-title' | translate }}</h4>\n            <label class=\"visually-hidden\" [for]=\"id + '-search'\">{{ 'nh-assistant.share.search-label' | translate }}</label>\n            <input\n              type=\"search\"\n              autocomplete=\"off\"\n              [id]=\"id + '-search'\"\n              [value]=\"query()\"\n              [disabled]=\"full()\"\n              [attr.placeholder]=\"'nh-assistant.share.search-placeholder' | translate\"\n              (input)=\"onSearch($event)\" />\n            @if (searching()) {\n              <p class=\"hint\" role=\"status\">{{ 'nh-assistant.share.searching' | translate }}</p>\n            } @else if (query().trim().length >= 2 && candidates().length === 0 && !invited()) {\n              <p class=\"hint\">{{ 'nh-assistant.share.no-results' | translate }}</p>\n            }\n            @if (candidates().length > 0) {\n              <ul class=\"people\">\n                @for (entry of candidates(); track entry.actorId) {\n                  <li>\n                    <span class=\"person\">\n                      <strong>{{ entry.displayName }}</strong>\n                      @if (entry.detail) {\n                        <small>{{ entry.detail }}</small>\n                      }\n                    </span>\n                    <button class=\"secondary small\" type=\"button\" [disabled]=\"busy() || full()\" (click)=\"invite(entry)\">\n                      {{ 'nh-assistant.share.invite' | translate }}\n                    </button>\n                  </li>\n                }\n              </ul>\n            }\n            @if (invited(); as name) {\n              <p class=\"message success\" role=\"status\">\n                <nh-assistant-icon name=\"check\" />\n                {{ 'nh-assistant.share.invited' | translate: { name } }}\n              </p>\n            }\n          </section>\n        }\n      }\n\n      <section class=\"block\" [attr.aria-labelledby]=\"id + '-members'\">\n        <h4 [id]=\"id + '-members'\">\n          {{ 'nh-assistant.share.members' | translate }}\n          @if (maxParticipants() !== null && isOwner()) {\n            <span class=\"count\">{{ 'nh-assistant.share.count' | translate: { count: participants().length, max: maxParticipants() } }}</span>\n          }\n        </h4>\n        @if (store.members().length === 0) {\n          <p class=\"hint\">{{ 'nh-assistant.share.not-shared' | translate }}</p>\n        } @else {\n          <ul class=\"people\">\n            @for (member of store.members(); track member.actorId) {\n              <li>\n                <span class=\"person\">\n                  <strong>\n                    {{ member.displayName || ('nh-assistant.share.unnamed' | translate) }}\n                    @if (isCurrentUser(member)) {\n                      <small class=\"you\">{{ 'nh-assistant.share.you' | translate }}</small>\n                    }\n                  </strong>\n                  <small>{{ 'nh-assistant.share.role.' + member.role | translate }}</small>\n                </span>\n                @if (isOwner() && member.role === 'participant') {\n                  <button\n                    class=\"icon-button\"\n                    type=\"button\"\n                    [disabled]=\"busy()\"\n                    [attr.aria-label]=\"'nh-assistant.share.remove' | translate: { name: member.displayName || ('nh-assistant.share.unnamed' | translate) }\"\n                    [attr.title]=\"'nh-assistant.share.remove' | translate: { name: member.displayName || ('nh-assistant.share.unnamed' | translate) }\"\n                    (click)=\"remove(member)\">\n                    <nh-assistant-icon name=\"trash\" />\n                  </button>\n                }\n              </li>\n            }\n          </ul>\n        }\n      </section>\n\n      @if (!isOwner()) {\n        <div class=\"actions\">\n          <button class=\"secondary danger\" type=\"button\" [disabled]=\"busy() || conversation.status === 'running'\" (click)=\"leave()\">\n            <nh-assistant-icon name=\"leave\" />\n            {{ 'nh-assistant.share.leave' | translate }}\n          </button>\n        </div>\n      }\n    </div>\n  } @else {\n    <p class=\"state\">{{ 'nh-assistant.share.no-conversation' | translate }}</p>\n  }\n</section>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .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}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.share{display:flex;flex:1;flex-direction:column;min-height:0}.header{display:flex;align-items:center;gap:8px;padding:12px 12px 8px 16px}h3{flex:1;margin:0;font-size:15px;font-weight:700}.content{display:flex;flex:1;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:0 16px 16px}.description,.state{margin:0;color:var(--nha-text-muted);font-size:13px}.state{padding:12px 16px}.block{display:flex;flex-direction:column;gap:8px}h4{display:flex;align-items:baseline;gap:8px;margin:0;font-size:12px;font-weight:700}.count{color:var(--nha-text-muted);font-size:11px;font-weight:400}.link-row{display:flex;align-items:center;gap:4px}.link-row input{font-family:var(--nha-mono);font-size:12px}.actions{justify-content:flex-start}.people{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.people li{display:flex;align-items:center;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 6px 6px 10px}.person{display:flex;flex:1;flex-direction:column;min-width:0}.person strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.person small{color:var(--nha-text-muted);font-size:11px}.you{margin-left:4px;font-weight:400}.small{min-height:30px;padding:4px 10px;font-size:12px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }] } });
+
 const allowedTags = [
     'p', 'br', 'strong', 'em', 'del', 'code', 'pre', 'blockquote', 'ul', 'ol', 'li', 'a',
     'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hr', 'table', 'thead', 'tbody', 'tr', 'th', 'td'
@@ -3144,10 +4514,10 @@ class NhAssistantMarkdownRenderer {
         this.purifier = purifier;
         return purifier;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownRenderer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownRenderer, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantMarkdownRenderer, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantMarkdownRenderer, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownRenderer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantMarkdownRenderer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -3160,10 +4530,10 @@ class NhAssistantMarkdownPipe {
     transform(text) {
         return this.renderer.render(text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownPipe, isStandalone: true, name: "nhAssistantMarkdown" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantMarkdownPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantMarkdownPipe, isStandalone: true, name: "nhAssistantMarkdown" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantMarkdownPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'nhAssistantMarkdown', standalone: true }]
         }] });
@@ -3200,10 +4570,10 @@ class NhAssistantPartGroupsPipe {
     transform(parts) {
         return groupNhAssistantParts(parts);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPartGroupsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPartGroupsPipe, isStandalone: true, name: "nhAssistantPartGroups" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPartGroupsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPartGroupsPipe, isStandalone: true, name: "nhAssistantPartGroups" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPartGroupsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPartGroupsPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'nhAssistantPartGroups', standalone: true }]
         }] });
@@ -3229,6 +4599,13 @@ class NhAssistantApprovalCardComponent {
         this.approval = input.required(...(ngDevMode ? [{ debugName: "approval" }] : []));
         /** True while the host submits a decision; disables both buttons. */
         this.deciding = input(false, ...(ngDevMode ? [{ debugName: "deciding" }] : []));
+        /**
+         * False when the approval belongs to another participant's turn: only the person whose
+         * permissions the action would use may decide it.
+         */
+        this.canDecide = input(true, ...(ngDevMode ? [{ debugName: "canDecide" }] : []));
+        /** Name of the participant who decides, shown when the current user cannot. */
+        this.decisionOwner = input(null, ...(ngDevMode ? [{ debugName: "decisionOwner" }] : []));
         this.decide = output();
         this.now = signal(Date.now(), ...(ngDevMode ? [{ debugName: "now" }] : []));
         this.submitted = signal(false, ...(ngDevMode ? [{ debugName: "submitted" }] : []));
@@ -3237,7 +4614,7 @@ class NhAssistantApprovalCardComponent {
             (this.approval().status === 'pending' && this.remainingMs() <= 0), ...(ngDevMode ? [{ debugName: "expired" }] : []));
         this.effectiveStatus = computed(() => this.expired() ? 'expired' : this.approval().status, ...(ngDevMode ? [{ debugName: "effectiveStatus" }] : []));
         this.actionable = computed(() => this.effectiveStatus() === 'pending', ...(ngDevMode ? [{ debugName: "actionable" }] : []));
-        this.disabled = computed(() => !this.actionable() || this.deciding() || this.submitted(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.disabled = computed(() => !this.actionable() || !this.canDecide() || this.deciding() || this.submitted(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.countdown = computed(() => formatNhAssistantCountdown(this.remainingMs()), ...(ngDevMode ? [{ debugName: "countdown" }] : []));
         this.presentedSummary = computed(() => this.approval().presentation?.summary ?? null, ...(ngDevMode ? [{ debugName: "presentedSummary" }] : []));
         // Tick only while the approval is pending and not yet expired.
@@ -3268,15 +4645,15 @@ class NhAssistantApprovalCardComponent {
         this.submitted.set(true);
         this.decide.emit(decision);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantApprovalCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantApprovalCardComponent, isStandalone: true, selector: "nh-assistant-approval-card", inputs: { approval: { classPropertyName: "approval", publicName: "approval", isSignal: true, isRequired: true, transformFunction: null }, deciding: { classPropertyName: "deciding", publicName: "deciding", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { decide: "decide" }, host: { properties: { "attr.data-status": "effectiveStatus()" } }, ngImport: i0, template: "<section class=\"card\" [attr.aria-label]=\"'nh-assistant.approval.title' | translate\">\n  <header class=\"header\">\n    <nh-assistant-icon [name]=\"actionable() ? 'warning' : effectiveStatus() === 'approved' ? 'check' : 'x'\" />\n    <h3>{{ 'nh-assistant.approval.title' | translate }}</h3>\n    <span class=\"status\">{{ 'nh-assistant.approval.status.' + effectiveStatus() | translate }}</span>\n  </header>\n\n  @if (approval().presentation; as presentation) {\n    <p class=\"tool-name\">{{ presentation.toolDisplayName }}</p>\n    <p class=\"summary\">{{ presentation.summary }}</p>\n    @if (presentation.fields.length > 0) {\n      <dl class=\"presentation-fields\">\n        @for (field of presentation.fields; track $index) {\n          <div>\n            <dt>{{ field.label }}</dt>\n            <dd>{{ field.value }}</dd>\n          </div>\n        }\n      </dl>\n    }\n    @if (presentation.notice) {\n      <p class=\"notice\">{{ presentation.notice }}</p>\n    }\n  } @else {\n    <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n  }\n\n  <details class=\"technical-details\">\n    <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n    <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n    <code>{{ approval().toolId }}</code>\n    @if (approval().targets.length > 0) {\n      <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n      <ul class=\"targets\">\n        @for (target of approval().targets; track $index) {\n          <li>{{ target }}</li>\n        }\n      </ul>\n    }\n    @if (approval().argumentsPreview) {\n      <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n      <pre>{{ approval().argumentsPreview }}</pre>\n    }\n  </details>\n\n  @if (actionable()) {\n    <p class=\"expiry\" aria-live=\"off\">\n      <nh-assistant-icon name=\"clock\" />\n      {{ 'nh-assistant.approval.expires-in' | translate: { time: countdown() } }}\n    </p>\n    <div class=\"actions\">\n      <button\n        class=\"reject\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.reject-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('reject')\">\n        {{ 'nh-assistant.approval.reject' | translate }}\n      </button>\n      <button\n        class=\"approve\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.approve-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('approve')\">\n        {{ 'nh-assistant.approval.approve' | translate }}\n      </button>\n    </div>\n    @if (deciding()) {\n      <p class=\"deciding\" role=\"status\">{{ 'nh-assistant.approval.deciding' | translate }}</p>\n    }\n  } @else if (expired()) {\n    <p class=\"expiry\">{{ 'nh-assistant.approval.expired' | translate }}</p>\n  }\n</section>\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))}}:host{display:block;--nha-status-color: var(--nha-warning);--nha-status-background: var(--nha-warning-soft)}:host([data-status=approved]){--nha-status-color: var(--nha-success);--nha-status-background: var(--nha-success-soft)}:host([data-status=rejected]),:host([data-status=expired]){--nha-status-color: var(--nha-text-muted);--nha-status-background: var(--nha-surface-strong)}.card{border:1px solid var(--nha-status-color);border-radius:var(--nha-radius-control);padding:12px;color:var(--nha-text);background:var(--nha-background)}.header{display:flex;align-items:center;gap:8px;color:var(--nha-status-color)}h3{flex:1;margin:0;color:var(--nha-text);font-size:14px;font-weight:700}.status{border-radius:999px;padding:2px 8px;color:var(--nha-status-color);background:var(--nha-status-background);font-size:11px;font-weight:700}.summary{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}.tool-name{margin:10px 0 0;font-size:12px;font-weight:700}.presentation-fields{display:grid;gap:6px;margin:10px 0 0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700}.presentation-fields dd{margin:0;overflow-wrap:anywhere;font-size:13px}.notice{margin:10px 0 0;color:var(--nha-text-muted);font-size:12px}.technical-details{margin-top:10px;color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.label{margin:10px 0 4px;color:var(--nha-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.targets{margin:0;padding-left:18px;font-size:13px;overflow-wrap:anywhere}pre{max-height:160px;margin:0;overflow:auto;border-radius:8px;padding:8px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.expiry,.deciding{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--nha-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px}button{min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.reject{color:var(--nha-text);background:transparent}.reject:hover:not(:disabled){background:var(--nha-surface-strong)}.approve{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}.approve:hover:not(:disabled){filter:brightness(1.12)}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantApprovalCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantApprovalCardComponent, isStandalone: true, selector: "nh-assistant-approval-card", inputs: { approval: { classPropertyName: "approval", publicName: "approval", isSignal: true, isRequired: true, transformFunction: null }, deciding: { classPropertyName: "deciding", publicName: "deciding", isSignal: true, isRequired: false, transformFunction: null }, canDecide: { classPropertyName: "canDecide", publicName: "canDecide", isSignal: true, isRequired: false, transformFunction: null }, decisionOwner: { classPropertyName: "decisionOwner", publicName: "decisionOwner", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { decide: "decide" }, host: { properties: { "attr.data-status": "effectiveStatus()" } }, ngImport: i0, template: "<section class=\"card\" [attr.aria-label]=\"'nh-assistant.approval.title' | translate\">\n  <header class=\"header\">\n    <nh-assistant-icon [name]=\"actionable() ? 'warning' : effectiveStatus() === 'approved' ? 'check' : 'x'\" />\n    <h3>{{ 'nh-assistant.approval.title' | translate }}</h3>\n    <span class=\"status\">{{ 'nh-assistant.approval.status.' + effectiveStatus() | translate }}</span>\n  </header>\n\n  @if (approval().presentation; as presentation) {\n    <p class=\"tool-name\">{{ presentation.toolDisplayName }}</p>\n    <p class=\"summary\">{{ presentation.summary }}</p>\n    @if (presentation.fields.length > 0) {\n      <dl class=\"presentation-fields\">\n        @for (field of presentation.fields; track $index) {\n          <div>\n            <dt>{{ field.label }}</dt>\n            <dd>{{ field.value }}</dd>\n          </div>\n        }\n      </dl>\n    }\n    @if (presentation.notice) {\n      <p class=\"notice\">{{ presentation.notice }}</p>\n    }\n  } @else {\n    <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n  }\n\n  <details class=\"technical-details\">\n    <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n    <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n    <code>{{ approval().toolId }}</code>\n    @if (approval().targets.length > 0) {\n      <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n      <ul class=\"targets\">\n        @for (target of approval().targets; track $index) {\n          <li>{{ target }}</li>\n        }\n      </ul>\n    }\n    @if (approval().argumentsPreview) {\n      <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n      <pre>{{ approval().argumentsPreview }}</pre>\n    }\n  </details>\n\n  @if (actionable() && !canDecide()) {\n    <p class=\"waiting-for-other\" role=\"status\">\n      <nh-assistant-icon name=\"users\" />\n      {{ decisionOwner()\n        ? ('nh-assistant.approval.waiting-for' | translate: { name: decisionOwner() })\n        : ('nh-assistant.approval.waiting-for-participant' | translate) }}\n    </p>\n  } @else if (actionable()) {\n    <p class=\"expiry\" aria-live=\"off\">\n      <nh-assistant-icon name=\"clock\" />\n      {{ 'nh-assistant.approval.expires-in' | translate: { time: countdown() } }}\n    </p>\n    <div class=\"actions\">\n      <button\n        class=\"reject\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.reject-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('reject')\">\n        {{ 'nh-assistant.approval.reject' | translate }}\n      </button>\n      <button\n        class=\"approve\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.approve-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('approve')\">\n        {{ 'nh-assistant.approval.approve' | translate }}\n      </button>\n    </div>\n    @if (deciding()) {\n      <p class=\"deciding\" role=\"status\">{{ 'nh-assistant.approval.deciding' | translate }}</p>\n    }\n  } @else if (expired()) {\n    <p class=\"expiry\">{{ 'nh-assistant.approval.expired' | translate }}</p>\n  }\n</section>\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))}}:host{display:block;--nha-status-color: var(--nha-warning);--nha-status-background: var(--nha-warning-soft)}:host([data-status=approved]){--nha-status-color: var(--nha-success);--nha-status-background: var(--nha-success-soft)}:host([data-status=rejected]),:host([data-status=expired]){--nha-status-color: var(--nha-text-muted);--nha-status-background: var(--nha-surface-strong)}.card{border:1px solid var(--nha-status-color);border-radius:var(--nha-radius-control);padding:12px;color:var(--nha-text);background:var(--nha-background)}.header{display:flex;align-items:center;gap:8px;color:var(--nha-status-color)}h3{flex:1;margin:0;color:var(--nha-text);font-size:14px;font-weight:700}.status{border-radius:999px;padding:2px 8px;color:var(--nha-status-color);background:var(--nha-status-background);font-size:11px;font-weight:700}.summary{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}.tool-name{margin:10px 0 0;font-size:12px;font-weight:700}.presentation-fields{display:grid;gap:6px;margin:10px 0 0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700}.presentation-fields dd{margin:0;overflow-wrap:anywhere;font-size:13px}.notice{margin:10px 0 0;color:var(--nha-text-muted);font-size:12px}.technical-details{margin-top:10px;color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.label{margin:10px 0 4px;color:var(--nha-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.targets{margin:0;padding-left:18px;font-size:13px;overflow-wrap:anywhere}pre{max-height:160px;margin:0;overflow:auto;border-radius:8px;padding:8px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.expiry,.deciding,.waiting-for-other{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--nha-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px}button{min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.reject{color:var(--nha-text);background:transparent}.reject:hover:not(:disabled){background:var(--nha-surface-strong)}.approve{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}.approve:hover:not(:disabled){filter:brightness(1.12)}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantApprovalCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantApprovalCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-approval-card', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-status]': 'effectiveStatus()'
-                    }, template: "<section class=\"card\" [attr.aria-label]=\"'nh-assistant.approval.title' | translate\">\n  <header class=\"header\">\n    <nh-assistant-icon [name]=\"actionable() ? 'warning' : effectiveStatus() === 'approved' ? 'check' : 'x'\" />\n    <h3>{{ 'nh-assistant.approval.title' | translate }}</h3>\n    <span class=\"status\">{{ 'nh-assistant.approval.status.' + effectiveStatus() | translate }}</span>\n  </header>\n\n  @if (approval().presentation; as presentation) {\n    <p class=\"tool-name\">{{ presentation.toolDisplayName }}</p>\n    <p class=\"summary\">{{ presentation.summary }}</p>\n    @if (presentation.fields.length > 0) {\n      <dl class=\"presentation-fields\">\n        @for (field of presentation.fields; track $index) {\n          <div>\n            <dt>{{ field.label }}</dt>\n            <dd>{{ field.value }}</dd>\n          </div>\n        }\n      </dl>\n    }\n    @if (presentation.notice) {\n      <p class=\"notice\">{{ presentation.notice }}</p>\n    }\n  } @else {\n    <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n  }\n\n  <details class=\"technical-details\">\n    <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n    <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n    <code>{{ approval().toolId }}</code>\n    @if (approval().targets.length > 0) {\n      <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n      <ul class=\"targets\">\n        @for (target of approval().targets; track $index) {\n          <li>{{ target }}</li>\n        }\n      </ul>\n    }\n    @if (approval().argumentsPreview) {\n      <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n      <pre>{{ approval().argumentsPreview }}</pre>\n    }\n  </details>\n\n  @if (actionable()) {\n    <p class=\"expiry\" aria-live=\"off\">\n      <nh-assistant-icon name=\"clock\" />\n      {{ 'nh-assistant.approval.expires-in' | translate: { time: countdown() } }}\n    </p>\n    <div class=\"actions\">\n      <button\n        class=\"reject\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.reject-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('reject')\">\n        {{ 'nh-assistant.approval.reject' | translate }}\n      </button>\n      <button\n        class=\"approve\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.approve-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('approve')\">\n        {{ 'nh-assistant.approval.approve' | translate }}\n      </button>\n    </div>\n    @if (deciding()) {\n      <p class=\"deciding\" role=\"status\">{{ 'nh-assistant.approval.deciding' | translate }}</p>\n    }\n  } @else if (expired()) {\n    <p class=\"expiry\">{{ 'nh-assistant.approval.expired' | translate }}</p>\n  }\n</section>\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))}}:host{display:block;--nha-status-color: var(--nha-warning);--nha-status-background: var(--nha-warning-soft)}:host([data-status=approved]){--nha-status-color: var(--nha-success);--nha-status-background: var(--nha-success-soft)}:host([data-status=rejected]),:host([data-status=expired]){--nha-status-color: var(--nha-text-muted);--nha-status-background: var(--nha-surface-strong)}.card{border:1px solid var(--nha-status-color);border-radius:var(--nha-radius-control);padding:12px;color:var(--nha-text);background:var(--nha-background)}.header{display:flex;align-items:center;gap:8px;color:var(--nha-status-color)}h3{flex:1;margin:0;color:var(--nha-text);font-size:14px;font-weight:700}.status{border-radius:999px;padding:2px 8px;color:var(--nha-status-color);background:var(--nha-status-background);font-size:11px;font-weight:700}.summary{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}.tool-name{margin:10px 0 0;font-size:12px;font-weight:700}.presentation-fields{display:grid;gap:6px;margin:10px 0 0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700}.presentation-fields dd{margin:0;overflow-wrap:anywhere;font-size:13px}.notice{margin:10px 0 0;color:var(--nha-text-muted);font-size:12px}.technical-details{margin-top:10px;color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.label{margin:10px 0 4px;color:var(--nha-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.targets{margin:0;padding-left:18px;font-size:13px;overflow-wrap:anywhere}pre{max-height:160px;margin:0;overflow:auto;border-radius:8px;padding:8px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.expiry,.deciding{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--nha-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px}button{min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.reject{color:var(--nha-text);background:transparent}.reject:hover:not(:disabled){background:var(--nha-surface-strong)}.approve{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}.approve:hover:not(:disabled){filter:brightness(1.12)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { approval: [{ type: i0.Input, args: [{ isSignal: true, alias: "approval", required: true }] }], deciding: [{ type: i0.Input, args: [{ isSignal: true, alias: "deciding", required: false }] }], decide: [{ type: i0.Output, args: ["decide"] }] } });
+                    }, template: "<section class=\"card\" [attr.aria-label]=\"'nh-assistant.approval.title' | translate\">\n  <header class=\"header\">\n    <nh-assistant-icon [name]=\"actionable() ? 'warning' : effectiveStatus() === 'approved' ? 'check' : 'x'\" />\n    <h3>{{ 'nh-assistant.approval.title' | translate }}</h3>\n    <span class=\"status\">{{ 'nh-assistant.approval.status.' + effectiveStatus() | translate }}</span>\n  </header>\n\n  @if (approval().presentation; as presentation) {\n    <p class=\"tool-name\">{{ presentation.toolDisplayName }}</p>\n    <p class=\"summary\">{{ presentation.summary }}</p>\n    @if (presentation.fields.length > 0) {\n      <dl class=\"presentation-fields\">\n        @for (field of presentation.fields; track $index) {\n          <div>\n            <dt>{{ field.label }}</dt>\n            <dd>{{ field.value }}</dd>\n          </div>\n        }\n      </dl>\n    }\n    @if (presentation.notice) {\n      <p class=\"notice\">{{ presentation.notice }}</p>\n    }\n  } @else {\n    <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n  }\n\n  <details class=\"technical-details\">\n    <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n    <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n    <code>{{ approval().toolId }}</code>\n    @if (approval().targets.length > 0) {\n      <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n      <ul class=\"targets\">\n        @for (target of approval().targets; track $index) {\n          <li>{{ target }}</li>\n        }\n      </ul>\n    }\n    @if (approval().argumentsPreview) {\n      <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n      <pre>{{ approval().argumentsPreview }}</pre>\n    }\n  </details>\n\n  @if (actionable() && !canDecide()) {\n    <p class=\"waiting-for-other\" role=\"status\">\n      <nh-assistant-icon name=\"users\" />\n      {{ decisionOwner()\n        ? ('nh-assistant.approval.waiting-for' | translate: { name: decisionOwner() })\n        : ('nh-assistant.approval.waiting-for-participant' | translate) }}\n    </p>\n  } @else if (actionable()) {\n    <p class=\"expiry\" aria-live=\"off\">\n      <nh-assistant-icon name=\"clock\" />\n      {{ 'nh-assistant.approval.expires-in' | translate: { time: countdown() } }}\n    </p>\n    <div class=\"actions\">\n      <button\n        class=\"reject\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.reject-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('reject')\">\n        {{ 'nh-assistant.approval.reject' | translate }}\n      </button>\n      <button\n        class=\"approve\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.approval.approve-label' | translate: { summary: presentedSummary() ?? ('nh-assistant.approval.fallback-summary' | translate) }\"\n        (click)=\"choose('approve')\">\n        {{ 'nh-assistant.approval.approve' | translate }}\n      </button>\n    </div>\n    @if (deciding()) {\n      <p class=\"deciding\" role=\"status\">{{ 'nh-assistant.approval.deciding' | translate }}</p>\n    }\n  } @else if (expired()) {\n    <p class=\"expiry\">{{ 'nh-assistant.approval.expired' | translate }}</p>\n  }\n</section>\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))}}:host{display:block;--nha-status-color: var(--nha-warning);--nha-status-background: var(--nha-warning-soft)}:host([data-status=approved]){--nha-status-color: var(--nha-success);--nha-status-background: var(--nha-success-soft)}:host([data-status=rejected]),:host([data-status=expired]){--nha-status-color: var(--nha-text-muted);--nha-status-background: var(--nha-surface-strong)}.card{border:1px solid var(--nha-status-color);border-radius:var(--nha-radius-control);padding:12px;color:var(--nha-text);background:var(--nha-background)}.header{display:flex;align-items:center;gap:8px;color:var(--nha-status-color)}h3{flex:1;margin:0;color:var(--nha-text);font-size:14px;font-weight:700}.status{border-radius:999px;padding:2px 8px;color:var(--nha-status-color);background:var(--nha-status-background);font-size:11px;font-weight:700}.summary{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}.tool-name{margin:10px 0 0;font-size:12px;font-weight:700}.presentation-fields{display:grid;gap:6px;margin:10px 0 0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700}.presentation-fields dd{margin:0;overflow-wrap:anywhere;font-size:13px}.notice{margin:10px 0 0;color:var(--nha-text-muted);font-size:12px}.technical-details{margin-top:10px;color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.label{margin:10px 0 4px;color:var(--nha-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.targets{margin:0;padding-left:18px;font-size:13px;overflow-wrap:anywhere}pre{max-height:160px;margin:0;overflow:auto;border-radius:8px;padding:8px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}.expiry,.deciding,.waiting-for-other{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--nha-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px}button{min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.reject{color:var(--nha-text);background:transparent}.reject:hover:not(:disabled){background:var(--nha-surface-strong)}.approve{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}.approve:hover:not(:disabled){filter:brightness(1.12)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { approval: [{ type: i0.Input, args: [{ isSignal: true, alias: "approval", required: true }] }], deciding: [{ type: i0.Input, args: [{ isSignal: true, alias: "deciding", required: false }] }], canDecide: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDecide", required: false }] }], decisionOwner: [{ type: i0.Input, args: [{ isSignal: true, alias: "decisionOwner", required: false }] }], decide: [{ type: i0.Output, args: ["decide"] }] } });
 
 let nextId$2 = 0;
 const statusIcons = {
@@ -3298,10 +4675,10 @@ class NhAssistantToolCallCardComponent {
     toggle() {
         this.expanded.update(expanded => !expanded);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantToolCallCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantToolCallCardComponent, isStandalone: true, selector: "nh-assistant-tool-call-card", inputs: { part: { classPropertyName: "part", publicName: "part", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-status": "part().status" } }, ngImport: i0, template: "<article class=\"card\" [attr.aria-label]=\"'nh-assistant.tool-call.label' | translate: { name: part().displayName }\">\n  <header class=\"header\">\n    <span class=\"status-icon\" [class.spinning]=\"part().status === 'running'\">\n      <nh-assistant-icon [name]=\"statusIcon()\" />\n    </span>\n    <span class=\"title\">{{ part().displayName }}</span>\n    <span class=\"status\">{{ 'nh-assistant.tool-call.status.' + part().status | translate }}</span>\n    @if (hasDetails()) {\n      <button\n        class=\"toggle\"\n        type=\"button\"\n        [attr.aria-expanded]=\"expanded()\"\n        [attr.aria-controls]=\"detailsId\"\n        [attr.aria-label]=\"(expanded() ? 'nh-assistant.tool-call.hide-details' : 'nh-assistant.tool-call.show-details') | translate\"\n        [attr.title]=\"(expanded() ? 'nh-assistant.tool-call.hide-details' : 'nh-assistant.tool-call.show-details') | translate\"\n        (click)=\"toggle()\">\n        <nh-assistant-icon name=\"chevron-down\" [class.rotated]=\"expanded()\" />\n      </button>\n    }\n  </header>\n\n  @if (part().resultCode; as resultCode) {\n    <p class=\"result-code\">\n      {{ ['nh-assistant.result-codes.' + resultCode, 'nh-assistant.errors.' + resultCode] | nhAssistantTranslate: resultCode }}\n    </p>\n  }\n\n  @if (hasDetails()) {\n    <div class=\"details\" [id]=\"detailsId\" [hidden]=\"!expanded()\">\n      <p class=\"label\">{{ 'nh-assistant.tool-call.tool-id' | translate }}</p>\n      <code>{{ part().toolId }}</code>\n      @if (part().argumentsPreview; as argumentsPreview) {\n        <p class=\"label\">{{ 'nh-assistant.tool-call.arguments' | translate }}</p>\n        <pre>{{ argumentsPreview }}</pre>\n      }\n      @if (part().resultPreview; as resultPreview) {\n        <p class=\"label\">{{ 'nh-assistant.tool-call.result' | translate }}</p>\n        <pre>{{ resultPreview }}</pre>\n      }\n    </div>\n  }\n</article>\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))}}:host{display:block;font:inherit;--nha-status-color: var(--nha-text-muted);--nha-status-background: var(--nha-surface-strong)}:host([data-status=succeeded]){--nha-status-color: var(--nha-success);--nha-status-background: var(--nha-success-soft)}:host([data-status=failed]){--nha-status-color: var(--nha-danger);--nha-status-background: var(--nha-danger-soft)}:host([data-status=awaiting-approval]){--nha-status-color: var(--nha-warning);--nha-status-background: var(--nha-warning-soft)}:host([data-status=rejected]){--nha-status-color: var(--nha-text-muted)}.card{border:1px solid var(--nha-border);border-left:3px solid var(--nha-status-color);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background)}.header{display:flex;align-items:center;gap:8px;min-width:0}.status-icon{display:inline-flex;color:var(--nha-status-color)}.title{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.status{flex:none;border-radius:999px;padding:2px 8px;color:var(--nha-status-color);background:var(--nha-status-background);font-size:11px;font-weight:700}.toggle{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;width:28px;height:28px}.toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.toggle:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.toggle:disabled{cursor:not-allowed;opacity:.5}.rotated{transform:rotate(180deg)}.result-code{margin:6px 0 0;color:var(--nha-text-muted);font-size:12px}.details{margin-top:8px}.label{margin:8px 0 4px;color:var(--nha-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}pre{max-height:180px;margin:0;overflow:auto;border-radius:8px;padding:8px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}@media(prefers-reduced-motion:no-preference){.spinning{animation:nha-pulse 1.2s ease-in-out infinite}nh-assistant-icon{transition:transform .16s ease}}@keyframes nha-pulse{50%{opacity:.35}}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantToolCallCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantToolCallCardComponent, isStandalone: true, selector: "nh-assistant-tool-call-card", inputs: { part: { classPropertyName: "part", publicName: "part", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-status": "part().status" } }, ngImport: i0, template: "<article class=\"card\" [attr.aria-label]=\"'nh-assistant.tool-call.label' | translate: { name: part().displayName }\">\n  <header class=\"header\">\n    <span class=\"status-icon\" [class.spinning]=\"part().status === 'running'\">\n      <nh-assistant-icon [name]=\"statusIcon()\" />\n    </span>\n    <span class=\"title\">{{ part().displayName }}</span>\n    <span class=\"status\">{{ 'nh-assistant.tool-call.status.' + part().status | translate }}</span>\n    @if (hasDetails()) {\n      <button\n        class=\"toggle\"\n        type=\"button\"\n        [attr.aria-expanded]=\"expanded()\"\n        [attr.aria-controls]=\"detailsId\"\n        [attr.aria-label]=\"(expanded() ? 'nh-assistant.tool-call.hide-details' : 'nh-assistant.tool-call.show-details') | translate\"\n        [attr.title]=\"(expanded() ? 'nh-assistant.tool-call.hide-details' : 'nh-assistant.tool-call.show-details') | translate\"\n        (click)=\"toggle()\">\n        <nh-assistant-icon name=\"chevron-down\" [class.rotated]=\"expanded()\" />\n      </button>\n    }\n  </header>\n\n  @if (part().resultCode; as resultCode) {\n    <p class=\"result-code\">\n      {{ ['nh-assistant.result-codes.' + resultCode, 'nh-assistant.errors.' + resultCode] | nhAssistantTranslate: resultCode }}\n    </p>\n  }\n\n  @if (hasDetails()) {\n    <div class=\"details\" [id]=\"detailsId\" [hidden]=\"!expanded()\">\n      <p class=\"label\">{{ 'nh-assistant.tool-call.tool-id' | translate }}</p>\n      <code>{{ part().toolId }}</code>\n      @if (part().argumentsPreview; as argumentsPreview) {\n        <p class=\"label\">{{ 'nh-assistant.tool-call.arguments' | translate }}</p>\n        <pre>{{ argumentsPreview }}</pre>\n      }\n      @if (part().resultPreview; as resultPreview) {\n        <p class=\"label\">{{ 'nh-assistant.tool-call.result' | translate }}</p>\n        <pre>{{ resultPreview }}</pre>\n      }\n    </div>\n  }\n</article>\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))}}:host{display:block;font:inherit;--nha-status-color: var(--nha-text-muted);--nha-status-background: var(--nha-surface-strong)}:host([data-status=succeeded]){--nha-status-color: var(--nha-success);--nha-status-background: var(--nha-success-soft)}:host([data-status=failed]){--nha-status-color: var(--nha-danger);--nha-status-background: var(--nha-danger-soft)}:host([data-status=awaiting-approval]){--nha-status-color: var(--nha-warning);--nha-status-background: var(--nha-warning-soft)}:host([data-status=rejected]){--nha-status-color: var(--nha-text-muted)}.card{border:1px solid var(--nha-border);border-left:3px solid var(--nha-status-color);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background)}.header{display:flex;align-items:center;gap:8px;min-width:0}.status-icon{display:inline-flex;color:var(--nha-status-color)}.title{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.status{flex:none;border-radius:999px;padding:2px 8px;color:var(--nha-status-color);background:var(--nha-status-background);font-size:11px;font-weight:700}.toggle{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;width:28px;height:28px}.toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.toggle:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.toggle:disabled{cursor:not-allowed;opacity:.5}.rotated{transform:rotate(180deg)}.result-code{margin:6px 0 0;color:var(--nha-text-muted);font-size:12px}.details{margin-top:8px}.label{margin:8px 0 4px;color:var(--nha-text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}pre{max-height:180px;margin:0;overflow:auto;border-radius:8px;padding:8px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;word-break:break-word}@media(prefers-reduced-motion:no-preference){.spinning{animation:nha-pulse 1.2s ease-in-out infinite}nh-assistant-icon{transition:transform .16s ease}}@keyframes nha-pulse{50%{opacity:.35}}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { 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: NhAssistantToolCallCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantToolCallCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-tool-call-card', standalone: true, imports: [TranslatePipe, NhAssistantTranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-status]': 'part().status'
@@ -3347,10 +4724,10 @@ class NhAssistantToolCallGroupComponent {
     toggle() {
         this.expanded.update(expanded => !expanded);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantToolCallGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantToolCallGroupComponent, isStandalone: true, selector: "nh-assistant-tool-call-group", inputs: { calls: { classPropertyName: "calls", publicName: "calls", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-status": "state()" } }, ngImport: i0, template: "<section class=\"group\">\n  <button\n    class=\"summary\"\n    type=\"button\"\n    [attr.aria-expanded]=\"expanded()\"\n    [attr.aria-controls]=\"callsId\"\n    [attr.title]=\"(expanded() ? 'nh-assistant.tool-group.hide-calls' : 'nh-assistant.tool-group.show-calls') | translate\"\n    (click)=\"toggle()\">\n    <span class=\"status-icon\" [class.spinning]=\"state() === 'running'\">\n      <nh-assistant-icon [name]=\"stateIcon()\" />\n    </span>\n    <span class=\"title\">\n      @switch (state()) {\n        @case ('running') {\n          {{ 'nh-assistant.tool-group.running' | translate: { name: current()?.displayName } }}\n        }\n        @case ('awaiting-approval') {\n          {{ 'nh-assistant.tool-group.awaiting-approval' | translate: { name: current()?.displayName } }}\n        }\n        @default {\n          {{ (total() === 1 ? 'nh-assistant.tool-group.used-one' : 'nh-assistant.tool-group.used-many') | translate: { count: total() } }}\n        }\n      }\n    </span>\n    @if (state() === 'running' || state() === 'awaiting-approval') {\n      <span class=\"count\">{{ 'nh-assistant.tool-group.progress' | translate: { finished: finished(), total: total() } }}</span>\n    } @else if (failed() > 0) {\n      <span class=\"count failed\">{{ 'nh-assistant.tool-group.failed' | translate: { count: failed() } }}</span>\n    }\n    <nh-assistant-icon class=\"chevron\" name=\"chevron-down\" [class.rotated]=\"expanded()\" />\n  </button>\n\n  <div class=\"calls\" [id]=\"callsId\" [hidden]=\"!expanded()\">\n    @if (expanded()) {\n      @for (call of calls(); track call.invocationId) {\n        <nh-assistant-tool-call-card [part]=\"call\" />\n      }\n    }\n  </div>\n</section>\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))}}:host{display:block;font:inherit;--nha-status-color: var(--nha-text-muted)}:host([data-status=succeeded]){--nha-status-color: var(--nha-success)}:host([data-status=failed]){--nha-status-color: var(--nha-danger)}:host([data-status=awaiting-approval]){--nha-status-color: var(--nha-warning)}.group{border:1px solid var(--nha-border);border-left:3px solid var(--nha-status-color);border-radius:var(--nha-radius-control);color:var(--nha-text);background:var(--nha-background)}.summary{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:40px;border:0;border-radius:var(--nha-radius-control);padding:8px 10px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.summary:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.summary:hover{background:var(--nha-surface)}.status-icon{display:inline-flex;flex:none;color:var(--nha-status-color)}.title{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.count{flex:none;color:var(--nha-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.count.failed{border-radius:999px;padding:2px 8px;color:var(--nha-danger);background:var(--nha-danger-soft);font-size:11px;font-weight:700}.chevron{flex:none;color:var(--nha-text-muted)}.rotated{transform:rotate(180deg)}.calls{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--nha-border);padding:8px}@media(prefers-reduced-motion:no-preference){.spinning{animation:nha-pulse 1.2s ease-in-out infinite}.chevron{transition:transform .16s ease}}@keyframes nha-pulse{50%{opacity:.35}}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantToolCallCardComponent, selector: "nh-assistant-tool-call-card", inputs: ["part"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantToolCallGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantToolCallGroupComponent, isStandalone: true, selector: "nh-assistant-tool-call-group", inputs: { calls: { classPropertyName: "calls", publicName: "calls", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-status": "state()" } }, ngImport: i0, template: "<section class=\"group\">\n  <button\n    class=\"summary\"\n    type=\"button\"\n    [attr.aria-expanded]=\"expanded()\"\n    [attr.aria-controls]=\"callsId\"\n    [attr.title]=\"(expanded() ? 'nh-assistant.tool-group.hide-calls' : 'nh-assistant.tool-group.show-calls') | translate\"\n    (click)=\"toggle()\">\n    <span class=\"status-icon\" [class.spinning]=\"state() === 'running'\">\n      <nh-assistant-icon [name]=\"stateIcon()\" />\n    </span>\n    <span class=\"title\">\n      @switch (state()) {\n        @case ('running') {\n          {{ 'nh-assistant.tool-group.running' | translate: { name: current()?.displayName } }}\n        }\n        @case ('awaiting-approval') {\n          {{ 'nh-assistant.tool-group.awaiting-approval' | translate: { name: current()?.displayName } }}\n        }\n        @default {\n          {{ (total() === 1 ? 'nh-assistant.tool-group.used-one' : 'nh-assistant.tool-group.used-many') | translate: { count: total() } }}\n        }\n      }\n    </span>\n    @if (state() === 'running' || state() === 'awaiting-approval') {\n      <span class=\"count\">{{ 'nh-assistant.tool-group.progress' | translate: { finished: finished(), total: total() } }}</span>\n    } @else if (failed() > 0) {\n      <span class=\"count failed\">{{ 'nh-assistant.tool-group.failed' | translate: { count: failed() } }}</span>\n    }\n    <nh-assistant-icon class=\"chevron\" name=\"chevron-down\" [class.rotated]=\"expanded()\" />\n  </button>\n\n  <div class=\"calls\" [id]=\"callsId\" [hidden]=\"!expanded()\">\n    @if (expanded()) {\n      @for (call of calls(); track call.invocationId) {\n        <nh-assistant-tool-call-card [part]=\"call\" />\n      }\n    }\n  </div>\n</section>\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))}}:host{display:block;font:inherit;--nha-status-color: var(--nha-text-muted)}:host([data-status=succeeded]){--nha-status-color: var(--nha-success)}:host([data-status=failed]){--nha-status-color: var(--nha-danger)}:host([data-status=awaiting-approval]){--nha-status-color: var(--nha-warning)}.group{border:1px solid var(--nha-border);border-left:3px solid var(--nha-status-color);border-radius:var(--nha-radius-control);color:var(--nha-text);background:var(--nha-background)}.summary{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:40px;border:0;border-radius:var(--nha-radius-control);padding:8px 10px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.summary:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.summary:hover{background:var(--nha-surface)}.status-icon{display:inline-flex;flex:none;color:var(--nha-status-color)}.title{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.count{flex:none;color:var(--nha-text-muted);font-size:12px;font-variant-numeric:tabular-nums}.count.failed{border-radius:999px;padding:2px 8px;color:var(--nha-danger);background:var(--nha-danger-soft);font-size:11px;font-weight:700}.chevron{flex:none;color:var(--nha-text-muted)}.rotated{transform:rotate(180deg)}.calls{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--nha-border);padding:8px}@media(prefers-reduced-motion:no-preference){.spinning{animation:nha-pulse 1.2s ease-in-out infinite}.chevron{transition:transform .16s ease}}@keyframes nha-pulse{50%{opacity:.35}}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantToolCallCardComponent, selector: "nh-assistant-tool-call-card", inputs: ["part"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantToolCallGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantToolCallGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-tool-call-group', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent, NhAssistantToolCallCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-status]': 'state()'
@@ -3385,7 +4762,16 @@ class NhAssistantThreadComponent {
         this.streaming = input(false, ...(ngDevMode ? [{ debugName: "streaming" }] : []));
         this.deciding = input(false, ...(ngDevMode ? [{ debugName: "deciding" }] : []));
         this.markdown = input(true, ...(ngDevMode ? [{ debugName: "markdown" }] : []));
+        /** The owner and participants of a shared conversation; empty while it is not shared. */
+        this.members = input([], ...(ngDevMode ? [{ debugName: "members" }] : []));
+        /** The current user, to tell their own messages from those of others. */
+        this.currentActorId = input(null, ...(ngDevMode ? [{ debugName: "currentActorId" }] : []));
+        /** False when the pending approval belongs to another participant's turn. */
+        this.canDecide = input(true, ...(ngDevMode ? [{ debugName: "canDecide" }] : []));
+        /** Name of the participant who decides the pending approval, when it is someone else. */
+        this.decisionOwner = input(null, ...(ngDevMode ? [{ debugName: "decisionOwner" }] : []));
         this.approvalDecision = output();
+        this.names = computed(() => new Map(this.members().map(member => [member.actorId, member.displayName])), ...(ngDevMode ? [{ debugName: "names" }] : []));
         this.virtualThreshold = NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD;
         this.virtual = computed(() => this.messages().length > NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD, ...(ngDevMode ? [{ debugName: "virtual" }] : []));
         /**
@@ -3443,6 +4829,17 @@ class NhAssistantThreadComponent {
     trackMessage(_index, message) {
         return message.id;
     }
+    /** True for a user message written by another person in a shared conversation. */
+    isOthers(message) {
+        return message.role === 'user'
+            && !!message.authorActorId
+            && !!this.currentActorId()
+            && message.authorActorId !== this.currentActorId();
+    }
+    /** Display name of another person's message, or `null` when the application provides none. */
+    authorName(message) {
+        return message.authorActorId ? this.names().get(message.authorActorId) ?? null : null;
+    }
     scrollElement() {
         return this.viewport()?.elementRef.nativeElement ?? this.scroller()?.nativeElement ?? null;
     }
@@ -3458,10 +4855,10 @@ class NhAssistantThreadComponent {
             element.scrollTop = element.scrollHeight;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.28", type: NhAssistantThreadComponent, isStandalone: true, selector: "nh-assistant-thread", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, streaming: { classPropertyName: "streaming", publicName: "streaming", isSignal: true, isRequired: false, transformFunction: null }, deciding: { classPropertyName: "deciding", publicName: "deciding", isSignal: true, isRequired: false, transformFunction: null }, markdown: { classPropertyName: "markdown", publicName: "markdown", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { approvalDecision: "approvalDecision" }, viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article class=\"message\" [attr.data-role]=\"message.role\">\n    <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card class=\"part\" [approval]=\"group.part\" [deciding]=\"deciding()\" (decide)=\"approvalDecision.emit($event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:14px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{border:1px solid var(--nha-border);background:var(--nha-surface)}.part{width:100%}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: NhAssistantToolCallGroupComponent, selector: "nh-assistant-tool-call-group", inputs: ["calls"] }, { kind: "component", type: NhAssistantApprovalCardComponent, selector: "nh-assistant-approval-card", inputs: ["approval", "deciding"], outputs: ["decide"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantMarkdownPipe, name: "nhAssistantMarkdown" }, { kind: "pipe", type: NhAssistantPartGroupsPipe, name: "nhAssistantPartGroups" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantThreadComponent, isStandalone: true, selector: "nh-assistant-thread", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, streaming: { classPropertyName: "streaming", publicName: "streaming", isSignal: true, isRequired: false, transformFunction: null }, deciding: { classPropertyName: "deciding", publicName: "deciding", isSignal: true, isRequired: false, transformFunction: null }, markdown: { classPropertyName: "markdown", publicName: "markdown", isSignal: true, isRequired: false, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: false, transformFunction: null }, currentActorId: { classPropertyName: "currentActorId", publicName: "currentActorId", isSignal: true, isRequired: false, transformFunction: null }, canDecide: { classPropertyName: "canDecide", publicName: "canDecide", isSignal: true, isRequired: false, transformFunction: null }, decisionOwner: { classPropertyName: "decisionOwner", publicName: "decisionOwner", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { approvalDecision: "approvalDecision" }, viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article class=\"message\" [attr.data-role]=\"message.role\" [attr.data-others]=\"isOthers(message) ? 'true' : null\">\n    @if (isOthers(message)) {\n      <p class=\"author\">{{ authorName(message) ?? ('nh-assistant.thread.participant' | translate) }}</p>\n    } @else {\n      <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    }\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card\n            class=\"part\"\n            [approval]=\"group.part\"\n            [deciding]=\"deciding()\"\n            [canDecide]=\"canDecide()\"\n            [decisionOwner]=\"decisionOwner()\"\n            (decide)=\"approvalDecision.emit($event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:14px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-others=true]{align-items:flex-start}.message[data-others=true] .bubble{color:var(--nha-text);background:var(--nha-surface-strong)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{border:1px solid var(--nha-border);background:var(--nha-surface)}.part{width:100%}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: NhAssistantToolCallGroupComponent, selector: "nh-assistant-tool-call-group", inputs: ["calls"] }, { kind: "component", type: NhAssistantApprovalCardComponent, selector: "nh-assistant-approval-card", inputs: ["approval", "deciding", "canDecide", "decisionOwner"], outputs: ["decide"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantMarkdownPipe, name: "nhAssistantMarkdown" }, { kind: "pipe", type: NhAssistantPartGroupsPipe, name: "nhAssistantPartGroups" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantThreadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantThreadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-thread', standalone: true, imports: [
                         NgTemplateOutlet,
@@ -3471,18 +4868,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImpo
                         NhAssistantPartGroupsPipe,
                         NhAssistantToolCallGroupComponent,
                         NhAssistantApprovalCardComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article class=\"message\" [attr.data-role]=\"message.role\">\n    <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card class=\"part\" [approval]=\"group.part\" [deciding]=\"deciding()\" (decide)=\"approvalDecision.emit($event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:14px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{border:1px solid var(--nha-border);background:var(--nha-surface)}.part{width:100%}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: true }] }], streaming: [{ type: i0.Input, args: [{ isSignal: true, alias: "streaming", required: false }] }], deciding: [{ type: i0.Input, args: [{ isSignal: true, alias: "deciding", required: false }] }], markdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "markdown", required: false }] }], approvalDecision: [{ type: i0.Output, args: ["approvalDecision"] }], scroller: [{ type: i0.ViewChild, args: ['scroller', { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article class=\"message\" [attr.data-role]=\"message.role\" [attr.data-others]=\"isOthers(message) ? 'true' : null\">\n    @if (isOthers(message)) {\n      <p class=\"author\">{{ authorName(message) ?? ('nh-assistant.thread.participant' | translate) }}</p>\n    } @else {\n      <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    }\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card\n            class=\"part\"\n            [approval]=\"group.part\"\n            [deciding]=\"deciding()\"\n            [canDecide]=\"canDecide()\"\n            [decisionOwner]=\"decisionOwner()\"\n            (decide)=\"approvalDecision.emit($event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\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))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:14px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-others=true]{align-items:flex-start}.message[data-others=true] .bubble{color:var(--nha-text);background:var(--nha-surface-strong)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{border:1px solid var(--nha-border);background:var(--nha-surface)}.part{width:100%}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: true }] }], streaming: [{ type: i0.Input, args: [{ isSignal: true, alias: "streaming", required: false }] }], deciding: [{ type: i0.Input, args: [{ isSignal: true, alias: "deciding", required: false }] }], markdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "markdown", required: false }] }], members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: false }] }], currentActorId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentActorId", required: false }] }], canDecide: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDecide", required: false }] }], decisionOwner: [{ type: i0.Input, args: [{ isSignal: true, alias: "decisionOwner", required: false }] }], approvalDecision: [{ type: i0.Output, args: ["approvalDecision"] }], scroller: [{ type: i0.ViewChild, args: ['scroller', { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }] } });
 
 let nextId = 0;
 /**
  * The assistant drawer. Place it once in the application layout; it renders nothing in
- * place and appears as an overlay when `NhAssistantPanelService.open()` is called.
+ * place and appears as an overlay when `NhAssistantPanelService.open()` is called. It opens
+ * by itself for an invitation link (`#nh-assistant-join=...`) and for a clicked notification.
  */
 class NhAssistantPanelComponent {
     constructor() {
         this.store = inject(NhAssistantStore);
         this.panel = inject(NhAssistantPanelService);
+        this.push = inject(NhAssistantPushService);
         this.config = inject(NH_ASSISTANT_CONFIG);
         this.viewContainerRef = inject(ViewContainerRef);
         this.router = inject(Router, { optional: true });
@@ -3491,6 +4890,7 @@ class NhAssistantPanelComponent {
         this.markdown = this.config.markdown?.enabled ?? true;
         this.showConversations = signal(false, ...(ngDevMode ? [{ debugName: "showConversations" }] : []));
         this.showPreferences = signal(false, ...(ngDevMode ? [{ debugName: "showPreferences" }] : []));
+        this.showShare = signal(false, ...(ngDevMode ? [{ debugName: "showShare" }] : []));
         this.adminRoute = this.config.adminRoute ?? null;
         this.conversation = this.store.activeConversation;
         this.conversationId = computed(() => this.conversation()?.id ?? null, ...(ngDevMode ? [{ debugName: "conversationId" }] : []));
@@ -3507,6 +4907,15 @@ class NhAssistantPanelComponent {
             }
             return this.conversation()?.status === 'waiting-for-approval' ? 'waiting-for-approval' : null;
         }, ...(ngDevMode ? [{ debugName: "composerStatus" }] : []));
+        /** Name of another participant whose turn runs or waits, or `null`. */
+        this.activeMemberName = computed(() => {
+            const member = this.store.activeMember();
+            return member ? member.displayName ?? '' : null;
+        }, ...(ngDevMode ? [{ debugName: "activeMemberName" }] : []));
+        /** The owner and the person who started the turn may stop it. */
+        this.canStop = computed(() => this.store.isOwner() || this.store.activeMember() === null, ...(ngDevMode ? [{ debugName: "canStop" }] : []));
+        this.shared = computed(() => this.store.members().length > 0, ...(ngDevMode ? [{ debugName: "shared" }] : []));
+        this.canShare = computed(() => this.conversation() !== null && !!this.store.collaboration(), ...(ngDevMode ? [{ debugName: "canShare" }] : []));
         this.errorKeys = computed(() => {
             const error = this.store.error();
             return error ? [error.messageKey, `nh-assistant.errors.${error.code}`, 'nh-assistant.errors.generic'] : [];
@@ -3521,9 +4930,18 @@ class NhAssistantPanelComponent {
                 untracked(() => {
                     this.showConversations.set(false);
                     this.showPreferences.set(false);
+                    this.showShare.set(false);
                 });
             }
         });
+        // The open thread counts as seen only while the drawer shows it.
+        effect(() => {
+            const viewing = this.panel.isOpen() && !this.showConversations() && !this.showPreferences() && !this.showShare();
+            untracked(() => this.store.setViewing(viewing));
+        });
+        // A clicked notification opens its conversation in this window.
+        const notifications = this.push.openConversation$.subscribe(conversationId => this.panel.open(conversationId));
+        inject(DestroyRef).onDestroy(() => notifications.unsubscribe());
         effect(() => {
             if (this.panel.isOpen()) {
                 untracked(() => {
@@ -3543,6 +4961,7 @@ class NhAssistantPanelComponent {
     ngAfterViewInit() {
         this.portal = new TemplatePortal(this.drawer(), this.viewContainerRef);
         this.panel.registerPanel(this.portal);
+        this.openFromLocation();
     }
     ngOnDestroy() {
         if (this.portal) {
@@ -3557,12 +4976,19 @@ class NhAssistantPanelComponent {
     }
     toggleConversations() {
         this.showPreferences.set(false);
+        this.showShare.set(false);
         this.showConversations.update(show => !show);
     }
     togglePreferences() {
         this.showConversations.set(false);
+        this.showShare.set(false);
         this.showPreferences.update(show => !show);
     }
+    toggleShare() {
+        this.showConversations.set(false);
+        this.showPreferences.set(false);
+        this.showShare.update(show => !show);
+    }
     newConversation() {
         this.store.startNewConversation();
         this.showConversations.set(false);
@@ -3577,30 +5003,60 @@ class NhAssistantPanelComponent {
     send(text) {
         this.showConversations.set(false);
         this.showPreferences.set(false);
+        this.showShare.set(false);
         void this.store.send(text);
     }
+    /**
+     * Opens the panel for an invitation link or a clicked notification in the URL fragment and
+     * removes the fragment, so a reload or a shared screenshot does not reuse the token.
+     */
+    openFromLocation() {
+        const location = globalThis.location;
+        const hash = location?.hash?.replace(/^#/, '') ?? '';
+        const separatorIndex = hash.indexOf('=');
+        const name = separatorIndex < 0 ? hash : hash.slice(0, separatorIndex);
+        const value = separatorIndex < 0 ? '' : hash.slice(separatorIndex + 1);
+        if (!value || (name !== NH_ASSISTANT_JOIN_FRAGMENT && name !== NH_ASSISTANT_CONVERSATION_FRAGMENT)) {
+            return;
+        }
+        globalThis.history?.replaceState(globalThis.history.state, '', location.pathname + location.search);
+        if (name === NH_ASSISTANT_CONVERSATION_FRAGMENT) {
+            this.panel.open(decodeURIComponent(value));
+            return;
+        }
+        const tokenIndex = value.indexOf('.');
+        if (tokenIndex <= 0) {
+            return;
+        }
+        const conversationId = decodeURIComponent(value.slice(0, tokenIndex));
+        const token = decodeURIComponent(value.slice(tokenIndex + 1));
+        this.panel.open();
+        void this.store.initialize().then(() => this.store.joinConversation(conversationId, token));
+    }
     decide(decision) {
         this.store.decide(decision);
     }
     cancel() {
         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    } @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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", 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            (agentChange)=\"store.selectAgent($event)\" />\n        }\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          @if (canShare()) {\n            <button\n              class=\"icon-button\"\n              type=\"button\"\n              [class.active]=\"showShare() || shared()\"\n              [attr.aria-expanded]=\"showShare()\"\n              [attr.aria-label]=\"(store.isOwner() ? 'nh-assistant.panel.share' : 'nh-assistant.panel.members') | translate\"\n              [attr.title]=\"(store.isOwner() ? 'nh-assistant.panel.share' : 'nh-assistant.panel.members') | translate\"\n              (click)=\"toggleShare()\">\n              <nh-assistant-icon name=\"users\" />\n            </button>\n          }\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            [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    @if (store.enabled()) {\n      <nh-assistant-activity [items]=\"store.activity()\" (conversationSelect)=\"openConversation($event)\" />\n    }\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 (showShare()) {\n          <nh-assistant-share class=\"overlay-view\" (closed)=\"showShare.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            (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]=\"busy()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            [members]=\"store.members()\"\n            [currentActorId]=\"conversation()?.currentActorId ?? null\"\n            [canDecide]=\"store.canDecide()\"\n            [decisionOwner]=\"activeMemberName()\"\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() && !showShare()) {\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          [statusActor]=\"activeMemberName()\"\n          [canStop]=\"canStop()\"\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: NhAssistantActivityComponent, selector: "nh-assistant-activity", inputs: ["items"], outputs: ["conversationSelect"] }, { 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", "statusActor", "canStop", "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: NhAssistantShareComponent, selector: "nh-assistant-share", outputs: ["closed"] }, { kind: "component", type: NhAssistantThreadComponent, selector: "nh-assistant-thread", inputs: ["messages", "streaming", "deciding", "markdown", "members", "currentActorId", "canDecide", "decisionOwner"], 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nh-assistant-panel', standalone: true, imports: [
                         RouterLink,
                         TranslatePipe,
                         NhAssistantTranslatePipe,
                         NhAssistantIconComponent,
+                        NhAssistantActivityComponent,
                         NhAssistantAgentPickerComponent,
                         NhAssistantComposerComponent,
                         NhAssistantConversationListComponent,
                         NhAssistantPreferencesComponent,
+                        NhAssistantShareComponent,
                         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    } @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"] }]
+                    ], 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            (agentChange)=\"store.selectAgent($event)\" />\n        }\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          @if (canShare()) {\n            <button\n              class=\"icon-button\"\n              type=\"button\"\n              [class.active]=\"showShare() || shared()\"\n              [attr.aria-expanded]=\"showShare()\"\n              [attr.aria-label]=\"(store.isOwner() ? 'nh-assistant.panel.share' : 'nh-assistant.panel.members') | translate\"\n              [attr.title]=\"(store.isOwner() ? 'nh-assistant.panel.share' : 'nh-assistant.panel.members') | translate\"\n              (click)=\"toggleShare()\">\n              <nh-assistant-icon name=\"users\" />\n            </button>\n          }\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            [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    @if (store.enabled()) {\n      <nh-assistant-activity [items]=\"store.activity()\" (conversationSelect)=\"openConversation($event)\" />\n    }\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 (showShare()) {\n          <nh-assistant-share class=\"overlay-view\" (closed)=\"showShare.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            (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]=\"busy()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            [members]=\"store.members()\"\n            [currentActorId]=\"conversation()?.currentActorId ?? null\"\n            [canDecide]=\"store.canDecide()\"\n            [decisionOwner]=\"activeMemberName()\"\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() && !showShare()) {\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          [statusActor]=\"activeMemberName()\"\n          [canStop]=\"canStop()\"\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. */
@@ -3625,5 +5081,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_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, NhAssistantToolCallGroupComponent, 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 };
+export { NH_ASSISTANT_ACCESS_POLICY, NH_ASSISTANT_CONFIG, NH_ASSISTANT_CONVERSATION_FRAGMENT, NH_ASSISTANT_FETCH, NH_ASSISTANT_ICONS, NH_ASSISTANT_JOIN_FRAGMENT, 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, NhAssistantActivityComponent, NhAssistantAdminApiService, NhAssistantAgentPickerComponent, NhAssistantAllowAllAccessPolicy, NhAssistantApiError, NhAssistantApiService, NhAssistantApprovalCardComponent, NhAssistantClientErrorCodes, NhAssistantComposerComponent, NhAssistantConversationListComponent, NhAssistantLauncherComponent, NhAssistantLiveService, NhAssistantPanelComponent, NhAssistantPanelService, NhAssistantPreferencesComponent, NhAssistantPushService, NhAssistantShareComponent, NhAssistantSseParser, NhAssistantStore, NhAssistantThreadComponent, NhAssistantToolCallCardComponent, NhAssistantToolCallGroupComponent, NhAssistantTranslationMerger, applyNhAssistantApprovalDecision, applyNhAssistantConversationChange, applyNhAssistantEvent, applyNhAssistantLiveEvent, describeNhAssistantClientContext, formatNhAssistantCountdown, nhAssistantCodeForStatus, nhAssistantErrorMessageKey, nhAssistantIsUnread, nhAssistantLatestTurnHasText, nhAssistantShareLink, 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