@newheap/platform-ai-chat 0.12.0 → 0.14.0

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

@@ -123,6 +123,7 @@ var en = {
 		"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.",
+		"last-turn-failed": "The last answer could not be completed. Send your message again to continue.",
 		"dismiss-error": "Dismiss message",
 		usage: "{{inputTokens}} input tokens, {{outputTokens}} output tokens, {{toolCalls}} tool calls",
 		"open-preferences": "Your assistant preferences",
@@ -223,7 +224,9 @@ var en = {
 			"delegated-read": "Read with a person's rights",
 			"delegated-hint": "The agent used the rights of the person who started it.",
 			"agent-hint": "The agent used a right it was granted itself, beyond the rights of the people involved.",
-			"delegated-read-hint": "The agent read this through the application's data gateway with the rights of the person who started it, or else of the person it works for. Only that person sees the result."
+			"delegated-read-hint": "The agent read this through the application's data gateway with the rights of the person who started it, or else of the person it works for. Only that person sees the result.",
+			accountable: "Rights of whom it works for",
+			"accountable-hint": "The agent used the rights of the person or technical account it works for. Only people with the same rights see the result."
 		},
 		restricted: "Shielded: the agent obtained this with rights you do not have."
 	},
@@ -444,7 +447,19 @@ var en = {
 		"assistant-consult-limit-reached": "You reached the daily number of consultations.",
 		"assistant-consult-timeout": "The agent did not answer in time.",
 		"assistant-consult-failed": "The agent could not answer.",
-		"assistant-consult-read-only": "A consultation cannot change anything."
+		"assistant-consult-read-only": "A consultation cannot change anything.",
+		"assistant-moved-to-shadow": "The work went to the agent's shadow thread, where a run in shadow takes it.",
+		"assistant-shadow-variant": "A shadow variant always works in shadow.",
+		"assistant-service-account-not-used": "This agent does not answer to a technical account.",
+		"assistant-service-account-not-found": "No account that may sign in exists with this id.",
+		"assistant-skill-in-code": "This skill is part of the code and cannot change here.",
+		"assistant-trigger-in-code": "This trigger is part of the code and cannot change here.",
+		"assistant-skill-in-use": "A trigger still starts this skill. Change or remove the trigger first.",
+		"assistant-configuration-limit": "This agent already has as many skills or triggers as allowed.",
+		"assistant-run-settings-in-code": "This agent is part of the code; its runs are configured there.",
+		"assistant-run-settings-in-use": "Skills or triggers still belong to this agent. Remove them first.",
+		"assistant-skill-candidate-not-found": "This skill has no version being evaluated in shadow.",
+		"assistant-skill-version-gone": "The skill version this run was for is no longer evaluated."
 	},
 	notices: {
 		"no-answer": "The assistant finished without an answer. Try again or rephrase your question.",
@@ -597,7 +612,51 @@ var en = {
 					paused: "The skill {{skill}} starts no new runs: its events wait, triage no longer chooses it and running work finishes. The other skills keep working.",
 					stopped: "The runs of the skill {{skill}} are cancelled and its waiting events dropped; its triggers are refused. The other skills keep working."
 				}
-			}
+			},
+			shadow: {
+				badge: "Shadow",
+				hint: "Its work goes to shadow threads that only administrators see.",
+				changed: "Shadow mode set by {{user}} on {{date}}.",
+				locked: "A shadow variant always works in shadow.",
+				action: {
+					shadow: "Put in shadow",
+					live: "Put live",
+					code: "Follow the code"
+				},
+				explain: {
+					shadow: "New runs work in shadow threads that only administrators see: nobody is notified and nothing proposed there executes. Running work finishes as it started; the live threads and their open proposals stay.",
+					live: "New runs work live: people see them, are notified and decide their proposals.",
+					code: "The mode in code decides again."
+				},
+				"skill-explain": {
+					shadow: "Work that reaches the skill {{skill}} goes to the shadow threads; the other skills keep their mode.",
+					live: "The skill {{skill}} works live again, unless its agent works in shadow.",
+					code: "The mode in code decides again for the skill {{skill}}."
+				},
+				confirm: {
+					shadow: "Confirm shadow",
+					live: "Confirm live",
+					code: "Confirm"
+				}
+			},
+			"service-account": {
+				label: "Technical account: {{account}}",
+				configured: "In code: {{account}}",
+				"input-label": "Account id",
+				action: {
+					set: "Change technical account",
+					code: "Use the account in code"
+				},
+				explain: {
+					set: "New runs answer to this account and use its rights. Runs that started and their proposals keep their account.",
+					code: "New runs answer to the account in code again: {{account}}."
+				},
+				confirm: {
+					set: "Confirm account",
+					code: "Confirm"
+				}
+			},
+			"run-config": "Run configuration"
 		},
 		"agent-editor": {
 			"new-title": "New agent",
@@ -835,6 +894,180 @@ var en = {
 				stopped: "Stopped"
 			},
 			"replay-progress": "{{replayed}} of at most {{max}} runs replayed, {{skipped}} skipped"
+		},
+		"run-config": {
+			back: "Back to agents",
+			title: "Run configuration of {{name}}",
+			description: "Skills and triggers that the administration adds without a deploy, made of the building blocks the application registers. New skills and triggers start in shadow, where nobody is notified and nothing executes.",
+			problems: {
+				title: "Some settings no longer fit the application and are out of effect:",
+				kind: {
+					agent: "Run settings:",
+					skill: "Skill {{id}}:",
+					candidate: "Candidate of skill {{id}}:",
+					trigger: "Trigger {{id}}:"
+				},
+				code: {
+					"unknown-agent": "the agent can no longer run on its own.",
+					"conflicts-with-code": "the application now declares one with the same id.",
+					"too-many-skills": "the agent has more skills than allowed.",
+					"tool-not-covered": "a tool is outside the agent's own tools.",
+					"unknown-profile": "the model profile no longer exists.",
+					"unknown-policy": "the approval policy no longer exists.",
+					"unknown-rule-handler": "the rules no longer exist.",
+					"unknown-event": "the event no longer exists.",
+					"unknown-subject-set": "the set of subjects no longer exists.",
+					"unknown-skill": "the skill no longer exists.",
+					"invalid-schedule": "the schedule or its time zone is not valid.",
+					invalid: "a value is not valid."
+				}
+			},
+			"field-errors": {
+				required: "Required.",
+				invalid: "Not valid here.",
+				"too-long": "Too long.",
+				"not-found": "The application does not know this name."
+			},
+			settings: {
+				title: "Run settings",
+				empty: "This agent only chats. Give it run settings to let it work on its own, with skills and triggers.",
+				rights: "It has no rights of its own: in runs without a person it uses what the account it answers to may use, within its tools.",
+				add: "Add run settings",
+				edit: "Change run settings",
+				remove: "Remove run settings",
+				"remove-explain": "The agent then only chats. Remove its skills and triggers first.",
+				saved: "The run settings are saved.",
+				removed: "The agent only chats again.",
+				"accountability-label": "Answers to",
+				accountability: {
+					agent: "The agent itself",
+					"subject-responsible": "The person responsible for the subject",
+					"service-account": "A technical account"
+				},
+				"accountability-hint": "The agent acts with this account's rights. An agent that answers to itself has none and can only propose.",
+				"service-account": "Technical account",
+				triage: "Triage profile",
+				"triage-hint": "A cheap model that chooses the skill of a run that no trigger or rule routed.",
+				retries: "Retries after a failure",
+				"max-concurrent": "Runs at the same time",
+				"max-per-subject": "Runs per subject per day",
+				"elevated-reads": "Reads with the account's rights",
+				elevated: {
+					restricted: "Shield from readers without the right",
+					deny: "Refuse"
+				},
+				"gateway-reads": "Read through the application's data gateway with the account's rights",
+				delegate: "Also use what the person who starts a run may use"
+			},
+			"rule-handler": "Rules",
+			"rule-handler-value": "Rules: {{name}}",
+			"policy-value": "Approval: {{name}}",
+			"profile-value": "Model: {{name}}",
+			"approval-policy": "Approval policy",
+			model: "The model, no rules",
+			none: "None",
+			choose: "Choose…",
+			"max-tokens": "Tokens per run",
+			"daily-tool-calls": "Tool calls per day",
+			"daily-tokens": "Tokens per day",
+			"budget-hint": "Leave empty for no limit. A daily budget needs both tool calls and tokens.",
+			"out-of-effect": "Out of effect",
+			changed: "Changed by {{user}} on {{date}}.",
+			"needs-settings": "Give the agent run settings before you add skills and triggers.",
+			skills: {
+				description: "Skills in code come from the application. Skills added here have versions; a change goes live at once or runs in shadow next to the live version first.",
+				add: "Add skill",
+				added: "The skill is added. It starts in shadow; put it live from the agent's list.",
+				saved: "The new version of the skill is live.",
+				"saved-candidate": "The new version runs in shadow next to the live version.",
+				removed: "The skill is removed; its versions stay as history.",
+				empty: "The agent has no skills yet.",
+				"new-title": "New skill",
+				"edit-title": "Change skill {{skill}} (version {{version}})",
+				id: "Skill id",
+				"id-hint": "Lowercase letters, digits and dashes, such as progress-note.",
+				"description-label": "What the skill is for",
+				"description-hint": "Triage and the model choose the skill by this description.",
+				instructions: "Instructions",
+				"instructions-hint": "Read after the agent's own instructions while it works in the skill.",
+				tools: "Tools",
+				"tools-hint": "Narrow the agent's tools for this skill. None selected: the agent's tools.",
+				profile: "Model profile",
+				"agent-profile": "The agent's profile",
+				"agent-policy": "The agent's policy",
+				apply: "How the change takes effect",
+				"apply-shadow": "Evaluate in shadow next to the live version first",
+				"apply-live": "Put live at once",
+				"starts-in-shadow": "A new skill starts in shadow.",
+				versions: "Versions",
+				"remove-explain": "Its versions stay as history. A trigger that starts it must go first."
+			},
+			candidate: {
+				badge: "Candidate v{{version}}",
+				explain: "Version {{version}} runs in shadow next to the live version on the same events: {{description}}",
+				compare: "Compare",
+				promote: "Promote",
+				"confirm-promote": "Confirm promote",
+				discard: "Discard",
+				"confirm-discard": "Confirm discard",
+				promoted: "The candidate is the live version now.",
+				discarded: "The candidate is discarded; it stays as history.",
+				comparison: "Live version and candidate of {{skill}}",
+				"live-column": "Live (v{{version}})",
+				"candidate-column": "Candidate (v{{version}})",
+				runs: "Runs",
+				completed: "Completed",
+				failed: "Failed",
+				proposals: "Proposals",
+				tokens: "Tokens",
+				paired: "Both handled {{count}} of the same events since {{date}}."
+			},
+			status: {
+				live: "Live",
+				candidate: "Candidate",
+				superseded: "Earlier",
+				discarded: "Discarded"
+			},
+			triggers: {
+				title: "Triggers",
+				description: "Triggers in code come from the application. Triggers added here start the agent on the application's events or on a schedule.",
+				add: "Add trigger",
+				added: "The trigger is added. It starts in shadow.",
+				saved: "The trigger is saved.",
+				removed: "The trigger is removed.",
+				live: "The trigger works live.",
+				"in-shadow": "The trigger works in shadow.",
+				empty: "No triggers start the agent yet.",
+				"new-title": "New trigger",
+				"edit-title": "Change trigger {{trigger}}",
+				id: "Trigger id",
+				source: "Starts on",
+				"source-event": "An event of the application",
+				"source-schedule": "A schedule",
+				event: "Event",
+				debounce: "Wait for more events (seconds)",
+				cron: "Schedule (cron)",
+				"cron-hint": "Five fields, such as 0 7 * * 1 for Mondays at seven.",
+				"time-zone": "Time zone",
+				"subject-set": "Subjects",
+				message: "Message to every run",
+				skill: "Skill",
+				"agent-routes": "The agent chooses the skill",
+				"skill-value": "Skill: {{skill}}",
+				conflict: "While a run is busy",
+				conflicts: {
+					coalesce: "Merge into the waiting run",
+					queue: "Wait for the run",
+					supersede: "Replace the run",
+					ignore: "Skip"
+				},
+				sources: {
+					event: "Event",
+					schedule: "Schedule",
+					webhook: "Webhook"
+				},
+				"starts-in-shadow": "A new trigger starts in shadow."
+			}
 		}
 	},
 	"page-context": {
@@ -917,7 +1150,8 @@ var en = {
 				ignored: "The agent is busy; nothing was started.",
 				deduplicated: "This was already started.",
 				rejected: "The agent could not be started."
-			}
+			},
+			shadow: "Shadow thread: only administrators see it, and nothing proposed here executes."
 		},
 		subject: {
 			title: "Agent suggestions",
@@ -1075,6 +1309,7 @@ var nl = {
 		"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.",
+		"last-turn-failed": "Het laatste antwoord kon niet worden afgemaakt. Stuur je bericht opnieuw om verder te gaan.",
 		"dismiss-error": "Melding sluiten",
 		usage: "{{inputTokens}} invoertokens, {{outputTokens}} uitvoertokens, {{toolCalls}} toolaanroepen",
 		"open-preferences": "Je assistentvoorkeuren",
@@ -1175,7 +1410,9 @@ var nl = {
 			"delegated-read": "Gelezen met rechten van een persoon",
 			"delegated-hint": "De agent gebruikte de rechten van de persoon die hem startte.",
 			"agent-hint": "De agent gebruikte een recht dat hij zelf heeft gekregen, boven de rechten van de betrokkenen uit.",
-			"delegated-read-hint": "De agent las dit via de datagateway van de applicatie met de rechten van wie hem startte, of anders van degene voor wie hij werkt. Alleen die persoon ziet het resultaat."
+			"delegated-read-hint": "De agent las dit via de datagateway van de applicatie met de rechten van wie hem startte, of anders van degene voor wie hij werkt. Alleen die persoon ziet het resultaat.",
+			accountable: "Rechten van wie hij voor werkt",
+			"accountable-hint": "De agent gebruikte de rechten van de persoon of het technische account voor wie hij werkt. Alleen mensen met dezelfde rechten zien het resultaat."
 		},
 		restricted: "Afgeschermd: de agent kreeg dit met rechten die jij niet hebt."
 	},
@@ -1396,7 +1633,19 @@ var nl = {
 		"assistant-consult-limit-reached": "Je hebt het aantal raadplegingen voor vandaag bereikt.",
 		"assistant-consult-timeout": "De agent antwoordde niet op tijd.",
 		"assistant-consult-failed": "De agent kon niet antwoorden.",
-		"assistant-consult-read-only": "Een raadpleging kan niets wijzigen."
+		"assistant-consult-read-only": "Een raadpleging kan niets wijzigen.",
+		"assistant-moved-to-shadow": "Het werk is naar de schaduwthread van de agent gegaan, waar een run in schaduw het oppakt.",
+		"assistant-shadow-variant": "Een schaduwvariant werkt altijd in schaduw.",
+		"assistant-service-account-not-used": "Deze agent werkt niet onder een technisch account.",
+		"assistant-service-account-not-found": "Er bestaat geen account met deze id dat mag inloggen.",
+		"assistant-skill-in-code": "Deze vaardigheid staat in de code en kan hier niet veranderen.",
+		"assistant-trigger-in-code": "Deze trigger staat in de code en kan hier niet veranderen.",
+		"assistant-skill-in-use": "Een trigger start deze vaardigheid nog. Pas de trigger eerst aan of verwijder hem.",
+		"assistant-configuration-limit": "Deze agent heeft al zoveel vaardigheden of triggers als is toegestaan.",
+		"assistant-run-settings-in-code": "Deze agent staat in de code; daar is ingesteld hoe hij werkt.",
+		"assistant-run-settings-in-use": "Er horen nog vaardigheden of triggers bij deze agent. Verwijder die eerst.",
+		"assistant-skill-candidate-not-found": "Van deze vaardigheid wordt geen versie in schaduw beoordeeld.",
+		"assistant-skill-version-gone": "De versie van de vaardigheid waarvoor deze run was, wordt niet meer beoordeeld."
 	},
 	notices: {
 		"no-answer": "De assistent is klaar zonder antwoord. Probeer het opnieuw of stel je vraag anders.",
@@ -1549,7 +1798,51 @@ var nl = {
 					paused: "De vaardigheid {{skill}} start geen nieuwe runs: haar gebeurtenissen wachten, triage kiest haar niet meer en lopend werk wordt afgemaakt. De andere vaardigheden werken door.",
 					stopped: "De runs van de vaardigheid {{skill}} worden geannuleerd en haar wachtende gebeurtenissen vervallen; haar triggers worden geweigerd. De andere vaardigheden werken door."
 				}
-			}
+			},
+			shadow: {
+				badge: "Schaduw",
+				hint: "Het werk gaat naar schaduwthreads die alleen beheerders zien.",
+				changed: "Schaduwmodus ingesteld door {{user}} op {{date}}.",
+				locked: "Een schaduwvariant werkt altijd in schaduw.",
+				action: {
+					shadow: "In schaduw zetten",
+					live: "Live zetten",
+					code: "Code laten beslissen"
+				},
+				explain: {
+					shadow: "Nieuwe runs werken in schaduwthreads die alleen beheerders zien: niemand krijgt een melding en niets wat daar wordt voorgesteld, wordt uitgevoerd. Lopend werk wordt afgemaakt zoals het begon; de live threads en hun open voorstellen blijven.",
+					live: "Nieuwe runs werken live: mensen zien ze, krijgen meldingen en beslissen over de voorstellen.",
+					code: "De modus in de code beslist weer."
+				},
+				"skill-explain": {
+					shadow: "Werk dat bij de vaardigheid {{skill}} komt, gaat naar de schaduwthreads; de andere vaardigheden houden hun modus.",
+					live: "De vaardigheid {{skill}} werkt weer live, tenzij haar agent in schaduw werkt.",
+					code: "De modus in de code beslist weer voor de vaardigheid {{skill}}."
+				},
+				confirm: {
+					shadow: "Schaduw bevestigen",
+					live: "Live bevestigen",
+					code: "Bevestigen"
+				}
+			},
+			"service-account": {
+				label: "Technisch account: {{account}}",
+				configured: "In de code: {{account}}",
+				"input-label": "Account-id",
+				action: {
+					set: "Technisch account wijzigen",
+					code: "Account uit de code gebruiken"
+				},
+				explain: {
+					set: "Nieuwe runs werken onder dit account en met zijn rechten. Runs die al begonnen en hun voorstellen houden hun account.",
+					code: "Nieuwe runs werken weer onder het account uit de code: {{account}}."
+				},
+				confirm: {
+					set: "Account bevestigen",
+					code: "Bevestigen"
+				}
+			},
+			"run-config": "Runconfiguratie"
 		},
 		"agent-editor": {
 			"new-title": "Nieuwe agent",
@@ -1787,6 +2080,180 @@ var nl = {
 				stopped: "Gestopt"
 			},
 			"replay-progress": "{{replayed}} van hoogstens {{max}} runs herhaald, {{skipped}} overgeslagen"
+		},
+		"run-config": {
+			back: "Terug naar agents",
+			title: "Runconfiguratie van {{name}}",
+			description: "Vaardigheden en triggers die het beheer zonder deploy toevoegt, gemaakt van de bouwstenen die de applicatie registreert. Nieuwe vaardigheden en triggers starten in schaduw, waar niemand een melding krijgt en niets wordt uitgevoerd.",
+			problems: {
+				title: "Sommige instellingen passen niet meer bij de applicatie en werken niet:",
+				kind: {
+					agent: "Runinstellingen:",
+					skill: "Vaardigheid {{id}}:",
+					candidate: "Kandidaat van vaardigheid {{id}}:",
+					trigger: "Trigger {{id}}:"
+				},
+				code: {
+					"unknown-agent": "de agent kan niet meer zelfstandig werken.",
+					"conflicts-with-code": "de applicatie declareert er nu een met dezelfde id.",
+					"too-many-skills": "de agent heeft meer vaardigheden dan toegestaan.",
+					"tool-not-covered": "een tool valt buiten de eigen tools van de agent.",
+					"unknown-profile": "het modelprofiel bestaat niet meer.",
+					"unknown-policy": "het goedkeuringsbeleid bestaat niet meer.",
+					"unknown-rule-handler": "de regels bestaan niet meer.",
+					"unknown-event": "de gebeurtenis bestaat niet meer.",
+					"unknown-subject-set": "de set onderwerpen bestaat niet meer.",
+					"unknown-skill": "de vaardigheid bestaat niet meer.",
+					"invalid-schedule": "het schema of de tijdzone is niet geldig.",
+					invalid: "een waarde is niet geldig."
+				}
+			},
+			"field-errors": {
+				required: "Verplicht.",
+				invalid: "Hier niet geldig.",
+				"too-long": "Te lang.",
+				"not-found": "De applicatie kent deze naam niet."
+			},
+			settings: {
+				title: "Runinstellingen",
+				empty: "Deze agent chat alleen. Geef hem runinstellingen om hem zelfstandig te laten werken, met vaardigheden en triggers.",
+				rights: "Hij heeft geen eigen rechten: in runs zonder persoon gebruikt hij wat het account waaraan hij verantwoording aflegt mag, binnen zijn tools.",
+				add: "Runinstellingen toevoegen",
+				edit: "Runinstellingen wijzigen",
+				remove: "Runinstellingen verwijderen",
+				"remove-explain": "De agent chat daarna alleen. Verwijder eerst zijn vaardigheden en triggers.",
+				saved: "De runinstellingen zijn opgeslagen.",
+				removed: "De agent chat weer alleen.",
+				"accountability-label": "Legt verantwoording af aan",
+				accountability: {
+					agent: "De agent zelf",
+					"subject-responsible": "De verantwoordelijke van het onderwerp",
+					"service-account": "Een technisch account"
+				},
+				"accountability-hint": "De agent handelt met de rechten van dit account. Een agent die aan zichzelf verantwoording aflegt heeft er geen en kan alleen voorstellen.",
+				"service-account": "Technisch account",
+				triage: "Triageprofiel",
+				"triage-hint": "Een goedkoop model dat de vaardigheid kiest van een run die geen trigger of regel heeft gerouteerd.",
+				retries: "Nieuwe pogingen na een fout",
+				"max-concurrent": "Runs tegelijk",
+				"max-per-subject": "Runs per onderwerp per dag",
+				"elevated-reads": "Lezen met de rechten van het account",
+				elevated: {
+					restricted: "Afschermen voor lezers zonder het recht",
+					deny: "Weigeren"
+				},
+				"gateway-reads": "Lezen via de datagateway van de applicatie met de rechten van het account",
+				delegate: "Ook gebruiken wat de persoon die een run start mag"
+			},
+			"rule-handler": "Regels",
+			"rule-handler-value": "Regels: {{name}}",
+			"policy-value": "Goedkeuring: {{name}}",
+			"profile-value": "Model: {{name}}",
+			"approval-policy": "Goedkeuringsbeleid",
+			model: "Het model, geen regels",
+			none: "Geen",
+			choose: "Kies…",
+			"max-tokens": "Tokens per run",
+			"daily-tool-calls": "Toolaanroepen per dag",
+			"daily-tokens": "Tokens per dag",
+			"budget-hint": "Laat leeg voor geen limiet. Een dagbudget vraagt zowel toolaanroepen als tokens.",
+			"out-of-effect": "Werkt niet",
+			changed: "Gewijzigd door {{user}} op {{date}}.",
+			"needs-settings": "Geef de agent runinstellingen voordat je vaardigheden en triggers toevoegt.",
+			skills: {
+				description: "Vaardigheden in code komen uit de applicatie. Vaardigheden die je hier toevoegt hebben versies; een wijziging gaat direct live of draait eerst in schaduw naast de live versie.",
+				add: "Vaardigheid toevoegen",
+				added: "De vaardigheid is toegevoegd. Ze start in schaduw; zet haar live vanuit de lijst van de agent.",
+				saved: "De nieuwe versie van de vaardigheid is live.",
+				"saved-candidate": "De nieuwe versie draait in schaduw naast de live versie.",
+				removed: "De vaardigheid is verwijderd; haar versies blijven bewaard.",
+				empty: "De agent heeft nog geen vaardigheden.",
+				"new-title": "Nieuwe vaardigheid",
+				"edit-title": "Vaardigheid {{skill}} wijzigen (versie {{version}})",
+				id: "Id van de vaardigheid",
+				"id-hint": "Kleine letters, cijfers en streepjes, zoals progress-note.",
+				"description-label": "Waarvoor de vaardigheid dient",
+				"description-hint": "Triage en het model kiezen de vaardigheid op deze omschrijving.",
+				instructions: "Instructies",
+				"instructions-hint": "Gelezen na de eigen instructies van de agent zolang hij in de vaardigheid werkt.",
+				tools: "Tools",
+				"tools-hint": "Beperk de tools van de agent voor deze vaardigheid. Niets gekozen: de tools van de agent.",
+				profile: "Modelprofiel",
+				"agent-profile": "Het profiel van de agent",
+				"agent-policy": "Het beleid van de agent",
+				apply: "Hoe de wijziging ingaat",
+				"apply-shadow": "Eerst in schaduw beoordelen naast de live versie",
+				"apply-live": "Direct live zetten",
+				"starts-in-shadow": "Een nieuwe vaardigheid start in schaduw.",
+				versions: "Versies",
+				"remove-explain": "Haar versies blijven bewaard. Een trigger die haar start moet eerst weg."
+			},
+			candidate: {
+				badge: "Kandidaat v{{version}}",
+				explain: "Versie {{version}} draait in schaduw naast de live versie op dezelfde gebeurtenissen: {{description}}",
+				compare: "Vergelijken",
+				promote: "Promoveren",
+				"confirm-promote": "Promoveren bevestigen",
+				discard: "Verwerpen",
+				"confirm-discard": "Verwerpen bevestigen",
+				promoted: "De kandidaat is nu de live versie.",
+				discarded: "De kandidaat is verworpen; hij blijft bewaard.",
+				comparison: "Live versie en kandidaat van {{skill}}",
+				"live-column": "Live (v{{version}})",
+				"candidate-column": "Kandidaat (v{{version}})",
+				runs: "Runs",
+				completed: "Afgerond",
+				failed: "Mislukt",
+				proposals: "Voorstellen",
+				tokens: "Tokens",
+				paired: "Beide behandelden {{count}} dezelfde gebeurtenissen sinds {{date}}."
+			},
+			status: {
+				live: "Live",
+				candidate: "Kandidaat",
+				superseded: "Eerder",
+				discarded: "Verworpen"
+			},
+			triggers: {
+				title: "Triggers",
+				description: "Triggers in code komen uit de applicatie. Triggers die je hier toevoegt starten de agent op gebeurtenissen van de applicatie of volgens een schema.",
+				add: "Trigger toevoegen",
+				added: "De trigger is toegevoegd. Hij start in schaduw.",
+				saved: "De trigger is opgeslagen.",
+				removed: "De trigger is verwijderd.",
+				live: "De trigger werkt live.",
+				"in-shadow": "De trigger werkt in schaduw.",
+				empty: "Nog geen triggers starten de agent.",
+				"new-title": "Nieuwe trigger",
+				"edit-title": "Trigger {{trigger}} wijzigen",
+				id: "Id van de trigger",
+				source: "Start bij",
+				"source-event": "Een gebeurtenis van de applicatie",
+				"source-schedule": "Een schema",
+				event: "Gebeurtenis",
+				debounce: "Wachten op meer gebeurtenissen (seconden)",
+				cron: "Schema (cron)",
+				"cron-hint": "Vijf velden, zoals 0 7 * * 1 voor maandag om zeven uur.",
+				"time-zone": "Tijdzone",
+				"subject-set": "Onderwerpen",
+				message: "Bericht aan elke run",
+				skill: "Vaardigheid",
+				"agent-routes": "De agent kiest de vaardigheid",
+				"skill-value": "Vaardigheid: {{skill}}",
+				conflict: "Terwijl een run bezig is",
+				conflicts: {
+					coalesce: "Samenvoegen met de wachtende run",
+					queue: "Wachten op de run",
+					supersede: "De run vervangen",
+					ignore: "Overslaan"
+				},
+				sources: {
+					event: "Gebeurtenis",
+					schedule: "Schema",
+					webhook: "Webhook"
+				},
+				"starts-in-shadow": "Een nieuwe trigger start in schaduw."
+			}
 		}
 	},
 	"page-context": {
@@ -1869,7 +2336,8 @@ var nl = {
 				ignored: "De agent is bezig; er is niets gestart.",
 				deduplicated: "Dit was al gestart.",
 				rejected: "De agent kon niet starten."
-			}
+			},
+			shadow: "Schaduwthread: alleen beheerders zien hem, en niets wat hier wordt voorgesteld, wordt uitgevoerd."
 		},
 		subject: {
 			title: "Voorstellen van agents",
@@ -2083,11 +2551,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
 
 /** A failed JSON request of the assistant API. Carries a stable code, never response text. */
 class NhAssistantApiError extends Error {
-    constructor(status, code, messageKey) {
+    constructor(status, code, messageKey, 
+    /**
+     * The field errors of an `assistant-validation` response: camelCase field names with stable
+     * values such as `required`, `invalid`, `too-long` or `not-found`. Empty otherwise.
+     */
+    fieldErrors = {}) {
         super(code);
         this.status = status;
         this.code = code;
         this.messageKey = messageKey;
+        this.fieldErrors = fieldErrors;
         this.name = 'NhAssistantApiError';
     }
 }
@@ -2118,6 +2592,7 @@ function nhAssistantCodeForStatus(status) {
     return NhAssistantClientErrorCodes.server;
 }
 const safeCode = /^[a-z0-9][a-z0-9.-]{0,79}$/;
+const safeField = /^[a-zA-Z][a-zA-Z0-9.]{0,63}$/;
 /**
  * Shared transport of the assistant services: `fetch` with the host's token, the current
  * language and stable failure codes. Internal to the library.
@@ -2146,18 +2621,36 @@ class NhAssistantTransport {
      * endpoint's status mapping, then the generic mapping. Response text is never used.
      */
     async failureCode(response, statusCodes = {}) {
+        return (await this.failure(response, statusCodes)).code;
+    }
+    /**
+     * The failure code of a response and the field errors of its body, both checked against safe
+     * patterns. Response text is never used.
+     */
+    async failure(response, statusCodes) {
+        const fieldErrors = {};
         try {
             const text = await response.text();
             const body = text.length > 0 ? JSON.parse(text) : null;
-            const code = body && typeof body === 'object' ? body['code'] : null;
+            const record = body && typeof body === 'object' ? body : null;
+            const errors = record?.['errors'];
+            if (errors && typeof errors === 'object' && !Array.isArray(errors)) {
+                for (const [field, values] of Object.entries(errors)) {
+                    const safe = Array.isArray(values) ? values.filter((value) => typeof value === 'string' && safeCode.test(value)) : [];
+                    if (safeField.test(field) && safe.length > 0) {
+                        fieldErrors[field] = safe;
+                    }
+                }
+            }
+            const code = record?.['code'];
             if (typeof code === 'string' && safeCode.test(code)) {
-                return code;
+                return { code, fieldErrors };
             }
         }
         catch {
             // A non-JSON error body carries no code.
         }
-        return statusCodes[response.status] ?? nhAssistantCodeForStatus(response.status);
+        return { code: statusCodes[response.status] ?? nhAssistantCodeForStatus(response.status), fieldErrors };
     }
     async executeJson(method, path, body, statusCodes, signal, subscriber) {
         let response;
@@ -2171,8 +2664,8 @@ class NhAssistantTransport {
             return;
         }
         if (!response.ok) {
-            const code = await this.failureCode(response, statusCodes);
-            subscriber.error(createApiError(response.status, code));
+            const failure = await this.failure(response, statusCodes);
+            subscriber.error(createApiError(response.status, failure.code, failure.fieldErrors));
             return;
         }
         try {
@@ -2218,8 +2711,8 @@ class NhAssistantTransport {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantTransport, decorators: [{
             type: Injectable
         }] });
-function createApiError(status, code) {
-    return new NhAssistantApiError(status, code, nhAssistantErrorMessageKey(code));
+function createApiError(status, code, fieldErrors = {}) {
+    return new NhAssistantApiError(status, code, nhAssistantErrorMessageKey(code), fieldErrors);
 }
 const reservedRequestHeaders = new Set(['authorization', 'accept', 'accept-language', 'content-type']);
 /**
@@ -2297,6 +2790,25 @@ class NhAssistantAdminApiService {
     setSkillState(agentId, skillId, request) {
         return this.request('POST', `admin/agents/${encodeURIComponent(agentId)}/skills/${encodeURIComponent(skillId)}/state`, request);
     }
+    /**
+     * Puts an agent in shadow, live, or back to the mode in code. A shadow variant cannot change
+     * (`assistant-shadow-variant`).
+     */
+    setAgentShadow(agentId, request) {
+        return this.request('POST', `admin/agents/${encodeURIComponent(agentId)}/shadow`, request);
+    }
+    /** Puts one skill of an agent in shadow, live, or back to the mode in code. */
+    setSkillShadow(agentId, skillId, request) {
+        return this.request('POST', `admin/agents/${encodeURIComponent(agentId)}/skills/${encodeURIComponent(skillId)}/shadow`, request);
+    }
+    /**
+     * Changes the technical account that answers for the agent's new runs, or with `actorId: null`
+     * uses the account in code again. Fails with `assistant-service-account-not-found` for an
+     * account that does not exist or may not sign in.
+     */
+    setServiceAccount(agentId, request) {
+        return this.request('POST', `admin/agents/${encodeURIComponent(agentId)}/service-account`, request);
+    }
     /** Deletes an admin agent. Code agents cannot be deleted; stop them instead. */
     deleteAgent(agentId) {
         return this.request('DELETE', `admin/agents/${encodeURIComponent(agentId)}`);
@@ -2371,6 +2883,67 @@ class NhAssistantAdminApiService {
     getAgentReplays(variantId) {
         return this.request('GET', `${agentPath(variantId)}/replays`);
     }
+    /** The building blocks in code that run settings, skills and triggers defined as data can name. */
+    getRunCatalog() {
+        return this.request('GET', 'admin/run-catalog');
+    }
+    /**
+     * The agent's run settings, skills and triggers, in code and as data, and the data that no longer
+     * fits the code. An agent in code without a run configuration answers `assistant-agent-not-found`.
+     */
+    getAgentConfiguration(agentId) {
+        return this.request('GET', `${agentPath(agentId)}/configuration`);
+    }
+    /**
+     * Adds or changes the run settings of an agent created in the administration. An agent in code
+     * fails with `assistant-run-settings-in-code`; an unknown technical account with
+     * `assistant-service-account-not-found`.
+     */
+    saveRunSettings(agentId, request) {
+        return this.request('PUT', `${agentPath(agentId)}/run-settings`, request);
+    }
+    /** Removes the run settings; while data skills or triggers belong to the agent, `assistant-run-settings-in-use`. */
+    removeRunSettings(agentId, removal = {}) {
+        return this.request('DELETE', withQuery(`${agentPath(agentId)}/run-settings`, removal));
+    }
+    /**
+     * Adds a skill defined as data, which starts in shadow, or stores its next version: with `apply`
+     * `live` at once, with `shadow` as the candidate that runs in shadow next to the live version.
+     */
+    saveDataSkill(agentId, skillId, request) {
+        return this.request('PUT', skillPath(agentId, skillId), request);
+    }
+    /** Takes a skill defined as data out of effect; while a data trigger names it, `assistant-skill-in-use`. */
+    removeDataSkill(agentId, skillId, removal = {}) {
+        return this.request('DELETE', withQuery(skillPath(agentId, skillId), removal));
+    }
+    /** Every version of a skill defined as data, newest first. */
+    getDataSkillVersions(agentId, skillId) {
+        return this.request('GET', `${skillPath(agentId, skillId)}/versions`);
+    }
+    /** Makes the candidate the live version of its skill. */
+    promoteSkillCandidate(agentId, skillId, request) {
+        return this.request('POST', `${skillPath(agentId, skillId)}/candidate/promote`, request);
+    }
+    /** Discards the candidate; it stays as history. */
+    discardSkillCandidate(agentId, skillId, request) {
+        return this.request('POST', `${skillPath(agentId, skillId)}/candidate/discard`, request);
+    }
+    /** Compares the candidate with the live version on the runs they made in the period. */
+    compareSkillCandidate(agentId, skillId, filter = {}) {
+        return this.request('GET', withQuery(`${skillPath(agentId, skillId)}/candidate/comparison`, filter));
+    }
+    /** Adds a trigger defined as data, which starts in shadow, or changes one in the mode it has. */
+    saveDataTrigger(agentId, triggerId, request) {
+        return this.request('PUT', triggerPath(agentId, triggerId), request);
+    }
+    removeDataTrigger(agentId, triggerId, removal = {}) {
+        return this.request('DELETE', withQuery(triggerPath(agentId, triggerId), removal));
+    }
+    /** Puts a trigger defined as data in shadow or live. */
+    setDataTriggerShadow(agentId, triggerId, request) {
+        return this.request('POST', `${triggerPath(agentId, triggerId)}/shadow`, request);
+    }
     async download(path) {
         let response;
         try {
@@ -2401,6 +2974,12 @@ function feedbackPath(agentId) {
 function agentPath(agentId) {
     return `admin/agents/${encodeURIComponent(agentId)}`;
 }
+function skillPath(agentId, skillId) {
+    return `${agentPath(agentId)}/skills/${encodeURIComponent(skillId)}`;
+}
+function triggerPath(agentId, triggerId) {
+    return `${agentPath(agentId)}/triggers/${encodeURIComponent(triggerId)}`;
+}
 /** Appends the filter values that are set as query parameters. */
 function withQuery(path, filter) {
     const query = new URLSearchParams();
@@ -3674,6 +4253,13 @@ function nhAssistantIsUnread(summary) {
     }
     return (summary.lastMessageSequence ?? 0) > summary.lastReadSequence;
 }
+/**
+ * True when the server accepts a new message in a conversation with this status. A failed turn
+ * leaves the conversation open: the person can ask again in the same conversation or agent thread.
+ */
+function acceptsMessage(status) {
+    return status === 'idle' || status === 'failed';
+}
 const conversationPageSize = 50;
 const cancelGracePeriodMs = 5_000;
 const maxSessions = 20;
@@ -3776,10 +4362,13 @@ class NhAssistantStore {
         this.pageContextExcluded = this.pageContextExcludedState.asReadonly();
         /** Whether the drawer was open when this account last left the application. */
         this.restorePanelOpen = this.restorePanelOpenState.asReadonly();
-        /** True while the user can send: enabled, an agent is chosen and no turn runs or waits. */
+        /**
+         * True while the user can send: enabled, an agent is chosen and no turn runs or waits. A
+         * conversation whose last turn failed accepts a new message; an archived one does not.
+         */
         this.canSend = computed(() => {
             const conversation = this.activeConversation();
-            const blocked = conversation !== null && conversation.status !== 'idle';
+            const blocked = conversation !== null && !acceptsMessage(conversation.status);
             return this.enabled() && this.selectedAgentIdState() !== null && !this.streaming() && !this.conversationLoadingState() && !blocked;
         }, ...(ngDevMode ? [{ debugName: "canSend" }] : []));
         /** Messages not yet accepted by the server, for the open conversation. Never persisted. */
@@ -3787,7 +4376,7 @@ class NhAssistantStore {
         /** Sending or queueing is available during a turn and while an approval waits. */
         this.canSubmit = computed(() => (this.canSend() && !this.submittingState()) || (this.enabled()
             && !this.conversationLoading() && this.activeConversation() !== null
-            && ['idle', 'running', 'waiting-for-approval'].includes(this.activeConversation().status)), ...(ngDevMode ? [{ debugName: "canSubmit" }] : []));
+            && ['idle', 'failed', 'running', 'waiting-for-approval'].includes(this.activeConversation().status)), ...(ngDevMode ? [{ debugName: "canSubmit" }] : []));
         this.queuePaused = computed(() => this.pausedQueuesState().has(this.activeIdState() ?? '') || this.error() !== null, ...(ngDevMode ? [{ debugName: "queuePaused" }] : []));
         /** Steering cancels the active turn before sending the selected correction. */
         this.canSteer = computed(() => {
@@ -3919,7 +4508,7 @@ class NhAssistantStore {
                 const session = sessions.get(item.conversationId);
                 return item.state === 'queued' && !paused.has(item.conversationId)
                     && !queued.slice(0, index).some(previous => previous.conversationId === item.conversationId)
-                    && session?.conversation.status === 'idle' && !session.streaming && !session.deciding && !session.error;
+                    && acceptsMessage(session?.conversation.status) && !session?.streaming && !session?.deciding && !session?.error;
             });
             if (next) {
                 untracked(() => void this.dispatchQueued(next));
@@ -4094,9 +4683,15 @@ class NhAssistantStore {
         void this.push.onUserGesture().catch(() => undefined);
         return this.sendMessage(text);
     }
-    /** Sends immediately when idle, otherwise appends to the conversation's FIFO queue. */
+    /**
+     * Sends immediately when the conversation accepts a message, otherwise appends to the
+     * conversation's FIFO queue. A shown error alone does not hold a message back while nothing is
+     * queued: the person asks again, for example after a failed turn. Queued messages still wait
+     * for an explicit `resumeQueue` after Stop or a failure.
+     */
     async submit(text) {
-        if (this.canSend() && this.queuedMessages().length === 0 && !this.queuePaused() && !this.submittingState()) {
+        const stopped = this.pausedQueuesState().has(this.activeIdState() ?? newConversationKey);
+        if (this.canSend() && this.queuedMessages().length === 0 && !stopped && !this.submittingState()) {
             const revision = this.accountRevision;
             this.submittingState.set(true);
             try {
@@ -4201,7 +4796,7 @@ class NhAssistantStore {
         let conversation = queued ? this.sessionsState().get(queued.conversationId)?.conversation ?? null : this.activeConversation();
         const session = queued ? this.sessionsState().get(queued.conversationId) : null;
         const available = queued ? this.enabled() && !this.pausedQueuesState().has(queued.conversationId)
-            && conversation?.status === 'idle' && !session?.streaming
+            && acceptsMessage(conversation?.status) && !session?.streaming
             && !session?.deciding && this.agents().some(agent => agent.id === conversation?.agentId) : this.canSend();
         const maxChars = this.limits()?.maxMessageChars ?? Number.MAX_SAFE_INTEGER;
         if (trimmed.length === 0 || trimmed.length > maxChars || !available) {
@@ -6585,7 +7180,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
 /** 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 Object.keys(error.fieldErrors).length > 0
+            ? { code: error.code, messageKey: error.messageKey, fieldErrors: error.fieldErrors }
+            : { code: error.code, messageKey: error.messageKey };
     }
     return { code: NhAssistantClientErrorCodes.server, messageKey: nhAssistantErrorMessageKey(NhAssistantClientErrorCodes.server) };
 }
@@ -7132,11 +7729,15 @@ class NhAssistantPanelComponent {
         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" }] : []));
+        /** An archived conversation takes no new messages. A failed one does: the person asks again. */
+        this.closed = computed(() => this.conversation()?.status === 'archived', ...(ngDevMode ? [{ debugName: "closed" }] : []));
         this.busy = computed(() => this.store.streaming() || this.conversation()?.status === 'running', ...(ngDevMode ? [{ debugName: "busy" }] : []));
+        /**
+         * The last turn failed and no error bar explains it, for example after the conversation was
+         * reopened. The panel then says so, while the composer stays available.
+         */
+        this.lastTurnFailed = computed(() => this.conversation()?.status === 'failed'
+            && !this.busy() && this.store.error() === null, ...(ngDevMode ? [{ debugName: "lastTurnFailed" }] : []));
         this.composerDisabled = computed(() => !this.store.canSubmit(), ...(ngDevMode ? [{ debugName: "composerDisabled" }] : []));
         this.editingQueuedId = signal(null, ...(ngDevMode ? [{ debugName: "editingQueuedId" }] : []));
         this.queuedDraft = signal('', ...(ngDevMode ? [{ debugName: "queuedDraft" }] : []));
@@ -7323,7 +7924,7 @@ class NhAssistantPanelComponent {
         void this.store.cancel();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantPanelComponent, isStandalone: true, selector: "nh-assistant-panel", viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          @if (push.state() !== 'unavailable') {\n            <button\n              class=\"icon-button notification-button\"\n              type=\"button\"\n              [class.active]=\"push.state() === 'on'\"\n              [class.off]=\"!push.settings()?.pushEnabled\"\n              [class.blocked]=\"push.state() === 'blocked'\"\n              [disabled]=\"push.busy()\"\n              [attr.aria-pressed]=\"push.settings()?.pushEnabled === true\"\n              [attr.aria-label]=\"notificationsLabel() | translate\"\n              [attr.title]=\"('nh-assistant.preferences.notifications-state.' + push.state() | translate) + ' \u00B7 ' + (notificationsLabel() | translate)\"\n              (click)=\"toggleNotifications()\">\n              <nh-assistant-icon name=\"bell\" />\n            </button>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    @if (store.enabled()) {\n      <nh-assistant-activity [items]=\"store.activity()\" (conversationSelect)=\"openConversation($event)\" />\n    }\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showShare()) {\n          <nh-assistant-share class=\"overlay-view\" [section]=\"shareSection()\" (closed)=\"showShare.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [attr.inert]=\"showPreferences() || showShare() || showConversations() ? '' : null\"\n            [messages]=\"messages()\"\n            [streaming]=\"busy()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            [members]=\"store.members()\"\n            [currentActorId]=\"conversation()?.currentActorId ?? null\"\n            [canDecide]=\"store.canDecide()\"\n            [decisionOwner]=\"activeMemberName()\"\n            [approvalRights]=\"store.approvalRights()\"\n            (approvalChoice)=\"decideApproval($event)\" />\n        }\n      }\n    </div>\n\n    @if (notificationError() ?? 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(); notificationError.set(null)\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    } @else if (store.notice(); as notice) {\n      <div class=\"turn-notice\" role=\"status\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ noticeKeys() | nhAssistantTranslate: notice.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearNotice()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences() && !showShare()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        }\n        @if (store.collaboration() || store.pageContext()) {\n          <div class=\"conversation-actions\">\n            @if (store.collaboration()) {\n              @if (!conversation() || store.isOwner()) {\n                <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                  [attr.aria-label]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.title]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.aria-expanded]=\"showShare() && shareSection() === 'link'\"\n                  (click)=\"toggleShare('link')\">\n                  <nh-assistant-icon name=\"link\" />\n                </button>\n              }\n              <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                [class.active]=\"shared()\"\n                [attr.aria-label]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.title]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.aria-expanded]=\"showShare() && shareSection() === 'members'\"\n                (click)=\"toggleShare('members')\">\n                <nh-assistant-icon name=\"users\" />\n              </button>\n            }\n            @if (store.pageContext(); as context) {\n              <button\n                class=\"icon-button page-context-button\"\n                [class.active]=\"!store.pageContextExcluded()\"\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=\"page\" />\n              </button>\n            }\n          </div>\n        }\n        @if (store.queuedMessages().length > 0) {\n          <section class=\"message-queue\" [attr.aria-label]=\"'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length }\">\n            <div class=\"queue-heading\">\n              <span aria-live=\"polite\">{{ 'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length } }}</span>\n              @if (store.queuePaused()) {\n                <button type=\"button\" class=\"queue-resume\" [disabled]=\"editingQueuedId() !== null\" (click)=\"store.resumeQueue()\">\n                  {{ 'nh-assistant.queue.resume' | translate }}\n                </button>\n              }\n            </div>\n            <ol class=\"queue-items\">\n              @for (item of store.queuedMessages(); track item.id) {\n                <li class=\"queue-item\" [class.failed]=\"item.state === 'failed'\">\n                  @if (editingQueuedId() === item.id && item.state !== 'sending') {\n                    <div class=\"queue-edit\">\n                      <textarea rows=\"2\" [value]=\"queuedDraft()\" (input)=\"changeQueuedDraft($event)\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\"></textarea>\n                      <div class=\"queue-buttons\">\n                        <button type=\"button\" class=\"icon-button\" [disabled]=\"!validQueuedDraft()\"\n                          [attr.aria-label]=\"'nh-assistant.queue.save' | translate\" [attr.title]=\"'nh-assistant.queue.save' | translate\"\n                          (click)=\"saveQueuedMessage(item.id)\"><nh-assistant-icon name=\"check\" /></button>\n                        <button type=\"button\" class=\"icon-button\" [attr.aria-label]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          [attr.title]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          (click)=\"cancelQueueEdit()\"><nh-assistant-icon name=\"close\" /></button>\n                      </div>\n                    </div>\n                  } @else {\n                    <div class=\"queue-message\">\n                      <p [title]=\"item.text\">{{ item.text }}</p>\n                      @if (item.state !== 'queued') {\n                        <span class=\"queue-state\">{{ 'nh-assistant.queue.state.' + item.state | translate }}</span>\n                      }\n                    </div>\n                    <div class=\"queue-buttons\">\n                      @if (store.canSteer() && item.state === 'queued') {\n                        <button type=\"button\" class=\"queue-steer\" [disabled]=\"editingQueuedId() !== null\"\n                          [attr.title]=\"'nh-assistant.queue.steer-hint' | translate\"\n                          (click)=\"store.steerQueuedMessage(item.id)\">{{ 'nh-assistant.queue.steer' | translate }}</button>\n                      }\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\" [attr.title]=\"'nh-assistant.queue.edit' | translate\"\n                        (click)=\"editQueuedMessage(item.id, item.text)\"><nh-assistant-icon name=\"edit\" /></button>\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.remove' | translate\" [attr.title]=\"'nh-assistant.queue.remove' | translate\"\n                        (click)=\"store.removeQueuedMessage(item.id)\"><nh-assistant-icon name=\"close\" /></button>\n                    </div>\n                  }\n                </li>\n              }\n            </ol>\n          </section>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [queueWhileBusy]=\"true\"\n          [status]=\"composerStatus()\"\n          [statusActor]=\"activeMemberName()\"\n          [canStop]=\"canStop()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\">\n          @if (store.agents().length > 1) {\n            <nh-assistant-agent-picker\n              nhAssistantComposerControls\n              [compact]=\"true\"\n              [agents]=\"store.agents()\"\n              [selectedAgentId]=\"store.selectedAgentId()\"\n              (agentChange)=\"store.selectAgent($event)\" />\n          }\n        </nh-assistant-composer>\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}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:2px;min-width:0}.header-actions .icon-button{width:32px;height:32px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.turn-notice{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-warning);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-warning);background:var(--nha-warning-soft)}.turn-notice p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{padding:12px 16px 14px}.conversation-actions{display:flex;align-items:center;gap:4px;margin:0 -4px 6px}.page-context-button{margin-left:auto}.message-queue{margin-bottom:10px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);background:var(--nha-background);overflow:hidden;font-size:12px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;color:var(--nha-text-muted)}.queue-items{max-height:180px;overflow-y:auto;margin:0;padding:0;list-style:none}.queue-item{display:flex;align-items:center;gap:8px;border-top:1px solid var(--nha-border);padding:6px 8px 6px 10px}.queue-item.failed{border-left:2px solid var(--nha-danger)}.queue-message{flex:1;min-width:0}.queue-message p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0}.queue-state{color:var(--nha-text-muted);font-size:11px}.queue-buttons{display:flex;flex-shrink:0;align-items:center;gap:2px}.queue-buttons .icon-button{width:28px;height:30px}.queue-resume,.queue-steer{border:0;border-radius:6px;padding:6px;color:var(--nha-highlight);background:transparent;font:inherit;cursor:pointer}.queue-resume:hover,.queue-steer:hover{background:var(--nha-surface)}.queue-resume:focus-visible,.queue-steer:focus-visible{outline:2px solid var(--nha-focus)}.queue-resume:disabled,.queue-steer:disabled{cursor:not-allowed;opacity:.5}.queue-edit{width:100%}.queue-edit textarea{box-sizing:border-box;width:100%;border:1px solid var(--nha-border);border-radius:6px;padding:8px;color:var(--nha-text);background:var(--nha-surface);font:inherit;resize:vertical}.queue-edit .queue-buttons{justify-content:flex-end}.notification-button{position:relative}.notification-button.off:after{content:\"\";position:absolute;width:18px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}.notification-button.blocked{color:var(--nha-warning)}@media(max-width:359px){.header{gap:6px;padding-inline:12px}.header-actions .icon-button{width:28px;height:32px}}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantActivityComponent, selector: "nh-assistant-activity", inputs: ["items"], outputs: ["conversationSelect"] }, { kind: "component", type: NhAssistantAgentPickerComponent, selector: "nh-assistant-agent-picker", inputs: ["agents", "selectedAgentId", "disabled", "compact"], outputs: ["agentChange"] }, { kind: "component", type: NhAssistantComposerComponent, selector: "nh-assistant-composer", inputs: ["disabled", "sendDisabled", "busy", "queueWhileBusy", "status", "statusActor", "canStop", "maxLength", "restore"], outputs: ["send", "cancel", "restored"] }, { kind: "component", type: NhAssistantConversationListComponent, selector: "nh-assistant-conversation-list", inputs: ["conversations", "total", "activeConversationId", "loading", "disabled"], outputs: ["conversationSelect", "conversationDelete", "conversationCreate"] }, { kind: "component", type: NhAssistantPreferencesComponent, selector: "nh-assistant-preferences", outputs: ["closed", "saved"] }, { kind: "component", type: NhAssistantShareComponent, selector: "nh-assistant-share", inputs: ["section"], outputs: ["closed"] }, { kind: "component", type: NhAssistantThreadComponent, selector: "nh-assistant-thread", inputs: ["messages", "streaming", "deciding", "markdown", "members", "currentActorId", "canDecide", "decisionOwner", "approvalRights"], outputs: ["approvalDecision", "approvalChoice"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantPanelComponent, isStandalone: true, selector: "nh-assistant-panel", viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          @if (push.state() !== 'unavailable') {\n            <button\n              class=\"icon-button notification-button\"\n              type=\"button\"\n              [class.active]=\"push.state() === 'on'\"\n              [class.off]=\"!push.settings()?.pushEnabled\"\n              [class.blocked]=\"push.state() === 'blocked'\"\n              [disabled]=\"push.busy()\"\n              [attr.aria-pressed]=\"push.settings()?.pushEnabled === true\"\n              [attr.aria-label]=\"notificationsLabel() | translate\"\n              [attr.title]=\"('nh-assistant.preferences.notifications-state.' + push.state() | translate) + ' \u00B7 ' + (notificationsLabel() | translate)\"\n              (click)=\"toggleNotifications()\">\n              <nh-assistant-icon name=\"bell\" />\n            </button>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    @if (store.enabled()) {\n      <nh-assistant-activity [items]=\"store.activity()\" (conversationSelect)=\"openConversation($event)\" />\n    }\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showShare()) {\n          <nh-assistant-share class=\"overlay-view\" [section]=\"shareSection()\" (closed)=\"showShare.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [attr.inert]=\"showPreferences() || showShare() || showConversations() ? '' : null\"\n            [messages]=\"messages()\"\n            [streaming]=\"busy()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            [members]=\"store.members()\"\n            [currentActorId]=\"conversation()?.currentActorId ?? null\"\n            [canDecide]=\"store.canDecide()\"\n            [decisionOwner]=\"activeMemberName()\"\n            [approvalRights]=\"store.approvalRights()\"\n            (approvalChoice)=\"decideApproval($event)\" />\n        }\n      }\n    </div>\n\n    @if (notificationError() ?? 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(); notificationError.set(null)\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    } @else if (store.notice(); as notice) {\n      <div class=\"turn-notice\" role=\"status\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ noticeKeys() | nhAssistantTranslate: notice.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearNotice()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences() && !showShare()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        } @else if (lastTurnFailed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.last-turn-failed' | translate }}</p>\n        }\n        @if (store.collaboration() || store.pageContext()) {\n          <div class=\"conversation-actions\">\n            @if (store.collaboration()) {\n              @if (!conversation() || store.isOwner()) {\n                <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                  [attr.aria-label]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.title]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.aria-expanded]=\"showShare() && shareSection() === 'link'\"\n                  (click)=\"toggleShare('link')\">\n                  <nh-assistant-icon name=\"link\" />\n                </button>\n              }\n              <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                [class.active]=\"shared()\"\n                [attr.aria-label]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.title]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.aria-expanded]=\"showShare() && shareSection() === 'members'\"\n                (click)=\"toggleShare('members')\">\n                <nh-assistant-icon name=\"users\" />\n              </button>\n            }\n            @if (store.pageContext(); as context) {\n              <button\n                class=\"icon-button page-context-button\"\n                [class.active]=\"!store.pageContextExcluded()\"\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=\"page\" />\n              </button>\n            }\n          </div>\n        }\n        @if (store.queuedMessages().length > 0) {\n          <section class=\"message-queue\" [attr.aria-label]=\"'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length }\">\n            <div class=\"queue-heading\">\n              <span aria-live=\"polite\">{{ 'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length } }}</span>\n              @if (store.queuePaused()) {\n                <button type=\"button\" class=\"queue-resume\" [disabled]=\"editingQueuedId() !== null\" (click)=\"store.resumeQueue()\">\n                  {{ 'nh-assistant.queue.resume' | translate }}\n                </button>\n              }\n            </div>\n            <ol class=\"queue-items\">\n              @for (item of store.queuedMessages(); track item.id) {\n                <li class=\"queue-item\" [class.failed]=\"item.state === 'failed'\">\n                  @if (editingQueuedId() === item.id && item.state !== 'sending') {\n                    <div class=\"queue-edit\">\n                      <textarea rows=\"2\" [value]=\"queuedDraft()\" (input)=\"changeQueuedDraft($event)\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\"></textarea>\n                      <div class=\"queue-buttons\">\n                        <button type=\"button\" class=\"icon-button\" [disabled]=\"!validQueuedDraft()\"\n                          [attr.aria-label]=\"'nh-assistant.queue.save' | translate\" [attr.title]=\"'nh-assistant.queue.save' | translate\"\n                          (click)=\"saveQueuedMessage(item.id)\"><nh-assistant-icon name=\"check\" /></button>\n                        <button type=\"button\" class=\"icon-button\" [attr.aria-label]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          [attr.title]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          (click)=\"cancelQueueEdit()\"><nh-assistant-icon name=\"close\" /></button>\n                      </div>\n                    </div>\n                  } @else {\n                    <div class=\"queue-message\">\n                      <p [title]=\"item.text\">{{ item.text }}</p>\n                      @if (item.state !== 'queued') {\n                        <span class=\"queue-state\">{{ 'nh-assistant.queue.state.' + item.state | translate }}</span>\n                      }\n                    </div>\n                    <div class=\"queue-buttons\">\n                      @if (store.canSteer() && item.state === 'queued') {\n                        <button type=\"button\" class=\"queue-steer\" [disabled]=\"editingQueuedId() !== null\"\n                          [attr.title]=\"'nh-assistant.queue.steer-hint' | translate\"\n                          (click)=\"store.steerQueuedMessage(item.id)\">{{ 'nh-assistant.queue.steer' | translate }}</button>\n                      }\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\" [attr.title]=\"'nh-assistant.queue.edit' | translate\"\n                        (click)=\"editQueuedMessage(item.id, item.text)\"><nh-assistant-icon name=\"edit\" /></button>\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.remove' | translate\" [attr.title]=\"'nh-assistant.queue.remove' | translate\"\n                        (click)=\"store.removeQueuedMessage(item.id)\"><nh-assistant-icon name=\"close\" /></button>\n                    </div>\n                  }\n                </li>\n              }\n            </ol>\n          </section>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [queueWhileBusy]=\"true\"\n          [status]=\"composerStatus()\"\n          [statusActor]=\"activeMemberName()\"\n          [canStop]=\"canStop()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\">\n          @if (store.agents().length > 1) {\n            <nh-assistant-agent-picker\n              nhAssistantComposerControls\n              [compact]=\"true\"\n              [agents]=\"store.agents()\"\n              [selectedAgentId]=\"store.selectedAgentId()\"\n              (agentChange)=\"store.selectAgent($event)\" />\n          }\n        </nh-assistant-composer>\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}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:2px;min-width:0}.header-actions .icon-button{width:32px;height:32px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.turn-notice{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-warning);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-warning);background:var(--nha-warning-soft)}.turn-notice p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{padding:12px 16px 14px}.conversation-actions{display:flex;align-items:center;gap:4px;margin:0 -4px 6px}.page-context-button{margin-left:auto}.message-queue{margin-bottom:10px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);background:var(--nha-background);overflow:hidden;font-size:12px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;color:var(--nha-text-muted)}.queue-items{max-height:180px;overflow-y:auto;margin:0;padding:0;list-style:none}.queue-item{display:flex;align-items:center;gap:8px;border-top:1px solid var(--nha-border);padding:6px 8px 6px 10px}.queue-item.failed{border-left:2px solid var(--nha-danger)}.queue-message{flex:1;min-width:0}.queue-message p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0}.queue-state{color:var(--nha-text-muted);font-size:11px}.queue-buttons{display:flex;flex-shrink:0;align-items:center;gap:2px}.queue-buttons .icon-button{width:28px;height:30px}.queue-resume,.queue-steer{border:0;border-radius:6px;padding:6px;color:var(--nha-highlight);background:transparent;font:inherit;cursor:pointer}.queue-resume:hover,.queue-steer:hover{background:var(--nha-surface)}.queue-resume:focus-visible,.queue-steer:focus-visible{outline:2px solid var(--nha-focus)}.queue-resume:disabled,.queue-steer:disabled{cursor:not-allowed;opacity:.5}.queue-edit{width:100%}.queue-edit textarea{box-sizing:border-box;width:100%;border:1px solid var(--nha-border);border-radius:6px;padding:8px;color:var(--nha-text);background:var(--nha-surface);font:inherit;resize:vertical}.queue-edit .queue-buttons{justify-content:flex-end}.notification-button{position:relative}.notification-button.off:after{content:\"\";position:absolute;width:18px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}.notification-button.blocked{color:var(--nha-warning)}@media(max-width:359px){.header{gap:6px;padding-inline:12px}.header-actions .icon-button{width:28px;height:32px}}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantActivityComponent, selector: "nh-assistant-activity", inputs: ["items"], outputs: ["conversationSelect"] }, { kind: "component", type: NhAssistantAgentPickerComponent, selector: "nh-assistant-agent-picker", inputs: ["agents", "selectedAgentId", "disabled", "compact"], outputs: ["agentChange"] }, { kind: "component", type: NhAssistantComposerComponent, selector: "nh-assistant-composer", inputs: ["disabled", "sendDisabled", "busy", "queueWhileBusy", "status", "statusActor", "canStop", "maxLength", "restore"], outputs: ["send", "cancel", "restored"] }, { kind: "component", type: NhAssistantConversationListComponent, selector: "nh-assistant-conversation-list", inputs: ["conversations", "total", "activeConversationId", "loading", "disabled"], outputs: ["conversationSelect", "conversationDelete", "conversationCreate"] }, { kind: "component", type: NhAssistantPreferencesComponent, selector: "nh-assistant-preferences", outputs: ["closed", "saved"] }, { kind: "component", type: NhAssistantShareComponent, selector: "nh-assistant-share", inputs: ["section"], outputs: ["closed"] }, { kind: "component", type: NhAssistantThreadComponent, selector: "nh-assistant-thread", inputs: ["messages", "streaming", "deciding", "markdown", "members", "currentActorId", "canDecide", "decisionOwner", "approvalRights"], outputs: ["approvalDecision", "approvalChoice"] }, { 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.33", ngImport: i0, type: NhAssistantPanelComponent, decorators: [{
             type: Component,
@@ -7339,7 +7940,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                         NhAssistantPreferencesComponent,
                         NhAssistantShareComponent,
                         NhAssistantThreadComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          @if (push.state() !== 'unavailable') {\n            <button\n              class=\"icon-button notification-button\"\n              type=\"button\"\n              [class.active]=\"push.state() === 'on'\"\n              [class.off]=\"!push.settings()?.pushEnabled\"\n              [class.blocked]=\"push.state() === 'blocked'\"\n              [disabled]=\"push.busy()\"\n              [attr.aria-pressed]=\"push.settings()?.pushEnabled === true\"\n              [attr.aria-label]=\"notificationsLabel() | translate\"\n              [attr.title]=\"('nh-assistant.preferences.notifications-state.' + push.state() | translate) + ' \u00B7 ' + (notificationsLabel() | translate)\"\n              (click)=\"toggleNotifications()\">\n              <nh-assistant-icon name=\"bell\" />\n            </button>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    @if (store.enabled()) {\n      <nh-assistant-activity [items]=\"store.activity()\" (conversationSelect)=\"openConversation($event)\" />\n    }\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showShare()) {\n          <nh-assistant-share class=\"overlay-view\" [section]=\"shareSection()\" (closed)=\"showShare.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [attr.inert]=\"showPreferences() || showShare() || showConversations() ? '' : null\"\n            [messages]=\"messages()\"\n            [streaming]=\"busy()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            [members]=\"store.members()\"\n            [currentActorId]=\"conversation()?.currentActorId ?? null\"\n            [canDecide]=\"store.canDecide()\"\n            [decisionOwner]=\"activeMemberName()\"\n            [approvalRights]=\"store.approvalRights()\"\n            (approvalChoice)=\"decideApproval($event)\" />\n        }\n      }\n    </div>\n\n    @if (notificationError() ?? 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(); notificationError.set(null)\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    } @else if (store.notice(); as notice) {\n      <div class=\"turn-notice\" role=\"status\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ noticeKeys() | nhAssistantTranslate: notice.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearNotice()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences() && !showShare()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        }\n        @if (store.collaboration() || store.pageContext()) {\n          <div class=\"conversation-actions\">\n            @if (store.collaboration()) {\n              @if (!conversation() || store.isOwner()) {\n                <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                  [attr.aria-label]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.title]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.aria-expanded]=\"showShare() && shareSection() === 'link'\"\n                  (click)=\"toggleShare('link')\">\n                  <nh-assistant-icon name=\"link\" />\n                </button>\n              }\n              <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                [class.active]=\"shared()\"\n                [attr.aria-label]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.title]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.aria-expanded]=\"showShare() && shareSection() === 'members'\"\n                (click)=\"toggleShare('members')\">\n                <nh-assistant-icon name=\"users\" />\n              </button>\n            }\n            @if (store.pageContext(); as context) {\n              <button\n                class=\"icon-button page-context-button\"\n                [class.active]=\"!store.pageContextExcluded()\"\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=\"page\" />\n              </button>\n            }\n          </div>\n        }\n        @if (store.queuedMessages().length > 0) {\n          <section class=\"message-queue\" [attr.aria-label]=\"'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length }\">\n            <div class=\"queue-heading\">\n              <span aria-live=\"polite\">{{ 'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length } }}</span>\n              @if (store.queuePaused()) {\n                <button type=\"button\" class=\"queue-resume\" [disabled]=\"editingQueuedId() !== null\" (click)=\"store.resumeQueue()\">\n                  {{ 'nh-assistant.queue.resume' | translate }}\n                </button>\n              }\n            </div>\n            <ol class=\"queue-items\">\n              @for (item of store.queuedMessages(); track item.id) {\n                <li class=\"queue-item\" [class.failed]=\"item.state === 'failed'\">\n                  @if (editingQueuedId() === item.id && item.state !== 'sending') {\n                    <div class=\"queue-edit\">\n                      <textarea rows=\"2\" [value]=\"queuedDraft()\" (input)=\"changeQueuedDraft($event)\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\"></textarea>\n                      <div class=\"queue-buttons\">\n                        <button type=\"button\" class=\"icon-button\" [disabled]=\"!validQueuedDraft()\"\n                          [attr.aria-label]=\"'nh-assistant.queue.save' | translate\" [attr.title]=\"'nh-assistant.queue.save' | translate\"\n                          (click)=\"saveQueuedMessage(item.id)\"><nh-assistant-icon name=\"check\" /></button>\n                        <button type=\"button\" class=\"icon-button\" [attr.aria-label]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          [attr.title]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          (click)=\"cancelQueueEdit()\"><nh-assistant-icon name=\"close\" /></button>\n                      </div>\n                    </div>\n                  } @else {\n                    <div class=\"queue-message\">\n                      <p [title]=\"item.text\">{{ item.text }}</p>\n                      @if (item.state !== 'queued') {\n                        <span class=\"queue-state\">{{ 'nh-assistant.queue.state.' + item.state | translate }}</span>\n                      }\n                    </div>\n                    <div class=\"queue-buttons\">\n                      @if (store.canSteer() && item.state === 'queued') {\n                        <button type=\"button\" class=\"queue-steer\" [disabled]=\"editingQueuedId() !== null\"\n                          [attr.title]=\"'nh-assistant.queue.steer-hint' | translate\"\n                          (click)=\"store.steerQueuedMessage(item.id)\">{{ 'nh-assistant.queue.steer' | translate }}</button>\n                      }\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\" [attr.title]=\"'nh-assistant.queue.edit' | translate\"\n                        (click)=\"editQueuedMessage(item.id, item.text)\"><nh-assistant-icon name=\"edit\" /></button>\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.remove' | translate\" [attr.title]=\"'nh-assistant.queue.remove' | translate\"\n                        (click)=\"store.removeQueuedMessage(item.id)\"><nh-assistant-icon name=\"close\" /></button>\n                    </div>\n                  }\n                </li>\n              }\n            </ol>\n          </section>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [queueWhileBusy]=\"true\"\n          [status]=\"composerStatus()\"\n          [statusActor]=\"activeMemberName()\"\n          [canStop]=\"canStop()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\">\n          @if (store.agents().length > 1) {\n            <nh-assistant-agent-picker\n              nhAssistantComposerControls\n              [compact]=\"true\"\n              [agents]=\"store.agents()\"\n              [selectedAgentId]=\"store.selectedAgentId()\"\n              (agentChange)=\"store.selectAgent($event)\" />\n          }\n        </nh-assistant-composer>\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}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:2px;min-width:0}.header-actions .icon-button{width:32px;height:32px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.turn-notice{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-warning);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-warning);background:var(--nha-warning-soft)}.turn-notice p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{padding:12px 16px 14px}.conversation-actions{display:flex;align-items:center;gap:4px;margin:0 -4px 6px}.page-context-button{margin-left:auto}.message-queue{margin-bottom:10px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);background:var(--nha-background);overflow:hidden;font-size:12px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;color:var(--nha-text-muted)}.queue-items{max-height:180px;overflow-y:auto;margin:0;padding:0;list-style:none}.queue-item{display:flex;align-items:center;gap:8px;border-top:1px solid var(--nha-border);padding:6px 8px 6px 10px}.queue-item.failed{border-left:2px solid var(--nha-danger)}.queue-message{flex:1;min-width:0}.queue-message p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0}.queue-state{color:var(--nha-text-muted);font-size:11px}.queue-buttons{display:flex;flex-shrink:0;align-items:center;gap:2px}.queue-buttons .icon-button{width:28px;height:30px}.queue-resume,.queue-steer{border:0;border-radius:6px;padding:6px;color:var(--nha-highlight);background:transparent;font:inherit;cursor:pointer}.queue-resume:hover,.queue-steer:hover{background:var(--nha-surface)}.queue-resume:focus-visible,.queue-steer:focus-visible{outline:2px solid var(--nha-focus)}.queue-resume:disabled,.queue-steer:disabled{cursor:not-allowed;opacity:.5}.queue-edit{width:100%}.queue-edit textarea{box-sizing:border-box;width:100%;border:1px solid var(--nha-border);border-radius:6px;padding:8px;color:var(--nha-text);background:var(--nha-surface);font:inherit;resize:vertical}.queue-edit .queue-buttons{justify-content:flex-end}.notification-button{position:relative}.notification-button.off:after{content:\"\";position:absolute;width:18px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}.notification-button.blocked{color:var(--nha-warning)}@media(max-width:359px){.header{gap:6px;padding-inline:12px}.header-actions .icon-button{width:28px;height:32px}}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #drawer>\n  <section class=\"drawer\" role=\"dialog\" aria-modal=\"false\" [attr.aria-labelledby]=\"titleId\">\n    <header class=\"header\">\n      <div class=\"heading\">\n        <h2 [id]=\"titleId\">{{ 'nh-assistant.panel.title' | translate }}</h2>\n      </div>\n      <div class=\"header-actions\">\n        @if (store.enabled()) {\n          @if (push.state() !== 'unavailable') {\n            <button\n              class=\"icon-button notification-button\"\n              type=\"button\"\n              [class.active]=\"push.state() === 'on'\"\n              [class.off]=\"!push.settings()?.pushEnabled\"\n              [class.blocked]=\"push.state() === 'blocked'\"\n              [disabled]=\"push.busy()\"\n              [attr.aria-pressed]=\"push.settings()?.pushEnabled === true\"\n              [attr.aria-label]=\"notificationsLabel() | translate\"\n              [attr.title]=\"('nh-assistant.preferences.notifications-state.' + push.state() | translate) + ' \u00B7 ' + (notificationsLabel() | translate)\"\n              (click)=\"toggleNotifications()\">\n              <nh-assistant-icon name=\"bell\" />\n            </button>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showConversations()\"\n            [attr.aria-expanded]=\"showConversations()\"\n            [attr.aria-label]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            [attr.title]=\"(showConversations() ? 'nh-assistant.panel.hide-conversations' : 'nh-assistant.panel.show-conversations') | translate\"\n            (click)=\"toggleConversations()\">\n            <nh-assistant-icon name=\"list\" />\n          </button>\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [class.active]=\"showPreferences()\"\n            [attr.aria-expanded]=\"showPreferences()\"\n            [attr.aria-label]=\"'nh-assistant.panel.open-preferences' | translate\"\n            [attr.title]=\"'nh-assistant.panel.open-preferences' | translate\"\n            (click)=\"togglePreferences()\">\n            <nh-assistant-icon name=\"settings\" />\n          </button>\n          @if (adminRoute && store.canAdminister()) {\n            <a\n              class=\"icon-button\"\n              [routerLink]=\"adminRoute\"\n              [attr.aria-label]=\"'nh-assistant.panel.open-admin' | translate\"\n              [attr.title]=\"'nh-assistant.panel.open-admin' | translate\"\n              (click)=\"panel.close()\">\n              <nh-assistant-icon name=\"admin\" />\n            </a>\n          }\n          <button\n            class=\"icon-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.panel.new-conversation' | translate\"\n            [attr.title]=\"'nh-assistant.panel.new-conversation' | translate\"\n            (click)=\"newConversation()\">\n            <nh-assistant-icon name=\"plus\" />\n          </button>\n        }\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.close' | translate\"\n          [attr.title]=\"'nh-assistant.panel.close' | translate\"\n          (click)=\"panel.close()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    </header>\n\n    @if (store.enabled()) {\n      <nh-assistant-activity [items]=\"store.activity()\" (conversationSelect)=\"openConversation($event)\" />\n    }\n\n    <div class=\"body\">\n      @if (store.statusLoading() && !store.enabled()) {\n        <div class=\"state\" role=\"status\">\n          <p class=\"state-title\">{{ 'nh-assistant.panel.loading' | translate }}</p>\n        </div>\n      } @else if (!store.enabled()) {\n        <div class=\"state\">\n          <nh-assistant-icon class=\"state-icon\" name=\"warning\" />\n          <p class=\"state-title\">{{ 'nh-assistant.panel.unavailable-title' | translate }}</p>\n          <p>{{ 'nh-assistant.panel.unavailable-description' | translate }}</p>\n        </div>\n      } @else {\n        @if (showPreferences()) {\n          <nh-assistant-preferences class=\"overlay-view\" (closed)=\"showPreferences.set(false)\" />\n        }\n\n        @if (showShare()) {\n          <nh-assistant-share class=\"overlay-view\" [section]=\"shareSection()\" (closed)=\"showShare.set(false)\" />\n        }\n\n        @if (showConversations()) {\n          <nh-assistant-conversation-list\n            class=\"overlay-view\"\n            [conversations]=\"store.conversations()\"\n            [total]=\"store.conversationsTotal()\"\n            [activeConversationId]=\"conversation()?.id ?? null\"\n            [loading]=\"store.conversationsLoading()\"\n            (conversationSelect)=\"openConversation($event)\"\n            (conversationDelete)=\"deleteConversation($event)\"\n            (conversationCreate)=\"newConversation()\" />\n        }\n\n        @if (store.conversationLoading()) {\n          <div class=\"state\" role=\"status\">\n            <p class=\"state-title\">{{ 'nh-assistant.thread.loading' | translate }}</p>\n          </div>\n        } @else if (messages().length === 0 && !store.streaming()) {\n          <div class=\"state\">\n            <nh-assistant-icon class=\"state-icon\" name=\"assistant\" />\n            <p class=\"state-title\">{{ 'nh-assistant.panel.empty-title' | translate }}</p>\n            <p>{{ 'nh-assistant.panel.empty-description' | translate }}</p>\n          </div>\n        } @else {\n          <nh-assistant-thread\n            class=\"thread\"\n            [attr.inert]=\"showPreferences() || showShare() || showConversations() ? '' : null\"\n            [messages]=\"messages()\"\n            [streaming]=\"busy()\"\n            [deciding]=\"store.deciding()\"\n            [markdown]=\"markdown\"\n            [members]=\"store.members()\"\n            [currentActorId]=\"conversation()?.currentActorId ?? null\"\n            [canDecide]=\"store.canDecide()\"\n            [decisionOwner]=\"activeMemberName()\"\n            [approvalRights]=\"store.approvalRights()\"\n            (approvalChoice)=\"decideApproval($event)\" />\n        }\n      }\n    </div>\n\n    @if (notificationError() ?? 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(); notificationError.set(null)\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    } @else if (store.notice(); as notice) {\n      <div class=\"turn-notice\" role=\"status\">\n        <nh-assistant-icon name=\"warning\" />\n        <p>{{ noticeKeys() | nhAssistantTranslate: notice.code }}</p>\n        <button\n          class=\"icon-button\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          [attr.title]=\"'nh-assistant.panel.dismiss-error' | translate\"\n          (click)=\"store.clearNotice()\">\n          <nh-assistant-icon name=\"close\" />\n        </button>\n      </div>\n    }\n\n    @if (store.enabled() && !showPreferences() && !showShare()) {\n      <footer class=\"footer\" (focusin)=\"refreshPageContext()\">\n        @if (closed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.conversation-closed' | translate }}</p>\n        } @else if (lastTurnFailed()) {\n          <p class=\"notice\">{{ 'nh-assistant.panel.last-turn-failed' | translate }}</p>\n        }\n        @if (store.collaboration() || store.pageContext()) {\n          <div class=\"conversation-actions\">\n            @if (store.collaboration()) {\n              @if (!conversation() || store.isOwner()) {\n                <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                  [attr.aria-label]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.title]=\"'nh-assistant.panel.share' | translate\"\n                  [attr.aria-expanded]=\"showShare() && shareSection() === 'link'\"\n                  (click)=\"toggleShare('link')\">\n                  <nh-assistant-icon name=\"link\" />\n                </button>\n              }\n              <button class=\"icon-button\" type=\"button\" [disabled]=\"!canShare()\"\n                [class.active]=\"shared()\"\n                [attr.aria-label]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.title]=\"(store.isOwner() || !conversation() ? 'nh-assistant.panel.add-members' : 'nh-assistant.panel.members') | translate\"\n                [attr.aria-expanded]=\"showShare() && shareSection() === 'members'\"\n                (click)=\"toggleShare('members')\">\n                <nh-assistant-icon name=\"users\" />\n              </button>\n            }\n            @if (store.pageContext(); as context) {\n              <button\n                class=\"icon-button page-context-button\"\n                [class.active]=\"!store.pageContextExcluded()\"\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=\"page\" />\n              </button>\n            }\n          </div>\n        }\n        @if (store.queuedMessages().length > 0) {\n          <section class=\"message-queue\" [attr.aria-label]=\"'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length }\">\n            <div class=\"queue-heading\">\n              <span aria-live=\"polite\">{{ 'nh-assistant.queue.title' | translate: { count: store.queuedMessages().length } }}</span>\n              @if (store.queuePaused()) {\n                <button type=\"button\" class=\"queue-resume\" [disabled]=\"editingQueuedId() !== null\" (click)=\"store.resumeQueue()\">\n                  {{ 'nh-assistant.queue.resume' | translate }}\n                </button>\n              }\n            </div>\n            <ol class=\"queue-items\">\n              @for (item of store.queuedMessages(); track item.id) {\n                <li class=\"queue-item\" [class.failed]=\"item.state === 'failed'\">\n                  @if (editingQueuedId() === item.id && item.state !== 'sending') {\n                    <div class=\"queue-edit\">\n                      <textarea rows=\"2\" [value]=\"queuedDraft()\" (input)=\"changeQueuedDraft($event)\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\"></textarea>\n                      <div class=\"queue-buttons\">\n                        <button type=\"button\" class=\"icon-button\" [disabled]=\"!validQueuedDraft()\"\n                          [attr.aria-label]=\"'nh-assistant.queue.save' | translate\" [attr.title]=\"'nh-assistant.queue.save' | translate\"\n                          (click)=\"saveQueuedMessage(item.id)\"><nh-assistant-icon name=\"check\" /></button>\n                        <button type=\"button\" class=\"icon-button\" [attr.aria-label]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          [attr.title]=\"'nh-assistant.queue.cancel-edit' | translate\"\n                          (click)=\"cancelQueueEdit()\"><nh-assistant-icon name=\"close\" /></button>\n                      </div>\n                    </div>\n                  } @else {\n                    <div class=\"queue-message\">\n                      <p [title]=\"item.text\">{{ item.text }}</p>\n                      @if (item.state !== 'queued') {\n                        <span class=\"queue-state\">{{ 'nh-assistant.queue.state.' + item.state | translate }}</span>\n                      }\n                    </div>\n                    <div class=\"queue-buttons\">\n                      @if (store.canSteer() && item.state === 'queued') {\n                        <button type=\"button\" class=\"queue-steer\" [disabled]=\"editingQueuedId() !== null\"\n                          [attr.title]=\"'nh-assistant.queue.steer-hint' | translate\"\n                          (click)=\"store.steerQueuedMessage(item.id)\">{{ 'nh-assistant.queue.steer' | translate }}</button>\n                      }\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.edit' | translate\" [attr.title]=\"'nh-assistant.queue.edit' | translate\"\n                        (click)=\"editQueuedMessage(item.id, item.text)\"><nh-assistant-icon name=\"edit\" /></button>\n                      <button type=\"button\" class=\"icon-button\" [disabled]=\"item.state === 'sending'\"\n                        [attr.aria-label]=\"'nh-assistant.queue.remove' | translate\" [attr.title]=\"'nh-assistant.queue.remove' | translate\"\n                        (click)=\"store.removeQueuedMessage(item.id)\"><nh-assistant-icon name=\"close\" /></button>\n                    </div>\n                  }\n                </li>\n              }\n            </ol>\n          </section>\n        }\n        <nh-assistant-composer\n          [disabled]=\"closed()\"\n          [sendDisabled]=\"composerDisabled()\"\n          [busy]=\"busy()\"\n          [queueWhileBusy]=\"true\"\n          [status]=\"composerStatus()\"\n          [statusActor]=\"activeMemberName()\"\n          [canStop]=\"canStop()\"\n          [maxLength]=\"store.limits()?.maxMessageChars ?? null\"\n          [restore]=\"store.restoredDraft()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (cancel)=\"cancel()\">\n          @if (store.agents().length > 1) {\n            <nh-assistant-agent-picker\n              nhAssistantComposerControls\n              [compact]=\"true\"\n              [agents]=\"store.agents()\"\n              [selectedAgentId]=\"store.selectedAgentId()\"\n              (agentChange)=\"store.selectAgent($event)\" />\n          }\n        </nh-assistant-composer>\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}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:2px;min-width:0}.header-actions .icon-button{width:32px;height:32px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;text-decoration:none}.icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.active{color:var(--nha-highlight);background:var(--nha-surface-strong)}.body{position:relative;display:flex;flex:1;flex-direction:column;min-height:0;background:var(--nha-background)}.thread{flex:1;min-height:0}.overlay-view{position:absolute;z-index:1;inset:0;border-bottom:1px solid var(--nha-border);background:var(--nha-background)}.state{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;color:var(--nha-text-muted);text-align:center}.state p{max-width:32ch;margin:0;font-size:13px}.state-icon{margin-bottom:8px;color:var(--nha-highlight);font-size:28px}.state .state-title{color:var(--nha-text);font-size:15px;font-weight:700}.error{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-danger);background:var(--nha-danger-soft)}.error p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.turn-notice{display:flex;align-items:center;gap:8px;margin:0 12px 8px;border:1px solid var(--nha-warning);border-radius:var(--nha-radius-control);padding:4px 4px 4px 12px;color:var(--nha-warning);background:var(--nha-warning-soft)}.turn-notice p{flex:1;margin:0;color:var(--nha-text);font-size:13px}.footer{padding:12px 16px 14px}.conversation-actions{display:flex;align-items:center;gap:4px;margin:0 -4px 6px}.page-context-button{margin-left:auto}.message-queue{margin-bottom:10px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);background:var(--nha-background);overflow:hidden;font-size:12px}.queue-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;color:var(--nha-text-muted)}.queue-items{max-height:180px;overflow-y:auto;margin:0;padding:0;list-style:none}.queue-item{display:flex;align-items:center;gap:8px;border-top:1px solid var(--nha-border);padding:6px 8px 6px 10px}.queue-item.failed{border-left:2px solid var(--nha-danger)}.queue-message{flex:1;min-width:0}.queue-message p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0}.queue-state{color:var(--nha-text-muted);font-size:11px}.queue-buttons{display:flex;flex-shrink:0;align-items:center;gap:2px}.queue-buttons .icon-button{width:28px;height:30px}.queue-resume,.queue-steer{border:0;border-radius:6px;padding:6px;color:var(--nha-highlight);background:transparent;font:inherit;cursor:pointer}.queue-resume:hover,.queue-steer:hover{background:var(--nha-surface)}.queue-resume:focus-visible,.queue-steer:focus-visible{outline:2px solid var(--nha-focus)}.queue-resume:disabled,.queue-steer:disabled{cursor:not-allowed;opacity:.5}.queue-edit{width:100%}.queue-edit textarea{box-sizing:border-box;width:100%;border:1px solid var(--nha-border);border-radius:6px;padding:8px;color:var(--nha-text);background:var(--nha-surface);font:inherit;resize:vertical}.queue-edit .queue-buttons{justify-content:flex-end}.notification-button{position:relative}.notification-button.off:after{content:\"\";position:absolute;width:18px;height:2px;border-radius:1px;background:currentColor;transform:rotate(-45deg)}.notification-button.blocked{color:var(--nha-warning)}@media(max-width:359px){.header{gap:6px;padding-inline:12px}.header-actions .icon-button{width:28px;height:32px}}.notice{margin:0 0 8px;color:var(--nha-text-muted);font-size:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { drawer: [{ type: i0.ViewChild, args: ['drawer', { isSignal: true }] }] } });
 
 /**