@newheap/platform-ai-chat 0.11.0 → 0.13.0

package/README.md

@@ -453,7 +453,9 @@ use small built-in outline glyphs:
 ## Translations
 
 All keys live under `nh-assistant.`. With `translations: 'bundled'` the library
-merges its `en` and `nl` texts whenever the host loads a language; other
+merges its `en` and `nl` texts whenever the host loads a language. A regional
+language such as `nl-NL`, `nl-BE` or `en-GB` receives the texts of its base
+language, so a host with regional languages needs no merge of its own; other
 languages receive English. Keys the host defines under `nh-assistant.` win, so a
 host adds only what the server decides:
 

package/admin/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { NhAssistantStore, NhAssistantError, ApplicationContext, ApplicationContextVersion, AdminAgent, ToolCatalogEntry, McpServer, SetAgentStateRequest, AgentSkillState, AssistantAutonomy, AgentEvaluation, AgentReplay, AgentEvaluationCost, AgentProposalFeedbackCategory, AgentFeedbackSummaryRow, AgentFeedbackItem, AgentFeedbackCategoryCount, StaleKind, AgentProposalFeedbackGroup, McpServerTestResult, McpAuthMode, McpToolEffect, McpTool } from '@newheap/platform-ai-chat';
+import { NhAssistantStore, NhAssistantError, ApplicationContext, ApplicationContextVersion, AdminAgent, ToolCatalogEntry, McpServer, SetAgentStateRequest, AgentShadowMode, AgentSkillState, AgentShadowState, AssistantAutonomy, AgentEvaluation, AgentReplay, AgentEvaluationCost, AgentProposalFeedbackCategory, AgentFeedbackSummaryRow, AgentFeedbackItem, AgentFeedbackCategoryCount, StaleKind, AgentProposalFeedbackGroup, McpServerTestResult, McpAuthMode, McpToolEffect, McpTool } from '@newheap/platform-ai-chat';
 
 type NhAssistantAdminTab = 'context' | 'agents' | 'mcp-servers';
 /**
@@ -62,7 +62,8 @@ declare class NhAssistantAdminContextComponent {
 type AgentStateAction = SetAgentStateRequest['state'];
 /**
  * Agent administration: code agents (override, reset) and agents created here (edit, delete),
- * and for every agent its run state with pause, stop and resume, each with an optional reason.
+ * and for every agent its run state with pause, stop and resume, its shadow mode and that of each
+ * skill, and the technical account of an agent that answers to one, each with an optional reason.
  * Editing opens `nh-assistant-admin-agent-editor`; the feedback action opens
  * `nh-assistant-agent-feedback-report` for the agent, and the evaluation action of an agent with
  * shadow variants opens `nh-assistant-agent-evaluation`.
@@ -99,6 +100,18 @@ declare class NhAssistantAdminAgentsComponent {
         skillId?: string;
         state: AgentStateAction;
     } | null>;
+    /** The shadow mode change whose reason is being entered, of the agent or one of its skills. */
+    readonly changingShadow: _angular_core.WritableSignal<{
+        agentId: string;
+        skillId?: string;
+        mode: AgentShadowMode;
+    } | null>;
+    /** The change of the technical account being entered: a new account, or the one in code. */
+    readonly changingAccount: _angular_core.WritableSignal<{
+        agentId: string;
+        mode: "set" | "code";
+    } | null>;
+    readonly accountId: _angular_core.WritableSignal<string>;
     readonly stateReason: _angular_core.WritableSignal<string>;
     readonly maxReason = 500;
     readonly error: _angular_core.WritableSignal<NhAssistantError | null>;
@@ -124,6 +137,20 @@ declare class NhAssistantAdminAgentsComponent {
     skillActions(skill: AgentSkillState): AgentStateAction[];
     /** Opens the reason form of a state change of the agent or, with a skill, of that skill. */
     askState(agent: AdminAgent, state: AgentStateAction, skill?: AgentSkillState): void;
+    /**
+     * The shadow modes an agent or skill can change to: the opposite of its own mode, and the mode
+     * in code once an administrator overrode it. A shadow variant, and an agent without runs that
+     * only chats, offer none.
+     */
+    shadowActions(shadow: AgentShadowState | null | undefined): AgentShadowMode[];
+    /** Opens the reason form of a shadow mode change of the agent or, with a skill, of that skill. */
+    askShadow(agent: AdminAgent, mode: AgentShadowMode, skill?: AgentSkillState): void;
+    isChangingShadow(agentId: string, mode: AgentShadowMode, skillId?: string): boolean;
+    applyShadow(agent: AdminAgent): void;
+    /** Opens the form that changes the technical account, or returns to the one in code. */
+    askAccount(agent: AdminAgent, mode: 'set' | 'code'): void;
+    isChangingAccount(agentId: string, mode: 'set' | 'code'): boolean;
+    applyAccount(agent: AdminAgent): void;
     isChangingState(agentId: string, state: AgentStateAction, skillId?: string): boolean;
     applyState(agent: AdminAgent): void;
     value(event: Event): string;
@@ -132,6 +159,8 @@ declare class NhAssistantAdminAgentsComponent {
     reset(agent: AdminAgent): void;
     remove(agent: AdminAgent): void;
     private run;
+    /** Closes the open confirmation and change forms before another opens; one is open at a time. */
+    private closeForms;
     private replace;
     /** Agent changes affect the agent picker of the panel. */
     private refreshChat;

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

@@ -635,7 +635,8 @@ let nextId$4 = 0;
 const maxStateReason = 500;
 /**
  * Agent administration: code agents (override, reset) and agents created here (edit, delete),
- * and for every agent its run state with pause, stop and resume, each with an optional reason.
+ * and for every agent its run state with pause, stop and resume, its shadow mode and that of each
+ * skill, and the technical account of an agent that answers to one, each with an optional reason.
  * Editing opens `nh-assistant-admin-agent-editor`; the feedback action opens
  * `nh-assistant-agent-feedback-report` for the agent, and the evaluation action of an agent with
  * shadow variants opens `nh-assistant-agent-evaluation`.
@@ -664,6 +665,11 @@ class NhAssistantAdminAgentsComponent {
         this.busyAgentId = signal(null, ...(ngDevMode ? [{ debugName: "busyAgentId" }] : []));
         /** The state change whose reason is being entered, of the agent or one of its skills. */
         this.changingState = signal(null, ...(ngDevMode ? [{ debugName: "changingState" }] : []));
+        /** The shadow mode change whose reason is being entered, of the agent or one of its skills. */
+        this.changingShadow = signal(null, ...(ngDevMode ? [{ debugName: "changingShadow" }] : []));
+        /** The change of the technical account being entered: a new account, or the one in code. */
+        this.changingAccount = signal(null, ...(ngDevMode ? [{ debugName: "changingAccount" }] : []));
+        this.accountId = signal('', ...(ngDevMode ? [{ debugName: "accountId" }] : []));
         this.stateReason = signal('', ...(ngDevMode ? [{ debugName: "stateReason" }] : []));
         this.maxReason = maxStateReason;
         this.error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : []));
@@ -777,12 +783,68 @@ class NhAssistantAdminAgentsComponent {
     }
     /** Opens the reason form of a state change of the agent or, with a skill, of that skill. */
     askState(agent, state, skill) {
-        this.confirming.set(null);
-        this.error.set(null);
-        this.stateReason.set('');
+        this.closeForms();
         this.changingState.set({ agentId: agent.id, skillId: skill?.skillId, state });
         afterNextRender(() => this.reasonInput()?.nativeElement.focus(), { injector: this.injector });
     }
