@memberjunction/ng-conversations 2.104.0

package/dist/lib/components/thread/thread-panel.component.js

@@ -0,0 +1,325 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { RunView, Metadata } from '@memberjunction/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.ID;
+function ThreadPanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading thread...");
+    i0.ɵɵelementEnd()();
+} }
+function ThreadPanelComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.errorMessage);
+} }
+function ThreadPanelComponent_Conditional_11_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No replies yet. Be the first to reply!");
+    i0.ɵɵelementEnd()();
+} }
+function ThreadPanelComponent_Conditional_11_For_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 29)(2, "span", 30);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 31);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 32);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const reply_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("ai-reply", reply_r3.Role === "AI");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.getSenderName(reply_r3));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.getMessageTime(reply_r3));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getMessageText(reply_r3), " ");
+} }
+function ThreadPanelComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 12)(2, "div", 13)(3, "span", 14);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 15);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 16);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 17);
+    i0.ɵɵelement(10, "i", 18);
+    i0.ɵɵelementStart(11, "span");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 19);
+    i0.ɵɵtemplate(14, ThreadPanelComponent_Conditional_11_Conditional_14_Template, 4, 0, "div", 20);
+    i0.ɵɵrepeaterCreate(15, ThreadPanelComponent_Conditional_11_For_16_Template, 8, 5, "div", 21, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 22)(18, "textarea", 23);
+    i0.ɵɵtwoWayListener("ngModelChange", function ThreadPanelComponent_Conditional_11_Template_textarea_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.replyText, $event) || (ctx_r0.replyText = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("keydown.control.enter", function ThreadPanelComponent_Conditional_11_Template_textarea_keydown_control_enter_18_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSendReply()); })("keydown.meta.enter", function ThreadPanelComponent_Conditional_11_Template_textarea_keydown_meta_enter_18_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSendReply()); });
+    i0.ɵɵtext(19, "      ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 24)(21, "button", 25);
+    i0.ɵɵlistener("click", function ThreadPanelComponent_Conditional_11_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSendReply()); });
+    i0.ɵɵelement(22, "i", 26);
+    i0.ɵɵelementStart(23, "span");
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.getSenderName(ctx_r0.parentMessage));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.getMessageTime(ctx_r0.parentMessage));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.getMessageText(ctx_r0.parentMessage), " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.replyCountText);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.replies.length === 0 ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.replies);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.replyText);
+    i0.ɵɵproperty("disabled", ctx_r0.isSending);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", !ctx_r0.canSendReply);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.isSending ? "Sending..." : "Reply");
+} }
+/**
+ * Side panel component for displaying and managing threaded message replies
+ * Shows parent message at top with all replies in chronological order
+ */
+export class ThreadPanelComponent {
+    cdRef;
+    parentMessageId;
+    conversationId;
+    currentUser;
+    closed = new EventEmitter();
+    replyAdded = new EventEmitter();
+    parentMessage = null;
+    replies = [];
+    replyText = '';
+    isLoading = false;
+    isSending = false;
+    errorMessage = '';
+    destroy$ = new Subject();
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+    }
+    async ngOnInit() {
+        await this.loadThreadData();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Loads the parent message and all replies
+     */
+    async loadThreadData() {
+        this.isLoading = true;
+        this.errorMessage = '';
+        try {
+            // Load parent message
+            const md = new Metadata();
+            const parent = await md.GetEntityObject('Conversation Details', this.currentUser);
+            const parentLoaded = await parent.Load(this.parentMessageId);
+            if (!parentLoaded) {
+                this.errorMessage = 'Failed to load parent message';
+                this.isLoading = false;
+                return;
+            }
+            this.parentMessage = parent;
+            // Load all replies
+            await this.loadReplies();
+        }
+        catch (error) {
+            console.error('Error loading thread data:', error);
+            this.errorMessage = 'Error loading thread. Please try again.';
+        }
+        finally {
+            this.isLoading = false;
+            this.cdRef.detectChanges();
+        }
+    }
+    /**
+     * Loads all replies for the parent message
+     */
+    async loadReplies() {
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'Conversation Details',
+                ExtraFilter: `ParentID='${this.parentMessageId}'`,
+                OrderBy: '__mj_CreatedAt ASC',
+                ResultType: 'entity_object'
+            }, this.currentUser);
+            if (result.Success) {
+                this.replies = result.Results || [];
+            }
+            else {
+                console.error('Failed to load replies:', result.ErrorMessage);
+                this.errorMessage = 'Failed to load replies';
+            }
+        }
+        catch (error) {
+            console.error('Error loading replies:', error);
+            this.errorMessage = 'Error loading replies';
+        }
+    }
+    /**
+     * Handles sending a new reply
+     */
+    async onSendReply() {
+        if (!this.canSendReply)
+            return;
+        this.isSending = true;
+        this.errorMessage = '';
+        try {
+            const md = new Metadata();
+            const reply = await md.GetEntityObject('Conversation Details', this.currentUser);
+            reply.ConversationID = this.conversationId;
+            reply.ParentID = this.parentMessageId;
+            reply.Message = this.replyText.trim();
+            reply.Role = 'User';
+            const saved = await reply.Save();
+            if (saved) {
+                // Add to local list
+                this.replies = [...this.replies, reply];
+                this.replyText = '';
+                // Emit event to parent
+                this.replyAdded.emit(reply);
+                // Update parent message thread count
+                if (this.parentMessage) {
+                    this.parentMessage.ThreadCount = (this.parentMessage.ThreadCount || 0) + 1; // TODO: ThreadCount field doesn't exist on ConversationDetailEntity yet
+                }
+                this.cdRef.detectChanges();
+            }
+            else {
+                console.error('Failed to save reply:', reply.LatestResult?.Message);
+                this.errorMessage = 'Failed to send reply. Please try again.';
+            }
+        }
+        catch (error) {
+            console.error('Error sending reply:', error);
+            this.errorMessage = 'Error sending reply. Please try again.';
+        }
+        finally {
+            this.isSending = false;
+            this.cdRef.detectChanges();
+        }
+    }
+    /**
+     * Handles closing the thread panel
+     */
+    onClose() {
+        this.closed.emit();
+    }
+    /**
+     * Gets the display text for a message
+     */
+    getMessageText(message) {
+        return message.Message || '';
+    }
+    /**
+     * Gets the timestamp display for a message
+     */
+    getMessageTime(message) {
+        if (!message.__mj_CreatedAt)
+            return '';
+        const date = new Date(message.__mj_CreatedAt);
+        const now = new Date();
+        const diffMs = now.getTime() - date.getTime();
+        const diffMins = Math.floor(diffMs / 60000);
+        const diffHours = Math.floor(diffMs / 3600000);
+        const diffDays = Math.floor(diffMs / 86400000);
+        if (diffMins < 1)
+            return 'Just now';
+        if (diffMins < 60)
+            return `${diffMins}m ago`;
+        if (diffHours < 24)
+            return `${diffHours}h ago`;
+        if (diffDays < 7)
+            return `${diffDays}d ago`;
+        return date.toLocaleDateString();
+    }
+    /**
+     * Gets the sender name for a message
+     */
+    getSenderName(message) {
+        if (message.Role === 'AI')
+            return 'AI Assistant';
+        return message.User || 'User';
+    }
+    /**
+     * Checks if current user can send reply
+     */
+    get canSendReply() {
+        return !this.isSending && !this.isLoading && this.replyText.trim().length > 0;
+    }
+    /**
+     * Gets the reply count text
+     */
+    get replyCountText() {
+        const count = this.replies.length;
+        return count === 1 ? '1 reply' : `${count} replies`;
+    }
+    static ɵfac = function ThreadPanelComponent_Factory(t) { return new (t || ThreadPanelComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ThreadPanelComponent, selectors: [["mj-thread-panel"]], inputs: { parentMessageId: "parentMessageId", conversationId: "conversationId", currentUser: "currentUser" }, outputs: { closed: "closed", replyAdded: "replyAdded" }, decls: 12, vars: 3, consts: [[1, "thread-panel-overlay", 3, "click"], [1, "thread-panel"], [1, "thread-header"], [1, "thread-title"], [1, "fa-solid", "fa-comments"], ["title", "Close thread", 1, "close-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "thread-loading"], [1, "thread-error"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-exclamation-circle"], [1, "thread-content"], [1, "parent-message"], [1, "message-header"], [1, "message-sender"], [1, "message-time"], [1, "message-body"], [1, "reply-count"], [1, "fa-solid", "fa-reply"], [1, "replies-container"], [1, "no-replies"], [1, "reply-item", 3, "ai-reply"], [1, "reply-input-container"], ["placeholder", "Reply to thread...", "rows", "3", 1, "reply-input", 3, "ngModelChange", "keydown.control.enter", "keydown.meta.enter", "ngModel", "disabled"], [1, "reply-actions"], [1, "btn-send-reply", 3, "click", "disabled"], [1, "fa-solid", "fa-paper-plane"], [1, "fa-solid", "fa-message"], [1, "reply-item"], [1, "reply-header"], [1, "reply-sender"], [1, "reply-time"], [1, "reply-body"]], template: function ThreadPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function ThreadPanelComponent_Template_div_click_0_listener() { return ctx.onClose(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "span");
+            i0.ɵɵtext(6, "Thread");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "button", 5);
+            i0.ɵɵlistener("click", function ThreadPanelComponent_Template_button_click_7_listener() { return ctx.onClose(); });
+            i0.ɵɵelement(8, "i", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(9, ThreadPanelComponent_Conditional_9_Template, 4, 0, "div", 7)(10, ThreadPanelComponent_Conditional_10_Template, 4, 1, "div", 8)(11, ThreadPanelComponent_Conditional_11_Template, 25, 9);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(9);
+            i0.ɵɵconditional(ctx.isLoading ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.errorMessage && !ctx.isLoading ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.isLoading && !ctx.errorMessage && ctx.parentMessage ? 11 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n\n.thread-panel-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.3);\n  z-index: 999;\n  animation: _ngcontent-%COMP%_fadeIn 200ms ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\n\n.thread-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 450px;\n  max-width: 90vw;\n  background: white;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n  z-index: 1000;\n  display: flex;\n  flex-direction: column;\n  animation: _ngcontent-%COMP%_slideIn 250ms ease;\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n\n\n.thread-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  background: #F9FAFB;\n}\n\n.thread-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n  color: #111827;\n}\n\n.thread-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #6B7280;\n}\n\n.close-btn[_ngcontent-%COMP%] {\n  padding: 6px;\n  background: transparent;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  color: #6B7280;\n  font-size: 18px;\n  transition: all 150ms ease;\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n  background: #E5E7EB;\n  color: #111827;\n}\n\n\n\n.thread-loading[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 40px;\n  color: #6B7280;\n}\n\n.thread-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n}\n\n\n\n.thread-error[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 20px;\n  background: #FEF2F2;\n  border-left: 3px solid #EF4444;\n  color: #991B1B;\n  margin: 16px 20px;\n  border-radius: 4px;\n}\n\n\n\n.thread-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n\n\n.parent-message[_ngcontent-%COMP%] {\n  padding: 16px;\n  background: #F9FAFB;\n  border: 1px solid #E5E7EB;\n  border-radius: 8px;\n  margin-bottom: 20px;\n}\n\n.message-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n}\n\n.message-sender[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #111827;\n  font-size: 14px;\n}\n\n.message-time[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6B7280;\n}\n\n.message-body[_ngcontent-%COMP%] {\n  color: #374151;\n  line-height: 1.6;\n  white-space: pre-wrap;\n  word-break: break-word;\n  font-size: 14px;\n  margin-bottom: 12px;\n}\n\n.reply-count[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding-top: 12px;\n  border-top: 1px solid #E5E7EB;\n  font-size: 13px;\n  color: #6B7280;\n  font-weight: 500;\n}\n\n.reply-count[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n\n\n.replies-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.no-replies[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 40px 20px;\n  color: #9CA3AF;\n  text-align: center;\n}\n\n.no-replies[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  opacity: 0.5;\n}\n\n.no-replies[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n\n\n.reply-item[_ngcontent-%COMP%] {\n  padding: 12px;\n  background: white;\n  border: 1px solid #E5E7EB;\n  border-radius: 8px;\n  transition: all 150ms ease;\n}\n\n.reply-item[_ngcontent-%COMP%]:hover {\n  border-color: #D1D5DB;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.reply-item.ai-reply[_ngcontent-%COMP%] {\n  background: #EFF6FF;\n  border-color: #DBEAFE;\n}\n\n.reply-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 6px;\n}\n\n.reply-sender[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: #111827;\n  font-size: 13px;\n}\n\n.reply-time[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #9CA3AF;\n}\n\n.reply-body[_ngcontent-%COMP%] {\n  color: #374151;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n  font-size: 13px;\n}\n\n\n\n.reply-input-container[_ngcontent-%COMP%] {\n  padding: 16px 20px;\n  border-top: 1px solid #E5E7EB;\n  background: white;\n}\n\n.reply-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid #D1D5DB;\n  border-radius: 6px;\n  resize: vertical;\n  font-family: inherit;\n  font-size: 14px;\n  min-height: 60px;\n  transition: all 150ms ease;\n}\n\n.reply-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #0076B6;\n  box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.reply-input[_ngcontent-%COMP%]:disabled {\n  background: #F3F4F6;\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.reply-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 10px;\n}\n\n.btn-send-reply[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: #0076B6;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n\n.btn-send-reply[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: #005A8C;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 118, 182, 0.2);\n}\n\n.btn-send-reply[_ngcontent-%COMP%]:disabled {\n  background: #D1D5DB;\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.btn-send-reply[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n\n\n.thread-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n  width: 6px;\n}\n\n.thread-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n  background: #F3F4F6;\n}\n\n.thread-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n  background: #D1D5DB;\n  border-radius: 3px;\n}\n\n.thread-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n  background: #9CA3AF;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ThreadPanelComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-thread-panel', template: "<div class=\"thread-panel-overlay\" (click)=\"onClose()\"></div>\n\n<div class=\"thread-panel\">\n  <div class=\"thread-header\">\n    <div class=\"thread-title\">\n      <i class=\"fa-solid fa-comments\"></i>\n      <span>Thread</span>\n    </div>\n    <button class=\"close-btn\" (click)=\"onClose()\" title=\"Close thread\">\n      <i class=\"fa-solid fa-times\"></i>\n    </button>\n  </div>\n\n  @if (isLoading) {\n    <div class=\"thread-loading\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      <span>Loading thread...</span>\n    </div>\n  }\n\n  @if (errorMessage && !isLoading) {\n    <div class=\"thread-error\">\n      <i class=\"fa-solid fa-exclamation-circle\"></i>\n      <span>{{ errorMessage }}</span>\n    </div>\n  }\n\n  @if (!isLoading && !errorMessage && parentMessage) {\n    <div class=\"thread-content\">\n      <!-- Parent Message -->\n      <div class=\"parent-message\">\n        <div class=\"message-header\">\n          <span class=\"message-sender\">{{ getSenderName(parentMessage) }}</span>\n          <span class=\"message-time\">{{ getMessageTime(parentMessage) }}</span>\n        </div>\n        <div class=\"message-body\">\n          {{ getMessageText(parentMessage) }}\n        </div>\n        <div class=\"reply-count\">\n          <i class=\"fa-solid fa-reply\"></i>\n          <span>{{ replyCountText }}</span>\n        </div>\n      </div>\n\n      <!-- Replies List -->\n      <div class=\"replies-container\">\n        @if (replies.length === 0) {\n          <div class=\"no-replies\">\n            <i class=\"fa-solid fa-message\"></i>\n            <span>No replies yet. Be the first to reply!</span>\n          </div>\n        }\n\n        @for (reply of replies; track reply.ID) {\n          <div class=\"reply-item\" [class.ai-reply]=\"reply.Role === 'AI'\">\n            <div class=\"reply-header\">\n              <span class=\"reply-sender\">{{ getSenderName(reply) }}</span>\n              <span class=\"reply-time\">{{ getMessageTime(reply) }}</span>\n            </div>\n            <div class=\"reply-body\">\n              {{ getMessageText(reply) }}\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Reply Input -->\n    <div class=\"reply-input-container\">\n      <textarea\n        class=\"reply-input\"\n        [(ngModel)]=\"replyText\"\n        [disabled]=\"isSending\"\n        placeholder=\"Reply to thread...\"\n        rows=\"3\"\n        (keydown.control.enter)=\"onSendReply()\"\n        (keydown.meta.enter)=\"onSendReply()\">\n      </textarea>\n      <div class=\"reply-actions\">\n        <button\n          class=\"btn-send-reply\"\n          [disabled]=\"!canSendReply\"\n          (click)=\"onSendReply()\">\n          <i class=\"fa-solid fa-paper-plane\"></i>\n          <span>{{ isSending ? 'Sending...' : 'Reply' }}</span>\n        </button>\n      </div>\n    </div>\n  }\n</div>\n", styles: ["/* Thread Panel Overlay */\n.thread-panel-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n  z-index: 999;\n  animation: fadeIn 200ms ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Thread Panel Container */\n.thread-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 450px;\n  max-width: 90vw;\n  background: white;\n  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);\n  z-index: 1000;\n  display: flex;\n  flex-direction: column;\n  animation: slideIn 250ms ease;\n}\n\n@keyframes slideIn {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n/* Header */\n.thread-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid #E5E7EB;\n  background: #F9FAFB;\n}\n\n.thread-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n  color: #111827;\n}\n\n.thread-title i {\n  color: #6B7280;\n}\n\n.close-btn {\n  padding: 6px;\n  background: transparent;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  color: #6B7280;\n  font-size: 18px;\n  transition: all 150ms ease;\n}\n\n.close-btn:hover {\n  background: #E5E7EB;\n  color: #111827;\n}\n\n/* Loading State */\n.thread-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 40px;\n  color: #6B7280;\n}\n\n.thread-loading i {\n  font-size: 24px;\n}\n\n/* Error State */\n.thread-error {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 16px 20px;\n  background: #FEF2F2;\n  border-left: 3px solid #EF4444;\n  color: #991B1B;\n  margin: 16px 20px;\n  border-radius: 4px;\n}\n\n/* Content Container */\n.thread-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n/* Parent Message */\n.parent-message {\n  padding: 16px;\n  background: #F9FAFB;\n  border: 1px solid #E5E7EB;\n  border-radius: 8px;\n  margin-bottom: 20px;\n}\n\n.message-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 8px;\n}\n\n.message-sender {\n  font-weight: 600;\n  color: #111827;\n  font-size: 14px;\n}\n\n.message-time {\n  font-size: 12px;\n  color: #6B7280;\n}\n\n.message-body {\n  color: #374151;\n  line-height: 1.6;\n  white-space: pre-wrap;\n  word-break: break-word;\n  font-size: 14px;\n  margin-bottom: 12px;\n}\n\n.reply-count {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding-top: 12px;\n  border-top: 1px solid #E5E7EB;\n  font-size: 13px;\n  color: #6B7280;\n  font-weight: 500;\n}\n\n.reply-count i {\n  font-size: 12px;\n}\n\n/* Replies Container */\n.replies-container {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.no-replies {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 40px 20px;\n  color: #9CA3AF;\n  text-align: center;\n}\n\n.no-replies i {\n  font-size: 32px;\n  opacity: 0.5;\n}\n\n.no-replies span {\n  font-size: 14px;\n}\n\n/* Reply Item */\n.reply-item {\n  padding: 12px;\n  background: white;\n  border: 1px solid #E5E7EB;\n  border-radius: 8px;\n  transition: all 150ms ease;\n}\n\n.reply-item:hover {\n  border-color: #D1D5DB;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.reply-item.ai-reply {\n  background: #EFF6FF;\n  border-color: #DBEAFE;\n}\n\n.reply-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 6px;\n}\n\n.reply-sender {\n  font-weight: 600;\n  color: #111827;\n  font-size: 13px;\n}\n\n.reply-time {\n  font-size: 11px;\n  color: #9CA3AF;\n}\n\n.reply-body {\n  color: #374151;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n  font-size: 13px;\n}\n\n/* Reply Input */\n.reply-input-container {\n  padding: 16px 20px;\n  border-top: 1px solid #E5E7EB;\n  background: white;\n}\n\n.reply-input {\n  width: 100%;\n  padding: 10px 12px;\n  border: 1px solid #D1D5DB;\n  border-radius: 6px;\n  resize: vertical;\n  font-family: inherit;\n  font-size: 14px;\n  min-height: 60px;\n  transition: all 150ms ease;\n}\n\n.reply-input:focus {\n  outline: none;\n  border-color: #0076B6;\n  box-shadow: 0 0 0 3px rgba(0, 118, 182, 0.1);\n}\n\n.reply-input:disabled {\n  background: #F3F4F6;\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.reply-actions {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 10px;\n}\n\n.btn-send-reply {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: #0076B6;\n  color: white;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n\n.btn-send-reply:hover:not(:disabled) {\n  background: #005A8C;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(0, 118, 182, 0.2);\n}\n\n.btn-send-reply:disabled {\n  background: #D1D5DB;\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.btn-send-reply i {\n  font-size: 12px;\n}\n\n/* Scrollbar Styling */\n.thread-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.thread-content::-webkit-scrollbar-track {\n  background: #F3F4F6;\n}\n\n.thread-content::-webkit-scrollbar-thumb {\n  background: #D1D5DB;\n  border-radius: 3px;\n}\n\n.thread-content::-webkit-scrollbar-thumb:hover {\n  background: #9CA3AF;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { parentMessageId: [{
+            type: Input
+        }], conversationId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], closed: [{
+            type: Output
+        }], replyAdded: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ThreadPanelComponent, { className: "ThreadPanelComponent", filePath: "src/lib/components/thread/thread-panel.component.ts", lineNumber: 16 }); })();
+//# sourceMappingURL=thread-panel.component.js.map

