web-mojo 2.1.824 → 2.1.867

package/dist/admin.es.js

@@ -1,13 +1,13 @@
-import { P as Page } from "./chunks/Page-kuadj0PG.js";
-import { V as View, h as MOJOUtils } from "./chunks/WebApp-DT6XLijH.js";
-import { B, b, a, c, e, f, W } from "./chunks/WebApp-DT6XLijH.js";
-import Dialog$1 from "./chunks/Dialog-CCnOsBBK.js";
-import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-DkroX-HM.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-DsdSe1A5.js";
-import DataView from "./chunks/DataView-BJCAbOpx.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-6zcMDDiv.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-DLYyetM9.js";
-import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-CHyzkf7A.js";
+import { P as Page } from "./chunks/Page-CeYPFh_j.js";
+import { V as View, h as MOJOUtils } from "./chunks/WebApp-DLAySO90.js";
+import { B, b, a, c, e, f, W } from "./chunks/WebApp-DLAySO90.js";
+import Dialog$1 from "./chunks/Dialog-CQA_WzmY.js";
+import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-Dz2d0GG2.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, av as GeoLocatedIP, aw as GeoLocatedIPList, ag as MemberList, af as LogList, ay as TicketList, G as IncidentList, _ as IncidentStats, R as IncidentHistoryList, Q as IncidentHistory, D as Incident, C as ChatView, H as IncidentForms, a3 as Job, a9 as JobEventList, a7 as JobLogList, a5 as JobForms, a4 as JobList, ac as JobRunnerList, aa as JobsEngineStats, ad as JobRunnerForms, ab as JobRunner, ae as Log, M as Member, ah as MemberForms, ai as MetricsPermission, ak as MetricsForms, aj as MetricsPermissionList, at as PushConfigForms, aq as PushConfigList, as as PushDeliveryList, am as PushDeviceList, au as PushTemplateForms, ao as PushTemplateList, U as RuleSet, a0 as MatchByOptions, $ as BundleByOptions, Y as RuleList, V as RuleSetList, i as S3BucketForms, h as S3BucketList, o as SentMessage, p as SentMessageList, aA as TicketNoteList, az as TicketNote, ax as Ticket, aB as TicketForms, aC as TicketCategories } from "./chunks/ChatView-8wuIN1zH.js";
+import DataView from "./chunks/DataView-DhbOr4Wm.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-DPxZgf69.js";
+import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-BJT0-zQL.js";
+import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-DbPm-jDU.js";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -798,6 +798,10 @@ class EmailTemplateTablePage extends TablePage {
         size: "xl",
         scrollable: true
       },
+      formDialogConfig: {
+        // Dialog options for forms
+        size: "xl"
+      },
       // Table columns
       columns: [
         { key: "id", label: "ID", width: "70px", sortable: true, class: "text-muted" },
@@ -827,6 +831,129 @@ class EmailTemplateTablePage extends TablePage {
     });
   }
 }
