@memberjunction/ng-conversations 6.1.1 → 6.1.2

package/dist/lib/components/realtime/realtime-delegation-card.component.js

@@ -20,6 +20,18 @@ function RealtimeDelegationCardComponent_Conditional_0_Conditional_2_Template(rf
 } }
 function RealtimeDelegationCardComponent_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 14);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", ctx_r0.Card.AgentName, " is thinking\u2026");
+} }
+function RealtimeDelegationCardComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "div", 14);
@@ -32,23 +44,23 @@ function RealtimeDelegationCardComponent_Conditional_0_Conditional_3_Template(rf
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", ctx_r0.Card.AgentName, " is working\u2026");
 } }
-function RealtimeDelegationCardComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function RealtimeDelegationCardComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_0_Conditional_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenRun($event)); });
-    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_0_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenRun($event)); });
+    i0.ɵɵelement(1, "i", 19);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Open run");
     i0.ɵɵelementEnd()();
 } }
-function RealtimeDelegationCardComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function RealtimeDelegationCardComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 18);
-    i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_0_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CancelWork($event)); });
-    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementStart(0, "button", 20);
+    i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_0_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CancelWork($event)); });
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵelementEnd();
 } }
-function RealtimeDelegationCardComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function RealtimeDelegationCardComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -57,72 +69,75 @@ function RealtimeDelegationCardComponent_Conditional_0_Conditional_11_Template(r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.Card.LatestMessage);
 } }
-function RealtimeDelegationCardComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 20);
+function RealtimeDelegationCardComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 22);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵstyleProp("width", ctx_r0.Card.Percentage, "%");
 } }
-function RealtimeDelegationCardComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function RealtimeDelegationCardComponent_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 11);
 } }
 function RealtimeDelegationCardComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "div", 2);
-    i0.ɵɵconditionalCreate(2, RealtimeDelegationCardComponent_Conditional_0_Conditional_2_Template, 4, 1)(3, RealtimeDelegationCardComponent_Conditional_0_Conditional_3_Template, 4, 2);
-    i0.ɵɵelementStart(4, "span", 3);
-    i0.ɵɵelement(5, "i", 4);
-    i0.ɵɵtext(6, " Running ");
+    i0.ɵɵconditionalCreate(2, RealtimeDelegationCardComponent_Conditional_0_Conditional_2_Template, 4, 1)(3, RealtimeDelegationCardComponent_Conditional_0_Conditional_3_Template, 4, 1)(4, RealtimeDelegationCardComponent_Conditional_0_Conditional_4_Template, 4, 2);
+    i0.ɵɵelementStart(5, "span", 3);
+    i0.ɵɵelement(6, "i", 4);
+    i0.ɵɵtext(7, " Running ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, RealtimeDelegationCardComponent_Conditional_0_Conditional_7_Template, 4, 0, "button", 5);
-    i0.ɵɵconditionalCreate(8, RealtimeDelegationCardComponent_Conditional_0_Conditional_8_Template, 2, 0, "button", 6);
+    i0.ɵɵconditionalCreate(8, RealtimeDelegationCardComponent_Conditional_0_Conditional_8_Template, 4, 0, "button", 5);
+    i0.ɵɵconditionalCreate(9, RealtimeDelegationCardComponent_Conditional_0_Conditional_9_Template, 2, 0, "button", 6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 7);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(10, "div", 7);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, RealtimeDelegationCardComponent_Conditional_0_Conditional_11_Template, 2, 1, "div", 8);
-    i0.ɵɵelementStart(12, "div", 9);
-    i0.ɵɵconditionalCreate(13, RealtimeDelegationCardComponent_Conditional_0_Conditional_13_Template, 1, 2, "div", 10)(14, RealtimeDelegationCardComponent_Conditional_0_Conditional_14_Template, 1, 0, "div", 11);
+    i0.ɵɵconditionalCreate(12, RealtimeDelegationCardComponent_Conditional_0_Conditional_12_Template, 2, 1, "div", 8);
+    i0.ɵɵelementStart(13, "div", 9);
+    i0.ɵɵconditionalCreate(14, RealtimeDelegationCardComponent_Conditional_0_Conditional_14_Template, 1, 2, "div", 10)(15, RealtimeDelegationCardComponent_Conditional_0_Conditional_15_Template, 1, 0, "div", 11);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.Card.Kind === "action" ? 2 : 3);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r0.ShowOpenRun ? 7 : -1);
+    i0.ɵɵconditional(ctx_r0.Card.Kind === "action" ? 2 : ctx_r0.Card.Kind === "narration" ? 3 : 4);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r0.ShowOpenRun ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.Card.Kind !== "action" ? 8 : -1);
+    i0.ɵɵconditional(ctx_r0.Card.Kind === "agent" ? 9 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.StepLabel);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.ShowDetailLine ? 11 : -1);
+    i0.ɵɵconditional(ctx_r0.ShowDetailLine ? 12 : -1);
     i0.ɵɵadvance();
     i0.ɵɵclassProp("work-progress--indeterminate", ctx_r0.Card.Percentage == null);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.Card.Percentage != null ? 13 : 14);
+    i0.ɵɵconditional(ctx_r0.Card.Percentage != null ? 14 : 15);
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " tool ");
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " narration ");
+} }
+function RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵtextInterpolate1(" via ", ctx_r0.Card.AgentName, " ");
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 25);
-    i0.ɵɵelementStart(1, "span", 26);
+    i0.ɵɵelement(0, "i", 27);
+    i0.ɵɵelementStart(1, "span", 28);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 27);
+    i0.ɵɵelementStart(3, "span", 29);
     i0.ɵɵtext(4, "\u00B7");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 28);
+    i0.ɵɵelementStart(5, "span", 30);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 29);
-    i0.ɵɵelement(8, "i", 30);
-    i0.ɵɵconditionalCreate(9, RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_9_Template, 1, 0)(10, RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_10_Template, 1, 1);
+    i0.ɵɵelementStart(7, "span", 31);
+    i0.ɵɵelement(8, "i", 32);
+    i0.ɵɵconditionalCreate(9, RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_9_Template, 1, 0)(10, RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_10_Template, 1, 0)(11, RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Conditional_11_Template, 1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -134,17 +149,17 @@ function RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Template(rf
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("title", ctx_r0.ProvenanceTitle);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.Card.Kind === "action" ? 9 : 10);
+    i0.ɵɵconditional(ctx_r0.Card.Kind === "action" ? 9 : ctx_r0.Card.Kind === "narration" ? 10 : 11);
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_2_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 32);
+    i0.ɵɵelementStart(0, "button", 34);
     i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_1_ng_template_2_For_1_Template_button_click_0_listener($event) { const artifact_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenArtifact($event, artifact_r6)); });
-    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵelement(1, "i", 35);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "View");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "i", 34);
+    i0.ɵɵelement(4, "i", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const artifact_r6 = ctx.$implicit;
@@ -152,15 +167,15 @@ function RealtimeDelegationCardComponent_Conditional_1_ng_template_2_For_1_Templ
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵelementStart(0, "button", 18);
     i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_1_ng_template_2_Conditional_2_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenRun($event)); });
-    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵelement(1, "i", 19);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Open run");
     i0.ɵɵelementEnd()();
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, RealtimeDelegationCardComponent_Conditional_1_ng_template_2_For_1_Template, 5, 1, "button", 31, _forTrack0);
+    i0.ɵɵrepeaterCreate(0, RealtimeDelegationCardComponent_Conditional_1_ng_template_2_For_1_Template, 5, 1, "button", 33, _forTrack0);
     i0.ɵɵconditionalCreate(2, RealtimeDelegationCardComponent_Conditional_1_ng_template_2_Conditional_2_Template, 4, 0, "button", 5);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -170,13 +185,13 @@ function RealtimeDelegationCardComponent_Conditional_1_ng_template_2_Template(rf
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
+    i0.ɵɵelementStart(0, "button", 41);
     i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_For_4_Template_button_click_0_listener($event) { const artifact_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenArtifact($event, artifact_r9)); });
-    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵelement(1, "i", 35);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "i", 34);
+    i0.ɵɵelement(4, "i", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const artifact_r9 = ctx.$implicit;
@@ -185,8 +200,8 @@ function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_For_4_Templ
     i0.ɵɵtextInterpolate(artifact_r9.Name);
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵelement(1, "i", 30);
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 32);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -196,20 +211,32 @@ function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Direct action \u00B7 ", ctx_r0.Card.AgentName, " ");
 } }
-function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", ctx_r0.ProvenanceTitle);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Thought narration \u00B7 ", ctx_r0.Card.AgentName, " ");
+} }
+function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
-    i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_6_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OpenRun($event)); });
-    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵelementStart(0, "button", 44);
+    i0.ɵɵlistener("click", function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_7_Conditional_3_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OpenRun($event)); });
+    i0.ɵɵelement(1, "i", 19);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Open run");
     i0.ɵɵelementEnd()();
 } }