package/dist/lib/components/thread/thread-panel.component.js.map

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

package/dist/lib/components/toast/toast.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { ToastService, Toast } from '../../services/toast.service';
+import * as i0 from "@angular/core";
+export declare class ToastComponent implements OnInit, OnDestroy {
+    private toastService;
+    toasts: Toast[];
+    private subscription;
+    constructor(toastService: ToastService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Get the icon class for a toast type
+     */
+    getIconClass(type: string): string;
+    /**
+     * Dismiss a toast
+     */
+    dismiss(toastId: string): void;
+    /**
+     * Track toasts by ID for performance
+     */
+    trackByToastId(index: number, toast: Toast): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "mj-toast", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=toast.component.d.ts.map

package/dist/lib/components/toast/toast.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/toast/toast.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;;AAEnE,qBAgBa,cAAe,YAAW,MAAM,EAAE,SAAS;IAI1C,OAAO,CAAC,YAAY;IAHzB,MAAM,EAAE,KAAK,EAAE,CAAM;IAC5B,OAAO,CAAC,YAAY,CAA6B;gBAE7B,YAAY,EAAE,YAAY;IAE9C,QAAQ,IAAI,IAAI;IAMhB,WAAW,IAAI,IAAI;IAMnB;;OAEG;IACI,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAezC;;OAEG;IACI,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIrC;;OAEG;IACI,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM;yCA9C/C,cAAc;2CAAd,cAAc;CAiD1B"}

package/dist/lib/components/toast/toast.component.js

@@ -0,0 +1,108 @@
+import { Component } from '@angular/core';
+import { trigger, transition, style, animate } from '@angular/animations';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/toast.service";
+import * as i2 from "@angular/common";
+function ToastComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "div", 2);
+    i0.ɵɵelement(2, "i", 3);
+    i0.ɵɵelementStart(3, "span", 4);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 5);
+    i0.ɵɵlistener("click", function ToastComponent_div_1_Template_button_click_5_listener() { const toast_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.dismiss(toast_r2.id)); });
+    i0.ɵɵelement(6, "i", 6);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const toast_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassMapInterpolate1("toast toast-", toast_r2.type, "");
+    i0.ɵɵproperty("@slideIn", undefined);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r2.getIconClass(toast_r2.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(toast_r2.message);
+} }
+export class ToastComponent {
+    toastService;
+    toasts = [];
+    subscription = null;
+    constructor(toastService) {
+        this.toastService = toastService;
+    }
+    ngOnInit() {
+        this.subscription = this.toastService.toasts$.subscribe(toasts => {
+            this.toasts = toasts;
+        });
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    }
+    /**
+     * Get the icon class for a toast type
+     */
+    getIconClass(type) {
+        switch (type) {
+            case 'success':
+                return 'fa-solid fa-circle-check';
+            case 'error':
+                return 'fa-solid fa-circle-xmark';
+            case 'warning':
+                return 'fa-solid fa-triangle-exclamation';
+            case 'info':
+                return 'fa-solid fa-circle-info';
+            default:
+                return 'fa-solid fa-circle-info';
+        }
+    }
+    /**
+     * Dismiss a toast
+     */
+    dismiss(toastId) {
+        this.toastService.dismiss(toastId);
+    }
+    /**
+     * Track toasts by ID for performance
+     */
+    trackByToastId(index, toast) {
+        return toast.id;
+    }
+    static ɵfac = function ToastComponent_Factory(t) { return new (t || ToastComponent)(i0.ɵɵdirectiveInject(i1.ToastService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToastComponent, selectors: [["mj-toast"]], decls: 2, vars: 2, consts: [[1, "toast-container"], [3, "class", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "toast-content"], [1, "toast-icon"], [1, "toast-message"], ["aria-label", "Close notification", 1, "toast-close", 3, "click"], [1, "fa-solid", "fa-xmark"]], template: function ToastComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, ToastComponent_div_1_Template, 7, 7, "div", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngForOf", ctx.toasts)("ngForTrackBy", ctx.trackByToastId);
+        } }, dependencies: [i2.NgForOf], styles: [".toast-container[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 20px;\n  right: 20px;\n  z-index: 10000;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  pointer-events: none;\n}\n\n.toast[_ngcontent-%COMP%] {\n  min-width: 320px;\n  max-width: 500px;\n  padding: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  background-color: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  pointer-events: auto;\n  border-left: 4px solid;\n  transition: all 0.2s ease;\n\n  &:hover {\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  }\n\n  &.toast-success {\n    border-left-color: #10b981;\n\n    .toast-icon {\n      color: #10b981;\n    }\n  }\n\n  &.toast-error {\n    border-left-color: #ef4444;\n\n    .toast-icon {\n      color: #ef4444;\n    }\n  }\n\n  &.toast-warning {\n    border-left-color: #f59e0b;\n\n    .toast-icon {\n      color: #f59e0b;\n    }\n  }\n\n  &.toast-info {\n    border-left-color: #3b82f6;\n\n    .toast-icon {\n      color: #3b82f6;\n    }\n  }\n}\n\n.toast-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.toast-icon[_ngcontent-%COMP%] {\n  font-size: 20px;\n  flex-shrink: 0;\n}\n\n.toast-message[_ngcontent-%COMP%] {\n  flex: 1;\n  color: #1f2937;\n  font-size: 14px;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.toast-close[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6b7280;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n\n  i {\n    font-size: 16px;\n  }\n\n  &:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n    color: #1f2937;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n}\n\n//[_ngcontent-%COMP%]   Responsive[_ngcontent-%COMP%]   adjustments\n@media[_ngcontent-%COMP%]   (max-width[_ngcontent-%COMP%]:   640px)[_ngcontent-%COMP%] {\n  .toast-container {\n    left: 12px;\n    right: 12px;\n    top: 12px;\n  }\n\n  .toast {\n    min-width: unset;\n    max-width: unset;\n    width: 100%;\n  }\n}\n\n//[_ngcontent-%COMP%]   Dark[_ngcontent-%COMP%]   mode[_ngcontent-%COMP%]   support[_ngcontent-%COMP%]   (if[_ngcontent-%COMP%]   needed[_ngcontent-%COMP%]   in[_ngcontent-%COMP%]   future)\n@media[_ngcontent-%COMP%]   (prefers-color-scheme[_ngcontent-%COMP%]:   dark)[_ngcontent-%COMP%] {\n  .toast {\n    background-color: rgba(31, 41, 55, 0.95);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n\n    .toast-message {\n      color: #f9fafb;\n    }\n\n    .toast-close {\n      color: #9ca3af;\n\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.1);\n        color: #f9fafb;\n      }\n    }\n  }\n}"], data: { animation: [
+                trigger('slideIn', [
+                    transition(':enter', [
+                        style({ transform: 'translateX(100%)', opacity: 0 }),
+                        animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
+                    ]),
+                    transition(':leave', [
+                        animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
+                    ])
+                ])
+            ] } });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-toast', animations: [
+                    trigger('slideIn', [
+                        transition(':enter', [
+                            style({ transform: 'translateX(100%)', opacity: 0 }),
+                            animate('300ms ease-out', style({ transform: 'translateX(0)', opacity: 1 }))
+                        ]),
+                        transition(':leave', [
+                            animate('200ms ease-in', style({ transform: 'translateX(100%)', opacity: 0 }))
+                        ])
+                    ])
+                ], template: "<div class=\"toast-container\">\n  <div\n    *ngFor=\"let toast of toasts; trackBy: trackByToastId\"\n    class=\"toast toast-{{ toast.type }}\"\n    [@slideIn]\n  >\n    <div class=\"toast-content\">\n      <i [class]=\"getIconClass(toast.type)\" class=\"toast-icon\"></i>\n      <span class=\"toast-message\">{{ toast.message }}</span>\n      <button\n        class=\"toast-close\"\n        (click)=\"dismiss(toast.id)\"\n        aria-label=\"Close notification\"\n      >\n        <i class=\"fa-solid fa-xmark\"></i>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".toast-container {\n  position: fixed;\n  top: 20px;\n  right: 20px;\n  z-index: 10000;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  pointer-events: none;\n}\n\n.toast {\n  min-width: 320px;\n  max-width: 500px;\n  padding: 16px;\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  background-color: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(10px);\n  pointer-events: auto;\n  border-left: 4px solid;\n  transition: all 0.2s ease;\n\n  &:hover {\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n  }\n\n  &.toast-success {\n    border-left-color: #10b981;\n\n    .toast-icon {\n      color: #10b981;\n    }\n  }\n\n  &.toast-error {\n    border-left-color: #ef4444;\n\n    .toast-icon {\n      color: #ef4444;\n    }\n  }\n\n  &.toast-warning {\n    border-left-color: #f59e0b;\n\n    .toast-icon {\n      color: #f59e0b;\n    }\n  }\n\n  &.toast-info {\n    border-left-color: #3b82f6;\n\n    .toast-icon {\n      color: #3b82f6;\n    }\n  }\n}\n\n.toast-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.toast-icon {\n  font-size: 20px;\n  flex-shrink: 0;\n}\n\n.toast-message {\n  flex: 1;\n  color: #1f2937;\n  font-size: 14px;\n  line-height: 1.5;\n  word-break: break-word;\n}\n\n.toast-close {\n  flex-shrink: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #6b7280;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n\n  i {\n    font-size: 16px;\n  }\n\n  &:hover {\n    background-color: rgba(0, 0, 0, 0.05);\n    color: #1f2937;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n}\n\n// Responsive adjustments\n@media (max-width: 640px) {\n  .toast-container {\n    left: 12px;\n    right: 12px;\n    top: 12px;\n  }\n\n  .toast {\n    min-width: unset;\n    max-width: unset;\n    width: 100%;\n  }\n}\n\n// Dark mode support (if needed in future)\n@media (prefers-color-scheme: dark) {\n  .toast {\n    background-color: rgba(31, 41, 55, 0.95);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n\n    .toast-message {\n      color: #f9fafb;\n    }\n\n    .toast-close {\n      color: #9ca3af;\n\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.1);\n        color: #f9fafb;\n      }\n    }\n  }\n}\n"] }]
+    }], () => [{ type: i1.ToastService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastComponent, { className: "ToastComponent", filePath: "src/lib/components/toast/toast.component.ts", lineNumber: 22 }); })();
+//# sourceMappingURL=toast.component.js.map

