web-mojo 2.1.458 → 2.1.498

package/dist/admin.es.js

@@ -1,13 +1,13 @@
-import { P as Page } from "./chunks/Page-q5Gme_r0.js";
-import { V as View, h as MOJOUtils } from "./chunks/WebApp-BONphh_h.js";
-import { B, b, a, c, e, f, W } from "./chunks/WebApp-BONphh_h.js";
-import Dialog$1 from "./chunks/Dialog-upGYwvdZ.js";
-import { M as MetricsChart, P as PieChart } from "./chunks/MetricsChart-x15UvXRk.js";
-import { b as TablePage, i as EmailDomainForms, h as EmailDomainList, E as EmailDomain, l as MailboxForms, k as MailboxList, j as Mailbox, p as EmailTemplate, d as TabView, r as EmailTemplateForms, q as EmailTemplateList, I as IncidentEvent, z as IncidentEventForms, y as IncidentEventList, u as FileManagerForms, t as FileManagerList, v as File, T as TableView, x as FileForms, w as FileList, am as GeoLocatedIP, an as GeoLocatedIPList, a7 as MemberList, a6 as LogList, ap as TicketList, B as IncidentList, V as IncidentStats, N as IncidentHistoryList, K as IncidentHistory, F as FilePreviewView, A as Incident, C as IncidentForms, W as Job, a0 as JobEventList, _ as JobLogList, Y as JobForms, X as JobList, a3 as JobRunnerList, a1 as JobsEngineStats, a4 as JobRunnerForms, a2 as JobRunner, a5 as Log, M as Member, a8 as MemberForms, a9 as MetricsPermission, ab as MetricsForms, aa as MetricsPermissionList, ak as PushConfigForms, ah as PushConfigList, aj as PushDeliveryList, ad as PushDeviceList, al as PushTemplateForms, af as PushTemplateList, R as RuleSet, U as RuleList, O as RuleSetList, g as S3BucketForms, f as S3BucketList, m as SentMessage, n as SentMessageList, ar as TicketNoteList, aq as TicketNote, ao as Ticket, as as TicketForms, at as TicketCategories } from "./chunks/FilePreviewView-CehLQVJa.js";
-import DataView from "./chunks/DataView-DDe4NgiH.js";
-import { b as ContextMenu, C as Collection, a as Group, G as GroupList, c as GroupForms, g as UserDevice, j as UserDeviceLocationList, h as UserDeviceList, U as User, f as UserDataView, e as UserForms, d as UserList } from "./chunks/ContextMenu-BjQymcpo.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer---ebUwfT.js";
-import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-C9PgTIH2.js";
+import { P as Page } from "./chunks/Page-dP8b4UdB.js";
+import { V as View, h as MOJOUtils } from "./chunks/WebApp-BdmNWAj2.js";
+import { B, b, a, c, e, f, W } from "./chunks/WebApp-BdmNWAj2.js";
+import Dialog$1 from "./chunks/Dialog-DtSluuiz.js";
+import { M as MetricsChart, P as PieChart } from "./chunks/MetricsChart-DJU0UetE.js";
+import { b as TablePage, k as EmailDomainForms, j as EmailDomainList, E as EmailDomain, n as MailboxForms, m as MailboxList, l as Mailbox, r as EmailTemplate, d as TabView, t as EmailTemplateForms, s as EmailTemplateList, I as IncidentEvent, B as IncidentEventForms, A as IncidentEventList, w as FileManagerForms, v as FileManagerList, x as File, T as TableView, z as FileForms, y as FileList, ap as GeoLocatedIP, aq as GeoLocatedIPList, aa as MemberList, a9 as LogList, as as TicketList, G as IncidentList, Y as IncidentStats, R as IncidentHistoryList, Q as IncidentHistory, D as Incident, C as ChatView, H as IncidentForms, Z as Job, a3 as JobEventList, a1 as JobLogList, $ as JobForms, _ as JobList, a6 as JobRunnerList, a4 as JobsEngineStats, a7 as JobRunnerForms, a5 as JobRunner, a8 as Log, M as Member, ab as MemberForms, ac as MetricsPermission, ae as MetricsForms, ad as MetricsPermissionList, an as PushConfigForms, ak as PushConfigList, am as PushDeliveryList, ag as PushDeviceList, ao as PushTemplateForms, ai as PushTemplateList, U as RuleSet, X as RuleList, V as RuleSetList, i as S3BucketForms, h as S3BucketList, o as SentMessage, p as SentMessageList, au as TicketNoteList, at as TicketNote, ar as Ticket, av as TicketForms, aw as TicketCategories } from "./chunks/ChatView-DkK2PBny.js";
+import DataView from "./chunks/DataView-BIfnT2oG.js";
+import { b as ContextMenu, C as Collection, a as Group, G as GroupList, c as GroupForms, g as UserDevice, j as UserDeviceLocationList, h as UserDeviceList, U as User, f as UserDataView, e as UserForms, d as UserList } from "./chunks/ContextMenu-A1PxR6Zt.js";
+import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-CydWqbUF.js";
+import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-DrvkHPA-.js";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -2162,136 +2162,6 @@ class IncidentHistoryAdapter {
     return resp;
   }
 }
