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

package/dist/lib/components/conversation/pinned-messages-panel.component.d.ts

@@ -7,19 +7,57 @@ export declare class PinnedMessagesPanelComponent {
      * a stable reference between real changes is what keeps this input from re-firing every
      * change detection cycle. The panel renders it; it never mutates it.
      */
-    pinnedMessages: readonly MJConversationDetailEntity[];
+    PinnedMessages: readonly MJConversationDetailEntity[];
+    /** @deprecated Use {@link PinnedMessages}. */
+    set pinnedMessages(value: readonly MJConversationDetailEntity[]);
+    /** @deprecated Use {@link PinnedMessages}. */
+    get pinnedMessages(): readonly MJConversationDetailEntity[];
     /**
      * True during the panel's first open, while its rows are being fetched.
      *
      * Pins are no longer loaded during conversation open — the open path reads only a count —
      * so the panel can now render before its contents exist.
      */
-    isLoading: boolean;
+    IsLoading: boolean;
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value: PinnedMessagesPanelComponent['IsLoading']);
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading(): PinnedMessagesPanelComponent['IsLoading'];
+    /** When false, pins stay listed and jumpable but Unpin is hidden. */
+    AllowUnpin: boolean;
+    Closed: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link Closed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (closed) keeps working. Must stay AFTER Closed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     closed: EventEmitter<void>;
+    JumpRequested: EventEmitter<string>;
+    /**
+     * @deprecated Use {@link JumpRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (jumpRequested) keeps working. Must stay AFTER JumpRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     jumpRequested: EventEmitter<string>;
+    UnpinRequested: EventEmitter<MJConversationDetailEntity>;
+    /**
+     * @deprecated Use {@link UnpinRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (unpinRequested) keeps working. Must stay AFTER UnpinRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     unpinRequested: EventEmitter<MJConversationDetailEntity>;
     /** IDs currently being removed (for fade-out animation) */
-    unpinningIds: Set<string>;
+    UnpinningIds: Set<string>;
+    /** @deprecated Use {@link UnpinningIds}. */
+    get unpinningIds(): Set<string>;
+    /** @deprecated Use {@link UnpinningIds}. */
+    set unpinningIds(value: Set<string>);
     Close(): void;
     OnJump(message: MJConversationDetailEntity): void;
     OnUnpin(message: MJConversationDetailEntity): void;
@@ -31,6 +69,6 @@ export declare class PinnedMessagesPanelComponent {
     /** Display name for the message sender */
     GetSenderName(message: MJConversationDetailEntity): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PinnedMessagesPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PinnedMessagesPanelComponent, "mj-pinned-messages-panel", never, { "pinnedMessages": { "alias": "pinnedMessages"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; }, { "closed": "closed"; "jumpRequested": "jumpRequested"; "unpinRequested": "unpinRequested"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PinnedMessagesPanelComponent, "mj-pinned-messages-panel", never, { "PinnedMessages": { "alias": "PinnedMessages"; "required": false; }; "pinnedMessages": { "alias": "pinnedMessages"; "required": false; }; "IsLoading": { "alias": "IsLoading"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "AllowUnpin": { "alias": "AllowUnpin"; "required": false; }; }, { "Closed": "Closed"; "closed": "closed"; "JumpRequested": "JumpRequested"; "jumpRequested": "jumpRequested"; "UnpinRequested": "UnpinRequested"; "unpinRequested": "unpinRequested"; }, never, never, false, never>;
 }
 //# sourceMappingURL=pinned-messages-panel.component.d.ts.map

package/dist/lib/components/conversation/pinned-messages-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pinned-messages-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;;AAE3E,qBAMa,4BAA4B;IACvC;;;;OAIG;IACa,cAAc,EAAE,SAAS,0BAA0B,EAAE,CAAM;IAE3E;;;;;OAKG;IACa,SAAS,UAAS;IAEjB,MAAM,qBAA4B;IAClC,aAAa,uBAA8B;IAC3C,cAAc,2CAAkD;IAEjF,2DAA2D;IACpD,YAAY,cAAqB;IAEjC,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAIjD,OAAO,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IASlD,WAAW,CAAC,OAAO,EAAE,0BAA0B,GAAG,OAAO;IAIhE,qDAAqD;IAC9C,cAAc,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAgBlE,wCAAwC;IACjC,eAAe,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAenE,0CAA0C;IACnC,aAAa,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;yCA9EtD,4BAA4B;2CAA5B,4BAA4B;CAkFxC"}
+{"version":3,"file":"pinned-messages-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;;AAE3E,qBAMa,4BAA4B;IACvC;;;;OAIG;IACa,cAAc,EAAE,SAAS,0BAA0B,EAAE,CAAM;IAE3E,8CAA8C;IAC9C,IAAoB,cAAc,CAAC,KAAK,EAAE,SAAS,0BAA0B,EAAE,EAE9E;IACD,8CAA8C;IAC9C,IAAW,cAAc,IAAI,SAAS,0BAA0B,EAAE,CAEjE;IAED;;;;;OAKG;IACa,SAAS,UAAS;IAElC,yCAAyC;IACzC,IAAoB,SAAS,CAAC,KAAK,EAAE,4BAA4B,CAAC,WAAW,CAAC,EAE7E;IACD,yCAAyC;IACzC,IAAW,SAAS,IAAI,4BAA4B,CAAC,WAAW,CAAC,CAEhE;IAED,qEAAqE;IACrD,UAAU,UAAQ;IAEjB,MAAM,qBAA4B;IAEnD;;;;;;OAMG;IACc,MAAM,qBAAe;IACrB,aAAa,uBAA8B;IAE5D;;;;;;OAMG;IACc,aAAa,uBAAsB;IACnC,cAAc,2CAAkD;IAEjF;;;;;;OAMG;IACc,cAAc,2CAAuB;IAEtD,2DAA2D;IACpD,YAAY,cAAqB;IAExC,4CAA4C;IAC5C,IAAW,YAAY,gBAEtB;IACD,4CAA4C;IAC5C,IAAW,YAAY,CAAC,KAAK,aAAA,EAE5B;IAEM,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAIjD,OAAO,CAAC,OAAO,EAAE,0BAA0B,GAAG,IAAI;IAYlD,WAAW,CAAC,OAAO,EAAE,0BAA0B,GAAG,OAAO;IAIhE,qDAAqD;IAC9C,cAAc,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAgBlE,wCAAwC;IACjC,eAAe,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAenE,0CAA0C;IACnC,aAAa,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;yCA1ItD,4BAA4B;2CAA5B,4BAA4B;CA8IxC"}

package/dist/lib/components/conversation/pinned-messages-panel.component.js

@@ -9,6 +9,14 @@ function PinnedMessagesPanelComponent_Conditional_11_Template(rf, ctx) { if (rf
 function PinnedMessagesPanelComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-empty-state", 9);
 } }
+function PinnedMessagesPanelComponent_For_14_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 23);
+    i0.ɵɵlistener("click", function PinnedMessagesPanelComponent_For_14_Conditional_15_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const message_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnUnpin(message_r2)); });
+    i0.ɵɵelement(1, "i", 3);
+    i0.ɵɵtext(2, " Unpin ");
+    i0.ɵɵelementEnd();
+} }
 function PinnedMessagesPanelComponent_For_14_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 11)(1, "div", 12)(2, "div", 13)(3, "div", 14);