+    /**
+     * The shadow modes an agent or skill can change to: the opposite of its own mode, and the mode
+     * in code once an administrator overrode it. A shadow variant, and an agent without runs that
+     * only chats, offer none.
+     */
+    shadowActions(shadow) {
+        if (!shadow || shadow.locked) {
+            return [];
+        }
+        const own = shadow.override ?? shadow.configured;
+        const actions = [own ? 'live' : 'shadow'];
+        return shadow.override === null ? actions : [...actions, 'code'];
+    }
+    /** Opens the reason form of a shadow mode change of the agent or, with a skill, of that skill. */
+    askShadow(agent, mode, skill) {
+        this.closeForms();
+        this.changingShadow.set({ agentId: agent.id, skillId: skill?.skillId, mode });
+        afterNextRender(() => this.reasonInput()?.nativeElement.focus(), { injector: this.injector });
+    }
+    isChangingShadow(agentId, mode, skillId) {
+        const change = this.changingShadow();
+        return change?.agentId === agentId && change.mode === mode && change.skillId === skillId;
+    }
+    applyShadow(agent) {
+        const change = this.changingShadow();
+        if (change?.agentId !== agent.id) {
+            return;
+        }
+        const reason = this.stateReason().trim();
+        const request = { mode: change.mode, reason: reason.length > 0 ? reason : null };
+        if (change.skillId !== undefined) {
+            this.run(agent.id, this.admin.setSkillShadow(agent.id, change.skillId, request), skill => this.replace(withSkill(agent, skill)));
+            return;
+        }
+        this.run(agent.id, this.admin.setAgentShadow(agent.id, request), state => this.replace(withState(agent, state)));
+    }
+    /** Opens the form that changes the technical account, or returns to the one in code. */
+    askAccount(agent, mode) {
+        this.closeForms();
+        this.changingAccount.set({ agentId: agent.id, mode });
+        afterNextRender(() => this.reasonInput()?.nativeElement.focus(), { injector: this.injector });
+    }
+    isChangingAccount(agentId, mode) {
+        const change = this.changingAccount();
+        return change?.agentId === agentId && change.mode === mode;
+    }
+    applyAccount(agent) {
+        const change = this.changingAccount();
+        if (change?.agentId !== agent.id) {
+            return;
+        }
+        const actorId = change.mode === 'set' ? this.accountId().trim() : null;
+        if (actorId === '') {
+            return;
+        }
+        const reason = this.stateReason().trim();
+        this.run(agent.id, this.admin.setServiceAccount(agent.id, { actorId, reason: reason.length > 0 ? reason : null }), state => this.replace(withState(agent, state)));
+    }
     isChangingState(agentId, state, skillId) {
         const change = this.changingState();
         return change?.agentId === agentId && change.state === state && change.skillId === skillId;
@@ -805,6 +867,8 @@ class NhAssistantAdminAgentsComponent {
     }
     confirm(agentId, action) {
         this.changingState.set(null);
+        this.changingShadow.set(null);
+        this.changingAccount.set(null);
         this.confirming.set({ agentId, action });
     }
     isConfirming(agentId, action) {
@@ -823,6 +887,8 @@ class NhAssistantAdminAgentsComponent {
         this.busyAgentId.set(agentId);
         this.confirming.set(null);
         this.changingState.set(null);
+        this.changingShadow.set(null);
+        this.changingAccount.set(null);
         this.error.set(null);
         this.actionSubscription?.unsubscribe();
         this.actionSubscription = request.subscribe({
@@ -837,6 +903,16 @@ class NhAssistantAdminAgentsComponent {
             }
         });
     }
+    /** Closes the open confirmation and change forms before another opens; one is open at a time. */
+    closeForms() {
+        this.confirming.set(null);
+        this.error.set(null);
+        this.stateReason.set('');
+        this.accountId.set('');
+        this.changingState.set(null);
+        this.changingShadow.set(null);
+        this.changingAccount.set(null);
+    }
     replace(agent) {
         this.agents.update(agents => agents.map(item => item.id === agent.id ? agent : item));
     }
@@ -845,7 +921,7 @@ class NhAssistantAdminAgentsComponent {
         void this.store.reloadStatus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantAdminAgentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantAdminAgentsComponent, isStandalone: true, selector: "nh-assistant-admin-agents", viewQueries: [{ propertyName: "backButton", first: true, predicate: ["back"], descendants: true, isSignal: true }, { propertyName: "reasonInput", first: true, predicate: ["reasonInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (editing() !== undefined) {\n  <nh-assistant-admin-agent-editor\n    [agent]=\"editing() ?? null\"\n    [tools]=\"tools()\"\n    [servers]=\"servers()\"\n    (saved)=\"onSaved($event)\"\n    (cancelled)=\"editing.set(undefined)\" />\n} @else if (reporting(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeReport()\">\n        {{ 'nh-assistant.admin.feedback.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-feedback-report [agentId]=\"agent.id\" />\n  </div>\n} @else if (evaluating(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeEvaluation()\">\n        {{ 'nh-assistant.admin.evaluation.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-evaluation [agentId]=\"agent.id\" [variants]=\"variantsOf(agent)\" />\n  </div>\n} @else {\n  <section class=\"section\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading()\">\n    <header class=\"section-header\">\n      <div>\n        <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.admin.agents.title' | translate }}</h3>\n        <p class=\"muted\">{{ 'nh-assistant.admin.agents.description' | translate }}</p>\n      </div>\n      <button class=\"primary\" type=\"button\" [disabled]=\"loading() || loadFailed()\" (click)=\"create()\">\n        <nh-assistant-icon name=\"plus\" />{{ 'nh-assistant.admin.agents.new' | translate }}\n      </button>\n    </header>\n\n    @if (error(); as failure) {\n      <p class=\"message error\" role=\"alert\"><nh-assistant-icon name=\"warning\" />{{ errorKeys() | nhAssistantTranslate: failure.code }}</p>\n    }\n\n    @if (loading()) {\n      <p class=\"state\" role=\"status\">{{ 'nh-assistant.admin.loading' | translate }}</p>\n    } @else if (loadFailed()) {\n      <div class=\"state\" role=\"alert\">\n        <p>{{ 'nh-assistant.admin.load-failed' | translate }}</p>\n        <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.admin.retry' | translate }}</button>\n      </div>\n    } @else if (agents().length === 0) {\n      <p class=\"state\">{{ 'nh-assistant.admin.agents.empty' | translate }}</p>\n    } @else {\n      <ul class=\"cards\">\n        @for (agent of agents(); track agent.id) {\n          <li class=\"card\" [class.inactive]=\"agent.runState !== 'active'\" [attr.aria-busy]=\"busyAgentId() === agent.id\">\n            <div class=\"card-header\">\n              <strong>{{ agent.displayName }}</strong>\n              <span class=\"mono muted\">{{ agent.id }}</span>\n              <span class=\"badge\">{{ (agent.source === 'code' ? 'nh-assistant.admin.agents.source-code' : 'nh-assistant.admin.agents.source-admin') | translate }}</span>\n              @if (agent.isOverridden) {\n                <span class=\"badge warning\">{{ 'nh-assistant.admin.agents.overridden' | translate }}</span>\n              }\n              <span\n                class=\"badge\"\n                [class.success]=\"agent.runState === 'active'\"\n                [class.warning]=\"agent.runState === 'paused'\"\n                [class.danger]=\"agent.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + agent.runState | translate }}</span>\n            </div>\n            @if (agent.description) {\n              <p class=\"muted\">{{ agent.description }}</p>\n            }\n            @if (agent.runState === 'configured-off') {\n              <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.configured-off-hint' | translate }}</p>\n            } @else if (agent.runState !== 'active') {\n              <p class=\"muted\">\n                @if (agent.stateChangedAt) {\n                  {{ 'nh-assistant.admin.agents.state.changed' | translate: { user: agent.stateChangedBy, date: (agent.stateChangedAt | date: 'medium') } }}\n                }\n                @if (agent.stateReason) {\n                  {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: agent.stateReason } }}\n                }\n              </p>\n              @if (agent.runState === 'paused') {\n                <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: agent.waitingInputs } }}</p>\n              }\n            }\n            <div class=\"meta\">\n              <span>{{ 'nh-assistant.admin.agents.autonomy.' + agent.autonomy | translate }}</span>\n              <span>{{ 'nh-assistant.admin.agents.tool-count' | translate: { count: agent.toolSelectors.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.server-count' | translate: { count: agent.mcpServerIds.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.version' | translate: { version: agent.version } }}</span>\n              @if (agent.requiredPolicy) {\n                <span class=\"mono\">{{ agent.requiredPolicy }}</span>\n              }\n            </div>\n            <div class=\"card-actions\">\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"edit(agent)\">\n                <nh-assistant-icon name=\"edit\" />{{ 'nh-assistant.admin.edit' | translate }}\n              </button>\n              @for (action of stateActions(agent); track action) {\n                <button\n                  type=\"button\"\n                  [class.secondary]=\"action !== 'stopped'\"\n                  [class.danger]=\"action === 'stopped'\"\n                  [attr.aria-expanded]=\"isChangingState(agent.id, action)\"\n                  [disabled]=\"busyAgentId() !== null\"\n                  (click)=\"askState(agent, action)\">\n                  {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                </button>\n              }\n              <button class=\"secondary\" type=\"button\" [attr.data-feedback-agent]=\"agent.id\" (click)=\"openReport(agent)\">\n                <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.feedback' | translate }}\n              </button>\n              @if (variantsOf(agent).length > 0) {\n                <button class=\"secondary\" type=\"button\" [attr.data-evaluation-agent]=\"agent.id\" (click)=\"openEvaluation(agent)\">\n                  <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.evaluation' | translate }}\n                </button>\n              }\n              @if (agent.source === 'code' && agent.isOverridden) {\n                @if (isConfirming(agent.id, 'reset')) {\n                  <span class=\"muted\">{{ 'nh-assistant.admin.agents.reset-keeps-state' | translate }}</span>\n                  <button class=\"danger\" type=\"button\" (click)=\"reset(agent)\">{{ 'nh-assistant.admin.agents.confirm-reset' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'reset')\">\n                    <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.admin.agents.reset' | translate }}\n                  </button>\n                }\n              }\n              @if (agent.source === 'admin') {\n                @if (isConfirming(agent.id, 'delete')) {\n                  <button class=\"danger\" type=\"button\" (click)=\"remove(agent)\">{{ 'nh-assistant.admin.confirm-delete' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"danger\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'delete')\">\n                    <nh-assistant-icon name=\"trash\" />{{ 'nh-assistant.admin.delete' | translate }}\n                  </button>\n                }\n              }\n            </div>\n            @if (agent.skills?.length) {\n              <ul class=\"skills\" [attr.aria-label]=\"'nh-assistant.admin.agents.skills.title' | translate\">\n                @for (skill of agent.skills; track skill.skillId) {\n                  <li class=\"skill\" [attr.data-skill]=\"skill.skillId\">\n                    <div class=\"card-header\">\n                      <span class=\"mono\">{{ skill.skillId }}</span>\n                      <span\n                        class=\"badge\"\n                        [class.success]=\"skill.runState === 'active'\"\n                        [class.warning]=\"skill.runState === 'paused'\"\n                        [class.danger]=\"skill.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + skill.runState | translate }}</span>\n                    </div>\n                    <p class=\"muted\">{{ skill.description }}</p>\n                    <div class=\"meta\">\n                      <span>{{ 'nh-assistant.admin.agents.skills.usage' | translate: { calls: skill.toolCallsToday, tokens: skill.tokensToday } }}</span>\n                      @if (skill.dailyToolCalls !== null) {\n                        <span>{{ 'nh-assistant.admin.agents.skills.budget' | translate: { calls: skill.dailyToolCalls, tokens: skill.dailyTokens } }}</span>\n                      }\n                      @if (skill.runState === 'paused') {\n                        <span>{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: skill.waitingInputs } }}</span>\n                      }\n                      @if (skill.reason) {\n                        <span>{{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: skill.reason } }}</span>\n                      }\n                    </div>\n                    @if (agent.runState !== 'configured-off') {\n                      <div class=\"card-actions\">\n                        @for (action of skillActions(skill); track action) {\n                          <button\n                            type=\"button\"\n                            [class.secondary]=\"action !== 'stopped'\"\n                            [class.danger]=\"action === 'stopped'\"\n                            [attr.aria-label]=\"('nh-assistant.admin.agents.state.action.' + action | translate) + ' ' + skill.skillId\"\n                            [attr.aria-expanded]=\"isChangingState(agent.id, action, skill.skillId)\"\n                            [disabled]=\"busyAgentId() !== null\"\n                            (click)=\"askState(agent, action, skill)\">\n                            {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                          </button>\n                        }\n                      </div>\n                    }\n                  </li>\n                }\n              </ul>\n            }\n            @if (changingState(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" (submit)=\"$event.preventDefault(); applyState(agent)\">\n                  @if (change.skillId) {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.skills.explain.' + change.state | translate: { skill: change.skillId } }}</p>\n                  } @else {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.explain.' + change.state | translate }}</p>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      #reasonInput\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" [class.primary]=\"change.state !== 'stopped'\" [class.danger]=\"change.state === 'stopped'\" [disabled]=\"busyAgentId() !== null\">\n                      {{ 'nh-assistant.admin.agents.state.confirm.' + change.state | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingState.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n          </li>\n        }\n      </ul>\n    }\n  </section>\n}\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;min-width:0;color:var(--nha-text);font-family:var(--nha-font);font-size:14px}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.section{display:flex;flex-direction:column;gap:16px;min-width:0}.section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.section-header>div{min-width:0;max-width:72ch}h3{margin:0 0 4px;font-size:17px;font-weight:750}h4{margin:0 0 8px;font-size:14px;font-weight:700}.muted{margin:0;color:var(--nha-text-muted);font-size:13px}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;border:1px dashed var(--nha-border);border-radius:var(--nha-radius);padding:20px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.stack{display:flex;flex-direction:column;gap:14px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}textarea.large{min-height:260px}.grow{flex:1;min-width:0}.subsection{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--nha-border);padding-top:14px}.history{display:grid;gap:6px;margin:0;padding:0;list-style:none}.history li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px}.cards{display:grid;gap:10px;margin:0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius);padding:14px;background:var(--nha-background)}.card.inactive{opacity:.8}.card-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.card-header strong{font-size:14px;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}.check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--nha-highlight)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px}.chip 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;width:26px;height:26px;border-radius:999px}.chip button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.chip button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.chip button:disabled{cursor:not-allowed;opacity:.5}.inline{display:flex;flex-wrap:wrap;gap:8px}.inline>input{flex:1 1 180px}.catalog{display:grid;gap:4px;max-height:260px;margin:8px 0 0;overflow-y:auto;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px;list-style:none}.catalog li label{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border-radius:8px;padding:6px;cursor:pointer}.catalog li label:hover{background:var(--nha-surface)}.catalog .tool-id{font-family:var(--nha-mono);font-size:12px;overflow-wrap:anywhere}.skills{display:grid;gap:8px;margin:0;padding:0;list-style:none}.skill{display:grid;gap:6px;border-left:3px solid var(--nha-border);padding:4px 0 4px 12px}\n"], dependencies: [{ kind: "component", type: _NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantAdminAgentEditorComponent, selector: "nh-assistant-admin-agent-editor", inputs: ["agent", "tools", "servers"], outputs: ["saved", "cancelled"] }, { kind: "component", type: NhAssistantAgentEvaluationComponent, selector: "nh-assistant-agent-evaluation", inputs: ["agentId", "variants"] }, { kind: "component", type: NhAssistantAgentFeedbackReportComponent, selector: "nh-assistant-agent-feedback-report", inputs: ["agentId", "itemsPerPage"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: _NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: NhAssistantAdminAgentsComponent, isStandalone: true, selector: "nh-assistant-admin-agents", viewQueries: [{ propertyName: "backButton", first: true, predicate: ["back"], descendants: true, isSignal: true }, { propertyName: "reasonInput", first: true, predicate: ["reasonInput"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (editing() !== undefined) {\n  <nh-assistant-admin-agent-editor\n    [agent]=\"editing() ?? null\"\n    [tools]=\"tools()\"\n    [servers]=\"servers()\"\n    (saved)=\"onSaved($event)\"\n    (cancelled)=\"editing.set(undefined)\" />\n} @else if (reporting(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeReport()\">\n        {{ 'nh-assistant.admin.feedback.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-feedback-report [agentId]=\"agent.id\" />\n  </div>\n} @else if (evaluating(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeEvaluation()\">\n        {{ 'nh-assistant.admin.evaluation.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-evaluation [agentId]=\"agent.id\" [variants]=\"variantsOf(agent)\" />\n  </div>\n} @else {\n  <section class=\"section\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading()\">\n    <header class=\"section-header\">\n      <div>\n        <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.admin.agents.title' | translate }}</h3>\n        <p class=\"muted\">{{ 'nh-assistant.admin.agents.description' | translate }}</p>\n      </div>\n      <button class=\"primary\" type=\"button\" [disabled]=\"loading() || loadFailed()\" (click)=\"create()\">\n        <nh-assistant-icon name=\"plus\" />{{ 'nh-assistant.admin.agents.new' | translate }}\n      </button>\n    </header>\n\n    @if (error(); as failure) {\n      <p class=\"message error\" role=\"alert\"><nh-assistant-icon name=\"warning\" />{{ errorKeys() | nhAssistantTranslate: failure.code }}</p>\n    }\n\n    @if (loading()) {\n      <p class=\"state\" role=\"status\">{{ 'nh-assistant.admin.loading' | translate }}</p>\n    } @else if (loadFailed()) {\n      <div class=\"state\" role=\"alert\">\n        <p>{{ 'nh-assistant.admin.load-failed' | translate }}</p>\n        <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.admin.retry' | translate }}</button>\n      </div>\n    } @else if (agents().length === 0) {\n      <p class=\"state\">{{ 'nh-assistant.admin.agents.empty' | translate }}</p>\n    } @else {\n      <ul class=\"cards\">\n        @for (agent of agents(); track agent.id) {\n          <li class=\"card\" [class.inactive]=\"agent.runState !== 'active'\" [attr.aria-busy]=\"busyAgentId() === agent.id\">\n            <div class=\"card-header\">\n              <strong>{{ agent.displayName }}</strong>\n              <span class=\"mono muted\">{{ agent.id }}</span>\n              <span class=\"badge\">{{ (agent.source === 'code' ? 'nh-assistant.admin.agents.source-code' : 'nh-assistant.admin.agents.source-admin') | translate }}</span>\n              @if (agent.isOverridden) {\n                <span class=\"badge warning\">{{ 'nh-assistant.admin.agents.overridden' | translate }}</span>\n              }\n              <span\n                class=\"badge\"\n                [class.success]=\"agent.runState === 'active'\"\n                [class.warning]=\"agent.runState === 'paused'\"\n                [class.danger]=\"agent.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + agent.runState | translate }}</span>\n              @if (agent.shadow?.shadow) {\n                <span class=\"badge warning\" data-shadow-badge>{{ 'nh-assistant.admin.agents.shadow.badge' | translate }}</span>\n              }\n            </div>\n            @if (agent.description) {\n              <p class=\"muted\">{{ agent.description }}</p>\n            }\n            @if (agent.runState === 'configured-off') {\n              <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.configured-off-hint' | translate }}</p>\n            } @else if (agent.runState !== 'active') {\n              <p class=\"muted\">\n                @if (agent.stateChangedAt) {\n                  {{ 'nh-assistant.admin.agents.state.changed' | translate: { user: agent.stateChangedBy, date: (agent.stateChangedAt | date: 'medium') } }}\n                }\n                @if (agent.stateReason) {\n                  {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: agent.stateReason } }}\n                }\n              </p>\n              @if (agent.runState === 'paused') {\n                <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: agent.waitingInputs } }}</p>\n              }\n            }\n            @if (agent.shadow; as shadow) {\n              @if (shadow.shadow) {\n                <p class=\"muted\">\n                  {{ (shadow.locked ? 'nh-assistant.admin.agents.shadow.locked' : 'nh-assistant.admin.agents.shadow.hint') | translate }}\n                  @if (shadow.changedAt && shadow.override !== null) {\n                    {{ 'nh-assistant.admin.agents.shadow.changed' | translate: { user: shadow.changedBy, date: (shadow.changedAt | date: 'medium') } }}\n                  }\n                  @if (shadow.reason && shadow.override !== null) {\n                    {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: shadow.reason } }}\n                  }\n                </p>\n              }\n            }\n            @if (agent.serviceAccount; as account) {\n              <p class=\"muted\" data-service-account>\n                <span class=\"mono\">{{ 'nh-assistant.admin.agents.service-account.label' | translate: { account: account.actorId } }}</span>\n                @if (account.overridden) {\n                  {{ 'nh-assistant.admin.agents.service-account.configured' | translate: { account: account.configuredActorId } }}\n                  @if (account.reason) {\n                    {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: account.reason } }}\n                  }\n                }\n              </p>\n            }\n            <div class=\"meta\">\n              <span>{{ 'nh-assistant.admin.agents.autonomy.' + agent.autonomy | translate }}</span>\n              <span>{{ 'nh-assistant.admin.agents.tool-count' | translate: { count: agent.toolSelectors.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.server-count' | translate: { count: agent.mcpServerIds.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.version' | translate: { version: agent.version } }}</span>\n              @if (agent.requiredPolicy) {\n                <span class=\"mono\">{{ agent.requiredPolicy }}</span>\n              }\n            </div>\n            <div class=\"card-actions\">\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"edit(agent)\">\n                <nh-assistant-icon name=\"edit\" />{{ 'nh-assistant.admin.edit' | translate }}\n              </button>\n              @for (action of stateActions(agent); track action) {\n                <button\n                  type=\"button\"\n                  [class.secondary]=\"action !== 'stopped'\"\n                  [class.danger]=\"action === 'stopped'\"\n                  [attr.aria-expanded]=\"isChangingState(agent.id, action)\"\n                  [disabled]=\"busyAgentId() !== null\"\n                  (click)=\"askState(agent, action)\">\n                  {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                </button>\n              }\n              @if (agent.runState !== 'configured-off') {\n                @for (mode of shadowActions(agent.shadow); track mode) {\n                  <button\n                    class=\"secondary\"\n                    type=\"button\"\n                    [attr.data-shadow-action]=\"mode\"\n                    [attr.aria-expanded]=\"isChangingShadow(agent.id, mode)\"\n                    [disabled]=\"busyAgentId() !== null\"\n                    (click)=\"askShadow(agent, mode)\">\n                    {{ 'nh-assistant.admin.agents.shadow.action.' + mode | translate }}\n                  </button>\n                }\n              }\n              @if (agent.serviceAccount; as account) {\n                <button\n                  class=\"secondary\"\n                  type=\"button\"\n                  data-account-action=\"set\"\n                  [attr.aria-expanded]=\"isChangingAccount(agent.id, 'set')\"\n                  [disabled]=\"busyAgentId() !== null\"\n                  (click)=\"askAccount(agent, 'set')\">\n                  {{ 'nh-assistant.admin.agents.service-account.action.set' | translate }}\n                </button>\n                @if (account.overridden) {\n                  <button\n                    class=\"secondary\"\n                    type=\"button\"\n                    data-account-action=\"code\"\n                    [attr.aria-expanded]=\"isChangingAccount(agent.id, 'code')\"\n                    [disabled]=\"busyAgentId() !== null\"\n                    (click)=\"askAccount(agent, 'code')\">\n                    {{ 'nh-assistant.admin.agents.service-account.action.code' | translate }}\n                  </button>\n                }\n              }\n              <button class=\"secondary\" type=\"button\" [attr.data-feedback-agent]=\"agent.id\" (click)=\"openReport(agent)\">\n                <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.feedback' | translate }}\n              </button>\n              @if (variantsOf(agent).length > 0) {\n                <button class=\"secondary\" type=\"button\" [attr.data-evaluation-agent]=\"agent.id\" (click)=\"openEvaluation(agent)\">\n                  <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.evaluation' | translate }}\n                </button>\n              }\n              @if (agent.source === 'code' && agent.isOverridden) {\n                @if (isConfirming(agent.id, 'reset')) {\n                  <span class=\"muted\">{{ 'nh-assistant.admin.agents.reset-keeps-state' | translate }}</span>\n                  <button class=\"danger\" type=\"button\" (click)=\"reset(agent)\">{{ 'nh-assistant.admin.agents.confirm-reset' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'reset')\">\n                    <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.admin.agents.reset' | translate }}\n                  </button>\n                }\n              }\n              @if (agent.source === 'admin') {\n                @if (isConfirming(agent.id, 'delete')) {\n                  <button class=\"danger\" type=\"button\" (click)=\"remove(agent)\">{{ 'nh-assistant.admin.confirm-delete' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"danger\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'delete')\">\n                    <nh-assistant-icon name=\"trash\" />{{ 'nh-assistant.admin.delete' | translate }}\n                  </button>\n                }\n              }\n            </div>\n            @if (agent.skills?.length) {\n              <ul class=\"skills\" [attr.aria-label]=\"'nh-assistant.admin.agents.skills.title' | translate\">\n                @for (skill of agent.skills; track skill.skillId) {\n                  <li class=\"skill\" [attr.data-skill]=\"skill.skillId\">\n                    <div class=\"card-header\">\n                      <span class=\"mono\">{{ skill.skillId }}</span>\n                      <span\n                        class=\"badge\"\n                        [class.success]=\"skill.runState === 'active'\"\n                        [class.warning]=\"skill.runState === 'paused'\"\n                        [class.danger]=\"skill.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + skill.runState | translate }}</span>\n                      @if (skill.shadow?.shadow) {\n                        <span class=\"badge warning\" data-shadow-badge>{{ 'nh-assistant.admin.agents.shadow.badge' | translate }}</span>\n                      }\n                    </div>\n                    <p class=\"muted\">{{ skill.description }}</p>\n                    <div class=\"meta\">\n                      <span>{{ 'nh-assistant.admin.agents.skills.usage' | translate: { calls: skill.toolCallsToday, tokens: skill.tokensToday } }}</span>\n                      @if (skill.dailyToolCalls !== null) {\n                        <span>{{ 'nh-assistant.admin.agents.skills.budget' | translate: { calls: skill.dailyToolCalls, tokens: skill.dailyTokens } }}</span>\n                      }\n                      @if (skill.runState === 'paused') {\n                        <span>{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: skill.waitingInputs } }}</span>\n                      }\n                      @if (skill.reason) {\n                        <span>{{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: skill.reason } }}</span>\n                      }\n                    </div>\n                    @if (agent.runState !== 'configured-off') {\n                      <div class=\"card-actions\">\n                        @for (action of skillActions(skill); track action) {\n                          <button\n                            type=\"button\"\n                            [class.secondary]=\"action !== 'stopped'\"\n                            [class.danger]=\"action === 'stopped'\"\n                            [attr.aria-label]=\"('nh-assistant.admin.agents.state.action.' + action | translate) + ' ' + skill.skillId\"\n                            [attr.aria-expanded]=\"isChangingState(agent.id, action, skill.skillId)\"\n                            [disabled]=\"busyAgentId() !== null\"\n                            (click)=\"askState(agent, action, skill)\">\n                            {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                          </button>\n                        }\n                        @for (mode of shadowActions(skill.shadow); track mode) {\n                          <button\n                            class=\"secondary\"\n                            type=\"button\"\n                            [attr.data-shadow-action]=\"mode\"\n                            [attr.aria-label]=\"('nh-assistant.admin.agents.shadow.action.' + mode | translate) + ' ' + skill.skillId\"\n                            [attr.aria-expanded]=\"isChangingShadow(agent.id, mode, skill.skillId)\"\n                            [disabled]=\"busyAgentId() !== null\"\n                            (click)=\"askShadow(agent, mode, skill)\">\n                            {{ 'nh-assistant.admin.agents.shadow.action.' + mode | translate }}\n                          </button>\n                        }\n                      </div>\n                    }\n                  </li>\n                }\n              </ul>\n            }\n            @if (changingState(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" (submit)=\"$event.preventDefault(); applyState(agent)\">\n                  @if (change.skillId) {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.skills.explain.' + change.state | translate: { skill: change.skillId } }}</p>\n                  } @else {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.explain.' + change.state | translate }}</p>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      #reasonInput\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" [class.primary]=\"change.state !== 'stopped'\" [class.danger]=\"change.state === 'stopped'\" [disabled]=\"busyAgentId() !== null\">\n                      {{ 'nh-assistant.admin.agents.state.confirm.' + change.state | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingState.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n            @if (changingShadow(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" data-shadow-form (submit)=\"$event.preventDefault(); applyShadow(agent)\">\n                  @if (change.skillId) {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.shadow.skill-explain.' + change.mode | translate: { skill: change.skillId } }}</p>\n                  } @else {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.shadow.explain.' + change.mode | translate }}</p>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-shadow-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      #reasonInput\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-shadow-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" class=\"primary\" [disabled]=\"busyAgentId() !== null\">\n                      {{ 'nh-assistant.admin.agents.shadow.confirm.' + change.mode | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingShadow.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n            @if (changingAccount(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" data-account-form (submit)=\"$event.preventDefault(); applyAccount(agent)\">\n                  <p class=\"muted\">{{ 'nh-assistant.admin.agents.service-account.explain.' + change.mode | translate: { account: agent.serviceAccount?.configuredActorId } }}</p>\n                  @if (change.mode === 'set') {\n                    <div class=\"field\">\n                      <label [for]=\"id + '-' + agent.id + '-account'\">{{ 'nh-assistant.admin.agents.service-account.input-label' | translate }}</label>\n                      <input\n                        #reasonInput\n                        type=\"text\"\n                        autocomplete=\"off\"\n                        required\n                        [id]=\"id + '-' + agent.id + '-account'\"\n                        maxLength=\"256\"\n                        [value]=\"accountId()\"\n                        (input)=\"accountId.set(value($event))\" />\n                    </div>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-account-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-account-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" class=\"primary\" [disabled]=\"busyAgentId() !== null || (change.mode === 'set' && accountId().trim() === '')\">\n                      {{ 'nh-assistant.admin.agents.service-account.confirm.' + change.mode | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingAccount.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n          </li>\n        }\n      </ul>\n    }\n  </section>\n}\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;min-width:0;color:var(--nha-text);font-family:var(--nha-font);font-size:14px}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.section{display:flex;flex-direction:column;gap:16px;min-width:0}.section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.section-header>div{min-width:0;max-width:72ch}h3{margin:0 0 4px;font-size:17px;font-weight:750}h4{margin:0 0 8px;font-size:14px;font-weight:700}.muted{margin:0;color:var(--nha-text-muted);font-size:13px}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;border:1px dashed var(--nha-border);border-radius:var(--nha-radius);padding:20px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.stack{display:flex;flex-direction:column;gap:14px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}textarea.large{min-height:260px}.grow{flex:1;min-width:0}.subsection{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--nha-border);padding-top:14px}.history{display:grid;gap:6px;margin:0;padding:0;list-style:none}.history li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px}.cards{display:grid;gap:10px;margin:0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius);padding:14px;background:var(--nha-background)}.card.inactive{opacity:.8}.card-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.card-header strong{font-size:14px;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}.check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--nha-highlight)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px}.chip 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;width:26px;height:26px;border-radius:999px}.chip button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.chip button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.chip button:disabled{cursor:not-allowed;opacity:.5}.inline{display:flex;flex-wrap:wrap;gap:8px}.inline>input{flex:1 1 180px}.catalog{display:grid;gap:4px;max-height:260px;margin:8px 0 0;overflow-y:auto;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px;list-style:none}.catalog li label{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border-radius:8px;padding:6px;cursor:pointer}.catalog li label:hover{background:var(--nha-surface)}.catalog .tool-id{font-family:var(--nha-mono);font-size:12px;overflow-wrap:anywhere}.skills{display:grid;gap:8px;margin:0;padding:0;list-style:none}.skill{display:grid;gap:6px;border-left:3px solid var(--nha-border);padding:4px 0 4px 12px}\n"], dependencies: [{ kind: "component", type: _NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: NhAssistantAdminAgentEditorComponent, selector: "nh-assistant-admin-agent-editor", inputs: ["agent", "tools", "servers"], outputs: ["saved", "cancelled"] }, { kind: "component", type: NhAssistantAgentEvaluationComponent, selector: "nh-assistant-agent-evaluation", inputs: ["agentId", "variants"] }, { kind: "component", type: NhAssistantAgentFeedbackReportComponent, selector: "nh-assistant-agent-feedback-report", inputs: ["agentId", "itemsPerPage"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: _NhAssistantTranslatePipe, name: "nhAssistantTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NhAssistantAdminAgentsComponent, decorators: [{
             type: Component,
@@ -857,7 +933,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImpo
                         NhAssistantAdminAgentEditorComponent,
                         NhAssistantAgentEvaluationComponent,
                         NhAssistantAgentFeedbackReportComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (editing() !== undefined) {\n  <nh-assistant-admin-agent-editor\n    [agent]=\"editing() ?? null\"\n    [tools]=\"tools()\"\n    [servers]=\"servers()\"\n    (saved)=\"onSaved($event)\"\n    (cancelled)=\"editing.set(undefined)\" />\n} @else if (reporting(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeReport()\">\n        {{ 'nh-assistant.admin.feedback.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-feedback-report [agentId]=\"agent.id\" />\n  </div>\n} @else if (evaluating(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeEvaluation()\">\n        {{ 'nh-assistant.admin.evaluation.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-evaluation [agentId]=\"agent.id\" [variants]=\"variantsOf(agent)\" />\n  </div>\n} @else {\n  <section class=\"section\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading()\">\n    <header class=\"section-header\">\n      <div>\n        <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.admin.agents.title' | translate }}</h3>\n        <p class=\"muted\">{{ 'nh-assistant.admin.agents.description' | translate }}</p>\n      </div>\n      <button class=\"primary\" type=\"button\" [disabled]=\"loading() || loadFailed()\" (click)=\"create()\">\n        <nh-assistant-icon name=\"plus\" />{{ 'nh-assistant.admin.agents.new' | translate }}\n      </button>\n    </header>\n\n    @if (error(); as failure) {\n      <p class=\"message error\" role=\"alert\"><nh-assistant-icon name=\"warning\" />{{ errorKeys() | nhAssistantTranslate: failure.code }}</p>\n    }\n\n    @if (loading()) {\n      <p class=\"state\" role=\"status\">{{ 'nh-assistant.admin.loading' | translate }}</p>\n    } @else if (loadFailed()) {\n      <div class=\"state\" role=\"alert\">\n        <p>{{ 'nh-assistant.admin.load-failed' | translate }}</p>\n        <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.admin.retry' | translate }}</button>\n      </div>\n    } @else if (agents().length === 0) {\n      <p class=\"state\">{{ 'nh-assistant.admin.agents.empty' | translate }}</p>\n    } @else {\n      <ul class=\"cards\">\n        @for (agent of agents(); track agent.id) {\n          <li class=\"card\" [class.inactive]=\"agent.runState !== 'active'\" [attr.aria-busy]=\"busyAgentId() === agent.id\">\n            <div class=\"card-header\">\n              <strong>{{ agent.displayName }}</strong>\n              <span class=\"mono muted\">{{ agent.id }}</span>\n              <span class=\"badge\">{{ (agent.source === 'code' ? 'nh-assistant.admin.agents.source-code' : 'nh-assistant.admin.agents.source-admin') | translate }}</span>\n              @if (agent.isOverridden) {\n                <span class=\"badge warning\">{{ 'nh-assistant.admin.agents.overridden' | translate }}</span>\n              }\n              <span\n                class=\"badge\"\n                [class.success]=\"agent.runState === 'active'\"\n                [class.warning]=\"agent.runState === 'paused'\"\n                [class.danger]=\"agent.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + agent.runState | translate }}</span>\n            </div>\n            @if (agent.description) {\n              <p class=\"muted\">{{ agent.description }}</p>\n            }\n            @if (agent.runState === 'configured-off') {\n              <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.configured-off-hint' | translate }}</p>\n            } @else if (agent.runState !== 'active') {\n              <p class=\"muted\">\n                @if (agent.stateChangedAt) {\n                  {{ 'nh-assistant.admin.agents.state.changed' | translate: { user: agent.stateChangedBy, date: (agent.stateChangedAt | date: 'medium') } }}\n                }\n                @if (agent.stateReason) {\n                  {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: agent.stateReason } }}\n                }\n              </p>\n              @if (agent.runState === 'paused') {\n                <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: agent.waitingInputs } }}</p>\n              }\n            }\n            <div class=\"meta\">\n              <span>{{ 'nh-assistant.admin.agents.autonomy.' + agent.autonomy | translate }}</span>\n              <span>{{ 'nh-assistant.admin.agents.tool-count' | translate: { count: agent.toolSelectors.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.server-count' | translate: { count: agent.mcpServerIds.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.version' | translate: { version: agent.version } }}</span>\n              @if (agent.requiredPolicy) {\n                <span class=\"mono\">{{ agent.requiredPolicy }}</span>\n              }\n            </div>\n            <div class=\"card-actions\">\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"edit(agent)\">\n                <nh-assistant-icon name=\"edit\" />{{ 'nh-assistant.admin.edit' | translate }}\n              </button>\n              @for (action of stateActions(agent); track action) {\n                <button\n                  type=\"button\"\n                  [class.secondary]=\"action !== 'stopped'\"\n                  [class.danger]=\"action === 'stopped'\"\n                  [attr.aria-expanded]=\"isChangingState(agent.id, action)\"\n                  [disabled]=\"busyAgentId() !== null\"\n                  (click)=\"askState(agent, action)\">\n                  {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                </button>\n              }\n              <button class=\"secondary\" type=\"button\" [attr.data-feedback-agent]=\"agent.id\" (click)=\"openReport(agent)\">\n                <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.feedback' | translate }}\n              </button>\n              @if (variantsOf(agent).length > 0) {\n                <button class=\"secondary\" type=\"button\" [attr.data-evaluation-agent]=\"agent.id\" (click)=\"openEvaluation(agent)\">\n                  <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.evaluation' | translate }}\n                </button>\n              }\n              @if (agent.source === 'code' && agent.isOverridden) {\n                @if (isConfirming(agent.id, 'reset')) {\n                  <span class=\"muted\">{{ 'nh-assistant.admin.agents.reset-keeps-state' | translate }}</span>\n                  <button class=\"danger\" type=\"button\" (click)=\"reset(agent)\">{{ 'nh-assistant.admin.agents.confirm-reset' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'reset')\">\n                    <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.admin.agents.reset' | translate }}\n                  </button>\n                }\n              }\n              @if (agent.source === 'admin') {\n                @if (isConfirming(agent.id, 'delete')) {\n                  <button class=\"danger\" type=\"button\" (click)=\"remove(agent)\">{{ 'nh-assistant.admin.confirm-delete' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"danger\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'delete')\">\n                    <nh-assistant-icon name=\"trash\" />{{ 'nh-assistant.admin.delete' | translate }}\n                  </button>\n                }\n              }\n            </div>\n            @if (agent.skills?.length) {\n              <ul class=\"skills\" [attr.aria-label]=\"'nh-assistant.admin.agents.skills.title' | translate\">\n                @for (skill of agent.skills; track skill.skillId) {\n                  <li class=\"skill\" [attr.data-skill]=\"skill.skillId\">\n                    <div class=\"card-header\">\n                      <span class=\"mono\">{{ skill.skillId }}</span>\n                      <span\n                        class=\"badge\"\n                        [class.success]=\"skill.runState === 'active'\"\n                        [class.warning]=\"skill.runState === 'paused'\"\n                        [class.danger]=\"skill.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + skill.runState | translate }}</span>\n                    </div>\n                    <p class=\"muted\">{{ skill.description }}</p>\n                    <div class=\"meta\">\n                      <span>{{ 'nh-assistant.admin.agents.skills.usage' | translate: { calls: skill.toolCallsToday, tokens: skill.tokensToday } }}</span>\n                      @if (skill.dailyToolCalls !== null) {\n                        <span>{{ 'nh-assistant.admin.agents.skills.budget' | translate: { calls: skill.dailyToolCalls, tokens: skill.dailyTokens } }}</span>\n                      }\n                      @if (skill.runState === 'paused') {\n                        <span>{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: skill.waitingInputs } }}</span>\n                      }\n                      @if (skill.reason) {\n                        <span>{{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: skill.reason } }}</span>\n                      }\n                    </div>\n                    @if (agent.runState !== 'configured-off') {\n                      <div class=\"card-actions\">\n                        @for (action of skillActions(skill); track action) {\n                          <button\n                            type=\"button\"\n                            [class.secondary]=\"action !== 'stopped'\"\n                            [class.danger]=\"action === 'stopped'\"\n                            [attr.aria-label]=\"('nh-assistant.admin.agents.state.action.' + action | translate) + ' ' + skill.skillId\"\n                            [attr.aria-expanded]=\"isChangingState(agent.id, action, skill.skillId)\"\n                            [disabled]=\"busyAgentId() !== null\"\n                            (click)=\"askState(agent, action, skill)\">\n                            {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                          </button>\n                        }\n                      </div>\n                    }\n                  </li>\n                }\n              </ul>\n            }\n            @if (changingState(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" (submit)=\"$event.preventDefault(); applyState(agent)\">\n                  @if (change.skillId) {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.skills.explain.' + change.state | translate: { skill: change.skillId } }}</p>\n                  } @else {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.explain.' + change.state | translate }}</p>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      #reasonInput\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" [class.primary]=\"change.state !== 'stopped'\" [class.danger]=\"change.state === 'stopped'\" [disabled]=\"busyAgentId() !== null\">\n                      {{ 'nh-assistant.admin.agents.state.confirm.' + change.state | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingState.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n          </li>\n        }\n      </ul>\n    }\n  </section>\n}\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;min-width:0;color:var(--nha-text);font-family:var(--nha-font);font-size:14px}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.section{display:flex;flex-direction:column;gap:16px;min-width:0}.section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.section-header>div{min-width:0;max-width:72ch}h3{margin:0 0 4px;font-size:17px;font-weight:750}h4{margin:0 0 8px;font-size:14px;font-weight:700}.muted{margin:0;color:var(--nha-text-muted);font-size:13px}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;border:1px dashed var(--nha-border);border-radius:var(--nha-radius);padding:20px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.stack{display:flex;flex-direction:column;gap:14px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}textarea.large{min-height:260px}.grow{flex:1;min-width:0}.subsection{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--nha-border);padding-top:14px}.history{display:grid;gap:6px;margin:0;padding:0;list-style:none}.history li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px}.cards{display:grid;gap:10px;margin:0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius);padding:14px;background:var(--nha-background)}.card.inactive{opacity:.8}.card-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.card-header strong{font-size:14px;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}.check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--nha-highlight)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px}.chip 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;width:26px;height:26px;border-radius:999px}.chip button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.chip button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.chip button:disabled{cursor:not-allowed;opacity:.5}.inline{display:flex;flex-wrap:wrap;gap:8px}.inline>input{flex:1 1 180px}.catalog{display:grid;gap:4px;max-height:260px;margin:8px 0 0;overflow-y:auto;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px;list-style:none}.catalog li label{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border-radius:8px;padding:6px;cursor:pointer}.catalog li label:hover{background:var(--nha-surface)}.catalog .tool-id{font-family:var(--nha-mono);font-size:12px;overflow-wrap:anywhere}.skills{display:grid;gap:8px;margin:0;padding:0;list-style:none}.skill{display:grid;gap:6px;border-left:3px solid var(--nha-border);padding:4px 0 4px 12px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (editing() !== undefined) {\n  <nh-assistant-admin-agent-editor\n    [agent]=\"editing() ?? null\"\n    [tools]=\"tools()\"\n    [servers]=\"servers()\"\n    (saved)=\"onSaved($event)\"\n    (cancelled)=\"editing.set(undefined)\" />\n} @else if (reporting(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeReport()\">\n        {{ 'nh-assistant.admin.feedback.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-feedback-report [agentId]=\"agent.id\" />\n  </div>\n} @else if (evaluating(); as agent) {\n  <div class=\"stack\">\n    <div>\n      <button #back class=\"secondary\" type=\"button\" (click)=\"closeEvaluation()\">\n        {{ 'nh-assistant.admin.evaluation.back' | translate }}\n      </button>\n    </div>\n    <p class=\"muted\">{{ 'nh-assistant.admin.feedback.agent' | translate: { name: agent.displayName, id: agent.id } }}</p>\n    <nh-assistant-agent-evaluation [agentId]=\"agent.id\" [variants]=\"variantsOf(agent)\" />\n  </div>\n} @else {\n  <section class=\"section\" [attr.aria-labelledby]=\"id + '-title'\" [attr.aria-busy]=\"loading()\">\n    <header class=\"section-header\">\n      <div>\n        <h3 [id]=\"id + '-title'\">{{ 'nh-assistant.admin.agents.title' | translate }}</h3>\n        <p class=\"muted\">{{ 'nh-assistant.admin.agents.description' | translate }}</p>\n      </div>\n      <button class=\"primary\" type=\"button\" [disabled]=\"loading() || loadFailed()\" (click)=\"create()\">\n        <nh-assistant-icon name=\"plus\" />{{ 'nh-assistant.admin.agents.new' | translate }}\n      </button>\n    </header>\n\n    @if (error(); as failure) {\n      <p class=\"message error\" role=\"alert\"><nh-assistant-icon name=\"warning\" />{{ errorKeys() | nhAssistantTranslate: failure.code }}</p>\n    }\n\n    @if (loading()) {\n      <p class=\"state\" role=\"status\">{{ 'nh-assistant.admin.loading' | translate }}</p>\n    } @else if (loadFailed()) {\n      <div class=\"state\" role=\"alert\">\n        <p>{{ 'nh-assistant.admin.load-failed' | translate }}</p>\n        <button class=\"secondary\" type=\"button\" (click)=\"load()\">{{ 'nh-assistant.admin.retry' | translate }}</button>\n      </div>\n    } @else if (agents().length === 0) {\n      <p class=\"state\">{{ 'nh-assistant.admin.agents.empty' | translate }}</p>\n    } @else {\n      <ul class=\"cards\">\n        @for (agent of agents(); track agent.id) {\n          <li class=\"card\" [class.inactive]=\"agent.runState !== 'active'\" [attr.aria-busy]=\"busyAgentId() === agent.id\">\n            <div class=\"card-header\">\n              <strong>{{ agent.displayName }}</strong>\n              <span class=\"mono muted\">{{ agent.id }}</span>\n              <span class=\"badge\">{{ (agent.source === 'code' ? 'nh-assistant.admin.agents.source-code' : 'nh-assistant.admin.agents.source-admin') | translate }}</span>\n              @if (agent.isOverridden) {\n                <span class=\"badge warning\">{{ 'nh-assistant.admin.agents.overridden' | translate }}</span>\n              }\n              <span\n                class=\"badge\"\n                [class.success]=\"agent.runState === 'active'\"\n                [class.warning]=\"agent.runState === 'paused'\"\n                [class.danger]=\"agent.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + agent.runState | translate }}</span>\n              @if (agent.shadow?.shadow) {\n                <span class=\"badge warning\" data-shadow-badge>{{ 'nh-assistant.admin.agents.shadow.badge' | translate }}</span>\n              }\n            </div>\n            @if (agent.description) {\n              <p class=\"muted\">{{ agent.description }}</p>\n            }\n            @if (agent.runState === 'configured-off') {\n              <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.configured-off-hint' | translate }}</p>\n            } @else if (agent.runState !== 'active') {\n              <p class=\"muted\">\n                @if (agent.stateChangedAt) {\n                  {{ 'nh-assistant.admin.agents.state.changed' | translate: { user: agent.stateChangedBy, date: (agent.stateChangedAt | date: 'medium') } }}\n                }\n                @if (agent.stateReason) {\n                  {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: agent.stateReason } }}\n                }\n              </p>\n              @if (agent.runState === 'paused') {\n                <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: agent.waitingInputs } }}</p>\n              }\n            }\n            @if (agent.shadow; as shadow) {\n              @if (shadow.shadow) {\n                <p class=\"muted\">\n                  {{ (shadow.locked ? 'nh-assistant.admin.agents.shadow.locked' : 'nh-assistant.admin.agents.shadow.hint') | translate }}\n                  @if (shadow.changedAt && shadow.override !== null) {\n                    {{ 'nh-assistant.admin.agents.shadow.changed' | translate: { user: shadow.changedBy, date: (shadow.changedAt | date: 'medium') } }}\n                  }\n                  @if (shadow.reason && shadow.override !== null) {\n                    {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: shadow.reason } }}\n                  }\n                </p>\n              }\n            }\n            @if (agent.serviceAccount; as account) {\n              <p class=\"muted\" data-service-account>\n                <span class=\"mono\">{{ 'nh-assistant.admin.agents.service-account.label' | translate: { account: account.actorId } }}</span>\n                @if (account.overridden) {\n                  {{ 'nh-assistant.admin.agents.service-account.configured' | translate: { account: account.configuredActorId } }}\n                  @if (account.reason) {\n                    {{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: account.reason } }}\n                  }\n                }\n              </p>\n            }\n            <div class=\"meta\">\n              <span>{{ 'nh-assistant.admin.agents.autonomy.' + agent.autonomy | translate }}</span>\n              <span>{{ 'nh-assistant.admin.agents.tool-count' | translate: { count: agent.toolSelectors.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.server-count' | translate: { count: agent.mcpServerIds.length } }}</span>\n              <span>{{ 'nh-assistant.admin.agents.version' | translate: { version: agent.version } }}</span>\n              @if (agent.requiredPolicy) {\n                <span class=\"mono\">{{ agent.requiredPolicy }}</span>\n              }\n            </div>\n            <div class=\"card-actions\">\n              <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"edit(agent)\">\n                <nh-assistant-icon name=\"edit\" />{{ 'nh-assistant.admin.edit' | translate }}\n              </button>\n              @for (action of stateActions(agent); track action) {\n                <button\n                  type=\"button\"\n                  [class.secondary]=\"action !== 'stopped'\"\n                  [class.danger]=\"action === 'stopped'\"\n                  [attr.aria-expanded]=\"isChangingState(agent.id, action)\"\n                  [disabled]=\"busyAgentId() !== null\"\n                  (click)=\"askState(agent, action)\">\n                  {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                </button>\n              }\n              @if (agent.runState !== 'configured-off') {\n                @for (mode of shadowActions(agent.shadow); track mode) {\n                  <button\n                    class=\"secondary\"\n                    type=\"button\"\n                    [attr.data-shadow-action]=\"mode\"\n                    [attr.aria-expanded]=\"isChangingShadow(agent.id, mode)\"\n                    [disabled]=\"busyAgentId() !== null\"\n                    (click)=\"askShadow(agent, mode)\">\n                    {{ 'nh-assistant.admin.agents.shadow.action.' + mode | translate }}\n                  </button>\n                }\n              }\n              @if (agent.serviceAccount; as account) {\n                <button\n                  class=\"secondary\"\n                  type=\"button\"\n                  data-account-action=\"set\"\n                  [attr.aria-expanded]=\"isChangingAccount(agent.id, 'set')\"\n                  [disabled]=\"busyAgentId() !== null\"\n                  (click)=\"askAccount(agent, 'set')\">\n                  {{ 'nh-assistant.admin.agents.service-account.action.set' | translate }}\n                </button>\n                @if (account.overridden) {\n                  <button\n                    class=\"secondary\"\n                    type=\"button\"\n                    data-account-action=\"code\"\n                    [attr.aria-expanded]=\"isChangingAccount(agent.id, 'code')\"\n                    [disabled]=\"busyAgentId() !== null\"\n                    (click)=\"askAccount(agent, 'code')\">\n                    {{ 'nh-assistant.admin.agents.service-account.action.code' | translate }}\n                  </button>\n                }\n              }\n              <button class=\"secondary\" type=\"button\" [attr.data-feedback-agent]=\"agent.id\" (click)=\"openReport(agent)\">\n                <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.feedback' | translate }}\n              </button>\n              @if (variantsOf(agent).length > 0) {\n                <button class=\"secondary\" type=\"button\" [attr.data-evaluation-agent]=\"agent.id\" (click)=\"openEvaluation(agent)\">\n                  <nh-assistant-icon name=\"list\" />{{ 'nh-assistant.admin.agents.evaluation' | translate }}\n                </button>\n              }\n              @if (agent.source === 'code' && agent.isOverridden) {\n                @if (isConfirming(agent.id, 'reset')) {\n                  <span class=\"muted\">{{ 'nh-assistant.admin.agents.reset-keeps-state' | translate }}</span>\n                  <button class=\"danger\" type=\"button\" (click)=\"reset(agent)\">{{ 'nh-assistant.admin.agents.confirm-reset' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"secondary\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'reset')\">\n                    <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.admin.agents.reset' | translate }}\n                  </button>\n                }\n              }\n              @if (agent.source === 'admin') {\n                @if (isConfirming(agent.id, 'delete')) {\n                  <button class=\"danger\" type=\"button\" (click)=\"remove(agent)\">{{ 'nh-assistant.admin.confirm-delete' | translate }}</button>\n                  <button class=\"secondary\" type=\"button\" (click)=\"confirming.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                } @else {\n                  <button class=\"danger\" type=\"button\" [disabled]=\"busyAgentId() !== null\" (click)=\"confirm(agent.id, 'delete')\">\n                    <nh-assistant-icon name=\"trash\" />{{ 'nh-assistant.admin.delete' | translate }}\n                  </button>\n                }\n              }\n            </div>\n            @if (agent.skills?.length) {\n              <ul class=\"skills\" [attr.aria-label]=\"'nh-assistant.admin.agents.skills.title' | translate\">\n                @for (skill of agent.skills; track skill.skillId) {\n                  <li class=\"skill\" [attr.data-skill]=\"skill.skillId\">\n                    <div class=\"card-header\">\n                      <span class=\"mono\">{{ skill.skillId }}</span>\n                      <span\n                        class=\"badge\"\n                        [class.success]=\"skill.runState === 'active'\"\n                        [class.warning]=\"skill.runState === 'paused'\"\n                        [class.danger]=\"skill.runState === 'stopped'\">{{ 'nh-assistant.admin.agents.state.' + skill.runState | translate }}</span>\n                      @if (skill.shadow?.shadow) {\n                        <span class=\"badge warning\" data-shadow-badge>{{ 'nh-assistant.admin.agents.shadow.badge' | translate }}</span>\n                      }\n                    </div>\n                    <p class=\"muted\">{{ skill.description }}</p>\n                    <div class=\"meta\">\n                      <span>{{ 'nh-assistant.admin.agents.skills.usage' | translate: { calls: skill.toolCallsToday, tokens: skill.tokensToday } }}</span>\n                      @if (skill.dailyToolCalls !== null) {\n                        <span>{{ 'nh-assistant.admin.agents.skills.budget' | translate: { calls: skill.dailyToolCalls, tokens: skill.dailyTokens } }}</span>\n                      }\n                      @if (skill.runState === 'paused') {\n                        <span>{{ 'nh-assistant.admin.agents.state.waiting' | translate: { count: skill.waitingInputs } }}</span>\n                      }\n                      @if (skill.reason) {\n                        <span>{{ 'nh-assistant.admin.agents.state.reason' | translate: { reason: skill.reason } }}</span>\n                      }\n                    </div>\n                    @if (agent.runState !== 'configured-off') {\n                      <div class=\"card-actions\">\n                        @for (action of skillActions(skill); track action) {\n                          <button\n                            type=\"button\"\n                            [class.secondary]=\"action !== 'stopped'\"\n                            [class.danger]=\"action === 'stopped'\"\n                            [attr.aria-label]=\"('nh-assistant.admin.agents.state.action.' + action | translate) + ' ' + skill.skillId\"\n                            [attr.aria-expanded]=\"isChangingState(agent.id, action, skill.skillId)\"\n                            [disabled]=\"busyAgentId() !== null\"\n                            (click)=\"askState(agent, action, skill)\">\n                            {{ 'nh-assistant.admin.agents.state.action.' + action | translate }}\n                          </button>\n                        }\n                        @for (mode of shadowActions(skill.shadow); track mode) {\n                          <button\n                            class=\"secondary\"\n                            type=\"button\"\n                            [attr.data-shadow-action]=\"mode\"\n                            [attr.aria-label]=\"('nh-assistant.admin.agents.shadow.action.' + mode | translate) + ' ' + skill.skillId\"\n                            [attr.aria-expanded]=\"isChangingShadow(agent.id, mode, skill.skillId)\"\n                            [disabled]=\"busyAgentId() !== null\"\n                            (click)=\"askShadow(agent, mode, skill)\">\n                            {{ 'nh-assistant.admin.agents.shadow.action.' + mode | translate }}\n                          </button>\n                        }\n                      </div>\n                    }\n                  </li>\n                }\n              </ul>\n            }\n            @if (changingState(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" (submit)=\"$event.preventDefault(); applyState(agent)\">\n                  @if (change.skillId) {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.skills.explain.' + change.state | translate: { skill: change.skillId } }}</p>\n                  } @else {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.state.explain.' + change.state | translate }}</p>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      #reasonInput\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" [class.primary]=\"change.state !== 'stopped'\" [class.danger]=\"change.state === 'stopped'\" [disabled]=\"busyAgentId() !== null\">\n                      {{ 'nh-assistant.admin.agents.state.confirm.' + change.state | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingState.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n            @if (changingShadow(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" data-shadow-form (submit)=\"$event.preventDefault(); applyShadow(agent)\">\n                  @if (change.skillId) {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.shadow.skill-explain.' + change.mode | translate: { skill: change.skillId } }}</p>\n                  } @else {\n                    <p class=\"muted\">{{ 'nh-assistant.admin.agents.shadow.explain.' + change.mode | translate }}</p>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-shadow-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      #reasonInput\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-shadow-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" class=\"primary\" [disabled]=\"busyAgentId() !== null\">\n                      {{ 'nh-assistant.admin.agents.shadow.confirm.' + change.mode | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingShadow.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n            @if (changingAccount(); as change) {\n              @if (change.agentId === agent.id) {\n                <form class=\"stack\" data-account-form (submit)=\"$event.preventDefault(); applyAccount(agent)\">\n                  <p class=\"muted\">{{ 'nh-assistant.admin.agents.service-account.explain.' + change.mode | translate: { account: agent.serviceAccount?.configuredActorId } }}</p>\n                  @if (change.mode === 'set') {\n                    <div class=\"field\">\n                      <label [for]=\"id + '-' + agent.id + '-account'\">{{ 'nh-assistant.admin.agents.service-account.input-label' | translate }}</label>\n                      <input\n                        #reasonInput\n                        type=\"text\"\n                        autocomplete=\"off\"\n                        required\n                        [id]=\"id + '-' + agent.id + '-account'\"\n                        maxLength=\"256\"\n                        [value]=\"accountId()\"\n                        (input)=\"accountId.set(value($event))\" />\n                    </div>\n                  }\n                  <div class=\"field\">\n                    <label [for]=\"id + '-' + agent.id + '-account-reason'\">{{ 'nh-assistant.admin.agents.state.reason-label' | translate }}</label>\n                    <input\n                      type=\"text\"\n                      autocomplete=\"off\"\n                      [id]=\"id + '-' + agent.id + '-account-reason'\"\n                      [maxLength]=\"maxReason\"\n                      [value]=\"stateReason()\"\n                      (input)=\"stateReason.set(value($event))\" />\n                  </div>\n                  <div class=\"card-actions\">\n                    <button type=\"submit\" class=\"primary\" [disabled]=\"busyAgentId() !== null || (change.mode === 'set' && accountId().trim() === '')\">\n                      {{ 'nh-assistant.admin.agents.service-account.confirm.' + change.mode | translate }}\n                    </button>\n                    <button class=\"secondary\" type=\"button\" (click)=\"changingAccount.set(null)\">{{ 'nh-assistant.admin.keep' | translate }}</button>\n                  </div>\n                </form>\n              }\n            }\n          </li>\n        }\n      </ul>\n    }\n  </section>\n}\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;min-width:0;color:var(--nha-text);font-family:var(--nha-font);font-size:14px}:host fieldset{min-width:0;margin:0;border:0;padding:0}:host legend,:host .label,:host .field>label{display:block;margin-bottom:6px;padding:0;color:var(--nha-text);font-size:12px;font-weight:700}:host input[type=text],:host input[type=url],:host input[type=password],:host input[type=search],:host select,:host textarea{width:100%;min-width:0;min-height:38px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:8px 10px;color:var(--nha-text);background:var(--nha-background);font:inherit;font-size:13px}:host input[type=text]:focus-visible,:host input[type=url]:focus-visible,:host input[type=password]:focus-visible,:host input[type=search]:focus-visible,:host select:focus-visible,:host textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host input[type=text]:disabled,:host input[type=url]:disabled,:host input[type=password]:disabled,:host input[type=search]:disabled,:host select:disabled,:host textarea:disabled{cursor:not-allowed;opacity:.6}:host input[type=text][aria-invalid=true],:host input[type=url][aria-invalid=true],:host input[type=password][aria-invalid=true],:host input[type=search][aria-invalid=true],:host select[aria-invalid=true],:host textarea[aria-invalid=true]{border-color:var(--nha-danger)}:host textarea{line-height:1.45;resize:vertical}:host .mono{font-family:var(--nha-mono);font-size:12px}:host .field{display:flex;flex-direction:column;min-width:0}:host .hint{display:flex;justify-content:space-between;gap:8px;margin:4px 2px 0;color:var(--nha-text-muted);font-size:11px}:host .counter{flex:none;font-variant-numeric:tabular-nums}:host .error-text{color:var(--nha-danger)}:host .message{display:flex;align-items:center;gap:8px;margin:0;border:1px solid transparent;border-radius:var(--nha-radius-control);padding:8px 12px;font-size:13px}:host .message.error{border-color:var(--nha-danger);color:var(--nha-text);background:var(--nha-danger-soft)}:host .message.warning{border-color:var(--nha-warning);color:var(--nha-text);background:var(--nha-warning-soft)}:host .message.success{border-color:var(--nha-success);color:var(--nha-text);background:var(--nha-success-soft)}:host .message nh-assistant-icon{flex:none}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px 14px;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}:host .primary:focus-visible,:host .secondary:focus-visible,:host .danger:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .primary:disabled,:host .secondary:disabled,:host .danger:disabled{cursor:not-allowed;opacity:.55}:host .primary{border-color:var(--nha-accent);color:var(--nha-accent-contrast);background:var(--nha-accent)}:host .primary:hover:not(:disabled){filter:brightness(1.12)}:host .secondary{color:var(--nha-text);background:transparent}:host .secondary:hover:not(:disabled){background:var(--nha-surface-strong)}:host .danger{border-color:var(--nha-danger);color:var(--nha-danger);background:transparent}:host .danger:hover:not(:disabled){background:var(--nha-danger-soft)}:host .icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--nha-radius-control);color:var(--nha-text-muted);background:transparent;cursor:pointer}:host .icon-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host .icon-button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}:host .icon-button:disabled{cursor:not-allowed;opacity:.5}:host .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}:host .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;color:var(--nha-text-muted);background:var(--nha-surface-strong);font-size:11px;font-weight:700;white-space:nowrap}:host .badge.success{color:var(--nha-success);background:var(--nha-success-soft)}:host .badge.warning{color:var(--nha-warning);background:var(--nha-warning-soft)}:host .badge.danger{color:var(--nha-danger);background:var(--nha-danger-soft)}:host .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.section{display:flex;flex-direction:column;gap:16px;min-width:0}.section-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.section-header>div{min-width:0;max-width:72ch}h3{margin:0 0 4px;font-size:17px;font-weight:750}h4{margin:0 0 8px;font-size:14px;font-weight:700}.muted{margin:0;color:var(--nha-text-muted);font-size:13px}.state{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;border:1px dashed var(--nha-border);border-radius:var(--nha-radius);padding:20px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.stack{display:flex;flex-direction:column;gap:14px;min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}textarea.large{min-height:260px}.grow{flex:1;min-width:0}.subsection{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--nha-border);padding-top:14px}.history{display:grid;gap:6px;margin:0;padding:0;list-style:none}.history li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px}.cards{display:grid;gap:10px;margin:0;padding:0;list-style:none}.card{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius);padding:14px;background:var(--nha-background)}.card.inactive{opacity:.8}.card-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.card-header strong{font-size:14px;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}.check input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--nha-highlight)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--nha-border);border-radius:999px;padding:2px 2px 2px 10px;background:var(--nha-surface);font-family:var(--nha-mono);font-size:12px}.chip 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;width:26px;height:26px;border-radius:999px}.chip button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.chip button:hover:not(:disabled){color:var(--nha-text);background:var(--nha-surface-strong)}.chip button:disabled{cursor:not-allowed;opacity:.5}.inline{display:flex;flex-wrap:wrap;gap:8px}.inline>input{flex:1 1 180px}.catalog{display:grid;gap:4px;max-height:260px;margin:8px 0 0;overflow-y:auto;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:6px;list-style:none}.catalog li label{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border-radius:8px;padding:6px;cursor:pointer}.catalog li label:hover{background:var(--nha-surface)}.catalog .tool-id{font-family:var(--nha-mono);font-size:12px;overflow-wrap:anywhere}.skills{display:grid;gap:8px;margin:0;padding:0;list-style:none}.skill{display:grid;gap:6px;border-left:3px solid var(--nha-border);padding:4px 0 4px 12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { backButton: [{ type: i0.ViewChild, args: ['back', { isSignal: true }] }], reasonInput: [{ type: i0.ViewChild, args: ['reasonInput', { isSignal: true }] }] } });
 function withState(agent, state) {
     return {
@@ -868,7 +944,9 @@ function withState(agent, state) {
         stateChangedBy: state.changedBy,
         stateReason: state.reason,
         waitingInputs: state.waitingInputs,
-        skills: state.skills ?? agent.skills
+        skills: state.skills ?? agent.skills,
+        shadow: state.shadow ?? agent.shadow,
+        serviceAccount: state.serviceAccount === undefined ? agent.serviceAccount : state.serviceAccount
     };
 }
 function withSkill(agent, skill) {