@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.2

package/dist/lib/components/message/actionable-commands.component.js

@@ -1,34 +1,51 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
-function ActionableCommandsComponent_Conditional_0_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 6);
+function ActionableCommandsComponent_Conditional_0_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 7);
 } if (rf & 2) {
     const command_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵclassMap(i0.ɵɵinterpolate1("fa ", command_r2.icon));
 } }
+function ActionableCommandsComponent_Conditional_0_For_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const recipients_r4 = i0.ɵɵreadContextLet(0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(recipients_r4);
+} }
 function ActionableCommandsComponent_Conditional_0_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function ActionableCommandsComponent_Conditional_0_For_5_Template_button_click_0_listener() { const command_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCommandClick(command_r2)); });
-    i0.ɵɵconditionalCreate(1, ActionableCommandsComponent_Conditional_0_For_5_Conditional_1_Template, 1, 3, "i", 5);
-    i0.ɵɵtext(2);
+    i0.ɵɵdeclareLet(0);
+    i0.ɵɵelementStart(1, "div", 3)(2, "button", 4);
+    i0.ɵɵlistener("click", function ActionableCommandsComponent_Conditional_0_For_5_Template_button_click_2_listener() { const command_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onCommandClick(command_r2)); });
+    i0.ɵɵconditionalCreate(3, ActionableCommandsComponent_Conditional_0_For_5_Conditional_3_Template, 1, 3, "i", 5);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, ActionableCommandsComponent_Conditional_0_For_5_Conditional_5_Template, 2, 1, "div", 6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const command_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
+    const recipients_r5 = i0.ɵɵstoreLet(ctx_r2.ComposeEmailRecipients(command_r2));
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("variant", ctx_r2.getButtonVariant(command_r2))("disabled", ctx_r2.disabled);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(command_r2.icon ? 1 : -1);
+    i0.ɵɵconditional(command_r2.icon ? 3 : -1);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", command_r2.label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(recipients_r5 ? 5 : -1);
 } }
 function ActionableCommandsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
     i0.ɵɵtext(2, "Actions:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 2);
-    i0.ɵɵrepeaterCreate(4, ActionableCommandsComponent_Conditional_0_For_5_Template, 3, 4, "button", 3, i0.ɵɵcomponentInstance().trackByCommand, true);
+    i0.ɵɵrepeaterCreate(4, ActionableCommandsComponent_Conditional_0_For_5_Template, 6, 6, "div", 3, i0.ɵɵcomponentInstance().trackByCommand, true);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -40,33 +57,112 @@ function ActionableCommandsComponent_Conditional_0_Template(rf, ctx) { if (rf &
  * These are actions the user can trigger after an agent completes a task
  */
 export class ActionableCommandsComponent {
-    commands = [];
-    disabled = false;
-    isLastMessage = false;
-    isConversationOwner = false;
-    commandExecuted = new EventEmitter();
+    Commands = [];
+    /** @deprecated Use {@link Commands}. */
+    set commands(value) {
+        this.Commands = value;
+    }
+    /** @deprecated Use {@link Commands}. */
+    get commands() {
+        return this.Commands;
+    }
+    Disabled = false;
+    /** @deprecated Use {@link Disabled}. */
+    set disabled(value) {
+        this.Disabled = value;
+    }
+    /** @deprecated Use {@link Disabled}. */
+    get disabled() {
+        return this.Disabled;
+    }
+    IsLastMessage = false;
+    /** @deprecated Use {@link IsLastMessage}. */
+    set isLastMessage(value) {
+        this.IsLastMessage = value;
+    }
+    /** @deprecated Use {@link IsLastMessage}. */
+    get isLastMessage() {
+        return this.IsLastMessage;
+    }
+    IsConversationOwner = false;
+    /** @deprecated Use {@link IsConversationOwner}. */
+    set isConversationOwner(value) {
+        this.IsConversationOwner = value;
+    }
+    /** @deprecated Use {@link IsConversationOwner}. */
+    get isConversationOwner() {
+        return this.IsConversationOwner;
+    }
+    CommandExecuted = new EventEmitter();
+    /**
+     * @deprecated Use {@link CommandExecuted}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (commandExecuted) keeps working. Must stay AFTER CommandExecuted: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    commandExecuted = this.CommandExecuted;
     /**
      * Check if component should be visible
      */
+    get IsVisible() {
+        return (this.IsLastMessage &&
+            this.IsConversationOwner &&
+            this.Commands &&
+            this.Commands.length > 0);
+    }
+    /** @deprecated Use {@link IsVisible}. */
     get isVisible() {
-        return (this.isLastMessage &&
-            this.isConversationOwner &&
-            this.commands &&
-            this.commands.length > 0);
+        return this.IsVisible;
     }
     /**
      * Handle command button click
      */
+    OnCommandClick(command) {
+        if (!this.Disabled) {
+            this.CommandExecuted.emit(command);
+        }
+    }
+    /** @deprecated Use {@link OnCommandClick}. */
     onCommandClick(command) {
-        if (!this.disabled) {
-            this.commandExecuted.emit(command);
+        return this.OnCommandClick(command);
+    }
+    /**
+     * Recipients to show BESIDE a compose:email button, or null for any other command.
+     *
+     * SECURITY, not decoration. The button renders only the agent-authored `label`, so without this
+     * the user cannot see who a draft is addressed to until their mail client is already open and
+     * populated. An agent influenced by injected content in retrieved material could pair a benign
+     * label ("Open draft in Mail") with an attacker's address and the conversation's context as the
+     * body; showing the address is what lets the user notice before they send from their real
+     * mailbox. Empty recipients read as "no recipient" rather than rendering nothing, so an address
+     * the agent never supplied cannot be mistaken for one it did.
+     */
+    ComposeEmailRecipients(command) {
+        if (command.type !== 'compose:email') {
+            return null;
         }
+        const to = (command.to ?? []).map((r) => r.trim()).filter((r) => r.length > 0);
+        const cc = (command.cc ?? []).map((r) => r.trim()).filter((r) => r.length > 0);
+        const bcc = (command.bcc ?? []).map((r) => r.trim()).filter((r) => r.length > 0);
+        if (to.length === 0 && cc.length === 0 && bcc.length === 0) {
+            return 'no recipient — you\'ll add one';
+        }
+        const parts = [];
+        if (to.length > 0)
+            parts.push(`To ${to.join(', ')}`);
+        if (cc.length > 0)
+            parts.push(`Cc ${cc.join(', ')}`);
+        if (bcc.length > 0)
+            parts.push(`Bcc ${bcc.join(', ')}`);
+        return parts.join(' · ');
     }
     /**
      * Get button variant based on command type
      */
-    getButtonVariant(command) {
-        if (command.type === 'open:resource') {
+    GetButtonVariant(command) {
+        // A drafted email leads the turn the same way an opened resource does.
+        if (command.type === 'open:resource' || command.type === 'compose:email') {
             return 'primary';
         }
         else if (command.type === 'open:url') {
@@ -74,30 +170,48 @@ export class ActionableCommandsComponent {
         }
         return 'secondary';
     }
+    /** @deprecated Use {@link GetButtonVariant}. */
+    getButtonVariant(command) {
+        return this.GetButtonVariant(command);
+    }
     /**
      * Track by function for commands list
      */
-    trackByCommand(index, command) {
+    TrackByCommand(index, command) {
         return `${command.type}_${index}`;
     }
+    /** @deprecated Use {@link TrackByCommand}. */
+    trackByCommand(index, command) {
+        return this.TrackByCommand(index, command);
+    }
     static ɵfac = function ActionableCommandsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActionableCommandsComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionableCommandsComponent, selectors: [["mj-actionable-commands"]], inputs: { commands: "commands", disabled: "disabled", isLastMessage: "isLastMessage", isConversationOwner: "isConversationOwner" }, outputs: { commandExecuted: "commandExecuted" }, standalone: false, decls: 1, vars: 1, consts: [[1, "actionable-commands"], [1, "commands-label"], [1, "commands-buttons"], ["mjButton", "", 1, "command-button", 3, "variant", "disabled"], ["mjButton", "", 1, "command-button", 3, "click", "variant", "disabled"], ["aria-hidden", "true", 3, "class"], ["aria-hidden", "true"]], template: function ActionableCommandsComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActionableCommandsComponent, selectors: [["mj-actionable-commands"]], inputs: { Commands: "Commands", commands: "commands", Disabled: "Disabled", disabled: "disabled", IsLastMessage: "IsLastMessage", isLastMessage: "isLastMessage", IsConversationOwner: "IsConversationOwner", isConversationOwner: "isConversationOwner" }, outputs: { CommandExecuted: "CommandExecuted", commandExecuted: "commandExecuted" }, standalone: false, decls: 1, vars: 1, consts: [[1, "actionable-commands"], [1, "commands-label"], [1, "commands-buttons"], [1, "command-item"], ["mjButton", "", 1, "command-button", 3, "click", "variant", "disabled"], ["aria-hidden", "true", 3, "class"], [1, "command-recipients"], ["aria-hidden", "true"]], template: function ActionableCommandsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, ActionableCommandsComponent_Conditional_0_Template, 6, 0, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isVisible ? 0 : -1);
-        } }, dependencies: [i1.MJButtonDirective], styles: [".actionable-commands[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-left: 3px solid var(--mj-brand-primary);\n  border-radius: 4px;\n}\n\n.commands-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.commands-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.command-button[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  font-size: 14px;\n}\n\n.command-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n\n@media (max-width: 768px) {\n  .commands-buttons[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .command-button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}"] });
+        } }, dependencies: [i1.MJButtonDirective], styles: [".actionable-commands[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-left: 3px solid var(--mj-brand-primary);\n  border-radius: 4px;\n}\n\n.commands-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.commands-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.command-button[_ngcontent-%COMP%] {\n  padding: 8px 16px;\n  font-size: 14px;\n}\n\n.command-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n\n@media (max-width: 768px) {\n  .commands-buttons[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .command-button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n\n.command-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n\n\n.command-recipients[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted, #6b6b6b);\n  max-width: 320px;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionableCommandsComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-actionable-commands', template: "@if (isVisible) {\n  <div class=\"actionable-commands\">\n    <div class=\"commands-label\">Actions:</div>\n    <div class=\"commands-buttons\">\n      @for (command of commands; track trackByCommand($index, command)) {\n        <button mjButton\n          [variant]=\"getButtonVariant(command)\"\n          [disabled]=\"disabled\"\n          (click)=\"onCommandClick(command)\"\n          class=\"command-button\"\n          >\n          @if (command.icon) {\n            <i class=\"fa {{ command.icon }}\" aria-hidden=\"true\"></i>\n          }\n          {{ command.label }}\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: [".actionable-commands {\n  margin-top: 16px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-left: 3px solid var(--mj-brand-primary);\n  border-radius: 4px;\n}\n\n.commands-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.commands-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.command-button {\n  padding: 8px 16px;\n  font-size: 14px;\n}\n\n.command-button i {\n  margin-right: 6px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .commands-buttons {\n    flex-direction: column;\n  }\n\n  .command-button {\n    width: 100%;\n  }\n}\n"] }]
-    }], null, { commands: [{
+        args: [{ standalone: false, selector: 'mj-actionable-commands', template: "@if (isVisible) {\n  <div class=\"actionable-commands\">\n    <div class=\"commands-label\">Actions:</div>\n    <div class=\"commands-buttons\">\n      @for (command of commands; track trackByCommand($index, command)) {\n        @let recipients = ComposeEmailRecipients(command);\n        <div class=\"command-item\">\n          <button mjButton\n            [variant]=\"getButtonVariant(command)\"\n            [disabled]=\"disabled\"\n            (click)=\"onCommandClick(command)\"\n            class=\"command-button\"\n            >\n            @if (command.icon) {\n              <i class=\"fa {{ command.icon }}\" aria-hidden=\"true\"></i>\n            }\n            {{ command.label }}\n          </button>\n          @if (recipients) {\n            <!-- Shown so the user can see WHO a draft is addressed to before their mail client\n                 opens already populated \u2014 see ComposeEmailRecipients(). -->\n            <div class=\"command-recipients\">{{ recipients }}</div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".actionable-commands {\n  margin-top: 16px;\n  padding: 12px;\n  background: var(--mj-bg-surface-sunken);\n  border-left: 3px solid var(--mj-brand-primary);\n  border-radius: 4px;\n}\n\n.commands-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.commands-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.command-button {\n  padding: 8px 16px;\n  font-size: 14px;\n}\n\n.command-button i {\n  margin-right: 6px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .commands-buttons {\n    flex-direction: column;\n  }\n\n  .command-button {\n    width: 100%;\n  }\n}\n\n/* compose:email shows its recipients under the button so the address is visible\n   before the mail client opens. */\n.command-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n/* Wraps rather than truncating: Bcc is listed LAST, so an ellipsis would cut off exactly the\n   address this line exists to expose. overflow-wrap breaks a long address that has no spaces. */\n.command-recipients {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted, #6b6b6b);\n  max-width: 320px;\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n"] }]
+    }], null, { Commands: [{
+            type: Input
+        }], commands: [{
+            type: Input
+        }], Disabled: [{
             type: Input
         }], disabled: [{
             type: Input
+        }], IsLastMessage: [{
+            type: Input
         }], isLastMessage: [{
             type: Input
+        }], IsConversationOwner: [{
+            type: Input
         }], isConversationOwner: [{
             type: Input
+        }], CommandExecuted: [{
+            type: Output
         }], commandExecuted: [{
             type: Output
         }] }); })();

package/dist/lib/components/message/actionable-commands.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionable-commands.component.js","sourceRoot":"","sources":["../../../../src/lib/components/message/actionable-commands.component.ts","../../../../src/lib/components/message/actionable-commands.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;;;;ICY3D,uBAAwD;;;IAArD,cAAA,yCAA6B,CAAA;;;;IAPpC,iCAKG;IAFD,mOAAS,iCAAuB,KAAC;IAGjC,+GAAoB;IAGpB,YACF;IAAA,iBAAS;;;;IARP,AADA,6DAAqC,6BAChB;IAIrB,cAEC;IAFD,0CAEC;IACD,cACF;IADE,iDACF;;;IAbJ,AADF,8BAAiC,aACH;IAAA,wBAAQ;IAAA,iBAAM;IAC1C,8BAA8B;IAC5B,kJAYC;IAEL,AADE,iBAAM,EACF;;;IAdF,eAYC;IAZD,8BAYC;;ADbP;;;GAGG;AAOH,MAAM,OAAO,2BAA2B;IAC7B,QAAQ,GAAwB,EAAE,CAAC;IACnC,QAAQ,GAAY,KAAK,CAAC;IAC1B,aAAa,GAAY,KAAK,CAAC;IAC/B,mBAAmB,GAAY,KAAK,CAAC;IAEpC,eAAe,GAAG,IAAI,YAAY,EAAqB,CAAC;IAElE;;OAEG;IACH,IAAW,SAAS;QAClB,OAAO,CACL,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,mBAAmB;YACxB,IAAI,CAAC,QAAQ;YACb,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,OAA0B;QAC9C,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED;;OAEG;IACI,gBAAgB,CAAC,OAA0B;QAChD,IAAI,OAAO,CAAC,IAAI,KAAK,eAAe,EAAE,CAAC;YACrC,OAAO,SAAS,CAAC;QACnB,CAAC;aAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YACvC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;OAEG;IACI,cAAc,CAAC,KAAa,EAAE,OAA0B;QAC7D,OAAO,GAAG,OAAO,CAAC,IAAI,IAAI,KAAK,EAAE,CAAC;IACpC,CAAC;qHA9CU,2BAA2B;6DAA3B,2BAA2B;YCbxC,6FAAiB;;YAAjB,wCAmBC;;;iFDNY,2BAA2B;cANvC,SAAS;6BACI,KAAK,YACP,wBAAwB;;kBAKjC,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBACL,KAAK;;kBAEL,MAAM;;kFANI,2BAA2B","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { ActionableCommand } from '@memberjunction/ai-core-plus';\n\n/**\n * Component for displaying actionable command buttons\n * These are actions the user can trigger after an agent completes a task\n */\n@Component({\n  standalone: false,\n  selector: 'mj-actionable-commands',\n  templateUrl: './actionable-commands.component.html',\n  styleUrls: ['./actionable-commands.component.css']\n})\nexport class ActionableCommandsComponent {\n  @Input() commands: ActionableCommand[] = [];\n  @Input() disabled: boolean = false;\n  @Input() isLastMessage: boolean = false;\n  @Input() isConversationOwner: boolean = false;\n\n  @Output() commandExecuted = new EventEmitter<ActionableCommand>();\n\n  /**\n   * Check if component should be visible\n   */\n  public get isVisible(): boolean {\n    return (\n      this.isLastMessage &&\n      this.isConversationOwner &&\n      this.commands &&\n      this.commands.length > 0\n    );\n  }\n\n  /**\n   * Handle command button click\n   */\n  public onCommandClick(command: ActionableCommand): void {\n    if (!this.disabled) {\n      this.commandExecuted.emit(command);\n    }\n  }\n\n  /**\n   * Get button variant based on command type\n   */\n  public getButtonVariant(command: ActionableCommand): 'primary' | 'secondary' | 'outline' | 'flat' {\n    if (command.type === 'open:resource') {\n      return 'primary';\n    } else if (command.type === 'open:url') {\n      return 'outline';\n    }\n    return 'secondary';\n  }\n\n  /**\n   * Track by function for commands list\n   */\n  public trackByCommand(index: number, command: ActionableCommand): string {\n    return `${command.type}_${index}`;\n  }\n}\n","@if (isVisible) {\n  <div class=\"actionable-commands\">\n    <div class=\"commands-label\">Actions:</div>\n    <div class=\"commands-buttons\">\n      @for (command of commands; track trackByCommand($index, command)) {\n        <button mjButton\n          [variant]=\"getButtonVariant(command)\"\n          [disabled]=\"disabled\"\n          (click)=\"onCommandClick(command)\"\n          class=\"command-button\"\n          >\n          @if (command.icon) {\n            <i class=\"fa {{ command.icon }}\" aria-hidden=\"true\"></i>\n          }\n          {{ command.label }}\n        </button>\n      }\n    </div>\n  </div>\n}\n"]}
+{"version":3,"file":"actionable-commands.component.js","sourceRoot":"","sources":["../../../../src/lib/components/message/actionable-commands.component.ts","../../../../src/lib/components/message/actionable-commands.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { ActionableCommand } from '@memberjunction/ai-core-plus';\n\n/**\n * Component for displaying actionable command buttons\n * These are actions the user can trigger after an agent completes a task\n */\n@Component({\n  standalone: false,\n  selector: 'mj-actionable-commands',\n  templateUrl: './actionable-commands.component.html',\n  styleUrls: ['./actionable-commands.component.css']\n})\nexport class ActionableCommandsComponent {\n  @Input() Commands: ActionableCommand[] = [];\n\n  /** @deprecated Use {@link Commands}. */\n  @Input() set commands(value: ActionableCommand[]) {\n    this.Commands = value;\n  }\n  /** @deprecated Use {@link Commands}. */\n  get commands(): ActionableCommand[] {\n    return this.Commands;\n  }\n  @Input() Disabled: boolean = false;\n\n  /** @deprecated Use {@link Disabled}. */\n  @Input() set disabled(value: boolean) {\n    this.Disabled = value;\n  }\n  /** @deprecated Use {@link Disabled}. */\n  get disabled(): boolean {\n    return this.Disabled;\n  }\n  @Input() IsLastMessage: boolean = false;\n\n  /** @deprecated Use {@link IsLastMessage}. */\n  @Input() set isLastMessage(value: boolean) {\n    this.IsLastMessage = value;\n  }\n  /** @deprecated Use {@link IsLastMessage}. */\n  get isLastMessage(): boolean {\n    return this.IsLastMessage;\n  }\n  @Input() IsConversationOwner: boolean = false;\n\n  /** @deprecated Use {@link IsConversationOwner}. */\n  @Input() set isConversationOwner(value: boolean) {\n    this.IsConversationOwner = value;\n  }\n  /** @deprecated Use {@link IsConversationOwner}. */\n  get isConversationOwner(): boolean {\n    return this.IsConversationOwner;\n  }\n\n  @Output() CommandExecuted = new EventEmitter<ActionableCommand>();\n\n  /**\n   * @deprecated Use {@link CommandExecuted}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (commandExecuted) keeps working. Must stay AFTER CommandExecuted: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() commandExecuted = this.CommandExecuted;\n\n  /**\n   * Check if component should be visible\n   */\n  public get IsVisible(): boolean {\n    return (\n      this.IsLastMessage &&\n      this.IsConversationOwner &&\n      this.Commands &&\n      this.Commands.length > 0\n    );\n  }\n\n  /** @deprecated Use {@link IsVisible}. */\n  public get isVisible(): boolean {\n    return this.IsVisible;\n  }\n\n  /**\n   * Handle command button click\n   */\n  public OnCommandClick(command: ActionableCommand): void {\n    if (!this.Disabled) {\n      this.CommandExecuted.emit(command);\n    }\n  }\n\n  /** @deprecated Use {@link OnCommandClick}. */\n  public onCommandClick(command: ActionableCommand): void {\n    return this.OnCommandClick(command);\n  }\n\n  /**\n   * Recipients to show BESIDE a compose:email button, or null for any other command.\n   *\n   * SECURITY, not decoration. The button renders only the agent-authored `label`, so without this\n   * the user cannot see who a draft is addressed to until their mail client is already open and\n   * populated. An agent influenced by injected content in retrieved material could pair a benign\n   * label (\"Open draft in Mail\") with an attacker's address and the conversation's context as the\n   * body; showing the address is what lets the user notice before they send from their real\n   * mailbox. Empty recipients read as \"no recipient\" rather than rendering nothing, so an address\n   * the agent never supplied cannot be mistaken for one it did.\n   */\n  public ComposeEmailRecipients(command: ActionableCommand): string | null {\n    if (command.type !== 'compose:email') {\n      return null;\n    }\n    const to = (command.to ?? []).map((r) => r.trim()).filter((r) => r.length > 0);\n    const cc = (command.cc ?? []).map((r) => r.trim()).filter((r) => r.length > 0);\n    const bcc = (command.bcc ?? []).map((r) => r.trim()).filter((r) => r.length > 0);\n    if (to.length === 0 && cc.length === 0 && bcc.length === 0) {\n      return 'no recipient — you\\'ll add one';\n    }\n    const parts: string[] = [];\n    if (to.length > 0) parts.push(`To ${to.join(', ')}`);\n    if (cc.length > 0) parts.push(`Cc ${cc.join(', ')}`);\n    if (bcc.length > 0) parts.push(`Bcc ${bcc.join(', ')}`);\n    return parts.join(' · ');\n  }\n\n  /**\n   * Get button variant based on command type\n   */\n  public GetButtonVariant(command: ActionableCommand): 'primary' | 'secondary' | 'outline' | 'flat' {\n    // A drafted email leads the turn the same way an opened resource does.\n    if (command.type === 'open:resource' || command.type === 'compose:email') {\n      return 'primary';\n    } else if (command.type === 'open:url') {\n      return 'outline';\n    }\n    return 'secondary';\n  }\n\n  /** @deprecated Use {@link GetButtonVariant}. */\n  public getButtonVariant(command: ActionableCommand): 'primary' | 'secondary' | 'outline' | 'flat' {\n    return this.GetButtonVariant(command);\n  }\n\n  /**\n   * Track by function for commands list\n   */\n  public TrackByCommand(index: number, command: ActionableCommand): string {\n    return `${command.type}_${index}`;\n  }\n\n  /** @deprecated Use {@link TrackByCommand}. */\n  public trackByCommand(index: number, command: ActionableCommand): string {\n    return this.TrackByCommand(index, command);\n  }\n}\n","@if (isVisible) {\n  <div class=\"actionable-commands\">\n    <div class=\"commands-label\">Actions:</div>\n    <div class=\"commands-buttons\">\n      @for (command of commands; track trackByCommand($index, command)) {\n        @let recipients = ComposeEmailRecipients(command);\n        <div class=\"command-item\">\n          <button mjButton\n            [variant]=\"getButtonVariant(command)\"\n            [disabled]=\"disabled\"\n            (click)=\"onCommandClick(command)\"\n            class=\"command-button\"\n            >\n            @if (command.icon) {\n              <i class=\"fa {{ command.icon }}\" aria-hidden=\"true\"></i>\n            }\n            {{ command.label }}\n          </button>\n          @if (recipients) {\n            <!-- Shown so the user can see WHO a draft is addressed to before their mail client\n                 opens already populated — see ComposeEmailRecipients(). -->\n            <div class=\"command-recipients\">{{ recipients }}</div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n}\n"]}

package/dist/lib/components/message/conversation-message-rating.component.d.ts

@@ -16,8 +16,16 @@ import * as i0 from "@angular/core";
 export declare class ConversationMessageRatingComponent extends BaseAngularComponent implements OnInit {
     private cdr;
     private dialogService;
-    conversationDetailId: string;
-    currentUser: UserInfo;
+    ConversationDetailId: string;
+    /** @deprecated Use {@link ConversationDetailId}. */
+    set conversationDetailId(value: string);
+    /** @deprecated Use {@link ConversationDetailId}. */
+    get conversationDetailId(): string;
+    CurrentUser: UserInfo;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value: UserInfo);
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser(): UserInfo;
     /**
      * When false, the rating UI renders as a read-only badge instead of an editable
      * button. Set by the parent (MessageItemComponent) to `false` when the current
@@ -30,20 +38,48 @@ export declare class ConversationMessageRatingComponent extends BaseAngularCompo
      * `MJ: Conversation Details` (which has `UserRating`/`UserFeedback`).
      * Skip-Brain hosts pass `'Conversation Details__Skip'`.
      */
-    ratingEntityName: string;
+    RatingEntityName: string;
+    /** @deprecated Use {@link RatingEntityName}. */
+    set ratingEntityName(value: string);
+    /** @deprecated Use {@link RatingEntityName}. */
+    get ratingEntityName(): string;
     /** Column on the entity that stores the 1-10 rating. */
-    ratingField: string;
+    RatingField: string;
+    /** @deprecated Use {@link RatingField}. */
+    set ratingField(value: string);
+    /** @deprecated Use {@link RatingField}. */
+    get ratingField(): string;
     /** Column on the entity that stores the free-form feedback. */
-    ratingCommentField: string;
+    RatingCommentField: string;
+    /** @deprecated Use {@link RatingCommentField}. */
+    set ratingCommentField(value: string);
+    /** @deprecated Use {@link RatingCommentField}. */
+    get ratingCommentField(): string;
     /**
      * Optional: legacy pre-loaded ratings array (no longer used by storage; kept
      * to preserve the input shape used by existing call sites like
      * MessageItemComponent).
      */
-    ratingsData?: RatingJSON[];
-    currentUserRating: number | null;
-    currentUserComments: string;
-    isSaving: boolean;
+    RatingsData?: RatingJSON[];
+    /** @deprecated Use {@link RatingsData}. */
+    set ratingsData(value: RatingJSON[] | undefined);
+    /** @deprecated Use {@link RatingsData}. */
+    get ratingsData(): RatingJSON[] | undefined;
+    CurrentUserRating: number | null;
+    /** @deprecated Use {@link CurrentUserRating}. */
+    get currentUserRating(): number | null;
+    /** @deprecated Use {@link CurrentUserRating}. */
+    set currentUserRating(value: number | null);
+    CurrentUserComments: string;
+    /** @deprecated Use {@link CurrentUserComments}. */
+    get currentUserComments(): string;
+    /** @deprecated Use {@link CurrentUserComments}. */
+    set currentUserComments(value: string);
+    IsSaving: boolean;
+    /** @deprecated Use {@link IsSaving}. */
+    get isSaving(): boolean;
+    /** @deprecated Use {@link IsSaving}. */
+    set isSaving(value: boolean);
     constructor(cdr: ChangeDetectorRef, dialogService: DialogService);
     ngOnInit(): Promise<void>;
     OpenRatingDialog(): Promise<void>;
@@ -57,6 +93,6 @@ export declare class ConversationMessageRatingComponent extends BaseAngularCompo
     private loadRating;
     private saveRating;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConversationMessageRatingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationMessageRatingComponent, "mj-conversation-message-rating", never, { "conversationDetailId": { "alias": "conversationDetailId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "ratingEntityName": { "alias": "ratingEntityName"; "required": false; }; "ratingField": { "alias": "ratingField"; "required": false; }; "ratingCommentField": { "alias": "ratingCommentField"; "required": false; }; "ratingsData": { "alias": "ratingsData"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationMessageRatingComponent, "mj-conversation-message-rating", never, { "ConversationDetailId": { "alias": "ConversationDetailId"; "required": false; }; "conversationDetailId": { "alias": "conversationDetailId"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "RatingEntityName": { "alias": "RatingEntityName"; "required": false; }; "ratingEntityName": { "alias": "ratingEntityName"; "required": false; }; "RatingField": { "alias": "RatingField"; "required": false; }; "ratingField": { "alias": "ratingField"; "required": false; }; "RatingCommentField": { "alias": "RatingCommentField"; "required": false; }; "ratingCommentField": { "alias": "ratingCommentField"; "required": false; }; "RatingsData": { "alias": "RatingsData"; "required": false; }; "ratingsData": { "alias": "ratingsData"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=conversation-message-rating.component.d.ts.map

package/dist/lib/components/message/conversation-message-rating.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-message-rating.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/message/conversation-message-rating.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAqC,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,UAAU,EAAkB,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAiB9D;;;;;;;;GAQG;AACH,qBA+Fa,kCAAmC,SAAQ,oBAAqB,YAAW,MAAM;IAqC1F,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,aAAa;IArCd,oBAAoB,EAAG,MAAM,CAAC;IAC9B,WAAW,EAAG,QAAQ,CAAC;IAEhC;;;;;OAKG;IACM,OAAO,EAAE,OAAO,CAAQ;IAEjC;;;;OAIG;IACM,gBAAgB,EAAE,MAAM,CAA8B;IAE/D,wDAAwD;IAC/C,WAAW,EAAE,MAAM,CAAgB;IAE5C,+DAA+D;IACtD,kBAAkB,EAAE,MAAM,CAAkB;IAErD;;;;OAIG;IACM,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAEpC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAQ;IACxC,mBAAmB,EAAE,MAAM,CAAM;IACjC,QAAQ,UAAS;gBAGP,GAAG,EAAE,iBAAiB,EACtB,aAAa,EAAE,aAAa;IAKhC,QAAQ;IAIR,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IA6CvC;;;;;OAKG;YACW,uBAAuB;YAoCvB,UAAU;YAkBV,UAAU;yCAxJb,kCAAkC;2CAAlC,kCAAkC;CA+L9C"}
+{"version":3,"file":"conversation-message-rating.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/message/conversation-message-rating.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAqC,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,UAAU,EAAkB,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;;AAiB9D;;;;;;;;GAQG;AACH,qBA+Fa,kCAAmC,SAAQ,oBAAqB,YAAW,MAAM;IAsH1F,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,aAAa;IAtHd,oBAAoB,EAAG,MAAM,CAAC;IAEvC,oDAAoD;IACpD,IAAa,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAE9C;IACD,oDAAoD;IACpD,IAAI,oBAAoB,IAAI,MAAM,CAEjC;IACQ,WAAW,EAAG,QAAQ,CAAC;IAEhC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,QAAQ,EAEvC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,QAAQ,CAE1B;IAED;;;;;OAKG;IACM,OAAO,EAAE,OAAO,CAAQ;IAEjC;;;;OAIG;IACM,gBAAgB,EAAE,MAAM,CAA8B;IAE/D,gDAAgD;IAChD,IAAa,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAE1C;IACD,gDAAgD;IAChD,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,wDAAwD;IAC/C,WAAW,EAAE,MAAM,CAAgB;IAE5C,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,+DAA+D;IACtD,kBAAkB,EAAE,MAAM,CAAkB;IAErD,kDAAkD;IAClD,IAAa,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAE5C;IACD,kDAAkD;IAClD,IAAI,kBAAkB,IAAI,MAAM,CAE/B;IAED;;;;OAIG;IACM,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAEpC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,SAAS,EAEvD;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,UAAU,EAAE,GAAG,SAAS,CAE1C;IAED,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC,iDAAiD;IACjD,IAAI,iBAAiB,IAAI,MAAM,GAAG,IAAI,CAErC;IACD,iDAAiD;IACjD,IAAI,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAEzC;IACD,mBAAmB,EAAE,MAAM,CAAM;IAEjC,mDAAmD;IACnD,IAAI,mBAAmB,IAAI,MAAM,CAEhC;IACD,mDAAmD;IACnD,IAAI,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAEpC;IACD,QAAQ,UAAS;IAEjB,wCAAwC;IACxC,IAAI,QAAQ,YAEX;IACD,wCAAwC;IACxC,IAAI,QAAQ,CAAC,KAAK,SAAA,EAEjB;gBAGS,GAAG,EAAE,iBAAiB,EACtB,aAAa,EAAE,aAAa;IAKhC,QAAQ;IAIR,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IA6CvC;;;;;OAKG;YACW,uBAAuB;YAoCvB,UAAU;YAkBV,UAAU;yCAzOb,kCAAkC;2CAAlC,kCAAkC;CAgR9C"}

package/dist/lib/components/message/conversation-message-rating.component.js

@@ -62,8 +62,24 @@ const FEEDBACK_ROLE_IDS = [
 export class ConversationMessageRatingComponent extends BaseAngularComponent {
     cdr;
     dialogService;
-    conversationDetailId;
-    currentUser;
+    ConversationDetailId;
+    /** @deprecated Use {@link ConversationDetailId}. */
+    set conversationDetailId(value) {
+        this.ConversationDetailId = value;
+    }
+    /** @deprecated Use {@link ConversationDetailId}. */
+    get conversationDetailId() {
+        return this.ConversationDetailId;
+    }
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
     /**
      * When false, the rating UI renders as a read-only badge instead of an editable
      * button. Set by the parent (MessageItemComponent) to `false` when the current
@@ -76,20 +92,76 @@ export class ConversationMessageRatingComponent extends BaseAngularComponent {
      * `MJ: Conversation Details` (which has `UserRating`/`UserFeedback`).
      * Skip-Brain hosts pass `'Conversation Details__Skip'`.
      */
-    ratingEntityName = 'MJ: Conversation Details';
+    RatingEntityName = 'MJ: Conversation Details';
+    /** @deprecated Use {@link RatingEntityName}. */
+    set ratingEntityName(value) {
+        this.RatingEntityName = value;
+    }
+    /** @deprecated Use {@link RatingEntityName}. */
+    get ratingEntityName() {
+        return this.RatingEntityName;
+    }
     /** Column on the entity that stores the 1-10 rating. */
-    ratingField = 'UserRating';
+    RatingField = 'UserRating';
+    /** @deprecated Use {@link RatingField}. */
+    set ratingField(value) {
+        this.RatingField = value;
+    }
+    /** @deprecated Use {@link RatingField}. */
+    get ratingField() {
+        return this.RatingField;
+    }
     /** Column on the entity that stores the free-form feedback. */
-    ratingCommentField = 'UserFeedback';
+    RatingCommentField = 'UserFeedback';
+    /** @deprecated Use {@link RatingCommentField}. */
+    set ratingCommentField(value) {
+        this.RatingCommentField = value;
+    }
+    /** @deprecated Use {@link RatingCommentField}. */
+    get ratingCommentField() {
+        return this.RatingCommentField;
+    }
     /**
      * Optional: legacy pre-loaded ratings array (no longer used by storage; kept
      * to preserve the input shape used by existing call sites like
      * MessageItemComponent).
      */
-    ratingsData;
-    currentUserRating = null;
-    currentUserComments = '';
-    isSaving = false;
+    RatingsData;
+    /** @deprecated Use {@link RatingsData}. */
+    set ratingsData(value) {
+        this.RatingsData = value;
+    }
+    /** @deprecated Use {@link RatingsData}. */
+    get ratingsData() {
+        return this.RatingsData;
+    }
+    CurrentUserRating = null;
+    /** @deprecated Use {@link CurrentUserRating}. */
+    get currentUserRating() {
+        return this.CurrentUserRating;
+    }
+    /** @deprecated Use {@link CurrentUserRating}. */
+    set currentUserRating(value) {
+        this.CurrentUserRating = value;
+    }
+    CurrentUserComments = '';
+    /** @deprecated Use {@link CurrentUserComments}. */
+    get currentUserComments() {
+        return this.CurrentUserComments;
+    }
+    /** @deprecated Use {@link CurrentUserComments}. */
+    set currentUserComments(value) {
+        this.CurrentUserComments = value;
+    }
+    IsSaving = false;
+    /** @deprecated Use {@link IsSaving}. */
+    get isSaving() {
+        return this.IsSaving;
+    }
+    /** @deprecated Use {@link IsSaving}. */
+    set isSaving(value) {
+        this.IsSaving = value;
+    }
     constructor(cdr, dialogService) {
         super();
         this.cdr = cdr;
@@ -99,7 +171,7 @@ export class ConversationMessageRatingComponent extends BaseAngularComponent {
         await this.loadRating();
     }
     async OpenRatingDialog() {
-        if (this.isSaving)
+        if (this.IsSaving)
             return;
         if (!this.canEdit)
             return;
@@ -112,10 +184,10 @@ export class ConversationMessageRatingComponent extends BaseAngularComponent {
             console.warn('[Rating] Could not read consent flag, will require acknowledgement', e);
         }
         const result = await this.dialogService.rating({
-            title: this.currentUserRating != null ? 'Edit your rating' : 'Rate this response',
+            title: this.CurrentUserRating != null ? 'Edit your rating' : 'Rate this response',
             message: 'Rate the response on a 1-10 scale and (optionally) describe what was good or bad.',
-            initialRating: this.currentUserRating,
-            initialComments: this.currentUserComments,
+            initialRating: this.CurrentUserRating,
+            initialComments: this.CurrentUserComments,
             okText: 'Submit',
             requireConsent: !consentAcknowledged
         });
@@ -178,16 +250,16 @@ export class ConversationMessageRatingComponent extends BaseAngularComponent {
         }
     }
     async loadRating() {
-        if (!this.conversationDetailId)
+        if (!this.ConversationDetailId)
             return;
         try {
             const md = this.ProviderToUse;
-            const entity = (await md.GetEntityObject(this.ratingEntityName));
-            const loaded = await entity.Load(this.conversationDetailId);
+            const entity = (await md.GetEntityObject(this.RatingEntityName));
+            const loaded = await entity.Load(this.ConversationDetailId);
             if (loaded) {
-                const rating = entity.Get(this.ratingField);
-                this.currentUserRating = rating != null ? Number(rating) : null;
-                this.currentUserComments = (entity.Get(this.ratingCommentField) ?? '');
+                const rating = entity.Get(this.RatingField);
+                this.CurrentUserRating = rating != null ? Number(rating) : null;
+                this.CurrentUserComments = (entity.Get(this.RatingCommentField) ?? '');
                 this.cdr.detectChanges();
             }
         }
@@ -197,27 +269,27 @@ export class ConversationMessageRatingComponent extends BaseAngularComponent {
         }
     }
     async saveRating(rating, comments) {
-        if (this.isSaving)
+        if (this.IsSaving)
             return null;
         if (rating < 1 || rating > 10)
             return null;
-        if (!this.conversationDetailId)
+        if (!this.ConversationDetailId)
             return null;
-        const prevRating = this.currentUserRating;
-        const prevComments = this.currentUserComments;
-        this.isSaving = true;
-        this.currentUserRating = rating;
-        this.currentUserComments = comments;
+        const prevRating = this.CurrentUserRating;
+        const prevComments = this.CurrentUserComments;
+        this.IsSaving = true;
+        this.CurrentUserRating = rating;
+        this.CurrentUserComments = comments;
         this.cdr.detectChanges();
         try {
             const md = this.ProviderToUse;
-            const entity = (await md.GetEntityObject(this.ratingEntityName));
-            const loaded = await entity.Load(this.conversationDetailId);
+            const entity = (await md.GetEntityObject(this.RatingEntityName));
+            const loaded = await entity.Load(this.ConversationDetailId);
             if (!loaded) {
-                throw new Error(`ConversationDetail ${this.conversationDetailId} not found in ${this.ratingEntityName}`);
+                throw new Error(`ConversationDetail ${this.ConversationDetailId} not found in ${this.RatingEntityName}`);
             }
-            entity.Set(this.ratingField, rating);
-            entity.Set(this.ratingCommentField, comments || null);
+            entity.Set(this.RatingField, rating);
+            entity.Set(this.RatingCommentField, comments || null);
             const saveResult = await entity.Save();
             if (!saveResult) {
                 throw new Error(`Save failed: ${entity.LatestResult?.Message ?? 'unknown'}`);
@@ -227,18 +299,18 @@ export class ConversationMessageRatingComponent extends BaseAngularComponent {
         }
         catch (error) {
             console.error('[Rating] save failed:', error);
-            this.currentUserRating = prevRating;
-            this.currentUserComments = prevComments;
+            this.CurrentUserRating = prevRating;
+            this.CurrentUserComments = prevComments;
             this.cdr.detectChanges();
             return null;
         }
         finally {
-            this.isSaving = false;
+            this.IsSaving = false;
             this.cdr.detectChanges();
         }
     }
     static ɵfac = function ConversationMessageRatingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConversationMessageRatingComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.DialogService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationMessageRatingComponent, selectors: [["mj-conversation-message-rating"]], inputs: { conversationDetailId: "conversationDetailId", currentUser: "currentUser", canEdit: "canEdit", ratingEntityName: "ratingEntityName", ratingField: "ratingField", ratingCommentField: "ratingCommentField", ratingsData: "ratingsData" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 1, consts: [[1, "rating-container"], [1, "user-rating"], ["type", "button", 1, "rating-button", 3, "has-rated", "disabled", "title"], ["title", "Rating left by the conversation owner \u2014 read-only", 1, "rating-readonly"], ["type", "button", 1, "rating-button", 3, "click", "disabled", "title"], [1, "fa-solid", "fa-pen-to-square"], [1, "my-rating"], [1, "fa-regular", "fa-comment-dots"], [1, "fa-solid", "fa-comment-dots"]], template: function ConversationMessageRatingComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConversationMessageRatingComponent, selectors: [["mj-conversation-message-rating"]], inputs: { ConversationDetailId: "ConversationDetailId", conversationDetailId: "conversationDetailId", CurrentUser: "CurrentUser", currentUser: "currentUser", canEdit: "canEdit", RatingEntityName: "RatingEntityName", ratingEntityName: "ratingEntityName", RatingField: "RatingField", ratingField: "ratingField", RatingCommentField: "RatingCommentField", ratingCommentField: "ratingCommentField", RatingsData: "RatingsData", ratingsData: "ratingsData" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 1, consts: [[1, "rating-container"], [1, "user-rating"], ["type", "button", 1, "rating-button", 3, "has-rated", "disabled", "title"], ["title", "Rating left by the conversation owner \u2014 read-only", 1, "rating-readonly"], ["type", "button", 1, "rating-button", 3, "click", "disabled", "title"], [1, "fa-solid", "fa-pen-to-square"], [1, "my-rating"], [1, "fa-regular", "fa-comment-dots"], [1, "fa-solid", "fa-comment-dots"]], template: function ConversationMessageRatingComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵconditionalCreate(2, ConversationMessageRatingComponent_Conditional_2_Template, 3, 5, "button", 2)(3, ConversationMessageRatingComponent_Conditional_3_Template, 4, 1, "span", 3);
             i0.ɵɵelementEnd()();
@@ -278,18 +350,30 @@ export class ConversationMessageRatingComponent extends BaseAngularComponent {
       </div>
     </div>
   `, styles: ["\n    .rating-container {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 4px 0;\n    }\n\n    .user-rating {\n      display: flex;\n      gap: 4px;\n      margin-left: auto;\n    }\n\n    .rating-button {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-strong);\n      border-radius: 6px;\n      padding: 6px 12px;\n      cursor: pointer;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      opacity: 0.85;\n      transition: all 0.15s ease;\n    }\n\n    .rating-button:hover:not(:disabled) {\n      opacity: 1;\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    }\n\n    .rating-button:disabled {\n      cursor: not-allowed;\n      opacity: 0.5;\n    }\n\n    .rating-button.has-rated {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .my-rating {\n      font-weight: 500;\n    }\n\n    .rating-readonly {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 4px 10px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      background: var(--mj-bg-surface-sunken);\n      cursor: default;\n    }\n  "] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.DialogService }], { conversationDetailId: [{
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.DialogService }], { ConversationDetailId: [{
+            type: Input
+        }], conversationDetailId: [{
+            type: Input
+        }], CurrentUser: [{
             type: Input
         }], currentUser: [{
             type: Input
         }], canEdit: [{
             type: Input
+        }], RatingEntityName: [{
+            type: Input
         }], ratingEntityName: [{
             type: Input
+        }], RatingField: [{
+            type: Input
         }], ratingField: [{
             type: Input
+        }], RatingCommentField: [{
+            type: Input
         }], ratingCommentField: [{
             type: Input
+        }], RatingsData: [{
+            type: Input
         }], ratingsData: [{
             type: Input
         }] }); })();