@@ -28,11 +36,8 @@ function PinnedMessagesPanelComponent_For_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(13, "i", 21);
     i0.ɵɵtext(14, " Jump to message ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "button", 22);
-    i0.ɵɵlistener("click", function PinnedMessagesPanelComponent_For_14_Template_button_click_15_listener() { const message_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnUnpin(message_r2)); });
-    i0.ɵɵelement(16, "i", 3);
-    i0.ɵɵtext(17, " Unpin ");
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(15, PinnedMessagesPanelComponent_For_14_Conditional_15_Template, 3, 0, "button", 22);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const message_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
@@ -43,6 +48,8 @@ function PinnedMessagesPanelComponent_For_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r2.GetRelativeTime(message_r2));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r2.GetPreviewText(message_r2));
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.AllowUnpin ? 15 : -1);
 } }
 export class PinnedMessagesPanelComponent {
     /**
@@ -50,35 +57,88 @@ export class PinnedMessagesPanelComponent {
      * a stable reference between real changes is what keeps this input from re-firing every
      * change detection cycle. The panel renders it; it never mutates it.
      */
-    pinnedMessages = [];
+    PinnedMessages = [];
+    /** @deprecated Use {@link PinnedMessages}. */
+    set pinnedMessages(value) {
+        this.PinnedMessages = value;
+    }
+    /** @deprecated Use {@link PinnedMessages}. */
+    get pinnedMessages() {
+        return this.PinnedMessages;
+    }
     /**
      * True during the panel's first open, while its rows are being fetched.
      *
      * Pins are no longer loaded during conversation open — the open path reads only a count —
      * so the panel can now render before its contents exist.
      */
-    isLoading = false;
-    closed = new EventEmitter();
-    jumpRequested = new EventEmitter(); // emits messageId
-    unpinRequested = new EventEmitter();
+    IsLoading = false;
+    /** @deprecated Use {@link IsLoading}. */
+    set isLoading(value) {
+        this.IsLoading = value;
+    }
+    /** @deprecated Use {@link IsLoading}. */
+    get isLoading() {
+        return this.IsLoading;
+    }
+    /** When false, pins stay listed and jumpable but Unpin is hidden. */
+    AllowUnpin = true;
+    Closed = new EventEmitter();
+    /**
+     * @deprecated Use {@link Closed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (closed) keeps working. Must stay AFTER Closed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    closed = this.Closed;
+    JumpRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link JumpRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (jumpRequested) keeps working. Must stay AFTER JumpRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    jumpRequested = this.JumpRequested; // emits messageId
+    UnpinRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link UnpinRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (unpinRequested) keeps working. Must stay AFTER UnpinRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    unpinRequested = this.UnpinRequested;
     /** IDs currently being removed (for fade-out animation) */
-    unpinningIds = new Set();
+    UnpinningIds = new Set();
+    /** @deprecated Use {@link UnpinningIds}. */
+    get unpinningIds() {
+        return this.UnpinningIds;
+    }
+    /** @deprecated Use {@link UnpinningIds}. */
+    set unpinningIds(value) {
+        this.UnpinningIds = value;
+    }
     Close() {
-        this.closed.emit();
+        this.Closed.emit();
     }
     OnJump(message) {
-        this.jumpRequested.emit(message.ID);
+        this.JumpRequested.emit(message.ID);
     }
     OnUnpin(message) {
-        this.unpinningIds.add(message.ID);
+        if (!this.AllowUnpin) {
+            return;
+        }
+        this.UnpinningIds.add(message.ID);
         // Let the card animate out before the parent removes it from the list
         setTimeout(() => {
-            this.unpinningIds.delete(message.ID);
-            this.unpinRequested.emit(message);
+            this.UnpinningIds.delete(message.ID);
+            this.UnpinRequested.emit(message);
         }, 200);
     }
     IsUnpinning(message) {
-        return this.unpinningIds.has(message.ID);
+        return this.UnpinningIds.has(message.ID);
     }
     /** Strip markdown to plain prose for card preview */
     GetPreviewText(message) {
@@ -124,7 +184,7 @@ export class PinnedMessagesPanelComponent {
         return 'AI Response';
     }
     static ɵfac = function PinnedMessagesPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PinnedMessagesPanelComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PinnedMessagesPanelComponent, selectors: [["mj-pinned-messages-panel"]], inputs: { pinnedMessages: "pinnedMessages", isLoading: "isLoading" }, outputs: { closed: "closed", jumpRequested: "jumpRequested", unpinRequested: "unpinRequested" }, standalone: false, decls: 15, vars: 2, consts: [[1, "pins-panel"], [1, "pins-header"], [1, "pins-title"], [1, "fas", "fa-thumbtack"], [1, "pins-count"], ["title", "Close", 1, "pins-close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "pins-body"], ["text", "Loading pinned messages\u2026", "size", "small"], ["Size", "compact", "Icon", "fa-solid fa-thumbtack", "Title", "No pinned messages", 1, "pins-empty"], [1, "pin-card", 3, "unpinning"], [1, "pin-card"], [1, "pin-card-meta"], [1, "pin-sender"], [1, "pin-avatar"], [1, "fas", "fa-robot"], [1, "pin-sender-name"], [1, "pin-time"], [1, "pin-preview"], [1, "pin-actions"], ["title", "Jump to message", 1, "pin-action-btn", "jump-btn", 3, "click"], [1, "fas", "fa-arrow-up-right-from-square"], ["title", "Unpin this message", 1, "pin-action-btn", "unpin-btn", 3, "click"]], template: function PinnedMessagesPanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PinnedMessagesPanelComponent, selectors: [["mj-pinned-messages-panel"]], inputs: { PinnedMessages: "PinnedMessages", pinnedMessages: "pinnedMessages", IsLoading: "IsLoading", isLoading: "isLoading", AllowUnpin: "AllowUnpin" }, outputs: { Closed: "Closed", closed: "closed", JumpRequested: "JumpRequested", jumpRequested: "jumpRequested", UnpinRequested: "UnpinRequested", unpinRequested: "unpinRequested" }, standalone: false, decls: 15, vars: 2, consts: [[1, "pins-panel"], [1, "pins-header"], [1, "pins-title"], [1, "fas", "fa-thumbtack"], [1, "pins-count"], ["title", "Close", 1, "pins-close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "pins-body"], ["text", "Loading pinned messages\u2026", "size", "small"], ["Size", "compact", "Icon", "fa-solid fa-thumbtack", "Title", "No pinned messages", 1, "pins-empty"], [1, "pin-card", 3, "unpinning"], [1, "pin-card"], [1, "pin-card-meta"], [1, "pin-sender"], [1, "pin-avatar"], [1, "fas", "fa-robot"], [1, "pin-sender-name"], [1, "pin-time"], [1, "pin-preview"], [1, "pin-actions"], ["title", "Jump to message", 1, "pin-action-btn", "jump-btn", 3, "click"], [1, "fas", "fa-arrow-up-right-from-square"], ["title", "Unpin this message", 1, "pin-action-btn", "unpin-btn"], ["title", "Unpin this message", 1, "pin-action-btn", "unpin-btn", 3, "click"]], template: function PinnedMessagesPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
             i0.ɵɵelement(3, "i", 3);
             i0.ɵɵelementStart(4, "span");
@@ -139,7 +199,7 @@ export class PinnedMessagesPanelComponent {
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(10, "div", 7);
             i0.ɵɵconditionalCreate(11, PinnedMessagesPanelComponent_Conditional_11_Template, 1, 0, "mj-loading", 8)(12, PinnedMessagesPanelComponent_Conditional_12_Template, 1, 0, "mj-empty-state", 9);
-            i0.ɵɵrepeaterCreate(13, PinnedMessagesPanelComponent_For_14_Template, 18, 5, "div", 10, _forTrack0);
+            i0.ɵɵrepeaterCreate(13, PinnedMessagesPanelComponent_For_14_Template, 16, 6, "div", 10, _forTrack0);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(7);
@@ -152,15 +212,27 @@ export class PinnedMessagesPanelComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PinnedMessagesPanelComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-pinned-messages-panel', template: "<div class=\"pins-panel\">\n  <div class=\"pins-header\">\n    <div class=\"pins-title\">\n      <i class=\"fas fa-thumbtack\"></i>\n      <span>Pinned Messages</span>\n      <span class=\"pins-count\">{{ pinnedMessages.length }}</span>\n    </div>\n    <button class=\"pins-close-btn\" (click)=\"Close()\" title=\"Close\">\n      <i class=\"fas fa-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"pins-body\">\n    <!-- Rows are fetched on first open now, so \"empty\" and \"not loaded yet\" are different\n         states \u2014 showing the empty state during the fetch would claim there are no pins. -->\n    @if (isLoading) {\n      <mj-loading text=\"Loading pinned messages\u2026\" size=\"small\"></mj-loading>\n    } @else if (pinnedMessages.length === 0) {\n      <mj-empty-state class=\"pins-empty\" Size=\"compact\"\n        Icon=\"fa-solid fa-thumbtack\"\n        Title=\"No pinned messages\" />\n    }\n\n    @for (message of pinnedMessages; track message.ID) {\n      <div class=\"pin-card\" [class.unpinning]=\"IsUnpinning(message)\">\n        <div class=\"pin-card-meta\">\n          <div class=\"pin-sender\">\n            <div class=\"pin-avatar\">\n              <i class=\"fas fa-robot\"></i>\n            </div>\n            <span class=\"pin-sender-name\">{{ GetSenderName(message) }}</span>\n          </div>\n          <span class=\"pin-time\">{{ GetRelativeTime(message) }}</span>\n        </div>\n\n        <p class=\"pin-preview\">{{ GetPreviewText(message) }}</p>\n\n        <div class=\"pin-actions\">\n          <button class=\"pin-action-btn jump-btn\" (click)=\"OnJump(message)\" title=\"Jump to message\">\n            <i class=\"fas fa-arrow-up-right-from-square\"></i>\n            Jump to message\n          </button>\n          <button class=\"pin-action-btn unpin-btn\" (click)=\"OnUnpin(message)\" title=\"Unpin this message\">\n            <i class=\"fas fa-thumbtack\"></i>\n            Unpin\n          </button>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["/* ============================================================\n   Pinned Messages Panel \u2014 overlays the right edge of the chat\n   ============================================================ */\n\n:host {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 340px;\n  z-index: 50;\n  pointer-events: auto;\n  animation: slideInPanel 0.22s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n@keyframes slideInPanel {\n  from {\n    opacity: 0;\n    transform: translateX(24px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.pins-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n/* \u2500\u2500 Header \u2500\u2500 */\n.pins-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  background: var(--mj-bg-surface-card);\n}\n\n.pins-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.pins-title > i.fa-thumbtack {\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.pins-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border: 1px solid color-mix(in srgb, var(--mj-status-warning) 40%, transparent);\n  color: var(--mj-status-warning-text, var(--mj-status-warning));\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.pins-close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  color: var(--mj-text-muted);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.pins-close-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n/* \u2500\u2500 Body / Scrollable list \u2500\u2500 */\n.pins-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* \u2500\u2500 Empty state \u2500\u2500 */\n.pins-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 12px;\n  color: var(--mj-text-muted);\n}\n\n.pins-empty i {\n  font-size: 32px;\n  opacity: 0.4;\n}\n\n.pins-empty p {\n  font-size: 14px;\n  margin: 0;\n}\n\n/* \u2500\u2500 Pin Card \u2500\u2500 */\n.pin-card {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-left: 3px solid var(--mj-status-warning);\n  transition: opacity 0.2s, transform 0.2s;\n}\n\n.pin-card.unpinning {\n  opacity: 0;\n  transform: translateX(12px);\n}\n\n.pin-card:hover {\n  border-color: var(--mj-border-strong);\n  border-left-color: var(--mj-status-warning);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n/* Card meta row: avatar+name on left, time on right */\n.pin-card-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.pin-sender {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pin-avatar {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.pin-avatar i {\n  font-size: 10px;\n  color: var(--mj-brand-primary);\n}\n\n.pin-sender-name {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.pin-time {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n/* Preview text */\n.pin-preview {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--mj-text-primary);\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Card action buttons */\n.pin-actions {\n  display: flex;\n  gap: 6px;\n  margin-top: 2px;\n}\n\n.pin-action-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s;\n  border: 1px solid var(--mj-border-default);\n}\n\n.pin-action-btn i {\n  font-size: 11px;\n}\n\n.jump-btn {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.jump-btn:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.unpin-btn {\n  background: transparent;\n  color: var(--mj-text-secondary);\n}\n\n.unpin-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n/* \u2500\u2500 Scrollbar styling \u2500\u2500 */\n.pins-body::-webkit-scrollbar { width: 4px; }\n.pins-body::-webkit-scrollbar-track { background: transparent; }\n.pins-body::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 2px;\n}\n"] }]
-    }], null, { pinnedMessages: [{
+        args: [{ standalone: false, selector: 'mj-pinned-messages-panel', template: "<div class=\"pins-panel\">\n  <div class=\"pins-header\">\n    <div class=\"pins-title\">\n      <i class=\"fas fa-thumbtack\"></i>\n      <span>Pinned Messages</span>\n      <span class=\"pins-count\">{{ pinnedMessages.length }}</span>\n    </div>\n    <button class=\"pins-close-btn\" (click)=\"Close()\" title=\"Close\">\n      <i class=\"fas fa-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"pins-body\">\n    <!-- Rows are fetched on first open now, so \"empty\" and \"not loaded yet\" are different\n         states \u2014 showing the empty state during the fetch would claim there are no pins. -->\n    @if (isLoading) {\n      <mj-loading text=\"Loading pinned messages\u2026\" size=\"small\"></mj-loading>\n    } @else if (pinnedMessages.length === 0) {\n      <mj-empty-state class=\"pins-empty\" Size=\"compact\"\n        Icon=\"fa-solid fa-thumbtack\"\n        Title=\"No pinned messages\" />\n    }\n\n    @for (message of pinnedMessages; track message.ID) {\n      <div class=\"pin-card\" [class.unpinning]=\"IsUnpinning(message)\">\n        <div class=\"pin-card-meta\">\n          <div class=\"pin-sender\">\n            <div class=\"pin-avatar\">\n              <i class=\"fas fa-robot\"></i>\n            </div>\n            <span class=\"pin-sender-name\">{{ GetSenderName(message) }}</span>\n          </div>\n          <span class=\"pin-time\">{{ GetRelativeTime(message) }}</span>\n        </div>\n\n        <p class=\"pin-preview\">{{ GetPreviewText(message) }}</p>\n\n        <div class=\"pin-actions\">\n          <button class=\"pin-action-btn jump-btn\" (click)=\"OnJump(message)\" title=\"Jump to message\">\n            <i class=\"fas fa-arrow-up-right-from-square\"></i>\n            Jump to message\n          </button>\n          @if (AllowUnpin) {\n            <button class=\"pin-action-btn unpin-btn\" (click)=\"OnUnpin(message)\" title=\"Unpin this message\">\n              <i class=\"fas fa-thumbtack\"></i>\n              Unpin\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: ["/* ============================================================\n   Pinned Messages Panel \u2014 overlays the right edge of the chat\n   ============================================================ */\n\n:host {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 340px;\n  z-index: 50;\n  pointer-events: auto;\n  animation: slideInPanel 0.22s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n@keyframes slideInPanel {\n  from {\n    opacity: 0;\n    transform: translateX(24px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n.pins-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n/* \u2500\u2500 Header \u2500\u2500 */\n.pins-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  background: var(--mj-bg-surface-card);\n}\n\n.pins-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.pins-title > i.fa-thumbtack {\n  color: var(--mj-status-warning);\n  font-size: 13px;\n}\n\n.pins-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: 10px;\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  border: 1px solid color-mix(in srgb, var(--mj-status-warning) 40%, transparent);\n  color: var(--mj-status-warning-text, var(--mj-status-warning));\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.pins-close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  color: var(--mj-text-muted);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.pins-close-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n/* \u2500\u2500 Body / Scrollable list \u2500\u2500 */\n.pins-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n/* \u2500\u2500 Empty state \u2500\u2500 */\n.pins-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 12px;\n  color: var(--mj-text-muted);\n}\n\n.pins-empty i {\n  font-size: 32px;\n  opacity: 0.4;\n}\n\n.pins-empty p {\n  font-size: 14px;\n  margin: 0;\n}\n\n/* \u2500\u2500 Pin Card \u2500\u2500 */\n.pin-card {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-left: 3px solid var(--mj-status-warning);\n  transition: opacity 0.2s, transform 0.2s;\n}\n\n.pin-card.unpinning {\n  opacity: 0;\n  transform: translateX(12px);\n}\n\n.pin-card:hover {\n  border-color: var(--mj-border-strong);\n  border-left-color: var(--mj-status-warning);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n}\n\n/* Card meta row: avatar+name on left, time on right */\n.pin-card-meta {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.pin-sender {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pin-avatar {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.pin-avatar i {\n  font-size: 10px;\n  color: var(--mj-brand-primary);\n}\n\n.pin-sender-name {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.pin-time {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n/* Preview text */\n.pin-preview {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1.5;\n  color: var(--mj-text-primary);\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n/* Card action buttons */\n.pin-actions {\n  display: flex;\n  gap: 6px;\n  margin-top: 2px;\n}\n\n.pin-action-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 5px 10px;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s;\n  border: 1px solid var(--mj-border-default);\n}\n\n.pin-action-btn i {\n  font-size: 11px;\n}\n\n.jump-btn {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.jump-btn:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.unpin-btn {\n  background: transparent;\n  color: var(--mj-text-secondary);\n}\n\n.unpin-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n/* \u2500\u2500 Scrollbar styling \u2500\u2500 */\n.pins-body::-webkit-scrollbar { width: 4px; }\n.pins-body::-webkit-scrollbar-track { background: transparent; }\n.pins-body::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 2px;\n}\n"] }]
+    }], null, { PinnedMessages: [{
+            type: Input
+        }], pinnedMessages: [{
+            type: Input
+        }], IsLoading: [{
             type: Input
         }], isLoading: [{
             type: Input
+        }], AllowUnpin: [{
+            type: Input
+        }], Closed: [{
+            type: Output
         }], closed: [{
             type: Output
+        }], JumpRequested: [{
+            type: Output
         }], jumpRequested: [{
             type: Output
+        }], UnpinRequested: [{
+            type: Output
         }], unpinRequested: [{
             type: Output
         }] }); })();

package/dist/lib/components/conversation/pinned-messages-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"pinned-messages-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts","../../../../src/lib/components/conversation/pinned-messages-panel.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { MJConversationDetailEntity } from '@memberjunction/core-entities';\n\n@Component({\n  standalone: false,\n  selector: 'mj-pinned-messages-panel',\n  templateUrl: './pinned-messages-panel.component.html',\n  styleUrls: ['./pinned-messages-panel.component.css']\n})\nexport class PinnedMessagesPanelComponent {\n  /**\n   * Readonly because the chat area hands over the window store's own pin array by reference —\n   * a stable reference between real changes is what keeps this input from re-firing every\n   * change detection cycle. The panel renders it; it never mutates it.\n   */\n  @Input() public pinnedMessages: readonly MJConversationDetailEntity[] = [];\n\n  /**\n   * True during the panel's first open, while its rows are being fetched.\n   *\n   * Pins are no longer loaded during conversation open — the open path reads only a count —\n   * so the panel can now render before its contents exist.\n   */\n  @Input() public isLoading = false;\n\n  @Output() public closed = new EventEmitter<void>();\n  @Output() public jumpRequested = new EventEmitter<string>(); // emits messageId\n  @Output() public unpinRequested = new EventEmitter<MJConversationDetailEntity>();\n\n  /** IDs currently being removed (for fade-out animation) */\n  public unpinningIds = new Set<string>();\n\n  public Close(): void {\n    this.closed.emit();\n  }\n\n  public OnJump(message: MJConversationDetailEntity): void {\n    this.jumpRequested.emit(message.ID);\n  }\n\n  public OnUnpin(message: MJConversationDetailEntity): void {\n    this.unpinningIds.add(message.ID);\n    // Let the card animate out before the parent removes it from the list\n    setTimeout(() => {\n      this.unpinningIds.delete(message.ID);\n      this.unpinRequested.emit(message);\n    }, 200);\n  }\n\n  public IsUnpinning(message: MJConversationDetailEntity): boolean {\n    return this.unpinningIds.has(message.ID);\n  }\n\n  /** Strip markdown to plain prose for card preview */\n  public GetPreviewText(message: MJConversationDetailEntity): string {\n    const raw = message.Message || '';\n    const stripped = raw\n      .replace(/```[\\s\\S]*?```/g, '[code]')   // fenced code blocks\n      .replace(/`[^`]*`/g, '[code]')           // inline code\n      .replace(/#{1,6}\\s+/g, '')               // headings\n      .replace(/\\*\\*(.+?)\\*\\*/g, '$1')         // bold\n      .replace(/\\*(.+?)\\*/g, '$1')             // italic\n      .replace(/\\[([^\\]]+)\\]\\([^)]+\\)/g, '$1') // links\n      .replace(/!\\[([^\\]]*)\\]\\([^)]+\\)/g, '')  // images\n      .replace(/>\\s+/g, '')                    // blockquotes\n      .replace(/\\n+/g, ' ')                    // newlines → spaces\n      .trim();\n    return stripped.length > 200 ? stripped.substring(0, 197) + '…' : stripped;\n  }\n\n  /** Human-readable relative timestamp */\n  public GetRelativeTime(message: MJConversationDetailEntity): string {\n    const created = message.__mj_CreatedAt;\n    if (!created) return '';\n    const diffMs = Date.now() - new Date(created).getTime();\n    const mins = Math.floor(diffMs / 60_000);\n    const hours = Math.floor(diffMs / 3_600_000);\n    const days = Math.floor(diffMs / 86_400_000);\n    if (mins < 1) return 'just now';\n    if (mins < 60) return `${mins}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    if (days === 1) return 'Yesterday';\n    if (days < 7) return `${days} days ago`;\n    return new Date(created).toLocaleDateString(undefined, { month: 'short', day: 'numeric' });\n  }\n\n  /** Display name for the message sender */\n  public GetSenderName(message: MJConversationDetailEntity): string {\n    if (message.Role === 'User') return 'You';\n    return 'AI Response';\n  }\n}\n","<div class=\"pins-panel\">\n  <div class=\"pins-header\">\n    <div class=\"pins-title\">\n      <i class=\"fas fa-thumbtack\"></i>\n      <span>Pinned Messages</span>\n      <span class=\"pins-count\">{{ pinnedMessages.length }}</span>\n    </div>\n    <button class=\"pins-close-btn\" (click)=\"Close()\" title=\"Close\">\n      <i class=\"fas fa-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"pins-body\">\n    <!-- Rows are fetched on first open now, so \"empty\" and \"not loaded yet\" are different\n         states — showing the empty state during the fetch would claim there are no pins. -->\n    @if (isLoading) {\n      <mj-loading text=\"Loading pinned messages…\" size=\"small\"></mj-loading>\n    } @else if (pinnedMessages.length === 0) {\n      <mj-empty-state class=\"pins-empty\" Size=\"compact\"\n        Icon=\"fa-solid fa-thumbtack\"\n        Title=\"No pinned messages\" />\n    }\n\n    @for (message of pinnedMessages; track message.ID) {\n      <div class=\"pin-card\" [class.unpinning]=\"IsUnpinning(message)\">\n        <div class=\"pin-card-meta\">\n          <div class=\"pin-sender\">\n            <div class=\"pin-avatar\">\n              <i class=\"fas fa-robot\"></i>\n            </div>\n            <span class=\"pin-sender-name\">{{ GetSenderName(message) }}</span>\n          </div>\n          <span class=\"pin-time\">{{ GetRelativeTime(message) }}</span>\n        </div>\n\n        <p class=\"pin-preview\">{{ GetPreviewText(message) }}</p>\n\n        <div class=\"pin-actions\">\n          <button class=\"pin-action-btn jump-btn\" (click)=\"OnJump(message)\" title=\"Jump to message\">\n            <i class=\"fas fa-arrow-up-right-from-square\"></i>\n            Jump to message\n          </button>\n          <button class=\"pin-action-btn unpin-btn\" (click)=\"OnUnpin(message)\" title=\"Unpin this message\">\n            <i class=\"fas fa-thumbtack\"></i>\n            Unpin\n          </button>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n"]}
+{"version":3,"file":"pinned-messages-panel.component.js","sourceRoot":"","sources":["../../../../src/lib/components/conversation/pinned-messages-panel.component.ts","../../../../src/lib/components/conversation/pinned-messages-panel.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { MJConversationDetailEntity } from '@memberjunction/core-entities';\n\n@Component({\n  standalone: false,\n  selector: 'mj-pinned-messages-panel',\n  templateUrl: './pinned-messages-panel.component.html',\n  styleUrls: ['./pinned-messages-panel.component.css']\n})\nexport class PinnedMessagesPanelComponent {\n  /**\n   * Readonly because the chat area hands over the window store's own pin array by reference —\n   * a stable reference between real changes is what keeps this input from re-firing every\n   * change detection cycle. The panel renders it; it never mutates it.\n   */\n  @Input() public PinnedMessages: readonly MJConversationDetailEntity[] = [];\n\n  /** @deprecated Use {@link PinnedMessages}. */\n  @Input() public set pinnedMessages(value: readonly MJConversationDetailEntity[]) {\n    this.PinnedMessages = value;\n  }\n  /** @deprecated Use {@link PinnedMessages}. */\n  public get pinnedMessages(): readonly MJConversationDetailEntity[] {\n    return this.PinnedMessages;\n  }\n\n  /**\n   * True during the panel's first open, while its rows are being fetched.\n   *\n   * Pins are no longer loaded during conversation open — the open path reads only a count —\n   * so the panel can now render before its contents exist.\n   */\n  @Input() public IsLoading = false;\n\n  /** @deprecated Use {@link IsLoading}. */\n  @Input() public set isLoading(value: PinnedMessagesPanelComponent['IsLoading']) {\n    this.IsLoading = value;\n  }\n  /** @deprecated Use {@link IsLoading}. */\n  public get isLoading(): PinnedMessagesPanelComponent['IsLoading'] {\n    return this.IsLoading;\n  }\n\n  /** When false, pins stay listed and jumpable but Unpin is hidden. */\n  @Input() public AllowUnpin = true;\n\n  @Output() public Closed = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link Closed}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (closed) keeps working. Must stay AFTER Closed: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() public closed = this.Closed;\n  @Output() public JumpRequested = new EventEmitter<string>();\n\n  /**\n   * @deprecated Use {@link JumpRequested}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (jumpRequested) keeps working. Must stay AFTER JumpRequested: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() public jumpRequested = this.JumpRequested; // emits messageId\n  @Output() public UnpinRequested = new EventEmitter<MJConversationDetailEntity>();\n\n  /**\n   * @deprecated Use {@link UnpinRequested}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (unpinRequested) keeps working. Must stay AFTER UnpinRequested: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() public unpinRequested = this.UnpinRequested;\n\n  /** IDs currently being removed (for fade-out animation) */\n  public UnpinningIds = new Set<string>();\n\n  /** @deprecated Use {@link UnpinningIds}. */\n  public get unpinningIds() {\n    return this.UnpinningIds;\n  }\n  /** @deprecated Use {@link UnpinningIds}. */\n  public set unpinningIds(value) {\n    this.UnpinningIds = value;\n  }\n\n  public Close(): void {\n    this.Closed.emit();\n  }\n\n  public OnJump(message: MJConversationDetailEntity): void {\n    this.JumpRequested.emit(message.ID);\n  }\n\n  public OnUnpin(message: MJConversationDetailEntity): void {\n    if (!this.AllowUnpin) {\n      return;\n    }\n    this.UnpinningIds.add(message.ID);\n    // Let the card animate out before the parent removes it from the list\n    setTimeout(() => {\n      this.UnpinningIds.delete(message.ID);\n      this.UnpinRequested.emit(message);\n    }, 200);\n  }\n\n  public IsUnpinning(message: MJConversationDetailEntity): boolean {\n    return this.UnpinningIds.has(message.ID);\n  }\n\n  /** Strip markdown to plain prose for card preview */\n  public GetPreviewText(message: MJConversationDetailEntity): string {\n    const raw = message.Message || '';\n    const stripped = raw\n      .replace(/```[\\s\\S]*?```/g, '[code]')   // fenced code blocks\n      .replace(/`[^`]*`/g, '[code]')           // inline code\n      .replace(/#{1,6}\\s+/g, '')               // headings\n      .replace(/\\*\\*(.+?)\\*\\*/g, '$1')         // bold\n      .replace(/\\*(.+?)\\*/g, '$1')             // italic\n      .replace(/\\[([^\\]]+)\\]\\([^)]+\\)/g, '$1') // links\n      .replace(/!\\[([^\\]]*)\\]\\([^)]+\\)/g, '')  // images\n      .replace(/>\\s+/g, '')                    // blockquotes\n      .replace(/\\n+/g, ' ')                    // newlines → spaces\n      .trim();\n    return stripped.length > 200 ? stripped.substring(0, 197) + '…' : stripped;\n  }\n\n  /** Human-readable relative timestamp */\n  public GetRelativeTime(message: MJConversationDetailEntity): string {\n    const created = message.__mj_CreatedAt;\n    if (!created) return '';\n    const diffMs = Date.now() - new Date(created).getTime();\n    const mins = Math.floor(diffMs / 60_000);\n    const hours = Math.floor(diffMs / 3_600_000);\n    const days = Math.floor(diffMs / 86_400_000);\n    if (mins < 1) return 'just now';\n    if (mins < 60) return `${mins}m ago`;\n    if (hours < 24) return `${hours}h ago`;\n    if (days === 1) return 'Yesterday';\n    if (days < 7) return `${days} days ago`;\n    return new Date(created).toLocaleDateString(undefined, { month: 'short', day: 'numeric' });\n  }\n\n  /** Display name for the message sender */\n  public GetSenderName(message: MJConversationDetailEntity): string {\n    if (message.Role === 'User') return 'You';\n    return 'AI Response';\n  }\n}\n","<div class=\"pins-panel\">\n  <div class=\"pins-header\">\n    <div class=\"pins-title\">\n      <i class=\"fas fa-thumbtack\"></i>\n      <span>Pinned Messages</span>\n      <span class=\"pins-count\">{{ pinnedMessages.length }}</span>\n    </div>\n    <button class=\"pins-close-btn\" (click)=\"Close()\" title=\"Close\">\n      <i class=\"fas fa-times\"></i>\n    </button>\n  </div>\n\n  <div class=\"pins-body\">\n    <!-- Rows are fetched on first open now, so \"empty\" and \"not loaded yet\" are different\n         states — showing the empty state during the fetch would claim there are no pins. -->\n    @if (isLoading) {\n      <mj-loading text=\"Loading pinned messages…\" size=\"small\"></mj-loading>\n    } @else if (pinnedMessages.length === 0) {\n      <mj-empty-state class=\"pins-empty\" Size=\"compact\"\n        Icon=\"fa-solid fa-thumbtack\"\n        Title=\"No pinned messages\" />\n    }\n\n    @for (message of pinnedMessages; track message.ID) {\n      <div class=\"pin-card\" [class.unpinning]=\"IsUnpinning(message)\">\n        <div class=\"pin-card-meta\">\n          <div class=\"pin-sender\">\n            <div class=\"pin-avatar\">\n              <i class=\"fas fa-robot\"></i>\n            </div>\n            <span class=\"pin-sender-name\">{{ GetSenderName(message) }}</span>\n          </div>\n          <span class=\"pin-time\">{{ GetRelativeTime(message) }}</span>\n        </div>\n\n        <p class=\"pin-preview\">{{ GetPreviewText(message) }}</p>\n\n        <div class=\"pin-actions\">\n          <button class=\"pin-action-btn jump-btn\" (click)=\"OnJump(message)\" title=\"Jump to message\">\n            <i class=\"fas fa-arrow-up-right-from-square\"></i>\n            Jump to message\n          </button>\n          @if (AllowUnpin) {\n            <button class=\"pin-action-btn unpin-btn\" (click)=\"OnUnpin(message)\" title=\"Unpin this message\">\n              <i class=\"fas fa-thumbtack\"></i>\n              Unpin\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </div>\n</div>\n"]}

package/dist/lib/components/dialogs/input-dialog.component.d.ts

@@ -1,19 +1,65 @@
 import * as i0 from "@angular/core";
 export declare class InputDialogComponent {
-    message: string;
-    inputLabel: string;
-    inputType: 'text' | 'textarea' | 'number' | 'email';
-    placeholder: string;
-    required: boolean;
-    value: string;
-    secondInputLabel: string;
-    secondInputPlaceholder: string;
-    secondInputRequired: boolean;
-    secondValue: string;
+    Message: string;
+    /** @deprecated Use {@link Message}. */
+    set message(value: string);
+    /** @deprecated Use {@link Message}. */
+    get message(): string;
+    InputLabel: string;
+    /** @deprecated Use {@link InputLabel}. */
+    set inputLabel(value: string);
+    /** @deprecated Use {@link InputLabel}. */
+    get inputLabel(): string;
+    InputType: 'text' | 'textarea' | 'number' | 'email';
+    /** @deprecated Use {@link InputType}. */
+    set inputType(value: 'text' | 'textarea' | 'number' | 'email');
+    /** @deprecated Use {@link InputType}. */
+    get inputType(): 'text' | 'textarea' | 'number' | 'email';
+    Placeholder: string;
+    /** @deprecated Use {@link Placeholder}. */
+    set placeholder(value: string);
+    /** @deprecated Use {@link Placeholder}. */
+    get placeholder(): string;
+    Required: boolean;
+    /** @deprecated Use {@link Required}. */
+    set required(value: boolean);
+    /** @deprecated Use {@link Required}. */
+    get required(): boolean;
+    Value: string;
+    /** @deprecated Use {@link Value}. */
+    set value(value: string);
+    /** @deprecated Use {@link Value}. */
+    get value(): string;
+    SecondInputLabel: string;
+    /** @deprecated Use {@link SecondInputLabel}. */
+    set secondInputLabel(value: string);
+    /** @deprecated Use {@link SecondInputLabel}. */
+    get secondInputLabel(): string;
+    SecondInputPlaceholder: string;
+    /** @deprecated Use {@link SecondInputPlaceholder}. */
+    set secondInputPlaceholder(value: string);
+    /** @deprecated Use {@link SecondInputPlaceholder}. */
+    get secondInputPlaceholder(): string;
+    SecondInputRequired: boolean;
+    /** @deprecated Use {@link SecondInputRequired}. */
+    set secondInputRequired(value: boolean);
+    /** @deprecated Use {@link SecondInputRequired}. */
+    get secondInputRequired(): boolean;
+    SecondValue: string;
+    /** @deprecated Use {@link SecondValue}. */
+    set secondValue(value: string);
+    /** @deprecated Use {@link SecondValue}. */
+    get secondValue(): string;
+    OnEnterKey(event: Event): void;
+    /** @deprecated Use {@link OnEnterKey}. */
     onEnterKey(event: Event): void;
+    GetValue(): string;
+    /** @deprecated Use {@link GetValue}. */
     getValue(): string;
+    GetSecondValue(): string;
+    /** @deprecated Use {@link GetSecondValue}. */
     getSecondValue(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputDialogComponent, "mj-input-dialog", never, { "message": { "alias": "message"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "secondInputLabel": { "alias": "secondInputLabel"; "required": false; }; "secondInputPlaceholder": { "alias": "secondInputPlaceholder"; "required": false; }; "secondInputRequired": { "alias": "secondInputRequired"; "required": false; }; "secondValue": { "alias": "secondValue"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputDialogComponent, "mj-input-dialog", never, { "Message": { "alias": "Message"; "required": false; }; "message": { "alias": "message"; "required": false; }; "InputLabel": { "alias": "InputLabel"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "InputType": { "alias": "InputType"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "Placeholder": { "alias": "Placeholder"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "Required": { "alias": "Required"; "required": false; }; "required": { "alias": "required"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; "value": { "alias": "value"; "required": false; }; "SecondInputLabel": { "alias": "SecondInputLabel"; "required": false; }; "secondInputLabel": { "alias": "secondInputLabel"; "required": false; }; "SecondInputPlaceholder": { "alias": "SecondInputPlaceholder"; "required": false; }; "secondInputPlaceholder": { "alias": "secondInputPlaceholder"; "required": false; }; "SecondInputRequired": { "alias": "SecondInputRequired"; "required": false; }; "secondInputRequired": { "alias": "secondInputRequired"; "required": false; }; "SecondValue": { "alias": "SecondValue"; "required": false; }; "secondValue": { "alias": "secondValue"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=input-dialog.component.d.ts.map

package/dist/lib/components/dialogs/input-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/input-dialog.component.ts"],"names":[],"mappings":";AAEA,qBAsGa,oBAAoB;IACtB,OAAO,EAAE,MAAM,CAAM;IACrB,UAAU,EAAE,MAAM,CAAM;IACxB,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAU;IAC7D,WAAW,EAAE,MAAM,CAAM;IACzB,QAAQ,EAAE,OAAO,CAAS;IAC1B,KAAK,EAAE,MAAM,CAAM;IACnB,gBAAgB,EAAE,MAAM,CAAM;IAC9B,sBAAsB,EAAE,MAAM,CAAM;IACpC,mBAAmB,EAAE,OAAO,CAAS;IACrC,WAAW,EAAE,MAAM,CAAM;IAElC,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAY9B,QAAQ,IAAI,MAAM;IAIlB,cAAc,IAAI,MAAM;yCA5Bb,oBAAoB;2CAApB,oBAAoB;CA+BhC"}
+{"version":3,"file":"input-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/dialogs/input-dialog.component.ts"],"names":[],"mappings":";AAEA,qBAsGa,oBAAoB;IACtB,OAAO,EAAE,MAAM,CAAM;IAE9B,uCAAuC;IACvC,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAEjC;IACD,uCAAuC;IACvC,IAAI,OAAO,IAAI,MAAM,CAEpB;IACQ,UAAU,EAAE,MAAM,CAAM;IAEjC,0CAA0C;IAC1C,IAAa,UAAU,CAAC,KAAK,EAAE,MAAM,EAEpC;IACD,0CAA0C;IAC1C,IAAI,UAAU,IAAI,MAAM,CAEvB;IACQ,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAU;IAEtE,yCAAyC;IACzC,IAAa,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,EAErE;IACD,yCAAyC;IACzC,IAAI,SAAS,IAAI,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAExD;IACQ,WAAW,EAAE,MAAM,CAAM;IAElC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,MAAM,CAExB;IACQ,QAAQ,EAAE,OAAO,CAAS;IAEnC,wCAAwC;IACxC,IAAa,QAAQ,CAAC,KAAK,EAAE,OAAO,EAEnC;IACD,wCAAwC;IACxC,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACQ,KAAK,EAAE,MAAM,CAAM;IAE5B,qCAAqC;IACrC,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,EAE/B;IACD,qCAAqC;IACrC,IAAI,KAAK,IAAI,MAAM,CAElB;IACQ,gBAAgB,EAAE,MAAM,CAAM;IAEvC,gDAAgD;IAChD,IAAa,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAE1C;IACD,gDAAgD;IAChD,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IACQ,sBAAsB,EAAE,MAAM,CAAM;IAE7C,sDAAsD;IACtD,IAAa,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAEhD;IACD,sDAAsD;IACtD,IAAI,sBAAsB,IAAI,MAAM,CAEnC;IACQ,mBAAmB,EAAE,OAAO,CAAS;IAE9C,mDAAmD;IACnD,IAAa,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAE9C;IACD,mDAAmD;IACnD,IAAI,mBAAmB,IAAI,OAAO,CAEjC;IACQ,WAAW,EAAE,MAAM,CAAM;IAElC,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,MAAM,CAExB;IAED,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAY9B,0CAA0C;IAC1C,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI;IAI9B,QAAQ,IAAI,MAAM;IAIlB,wCAAwC;IACxC,QAAQ,IAAI,MAAM;IAIlB,cAAc,IAAI,MAAM;IAIxB,8CAA8C;IAC9C,cAAc,IAAI,MAAM;yCArIb,oBAAoB;2CAApB,oBAAoB;CAwIhC"}