@memberjunction/ng-conversations 3.0.0 → 3.1.1

package/dist/lib/components/delete-confirm/delete-confirm-modal.component.js

@@ -1,276 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@memberjunction/ng-shared-generic";
-const _forTrack0 = ($index, $item) => $item.ID;
-function DeleteConfirmModalComponent_Conditional_0_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelement(1, "i", 19);
-    i0.ɵɵelementStart(2, "span", 20);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const message_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.getMessageIcon(message_r3));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.truncateMessage(message_r3.Message));
-} }
-function DeleteConfirmModalComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "div", 21);
-    i0.ɵɵelement(2, "i", 22);
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "label", 23)(6, "input", 24);
-    i0.ɵɵtwoWayListener("ngModelChange", function DeleteConfirmModalComponent_Conditional_0_Conditional_17_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.keepArtifacts, $event) || (ctx_r1.keepArtifacts = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span");
-    i0.ɵɵtext(8, "Keep artifacts (unlink from conversation)");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2("This will also delete ", ctx_r1.artifactsAffected.length, " ", ctx_r1.artifactsAffected.length === 1 ? "artifact" : "artifacts", "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.keepArtifacts);
-    i0.ɵɵproperty("disabled", ctx_r1.isDeleting);
-} }
-function DeleteConfirmModalComponent_Conditional_0_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "mj-loading", 25);
-    i0.ɵɵelementEnd();
-} }
-function DeleteConfirmModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵlistener("click", function DeleteConfirmModalComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵelementStart(1, "div", 2);
-    i0.ɵɵlistener("click", function DeleteConfirmModalComponent_Conditional_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 3)(3, "h3");
-    i0.ɵɵelement(4, "i", 4);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 5);
-    i0.ɵɵlistener("click", function DeleteConfirmModalComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵelement(7, "i", 6);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 7)(9, "p", 8);
-    i0.ɵɵtext(10, " You are about to delete ");
-    i0.ɵɵelementStart(11, "strong");
-    i0.ɵɵtext(12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 9);
-    i0.ɵɵrepeaterCreate(15, DeleteConfirmModalComponent_Conditional_0_For_16_Template, 4, 2, "div", 10, _forTrack0);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(17, DeleteConfirmModalComponent_Conditional_0_Conditional_17_Template, 9, 4, "div", 11);
-    i0.ɵɵelementStart(18, "div", 12);
-    i0.ɵɵelement(19, "i", 13);
-    i0.ɵɵtext(20, " This action cannot be undone. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(21, DeleteConfirmModalComponent_Conditional_0_Conditional_21_Template, 2, 0, "div", 14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 15)(23, "button", 16);
-    i0.ɵɵlistener("click", function DeleteConfirmModalComponent_Conditional_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCancel()); });
-    i0.ɵɵtext(24, " Cancel ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 17);
-    i0.ɵɵlistener("click", function DeleteConfirmModalComponent_Conditional_0_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onConfirm()); });
-    i0.ɵɵelement(26, "i", 18);
-    i0.ɵɵtext(27);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.dialogTitle, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r1.isDeleting);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.messagesToDelete.length);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.messagesToDelete.length === 1 ? "message" : "messages", ": ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.messagesToDelete);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.artifactsAffected.length > 0 ? 17 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.isDeleting ? 21 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isDeleting);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.isDeleting);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Delete ", ctx_r1.messagesToDelete.length === 1 ? "Message" : "Messages", " ");
-} }
-/**
- * Confirmation modal for deleting conversation messages.
- * Shows a preview of messages to be deleted and affected artifacts.
- * Uses custom CSS modal pattern (not Kendo) to match conversation UI.
- */
-export class DeleteConfirmModalComponent {
-    /** Whether the modal is visible */
-    isVisible = false;
-    /** Custom title for the dialog */
-    title = 'Delete Messages';
-    /** List of messages that will be deleted */
-    messagesToDelete = [];
-    /** List of artifacts affected by the deletion */
-    artifactsAffected = [];
-    /** Whether a delete operation is in progress */
-    isDeleting = false;
-    /** Emitted when user cancels the delete */
-    cancelled = new EventEmitter();
-    /** Emitted when user confirms the delete */
-    confirmed = new EventEmitter();
-    /** Whether to keep artifacts when deleting messages */
-    keepArtifacts = false;
-    /** Computed dialog title */
-    get dialogTitle() {
-        return this.title;
-    }
-    /**
-     * Get icon class for a message based on sender type
-     */
-    getMessageIcon(message) {
-        // Check if message is from user (Role lowercase === 'user')
-        const isUser = message.Role?.trim().toLowerCase() === 'user';
-        return isUser ? 'fa-user' : 'fa-robot';
-    }
-    /**
-     * Truncate message text for preview
-     */
-    truncateMessage(text) {
-        if (!text)
-            return '(empty message)';
-        const maxLength = 60;
-        const cleaned = text.replace(/\n/g, ' ').trim();
-        if (cleaned.length <= maxLength) {
-            return `"${cleaned}"`;
-        }
-        return `"${cleaned.substring(0, maxLength)}..."`;
-    }
-    /**
-     * Handle cancel button click
-     */
-    onCancel() {
-        this.keepArtifacts = false;
-        this.cancelled.emit();
-    }
-    /**
-     * Handle confirm delete button click
-     */
-    onConfirm() {
-        this.confirmed.emit({ keepArtifacts: this.keepArtifacts });
-    }
-    static ɵfac = function DeleteConfirmModalComponent_Factory(t) { return new (t || DeleteConfirmModalComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteConfirmModalComponent, selectors: [["mj-delete-confirm-modal"]], inputs: { isVisible: "isVisible", title: "title", messagesToDelete: "messagesToDelete", artifactsAffected: "artifactsAffected", isDeleting: "isDeleting" }, outputs: { cancelled: "cancelled", confirmed: "confirmed" }, decls: 1, vars: 1, consts: [[1, "modal-overlay"], [1, "modal-overlay", 3, "click"], [1, "modal-content", "delete-confirm-modal", 3, "click"], [1, "modal-header"], [1, "fas", "fa-exclamation-triangle", "warning-icon"], [1, "modal-close-btn", 3, "click", "disabled"], [1, "fas", "fa-times"], [1, "modal-body"], [1, "delete-summary"], [1, "message-preview-list"], [1, "message-preview-item"], [1, "artifacts-warning"], [1, "warning-message"], [1, "fa-solid", "fa-info-circle"], [1, "loading-indicator"], [1, "modal-footer"], [1, "btn", "btn-secondary", 3, "click", "disabled"], [1, "btn", "btn-danger", 3, "click", "disabled"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", 3, "ngClass"], [1, "message-text"], [1, "warning-header"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "keep-artifacts-checkbox"], ["type", "checkbox", 3, "ngModelChange", "ngModel", "disabled"], ["text", "Deleting messages...", "size", "small"]], template: function DeleteConfirmModalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, DeleteConfirmModalComponent_Conditional_0_Template, 28, 9, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.isVisible ? 0 : -1);
-        } }, dependencies: [i1.NgClass, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.LoadingComponent], styles: ["\n\n    .modal-overlay[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1000;\n      animation: _ngcontent-%COMP%_fadeIn 0.15s ease-out;\n    }\n\n    @keyframes _ngcontent-%COMP%_fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    \n\n    .modal-content.delete-confirm-modal[_ngcontent-%COMP%] {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n      width: 500px;\n      max-width: 90vw;\n      max-height: 90vh;\n      display: flex;\n      flex-direction: column;\n      animation: _ngcontent-%COMP%_slideIn 0.2s ease-out;\n    }\n\n    @keyframes _ngcontent-%COMP%_slideIn {\n      from {\n        opacity: 0;\n        transform: translateY(-10px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \n\n    .modal-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px 20px;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .modal-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #111827;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .modal-header[_ngcontent-%COMP%]   .warning-icon[_ngcontent-%COMP%] {\n      color: #F59E0B;\n    }\n\n    .modal-close-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      padding: 8px;\n      cursor: pointer;\n      color: #6B7280;\n      border-radius: 4px;\n      transition: background 0.15s, color 0.15s;\n    }\n\n    .modal-close-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #F3F4F6;\n      color: #111827;\n    }\n\n    .modal-close-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    \n\n    .modal-body[_ngcontent-%COMP%] {\n      padding: 20px;\n      overflow-y: auto;\n    }\n\n    .delete-summary[_ngcontent-%COMP%] {\n      margin: 0 0 16px 0;\n      font-size: 14px;\n      color: #374151;\n    }\n\n    .delete-summary[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n      color: #DC2626;\n    }\n\n    \n\n    .message-preview-list[_ngcontent-%COMP%] {\n      max-height: 200px;\n      overflow-y: auto;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      margin-bottom: 16px;\n    }\n\n    .message-preview-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      padding: 10px 12px;\n      border-bottom: 1px solid #F3F4F6;\n      font-size: 13px;\n    }\n\n    .message-preview-item[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .message-preview-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      width: 20px;\n      text-align: center;\n      margin-top: 2px;\n    }\n\n    .message-preview-item[_ngcontent-%COMP%]   i.fa-user[_ngcontent-%COMP%] {\n      color: #6366F1;\n    }\n\n    .message-preview-item[_ngcontent-%COMP%]   i.fa-robot[_ngcontent-%COMP%] {\n      color: #10B981;\n    }\n\n    .message-text[_ngcontent-%COMP%] {\n      color: #6B7280;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n\n    \n\n    .artifacts-warning[_ngcontent-%COMP%] {\n      background: #FEF3C7;\n      border: 1px solid #F59E0B;\n      border-radius: 6px;\n      padding: 12px;\n      margin-bottom: 16px;\n    }\n\n    .warning-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 500;\n      color: #92400E;\n      margin-bottom: 10px;\n    }\n\n    .warning-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #F59E0B;\n    }\n\n    .keep-artifacts-checkbox[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      color: #78350F;\n      cursor: pointer;\n      padding: 6px 8px;\n      margin: -6px -8px;\n      border-radius: 4px;\n      transition: background 0.15s;\n    }\n\n    .keep-artifacts-checkbox[_ngcontent-%COMP%]:hover {\n      background: rgba(245, 158, 11, 0.15);\n    }\n\n    .keep-artifacts-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n      cursor: pointer;\n      width: 16px;\n      height: 16px;\n    }\n\n    \n\n    .warning-message[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      color: #6B7280;\n      padding: 10px 12px;\n      background: #F9FAFB;\n      border-radius: 4px;\n    }\n\n    .warning-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #9CA3AF;\n    }\n\n    \n\n    .loading-indicator[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 15px;\n      padding: 12px;\n      background: #f8f9fa;\n      border-radius: 4px;\n      color: #666;\n    }\n\n    \n\n    .modal-footer[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 16px 20px;\n      border-top: 1px solid #E5E7EB;\n      background: #F9FAFB;\n      border-radius: 0 0 8px 8px;\n    }\n\n    \n\n    .btn[_ngcontent-%COMP%] {\n      padding: 8px 16px;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.15s, border-color 0.15s;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary[_ngcontent-%COMP%] {\n      background: white;\n      border: 1px solid #D1D5DB;\n      color: #374151;\n    }\n\n    .btn-secondary[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #F9FAFB;\n      border-color: #9CA3AF;\n    }\n\n    .btn-danger[_ngcontent-%COMP%] {\n      background: #DC2626;\n      border: 1px solid #DC2626;\n      color: white;\n    }\n\n    .btn-danger[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #B91C1C;\n      border-color: #B91C1C;\n    }"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteConfirmModalComponent, [{
-        type: Component,
-        args: [{ selector: 'mj-delete-confirm-modal', template: `
-    @if (isVisible) {
-      <div class="modal-overlay" (click)="onCancel()">
-        <div class="modal-content delete-confirm-modal" (click)="$event.stopPropagation()">
-          <!-- Header -->
-          <div class="modal-header">
-            <h3>
-              <i class="fas fa-exclamation-triangle warning-icon"></i>
-              {{ dialogTitle }}
-            </h3>
-            <button class="modal-close-btn" (click)="onCancel()" [disabled]="isDeleting">
-              <i class="fas fa-times"></i>
-            </button>
-          </div>
-
-          <!-- Body -->
-          <div class="modal-body">
-            <!-- Message count -->
-            <p class="delete-summary">
-              You are about to delete <strong>{{ messagesToDelete.length }}</strong>
-              {{ messagesToDelete.length === 1 ? 'message' : 'messages' }}:
-            </p>
-
-            <!-- Message preview list -->
-            <div class="message-preview-list">
-              @for (message of messagesToDelete; track message.ID) {
-                <div class="message-preview-item">
-                  <i class="fa-solid" [ngClass]="getMessageIcon(message)"></i>
-                  <span class="message-text">{{ truncateMessage(message.Message) }}</span>
-                </div>
-              }
-            </div>
-
-            <!-- Artifacts warning -->
-            @if (artifactsAffected.length > 0) {
-              <div class="artifacts-warning">
-                <div class="warning-header">
-                  <i class="fa-solid fa-exclamation-triangle"></i>
-                  <span>This will also delete {{ artifactsAffected.length }} {{ artifactsAffected.length === 1 ? 'artifact' : 'artifacts' }}</span>
-                </div>
-
-                <label class="keep-artifacts-checkbox">
-                  <input
-                    type="checkbox"
-                    [(ngModel)]="keepArtifacts"
-                    [disabled]="isDeleting">
-                  <span>Keep artifacts (unlink from conversation)</span>
-                </label>
-              </div>
-            }
-
-            <!-- Warning message -->
-            <div class="warning-message">
-              <i class="fa-solid fa-info-circle"></i>
-              This action cannot be undone.
-            </div>
-
-            <!-- Loading indicator -->
-            @if (isDeleting) {
-              <div class="loading-indicator">
-                <mj-loading text="Deleting messages..." size="small"></mj-loading>
-              </div>
-            }
-          </div>
-
-          <!-- Footer -->
-          <div class="modal-footer">
-            <button class="btn btn-secondary" [disabled]="isDeleting" (click)="onCancel()">
-              Cancel
-            </button>
-            <button class="btn btn-danger"
-                    [disabled]="isDeleting"
-                    (click)="onConfirm()">
-              <i class="fa-solid fa-trash"></i>
-              Delete {{ messagesToDelete.length === 1 ? 'Message' : 'Messages' }}
-            </button>
-          </div>
-        </div>
-      </div>
-    }
-  `, styles: ["\n    /* Modal overlay - matches conversation-chat-area pattern */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1000;\n      animation: fadeIn 0.15s ease-out;\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    /* Modal content container */\n    .modal-content.delete-confirm-modal {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n      width: 500px;\n      max-width: 90vw;\n      max-height: 90vh;\n      display: flex;\n      flex-direction: column;\n      animation: slideIn 0.2s ease-out;\n    }\n\n    @keyframes slideIn {\n      from {\n        opacity: 0;\n        transform: translateY(-10px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    /* Modal header */\n    .modal-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px 20px;\n      border-bottom: 1px solid #E5E7EB;\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #111827;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .modal-header .warning-icon {\n      color: #F59E0B;\n    }\n\n    .modal-close-btn {\n      background: none;\n      border: none;\n      padding: 8px;\n      cursor: pointer;\n      color: #6B7280;\n      border-radius: 4px;\n      transition: background 0.15s, color 0.15s;\n    }\n\n    .modal-close-btn:hover:not(:disabled) {\n      background: #F3F4F6;\n      color: #111827;\n    }\n\n    .modal-close-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Modal body */\n    .modal-body {\n      padding: 20px;\n      overflow-y: auto;\n    }\n\n    .delete-summary {\n      margin: 0 0 16px 0;\n      font-size: 14px;\n      color: #374151;\n    }\n\n    .delete-summary strong {\n      color: #DC2626;\n    }\n\n    /* Message preview list */\n    .message-preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n      border: 1px solid #E5E7EB;\n      border-radius: 6px;\n      margin-bottom: 16px;\n    }\n\n    .message-preview-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 10px;\n      padding: 10px 12px;\n      border-bottom: 1px solid #F3F4F6;\n      font-size: 13px;\n    }\n\n    .message-preview-item:last-child {\n      border-bottom: none;\n    }\n\n    .message-preview-item i {\n      flex-shrink: 0;\n      width: 20px;\n      text-align: center;\n      margin-top: 2px;\n    }\n\n    .message-preview-item i.fa-user {\n      color: #6366F1;\n    }\n\n    .message-preview-item i.fa-robot {\n      color: #10B981;\n    }\n\n    .message-text {\n      color: #6B7280;\n      line-height: 1.4;\n      word-break: break-word;\n    }\n\n    /* Artifacts warning section */\n    .artifacts-warning {\n      background: #FEF3C7;\n      border: 1px solid #F59E0B;\n      border-radius: 6px;\n      padding: 12px;\n      margin-bottom: 16px;\n    }\n\n    .warning-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      font-weight: 500;\n      color: #92400E;\n      margin-bottom: 10px;\n    }\n\n    .warning-header i {\n      color: #F59E0B;\n    }\n\n    .keep-artifacts-checkbox {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      color: #78350F;\n      cursor: pointer;\n      padding: 6px 8px;\n      margin: -6px -8px;\n      border-radius: 4px;\n      transition: background 0.15s;\n    }\n\n    .keep-artifacts-checkbox:hover {\n      background: rgba(245, 158, 11, 0.15);\n    }\n\n    .keep-artifacts-checkbox input[type=\"checkbox\"] {\n      cursor: pointer;\n      width: 16px;\n      height: 16px;\n    }\n\n    /* Warning message */\n    .warning-message {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      color: #6B7280;\n      padding: 10px 12px;\n      background: #F9FAFB;\n      border-radius: 4px;\n    }\n\n    .warning-message i {\n      color: #9CA3AF;\n    }\n\n    /* Loading indicator */\n    .loading-indicator {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 15px;\n      padding: 12px;\n      background: #f8f9fa;\n      border-radius: 4px;\n      color: #666;\n    }\n\n    /* Modal footer */\n    .modal-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 16px 20px;\n      border-top: 1px solid #E5E7EB;\n      background: #F9FAFB;\n      border-radius: 0 0 8px 8px;\n    }\n\n    /* Button styles */\n    .btn {\n      padding: 8px 16px;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.15s, border-color 0.15s;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      background: white;\n      border: 1px solid #D1D5DB;\n      color: #374151;\n    }\n\n    .btn-secondary:hover:not(:disabled) {\n      background: #F9FAFB;\n      border-color: #9CA3AF;\n    }\n\n    .btn-danger {\n      background: #DC2626;\n      border: 1px solid #DC2626;\n      color: white;\n    }\n\n    .btn-danger:hover:not(:disabled) {\n      background: #B91C1C;\n      border-color: #B91C1C;\n    }\n  "] }]
-    }], null, { isVisible: [{
-            type: Input
-        }], title: [{
-            type: Input
-        }], messagesToDelete: [{
-            type: Input
-        }], artifactsAffected: [{
-            type: Input
-        }], isDeleting: [{
-            type: Input
-        }], cancelled: [{
-            type: Output
-        }], confirmed: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteConfirmModalComponent, { className: "DeleteConfirmModalComponent" }); })();
-//# sourceMappingURL=delete-confirm-modal.component.js.map

package/dist/lib/components/delete-confirm/delete-confirm-modal.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"delete-confirm-modal.component.js","sourceRoot":"","sources":["../../../../src/lib/components/delete-confirm/delete-confirm-modal.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/services/conversation-state.service.d.ts

@@ -1,160 +0,0 @@
-import { ConversationEntity } from '@memberjunction/core-entities';
-import { UserInfo } from '@memberjunction/core';
-import * as i0 from "@angular/core";
-/**
- * Simplified state management for conversations
- * Uses simple arrays with Angular change detection instead of complex observables
- * This prevents synchronization issues when updating conversation properties
- */
-export declare class ConversationStateService {
-    conversations: ConversationEntity[];
-    private _activeConversationId;
-    searchQuery: string;
-    isLoading: boolean;
-    activeThreadId: string | null;
-    private _activeConversationId$;
-    readonly activeConversationId$: import("rxjs").Observable<string | null>;
-    pendingMessageToSend: string | null;
-    isNewUnsavedConversation: boolean;
-    pendingArtifactId: string | null;
-    pendingArtifactVersionNumber: number | null;
-    constructor();
-    /**
-     * Gets the active conversation ID
-     */
-    get activeConversationId(): string | null;
-    /**
-     * Sets the active conversation ID and emits change event
-     */
-    set activeConversationId(value: string | null);
-    /**
-     * Gets the active conversation object
-     */
-    get activeConversation(): ConversationEntity | null;
-    /**
-     * Gets filtered conversations based on search query
-     */
-    get filteredConversations(): ConversationEntity[];
-    /**
-     * Gets pinned conversations
-     */
-    get pinnedConversations(): ConversationEntity[];
-    /**
-     * Sets the active conversation
-     * @param id The conversation ID to activate (or null to clear)
-     */
-    setActiveConversation(id: string | null): void;
-    /**
-     * Initiates a new unsaved conversation (doesn't create DB record yet)
-     * This shows the welcome screen and delays DB creation until first message
-     */
-    startNewConversation(): void;
-    /**
-     * Clears the new unsaved conversation state
-     * Called when the conversation is actually created or cancelled
-     */
-    clearNewConversationState(): void;
-    /**
-     * Gets the current active conversation ID
-     */
-    getActiveConversationId(): string | null;
-    /**
-     * Adds a conversation to the list
-     * @param conversation The conversation to add
-     */
-    addConversation(conversation: ConversationEntity): void;
-    /**
-     * Updates a conversation in the list by directly modifying the entity object
-     * Angular change detection will pick up the changes automatically
-     * @param id The conversation ID
-     * @param updates The fields to update
-     */
-    updateConversationInPlace(id: string, updates: Partial<ConversationEntity>): void;
-    /**
-     * Removes a conversation from the list
-     * @param id The conversation ID to remove
-     */
-    removeConversation(id: string): void;
-    /**
-     * Sets the search query
-     * @param query The search query string
-     */
-    setSearchQuery(query: string): void;
-    /**
-     * Clears the search query
-     */
-    clearSearchQuery(): void;
-    /**
-     * Loads conversations from the database
-     * @param environmentId The environment ID to filter by
-     * @param currentUser The current user context
-     */
-    loadConversations(environmentId: string, currentUser: UserInfo): Promise<void>;
-    /**
-     * Creates a new conversation
-     * @param name The conversation name
-     * @param environmentId The environment ID
-     * @param currentUser The current user context
-     * @param description Optional description
-     * @param projectId Optional project ID
-     * @returns The created conversation entity
-     */
-    createConversation(name: string, environmentId: string, currentUser: UserInfo, description?: string, projectId?: string): Promise<ConversationEntity>;
-    /**
-     * Deletes a conversation
-     * @param id The conversation ID
-     * @param currentUser The current user context
-     * @returns True if successful
-     */
-    deleteConversation(id: string, currentUser: UserInfo): Promise<boolean>;
-    /**
-     * Deletes multiple conversations in a batch operation
-     * @param ids - Array of conversation IDs to delete
-     * @param currentUser - Current user info
-     * @returns Object with successful deletions and failed deletions with error info
-     */
-    deleteMultipleConversations(ids: string[], currentUser: UserInfo): Promise<{
-        successful: string[];
-        failed: Array<{
-            id: string;
-            name: string;
-            error: string;
-        }>;
-    }>;
-    /**
-     * Updates a conversation - saves to database AND updates in-place in the array
-     * @param id The conversation ID
-     * @param updates The fields to update
-     * @param currentUser The current user context
-     * @returns True if successful
-     */
-    saveConversation(id: string, updates: Partial<ConversationEntity>, currentUser: UserInfo): Promise<boolean>;
-    /**
-     * Toggles the pinned status of a conversation
-     * @param id The conversation ID
-     * @param currentUser The current user context
-     */
-    togglePin(id: string, currentUser: UserInfo): Promise<void>;
-    /**
-     * Archives a conversation
-     * @param id The conversation ID
-     * @param currentUser The current user context
-     */
-    archiveConversation(id: string, currentUser: UserInfo): Promise<void>;
-    /**
-     * Opens a thread panel for a specific message
-     * @param messageId The parent message ID
-     */
-    openThread(messageId: string): void;
-    /**
-     * Closes the currently open thread panel
-     */
-    closeThread(): void;
-    /**
-     * Gets the currently active thread ID
-     */
-    getActiveThreadId(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConversationStateService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ConversationStateService>;
-}
-//# sourceMappingURL=conversation-state.service.d.ts.map

package/dist/lib/services/conversation-state.service.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversation-state.service.d.ts","sourceRoot":"","sources":["../../../src/lib/services/conversation-state.service.ts"],"names":[],"mappings":"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"}