@memberjunction/ng-dashboards 6.2.0-edge.6 → 6.2.0-edge.7

package/dist/ChiefOfStaff/chief-of-staff-governance.component.js

@@ -0,0 +1,515 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { CompositeKey } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { BuildPolicyDraftFromEntity, CHIEF_OF_STAFF_AGENT_NAME, } from './chief-of-staff-agent-context';
+import { BaseChiefOfStaffPage } from './chief-of-staff-page-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.Value;
+function ChiefOfStaffGovernanceComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7);
+    i0.ɵɵelement(2, "i", 8);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "button", 9);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_5_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.DismissBanner()); });
+    i0.ɵɵelement(6, "i", 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("cos-banner--success", ctx_r1.FeedbackBanner.Type === "success")("cos-banner--error", ctx_r1.FeedbackBanner.Type === "error");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("fa-circle-check", ctx_r1.FeedbackBanner.Type === "success")("fa-circle-exclamation", ctx_r1.FeedbackBanner.Type === "error");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.FeedbackBanner.Message);
+} }
+function ChiefOfStaffGovernanceComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "mj-loading", 11);
+    i0.ɵɵelementEnd();
+} }
+function ChiefOfStaffGovernanceComponent_Conditional_7_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenPolicyEntityRecord()); });
+    i0.ɵɵelement(1, "i", 48);
+    i0.ɵɵtext(2, " Open Policy Record ");
+    i0.ɵɵelementEnd();
+} }
+function ChiefOfStaffGovernanceComponent_Conditional_7_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 49);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ResetDraftPolicy()); });
+    i0.ɵɵtext(1, " Reset Changes ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSavingPolicy);
+} }
+function ChiefOfStaffGovernanceComponent_Conditional_7_For_26_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 42);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_For_26_Template_button_click_0_listener() { const st_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetPolicyStatus(st_r7)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const st_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("variant", ctx_r1.DraftPolicy.Status === st_r7 ? "primary" : "outline");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", st_r7, " ");
+} }
+function ChiefOfStaffGovernanceComponent_Conditional_7_For_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 53);
+} }
+function ChiefOfStaffGovernanceComponent_Conditional_7_For_29_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 50);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_For_29_Template_div_click_0_listener() { const mode_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetCoordinationMode(mode_r9.Value)); });
+    i0.ɵɵelementStart(1, "div", 51)(2, "span", 52);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, ChiefOfStaffGovernanceComponent_Conditional_7_For_29_Conditional_4_Template, 1, 0, "i", 53);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p", 54);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const mode_r9 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("cos-mode-card--selected", ctx_r1.DraftPolicy.CoordinationMode === mode_r9.Value);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(mode_r9.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.DraftPolicy.CoordinationMode === mode_r9.Value ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(mode_r9.Description);
+} }
+function ChiefOfStaffGovernanceComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "div", 12)(2, "div")(3, "h3", 13);
+    i0.ɵɵelement(4, "i", 14);
+    i0.ɵɵtext(5, " Chief of Staff Governance Policy ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p", 15);
+    i0.ɵɵtext(7, " Backed by ");
+    i0.ɵɵelementStart(8, "code");
+    i0.ɵɵtext(9, "MJ: AI Agent User Policies");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(10, " \u2014 controls coordination autonomy, communication channels, and approval guardrails for your Chief of Staff. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 16);
+    i0.ɵɵconditionalCreate(12, ChiefOfStaffGovernanceComponent_Conditional_7_Conditional_12_Template, 3, 0, "button", 17);
+    i0.ɵɵconditionalCreate(13, ChiefOfStaffGovernanceComponent_Conditional_7_Conditional_13_Template, 2, 1, "button", 18);
+    i0.ɵɵelementStart(14, "button", 19);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveGovernancePolicy()); });
+    i0.ɵɵelement(15, "i", 20);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(17, "section", 21)(18, "div", 22)(19, "div")(20, "h4", 23);
+    i0.ɵɵtext(21, "1. Autonomy & Coordination Mode");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "p", 24);
+    i0.ɵɵtext(23, " Select how proactively your Chief of Staff operates across your workspace ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 25);
+    i0.ɵɵrepeaterCreate(25, ChiefOfStaffGovernanceComponent_Conditional_7_For_26_Template, 2, 2, "button", 26, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 27);
+    i0.ɵɵrepeaterCreate(28, ChiefOfStaffGovernanceComponent_Conditional_7_For_29_Template, 7, 5, "div", 28, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "div", 29)(31, "label", 30)(32, "span", 31);
+    i0.ɵɵtext(33, "Custom Display Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "input", 32);
+    i0.ɵɵlistener("input", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_input_input_34_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDisplayNameInput($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "label", 30)(36, "span", 31);
+    i0.ɵɵtext(37, "Default Data Access Mode");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.DraftPolicy.DefaultDataAccessMode, $event) || (ctx_r1.DraftPolicy.DefaultDataAccessMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ValueChange_38_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.MarkPolicyDirty()); });
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(39, "section", 21)(40, "div", 22)(41, "div")(42, "h4", 23);
+    i0.ɵɵtext(43, "2. Communication Channel Permissions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "p", 24);
+    i0.ɵɵtext(45, " Configure what your Chief of Staff is permitted to do on each channel ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(46, "div", 29)(47, "label", 30)(48, "span", 31);
+    i0.ɵɵelement(49, "i", 34);
+    i0.ɵɵtext(50, " Email Channel Mode ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(51, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ngModelChange_51_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.DraftPolicy.EmailChannelMode, $event) || (ctx_r1.DraftPolicy.EmailChannelMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ValueChange_51_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.MarkPolicyDirty()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(52, "label", 30)(53, "span", 31);
+    i0.ɵɵelement(54, "i", 35);
+    i0.ɵɵtext(55, " Calendar Channel Mode ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(56, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ngModelChange_56_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.DraftPolicy.CalendarChannelMode, $event) || (ctx_r1.DraftPolicy.CalendarChannelMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ValueChange_56_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.MarkPolicyDirty()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(57, "label", 30)(58, "span", 31);
+    i0.ɵɵelement(59, "i", 36);
+    i0.ɵɵtext(60, " Phone Channel Mode ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(61, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ngModelChange_61_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.DraftPolicy.PhoneChannelMode, $event) || (ctx_r1.DraftPolicy.PhoneChannelMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ValueChange_61_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.MarkPolicyDirty()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(62, "label", 30)(63, "span", 31);
+    i0.ɵɵelement(64, "i", 37);
+    i0.ɵɵtext(65, " Messaging Channel Mode ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(66, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ngModelChange_66_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.DraftPolicy.MessagingChannelMode, $event) || (ctx_r1.DraftPolicy.MessagingChannelMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_mj_dropdown_ValueChange_66_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.MarkPolicyDirty()); });
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(67, "section", 21)(68, "div", 22)(69, "div")(70, "h4", 23);
+    i0.ɵɵtext(71, "3. Approval Guardrails & Standing Instructions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(72, "p", 24);
+    i0.ɵɵtext(73, " Enforce mandatory human-in-the-loop approval gates before sensitive actions execute ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(74, "div", 38)(75, "div", 39);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_div_click_75_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleApprovalGuardrail("RequireApprovalForExternalComms")); });
+    i0.ɵɵelementStart(76, "div")(77, "div", 40);
+    i0.ɵɵtext(78, "Require Approval for External Communications");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(79, "div", 41);
+    i0.ɵɵtext(80, " Always create an approval request before sending emails or messages to external recipients. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(81, "button", 42);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_button_click_81_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ToggleApprovalGuardrail("RequireApprovalForExternalComms"); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(82);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(83, "div", 39);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_div_click_83_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleApprovalGuardrail("RequireApprovalForFinancials")); });
+    i0.ɵɵelementStart(84, "div")(85, "div", 40);
+    i0.ɵɵtext(86, "Require Approval for Financial Commitments");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(87, "div", 41);
+    i0.ɵɵtext(88, " Require explicit approval for any financial transaction above the auto-approve threshold. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(89, "button", 42);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_button_click_89_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ToggleApprovalGuardrail("RequireApprovalForFinancials"); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(90);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(91, "div", 39);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_div_click_91_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleApprovalGuardrail("RequireApprovalForDestructiveActions")); });
+    i0.ɵɵelementStart(92, "div")(93, "div", 40);
+    i0.ɵɵtext(94, "Require Approval for Destructive Actions");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(95, "div", 41);
+    i0.ɵɵtext(96, " Require human confirmation before deleting records, canceling events, or revoking access. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(97, "button", 42);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_button_click_97_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ToggleApprovalGuardrail("RequireApprovalForDestructiveActions"); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(98);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(99, "div", 39);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_div_click_99_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleApprovalGuardrail("AllowInterAgentCoordination")); });
+    i0.ɵɵelementStart(100, "div")(101, "div", 40);
+    i0.ɵɵtext(102, "Allow Inter-Agent Delegation & Coordination");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(103, "div", 41);
+    i0.ɵɵtext(104, " Permit your Chief of Staff to invoke specialist sub-agents and coordinate with peer agents. ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(105, "button", 42);
+    i0.ɵɵlistener("click", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_button_click_105_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.ToggleApprovalGuardrail("AllowInterAgentCoordination"); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵtext(106);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(107, "div", 43)(108, "label", 30)(109, "span", 31);
+    i0.ɵɵtext(110, "Auto-Approve Financial Threshold (USD)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(111, "input", 44);
+    i0.ɵɵlistener("input", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_input_input_111_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnThresholdInputEvent($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(112, "label", 45)(113, "span", 31);
+    i0.ɵɵtext(114, "Standing Executive Instructions Override");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(115, "textarea", 46);
+    i0.ɵɵlistener("input", function ChiefOfStaffGovernanceComponent_Conditional_7_Template_textarea_input_115_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnInstructionsOverrideInput($event)); });
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(12);
+    i0.ɵɵconditional(ctx_r1.PolicyEntity ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.PolicyDirty ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.IsSavingPolicy || !ctx_r1.PolicyDirty);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.IsSavingPolicy ? "Saving..." : "Save Policy Changes", " ");
+    i0.ɵɵadvance(9);
+    i0.ɵɵrepeater(ctx_r1.StatusOptions);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.CoordinationModeOptions);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("value", ctx_r1.DraftPolicy.DisplayNameOverride);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Data", ctx_r1.DataAccessModeOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.DraftPolicy.DefaultDataAccessMode);
+    i0.ɵɵadvance(13);
+    i0.ɵɵproperty("Data", ctx_r1.EmailChannelOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.DraftPolicy.EmailChannelMode);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("Data", ctx_r1.CalendarChannelOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.DraftPolicy.CalendarChannelMode);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("Data", ctx_r1.PhoneChannelOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.DraftPolicy.PhoneChannelMode);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("Data", ctx_r1.MessagingChannelOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.DraftPolicy.MessagingChannelMode);
+    i0.ɵɵadvance(15);
+    i0.ɵɵproperty("variant", ctx_r1.DraftPolicy.RequireApprovalForExternalComms ? "primary" : "outline");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DraftPolicy.RequireApprovalForExternalComms ? "Required" : "Not Required", " ");
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("variant", ctx_r1.DraftPolicy.RequireApprovalForFinancials ? "primary" : "outline");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DraftPolicy.RequireApprovalForFinancials ? "Required" : "Not Required", " ");
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("variant", ctx_r1.DraftPolicy.RequireApprovalForDestructiveActions ? "primary" : "outline");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DraftPolicy.RequireApprovalForDestructiveActions ? "Required" : "Not Required", " ");
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("variant", ctx_r1.DraftPolicy.AllowInterAgentCoordination ? "primary" : "outline");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DraftPolicy.AllowInterAgentCoordination ? "Allowed" : "Blocked", " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", ctx_r1.DraftPolicy.AutoApproveAmountThreshold ?? "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r1.DraftPolicy.InstructionsOverride);
+} }
+/**
+ * The Chief of Staff application's Governance page: edits the user's
+ * `MJ: AI Agent User Policies` record (autonomy, channels, approval guardrails and standing
+ * instructions) as a draft, saved explicitly.
+ */
+let ChiefOfStaffGovernanceComponent = class ChiefOfStaffGovernanceComponent extends BaseChiefOfStaffPage {
+    Page = 'governance';
+    IsSavingPolicy = false;
+    PolicyDirty = false;
+    StatusOptions = ['Active', 'Paused', 'Disabled'];
+    CoordinationModeOptions = [
+        {
+            Value: 'Observer',
+            Label: 'Observer',
+            Description: 'Monitors signals and prepares briefings; never initiates changes.',
+        },
+        {
+            Value: 'Coordinator',
+            Label: 'Coordinator',
+            Description: 'Tracks priorities, drafts communications, and requests approval before high-impact actions.',
+        },
+        {
+            Value: 'Autonomous',
+            Label: 'Autonomous',
+            Description: 'Executes within policy guardrails and auto-approval thresholds.',
+        },
+    ];
+    DataAccessModeOptions = [
+        { Value: 'ReadOnly', Label: 'Read Only' },
+        { Value: 'AllowListOnly', Label: 'Allow-List Only' },
+        { Value: 'UserCeiling', Label: 'User Ceiling (Full Delegated Access)' },
+    ];
+    EmailChannelOptions = [
+        { Value: 'Disabled', Label: 'Disabled' },
+        { Value: 'ReadOnly', Label: 'Read Only' },
+        { Value: 'DraftOnly', Label: 'Draft Only' },
+        { Value: 'SendAsAgent', Label: 'Send as Chief of Staff' },
+        { Value: 'SendAsUser', Label: 'Send on Behalf of User' },
+    ];
+    CalendarChannelOptions = [
+        { Value: 'Disabled', Label: 'Disabled' },
+        { Value: 'ReadOnly', Label: 'Read Only' },
+        { Value: 'ProposeWithApproval', Label: 'Propose with Approval' },
+        { Value: 'Autonomous', Label: 'Autonomous Scheduling' },
+    ];
+    PhoneChannelOptions = [
+        { Value: 'Disabled', Label: 'Disabled' },
+        { Value: 'InboundOnly', Label: 'Inbound Only' },
+        { Value: 'OutboundWithApproval', Label: 'Outbound with Approval' },
+        { Value: 'OutboundAutonomous', Label: 'Outbound Autonomous' },
+    ];
+    MessagingChannelOptions = [
+        { Value: 'Disabled', Label: 'Disabled' },
+        { Value: 'Enabled', Label: 'Enabled' },
+    ];
+    /** A reload replaces the draft with the saved policy. */
+    OnDataLoaded() {
+        this.PolicyDirty = false;
+    }
+    OpenPolicyEntityRecord() {
+        if (this.PolicyEntity) {
+            this.navigationService.OpenEntityRecord('MJ: AI Agent User Policies', CompositeKey.FromID(this.PolicyEntity.ID));
+        }
+    }
+    MarkPolicyDirty() {
+        this.PolicyDirty = true;
+        this.cdr.markForCheck();
+    }
+    SetCoordinationMode(mode) {
+        this.DraftPolicy.CoordinationMode = mode;
+        this.MarkPolicyDirty();
+    }
+    SetPolicyStatus(status) {
+        this.DraftPolicy.Status = status;
+        this.MarkPolicyDirty();
+    }
+    ToggleApprovalGuardrail(field) {
+        this.DraftPolicy[field] = !this.DraftPolicy[field];
+        this.MarkPolicyDirty();
+    }
+    OnDisplayNameInput(event) {
+        if (event.target instanceof HTMLInputElement) {
+            this.DraftPolicy.DisplayNameOverride = event.target.value;
+            this.MarkPolicyDirty();
+        }
+    }
+    OnThresholdInputEvent(event) {
+        if (event.target instanceof HTMLInputElement) {
+            this.OnThresholdInput(event.target.value);
+        }
+    }
+    OnInstructionsOverrideInput(event) {
+        if (event.target instanceof HTMLTextAreaElement) {
+            this.DraftPolicy.InstructionsOverride = event.target.value;
+            this.MarkPolicyDirty();
+        }
+    }
+    OnThresholdInput(rawValue) {
+        const trimmed = rawValue.trim();
+        if (!trimmed) {
+            this.DraftPolicy.AutoApproveAmountThreshold = null;
+        }
+        else {
+            const parsed = Number(trimmed);
+            if (Number.isFinite(parsed) && parsed >= 0) {
+                this.DraftPolicy.AutoApproveAmountThreshold = parsed;
+            }
+        }
+        this.MarkPolicyDirty();
+    }
+    ResetDraftPolicy() {
+        this.DraftPolicy = BuildPolicyDraftFromEntity(this.PolicyEntity);
+        this.PolicyDirty = false;
+        this.cdr.markForCheck();
+    }
+    async SaveGovernancePolicy() {
+        if (this.IsSavingPolicy) {
+            return;
+        }
+        this.IsSavingPolicy = true;
+        this.cdr.markForCheck();
+        try {
+            let entity = this.PolicyEntity;
+            if (!entity) {
+                entity = await this.ProviderToUse.GetEntityObject('MJ: AI Agent User Policies', this.ProviderToUse.CurrentUser);
+                entity.NewRecord();
+                if (!this.chiefOfStaffAgentId) {
+                    throw new Error(`The "${CHIEF_OF_STAFF_AGENT_NAME}" agent id has not been resolved; reload the page.`);
+                }
+                entity.AgentID = this.chiefOfStaffAgentId;
+                const currentUserId = this.ProviderToUse.CurrentUser?.ID;
+                if (currentUserId) {
+                    entity.UserID = currentUserId;
+                }
+            }
+            entity.DisplayNameOverride =
+                this.DraftPolicy.DisplayNameOverride.trim().length > 0
+                    ? this.DraftPolicy.DisplayNameOverride.trim()
+                    : null;
+            entity.Status = this.DraftPolicy.Status;
+            entity.OnboardingStatus = this.DraftPolicy.OnboardingStatus;
+            entity.CoordinationMode = this.DraftPolicy.CoordinationMode;
+            entity.DefaultDataAccessMode = this.DraftPolicy.DefaultDataAccessMode;
+            entity.EmailChannelMode = this.DraftPolicy.EmailChannelMode;
+            entity.CalendarChannelMode = this.DraftPolicy.CalendarChannelMode;
+            entity.PhoneChannelMode = this.DraftPolicy.PhoneChannelMode;
+            entity.MessagingChannelMode = this.DraftPolicy.MessagingChannelMode;
+            entity.AllowInterAgentCoordination = this.DraftPolicy.AllowInterAgentCoordination;
+            entity.RequireApprovalForExternalComms =
+                this.DraftPolicy.RequireApprovalForExternalComms;
+            entity.RequireApprovalForFinancials = this.DraftPolicy.RequireApprovalForFinancials;
+            entity.RequireApprovalForDestructiveActions =
+                this.DraftPolicy.RequireApprovalForDestructiveActions;
+            entity.AutoApproveAmountThreshold = this.DraftPolicy.AutoApproveAmountThreshold;
+            entity.InstructionsOverride =
+                this.DraftPolicy.InstructionsOverride.trim().length > 0
+                    ? this.DraftPolicy.InstructionsOverride.trim()
+                    : null;
+            const saved = await entity.Save();
+            if (saved) {
+                this.PolicyEntity = entity;
+                this.DraftPolicy = BuildPolicyDraftFromEntity(entity);
+                this.PolicyDirty = false;
+                this.showBanner('success', 'Chief of Staff governance policy saved.');
+                this.publishAgentContext();
+            }
+            else {
+                const errText = entity.LatestResult?.CompleteMessage ?? 'Failed to save governance policy.';
+                this.showBanner('error', errText);
+            }
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            this.showBanner('error', `Failed to save governance policy: ${msg}`);
+        }
+        finally {
+            this.IsSavingPolicy = false;
+            this.cdr.markForCheck();
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵChiefOfStaffGovernanceComponent_BaseFactory; return function ChiefOfStaffGovernanceComponent_Factory(__ngFactoryType__) { return (ɵChiefOfStaffGovernanceComponent_BaseFactory || (ɵChiefOfStaffGovernanceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ChiefOfStaffGovernanceComponent)))(__ngFactoryType__ || ChiefOfStaffGovernanceComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChiefOfStaffGovernanceComponent, selectors: [["mj-chief-of-staff-governance"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 4, consts: [["Title", "Governance", "Subtitle", "How much your Chief of Staff may do on its own, and what needs your approval", "Icon", "fa-solid fa-shield-halved"], ["toolbar", ""], [3, "Clicked", "Loading", "ShowLabel"], ["role", "status", 1, "cos-banner", 3, "cos-banner--success", "cos-banner--error"], [1, "cos-loading"], [1, "cos-governance-container"], ["role", "status", 1, "cos-banner"], [1, "cos-banner__content"], [1, "fa-solid"], ["mjButton", "", "variant", "flat", "size", "sm", "aria-label", "Dismiss notification", 3, "click"], [1, "fa-solid", "fa-xmark"], ["text", "Loading governance policy..."], [1, "cos-governance-header"], [1, "cos-governance-header__title"], [1, "fa-solid", "fa-shield-halved"], [1, "cos-governance-header__subtitle"], [1, "cos-governance-header__actions"], ["mjButton", "", "variant", "outline", "size", "sm"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "disabled"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], [1, "cos-panel"], [1, "cos-panel__header"], [1, "cos-panel__title"], [1, "cos-panel__subtitle"], ["role", "group", "aria-label", "Agent Status", 1, "cos-status-segmented"], ["mjButton", "", "size", "sm", 3, "variant"], [1, "cos-mode-cards"], [1, "cos-mode-card", 3, "cos-mode-card--selected"], [1, "cos-form-grid"], [1, "cos-form-field"], [1, "cos-form-field__label"], ["type", "text", "placeholder", "e.g., Chief of Staff", 1, "cos-input", 3, "input", "value"], ["TextField", "Label", "ValueField", "Value", 3, "ngModelChange", "ValueChange", "Data", "ValuePrimitive", "ngModel"], [1, "fa-solid", "fa-envelope"], [1, "fa-regular", "fa-calendar"], [1, "fa-solid", "fa-phone"], [1, "fa-solid", "fa-comments"], [1, "cos-toggle-list"], [1, "cos-toggle-row", 3, "click"], [1, "cos-toggle-row__title"], [1, "cos-toggle-row__desc"], ["mjButton", "", "size", "sm", 3, "click", "variant"], [1, "cos-form-grid", "cos-form-grid--spaced"], ["type", "number", "min", "0", "step", "50", "placeholder", "0.00", 1, "cos-input", 3, "input", "value"], [1, "cos-form-field", "cos-form-field--full"], ["rows", "3", "placeholder", "Optional standing instructions injected into every Chief of Staff run (e.g., preferred briefing style, VIP contacts, scheduling windows)...", 1, "cos-textarea", 3, "input", "value"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click", "disabled"], [1, "cos-mode-card", 3, "click"], [1, "cos-mode-card__top"], [1, "cos-mode-card__title"], [1, "fa-solid", "fa-circle-check", "cos-mode-card__check"], [1, "cos-mode-card__desc"]], template: function ChiefOfStaffGovernanceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0);
+            i0.ɵɵelementContainerStart(2, 1);
+            i0.ɵɵelementStart(3, "mj-refresh-button", 2);
+            i0.ɵɵlistener("Clicked", function ChiefOfStaffGovernanceComponent_Template_mj_refresh_button_Clicked_3_listener() { return ctx.LoadChiefOfStaffData(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementContainerEnd();
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "mj-page-body");
+            i0.ɵɵconditionalCreate(5, ChiefOfStaffGovernanceComponent_Conditional_5_Template, 7, 9, "div", 3);
+            i0.ɵɵconditionalCreate(6, ChiefOfStaffGovernanceComponent_Conditional_6_Template, 2, 0, "div", 4)(7, ChiefOfStaffGovernanceComponent_Conditional_7_Template, 116, 30, "div", 5);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Loading", ctx.IsLoading)("ShowLabel", true);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.FeedbackBanner ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 6 : 7);
+        } }, dependencies: [i1.NgControlStatus, i1.NgModel, i2.LoadingComponent, i3.MJButtonDirective, i3.MJDropdownComponent, i3.MJPageHeaderComponent, i3.MJPageLayoutComponent, i3.MJPageBodyComponent, i3.MJRefreshButtonComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.cos-loading[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 280px;\n}\n\n.cos-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 12px 16px;\n    margin-bottom: 16px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    font-size: 13px;\n}\n\n.cos-banner__content[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.cos-banner--success[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-success-bg);\n    border-color: var(--mj-status-success);\n    color: var(--mj-status-success);\n}\n\n.cos-banner--error[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n\n.cos-kpi-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n    margin-top: 16px;\n    margin-bottom: 20px;\n}\n\n.cos-kpi-card[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    padding: 16px 18px;\n    cursor: pointer;\n    transition: border-color 0.15s ease, transform 0.15s ease;\n}\n\n.cos-kpi-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-kpi-card__header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.cos-kpi-card__label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-secondary);\n}\n\n.cos-kpi-card__icon[_ngcontent-%COMP%] {\n    width: 34px;\n    height: 34px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-kpi-card__icon--brand[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.cos-kpi-card__icon--success[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-success-bg);\n    color: var(--mj-status-success);\n}\n\n.cos-kpi-card__icon--warning[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning);\n}\n\n.cos-kpi-card__value[_ngcontent-%COMP%] {\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.cos-kpi-card__sub[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n\n.cos-overview-columns[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n    gap: 20px;\n    margin-top: 16px;\n}\n\n.cos-stack[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\n.cos-panel[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    padding: 18px 20px;\n}\n\n.cos-panel__header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.cos-panel__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-panel__subtitle[_ngcontent-%COMP%] {\n    margin: 4px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n\n\n\n\n\n\n.cos-meta-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 8px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-status-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 600;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-status-chip--active[_ngcontent-%COMP%], \n.cos-status-chip--approved[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-success-bg);\n    color: var(--mj-status-success);\n}\n\n.cos-status-chip--requested[_ngcontent-%COMP%], \n.cos-status-chip--paused[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning);\n}\n\n.cos-status-chip--rejected[_ngcontent-%COMP%], \n.cos-status-chip--disabled[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-error-bg);\n    color: var(--mj-status-error);\n}\n\n\n.cos-status-chip--fired[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.cos-routine-card--fired[_ngcontent-%COMP%] {\n    opacity: 0.8;\n}\n\n.cos-routine-card__fired-note[_ngcontent-%COMP%] {\n    margin-left: 8px;\n    color: var(--mj-text-secondary);\n    font-size: 0.85em;\n}\n\n.cos-routines-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 8px;\n}\n\n\n\n\n\n\n.cos-request-card[_ngcontent-%COMP%] {\n    padding: 14px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    cursor: pointer;\n    transition: border-color 0.15s ease;\n}\n\n.cos-request-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-request-card__top[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 8px;\n}\n\n.cos-request-card__badges[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.cos-priority-tag[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.cos-priority-tag.priority-critical[_ngcontent-%COMP%], \n.cos-priority-tag.priority-high[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-error-bg);\n    color: var(--mj-status-error);\n}\n\n.cos-priority-tag.priority-normal[_ngcontent-%COMP%] {\n    background-color: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning);\n}\n\n.cos-priority-tag.priority-low[_ngcontent-%COMP%] {\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-timestamp[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.cos-request-card__text[_ngcontent-%COMP%] {\n    margin: 0 0 12px;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n}\n\n\n.cos-email-draft[_ngcontent-%COMP%] {\n    margin-top: 10px;\n    cursor: default;\n}\n\n.cos-email-draft__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    font-size: 0.9em;\n    color: var(--mj-text-secondary);\n    word-break: break-word;\n}\n\n.cos-email-draft__body[_ngcontent-%COMP%] {\n    margin: 8px 0 0;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    white-space: pre-wrap;\n    word-break: break-word;\n    color: var(--mj-text-primary);\n}\n\n.cos-request-card__actions[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.cos-resolved-section[_ngcontent-%COMP%] {\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.cos-resolved-section__title[_ngcontent-%COMP%] {\n    margin: 0 0 10px;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n}\n\n.cos-resolved-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 8px 10px;\n    border-radius: 6px;\n    background-color: var(--mj-bg-surface-sunken);\n    cursor: pointer;\n}\n\n.cos-resolved-row__main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.cos-resolved-row__text[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n\n.cos-routine-mini[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 12px 14px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-subtle);\n    background-color: var(--mj-bg-surface);\n}\n\n.cos-routine-mini__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-routine-mini__name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-routine-mini__meta[_ngcontent-%COMP%] {\n    margin-top: 4px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.cos-routine-card[_ngcontent-%COMP%] {\n    padding: 16px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.cos-routine-card__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.cos-routine-card__name[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-routine-card__desc[_ngcontent-%COMP%] {\n    margin: 4px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.cos-routine-card__schedule[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    padding: 10px 12px;\n    border-radius: 6px;\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.cos-routine-card__actions[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n\n.cos-governance-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    margin-top: 16px;\n}\n\n.cos-governance-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 12px;\n    padding: 16px 20px;\n    border-radius: 10px;\n    background-color: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n}\n\n.cos-governance-header__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-governance-header__subtitle[_ngcontent-%COMP%] {\n    margin: 4px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.cos-governance-header__actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-status-segmented[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n}\n\n.cos-mode-cards[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.cos-mode-card[_ngcontent-%COMP%] {\n    padding: 14px 16px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    cursor: pointer;\n    transition: border-color 0.15s ease, background-color 0.15s ease;\n}\n\n.cos-mode-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-mode-card--selected[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.cos-mode-card__top[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n\n.cos-mode-card__title[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-mode-card__check[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.cos-mode-card__desc[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    line-height: 1.45;\n}\n\n.cos-form-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 14px;\n}\n\n.cos-form-grid--spaced[_ngcontent-%COMP%] {\n    margin-top: 16px;\n}\n\n.cos-form-field[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.cos-form-field--full[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.cos-form-field__label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.cos-input[_ngcontent-%COMP%], \n.cos-textarea[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 10px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    font-family: inherit;\n    box-sizing: border-box;\n}\n\n.cos-input[_ngcontent-%COMP%]:focus, \n.cos-textarea[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-toggle-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.cos-toggle-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 12px 14px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-subtle);\n    background-color: var(--mj-bg-surface);\n    cursor: pointer;\n}\n\n.cos-toggle-row__title[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-toggle-row__desc[_ngcontent-%COMP%] {\n    margin-top: 2px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n\n\n\n\n@keyframes _ngcontent-%COMP%_cosDrawerSlideIn {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n\n.cos-briefing-reader[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n}\n\n.cos-briefing-reader[_ngcontent-%COMP%]   mj-conversation-chat-area[_ngcontent-%COMP%] {\n    flex: 1 1 auto;\n    min-height: 0;\n}\n\n\n\n\n\n\n"], changeDetection: 0 });
+};
+ChiefOfStaffGovernanceComponent = __decorate([
+    RegisterClass(BaseResourceComponent, 'ChiefOfStaffGovernance')
+], ChiefOfStaffGovernanceComponent);
+export { ChiefOfStaffGovernanceComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChiefOfStaffGovernanceComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-chief-of-staff-governance', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mj-page-layout>\n    <mj-page-header\n        Title=\"Governance\"\n        Subtitle=\"How much your Chief of Staff may do on its own, and what needs your approval\"\n        Icon=\"fa-solid fa-shield-halved\">\n\n\n        <ng-container toolbar>\n            <mj-refresh-button\n                [Loading]=\"IsLoading\"\n                [ShowLabel]=\"true\"\n                (Clicked)=\"LoadChiefOfStaffData()\">\n            </mj-refresh-button>\n        </ng-container>\n    </mj-page-header>\n\n    <mj-page-body>\n        @if (FeedbackBanner) {\n            <div class=\"cos-banner\"\n                 [class.cos-banner--success]=\"FeedbackBanner.Type === 'success'\"\n                 [class.cos-banner--error]=\"FeedbackBanner.Type === 'error'\"\n                 role=\"status\">\n                <div class=\"cos-banner__content\">\n                    <i class=\"fa-solid\"\n                       [class.fa-circle-check]=\"FeedbackBanner.Type === 'success'\"\n                       [class.fa-circle-exclamation]=\"FeedbackBanner.Type === 'error'\"></i>\n                    <span>{{ FeedbackBanner.Message }}</span>\n                </div>\n                <button mjButton variant=\"flat\" size=\"sm\" (click)=\"DismissBanner()\" aria-label=\"Dismiss notification\">\n                    <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n            </div>\n        }\n\n        @if (IsLoading) {\n            <div class=\"cos-loading\">\n                <mj-loading text=\"Loading governance policy...\"></mj-loading>\n            </div>\n        } @else {\n            <div class=\"cos-governance-container\">\n                <div class=\"cos-governance-header\">\n                    <div>\n                        <h3 class=\"cos-governance-header__title\">\n                            <i class=\"fa-solid fa-shield-halved\"></i> Chief of Staff Governance Policy\n                        </h3>\n                        <p class=\"cos-governance-header__subtitle\">\n                            Backed by <code>MJ: AI Agent User Policies</code> \u2014 controls coordination autonomy, communication channels, and approval guardrails for your Chief of Staff.\n                        </p>\n                    </div>\n                    <div class=\"cos-governance-header__actions\">\n                        @if (PolicyEntity) {\n                            <button mjButton variant=\"outline\" size=\"sm\" (click)=\"OpenPolicyEntityRecord()\">\n                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open Policy Record\n                            </button>\n                        }\n                        @if (PolicyDirty) {\n                            <button mjButton variant=\"outline\" size=\"sm\"\n                                    [disabled]=\"IsSavingPolicy\"\n                                    (click)=\"ResetDraftPolicy()\">\n                                Reset Changes\n                            </button>\n                        }\n                        <button mjButton variant=\"primary\" size=\"sm\"\n                                [disabled]=\"IsSavingPolicy || !PolicyDirty\"\n                                (click)=\"SaveGovernancePolicy()\">\n                            <i class=\"fa-solid fa-floppy-disk\"></i>\n                            {{ IsSavingPolicy ? 'Saving...' : 'Save Policy Changes' }}\n                        </button>\n                    </div>\n                </div>\n\n                <!-- Section 1: Coordination Mode -->\n                <section class=\"cos-panel\">\n                    <div class=\"cos-panel__header\">\n                        <div>\n                            <h4 class=\"cos-panel__title\">1. Autonomy & Coordination Mode</h4>\n                            <p class=\"cos-panel__subtitle\">\n                                Select how proactively your Chief of Staff operates across your workspace\n                            </p>\n                        </div>\n                        <div class=\"cos-status-segmented\" role=\"group\" aria-label=\"Agent Status\">\n                            @for (st of StatusOptions; track st) {\n                                <button mjButton\n                                        [variant]=\"DraftPolicy.Status === st ? 'primary' : 'outline'\"\n                                        size=\"sm\"\n                                        (click)=\"SetPolicyStatus(st)\">\n                                    {{ st }}\n                                </button>\n                            }\n                        </div>\n                    </div>\n\n                    <div class=\"cos-mode-cards\">\n                        @for (mode of CoordinationModeOptions; track mode.Value) {\n                            <div class=\"cos-mode-card\"\n                                 [class.cos-mode-card--selected]=\"DraftPolicy.CoordinationMode === mode.Value\"\n                                 (click)=\"SetCoordinationMode(mode.Value)\">\n                                <div class=\"cos-mode-card__top\">\n                                    <span class=\"cos-mode-card__title\">{{ mode.Label }}</span>\n                                    @if (DraftPolicy.CoordinationMode === mode.Value) {\n                                        <i class=\"fa-solid fa-circle-check cos-mode-card__check\"></i>\n                                    }\n                                </div>\n                                <p class=\"cos-mode-card__desc\">{{ mode.Description }}</p>\n                            </div>\n                        }\n                    </div>\n\n                    <div class=\"cos-form-grid\">\n                        <label class=\"cos-form-field\">\n                            <span class=\"cos-form-field__label\">Custom Display Name</span>\n                            <input class=\"cos-input\"\n                                   type=\"text\"\n                                   [value]=\"DraftPolicy.DisplayNameOverride\"\n                                   placeholder=\"e.g., Chief of Staff\"\n                                   (input)=\"OnDisplayNameInput($event)\" />\n                        </label>\n\n                        <label class=\"cos-form-field\">\n                            <span class=\"cos-form-field__label\">Default Data Access Mode</span>\n                            <mj-dropdown [Data]=\"DataAccessModeOptions\" TextField=\"Label\" ValueField=\"Value\" [ValuePrimitive]=\"true\"\n                                         [(ngModel)]=\"DraftPolicy.DefaultDataAccessMode\" (ValueChange)=\"MarkPolicyDirty()\">\n                            </mj-dropdown>\n                        </label>\n                    </div>\n                </section>\n\n                <!-- Section 2: Communication Channel Permissions -->\n                <section class=\"cos-panel\">\n                    <div class=\"cos-panel__header\">\n                        <div>\n                            <h4 class=\"cos-panel__title\">2. Communication Channel Permissions</h4>\n                            <p class=\"cos-panel__subtitle\">\n                                Configure what your Chief of Staff is permitted to do on each channel\n                            </p>\n                        </div>\n                    </div>\n\n                    <div class=\"cos-form-grid\">\n                        <label class=\"cos-form-field\">\n                            <span class=\"cos-form-field__label\">\n                                <i class=\"fa-solid fa-envelope\"></i> Email Channel Mode\n                            </span>\n                            <mj-dropdown [Data]=\"EmailChannelOptions\" TextField=\"Label\" ValueField=\"Value\" [ValuePrimitive]=\"true\"\n                                         [(ngModel)]=\"DraftPolicy.EmailChannelMode\" (ValueChange)=\"MarkPolicyDirty()\">\n                            </mj-dropdown>\n                        </label>\n\n                        <label class=\"cos-form-field\">\n                            <span class=\"cos-form-field__label\">\n                                <i class=\"fa-regular fa-calendar\"></i> Calendar Channel Mode\n                            </span>\n                            <mj-dropdown [Data]=\"CalendarChannelOptions\" TextField=\"Label\" ValueField=\"Value\" [ValuePrimitive]=\"true\"\n                                         [(ngModel)]=\"DraftPolicy.CalendarChannelMode\" (ValueChange)=\"MarkPolicyDirty()\">\n                            </mj-dropdown>\n                        </label>\n\n                        <label class=\"cos-form-field\">\n                            <span class=\"cos-form-field__label\">\n                                <i class=\"fa-solid fa-phone\"></i> Phone Channel Mode\n                            </span>\n                            <mj-dropdown [Data]=\"PhoneChannelOptions\" TextField=\"Label\" ValueField=\"Value\" [ValuePrimitive]=\"true\"\n                                         [(ngModel)]=\"DraftPolicy.PhoneChannelMode\" (ValueChange)=\"MarkPolicyDirty()\">\n                            </mj-dropdown>\n                        </label>\n\n                        <label class=\"cos-form-field\">\n                            <span class=\"cos-form-field__label\">\n                                <i class=\"fa-solid fa-comments\"></i> Messaging Channel Mode\n                            </span>\n                            <mj-dropdown [Data]=\"MessagingChannelOptions\" TextField=\"Label\" ValueField=\"Value\" [ValuePrimitive]=\"true\"\n                                         [(ngModel)]=\"DraftPolicy.MessagingChannelMode\" (ValueChange)=\"MarkPolicyDirty()\">\n                            </mj-dropdown>\n                        </label>\n                    </div>\n                </section>\n\n                <!-- Section 3: Approval Guardrails & Financial Threshold -->\n                <section class=\"cos-panel\">\n                    <div class=\"cos-panel__header\">\n                        <div>\n                            <h4 class=\"cos-panel__title\">3. Approval Guardrails & Standing Instructions</h4>\n                            <p class=\"cos-panel__subtitle\">\n                                Enforce mandatory human-in-the-loop approval gates before sensitive actions execute\n                            </p>\n                        </div>\n                    </div>\n\n                    <div class=\"cos-toggle-list\">\n                        <div class=\"cos-toggle-row\" (click)=\"ToggleApprovalGuardrail('RequireApprovalForExternalComms')\">\n                            <div>\n                                <div class=\"cos-toggle-row__title\">Require Approval for External Communications</div>\n                                <div class=\"cos-toggle-row__desc\">\n                                    Always create an approval request before sending emails or messages to external recipients.\n                                </div>\n                            </div>\n                            <button mjButton\n                                    [variant]=\"DraftPolicy.RequireApprovalForExternalComms ? 'primary' : 'outline'\"\n                                    size=\"sm\"\n                                    (click)=\"ToggleApprovalGuardrail('RequireApprovalForExternalComms'); $event.stopPropagation()\">\n                                {{ DraftPolicy.RequireApprovalForExternalComms ? 'Required' : 'Not Required' }}\n                            </button>\n                        </div>\n\n                        <div class=\"cos-toggle-row\" (click)=\"ToggleApprovalGuardrail('RequireApprovalForFinancials')\">\n                            <div>\n                                <div class=\"cos-toggle-row__title\">Require Approval for Financial Commitments</div>\n                                <div class=\"cos-toggle-row__desc\">\n                                    Require explicit approval for any financial transaction above the auto-approve threshold.\n                                </div>\n                            </div>\n                            <button mjButton\n                                    [variant]=\"DraftPolicy.RequireApprovalForFinancials ? 'primary' : 'outline'\"\n                                    size=\"sm\"\n                                    (click)=\"ToggleApprovalGuardrail('RequireApprovalForFinancials'); $event.stopPropagation()\">\n                                {{ DraftPolicy.RequireApprovalForFinancials ? 'Required' : 'Not Required' }}\n                            </button>\n                        </div>\n\n                        <div class=\"cos-toggle-row\" (click)=\"ToggleApprovalGuardrail('RequireApprovalForDestructiveActions')\">\n                            <div>\n                                <div class=\"cos-toggle-row__title\">Require Approval for Destructive Actions</div>\n                                <div class=\"cos-toggle-row__desc\">\n                                    Require human confirmation before deleting records, canceling events, or revoking access.\n                                </div>\n                            </div>\n                            <button mjButton\n                                    [variant]=\"DraftPolicy.RequireApprovalForDestructiveActions ? 'primary' : 'outline'\"\n                                    size=\"sm\"\n                                    (click)=\"ToggleApprovalGuardrail('RequireApprovalForDestructiveActions'); $event.stopPropagation()\">\n                                {{ DraftPolicy.RequireApprovalForDestructiveActions ? 'Required' : 'Not Required' }}\n                            </button>\n                        </div>\n\n                        <div class=\"cos-toggle-row\" (click)=\"ToggleApprovalGuardrail('AllowInterAgentCoordination')\">\n                            <div>\n                                <div class=\"cos-toggle-row__title\">Allow Inter-Agent Delegation & Coordination</div>\n                                <div class=\"cos-toggle-row__desc\">\n                                    Permit your Chief of Staff to invoke specialist sub-agents and coordinate with peer agents.\n                                </div>\n                            </div>\n                            <button mjButton\n                                    [variant]=\"DraftPolicy.AllowInterAgentCoordination ? 'primary' : 'outline'\"\n                                    size=\"sm\"\n                                    (click)=\"ToggleApprovalGuardrail('AllowInterAgentCoordination'); $event.stopPropagation()\">\n                                {{ DraftPolicy.AllowInterAgentCoordination ? 'Allowed' : 'Blocked' }}\n                            </button>\n                        </div>\n                    </div>\n\n                    <div class=\"cos-form-grid cos-form-grid--spaced\">\n                        <label class=\"cos-form-field\">\n                            <span class=\"cos-form-field__label\">Auto-Approve Financial Threshold (USD)</span>\n                            <input class=\"cos-input\"\n                                   type=\"number\"\n                                   min=\"0\"\n                                   step=\"50\"\n                                   [value]=\"DraftPolicy.AutoApproveAmountThreshold ?? ''\"\n                                   placeholder=\"0.00\"\n                                   (input)=\"OnThresholdInputEvent($event)\" />\n                        </label>\n\n                        <label class=\"cos-form-field cos-form-field--full\">\n                            <span class=\"cos-form-field__label\">Standing Executive Instructions Override</span>\n                            <textarea class=\"cos-textarea\"\n                                      rows=\"3\"\n                                      [value]=\"DraftPolicy.InstructionsOverride\"\n                                      placeholder=\"Optional standing instructions injected into every Chief of Staff run (e.g., preferred briefing style, VIP contacts, scheduling windows)...\"\n                                      (input)=\"OnInstructionsOverrideInput($event)\"></textarea>\n                        </label>\n                    </div>\n                </section>\n            </div>\n        }\n    </mj-page-body>\n</mj-page-layout>\n", styles: [":host {\n    display: block;\n    height: 100%;\n}\n\n.cos-loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 280px;\n}\n\n.cos-banner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 12px 16px;\n    margin-bottom: 16px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    font-size: 13px;\n}\n\n.cos-banner__content {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.cos-banner--success {\n    background-color: var(--mj-status-success-bg);\n    border-color: var(--mj-status-success);\n    color: var(--mj-status-success);\n}\n\n.cos-banner--error {\n    background-color: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* KPI Grid */\n.cos-kpi-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n    margin-top: 16px;\n    margin-bottom: 20px;\n}\n\n.cos-kpi-card {\n    background-color: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    padding: 16px 18px;\n    cursor: pointer;\n    transition: border-color 0.15s ease, transform 0.15s ease;\n}\n\n.cos-kpi-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-kpi-card__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.cos-kpi-card__label {\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-secondary);\n}\n\n.cos-kpi-card__icon {\n    width: 34px;\n    height: 34px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 15px;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-kpi-card__icon--brand {\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.cos-kpi-card__icon--success {\n    background-color: var(--mj-status-success-bg);\n    color: var(--mj-status-success);\n}\n\n.cos-kpi-card__icon--warning {\n    background-color: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning);\n}\n\n.cos-kpi-card__value {\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.cos-kpi-card__sub {\n    margin-top: 4px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n/* Columns & Panels */\n.cos-overview-columns {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));\n    gap: 20px;\n    margin-top: 16px;\n}\n\n.cos-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\n.cos-panel {\n    background-color: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    padding: 18px 20px;\n}\n\n.cos-panel__header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.cos-panel__title {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-panel__subtitle {\n    margin: 4px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n/* Priority Mini Cards */\n\n/* Progress Bars */\n\n/* Health & Status Badges */\n\n.cos-meta-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 8px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-status-chip {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 600;\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-status-chip--active,\n.cos-status-chip--approved {\n    background-color: var(--mj-status-success-bg);\n    color: var(--mj-status-success);\n}\n\n.cos-status-chip--requested,\n.cos-status-chip--paused {\n    background-color: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning);\n}\n\n.cos-status-chip--rejected,\n.cos-status-chip--disabled {\n    background-color: var(--mj-status-error-bg);\n    color: var(--mj-status-error);\n}\n\n/* A one-time wake that has run: done, not broken. */\n.cos-status-chip--fired {\n    background-color: var(--mj-bg-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.cos-routine-card--fired {\n    opacity: 0.8;\n}\n\n.cos-routine-card__fired-note {\n    margin-left: 8px;\n    color: var(--mj-text-secondary);\n    font-size: 0.85em;\n}\n\n.cos-routines-toggle {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 8px;\n}\n\n/* Filter Bar & Full Priority Cards */\n\n/* Subtasks / Milestones */\n\n/* Requests & Routines */\n.cos-request-card {\n    padding: 14px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    cursor: pointer;\n    transition: border-color 0.15s ease;\n}\n\n.cos-request-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-request-card__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 8px;\n}\n\n.cos-request-card__badges {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.cos-priority-tag {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.cos-priority-tag.priority-critical,\n.cos-priority-tag.priority-high {\n    background-color: var(--mj-status-error-bg);\n    color: var(--mj-status-error);\n}\n\n.cos-priority-tag.priority-normal {\n    background-color: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning);\n}\n\n.cos-priority-tag.priority-low {\n    background-color: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.cos-timestamp {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.cos-request-card__text {\n    margin: 0 0 12px;\n    font-size: 13px;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n}\n\n/* An outbound email waiting for approval: a bare mj-accordion-panel inside the card */\n.cos-email-draft {\n    margin-top: 10px;\n    cursor: default;\n}\n\n.cos-email-draft__meta {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    font-size: 0.9em;\n    color: var(--mj-text-secondary);\n    word-break: break-word;\n}\n\n.cos-email-draft__body {\n    margin: 8px 0 0;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    white-space: pre-wrap;\n    word-break: break-word;\n    color: var(--mj-text-primary);\n}\n\n.cos-request-card__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.cos-resolved-section {\n    margin-top: 20px;\n    padding-top: 16px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.cos-resolved-section__title {\n    margin: 0 0 10px;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n}\n\n.cos-resolved-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    padding: 8px 10px;\n    border-radius: 6px;\n    background-color: var(--mj-bg-surface-sunken);\n    cursor: pointer;\n}\n\n.cos-resolved-row__main {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    min-width: 0;\n}\n\n.cos-resolved-row__text {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* Routine Cards */\n.cos-routine-mini {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 12px 14px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-subtle);\n    background-color: var(--mj-bg-surface);\n}\n\n.cos-routine-mini__title-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-routine-mini__name {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-routine-mini__meta {\n    margin-top: 4px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.cos-routine-card {\n    padding: 16px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.cos-routine-card__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.cos-routine-card__name {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-routine-card__desc {\n    margin: 4px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.cos-routine-card__schedule {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    padding: 10px 12px;\n    border-radius: 6px;\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.cos-routine-card__actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n/* Governance Tab */\n.cos-governance-container {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    margin-top: 16px;\n}\n\n.cos-governance-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 12px;\n    padding: 16px 20px;\n    border-radius: 10px;\n    background-color: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n}\n\n.cos-governance-header__title {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-governance-header__subtitle {\n    margin: 4px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.cos-governance-header__actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.cos-status-segmented {\n    display: flex;\n    gap: 6px;\n}\n\n.cos-mode-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.cos-mode-card {\n    padding: 14px 16px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    cursor: pointer;\n    transition: border-color 0.15s ease, background-color 0.15s ease;\n}\n\n.cos-mode-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-mode-card--selected {\n    border-color: var(--mj-brand-primary);\n    background-color: var(--mj-bg-surface-sunken);\n}\n\n.cos-mode-card__top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n\n.cos-mode-card__title {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-mode-card__check {\n    color: var(--mj-brand-primary);\n}\n\n.cos-mode-card__desc {\n    margin: 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    line-height: 1.45;\n}\n\n.cos-form-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n    gap: 14px;\n}\n\n.cos-form-grid--spaced {\n    margin-top: 16px;\n}\n\n.cos-form-field {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.cos-form-field--full {\n    grid-column: 1 / -1;\n}\n\n.cos-form-field__label {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.cos-input,\n.cos-textarea {\n    width: 100%;\n    padding: 8px 10px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background-color: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    font-family: inherit;\n    box-sizing: border-box;\n}\n\n.cos-input:focus,\n.cos-textarea:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.cos-toggle-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.cos-toggle-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 12px 14px;\n    border-radius: 8px;\n    border: 1px solid var(--mj-border-subtle);\n    background-color: var(--mj-bg-surface);\n    cursor: pointer;\n}\n\n.cos-toggle-row__title {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.cos-toggle-row__desc {\n    margin-top: 2px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n/* ========================================================================= */\n/* Task / Priority Detail & Quick-Edit Drawer                                 */\n/* ========================================================================= */\n\n@keyframes cosDrawerSlideIn {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n/* Briefing reader: the embedded chat area fills the slide panel body. */\n.cos-briefing-reader {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n}\n\n.cos-briefing-reader mj-conversation-chat-area {\n    flex: 1 1 auto;\n    min-height: 0;\n}\n\n/* Assignees on objective cards and milestone rows. */\n\n/* An unassigned milestone shows who holds it by default (its creator or the objective's owner):\n   outlined rather than filled, so a real assignment still stands out. */\n\n/* To-dos & reminders */\n\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChiefOfStaffGovernanceComponent, { className: "ChiefOfStaffGovernanceComponent", filePath: "src/ChiefOfStaff/chief-of-staff-governance.component.ts", lineNumber: 33 }); })();
+export function LoadChiefOfStaffGovernance() {
+    // Intentionally empty: forces inclusion of the @RegisterClass side effect.
+}
+//# sourceMappingURL=chief-of-staff-governance.component.js.map