package/dist/lib/components/toast/toast.component.js.map

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

package/dist/lib/components/workspace/conversation-workspace.component.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter, OnInit, OnDestroy, DoCheck } from '@angular/core';
+import { ConversationEntity, ArtifactEntity } from '@memberjunction/core-entities';
+import { UserInfo, CompositeKey } from '@memberjunction/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { ConversationStateService } from '../../services/conversation-state.service';
+import { ArtifactStateService } from '../../services/artifact-state.service';
+import { NavigationTab, WorkspaceLayout } from '../../models/conversation-state.model';
+import { SearchResult } from '../../services/search.service';
+import * as i0 from "@angular/core";
+/**
+ * Top-level workspace component for conversations
+ * Provides 3-column Slack-style layout: Navigation | Sidebar | Chat Area | Artifact Panel
+ * Supports context-based navigation (library or task views)
+ */
+export declare class ConversationWorkspaceComponent extends BaseAngularComponent implements OnInit, OnDestroy, DoCheck {
+    conversationState: ConversationStateService;
+    artifactState: ArtifactStateService;
+    environmentId: string;
+    initialConversationId?: string;
+    layout: WorkspaceLayout;
+    currentUser: UserInfo;
+    activeContext?: 'library' | 'task';
+    contextItemId?: string;
+    conversationChanged: EventEmitter<ConversationEntity>;
+    artifactOpened: EventEmitter<ArtifactEntity>;
+    openEntityRecord: EventEmitter<{
+        entityName: string;
+        compositeKey: CompositeKey;
+    }>;
+    activeTab: NavigationTab;
+    isSidebarVisible: boolean;
+    isArtifactPanelOpen: boolean;
+    isSearchPanelOpen: boolean;
+    renamedConversationId: string | null;
+    sidebarWidth: number;
+    private isSidebarResizing;
+    private sidebarResizeStartX;
+    private sidebarResizeStartWidth;
+    private previousConversationId;
+    private destroy$;
+    private readonly SIDEBAR_WIDTH_KEY;
+    constructor(conversationState: ConversationStateService, artifactState: ArtifactStateService);
+    ngOnInit(): Promise<void>;
+    ngDoCheck(): void;
+    ngOnDestroy(): void;
+    onTabChanged(tab: NavigationTab): void;
+    toggleSidebar(): void;
+    closeArtifactPanel(): void;
+    openSearch(): void;
+    closeSearch(): void;
+    handleSearchResult(result: SearchResult): void;
+    /**
+     * Sidebar resize methods
+     */
+    onSidebarResizeStart(event: MouseEvent): void;
+    private onSidebarResizeMove;
+    private onSidebarResizeEnd;
+    /**
+     * LocalStorage persistence methods
+     */
+    private loadSidebarWidth;
+    private saveSidebarWidth;
+    onConversationRenamed(event: {
+        conversationId: string;
+        name: string;
+        description: string;
+    }): void;
+    onOpenEntityRecord(event: {
+        entityName: string;
+        compositeKey: CompositeKey;
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConversationWorkspaceComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConversationWorkspaceComponent, "mj-conversation-workspace", never, { "environmentId": { "alias": "environmentId"; "required": false; }; "initialConversationId": { "alias": "initialConversationId"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; "activeContext": { "alias": "activeContext"; "required": false; }; "contextItemId": { "alias": "contextItemId"; "required": false; }; }, { "conversationChanged": "conversationChanged"; "artifactOpened": "artifactOpened"; "openEntityRecord": "openEntityRecord"; }, never, never, false, never>;
+}
+//# sourceMappingURL=conversation-workspace.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-workspace.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/workspace/conversation-workspace.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,OAAO,EACR,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAI7D;;;;GAIG;AACH,qBAKa,8BAA+B,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS,EAAE,OAAO;IA+BnG,iBAAiB,EAAE,wBAAwB;IAC3C,aAAa,EAAE,oBAAoB;IA/BnC,aAAa,EAAG,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,MAAM,EAAE,eAAe,CAAU;IACjC,WAAW,EAAG,QAAQ,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEtB,mBAAmB,mCAA0C;IAC7D,cAAc,+BAAsC;IACpD,gBAAgB;oBAAiC,MAAM;sBAAgB,YAAY;OAAK;IAE3F,SAAS,EAAE,aAAa,CAAmB;IAC3C,gBAAgB,EAAE,OAAO,CAAQ;IACjC,mBAAmB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACnC,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAG5C,YAAY,EAAE,MAAM,CAAO;IAClC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,mBAAmB,CAAa;IACxC,OAAO,CAAC,uBAAuB,CAAa;IAE5C,OAAO,CAAC,sBAAsB,CAAuB;IACrD,OAAO,CAAC,QAAQ,CAAuB;IAGvC,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAoC;gBAG7D,iBAAiB,EAAE,wBAAwB,EAC3C,aAAa,EAAE,oBAAoB;IAKtC,QAAQ;IAoCd,SAAS;IAYT,WAAW;IASX,YAAY,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI;IAItC,aAAa,IAAI,IAAI;IAIrB,kBAAkB,IAAI,IAAI;IAI1B,UAAU,IAAI,IAAI;IAIlB,WAAW,IAAI,IAAI;IAInB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAiB9C;;OAEG;IACH,oBAAoB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAS7C,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,gBAAgB;IAQxB,qBAAqB,CAAC,KAAK,EAAE;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI;IAW/F,kBAAkB,CAAC,KAAK,EAAE;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,YAAY,CAAA;KAAC,GAAG,IAAI;yCAzMtE,8BAA8B;2CAA9B,8BAA8B;CA6M1C"}