@newheap/platform-ai-chat 0.18.0 → 0.20.0

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

@@ -288,6 +288,13 @@ class NhAssistantAgentProposalsComponent {
     resolve(proposal, action) {
         this.run(this.api.resolve(proposal.approvalId, action));
     }
+    /**
+     * Whether the application executes the proposal: it was handed to the application, so an approver
+     * resolves an unknown outcome by handing it to the application again instead of running it.
+     */
+    executedByApplication(proposal) {
+        return !!proposal.executionReportDueAt;
+    }
     /** Opens the feedback question in the card of a closed proposal, with the caller's own feedback. */
     giveFeedback(proposal) {
         this.feedback.set({
@@ -427,7 +434,7 @@ class NhAssistantAgentProposalsComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.34", ngImport: i0, type: NhAssistantAgentProposalsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.34", type: NhAssistantAgentProposalsComponent, isStandalone: true, selector: "nh-assistant-agent-proposals", inputs: { proposals: { classPropertyName: "proposals", publicName: "proposals", isSignal: true, isRequired: true, transformFunction: null }, canDecide: { classPropertyName: "canDecide", publicName: "canDecide", isSignal: true, isRequired: false, transformFunction: null }, decisionRights: { classPropertyName: "decisionRights", publicName: "decisionRights", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, holdClosedCards: { classPropertyName: "holdClosedCards", publicName: "holdClosedCards", isSignal: true, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, groupByRun: { classPropertyName: "groupByRun", publicName: "groupByRun", isSignal: true, isRequired: false, transformFunction: null }, newIds: { classPropertyName: "newIds", publicName: "newIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", openConversation: "openConversation" }, ngImport: i0, template: "<div class=\"proposal-list\">\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 (feedback(); as request) {\n    @if (request.placement === 'prompt') {\n      <div class=\"feedback-prompt\">\n        @if (request.summary && !request.saved) {\n          <p class=\"muted\">{{ 'nh-assistant.agent-runs.proposal.rejected-one' | translate: { summary: request.summary } }}</p>\n        }\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      </div>\n    }\n  }\n\n  @if (selectable() && pending().length > 0) {\n    <div class=\"toolbar\">\n      <label class=\"select\">\n        <input type=\"checkbox\" [checked]=\"allSelected()\" [disabled]=\"busy()\" (change)=\"toggleAll()\" />\n        {{ 'nh-assistant.agent-runs.inbox.select-all' | translate }}\n      </label>\n      <button class=\"primary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('approve')\">\n        <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.inbox.approve-selected' | translate }}\n      </button>\n      <button class=\"secondary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('reject')\">\n        <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.inbox.reject-selected' | translate }}\n      </button>\n    </div>\n  }\n\n  @if (sections(); as groups) {\n    @if (held().length > 0) {\n      <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n        @for (proposal of held(); track proposal.approvalId) {\n          <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n        }\n      </ul>\n    }\n    @for (group of groups; track group.key) {\n      <section class=\"proposal-group\" [attr.data-proposal-group]=\"group.key\" [attr.aria-label]=\"group.label\">\n        <header class=\"proposal-group-header\">\n          <h4>\n            <nh-assistant-subject-link\n              [subjectType]=\"group.subjectType\"\n              [subjectId]=\"group.subjectId\"\n              [label]=\"group.label\"\n              [typeName]=\"group.typeName\"\n              [link]=\"group.link\" />\n          </h4>\n          <span class=\"muted\" data-group-loaded>{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: group.count, total: group.total } }}</span>\n          @if (selectable() && group.selectableIds.length > 0) {\n            <label class=\"select\">\n              <input\n                type=\"checkbox\"\n                data-select-group\n                [checked]=\"groupSelected(group)\"\n                [disabled]=\"busy()\"\n                [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select-group-label' | translate: { count: group.selectableIds.length, name: group.label }\"\n                (change)=\"toggleGroup(group)\" />\n              {{ 'nh-assistant.agent-runs.inbox.select-group' | translate: { count: group.selectableIds.length } }}\n            </label>\n          }\n        </header>\n        @if (group.continuesFromPreviousPage) {\n          <p class=\"muted\" data-group-continued>{{ 'nh-assistant.agent-runs.inbox.group-continued' | translate }}</p>\n        }\n        @for (subject of group.subjects; track subject.key) {\n          @if (!subject.own) {\n            <h5 class=\"proposal-subject-header\" [attr.data-proposal-subject]=\"subject.subjectType + '|' + subject.subjectId\">\n              <nh-assistant-subject-link\n                [subjectType]=\"subject.subjectType\"\n                [subjectId]=\"subject.subjectId\"\n                [label]=\"subject.label\"\n                [typeName]=\"subject.typeName\"\n                [link]=\"subject.link\" />\n              @if (subject.count < subject.total) {\n                <span class=\"muted\">{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: subject.count, total: subject.total } }}</span>\n              }\n            </h5>\n          }\n          @for (run of subject.runs; track run.key) {\n            @if (groupByRun()) {\n              <p class=\"proposal-run-header\" [attr.data-proposal-run]=\"run.runId ?? ''\">\n                @if (run.runId) {\n                  {{ 'nh-assistant.agent-runs.inbox.run' | translate: { agent: ([('nh-assistant.agents.' + run.agentId + '.name')] | nhAssistantTranslate: run.agentId), date: (run.proposedAt | date: 'short') } }}\n                } @else {\n                  {{ 'nh-assistant.agent-runs.inbox.no-run' | translate }}\n                }\n              </p>\n            }\n            <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n              @for (proposal of run.items; track proposal.approvalId) {\n                <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n              }\n            </ul>\n          }\n        }\n        @if (group.continuesOnNextPage) {\n          <p class=\"muted\" data-group-continues>{{ 'nh-assistant.agent-runs.inbox.group-continues' | translate }}</p>\n        }\n      </section>\n    }\n  } @else if (shown().length > 0) {\n    <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n      @for (proposal of shown(); track proposal.approvalId) {\n        <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n      }\n    </ul>\n  }\n\n  <ng-template #card let-proposal>\n    <li\n      class=\"card\"\n      tabindex=\"-1\"\n      [attr.data-approval-id]=\"proposal.approvalId\"\n      [class.selected]=\"selected().has(proposal.approvalId)\"\n      [class.closed]=\"isHeld(proposal)\"\n      [class.new]=\"isNew(proposal)\">\n      <div class=\"card-header\">\n        @if (selectable() && proposal.status === 'pending' && mayDecide(proposal)) {\n          <input\n            type=\"checkbox\"\n            [checked]=\"selected().has(proposal.approvalId)\"\n            [disabled]=\"busy()\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select' | translate\"\n            (change)=\"toggle(proposal)\" />\n        }\n        <strong>\n          <nh-assistant-subject-link\n            [subjectType]=\"proposal.subjectType\"\n            [subjectId]=\"proposal.subjectId\"\n            [label]=\"proposal.subjectDisplayName ?? proposal.subjectId\"\n            [typeName]=\"proposal.subjectTypeName\"\n            [link]=\"proposal.subjectLink\" />\n        </strong>\n        <span class=\"muted\">{{ proposal.presentation?.toolDisplayName ?? proposal.toolId }}</span>\n        @if (isNew(proposal)) {\n          <span class=\"badge new\" data-proposal-new [attr.title]=\"'nh-assistant.agent-runs.inbox.new-label' | translate\">\n            {{ 'nh-assistant.agent-runs.inbox.new' | translate }}<span class=\"visually-hidden\">: {{ 'nh-assistant.agent-runs.inbox.new-label' | translate }}</span>\n          </span>\n        }\n        <span\n          class=\"badge\"\n          [class.success]=\"proposal.status === 'executed' || proposal.status === 'resolved'\"\n          [class.warning]=\"proposal.status === 'pending' || proposal.status === 'execution-unknown' || proposal.status === 'stale'\"\n          [class.danger]=\"proposal.status === 'execution-failed' || proposal.status === 'rejected'\">\n          {{ statusKey(proposal) | translate }}\n        </span>\n        <span class=\"badge\">{{ 'nh-assistant.agent-runs.proposal.mode.' + proposal.mode | translate }}</span>\n        @if (agentRightsKey(proposal); as rightsKey) {\n          <!-- A consultation's proposal that runs with the agent's own rights says so plainly. -->\n          <span class=\"badge\" data-consultation-rights [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ rightsKey | translate }}\n          </span>\n        } @else if (proposal.grantSource !== 'none') {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ 'nh-assistant.tool-call.grant-source.' + proposal.grantSource | translate }}\n          </span>\n        }\n        @if (proposal.consultationId) {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.agent-runs.proposal.from-consultation-hint' | translate\">\n            {{ 'nh-assistant.agent-runs.proposal.from-consultation' | translate }}\n          </span>\n        }\n      </div>\n      @if (proposal.consultationId && (proposal.initiatorActorId || proposal.consultationRoute)) {\n        <!-- Who asked through the consultation, and who decides it with whose rights. -->\n        <p class=\"consultation-route\" data-consultation-route [attr.data-route]=\"proposal.consultationRoute ?? null\">\n          @if (proposal.initiatorActorId; as asker) {\n            <span data-consultation-asker>{{ 'nh-assistant.agent-runs.proposal.consultation.asked-by' | translate: { name: ('nh-assistant.account-id' | translate: { id: asker }) } }}</span>\n          }\n          @if (proposal.consultationRoute; as route) {\n            <span>{{ 'nh-assistant.agent-runs.proposal.consultation.route.' + route | translate }}</span>\n          }\n        </p>\n      }\n      @if (proposal.placedBy; as origin) {\n        @let placedBy = originText(origin);\n        <p class=\"placed-by\">\n          <span>{{ placedBy.key | translate: placedBy.params }}</span>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.placed-by.open-label' | translate\"\n            (click)=\"openConversation.emit(origin.conversationId)\">\n            {{ 'nh-assistant.agent-runs.proposal.placed-by.open' | translate }}\n          </button>\n        </p>\n      }\n      @if (proposal.presentation; as presentation) {\n        <p class=\"summary\">{{ presentation.summary }}</p>\n        @if (presentation.fields.length > 0) {\n          <dl class=\"presentation-fields\">\n            @for (field of presentation.fields; track $index) {\n              <div>\n                <dt>{{ field.label }}</dt>\n                <dd>{{ field.value }}</dd>\n              </div>\n            }\n          </dl>\n        }\n        @if (presentation.notice) {\n          <p class=\"message warning\">{{ presentation.notice }}</p>\n        }\n      } @else {\n        <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n      }\n      @if (proposal.rationale) {\n        <p class=\"rationale\">{{ 'nh-assistant.approval.rationale' | translate: { rationale: proposal.rationale } }}</p>\n      }\n      @if (proposal.status === 'stale' && proposal.staleExplanation) {\n        <p class=\"message stale-explanation\">{{ proposal.staleExplanation }}</p>\n      }\n      @if (hasSuccessor(proposal)) {\n        <button class=\"text-button\" type=\"button\" (click)=\"showSuccessor(proposal)\">\n          {{ 'nh-assistant.agent-runs.proposal.show-successor' | translate }}\n        </button>\n      }\n      @if (isHeld(proposal)) {\n        <div class=\"closed-card\">\n          <p class=\"muted\" role=\"status\">{{ 'nh-assistant.agent-runs.proposal.closed' | translate }}</p>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.dismiss-label' | translate: { summary: proposal.presentation?.summary ?? proposal.toolId }\"\n            (click)=\"dismiss(proposal)\">\n            {{ 'nh-assistant.agent-runs.proposal.dismiss' | translate }}\n          </button>\n        </div>\n      }\n      <details class=\"technical-details\">\n        <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n        <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n        <code>{{ proposal.toolId }}</code>\n        @if (proposal.targets.length > 0) {\n          <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n          <ul class=\"targets\">\n            @for (target of proposal.targets; track $index) {\n              <li>{{ target }}</li>\n            }\n          </ul>\n        }\n        @if (proposal.argumentsPreview) {\n          <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n          <pre>{{ proposal.argumentsPreview }}</pre>\n        }\n      </details>\n      <div class=\"meta\">\n        @if (proposal.status === 'pending') {\n          <span>{{ 'nh-assistant.agent-runs.proposal.expires' | translate: { date: (proposal.expiresAt | date: 'short') } }}</span>\n        }\n        @if (proposal.decidedByActorId) {\n          <span\n            data-proposal-decided-by\n            [attr.title]=\"proposal.decidedByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.decidedByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.decided-by' | translate: { actor: proposal.decidedByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.decidedByActorId }) } }}</span>\n        }\n        @if (proposal.status === 'stale' && proposal.staleByActorId) {\n          <span\n            data-proposal-stale-by\n            [attr.title]=\"proposal.staleByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.staleByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.stale-by' | translate: { actor: proposal.staleByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.staleByActorId }) } }}</span>\n        }\n        @if (proposal.executionResultCode; as code) {\n          <span class=\"mono\">{{ code }}</span>\n        }\n        @if (proposal.feedback; as given) {\n          <span>\n            {{ 'nh-assistant.agent-runs.proposal.your-feedback' | translate: { category: ('nh-assistant.proposal-feedback.categories.' + given.category | translate) } }}\n          </span>\n        }\n        @if (proposal.canGiveFeedback && !isAsking(proposal)) {\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.data-feedback-approval]=\"proposal.approvalId\"\n            [disabled]=\"busy()\"\n            (click)=\"giveFeedback(proposal)\">\n            {{ (proposal.feedback ? 'nh-assistant.agent-runs.proposal.change-feedback' : 'nh-assistant.agent-runs.proposal.give-feedback') | translate }}\n          </button>\n        }\n      </div>\n      @if (inCard(proposal) && feedback(); as request) {\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      }\n      @if (waitsForAsker(proposal)) {\n        <p class=\"waiting-for\" data-waiting-for-asker>\n          <nh-assistant-icon name=\"users\" />{{ 'nh-assistant.agent-runs.proposal.consultation.waiting-for-asker' | translate: { name: (proposal.initiatorActorId ? ('nh-assistant.account-id' | translate: { id: proposal.initiatorActorId }) : ('nh-assistant.agent-runs.proposal.consultation.the-asker' | translate)) } }}\n        </p>\n      } @else if (waitingForKey(proposal); as waitingFor) {\n        <p class=\"waiting-for\"><nh-assistant-icon name=\"users\" />{{ waitingFor | translate }}</p>\n      }\n      @if (proposal.status === 'pending' && mayDecide(proposal)) {\n        <div class=\"card-actions\">\n          <button class=\"primary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'approve')\">\n            <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.approve' | translate }}\n          </button>\n          <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'reject')\">\n            <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.proposal.reject' | translate }}\n          </button>\n        </div>\n      }\n      @if (proposal.status === 'execution-unknown' && mayDecide(proposal)) {\n        <p class=\"message warning\"><nh-assistant-icon name=\"warning\" />{{ 'nh-assistant.agent-runs.proposal.unknown-hint' | translate }}</p>\n        <div class=\"card-actions\">\n          <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 'mark-resolved')\">\n            <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.mark-resolved' | translate }}\n          </button>\n          <button class=\"danger\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 're-execute')\">\n            <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.agent-runs.proposal.re-execute' | translate }}\n          </button>\n        </div>\n      }\n    </li>\n  </ng-template>\n</div>\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 input[type=email],:host input[type=number],:host input[type=date],:host input[type=time],:host input[type=datetime-local],:host select,:host textarea{box-sizing:border-box;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 input[type=email]:focus-visible,:host input[type=number]:focus-visible,:host input[type=date]:focus-visible,:host input[type=time]:focus-visible,:host input[type=datetime-local]: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 input[type=email]:disabled,:host input[type=number]:disabled,:host input[type=date]:disabled,:host input[type=time]:disabled,:host input[type=datetime-local]: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 input[type=email][aria-invalid=true],:host input[type=number][aria-invalid=true],:host input[type=date][aria-invalid=true],:host input[type=time][aria-invalid=true],:host input[type=datetime-local][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 input[type=number]{font-variant-numeric:tabular-nums}: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 .field-error{display:flex;align-items:flex-start;gap:6px;margin:4px 2px 0;color:var(--nha-danger);font-size:12px;font-weight:600;overflow-wrap:anywhere}:host .field-error nh-assistant-icon{flex:none;margin-top:1px}:host .form-error{box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;margin:0;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:8px 12px;color:var(--nha-text);background:var(--nha-danger-soft);font-size:13px;overflow-wrap:anywhere}:host .form-error ul{margin:4px 0 0;padding-left:18px}:host .message{box-sizing:border-box;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;overflow-wrap:anywhere}: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.info{border-color:var(--nha-border);color:var(--nha-text);background:var(--nha-surface)}:host .message nh-assistant-icon{flex:none}:host button.link{min-height:0;border:0;padding:0;color:var(--nha-accent, currentColor);background:none;font:inherit;text-decoration:underline;cursor:pointer}:host button.link:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host button.link:disabled{cursor:not-allowed;opacity:.55}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;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:14px;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}.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:18px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.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:12px 14px;background:var(--nha-surface)}.card.selected{border-color:var(--nha-accent, currentColor)}.card[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.card.closed{border-style:dashed}.closed-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.message.stale-explanation{overflow-wrap:anywhere;color:var(--nha-text);background:var(--nha-surface-strong)}.placed-by,.consultation-route{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.consultation-routes{display:inline-flex;flex-wrap:wrap;gap:4px 8px}.rationale{margin:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.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;align-items:center;gap:8px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}pre{max-height:220px;margin:0;overflow:auto;border-radius:var(--nha-radius-control);padding:8px 10px;background:var(--nha-surface-muted, rgba(127, 127, 127, .08));font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.summary{margin:0;font-size:13px;overflow-wrap:anywhere}.handed-off{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.handed-off button.link{min-height:0;border:0;padding:0;background:none;color:var(--nha-accent, currentColor);font:inherit;text-decoration:underline;cursor:pointer}.presentation-fields{display:grid;gap:6px;margin:0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700;overflow-wrap:anywhere}.presentation-fields dd{margin:0;font-size:13px;overflow-wrap:anywhere}.technical-details{color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.technical-details .label{margin:10px 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.technical-details .targets{margin:0;padding-left:18px;overflow-wrap:anywhere}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--nha-border)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;background:transparent;color:var(--nha-text-muted);font:inherit;cursor:pointer}.tabs button[aria-selected=true]{border-bottom-color:currentColor;color:var(--nha-text);font-weight:650}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reason{flex:1 1 200px;min-width:0}.select{display:inline-flex;align-items:center;gap:6px;font-size:12px}.proposal-list{display:flex;flex-direction:column;gap:10px;min-width:0}.feedback-prompt{display:flex;flex-direction:column;gap:6px;min-width:0}.feedback-prompt .muted{overflow-wrap:anywhere}.text-button{display:inline-flex;align-items:center;border:0;border-radius:6px;padding:2px 4px;color:var(--nha-text-muted);background:transparent;font:inherit;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.text-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.text-button:hover:not(:disabled){color:var(--nha-text)}.text-button:disabled{cursor:not-allowed;opacity:.55}.waiting-for{display:flex;align-items:center;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.subject-agents{display:grid;gap:8px;margin:0;padding:0;list-style:none}.subject-agent{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px 12px}.subject-agent-text{display:flex;flex-direction:column;gap:2px;min-width:0}.subject-agent-text strong{font-size:14px;overflow-wrap:anywhere}.latest-run{display:flex;flex-direction:column;gap:6px;min-width:0}.result{white-space:pre-line}.work{min-width:0;border-top:1px solid var(--nha-border);padding-top:12px}.run-result{display:flex;flex-direction:column;gap:12px;min-width:0}.run-result h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 6px;font-size:15px;font-weight:750;overflow-wrap:anywhere}.run-result h5{margin:0 0 6px;font-size:13px;font-weight:700}.run-result-header{min-width:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin:0}.facts div{min-width:0}.facts dt{color:var(--nha-text-muted);font-size:12px}.facts dd{margin:0;overflow-wrap:anywhere}.result-body,.result-section{min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.files{display:grid;gap:6px;margin:0;padding:0;list-style:none}.files li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.mcp-skips{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mcp-skips li{min-width:0;overflow-wrap:anywhere}.file-name{min-width:0;font-weight:600;overflow-wrap:anywhere}:host ::ng-deep .markdown{min-width:0;overflow-wrap:anywhere}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.board-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start}.board-tile.new{border-color:var(--nha-accent)}.badge.new{color:var(--nha-accent-contrast);background:var(--nha-accent)}.board-preview{max-height:12em;overflow:hidden}.board-history{display:flex;flex-direction:column;gap:8px;min-width:0}.board-history h4{margin:0;font-size:13px;font-weight:700}.history-runs{display:grid;gap:8px;margin:0;padding:0;list-style:none}.history-run{display:flex;flex-direction:column;gap:4px;min-width:0;border-top:1px solid var(--nha-border);padding-top:8px}.card.new{border-color:var(--nha-accent)}.proposal-group{display:flex;flex-direction:column;gap:8px;min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.proposal-group-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}.proposal-group-header h4{margin:0;overflow-wrap:anywhere;font-size:15px;font-weight:700}.proposal-subject-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 0;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:650}.proposal-run-header{margin:0;color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: _NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: _NhAssistantSubjectLinkComponent, selector: "nh-assistant-subject-link", inputs: ["subjectType", "subjectId", "label", "typeName", "link"] }, { kind: "component", type: NhAssistantProposalFeedbackComponent, selector: "nh-assistant-proposal-feedback", inputs: ["approvalIds", "initial"], outputs: ["saved", "dismissed"] }, { 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.34", type: NhAssistantAgentProposalsComponent, isStandalone: true, selector: "nh-assistant-agent-proposals", inputs: { proposals: { classPropertyName: "proposals", publicName: "proposals", isSignal: true, isRequired: true, transformFunction: null }, canDecide: { classPropertyName: "canDecide", publicName: "canDecide", isSignal: true, isRequired: false, transformFunction: null }, decisionRights: { classPropertyName: "decisionRights", publicName: "decisionRights", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, holdClosedCards: { classPropertyName: "holdClosedCards", publicName: "holdClosedCards", isSignal: true, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, groupByRun: { classPropertyName: "groupByRun", publicName: "groupByRun", isSignal: true, isRequired: false, transformFunction: null }, newIds: { classPropertyName: "newIds", publicName: "newIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", openConversation: "openConversation" }, ngImport: i0, template: "<div class=\"proposal-list\">\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 (feedback(); as request) {\n    @if (request.placement === 'prompt') {\n      <div class=\"feedback-prompt\">\n        @if (request.summary && !request.saved) {\n          <p class=\"muted\">{{ 'nh-assistant.agent-runs.proposal.rejected-one' | translate: { summary: request.summary } }}</p>\n        }\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      </div>\n    }\n  }\n\n  @if (selectable() && pending().length > 0) {\n    <div class=\"toolbar\">\n      <label class=\"select\">\n        <input type=\"checkbox\" [checked]=\"allSelected()\" [disabled]=\"busy()\" (change)=\"toggleAll()\" />\n        {{ 'nh-assistant.agent-runs.inbox.select-all' | translate }}\n      </label>\n      <button class=\"primary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('approve')\">\n        <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.inbox.approve-selected' | translate }}\n      </button>\n      <button class=\"secondary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('reject')\">\n        <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.inbox.reject-selected' | translate }}\n      </button>\n    </div>\n  }\n\n  @if (sections(); as groups) {\n    @if (held().length > 0) {\n      <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n        @for (proposal of held(); track proposal.approvalId) {\n          <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n        }\n      </ul>\n    }\n    @for (group of groups; track group.key) {\n      <section class=\"proposal-group\" [attr.data-proposal-group]=\"group.key\" [attr.aria-label]=\"group.label\">\n        <header class=\"proposal-group-header\">\n          <h4>\n            <nh-assistant-subject-link\n              [subjectType]=\"group.subjectType\"\n              [subjectId]=\"group.subjectId\"\n              [label]=\"group.label\"\n              [typeName]=\"group.typeName\"\n              [link]=\"group.link\" />\n          </h4>\n          <span class=\"muted\" data-group-loaded>{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: group.count, total: group.total } }}</span>\n          @if (selectable() && group.selectableIds.length > 0) {\n            <label class=\"select\">\n              <input\n                type=\"checkbox\"\n                data-select-group\n                [checked]=\"groupSelected(group)\"\n                [disabled]=\"busy()\"\n                [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select-group-label' | translate: { count: group.selectableIds.length, name: group.label }\"\n                (change)=\"toggleGroup(group)\" />\n              {{ 'nh-assistant.agent-runs.inbox.select-group' | translate: { count: group.selectableIds.length } }}\n            </label>\n          }\n        </header>\n        @if (group.continuesFromPreviousPage) {\n          <p class=\"muted\" data-group-continued>{{ 'nh-assistant.agent-runs.inbox.group-continued' | translate }}</p>\n        }\n        @for (subject of group.subjects; track subject.key) {\n          @if (!subject.own) {\n            <h5 class=\"proposal-subject-header\" [attr.data-proposal-subject]=\"subject.subjectType + '|' + subject.subjectId\">\n              <nh-assistant-subject-link\n                [subjectType]=\"subject.subjectType\"\n                [subjectId]=\"subject.subjectId\"\n                [label]=\"subject.label\"\n                [typeName]=\"subject.typeName\"\n                [link]=\"subject.link\" />\n              @if (subject.count < subject.total) {\n                <span class=\"muted\">{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: subject.count, total: subject.total } }}</span>\n              }\n            </h5>\n          }\n          @for (run of subject.runs; track run.key) {\n            @if (groupByRun()) {\n              <p class=\"proposal-run-header\" [attr.data-proposal-run]=\"run.runId ?? ''\">\n                @if (run.runId) {\n                  {{ 'nh-assistant.agent-runs.inbox.run' | translate: { agent: ([('nh-assistant.agents.' + run.agentId + '.name')] | nhAssistantTranslate: run.agentId), date: (run.proposedAt | date: 'short') } }}\n                } @else {\n                  {{ 'nh-assistant.agent-runs.inbox.no-run' | translate }}\n                }\n              </p>\n            }\n            <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n              @for (proposal of run.items; track proposal.approvalId) {\n                <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n              }\n            </ul>\n          }\n        }\n        @if (group.continuesOnNextPage) {\n          <p class=\"muted\" data-group-continues>{{ 'nh-assistant.agent-runs.inbox.group-continues' | translate }}</p>\n        }\n      </section>\n    }\n  } @else if (shown().length > 0) {\n    <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n      @for (proposal of shown(); track proposal.approvalId) {\n        <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n      }\n    </ul>\n  }\n\n  <ng-template #card let-proposal>\n    <li\n      class=\"card\"\n      tabindex=\"-1\"\n      [attr.data-approval-id]=\"proposal.approvalId\"\n      [class.selected]=\"selected().has(proposal.approvalId)\"\n      [class.closed]=\"isHeld(proposal)\"\n      [class.new]=\"isNew(proposal)\">\n      <div class=\"card-header\">\n        @if (selectable() && proposal.status === 'pending' && mayDecide(proposal)) {\n          <input\n            type=\"checkbox\"\n            [checked]=\"selected().has(proposal.approvalId)\"\n            [disabled]=\"busy()\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select' | translate\"\n            (change)=\"toggle(proposal)\" />\n        }\n        <strong>\n          <nh-assistant-subject-link\n            [subjectType]=\"proposal.subjectType\"\n            [subjectId]=\"proposal.subjectId\"\n            [label]=\"proposal.subjectDisplayName ?? proposal.subjectId\"\n            [typeName]=\"proposal.subjectTypeName\"\n            [link]=\"proposal.subjectLink\" />\n        </strong>\n        <span class=\"muted\">{{ proposal.presentation?.toolDisplayName ?? proposal.toolId }}</span>\n        @if (isNew(proposal)) {\n          <span class=\"badge new\" data-proposal-new [attr.title]=\"'nh-assistant.agent-runs.inbox.new-label' | translate\">\n            {{ 'nh-assistant.agent-runs.inbox.new' | translate }}<span class=\"visually-hidden\">: {{ 'nh-assistant.agent-runs.inbox.new-label' | translate }}</span>\n          </span>\n        }\n        <span\n          class=\"badge\"\n          [class.success]=\"proposal.status === 'executed' || proposal.status === 'resolved'\"\n          [class.warning]=\"proposal.status === 'pending' || proposal.status === 'execution-unknown' || proposal.status === 'stale'\"\n          [class.danger]=\"proposal.status === 'execution-failed' || proposal.status === 'rejected'\">\n          {{ statusKey(proposal) | translate }}\n        </span>\n        <span class=\"badge\">{{ 'nh-assistant.agent-runs.proposal.mode.' + proposal.mode | translate }}</span>\n        @if (agentRightsKey(proposal); as rightsKey) {\n          <!-- A consultation's proposal that runs with the agent's own rights says so plainly. -->\n          <span class=\"badge\" data-consultation-rights [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ rightsKey | translate }}\n          </span>\n        } @else if (proposal.grantSource !== 'none') {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ 'nh-assistant.tool-call.grant-source.' + proposal.grantSource | translate }}\n          </span>\n        }\n        @if (proposal.consultationId) {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.agent-runs.proposal.from-consultation-hint' | translate\">\n            {{ 'nh-assistant.agent-runs.proposal.from-consultation' | translate }}\n          </span>\n        }\n      </div>\n      @if (proposal.consultationId && (proposal.initiatorActorId || proposal.consultationRoute)) {\n        <!-- Who asked through the consultation, and who decides it with whose rights. -->\n        <p class=\"consultation-route\" data-consultation-route [attr.data-route]=\"proposal.consultationRoute ?? null\">\n          @if (proposal.initiatorActorId; as asker) {\n            <span data-consultation-asker>{{ 'nh-assistant.agent-runs.proposal.consultation.asked-by' | translate: { name: ('nh-assistant.account-id' | translate: { id: asker }) } }}</span>\n          }\n          @if (proposal.consultationRoute; as route) {\n            <span>{{ 'nh-assistant.agent-runs.proposal.consultation.route.' + route | translate }}</span>\n          }\n        </p>\n      }\n      @if (proposal.placedBy; as origin) {\n        @let placedBy = originText(origin);\n        <p class=\"placed-by\">\n          <span>{{ placedBy.key | translate: placedBy.params }}</span>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.placed-by.open-label' | translate\"\n            (click)=\"openConversation.emit(origin.conversationId)\">\n            {{ 'nh-assistant.agent-runs.proposal.placed-by.open' | translate }}\n          </button>\n        </p>\n      }\n      @if (proposal.presentation; as presentation) {\n        <p class=\"summary\">{{ presentation.summary }}</p>\n        @if (presentation.fields.length > 0) {\n          <dl class=\"presentation-fields\">\n            @for (field of presentation.fields; track $index) {\n              <div>\n                <dt>{{ field.label }}</dt>\n                <dd>{{ field.value }}</dd>\n              </div>\n            }\n          </dl>\n        }\n        @if (presentation.notice) {\n          <p class=\"message warning\">{{ presentation.notice }}</p>\n        }\n      } @else {\n        <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n      }\n      @if (proposal.rationale) {\n        <p class=\"rationale\">{{ 'nh-assistant.approval.rationale' | translate: { rationale: proposal.rationale } }}</p>\n      }\n      @if (proposal.status === 'stale' && proposal.staleExplanation) {\n        <p class=\"message stale-explanation\">{{ proposal.staleExplanation }}</p>\n      }\n      @if (hasSuccessor(proposal)) {\n        <button class=\"text-button\" type=\"button\" (click)=\"showSuccessor(proposal)\">\n          {{ 'nh-assistant.agent-runs.proposal.show-successor' | translate }}\n        </button>\n      }\n      @if (isHeld(proposal)) {\n        <div class=\"closed-card\">\n          <p class=\"muted\" role=\"status\">{{ 'nh-assistant.agent-runs.proposal.closed' | translate }}</p>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.dismiss-label' | translate: { summary: proposal.presentation?.summary ?? proposal.toolId }\"\n            (click)=\"dismiss(proposal)\">\n            {{ 'nh-assistant.agent-runs.proposal.dismiss' | translate }}\n          </button>\n        </div>\n      }\n      <details class=\"technical-details\">\n        <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n        <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n        <code>{{ proposal.toolId }}</code>\n        @if (proposal.targets.length > 0) {\n          <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n          <ul class=\"targets\">\n            @for (target of proposal.targets; track $index) {\n              <li>{{ target }}</li>\n            }\n          </ul>\n        }\n        @if (proposal.argumentsPreview) {\n          <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n          <pre>{{ proposal.argumentsPreview }}</pre>\n        }\n      </details>\n      <div class=\"meta\">\n        @if (proposal.status === 'pending') {\n          <span>{{ 'nh-assistant.agent-runs.proposal.expires' | translate: { date: (proposal.expiresAt | date: 'short') } }}</span>\n        }\n        @if (proposal.status === 'awaiting-application' && proposal.executionReportDueAt) {\n          <span data-proposal-report-due>{{ 'nh-assistant.agent-runs.proposal.report-due' | translate: { date: (proposal.executionReportDueAt | date: 'short') } }}</span>\n        }\n        @if (proposal.decidedByActorId) {\n          <span\n            data-proposal-decided-by\n            [attr.title]=\"proposal.decidedByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.decidedByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.decided-by' | translate: { actor: proposal.decidedByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.decidedByActorId }) } }}</span>\n        }\n        @if (proposal.status === 'stale' && proposal.staleByActorId) {\n          <span\n            data-proposal-stale-by\n            [attr.title]=\"proposal.staleByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.staleByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.stale-by' | translate: { actor: proposal.staleByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.staleByActorId }) } }}</span>\n        }\n        @if (proposal.executionResultCode; as code) {\n          <span class=\"mono\">{{ code }}</span>\n        }\n        @if (proposal.feedback; as given) {\n          <span>\n            {{ 'nh-assistant.agent-runs.proposal.your-feedback' | translate: { category: ('nh-assistant.proposal-feedback.categories.' + given.category | translate) } }}\n          </span>\n        }\n        @if (proposal.canGiveFeedback && !isAsking(proposal)) {\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.data-feedback-approval]=\"proposal.approvalId\"\n            [disabled]=\"busy()\"\n            (click)=\"giveFeedback(proposal)\">\n            {{ (proposal.feedback ? 'nh-assistant.agent-runs.proposal.change-feedback' : 'nh-assistant.agent-runs.proposal.give-feedback') | translate }}\n          </button>\n        }\n      </div>\n      @if (inCard(proposal) && feedback(); as request) {\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      }\n      @if (waitsForAsker(proposal)) {\n        <p class=\"waiting-for\" data-waiting-for-asker>\n          <nh-assistant-icon name=\"users\" />{{ 'nh-assistant.agent-runs.proposal.consultation.waiting-for-asker' | translate: { name: (proposal.initiatorActorId ? ('nh-assistant.account-id' | translate: { id: proposal.initiatorActorId }) : ('nh-assistant.agent-runs.proposal.consultation.the-asker' | translate)) } }}\n        </p>\n      } @else if (waitingForKey(proposal); as waitingFor) {\n        <p class=\"waiting-for\"><nh-assistant-icon name=\"users\" />{{ waitingFor | translate }}</p>\n      }\n      @if (proposal.status === 'pending' && mayDecide(proposal)) {\n        <div class=\"card-actions\">\n          <button class=\"primary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'approve')\">\n            <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.approve' | translate }}\n          </button>\n          <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'reject')\">\n            <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.proposal.reject' | translate }}\n          </button>\n        </div>\n      }\n      @if (proposal.status === 'awaiting-application') {\n        <p class=\"waiting-for\" data-proposal-awaiting-application><nh-assistant-icon name=\"clock\" />{{ 'nh-assistant.agent-runs.proposal.awaiting-application-hint' | translate }}</p>\n      }\n      @if (proposal.status === 'execution-unknown' && mayDecide(proposal)) {\n        @if (executedByApplication(proposal)) {\n          <!-- The application executes this proposal: an approver hands it to the application again,\n               never to the tool's function. -->\n          <p class=\"message warning\" data-proposal-unknown-application><nh-assistant-icon name=\"warning\" />{{ 'nh-assistant.agent-runs.proposal.unknown-application-hint' | translate }}</p>\n          <div class=\"card-actions\">\n            <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 'mark-resolved')\">\n              <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.mark-resolved' | translate }}\n            </button>\n            <button class=\"danger\" type=\"button\" data-proposal-hand-to-application [disabled]=\"busy()\" (click)=\"resolve(proposal, 'hand-to-application')\">\n              <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.agent-runs.proposal.hand-to-application' | translate }}\n            </button>\n          </div>\n        } @else {\n          <p class=\"message warning\"><nh-assistant-icon name=\"warning\" />{{ 'nh-assistant.agent-runs.proposal.unknown-hint' | translate }}</p>\n          <div class=\"card-actions\">\n            <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 'mark-resolved')\">\n              <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.mark-resolved' | translate }}\n            </button>\n            <button class=\"danger\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 're-execute')\">\n              <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.agent-runs.proposal.re-execute' | translate }}\n            </button>\n          </div>\n        }\n      }\n    </li>\n  </ng-template>\n</div>\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 input[type=email],:host input[type=number],:host input[type=date],:host input[type=time],:host input[type=datetime-local],:host select,:host textarea{box-sizing:border-box;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 input[type=email]:focus-visible,:host input[type=number]:focus-visible,:host input[type=date]:focus-visible,:host input[type=time]:focus-visible,:host input[type=datetime-local]: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 input[type=email]:disabled,:host input[type=number]:disabled,:host input[type=date]:disabled,:host input[type=time]:disabled,:host input[type=datetime-local]: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 input[type=email][aria-invalid=true],:host input[type=number][aria-invalid=true],:host input[type=date][aria-invalid=true],:host input[type=time][aria-invalid=true],:host input[type=datetime-local][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 input[type=number]{font-variant-numeric:tabular-nums}: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 .field-error{display:flex;align-items:flex-start;gap:6px;margin:4px 2px 0;color:var(--nha-danger);font-size:12px;font-weight:600;overflow-wrap:anywhere}:host .field-error nh-assistant-icon{flex:none;margin-top:1px}:host .form-error{box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;margin:0;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:8px 12px;color:var(--nha-text);background:var(--nha-danger-soft);font-size:13px;overflow-wrap:anywhere}:host .form-error ul{margin:4px 0 0;padding-left:18px}:host .message{box-sizing:border-box;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;overflow-wrap:anywhere}: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.info{border-color:var(--nha-border);color:var(--nha-text);background:var(--nha-surface)}:host .message nh-assistant-icon{flex:none}:host button.link{min-height:0;border:0;padding:0;color:var(--nha-accent, currentColor);background:none;font:inherit;text-decoration:underline;cursor:pointer}:host button.link:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host button.link:disabled{cursor:not-allowed;opacity:.55}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;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:14px;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}.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:18px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.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:12px 14px;background:var(--nha-surface)}.card.selected{border-color:var(--nha-accent, currentColor)}.card[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.card.closed{border-style:dashed}.closed-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.message.stale-explanation{overflow-wrap:anywhere;color:var(--nha-text);background:var(--nha-surface-strong)}.placed-by,.consultation-route{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.consultation-routes{display:inline-flex;flex-wrap:wrap;gap:4px 8px}.rationale{margin:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.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;align-items:center;gap:8px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}pre{max-height:220px;margin:0;overflow:auto;border-radius:var(--nha-radius-control);padding:8px 10px;background:var(--nha-surface-muted, rgba(127, 127, 127, .08));font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.summary{margin:0;font-size:13px;overflow-wrap:anywhere}.handed-off{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.handed-off button.link{min-height:0;border:0;padding:0;background:none;color:var(--nha-accent, currentColor);font:inherit;text-decoration:underline;cursor:pointer}.presentation-fields{display:grid;gap:6px;margin:0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700;overflow-wrap:anywhere}.presentation-fields dd{margin:0;font-size:13px;overflow-wrap:anywhere}.technical-details{color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.technical-details .label{margin:10px 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.technical-details .targets{margin:0;padding-left:18px;overflow-wrap:anywhere}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--nha-border)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;background:transparent;color:var(--nha-text-muted);font:inherit;cursor:pointer}.tabs button[aria-selected=true]{border-bottom-color:currentColor;color:var(--nha-text);font-weight:650}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reason{flex:1 1 200px;min-width:0}.select{display:inline-flex;align-items:center;gap:6px;font-size:12px}.proposal-list{display:flex;flex-direction:column;gap:10px;min-width:0}.feedback-prompt{display:flex;flex-direction:column;gap:6px;min-width:0}.feedback-prompt .muted{overflow-wrap:anywhere}.text-button{display:inline-flex;align-items:center;border:0;border-radius:6px;padding:2px 4px;color:var(--nha-text-muted);background:transparent;font:inherit;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.text-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.text-button:hover:not(:disabled){color:var(--nha-text)}.text-button:disabled{cursor:not-allowed;opacity:.55}.waiting-for{display:flex;align-items:center;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.subject-agents{display:grid;gap:8px;margin:0;padding:0;list-style:none}.subject-agent{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px 12px}.subject-agent-text{display:flex;flex-direction:column;gap:2px;min-width:0}.subject-agent-text strong{font-size:14px;overflow-wrap:anywhere}.latest-run{display:flex;flex-direction:column;gap:6px;min-width:0}.result{white-space:pre-line}.work{min-width:0;border-top:1px solid var(--nha-border);padding-top:12px}.run-result{display:flex;flex-direction:column;gap:12px;min-width:0}.run-result h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 6px;font-size:15px;font-weight:750;overflow-wrap:anywhere}.run-result h5{margin:0 0 6px;font-size:13px;font-weight:700}.run-result-header{min-width:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin:0}.facts div{min-width:0}.facts dt{color:var(--nha-text-muted);font-size:12px}.facts dd{margin:0;overflow-wrap:anywhere}.result-body,.result-section{min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.files{display:grid;gap:6px;margin:0;padding:0;list-style:none}.files li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.mcp-skips{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mcp-skips li{min-width:0;overflow-wrap:anywhere}.file-name{min-width:0;font-weight:600;overflow-wrap:anywhere}:host ::ng-deep .markdown{min-width:0;overflow-wrap:anywhere}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.board-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start}.board-tile.new{border-color:var(--nha-accent)}.badge.new{color:var(--nha-accent-contrast);background:var(--nha-accent)}.board-preview{max-height:12em;overflow:hidden}.board-history{display:flex;flex-direction:column;gap:8px;min-width:0}.board-history h4{margin:0;font-size:13px;font-weight:700}.history-runs{display:grid;gap:8px;margin:0;padding:0;list-style:none}.history-run{display:flex;flex-direction:column;gap:4px;min-width:0;border-top:1px solid var(--nha-border);padding-top:8px}.card.new{border-color:var(--nha-accent)}.proposal-group{display:flex;flex-direction:column;gap:8px;min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.proposal-group-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}.proposal-group-header h4{margin:0;overflow-wrap:anywhere;font-size:15px;font-weight:700}.proposal-subject-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 0;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:650}.proposal-run-header{margin:0;color:var(--nha-text-muted);font-size:12px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: _NhAssistantIconComponent, selector: "nh-assistant-icon", inputs: ["name"] }, { kind: "component", type: _NhAssistantSubjectLinkComponent, selector: "nh-assistant-subject-link", inputs: ["subjectType", "subjectId", "label", "typeName", "link"] }, { kind: "component", type: NhAssistantProposalFeedbackComponent, selector: "nh-assistant-proposal-feedback", inputs: ["approvalIds", "initial"], outputs: ["saved", "dismissed"] }, { 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.34", ngImport: i0, type: NhAssistantAgentProposalsComponent, decorators: [{
             type: Component,
@@ -439,7 +446,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.34", ngImpo
                         _NhAssistantIconComponent,
                         _NhAssistantSubjectLinkComponent,
                         NhAssistantProposalFeedbackComponent
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"proposal-list\">\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 (feedback(); as request) {\n    @if (request.placement === 'prompt') {\n      <div class=\"feedback-prompt\">\n        @if (request.summary && !request.saved) {\n          <p class=\"muted\">{{ 'nh-assistant.agent-runs.proposal.rejected-one' | translate: { summary: request.summary } }}</p>\n        }\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      </div>\n    }\n  }\n\n  @if (selectable() && pending().length > 0) {\n    <div class=\"toolbar\">\n      <label class=\"select\">\n        <input type=\"checkbox\" [checked]=\"allSelected()\" [disabled]=\"busy()\" (change)=\"toggleAll()\" />\n        {{ 'nh-assistant.agent-runs.inbox.select-all' | translate }}\n      </label>\n      <button class=\"primary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('approve')\">\n        <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.inbox.approve-selected' | translate }}\n      </button>\n      <button class=\"secondary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('reject')\">\n        <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.inbox.reject-selected' | translate }}\n      </button>\n    </div>\n  }\n\n  @if (sections(); as groups) {\n    @if (held().length > 0) {\n      <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n        @for (proposal of held(); track proposal.approvalId) {\n          <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n        }\n      </ul>\n    }\n    @for (group of groups; track group.key) {\n      <section class=\"proposal-group\" [attr.data-proposal-group]=\"group.key\" [attr.aria-label]=\"group.label\">\n        <header class=\"proposal-group-header\">\n          <h4>\n            <nh-assistant-subject-link\n              [subjectType]=\"group.subjectType\"\n              [subjectId]=\"group.subjectId\"\n              [label]=\"group.label\"\n              [typeName]=\"group.typeName\"\n              [link]=\"group.link\" />\n          </h4>\n          <span class=\"muted\" data-group-loaded>{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: group.count, total: group.total } }}</span>\n          @if (selectable() && group.selectableIds.length > 0) {\n            <label class=\"select\">\n              <input\n                type=\"checkbox\"\n                data-select-group\n                [checked]=\"groupSelected(group)\"\n                [disabled]=\"busy()\"\n                [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select-group-label' | translate: { count: group.selectableIds.length, name: group.label }\"\n                (change)=\"toggleGroup(group)\" />\n              {{ 'nh-assistant.agent-runs.inbox.select-group' | translate: { count: group.selectableIds.length } }}\n            </label>\n          }\n        </header>\n        @if (group.continuesFromPreviousPage) {\n          <p class=\"muted\" data-group-continued>{{ 'nh-assistant.agent-runs.inbox.group-continued' | translate }}</p>\n        }\n        @for (subject of group.subjects; track subject.key) {\n          @if (!subject.own) {\n            <h5 class=\"proposal-subject-header\" [attr.data-proposal-subject]=\"subject.subjectType + '|' + subject.subjectId\">\n              <nh-assistant-subject-link\n                [subjectType]=\"subject.subjectType\"\n                [subjectId]=\"subject.subjectId\"\n                [label]=\"subject.label\"\n                [typeName]=\"subject.typeName\"\n                [link]=\"subject.link\" />\n              @if (subject.count < subject.total) {\n                <span class=\"muted\">{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: subject.count, total: subject.total } }}</span>\n              }\n            </h5>\n          }\n          @for (run of subject.runs; track run.key) {\n            @if (groupByRun()) {\n              <p class=\"proposal-run-header\" [attr.data-proposal-run]=\"run.runId ?? ''\">\n                @if (run.runId) {\n                  {{ 'nh-assistant.agent-runs.inbox.run' | translate: { agent: ([('nh-assistant.agents.' + run.agentId + '.name')] | nhAssistantTranslate: run.agentId), date: (run.proposedAt | date: 'short') } }}\n                } @else {\n                  {{ 'nh-assistant.agent-runs.inbox.no-run' | translate }}\n                }\n              </p>\n            }\n            <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n              @for (proposal of run.items; track proposal.approvalId) {\n                <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n              }\n            </ul>\n          }\n        }\n        @if (group.continuesOnNextPage) {\n          <p class=\"muted\" data-group-continues>{{ 'nh-assistant.agent-runs.inbox.group-continues' | translate }}</p>\n        }\n      </section>\n    }\n  } @else if (shown().length > 0) {\n    <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n      @for (proposal of shown(); track proposal.approvalId) {\n        <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n      }\n    </ul>\n  }\n\n  <ng-template #card let-proposal>\n    <li\n      class=\"card\"\n      tabindex=\"-1\"\n      [attr.data-approval-id]=\"proposal.approvalId\"\n      [class.selected]=\"selected().has(proposal.approvalId)\"\n      [class.closed]=\"isHeld(proposal)\"\n      [class.new]=\"isNew(proposal)\">\n      <div class=\"card-header\">\n        @if (selectable() && proposal.status === 'pending' && mayDecide(proposal)) {\n          <input\n            type=\"checkbox\"\n            [checked]=\"selected().has(proposal.approvalId)\"\n            [disabled]=\"busy()\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select' | translate\"\n            (change)=\"toggle(proposal)\" />\n        }\n        <strong>\n          <nh-assistant-subject-link\n            [subjectType]=\"proposal.subjectType\"\n            [subjectId]=\"proposal.subjectId\"\n            [label]=\"proposal.subjectDisplayName ?? proposal.subjectId\"\n            [typeName]=\"proposal.subjectTypeName\"\n            [link]=\"proposal.subjectLink\" />\n        </strong>\n        <span class=\"muted\">{{ proposal.presentation?.toolDisplayName ?? proposal.toolId }}</span>\n        @if (isNew(proposal)) {\n          <span class=\"badge new\" data-proposal-new [attr.title]=\"'nh-assistant.agent-runs.inbox.new-label' | translate\">\n            {{ 'nh-assistant.agent-runs.inbox.new' | translate }}<span class=\"visually-hidden\">: {{ 'nh-assistant.agent-runs.inbox.new-label' | translate }}</span>\n          </span>\n        }\n        <span\n          class=\"badge\"\n          [class.success]=\"proposal.status === 'executed' || proposal.status === 'resolved'\"\n          [class.warning]=\"proposal.status === 'pending' || proposal.status === 'execution-unknown' || proposal.status === 'stale'\"\n          [class.danger]=\"proposal.status === 'execution-failed' || proposal.status === 'rejected'\">\n          {{ statusKey(proposal) | translate }}\n        </span>\n        <span class=\"badge\">{{ 'nh-assistant.agent-runs.proposal.mode.' + proposal.mode | translate }}</span>\n        @if (agentRightsKey(proposal); as rightsKey) {\n          <!-- A consultation's proposal that runs with the agent's own rights says so plainly. -->\n          <span class=\"badge\" data-consultation-rights [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ rightsKey | translate }}\n          </span>\n        } @else if (proposal.grantSource !== 'none') {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ 'nh-assistant.tool-call.grant-source.' + proposal.grantSource | translate }}\n          </span>\n        }\n        @if (proposal.consultationId) {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.agent-runs.proposal.from-consultation-hint' | translate\">\n            {{ 'nh-assistant.agent-runs.proposal.from-consultation' | translate }}\n          </span>\n        }\n      </div>\n      @if (proposal.consultationId && (proposal.initiatorActorId || proposal.consultationRoute)) {\n        <!-- Who asked through the consultation, and who decides it with whose rights. -->\n        <p class=\"consultation-route\" data-consultation-route [attr.data-route]=\"proposal.consultationRoute ?? null\">\n          @if (proposal.initiatorActorId; as asker) {\n            <span data-consultation-asker>{{ 'nh-assistant.agent-runs.proposal.consultation.asked-by' | translate: { name: ('nh-assistant.account-id' | translate: { id: asker }) } }}</span>\n          }\n          @if (proposal.consultationRoute; as route) {\n            <span>{{ 'nh-assistant.agent-runs.proposal.consultation.route.' + route | translate }}</span>\n          }\n        </p>\n      }\n      @if (proposal.placedBy; as origin) {\n        @let placedBy = originText(origin);\n        <p class=\"placed-by\">\n          <span>{{ placedBy.key | translate: placedBy.params }}</span>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.placed-by.open-label' | translate\"\n            (click)=\"openConversation.emit(origin.conversationId)\">\n            {{ 'nh-assistant.agent-runs.proposal.placed-by.open' | translate }}\n          </button>\n        </p>\n      }\n      @if (proposal.presentation; as presentation) {\n        <p class=\"summary\">{{ presentation.summary }}</p>\n        @if (presentation.fields.length > 0) {\n          <dl class=\"presentation-fields\">\n            @for (field of presentation.fields; track $index) {\n              <div>\n                <dt>{{ field.label }}</dt>\n                <dd>{{ field.value }}</dd>\n              </div>\n            }\n          </dl>\n        }\n        @if (presentation.notice) {\n          <p class=\"message warning\">{{ presentation.notice }}</p>\n        }\n      } @else {\n        <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n      }\n      @if (proposal.rationale) {\n        <p class=\"rationale\">{{ 'nh-assistant.approval.rationale' | translate: { rationale: proposal.rationale } }}</p>\n      }\n      @if (proposal.status === 'stale' && proposal.staleExplanation) {\n        <p class=\"message stale-explanation\">{{ proposal.staleExplanation }}</p>\n      }\n      @if (hasSuccessor(proposal)) {\n        <button class=\"text-button\" type=\"button\" (click)=\"showSuccessor(proposal)\">\n          {{ 'nh-assistant.agent-runs.proposal.show-successor' | translate }}\n        </button>\n      }\n      @if (isHeld(proposal)) {\n        <div class=\"closed-card\">\n          <p class=\"muted\" role=\"status\">{{ 'nh-assistant.agent-runs.proposal.closed' | translate }}</p>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.dismiss-label' | translate: { summary: proposal.presentation?.summary ?? proposal.toolId }\"\n            (click)=\"dismiss(proposal)\">\n            {{ 'nh-assistant.agent-runs.proposal.dismiss' | translate }}\n          </button>\n        </div>\n      }\n      <details class=\"technical-details\">\n        <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n        <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n        <code>{{ proposal.toolId }}</code>\n        @if (proposal.targets.length > 0) {\n          <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n          <ul class=\"targets\">\n            @for (target of proposal.targets; track $index) {\n              <li>{{ target }}</li>\n            }\n          </ul>\n        }\n        @if (proposal.argumentsPreview) {\n          <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n          <pre>{{ proposal.argumentsPreview }}</pre>\n        }\n      </details>\n      <div class=\"meta\">\n        @if (proposal.status === 'pending') {\n          <span>{{ 'nh-assistant.agent-runs.proposal.expires' | translate: { date: (proposal.expiresAt | date: 'short') } }}</span>\n        }\n        @if (proposal.decidedByActorId) {\n          <span\n            data-proposal-decided-by\n            [attr.title]=\"proposal.decidedByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.decidedByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.decided-by' | translate: { actor: proposal.decidedByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.decidedByActorId }) } }}</span>\n        }\n        @if (proposal.status === 'stale' && proposal.staleByActorId) {\n          <span\n            data-proposal-stale-by\n            [attr.title]=\"proposal.staleByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.staleByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.stale-by' | translate: { actor: proposal.staleByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.staleByActorId }) } }}</span>\n        }\n        @if (proposal.executionResultCode; as code) {\n          <span class=\"mono\">{{ code }}</span>\n        }\n        @if (proposal.feedback; as given) {\n          <span>\n            {{ 'nh-assistant.agent-runs.proposal.your-feedback' | translate: { category: ('nh-assistant.proposal-feedback.categories.' + given.category | translate) } }}\n          </span>\n        }\n        @if (proposal.canGiveFeedback && !isAsking(proposal)) {\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.data-feedback-approval]=\"proposal.approvalId\"\n            [disabled]=\"busy()\"\n            (click)=\"giveFeedback(proposal)\">\n            {{ (proposal.feedback ? 'nh-assistant.agent-runs.proposal.change-feedback' : 'nh-assistant.agent-runs.proposal.give-feedback') | translate }}\n          </button>\n        }\n      </div>\n      @if (inCard(proposal) && feedback(); as request) {\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      }\n      @if (waitsForAsker(proposal)) {\n        <p class=\"waiting-for\" data-waiting-for-asker>\n          <nh-assistant-icon name=\"users\" />{{ 'nh-assistant.agent-runs.proposal.consultation.waiting-for-asker' | translate: { name: (proposal.initiatorActorId ? ('nh-assistant.account-id' | translate: { id: proposal.initiatorActorId }) : ('nh-assistant.agent-runs.proposal.consultation.the-asker' | translate)) } }}\n        </p>\n      } @else if (waitingForKey(proposal); as waitingFor) {\n        <p class=\"waiting-for\"><nh-assistant-icon name=\"users\" />{{ waitingFor | translate }}</p>\n      }\n      @if (proposal.status === 'pending' && mayDecide(proposal)) {\n        <div class=\"card-actions\">\n          <button class=\"primary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'approve')\">\n            <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.approve' | translate }}\n          </button>\n          <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'reject')\">\n            <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.proposal.reject' | translate }}\n          </button>\n        </div>\n      }\n      @if (proposal.status === 'execution-unknown' && mayDecide(proposal)) {\n        <p class=\"message warning\"><nh-assistant-icon name=\"warning\" />{{ 'nh-assistant.agent-runs.proposal.unknown-hint' | translate }}</p>\n        <div class=\"card-actions\">\n          <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 'mark-resolved')\">\n            <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.mark-resolved' | translate }}\n          </button>\n          <button class=\"danger\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 're-execute')\">\n            <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.agent-runs.proposal.re-execute' | translate }}\n          </button>\n        </div>\n      }\n    </li>\n  </ng-template>\n</div>\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 input[type=email],:host input[type=number],:host input[type=date],:host input[type=time],:host input[type=datetime-local],:host select,:host textarea{box-sizing:border-box;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 input[type=email]:focus-visible,:host input[type=number]:focus-visible,:host input[type=date]:focus-visible,:host input[type=time]:focus-visible,:host input[type=datetime-local]: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 input[type=email]:disabled,:host input[type=number]:disabled,:host input[type=date]:disabled,:host input[type=time]:disabled,:host input[type=datetime-local]: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 input[type=email][aria-invalid=true],:host input[type=number][aria-invalid=true],:host input[type=date][aria-invalid=true],:host input[type=time][aria-invalid=true],:host input[type=datetime-local][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 input[type=number]{font-variant-numeric:tabular-nums}: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 .field-error{display:flex;align-items:flex-start;gap:6px;margin:4px 2px 0;color:var(--nha-danger);font-size:12px;font-weight:600;overflow-wrap:anywhere}:host .field-error nh-assistant-icon{flex:none;margin-top:1px}:host .form-error{box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;margin:0;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:8px 12px;color:var(--nha-text);background:var(--nha-danger-soft);font-size:13px;overflow-wrap:anywhere}:host .form-error ul{margin:4px 0 0;padding-left:18px}:host .message{box-sizing:border-box;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;overflow-wrap:anywhere}: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.info{border-color:var(--nha-border);color:var(--nha-text);background:var(--nha-surface)}:host .message nh-assistant-icon{flex:none}:host button.link{min-height:0;border:0;padding:0;color:var(--nha-accent, currentColor);background:none;font:inherit;text-decoration:underline;cursor:pointer}:host button.link:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host button.link:disabled{cursor:not-allowed;opacity:.55}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;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:14px;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}.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:18px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.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:12px 14px;background:var(--nha-surface)}.card.selected{border-color:var(--nha-accent, currentColor)}.card[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.card.closed{border-style:dashed}.closed-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.message.stale-explanation{overflow-wrap:anywhere;color:var(--nha-text);background:var(--nha-surface-strong)}.placed-by,.consultation-route{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.consultation-routes{display:inline-flex;flex-wrap:wrap;gap:4px 8px}.rationale{margin:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.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;align-items:center;gap:8px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}pre{max-height:220px;margin:0;overflow:auto;border-radius:var(--nha-radius-control);padding:8px 10px;background:var(--nha-surface-muted, rgba(127, 127, 127, .08));font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.summary{margin:0;font-size:13px;overflow-wrap:anywhere}.handed-off{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.handed-off button.link{min-height:0;border:0;padding:0;background:none;color:var(--nha-accent, currentColor);font:inherit;text-decoration:underline;cursor:pointer}.presentation-fields{display:grid;gap:6px;margin:0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700;overflow-wrap:anywhere}.presentation-fields dd{margin:0;font-size:13px;overflow-wrap:anywhere}.technical-details{color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.technical-details .label{margin:10px 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.technical-details .targets{margin:0;padding-left:18px;overflow-wrap:anywhere}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--nha-border)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;background:transparent;color:var(--nha-text-muted);font:inherit;cursor:pointer}.tabs button[aria-selected=true]{border-bottom-color:currentColor;color:var(--nha-text);font-weight:650}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reason{flex:1 1 200px;min-width:0}.select{display:inline-flex;align-items:center;gap:6px;font-size:12px}.proposal-list{display:flex;flex-direction:column;gap:10px;min-width:0}.feedback-prompt{display:flex;flex-direction:column;gap:6px;min-width:0}.feedback-prompt .muted{overflow-wrap:anywhere}.text-button{display:inline-flex;align-items:center;border:0;border-radius:6px;padding:2px 4px;color:var(--nha-text-muted);background:transparent;font:inherit;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.text-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.text-button:hover:not(:disabled){color:var(--nha-text)}.text-button:disabled{cursor:not-allowed;opacity:.55}.waiting-for{display:flex;align-items:center;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.subject-agents{display:grid;gap:8px;margin:0;padding:0;list-style:none}.subject-agent{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px 12px}.subject-agent-text{display:flex;flex-direction:column;gap:2px;min-width:0}.subject-agent-text strong{font-size:14px;overflow-wrap:anywhere}.latest-run{display:flex;flex-direction:column;gap:6px;min-width:0}.result{white-space:pre-line}.work{min-width:0;border-top:1px solid var(--nha-border);padding-top:12px}.run-result{display:flex;flex-direction:column;gap:12px;min-width:0}.run-result h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 6px;font-size:15px;font-weight:750;overflow-wrap:anywhere}.run-result h5{margin:0 0 6px;font-size:13px;font-weight:700}.run-result-header{min-width:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin:0}.facts div{min-width:0}.facts dt{color:var(--nha-text-muted);font-size:12px}.facts dd{margin:0;overflow-wrap:anywhere}.result-body,.result-section{min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.files{display:grid;gap:6px;margin:0;padding:0;list-style:none}.files li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.mcp-skips{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mcp-skips li{min-width:0;overflow-wrap:anywhere}.file-name{min-width:0;font-weight:600;overflow-wrap:anywhere}:host ::ng-deep .markdown{min-width:0;overflow-wrap:anywhere}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.board-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start}.board-tile.new{border-color:var(--nha-accent)}.badge.new{color:var(--nha-accent-contrast);background:var(--nha-accent)}.board-preview{max-height:12em;overflow:hidden}.board-history{display:flex;flex-direction:column;gap:8px;min-width:0}.board-history h4{margin:0;font-size:13px;font-weight:700}.history-runs{display:grid;gap:8px;margin:0;padding:0;list-style:none}.history-run{display:flex;flex-direction:column;gap:4px;min-width:0;border-top:1px solid var(--nha-border);padding-top:8px}.card.new{border-color:var(--nha-accent)}.proposal-group{display:flex;flex-direction:column;gap:8px;min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.proposal-group-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}.proposal-group-header h4{margin:0;overflow-wrap:anywhere;font-size:15px;font-weight:700}.proposal-subject-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 0;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:650}.proposal-run-header{margin:0;color:var(--nha-text-muted);font-size:12px}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"proposal-list\">\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 (feedback(); as request) {\n    @if (request.placement === 'prompt') {\n      <div class=\"feedback-prompt\">\n        @if (request.summary && !request.saved) {\n          <p class=\"muted\">{{ 'nh-assistant.agent-runs.proposal.rejected-one' | translate: { summary: request.summary } }}</p>\n        }\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      </div>\n    }\n  }\n\n  @if (selectable() && pending().length > 0) {\n    <div class=\"toolbar\">\n      <label class=\"select\">\n        <input type=\"checkbox\" [checked]=\"allSelected()\" [disabled]=\"busy()\" (change)=\"toggleAll()\" />\n        {{ 'nh-assistant.agent-runs.inbox.select-all' | translate }}\n      </label>\n      <button class=\"primary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('approve')\">\n        <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.inbox.approve-selected' | translate }}\n      </button>\n      <button class=\"secondary\" type=\"button\" [disabled]=\"busy() || selected().size === 0\" (click)=\"decideSelected('reject')\">\n        <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.inbox.reject-selected' | translate }}\n      </button>\n    </div>\n  }\n\n  @if (sections(); as groups) {\n    @if (held().length > 0) {\n      <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n        @for (proposal of held(); track proposal.approvalId) {\n          <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n        }\n      </ul>\n    }\n    @for (group of groups; track group.key) {\n      <section class=\"proposal-group\" [attr.data-proposal-group]=\"group.key\" [attr.aria-label]=\"group.label\">\n        <header class=\"proposal-group-header\">\n          <h4>\n            <nh-assistant-subject-link\n              [subjectType]=\"group.subjectType\"\n              [subjectId]=\"group.subjectId\"\n              [label]=\"group.label\"\n              [typeName]=\"group.typeName\"\n              [link]=\"group.link\" />\n          </h4>\n          <span class=\"muted\" data-group-loaded>{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: group.count, total: group.total } }}</span>\n          @if (selectable() && group.selectableIds.length > 0) {\n            <label class=\"select\">\n              <input\n                type=\"checkbox\"\n                data-select-group\n                [checked]=\"groupSelected(group)\"\n                [disabled]=\"busy()\"\n                [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select-group-label' | translate: { count: group.selectableIds.length, name: group.label }\"\n                (change)=\"toggleGroup(group)\" />\n              {{ 'nh-assistant.agent-runs.inbox.select-group' | translate: { count: group.selectableIds.length } }}\n            </label>\n          }\n        </header>\n        @if (group.continuesFromPreviousPage) {\n          <p class=\"muted\" data-group-continued>{{ 'nh-assistant.agent-runs.inbox.group-continued' | translate }}</p>\n        }\n        @for (subject of group.subjects; track subject.key) {\n          @if (!subject.own) {\n            <h5 class=\"proposal-subject-header\" [attr.data-proposal-subject]=\"subject.subjectType + '|' + subject.subjectId\">\n              <nh-assistant-subject-link\n                [subjectType]=\"subject.subjectType\"\n                [subjectId]=\"subject.subjectId\"\n                [label]=\"subject.label\"\n                [typeName]=\"subject.typeName\"\n                [link]=\"subject.link\" />\n              @if (subject.count < subject.total) {\n                <span class=\"muted\">{{ 'nh-assistant.agent-runs.inbox.group-loaded' | translate: { loaded: subject.count, total: subject.total } }}</span>\n              }\n            </h5>\n          }\n          @for (run of subject.runs; track run.key) {\n            @if (groupByRun()) {\n              <p class=\"proposal-run-header\" [attr.data-proposal-run]=\"run.runId ?? ''\">\n                @if (run.runId) {\n                  {{ 'nh-assistant.agent-runs.inbox.run' | translate: { agent: ([('nh-assistant.agents.' + run.agentId + '.name')] | nhAssistantTranslate: run.agentId), date: (run.proposedAt | date: 'short') } }}\n                } @else {\n                  {{ 'nh-assistant.agent-runs.inbox.no-run' | translate }}\n                }\n              </p>\n            }\n            <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n              @for (proposal of run.items; track proposal.approvalId) {\n                <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n              }\n            </ul>\n          }\n        }\n        @if (group.continuesOnNextPage) {\n          <p class=\"muted\" data-group-continues>{{ 'nh-assistant.agent-runs.inbox.group-continues' | translate }}</p>\n        }\n      </section>\n    }\n  } @else if (shown().length > 0) {\n    <ul class=\"cards\" [attr.aria-busy]=\"busy()\">\n      @for (proposal of shown(); track proposal.approvalId) {\n        <ng-container *ngTemplateOutlet=\"card; context: { $implicit: proposal }\" />\n      }\n    </ul>\n  }\n\n  <ng-template #card let-proposal>\n    <li\n      class=\"card\"\n      tabindex=\"-1\"\n      [attr.data-approval-id]=\"proposal.approvalId\"\n      [class.selected]=\"selected().has(proposal.approvalId)\"\n      [class.closed]=\"isHeld(proposal)\"\n      [class.new]=\"isNew(proposal)\">\n      <div class=\"card-header\">\n        @if (selectable() && proposal.status === 'pending' && mayDecide(proposal)) {\n          <input\n            type=\"checkbox\"\n            [checked]=\"selected().has(proposal.approvalId)\"\n            [disabled]=\"busy()\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.inbox.select' | translate\"\n            (change)=\"toggle(proposal)\" />\n        }\n        <strong>\n          <nh-assistant-subject-link\n            [subjectType]=\"proposal.subjectType\"\n            [subjectId]=\"proposal.subjectId\"\n            [label]=\"proposal.subjectDisplayName ?? proposal.subjectId\"\n            [typeName]=\"proposal.subjectTypeName\"\n            [link]=\"proposal.subjectLink\" />\n        </strong>\n        <span class=\"muted\">{{ proposal.presentation?.toolDisplayName ?? proposal.toolId }}</span>\n        @if (isNew(proposal)) {\n          <span class=\"badge new\" data-proposal-new [attr.title]=\"'nh-assistant.agent-runs.inbox.new-label' | translate\">\n            {{ 'nh-assistant.agent-runs.inbox.new' | translate }}<span class=\"visually-hidden\">: {{ 'nh-assistant.agent-runs.inbox.new-label' | translate }}</span>\n          </span>\n        }\n        <span\n          class=\"badge\"\n          [class.success]=\"proposal.status === 'executed' || proposal.status === 'resolved'\"\n          [class.warning]=\"proposal.status === 'pending' || proposal.status === 'execution-unknown' || proposal.status === 'stale'\"\n          [class.danger]=\"proposal.status === 'execution-failed' || proposal.status === 'rejected'\">\n          {{ statusKey(proposal) | translate }}\n        </span>\n        <span class=\"badge\">{{ 'nh-assistant.agent-runs.proposal.mode.' + proposal.mode | translate }}</span>\n        @if (agentRightsKey(proposal); as rightsKey) {\n          <!-- A consultation's proposal that runs with the agent's own rights says so plainly. -->\n          <span class=\"badge\" data-consultation-rights [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ rightsKey | translate }}\n          </span>\n        } @else if (proposal.grantSource !== 'none') {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.tool-call.grant-source.' + proposal.grantSource + '-hint' | translate\">\n            {{ 'nh-assistant.tool-call.grant-source.' + proposal.grantSource | translate }}\n          </span>\n        }\n        @if (proposal.consultationId) {\n          <span class=\"badge\" [attr.title]=\"'nh-assistant.agent-runs.proposal.from-consultation-hint' | translate\">\n            {{ 'nh-assistant.agent-runs.proposal.from-consultation' | translate }}\n          </span>\n        }\n      </div>\n      @if (proposal.consultationId && (proposal.initiatorActorId || proposal.consultationRoute)) {\n        <!-- Who asked through the consultation, and who decides it with whose rights. -->\n        <p class=\"consultation-route\" data-consultation-route [attr.data-route]=\"proposal.consultationRoute ?? null\">\n          @if (proposal.initiatorActorId; as asker) {\n            <span data-consultation-asker>{{ 'nh-assistant.agent-runs.proposal.consultation.asked-by' | translate: { name: ('nh-assistant.account-id' | translate: { id: asker }) } }}</span>\n          }\n          @if (proposal.consultationRoute; as route) {\n            <span>{{ 'nh-assistant.agent-runs.proposal.consultation.route.' + route | translate }}</span>\n          }\n        </p>\n      }\n      @if (proposal.placedBy; as origin) {\n        @let placedBy = originText(origin);\n        <p class=\"placed-by\">\n          <span>{{ placedBy.key | translate: placedBy.params }}</span>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.placed-by.open-label' | translate\"\n            (click)=\"openConversation.emit(origin.conversationId)\">\n            {{ 'nh-assistant.agent-runs.proposal.placed-by.open' | translate }}\n          </button>\n        </p>\n      }\n      @if (proposal.presentation; as presentation) {\n        <p class=\"summary\">{{ presentation.summary }}</p>\n        @if (presentation.fields.length > 0) {\n          <dl class=\"presentation-fields\">\n            @for (field of presentation.fields; track $index) {\n              <div>\n                <dt>{{ field.label }}</dt>\n                <dd>{{ field.value }}</dd>\n              </div>\n            }\n          </dl>\n        }\n        @if (presentation.notice) {\n          <p class=\"message warning\">{{ presentation.notice }}</p>\n        }\n      } @else {\n        <p class=\"summary\">{{ 'nh-assistant.approval.fallback-summary' | translate }}</p>\n      }\n      @if (proposal.rationale) {\n        <p class=\"rationale\">{{ 'nh-assistant.approval.rationale' | translate: { rationale: proposal.rationale } }}</p>\n      }\n      @if (proposal.status === 'stale' && proposal.staleExplanation) {\n        <p class=\"message stale-explanation\">{{ proposal.staleExplanation }}</p>\n      }\n      @if (hasSuccessor(proposal)) {\n        <button class=\"text-button\" type=\"button\" (click)=\"showSuccessor(proposal)\">\n          {{ 'nh-assistant.agent-runs.proposal.show-successor' | translate }}\n        </button>\n      }\n      @if (isHeld(proposal)) {\n        <div class=\"closed-card\">\n          <p class=\"muted\" role=\"status\">{{ 'nh-assistant.agent-runs.proposal.closed' | translate }}</p>\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.aria-label]=\"'nh-assistant.agent-runs.proposal.dismiss-label' | translate: { summary: proposal.presentation?.summary ?? proposal.toolId }\"\n            (click)=\"dismiss(proposal)\">\n            {{ 'nh-assistant.agent-runs.proposal.dismiss' | translate }}\n          </button>\n        </div>\n      }\n      <details class=\"technical-details\">\n        <summary>{{ 'nh-assistant.approval.technical-details' | translate }}</summary>\n        <p class=\"label\">{{ 'nh-assistant.approval.tool-id' | translate }}</p>\n        <code>{{ proposal.toolId }}</code>\n        @if (proposal.targets.length > 0) {\n          <p class=\"label\">{{ 'nh-assistant.approval.targets' | translate }}</p>\n          <ul class=\"targets\">\n            @for (target of proposal.targets; track $index) {\n              <li>{{ target }}</li>\n            }\n          </ul>\n        }\n        @if (proposal.argumentsPreview) {\n          <p class=\"label\">{{ 'nh-assistant.approval.arguments' | translate }}</p>\n          <pre>{{ proposal.argumentsPreview }}</pre>\n        }\n      </details>\n      <div class=\"meta\">\n        @if (proposal.status === 'pending') {\n          <span>{{ 'nh-assistant.agent-runs.proposal.expires' | translate: { date: (proposal.expiresAt | date: 'short') } }}</span>\n        }\n        @if (proposal.status === 'awaiting-application' && proposal.executionReportDueAt) {\n          <span data-proposal-report-due>{{ 'nh-assistant.agent-runs.proposal.report-due' | translate: { date: (proposal.executionReportDueAt | date: 'short') } }}</span>\n        }\n        @if (proposal.decidedByActorId) {\n          <span\n            data-proposal-decided-by\n            [attr.title]=\"proposal.decidedByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.decidedByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.decided-by' | translate: { actor: proposal.decidedByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.decidedByActorId }) } }}</span>\n        }\n        @if (proposal.status === 'stale' && proposal.staleByActorId) {\n          <span\n            data-proposal-stale-by\n            [attr.title]=\"proposal.staleByDisplayName ? ('nh-assistant.account-id-title' | translate: { id: proposal.staleByActorId }) : null\">{{ 'nh-assistant.agent-runs.proposal.stale-by' | translate: { actor: proposal.staleByDisplayName || ('nh-assistant.account-id' | translate: { id: proposal.staleByActorId }) } }}</span>\n        }\n        @if (proposal.executionResultCode; as code) {\n          <span class=\"mono\">{{ code }}</span>\n        }\n        @if (proposal.feedback; as given) {\n          <span>\n            {{ 'nh-assistant.agent-runs.proposal.your-feedback' | translate: { category: ('nh-assistant.proposal-feedback.categories.' + given.category | translate) } }}\n          </span>\n        }\n        @if (proposal.canGiveFeedback && !isAsking(proposal)) {\n          <button\n            class=\"text-button\"\n            type=\"button\"\n            [attr.data-feedback-approval]=\"proposal.approvalId\"\n            [disabled]=\"busy()\"\n            (click)=\"giveFeedback(proposal)\">\n            {{ (proposal.feedback ? 'nh-assistant.agent-runs.proposal.change-feedback' : 'nh-assistant.agent-runs.proposal.give-feedback') | translate }}\n          </button>\n        }\n      </div>\n      @if (inCard(proposal) && feedback(); as request) {\n        <nh-assistant-proposal-feedback\n          [approvalIds]=\"request.approvalIds\"\n          [initial]=\"request.initial\"\n          (saved)=\"onFeedbackSaved()\"\n          (dismissed)=\"onFeedbackDismissed()\" />\n      }\n      @if (waitsForAsker(proposal)) {\n        <p class=\"waiting-for\" data-waiting-for-asker>\n          <nh-assistant-icon name=\"users\" />{{ 'nh-assistant.agent-runs.proposal.consultation.waiting-for-asker' | translate: { name: (proposal.initiatorActorId ? ('nh-assistant.account-id' | translate: { id: proposal.initiatorActorId }) : ('nh-assistant.agent-runs.proposal.consultation.the-asker' | translate)) } }}\n        </p>\n      } @else if (waitingForKey(proposal); as waitingFor) {\n        <p class=\"waiting-for\"><nh-assistant-icon name=\"users\" />{{ waitingFor | translate }}</p>\n      }\n      @if (proposal.status === 'pending' && mayDecide(proposal)) {\n        <div class=\"card-actions\">\n          <button class=\"primary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'approve')\">\n            <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.approve' | translate }}\n          </button>\n          <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"decide(proposal, 'reject')\">\n            <nh-assistant-icon name=\"x\" />{{ 'nh-assistant.agent-runs.proposal.reject' | translate }}\n          </button>\n        </div>\n      }\n      @if (proposal.status === 'awaiting-application') {\n        <p class=\"waiting-for\" data-proposal-awaiting-application><nh-assistant-icon name=\"clock\" />{{ 'nh-assistant.agent-runs.proposal.awaiting-application-hint' | translate }}</p>\n      }\n      @if (proposal.status === 'execution-unknown' && mayDecide(proposal)) {\n        @if (executedByApplication(proposal)) {\n          <!-- The application executes this proposal: an approver hands it to the application again,\n               never to the tool's function. -->\n          <p class=\"message warning\" data-proposal-unknown-application><nh-assistant-icon name=\"warning\" />{{ 'nh-assistant.agent-runs.proposal.unknown-application-hint' | translate }}</p>\n          <div class=\"card-actions\">\n            <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 'mark-resolved')\">\n              <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.mark-resolved' | translate }}\n            </button>\n            <button class=\"danger\" type=\"button\" data-proposal-hand-to-application [disabled]=\"busy()\" (click)=\"resolve(proposal, 'hand-to-application')\">\n              <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.agent-runs.proposal.hand-to-application' | translate }}\n            </button>\n          </div>\n        } @else {\n          <p class=\"message warning\"><nh-assistant-icon name=\"warning\" />{{ 'nh-assistant.agent-runs.proposal.unknown-hint' | translate }}</p>\n          <div class=\"card-actions\">\n            <button class=\"secondary\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 'mark-resolved')\">\n              <nh-assistant-icon name=\"check\" />{{ 'nh-assistant.agent-runs.proposal.mark-resolved' | translate }}\n            </button>\n            <button class=\"danger\" type=\"button\" [disabled]=\"busy()\" (click)=\"resolve(proposal, 're-execute')\">\n              <nh-assistant-icon name=\"refresh\" />{{ 'nh-assistant.agent-runs.proposal.re-execute' | translate }}\n            </button>\n          </div>\n        }\n      }\n    </li>\n  </ng-template>\n</div>\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 input[type=email],:host input[type=number],:host input[type=date],:host input[type=time],:host input[type=datetime-local],:host select,:host textarea{box-sizing:border-box;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 input[type=email]:focus-visible,:host input[type=number]:focus-visible,:host input[type=date]:focus-visible,:host input[type=time]:focus-visible,:host input[type=datetime-local]: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 input[type=email]:disabled,:host input[type=number]:disabled,:host input[type=date]:disabled,:host input[type=time]:disabled,:host input[type=datetime-local]: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 input[type=email][aria-invalid=true],:host input[type=number][aria-invalid=true],:host input[type=date][aria-invalid=true],:host input[type=time][aria-invalid=true],:host input[type=datetime-local][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 input[type=number]{font-variant-numeric:tabular-nums}: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 .field-error{display:flex;align-items:flex-start;gap:6px;margin:4px 2px 0;color:var(--nha-danger);font-size:12px;font-weight:600;overflow-wrap:anywhere}:host .field-error nh-assistant-icon{flex:none;margin-top:1px}:host .form-error{box-sizing:border-box;display:flex;align-items:flex-start;gap:8px;margin:0;border:1px solid var(--nha-danger);border-radius:var(--nha-radius-control);padding:8px 12px;color:var(--nha-text);background:var(--nha-danger-soft);font-size:13px;overflow-wrap:anywhere}:host .form-error ul{margin:4px 0 0;padding-left:18px}:host .message{box-sizing:border-box;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;overflow-wrap:anywhere}: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.info{border-color:var(--nha-border);color:var(--nha-text);background:var(--nha-surface)}:host .message nh-assistant-icon{flex:none}:host button.link{min-height:0;border:0;padding:0;color:var(--nha-accent, currentColor);background:none;font:inherit;text-decoration:underline;cursor:pointer}:host button.link:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host button.link:disabled{cursor:not-allowed;opacity:.55}:host .primary,:host .secondary,:host .danger{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;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:14px;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}.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:18px;color:var(--nha-text-muted);font-size:13px}.state p{margin:0}.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:12px 14px;background:var(--nha-surface)}.card.selected{border-color:var(--nha-accent, currentColor)}.card[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.card.closed{border-style:dashed}.closed-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.message.stale-explanation{overflow-wrap:anywhere;color:var(--nha-text);background:var(--nha-surface-strong)}.placed-by,.consultation-route{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;min-width:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.consultation-routes{display:inline-flex;flex-wrap:wrap;gap:4px 8px}.rationale{margin:0;overflow-wrap:anywhere;color:var(--nha-text-muted);font-size:13px}.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;align-items:center;gap:8px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}pre{max-height:220px;margin:0;overflow:auto;border-radius:var(--nha-radius-control);padding:8px 10px;background:var(--nha-surface-muted, rgba(127, 127, 127, .08));font-family:var(--nha-mono);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.summary{margin:0;font-size:13px;overflow-wrap:anywhere}.handed-off{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.handed-off button.link{min-height:0;border:0;padding:0;background:none;color:var(--nha-accent, currentColor);font:inherit;text-decoration:underline;cursor:pointer}.presentation-fields{display:grid;gap:6px;margin:0}.presentation-fields div{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:8px}.presentation-fields dt{color:var(--nha-text-muted);font-size:12px;font-weight:700;overflow-wrap:anywhere}.presentation-fields dd{margin:0;font-size:13px;overflow-wrap:anywhere}.technical-details{color:var(--nha-text-muted);font-size:12px}.technical-details summary{cursor:pointer;font-weight:700}.technical-details code{overflow-wrap:anywhere}.technical-details .label{margin:10px 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.technical-details .targets{margin:0;padding-left:18px;overflow-wrap:anywhere}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--nha-border)}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 12px;background:transparent;color:var(--nha-text-muted);font:inherit;cursor:pointer}.tabs button[aria-selected=true]{border-bottom-color:currentColor;color:var(--nha-text);font-weight:650}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reason{flex:1 1 200px;min-width:0}.select{display:inline-flex;align-items:center;gap:6px;font-size:12px}.proposal-list{display:flex;flex-direction:column;gap:10px;min-width:0}.feedback-prompt{display:flex;flex-direction:column;gap:6px;min-width:0}.feedback-prompt .muted{overflow-wrap:anywhere}.text-button{display:inline-flex;align-items:center;border:0;border-radius:6px;padding:2px 4px;color:var(--nha-text-muted);background:transparent;font:inherit;font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.text-button:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}.text-button:hover:not(:disabled){color:var(--nha-text)}.text-button:disabled{cursor:not-allowed;opacity:.55}.waiting-for{display:flex;align-items:center;gap:6px;margin:0;color:var(--nha-text-muted);font-size:12px;overflow-wrap:anywhere}.subject-agents{display:grid;gap:8px;margin:0;padding:0;list-style:none}.subject-agent{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;min-width:0;border:1px solid var(--nha-border);border-radius:var(--nha-radius-control);padding:10px 12px}.subject-agent-text{display:flex;flex-direction:column;gap:2px;min-width:0}.subject-agent-text strong{font-size:14px;overflow-wrap:anywhere}.latest-run{display:flex;flex-direction:column;gap:6px;min-width:0}.result{white-space:pre-line}.work{min-width:0;border-top:1px solid var(--nha-border);padding-top:12px}.run-result{display:flex;flex-direction:column;gap:12px;min-width:0}.run-result h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0 0 6px;font-size:15px;font-weight:750;overflow-wrap:anywhere}.run-result h5{margin:0 0 6px;font-size:13px;font-weight:700}.run-result-header{min-width:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;margin:0}.facts div{min-width:0}.facts dt{color:var(--nha-text-muted);font-size:12px}.facts dd{margin:0;overflow-wrap:anywhere}.result-body,.result-section{min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.files{display:grid;gap:6px;margin:0;padding:0;list-style:none}.files li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.mcp-skips{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mcp-skips li{min-width:0;overflow-wrap:anywhere}.file-name{min-width:0;font-weight:600;overflow-wrap:anywhere}:host ::ng-deep .markdown{min-width:0;overflow-wrap:anywhere}:host ::ng-deep .markdown :first-child{margin-top:0}:host ::ng-deep .markdown :last-child{margin-bottom:0}:host ::ng-deep .markdown p,:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol,:host ::ng-deep .markdown pre,:host ::ng-deep .markdown blockquote,:host ::ng-deep .markdown table{margin:0 0 8px}:host ::ng-deep .markdown ul,:host ::ng-deep .markdown ol{padding-left:20px}:host ::ng-deep .markdown h1,:host ::ng-deep .markdown h2,:host ::ng-deep .markdown h3,:host ::ng-deep .markdown h4,:host ::ng-deep .markdown h5,:host ::ng-deep .markdown h6{margin:10px 0 6px;font-size:15px;line-height:1.3}:host ::ng-deep .markdown hr{margin:12px 0;border:0;border-top:1px solid var(--nha-border)}:host ::ng-deep .markdown a{color:var(--nha-highlight);text-decoration:underline}:host ::ng-deep .markdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--nha-focus) 80%,transparent);outline-offset:2px}:host ::ng-deep .markdown code{border-radius:6px;padding:1px 4px;background:var(--nha-surface-strong);font-family:var(--nha-mono);font-size:12.5px}:host ::ng-deep .markdown pre{overflow-x:auto;border-radius:8px;padding:8px;background:var(--nha-surface-strong)}:host ::ng-deep .markdown pre code{padding:0;background:none}:host ::ng-deep .markdown blockquote{border-left:3px solid var(--nha-border);padding-left:10px;color:var(--nha-text-muted)}:host ::ng-deep .markdown table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:13px}:host ::ng-deep .markdown th,:host ::ng-deep .markdown td{border:1px solid var(--nha-border);padding:4px 8px;text-align:left}.board-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-items:start}.board-tile.new{border-color:var(--nha-accent)}.badge.new{color:var(--nha-accent-contrast);background:var(--nha-accent)}.board-preview{max-height:12em;overflow:hidden}.board-history{display:flex;flex-direction:column;gap:8px;min-width:0}.board-history h4{margin:0;font-size:13px;font-weight:700}.history-runs{display:grid;gap:8px;margin:0;padding:0;list-style:none}.history-run{display:flex;flex-direction:column;gap:4px;min-width:0;border-top:1px solid var(--nha-border);padding-top:8px}.card.new{border-color:var(--nha-accent)}.proposal-group{display:flex;flex-direction:column;gap:8px;min-width:0;border-top:1px solid var(--nha-border);padding-top:10px}.proposal-group-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}.proposal-group-header h4{margin:0;overflow-wrap:anywhere;font-size:15px;font-weight:700}.proposal-subject-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:4px 0 0;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:650}.proposal-run-header{margin:0;color:var(--nha-text-muted);font-size:12px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { proposals: [{ type: i0.Input, args: [{ isSignal: true, alias: "proposals", required: true }] }], canDecide: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDecide", required: false }] }], decisionRights: [{ type: i0.Input, args: [{ isSignal: true, alias: "decisionRights", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], holdClosedCards: [{ type: i0.Input, args: [{ isSignal: true, alias: "holdClosedCards", required: false }] }], groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], groupByRun: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupByRun", required: false }] }], newIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "newIds", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], openConversation: [{ type: i0.Output, args: ["openConversation"] }] } });
 /** The refusal of an approval because the proposal no longer fits. */
 const staleCode = 'assistant-proposal-stale';