@newheap/platform-ai-chat 0.15.0 → 0.16.0

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

@@ -106,6 +106,53 @@ const NH_ASSISTANT_FETCH = new InjectionToken('NH_ASSISTANT_FETCH', {
     providedIn: 'root',
     factory: () => (input, init) => globalThis.fetch(input, init)
 });
+/**
+ * Sends the uploads of the assistant client. The default uses `XMLHttpRequest`, because `fetch` does
+ * not report upload progress. The mock API from `@newheap/platform-ai-chat/testing` replaces it.
+ */
+const NH_ASSISTANT_UPLOAD = new InjectionToken('NH_ASSISTANT_UPLOAD', {
+    providedIn: 'root',
+    factory: () => nhAssistantXhrUpload
+});
+/** The default upload: `XMLHttpRequest` with upload progress, answered as a `Response`. */
+function nhAssistantXhrUpload(request) {
+    return new Promise((resolve, reject) => {
+        if (request.signal.aborted) {
+            reject(new DOMException('The upload was aborted.', 'AbortError'));
+            return;
+        }
+        const xhr = new XMLHttpRequest();
+        const abort = () => xhr.abort();
+        request.signal.addEventListener('abort', abort, { once: true });
+        const finish = () => request.signal.removeEventListener('abort', abort);
+        xhr.open('POST', request.url);
+        for (const [name, value] of Object.entries(request.headers)) {
+            xhr.setRequestHeader(name, value);
+        }
+        xhr.upload.onprogress = event => {
+            if (event.lengthComputable) {
+                request.onProgress(event.loaded, event.total);
+            }
+        };
+        xhr.onload = () => {
+            finish();
+            const contentType = xhr.getResponseHeader('content-type');
+            resolve(new Response(xhr.status === 204 ? null : xhr.responseText, {
+                status: xhr.status,
+                headers: contentType ? { 'content-type': contentType } : {}
+            }));
+        };
+        xhr.onerror = () => {
+            finish();
+            reject(new TypeError('The upload did not reach the server.'));
+        };
+        xhr.onabort = () => {
+            finish();
+            reject(new DOMException('The upload was aborted.', 'AbortError'));
+        };
+        xhr.send(request.body);
+    });
+}
 /** Default policy: every user who can reach the host may use the assistant. */
 class NhAssistantAllowAllAccessPolicy {
     canUse() {
@@ -187,7 +234,9 @@ var en = {
 		elapsed: "{{seconds}}s",
 		participant: "Participant",
 		trigger: "Event",
-		rule: "Automatic rule"
+		rule: "Automatic rule",
+		files: "Attached files",
+		"file-meta": "{{type}}, {{size}}"
 	},
 	composer: {
 		label: "Message",
@@ -202,6 +251,18 @@ var en = {
 			"waiting-for-approval": "Waiting for approval",
 			"running-by": "{{name}} is working with the assistant…",
 			"waiting-for-approval-by": "Waiting for {{name}} to decide…"
+		},
+		attach: "Attach files",
+		"attach-hint": "{{types}}, up to {{max}} each, at most {{count}} files per message",
+		attachments: "Attached files",
+		"remove-attachment": "Remove {{name}}",
+		uploading: "Uploading {{name}}",
+		"uploading-hint": "The message can be sent once the files are uploaded",
+		"attachment-errors": {
+			"assistant-file-type-not-accepted": "This type of file cannot be attached. Attach {{types}}.",
+			"assistant-file-too-large": "The file is larger than {{max}}.",
+			"assistant-file-count-limit": "A message can carry at most {{count}} files.",
+			"assistant-file-upload-invalid": "The file is empty or its name cannot be used."
 		}
 	},
 	queue: {
@@ -219,7 +280,8 @@ var en = {
 			preparing: "Preparing…",
 			sending: "Sending…",
 			failed: "Not sent; resume to retry"
-		}
+		},
+		files: "Files ({{count}}): {{names}}"
 	},
 	"tool-call": {
 		label: "Tool call: {{name}}",
@@ -355,7 +417,8 @@ var en = {
 		"assistant-proposal-already-open": "Not proposed again: the same proposal already waits.",
 		"assistant-proposal-recently-rejected": "Not proposed again: people rejected it recently.",
 		"assistant-proposal-placed": "Proposed at its object; waits for that object's approvers",
-		"assistant-proposal-not-placed": "Not proposed: the object it concerns does not accept it."
+		"assistant-proposal-not-placed": "Not proposed: the object it concerns does not accept it.",
+		"assistant-proposal-not-needed": "Not proposed: the work is already done or no longer applies."
 	},
 	errors: {
 		generic: "Something went wrong. Please try again.",
@@ -409,6 +472,19 @@ var en = {
 		"assistant-message-invalid": "The message is empty or not valid. Write a question and send it again.",
 		"assistant-message-too-long": "The message is too long. Shorten it and send it again.",
 		"assistant-model-unavailable": "The language model is temporarily unavailable. Try again in a moment.",
+		"assistant-classification-not-permitted": "The model this agent uses may not receive data of the agent's classification. Ask an administrator to choose a model profile that permits it.",
+		"assistant-files-unavailable": "This application gives the assistant no files.",
+		"assistant-files-not-accepted": "This agent does not accept files. An administrator can switch files on for it.",
+		"assistant-file-reference-invalid": "A file could not be read because its reference is not valid.",
+		"assistant-file-not-found": "The file was not found. It may have been removed.",
+		"assistant-file-forbidden": "You may not read this file, so the assistant did not read it either.",
+		"assistant-file-unavailable": "The file could not be opened right now. Try again in a moment.",
+		"assistant-file-reader-failed": "The reading tool for this type of file could not turn it into text.",
+		"assistant-file-too-large": "The file is larger than the assistant may read. Share a smaller file.",
+		"assistant-file-too-many-pages": "The file has more pages than the assistant may read. Share a shorter document.",
+		"assistant-file-count-limit": "The assistant may read no more files in this answer. Ask about fewer files at a time.",
+		"assistant-file-token-limit": "The files are too long for one answer. Ask about fewer or shorter files at a time.",
+		"assistant-file-type-not-supported": "The model of this agent cannot read files of this type.",
 		"assistant-proposal-hash-mismatch": "The proposed change was modified in the meantime, so nothing was changed. Reload the conversation and decide again.",
 		"assistant-title-invalid": "The conversation title is not valid. Use a shorter title.",
 		"assistant-tool-call-limit-reached": "The assistant reached the maximum number of steps for one answer. Ask a narrower question.",
@@ -439,6 +515,8 @@ var en = {
 		"assistant-run-token-limit": "This run stopped because it reached its token budget. What it did so far stays; an approver can resume it.",
 		"assistant-skill-stopped": "This skill of the agent has been stopped.",
 		"assistant-skill-paused": "This skill of the agent is paused; its events wait until it resumes.",
+		"assistant-agent-off": "This agent is switched off; it takes no work from other agents until it is switched on.",
+		"assistant-skill-off": "This skill of the agent is switched off.",
 		"assistant-skill-not-found": "The agent has no such skill.",
 		"assistant-skill-not-available": "That skill is not available now.",
 		"assistant-skill-switch-limit": "The run already switched skills as often as allowed.",
@@ -522,11 +600,19 @@ var en = {
 		"assistant-mcp-authorization-cancelled": "The authorization window was closed before it finished.",
 		"assistant-mcp-popup-blocked": "The browser blocked the authorization window. Allow pop-ups for this site and try again.",
 		"assistant-proposal-placed": "The proposal waits at the object it concerns, for that object's approvers.",
-		"assistant-proposal-not-placed": "The proposal was not placed at the object it concerns."
+		"assistant-proposal-not-placed": "The proposal was not placed at the object it concerns.",
+		"assistant-proposal-not-needed": "Not proposed: the work is already done or no longer applies.",
+		"assistant-file-upload-invalid": "The file could not be uploaded. Choose one file and try again.",
+		"assistant-file-type-not-accepted": "This type of file cannot be attached.",
+		"assistant-file-upload-refused": "The application refused this file.",
+		"assistant-file-upload-failed": "The file could not be stored right now. Try again in a moment.",
+		"assistant-file-scan-refused": "The file did not pass the scan for harmful content and was not stored."
 	},
 	notices: {
 		"no-answer": "The assistant finished without an answer. Try again or rephrase your question.",
-		"conversation-removed": "This conversation is no longer available to you."
+		"conversation-removed": "This conversation is no longer available to you.",
+		"message-queued": "The agent is working in this conversation. Your message waits for its next run, which adds it here.",
+		"message-queued-with-files": "The agent is working in this conversation. Your message and its files wait for its next run, which adds them here."
 	},
 	preferences: {
 		title: "Your preferences",
@@ -672,22 +758,31 @@ var en = {
 				stopped: "Stopped",
 				"configured-off": "Off in configuration",
 				"configured-off-hint": "Disabled in the application's code until the next deployment; it cannot be resumed here.",
+				off: "Off",
+				"off-hint": "Events, schedules and other triggers are ignored until it is switched on, and nothing waits for it. People can still chat with it and start it by hand.",
+				"starts-off": "It started off, as its code says.",
 				changed: "Changed by {{user}} on {{date}}.",
 				reason: "Note: {{reason}}",
 				waiting: "{{count}} events wait for the resume.",
 				action: {
 					active: "Resume",
 					paused: "Pause",
+					off: "Switch off",
+					"switch-on": "Switch on",
 					stopped: "Stop"
 				},
 				explain: {
 					active: "The agent works again. Every subject with waiting events gets one run.",
 					paused: "No new runs start. Events wait and run after the resume; running work finishes and approved proposals execute.",
+					off: "Events, schedules, webhooks, hand-offs and follow-ups are ignored and nothing waits; switching on later starts nothing for them. Running work finishes, open proposals can still be decided and people can still chat with the agent and start it by hand.",
+					"switch-on": "The agent takes its events, schedules and other triggers again. Nothing that happened while it was off runs.",
 					stopped: "Active runs are cancelled, their open proposals withdrawn and waiting events dropped. Approved proposals wait until the agent works again."
 				},
 				confirm: {
 					active: "Confirm resume",
 					paused: "Confirm pause",
+					off: "Confirm switch off",
+					"switch-on": "Confirm switch on",
 					stopped: "Confirm stop"
 				},
 				"note-label": "Note for other administrators (optional)",
@@ -700,6 +795,8 @@ var en = {
 				explain: {
 					active: "The skill {{skill}} works again. Every subject with events waiting for it gets one run.",
 					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.",
+					off: "Triggers of the skill {{skill}} are ignored and rules and triage no longer route work to it; nothing waits for it. Running work finishes. The other skills keep working.",
+					"switch-on": "The skill {{skill}} takes work again. Nothing that happened while it was off runs.",
 					stopped: "The runs of the skill {{skill}} are cancelled and its waiting events dropped; its triggers are refused. The other skills keep working."
 				}
 			},
@@ -776,7 +873,10 @@ var en = {
 				"view-policy": "Results for the whole application seen by: {{policy}}."
 			},
 			groups: "Groups: {{groups}}",
-			"catalog-failed": "The building blocks of agent runs could not be read. Until they are, agents cannot be run now here and what an agent works on and its groups stay as they are."
+			"catalog-failed": "The building blocks of agent runs could not be read. Until they are, agents cannot be run now here and what an agent works on and its groups stay as they are.",
+			warnings: {
+				"classification-not-permitted": "Neither the agent's model profile nor the profile's fallbacks permit its data classification. The agent is saved, but its model calls are refused until a profile permits the classification."
+			}
 		},
 		"agent-editor": {
 			"new-title": "New agent",
@@ -791,7 +891,14 @@ var en = {
 			"autonomy-hint": "Only Execute allows changes, and every change still needs approval.",
 			"required-policy": "Required policy",
 			"required-policy-hint": "Optional. Only users who pass this policy see the agent.",
+			profile: "Model profile",
+			"profile-default": "The application's chat profile",
+			"profile-hint": "The model the agent works with, from the profiles the application offers for agents created here.",
+			classification: "Data classification",
+			"classification-hint": "How sensitive the data is that the agent's model calls carry, in chats with it and in its runs. Its model profile or one of the profile's fallbacks must permit it; a skill may set its own.",
 			"state-hint": "Pause, stop and resume the agent from the agent list. Saving never changes its state.",
+			"switch-on-now": "Switch on now",
+			"switch-on-now-hint": "Otherwise the agent starts off: its events, schedules and other triggers are ignored until you switch it on in the agent list. People can still chat with it and start it by hand.",
 			"tool-selectors": "Tool selectors",
 			"tool-selectors-hint": "Choose tools from the catalog or add a pattern such as sample-api.project.*. MCP tools come from the assigned servers.",
 			"add-selector": "Add pattern",
@@ -1006,7 +1113,33 @@ var en = {
 			"client-secret-reference": "Client secret reference",
 			"organization-account-label": "Connected account",
 			"organization-account-label-hint": "Which account the organization connects, for example \"Planning service account\". Everyone using the server sees it.",
-			"organization-account-label-required": "Name the account that will be connected."
+			"organization-account-label-required": "Name the account that will be connected.",
+			reader: {
+				title: "Reading documents",
+				hint: "Models that cannot read a file type themselves can get the file as text from a reader of this server. The assistant calls the reader's tool with the file name, media type and base64 content of the file, after the application's own readers.",
+				empty: "This server reads no files.",
+				item: "Reader {{number}}",
+				add: "Add reader",
+				"add-hint": "Each reader is one of the server's synced tools; a server has at most {{max}}.",
+				limit: "This server has the most readers it can have ({{max}}).",
+				remove: "Remove",
+				"remove-label": "Remove reader {{number}}",
+				"media-types": "Media types",
+				"media-types-hint": "Comma-separated, at most 16, such as application/vnd.openxmlformats-officedocument.wordprocessingml.document.",
+				"media-types-invalid": "Enter 1 to 16 media types of the form type/subtype, separated by commas.",
+				tool: "Reading tool",
+				"tool-choose": "Choose a tool",
+				"tool-hint": "A tool synced from this server that turns a file into text. It does not have to be enabled for agents.",
+				"tool-duplicate": "Another reader of this server already uses this tool.",
+				"tool-sync": "Sync the server's tools first, then add a reader.",
+				priority: "Priority",
+				"priority-hint": "Readers with a higher priority are asked first, after the application's own readers; with the same priority, by server and tool name.",
+				"priority-invalid": "Enter a whole number from {{min}} to {{max}}.",
+				"max-classification": "Highest classification",
+				"max-classification-choose": "Choose a classification",
+				"max-classification-hint": "A file that is more sensitive is never sent to this server.",
+				"leaves-application": "A file sent to this server leaves the application. Choose a classification the server may receive; for personal connections the person's consent to background use still applies."
+			}
 		},
 		tools: {
 			title: "Tools of {{name}}",
@@ -1154,6 +1287,19 @@ var en = {
 			"replay-progress": "{{replayed}} of at most {{max}} runs replayed, {{skipped}} skipped"
 		},
 		"run-config": {
+			files: {
+				label: "Accepts files",
+				"agent-hint": "People's messages and the agent's tools may give it documents, such as PDFs, within the application's limits. A new agent accepts none until you switch this on.",
+				"skill-hint": "Runs in this skill may read documents when the agent accepts them too. A new skill accepts none until you switch this on.",
+				"limits-title": "Lower file limits",
+				"agent-limits-hint": "Leave a field empty to keep the application's limit. A value can only lower it.",
+				"skill-limits-hint": "Leave a field empty to keep the agent's limit. A value can only lower the application's.",
+				"max-file-megabytes": "Largest file (MB)",
+				"max-file-pages": "Most pages per file",
+				"max-files-per-turn": "Most files per turn",
+				"max-file-tokens-per-turn": "Most file tokens per turn",
+				"application-limit": "The application allows at most {{value}}."
+			},
 			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.",
@@ -1192,7 +1338,9 @@ var en = {
 				taken: "This id is already in use.",
 				"name-letters": "Use at least one letter in the name.",
 				"instructions-for-model": "Without fixed rules the model works from these instructions; describe what it should do.",
-				"application-not-worked-on": "The agent does not work on the whole application. Choose a set of objects, or let the agent work on the whole application first."
+				"application-not-worked-on": "The agent does not work on the whole application. Choose a set of objects, or let the agent work on the whole application first.",
+				"megabytes-up-to": "Enter a size above 0 and at most {{max}} MB.",
+				"megabytes-positive": "Enter a size above 0 MB."
 			},
 			settings: {
 				title: "Run settings",
@@ -1293,6 +1441,8 @@ var en = {
 				"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.",
+				"switch-on-now": "Switch on now",
+				"switch-on-now-hint": "Otherwise the skill starts off: triggers that name it are ignored and rules and triage do not route to it until you switch it on in the agent list.",
 				versions: "Versions",
 				"remove-explain": "Its versions stay as history. A trigger that starts it must go first.",
 				what: {
@@ -1304,6 +1454,22 @@ var en = {
 				"rules-hint": "The rules decide without a model; a doubtful case goes to the model with the instructions below.",
 				"model-hint": "The model decides with the instructions below and the chosen tools.",
 				"profile-hint": "The model profile it uses; by default the agent's.",
+				classification: {
+					label: "Data classification",
+					agent: "The agent's classification",
+					hint: "How sensitive the data is that the skill sends to its model. Its model profile must permit it; otherwise its model calls are refused.",
+					"public": "Public",
+					"public-hint": "Data anyone may see.",
+					internal: "Internal",
+					"internal-hint": "Data of the organization; the default.",
+					confidential: "Confidential",
+					"confidential-hint": "Data only some people may see, such as personal or financial data.",
+					restricted: "Restricted",
+					"restricted-hint": "The most sensitive data, for which only specially approved models may be used."
+				},
+				warnings: {
+					"classification-not-permitted": "Neither the skill's model profile nor the profile's fallbacks permit its data classification. The skill is saved, but its model calls are refused until a profile permits the classification."
+				},
 				"apply-shadow-hint": "The new version runs next to the live one; compare them, then promote or discard it.",
 				"apply-live-hint": "For a small correction: the new version replaces the live one at once.",
 				"tools-pattern": "All tools that match: {{count}} now.",
@@ -2086,7 +2252,9 @@ var nl = {
 		elapsed: "{{seconds}} s",
 		participant: "Deelnemer",
 		trigger: "Gebeurtenis",
-		rule: "Automatische regel"
+		rule: "Automatische regel",
+		files: "Bijgevoegde bestanden",
+		"file-meta": "{{type}}, {{size}}"
 	},
 	composer: {
 		label: "Bericht",
@@ -2101,6 +2269,18 @@ var nl = {
 			"waiting-for-approval": "Wacht op goedkeuring",
 			"running-by": "{{name}} werkt met de assistent…",
 			"waiting-for-approval-by": "Wacht op de beslissing van {{name}}…"
+		},
+		attach: "Bestanden bijvoegen",
+		"attach-hint": "{{types}}, elk tot {{max}}, hoogstens {{count}} bestanden per bericht",
+		attachments: "Bijgevoegde bestanden",
+		"remove-attachment": "{{name}} verwijderen",
+		uploading: "{{name}} wordt geüpload",
+		"uploading-hint": "Het bericht kan worden verstuurd zodra de bestanden zijn geüpload",
+		"attachment-errors": {
+			"assistant-file-type-not-accepted": "Dit type bestand kan niet worden bijgevoegd. Voeg {{types}} bij.",
+			"assistant-file-too-large": "Het bestand is groter dan {{max}}.",
+			"assistant-file-count-limit": "Een bericht kan hoogstens {{count}} bestanden bevatten.",
+			"assistant-file-upload-invalid": "Het bestand is leeg of de naam is niet bruikbaar."
 		}
 	},
 	queue: {
@@ -2118,7 +2298,8 @@ var nl = {
 			preparing: "Klaarzetten…",
 			sending: "Versturen…",
 			failed: "Niet verstuurd; hervat om opnieuw te proberen"
-		}
+		},
+		files: "Bestanden ({{count}}): {{names}}"
 	},
 	"tool-call": {
 		label: "Toolaanroep: {{name}}",
@@ -2254,7 +2435,8 @@ var nl = {
 		"assistant-proposal-already-open": "Niet opnieuw voorgesteld: hetzelfde voorstel wacht al.",
 		"assistant-proposal-recently-rejected": "Niet opnieuw voorgesteld: het is kort geleden afgewezen.",
 		"assistant-proposal-placed": "Voorgesteld bij het object; wacht op de goedkeurders daarvan",
-		"assistant-proposal-not-placed": "Niet voorgesteld: het object waar het om gaat accepteert het niet."
+		"assistant-proposal-not-placed": "Niet voorgesteld: het object waar het om gaat accepteert het niet.",
+		"assistant-proposal-not-needed": "Niet voorgesteld: het werk is al gedaan of is niet meer van toepassing."
 	},
 	errors: {
 		generic: "Er ging iets mis. Probeer het opnieuw.",
@@ -2308,6 +2490,19 @@ var nl = {
 		"assistant-message-invalid": "Het bericht is leeg of ongeldig. Schrijf een vraag en verstuur hem opnieuw.",
 		"assistant-message-too-long": "Het bericht is te lang. Maak het korter en verstuur het opnieuw.",
 		"assistant-model-unavailable": "Het taalmodel is tijdelijk niet beschikbaar. Probeer het zo opnieuw.",
+		"assistant-classification-not-permitted": "Het model dat deze agent gebruikt mag geen gegevens met de classificatie van de agent ontvangen. Vraag een beheerder een modelprofiel te kiezen dat dit toestaat.",
+		"assistant-files-unavailable": "Deze applicatie geeft de assistent geen bestanden.",
+		"assistant-files-not-accepted": "Deze agent neemt geen bestanden aan. Een beheerder kan bestanden voor hem aanzetten.",
+		"assistant-file-reference-invalid": "Een bestand kon niet worden gelezen omdat de verwijzing ongeldig is.",
+		"assistant-file-not-found": "Het bestand is niet gevonden. Misschien is het verwijderd.",
+		"assistant-file-forbidden": "Je mag dit bestand niet lezen, dus de assistent heeft het ook niet gelezen.",
+		"assistant-file-unavailable": "Het bestand kon nu niet worden geopend. Probeer het zo opnieuw.",
+		"assistant-file-reader-failed": "Het leesprogramma voor dit type bestand kon het niet omzetten in tekst.",
+		"assistant-file-too-large": "Het bestand is groter dan de assistent mag lezen. Deel een kleiner bestand.",
+		"assistant-file-too-many-pages": "Het bestand heeft meer pagina's dan de assistent mag lezen. Deel een korter document.",
+		"assistant-file-count-limit": "De assistent mag in dit antwoord geen bestanden meer lezen. Vraag naar minder bestanden tegelijk.",
+		"assistant-file-token-limit": "De bestanden zijn te lang voor één antwoord. Vraag naar minder of kortere bestanden tegelijk.",
+		"assistant-file-type-not-supported": "Het model van deze agent kan bestanden van dit type niet lezen.",
 		"assistant-proposal-hash-mismatch": "De voorgestelde wijziging is intussen veranderd, er is niets gewijzigd. Laad het gesprek opnieuw en besluit opnieuw.",
 		"assistant-title-invalid": "De titel van het gesprek is ongeldig. Gebruik een kortere titel.",
 		"assistant-tool-call-limit-reached": "De assistent heeft het maximale aantal stappen voor één antwoord bereikt. Stel een gerichtere vraag.",
@@ -2338,6 +2533,8 @@ var nl = {
 		"assistant-run-token-limit": "Deze run is gestopt omdat hij zijn tokenbudget heeft bereikt. Wat hij al deed blijft staan; een goedkeurder kan hem hervatten.",
 		"assistant-skill-stopped": "Deze vaardigheid van de agent is gestopt.",
 		"assistant-skill-paused": "Deze vaardigheid van de agent is gepauzeerd; haar gebeurtenissen wachten tot ze hervat wordt.",
+		"assistant-agent-off": "Deze agent staat uit; hij neemt geen werk van andere agents aan tot hij aangezet wordt.",
+		"assistant-skill-off": "Deze vaardigheid van de agent staat uit.",
 		"assistant-skill-not-found": "De agent heeft deze vaardigheid niet.",
 		"assistant-skill-not-available": "Die vaardigheid is nu niet beschikbaar.",
 		"assistant-skill-switch-limit": "De run is al zo vaak van vaardigheid gewisseld als mag.",
@@ -2421,11 +2618,19 @@ var nl = {
 		"assistant-mcp-authorization-cancelled": "Het autorisatievenster is gesloten voordat het klaar was.",
 		"assistant-mcp-popup-blocked": "De browser heeft het autorisatievenster geblokkeerd. Sta pop-ups toe voor deze site en probeer het opnieuw.",
 		"assistant-proposal-placed": "Het voorstel wacht bij het object waar het om gaat, op de goedkeurders daarvan.",
-		"assistant-proposal-not-placed": "Het voorstel is niet bij het object geplaatst waar het om gaat."
+		"assistant-proposal-not-placed": "Het voorstel is niet bij het object geplaatst waar het om gaat.",
+		"assistant-proposal-not-needed": "Niet voorgesteld: het werk is al gedaan of is niet meer van toepassing.",
+		"assistant-file-upload-invalid": "Het bestand kon niet worden geüpload. Kies één bestand en probeer het opnieuw.",
+		"assistant-file-type-not-accepted": "Dit type bestand kan niet worden bijgevoegd.",
+		"assistant-file-upload-refused": "De applicatie heeft dit bestand geweigerd.",
+		"assistant-file-upload-failed": "Het bestand kon nu niet worden opgeslagen. Probeer het zo opnieuw.",
+		"assistant-file-scan-refused": "Het bestand is niet door de scan op schadelijke inhoud gekomen en is niet opgeslagen."
 	},
 	notices: {
 		"no-answer": "De assistent is klaar zonder antwoord. Probeer het opnieuw of stel je vraag anders.",
-		"conversation-removed": "Dit gesprek is niet meer voor je beschikbaar."
+		"conversation-removed": "Dit gesprek is niet meer voor je beschikbaar.",
+		"message-queued": "De agent werkt in dit gesprek. Je bericht wacht op zijn volgende run, die het hier toevoegt.",
+		"message-queued-with-files": "De agent werkt in dit gesprek. Je bericht en de bestanden wachten op zijn volgende run, die ze hier toevoegt."
 	},
 	preferences: {
 		title: "Je voorkeuren",
@@ -2571,22 +2776,31 @@ var nl = {
 				stopped: "Gestopt",
 				"configured-off": "Uit in configuratie",
 				"configured-off-hint": "Uitgeschakeld in de code van de applicatie tot de volgende deployment; hier kun je de agent niet hervatten.",
+				off: "Uit",
+				"off-hint": "Gebeurtenissen, schema's en andere triggers worden genegeerd tot de agent aangezet wordt, en er wacht niets op hem. Mensen kunnen nog met de agent chatten en hem handmatig starten.",
+				"starts-off": "De agent begon uit, zoals zijn code zegt.",
 				changed: "Gewijzigd door {{user}} op {{date}}.",
 				reason: "Notitie: {{reason}}",
 				waiting: "{{count}} gebeurtenissen wachten op het hervatten.",
 				action: {
 					active: "Hervatten",
 					paused: "Pauzeren",
+					off: "Uitzetten",
+					"switch-on": "Aanzetten",
 					stopped: "Stoppen"
 				},
 				explain: {
 					active: "De agent werkt weer. Elk onderwerp met wachtende gebeurtenissen krijgt één run.",
 					paused: "Er starten geen nieuwe runs. Gebeurtenissen wachten en lopen na het hervatten; lopend werk wordt afgemaakt en goedgekeurde voorstellen worden uitgevoerd.",
+					off: "Gebeurtenissen, schema's, webhooks, overdrachten en vervolgruns worden genegeerd en er wacht niets; later aanzetten start er niets voor. Lopend werk wordt afgemaakt, open voorstellen kunnen nog beoordeeld worden en mensen kunnen nog met de agent chatten en hem handmatig starten.",
+					"switch-on": "De agent neemt zijn gebeurtenissen, schema's en andere triggers weer aan. Wat er gebeurde terwijl hij uit stond, loopt niet alsnog.",
 					stopped: "Actieve runs worden geannuleerd, hun open voorstellen ingetrokken en wachtende gebeurtenissen vervallen. Goedgekeurde voorstellen wachten tot de agent weer werkt."
 				},
 				confirm: {
 					active: "Hervatten bevestigen",
 					paused: "Pauze bevestigen",
+					off: "Uitzetten bevestigen",
+					"switch-on": "Aanzetten bevestigen",
 					stopped: "Stop bevestigen"
 				},
 				"note-label": "Notitie voor andere beheerders (optioneel)",
@@ -2599,6 +2813,8 @@ var nl = {
 				explain: {
 					active: "De vaardigheid {{skill}} werkt weer. Elk onderwerp met gebeurtenissen die erop wachten krijgt één run.",
 					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.",
+					off: "Triggers van de vaardigheid {{skill}} worden genegeerd en regels en triage sturen er geen werk meer heen; er wacht niets op haar. Lopend werk wordt afgemaakt. De andere vaardigheden werken door.",
+					"switch-on": "De vaardigheid {{skill}} neemt weer werk aan. Wat er gebeurde terwijl ze uit stond, loopt niet alsnog.",
 					stopped: "De runs van de vaardigheid {{skill}} worden geannuleerd en haar wachtende gebeurtenissen vervallen; haar triggers worden geweigerd. De andere vaardigheden werken door."
 				}
 			},
@@ -2675,7 +2891,10 @@ var nl = {
 				"view-policy": "Resultaten voor de hele applicatie zichtbaar voor: {{policy}}."
 			},
 			groups: "Groepen: {{groups}}",
-			"catalog-failed": "De bouwstenen van agentruns konden niet worden gelezen. Tot dat lukt, kunnen agents hier niet nu draaien en blijven waar een agent aan werkt en zijn groepen zoals ze zijn."
+			"catalog-failed": "De bouwstenen van agentruns konden niet worden gelezen. Tot dat lukt, kunnen agents hier niet nu draaien en blijven waar een agent aan werkt en zijn groepen zoals ze zijn.",
+			warnings: {
+				"classification-not-permitted": "Het modelprofiel van de agent en de terugvalprofielen daarvan staan zijn dataclassificatie niet toe. De agent is opgeslagen, maar zijn modelaanroepen worden geweigerd tot een profiel de classificatie toestaat."
+			}
 		},
 		"agent-editor": {
 			"new-title": "Nieuwe agent",
@@ -2690,7 +2909,14 @@ var nl = {
 			"autonomy-hint": "Alleen Uitvoeren staat wijzigingen toe, en elke wijziging vraagt nog steeds om goedkeuring.",
 			"required-policy": "Vereiste policy",
 			"required-policy-hint": "Optioneel. Alleen gebruikers die aan deze policy voldoen zien de agent.",
+			profile: "Modelprofiel",
+			"profile-default": "Het chatprofiel van de applicatie",
+			"profile-hint": "Het model waarmee de agent werkt, uit de profielen die de applicatie aanbiedt voor agents die hier gemaakt worden.",
+			classification: "Dataclassificatie",
+			"classification-hint": "Hoe gevoelig de gegevens zijn die de modelaanroepen van de agent bevatten, in chats met hem en in zijn runs. Zijn modelprofiel of een van de terugvalprofielen daarvan moet dit toestaan; een vaardigheid kan een eigen classificatie hebben.",
 			"state-hint": "Pauzeer, stop en hervat de agent vanuit de lijst met agents. Opslaan verandert de stand nooit.",
+			"switch-on-now": "Nu aanzetten",
+			"switch-on-now-hint": "Anders begint de agent uit: zijn gebeurtenissen, schema's en andere triggers worden genegeerd tot je hem aanzet in de lijst met agents. Mensen kunnen nog met de agent chatten en hem handmatig starten.",
 			"tool-selectors": "Toolselectors",
 			"tool-selectors-hint": "Kies tools uit de catalogus of voeg een patroon toe, zoals sample-api.project.*. MCP-tools komen van de toegewezen servers.",
 			"add-selector": "Patroon toevoegen",
@@ -2905,7 +3131,33 @@ var nl = {
 			"client-secret-reference": "Verwijzing naar het clientgeheim",
 			"organization-account-label": "Gekoppeld account",
 			"organization-account-label-hint": "Welk account de organisatie koppelt, bijvoorbeeld \"Planning-serviceaccount\". Iedereen die de server gebruikt ziet het.",
-			"organization-account-label-required": "Noem het account dat gekoppeld wordt."
+			"organization-account-label-required": "Noem het account dat gekoppeld wordt.",
+			reader: {
+				title: "Documenten lezen",
+				hint: "Modellen die een bestandstype niet zelf kunnen lezen, kunnen het bestand als tekst van een leesprogramma van deze server krijgen. De assistent roept de tool van het leesprogramma aan met de bestandsnaam, het mediatype en de base64-inhoud van het bestand, na de eigen leesprogramma's van de applicatie.",
+				empty: "Deze server leest geen bestanden.",
+				item: "Leesprogramma {{number}}",
+				add: "Leesprogramma toevoegen",
+				"add-hint": "Elk leesprogramma is een van de gesynchroniseerde tools van de server; een server heeft er hoogstens {{max}}.",
+				limit: "Deze server heeft het grootste aantal leesprogramma's dat kan ({{max}}).",
+				remove: "Verwijderen",
+				"remove-label": "Leesprogramma {{number}} verwijderen",
+				"media-types": "Mediatypes",
+				"media-types-hint": "Gescheiden door komma's, hoogstens 16, zoals application/vnd.openxmlformats-officedocument.wordprocessingml.document.",
+				"media-types-invalid": "Vul 1 tot 16 mediatypes in van de vorm type/subtype, gescheiden door komma's.",
+				tool: "Leesprogramma",
+				"tool-choose": "Kies een tool",
+				"tool-hint": "Een tool die van deze server is gesynchroniseerd en een bestand omzet in tekst. Hij hoeft niet voor agents aan te staan.",
+				"tool-duplicate": "Een ander leesprogramma van deze server gebruikt deze tool al.",
+				"tool-sync": "Synchroniseer eerst de tools van de server en voeg dan een leesprogramma toe.",
+				priority: "Prioriteit",
+				"priority-hint": "Leesprogramma's met een hogere prioriteit worden eerst gevraagd, na de eigen leesprogramma's van de applicatie; bij dezelfde prioriteit op server en toolnaam.",
+				"priority-invalid": "Vul een geheel getal in van {{min}} tot {{max}}.",
+				"max-classification": "Hoogste classificatie",
+				"max-classification-choose": "Kies een classificatie",
+				"max-classification-hint": "Een gevoeliger bestand wordt nooit naar deze server gestuurd.",
+				"leaves-application": "Een bestand dat naar deze server gaat, verlaat de applicatie. Kies een classificatie die de server mag ontvangen; voor persoonlijke verbindingen blijft de toestemming van de persoon voor gebruik op de achtergrond gelden."
+			}
 		},
 		tools: {
 			title: "Tools van {{name}}",
@@ -3053,6 +3305,19 @@ var nl = {
 			"replay-progress": "{{replayed}} van hoogstens {{max}} runs herhaald, {{skipped}} overgeslagen"
 		},
 		"run-config": {
+			files: {
+				label: "Neemt bestanden aan",
+				"agent-hint": "Berichten van mensen en de tools van de agent mogen hem documenten geven, zoals pdf's, binnen de limieten van de applicatie. Een nieuwe agent neemt er geen aan totdat je dit aanzet.",
+				"skill-hint": "Runs in deze vaardigheid mogen documenten lezen als de agent ze ook aanneemt. Een nieuwe vaardigheid neemt er geen aan totdat je dit aanzet.",
+				"limits-title": "Lagere bestandslimieten",
+				"agent-limits-hint": "Laat een veld leeg om de limiet van de applicatie te houden. Een waarde kan die alleen verlagen.",
+				"skill-limits-hint": "Laat een veld leeg om de limiet van de agent te houden. Een waarde kan die van de applicatie alleen verlagen.",
+				"max-file-megabytes": "Grootste bestand (MB)",
+				"max-file-pages": "Meeste pagina's per bestand",
+				"max-files-per-turn": "Meeste bestanden per beurt",
+				"max-file-tokens-per-turn": "Meeste bestandstokens per beurt",
+				"application-limit": "De applicatie staat hooguit {{value}} toe."
+			},
 			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.",
@@ -3091,7 +3356,9 @@ var nl = {
 				taken: "Deze id is al in gebruik.",
 				"name-letters": "Gebruik minstens één letter in de naam.",
 				"instructions-for-model": "Zonder vaste regels werkt het model met deze instructies; beschrijf wat het moet doen.",
-				"application-not-worked-on": "De agent werkt niet aan de hele applicatie. Kies een verzameling objecten, of laat de agent eerst aan de hele applicatie werken."
+				"application-not-worked-on": "De agent werkt niet aan de hele applicatie. Kies een verzameling objecten, of laat de agent eerst aan de hele applicatie werken.",
+				"megabytes-up-to": "Vul een grootte in boven 0 en hooguit {{max}} MB.",
+				"megabytes-positive": "Vul een grootte in boven 0 MB."
 			},
 			settings: {
 				title: "Runinstellingen",
@@ -3192,6 +3459,8 @@ var nl = {
 				"apply-shadow": "Eerst in schaduw beoordelen naast de live versie",
 				"apply-live": "Direct live zetten",
 				"starts-in-shadow": "Een nieuwe vaardigheid start in schaduw.",
+				"switch-on-now": "Nu aanzetten",
+				"switch-on-now-hint": "Anders begint de vaardigheid uit: triggers die haar noemen worden genegeerd en regels en triage sturen er niets heen tot je haar aanzet in de lijst met agents.",
 				versions: "Versies",
 				"remove-explain": "Haar versies blijven bewaard. Een trigger die haar start moet eerst weg.",
 				what: {
@@ -3203,6 +3472,22 @@ var nl = {
 				"rules-hint": "De regels beslissen zonder model; een twijfelgeval gaat naar het model met de instructies hieronder.",
 				"model-hint": "Het model beslist met de instructies hieronder en de gekozen tools.",
 				"profile-hint": "Het modelprofiel dat hij gebruikt; standaard dat van de agent.",
+				classification: {
+					label: "Dataclassificatie",
+					agent: "De classificatie van de agent",
+					hint: "Hoe gevoelig de gegevens zijn die de vaardigheid naar haar model stuurt. Haar modelprofiel moet dit toestaan; anders worden haar modelaanroepen geweigerd.",
+					"public": "Openbaar",
+					"public-hint": "Gegevens die iedereen mag zien.",
+					internal: "Intern",
+					"internal-hint": "Gegevens van de organisatie; de standaard.",
+					confidential: "Vertrouwelijk",
+					"confidential-hint": "Gegevens die alleen sommige mensen mogen zien, zoals persoonlijke of financiële gegevens.",
+					restricted: "Strikt vertrouwelijk",
+					"restricted-hint": "De gevoeligste gegevens, waarvoor alleen speciaal goedgekeurde modellen gebruikt mogen worden."
+				},
+				warnings: {
+					"classification-not-permitted": "Het modelprofiel van de vaardigheid en de terugvalprofielen daarvan staan haar dataclassificatie niet toe. De vaardigheid is opgeslagen, maar haar modelaanroepen worden geweigerd tot een profiel de classificatie toestaat."
+				},
 				"apply-shadow-hint": "De nieuwe versie draait naast de live versie; vergelijk ze en promoveer of verwerp hem daarna.",
 				"apply-live-hint": "Voor een kleine correctie: de nieuwe versie vervangt de live versie meteen.",
 				"tools-pattern": "Alle tools die passen: nu {{count}}.",
@@ -4080,6 +4365,11 @@ class NhAssistantSseParser {
     }
 }
 
+/**
+ * The request header every upload carries. A browser cannot send it with a cross-site form, so the
+ * upload endpoint keeps the posture of the JSON endpoints.
+ */
+const NH_ASSISTANT_UPLOAD_HEADER = 'X-NH-Assistant-Upload';
 /** A failed JSON request of the assistant API. Carries a stable code, never response text. */
 class NhAssistantApiError extends Error {
     constructor(status, code, messageKey, 
@@ -4126,6 +4416,8 @@ function nhAssistantCodeForStatus(status) {
 }
 const safeCode = /^[a-z0-9][a-z0-9.-]{0,79}$/;
 const safeField = /^[a-zA-Z][a-zA-Z0-9.]{0,63}$/;
+/** A field of one item of a list, such as `readers[0].toolName`. */
+const safeItemField = /^[a-zA-Z][a-zA-Z0-9]{0,31}\[\d{1,4}\](\.[a-zA-Z][a-zA-Z0-9]{0,31})?$/;
 /**
  * Whether a value the server or a callback page sent is a code the library may show: lowercase
  * letters, digits, dots and dashes, at most 80 characters. Every reader of untrusted codes uses this
@@ -4142,6 +4434,7 @@ class NhAssistantTransport {
     constructor() {
         this.config = inject(NH_ASSISTANT_CONFIG);
         this.fetchFn = inject(NH_ASSISTANT_FETCH);
+        this.uploadFn = inject(NH_ASSISTANT_UPLOAD);
         this.translate = inject(TranslateService, { optional: true });
         this.injector = inject(EnvironmentInjector);
     }
@@ -4157,6 +4450,36 @@ class NhAssistantTransport {
         const init = await this.createInit(method, accept, body, signal);
         return this.fetchFn(this.url(path), init);
     }
+    /**
+     * Uploads `form` with progress and resolves with the parsed JSON answer. Rejects with
+     * `NhAssistantApiError`, never with raw text: the code of a refused upload's error body, the
+     * generic status mapping without one and `assistant-network` when it did not reach the server.
+     * An aborted upload rejects with an `AbortError`.
+     */
+    async upload(path, form, onProgress, signal) {
+        const headers = await this.headers('application/json');
+        headers[NH_ASSISTANT_UPLOAD_HEADER] = '1';
+        let response;
+        try {
+            response = await this.uploadFn({ url: this.url(path), headers, body: form, signal, onProgress });
+        }
+        catch (error) {
+            if (signal.aborted) {
+                throw error;
+            }
+            throw createApiError(0, nhAssistantCodeForStatus(0));
+        }
+        if (!response.ok) {
+            const failure = await this.failure(response, {});
+            throw createApiError(response.status, failure.code, failure.fieldErrors);
+        }
+        try {
+            return JSON.parse(await response.text());
+        }
+        catch {
+            throw createApiError(response.status, NhAssistantClientErrorCodes.invalidResponse);
+        }
+    }
     /**
      * Downloads a file of the assistant API. Rejects with `NhAssistantApiError`, never with raw text:
      * the code and field errors of a refused request's error body (whatever its content type), the
@@ -4203,7 +4526,7 @@ class NhAssistantTransport {
             if (errors && typeof errors === 'object' && !Array.isArray(errors)) {
                 for (const [field, values] of Object.entries(errors)) {
                     const safe = Array.isArray(values) ? values.filter(nhAssistantIsSafeCode) : [];
-                    if (safeField.test(field) && safe.length > 0) {
+                    if ((safeField.test(field) || safeItemField.test(field)) && safe.length > 0) {
                         fieldErrors[field] = safe;
                     }
                 }
@@ -4246,16 +4569,7 @@ class NhAssistantTransport {
         }
     }
     async createInit(method, accept, body, signal) {
-        const headers = await nhAssistantRequestHeaders(this.config, this.injector);
-        headers['Accept'] = accept;
-        const token = await runInInjectionContext(this.injector, () => this.config.getAccessToken());
-        if (token) {
-            headers['Authorization'] = `Bearer ${token}`;
-        }
-        const language = this.translate?.getCurrentLang();
-        if (language) {
-            headers['Accept-Language'] = language;
-        }
+        const headers = await this.headers(accept);
         if (body !== undefined) {
             headers['Content-Type'] = 'application/json';
         }
@@ -4267,6 +4581,20 @@ class NhAssistantTransport {
             cache: 'no-store'
         };
     }
+    /** The host's extra headers, `Accept`, the bearer token and the current language. */
+    async headers(accept) {
+        const headers = await nhAssistantRequestHeaders(this.config, this.injector);
+        headers['Accept'] = accept;
+        const token = await runInInjectionContext(this.injector, () => this.config.getAccessToken());
+        if (token) {
+            headers['Authorization'] = `Bearer ${token}`;
+        }
+        const language = this.translate?.getCurrentLang();
+        if (language) {
+            headers['Accept-Language'] = language;
+        }
+        return headers;
+    }
     url(path) {
         const base = this.config.apiBaseUrl.replace(/\/+$/, '');
         return `${base}/${path}`;
@@ -4300,6 +4628,8 @@ async function nhAssistantRequestHeaders(config, injector) {
 }
 
 const knownEventTypes = new Set(NH_ASSISTANT_SSE_EVENT_TYPES);
+/** The outcomes of a trigger receipt with which the next run takes a waiting message. */
+const queuedOutcomes = new Set(['started', 'queued', 'coalesced', 'superseded', 'waiting', 'deferred']);
 /**
  * Client for the assistant HTTP API. JSON endpoints return cold observables that abort
  * their request on unsubscribe. Streaming endpoints emit every contract event and complete
@@ -4330,11 +4660,33 @@ class NhAssistantApiService {
         return this.transport.json('DELETE', `conversations/${encodeURIComponent(conversationId)}`);
     }
     sendMessage(conversationId, request) {
-        return this.requestStream(`conversations/${encodeURIComponent(conversationId)}/messages`, request);
+        return this.requestStream(`conversations/${encodeURIComponent(conversationId)}/messages`, request, true);
+    }
+    /**
+     * Uploads one file to a conversation as `multipart/form-data` (`POST conversations/{id}/files`):
+     * emits the progress while the file is sent and then the stored file, whose reference a message
+     * carries in `files`. Fails with `NhAssistantApiError`; unsubscribing aborts the upload. The
+     * media type of `file` is the one the upload declares.
+     */
+    uploadFile(conversationId, file, name) {
+        return new Observable(subscriber => {
+            const abort = new AbortController();
+            const form = new FormData();
+            form.append('file', file, name);
+            this.transport.upload(`conversations/${encodeURIComponent(conversationId)}/files`, form, (loaded, total) => subscriber.next({ type: 'progress', loaded, total }), abort.signal).then(reference => {
+                subscriber.next({ type: 'uploaded', file: reference });
+                subscriber.complete();
+            }, error => {
+                if (!abort.signal.aborted) {
+                    subscriber.error(error);
+                }
+            });
+            return () => abort.abort();
+        });
     }
     decideApproval(conversationId, approvalId, request) {
         const path = `conversations/${encodeURIComponent(conversationId)}/approvals/${encodeURIComponent(approvalId)}/decide`;
-        return this.requestStream(path, request);
+        return this.requestStream(path, request, false);
     }
     cancel(conversationId) {
         return this.transport.json('POST', `conversations/${encodeURIComponent(conversationId)}/cancel`);
@@ -4416,14 +4768,14 @@ class NhAssistantApiService {
     completeMcpAuthorization(request) {
         return this.transport.json('POST', 'mcp-connections/complete', request);
     }
-    requestStream(path, body) {
+    requestStream(path, body, queuedReceipt) {
         return new Observable(subscriber => {
             const abort = new AbortController();
-            void this.executeStream(path, body, abort.signal, subscriber);
+            void this.executeStream(path, body, queuedReceipt, abort.signal, subscriber);
             return () => abort.abort();
         });
     }
-    async executeStream(path, body, signal, subscriber) {
+    async executeStream(path, body, queuedReceipt, signal, subscriber) {
         let response;
         try {
             response = await this.transport.fetch('POST', path, 'text/event-stream', body, signal);
@@ -4436,6 +4788,10 @@ class NhAssistantApiService {
             this.emitClientError(subscriber, signal, await this.transport.failureCode(response));
             return;
         }
+        if (queuedReceipt && response.status === 202) {
+            await this.readQueuedReceipt(response, signal, subscriber);
+            return;
+        }
         const contentType = response.headers.get('content-type') ?? '';
         if (!response.body || !contentType.toLowerCase().startsWith('text/event-stream')) {
             this.emitClientError(subscriber, signal, NhAssistantClientErrorCodes.invalidResponse);
@@ -4443,6 +4799,33 @@ class NhAssistantApiService {
         }
         await this.readStream(response.body, signal, subscriber);
     }
+    /**
+     * A message to an agent's thread whose run works waits for the next run: the server answers `202`
+     * with the trigger receipt instead of a stream. A receipt the run takes the message with becomes
+     * `message.queued`; one that refused it becomes an `error` with its code.
+     */
+    async readQueuedReceipt(response, signal, subscriber) {
+        let receipt;
+        try {
+            receipt = JSON.parse(await response.text());
+        }
+        catch {
+            receipt = null;
+        }
+        if (signal.aborted || subscriber.closed) {
+            return;
+        }
+        if (!receipt || typeof receipt.outcome !== 'string') {
+            this.emitClientError(subscriber, signal, NhAssistantClientErrorCodes.invalidResponse);
+            return;
+        }
+        if (!queuedOutcomes.has(receipt.outcome)) {
+            this.emitClientError(subscriber, signal, nhAssistantIsSafeCode(receipt.reasonCode) ? receipt.reasonCode : NhAssistantClientErrorCodes.conversationBusy);
+            return;
+        }
+        subscriber.next({ type: 'message.queued', data: receipt });
+        subscriber.complete();
+    }
     async readStream(body, signal, subscriber) {
         const reader = body.getReader();
         const decoder = new TextDecoder();
@@ -5860,6 +6243,89 @@ function sameKey(current, expected) {
     return bytes.length === expected.length && bytes.every((byte, index) => byte === expected[index]);
 }
 
+/** The longest file name a file reference takes. */
+const NH_ASSISTANT_MAX_FILE_NAME_LENGTH = 256;
+const unknownMediaType = 'application/octet-stream';
+/** The media types the platform names, with the extensions a file picker offers and a short label. */
+const knownTypes = {
+    'application/pdf': { extensions: ['.pdf'], label: 'PDF' },
+    'image/png': { extensions: ['.png'], label: 'PNG' },
+    'image/jpeg': { extensions: ['.jpg', '.jpeg'], label: 'JPEG' },
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': { extensions: ['.docx'], label: 'Word' },
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': { extensions: ['.xlsx'], label: 'Excel' }
+};
+/**
+ * The media type of a chosen file, lowercase and without parameters. A browser that does not know
+ * the type, as happens for Office documents, gives none; the extension of a known type then names
+ * it. Otherwise `application/octet-stream`.
+ */
+function nhAssistantMediaTypeOf(file) {
+    const declared = file.type.split(';')[0].trim().toLowerCase();
+    if (declared.length > 0 && declared !== unknownMediaType) {
+        return declared;
+    }
+    const name = file.name.toLowerCase();
+    for (const [mediaType, known] of Object.entries(knownTypes)) {
+        if (known.extensions.some(extension => name.endsWith(extension))) {
+            return mediaType;
+        }
+    }
+    return unknownMediaType;
+}
+/**
+ * The failure code of a file before it is uploaded, or `null` when it may be: the most files of one
+ * message, an accepted media type, content and a usable name, and the largest size. `attached` counts
+ * the files the message already carries.
+ */
+function nhAssistantFileProblem(file, mediaType, uploads, attached) {
+    if (attached >= uploads.maxFiles) {
+        return 'assistant-file-count-limit';
+    }
+    if (!uploads.acceptedMediaTypes.includes(mediaType)) {
+        return 'assistant-file-type-not-accepted';
+    }
+    if (file.size === 0 || file.name.trim().length === 0 || file.name.length > NH_ASSISTANT_MAX_FILE_NAME_LENGTH) {
+        return 'assistant-file-upload-invalid';
+    }
+    if (file.size > uploads.maxFileBytes) {
+        return 'assistant-file-too-large';
+    }
+    return null;
+}
+/** The `accept` attribute of a file input for these media types: each type and its known extensions. */
+function nhAssistantAcceptAttribute(mediaTypes) {
+    return mediaTypes
+        .flatMap(mediaType => [mediaType, ...(knownTypes[mediaType]?.extensions ?? [])])
+        .join(',');
+}
+/** A short name of a media type, such as `PDF` or `Word`; otherwise its subtype in capitals. */
+function nhAssistantFileTypeLabel(mediaType) {
+    const known = knownTypes[mediaType];
+    if (known) {
+        return known.label;
+    }
+    const subtype = mediaType.split('/')[1] ?? mediaType;
+    return subtype.split(/[.+]/).pop().toUpperCase();
+}
+/** A size in bytes as people read it, such as `820 KB` or `1.4 MB`, in the given language. */
+function nhAssistantFormatFileSize(bytes, language) {
+    const units = ['B', 'KB', 'MB', 'GB'];
+    let value = Math.max(0, bytes);
+    let unit = 0;
+    while (value >= 1024 && unit < units.length - 1) {
+        value /= 1024;
+        unit++;
+    }
+    let format;
+    try {
+        format = new Intl.NumberFormat(language || undefined, { maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1 });
+    }
+    catch {
+        format = new Intl.NumberFormat(undefined, { maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1 });
+    }
+    return `${format.format(value)} ${units[unit]}`;
+}
+
 /**
  * Applies one assistant event to a conversation and returns the new conversation.
  * The input is never mutated, so the result can be stored in a signal directly.
@@ -6291,6 +6757,11 @@ function validId(value) {
 
 /** Notice code for a completed turn that produced no answer text and no server code. */
 const NH_ASSISTANT_NO_ANSWER_NOTICE_CODE = 'assistant-no-answer';
+/**
+ * Notice code for a message that waits for the next run of the agent working in its thread: the
+ * server answered `202` with the trigger receipt, and the run adds the message, with its files.
+ */
+const NH_ASSISTANT_MESSAGE_QUEUED_NOTICE_CODE = 'assistant-message-queued';
 const fourEyesRequiredCode = 'assistant-four-eyes-required';
 /** True when a conversation has messages the caller has not read. A running turn is not unread yet. */
 function nhAssistantIsUnread(summary) {
@@ -6355,7 +6826,12 @@ class NhAssistantStore {
         this.submittingState = signal(false, ...(ngDevMode ? [{ debugName: "submittingState" }] : []));
         /** Agent proposals the current user rejected in this session and may give feedback on. */
         this.feedbackApprovalsState = signal(new Set(), ...(ngDevMode ? [{ debugName: "feedbackApprovalsState" }] : []));
+        /** The attachments of the next message per conversation; `''` for a new conversation. */
+        this.attachmentsState = signal(new Map(), ...(ngDevMode ? [{ debugName: "attachmentsState" }] : []));
         this.destroyed = false;
+        this.uploadSubscriptions = new Map();
+        /** The conversation an attachment of a new conversation creates, once for every file chosen meanwhile. */
+        this.attachmentConversation = null;
         this.streams = new Map();
         this.cancelTimers = new Map();
         /** Pending reloads of agent threads after live agent-work updates, per conversation. */
@@ -6434,6 +6910,31 @@ class NhAssistantStore {
                 && ['running', 'waiting-for-approval'].includes(conversation?.status ?? '')
                 && (this.isOwner() || ownsTurn);
         }, ...(ngDevMode ? [{ debugName: "canSteer" }] : []));
+        /**
+         * What the person may attach to the next message: the uploads of the open conversation's agent, or
+         * of the selected agent for a new conversation. `null` when nothing can be attached: the server
+         * offers no uploads for the agent, the conversation is archived, or the person only reads the
+         * agent's thread.
+         */
+        this.uploads = computed(() => {
+            const conversation = this.activeConversation();
+            const thread = conversation?.thread;
+            if (!this.enabled() || conversation?.status === 'archived'
+                || (thread && thread.role !== 'participant' && thread.role !== 'approver')) {
+                return null;
+            }
+            const agentId = conversation?.agentId ?? this.selectedAgentIdState();
+            const uploads = this.agents().find(agent => agent.id === agentId)?.uploads ?? null;
+            return uploads && uploads.acceptedMediaTypes.length > 0 && uploads.maxFiles > 0 ? uploads : null;
+        }, ...(ngDevMode ? [{ debugName: "uploads" }] : []));
+        /** The attachments of the next message of the open conversation, in the order they were chosen. */
+        this.attachments = computed(() => this.attachmentsState().get(this.activeIdState() ?? newConversationKey) ?? [], ...(ngDevMode ? [{ debugName: "attachments" }] : []));
+        /** The stored files of the open conversation's next message, for `submit`. */
+        this.attachedFiles = computed(() => this.attachments()
+            .filter(attachment => attachment.state === 'uploaded' && attachment.file !== null)
+            .map(attachment => attachment.file), ...(ngDevMode ? [{ debugName: "attachedFiles" }] : []));
+        /** True while a file of the next message still uploads; the message waits for it. */
+        this.uploading = computed(() => this.attachments().some(attachment => attachment.state === 'uploading'), ...(ngDevMode ? [{ debugName: "uploading" }] : []));
         /** The owner and participants of the open conversation; empty while it is not shared. */
         this.members = computed(() => this.activeConversation()?.members ?? [], ...(ngDevMode ? [{ debugName: "members" }] : []));
         /** True when the current user owns the open conversation (or it is new). */
@@ -6534,6 +7035,9 @@ class NhAssistantStore {
             this.liveSubscription.unsubscribe();
             this.stopAllTurns();
             this.clearAgentWorkTimers();
+            for (const upload of this.uploadSubscriptions.values()) {
+                upload.unsubscribe();
+            }
             clearTimeout(this.refreshTimer);
         });
         effect(() => {
@@ -6722,26 +7226,28 @@ class NhAssistantStore {
     /**
      * Sends a user message. Creates a conversation with the selected agent when none is open,
      * shows the message optimistically and applies the streamed events. Other conversations keep
-     * their own turns. Resolves `false` when the message was not accepted.
+     * their own turns. Resolves `false` when the message was not accepted. `files` are uploaded
+     * attachments, such as `attachedFiles()`; once the message is accepted, the attachments of the
+     * conversation leave the composer.
      */
-    async send(text) {
+    async send(text, files = []) {
         // Browsers only ask for notification permission during a user action such as this one.
         void this.push.onUserGesture().catch(() => undefined);
-        return this.sendMessage(text);
+        return this.sendMessage(text, undefined, files);
     }
     /**
      * 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.
+     * for an explicit `resumeQueue` after Stop or a failure. A queued message keeps its `files`.
      */
-    async submit(text) {
+    async submit(text, files = []) {
         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 {
-                return await this.send(text);
+                return await this.send(text, files);
             }
             finally {
                 if (revision === this.accountRevision && !this.destroyed) {
@@ -6756,8 +7262,15 @@ class NhAssistantStore {
         }
         void this.push.onUserGesture().catch(() => undefined);
         const revision = this.accountRevision;
-        const item = { id: createClientMessageId(), conversationId, text: trimmed, state: 'preparing' };
+        const item = {
+            id: createClientMessageId(),
+            conversationId,
+            text: trimmed,
+            state: 'preparing',
+            ...(files.length > 0 ? { files: [...files] } : {})
+        };
         this.queuedState.update(items => [...items, item]);
+        this.releaseAttachments(conversationId, files);
         const clientContext = await this.contextForMessage();
         if (revision !== this.accountRevision || this.destroyed) {
             return false;
@@ -6820,7 +7333,7 @@ class NhAssistantStore {
         const revision = this.accountRevision;
         this.queueDispatchState.set(item.id);
         this.queuedState.update(items => items.map(current => current.id === item.id ? { ...current, state: 'sending' } : current));
-        const accepted = await this.sendMessage(item.text, item);
+        const accepted = await this.sendMessage(item.text, item, item.files ?? []);
         if (revision !== this.accountRevision || this.destroyed) {
             return;
         }
@@ -6831,7 +7344,7 @@ class NhAssistantStore {
         }
         this.queueDispatchState.set(null);
     }
-    async sendMessage(text, queued) {
+    async sendMessage(text, queued, files) {
         const trimmed = text.trim();
         const accountRevision = this.accountRevision;
         await this.initialize();
@@ -6871,6 +7384,10 @@ class NhAssistantStore {
         const conversationId = conversation.id;
         const clientMessageId = createClientMessageId();
         const previousStatus = conversation.status;
+        const parts = [
+            { type: 'text', text: trimmed },
+            ...files.map(file => ({ type: 'file', name: file.name, mediaType: file.mediaType, size: file.size }))
+        ];
         this.patchSession(conversationId, session => ({
             ...session,
             error: null,
@@ -6884,7 +7401,7 @@ class NhAssistantStore {
                         id: clientMessageId,
                         role: 'user',
                         createdAt: new Date().toISOString(),
-                        parts: [{ type: 'text', text: trimmed }],
+                        parts,
                         authorActorId: session.conversation.currentActorId ?? null
                     }
                 ]
@@ -6895,12 +7412,24 @@ class NhAssistantStore {
             this.pendingSendResolves.set(conversationId, resolve);
             let started = false;
             let failedAfterStart = false;
+            let waitsForRun = false;
             this.runStream(conversationId, this.api.sendMessage(conversationId, {
                 text: trimmed,
                 clientMessageId,
-                ...(clientContext === undefined ? {} : { clientContext })
+                ...(clientContext === undefined ? {} : { clientContext }),
+                ...(files.length > 0 ? { files: [...files] } : {})
             }), {
                 next: event => {
+                    if (event.type === 'message.queued') {
+                        // An agent's run works in the thread: the message, with its files, waits for the next run,
+                        // which adds it to the thread. Until then the notice says so.
+                        waitsForRun = true;
+                        this.removeMessage(conversationId, clientMessageId, previousStatus);
+                        this.releaseAttachments(conversationId, files);
+                        this.patchSession(conversationId, session => ({ ...session, notice: messageQueuedNotice(files.length) }));
+                        resolve(true);
+                        return;
+                    }
                     if (event.type === 'error' && !started) {
                         this.removeMessage(conversationId, clientMessageId, previousStatus);
                         if (!queued && this.activeIdState() === conversationId) {
@@ -6912,6 +7441,8 @@ class NhAssistantStore {
                     }
                     if (event.type === 'turn.started') {
                         started = true;
+                        // The message carries the files now; they leave the composer.
+                        this.releaseAttachments(conversationId, files);
                         resolve(true);
                     }
                     if (event.type === 'error') {
@@ -6921,8 +7452,9 @@ class NhAssistantStore {
                 },
                 complete: () => {
                     this.pendingSendResolves.delete(conversationId);
-                    resolve(started);
-                    this.afterTurn(conversationId, failedAfterStart);
+                    resolve(started || waitsForRun);
+                    // A waiting message started no turn here: the thread's own state comes from the server.
+                    this.afterTurn(conversationId, failedAfterStart || waitsForRun);
                 }
             });
             this.sendingState.set(null);
@@ -7210,6 +7742,159 @@ class NhAssistantStore {
         this.restoredDraftState.set(null);
         return draft;
     }
+    /**
+     * Attaches files to the next message of the open conversation and uploads them at once. Each
+     * file is checked first against `uploads()`: the most files of one message, the accepted media
+     * types and the largest size; a file that fails stays as a failed attachment with its code and
+     * is never uploaded. A new conversation is created first, because an upload belongs to one.
+     */
+    async attach(files) {
+        const uploads = this.uploads();
+        if (!uploads || files.length === 0) {
+            return;
+        }
+        const revision = this.accountRevision;
+        const key = this.activeIdState() ?? newConversationKey;
+        let attached = this.attachmentsOf(key).filter(attachment => attachment.state !== 'failed').length;
+        const added = [];
+        const pending = [];
+        for (const file of files) {
+            const mediaType = nhAssistantMediaTypeOf(file);
+            const problem = nhAssistantFileProblem(file, mediaType, uploads, attached);
+            const attachment = {
+                id: createClientMessageId(),
+                name: file.name,
+                mediaType,
+                size: file.size,
+                state: problem ? 'failed' : 'uploading',
+                progress: 0,
+                file: null,
+                error: problem ? clientError(problem) : null
+            };
+            added.push(attachment);
+            if (!problem) {
+                attached++;
+                // The upload declares the media type the check accepted, also when the browser gave none.
+                pending.push({ attachment, content: file.slice(0, file.size, mediaType) });
+            }
+        }
+        this.patchAttachments(key, attachments => [...attachments, ...added]);
+        if (pending.length === 0) {
+            return;
+        }
+        let conversationId = this.activeIdState();
+        if (conversationId === null) {
+            this.attachmentConversation ??= this.createConversation().finally(() => {
+                this.attachmentConversation = null;
+            });
+            const conversation = await this.attachmentConversation;
+            if (revision !== this.accountRevision || this.destroyed) {
+                return;
+            }
+            if (!conversation) {
+                const error = this.draftErrorState() ?? clientError(NhAssistantClientErrorCodes.server);
+                this.patchAttachments(key, attachments => attachments.map(attachment => pending.some(item => item.attachment.id === attachment.id)
+                    ? { ...attachment, state: 'failed', error }
+                    : attachment));
+                return;
+            }
+            conversationId = conversation.id;
+            this.moveAttachments(key, conversationId);
+        }
+        for (const { attachment, content } of pending) {
+            this.startUpload(conversationId, attachment, content);
+        }
+    }
+    /** Removes an attachment of the next message; an upload in progress stops. */
+    removeAttachment(attachmentId) {
+        this.uploadSubscriptions.get(attachmentId)?.unsubscribe();
+        this.uploadSubscriptions.delete(attachmentId);
+        this.attachmentsState.update(all => {
+            const next = new Map();
+            for (const [key, attachments] of all) {
+                const kept = attachments.filter(attachment => attachment.id !== attachmentId);
+                if (kept.length > 0) {
+                    next.set(key, kept);
+                }
+            }
+            return next;
+        });
+    }
+    startUpload(conversationId, attachment, content) {
+        const revision = this.accountRevision;
+        const update = (change) => {
+            if (revision === this.accountRevision) {
+                this.patchAttachments(conversationId, attachments => attachments.map(item => item.id === attachment.id ? { ...item, ...change } : item));
+            }
+        };
+        const subscription = this.api.uploadFile(conversationId, content, attachment.name).subscribe({
+            next: event => {
+                if (event.type === 'progress') {
+                    update({ progress: event.total > 0 ? Math.min(1, event.loaded / event.total) : 0 });
+                    return;
+                }
+                update({ state: 'uploaded', progress: 1, file: event.file });
+            },
+            error: error => {
+                this.uploadSubscriptions.delete(attachment.id);
+                update({ state: 'failed', error: error instanceof NhAssistantApiError
+                        ? { code: error.code, messageKey: error.messageKey }
+                        : clientError(NhAssistantClientErrorCodes.server) });
+            },
+            complete: () => this.uploadSubscriptions.delete(attachment.id)
+        });
+        if (!subscription.closed) {
+            this.uploadSubscriptions.set(attachment.id, subscription);
+        }
+    }
+    attachmentsOf(key) {
+        return this.attachmentsState().get(key) ?? [];
+    }
+    patchAttachments(key, update) {
+        this.attachmentsState.update(all => {
+            const next = new Map(all);
+            const attachments = update(all.get(key) ?? []);
+            if (attachments.length > 0) {
+                next.set(key, attachments);
+            }
+            else {
+                next.delete(key);
+            }
+            return next;
+        });
+    }
+    /** Moves the attachments of a new conversation to the conversation that was created for them. */
+    moveAttachments(from, to) {
+        const moving = this.attachmentsOf(from);
+        this.patchAttachments(from, () => []);
+        this.patchAttachments(to, attachments => [...attachments, ...moving]);
+    }
+    /**
+     * The attachments a message took leave the composer, and with them the failed ones; files that
+     * still upload stay for the next message.
+     */
+    releaseAttachments(conversationId, files) {
+        const sent = new Set(files.map(file => file.id));
+        this.patchAttachments(conversationId, attachments => attachments.filter(attachment => attachment.state === 'uploading' || (attachment.state === 'uploaded' && !sent.has(attachment.file?.id ?? ''))));
+    }
+    /** Stops the uploads of a conversation, or of every conversation, and forgets their attachments. */
+    dropAttachments(conversationId) {
+        for (const [key, attachments] of this.attachmentsState()) {
+            if (conversationId !== undefined && key !== conversationId) {
+                continue;
+            }
+            for (const attachment of attachments) {
+                this.uploadSubscriptions.get(attachment.id)?.unsubscribe();
+                this.uploadSubscriptions.delete(attachment.id);
+            }
+        }
+        if (conversationId === undefined) {
+            this.attachmentsState.set(new Map());
+        }
+        else {
+            this.patchAttachments(conversationId, () => []);
+        }
+    }
     async loadConversation(conversationId, restoring) {
         if (this.sessionsState().has(conversationId)) {
             const session = this.sessionsState().get(conversationId);
@@ -7353,6 +8038,8 @@ class NhAssistantStore {
         this.steeringState.set(null);
         this.submittingState.set(false);
         this.feedbackApprovalsState.set(new Set());
+        this.dropAttachments();
+        this.attachmentConversation = null;
         this.clearAgentWorkTimers();
         void this.live.stop();
         void this.push.deactivate().catch(() => undefined);
@@ -7667,6 +8354,7 @@ class NhAssistantStore {
     }
     /** Removes a deleted, left or inaccessible conversation everywhere. */
     forget(conversationId) {
+        this.dropAttachments(conversationId);
         this.queuedState.update(items => items.filter(item => item.conversationId !== conversationId));
         this.pausedQueuesState.update(paused => new Set([...paused].filter(id => id !== conversationId)));
         this.streams.get(conversationId)?.unsubscribe();
@@ -7726,6 +8414,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
 function clientError(code) {
     return { code, messageKey: nhAssistantErrorMessageKey(code) };
 }
+/**
+ * The notice of a message that waits for the next run of the agent working in the thread, with its
+ * files when it carries any; the run adds the message to the thread when it takes it.
+ */
+function messageQueuedNotice(fileCount) {
+    return {
+        code: NH_ASSISTANT_MESSAGE_QUEUED_NOTICE_CODE,
+        messageKey: fileCount > 0 ? 'nh-assistant.notices.message-queued-with-files' : 'nh-assistant.notices.message-queued'
+    };
+}
 /** A completed turn with a server code, or without any answer text, explains itself with a notice. */
 function completionNotice(conversation, errorCode) {
     if (errorCode) {
@@ -8348,6 +9046,203 @@ function provideNhAssistant(config) {
     ]);
 }
 
+/**
+ * Failure codes the assistant back-end sends in error bodies, SSE `error` events and tool
+ * result codes (`NhAssistantErrorCodes`, `NhAssistantAdminErrorCodes` and the runtime codes
+ * of `NewHeap.Platform.AI.Chat`). Every code needs a text under `nh-assistant.errors.<code>`
+ * in each bundled language; the translation tests enforce that.
+ */
+const NH_ASSISTANT_SERVER_ERROR_CODES = [
+    // Chat endpoints and turns
+    'assistant-disabled',
+    'assistant-conversation-not-found',
+    'assistant-conversation-busy',
+    'assistant-agent-not-found',
+    'assistant-agent-forbidden',
+    'assistant-message-invalid',
+    'assistant-message-too-long',
+    'assistant-message-duplicate',
+    'assistant-title-invalid',
+    'assistant-approval-not-found',
+    'assistant-approval-not-pending',
+    'assistant-approval-decision-invalid',
+    'assistant-proposal-hash-mismatch',
+    'assistant-approval-expired',
+    'assistant-approval-invalid',
+    'assistant-approval-rejected',
+    'assistant-budget-exhausted',
+    'assistant-tool-call-limit-reached',
+    'assistant-tools-disabled',
+    'assistant-turn-timeout',
+    'assistant-model-unavailable',
+    'assistant-classification-not-permitted',
+    'assistant-files-unavailable',
+    'assistant-files-not-accepted',
+    'assistant-file-reference-invalid',
+    'assistant-file-not-found',
+    'assistant-file-forbidden',
+    'assistant-file-unavailable',
+    'assistant-file-reader-failed',
+    'assistant-file-too-large',
+    'assistant-file-too-many-pages',
+    'assistant-file-count-limit',
+    'assistant-file-token-limit',
+    'assistant-file-type-not-supported',
+    'assistant-file-upload-invalid',
+    'assistant-file-type-not-accepted',
+    'assistant-file-upload-refused',
+    'assistant-file-upload-failed',
+    'assistant-file-scan-refused',
+    'assistant-turn-failed',
+    'assistant-context-unavailable',
+    'assistant-actor-mismatch',
+    // Sharing and notifications
+    'assistant-owner-required',
+    'assistant-approval-forbidden',
+    'assistant-turn-forbidden',
+    'assistant-share-link-invalid',
+    'assistant-participant-not-found',
+    'assistant-participant-limit-reached',
+    'assistant-directory-unavailable',
+    'assistant-push-unavailable',
+    'assistant-push-subscription-invalid',
+    // Agent runs
+    'assistant-subject-not-found',
+    'assistant-subject-invalid',
+    'assistant-subject-type-unknown',
+    'assistant-subject-search-unavailable',
+    'assistant-agent-does-not-work-on',
+    'assistant-subject-access-denied',
+    'assistant-no-accountable-owner',
+    'assistant-agent-disabled',
+    'assistant-agent-stopped',
+    'assistant-agent-paused',
+    'assistant-agent-configured-off',
+    'assistant-run-token-limit',
+    'assistant-skill-stopped',
+    'assistant-skill-paused',
+    'assistant-agent-off',
+    'assistant-skill-off',
+    'assistant-skill-not-found',
+    'assistant-skill-not-available',
+    'assistant-skill-switch-limit',
+    'assistant-moved-to-shadow',
+    'assistant-shadow-variant',
+    'assistant-service-account-not-used',
+    'assistant-service-account-not-found',
+    'assistant-skill-in-code',
+    'assistant-trigger-in-code',
+    'assistant-skill-in-use',
+    'assistant-configuration-limit',
+    'assistant-run-settings-in-code',
+    'assistant-run-settings-in-use',
+    'assistant-skill-candidate-not-found',
+    'assistant-skill-version-gone',
+    'assistant-account-search-unavailable',
+    'assistant-handoff-unavailable',
+    'assistant-handoff-not-accepted',
+    'assistant-handoff-subject-unavailable',
+    'assistant-handoff-shadow-to-live',
+    'assistant-handoff-chain-limit',
+    'assistant-handoff-limit-reached',
+    'assistant-replay-not-shadow',
+    'assistant-replay-active',
+    'assistant-evaluation-not-variant',
+    'assistant-agent-not-configured',
+    'assistant-run-not-found',
+    'assistant-run-not-retryable',
+    'assistant-run-filter-invalid',
+    'assistant-run-operation-cancelled',
+    'assistant-run-operation-stalled',
+    'assistant-run-operation-ended',
+    'assistant-board-not-found',
+    'assistant-board-scope-invalid',
+    'assistant-approval-policy-denied',
+    'assistant-four-eyes-required',
+    'assistant-execution-not-uncertain',
+    'assistant-proposal-stale',
+    'assistant-proposal-check-failed',
+    'assistant-proposal-already-open',
+    'assistant-proposal-recently-rejected',
+    'assistant-proposal-superseded',
+    'assistant-proposal-refused',
+    'assistant-proposal-placed',
+    'assistant-proposal-not-placed',
+    'assistant-proposal-not-needed',
+    'assistant-trigger-not-found',
+    'assistant-trigger-rate-limited',
+    'assistant-trigger-rolled-back',
+    'assistant-webhook-signature-invalid',
+    'assistant-webhook-payload-invalid',
+    'assistant-webhook-payload-too-large',
+    'assistant-memory-not-configured',
+    'assistant-memory-invalid',
+    'assistant-memory-conflict',
+    'assistant-artifact-invalid',
+    'assistant-artifact-outside-turn',
+    'assistant-artifact-not-found',
+    // Feedback on proposals
+    'assistant-feedback-invalid',
+    'assistant-feedback-not-accepted',
+    // Consultations of other agents
+    'assistant-consult-subject-unavailable',
+    'assistant-consult-agent-unavailable',
+    'assistant-consult-depth-exceeded',
+    'assistant-consult-budget-exhausted',
+    'assistant-consult-limit-reached',
+    'assistant-consult-timeout',
+    'assistant-consult-failed',
+    'assistant-consult-read-only',
+    // Preferences and administration
+    'assistant-validation',
+    'assistant-instructions-too-long',
+    'assistant-forbidden',
+    'assistant-not-found',
+    'assistant-context-not-found',
+    'assistant-version-conflict',
+    'assistant-agent-exists',
+    'assistant-code-agent-not-deletable',
+    'assistant-agent-not-code',
+    'assistant-mcp-server-not-found',
+    'assistant-mcp-server-exists',
+    'assistant-mcp-tool-not-found',
+    'assistant-mcp-unreachable',
+    'assistant-mcp-unauthorized',
+    'assistant-mcp-host-blocked',
+    'assistant-mcp-schema-changed',
+    'assistant-mcp-tool-disabled',
+    'assistant-mcp-insufficient-scope',
+    'assistant-mcp-headless-not-allowed',
+    'assistant-mcp-credential-mismatch',
+    'assistant-mcp-consent-required',
+    'assistant-mcp-initiator-only',
+    'assistant-mcp-delegated-token-unavailable',
+    'assistant-mcp-secret-reference-invalid',
+    'assistant-mcp-certificate-reference-invalid',
+    'assistant-mcp-secret-unreadable',
+    'assistant-mcp-secret-unavailable',
+    // MCP OAuth connections
+    'assistant-mcp-connection-required',
+    'assistant-mcp-reauthorization-required',
+    'assistant-mcp-scope-not-allowed',
+    'assistant-mcp-authorization-failed',
+    'assistant-mcp-authorization-expired',
+    'assistant-mcp-authorization-invalid',
+    'assistant-mcp-discovery-failed',
+    'assistant-mcp-pkce-unsupported',
+    'assistant-mcp-client-registration-required',
+    'assistant-mcp-token-request-failed',
+    'assistant-mcp-issuer-changed',
+    'assistant-mcp-authorization-not-confirmed',
+    'assistant-mcp-oauth-not-configured',
+    'assistant-mcp-too-many-authorizations',
+    'assistant-mcp-connection-not-supported'
+];
+/** Every code the assistant UI can show: server codes and client-side transport codes. */
+const NH_ASSISTANT_ERROR_CODES = [
+    ...new Set([...NH_ASSISTANT_SERVER_ERROR_CODES, ...Object.values(NhAssistantClientErrorCodes)])
+];
+
 /** Fragment the panel reads to join a shared conversation: `#nh-assistant-join=<id>.<token>`. */
 const NH_ASSISTANT_JOIN_FRAGMENT = 'nh-assistant-join';
 /** Fragment a clicked notification opens: `#nh-assistant-conversation=<id>`. */
@@ -8387,7 +9282,9 @@ const builtInPaths = {
     users: 'M9 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 1 0 0 7zM3 20c0-3.3 2.7-6 6-6s6 2.7 6 6M16 4.5a3.5 3.5 0 0 1 0 6.5M18 14.5c1.8.9 3 2.8 3 5',
     copy: 'M9 9h11v11H9zM5 15H4V4h11v1',
     bell: 'M6 16V11a6 6 0 0 1 12 0v5l2 2H4zM10 20a2 2 0 0 0 4 0',
-    leave: 'M10 4H5v16h5M14 8l4 4-4 4M18 12H9'
+    leave: 'M10 4H5v16h5M14 8l4 4-4 4M18 12H9',
+    attach: 'M19 11.5l-7.6 7.6a4.6 4.6 0 0 1-6.5-6.5l8.3-8.3a3 3 0 0 1 4.3 4.3l-8.2 8.2a1.5 1.5 0 0 1-2.1-2.1l7.4-7.4',
+    file: 'M6 3h8l4 4v14H6zM14 3v4h4'
 };
 /** Decorative icon. The surrounding control provides the accessible name. */
 class NhAssistantIconComponent {
@@ -8711,7 +9608,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
 let nextId$a = 0;
 /**
  * Message input. Enter sends when sending is available; Shift+Enter inserts a new line.
- * Drafting remains available while the assistant runs or waits for approval.
+ * Drafting remains available while the assistant runs or waits for approval. With `uploads`, an
+ * attach button chooses files for the next message; the host uploads them and passes them back as
+ * `attachments`, which show their progress, or why they cannot be attached, at the control. Sending
+ * waits while a file uploads.
  */
 class NhAssistantComposerComponent {
     constructor() {
@@ -8732,15 +9632,30 @@ class NhAssistantComposerComponent {
         this.maxLength = input(null, ...(ngDevMode ? [{ debugName: "maxLength" }] : []));
         /** Text to put back into the input, for example a message the server did not accept. */
         this.restore = input(null, ...(ngDevMode ? [{ debugName: "restore" }] : []));
+        /**
+         * What the person may attach, for example `NhAssistantStore.uploads()`; `null` hides the attach
+         * button.
+         */
+        this.uploads = input(null, ...(ngDevMode ? [{ debugName: "uploads" }] : []));
+        /** The attachments of the next message, for example `NhAssistantStore.attachments()`. */
+        this.attachments = input([], ...(ngDevMode ? [{ debugName: "attachments" }] : []));
         this.send = output();
         this.cancel = output();
         this.restored = output();
+        /** Files the person chose to attach, for example for `NhAssistantStore.attach`. */
+        this.attach = output();
+        /** The id of an attachment the person removed, for example for `NhAssistantStore.removeAttachment`. */
+        this.removeAttachment = output();
         this.host = inject(ElementRef);
+        this.translate = inject(TranslateService, { optional: true });
         this.textarea = viewChild.required('textarea');
+        this.attachButton = viewChild('attachButton', ...(ngDevMode ? [{ debugName: "attachButton" }] : []));
         this.ownedFocus = false;
         this.previousBusy = false;
         this.inputId = `nh-assistant-composer-${nextId$a++}`;
         this.hintId = `${this.inputId}-hint`;
+        this.attachHintId = `${this.inputId}-attach-hint`;
+        this.attachmentsId = `${this.inputId}-attachments`;
         this.text = signal('', ...(ngDevMode ? [{ debugName: "text" }] : []));
         this.length = computed(() => this.text().trim().length, ...(ngDevMode ? [{ debugName: "length" }] : []));
         this.tooLong = computed(() => {
@@ -8751,7 +9666,20 @@ class NhAssistantComposerComponent {
             const max = this.maxLength();
             return max !== null && this.length() >= max * 0.8;
         }, ...(ngDevMode ? [{ debugName: "showCounter" }] : []));
-        this.canSend = computed(() => !this.disabled() && !this.sendDisabled() && this.length() > 0 && !this.tooLong(), ...(ngDevMode ? [{ debugName: "canSend" }] : []));
+        /** True while a file of the next message still uploads. */
+        this.uploading = computed(() => this.attachments().some(attachment => attachment.state === 'uploading'), ...(ngDevMode ? [{ debugName: "uploading" }] : []));
+        this.canSend = computed(() => !this.disabled() && !this.sendDisabled() && this.length() > 0 && !this.tooLong() && !this.uploading(), ...(ngDevMode ? [{ debugName: "canSend" }] : []));
+        /** The `accept` attribute of the file input. */
+        this.accept = computed(() => nhAssistantAcceptAttribute(this.uploads()?.acceptedMediaTypes ?? []), ...(ngDevMode ? [{ debugName: "accept" }] : []));
+        /** The values the attachment texts name: the accepted types, the largest size and the most files. */
+        this.uploadParams = computed(() => {
+            const uploads = this.uploads();
+            return {
+                types: (uploads?.acceptedMediaTypes ?? []).map(nhAssistantFileTypeLabel).join(', '),
+                max: uploads ? this.size(uploads.maxFileBytes) : '',
+                count: uploads?.maxFiles ?? 0
+            };
+        }, ...(ngDevMode ? [{ debugName: "uploadParams" }] : []));
         effect(() => {
             const draft = this.restore();
             if (draft !== null) {
@@ -8801,6 +9729,40 @@ class NhAssistantComposerComponent {
         this.text.set('');
         this.send.emit(text);
     }
+    /** Hands the chosen files to the host and empties the input, so the same file can be chosen again. */
+    onFilesChosen(event) {
+        const input = event.target;
+        const files = Array.from(input.files ?? []);
+        input.value = '';
+        if (files.length > 0) {
+            this.attach.emit(files);
+        }
+    }
+    /** Removes an attachment and keeps the keyboard in the composer, on the attach button. */
+    remove(attachment) {
+        this.removeAttachment.emit(attachment.id);
+        queueMicrotask(() => (this.attachButton()?.nativeElement ?? this.textarea().nativeElement).focus({ preventScroll: true }));
+    }
+    /** The translation keys of why an attachment failed, from the composer's own text to the generic one. */
+    errorKeys(attachment) {
+        const error = attachment.error;
+        if (!error) {
+            return [];
+        }
+        return [
+            `nh-assistant.composer.attachment-errors.${error.code}`,
+            error.messageKey,
+            `nh-assistant.errors.${error.code}`,
+            'nh-assistant.errors.generic'
+        ];
+    }
+    percent(attachment) {
+        return Math.round(attachment.progress * 100);
+    }
+    /** A size in bytes in the current language, such as `1.4 MB`. */
+    size(bytes) {
+        return nhAssistantFormatFileSize(bytes, this.translate?.getCurrentLang());
+    }
     restoreOwnedFocus() {
         if (!this.ownedFocus || matchMedia('(pointer: coarse)').matches) {
             return;
@@ -8811,12 +9773,12 @@ class NhAssistantComposerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: NhAssistantComposerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: NhAssistantComposerComponent, isStandalone: true, selector: "nh-assistant-composer", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, sendDisabled: { classPropertyName: "sendDisabled", publicName: "sendDisabled", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, queueWhileBusy: { classPropertyName: "queueWhileBusy", publicName: "queueWhileBusy", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusActor: { classPropertyName: "statusActor", publicName: "statusActor", isSignal: true, isRequired: false, transformFunction: null }, canStop: { classPropertyName: "canStop", publicName: "canStop", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, restore: { classPropertyName: "restore", publicName: "restore", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { send: "send", cancel: "cancel", restored: "restored" }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, isSignal: true }], ngImport: i0, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  <div class=\"prompt-bar\">\n    <div class=\"prompt-controls\">\n      <ng-content select=\"[nhAssistantComposerControls]\" />\n    </div>\n    <div class=\"actions\">\n      @if (busy() && canStop()) {\n        <button\n          class=\"stop\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n          [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n          (click)=\"cancel.emit()\">\n          <nh-assistant-icon name=\"stop\" />\n        </button>\n      }\n      @if (!busy() || !canStop() || queueWhileBusy()) {\n        <button\n          class=\"send\"\n          type=\"submit\"\n          [disabled]=\"!canSend()\"\n          [attr.aria-label]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\"\n          [attr.title]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\">\n          <nh-assistant-icon name=\"send\" />\n        </button>\n      }\n    </div>\n  </div>\n</form>\n\n@if (status() === 'waiting-for-approval') {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    @if (statusActor(); as name) {\n      {{ 'nh-assistant.composer.status.waiting-for-approval-by' | translate: { name } }}\n    } @else {\n      {{ 'nh-assistant.composer.status.waiting-for-approval' | translate }}\n    }\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else {\n    <span>{{ (busy() && queueWhileBusy() ? 'nh-assistant.queue.hint' : 'nh-assistant.composer.hint') | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:block}.composer{display:flex;flex-direction:column;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 8px 8px 14px;background:var(--nha-surface);box-shadow:0 2px 6px color-mix(in srgb,var(--nha-text) 4%,transparent)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 16%,transparent)}textarea{width:100%;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.prompt-bar{display:flex;align-items:center;gap:8px;min-width:0}.prompt-controls{flex:1;min-width:0}.actions{display:flex;flex-shrink:0;gap:6px}.send,.stop{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: NhAssistantComposerComponent, isStandalone: true, selector: "nh-assistant-composer", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, sendDisabled: { classPropertyName: "sendDisabled", publicName: "sendDisabled", isSignal: true, isRequired: false, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, queueWhileBusy: { classPropertyName: "queueWhileBusy", publicName: "queueWhileBusy", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null }, statusActor: { classPropertyName: "statusActor", publicName: "statusActor", isSignal: true, isRequired: false, transformFunction: null }, canStop: { classPropertyName: "canStop", publicName: "canStop", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, restore: { classPropertyName: "restore", publicName: "restore", isSignal: true, isRequired: false, transformFunction: null }, uploads: { classPropertyName: "uploads", publicName: "uploads", isSignal: true, isRequired: false, transformFunction: null }, attachments: { classPropertyName: "attachments", publicName: "attachments", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { send: "send", cancel: "cancel", restored: "restored", attach: "attach", removeAttachment: "removeAttachment" }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusOut($event)" } }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, isSignal: true }, { propertyName: "attachButton", first: true, predicate: ["attachButton"], descendants: true, isSignal: true }], ngImport: i0, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  @if (attachments().length > 0) {\n    <ul class=\"attachments\" [id]=\"attachmentsId\" [attr.aria-label]=\"'nh-assistant.composer.attachments' | translate\">\n      @for (attachment of attachments(); track attachment.id) {\n        <li class=\"attachment\" [attr.data-state]=\"attachment.state\">\n          <nh-assistant-icon class=\"attachment-icon\" [name]=\"attachment.state === 'failed' ? 'warning' : 'file'\" />\n          <div class=\"attachment-body\">\n            <span class=\"attachment-name\" [attr.title]=\"attachment.name\">{{ attachment.name }}</span>\n            @switch (attachment.state) {\n              @case ('uploading') {\n                <progress\n                  class=\"attachment-progress\"\n                  max=\"100\"\n                  [value]=\"percent(attachment)\"\n                  [attr.aria-label]=\"'nh-assistant.composer.uploading' | translate: { name: attachment.name }\"></progress>\n              }\n              @case ('failed') {\n                <span class=\"attachment-error\" role=\"alert\">\n                  {{ errorKeys(attachment) | nhAssistantTranslate: (attachment.error?.code ?? '') : uploadParams() }}\n                </span>\n              }\n              @default {\n                <span class=\"attachment-meta\">{{ size(attachment.size) }}</span>\n              }\n            }\n          </div>\n          <button\n            class=\"attachment-remove\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.composer.remove-attachment' | translate: { name: attachment.name }\"\n            [attr.title]=\"'nh-assistant.composer.remove-attachment' | translate: { name: attachment.name }\"\n            (click)=\"remove(attachment)\">\n            <nh-assistant-icon name=\"close\" />\n          </button>\n        </li>\n      }\n    </ul>\n  }\n\n  <div class=\"prompt-bar\">\n    @if (uploads()) {\n      <button\n        #attachButton\n        class=\"attach\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.composer.attach' | translate\"\n        [attr.title]=\"'nh-assistant.composer.attach-hint' | translate: uploadParams()\"\n        [attr.aria-describedby]=\"attachHintId\"\n        (click)=\"fileInput.click()\">\n        <nh-assistant-icon name=\"attach\" />\n      </button>\n      <span class=\"visually-hidden\" [id]=\"attachHintId\">{{ 'nh-assistant.composer.attach-hint' | translate: uploadParams() }}</span>\n      <input\n        #fileInput\n        class=\"visually-hidden\"\n        type=\"file\"\n        multiple\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [accept]=\"accept()\"\n        (change)=\"onFilesChosen($event)\" />\n    }\n    <div class=\"prompt-controls\">\n      <ng-content select=\"[nhAssistantComposerControls]\" />\n    </div>\n    <div class=\"actions\">\n      @if (busy() && canStop()) {\n        <button\n          class=\"stop\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n          [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n          (click)=\"cancel.emit()\">\n          <nh-assistant-icon name=\"stop\" />\n        </button>\n      }\n      @if (!busy() || !canStop() || queueWhileBusy()) {\n        <button\n          class=\"send\"\n          type=\"submit\"\n          [disabled]=\"!canSend()\"\n          [attr.aria-label]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\"\n          [attr.title]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\">\n          <nh-assistant-icon name=\"send\" />\n        </button>\n      }\n    </div>\n  </div>\n</form>\n\n@if (status() === 'waiting-for-approval') {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    @if (statusActor(); as name) {\n      {{ 'nh-assistant.composer.status.waiting-for-approval-by' | translate: { name } }}\n    } @else {\n      {{ 'nh-assistant.composer.status.waiting-for-approval' | translate }}\n    }\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else if (uploading()) {\n    <span>{{ 'nh-assistant.composer.uploading-hint' | translate }}</span>\n  } @else {\n    <span>{{ (busy() && queueWhileBusy() ? 'nh-assistant.queue.hint' : 'nh-assistant.composer.hint') | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:block}.composer{display:flex;flex-direction:column;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 8px 8px 14px;background:var(--nha-surface);box-shadow:0 2px 6px color-mix(in srgb,var(--nha-text) 4%,transparent)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 16%,transparent)}textarea{width:100%;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.prompt-bar{display:flex;align-items:center;gap:8px;min-width:0}.prompt-controls{flex:1;min-width:0}.actions{display:flex;flex-shrink:0;gap:6px}.send,.stop{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.attach{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;flex-shrink:0;width:40px;height:40px}.attach:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.attach:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.attach:disabled{cursor:not-allowed;opacity:.5}.attachments{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none}.attachment{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;flex:0 1 240px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:4px 4px 4px 10px;background:var(--nha-background)}.attachment[data-state=failed]{flex-basis:100%;border-color:var(--nha-danger);background:var(--nha-danger-soft)}.attachment-icon{flex-shrink:0;color:var(--nha-text-muted)}[data-state=failed] .attachment-icon{color:var(--nha-danger)}.attachment-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.attachment-name{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.attachment-meta,.attachment-error{font-size:11px;color:var(--nha-text-muted);overflow-wrap:anywhere}.attachment-error{color:var(--nha-danger)}.attachment-progress{width:100%;height:4px;accent-color:var(--nha-accent)}.attachment-remove{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;flex-shrink:0;width:32px;height:32px}.attachment-remove:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.attachment-remove:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.attachment-remove:disabled{cursor:not-allowed;opacity:.5}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"], dependencies: [{ kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: NhAssistantComposerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nh-assistant-composer', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  <div class=\"prompt-bar\">\n    <div class=\"prompt-controls\">\n      <ng-content select=\"[nhAssistantComposerControls]\" />\n    </div>\n    <div class=\"actions\">\n      @if (busy() && canStop()) {\n        <button\n          class=\"stop\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n          [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n          (click)=\"cancel.emit()\">\n          <nh-assistant-icon name=\"stop\" />\n        </button>\n      }\n      @if (!busy() || !canStop() || queueWhileBusy()) {\n        <button\n          class=\"send\"\n          type=\"submit\"\n          [disabled]=\"!canSend()\"\n          [attr.aria-label]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\"\n          [attr.title]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\">\n          <nh-assistant-icon name=\"send\" />\n        </button>\n      }\n    </div>\n  </div>\n</form>\n\n@if (status() === 'waiting-for-approval') {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    @if (statusActor(); as name) {\n      {{ 'nh-assistant.composer.status.waiting-for-approval-by' | translate: { name } }}\n    } @else {\n      {{ 'nh-assistant.composer.status.waiting-for-approval' | translate }}\n    }\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else {\n    <span>{{ (busy() && queueWhileBusy() ? 'nh-assistant.queue.hint' : 'nh-assistant.composer.hint') | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:block}.composer{display:flex;flex-direction:column;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 8px 8px 14px;background:var(--nha-surface);box-shadow:0 2px 6px color-mix(in srgb,var(--nha-text) 4%,transparent)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 16%,transparent)}textarea{width:100%;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.prompt-bar{display:flex;align-items:center;gap:8px;min-width:0}.prompt-controls{flex:1;min-width:0}.actions{display:flex;flex-shrink:0;gap:6px}.send,.stop{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sendDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendDisabled", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], queueWhileBusy: [{ type: i0.Input, args: [{ isSignal: true, alias: "queueWhileBusy", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], statusActor: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusActor", required: false }] }], canStop: [{ type: i0.Input, args: [{ isSignal: true, alias: "canStop", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], restore: [{ type: i0.Input, args: [{ isSignal: true, alias: "restore", required: false }] }], send: [{ type: i0.Output, args: ["send"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], restored: [{ type: i0.Output, args: ["restored"] }], textarea: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }], onFocusIn: [{
+            args: [{ selector: 'nh-assistant-composer', standalone: true, imports: [TranslatePipe, NhAssistantIconComponent, NhAssistantTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"composer\" (submit)=\"onSubmit($event)\">\n  <label class=\"visually-hidden\" [for]=\"inputId\">{{ 'nh-assistant.composer.label' | translate }}</label>\n  <textarea\n    #textarea\n    data-nh-assistant-autofocus\n    rows=\"2\"\n    [id]=\"inputId\"\n    [value]=\"text()\"\n    [disabled]=\"disabled()\"\n    [attr.placeholder]=\"'nh-assistant.composer.placeholder' | translate\"\n    [attr.aria-describedby]=\"hintId\"\n    [attr.aria-invalid]=\"tooLong() ? true : null\"\n    (input)=\"onInput($event)\"\n    (keydown)=\"onKeydown($event)\"></textarea>\n\n  @if (attachments().length > 0) {\n    <ul class=\"attachments\" [id]=\"attachmentsId\" [attr.aria-label]=\"'nh-assistant.composer.attachments' | translate\">\n      @for (attachment of attachments(); track attachment.id) {\n        <li class=\"attachment\" [attr.data-state]=\"attachment.state\">\n          <nh-assistant-icon class=\"attachment-icon\" [name]=\"attachment.state === 'failed' ? 'warning' : 'file'\" />\n          <div class=\"attachment-body\">\n            <span class=\"attachment-name\" [attr.title]=\"attachment.name\">{{ attachment.name }}</span>\n            @switch (attachment.state) {\n              @case ('uploading') {\n                <progress\n                  class=\"attachment-progress\"\n                  max=\"100\"\n                  [value]=\"percent(attachment)\"\n                  [attr.aria-label]=\"'nh-assistant.composer.uploading' | translate: { name: attachment.name }\"></progress>\n              }\n              @case ('failed') {\n                <span class=\"attachment-error\" role=\"alert\">\n                  {{ errorKeys(attachment) | nhAssistantTranslate: (attachment.error?.code ?? '') : uploadParams() }}\n                </span>\n              }\n              @default {\n                <span class=\"attachment-meta\">{{ size(attachment.size) }}</span>\n              }\n            }\n          </div>\n          <button\n            class=\"attachment-remove\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.composer.remove-attachment' | translate: { name: attachment.name }\"\n            [attr.title]=\"'nh-assistant.composer.remove-attachment' | translate: { name: attachment.name }\"\n            (click)=\"remove(attachment)\">\n            <nh-assistant-icon name=\"close\" />\n          </button>\n        </li>\n      }\n    </ul>\n  }\n\n  <div class=\"prompt-bar\">\n    @if (uploads()) {\n      <button\n        #attachButton\n        class=\"attach\"\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        [attr.aria-label]=\"'nh-assistant.composer.attach' | translate\"\n        [attr.title]=\"'nh-assistant.composer.attach-hint' | translate: uploadParams()\"\n        [attr.aria-describedby]=\"attachHintId\"\n        (click)=\"fileInput.click()\">\n        <nh-assistant-icon name=\"attach\" />\n      </button>\n      <span class=\"visually-hidden\" [id]=\"attachHintId\">{{ 'nh-assistant.composer.attach-hint' | translate: uploadParams() }}</span>\n      <input\n        #fileInput\n        class=\"visually-hidden\"\n        type=\"file\"\n        multiple\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        [accept]=\"accept()\"\n        (change)=\"onFilesChosen($event)\" />\n    }\n    <div class=\"prompt-controls\">\n      <ng-content select=\"[nhAssistantComposerControls]\" />\n    </div>\n    <div class=\"actions\">\n      @if (busy() && canStop()) {\n        <button\n          class=\"stop\"\n          type=\"button\"\n          [attr.aria-label]=\"'nh-assistant.composer.stop' | translate\"\n          [attr.title]=\"'nh-assistant.composer.stop' | translate\"\n          (click)=\"cancel.emit()\">\n          <nh-assistant-icon name=\"stop\" />\n        </button>\n      }\n      @if (!busy() || !canStop() || queueWhileBusy()) {\n        <button\n          class=\"send\"\n          type=\"submit\"\n          [disabled]=\"!canSend()\"\n          [attr.aria-label]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\"\n          [attr.title]=\"(busy() && queueWhileBusy() ? 'nh-assistant.queue.add' : 'nh-assistant.composer.send') | translate\">\n          <nh-assistant-icon name=\"send\" />\n        </button>\n      }\n    </div>\n  </div>\n</form>\n\n@if (status() === 'waiting-for-approval') {\n  <p class=\"composer-status\" role=\"status\" aria-live=\"polite\">\n    @if (statusActor(); as name) {\n      {{ 'nh-assistant.composer.status.waiting-for-approval-by' | translate: { name } }}\n    } @else {\n      {{ 'nh-assistant.composer.status.waiting-for-approval' | translate }}\n    }\n  </p>\n}\n\n<p class=\"hint\" [id]=\"hintId\">\n  @if (tooLong()) {\n    <span class=\"error\">{{ 'nh-assistant.composer.too-long' | translate }}</span>\n  } @else if (uploading()) {\n    <span>{{ 'nh-assistant.composer.uploading-hint' | translate }}</span>\n  } @else {\n    <span>{{ (busy() && queueWhileBusy() ? 'nh-assistant.queue.hint' : 'nh-assistant.composer.hint') | translate }}</span>\n  }\n  @if (showCounter()) {\n    <span class=\"counter\" [class.error]=\"tooLong()\">\n      {{ 'nh-assistant.composer.characters' | translate: { count: length(), max: maxLength() } }}\n    </span>\n  }\n</p>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:block}.composer{display:flex;flex-direction:column;gap:8px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 8px 8px 14px;background:var(--nha-surface);box-shadow:0 2px 6px color-mix(in srgb,var(--nha-text) 4%,transparent)}.composer:focus-within{border-color:var(--nha-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--nha-focus) 16%,transparent)}textarea{width:100%;min-width:0;min-height:44px;max-height:180px;border:0;padding:6px 0;color:var(--nha-text);background:transparent;font:inherit;font-size:14px;line-height:1.45;resize:vertical;outline:none}textarea::placeholder{color:var(--nha-text-muted);opacity:1}textarea:disabled{cursor:not-allowed}.prompt-bar{display:flex;align-items:center;gap:8px;min-width:0}.prompt-controls{flex:1;min-width:0}.actions{display:flex;flex-shrink:0;gap:6px}.send,.stop{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer;width:40px;height:40px}.send:focus-visible,.stop:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.send:hover:not(:disabled),.stop:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.send:disabled,.stop:disabled{cursor:not-allowed;opacity:.5}.send:not(:disabled){color:var(--nha-accent-contrast);background:var(--nha-accent)}.send:not(:disabled):hover{color:var(--nha-accent-contrast);background:var(--nha-accent);filter:brightness(1.12)}.stop{color:var(--nha-danger);border-color:var(--nha-danger)}.attach{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;flex-shrink:0;width:40px;height:40px}.attach:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.attach:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.attach:disabled{cursor:not-allowed;opacity:.5}.attachments{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;list-style:none}.attachment{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;flex:0 1 240px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:4px 4px 4px 10px;background:var(--nha-background)}.attachment[data-state=failed]{flex-basis:100%;border-color:var(--nha-danger);background:var(--nha-danger-soft)}.attachment-icon{flex-shrink:0;color:var(--nha-text-muted)}[data-state=failed] .attachment-icon{color:var(--nha-danger)}.attachment-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.attachment-name{overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.attachment-meta,.attachment-error{font-size:11px;color:var(--nha-text-muted);overflow-wrap:anywhere}.attachment-error{color:var(--nha-danger)}.attachment-progress{width:100%;height:4px;accent-color:var(--nha-accent)}.attachment-remove{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;flex-shrink:0;width:32px;height:32px}.attachment-remove:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.attachment-remove:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.attachment-remove:disabled{cursor:not-allowed;opacity:.5}.hint,.composer-status{display:flex;justify-content:space-between;gap:8px;margin:6px 2px 0;color:var(--nha-text-muted);font-size:11px}.composer-status{margin-bottom:0}.counter{flex:none;font-variant-numeric:tabular-nums}.error{color:var(--nha-danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], sendDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendDisabled", required: false }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], queueWhileBusy: [{ type: i0.Input, args: [{ isSignal: true, alias: "queueWhileBusy", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], statusActor: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusActor", required: false }] }], canStop: [{ type: i0.Input, args: [{ isSignal: true, alias: "canStop", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], restore: [{ type: i0.Input, args: [{ isSignal: true, alias: "restore", required: false }] }], uploads: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploads", required: false }] }], attachments: [{ type: i0.Input, args: [{ isSignal: true, alias: "attachments", required: false }] }], send: [{ type: i0.Output, args: ["send"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], restored: [{ type: i0.Output, args: ["restored"] }], attach: [{ type: i0.Output, args: ["attach"] }], removeAttachment: [{ type: i0.Output, args: ["removeAttachment"] }], textarea: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }], attachButton: [{ type: i0.ViewChild, args: ['attachButton', { isSignal: true }] }], onFocusIn: [{
                 type: HostListener,
                 args: ['focusin']
             }], onFocusOut: [{
@@ -9328,15 +10290,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
         }] });
 
 /**
- * Groups consecutive tool calls of a message. Text and approvals break a group, so an
- * approval always stays visible. A group's key is its first invocation id, so it keeps
- * its identity while later calls of the same run are appended.
+ * Groups consecutive tool calls of a message, and consecutive files. Text and approvals break a
+ * group, so an approval always stays visible. A tool group's key is its first invocation id, so it
+ * keeps its identity while later calls of the same run are appended.
  */
 function groupNhAssistantParts(parts) {
     const groups = [];
     let tools = null;
+    let files = null;
     parts.forEach((part, index) => {
         if (part.type === 'tool-call') {
+            files = null;
             if (!tools) {
                 tools = { kind: 'tools', key: `tools:${part.invocationId}`, calls: [] };
                 groups.push(tools);
@@ -9345,6 +10309,15 @@ function groupNhAssistantParts(parts) {
             return;
         }
         tools = null;
+        if (part.type === 'file') {
+            if (!files) {
+                files = { kind: 'files', key: `files:${index}`, files: [] };
+                groups.push(files);
+            }
+            files.files.push(part);
+            return;
+        }
+        files = null;
         if (part.type === 'approval') {
             groups.push({ kind: 'approval', key: `approval:${part.approvalId}`, part });
         }
@@ -9800,11 +10773,19 @@ const stickToBottomDistance = 120;
 /**
  * The messages of a conversation as a live log. Assistant text renders as sanitized
  * Markdown, consecutive tool calls as one collapsible group that counts along, and
- * approvals as cards. Messages a trigger wrote into an agent thread read as events, not as
- * a person. While a turn runs without visible progress, a working indicator shows the
- * elapsed time. The thread follows new content while the user is at the bottom.
+ * approvals as cards. The files a person attached show by name, type and size. Messages a
+ * trigger wrote into an agent thread read as events, not as a person. While a turn runs
+ * without visible progress, a working indicator shows the elapsed time. The thread follows
+ * new content while the user is at the bottom.
  */
 class NhAssistantThreadComponent {
+    /** The type and size of an attached file, in the current language. */
+    fileMeta(file) {
+        return {
+            type: nhAssistantFileTypeLabel(file.mediaType),
+            size: nhAssistantFormatFileSize(file.size, this.translate?.getCurrentLang())
+        };
+    }
     /** Asks the question again that the assistant message with a connection card answered. */
     retryAfterConnect(message) {
         const messages = this.messages();
@@ -9823,6 +10804,7 @@ class NhAssistantThreadComponent {
     }
     constructor() {
         this.injector = inject(Injector);
+        this.translate = inject(TranslateService, { optional: true });
         this.messages = input.required(...(ngDevMode ? [{ debugName: "messages" }] : []));
         this.streaming = input(false, ...(ngDevMode ? [{ debugName: "streaming" }] : []));
         this.deciding = input(false, ...(ngDevMode ? [{ debugName: "deciding" }] : []));
@@ -9957,7 +10939,7 @@ class NhAssistantThreadComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: NhAssistantThreadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: NhAssistantThreadComponent, isStandalone: true, selector: "nh-assistant-thread", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, streaming: { classPropertyName: "streaming", publicName: "streaming", isSignal: true, isRequired: false, transformFunction: null }, deciding: { classPropertyName: "deciding", publicName: "deciding", isSignal: true, isRequired: false, transformFunction: null }, markdown: { classPropertyName: "markdown", publicName: "markdown", isSignal: true, isRequired: false, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: false, transformFunction: null }, currentActorId: { classPropertyName: "currentActorId", publicName: "currentActorId", isSignal: true, isRequired: false, transformFunction: null }, canDecide: { classPropertyName: "canDecide", publicName: "canDecide", isSignal: true, isRequired: false, transformFunction: null }, decisionOwner: { classPropertyName: "decisionOwner", publicName: "decisionOwner", isSignal: true, isRequired: false, transformFunction: null }, approvalRights: { classPropertyName: "approvalRights", publicName: "approvalRights", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { approvalDecision: "approvalDecision", approvalChoice: "approvalChoice", retryMessage: "retryMessage" }, viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article\n    class=\"message\"\n    [attr.data-role]=\"message.role\"\n    [attr.data-others]=\"isOthers(message) ? 'true' : null\"\n    [attr.data-author]=\"isTrigger(message) ? 'trigger' : isRule(message) ? 'rule' : null\">\n    @if (isTrigger(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.trigger' | translate }}</p>\n    } @else if (isRule(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.rule' | translate }}</p>\n    } @else if (isOthers(message)) {\n      <p class=\"author\">{{ authorName(message) ?? ('nh-assistant.thread.participant' | translate) }}</p>\n    } @else {\n      <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    }\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('connection') {\n          <nh-assistant-connection-required\n            class=\"part\"\n            [part]=\"group.part\"\n            [canRetry]=\"!streaming()\"\n            (retry)=\"retryAfterConnect(message)\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card\n            class=\"part\"\n            [approval]=\"group.part\"\n            [deciding]=\"deciding()\"\n            [canDecide]=\"rightFor(group.part).canDecide\"\n            [decisionOwner]=\"rightFor(group.part).decisionOwner\"\n            [waitingFor]=\"rightFor(group.part).waitingFor\"\n            [canGiveFeedback]=\"rightFor(group.part).canGiveFeedback === true\"\n            (decide)=\"choose(group.part, $event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:20px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:600}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-others=true]{align-items:flex-start}.message[data-others=true] .bubble{color:var(--nha-text);background:var(--nha-surface-strong)}.message[data-author=trigger]{align-items:stretch}.message[data-author=trigger] .bubble{max-width:none;color:var(--nha-text-muted);background:transparent;border:1px dashed var(--nha-border)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{padding-inline:0;background:transparent}.part{width:100%}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: NhAssistantToolCallGroupComponent, selector: "nh-assistant-tool-call-group", inputs: ["calls"] }, { kind: "component", type: NhAssistantApprovalCardComponent, selector: "nh-assistant-approval-card", inputs: ["approval", "deciding", "canDecide", "decisionOwner", "waitingFor", "canGiveFeedback"], outputs: ["decide"] }, { kind: "component", type: NhAssistantConnectionRequiredComponent, selector: "nh-assistant-connection-required", inputs: ["part", "canRetry"], outputs: ["retry"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantMarkdownPipe, name: "nhAssistantMarkdown" }, { kind: "pipe", type: NhAssistantPartGroupsPipe, name: "nhAssistantPartGroups" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: NhAssistantThreadComponent, isStandalone: true, selector: "nh-assistant-thread", inputs: { messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, streaming: { classPropertyName: "streaming", publicName: "streaming", isSignal: true, isRequired: false, transformFunction: null }, deciding: { classPropertyName: "deciding", publicName: "deciding", isSignal: true, isRequired: false, transformFunction: null }, markdown: { classPropertyName: "markdown", publicName: "markdown", isSignal: true, isRequired: false, transformFunction: null }, members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: false, transformFunction: null }, currentActorId: { classPropertyName: "currentActorId", publicName: "currentActorId", isSignal: true, isRequired: false, transformFunction: null }, canDecide: { classPropertyName: "canDecide", publicName: "canDecide", isSignal: true, isRequired: false, transformFunction: null }, decisionOwner: { classPropertyName: "decisionOwner", publicName: "decisionOwner", isSignal: true, isRequired: false, transformFunction: null }, approvalRights: { classPropertyName: "approvalRights", publicName: "approvalRights", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { approvalDecision: "approvalDecision", approvalChoice: "approvalChoice", retryMessage: "retryMessage" }, viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article\n    class=\"message\"\n    [attr.data-role]=\"message.role\"\n    [attr.data-others]=\"isOthers(message) ? 'true' : null\"\n    [attr.data-author]=\"isTrigger(message) ? 'trigger' : isRule(message) ? 'rule' : null\">\n    @if (isTrigger(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.trigger' | translate }}</p>\n    } @else if (isRule(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.rule' | translate }}</p>\n    } @else if (isOthers(message)) {\n      <p class=\"author\">{{ authorName(message) ?? ('nh-assistant.thread.participant' | translate) }}</p>\n    } @else {\n      <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    }\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('files') {\n          <ul class=\"files\" [attr.aria-label]=\"'nh-assistant.thread.files' | translate\">\n            @for (file of group.files; track $index) {\n              <li class=\"file\">\n                <nh-assistant-icon class=\"file-icon\" name=\"file\" />\n                <span class=\"file-name\" [attr.title]=\"file.name\">{{ file.name }}</span>\n                <span class=\"file-meta\">{{ 'nh-assistant.thread.file-meta' | translate: fileMeta(file) }}</span>\n              </li>\n            }\n          </ul>\n        }\n        @case ('connection') {\n          <nh-assistant-connection-required\n            class=\"part\"\n            [part]=\"group.part\"\n            [canRetry]=\"!streaming()\"\n            (retry)=\"retryAfterConnect(message)\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card\n            class=\"part\"\n            [approval]=\"group.part\"\n            [deciding]=\"deciding()\"\n            [canDecide]=\"rightFor(group.part).canDecide\"\n            [decisionOwner]=\"rightFor(group.part).decisionOwner\"\n            [waitingFor]=\"rightFor(group.part).waitingFor\"\n            [canGiveFeedback]=\"rightFor(group.part).canGiveFeedback === true\"\n            (decide)=\"choose(group.part, $event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:20px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:600}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-others=true]{align-items:flex-start}.message[data-others=true] .bubble{color:var(--nha-text);background:var(--nha-surface-strong)}.message[data-author=trigger]{align-items:stretch}.message[data-author=trigger] .bubble{max-width:none;color:var(--nha-text-muted);background:transparent;border:1px dashed var(--nha-border)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{padding-inline:0;background:transparent}.part{width:100%}.files{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:88%;min-width:0;margin:0;padding:0;list-style:none}.message:not([data-role=user]) .files,.message[data-others=true] .files{justify-content:flex-start}.file{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:4px 10px;color:var(--nha-text);background:var(--nha-surface);font-size:12px}.file-icon{flex-shrink:0;color:var(--nha-text-muted)}.file-name{min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.file-meta{flex-shrink:0;color:var(--nha-text-muted);white-space:nowrap}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantToolCallGroupComponent, selector: "nh-assistant-tool-call-group", inputs: ["calls"] }, { kind: "component", type: NhAssistantApprovalCardComponent, selector: "nh-assistant-approval-card", inputs: ["approval", "deciding", "canDecide", "decisionOwner", "waitingFor", "canGiveFeedback"], outputs: ["decide"] }, { kind: "component", type: NhAssistantConnectionRequiredComponent, selector: "nh-assistant-connection-required", inputs: ["part", "canRetry"], outputs: ["retry"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: NhAssistantMarkdownPipe, name: "nhAssistantMarkdown" }, { kind: "pipe", type: NhAssistantPartGroupsPipe, name: "nhAssistantPartGroups" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: NhAssistantThreadComponent, decorators: [{
             type: Component,
@@ -9965,12 +10947,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
                         NgTemplateOutlet,
                         ScrollingModule,
                         TranslatePipe,
+                        NhAssistantIconComponent,
                         NhAssistantMarkdownPipe,
                         NhAssistantPartGroupsPipe,
                         NhAssistantToolCallGroupComponent,
                         NhAssistantApprovalCardComponent,
                         NhAssistantConnectionRequiredComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article\n    class=\"message\"\n    [attr.data-role]=\"message.role\"\n    [attr.data-others]=\"isOthers(message) ? 'true' : null\"\n    [attr.data-author]=\"isTrigger(message) ? 'trigger' : isRule(message) ? 'rule' : null\">\n    @if (isTrigger(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.trigger' | translate }}</p>\n    } @else if (isRule(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.rule' | translate }}</p>\n    } @else if (isOthers(message)) {\n      <p class=\"author\">{{ authorName(message) ?? ('nh-assistant.thread.participant' | translate) }}</p>\n    } @else {\n      <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    }\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('connection') {\n          <nh-assistant-connection-required\n            class=\"part\"\n            [part]=\"group.part\"\n            [canRetry]=\"!streaming()\"\n            (retry)=\"retryAfterConnect(message)\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card\n            class=\"part\"\n            [approval]=\"group.part\"\n            [deciding]=\"deciding()\"\n            [canDecide]=\"rightFor(group.part).canDecide\"\n            [decisionOwner]=\"rightFor(group.part).decisionOwner\"\n            [waitingFor]=\"rightFor(group.part).waitingFor\"\n            [canGiveFeedback]=\"rightFor(group.part).canGiveFeedback === true\"\n            (decide)=\"choose(group.part, $event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:20px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:600}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-others=true]{align-items:flex-start}.message[data-others=true] .bubble{color:var(--nha-text);background:var(--nha-surface-strong)}.message[data-author=trigger]{align-items:stretch}.message[data-author=trigger] .bubble{max-width:none;color:var(--nha-text-muted);background:transparent;border:1px dashed var(--nha-border)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{padding-inline:0;background:transparent}.part{width:100%}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"log\" role=\"log\" aria-live=\"polite\" [attr.aria-label]=\"'nh-assistant.thread.label' | translate\" [attr.aria-busy]=\"streaming()\">\n  @if (virtual()) {\n    <cdk-virtual-scroll-viewport class=\"scroller\" itemSize=\"120\" minBufferPx=\"1200\" maxBufferPx=\"2400\">\n      <div class=\"row\" *cdkVirtualFor=\"let message of messages(); trackBy: trackMessage\">\n        <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n      </div>\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </cdk-virtual-scroll-viewport>\n  } @else {\n    <div class=\"scroller\" #scroller tabindex=\"0\">\n      @for (message of messages(); track message.id) {\n        <div class=\"row\">\n          <ng-container [ngTemplateOutlet]=\"messageTemplate\" [ngTemplateOutletContext]=\"{ $implicit: message }\" />\n        </div>\n      }\n      @if (working()) {\n        <ng-container [ngTemplateOutlet]=\"workingTemplate\" />\n      }\n    </div>\n  }\n</div>\n\n<ng-template #messageTemplate let-message>\n  <article\n    class=\"message\"\n    [attr.data-role]=\"message.role\"\n    [attr.data-others]=\"isOthers(message) ? 'true' : null\"\n    [attr.data-author]=\"isTrigger(message) ? 'trigger' : isRule(message) ? 'rule' : null\">\n    @if (isTrigger(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.trigger' | translate }}</p>\n    } @else if (isRule(message)) {\n      <p class=\"author\">{{ 'nh-assistant.thread.rule' | translate }}</p>\n    } @else if (isOthers(message)) {\n      <p class=\"author\">{{ authorName(message) ?? ('nh-assistant.thread.participant' | translate) }}</p>\n    } @else {\n      <p class=\"author\">{{ 'nh-assistant.thread.' + (message.role === 'user' ? 'you' : message.role) | translate }}</p>\n    }\n    @for (group of message.parts | nhAssistantPartGroups; track group.key) {\n      @switch (group.kind) {\n        @case ('text') {\n          @if (message.role === 'assistant' && markdown()) {\n            <div class=\"bubble markdown\" [innerHTML]=\"group.part.text | nhAssistantMarkdown\"></div>\n          } @else {\n            <div class=\"bubble plain\">{{ group.part.text }}</div>\n          }\n        }\n        @case ('tools') {\n          <nh-assistant-tool-call-group class=\"part\" [calls]=\"group.calls\" />\n        }\n        @case ('files') {\n          <ul class=\"files\" [attr.aria-label]=\"'nh-assistant.thread.files' | translate\">\n            @for (file of group.files; track $index) {\n              <li class=\"file\">\n                <nh-assistant-icon class=\"file-icon\" name=\"file\" />\n                <span class=\"file-name\" [attr.title]=\"file.name\">{{ file.name }}</span>\n                <span class=\"file-meta\">{{ 'nh-assistant.thread.file-meta' | translate: fileMeta(file) }}</span>\n              </li>\n            }\n          </ul>\n        }\n        @case ('connection') {\n          <nh-assistant-connection-required\n            class=\"part\"\n            [part]=\"group.part\"\n            [canRetry]=\"!streaming()\"\n            (retry)=\"retryAfterConnect(message)\" />\n        }\n        @case ('approval') {\n          <nh-assistant-approval-card\n            class=\"part\"\n            [approval]=\"group.part\"\n            [deciding]=\"deciding()\"\n            [canDecide]=\"rightFor(group.part).canDecide\"\n            [decisionOwner]=\"rightFor(group.part).decisionOwner\"\n            [waitingFor]=\"rightFor(group.part).waitingFor\"\n            [canGiveFeedback]=\"rightFor(group.part).canGiveFeedback === true\"\n            (decide)=\"choose(group.part, $event)\" />\n        }\n      }\n    }\n  </article>\n</ng-template>\n\n<ng-template #workingTemplate>\n  <p class=\"working\" role=\"status\">\n    <span class=\"dots\" aria-hidden=\"true\"><span></span><span></span><span></span></span>\n    {{ 'nh-assistant.thread.working' | translate }}\n    @if (elapsedSeconds() > 0) {\n      <span class=\"elapsed\">{{ 'nh-assistant.thread.elapsed' | translate: { seconds: elapsedSeconds() } }}</span>\n    }\n  </p>\n</ng-template>\n", styles: [":host{--nha-font: var(--nh-assistant-font, inherit);--nha-background: var(--nh-assistant-background, #ffffff);--nha-surface: var(--nh-assistant-surface, #f5f7fb);--nha-surface-strong: var(--nh-assistant-surface-strong, #eceff6);--nha-text: var(--nh-assistant-text, #080c1d);--nha-text-muted: var(--nh-assistant-text-muted, #5b6482);--nha-border: var(--nh-assistant-border, #dce0ec);--nha-accent: var(--nh-assistant-accent, #022962);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #c84f00);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #247d4e);--nha-success-soft: var(--nh-assistant-success-soft, #e6f5ec);--nha-warning: var(--nh-assistant-warning, #8a5a00);--nha-warning-soft: var(--nh-assistant-warning-soft, #fff3d9);--nha-danger: var(--nh-assistant-danger, #b92e52);--nha-danger-soft: var(--nh-assistant-danger-soft, #ffe9ef);--nha-focus: var(--nh-assistant-focus, #ff6700);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(2 41 98 / .16));--nha-radius: var(--nh-assistant-radius, 16px);--nha-radius-control: var(--nh-assistant-radius-control, 12px);--nha-mono: var(--nh-assistant-font-mono, ui-monospace, \"Cascadia Code\", Consolas, monospace)}@media(prefers-color-scheme:dark){:host{--nha-background: var(--nh-assistant-background, #0b0e22);--nha-surface: var(--nh-assistant-surface, #11152d);--nha-surface-strong: var(--nh-assistant-surface-strong, #181d3b);--nha-text: var(--nh-assistant-text, #ffffff);--nha-text-muted: var(--nh-assistant-text-muted, #b8bed8);--nha-border: var(--nh-assistant-border, #2b3155);--nha-accent: var(--nh-assistant-accent, #0f4087);--nha-accent-contrast: var(--nh-assistant-accent-contrast, #ffffff);--nha-highlight: var(--nh-assistant-highlight, #ff6700);--nha-user-bubble: var(--nh-assistant-user-bubble, #022962);--nha-user-text: var(--nh-assistant-user-text, #ffffff);--nha-success: var(--nh-assistant-success, #67c58f);--nha-success-soft: var(--nh-assistant-success-soft, #102d24);--nha-warning: var(--nh-assistant-warning, #ffbf5b);--nha-warning-soft: var(--nh-assistant-warning-soft, #342818);--nha-danger: var(--nh-assistant-danger, #ff6d8a);--nha-danger-soft: var(--nh-assistant-danger-soft, #351b2a);--nha-shadow: var(--nh-assistant-shadow, 0 16px 36px rgb(0 0 0 / .32))}}:host{display:flex;flex-direction:column;min-height:0;color:var(--nha-text)}.log{display:flex;flex:1;flex-direction:column;min-height:0}.scroller{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;outline:none}.scroller:focus-visible{box-shadow:inset 0 0 0 2px var(--nha-focus)}cdk-virtual-scroll-viewport.scroller{height:100%}.row+.row{margin-top:20px}.message{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.message[data-role=user]{align-items:flex-end}.author{margin:0;color:var(--nha-text-muted);font-size:11px;font-weight:600}.bubble{max-width:100%;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.plain{white-space:pre-wrap}.message[data-role=user] .bubble{max-width:88%;color:var(--nha-user-text);background:var(--nha-user-bubble)}.message[data-others=true]{align-items:flex-start}.message[data-others=true] .bubble{color:var(--nha-text);background:var(--nha-surface-strong)}.message[data-author=trigger]{align-items:stretch}.message[data-author=trigger] .bubble{max-width:none;color:var(--nha-text-muted);background:transparent;border:1px dashed var(--nha-border)}.message[data-role=assistant] .bubble,.message[data-role=tool] .bubble{padding-inline:0;background:transparent}.part{width:100%}.files{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:88%;min-width:0;margin:0;padding:0;list-style:none}.message:not([data-role=user]) .files,.message[data-others=true] .files{justify-content:flex-start}.file{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:4px 10px;color:var(--nha-text);background:var(--nha-surface);font-size:12px}.file-icon{flex-shrink:0;color:var(--nha-text-muted)}.file-name{min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.file-meta{flex-shrink:0;color:var(--nha-text-muted);white-space:nowrap}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.working{display:flex;align-items:center;gap:8px;margin:14px 0 0;color:var(--nha-text-muted);font-size:13px}.elapsed{font-variant-numeric:tabular-nums}.dots{display:inline-flex;gap:3px}.dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}@media(prefers-reduced-motion:no-preference){.dots span{animation:nha-bounce 1s ease-in-out infinite}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}}@keyframes nha-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: true }] }], streaming: [{ type: i0.Input, args: [{ isSignal: true, alias: "streaming", required: false }] }], deciding: [{ type: i0.Input, args: [{ isSignal: true, alias: "deciding", required: false }] }], markdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "markdown", required: false }] }], members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: false }] }], currentActorId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentActorId", required: false }] }], canDecide: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDecide", required: false }] }], decisionOwner: [{ type: i0.Input, args: [{ isSignal: true, alias: "decisionOwner", required: false }] }], approvalRights: [{ type: i0.Input, args: [{ isSignal: true, alias: "approvalRights", required: false }] }], approvalDecision: [{ type: i0.Output, args: ["approvalDecision"] }], approvalChoice: [{ type: i0.Output, args: ["approvalChoice"] }], retryMessage: [{ type: i0.Output, args: ["retryMessage"] }], scroller: [{ type: i0.ViewChild, args: ['scroller', { isSignal: true }] }], viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }] } });
 
 let nextId$1 = 0;
@@ -10128,7 +11111,15 @@ class NhAssistantPanelComponent {
         this.showConversations.set(false);
         this.showPreferences.set(false);
         this.showShare.set(false);
-        void this.store.submit(text);
+        void this.store.submit(text, this.store.attachedFiles());
+    }
+    /** Uploads the files the person attached to the next message. */
+    attach(files) {
+        void this.store.attach(files);
+    }
+    /** The names of the files a queued message carries, as the queue lists them. */
+    fileNames(files) {
+        return files.map(file => file.name).join(', ');
     }
     editQueuedMessage(id, text) {
         this.resumeAfterEditing = !this.store.queuePaused();
@@ -10188,7 +11179,7 @@ class NhAssistantPanelComponent {
         void this.store.cancel();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: NhAssistantPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", 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            (retryMessage)=\"store.send($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", "retryMessage"] }, { 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.34", 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            (retryMessage)=\"store.send($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.files?.length) {\n                        <span class=\"queue-state queue-files\" data-queue-files>{{ 'nh-assistant.queue.files' | translate: { count: item.files!.length, names: fileNames(item.files!) } }}</span>\n                      }\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          [uploads]=\"store.uploads()\"\n          [attachments]=\"store.attachments()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (attach)=\"attach($event)\"\n          (removeAttachment)=\"store.removeAttachment($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-files{display:block;overflow-wrap:anywhere}.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", "uploads", "attachments"], outputs: ["send", "cancel", "restored", "attach", "removeAttachment"] }, { 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", "retryMessage"] }, { 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.34", ngImport: i0, type: NhAssistantPanelComponent, decorators: [{
             type: Component,
@@ -10204,7 +11195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", 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            (retryMessage)=\"store.send($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"] }]
+                    ], 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            (retryMessage)=\"store.send($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.files?.length) {\n                        <span class=\"queue-state queue-files\" data-queue-files>{{ 'nh-assistant.queue.files' | translate: { count: item.files!.length, names: fileNames(item.files!) } }}</span>\n                      }\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          [uploads]=\"store.uploads()\"\n          [attachments]=\"store.attachments()\"\n          (restored)=\"store.consumeRestoredDraft()\"\n          (send)=\"send($event)\"\n          (attach)=\"attach($event)\"\n          (removeAttachment)=\"store.removeAttachment($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-files{display:block;overflow-wrap:anywhere}.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 }] }] } });
 
 /**
@@ -10633,5 +11624,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { NH_ASSISTANT_ACCESS_POLICY, NH_ASSISTANT_CONFIG, NH_ASSISTANT_CONVERSATION_FRAGMENT, NH_ASSISTANT_FEEDBACK_CATEGORIES, NH_ASSISTANT_FEEDBACK_GROUPS, NH_ASSISTANT_FETCH, NH_ASSISTANT_ICONS, NH_ASSISTANT_JOIN_FRAGMENT, NH_ASSISTANT_MAX_BULK_FEEDBACK, NH_ASSISTANT_MAX_CUSTOM_INSTRUCTIONS, NH_ASSISTANT_MAX_FEEDBACK_TEXT, NH_ASSISTANT_MAX_PROPOSAL_LOOKUP, NH_ASSISTANT_MAX_SUBJECT_SUMMARY, NH_ASSISTANT_MCP_AUTHORIZATION_MESSAGE, NH_ASSISTANT_MCP_AUTHORIZATION_WINDOW, NH_ASSISTANT_NO_ANSWER_NOTICE_CODE, NH_ASSISTANT_PAGE_CONTEXT_LIMITS, NH_ASSISTANT_PANEL_MOBILE_QUERY, NH_ASSISTANT_PANEL_WIDTH, NH_ASSISTANT_RESULT_PREVIEW_LENGTH, NH_ASSISTANT_RUN_HISTORY_MAX_PAGE, NH_ASSISTANT_RUN_RESULT_MAX_LENGTH, NH_ASSISTANT_SSE_EVENT_TYPES, NH_ASSISTANT_SUBJECT_SEARCH, NH_ASSISTANT_SYSTEM_GLOBAL_ID, NH_ASSISTANT_SYSTEM_SUBJECT_TYPE, NH_ASSISTANT_TRANSLATIONS, NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD, NhAssistantActivityComponent, NhAssistantAdminApiService, NhAssistantAgentPickerComponent, NhAssistantAgentRunApiService, NhAssistantAllowAllAccessPolicy, NhAssistantApiError, NhAssistantApiService, NhAssistantApprovalCardComponent, NhAssistantClientErrorCodes, NhAssistantComposerComponent, NhAssistantConnectionRequiredComponent, NhAssistantConversationListComponent, NhAssistantLauncherComponent, NhAssistantLiveService, NhAssistantMcpConnectService, NhAssistantMcpConnectionsComponent, NhAssistantMcpPopupAuthorizationWindow, NhAssistantPanelComponent, NhAssistantPanelService, NhAssistantPreferencesComponent, NhAssistantProposalFeedbackComponent, NhAssistantPushService, NhAssistantShareComponent, NhAssistantSseParser, NhAssistantStore, NhAssistantSubjectBadgeComponent, NhAssistantSubjectSummaryService, NhAssistantThreadComponent, NhAssistantToolCallCardComponent, NhAssistantToolCallGroupComponent, NhAssistantTranslationMerger, applyNhAssistantApprovalDecision, applyNhAssistantConversationChange, applyNhAssistantEvent, applyNhAssistantLiveEvent, describeNhAssistantClientContext, formatNhAssistantCountdown, nhAssistantCodeForStatus, nhAssistantConnectMcp, nhAssistantErrorMessageKey, nhAssistantIsUnread, nhAssistantLatestTurnHasText, nhAssistantMcpAuthorizationFromFragment, nhAssistantShareLink, normalizeNhAssistantClientContext, provideNhAssistant, NH_ASSISTANT_DASH_CASE as ɵNH_ASSISTANT_DASH_CASE, NhAssistantIconComponent as ɵNhAssistantIconComponent, NhAssistantMarkdownPipe as ɵNhAssistantMarkdownPipe, NhAssistantPickerComponent as ɵNhAssistantPickerComponent, NhAssistantSubjectLinkComponent as ɵNhAssistantSubjectLinkComponent, NhAssistantTranslatePipe as ɵNhAssistantTranslatePipe, nhAssistantCodeKeys as ɵnhAssistantCodeKeys, nhAssistantErrorKeys as ɵnhAssistantErrorKeys, nhAssistantErrorOf as ɵnhAssistantErrorOf, nhAssistantReloadOnAgentWork as ɵnhAssistantReloadOnAgentWork, nhAssistantWatchAgentWork as ɵnhAssistantWatchAgentWork, toNhAssistantError as ɵtoNhAssistantError };
+export { NH_ASSISTANT_ACCESS_POLICY, NH_ASSISTANT_CONFIG, NH_ASSISTANT_CONVERSATION_FRAGMENT, NH_ASSISTANT_ERROR_CODES, NH_ASSISTANT_FEEDBACK_CATEGORIES, NH_ASSISTANT_FEEDBACK_GROUPS, NH_ASSISTANT_FETCH, NH_ASSISTANT_ICONS, NH_ASSISTANT_JOIN_FRAGMENT, NH_ASSISTANT_MAX_BULK_FEEDBACK, NH_ASSISTANT_MAX_CUSTOM_INSTRUCTIONS, NH_ASSISTANT_MAX_FEEDBACK_TEXT, NH_ASSISTANT_MAX_PROPOSAL_LOOKUP, NH_ASSISTANT_MAX_SUBJECT_SUMMARY, NH_ASSISTANT_MCP_AUTHORIZATION_MESSAGE, NH_ASSISTANT_MCP_AUTHORIZATION_WINDOW, NH_ASSISTANT_MESSAGE_QUEUED_NOTICE_CODE, NH_ASSISTANT_NO_ANSWER_NOTICE_CODE, NH_ASSISTANT_PAGE_CONTEXT_LIMITS, NH_ASSISTANT_PANEL_MOBILE_QUERY, NH_ASSISTANT_PANEL_WIDTH, NH_ASSISTANT_RESULT_PREVIEW_LENGTH, NH_ASSISTANT_RUN_HISTORY_MAX_PAGE, NH_ASSISTANT_RUN_RESULT_MAX_LENGTH, NH_ASSISTANT_SERVER_ERROR_CODES, NH_ASSISTANT_SSE_EVENT_TYPES, NH_ASSISTANT_SUBJECT_SEARCH, NH_ASSISTANT_SYSTEM_GLOBAL_ID, NH_ASSISTANT_SYSTEM_SUBJECT_TYPE, NH_ASSISTANT_TRANSLATIONS, NH_ASSISTANT_UPLOAD, NH_ASSISTANT_UPLOAD_HEADER, NH_ASSISTANT_VIRTUAL_SCROLL_THRESHOLD, NhAssistantActivityComponent, NhAssistantAdminApiService, NhAssistantAgentPickerComponent, NhAssistantAgentRunApiService, NhAssistantAllowAllAccessPolicy, NhAssistantApiError, NhAssistantApiService, NhAssistantApprovalCardComponent, NhAssistantClientErrorCodes, NhAssistantComposerComponent, NhAssistantConnectionRequiredComponent, NhAssistantConversationListComponent, NhAssistantLauncherComponent, NhAssistantLiveService, NhAssistantMcpConnectService, NhAssistantMcpConnectionsComponent, NhAssistantMcpPopupAuthorizationWindow, NhAssistantPanelComponent, NhAssistantPanelService, NhAssistantPreferencesComponent, NhAssistantProposalFeedbackComponent, NhAssistantPushService, NhAssistantShareComponent, NhAssistantSseParser, NhAssistantStore, NhAssistantSubjectBadgeComponent, NhAssistantSubjectSummaryService, NhAssistantThreadComponent, NhAssistantToolCallCardComponent, NhAssistantToolCallGroupComponent, NhAssistantTranslationMerger, applyNhAssistantApprovalDecision, applyNhAssistantConversationChange, applyNhAssistantEvent, applyNhAssistantLiveEvent, describeNhAssistantClientContext, formatNhAssistantCountdown, nhAssistantCodeForStatus, nhAssistantConnectMcp, nhAssistantErrorMessageKey, nhAssistantIsUnread, nhAssistantLatestTurnHasText, nhAssistantMcpAuthorizationFromFragment, nhAssistantShareLink, nhAssistantXhrUpload, normalizeNhAssistantClientContext, provideNhAssistant, toNhAssistantError, NH_ASSISTANT_DASH_CASE as ɵNH_ASSISTANT_DASH_CASE, NhAssistantIconComponent as ɵNhAssistantIconComponent, NhAssistantMarkdownPipe as ɵNhAssistantMarkdownPipe, NhAssistantPickerComponent as ɵNhAssistantPickerComponent, NhAssistantSubjectLinkComponent as ɵNhAssistantSubjectLinkComponent, NhAssistantTranslatePipe as ɵNhAssistantTranslatePipe, nhAssistantCodeKeys as ɵnhAssistantCodeKeys, nhAssistantErrorKeys as ɵnhAssistantErrorKeys, nhAssistantErrorOf as ɵnhAssistantErrorOf, nhAssistantReloadOnAgentWork as ɵnhAssistantReloadOnAgentWork, nhAssistantWatchAgentWork as ɵnhAssistantWatchAgentWork, toNhAssistantError as ɵtoNhAssistantError };
 //# sourceMappingURL=newheap-platform-ai-chat.mjs.map