+class StackTraceView extends View {
+  constructor(options = {}) {
+    super({
+      className: "stack-trace-view",
+      ...options
+    });
+    this.stackTrace = options.stackTrace || "";
+    this.template = `
+            <div class="stack-trace-container p-3">
+                <style>
+                    .stack-trace-line {
+                        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;
+                        font-size: 13px;
+                        line-height: 1.6;
+                        padding: 4px 8px;
+                        margin: 0;
+                        border-left: 3px solid transparent;
+                    }
+                    .stack-trace-line:hover {
+                        background-color: rgba(0, 0, 0, 0.05);
+                    }
+                    .stack-trace-error {
+                        color: #dc3545;
+                        font-weight: 600;
+                        border-left-color: #dc3545;
+                        background-color: rgba(220, 53, 69, 0.05);
+                    }
+                    .stack-trace-file {
+                        color: #0d6efd;
+                        font-weight: 500;
+                        border-left-color: #0d6efd;
+                    }
+                    .stack-trace-function {
+                        color: #6610f2;
+                        font-weight: 500;
+                    }
+                    .stack-trace-location {
+                        color: #6c757d;
+                        font-size: 12px;
+                    }
+                    .stack-trace-line-number {
+                        color: #fd7e14;
+                        font-weight: 600;
+                    }
+                    .stack-trace-context {
+                        color: #495057;
+                        background-color: rgba(0, 0, 0, 0.02);
+                    }
+                    .stack-trace-container {
+                        background-color: #f8f9fa;
+                        border: 1px solid #dee2e6;
+                        border-radius: 0.375rem;
+                        max-height: 600px;
+                        overflow-y: auto;
+                    }
+                </style>
+                <div class="stack-trace-content">
+                    {{{formattedStackTrace}}}
+                </div>
+            </div>
+        `;
+  }
+  async onBeforeRender() {
+    this.formattedStackTrace = this.formatStackTrace(this.stackTrace);
+  }
+  formatStackTrace(stackTrace) {
+    if (!stackTrace) {
+      return '<div class="text-muted p-3">No stack trace available</div>';
+    }
+    const traceStr = typeof stackTrace === "string" ? stackTrace : JSON.stringify(stackTrace, null, 2);
+    const lines = traceStr.split("\n");
+    let html = "";
+    lines.forEach((line, index) => {
+      if (!line.trim()) {
+        html += '<div class="stack-trace-line">&nbsp;</div>';
+        return;
+      }
+      if (index === 0 && (line.includes("Error:") || line.includes("Exception:"))) {
+        html += `<div class="stack-trace-line stack-trace-error">${this.escapeHtml(line)}</div>`;
+        return;
+      }
+      const filePattern = /(.+?)\s*\(([^:]+):(\d+):(\d+)\)/;
+      const simpleFilePattern = /^\s*at\s+([^:]+):(\d+):(\d+)/;
+      let match = line.match(filePattern);
+      if (match) {
+        const [, funcName, filePath, lineNum, colNum] = match;
+        html += `<div class="stack-trace-line stack-trace-file">
+                    <span class="stack-trace-function">${this.escapeHtml(funcName.trim())}</span>
+                    <span class="stack-trace-location"> (${this.escapeHtml(filePath)}:<span class="stack-trace-line-number">${lineNum}</span>:${colNum})</span>
+                </div>`;
+        return;
+      }
+      match = line.match(simpleFilePattern);
+      if (match) {
+        const [, filePath, lineNum, colNum] = match;
+        html += `<div class="stack-trace-line stack-trace-file">
+                    <span class="stack-trace-location">at ${this.escapeHtml(filePath)}:<span class="stack-trace-line-number">${lineNum}</span>:${colNum}</span>
+                </div>`;
+        return;
+      }
+      const pythonPattern = /File\s+"([^"]+)",\s+line\s+(\d+),\s+in\s+(.+)/;
+      match = line.match(pythonPattern);
+      if (match) {
+        const [, filePath, lineNum, funcName] = match;
+        html += `<div class="stack-trace-line stack-trace-file">
+                    <span class="stack-trace-location">File "${this.escapeHtml(filePath)}", line <span class="stack-trace-line-number">${lineNum}</span>, in </span>
+                    <span class="stack-trace-function">${this.escapeHtml(funcName)}</span>
+                </div>`;
+        return;
+      }
+      if (line.trim().startsWith("at ")) {
+        html += `<div class="stack-trace-line stack-trace-file">${this.escapeHtml(line)}</div>`;
+        return;
+      }
+      html += `<div class="stack-trace-line stack-trace-context">${this.escapeHtml(line)}</div>`;
+    });
+    return html;
+  }
+  updateStackTrace(newStackTrace) {
+    this.stackTrace = newStackTrace;
+    this.render();
+  }
+}
 class EventView extends View {
   constructor(options = {}) {
     super({
@@ -882,20 +1009,20 @@ class EventView extends View {
         { name: "details", label: "Details", columns: 12 }
       ]
     });
-    this.metadataView = new View({
-      model: this.model,
-      template: `<pre class="bg-light p-3 border rounded"><code>{{{model.metadata|json}}}</code></pre>`
-    });
     const tabs = { "Overview": this.overviewView };
-    if (this.model.get("metadata") && Object.keys(this.model.get("metadata")).length > 0) {
-      tabs["Metadata"] = this.metadataView;
+    const metadata = this.model.get("metadata") || {};
+    if (metadata.stack_trace) {
+      this.stackTraceView = new StackTraceView({
+        stackTrace: metadata.stack_trace
+      });
+      tabs["Stack Trace"] = this.stackTraceView;
     }
-    if (this.model.get("metadata.stack_trace")) {
-      this.stackTraceView = new View({
+    if (Object.keys(metadata).length > 0) {
+      this.metadataView = new View({
         model: this.model,
-        template: `<pre class="bg-dark text-white p-3 border rounded">{{{model.metadata.stack_trace}}}</pre>`
+        template: `<pre class="bg-light p-3 border rounded"><code>{{{model.metadata|json}}}</code></pre>`
       });
-      tabs["Stack Trace"] = this.stackTraceView;
+      tabs["Metadata"] = this.metadataView;
     }
     this.tabView = new TabView({
       containerId: "event-tabs",
@@ -1463,7 +1590,7 @@ class FileTablePage extends TablePage {
    */
   async onActionAdd(event, element) {
     event.preventDefault();
-    const Dialog2 = (await import("./chunks/Dialog-CCnOsBBK.js")).default;
+    const Dialog2 = (await import("./chunks/Dialog-CQA_WzmY.js")).default;
     const formData = await Dialog2.showForm({
       title: "Upload File",
       size: "md",
@@ -1916,6 +2043,10 @@ class GroupTablePage extends TablePage {
       viewDialogOptions: {
         header: false
       },
+      defaultQuery: {
+        sort: "-id",
+        is_active: 1
+      },
       // Column definitions
       columns: [
         {
@@ -1925,6 +2056,11 @@ class GroupTablePage extends TablePage {
           sortable: true,
           class: "text-muted"
         },
+        {
+          key: "is_active|yesnoicon",
+          label: "Enabled",
+          visibility: "lg"
+        },
         {
           label: "Avatar",
           key: 'avatar|avatar("sm", "rounded")',
@@ -2352,13 +2488,39 @@ class IncidentView extends View {
         { name: "details", label: "Details", columns: 12, format: "pre" }
       ]
     });
+    const eventsCollection = new IncidentEventList({
+      params: { incident: this.model.get("id") }
+    });
+    this.eventsView = new TableView({
+      collection: eventsCollection,
+      hideActivePillNames: ["incident"],
+      columns: [
+        { key: "id", label: "ID", width: "70px", sortable: true },
+        { key: "created", label: "Date", formatter: "datetime", sortable: true, width: "180px" },
+        { key: "category", label: "Category", formatter: "badge", sortable: true },
+        { key: "title", label: "Title", sortable: true },
+        { key: "level", label: "Level", sortable: true, width: "80px" }
+      ],
+      showAdd: false,
+      actions: ["view"],
+      paginated: true,
+      size: 10
+    });
     const adapter = new IncidentHistoryAdapter(this.model.get("id"));
     this.historyView = new ChatView({ adapter });
     const tabs = {
       "Overview": this.overviewView,
+      "Events": this.eventsView,
       "History & Comments": this.historyView
     };
-    if (this.model.get("metadata") && Object.keys(this.model.get("metadata")).length > 0) {
+    const metadata = this.model.get("metadata") || {};
+    if (metadata.stack_trace) {
+      this.stackTraceView = new StackTraceView({
+        stackTrace: metadata.stack_trace
+      });
+      tabs["Stack Trace"] = this.stackTraceView;
+    }
+    if (Object.keys(metadata).length > 0) {
       this.metadataView = new View({
         model: this.model,
         template: `<pre class="bg-light p-3 border rounded"><code>{{{model.metadata|json}}}</code></pre>`
@@ -2493,8 +2655,8 @@ class IncidentTablePage extends TablePage {
         { label: "Open", icon: "bi bi-folder2-open", action: "open" },
         { label: "Resolve", icon: "bi bi-check-circle", action: "resolve" },
         { label: "Pause", icon: "bi bi-pause-circle", action: "pause" },
-        { label: "Ignore", icon: "bi bi-x-circle", action: "ignored" },
-        { label: "Change Status", icon: "bi bi-arrow-repeat", action: "status" }
+        { label: "Ignore", icon: "bi bi-x-circle", action: "ignore" },
+        { label: "Merge", icon: "bi bi-merge", action: "merge" }
       ],
       // Table display options
       tableOptions: {
@@ -2541,6 +2703,29 @@ class IncidentTablePage extends TablePage {
     await Promise.all(selected.map((item) => item.model.save({ status: "ignored" })));
     this.tableView.collection.fetch();
   }
+  async onActionBatchMerge(_event, _element) {
+    const selected = this.tableView.getSelectedItems();
+    if (!selected.length) return;
+    const app = this.getApp();
+    const result = await app.showForm({
+      title: `Merge ${selected.length} incidents`,
+      fields: [
+        {
+          name: "merge",
+          type: "select",
+          label: "Select Parent Incident",
+          options: selected.map((item) => ({ value: item.model.id, label: item.model.id })),
+          required: true
+        }
+      ]
+    });
+    if (!result) return;
+    const parentModel = selected.find((item) => item.model.id == result.merge)?.model;
+    if (!parentModel) return;
+    const mergeIds = selected.map((item) => item.model.id).filter((id) => id != result.merge);
+    await parentModel.save({ merge: mergeIds });
+    this.tableView.collection.fetch();
+  }
 }
 class JobStatsView extends View {
   constructor(options = {}) {
@@ -5000,20 +5185,36 @@ class RuleSetView extends View {
         `;
   }
   async onInit() {
+    const matchByValue = this.model.get("match_by");
+    const matchByOption = MatchByOptions.find((opt) => opt.value === matchByValue);
+    const matchByLabel = matchByOption ? matchByOption.label : String(matchByValue);
+    const bundleByValue = this.model.get("bundle_by");
+    const bundleByOption = BundleByOptions.find((opt) => opt.value === bundleByValue);
+    const bundleByLabel = bundleByOption ? bundleByOption.label : String(bundleByValue);
     this.configView = new DataView({
       model: this.model,
       className: "p-3",
       columns: 2,
       fields: [
-        { name: "id", label: "RuleSet ID" },
-        { name: "name", label: "Name" },
-        { name: "category", label: "Category" },
-        { name: "priority", label: "Priority" },
-        { name: "match_by", label: "Match Logic", format: (v) => v === 0 ? "ALL" : "ANY" },
-        { name: "bundle_by", label: "Bundle By" },
-        { name: "bundle_minutes", label: "Bundle Minutes" },
-        { name: "handler", label: "Handler" },
-        { name: "is_active", label: "Status", format: "boolean" }
+        { name: "id", label: "RuleSet ID", cols: 6 },
+        { name: "priority", label: "Priority", cols: 6 },
+        { name: "name", label: "Name", cols: 12 },
+        { name: "category", label: "Category", formatter: "badge", cols: 6 },
+        { name: "is_active", label: "Status", formatter: "boolean", cols: 6 },
+        {
+          name: "match_by",
+          label: "Match Logic",
+          template: matchByLabel,
+          cols: 12
+        },
+        {
+          name: "bundle_by",
+          label: "Bundle By",
+          template: bundleByLabel,
+          cols: 12
+        },
+        { name: "bundle_minutes", label: "Bundle Minutes", cols: 6 },
+        { name: "handler", label: "Handler", cols: 12 }
       ]
     });
     const rulesCollection = new RuleList({
@@ -5025,12 +5226,23 @@ class RuleSetView extends View {
         { key: "id", label: "ID", width: "70px" },
         { key: "name", label: "Name" },
         { key: "field_name", label: "Field" },
-        { key: "comparator", label: "Comparator" },
+        { key: "comparator", label: "Comparator", width: "120px" },
         { key: "value", label: "Value" },
-        { key: "value_type", label: "Type" }
+        { key: "value_type", label: "Type", width: "100px" }
       ],
       showAdd: true,
-      actions: ["edit", "delete"]
+      clickAction: "edit",
+      actions: ["edit", "delete"],
+      contextMenu: [
+        { label: "Edit Rule", action: "edit", icon: "bi-pencil" },
+        { label: "Duplicate Rule", action: "duplicate", icon: "bi-files" },
+        { divider: true },
+        { label: "Delete Rule", action: "delete", icon: "bi-trash", danger: true }
+      ],
+      // Pass the parent ID so new rules get associated with this ruleset
+      defaultData: {
+        parent: this.model.get("id")
+      }
     });
     this.tabView = new TabView({
       containerId: "ruleset-tabs",
@@ -5056,6 +5268,73 @@ class RuleSetView extends View {
     });
     this.addChild(contextMenu);
   }
+  /**
+   * Action handler: Edit RuleSet
+   */
+  async onActionEditRuleset() {
+    const resp = await Dialog$1.showModelForm({
+      title: `Edit RuleSet - ${this.model.get("name")}`,
+      model: this.model,
+      formConfig: RuleSet.EDIT_FORM
+    });
+    if (resp) {
+      await this.render();
+    }
+  }
+  /**
+   * Action handler: Disable/Enable RuleSet
+   */
+  async onActionDisableRuleset() {
+    const isActive = this.model.get("is_active");
+    const newStatus = !isActive;
+    try {
+      this.model.set("is_active", newStatus);
+      await this.model.save();
+      await this.render();
+      Dialog$1.showToast({
+        message: `RuleSet ${newStatus ? "enabled" : "disabled"} successfully`,
+        type: "success"
+      });
+    } catch (error) {
+      Dialog$1.showToast({
+        message: `Failed to update RuleSet: ${error.message}`,
+        type: "error"
+      });
+    }
+  }
+  /**
+   * Action handler: Delete RuleSet
+   */
+  async onActionDeleteRuleset() {
+    const confirmed = await Dialog$1.confirm({
+      title: "Delete RuleSet",
+      message: `Are you sure you want to delete the ruleset "${this.model.get("name")}"? This action cannot be undone.`,
+      confirmText: "Delete",
+      confirmClass: "btn-danger"
+    });
+    if (confirmed) {
+      try {
+        await this.model.destroy();
+        Dialog$1.showToast({
+          message: "RuleSet deleted successfully",
+          type: "success"
+        });
+        const dialog = this.element?.closest(".modal");
+        if (dialog) {
+          const bsModal = bootstrap.Modal.getInstance(dialog);
+          if (bsModal) {
+            bsModal.hide();
+          }
+        }
+        this.emit("ruleset:deleted", { model: this.model });
+      } catch (error) {
+        Dialog$1.showToast({
+          message: `Failed to delete RuleSet: ${error.message}`,
+          type: "error"
+        });
+      }
+    }
+  }
 }
 RuleSetView.VIEW_CLASS = RuleSetView;
 class RuleSetTablePage extends TablePage {
@@ -5066,7 +5345,7 @@ class RuleSetTablePage extends TablePage {
       pageName: "Rule Engine",
       router: "admin/rulesets",
       Collection: RuleSetList,
-      itemViewClass: RuleSetView,
+      itemView: RuleSetView,
       viewDialogOptions: {
         header: false,
         size: "xl"
@@ -5076,8 +5355,7 @@ class RuleSetTablePage extends TablePage {
         { key: "name", label: "Name", sortable: true },
         { key: "category", label: "Category", sortable: true, formatter: "badge" },
         { key: "priority", label: "Priority", sortable: true },
-        { key: "match_by", label: "Match Logic", formatter: (v) => v === 0 ? "ALL" : "ANY" },
-        { key: "is_active", label: "Status", formatter: "boolean|badge('Active:success,Inactive:secondary')" }
+        { key: "match_by", label: "Match Logic", formatter: (v) => v === 0 ? "ALL" : "ANY" }
       ],
       selectable: true,
       searchable: true,