-class ChatMessageView extends View {
-  constructor(options = {}) {
-    super({
-      className: "chat-message mb-3",
-      ...options
-    });
-    this.item = options.item || {};
-  }
-  getTemplate() {
-    if (this.item.type === "system_event") {
-      return `
-                <div class="text-center text-muted small my-3">
-                    <i class="bi bi-info-circle me-1"></i>
-                    {{item.content}} on {{item.timestamp|datetime}}
-                </div>
-            `;
-    }
-    return `
-            <div class="d-flex align-items-start">
-                <div class="flex-shrink-0">
-                    {{{item.author.avatarUrl|avatar('sm')}}}
-                </div>
-                <div class="ms-3">
-                    <div class="fw-bold">{{item.author.name}}</div>
-                    <div class="text-muted small">{{item.timestamp|relative}}</div>
-                    <div class="mt-1">{{{item.content}}}</div>
-                    <div data-container="attachments"></div>
-                </div>
-            </div>
-        `;
-  }
-  onAfterRender() {
-    if (this.item.attachments && this.item.attachments.length > 0) {
-      const attachmentsContainer = this.element.querySelector('[data-container="attachments"]');
-      this.item.attachments.forEach((file) => {
-        const filePreview = new FilePreviewView({ file });
-        this.addChild(filePreview);
-        filePreview.render(true, attachmentsContainer);
-      });
-    }
-  }
-}
-class ChatInputView extends View {
-  constructor(options = {}) {
-    super({
-      className: "chat-input",
-      ...options
-    });
-    this.uploads = [];
-    this.buttonText = options.buttonText || "Send";
-  }
-  getTemplate() {
-    return `
-            <div class="chat-input-container border-top pt-3">
-                <textarea class="form-control" placeholder="Type a message..." rows="3"></textarea>
-                <div class="d-flex justify-content-between align-items-center mt-2">
-                    <small class="text-muted">Drag & drop files to attach.</small>
-                    <button class="btn btn-primary" data-action="send-message">${this.buttonText}</button>
-                </div>
-                <div class="uploads-container mt-2"></div>
-            </div>
-        `;
-  }
-  onAfterRender() {
-    this.enableFileDrop({ dropZoneSelector: ".chat-input-container" });
-  }
-  async onFileDrop(files) {
-    for (const file of files) {
-      const fileModel = new File();
-      fileModel.upload({
-        file,
-        onProgress: (progress) => {
-        },
-        onComplete: (result) => {
-          this.uploads.push(result);
-        }
-      });
-    }
-  }
-  async onActionSendMessage() {
-    const textarea = this.element.querySelector("textarea");
-    const text = textarea.value.trim();
-    if (text || this.uploads.length > 0) {
-      this.emit("note:submit", { text, files: this.uploads });
-      textarea.value = "";
-      this.uploads = [];
-      this.element.querySelector(".uploads-container").innerHTML = "";
-    }
-  }
-}
-applyFileDropMixin(ChatInputView);
-class ChatView extends View {
-  constructor(options = {}) {
-    super({
-      className: "chat-view d-flex flex-column h-100",
-      ...options
-    });
-    this.adapter = options.adapter;
-    this.items = [];
-    this.inputButtonText = options.inputButtonText || "Send";
-  }
-  getTemplate() {
-    return `
-            <div class="chat-history flex-grow-1" style="overflow-y: auto;"></div>
-            <div class="chat-input-container flex-shrink-0"></div>
-        `;
-  }
-  async onInit() {
-    this.items = await this.adapter.fetch();
-  }
-  onAfterRender() {
-    const historyContainer = this.element.querySelector(".chat-history");
-    this.items.forEach((item) => {
-      const messageView = new ChatMessageView({ item });
-      this.addChild(messageView);
-      messageView.render(true, historyContainer);
-    });
-    const inputContainer = this.element.querySelector(".chat-input-container");
-    if (!this.inputView) {
-      this.inputView = new ChatInputView({ buttonText: this.inputButtonText });
-      this.addChild(this.inputView);
-      this.inputView.on("note:submit", async (data) => {
-        await this.adapter.addNote(data);
-        this.items = await this.adapter.fetch();
-        this.render();
-      });
-    }
-    this.inputView.render(true, inputContainer);
-  }
-}
 class IncidentView extends View {
   constructor(options = {}) {
     super({
@@ -6949,6 +6819,7 @@ class TicketNoteAdapter {
       type: "user_comment",
       // Ticket notes are always user comments
       author: {
+        id: note.get("user.id"),
         name: note.get("user.display_name") || "System",
         avatarUrl: note.get("user.avatar.url")
       },
@@ -6978,9 +6849,9 @@ class TicketView extends View {
     });
     this.model = options.model || new Ticket(options.data || {});
     this.template = `
-            <div class="ticket-view-container">
+            <div class="ticket-view-container d-flex flex-column h-100">
                 <!-- Ticket Header -->
-                <div class="d-flex justify-content-between align-items-start mb-4">
+                <div class="d-flex justify-content-between align-items-start mb-3 flex-shrink-0">
                     <!-- Left Side: Primary Identity -->
                     <div class="d-flex align-items-center gap-3">
                         <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">
@@ -7022,56 +6893,20 @@ class TicketView extends View {
                     </div>
                 </div>
 
-                <!-- Content Area -->
-                <div class="row">
-                    <div class="col-lg-8">
-                        <!-- Description Section -->
-                        <div class="mb-4">
-                            <h5 class="border-bottom pb-2 mb-3">Description</h5>
-                            <div class="border rounded p-3 bg-light">
-                                {{#model.description}}
-                                    {{{model.description}}}
-                                {{/model.description}}
-                                {{^model.description}}
-                                    <em class="text-muted">No description provided</em>
-                                {{/model.description}}
-                            </div>
-                        </div>
-
-                        <!-- Activity & Notes Section -->
-                        <div>
-                            <h5 class="border-bottom pb-2 mb-3">Activity & Notes</h5>
-                            <div data-container="chat-view"></div>
-                        </div>
-                    </div>
-
-                    <div class="col-lg-4">
-                        <!-- Details Sidebar -->
-                        <div class="border rounded p-3 bg-light">
-                            <h5 class="mb-3">Ticket Details</h5>
-                            <div data-container="details-view"></div>
-                        </div>
-                    </div>
-                </div>
+                <!-- Chat View (Full height) -->
+                <div class="flex-grow-1" style="min-height: 0;" data-container="chat-view"></div>
             </div>
         `;
   }
   async onInit() {
-    this.detailsView = new DataView({
-      containerId: "details-view",
-      model: this.model,
-      fields: [
-        { name: "assignee.display_name", label: "Assignee" },
-        { name: "incident", label: "Incident" },
-        { name: "created", label: "Created", format: "datetime" },
-        { name: "modified", label: "Last Updated", format: "datetime" }
-      ]
-    });
-    this.addChild(this.detailsView);
     const adapter = new TicketNoteAdapter(this.model.get("id"));
     this.chatView = new ChatView({
       containerId: "chat-view",
       adapter,
+      theme: "compact",
+      // Use compact admin-style theme
+      currentUserId: this.getCurrentUserId(),
+      inputPlaceholder: "Add a note...",
       inputButtonText: "Add Note"
     });
     this.addChild(this.chatView);
@@ -7093,6 +6928,14 @@ class TicketView extends View {
     });
     this.addChild(ticketMenu);
   }
+  /**
+   * Get current user ID for chat message positioning
+   * @returns {number|null}
+   */
+  getCurrentUserId() {
+    const currentUser = window.app?.state?.user;
+    return currentUser?.id || null;
+  }
   // Context Menu Action Handlers
   async onActionEditTicket() {
     const resp = await Dialog$1.showModelForm({
@@ -7210,13 +7053,12 @@ class TicketTablePage extends TablePage {
       formEdit: TicketForms.edit,
       itemViewClass: TicketView,
       viewDialogOptions: {
-        header: false,
-        size: "xl"
+        header: false
       },
       // Column definitions
       columns: [
         { key: "id", label: "ID", width: "70px", sortable: true, class: "text-muted" },
-        { key: "title", label: "Title", sortable: true, editable: true },
+        { key: "title", label: "Title", sortable: true },
         {
           key: "status",
           label: "Status",