-function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38);
-    i0.ɵɵelement(1, "i", 30);
+function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵelement(1, "i", 32);
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_6_Conditional_3_Template, 4, 0, "button", 40);
+    i0.ɵɵconditionalCreate(3, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_7_Conditional_3_Template, 4, 0, "button", 43);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -221,11 +248,11 @@ function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional
     i0.ɵɵconditional(ctx_r0.ShowOpenRun ? 3 : -1);
 } }
 function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36);
+    i0.ɵɵelementStart(0, "div", 37)(1, "div", 38);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_For_4_Template, 5, 2, "button", 37, _forTrack0);
-    i0.ɵɵconditionalCreate(5, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_5_Template, 3, 2, "div", 38)(6, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_6_Template, 4, 4, "div", 38);
+    i0.ɵɵrepeaterCreate(3, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_For_4_Template, 5, 2, "button", 39, _forTrack0);
+    i0.ɵɵconditionalCreate(5, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_5_Template, 3, 2, "div", 40)(6, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_6_Template, 3, 2, "div", 40)(7, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Conditional_7_Template, 4, 4, "div", 40);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -234,13 +261,13 @@ function RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.Artifacts);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.Card.Kind === "action" ? 5 : ctx_r0.Card.RunRef ? 6 : -1);
+    i0.ɵɵconditional(ctx_r0.Card.Kind === "action" ? 5 : ctx_r0.Card.Kind === "narration" ? 6 : ctx_r0.Card.RunRef ? 7 : -1);
 } }
 function RealtimeDelegationCardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 21);
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 23);
     i0.ɵɵtwoWayListener("ExpandedChange", function RealtimeDelegationCardComponent_Conditional_1_Template_mj_accordion_panel_ExpandedChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Expanded, $event) || (ctx_r0.Expanded = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵtemplate(1, RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Template, 11, 5, "ng-template", 22)(2, RealtimeDelegationCardComponent_Conditional_1_ng_template_2_Template, 3, 1, "ng-template", 23)(3, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Template, 7, 2, "ng-template", 24);
+    i0.ɵɵtemplate(1, RealtimeDelegationCardComponent_Conditional_1_ng_template_1_Template, 12, 5, "ng-template", 24)(2, RealtimeDelegationCardComponent_Conditional_1_ng_template_2_Template, 3, 1, "ng-template", 25)(3, RealtimeDelegationCardComponent_Conditional_1_ng_template_3_Template, 8, 2, "ng-template", 26);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -286,18 +313,18 @@ export class RealtimeDelegationCardComponent {
     CancelRequested = new EventEmitter();
     /** Whether the done chip is expanded inline to show the full result text. */
     Expanded = false;
-    /** The artifacts this (done) delegation produced (empty array while running / when none). Suppressed for direct actions. */
+    /** The artifacts this (done) delegation produced (empty array while running / when none). Suppressed for direct actions and narration. */
     get Artifacts() {
-        return this.Card.Done && this.Card.Kind !== 'action' && this.Card.Artifacts ? this.Card.Artifacts : [];
+        return this.Card.Done && this.Card.Kind === 'agent' && this.Card.Artifacts ? this.Card.Artifacts : [];
     }
     /** Emits the open-artifact request for one of this card's produced artifacts. */
     OpenArtifact(event, artifact) {
         event.stopPropagation();
         this.OpenArtifactRequested.emit(artifact);
     }
-    /** True when the dev "Open run" link should render (gear on + run id known). Suppressed for direct actions. */
+    /** True when the dev "Open run" link should render (gear on + run id known). Suppressed for direct actions and narration. */
     get ShowOpenRun() {
-        return this.DevMode && this.Card.Kind !== 'action' && !!this.Card.RunID;
+        return this.DevMode && this.Card.Kind === 'agent' && !!this.Card.RunID;
     }
     /** Emits the open-run request for this card's delegated run. */
     OpenRun(event) {
@@ -309,7 +336,7 @@ export class RealtimeDelegationCardComponent {
     /** Emits the cancel request for this (still-working) delegation. */
     CancelWork(event) {
         event.stopPropagation();
-        if (!this.Card.Done) {
+        if (!this.Card.Done && this.Card.Kind === 'agent') {
             this.CancelRequested.emit(this.Card.CallID);
         }
     }
@@ -330,7 +357,9 @@ export class RealtimeDelegationCardComponent {
             || this.Card.LatestMessage
             || (this.Card.Kind === 'action'
                 ? `${this.Card.AgentName} executed.`
-                : `${this.Card.AgentName} completed the delegated work.`);
+                : this.Card.Kind === 'narration'
+                    ? `${this.Card.AgentName} shared a thought.`
+                    : `${this.Card.AgentName} completed the delegated work.`);
     }
     /** One-line, ~120-char preview of the result for the collapsed chip. */
     get ResultPreview() {
@@ -343,19 +372,22 @@ export class RealtimeDelegationCardComponent {
         if (this.Card.Kind === 'action') {
             return `Result produced directly by the ${this.Card.AgentName} action.`;
         }
+        if (this.Card.Kind === 'narration') {
+            return `Thought / narration authored by ${this.Card.AgentName}.`;
+        }
         const run = this.Card.RunRef ? ` (run ${this.Card.RunRef})` : '';
         return `Result produced by ${this.Card.AgentName}'s own agent run${run} — not invented by the voice co-agent.`;
     }
     static ɵfac = function RealtimeDelegationCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RealtimeDelegationCardComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RealtimeDelegationCardComponent, selectors: [["mj-realtime-delegation-card"]], inputs: { Card: "Card", DevMode: "DevMode" }, outputs: { OpenRunRequested: "OpenRunRequested", OpenArtifactRequested: "OpenArtifactRequested", CancelRequested: "CancelRequested" }, decls: 2, vars: 1, consts: [["role", "status", "aria-live", "polite", 1, "work-card"], ["Size", "sm", 1, "done-accordion", 3, "done-accordion--failed", "FlushBody", "Expanded"], [1, "work-card__head"], [1, "pill", "pill--running"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "spin"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link"], ["type", "button", "title", "Cancel this work", "aria-label", "Cancel this work", 1, "cancel-work"], [1, "work-card__step"], [1, "work-card__detail"], [1, "work-progress"], [1, "work-progress__fill", 3, "width"], [1, "work-progress__fill", "work-progress__fill--slide"], ["aria-hidden", "true", 1, "avatar", "avatar--action"], [1, "fa-solid", "fa-wrench"], [1, "work-card__title"], ["aria-hidden", "true", 1, "avatar"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-up-right-from-square"], ["type", "button", "title", "Cancel this work", "aria-label", "Cancel this work", 1, "cancel-work", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], [1, "work-progress__fill"], ["Size", "sm", 1, "done-accordion", 3, "ExpandedChange", "FlushBody", "Expanded"], ["mjAccordionTitle", ""], ["mjAccordionActions", ""], ["mjAccordionBody", ""], ["aria-hidden", "true", 1, "fa-solid", "done-chip__mark", 3, "ngClass"], [1, "done-chip__agent"], ["aria-hidden", "true", 1, "done-chip__sep"], [1, "done-chip__preview"], [1, "via-badge"], ["aria-hidden", "true", 1, "fa-solid", "fa-shield-halved", 3, "title"], ["type", "button", 1, "artifact-link", 3, "title"], ["type", "button", 1, "artifact-link", 3, "click", "title"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-lines"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-right"], [1, "done-detail"], [1, "done-detail__body"], ["type", "button", 1, "artifact-link", "artifact-link--detail", 3, "title"], [1, "done-detail__meta"], ["type", "button", 1, "artifact-link", "artifact-link--detail", 3, "click", "title"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link", "dev-link--inline"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link", "dev-link--inline", 3, "click"]], template: function RealtimeDelegationCardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, RealtimeDelegationCardComponent_Conditional_0_Template, 15, 8, "div", 0)(1, RealtimeDelegationCardComponent_Conditional_1_Template, 4, 4, "mj-accordion-panel", 1);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RealtimeDelegationCardComponent, selectors: [["mj-realtime-delegation-card"]], inputs: { Card: "Card", DevMode: "DevMode" }, outputs: { OpenRunRequested: "OpenRunRequested", OpenArtifactRequested: "OpenArtifactRequested", CancelRequested: "CancelRequested" }, decls: 2, vars: 1, consts: [["role", "status", "aria-live", "polite", 1, "work-card"], ["Size", "sm", 1, "done-accordion", 3, "done-accordion--failed", "FlushBody", "Expanded"], [1, "work-card__head"], [1, "pill", "pill--running"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "spin"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link"], ["type", "button", "title", "Cancel this work", "aria-label", "Cancel this work", 1, "cancel-work"], [1, "work-card__step"], [1, "work-card__detail"], [1, "work-progress"], [1, "work-progress__fill", 3, "width"], [1, "work-progress__fill", "work-progress__fill--slide"], ["aria-hidden", "true", 1, "avatar", "avatar--action"], [1, "fa-solid", "fa-wrench"], [1, "work-card__title"], ["aria-hidden", "true", 1, "avatar", "avatar--narration"], [1, "fa-solid", "fa-brain"], ["aria-hidden", "true", 1, "avatar"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-up-right-from-square"], ["type", "button", "title", "Cancel this work", "aria-label", "Cancel this work", 1, "cancel-work", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], [1, "work-progress__fill"], ["Size", "sm", 1, "done-accordion", 3, "ExpandedChange", "FlushBody", "Expanded"], ["mjAccordionTitle", ""], ["mjAccordionActions", ""], ["mjAccordionBody", ""], ["aria-hidden", "true", 1, "fa-solid", "done-chip__mark", 3, "ngClass"], [1, "done-chip__agent"], ["aria-hidden", "true", 1, "done-chip__sep"], [1, "done-chip__preview"], [1, "via-badge"], ["aria-hidden", "true", 1, "fa-solid", "fa-shield-halved", 3, "title"], ["type", "button", 1, "artifact-link", 3, "title"], ["type", "button", 1, "artifact-link", 3, "click", "title"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-lines"], ["aria-hidden", "true", 1, "fa-solid", "fa-arrow-right"], [1, "done-detail"], [1, "done-detail__body"], ["type", "button", 1, "artifact-link", "artifact-link--detail", 3, "title"], [1, "done-detail__meta"], ["type", "button", 1, "artifact-link", "artifact-link--detail", 3, "click", "title"], ["aria-hidden", "true", 1, "fa-solid", "fa-brain", 3, "title"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link", "dev-link--inline"], ["type", "button", "title", "Open the delegated agent run record", 1, "dev-link", "dev-link--inline", 3, "click"]], template: function RealtimeDelegationCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, RealtimeDelegationCardComponent_Conditional_0_Template, 16, 8, "div", 0)(1, RealtimeDelegationCardComponent_Conditional_1_Template, 4, 4, "mj-accordion-panel", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.Card.Done ? 0 : 1);
-        } }, dependencies: [CommonModule, i1.NgClass, MJAccordionModule, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i2.MJAccordionActionsDirective, i2.MJAccordionBodyDirective], styles: ["[_nghost-%COMP%] {\n  display: block;\n  \n  --sage: var(--mj-color-violet-400, #a78bfa);\n  --sage-bg: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 12%, transparent);\n  --sage-border: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 40%, transparent);\n}\n\n.avatar[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-weight: 600;\n  font-size: 11px;\n  flex-shrink: 0;\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-primary));\n  border: 1px solid var(--sage-border);\n}\n.avatar--action[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n.work-card[_ngcontent-%COMP%] {\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  border-radius: var(--mj-radius-lg, 12px);\n  padding: 10px 14px;\n  max-width: 560px;\n}\n.work-card__head[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.work-card__title[_ngcontent-%COMP%] {\n  font-weight: 700;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.work-card__step[_ngcontent-%COMP%] {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n.work-card__detail[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  padding-left: 14px;\n  margin-top: 3px;\n  border-left: 2px solid var(--sage-border);\n}\n\n.pill[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 2px 8px;\n  border-radius: var(--mj-radius-full, 9999px);\n  font-size: 10.5px;\n  font-weight: 700;\n  flex-shrink: 0;\n  line-height: 1.5;\n}\n.pill--running[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  border: 1px solid var(--sage-border);\n}\n.pill[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 9px; }\n.spin[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_rt-spin 1.1s linear infinite; }\n\n\n.work-progress[_ngcontent-%COMP%] {\n  height: 3px;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  overflow: hidden;\n  margin-top: 9px;\n  position: relative;\n}\n.work-progress__fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: var(--sage);\n  transition: width 240ms ease;\n}\n.work-progress__fill--slide[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 35%;\n  animation: _ngcontent-%COMP%_rt-slide 1.6s ease-in-out infinite;\n}\n\n\n\n.done-accordion[_ngcontent-%COMP%] {\n  display: block;\n  max-width: 560px;\n}\n\n\n\n\n.dev-link[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 9px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px dashed var(--mj-border-strong);\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.dev-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-link, var(--mj-brand-primary));\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n.dev-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n.dev-link--inline[_ngcontent-%COMP%] {\n  margin-left: 8px;\n}\n\n\n.artifact-link[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 10px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.artifact-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n  border-color: var(--sage);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n}\n.artifact-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n.artifact-link--detail[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  max-width: 100%;\n}\n.artifact-link--detail[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n\n\n.done-chip__mark[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-status-success);\n  flex-shrink: 0;\n}\n.done-accordion--failed[_ngcontent-%COMP%]   .done-chip__mark[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n.done-chip__agent[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  flex-shrink: 0;\n}\n.done-chip__sep[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  flex-shrink: 0;\n}\n.done-chip__preview[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--mj-text-secondary);\n}\n.via-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: var(--mj-color-violet-300, var(--mj-text-muted));\n  flex-shrink: 0;\n}\n.via-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n  cursor: help;\n}\n\n\n\n.done-detail[_ngcontent-%COMP%] {\n  margin-top: 6px;\n  margin-left: 12px;\n  padding: 10px 14px;\n  border-left: 2px solid var(--sage);\n  background: var(--mj-bg-surface);\n  border-radius: 0 var(--mj-radius-lg, 12px) var(--mj-radius-lg, 12px) 0;\n  border-top: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-right: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.done-detail__body[_ngcontent-%COMP%] {\n  font-size: 13px;\n  line-height: 1.55;\n  color: var(--mj-text-primary);\n  white-space: pre-wrap;\n}\n.done-detail__meta[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  font-size: 10.5px;\n  font-weight: 700;\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.done-detail__meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  cursor: help;\n}\n\n@keyframes _ngcontent-%COMP%_rt-spin {\n  to { transform: rotate(360deg); }\n}\n@keyframes _ngcontent-%COMP%_rt-slide {\n  0% { left: -35%; }\n  100% { left: 100%; }\n}\n\n\n.cancel-work[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.cancel-work[_ngcontent-%COMP%]:hover {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error-border, var(--mj-status-error));\n  background: color-mix(in srgb, var(--mj-status-error) 8%, transparent);\n}\n.cancel-work[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}"] });
+        } }, dependencies: [CommonModule, i1.NgClass, MJAccordionModule, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i2.MJAccordionActionsDirective, i2.MJAccordionBodyDirective], styles: ["[_nghost-%COMP%] {\n  display: block;\n  \n  --sage: var(--mj-color-violet-400, #a78bfa);\n  --sage-bg: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 12%, transparent);\n  --sage-border: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 40%, transparent);\n}\n\n.avatar[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-weight: 600;\n  font-size: 11px;\n  flex-shrink: 0;\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-primary));\n  border: 1px solid var(--sage-border);\n}\n.avatar--action[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.avatar--narration[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n.work-card[_ngcontent-%COMP%] {\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  border-radius: var(--mj-radius-lg, 12px);\n  padding: 10px 14px;\n  max-width: 560px;\n}\n.work-card__head[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.work-card__title[_ngcontent-%COMP%] {\n  font-weight: 700;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.work-card__step[_ngcontent-%COMP%] {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n.work-card__detail[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  padding-left: 14px;\n  margin-top: 3px;\n  border-left: 2px solid var(--sage-border);\n}\n\n.pill[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 2px 8px;\n  border-radius: var(--mj-radius-full, 9999px);\n  font-size: 10.5px;\n  font-weight: 700;\n  flex-shrink: 0;\n  line-height: 1.5;\n}\n.pill--running[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  border: 1px solid var(--sage-border);\n}\n.pill[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 9px; }\n.spin[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_rt-spin 1.1s linear infinite; }\n\n\n.work-progress[_ngcontent-%COMP%] {\n  height: 3px;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  overflow: hidden;\n  margin-top: 9px;\n  position: relative;\n}\n.work-progress__fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: var(--sage);\n  transition: width 240ms ease;\n}\n.work-progress__fill--slide[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 35%;\n  animation: _ngcontent-%COMP%_rt-slide 1.6s ease-in-out infinite;\n}\n\n\n\n.done-accordion[_ngcontent-%COMP%] {\n  display: block;\n  max-width: 560px;\n}\n\n\n\n\n.dev-link[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 9px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px dashed var(--mj-border-strong);\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.dev-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-link, var(--mj-brand-primary));\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n.dev-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n.dev-link--inline[_ngcontent-%COMP%] {\n  margin-left: 8px;\n}\n\n\n.artifact-link[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 10px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.artifact-link[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n  border-color: var(--sage);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n}\n.artifact-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n}\n.artifact-link--detail[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  max-width: 100%;\n}\n.artifact-link--detail[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n\n\n.done-chip__mark[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-status-success);\n  flex-shrink: 0;\n}\n.done-accordion--failed[_ngcontent-%COMP%]   .done-chip__mark[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n.done-chip__agent[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  flex-shrink: 0;\n}\n.done-chip__sep[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  flex-shrink: 0;\n}\n.done-chip__preview[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--mj-text-secondary);\n}\n.via-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: var(--mj-color-violet-300, var(--mj-text-muted));\n  flex-shrink: 0;\n}\n.via-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 9px;\n  cursor: help;\n}\n\n\n\n.done-detail[_ngcontent-%COMP%] {\n  margin-top: 6px;\n  margin-left: 12px;\n  padding: 10px 14px;\n  border-left: 2px solid var(--sage);\n  background: var(--mj-bg-surface);\n  border-radius: 0 var(--mj-radius-lg, 12px) var(--mj-radius-lg, 12px) 0;\n  border-top: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-right: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.done-detail__body[_ngcontent-%COMP%] {\n  font-size: 13px;\n  line-height: 1.55;\n  color: var(--mj-text-primary);\n  white-space: pre-wrap;\n}\n.done-detail__meta[_ngcontent-%COMP%] {\n  margin-top: 8px;\n  font-size: 10.5px;\n  font-weight: 700;\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.done-detail__meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  cursor: help;\n}\n\n@keyframes _ngcontent-%COMP%_rt-spin {\n  to { transform: rotate(360deg); }\n}\n@keyframes _ngcontent-%COMP%_rt-slide {\n  0% { left: -35%; }\n  100% { left: 100%; }\n}\n\n\n.cancel-work[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.cancel-work[_ngcontent-%COMP%]:hover {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error-border, var(--mj-status-error));\n  background: color-mix(in srgb, var(--mj-status-error) 8%, transparent);\n}\n.cancel-work[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RealtimeDelegationCardComponent, [{
         type: Component,
-        args: [{ standalone: true, selector: 'mj-realtime-delegation-card', imports: [CommonModule, MJAccordionModule], template: "@if (!Card.Done) {\n  <!-- WORKING \u2014 compact live card -->\n  <div class=\"work-card\" role=\"status\" aria-live=\"polite\">\n    <div class=\"work-card__head\">\n      @if (Card.Kind === 'action') {\n        <div class=\"avatar avatar--action\" aria-hidden=\"true\"><i class=\"fa-solid fa-wrench\"></i></div>\n        <div class=\"work-card__title\">{{ Card.AgentName }}</div>\n      } @else {\n        <div class=\"avatar\" aria-hidden=\"true\">{{ Card.AgentName.charAt(0) }}</div>\n        <div class=\"work-card__title\">{{ Card.AgentName }} is working\u2026</div>\n      }\n      <span class=\"pill pill--running\">\n        <i class=\"fa-solid fa-spinner spin\" aria-hidden=\"true\"></i> Running\n      </span>\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n      @if (Card.Kind !== 'action') {\n        <button type=\"button\" class=\"cancel-work\" (click)=\"CancelWork($event)\"\n                title=\"Cancel this work\" aria-label=\"Cancel this work\">\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n    <div class=\"work-card__step\">{{ StepLabel }}</div>\n    @if (ShowDetailLine) {\n      <div class=\"work-card__detail\">{{ Card.LatestMessage }}</div>\n    }\n    <div class=\"work-progress\" [class.work-progress--indeterminate]=\"Card.Percentage == null\">\n      @if (Card.Percentage != null) {\n        <div class=\"work-progress__fill\" [style.width.%]=\"Card.Percentage\"></div>\n      } @else {\n        <div class=\"work-progress__fill work-progress__fill--slide\"></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- DONE / FAILED \u2014 collapsed single-line chip, expandable inline.\n       Migrated from a bespoke done-chip button + chevron + @if(Expanded) detail to\n       mj-accordion-panel: title = result chip (mark/agent/preview/via-badge),\n       actions = artifact \"View\" + dev \"Open run\" chips, body = full result detail.\n       Failed state is carried via .done-accordion--failed on the panel. -->\n  <mj-accordion-panel class=\"done-accordion\" [class.done-accordion--failed]=\"!Card.Success\"\n                      Size=\"sm\" [FlushBody]=\"true\" [(Expanded)]=\"Expanded\">\n    <ng-template mjAccordionTitle>\n      <i class=\"fa-solid done-chip__mark\" [ngClass]=\"Card.Success ? 'fa-check' : 'fa-xmark'\" aria-hidden=\"true\"></i>\n      <span class=\"done-chip__agent\">{{ Card.AgentName }}</span>\n      <span class=\"done-chip__sep\" aria-hidden=\"true\">\u00B7</span>\n      <span class=\"done-chip__preview\">{{ ResultPreview }}</span>\n      <span class=\"via-badge\">\n        <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n        @if (Card.Kind === 'action') {\n          tool\n        } @else {\n          via {{ Card.AgentName }}\n        }\n      </span>\n    </ng-template>\n    <ng-template mjAccordionActions>\n      @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n        <button type=\"button\" class=\"artifact-link\" (click)=\"OpenArtifact($event, artifact)\"\n                [title]=\"'View ' + artifact.Name\">\n          <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n          <span>View</span>\n          <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n    </ng-template>\n    <ng-template mjAccordionBody>\n      <div class=\"done-detail\">\n        <div class=\"done-detail__body\">{{ ResultText }}</div>\n        @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n          <button type=\"button\" class=\"artifact-link artifact-link--detail\" (click)=\"OpenArtifact($event, artifact)\"\n                  [title]=\"'View ' + artifact.Name\">\n            <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n            <span>{{ artifact.Name }}</span>\n            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n          </button>\n        }\n        @if (Card.Kind === 'action') {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            Direct action \u00B7 {{ Card.AgentName }}\n          </div>\n        } @else if (Card.RunRef) {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            via {{ Card.AgentName }} \u00B7 run {{ Card.RunRef }}\n            @if (ShowOpenRun) {\n              <button type=\"button\" class=\"dev-link dev-link--inline\" (click)=\"OpenRun($event)\"\n                      title=\"Open the delegated agent run record\">\n                <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n                <span>Open run</span>\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </ng-template>\n  </mj-accordion-panel>\n}\n", styles: [":host {\n  display: block;\n  /* sage / delegated-agent accent (distinct from the co-agent brand blue) */\n  --sage: var(--mj-color-violet-400, #a78bfa);\n  --sage-bg: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 12%, transparent);\n  --sage-border: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 40%, transparent);\n}\n\n.avatar {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-weight: 600;\n  font-size: 11px;\n  flex-shrink: 0;\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-primary));\n  border: 1px solid var(--sage-border);\n}\n.avatar--action i {\n  font-size: 10px;\n}\n\n/* ---------- Working card (compact) ---------- */\n.work-card {\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  border-radius: var(--mj-radius-lg, 12px);\n  padding: 10px 14px;\n  max-width: 560px;\n}\n.work-card__head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.work-card__title {\n  font-weight: 700;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.work-card__step {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n.work-card__detail {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  padding-left: 14px;\n  margin-top: 3px;\n  border-left: 2px solid var(--sage-border);\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 2px 8px;\n  border-radius: var(--mj-radius-full, 9999px);\n  font-size: 10.5px;\n  font-weight: 700;\n  flex-shrink: 0;\n  line-height: 1.5;\n}\n.pill--running {\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  border: 1px solid var(--sage-border);\n}\n.pill i { font-size: 9px; }\n.spin { animation: rt-spin 1.1s linear infinite; }\n\n/* Thin progress bar \u2014 determinate (server %) or indeterminate slide */\n.work-progress {\n  height: 3px;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  overflow: hidden;\n  margin-top: 9px;\n  position: relative;\n}\n.work-progress__fill {\n  height: 100%;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: var(--sage);\n  transition: width 240ms ease;\n}\n.work-progress__fill--slide {\n  position: absolute;\n  width: 35%;\n  animation: rt-slide 1.6s ease-in-out infinite;\n}\n\n/* ---------- Done state (collapsed single line) ---------- */\n/* Width constraint preserved on the migrated accordion panel. */\n.done-accordion {\n  display: block;\n  max-width: 560px;\n}\n/* Removed bespoke .done / .done-row / .done-row .done-chip layout chrome \u2014 the header\n   row layout is now owned by mj-accordion-panel (header-row + actions slot). */\n\n/* ---------- Developer link (gear-gated \"Open run\") ---------- */\n.dev-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 9px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px dashed var(--mj-border-strong);\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.dev-link:hover {\n  color: var(--mj-text-link, var(--mj-brand-primary));\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n.dev-link i {\n  font-size: 9px;\n}\n.dev-link--inline {\n  margin-left: 8px;\n}\n\n/* ---------- \"View \u2192\" artifact chip (focuses the artifact's surface tab) ---------- */\n.artifact-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 10px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.artifact-link:hover {\n  color: var(--mj-text-primary);\n  border-color: var(--sage);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n}\n.artifact-link i {\n  font-size: 9px;\n}\n.artifact-link--detail {\n  margin-top: 8px;\n  max-width: 100%;\n}\n.artifact-link--detail span {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n/* Removed bespoke .done-chip button chrome (background/border/radius/hover) \u2014 the\n   clickable header is now the mj-accordion-panel toggle. The chip's inner content\n   styling (mark/agent/sep/preview/via-badge) is retained as accordion title content. */\n.done-chip__mark {\n  font-size: 11px;\n  color: var(--mj-status-success);\n  flex-shrink: 0;\n}\n.done-accordion--failed .done-chip__mark {\n  color: var(--mj-status-error);\n}\n.done-chip__agent {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  flex-shrink: 0;\n}\n.done-chip__sep {\n  color: var(--mj-text-disabled);\n  flex-shrink: 0;\n}\n.done-chip__preview {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--mj-text-secondary);\n}\n.via-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: var(--mj-color-violet-300, var(--mj-text-muted));\n  flex-shrink: 0;\n}\n.via-badge i {\n  font-size: 9px;\n  cursor: help;\n}\n/* Removed .done-chip__chev \u2014 mj-accordion-panel provides its own chevron. */\n\n/* ---------- Expanded result detail ---------- */\n.done-detail {\n  margin-top: 6px;\n  margin-left: 12px;\n  padding: 10px 14px;\n  border-left: 2px solid var(--sage);\n  background: var(--mj-bg-surface);\n  border-radius: 0 var(--mj-radius-lg, 12px) var(--mj-radius-lg, 12px) 0;\n  border-top: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-right: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.done-detail__body {\n  font-size: 13px;\n  line-height: 1.55;\n  color: var(--mj-text-primary);\n  white-space: pre-wrap;\n}\n.done-detail__meta {\n  margin-top: 8px;\n  font-size: 10.5px;\n  font-weight: 700;\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.done-detail__meta i {\n  cursor: help;\n}\n\n@keyframes rt-spin {\n  to { transform: rotate(360deg); }\n}\n@keyframes rt-slide {\n  0% { left: -35%; }\n  100% { left: 100%; }\n}\n\n/* ---------- \u2715 cancel affordance on the WORKING card (explicit user cancel) ---------- */\n.cancel-work {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.cancel-work:hover {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error-border, var(--mj-status-error));\n  background: color-mix(in srgb, var(--mj-status-error) 8%, transparent);\n}\n.cancel-work i {\n  font-size: 11px;\n}\n"] }]
+        args: [{ standalone: true, selector: 'mj-realtime-delegation-card', imports: [CommonModule, MJAccordionModule], template: "@if (!Card.Done) {\n  <!-- WORKING \u2014 compact live card -->\n  <div class=\"work-card\" role=\"status\" aria-live=\"polite\">\n    <div class=\"work-card__head\">\n      @if (Card.Kind === 'action') {\n        <div class=\"avatar avatar--action\" aria-hidden=\"true\"><i class=\"fa-solid fa-wrench\"></i></div>\n        <div class=\"work-card__title\">{{ Card.AgentName }}</div>\n      } @else if (Card.Kind === 'narration') {\n        <div class=\"avatar avatar--narration\" aria-hidden=\"true\"><i class=\"fa-solid fa-brain\"></i></div>\n        <div class=\"work-card__title\">{{ Card.AgentName }} is thinking\u2026</div>\n      } @else {\n        <div class=\"avatar\" aria-hidden=\"true\">{{ Card.AgentName.charAt(0) }}</div>\n        <div class=\"work-card__title\">{{ Card.AgentName }} is working\u2026</div>\n      }\n      <span class=\"pill pill--running\">\n        <i class=\"fa-solid fa-spinner spin\" aria-hidden=\"true\"></i> Running\n      </span>\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n      @if (Card.Kind === 'agent') {\n        <button type=\"button\" class=\"cancel-work\" (click)=\"CancelWork($event)\"\n                title=\"Cancel this work\" aria-label=\"Cancel this work\">\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n    <div class=\"work-card__step\">{{ StepLabel }}</div>\n    @if (ShowDetailLine) {\n      <div class=\"work-card__detail\">{{ Card.LatestMessage }}</div>\n    }\n    <div class=\"work-progress\" [class.work-progress--indeterminate]=\"Card.Percentage == null\">\n      @if (Card.Percentage != null) {\n        <div class=\"work-progress__fill\" [style.width.%]=\"Card.Percentage\"></div>\n      } @else {\n        <div class=\"work-progress__fill work-progress__fill--slide\"></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- DONE / FAILED \u2014 collapsed single-line chip, expandable inline.\n       Migrated from a bespoke done-chip button + chevron + @if(Expanded) detail to\n       mj-accordion-panel: title = result chip (mark/agent/preview/via-badge),\n       actions = artifact \"View\" + dev \"Open run\" chips, body = full result detail.\n       Failed state is carried via .done-accordion--failed on the panel. -->\n  <mj-accordion-panel class=\"done-accordion\" [class.done-accordion--failed]=\"!Card.Success\"\n                      Size=\"sm\" [FlushBody]=\"true\" [(Expanded)]=\"Expanded\">\n    <ng-template mjAccordionTitle>\n      <i class=\"fa-solid done-chip__mark\" [ngClass]=\"Card.Success ? 'fa-check' : 'fa-xmark'\" aria-hidden=\"true\"></i>\n      <span class=\"done-chip__agent\">{{ Card.AgentName }}</span>\n      <span class=\"done-chip__sep\" aria-hidden=\"true\">\u00B7</span>\n      <span class=\"done-chip__preview\">{{ ResultPreview }}</span>\n      <span class=\"via-badge\">\n        <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n        @if (Card.Kind === 'action') {\n          tool\n        } @else if (Card.Kind === 'narration') {\n          narration\n        } @else {\n          via {{ Card.AgentName }}\n        }\n      </span>\n    </ng-template>\n    <ng-template mjAccordionActions>\n      @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n        <button type=\"button\" class=\"artifact-link\" (click)=\"OpenArtifact($event, artifact)\"\n                [title]=\"'View ' + artifact.Name\">\n          <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n          <span>View</span>\n          <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n    </ng-template>\n    <ng-template mjAccordionBody>\n      <div class=\"done-detail\">\n        <div class=\"done-detail__body\">{{ ResultText }}</div>\n        @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n          <button type=\"button\" class=\"artifact-link artifact-link--detail\" (click)=\"OpenArtifact($event, artifact)\"\n                  [title]=\"'View ' + artifact.Name\">\n            <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n            <span>{{ artifact.Name }}</span>\n            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n          </button>\n        }\n        @if (Card.Kind === 'action') {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            Direct action \u00B7 {{ Card.AgentName }}\n          </div>\n        } @else if (Card.Kind === 'narration') {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-brain\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            Thought narration \u00B7 {{ Card.AgentName }}\n          </div>\n        } @else if (Card.RunRef) {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            via {{ Card.AgentName }} \u00B7 run {{ Card.RunRef }}\n            @if (ShowOpenRun) {\n              <button type=\"button\" class=\"dev-link dev-link--inline\" (click)=\"OpenRun($event)\"\n                      title=\"Open the delegated agent run record\">\n                <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n                <span>Open run</span>\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </ng-template>\n  </mj-accordion-panel>\n}\n", styles: [":host {\n  display: block;\n  /* sage / delegated-agent accent (distinct from the co-agent brand blue) */\n  --sage: var(--mj-color-violet-400, #a78bfa);\n  --sage-bg: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 12%, transparent);\n  --sage-border: color-mix(in srgb, var(--mj-color-violet-400, #a78bfa) 40%, transparent);\n}\n\n.avatar {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-weight: 600;\n  font-size: 11px;\n  flex-shrink: 0;\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-primary));\n  border: 1px solid var(--sage-border);\n}\n.avatar--action i,\n.avatar--narration i {\n  font-size: 10px;\n}\n\n/* ---------- Working card (compact) ---------- */\n.work-card {\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  border-radius: var(--mj-radius-lg, 12px);\n  padding: 10px 14px;\n  max-width: 560px;\n}\n.work-card__head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.work-card__title {\n  font-weight: 700;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.work-card__step {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n.work-card__detail {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  padding-left: 14px;\n  margin-top: 3px;\n  border-left: 2px solid var(--sage-border);\n}\n\n.pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 2px 8px;\n  border-radius: var(--mj-radius-full, 9999px);\n  font-size: 10.5px;\n  font-weight: 700;\n  flex-shrink: 0;\n  line-height: 1.5;\n}\n.pill--running {\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  border: 1px solid var(--sage-border);\n}\n.pill i { font-size: 9px; }\n.spin { animation: rt-spin 1.1s linear infinite; }\n\n/* Thin progress bar \u2014 determinate (server %) or indeterminate slide */\n.work-progress {\n  height: 3px;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n  overflow: hidden;\n  margin-top: 9px;\n  position: relative;\n}\n.work-progress__fill {\n  height: 100%;\n  border-radius: var(--mj-radius-full, 9999px);\n  background: var(--sage);\n  transition: width 240ms ease;\n}\n.work-progress__fill--slide {\n  position: absolute;\n  width: 35%;\n  animation: rt-slide 1.6s ease-in-out infinite;\n}\n\n/* ---------- Done state (collapsed single line) ---------- */\n/* Width constraint preserved on the migrated accordion panel. */\n.done-accordion {\n  display: block;\n  max-width: 560px;\n}\n/* Removed bespoke .done / .done-row / .done-row .done-chip layout chrome \u2014 the header\n   row layout is now owned by mj-accordion-panel (header-row + actions slot). */\n\n/* ---------- Developer link (gear-gated \"Open run\") ---------- */\n.dev-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 9px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px dashed var(--mj-border-strong);\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.dev-link:hover {\n  color: var(--mj-text-link, var(--mj-brand-primary));\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n.dev-link i {\n  font-size: 9px;\n}\n.dev-link--inline {\n  margin-left: 8px;\n}\n\n/* ---------- \"View \u2192\" artifact chip (focuses the artifact's surface tab) ---------- */\n.artifact-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 10px;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid var(--sage-border);\n  background: var(--sage-bg);\n  color: var(--mj-color-violet-300, var(--mj-text-secondary));\n  font-family: inherit;\n  font-size: 10.5px;\n  font-weight: 700;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: color 140ms ease, border-color 140ms ease, background 140ms ease;\n}\n.artifact-link:hover {\n  color: var(--mj-text-primary);\n  border-color: var(--sage);\n  background: color-mix(in srgb, var(--sage) 18%, transparent);\n}\n.artifact-link i {\n  font-size: 9px;\n}\n.artifact-link--detail {\n  margin-top: 8px;\n  max-width: 100%;\n}\n.artifact-link--detail span {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n/* Removed bespoke .done-chip button chrome (background/border/radius/hover) \u2014 the\n   clickable header is now the mj-accordion-panel toggle. The chip's inner content\n   styling (mark/agent/sep/preview/via-badge) is retained as accordion title content. */\n.done-chip__mark {\n  font-size: 11px;\n  color: var(--mj-status-success);\n  flex-shrink: 0;\n}\n.done-accordion--failed .done-chip__mark {\n  color: var(--mj-status-error);\n}\n.done-chip__agent {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  flex-shrink: 0;\n}\n.done-chip__sep {\n  color: var(--mj-text-disabled);\n  flex-shrink: 0;\n}\n.done-chip__preview {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--mj-text-secondary);\n}\n.via-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 10px;\n  font-weight: 700;\n  color: var(--mj-color-violet-300, var(--mj-text-muted));\n  flex-shrink: 0;\n}\n.via-badge i {\n  font-size: 9px;\n  cursor: help;\n}\n/* Removed .done-chip__chev \u2014 mj-accordion-panel provides its own chevron. */\n\n/* ---------- Expanded result detail ---------- */\n.done-detail {\n  margin-top: 6px;\n  margin-left: 12px;\n  padding: 10px 14px;\n  border-left: 2px solid var(--sage);\n  background: var(--mj-bg-surface);\n  border-radius: 0 var(--mj-radius-lg, 12px) var(--mj-radius-lg, 12px) 0;\n  border-top: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-right: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.done-detail__body {\n  font-size: 13px;\n  line-height: 1.55;\n  color: var(--mj-text-primary);\n  white-space: pre-wrap;\n}\n.done-detail__meta {\n  margin-top: 8px;\n  font-size: 10.5px;\n  font-weight: 700;\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.done-detail__meta i {\n  cursor: help;\n}\n\n@keyframes rt-spin {\n  to { transform: rotate(360deg); }\n}\n@keyframes rt-slide {\n  0% { left: -35%; }\n  100% { left: 100%; }\n}\n\n/* ---------- \u2715 cancel affordance on the WORKING card (explicit user cancel) ---------- */\n.cancel-work {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border-radius: var(--mj-radius-full, 9999px);\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  flex-shrink: 0;\n}\n.cancel-work:hover {\n  color: var(--mj-status-error);\n  border-color: var(--mj-status-error-border, var(--mj-status-error));\n  background: color-mix(in srgb, var(--mj-status-error) 8%, transparent);\n}\n.cancel-work i {\n  font-size: 11px;\n}\n"] }]
     }], null, { Card: [{
             type: Input,
             args: [{ required: true }]

package/dist/lib/components/realtime/realtime-delegation-card.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"realtime-delegation-card.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-delegation-card.component.ts","../../../../src/lib/components/realtime/realtime-delegation-card.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MJAccordionModule } from '@memberjunction/ng-ui-components';\nimport { RealtimeDelegationCardVM, FriendlyStepLabel } from './realtime-session-state';\nimport { ParsedDelegationArtifact } from '../../services/delegation-result-parser';\n\n/**\n * Renders a single delegation in the live session thread:\n *  - **Working**: a compact card — agent avatar, \"<agent> is working…\", the CURRENT\n *    friendly step label, the latest raw message indented + muted beneath it, and a\n *    thin progress bar (determinate when the server supplies a percentage,\n *    indeterminate shimmer otherwise).\n *  - **Done**: COLLAPSED to a single-line chip — `✓ <agent> · <one-line result preview>\n *    · via <agent>` — expandable inline (click / chevron) to the full result text.\n *    Failures render the `✗` variant.\n *\n * Provenance is a small `via <agent>` badge + a shield icon whose `title` tooltip\n * carries the full provenance sentence (no repeated sentence under every card).\n *\n * DEVELOPER MODE (gear-gated by the overlay shell): when {@link DevMode} is on and the\n * card knows its delegated run id, an \"Open run\" link is revealed that emits\n * {@link OpenRunRequested} so the shell can navigate to the `MJ: AI Agent Runs` record.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-realtime-delegation-card',\n  imports: [CommonModule, MJAccordionModule],\n  templateUrl: './realtime-delegation-card.component.html',\n  styleUrl: './realtime-delegation-card.component.css'\n})\nexport class RealtimeDelegationCardComponent {\n  /** Maximum characters of the result shown in the collapsed done chip. */\n  private static readonly PreviewMaxChars = 120;\n\n  /** The delegation card view-model to render (immutable — replaced on every update). */\n  @Input({ required: true }) Card!: RealtimeDelegationCardVM;\n\n  /** Whether developer affordances (the \"Open run\" link) are revealed. */\n  @Input() DevMode = false;\n\n  /** Emitted with the delegated run's ID when the dev \"Open run\" link is clicked. */\n  @Output() OpenRunRequested = new EventEmitter<string>();\n\n  /** Emitted when a \"View\" artifact chip is clicked (the overlay focuses the artifact's tab). */\n  @Output() OpenArtifactRequested = new EventEmitter<ParsedDelegationArtifact>();\n\n  /**\n   * Emitted with the call's ID when the WORKING card's ✕ cancel affordance is clicked —\n   * EXPLICIT user intent to kill the in-flight delegated run (by deliberate host policy,\n   * barge-in alone never cancels delegations; only this button does). The overlay routes\n   * it to `RealtimeSessionService.CancelDelegation`, which flips this card to a failed\n   * \"Cancelled by user\" result.\n   */\n  @Output() CancelRequested = new EventEmitter<string>();\n\n  /** Whether the done chip is expanded inline to show the full result text. */\n  public Expanded = false;\n\n  /** The artifacts this (done) delegation produced (empty array while running / when none). Suppressed for direct actions. */\n  public get Artifacts(): ParsedDelegationArtifact[] {\n    return this.Card.Done && this.Card.Kind !== 'action' && this.Card.Artifacts ? this.Card.Artifacts : [];\n  }\n\n  /** Emits the open-artifact request for one of this card's produced artifacts. */\n  public OpenArtifact(event: MouseEvent, artifact: ParsedDelegationArtifact): void {\n    event.stopPropagation();\n    this.OpenArtifactRequested.emit(artifact);\n  }\n\n  /** True when the dev \"Open run\" link should render (gear on + run id known). Suppressed for direct actions. */\n  public get ShowOpenRun(): boolean {\n    return this.DevMode && this.Card.Kind !== 'action' && !!this.Card.RunID;\n  }\n\n  /** Emits the open-run request for this card's delegated run. */\n  public OpenRun(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.Card.RunID) {\n      this.OpenRunRequested.emit(this.Card.RunID);\n    }\n  }\n\n  /** Emits the cancel request for this (still-working) delegation. */\n  public CancelWork(event: MouseEvent): void {\n    event.stopPropagation();\n    if (!this.Card.Done) {\n      this.CancelRequested.emit(this.Card.CallID);\n    }\n  }\n\n  /** Friendly label for the current delegation step (raw message as fallback). */\n  public get StepLabel(): string {\n    return FriendlyStepLabel(this.Card.LatestStep, this.Card.LatestMessage);\n  }\n\n  /**\n   * Whether to render the latest raw message as the indented detail line. Hidden when\n   * it would just repeat the step label (the unknown-step fallback maps label = message).\n   */\n  public get ShowDetailLine(): boolean {\n    return !!this.Card.LatestMessage && this.Card.LatestMessage !== this.StepLabel;\n  }\n\n  /** Full result text (falls back to the last progress message / a generic line). */\n  public get ResultText(): string {\n    return this.Card.Result\n      || this.Card.LatestMessage\n      || (this.Card.Kind === 'action'\n        ? `${this.Card.AgentName} executed.`\n        : `${this.Card.AgentName} completed the delegated work.`);\n  }\n\n  /** One-line, ~120-char preview of the result for the collapsed chip. */\n  public get ResultPreview(): string {\n    const oneLine = this.ResultText.replace(/\\s+/g, ' ').trim();\n    const max = RealtimeDelegationCardComponent.PreviewMaxChars;\n    return oneLine.length > max ? `${oneLine.slice(0, max).trimEnd()}…` : oneLine;\n  }\n\n  /** Tooltip text for the provenance shield icon. */\n  public get ProvenanceTitle(): string {\n    if (this.Card.Kind === 'action') {\n      return `Result produced directly by the ${this.Card.AgentName} action.`;\n    }\n    const run = this.Card.RunRef ? ` (run ${this.Card.RunRef})` : '';\n    return `Result produced by ${this.Card.AgentName}'s own agent run${run} — not invented by the voice co-agent.`;\n  }\n}\n","@if (!Card.Done) {\n  <!-- WORKING — compact live card -->\n  <div class=\"work-card\" role=\"status\" aria-live=\"polite\">\n    <div class=\"work-card__head\">\n      @if (Card.Kind === 'action') {\n        <div class=\"avatar avatar--action\" aria-hidden=\"true\"><i class=\"fa-solid fa-wrench\"></i></div>\n        <div class=\"work-card__title\">{{ Card.AgentName }}</div>\n      } @else {\n        <div class=\"avatar\" aria-hidden=\"true\">{{ Card.AgentName.charAt(0) }}</div>\n        <div class=\"work-card__title\">{{ Card.AgentName }} is working…</div>\n      }\n      <span class=\"pill pill--running\">\n        <i class=\"fa-solid fa-spinner spin\" aria-hidden=\"true\"></i> Running\n      </span>\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n      @if (Card.Kind !== 'action') {\n        <button type=\"button\" class=\"cancel-work\" (click)=\"CancelWork($event)\"\n                title=\"Cancel this work\" aria-label=\"Cancel this work\">\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n    <div class=\"work-card__step\">{{ StepLabel }}</div>\n    @if (ShowDetailLine) {\n      <div class=\"work-card__detail\">{{ Card.LatestMessage }}</div>\n    }\n    <div class=\"work-progress\" [class.work-progress--indeterminate]=\"Card.Percentage == null\">\n      @if (Card.Percentage != null) {\n        <div class=\"work-progress__fill\" [style.width.%]=\"Card.Percentage\"></div>\n      } @else {\n        <div class=\"work-progress__fill work-progress__fill--slide\"></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- DONE / FAILED — collapsed single-line chip, expandable inline.\n       Migrated from a bespoke done-chip button + chevron + @if(Expanded) detail to\n       mj-accordion-panel: title = result chip (mark/agent/preview/via-badge),\n       actions = artifact \"View\" + dev \"Open run\" chips, body = full result detail.\n       Failed state is carried via .done-accordion--failed on the panel. -->\n  <mj-accordion-panel class=\"done-accordion\" [class.done-accordion--failed]=\"!Card.Success\"\n                      Size=\"sm\" [FlushBody]=\"true\" [(Expanded)]=\"Expanded\">\n    <ng-template mjAccordionTitle>\n      <i class=\"fa-solid done-chip__mark\" [ngClass]=\"Card.Success ? 'fa-check' : 'fa-xmark'\" aria-hidden=\"true\"></i>\n      <span class=\"done-chip__agent\">{{ Card.AgentName }}</span>\n      <span class=\"done-chip__sep\" aria-hidden=\"true\">·</span>\n      <span class=\"done-chip__preview\">{{ ResultPreview }}</span>\n      <span class=\"via-badge\">\n        <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n        @if (Card.Kind === 'action') {\n          tool\n        } @else {\n          via {{ Card.AgentName }}\n        }\n      </span>\n    </ng-template>\n    <ng-template mjAccordionActions>\n      @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n        <button type=\"button\" class=\"artifact-link\" (click)=\"OpenArtifact($event, artifact)\"\n                [title]=\"'View ' + artifact.Name\">\n          <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n          <span>View</span>\n          <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n    </ng-template>\n    <ng-template mjAccordionBody>\n      <div class=\"done-detail\">\n        <div class=\"done-detail__body\">{{ ResultText }}</div>\n        @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n          <button type=\"button\" class=\"artifact-link artifact-link--detail\" (click)=\"OpenArtifact($event, artifact)\"\n                  [title]=\"'View ' + artifact.Name\">\n            <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n            <span>{{ artifact.Name }}</span>\n            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n          </button>\n        }\n        @if (Card.Kind === 'action') {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            Direct action · {{ Card.AgentName }}\n          </div>\n        } @else if (Card.RunRef) {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            via {{ Card.AgentName }} · run {{ Card.RunRef }}\n            @if (ShowOpenRun) {\n              <button type=\"button\" class=\"dev-link dev-link--inline\" (click)=\"OpenRun($event)\"\n                      title=\"Open the delegated agent run record\">\n                <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n                <span>Open run</span>\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </ng-template>\n  </mj-accordion-panel>\n}\n"]}
+{"version":3,"file":"realtime-delegation-card.component.js","sourceRoot":"","sources":["../../../../src/lib/components/realtime/realtime-delegation-card.component.ts","../../../../src/lib/components/realtime/realtime-delegation-card.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MJAccordionModule } from '@memberjunction/ng-ui-components';\nimport { RealtimeDelegationCardVM, FriendlyStepLabel } from './realtime-session-state';\nimport { ParsedDelegationArtifact } from '../../services/delegation-result-parser';\n\n/**\n * Renders a single delegation in the live session thread:\n *  - **Working**: a compact card — agent avatar, \"<agent> is working…\", the CURRENT\n *    friendly step label, the latest raw message indented + muted beneath it, and a\n *    thin progress bar (determinate when the server supplies a percentage,\n *    indeterminate shimmer otherwise).\n *  - **Done**: COLLAPSED to a single-line chip — `✓ <agent> · <one-line result preview>\n *    · via <agent>` — expandable inline (click / chevron) to the full result text.\n *    Failures render the `✗` variant.\n *\n * Provenance is a small `via <agent>` badge + a shield icon whose `title` tooltip\n * carries the full provenance sentence (no repeated sentence under every card).\n *\n * DEVELOPER MODE (gear-gated by the overlay shell): when {@link DevMode} is on and the\n * card knows its delegated run id, an \"Open run\" link is revealed that emits\n * {@link OpenRunRequested} so the shell can navigate to the `MJ: AI Agent Runs` record.\n */\n@Component({\n  standalone: true,\n  selector: 'mj-realtime-delegation-card',\n  imports: [CommonModule, MJAccordionModule],\n  templateUrl: './realtime-delegation-card.component.html',\n  styleUrl: './realtime-delegation-card.component.css'\n})\nexport class RealtimeDelegationCardComponent {\n  /** Maximum characters of the result shown in the collapsed done chip. */\n  private static readonly PreviewMaxChars = 120;\n\n  /** The delegation card view-model to render (immutable — replaced on every update). */\n  @Input({ required: true }) Card!: RealtimeDelegationCardVM;\n\n  /** Whether developer affordances (the \"Open run\" link) are revealed. */\n  @Input() DevMode = false;\n\n  /** Emitted with the delegated run's ID when the dev \"Open run\" link is clicked. */\n  @Output() OpenRunRequested = new EventEmitter<string>();\n\n  /** Emitted when a \"View\" artifact chip is clicked (the overlay focuses the artifact's tab). */\n  @Output() OpenArtifactRequested = new EventEmitter<ParsedDelegationArtifact>();\n\n  /**\n   * Emitted with the call's ID when the WORKING card's ✕ cancel affordance is clicked —\n   * EXPLICIT user intent to kill the in-flight delegated run (by deliberate host policy,\n   * barge-in alone never cancels delegations; only this button does). The overlay routes\n   * it to `RealtimeSessionService.CancelDelegation`, which flips this card to a failed\n   * \"Cancelled by user\" result.\n   */\n  @Output() CancelRequested = new EventEmitter<string>();\n\n  /** Whether the done chip is expanded inline to show the full result text. */\n  public Expanded = false;\n\n  /** The artifacts this (done) delegation produced (empty array while running / when none). Suppressed for direct actions and narration. */\n  public get Artifacts(): ParsedDelegationArtifact[] {\n    return this.Card.Done && this.Card.Kind === 'agent' && this.Card.Artifacts ? this.Card.Artifacts : [];\n  }\n\n  /** Emits the open-artifact request for one of this card's produced artifacts. */\n  public OpenArtifact(event: MouseEvent, artifact: ParsedDelegationArtifact): void {\n    event.stopPropagation();\n    this.OpenArtifactRequested.emit(artifact);\n  }\n\n  /** True when the dev \"Open run\" link should render (gear on + run id known). Suppressed for direct actions and narration. */\n  public get ShowOpenRun(): boolean {\n    return this.DevMode && this.Card.Kind === 'agent' && !!this.Card.RunID;\n  }\n\n  /** Emits the open-run request for this card's delegated run. */\n  public OpenRun(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.Card.RunID) {\n      this.OpenRunRequested.emit(this.Card.RunID);\n    }\n  }\n\n  /** Emits the cancel request for this (still-working) delegation. */\n  public CancelWork(event: MouseEvent): void {\n    event.stopPropagation();\n    if (!this.Card.Done && this.Card.Kind === 'agent') {\n      this.CancelRequested.emit(this.Card.CallID);\n    }\n  }\n\n  /** Friendly label for the current delegation step (raw message as fallback). */\n  public get StepLabel(): string {\n    return FriendlyStepLabel(this.Card.LatestStep, this.Card.LatestMessage);\n  }\n\n  /**\n   * Whether to render the latest raw message as the indented detail line. Hidden when\n   * it would just repeat the step label (the unknown-step fallback maps label = message).\n   */\n  public get ShowDetailLine(): boolean {\n    return !!this.Card.LatestMessage && this.Card.LatestMessage !== this.StepLabel;\n  }\n\n  /** Full result text (falls back to the last progress message / a generic line). */\n  public get ResultText(): string {\n    return this.Card.Result\n      || this.Card.LatestMessage\n      || (this.Card.Kind === 'action'\n        ? `${this.Card.AgentName} executed.`\n        : this.Card.Kind === 'narration'\n          ? `${this.Card.AgentName} shared a thought.`\n          : `${this.Card.AgentName} completed the delegated work.`);\n  }\n\n  /** One-line, ~120-char preview of the result for the collapsed chip. */\n  public get ResultPreview(): string {\n    const oneLine = this.ResultText.replace(/\\s+/g, ' ').trim();\n    const max = RealtimeDelegationCardComponent.PreviewMaxChars;\n    return oneLine.length > max ? `${oneLine.slice(0, max).trimEnd()}…` : oneLine;\n  }\n\n  /** Tooltip text for the provenance shield icon. */\n  public get ProvenanceTitle(): string {\n    if (this.Card.Kind === 'action') {\n      return `Result produced directly by the ${this.Card.AgentName} action.`;\n    }\n    if (this.Card.Kind === 'narration') {\n      return `Thought / narration authored by ${this.Card.AgentName}.`;\n    }\n    const run = this.Card.RunRef ? ` (run ${this.Card.RunRef})` : '';\n    return `Result produced by ${this.Card.AgentName}'s own agent run${run} — not invented by the voice co-agent.`;\n  }\n}\n","@if (!Card.Done) {\n  <!-- WORKING — compact live card -->\n  <div class=\"work-card\" role=\"status\" aria-live=\"polite\">\n    <div class=\"work-card__head\">\n      @if (Card.Kind === 'action') {\n        <div class=\"avatar avatar--action\" aria-hidden=\"true\"><i class=\"fa-solid fa-wrench\"></i></div>\n        <div class=\"work-card__title\">{{ Card.AgentName }}</div>\n      } @else if (Card.Kind === 'narration') {\n        <div class=\"avatar avatar--narration\" aria-hidden=\"true\"><i class=\"fa-solid fa-brain\"></i></div>\n        <div class=\"work-card__title\">{{ Card.AgentName }} is thinking…</div>\n      } @else {\n        <div class=\"avatar\" aria-hidden=\"true\">{{ Card.AgentName.charAt(0) }}</div>\n        <div class=\"work-card__title\">{{ Card.AgentName }} is working…</div>\n      }\n      <span class=\"pill pill--running\">\n        <i class=\"fa-solid fa-spinner spin\" aria-hidden=\"true\"></i> Running\n      </span>\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n      @if (Card.Kind === 'agent') {\n        <button type=\"button\" class=\"cancel-work\" (click)=\"CancelWork($event)\"\n                title=\"Cancel this work\" aria-label=\"Cancel this work\">\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      }\n    </div>\n    <div class=\"work-card__step\">{{ StepLabel }}</div>\n    @if (ShowDetailLine) {\n      <div class=\"work-card__detail\">{{ Card.LatestMessage }}</div>\n    }\n    <div class=\"work-progress\" [class.work-progress--indeterminate]=\"Card.Percentage == null\">\n      @if (Card.Percentage != null) {\n        <div class=\"work-progress__fill\" [style.width.%]=\"Card.Percentage\"></div>\n      } @else {\n        <div class=\"work-progress__fill work-progress__fill--slide\"></div>\n      }\n    </div>\n  </div>\n} @else {\n  <!-- DONE / FAILED — collapsed single-line chip, expandable inline.\n       Migrated from a bespoke done-chip button + chevron + @if(Expanded) detail to\n       mj-accordion-panel: title = result chip (mark/agent/preview/via-badge),\n       actions = artifact \"View\" + dev \"Open run\" chips, body = full result detail.\n       Failed state is carried via .done-accordion--failed on the panel. -->\n  <mj-accordion-panel class=\"done-accordion\" [class.done-accordion--failed]=\"!Card.Success\"\n                      Size=\"sm\" [FlushBody]=\"true\" [(Expanded)]=\"Expanded\">\n    <ng-template mjAccordionTitle>\n      <i class=\"fa-solid done-chip__mark\" [ngClass]=\"Card.Success ? 'fa-check' : 'fa-xmark'\" aria-hidden=\"true\"></i>\n      <span class=\"done-chip__agent\">{{ Card.AgentName }}</span>\n      <span class=\"done-chip__sep\" aria-hidden=\"true\">·</span>\n      <span class=\"done-chip__preview\">{{ ResultPreview }}</span>\n      <span class=\"via-badge\">\n        <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n        @if (Card.Kind === 'action') {\n          tool\n        } @else if (Card.Kind === 'narration') {\n          narration\n        } @else {\n          via {{ Card.AgentName }}\n        }\n      </span>\n    </ng-template>\n    <ng-template mjAccordionActions>\n      @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n        <button type=\"button\" class=\"artifact-link\" (click)=\"OpenArtifact($event, artifact)\"\n                [title]=\"'View ' + artifact.Name\">\n          <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n          <span>View</span>\n          <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n        </button>\n      }\n      @if (ShowOpenRun) {\n        <button type=\"button\" class=\"dev-link\" (click)=\"OpenRun($event)\"\n                title=\"Open the delegated agent run record\">\n          <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n          <span>Open run</span>\n        </button>\n      }\n    </ng-template>\n    <ng-template mjAccordionBody>\n      <div class=\"done-detail\">\n        <div class=\"done-detail__body\">{{ ResultText }}</div>\n        @for (artifact of Artifacts; track artifact.ArtifactVersionID) {\n          <button type=\"button\" class=\"artifact-link artifact-link--detail\" (click)=\"OpenArtifact($event, artifact)\"\n                  [title]=\"'View ' + artifact.Name\">\n            <i class=\"fa-solid fa-file-lines\" aria-hidden=\"true\"></i>\n            <span>{{ artifact.Name }}</span>\n            <i class=\"fa-solid fa-arrow-right\" aria-hidden=\"true\"></i>\n          </button>\n        }\n        @if (Card.Kind === 'action') {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            Direct action · {{ Card.AgentName }}\n          </div>\n        } @else if (Card.Kind === 'narration') {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-brain\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            Thought narration · {{ Card.AgentName }}\n          </div>\n        } @else if (Card.RunRef) {\n          <div class=\"done-detail__meta\">\n            <i class=\"fa-solid fa-shield-halved\" [title]=\"ProvenanceTitle\" aria-hidden=\"true\"></i>\n            via {{ Card.AgentName }} · run {{ Card.RunRef }}\n            @if (ShowOpenRun) {\n              <button type=\"button\" class=\"dev-link dev-link--inline\" (click)=\"OpenRun($event)\"\n                      title=\"Open the delegated agent run record\">\n                <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"></i>\n                <span>Open run</span>\n              </button>\n            }\n          </div>\n        }\n      </div>\n    </ng-template>\n  </mj-accordion-panel>\n}\n"]}