@newheap/platform-ai-chat 0.1.0

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

@@ -0,0 +1,3103 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, DestroyRef, Injectable, EnvironmentInjector, runInInjectionContext, signal, computed, Injector, afterNextRender, makeEnvironmentProviders, provideEnvironmentInitializer, input, ChangeDetectionStrategy, Component, effect, untracked, ChangeDetectorRef, Pipe, output, viewChild, ViewContainerRef } from '@angular/core';
+import { TranslateService, TranslatePipe } from '@ngx-translate/core';
+import { merge, Observable, firstValueFrom, isObservable, Subscription } from 'rxjs';
+import { BreakpointObserver } from '@angular/cdk/layout';
+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';
+import { CdkVirtualScrollViewport, ScrollingModule } from '@angular/cdk/scrolling';
+import createDOMPurify from 'dompurify';
+import { Marked } from 'marked';
+
+/*
+ * Wire models of the NewHeap assistant HTTP API.
+ *
+ * These interfaces are a literal translation of the assistant API contract. Keep the
+ * field names identical to the JSON the server returns (camelCase, ISO-8601 UTC dates,
+ * GUID strings for ids).
+ */
+
+const NH_ASSISTANT_SSE_EVENT_TYPES = [
+    'turn.started',
+    'message.delta',
+    'tool.started',
+    'tool.completed',
+    'approval.required',
+    'turn.completed',
+    'error'
+];
+/**
+ * Stable client-side failure codes. The client emits these as `error` events when the
+ * transport fails before the server could send its own `error` event.
+ */
+const NhAssistantClientErrorCodes = {
+    network: 'assistant-network',
+    unauthenticated: 'assistant-unauthenticated',
+    forbidden: 'assistant-forbidden',
+    notFound: 'assistant-not-found',
+    conversationBusy: 'assistant-conversation-busy',
+    validation: 'assistant-validation',
+    versionConflict: 'assistant-version-conflict',
+    invalidResponse: 'assistant-invalid-response',
+    streamInterrupted: 'assistant-stream-interrupted',
+    server: 'assistant-server'
+};
+
+/*
+ * Wire models of the assistant preference and administration endpoints.
+ *
+ * Literal translation of the assistant API contract (preferences and `admin/*`). Keep the
+ * field names identical to the JSON the server returns.
+ */
+
+const NH_ASSISTANT_CONFIG = new InjectionToken('NH_ASSISTANT_CONFIG');
+const NH_ASSISTANT_ACCESS_POLICY = new InjectionToken('NH_ASSISTANT_ACCESS_POLICY');
+/**
+ * Transport used by the assistant client. It is deliberately independent of the host's
+ * `HttpClient` and interceptors, because streaming responses need `fetch` and the access
+ * token comes from `NhAssistantConfig.getAccessToken`. Tests and the mock API from
+ * `@newheap/platform-ai-chat/testing` replace it.
+ */
+const NH_ASSISTANT_FETCH = new InjectionToken('NH_ASSISTANT_FETCH', {
+    providedIn: 'root',
+    factory: () => (input, init) => globalThis.fetch(input, init)
+});
+/** Default policy: every user who can reach the host may use the assistant. */
+class NhAssistantAllowAllAccessPolicy {
+    canUse() {
+        return true;
+    }
+}
+
+var en = {
+	"nh-assistant": {
+	launcher: {
+		open: "Open assistant",
+		close: "Close assistant",
+		"pending-approval": "An action is waiting for your approval"
+	},
+	panel: {
+		title: "Assistant",
+		"region-label": "Assistant panel",
+		close: "Close assistant",
+		"show-conversations": "Show conversations",
+		"hide-conversations": "Hide conversations",
+		"new-conversation": "New conversation",
+		loading: "Loading the assistant",
+		"unavailable-title": "The assistant is not available",
+		"unavailable-description": "The assistant is switched off or you do not have access to it.",
+		"empty-title": "How can I help?",
+		"empty-description": "Ask a question or describe a task. Actions that change data always ask for your approval first.",
+		"conversation-closed": "This conversation cannot continue. Start a new conversation.",
+		"dismiss-error": "Dismiss message",
+		usage: "{{inputTokens}} input tokens, {{outputTokens}} output tokens, {{toolCalls}} tool calls",
+		"open-preferences": "Your assistant preferences",
+		"open-admin": "Assistant administration"
+	},
+	"agent-picker": {
+		label: "Agent",
+		"can-mutate": "Can propose changes",
+		"read-only": "Read only"
+	},
+	"conversation-list": {
+		title: "Conversations",
+		loading: "Loading conversations",
+		empty: "No conversations yet.",
+		untitled: "Untitled conversation",
+		"delete": "Delete conversation",
+		count: "{{count}} of {{total}}",
+		status: {
+			idle: "Ready",
+			running: "Running",
+			"waiting-for-approval": "Waiting for approval",
+			failed: "Failed",
+			archived: "Archived"
+		}
+	},
+	thread: {
+		label: "Conversation",
+		you: "You",
+		assistant: "Assistant",
+		tool: "Tool",
+		working: "The assistant is working",
+		loading: "Loading conversation"
+	},
+	composer: {
+		label: "Message",
+		placeholder: "Ask the assistant",
+		hint: "Enter sends, Shift+Enter adds a new line",
+		send: "Send message",
+		stop: "Stop the assistant",
+		characters: "{{count}} of {{max}} characters",
+		"too-long": "The message is too long."
+	},
+	"tool-call": {
+		label: "Tool call: {{name}}",
+		"show-details": "Show details",
+		"hide-details": "Hide details",
+		"arguments": "Input",
+		result: "Result",
+		"result-code": "Result",
+		status: {
+			running: "Running",
+			succeeded: "Completed",
+			failed: "Failed",
+			"awaiting-approval": "Awaiting approval",
+			rejected: "Rejected"
+		}
+	},
+	approval: {
+		title: "Approval required",
+		targets: "Affects",
+		"arguments": "Proposed change",
+		"expires-in": "Expires in {{time}}",
+		expired: "This approval has expired.",
+		approve: "Approve",
+		reject: "Reject",
+		"approve-label": "Approve: {{summary}}",
+		"reject-label": "Reject: {{summary}}",
+		deciding: "Submitting your decision",
+		status: {
+			pending: "Pending",
+			approved: "Approved",
+			rejected: "Rejected",
+			expired: "Expired"
+		}
+	},
+	"result-codes": {
+		"api-bridge-validation": "The request was not valid.",
+		"api-bridge-unauthenticated": "You are not signed in.",
+		"api-bridge-forbidden": "You do not have permission for this action.",
+		"api-bridge-not-found": "The item was not found.",
+		"api-bridge-conflict": "The item was changed in the meantime.",
+		"api-bridge-upstream": "The service is not available.",
+		"api-bridge-timeout": "The request took too long."
+	},
+	errors: {
+		generic: "Something went wrong. Please try again.",
+		"assistant-network": "The assistant cannot be reached. Check your connection and try again.",
+		"assistant-unauthenticated": "Your session has ended. Sign in again to use the assistant.",
+		"assistant-forbidden": "You do not have access to the assistant.",
+		"assistant-not-found": "The item no longer exists. Reload and try again.",
+		"assistant-conversation-busy": "The assistant is still busy with this conversation. Try again in a moment.",
+		"assistant-invalid-response": "The assistant sent an unexpected response.",
+		"assistant-stream-interrupted": "The connection to the assistant was interrupted.",
+		"assistant-server": "The assistant could not complete the request.",
+		"assistant-validation": "Some values are not valid. Check the fields and try again.",
+		"assistant-version-conflict": "Someone else changed this in the meantime. Reload and apply your change again.",
+		"assistant-mcp-unreachable": "The MCP server cannot be reached.",
+		"assistant-mcp-unauthorized": "The MCP server rejected the credentials.",
+		"assistant-mcp-host-blocked": "This host is not allowed for MCP servers or for forwarding the user's token.",
+		"assistant-mcp-schema-changed": "The tool's input changed on the server. Review it and enable it again.",
+		"assistant-mcp-tool-disabled": "This tool is disabled.",
+		"assistant-instructions-too-long": "The text is too long. Shorten it to at most 20,000 characters.",
+		"assistant-context-not-found": "The application context was not found. Reload the page.",
+		"assistant-mcp-server-not-found": "The MCP server no longer exists. Reload the list.",
+		"assistant-mcp-tool-not-found": "The MCP tool no longer exists. Sync the server and try again.",
+		"assistant-agent-exists": "An agent with this id already exists. Choose another id.",
+		"assistant-mcp-server-exists": "An MCP server with this id already exists. Choose another id.",
+		"assistant-code-agent-not-deletable": "Agents from the application code cannot be deleted. Disable the agent instead.",
+		"assistant-agent-not-code": "Only agents from the application code can be reset.",
+		"assistant-actor-mismatch": "This action belongs to another user's session. Reload the page and try again.",
+		"assistant-agent-forbidden": "You do not have access to this agent. Choose another agent.",
+		"assistant-agent-not-found": "This agent is no longer available. Choose another agent.",
+		"assistant-approval-decision-invalid": "The decision could not be processed. Approve or reject the action again.",
+		"assistant-approval-expired": "The approval has expired, so nothing was changed. Ask the assistant again.",
+		"assistant-approval-invalid": "The approval no longer matches the proposed change, so nothing was changed. Ask the assistant again.",
+		"assistant-approval-not-found": "This approval no longer exists. Reload the conversation.",
+		"assistant-approval-not-pending": "This approval was already decided. Reload the conversation.",
+		"assistant-approval-rejected": "You rejected this action, so nothing was changed.",
+		"assistant-budget-exhausted": "You have reached today's assistant limit. You can use the assistant again tomorrow.",
+		"assistant-context-unavailable": "Your session could not be identified. Sign in again and retry.",
+		"assistant-conversation-not-found": "This conversation no longer exists. Start a new conversation.",
+		"assistant-disabled": "The assistant is switched off.",
+		"assistant-message-duplicate": "This message was already sent. Wait for the answer.",
+		"assistant-message-invalid": "The message is empty or not valid. Write a question and send it again.",
+		"assistant-message-too-long": "The message is too long. Shorten it and send it again.",
+		"assistant-model-unavailable": "The language model is temporarily unavailable. Try again in a moment.",
+		"assistant-proposal-hash-mismatch": "The proposed change was modified in the meantime, so nothing was changed. Reload the conversation and decide again.",
+		"assistant-title-invalid": "The conversation title is not valid. Use a shorter title.",
+		"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."
+	},
+	preferences: {
+		title: "Your preferences",
+		description: "Choose how the assistant answers you. Preferences change the style only; they never change what the assistant may do or which actions need your approval.",
+		"style-label": "Style",
+		style: {
+			"default": "Standard",
+			"default-description": "Balanced answers.",
+			direct: "Straight to the point",
+			"direct-description": "Short, factual answers without small talk.",
+			personal: "Personal",
+			"personal-description": "A friendly, conversational tone.",
+			detailed: "Detailed",
+			"detailed-description": "Thorough answers with background and explanation."
+		},
+		"address-form-label": "Form of address",
+		"address-form": {
+			informal: "Informal",
+			formal: "Formal"
+		},
+		"response-length-label": "Answer length",
+		"response-length": {
+			short: "Short",
+			normal: "Normal",
+			long: "Long"
+		},
+		"custom-instructions-label": "Your own instructions",
+		"custom-instructions-hint": "Optional. For example: answer with bullet points. Your instructions never override the assistant's rules.",
+		characters: "{{count}} of {{max}} characters",
+		"too-long": "Your instructions are too long.",
+		save: "Save preferences",
+		saving: "Saving your preferences",
+		saved: "Your preferences are saved.",
+		back: "Back to the conversation",
+		loading: "Loading your preferences",
+		"load-failed": "Your preferences could not be loaded.",
+		retry: "Try again"
+	},
+	admin: {
+		title: "Assistant administration",
+		description: "Manage the application context, the agents and the MCP servers of the assistant. Changes apply from the next turn.",
+		"tabs-label": "Administration sections",
+		tabs: {
+			context: "Context",
+			agents: "Agents",
+			"mcp-servers": "MCP servers"
+		},
+		loading: "Loading",
+		"load-failed": "The data could not be loaded.",
+		retry: "Try again",
+		"forbidden-title": "No access",
+		"forbidden-description": "You need the assistant administration permission to open this page.",
+		saved: "Saved.",
+		cancel: "Cancel",
+		save: "Save",
+		saving: "Saving",
+		edit: "Edit",
+		"delete": "Delete",
+		"confirm-delete": "Confirm delete",
+		keep: "Keep",
+		enabled: "Enabled",
+		disabled: "Disabled",
+		enable: "Enable",
+		disable: "Disable",
+		characters: "{{count}} of {{max}} characters",
+		"too-long": "The text is too long.",
+		required: "This field is required.",
+		"invalid-id": "Use lowercase letters, digits and single dashes.",
+		context: {
+			title: "Application context",
+			description: "Background about the application that every agent receives before its own instructions. It cannot override the assistant's fixed rules. Do not include personal data or secrets.",
+			label: "Context text",
+			version: "Version {{version}}",
+			updated: "Updated {{date}} by {{user}}",
+			"updated-unknown": "Updated {{date}}",
+			hash: "Hash",
+			history: "Version history",
+			"history-empty": "No earlier versions.",
+			conflict: "Someone saved a newer version. Your text is kept; load the latest version, compare and save again.",
+			reload: "Load latest version"
+		},
+		agents: {
+			title: "Agents",
+			description: "Code agents come from the application; you can override, disable or reset them. Agents you create here can be deleted.",
+			"new": "New agent",
+			empty: "No agents yet.",
+			"source-code": "Code",
+			"source-admin": "Created here",
+			overridden: "Overridden",
+			reset: "Reset to code",
+			"confirm-reset": "Confirm reset",
+			version: "Version {{version}}",
+			"tool-count": "{{count}} tool selectors",
+			"server-count": "{{count}} MCP servers",
+			autonomy: {
+				observe: "Observe",
+				explain: "Explain",
+				propose: "Propose",
+				simulate: "Simulate",
+				execute: "Execute"
+			}
+		},
+		"agent-editor": {
+			"new-title": "New agent",
+			"edit-title": "Edit {{name}}",
+			id: "Id",
+			"id-hint": "Lowercase letters, digits and dashes. The id cannot change later.",
+			"display-name": "Name",
+			description: "Description",
+			instructions: "Instructions",
+			"instructions-hint": "What the agent does and how it answers.",
+			autonomy: "Autonomy",
+			"autonomy-hint": "Only Execute allows changes, and every change still needs approval.",
+			"required-policy": "Required policy",
+			"required-policy-hint": "Optional. Only users who pass this policy see the agent.",
+			enabled: "Agent is enabled",
+			"tool-selectors": "Tool selectors",
+			"tool-selectors-hint": "Choose tools from the catalog or add a pattern such as sample-api.project.*. MCP tools come from the assigned servers.",
+			"add-selector": "Add pattern",
+			"selector-placeholder": "orders.*",
+			"remove-selector": "Remove {{selector}}",
+			"no-selectors": "No tool selectors. The agent can only answer from its instructions and assigned MCP servers.",
+			catalog: "Tool catalog",
+			"catalog-filter": "Filter the tool catalog",
+			"catalog-empty": "No tools match.",
+			matches: "{{count}} catalog tools match the selectors.",
+			"mcp-servers": "MCP servers",
+			"mcp-servers-hint": "Enabled tools of these servers become available to this agent.",
+			"mcp-servers-empty": "No MCP servers are configured."
+		},
+		effect: {
+			"read-only": "Read only",
+			"idempotent-mutation": "Idempotent change",
+			mutation: "Change",
+			destructive: "Destructive"
+		},
+		source: {
+			local: "Local",
+			bridge: "API bridge",
+			mcp: "MCP"
+		},
+		mcp: {
+			title: "MCP servers",
+			description: "Connect remote MCP servers. Their tools start disabled and are treated as changes that need approval until you mark them read-only.",
+			"new": "New server",
+			empty: "No MCP servers yet.",
+			test: "Test connection",
+			testing: "Testing the connection",
+			"test-ok": "The connection works: {{count}} tools.",
+			sync: "Sync tools",
+			syncing: "Syncing tools",
+			"sync-done": "Tools synced: {{count}}.",
+			tools: "Tools",
+			"last-sync": "Last sync {{date}}",
+			"never-synced": "Never synced",
+			"sync-ok": "Sync OK",
+			"sync-failed": "Sync failed",
+			assigned: "Assigned to: {{agents}}",
+			unassigned: "Not assigned to an agent",
+			"secret-set": "Secret set",
+			"no-secret": "No secret",
+			auth: {
+				none: "No authentication",
+				bearer: "Bearer token",
+				"api-key": "API key",
+				"forward-user-token": "Forward the user's token"
+			}
+		},
+		"server-editor": {
+			"new-title": "New MCP server",
+			"edit-title": "Edit {{name}}",
+			id: "Id",
+			"id-hint": "Lowercase letters, digits and dashes, at most 40 characters. The id cannot change later.",
+			"display-name": "Name",
+			url: "URL",
+			"url-hint": "https is required; http is only allowed for localhost during development.",
+			"url-invalid": "Enter an https URL.",
+			"auth-mode": "Authentication",
+			"header-name": "Header name",
+			"header-name-hint": "Default X-Api-Key.",
+			secret: "Secret",
+			"secret-hint": "Stored encrypted and never shown again.",
+			"secret-set": "A secret is set.",
+			"secret-none": "No secret is set.",
+			"secret-replace": "Replace",
+			"secret-clear": "Clear",
+			"secret-will-clear": "The secret will be cleared when you save.",
+			"secret-undo": "Keep the current secret",
+			"secret-new": "New secret",
+			"forward-warning": "The signed-in user's token is sent to this server. The server's host must be on the allow-list of the application.",
+			"required-policy": "Required policy",
+			"required-policy-hint": "Optional. The server's tools are only available to users who pass this policy.",
+			enabled: "Server is enabled"
+		},
+		tools: {
+			title: "Tools of {{name}}",
+			description: "Tools stay disabled and are treated as changes that need approval until you enable them and choose the effect. Annotations from the server are hints only.",
+			empty: "No tools yet. Sync the server to load its tools.",
+			enabled: "Tool is enabled",
+			effect: "Effect",
+			"description-override": "Description for the assistant",
+			"description-override-hint": "Optional. Replaces the server's description.",
+			"remote-description": "Server description",
+			"hint-read-only": "Server hint: read only",
+			"hint-mutation": "Server hint: changes data",
+			status: {
+				available: "Available",
+				"schema-changed": "Input changed",
+				missing: "Missing on server"
+			},
+			"schema-changed-warning": "The tool's input changed on the server, so the tool was disabled. Review the tool before you enable it again.",
+			"missing-warning": "The server no longer lists this tool.",
+			save: "Save tool",
+			back: "Back to the servers"
+		}
+	},
+	"page-context": {
+		included: "Sent with your message: {{page}}",
+		excluded: "Not sent with this message: {{page}}",
+		exclude: "Do not send {{page}} with this message",
+		include: "Send {{page}} with this message again"
+	}
+}
+};
+
+var nl = {
+	"nh-assistant": {
+	launcher: {
+		open: "Assistent openen",
+		close: "Assistent sluiten",
+		"pending-approval": "Er wacht een actie op je goedkeuring"
+	},
+	panel: {
+		title: "Assistent",
+		"region-label": "Assistentpaneel",
+		close: "Assistent sluiten",
+		"show-conversations": "Gesprekken tonen",
+		"hide-conversations": "Gesprekken verbergen",
+		"new-conversation": "Nieuw gesprek",
+		loading: "Assistent laden",
+		"unavailable-title": "De assistent is niet beschikbaar",
+		"unavailable-description": "De assistent staat uit of je hebt er geen toegang toe.",
+		"empty-title": "Waarmee kan ik helpen?",
+		"empty-description": "Stel een vraag of beschrijf een taak. Acties die gegevens wijzigen vragen altijd eerst om je goedkeuring.",
+		"conversation-closed": "Dit gesprek kan niet verder. Begin een nieuw gesprek.",
+		"dismiss-error": "Melding sluiten",
+		usage: "{{inputTokens}} invoertokens, {{outputTokens}} uitvoertokens, {{toolCalls}} toolaanroepen",
+		"open-preferences": "Je assistentvoorkeuren",
+		"open-admin": "Beheer van de assistent"
+	},
+	"agent-picker": {
+		label: "Agent",
+		"can-mutate": "Kan wijzigingen voorstellen",
+		"read-only": "Alleen lezen"
+	},
+	"conversation-list": {
+		title: "Gesprekken",
+		loading: "Gesprekken laden",
+		empty: "Nog geen gesprekken.",
+		untitled: "Gesprek zonder titel",
+		"delete": "Gesprek verwijderen",
+		count: "{{count}} van {{total}}",
+		status: {
+			idle: "Gereed",
+			running: "Bezig",
+			"waiting-for-approval": "Wacht op goedkeuring",
+			failed: "Mislukt",
+			archived: "Gearchiveerd"
+		}
+	},
+	thread: {
+		label: "Gesprek",
+		you: "Jij",
+		assistant: "Assistent",
+		tool: "Tool",
+		working: "De assistent is bezig",
+		loading: "Gesprek laden"
+	},
+	composer: {
+		label: "Bericht",
+		placeholder: "Vraag het de assistent",
+		hint: "Enter verstuurt, Shift+Enter voegt een regel toe",
+		send: "Bericht versturen",
+		stop: "Assistent stoppen",
+		characters: "{{count}} van {{max}} tekens",
+		"too-long": "Het bericht is te lang."
+	},
+	"tool-call": {
+		label: "Toolaanroep: {{name}}",
+		"show-details": "Details tonen",
+		"hide-details": "Details verbergen",
+		"arguments": "Invoer",
+		result: "Resultaat",
+		"result-code": "Resultaat",
+		status: {
+			running: "Bezig",
+			succeeded: "Voltooid",
+			failed: "Mislukt",
+			"awaiting-approval": "Wacht op goedkeuring",
+			rejected: "Afgewezen"
+		}
+	},
+	approval: {
+		title: "Goedkeuring nodig",
+		targets: "Betreft",
+		"arguments": "Voorgestelde wijziging",
+		"expires-in": "Verloopt over {{time}}",
+		expired: "Deze goedkeuring is verlopen.",
+		approve: "Goedkeuren",
+		reject: "Afwijzen",
+		"approve-label": "Goedkeuren: {{summary}}",
+		"reject-label": "Afwijzen: {{summary}}",
+		deciding: "Je besluit wordt verstuurd",
+		status: {
+			pending: "Open",
+			approved: "Goedgekeurd",
+			rejected: "Afgewezen",
+			expired: "Verlopen"
+		}
+	},
+	"result-codes": {
+		"api-bridge-validation": "Het verzoek was niet geldig.",
+		"api-bridge-unauthenticated": "Je bent niet ingelogd.",
+		"api-bridge-forbidden": "Je hebt geen rechten voor deze actie.",
+		"api-bridge-not-found": "Het item is niet gevonden.",
+		"api-bridge-conflict": "Het item is intussen gewijzigd.",
+		"api-bridge-upstream": "De dienst is niet beschikbaar.",
+		"api-bridge-timeout": "Het verzoek duurde te lang."
+	},
+	errors: {
+		generic: "Er ging iets mis. Probeer het opnieuw.",
+		"assistant-network": "De assistent is niet bereikbaar. Controleer je verbinding en probeer het opnieuw.",
+		"assistant-unauthenticated": "Je sessie is verlopen. Log opnieuw in om de assistent te gebruiken.",
+		"assistant-forbidden": "Je hebt geen toegang tot de assistent.",
+		"assistant-not-found": "Het item bestaat niet meer. Laad opnieuw en probeer het nog eens.",
+		"assistant-conversation-busy": "De assistent is nog bezig met dit gesprek. Probeer het zo opnieuw.",
+		"assistant-invalid-response": "De assistent gaf een onverwacht antwoord.",
+		"assistant-stream-interrupted": "De verbinding met de assistent is onderbroken.",
+		"assistant-server": "De assistent kon het verzoek niet afronden.",
+		"assistant-validation": "Sommige waarden zijn niet geldig. Controleer de velden en probeer het opnieuw.",
+		"assistant-version-conflict": "Iemand anders heeft dit intussen gewijzigd. Laad opnieuw en voer je wijziging nogmaals uit.",
+		"assistant-mcp-unreachable": "De MCP-server is niet bereikbaar.",
+		"assistant-mcp-unauthorized": "De MCP-server weigert de inloggegevens.",
+		"assistant-mcp-host-blocked": "Deze host is niet toegestaan voor MCP-servers of voor het doorsturen van het gebruikerstoken.",
+		"assistant-mcp-schema-changed": "De invoer van de tool is op de server gewijzigd. Controleer hem en zet hem opnieuw aan.",
+		"assistant-mcp-tool-disabled": "Deze tool staat uit.",
+		"assistant-instructions-too-long": "De tekst is te lang. Maak hem korter dan 20.000 tekens.",
+		"assistant-context-not-found": "De applicatiecontext is niet gevonden. Laad de pagina opnieuw.",
+		"assistant-mcp-server-not-found": "De MCP-server bestaat niet meer. Laad de lijst opnieuw.",
+		"assistant-mcp-tool-not-found": "De MCP-tool bestaat niet meer. Synchroniseer de server en probeer het opnieuw.",
+		"assistant-agent-exists": "Er bestaat al een agent met dit id. Kies een ander id.",
+		"assistant-mcp-server-exists": "Er bestaat al een MCP-server met dit id. Kies een ander id.",
+		"assistant-code-agent-not-deletable": "Agents uit de applicatiecode kunnen niet worden verwijderd. Zet de agent uit.",
+		"assistant-agent-not-code": "Alleen agents uit de applicatiecode kunnen worden teruggezet.",
+		"assistant-actor-mismatch": "Deze actie hoort bij de sessie van een andere gebruiker. Laad de pagina opnieuw en probeer het nog eens.",
+		"assistant-agent-forbidden": "Je hebt geen toegang tot deze agent. Kies een andere agent.",
+		"assistant-agent-not-found": "Deze agent is niet meer beschikbaar. Kies een andere agent.",
+		"assistant-approval-decision-invalid": "Het besluit kon niet worden verwerkt. Keur de actie opnieuw goed of wijs haar af.",
+		"assistant-approval-expired": "De goedkeuring is verlopen, er is niets gewijzigd. Vraag het de assistent opnieuw.",
+		"assistant-approval-invalid": "De goedkeuring past niet meer bij de voorgestelde wijziging, er is niets gewijzigd. Vraag het de assistent opnieuw.",
+		"assistant-approval-not-found": "Deze goedkeuring bestaat niet meer. Laad het gesprek opnieuw.",
+		"assistant-approval-not-pending": "Over deze goedkeuring is al besloten. Laad het gesprek opnieuw.",
+		"assistant-approval-rejected": "Je hebt deze actie afgewezen, er is niets gewijzigd.",
+		"assistant-budget-exhausted": "Je hebt de daglimiet van de assistent bereikt. Morgen kun je de assistent weer gebruiken.",
+		"assistant-context-unavailable": "Je sessie kon niet worden vastgesteld. Log opnieuw in en probeer het nog eens.",
+		"assistant-conversation-not-found": "Dit gesprek bestaat niet meer. Begin een nieuw gesprek.",
+		"assistant-disabled": "De assistent staat uit.",
+		"assistant-message-duplicate": "Dit bericht is al verstuurd. Wacht op het antwoord.",
+		"assistant-message-invalid": "Het bericht is leeg of ongeldig. Schrijf een vraag en verstuur hem opnieuw.",
+		"assistant-message-too-long": "Het bericht is te lang. Maak het korter en verstuur het opnieuw.",
+		"assistant-model-unavailable": "Het taalmodel is tijdelijk niet beschikbaar. Probeer het zo opnieuw.",
+		"assistant-proposal-hash-mismatch": "De voorgestelde wijziging is intussen veranderd, er is niets gewijzigd. Laad het gesprek opnieuw en besluit opnieuw.",
+		"assistant-title-invalid": "De titel van het gesprek is ongeldig. Gebruik een kortere titel.",
+		"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."
+	},
+	preferences: {
+		title: "Je voorkeuren",
+		description: "Kies hoe de assistent je antwoordt. Voorkeuren veranderen alleen de stijl; ze veranderen nooit wat de assistent mag of welke acties je goedkeuring nodig hebben.",
+		"style-label": "Stijl",
+		style: {
+			"default": "Standaard",
+			"default-description": "Evenwichtige antwoorden.",
+			direct: "Recht toe recht aan",
+			"direct-description": "Korte, zakelijke antwoorden zonder omhaal.",
+			personal: "Persoonlijk",
+			"personal-description": "Een vriendelijke, gemoedelijke toon.",
+			detailed: "Uitgebreid",
+			"detailed-description": "Grondige antwoorden met achtergrond en uitleg."
+		},
+		"address-form-label": "Aanspreekvorm",
+		"address-form": {
+			informal: "Je",
+			formal: "U"
+		},
+		"response-length-label": "Lengte van antwoorden",
+		"response-length": {
+			short: "Kort",
+			normal: "Normaal",
+			long: "Lang"
+		},
+		"custom-instructions-label": "Eigen instructies",
+		"custom-instructions-hint": "Optioneel. Bijvoorbeeld: antwoord met opsommingstekens. Je instructies gaan nooit boven de regels van de assistent.",
+		characters: "{{count}} van {{max}} tekens",
+		"too-long": "Je instructies zijn te lang.",
+		save: "Voorkeuren opslaan",
+		saving: "Je voorkeuren worden opgeslagen",
+		saved: "Je voorkeuren zijn opgeslagen.",
+		back: "Terug naar het gesprek",
+		loading: "Je voorkeuren laden",
+		"load-failed": "Je voorkeuren konden niet worden geladen.",
+		retry: "Opnieuw proberen"
+	},
+	admin: {
+		title: "Beheer van de assistent",
+		description: "Beheer de applicatiecontext, de agents en de MCP-servers van de assistent. Wijzigingen gelden vanaf de volgende beurt.",
+		"tabs-label": "Beheeronderdelen",
+		tabs: {
+			context: "Context",
+			agents: "Agents",
+			"mcp-servers": "MCP-servers"
+		},
+		loading: "Laden",
+		"load-failed": "De gegevens konden niet worden geladen.",
+		retry: "Opnieuw proberen",
+		"forbidden-title": "Geen toegang",
+		"forbidden-description": "Je hebt de beheerpermissie van de assistent nodig om deze pagina te openen.",
+		saved: "Opgeslagen.",
+		cancel: "Annuleren",
+		save: "Opslaan",
+		saving: "Opslaan",
+		edit: "Bewerken",
+		"delete": "Verwijderen",
+		"confirm-delete": "Verwijderen bevestigen",
+		keep: "Behouden",
+		enabled: "Aan",
+		disabled: "Uit",
+		enable: "Aanzetten",
+		disable: "Uitzetten",
+		characters: "{{count}} van {{max}} tekens",
+		"too-long": "De tekst is te lang.",
+		required: "Dit veld is verplicht.",
+		"invalid-id": "Gebruik kleine letters, cijfers en enkele streepjes.",
+		context: {
+			title: "Applicatiecontext",
+			description: "Achtergrond over de applicatie die elke agent vóór zijn eigen instructies krijgt. De context gaat nooit boven de vaste regels van de assistent. Neem geen persoonsgegevens of geheimen op.",
+			label: "Contexttekst",
+			version: "Versie {{version}}",
+			updated: "Gewijzigd {{date}} door {{user}}",
+			"updated-unknown": "Gewijzigd {{date}}",
+			hash: "Hash",
+			history: "Versiegeschiedenis",
+			"history-empty": "Geen eerdere versies.",
+			conflict: "Iemand heeft een nieuwere versie opgeslagen. Je tekst blijft staan; laad de nieuwste versie, vergelijk en sla opnieuw op.",
+			reload: "Nieuwste versie laden"
+		},
+		agents: {
+			title: "Agents",
+			description: "Code-agents komen uit de applicatie; je kunt ze overschrijven, uitzetten of terugzetten. Agents die je hier aanmaakt, kun je verwijderen.",
+			"new": "Nieuwe agent",
+			empty: "Nog geen agents.",
+			"source-code": "Code",
+			"source-admin": "Hier aangemaakt",
+			overridden: "Overschreven",
+			reset: "Terugzetten naar code",
+			"confirm-reset": "Terugzetten bevestigen",
+			version: "Versie {{version}}",
+			"tool-count": "{{count}} toolselectors",
+			"server-count": "{{count}} MCP-servers",
+			autonomy: {
+				observe: "Observeren",
+				explain: "Uitleggen",
+				propose: "Voorstellen",
+				simulate: "Simuleren",
+				execute: "Uitvoeren"
+			}
+		},
+		"agent-editor": {
+			"new-title": "Nieuwe agent",
+			"edit-title": "{{name}} bewerken",
+			id: "Id",
+			"id-hint": "Kleine letters, cijfers en streepjes. Het id kan later niet meer veranderen.",
+			"display-name": "Naam",
+			description: "Omschrijving",
+			instructions: "Instructies",
+			"instructions-hint": "Wat de agent doet en hoe hij antwoordt.",
+			autonomy: "Autonomie",
+			"autonomy-hint": "Alleen Uitvoeren staat wijzigingen toe, en elke wijziging vraagt nog steeds om goedkeuring.",
+			"required-policy": "Vereiste policy",
+			"required-policy-hint": "Optioneel. Alleen gebruikers die aan deze policy voldoen zien de agent.",
+			enabled: "Agent staat aan",
+			"tool-selectors": "Toolselectors",
+			"tool-selectors-hint": "Kies tools uit de catalogus of voeg een patroon toe, zoals sample-api.project.*. MCP-tools komen van de toegewezen servers.",
+			"add-selector": "Patroon toevoegen",
+			"selector-placeholder": "orders.*",
+			"remove-selector": "{{selector}} verwijderen",
+			"no-selectors": "Geen toolselectors. De agent kan alleen antwoorden vanuit zijn instructies en toegewezen MCP-servers.",
+			catalog: "Toolcatalogus",
+			"catalog-filter": "Toolcatalogus filteren",
+			"catalog-empty": "Geen tools gevonden.",
+			matches: "{{count}} tools uit de catalogus passen bij de selectors.",
+			"mcp-servers": "MCP-servers",
+			"mcp-servers-hint": "Ingeschakelde tools van deze servers zijn beschikbaar voor deze agent.",
+			"mcp-servers-empty": "Er zijn geen MCP-servers ingesteld."
+		},
+		effect: {
+			"read-only": "Alleen lezen",
+			"idempotent-mutation": "Idempotente wijziging",
+			mutation: "Wijziging",
+			destructive: "Destructief"
+		},
+		source: {
+			local: "Lokaal",
+			bridge: "API-bridge",
+			mcp: "MCP"
+		},
+		mcp: {
+			title: "MCP-servers",
+			description: "Koppel externe MCP-servers. Hun tools staan standaard uit en gelden als wijziging met goedkeuring tot je ze als alleen-lezen markeert.",
+			"new": "Nieuwe server",
+			empty: "Nog geen MCP-servers.",
+			test: "Verbinding testen",
+			testing: "Verbinding testen",
+			"test-ok": "De verbinding werkt: {{count}} tools.",
+			sync: "Tools synchroniseren",
+			syncing: "Tools synchroniseren",
+			"sync-done": "Tools gesynchroniseerd: {{count}}.",
+			tools: "Tools",
+			"last-sync": "Laatst gesynchroniseerd {{date}}",
+			"never-synced": "Nooit gesynchroniseerd",
+			"sync-ok": "Synchronisatie gelukt",
+			"sync-failed": "Synchronisatie mislukt",
+			assigned: "Toegewezen aan: {{agents}}",
+			unassigned: "Niet toegewezen aan een agent",
+			"secret-set": "Geheim ingesteld",
+			"no-secret": "Geen geheim",
+			auth: {
+				none: "Geen authenticatie",
+				bearer: "Bearer-token",
+				"api-key": "API-sleutel",
+				"forward-user-token": "Token van de gebruiker doorsturen"
+			}
+		},
+		"server-editor": {
+			"new-title": "Nieuwe MCP-server",
+			"edit-title": "{{name}} bewerken",
+			id: "Id",
+			"id-hint": "Kleine letters, cijfers en streepjes, maximaal 40 tekens. Het id kan later niet meer veranderen.",
+			"display-name": "Naam",
+			url: "URL",
+			"url-hint": "https is verplicht; http mag alleen voor localhost tijdens ontwikkeling.",
+			"url-invalid": "Vul een https-URL in.",
+			"auth-mode": "Authenticatie",
+			"header-name": "Headernaam",
+			"header-name-hint": "Standaard X-Api-Key.",
+			secret: "Geheim",
+			"secret-hint": "Wordt versleuteld opgeslagen en nooit meer getoond.",
+			"secret-set": "Er is een geheim ingesteld.",
+			"secret-none": "Er is geen geheim ingesteld.",
+			"secret-replace": "Vervangen",
+			"secret-clear": "Wissen",
+			"secret-will-clear": "Het geheim wordt gewist als je opslaat.",
+			"secret-undo": "Huidig geheim behouden",
+			"secret-new": "Nieuw geheim",
+			"forward-warning": "Het token van de ingelogde gebruiker wordt naar deze server gestuurd. De host van de server moet op de allow-list van de applicatie staan.",
+			"required-policy": "Vereiste policy",
+			"required-policy-hint": "Optioneel. De tools van de server zijn alleen beschikbaar voor gebruikers die aan deze policy voldoen.",
+			enabled: "Server staat aan"
+		},
+		tools: {
+			title: "Tools van {{name}}",
+			description: "Tools blijven uit en gelden als wijziging met goedkeuring tot je ze aanzet en het effect kiest. Annotaties van de server zijn alleen een hint.",
+			empty: "Nog geen tools. Synchroniseer de server om de tools te laden.",
+			enabled: "Tool staat aan",
+			effect: "Effect",
+			"description-override": "Omschrijving voor de assistent",
+			"description-override-hint": "Optioneel. Vervangt de omschrijving van de server.",
+			"remote-description": "Omschrijving van de server",
+			"hint-read-only": "Hint van de server: alleen lezen",
+			"hint-mutation": "Hint van de server: wijzigt gegevens",
+			status: {
+				available: "Beschikbaar",
+				"schema-changed": "Invoer gewijzigd",
+				missing: "Ontbreekt op de server"
+			},
+			"schema-changed-warning": "De invoer van de tool is op de server gewijzigd, daarom staat de tool uit. Controleer de tool voordat je hem opnieuw aanzet.",
+			"missing-warning": "De server biedt deze tool niet meer aan.",
+			save: "Tool opslaan",
+			back: "Terug naar de servers"
+		}
+	},
+	"page-context": {
+		included: "Wordt meegestuurd: {{page}}",
+		excluded: "Niet meegestuurd bij dit bericht: {{page}}",
+		exclude: "{{page}} niet meesturen met dit bericht",
+		include: "{{page}} toch meesturen met dit bericht"
+	}
+}
+};
+
+/** The library's own translation bundles, keyed by language. All keys live under `nh-assistant.`. */
+const NH_ASSISTANT_TRANSLATIONS = { en, nl };
+const rootKey = 'nh-assistant';
+function isTree(value) {
+    return !!value && typeof value === 'object' && !Array.isArray(value);
+}
+/** Deep merge where values of `override` win. */
+function mergeTrees(base, override) {
+    const result = { ...base };
+    for (const [key, value] of Object.entries(override)) {
+        const current = result[key];
+        result[key] = isTree(current) && isTree(value) ? mergeTrees(current, value) : value;
+    }
+    return result;
+}
+function hasAllKeys(bundle, candidate) {
+    if (!isTree(candidate)) {
+        return false;
+    }
+    return Object.entries(bundle).every(([key, value]) => isTree(value) ? hasAllKeys(value, candidate[key]) : key in candidate);
+}
+/**
+ * Merges the bundled texts into `TranslateService` whenever the host loads or replaces a
+ * language. Host loaders never lose the library texts, the library never pre-empts the
+ * host loader, and keys the host defines under `nh-assistant.` (agent names, overrides)
+ * win over the bundle. Languages without a bundle receive the English texts.
+ */
+class NhAssistantTranslationMerger {
+    constructor() {
+        this.translate = inject(TranslateService, { optional: true });
+        this.destroyRef = inject(DestroyRef);
+        this.started = false;
+    }
+    start() {
+        const translate = this.translate;
+        if (this.started || !translate) {
+            return;
+        }
+        this.started = true;
+        const subscription = merge(translate.onTranslationChange, translate.onLangChange).subscribe(event => {
+            if (event.lang && isTree(event.translations)) {
+                this.ensure(event.lang, event.translations[rootKey]);
+            }
+        });
+        this.destroyRef.onDestroy(() => subscription.unsubscribe());
+        // The current language is loaded or already requested by the host, so merging into it
+        // never pre-empts the host loader; a later load triggers a new merge.
+        const current = translate.getCurrentLang();
+        if (current) {
+            this.ensure(current, translate.instant(rootKey));
+        }
+    }
+    ensure(language, existing) {
+        const bundle = (NH_ASSISTANT_TRANSLATIONS[language] ?? NH_ASSISTANT_TRANSLATIONS.en);
+        const bundleRoot = bundle[rootKey];
+        if (hasAllKeys(bundleRoot, existing)) {
+            return;
+        }
+        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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslationMerger, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/** A failed JSON request of the assistant API. Carries a stable code, never response text. */
+class NhAssistantApiError extends Error {
+    constructor(status, code, messageKey) {
+        super(code);
+        this.status = status;
+        this.code = code;
+        this.messageKey = messageKey;
+        this.name = 'NhAssistantApiError';
+    }
+}
+/** Translation key that belongs to a failure code. */
+function nhAssistantErrorMessageKey(code) {
+    return `nh-assistant.errors.${code}`;
+}
+/** Maps an HTTP status of the assistant API to a stable client failure code. */
+function nhAssistantCodeForStatus(status) {
+    if (status === 0) {
+        return NhAssistantClientErrorCodes.network;
+    }
+    if (status === 400) {
+        return NhAssistantClientErrorCodes.validation;
+    }
+    if (status === 401) {
+        return NhAssistantClientErrorCodes.unauthenticated;
+    }
+    if (status === 403) {
+        return NhAssistantClientErrorCodes.forbidden;
+    }
+    if (status === 404) {
+        return NhAssistantClientErrorCodes.notFound;
+    }
+    if (status === 409) {
+        return NhAssistantClientErrorCodes.conversationBusy;
+    }
+    return NhAssistantClientErrorCodes.server;
+}
+const safeCode = /^[a-z0-9][a-z0-9.-]{0,79}$/;
+/**
+ * Shared transport of the assistant services: `fetch` with the host's token, the current
+ * language and stable failure codes. Internal to the library.
+ */
+class NhAssistantTransport {
+    constructor() {
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.fetchFn = inject(NH_ASSISTANT_FETCH);
+        this.translate = inject(TranslateService, { optional: true });
+        this.injector = inject(EnvironmentInjector);
+    }
+    /** A cold JSON request that aborts on unsubscribe and errors with `NhAssistantApiError`. */
+    json(method, path, body, statusCodes = {}) {
+        return new Observable(subscriber => {
+            const abort = new AbortController();
+            void this.executeJson(method, path, body, statusCodes, abort.signal, subscriber);
+            return () => abort.abort();
+        });
+    }
+    async fetch(method, path, accept, body, signal) {
+        const init = await this.createInit(method, accept, body, signal);
+        return this.fetchFn(this.url(path), init);
+    }
+    /**
+     * The failure code of a response: a safe `code` field of a JSON error body wins, then the
+     * endpoint's status mapping, then the generic mapping. Response text is never used.
+     */
+    async failureCode(response, statusCodes = {}) {
+        try {
+            const text = await response.text();
+            const body = text.length > 0 ? JSON.parse(text) : null;
+            const code = body && typeof body === 'object' ? body['code'] : null;
+            if (typeof code === 'string' && safeCode.test(code)) {
+                return code;
+            }
+        }
+        catch {
+            // A non-JSON error body carries no code.
+        }
+        return statusCodes[response.status] ?? nhAssistantCodeForStatus(response.status);
+    }
+    async executeJson(method, path, body, statusCodes, signal, subscriber) {
+        let response;
+        try {
+            response = await this.fetch(method, path, 'application/json', body, signal);
+        }
+        catch {
+            if (!signal.aborted) {
+                subscriber.error(createApiError(0, nhAssistantCodeForStatus(0)));
+            }
+            return;
+        }
+        if (!response.ok) {
+            const code = await this.failureCode(response, statusCodes);
+            subscriber.error(createApiError(response.status, code));
+            return;
+        }
+        try {
+            const text = response.status === 204 ? '' : await response.text();
+            subscriber.next((text.length > 0 ? JSON.parse(text) : undefined));
+            subscriber.complete();
+        }
+        catch {
+            if (!signal.aborted) {
+                subscriber.error(createApiError(response.status, NhAssistantClientErrorCodes.invalidResponse));
+            }
+        }
+    }
+    async createInit(method, accept, body, signal) {
+        const headers = { Accept: accept };
+        const token = await runInInjectionContext(this.injector, () => this.config.getAccessToken());
+        if (token) {
+            headers['Authorization'] = `Bearer ${token}`;
+        }
+        const language = this.translate?.getCurrentLang();
+        if (language) {
+            headers['Accept-Language'] = language;
+        }
+        if (body !== undefined) {
+            headers['Content-Type'] = 'application/json';
+        }
+        return {
+            method,
+            headers,
+            body: body === undefined ? undefined : JSON.stringify(body),
+            signal,
+            cache: 'no-store'
+        };
+    }
+    url(path) {
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTransport, decorators: [{
+            type: Injectable
+        }] });
+function createApiError(status, code) {
+    return new NhAssistantApiError(status, code, nhAssistantErrorMessageKey(code));
+}
+
+/** In the admin endpoints a 409 means a stale `expectedVersion` or a forbidden state change. */
+const adminStatusCodes = {
+    409: NhAssistantClientErrorCodes.versionConflict
+};
+/**
+ * Client for the assistant administration endpoints (`admin/*`). The server requires the
+ * access policy and the admin policy; show the administration only when
+ * `NhAssistantStore.canAdminister()` is true. Failures error with `NhAssistantApiError`.
+ * Secrets are write-only: `McpServer` only reports `hasSecret`.
+ */
+class NhAssistantAdminApiService {
+    constructor() {
+        this.transport = inject(NhAssistantTransport);
+    }
+    getContext() {
+        return this.request('GET', 'admin/context');
+    }
+    /** Saves a new context version; fails with `assistant-version-conflict` when `expectedVersion` is stale. */
+    updateContext(request) {
+        return this.request('PUT', 'admin/context', request);
+    }
+    getContextVersions() {
+        return this.request('GET', 'admin/context/versions');
+    }
+    /** Local, bridge and MCP tools, for choosing tool selectors. */
+    getTools() {
+        return this.request('GET', 'admin/tools');
+    }
+    getAgents() {
+        return this.request('GET', 'admin/agents');
+    }
+    createAgent(input) {
+        return this.request('POST', 'admin/agents', input);
+    }
+    updateAgent(agentId, request) {
+        return this.request('PUT', `admin/agents/${encodeURIComponent(agentId)}`, request);
+    }
+    /** Restores a code agent to its definition in code. */
+    resetAgent(agentId) {
+        return this.request('POST', `admin/agents/${encodeURIComponent(agentId)}/reset`);
+    }
+    /** Deletes an admin agent. Code agents cannot be deleted; disable them instead. */
+    deleteAgent(agentId) {
+        return this.request('DELETE', `admin/agents/${encodeURIComponent(agentId)}`);
+    }
+    getMcpServers() {
+        return this.request('GET', 'admin/mcp-servers');
+    }
+    createMcpServer(input) {
+        return this.request('POST', 'admin/mcp-servers', input);
+    }
+    /** Omit `secret` to keep the stored secret; send `""` to clear it. */
+    updateMcpServer(serverId, input) {
+        return this.request('PUT', `admin/mcp-servers/${encodeURIComponent(serverId)}`, input);
+    }
+    deleteMcpServer(serverId) {
+        return this.request('DELETE', `admin/mcp-servers/${encodeURIComponent(serverId)}`);
+    }
+    testMcpServer(serverId) {
+        return this.request('POST', `admin/mcp-servers/${encodeURIComponent(serverId)}/test`);
+    }
+    /** Reads the remote tool list. New tools start disabled; a changed input schema disables a tool. */
+    syncMcpServer(serverId) {
+        return this.request('POST', `admin/mcp-servers/${encodeURIComponent(serverId)}/sync`);
+    }
+    getMcpTools(serverId) {
+        return this.request('GET', `admin/mcp-servers/${encodeURIComponent(serverId)}/tools`);
+    }
+    updateMcpTool(serverId, remoteName, request) {
+        const path = `admin/mcp-servers/${encodeURIComponent(serverId)}/tools/${encodeURIComponent(remoteName)}`;
+        return this.request('PUT', path, request);
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantAdminApiService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Incremental parser for the `text/event-stream` format.
+ *
+ * Feed decoded text chunks in arrival order. Chunks may split lines, fields and line
+ * terminators anywhere. Comment lines (starting with `:`, such as the `: keep-alive`
+ * heartbeat) are ignored; `id` and `retry` fields are accepted and ignored. An event is
+ * dispatched at the empty line that terminates it. An unterminated event at the end of
+ * the stream is discarded, as the SSE specification requires.
+ */
+class NhAssistantSseParser {
+    constructor() {
+        this.buffer = '';
+        this.eventName = '';
+        this.dataLines = [];
+    }
+    push(chunk) {
+        this.buffer += chunk;
+        const messages = [];
+        let lineStart = 0;
+        for (let index = 0; index < this.buffer.length; index++) {
+            const character = this.buffer[index];
+            if (character !== '\n' && character !== '\r') {
+                continue;
+            }
+            if (character === '\r' && index === this.buffer.length - 1) {
+                // A trailing CR may be the first half of a CRLF split across chunks.
+                break;
+            }
+            const line = this.buffer.slice(lineStart, index);
+            if (character === '\r' && this.buffer[index + 1] === '\n') {
+                index++;
+            }
+            lineStart = index + 1;
+            const message = this.processLine(line);
+            if (message) {
+                messages.push(message);
+            }
+        }
+        this.buffer = this.buffer.slice(lineStart);
+        return messages;
+    }
+    /** Signals the end of the stream and returns an event that a trailing CR completed. */
+    end() {
+        const messages = [];
+        if (this.buffer.endsWith('\r')) {
+            const message = this.processLine(this.buffer.slice(0, -1));
+            if (message) {
+                messages.push(message);
+            }
+        }
+        this.buffer = '';
+        this.eventName = '';
+        this.dataLines = [];
+        return messages;
+    }
+    processLine(line) {
+        if (line.length === 0) {
+            return this.dispatch();
+        }
+        if (line.startsWith(':')) {
+            return null;
+        }
+        const colonIndex = line.indexOf(':');
+        const field = colonIndex < 0 ? line : line.slice(0, colonIndex);
+        let value = colonIndex < 0 ? '' : line.slice(colonIndex + 1);
+        if (value.startsWith(' ')) {
+            value = value.slice(1);
+        }
+        if (field === 'event') {
+            this.eventName = value;
+        }
+        else if (field === 'data') {
+            this.dataLines.push(value);
+        }
+        return null;
+    }
+    dispatch() {
+        const hasData = this.dataLines.length > 0;
+        const message = {
+            event: this.eventName || 'message',
+            data: this.dataLines.join('\n')
+        };
+        this.eventName = '';
+        this.dataLines = [];
+        return hasData ? message : null;
+    }
+}
+
+const knownEventTypes = new Set(NH_ASSISTANT_SSE_EVENT_TYPES);
+/**
+ * Client for the assistant HTTP API. JSON endpoints return cold observables that abort
+ * their request on unsubscribe. Streaming endpoints emit every contract event and complete
+ * after `turn.completed` or `error`; transport failures become an `error` event with a
+ * client failure code instead of an observable error.
+ */
+class NhAssistantApiService {
+    constructor() {
+        this.transport = inject(NhAssistantTransport);
+    }
+    status() {
+        return this.transport.json('GET', 'status');
+    }
+    agents() {
+        return this.transport.json('GET', 'agents');
+    }
+    listConversations(page = 1, itemsPerPage = 20) {
+        const query = `page=${encodeURIComponent(page)}&itemsPerPage=${encodeURIComponent(itemsPerPage)}`;
+        return this.transport.json('GET', `conversations?${query}`);
+    }
+    createConversation(request) {
+        return this.transport.json('POST', 'conversations', request);
+    }
+    getConversation(conversationId) {
+        return this.transport.json('GET', `conversations/${encodeURIComponent(conversationId)}`);
+    }
+    deleteConversation(conversationId) {
+        return this.transport.json('DELETE', `conversations/${encodeURIComponent(conversationId)}`);
+    }
+    sendMessage(conversationId, request) {
+        return this.requestStream(`conversations/${encodeURIComponent(conversationId)}/messages`, request);
+    }
+    decideApproval(conversationId, approvalId, request) {
+        const path = `conversations/${encodeURIComponent(conversationId)}/approvals/${encodeURIComponent(approvalId)}/decide`;
+        return this.requestStream(path, request);
+    }
+    cancel(conversationId) {
+        return this.transport.json('POST', `conversations/${encodeURIComponent(conversationId)}/cancel`);
+    }
+    /** The caller's own assistant preferences. */
+    getPreferences() {
+        return this.transport.json('GET', 'preferences');
+    }
+    /** Replaces the caller's own assistant preferences and returns the stored values. */
+    updatePreferences(preferences) {
+        return this.transport.json('PUT', 'preferences', preferences);
+    }
+    requestStream(path, body) {
+        return new Observable(subscriber => {
+            const abort = new AbortController();
+            void this.executeStream(path, body, abort.signal, subscriber);
+            return () => abort.abort();
+        });
+    }
+    async executeStream(path, body, signal, subscriber) {
+        let response;
+        try {
+            response = await this.transport.fetch('POST', path, 'text/event-stream', body, signal);
+        }
+        catch {
+            this.emitClientError(subscriber, signal, NhAssistantClientErrorCodes.network);
+            return;
+        }
+        if (!response.ok) {
+            this.emitClientError(subscriber, signal, await this.transport.failureCode(response));
+            return;
+        }
+        const contentType = response.headers.get('content-type') ?? '';
+        if (!response.body || !contentType.toLowerCase().startsWith('text/event-stream')) {
+            this.emitClientError(subscriber, signal, NhAssistantClientErrorCodes.invalidResponse);
+            return;
+        }
+        await this.readStream(response.body, signal, subscriber);
+    }
+    async readStream(body, signal, subscriber) {
+        const reader = body.getReader();
+        const decoder = new TextDecoder();
+        const parser = new NhAssistantSseParser();
+        try {
+            while (true) {
+                const { done, value } = await reader.read();
+                const text = done ? decoder.decode() : decoder.decode(value, { stream: true });
+                const messages = done ? [...parser.push(text), ...parser.end()] : parser.push(text);
+                for (const message of messages) {
+                    if (!knownEventTypes.has(message.event)) {
+                        continue;
+                    }
+                    let data;
+                    try {
+                        data = JSON.parse(message.data);
+                    }
+                    catch {
+                        this.emitClientError(subscriber, signal, NhAssistantClientErrorCodes.invalidResponse);
+                        return;
+                    }
+                    const event = { type: message.event, data };
+                    subscriber.next(event);
+                    if (event.type === 'turn.completed' || event.type === 'error') {
+                        subscriber.complete();
+                        return;
+                    }
+                }
+                if (done) {
+                    this.emitClientError(subscriber, signal, NhAssistantClientErrorCodes.streamInterrupted);
+                    return;
+                }
+            }
+        }
+        catch {
+            this.emitClientError(subscriber, signal, NhAssistantClientErrorCodes.streamInterrupted);
+        }
+        finally {
+            // Releases the connection once a terminal event arrived or the consumer unsubscribed.
+            reader.cancel().catch(() => undefined);
+        }
+    }
+    emitClientError(subscriber, signal, code) {
+        if (signal.aborted || subscriber.closed) {
+            return;
+        }
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantApiService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * 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.
+ *
+ * @param clientMessageId id of the optimistic user message of the current turn; its id is
+ * replaced by the server's `userMessageId` when `turn.started` arrives.
+ */
+function applyNhAssistantEvent(conversation, event, clientMessageId) {
+    switch (event.type) {
+        case 'turn.started': {
+            let messages = conversation.messages.map(message => clientMessageId && message.id === clientMessageId ? { ...message, id: event.data.userMessageId } : message);
+            if (!messages.some(message => message.id === event.data.assistantMessageId)) {
+                messages = [...messages, createAssistantMessage(event.data.assistantMessageId)];
+            }
+            return { ...conversation, status: 'running', messages };
+        }
+        case 'message.delta': {
+            const messages = ensureMessage(conversation.messages, event.data.messageId);
+            return {
+                ...conversation,
+                messages: messages.map(message => message.id === event.data.messageId ? appendText(message, event.data.text) : message)
+            };
+        }
+        case 'tool.started': {
+            const data = event.data;
+            if (findToolCall(conversation.messages, data.invocationId)) {
+                return updateToolCall(conversation, data.invocationId, part => ({
+                    ...part,
+                    toolId: data.toolId,
+                    toolVersion: data.toolVersion,
+                    displayName: data.displayName,
+                    argumentsPreview: data.argumentsPreview,
+                    status: 'running'
+                }));
+            }
+            const part = {
+                type: 'tool-call',
+                invocationId: data.invocationId,
+                toolId: data.toolId,
+                toolVersion: data.toolVersion,
+                displayName: data.displayName,
+                status: 'running',
+                argumentsPreview: data.argumentsPreview,
+                resultPreview: null,
+                resultCode: null
+            };
+            return appendToCurrentAssistantMessage(conversation, part);
+        }
+        case 'tool.completed': {
+            const data = event.data;
+            return updateToolCall(conversation, data.invocationId, part => ({
+                ...part,
+                status: data.status,
+                resultCode: data.resultCode,
+                resultPreview: data.resultPreview
+            }));
+        }
+        case 'approval.required': {
+            const approval = { ...event.data, type: 'approval' };
+            const withToolAwaiting = markLatestRunningToolAwaiting(conversation, approval.toolId);
+            const exists = withToolAwaiting.messages.some(message => message.parts.some(part => part.type === 'approval' && part.approvalId === approval.approvalId));
+            const withApproval = exists
+                ? replaceApproval(withToolAwaiting, approval)
+                : appendToCurrentAssistantMessage(withToolAwaiting, approval);
+            return { ...withApproval, status: 'waiting-for-approval', pendingApproval: approval };
+        }
+        case 'turn.completed': {
+            const status = conversationStatusFor(event.data.status);
+            return {
+                ...conversation,
+                status,
+                pendingApproval: status === 'waiting-for-approval' ? conversation.pendingApproval : null
+            };
+        }
+        case 'error':
+            return {
+                ...conversation,
+                status: conversation.status === 'running' ? 'failed' : conversation.status
+            };
+    }
+}
+/** Records the user's approval decision locally until the server state is reloaded. */
+function applyNhAssistantApprovalDecision(conversation, approvalId, decision) {
+    const approval = conversation.messages
+        .flatMap(message => message.parts)
+        .find((part) => part.type === 'approval' && part.approvalId === approvalId)
+        ?? conversation.pendingApproval;
+    const toolId = approval?.approvalId === approvalId ? approval.toolId : null;
+    const messages = conversation.messages.map(message => ({
+        ...message,
+        parts: message.parts.map(part => part.type === 'approval' && part.approvalId === approvalId
+            ? { ...part, status: decision === 'approve' ? 'approved' : 'rejected' }
+            : part)
+    }));
+    let updated = {
+        ...conversation,
+        messages,
+        status: 'running',
+        pendingApproval: null
+    };
+    if (toolId) {
+        const awaiting = findLatestToolCall(updated.messages, part => part.toolId === toolId && part.status === 'awaiting-approval');
+        if (awaiting) {
+            updated = updateToolCall(updated, awaiting.invocationId, part => ({
+                ...part,
+                status: decision === 'approve' ? 'running' : 'rejected'
+            }));
+        }
+    }
+    return updated;
+}
+function conversationStatusFor(status) {
+    switch (status) {
+        case 'completed':
+        case 'cancelled':
+            return 'idle';
+        case 'waiting-for-approval':
+            return 'waiting-for-approval';
+        case 'failed':
+            return 'failed';
+    }
+}
+function createAssistantMessage(id) {
+    return { id, role: 'assistant', createdAt: new Date().toISOString(), parts: [] };
+}
+function ensureMessage(messages, messageId) {
+    return messages.some(message => message.id === messageId)
+        ? messages
+        : [...messages, createAssistantMessage(messageId)];
+}
+function appendText(message, text) {
+    const last = message.parts[message.parts.length - 1];
+    if (last?.type === 'text') {
+        return { ...message, parts: [...message.parts.slice(0, -1), { type: 'text', text: last.text + text }] };
+    }
+    return { ...message, parts: [...message.parts, { type: 'text', text }] };
+}
+function appendToCurrentAssistantMessage(conversation, part) {
+    let index = -1;
+    for (let position = conversation.messages.length - 1; position >= 0; position--) {
+        if (conversation.messages[position].role === 'assistant') {
+            index = position;
+            break;
+        }
+    }
+    if (index < 0) {
+        const message = createAssistantMessage(`local-${partKey(part)}`);
+        return { ...conversation, messages: [...conversation.messages, { ...message, parts: [part] }] };
+    }
+    return {
+        ...conversation,
+        messages: conversation.messages.map((message, position) => position === index ? { ...message, parts: [...message.parts, part] } : message)
+    };
+}
+function partKey(part) {
+    if (part.type === 'tool-call') {
+        return part.invocationId;
+    }
+    if (part.type === 'approval') {
+        return part.approvalId;
+    }
+    return 'text';
+}
+function findToolCall(messages, invocationId) {
+    return findLatestToolCall(messages, part => part.invocationId === invocationId);
+}
+function findLatestToolCall(messages, predicate) {
+    for (let messageIndex = messages.length - 1; messageIndex >= 0; messageIndex--) {
+        const parts = messages[messageIndex].parts;
+        for (let partIndex = parts.length - 1; partIndex >= 0; partIndex--) {
+            const part = parts[partIndex];
+            if (part.type === 'tool-call' && predicate(part)) {
+                return part;
+            }
+        }
+    }
+    return undefined;
+}
+function updateToolCall(conversation, invocationId, update) {
+    return {
+        ...conversation,
+        messages: conversation.messages.map(message => message.parts.some(part => part.type === 'tool-call' && part.invocationId === invocationId)
+            ? {
+                ...message,
+                parts: message.parts.map(part => part.type === 'tool-call' && part.invocationId === invocationId ? update(part) : part)
+            }
+            : message)
+    };
+}
+function markLatestRunningToolAwaiting(conversation, toolId) {
+    const running = findLatestToolCall(conversation.messages, part => part.toolId === toolId && part.status === 'running');
+    if (!running) {
+        return conversation;
+    }
+    return updateToolCall(conversation, running.invocationId, part => ({ ...part, status: 'awaiting-approval' }));
+}
+function replaceApproval(conversation, approval) {
+    return {
+        ...conversation,
+        messages: conversation.messages.map(message => ({
+            ...message,
+            parts: message.parts.map(part => part.type === 'approval' && part.approvalId === approval.approvalId ? approval : part)
+        }))
+    };
+}
+
+/** Limits of the page context (contract 15.2). */
+const NH_ASSISTANT_PAGE_CONTEXT_LIMITS = {
+    route: 200,
+    title: 120,
+    entities: 5,
+    entityId: 64,
+    entityLabel: 120
+};
+const dashCase = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+/**
+ * Validates host-provided page context and truncates it to the contract limits.
+ * Returns null for an invalid shape (not an object or no route), so the message is sent
+ * without page context. Route, title and labels are truncated; entities beyond five are
+ * dropped, and entities with a type that is not dash-case, an empty id or an id longer
+ * than 64 characters are dropped because a truncated id would point at another entity.
+ */
+function normalizeNhAssistantClientContext(value) {
+    if (!isRecord(value)) {
+        return null;
+    }
+    const route = typeof value['route'] === 'string' ? value['route'].trim() : '';
+    if (route.length === 0) {
+        return null;
+    }
+    const result = { route: truncate(route, NH_ASSISTANT_PAGE_CONTEXT_LIMITS.route) };
+    const title = typeof value['title'] === 'string' ? value['title'].trim() : '';
+    if (title.length > 0) {
+        result.title = truncate(title, NH_ASSISTANT_PAGE_CONTEXT_LIMITS.title);
+    }
+    if (Array.isArray(value['entities'])) {
+        const entities = value['entities']
+            .map(normalizeEntity)
+            .filter((entity) => entity !== null)
+            .slice(0, NH_ASSISTANT_PAGE_CONTEXT_LIMITS.entities);
+        if (entities.length > 0) {
+            result.entities = entities;
+        }
+    }
+    return result;
+}
+/** Short text for the page-context chip: the first entity's label, the title or the route. */
+function describeNhAssistantClientContext(context) {
+    const entity = context.entities?.[0];
+    if (entity) {
+        return entity.label ?? `${entity.type} ${entity.id}`;
+    }
+    return context.title ?? context.route;
+}
+function normalizeEntity(value) {
+    if (!isRecord(value)) {
+        return null;
+    }
+    const type = typeof value['type'] === 'string' ? value['type'].trim() : '';
+    const id = typeof value['id'] === 'string' ? value['id'].trim() : '';
+    if (!dashCase.test(type) || id.length === 0 || id.length > NH_ASSISTANT_PAGE_CONTEXT_LIMITS.entityId) {
+        return null;
+    }
+    const entity = { type, id };
+    const label = typeof value['label'] === 'string' ? value['label'].trim() : '';
+    if (label.length > 0) {
+        entity.label = truncate(label, NH_ASSISTANT_PAGE_CONTEXT_LIMITS.entityLabel);
+    }
+    return entity;
+}
+function truncate(value, max) {
+    return value.length <= max ? value : value.slice(0, max);
+}
+function isRecord(value) {
+    return !!value && typeof value === 'object' && !Array.isArray(value);
+}
+
+const conversationPageSize = 50;
+const cancelGracePeriodMs = 5_000;
+/**
+ * Signal-based state of one assistant scope: availability, agents, the conversation list
+ * and the active conversation with its streamed turn.
+ */
+class NhAssistantStore {
+    constructor() {
+        this.api = inject(NhAssistantApiService);
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.injector = inject(EnvironmentInjector);
+        this.accessPolicy = inject(NH_ASSISTANT_ACCESS_POLICY);
+        this.accessGrantedState = signal(null, ...(ngDevMode ? [{ debugName: "accessGrantedState" }] : []));
+        this.statusState = signal(null, ...(ngDevMode ? [{ debugName: "statusState" }] : []));
+        this.statusLoadingState = signal(false, ...(ngDevMode ? [{ debugName: "statusLoadingState" }] : []));
+        this.selectedAgentIdState = signal(null, ...(ngDevMode ? [{ debugName: "selectedAgentIdState" }] : []));
+        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.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.lastUsageState = signal(null, ...(ngDevMode ? [{ debugName: "lastUsageState" }] : []));
+        this.restoredDraftState = signal(null, ...(ngDevMode ? [{ debugName: "restoredDraftState" }] : []));
+        this.pageContextState = signal(null, ...(ngDevMode ? [{ debugName: "pageContextState" }] : []));
+        this.pageContextExcludedState = signal(false, ...(ngDevMode ? [{ debugName: "pageContextExcludedState" }] : []));
+        /** 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();
+        /** True when the assistant is enabled and the server reports that the caller passes the admin policy. */
+        this.canAdminister = computed(() => this.enabled() && this.statusState()?.canAdminister === true, ...(ngDevMode ? [{ debugName: "canAdminister" }] : []));
+        this.statusLoading = this.statusLoadingState.asReadonly();
+        this.limits = computed(() => this.statusState()?.limits ?? null, ...(ngDevMode ? [{ debugName: "limits" }] : []));
+        this.agents = computed(() => this.statusState()?.agents ?? [], ...(ngDevMode ? [{ debugName: "agents" }] : []));
+        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();
+        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();
+        this.lastUsage = this.lastUsageState.asReadonly();
+        /** Text of a message the server did not accept, so the composer can offer it again. */
+        this.restoredDraft = this.restoredDraftState.asReadonly();
+        /** Page context that the next message would send, for the transparency chip. */
+        this.pageContext = this.pageContextState.asReadonly();
+        /** True when the user left the page context out of the next message. */
+        this.pageContextExcluded = this.pageContextExcludedState.asReadonly();
+        /** True while the user can send: enabled, an agent is chosen and no turn runs or waits. */
+        this.canSend = computed(() => {
+            const conversation = this.activeConversationState();
+            const blocked = conversation !== null && conversation.status !== 'idle';
+            return this.enabled() && this.selectedAgentIdState() !== null && !this.streamingState() && !blocked;
+        }, ...(ngDevMode ? [{ debugName: "canSend" }] : []));
+        inject(DestroyRef).onDestroy(() => {
+            this.accessSubscription?.unsubscribe();
+            this.streamSubscription?.unsubscribe();
+            clearTimeout(this.cancelTimer);
+        });
+    }
+    /** Evaluates the access policy and loads the server status once. Safe to call repeatedly. */
+    initialize() {
+        this.initialization ??= this.startInitialization();
+        return this.initialization;
+    }
+    /** Reloads the server status, for example after the host changed the signed-in user. */
+    async reloadStatus() {
+        if (this.accessGrantedState() !== true) {
+            this.statusState.set(null);
+            return;
+        }
+        this.statusLoadingState.set(true);
+        try {
+            const status = await firstValueFrom(this.api.status());
+            this.statusState.set(status);
+            this.selectInitialAgent(status.agents);
+        }
+        catch {
+            // An unavailable assistant endpoint hides the assistant instead of showing an error.
+            this.statusState.set(null);
+        }
+        finally {
+            this.statusLoadingState.set(false);
+        }
+    }
+    async refreshConversations() {
+        if (!this.enabled()) {
+            return;
+        }
+        this.conversationsLoadingState.set(true);
+        try {
+            const page = await firstValueFrom(this.api.listConversations(1, conversationPageSize));
+            this.conversationsState.set(page.items);
+            this.conversationsTotalState.set(page.total);
+        }
+        catch (error) {
+            this.setError(error);
+        }
+        finally {
+            this.conversationsLoadingState.set(false);
+        }
+    }
+    /** Chooses the agent for the next new conversation. Switching away from the active conversation's agent starts a new one. */
+    selectAgent(agentId) {
+        if (!this.agents().some(agent => agent.id === agentId)) {
+            return;
+        }
+        this.selectedAgentIdState.set(agentId);
+        const active = this.activeConversationState();
+        if (active && active.agentId !== agentId && !this.streamingState()) {
+            this.startNewConversation();
+        }
+    }
+    /** Leaves the active conversation; the next message creates a new one. */
+    startNewConversation() {
+        if (this.streamingState()) {
+            return;
+        }
+        this.activeConversationState.set(null);
+        this.errorState.set(null);
+        this.lastUsageState.set(null);
+    }
+    async openConversation(conversationId) {
+        if (this.streamingState() || this.activeConversationState()?.id === conversationId) {
+            return;
+        }
+        this.conversationLoadingState.set(true);
+        this.errorState.set(null);
+        try {
+            const conversation = await firstValueFrom(this.api.getConversation(conversationId));
+            this.activeConversationState.set(conversation);
+            if (this.agents().some(agent => agent.id === conversation.agentId)) {
+                this.selectedAgentIdState.set(conversation.agentId);
+            }
+        }
+        catch (error) {
+            this.setError(error);
+        }
+        finally {
+            this.conversationLoadingState.set(false);
+        }
+    }
+    async deleteConversation(conversationId) {
+        if (this.streamingState() && this.activeConversationState()?.id === conversationId) {
+            return;
+        }
+        try {
+            await firstValueFrom(this.api.deleteConversation(conversationId), { defaultValue: undefined });
+            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);
+            }
+        }
+        catch (error) {
+            this.setError(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.
+     */
+    async send(text) {
+        const trimmed = text.trim();
+        const maxChars = this.limits()?.maxMessageChars ?? Number.MAX_SAFE_INTEGER;
+        if (trimmed.length === 0 || trimmed.length > maxChars || !this.canSend()) {
+            return false;
+        }
+        this.errorState.set(null);
+        this.restoredDraftState.set(null);
+        this.streamingState.set(true);
+        let conversation = this.activeConversationState();
+        if (!conversation) {
+            conversation = await this.createConversation();
+            if (!conversation) {
+                this.streamingState.set(false);
+                this.restoredDraftState.set(text);
+                return false;
+            }
+        }
+        const clientContext = await this.contextForMessage();
+        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;
+        return new Promise(resolve => {
+            let started = false;
+            let failedAfterStart = false;
+            this.runStream(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);
+                        resolve(false);
+                        return;
+                    }
+                    if (event.type === 'turn.started') {
+                        started = true;
+                        resolve(true);
+                    }
+                    if (event.type === 'error') {
+                        failedAfterStart = true;
+                    }
+                    this.applyEvent(event, clientMessageId);
+                },
+                complete: () => {
+                    resolve(started);
+                    this.afterTurn(conversationId, failedAfterStart);
+                }
+            });
+        });
+    }
+    /** Approves or rejects the pending approval. Ignores repeated calls while a decision is in flight. */
+    decide(decision, reason) {
+        const conversation = this.activeConversationState();
+        const approval = conversation?.pendingApproval ?? null;
+        if (!conversation || !approval || this.decidingState() || this.streamingState()) {
+            return;
+        }
+        this.decidingState.set(true);
+        this.streamingState.set(true);
+        this.errorState.set(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), {
+            next: event => {
+                if (!accepted && event.type !== 'error') {
+                    accepted = true;
+                    this.updateActive(current => applyNhAssistantApprovalDecision(current, approval.approvalId, decision));
+                }
+                if (event.type === 'error') {
+                    failed = true;
+                    if (!accepted) {
+                        this.errorState.set(event.data);
+                        return;
+                    }
+                }
+                this.applyEvent(event);
+            },
+            complete: () => {
+                this.decidingState.set(false);
+                this.afterTurn(conversation.id, failed);
+            }
+        });
+    }
+    /** Asks the server to stop the running turn or to abandon a waiting approval. */
+    async cancel() {
+        const conversation = this.activeConversationState();
+        if (!conversation || (conversation.status === 'idle' && !this.streamingState())) {
+            return;
+        }
+        try {
+            await firstValueFrom(this.api.cancel(conversation.id), { defaultValue: undefined });
+        }
+        catch (error) {
+            this.setError(error);
+            return;
+        }
+        if (!this.streamingState()) {
+            await this.reloadActiveConversation(conversation.id);
+            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);
+            }
+        }, cancelGracePeriodMs);
+    }
+    clearError() {
+        this.errorState.set(null);
+    }
+    /** Reads the host's page context again so the chip shows what the next message sends. */
+    async refreshPageContext() {
+        this.pageContextState.set((await this.readPageContext()) ?? null);
+    }
+    /** Leaves the page context out of the next message only, or includes it again. */
+    setPageContextExcluded(excluded) {
+        this.pageContextExcludedState.set(excluded);
+    }
+    /** Returns and clears the draft of a message that was not accepted. */
+    consumeRestoredDraft() {
+        const draft = this.restoredDraftState();
+        this.restoredDraftState.set(null);
+        return draft;
+    }
+    /**
+     * 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).
+     */
+    async contextForMessage() {
+        if (!this.config.getPageContext) {
+            return undefined;
+        }
+        if (this.pageContextExcludedState()) {
+            this.pageContextExcludedState.set(false);
+            return null;
+        }
+        const context = await this.readPageContext();
+        this.pageContextState.set(context ?? null);
+        return context;
+    }
+    async readPageContext() {
+        const getter = this.config.getPageContext;
+        if (!getter) {
+            return undefined;
+        }
+        try {
+            const value = await runInInjectionContext(this.injector, () => getter());
+            if (value === null || value === undefined) {
+                return null;
+            }
+            return normalizeNhAssistantClientContext(value) ?? undefined;
+        }
+        catch {
+            // A failing host getter never blocks sending; the message goes without page context.
+            return undefined;
+        }
+    }
+    async startInitialization() {
+        const decision = this.accessPolicy.canUse();
+        if (!isObservable(decision)) {
+            this.accessGrantedState.set(decision);
+            await this.reloadStatus();
+            return;
+        }
+        await new Promise(resolve => {
+            this.accessSubscription = decision.subscribe({
+                next: granted => {
+                    const changed = this.accessGrantedState() !== granted;
+                    this.accessGrantedState.set(granted);
+                    if (changed) {
+                        void this.reloadStatus().finally(() => resolve());
+                    }
+                    else {
+                        resolve();
+                    }
+                },
+                error: () => {
+                    this.accessGrantedState.set(false);
+                    resolve();
+                },
+                complete: () => resolve()
+            });
+        });
+    }
+    async createConversation() {
+        const agentId = this.selectedAgentIdState();
+        if (!agentId) {
+            return null;
+        }
+        try {
+            const conversation = await firstValueFrom(this.api.createConversation({ agentId }));
+            this.activeConversationState.set(conversation);
+            this.conversationsState.update(items => [toSummary(conversation), ...items.filter(item => item.id !== conversation.id)]);
+            this.conversationsTotalState.update(total => total + 1);
+            return conversation;
+        }
+        catch (error) {
+            this.setError(error);
+            return null;
+        }
+    }
+    runStream(stream, handlers) {
+        this.streamSubscription?.unsubscribe();
+        this.streamingState.set(true);
+        const finish = () => {
+            clearTimeout(this.cancelTimer);
+            this.streamingState.set(false);
+            handlers.complete();
+        };
+        this.streamSubscription = stream.subscribe({
+            next: event => handlers.next(event),
+            error: () => {
+                this.errorState.set(clientError(NhAssistantClientErrorCodes.network));
+                finish();
+            },
+            complete: finish
+        });
+    }
+    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));
+            }
+        }
+    }
+    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));
+        }
+        if (reload) {
+            void this.reloadActiveConversation(conversationId);
+        }
+        if (!active?.title) {
+            void this.refreshConversations();
+        }
+    }
+    async reloadActiveConversation(conversationId) {
+        try {
+            const conversation = await firstValueFrom(this.api.getConversation(conversationId));
+            if (this.activeConversationState()?.id === conversationId && !this.streamingState()) {
+                this.activeConversationState.set(conversation);
+            }
+        }
+        catch {
+            // Keep the local state; the error of the turn is already shown.
+        }
+    }
+    updateActive(update) {
+        const conversation = this.activeConversationState();
+        if (conversation) {
+            this.activeConversationState.set(update(conversation));
+        }
+    }
+    removeMessage(messageId, status) {
+        this.updateActive(conversation => ({
+            ...conversation,
+            status,
+            messages: conversation.messages.filter(message => message.id !== messageId)
+        }));
+    }
+    selectInitialAgent(agents) {
+        const current = this.selectedAgentIdState();
+        if (current && agents.some(agent => agent.id === current)) {
+            return;
+        }
+        const preferred = agents.find(agent => agent.id === this.config.defaultAgentId) ?? agents[0] ?? null;
+        this.selectedAgentIdState.set(preferred?.id ?? null);
+    }
+    setError(error) {
+        if (error instanceof NhAssistantApiError) {
+            this.errorState.set({ code: error.code, messageKey: error.messageKey });
+            return;
+        }
+        this.errorState.set(clientError(NhAssistantClientErrorCodes.server));
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantStore, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+function clientError(code) {
+    return { code, messageKey: nhAssistantErrorMessageKey(code) };
+}
+function toSummary(conversation) {
+    return {
+        id: conversation.id,
+        agentId: conversation.agentId,
+        title: conversation.title,
+        status: conversation.status,
+        createdAt: conversation.createdAt,
+        updatedAt: conversation.updatedAt
+    };
+}
+function createClientMessageId() {
+    const cryptoApi = globalThis.crypto;
+    if (cryptoApi?.randomUUID) {
+        return cryptoApi.randomUUID();
+    }
+    const bytes = new Uint8Array(16);
+    if (cryptoApi?.getRandomValues) {
+        cryptoApi.getRandomValues(bytes);
+    }
+    else {
+        for (let index = 0; index < bytes.length; index++) {
+            bytes[index] = Math.floor(Math.random() * 256);
+        }
+    }
+    bytes[6] = (bytes[6] & 0x0f) | 0x40;
+    bytes[8] = (bytes[8] & 0x3f) | 0x80;
+    const hex = Array.from(bytes, byte => byte.toString(16).padStart(2, '0')).join('');
+    return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+
+/** Drawer width on wider screens; below the mobile breakpoint the panel fills the screen. */
+const NH_ASSISTANT_PANEL_WIDTH = '420px';
+const NH_ASSISTANT_PANEL_MOBILE_QUERY = '(max-width: 599.98px)';
+/**
+ * Opens and closes the assistant panel as a CDK overlay drawer on the right edge.
+ * `nh-assistant-panel` registers its content once; any component can then open the panel,
+ * optionally on a specific conversation. Escape closes the panel and focus returns to the
+ * element that opened it.
+ */
+class NhAssistantPanelService {
+    constructor() {
+        this.overlay = inject(Overlay);
+        this.store = inject(NhAssistantStore);
+        this.injector = inject(Injector);
+        this.document = inject(DOCUMENT);
+        this.breakpoints = inject(BreakpointObserver);
+        this.openState = signal(false, ...(ngDevMode ? [{ debugName: "openState" }] : []));
+        this.subscriptions = new Subscription();
+        this.returnFocusTo = null;
+        this.isOpen = this.openState.asReadonly();
+        inject(DestroyRef).onDestroy(() => this.dispose());
+    }
+    open(conversationId) {
+        void this.store.initialize();
+        if (conversationId) {
+            void this.store.openConversation(conversationId);
+        }
+        if (this.openState()) {
+            return;
+        }
+        const active = this.document.activeElement;
+        this.returnFocusTo = active instanceof HTMLElement ? active : null;
+        this.openState.set(true);
+        this.attach();
+    }
+    close() {
+        if (!this.openState()) {
+            return;
+        }
+        this.openState.set(false);
+        this.overlayRef?.detach();
+        const target = this.returnFocusTo;
+        this.returnFocusTo = null;
+        if (target?.isConnected) {
+            target.focus();
+        }
+    }
+    toggle() {
+        if (this.openState()) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    /** Called by `nh-assistant-panel`; hosts should place that component once instead. */
+    registerPanel(portal) {
+        this.portal = portal;
+        if (this.openState()) {
+            this.attach();
+        }
+    }
+    unregisterPanel(portal) {
+        if (this.portal !== portal) {
+            return;
+        }
+        this.overlayRef?.detach();
+        this.portal = undefined;
+    }
+    attach() {
+        if (!this.portal || this.overlayRef?.hasAttached()) {
+            return;
+        }
+        const overlayRef = this.ensureOverlay();
+        overlayRef.attach(this.portal);
+        this.updateSize(this.breakpoints.isMatched(NH_ASSISTANT_PANEL_MOBILE_QUERY));
+        afterNextRender(() => {
+            const target = overlayRef.overlayElement.querySelector('[data-nh-assistant-autofocus]');
+            target?.focus();
+        }, { injector: this.injector });
+    }
+    ensureOverlay() {
+        if (this.overlayRef) {
+            return this.overlayRef;
+        }
+        const overlayRef = this.overlay.create({
+            positionStrategy: this.overlay.position().global().top('0').right('0'),
+            scrollStrategy: this.overlay.scrollStrategies.noop(),
+            hasBackdrop: false,
+            panelClass: 'nh-assistant-overlay-pane',
+            height: '100%',
+            width: NH_ASSISTANT_PANEL_WIDTH,
+            maxWidth: '100vw'
+        });
+        this.subscriptions.add(overlayRef.keydownEvents().subscribe(event => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                this.close();
+            }
+        }));
+        this.subscriptions.add(this.breakpoints.observe(NH_ASSISTANT_PANEL_MOBILE_QUERY).subscribe(state => {
+            this.updateSize(state.matches);
+        }));
+        this.overlayRef = overlayRef;
+        return overlayRef;
+    }
+    updateSize(mobile) {
+        this.overlayRef?.updateSize({ width: mobile ? '100vw' : NH_ASSISTANT_PANEL_WIDTH, height: '100%' });
+    }
+    dispose() {
+        this.subscriptions.unsubscribe();
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPanelService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Registers the assistant client, store and panel for one application or route scope.
+ * Call it once in the root providers; a route may call it again to host an isolated
+ * assistant with its own configuration.
+ */
+function provideNhAssistant(config) {
+    return makeEnvironmentProviders([
+        { provide: NH_ASSISTANT_CONFIG, useValue: config },
+        { provide: NH_ASSISTANT_ACCESS_POLICY, useClass: config.accessPolicy ?? NhAssistantAllowAllAccessPolicy },
+        NhAssistantTransport,
+        NhAssistantApiService,
+        NhAssistantAdminApiService,
+        NhAssistantStore,
+        NhAssistantPanelService,
+        ...(config.translations === 'host'
+            ? []
+            : [provideEnvironmentInitializer(() => inject(NhAssistantTranslationMerger).start())])
+    ]);
+}
+
+/**
+ * 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.
+ */
+const NH_ASSISTANT_ICONS = new InjectionToken('NH_ASSISTANT_ICONS');
+const builtInPaths = {
+    assistant: 'M12 3l1.8 4.7 4.7 1.8-4.7 1.8L12 16l-1.8-4.7-4.7-1.8 4.7-1.8zM18.5 15l.8 2 2 .8-2 .8-.8 2-.8-2-2-.8 2-.8z',
+    close: 'M6 6l12 12M18 6L6 18',
+    send: 'M4 12l16-8-6 16-2.5-6.5zM11.5 13.5L20 4',
+    stop: 'M7 7h10v10H7z',
+    plus: 'M12 5v14M5 12h14',
+    list: 'M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01',
+    trash: 'M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3',
+    tool: 'M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.1-.4-.4-2.1z',
+    check: 'M5 12.5l4.5 4.5L19 7.5',
+    x: 'M7 7l10 10M17 7L7 17',
+    warning: 'M12 4L2.5 20h19zM12 10v4M12 17h.01',
+    'chevron-down': 'M6 9l6 6 6-6',
+    clock: 'M12 3a9 9 0 1 0 0 18 9 9 0 1 0 0-18zM12 7v5l3 2',
+    settings: 'M4 7h9M17 7h3M4 17h3M11 17h9M15 5v4M9 15v4',
+    admin: 'M12 3l7 3v5c0 4.5-3 8.2-7 10-4-1.8-7-5.5-7-10V6zM9.5 12l2 2 3.5-3.5',
+    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'
+};
+/** Decorative icon. The surrounding control provides the accessible name. */
+class NhAssistantIconComponent {
+    constructor() {
+        this.icons = inject(NH_ASSISTANT_ICONS, { optional: true });
+        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+        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: `
+    @if (iconClass(); as iconClass) {
+      <i [class]="iconClass" aria-hidden="true"></i>
+    } @else {
+      <svg viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false">
+        <path [attr.d]="path()" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
+      </svg>
+    }
+  `, 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: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (iconClass(); as iconClass) {
+      <i [class]="iconClass" aria-hidden="true"></i>
+    } @else {
+      <svg viewBox="0 0 24 24" width="1em" height="1em" aria-hidden="true" focusable="false">
+        <path [attr.d]="path()" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
+      </svg>
+    }
+  `, styles: [":host{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:1.15em}svg{display:block}\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }] } });
+
+/**
+ * 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.
+ */
+class NhAssistantLauncherComponent {
+    constructor() {
+        this.store = inject(NhAssistantStore);
+        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.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(() => {
+            void this.store.initialize();
+        });
+        effect(() => {
+            if (this.store.enabled()) {
+                untracked(() => void this.store.refreshConversations());
+            }
+        });
+    }
+    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: `
+    @if (store.enabled()) {
+      <button
+        class="launcher"
+        type="button"
+        [class.open]="panel.isOpen()"
+        [attr.aria-expanded]="panel.isOpen()"
+        [attr.aria-label]="label() | translate"
+        [attr.title]="label() | translate"
+        (click)="panel.toggle()">
+        <ng-content><nh-assistant-icon name="assistant" /></ng-content>
+        @if (waitingForApproval()) {
+          <span class="badge" aria-hidden="true"></span>
+          <span class="visually-hidden">{{ 'nh-assistant.launcher.pending-approval' | translate }}</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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantLauncherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-launcher', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (store.enabled()) {
+      <button
+        class="launcher"
+        type="button"
+        [class.open]="panel.isOpen()"
+        [attr.aria-expanded]="panel.isOpen()"
+        [attr.aria-label]="label() | translate"
+        [attr.title]="label() | translate"
+        (click)="panel.toggle()">
+        <ng-content><nh-assistant-icon name="assistant" /></ng-content>
+        @if (waitingForApproval()) {
+          <span class="badge" aria-hidden="true"></span>
+          <span class="visually-hidden">{{ 'nh-assistant.launcher.pending-approval' | translate }}</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"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Translates the first key that has a translation and otherwise returns the fallback text.
+ * Used for server-provided keys (agent names, error message keys, result codes) that the
+ * host may or may not translate.
+ */
+class NhAssistantTranslatePipe {
+    constructor() {
+        this.translate = inject(TranslateService);
+        this.lastKeys = '';
+        this.lastParams = '';
+        this.lastValue = '';
+        this.dirty = true;
+        const changeDetector = inject(ChangeDetectorRef);
+        const subscription = merge(this.translate.onTranslationChange, this.translate.onLangChange).subscribe(() => {
+            this.dirty = true;
+            changeDetector.markForCheck();
+        });
+        inject(DestroyRef).onDestroy(() => subscription.unsubscribe());
+    }
+    transform(keys, fallback = '', params) {
+        const candidates = (Array.isArray(keys) ? keys : [keys]).filter((key) => !!key);
+        const keySignature = candidates.join('|');
+        const paramSignature = params ? JSON.stringify(params) : '';
+        if (!this.dirty && keySignature === this.lastKeys && paramSignature === this.lastParams) {
+            return this.lastValue;
+        }
+        this.lastKeys = keySignature;
+        this.lastParams = paramSignature;
+        this.dirty = false;
+        this.lastValue = this.resolve(candidates, fallback, params);
+        return this.lastValue;
+    }
+    resolve(candidates, fallback, params) {
+        for (const key of candidates) {
+            const value = this.translate.instant(key, params);
+            if (typeof value === 'string' && value.length > 0 && value !== key) {
+                return value;
+            }
+        }
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantTranslatePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'nhAssistantTranslate', standalone: true, pure: false }]
+        }], ctorParameters: () => [] });
+
+let nextId$4 = 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.
+ */
+class NhAssistantAgentPickerComponent {
+    constructor() {
+        this.agents = input.required(...(ngDevMode ? [{ debugName: "agents" }] : []));
+        this.selectedAgentId = input(null, ...(ngDevMode ? [{ debugName: "selectedAgentId" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.agentChange = output();
+        this.selectId = `nh-assistant-agent-picker-${nextId$4++}`;
+        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: `
+    <label class="visually-hidden" [for]="selectId">{{ 'nh-assistant.agent-picker.label' | translate }}</label>
+    <select
+      [id]="selectId"
+      [disabled]="disabled() || agents().length < 2"
+      [attr.title]="selected() ? ([selected()!.descriptionKey] | nhAssistantTranslate: selected()!.descriptionKey) : null"
+      (change)="onChange($event)">
+      @for (agent of agents(); track agent.id) {
+        <option [value]="agent.id" [selected]="agent.id === selectedAgentId()">
+          {{ [agent.displayNameKey] | nhAssistantTranslate: agent.displayNameKey }}
+        </option>
+      }
+    </select>
+    @if (selected(); as agent) {
+      <span class="capability" [attr.data-can-mutate]="agent.canMutate">
+        {{ (agent.canMutate ? 'nh-assistant.agent-picker.can-mutate' : 'nh-assistant.agent-picker.read-only') | translate }}
+      </span>
+    }
+  `, 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: [{
+            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>
+    <select
+      [id]="selectId"
+      [disabled]="disabled() || agents().length < 2"
+      [attr.title]="selected() ? ([selected()!.descriptionKey] | nhAssistantTranslate: selected()!.descriptionKey) : null"
+      (change)="onChange($event)">
+      @for (agent of agents(); track agent.id) {
+        <option [value]="agent.id" [selected]="agent.id === selectedAgentId()">
+          {{ [agent.displayNameKey] | nhAssistantTranslate: agent.displayNameKey }}
+        </option>
+      }
+    </select>
+    @if (selected(); as agent) {
+      <span class="capability" [attr.data-can-mutate]="agent.canMutate">
+        {{ (agent.canMutate ? 'nh-assistant.agent-picker.can-mutate' : 'nh-assistant.agent-picker.read-only') | translate }}
+      </span>
+    }
+  `, 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$3 = 0;
+/**
+ * Message input. Enter sends, Shift+Enter inserts a new line. While the assistant runs
+ * the send button becomes a stop button.
+ */
+class NhAssistantComposerComponent {
+    constructor() {
+        /** Disables typing and sending, for example while a turn runs or waits for approval. */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        /** Shows the stop button instead of the send button. */
+        this.busy = input(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
+        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" }] : []));
+        this.send = output();
+        this.cancel = output();
+        this.restored = output();
+        this.inputId = `nh-assistant-composer-${nextId$3++}`;
+        this.hintId = `${this.inputId}-hint`;
+        this.text = signal('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+        this.length = computed(() => this.text().trim().length, ...(ngDevMode ? [{ debugName: "length" }] : []));
+        this.tooLong = computed(() => {
+            const max = this.maxLength();
+            return max !== null && this.length() > max;
+        }, ...(ngDevMode ? [{ debugName: "tooLong" }] : []));
+        this.showCounter = computed(() => {
+            const max = this.maxLength();
+            return max !== null && this.length() >= max * 0.8;
+        }, ...(ngDevMode ? [{ debugName: "showCounter" }] : []));
+        this.canSend = computed(() => !this.disabled() && this.length() > 0 && !this.tooLong(), ...(ngDevMode ? [{ debugName: "canSend" }] : []));
+        effect(() => {
+            const draft = this.restore();
+            if (draft !== null) {
+                untracked(() => {
+                    this.text.set(draft);
+                    this.restored.emit();
+                });
+            }
+        });
+    }
+    onInput(event) {
+        this.text.set(event.target.value);
+    }
+    onKeydown(event) {
+        if (event.key !== 'Enter' || event.shiftKey || event.isComposing) {
+            return;
+        }
+        event.preventDefault();
+        this.submit();
+    }
+    submit() {
+        if (!this.canSend()) {
+            return;
+        }
+        const text = this.text().trim();
+        this.text.set('');
+        this.send.emit(text);
+    }
+    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 }, busy: { classPropertyName: "busy", publicName: "busy", 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" }, ngImport: i0, template: "<form class=\"composer\" (submit)=\"$event.preventDefault(); submit()\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\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<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{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.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: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-composer', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"composer\" (submit)=\"$event.preventDefault(); submit()\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\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<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{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.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 }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", 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"] }] } });
+
+/** The user's conversations with loading and empty states; selecting one opens it. */
+class NhAssistantConversationListComponent {
+    constructor() {
+        this.conversations = input.required(...(ngDevMode ? [{ debugName: "conversations" }] : []));
+        this.total = input(0, ...(ngDevMode ? [{ debugName: "total" }] : []));
+        this.activeConversationId = input(null, ...(ngDevMode ? [{ debugName: "activeConversationId" }] : []));
+        this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.conversationSelect = output();
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", 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"] }]
+        }], 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$2 = 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.
+ */
+class NhAssistantPreferencesComponent {
+    constructor() {
+        this.api = inject(NhAssistantApiService);
+        /** 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$2++}`;
+        this.styles = ['default', 'direct', 'personal', 'detailed'];
+        this.addressForms = ['informal', 'formal'];
+        this.responseLengths = ['short', 'normal', 'long'];
+        this.maxInstructions = NH_ASSISTANT_MAX_CUSTOM_INSTRUCTIONS;
+        this.loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.loadFailed = signal(false, ...(ngDevMode ? [{ debugName: "loadFailed" }] : []));
+        this.saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : []));
+        this.savedMessage = signal(false, ...(ngDevMode ? [{ debugName: "savedMessage" }] : []));
+        this.error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
+        this.style = signal('default', ...(ngDevMode ? [{ debugName: "style" }] : []));
+        this.addressForm = signal('informal', ...(ngDevMode ? [{ debugName: "addressForm" }] : []));
+        this.responseLength = signal('normal', ...(ngDevMode ? [{ debugName: "responseLength" }] : []));
+        this.customInstructions = signal('', ...(ngDevMode ? [{ debugName: "customInstructions" }] : []));
+        this.stored = signal(null, ...(ngDevMode ? [{ debugName: "stored" }] : []));
+        this.instructionsLength = computed(() => this.customInstructions().length, ...(ngDevMode ? [{ debugName: "instructionsLength" }] : []));
+        this.tooLong = computed(() => this.instructionsLength() > this.maxInstructions, ...(ngDevMode ? [{ debugName: "tooLong" }] : []));
+        this.dirty = computed(() => {
+            const stored = this.stored();
+            return !stored || stored.style !== this.style() || stored.addressForm !== this.addressForm() ||
+                stored.responseLength !== this.responseLength() || (stored.customInstructions ?? '') !== this.customInstructions();
+        }, ...(ngDevMode ? [{ debugName: "dirty" }] : []));
+        this.canSave = computed(() => !this.loading() && !this.saving() && !this.tooLong() && this.dirty(), ...(ngDevMode ? [{ debugName: "canSave" }] : []));
+        this.errorKeys = computed(() => {
+            const error = this.error();
+            return error ? [error.messageKey, nhAssistantErrorMessageKey(error.code), 'nh-assistant.errors.generic'] : [];
+        }, ...(ngDevMode ? [{ debugName: "errorKeys" }] : []));
+        inject(DestroyRef).onDestroy(() => this.subscription?.unsubscribe());
+        this.load();
+    }
+    load() {
+        this.loading.set(true);
+        this.loadFailed.set(false);
+        this.subscription?.unsubscribe();
+        this.subscription = this.api.getPreferences().subscribe({
+            next: preferences => {
+                this.apply(preferences);
+                this.loading.set(false);
+            },
+            error: () => {
+                this.loading.set(false);
+                this.loadFailed.set(true);
+            }
+        });
+    }
+    onInstructionsInput(event) {
+        this.customInstructions.set(event.target.value);
+        this.savedMessage.set(false);
+    }
+    choose(target, value) {
+        target.set(value);
+        this.savedMessage.set(false);
+    }
+    save() {
+        if (!this.canSave()) {
+            return;
+        }
+        const instructions = this.customInstructions().trim();
+        const preferences = {
+            style: this.style(),
+            addressForm: this.addressForm(),
+            responseLength: this.responseLength(),
+            customInstructions: instructions.length > 0 ? instructions : null
+        };
+        this.saving.set(true);
+        this.error.set(null);
+        this.savedMessage.set(false);
+        this.subscription?.unsubscribe();
+        this.subscription = this.api.updatePreferences(preferences).subscribe({
+            next: stored => {
+                this.apply(stored);
+                this.saving.set(false);
+                this.savedMessage.set(true);
+                this.saved.emit(stored);
+            },
+            error: (error) => {
+                this.saving.set(false);
+                this.error.set(error instanceof NhAssistantApiError
+                    ? { code: error.code, messageKey: error.messageKey }
+                    : { code: 'assistant-server', messageKey: nhAssistantErrorMessageKey('assistant-server') });
+            }
+        });
+    }
+    apply(preferences) {
+        this.stored.set(preferences);
+        this.style.set(preferences.style);
+        this.addressForm.set(preferences.addressForm);
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", 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"] }]
+        }], ctorParameters: () => [], propDecorators: { closed: [{ type: i0.Output, args: ["closed"] }], saved: [{ type: i0.Output, args: ["saved"] }] } });
+
+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'
+];
+const allowedAttributes = ['href', 'title', 'start', 'align'];
+const allowedUris = /^(?:https?:|mailto:|\/(?!\/)|#)/i;
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+/**
+ * Renders model text as Markdown into a strict HTML subset. Inline HTML in the model text
+ * is shown as literal text, images render as their alt text, and the result is sanitized
+ * with DOMPurify. Links open in a new tab with `rel="noopener noreferrer"`.
+ */
+class NhAssistantMarkdownRenderer {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.marked = new Marked({
+            gfm: true,
+            breaks: true,
+            async: false,
+            renderer: {
+                html(token) {
+                    return escapeHtml(token.text);
+                },
+                image(token) {
+                    return escapeHtml(token.text);
+                }
+            }
+        });
+        this.purifier = null;
+    }
+    render(text) {
+        const purifier = this.getPurifier();
+        if (!purifier) {
+            return `<p>${escapeHtml(text)}</p>`;
+        }
+        const html = this.marked.parse(text, { async: false });
+        return purifier.sanitize(html, {
+            ALLOWED_TAGS: allowedTags,
+            ALLOWED_ATTR: allowedAttributes,
+            ALLOWED_URI_REGEXP: allowedUris,
+            ALLOW_DATA_ATTR: false,
+            ALLOW_ARIA_ATTR: false
+        });
+    }
+    getPurifier() {
+        if (this.purifier) {
+            return this.purifier;
+        }
+        const view = this.document.defaultView;
+        if (!view) {
+            return null;
+        }
+        const purifier = createDOMPurify(view);
+        if (!purifier.isSupported) {
+            return null;
+        }
+        purifier.addHook('afterSanitizeAttributes', node => {
+            if (node.tagName === 'A') {
+                node.setAttribute('target', '_blank');
+                node.setAttribute('rel', 'noopener noreferrer');
+            }
+        });
+        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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownRenderer, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/** Renders model text into sanitized HTML. Pure, so unchanged text is not rendered again. */
+class NhAssistantMarkdownPipe {
+    constructor() {
+        this.renderer = inject(NhAssistantMarkdownRenderer);
+    }
+    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" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantMarkdownPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'nhAssistantMarkdown', standalone: true }]
+        }] });
+
+/** Formats remaining milliseconds as `m:ss`, or `h:mm:ss` above one hour. */
+function formatNhAssistantCountdown(milliseconds) {
+    const totalSeconds = Math.max(0, Math.ceil(milliseconds / 1000));
+    const hours = Math.floor(totalSeconds / 3600);
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
+    const seconds = totalSeconds % 60;
+    const paddedSeconds = seconds.toString().padStart(2, '0');
+    return hours > 0
+        ? `${hours}:${minutes.toString().padStart(2, '0')}:${paddedSeconds}`
+        : `${minutes}:${paddedSeconds}`;
+}
+/**
+ * Asks the user to approve or reject a proposed mutation. Shows the summary, targets,
+ * proposed arguments and a countdown to expiry. A decision is emitted at most once until
+ * the host reports that it is no longer deciding.
+ */
+class NhAssistantApprovalCardComponent {
+    constructor() {
+        this.approval = input.required(...(ngDevMode ? [{ debugName: "approval" }] : []));
+        /** True while the host submits a decision; disables both buttons. */
+        this.deciding = input(false, ...(ngDevMode ? [{ debugName: "deciding" }] : []));
+        this.decide = output();
+        this.now = signal(Date.now(), ...(ngDevMode ? [{ debugName: "now" }] : []));
+        this.submitted = signal(false, ...(ngDevMode ? [{ debugName: "submitted" }] : []));
+        this.remainingMs = computed(() => Date.parse(this.approval().expiresAt) - this.now(), ...(ngDevMode ? [{ debugName: "remainingMs" }] : []));
+        this.expired = computed(() => this.approval().status === 'expired' ||
+            (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.countdown = computed(() => formatNhAssistantCountdown(this.remainingMs()), ...(ngDevMode ? [{ debugName: "countdown" }] : []));
+        // Tick only while the approval is pending and not yet expired.
+        effect(onCleanup => {
+            if (this.approval().status !== 'pending') {
+                return;
+            }
+            const expiresAt = Date.parse(this.approval().expiresAt);
+            const timer = setInterval(() => {
+                this.now.set(Date.now());
+                if (Date.now() >= expiresAt) {
+                    clearInterval(timer);
+                }
+            }, 1000);
+            onCleanup(() => clearInterval(timer));
+        });
+        // Allow a new attempt once the host finished deciding and the approval is still pending.
+        effect(() => {
+            if (!this.deciding() && this.approval().status === 'pending') {
+                this.submitted.set(false);
+            }
+        });
+    }
+    choose(decision) {
+        if (this.disabled()) {
+            return;
+        }
+        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  <p class=\"summary\">{{ approval().summary }}</p>\n\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\n  @if (approval().argumentsPreview) {\n    <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n    <pre>{{ approval().argumentsPreview }}</pre>\n  }\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: approval().summary }\"\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: approval().summary }\"\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}.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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", 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  <p class=\"summary\">{{ approval().summary }}</p>\n\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\n  @if (approval().argumentsPreview) {\n    <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n    <pre>{{ approval().argumentsPreview }}</pre>\n  }\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: approval().summary }\"\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: approval().summary }\"\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}.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"] }] } });
+
+let nextId$1 = 0;
+const statusIcons = {
+    running: 'tool',
+    succeeded: 'check',
+    failed: 'warning',
+    'awaiting-approval': 'clock',
+    rejected: 'x'
+};
+/** Shows one tool invocation with its status and expandable input and result previews. */
+class NhAssistantToolCallCardComponent {
+    constructor() {
+        this.part = input.required(...(ngDevMode ? [{ debugName: "part" }] : []));
+        this.detailsId = `nh-assistant-tool-call-${nextId$1++}`;
+        this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+        this.statusIcon = computed(() => statusIcons[this.part().status], ...(ngDevMode ? [{ debugName: "statusIcon" }] : []));
+        this.hasDetails = computed(() => !!this.part().argumentsPreview || !!this.part().resultPreview, ...(ngDevMode ? [{ debugName: "hasDetails" }] : []));
+    }
+    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      @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: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-tool-call-card', standalone: true, imports: [TranslatePipe, NhAssistantTranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.data-status]': 'part().status'
+                    }, 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      @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"] }]
+        }], propDecorators: { part: [{ type: i0.Input, args: [{ isSignal: true, alias: "part", required: true }] }] } });
+
+/** Above this number of messages the thread renders through CDK virtual scrolling. */
+const NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD = 200;
+/** Distance from the bottom, in pixels, within which new content keeps the thread pinned to the end. */
+const stickToBottomDistance = 120;
+/**
+ * The messages of a conversation as a live log. Assistant text renders as sanitized
+ * Markdown, tool calls and approvals as cards. The thread follows new content while the
+ * user is at the bottom.
+ */
+class NhAssistantThreadComponent {
+    constructor() {
+        this.injector = inject(Injector);
+        this.messages = input.required(...(ngDevMode ? [{ debugName: "messages" }] : []));
+        this.streaming = input(false, ...(ngDevMode ? [{ debugName: "streaming" }] : []));
+        this.deciding = input(false, ...(ngDevMode ? [{ debugName: "deciding" }] : []));
+        this.markdown = input(true, ...(ngDevMode ? [{ debugName: "markdown" }] : []));
+        this.approvalDecision = output();
+        this.virtualThreshold = NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD;
+        this.virtual = computed(() => this.messages().length > NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD, ...(ngDevMode ? [{ debugName: "virtual" }] : []));
+        this.working = computed(() => {
+            if (!this.streaming()) {
+                return false;
+            }
+            const last = this.messages()[this.messages().length - 1];
+            return !last || last.role === 'user' || last.parts.length === 0;
+        }, ...(ngDevMode ? [{ debugName: "working" }] : []));
+        this.scroller = viewChild('scroller', ...(ngDevMode ? [{ debugName: "scroller" }] : []));
+        this.viewport = viewChild(CdkVirtualScrollViewport, ...(ngDevMode ? [{ debugName: "viewport" }] : []));
+        effect(() => {
+            this.messages();
+            this.working();
+            const element = this.scrollElement();
+            const pinned = !element || element.scrollHeight - element.scrollTop - element.clientHeight <= stickToBottomDistance;
+            if (pinned) {
+                afterNextRender(() => this.scrollToEnd(), { injector: this.injector });
+            }
+        });
+    }
+    trackMessage(_index, message) {
+        return message.id;
+    }
+    scrollElement() {
+        return this.viewport()?.elementRef.nativeElement ?? this.scroller()?.nativeElement ?? null;
+    }
+    scrollToEnd() {
+        const viewport = this.viewport();
+        if (viewport) {
+            viewport.scrollToIndex(this.messages().length - 1);
+            viewport.scrollTo({ bottom: 0 });
+            return;
+        }
+        const element = this.scroller()?.nativeElement;
+        if (element) {
+            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 (part of message.parts; track $index) {\n      @switch (part.type) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ part.text }}</div>\n          }\n        }\n        @case ('tool-call') {\n          <nh-assistant-tool-call-card class=\"part\" [part]=\"part\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card class=\"part\" [approval]=\"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  </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}.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: NhAssistantToolCallCardComponent, selector: "nh-assistant-tool-call-card", inputs: ["part"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantThreadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-thread', standalone: true, imports: [
+                        NgTemplateOutlet,
+                        ScrollingModule,
+                        TranslatePipe,
+                        NhAssistantMarkdownPipe,
+                        NhAssistantToolCallCardComponent,
+                        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 (part of message.parts; track $index) {\n      @switch (part.type) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ part.text }}</div>\n          }\n        }\n        @case ('tool-call') {\n          <nh-assistant-tool-call-card class=\"part\" [part]=\"part\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card class=\"part\" [approval]=\"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  </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}.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 }] }] } });
+
+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.
+ */
+class NhAssistantPanelComponent {
+    constructor() {
+        this.store = inject(NhAssistantStore);
+        this.panel = inject(NhAssistantPanelService);
+        this.config = inject(NH_ASSISTANT_CONFIG);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.router = inject(Router, { optional: true });
+        this.drawer = viewChild.required('drawer');
+        this.titleId = `nh-assistant-panel-title-${nextId++}`;
+        this.markdown = this.config.markdown?.enabled ?? true;
+        this.showConversations = signal(false, ...(ngDevMode ? [{ debugName: "showConversations" }] : []));
+        this.showPreferences = signal(false, ...(ngDevMode ? [{ debugName: "showPreferences" }] : []));
+        this.adminRoute = this.config.adminRoute ?? null;
+        this.conversation = this.store.activeConversation;
+        this.conversationId = computed(() => this.conversation()?.id ?? null, ...(ngDevMode ? [{ debugName: "conversationId" }] : []));
+        this.messages = computed(() => this.conversation()?.messages ?? [], ...(ngDevMode ? [{ debugName: "messages" }] : []));
+        this.closed = computed(() => {
+            const status = this.conversation()?.status;
+            return status === 'failed' || status === 'archived';
+        }, ...(ngDevMode ? [{ debugName: "closed" }] : []));
+        this.busy = computed(() => this.store.streaming() || this.conversation()?.status === 'running', ...(ngDevMode ? [{ debugName: "busy" }] : []));
+        this.composerDisabled = computed(() => !this.store.canSend(), ...(ngDevMode ? [{ debugName: "composerDisabled" }] : []));
+        this.errorKeys = computed(() => {
+            const error = this.store.error();
+            return error ? [error.messageKey, `nh-assistant.errors.${error.code}`, 'nh-assistant.errors.generic'] : [];
+        }, ...(ngDevMode ? [{ debugName: "errorKeys" }] : []));
+        // Opening, creating or leaving a conversation returns from the list to the thread.
+        effect(() => {
+            if (this.conversationId() !== undefined) {
+                untracked(() => {
+                    this.showConversations.set(false);
+                    this.showPreferences.set(false);
+                });
+            }
+        });
+        effect(() => {
+            if (this.panel.isOpen()) {
+                untracked(() => {
+                    void this.store.initialize().then(() => this.store.refreshConversations());
+                    this.refreshPageContext();
+                });
+            }
+        });
+        // The drawer stays open while the user navigates; keep the page-context chip current.
+        const navigation = this.router?.events.subscribe(event => {
+            if (event instanceof NavigationEnd && this.panel.isOpen()) {
+                this.refreshPageContext();
+            }
+        });
+        inject(DestroyRef).onDestroy(() => navigation?.unsubscribe());
+    }
+    ngAfterViewInit() {
+        this.portal = new TemplatePortal(this.drawer(), this.viewContainerRef);
+        this.panel.registerPanel(this.portal);
+    }
+    ngOnDestroy() {
+        if (this.portal) {
+            this.panel.unregisterPanel(this.portal);
+        }
+    }
+    refreshPageContext() {
+        void this.store.refreshPageContext();
+    }
+    describeContext(context) {
+        return describeNhAssistantClientContext(context);
+    }
+    toggleConversations() {
+        this.showPreferences.set(false);
+        this.showConversations.update(show => !show);
+    }
+    togglePreferences() {
+        this.showConversations.set(false);
+        this.showPreferences.update(show => !show);
+    }
+    newConversation() {
+        this.store.startNewConversation();
+        this.showConversations.set(false);
+    }
+    openConversation(conversationId) {
+        void this.store.openConversation(conversationId);
+        this.showConversations.set(false);
+    }
+    deleteConversation(conversationId) {
+        void this.store.deleteConversation(conversationId);
+    }
+    send(text) {
+        this.showConversations.set(false);
+        this.showPreferences.set(false);
+        void this.store.send(text);
+    }
+    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    }\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]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\" />\n      </footer>\n    }\n  </section>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}.drawer{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){.drawer{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:contents}.drawer{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-left:1px solid var(--nha-border);color:var(--nha-text);background:var(--nha-background);box-shadow:var(--nha-shadow);font-family:var(--nha-font);font-size:14px}.drawer *,.drawer *:before,.drawer *:after{box-sizing:border-box}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-bottom:1px solid var(--nha-border);padding:12px 12px 12px 16px}.heading{display:contents}nh-assistant-agent-picker{grid-column:1/-1;grid-row:2}h2{grid-row:1;min-width:0;margin:0;overflow:hidden;font-size:16px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:none;grid-column:2;grid-row:1;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{border-top:1px solid var(--nha-border);padding:12px 16px 14px}.context-chip{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 8px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;width:fit-content;color:var(--nha-text-muted);background:var(--nha-surface);font-size:12px}.context-chip.excluded .context-text{text-decoration:line-through}.context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button.small{flex:none;width:26px;height:26px;border-radius:999px}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantAgentPickerComponent, selector: "nh-assistant-agent-picker", inputs: ["agents", "selectedAgentId", "disabled"], outputs: ["agentChange"] }, { kind: "component", type: NhAssistantComposerComponent, selector: "nh-assistant-composer", inputs: ["disabled", "busy", "maxLength", "restore"], outputs: ["send", "cancel", "restored"] }, { kind: "component", type: NhAssistantConversationListComponent, selector: "nh-assistant-conversation-list", inputs: ["conversations", "total", "activeConversationId", "loading", "disabled"], outputs: ["conversationSelect", "conversationDelete", "conversationCreate"] }, { kind: "component", type: NhAssistantPreferencesComponent, selector: "nh-assistant-preferences", outputs: ["closed", "saved"] }, { kind: "component", type: NhAssistantThreadComponent, selector: "nh-assistant-thread", inputs: ["messages", "streaming", "deciding", "markdown"], outputs: ["approvalDecision"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.28", ngImport: i0, type: NhAssistantPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nh-assistant-panel', standalone: true, imports: [
+                        RouterLink,
+                        TranslatePipe,
+                        NhAssistantTranslatePipe,
+                        NhAssistantIconComponent,
+                        NhAssistantAgentPickerComponent,
+                        NhAssistantComposerComponent,
+                        NhAssistantConversationListComponent,
+                        NhAssistantPreferencesComponent,
+                        NhAssistantThreadComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n        @if (store.enabled()) {\n          <nh-assistant-agent-picker\n            [agents]=\"store.agents()\"\n            [selectedAgentId]=\"store.selectedAgentId()\"\n            [disabled]=\"store.streaming()\"\n            (agentChange)=\"store.selectAgent($event)\" />\n        }\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [disabled]=\"store.streaming()\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            [disabled]=\"store.streaming()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [messages]=\"messages()\"\n            [streaming]=\"store.streaming()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            (approvalDecision)=\"decide($event)\" />\n        }\n      }\n    </div>\n\n    @if (store.error(); as error) {\n      <div class=\"error\" role=\"alert\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ errorKeys() | nhAssistantTranslate: error.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearError()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        }\n        @if (store.pageContext(); as context) {\n          <div class=\"context-chip\" [class.excluded]=\"store.pageContextExcluded()\" [attr.title]=\"context.route\">\n            <nh-assistant-icon name=\"page\" />\n            <span class=\"context-text\">\n              {{ (store.pageContextExcluded() ? 'nh-assistant.page-context.excluded' : 'nh-assistant.page-context.included') | translate: { page: describeContext(context) } }}\n            </span>\n            <button\n              class=\"icon-button small\"\n              type=\"button\"\n              [attr.aria-pressed]=\"store.pageContextExcluded()\"\n              [attr.aria-label]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              [attr.title]=\"(store.pageContextExcluded() ? 'nh-assistant.page-context.include' : 'nh-assistant.page-context.exclude') | translate: { page: describeContext(context) }\"\n              (click)=\"store.setPageContextExcluded(!store.pageContextExcluded())\">\n              <nh-assistant-icon [name]=\"store.pageContextExcluded() ? 'plus' : 'x'\" />\n            </button>\n          </div>\n        }\n        <nh-assistant-composer\n          [disabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\" />\n      </footer>\n    }\n  </section>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}.drawer{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){.drawer{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:contents}.drawer{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;border-left:1px solid var(--nha-border);color:var(--nha-text);background:var(--nha-background);box-shadow:var(--nha-shadow);font-family:var(--nha-font);font-size:14px}.drawer *,.drawer *:before,.drawer *:after{box-sizing:border-box}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;border-bottom:1px solid var(--nha-border);padding:12px 12px 12px 16px}.heading{display:contents}nh-assistant-agent-picker{grid-column:1/-1;grid-row:2}h2{grid-row:1;min-width:0;margin:0;overflow:hidden;font-size:16px;font-weight:750;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:none;grid-column:2;grid-row:1;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{border-top:1px solid var(--nha-border);padding:12px 16px 14px}.context-chip{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 8px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;width:fit-content;color:var(--nha-text-muted);background:var(--nha-surface);font-size:12px}.context-chip.excluded .context-text{text-decoration:line-through}.context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button.small{flex:none;width:26px;height:26px;border-radius:999px}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { drawer: [{ type: i0.ViewChild, args: ['drawer', { isSignal: true }] }] } });
+
+/** Converts any failure into a user-facing code and translation key, never raw text. */
+function toNhAssistantError(error) {
+    if (error instanceof NhAssistantApiError) {
+        return { code: error.code, messageKey: error.messageKey };
+    }
+    return { code: NhAssistantClientErrorCodes.server, messageKey: nhAssistantErrorMessageKey(NhAssistantClientErrorCodes.server) };
+}
+/** Translation keys for an error, from the most to the least specific. */
+function nhAssistantErrorKeys(error) {
+    return error ? [error.messageKey, nhAssistantErrorMessageKey(error.code), 'nh-assistant.errors.generic'] : [];
+}
+/** Dash-case identifiers as the contract requires for agent and MCP server ids. */
+const NH_ASSISTANT_DASH_CASE = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+
+/*
+ * Public API surface of @newheap/platform-ai-chat.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NH_ASSISTANT_ACCESS_POLICY, NH_ASSISTANT_CONFIG, NH_ASSISTANT_FETCH, NH_ASSISTANT_ICONS, NH_ASSISTANT_MAX_CUSTOM_INSTRUCTIONS, NH_ASSISTANT_PAGE_CONTEXT_LIMITS, NH_ASSISTANT_PANEL_MOBILE_QUERY, NH_ASSISTANT_PANEL_WIDTH, NH_ASSISTANT_SSE_EVENT_TYPES, NH_ASSISTANT_TRANSLATIONS, NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD, NhAssistantAdminApiService, NhAssistantAgentPickerComponent, NhAssistantAllowAllAccessPolicy, NhAssistantApiError, NhAssistantApiService, NhAssistantApprovalCardComponent, NhAssistantClientErrorCodes, NhAssistantComposerComponent, NhAssistantConversationListComponent, NhAssistantLauncherComponent, NhAssistantPanelComponent, NhAssistantPanelService, NhAssistantPreferencesComponent, NhAssistantSseParser, NhAssistantStore, NhAssistantThreadComponent, NhAssistantToolCallCardComponent, NhAssistantTranslationMerger, applyNhAssistantApprovalDecision, applyNhAssistantEvent, describeNhAssistantClientContext, formatNhAssistantCountdown, nhAssistantCodeForStatus, nhAssistantErrorMessageKey, normalizeNhAssistantClientContext, provideNhAssistant, NH_ASSISTANT_DASH_CASE as ɵNH_ASSISTANT_DASH_CASE, NhAssistantIconComponent as ɵNhAssistantIconComponent, NhAssistantTranslatePipe as ɵNhAssistantTranslatePipe, nhAssistantErrorKeys as ɵnhAssistantErrorKeys, toNhAssistantError as ɵtoNhAssistantError };
+//# sourceMappingURL=newheap-platform-ai-chat.mjs.map