web-mojo 2.1.980 → 2.1.1043

package/dist/admin.es.js

@@ -1,16 +1,16 @@
 import { P as Page } from "./chunks/Page-Deq4y2Kq.js";
-import { V as View, M as MOJOUtils } from "./chunks/Rest-CS4jRCAs.js";
+import { V as View, M as MOJOUtils, r as rest } from "./chunks/Rest-CS4jRCAs.js";
 import "./chunks/WebSocketClient-D-5DJoMX.js";
-import Dialog$1 from "./chunks/Dialog-CENvQT9n.js";
-import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-CVRinHn4.js";
-import { b as TablePage, j as EmailDomainForms, i as EmailDomainList, E as EmailDomain, m as MailboxForms, l as MailboxList, k as Mailbox, q as EmailTemplate, c as TabView, s as EmailTemplateForms, r as EmailTemplateList, I as IncidentEvent, A as IncidentEventForms, z as IncidentEventList, v as FileManagerForms, u as FileManagerList, w as File, T as TableView, y as FileForms, x as FileList, au as GeoLocatedIP, av as GeoLocatedIPList, af as MemberList, ae as LogList, ax as TicketList, D as IncidentList, Y as IncidentStats, O as IncidentHistoryList, N as IncidentHistory, B as Incident, C as ChatView, G as IncidentForms, a2 as Job, a8 as JobEventList, a6 as JobLogList, a4 as JobForms, a3 as JobList, ab as JobRunnerList, a9 as JobsEngineStats, ac as JobRunnerForms, aa as JobRunner, ad as Log, M as Member, ag as MemberForms, ah as MetricsPermission, aj as MetricsForms, ai as MetricsPermissionList, as as PushConfigForms, ap as PushConfigList, ar as PushDeliveryList, al as PushDeviceList, at as PushTemplateForms, an as PushTemplateList, R as RuleSet, _ as MatchByOptions, Z as BundleByOptions, W as RuleList, Q as RuleSetList, h as S3BucketForms, g as S3BucketList, n as SentMessage, o as SentMessageList, az as TicketNoteList, ay as TicketNote, aw as Ticket, aA as TicketForms, aB as TicketCategories } from "./chunks/ChatView-rAfKBqDw.js";
+import Dialog$1 from "./chunks/Dialog-BiVgKzSK.js";
+import { M as MetricsChart, c as MetricsMiniChartWidget, P as PieChart } from "./chunks/MetricsMiniChartWidget-CCroU6BZ.js";
+import { b as TablePage, j as EmailDomainForms, i as EmailDomainList, E as EmailDomain, m as MailboxForms, l as MailboxList, k as Mailbox, q as EmailTemplate, c as TabView, s as EmailTemplateForms, r as EmailTemplateList, I as IncidentEvent, A as IncidentEventForms, z as IncidentEventList, v as FileManagerForms, u as FileManagerList, w as File, T as TableView, y as FileForms, x as FileList, au as GeoLocatedIP, ae as LogList, av as GeoLocatedIPList, af as MemberList, ax as TicketList, D as IncidentList, Y as IncidentStats, O as IncidentHistoryList, N as IncidentHistory, B as Incident, C as ChatView, G as IncidentForms, a2 as Job, a8 as JobEventList, a6 as JobLogList, a4 as JobForms, a3 as JobList, ab as JobRunnerList, a9 as JobsEngineStats, ac as JobRunnerForms, aa as JobRunner, ad as Log, M as Member, ag as MemberForms, ah as MetricsPermission, aj as MetricsForms, ai as MetricsPermissionList, as as PushConfigForms, ap as PushConfigList, ar as PushDeliveryList, al as PushDeviceList, at as PushTemplateForms, an as PushTemplateList, R as RuleSet, _ as MatchByOptions, Z as BundleByOptions, W as RuleList, Q as RuleSetList, h as S3BucketForms, g as S3BucketList, n as SentMessage, o as SentMessageList, az as TicketNoteList, ay as TicketNote, aw as Ticket, aA as TicketForms, aB as TicketCategories } from "./chunks/ChatView-DguKw-gR.js";
 import DataView from "./chunks/DataView-OUqaLmGB.js";
-import { C as ContextMenu, a as Group, G as GroupList, b as GroupForms, f as UserDevice, i as UserDeviceLocationList, g as UserDeviceList, U as User, e as UserDataView, d as UserForms, c as UserList } from "./chunks/ContextMenu-BuEqfeZS.js";
-import { C as Collection } from "./chunks/Collection-DaTm-2LH.js";
-import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-dAEmy7XJ.js";
-import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-095xPgXv.js";
+import { C as ContextMenu, a as Group, G as GroupList, b as GroupForms, f as UserDevice, i as UserDeviceLocationList, g as UserDeviceList, U as User, e as UserDataView, d as UserForms, c as UserList } from "./chunks/ContextMenu-B4_YS0G8.js";
+import { C as Collection, M as Model } from "./chunks/Collection-YRfGoT73.js";
+import { L as LightboxGallery, P as PDFViewer } from "./chunks/PDFViewer-NeL91Gon.js";
+import { a as applyFileDropMixin, F as FormView } from "./chunks/FormView-BClEkzmE.js";
 import { MapView } from "./map.es.js";
-import { B, a, V, b, c, d, W } from "./chunks/WebApp-7JKRzXMJ.js";
+import { B, a, V, b, c, d, W } from "./chunks/WebApp-C1vcdSuu.js";
 class AdminHeaderView extends View {
   constructor(options = {}) {
     super({
@@ -1604,7 +1604,7 @@ class FileTablePage extends TablePage {
    */
   async onActionAdd(event, element) {
     event.preventDefault();
-    const Dialog2 = (await import("./chunks/Dialog-CENvQT9n.js")).default;
+    const Dialog2 = (await import("./chunks/Dialog-BiVgKzSK.js")).default;
     const formData = await Dialog2.showForm({
       title: "Upload File",
       size: "md",
@@ -1720,17 +1720,43 @@ class GeoIPView extends View {
                         <div>
                             <h3 class="mb-1">{{model.ip_address}}</h3>
                             <div class="text-muted small">
-                                {{model.country_name|default('Unknown Location')}}
+                                {{model.city|default('Unknown Location')}}, {{model.country_name|default('Unknown Location')}}
                             </div>
                             <div class="text-muted small mt-1">
-                                Provider: {{model.provider|capitalize}}
+                                ISP: {{model.isp|capitalize}}
                             </div>
                         </div>
                     </div>
 
-                    <!-- Right Side: Actions -->
-                    <div class="d-flex align-items-center gap-4">
-                        <div data-container="geoip-context-menu"></div>
+                    <!-- Right Side: Risk Summary + Actions -->
+                    <div class="d-flex align-items-start gap-4">
+                        <!-- Risk summary -->
+                        <div class="text-end">
+                            <div class="d-flex align-items-baseline justify-content-end gap-2">
+                                <span class="text-muted">Risk:</span>
+                                <span class="fw-bold fs-4
+                                    {{#model.is_threat}} text-danger {{/model.is_threat}}
+                                    {{#model.is_suspicious}} text-warning {{/model.is_suspicious}}
+                                    {{^model.is_threat}}{{^model.is_suspicious}} text-success {{/model.is_suspicious}}{{/model.is_threat}}
+                                ">{{#model.threat_level}}{{model.threat_level|capitalize}}{{/model.threat_level}}{{^model.threat_level}}Unknown{{/model.threat_level}}</span>
+                            </div>
+                            <div class="mt-1 small d-flex align-items-center justify-content-end gap-2">
+                                <span class="text-muted">Score:</span>
+                                <span class="fw-semibold">{{model.risk_score|default('—')}}</span>
+                            </div>
+                            <div class="mt-1 d-flex align-items-center justify-content-end gap-2">
+                                <i class="bi bi-shield-lock {{#model.is_tor}}fs-4 text-success{{/model.is_tor}}{{^model.is_tor}}text-muted{{/model.is_tor}}" data-bs-toggle="tooltip" title="TOR exit"></i>
+                                <i class="bi bi-shield {{#model.is_vpn}}fs-4 text-success{{/model.is_vpn}}{{^model.is_vpn}}text-muted{{/model.is_vpn}}" data-bs-toggle="tooltip" title="VPN detected"></i>
+                                <i class="bi bi-cloud {{#model.is_cloud}}fs-4 text-success{{/model.is_cloud}}{{^model.is_cloud}}text-muted{{/model.is_cloud}}" data-bs-toggle="tooltip" title="Cloud provider"></i>
+                                <i class="bi bi-hdd-stack {{#model.is_datacenter}}fs-4 text-success{{/model.is_datacenter}}{{^model.is_datacenter}}text-muted{{/model.is_datacenter}}" data-bs-toggle="tooltip" title="Datacenter"></i>
+                                <i class="bi bi-phone {{#model.is_mobile}}fs-4 text-success{{/model.is_mobile}}{{^model.is_mobile}}text-muted{{/model.is_mobile}}" data-bs-toggle="tooltip" title="Mobile connection"></i>
+                                <i class="bi bi-diagram-3 {{#model.is_proxy}}fs-4 text-success{{/model.is_proxy}}{{^model.is_proxy}}text-muted{{/model.is_proxy}}" data-bs-toggle="tooltip" title="Proxy"></i>
+                            </div>
+                        </div>
+                        <!-- Actions: context menu aligned to top (not vertically centered) -->
+                        <div class="d-flex align-items-start">
+                            <div data-container="geoip-context-menu"></div>
+                        </div>
                     </div>
                 </div>
 
@@ -1759,25 +1785,41 @@ class GeoIPView extends View {
         { name: "longitude", label: "Longitude", cols: 4 }
       ]
     });
-    this.securityView = new DataView({
+    this.networkView = new DataView({
       model: this.model,
       className: "p-3",
       showEmptyValues: true,
       emptyValueText: "—",
       columns: 2,
       fields: [
-        { name: "threat_level", label: "Threat Level", cols: 4 },
-        { name: "is_tor", label: "TOR Exit Node", cols: 4 },
+        { name: "is_tor", label: "TOR Exit Node", formatter: "yesnoicon", cols: 4 },
         { name: "is_vpn", label: "VPN", formatter: "yesnoicon", cols: 4 },
         { name: "is_proxy", label: "Proxy", formatter: "yesnoicon", cols: 4 },
         { name: "is_cloud", label: "Cloud Provider", formatter: "yesnoicon", cols: 4 },
         { name: "is_datacenter", label: "Datacenter", formatter: "yesnoicon", cols: 4 },
+        { name: "is_mobile", label: "Mobile", formatter: "yesnoicon", cols: 4 },
+        { name: "mobile_carrier", label: "Mobile Carrier", cols: 8 },
         { name: "asn", label: "ASN", cols: 4 },
-        { name: "asn_org", label: "ASN Organization", cols: 4 },
-        { name: "isp", label: "ISP", cols: 4 },
+        { name: "asn_org", label: "ASN Organization", cols: 8 },
+        { name: "isp", label: "ISP", cols: 12 },
         { name: "connection_type", label: "Connection Type", cols: 6 }
       ]
     });
+    this.riskView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "threat_level", label: "Threat Level", cols: 6 },
+        { name: "risk_score", label: "Risk Score", cols: 6 },
+        { name: "is_threat", label: "Threat", formatter: "yesnoicon", cols: 6 },
+        { name: "is_suspicious", label: "Suspicious", formatter: "yesnoicon", cols: 6 },
+        { name: "is_known_attacker", label: "Known Attacker", formatter: "yesnoicon", cols: 6 },
+        { name: "is_known_abuser", label: "Known Abuser", formatter: "yesnoicon", cols: 6 }
+      ]
+    });
     this.metadataView = new DataView({
       model: this.model,
       className: "p-3",
@@ -1789,12 +1831,77 @@ class GeoIPView extends View {
         { name: "provider", label: "Data Provider", formatter: "capitalize", cols: 6 },
         { name: "created", label: "Created", formatter: "datetime", cols: 6 },
         { name: "modified", label: "Last Modified", formatter: "datetime", cols: 6 },
-        { name: "expires_at", label: "Expires", formatter: "datetime", cols: 12 }
+        { name: "last_seen", label: "Last Seen", formatter: "datetime", cols: 6 },
+        { name: "expires_at", label: "Expires", formatter: "datetime", cols: 6 }
+      ]
+    });
+    const eventsCollection = new IncidentEventList({
+      params: {
+        size: 5,
+        source_ip: this.model.get("ip_address")
+      }
+    });
+    this.eventsView = new TableView({
+      collection: eventsCollection,
+      hideActivePillNames: ["source_ip"],
+      columns: [
+        { key: "id", label: "ID", sortable: true, width: "40px" },
+        { key: "created", label: "Date", formatter: "datetime", sortable: true, width: "150px" },
+        { key: "category|badge", label: "Category" },
+        { key: "title", label: "Title" }
+      ]
+    });
+    const logsCollection = new LogList({
+      params: {
+        size: 5,
+        ip: this.model.get("ip_address")
+      }
+    });
+    this.logsView = new TableView({
+      collection: logsCollection,
+      permissions: "view_logs",
+      hideActivePillNames: ["ip"],
+      columns: [
+        {
+          key: "created",
+          label: "Timestamp",
+          sortable: true,
+          formatter: "epoch|datetime",
+          filter: {
+            name: "created",
+            type: "daterange",
+            startName: "dr_start",
+            endName: "dr_end",
+            fieldName: "dr_field",
+            label: "Date Range",
+            format: "YYYY-MM-DD",
+            displayFormat: "MMM DD, YYYY",
+            separator: " to "
+          }
+        },
+        {
+          key: "level",
+          label: "Level",
+          sortable: true,
+          filter: {
+            type: "select",
+            options: [
+              { value: "info", label: "Info" },
+              { value: "warning", label: "Warning" },
+              { value: "error", label: "Error" }
+            ]
+          }
+        },
+        { key: "kind", label: "Kind", filter: { type: "text" } },
+        { name: "log", label: "Log" }
       ]
     });
     const tabs = {
       "Location": this.detailsView,
-      "Security": this.securityView,
+      "Network": this.networkView,
+      "Risk & Reputation": this.riskView,
+      "Events": this.eventsView,
+      "Logs": this.logsView,
       "Metadata": this.metadataView
     };
     if (this.hasCoordinates) {
@@ -1851,6 +1958,19 @@ class GeoIPView extends View {
     });
     this.addChild(geoIPMenu);
   }
+  async onAfterRender() {
+    await super.onAfterRender();
+    if (window.bootstrap && window.bootstrap.Tooltip && this.element) {
+      const tooltipTriggerList = this.element.querySelectorAll('[data-bs-toggle="tooltip"]');
+      tooltipTriggerList.forEach((el) => {
+        const existing = window.bootstrap.Tooltip.getInstance(el);
+        if (existing && typeof existing.dispose === "function") {
+          existing.dispose();
+        }
+        new window.bootstrap.Tooltip(el);
+      });
+    }
+  }
   async onActionEditLocation() {
     const resp = await Dialog$1.showModelForm({
       title: `Edit Location - ${this.model.get("ip_address")}`,
@@ -1888,6 +2008,10 @@ class GeoIPView extends View {
     await this.model.save({ refresh: true });
     this.getApp()?.toast?.info("Refresh request sent for " + this.model.get("ip_address"));
   }
+  async onActionThreatAnalysis() {
+    await this.model.save({ threat_analysis: true });
+    this.getApp()?.toast?.info("Requesting threat analysis for " + this.model.get("ip_address"));
+  }
   async onActionViewOnMap() {
     if (this.hasCoordinates) {
       const lat = this.model.get("latitude");
@@ -1961,7 +2085,7 @@ class GeoLocatedIPTablePage extends TablePage {
       clickAction: "view",
       // Toolbar
       showRefresh: true,
-      showAdd: false,
+      showAdd: true,
       showExport: true,
       // Empty state
       emptyMessage: "No GeoIP records found.",
@@ -1971,9 +2095,34 @@ class GeoLocatedIPTablePage extends TablePage {
         bordered: false,
         hover: true,
         responsive: false
+      },
+      tableViewOptions: {
+        addButtonLabel: "Lookup IP",
+        onAdd: (evt) => {
+          evt.preventDefault();
+          this.onLookup();
+        }
       }
     });
   }
+  async onLookup() {
+    const data = await this.getApp().showForm({
+      title: "Lookup IP",
+      fields: [
+        {
+          name: "ip",
+          type: "text",
+          required: true
+        }
+      ]
+    });
+    if (data && data.ip) {
+      const model = await GeoLocatedIP.lookup(data.ip);
+      if (model) {
+        this.tableView._onRowView({ model });
+      }
+    }
+  }
 }
 class GroupView extends View {
   constructor(options = {}) {
@@ -2194,8 +2343,10 @@ class GroupView extends View {
           Collection: GroupList,
           labelField: "name",
           itemTemplate: `
-                    <div class="fs-5">{{model.name}}</div>
+                    <div class="ms-2">
+                    <div class="fs-7">{{model.name}}</div>
                     <div class="fs-8 text-muted">{{model.kind}}</div>
+                    </div>
                     `,
           valueField: "id",
           enableSearch: true,
@@ -2329,15 +2480,7 @@ class GroupTablePage extends TablePage {
         striped: true,
         bordered: false,
         hover: true,
-        responsive: false,
-        toolbarButtons: [
-          {
-            label: "Add Multiple",
-            icon: "bi bi-plus-circle",
-            action: "add-multiple",
-            className: "btn-success"
-          }
-        ]
+        responsive: false
       }
     });
   }
@@ -8474,6 +8617,548 @@ class UserTablePage extends TablePage {
     return false;
   }
 }
+class PhoneNumber extends Model {
+  constructor(data = {}, options = {}) {
+    super(data, {
+      endpoint: "/api/phonehub/number",
+      ...options
+    });
+  }
+  /**
+   * Normalize an arbitrary phone_number string to E.164 format.
+   * @param {string} phoneNumber - Raw phone number input.
+   * @param {string} [countryCode='US'] - Optional country code (default US).
+   * @returns {Promise<{success: boolean, phone_number?: string, data?: object, error?: string, response?: any}>}
+   */
+  static async normalize(phoneNumber, countryCode = "US") {
+    const url = "/api/phonehub/number/normalize";
+    const payload = {
+      phone_number: phoneNumber
+    };
+    if (countryCode) payload.country_code = countryCode;
+    const resp = await rest.POST(url, payload);
+    const body = resp?.data ?? resp;
+    const ok = body?.status === true || body?.success === true;
+    if (ok) {
+      const normalized = body?.data?.phone_number ?? body?.phone_number;
+      return { success: true, phone_number: normalized, data: body?.data ?? body, response: resp };
+    }
+    return { success: false, error: body?.error || "Normalization failed", response: resp };
+  }
+  /**
+   * Lookup phone number details (carrier, line_type, owner, etc.)
+   * @param {string} phoneNumber - E.164 or raw phone number.
+   * @param {object} [options] - { force_refresh?: boolean, group?: number }
+   * @returns {Promise<{success: boolean, model?: PhoneNumber, data?: object, error?: string, response?: any}>}
+   */
+  static async lookup(phoneNumber, options = {}) {
+    const url = "/api/phonehub/number/lookup";
+    const resp = await rest.POST(url, {
+      phone_number: phoneNumber,
+      ...options
+    });
+    const body = resp?.data ?? resp;
+    const ok = body?.status === true || body?.success === true;
+    if (ok) {
+      const data = body?.data ?? {};
+      const model = new PhoneNumber(data, { endpoint: "/api/phonehub/number" });
+      return { success: true, model, data, response: resp };
+    }
+    return { success: false, error: body?.error || "Phone lookup failed", response: resp };
+  }
+}
+class PhoneNumberList extends Collection {
+  constructor(options = {}) {
+    super({
+      ModelClass: PhoneNumber,
+      endpoint: "/api/phonehub/number",
+      size: 10,
+      ...options
+    });
+  }
+}
+class SMS extends Model {
+  constructor(data = {}, options = {}) {
+    super(data, {
+      endpoint: "/api/phonehub/sms",
+      ...options
+    });
+  }
+  /**
+   * Send SMS via PhoneHub (Twilio under the hood).
+   * @param {object} params - { to_number, body, from_number?, group?, metadata? }
+   * @returns {Promise<{success: boolean, model?: SMS, data?: object, error?: string, response?: any}>}
+   */
+  static async send(params = {}) {
+    const url = "/api/phonehub/sms/send";
+    const resp = await rest.POST(url, params);
+    const body = resp?.data ?? resp;
+    const ok = body?.status === true || body?.success === true;
+    if (ok) {
+      const data = body?.data ?? {};
+      const model = new SMS(data, { endpoint: "/api/phonehub/sms" });
+      return { success: true, model, data, response: resp };
+    }
+    return { success: false, error: body?.error || "Failed to send SMS", response: resp };
+  }
+}
+class SMSList extends Collection {
+  constructor(options = {}) {
+    super({
+      ModelClass: SMS,
+      endpoint: "/api/phonehub/sms",
+      size: 10,
+      ...options
+    });
+  }
+}
+class PhoneNumberView extends View {
+  constructor(options = {}) {
+    super({
+      className: "phone-number-view",
+      ...options
+    });
+    this.model = options.model || new PhoneNumber(options.data || {});
+    this.template = `
+      <div class="phone-number-view-container">
+        <!-- Header -->
+        <div class="d-flex justify-content-between align-items-center mb-4">
+          <!-- Left Side: Icon & Info -->
+          <div class="d-flex align-items-center gap-3">
+            <div class="fs-1 text-primary">
+              <i class="bi bi-telephone"></i>
+            </div>
+            <div>
+              <h3 class="mb-1">{{model.phone_number|default('Unknown Number')}}</h3>
+              <div class="text-muted small">
+                {{model.carrier|default('—')}} {{#model.line_type}}· {{model.line_type|capitalize}}{{/model.line_type}}
+              </div>
+              <div class="text-muted small mt-1">
+                {{#model.country_code}}Country: {{model.country_code}}{{/model.country_code}}
+                {{#model.region}} · Region: {{model.region}}{{/model.region}}
+                {{#model.state}} · State: {{model.state}}{{/model.state}}
+              </div>
+            </div>
+          </div>
+
+          <!-- Right Side: Actions -->
+          <div class="d-flex align-items-center gap-4">
+            <div data-container="phone-context-menu"></div>
+          </div>
+        </div>
+
+        <!-- Tabs -->
+        <div data-container="phone-tabs"></div>
+      </div>
+    `;
+  }
+  async onInit() {
+    this.overviewView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "phone_number", label: "Phone Number", cols: 6 },
+        { name: "country_code", label: "Country Code", cols: 6 },
+        { name: "region", label: "Region", cols: 6 },
+        { name: "state", label: "State", cols: 6 },
+        { name: "registered_owner", label: "Registered Owner", cols: 6 },
+        { name: "owner_type", label: "Owner Type", formatter: "capitalize", cols: 6 },
+        { name: "is_valid", label: "Valid", formatter: "yesnoicon", cols: 4 },
+        { name: "is_mobile", label: "Mobile", formatter: "yesnoicon", cols: 4 },
+        { name: "is_voip", label: "VOIP", formatter: "yesnoicon", cols: 4 }
+      ]
+    });
+    this.carrierView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "carrier", label: "Carrier", cols: 6 },
+        { name: "line_type", label: "Line Type", formatter: "capitalize", cols: 6 },
+        { name: "lookup_provider", label: "Lookup Provider", formatter: "capitalize", cols: 6 },
+        { name: "lookup_count", label: "Lookup Count", cols: 6 },
+        { name: "last_lookup_at", label: "Last Lookup", formatter: "datetime", cols: 6 },
+        { name: "lookup_expires_at", label: "Cache Expires", formatter: "datetime", cols: 6 }
+      ]
+    });
+    this.addressView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "address_line1", label: "Address Line 1", cols: 12 },
+        { name: "address_city", label: "City", cols: 4 },
+        { name: "address_state", label: "State", cols: 4 },
+        { name: "address_zip", label: "ZIP", cols: 4 },
+        { name: "address_country", label: "Country", cols: 6 }
+      ]
+    });
+    this.metadataView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "id", label: "Record ID", cols: 6 },
+        { name: "created", label: "Created", formatter: "datetime", cols: 6 },
+        { name: "modified", label: "Last Modified", formatter: "datetime", cols: 6 }
+      ]
+    });
+    const tabs = {
+      "Overview": this.overviewView,
+      "Carrier": this.carrierView,
+      "Address": this.addressView,
+      "Metadata": this.metadataView
+    };
+    this.tabView = new TabView({
+      containerId: "phone-tabs",
+      tabs,
+      activeTab: "Overview"
+    });
+    this.addChild(this.tabView);
+    const menuItems = [
+      { label: "Refresh Lookup", action: "refresh-lookup", icon: "bi-arrow-repeat" },
+      { type: "divider" },
+      { label: "Delete Record", action: "delete-phone", icon: "bi-trash", danger: true }
+    ];
+    const ctxMenu = new ContextMenu({
+      containerId: "phone-context-menu",
+      className: "context-menu-view header-menu-absolute",
+      context: this.model,
+      config: {
+        icon: "bi-three-dots-vertical",
+        items: menuItems
+      }
+    });
+    this.addChild(ctxMenu);
+  }
+  // Actions
+  async onActionRefreshLookup() {
+    const number = this.model.get("phone_number");
+    if (!number) {
+      this.getApp()?.toast?.warning?.("No phone number to lookup");
+      return;
+    }
+    try {
+      this.getApp()?.toast?.info?.("Refreshing lookup...");
+      const resp = await PhoneNumber.lookup(number, { force_refresh: true });
+      if (resp.success && resp.data) {
+        this.model.set(resp.data);
+        await this.render();
+        this.getApp()?.toast?.success?.("Lookup refreshed");
+      } else {
+        const msg = resp.error || "Lookup failed";
+        this.getApp()?.toast?.error?.(msg);
+      }
+    } catch (e) {
+      this.getApp()?.toast?.error?.(e.message || "Lookup failed");
+    }
+  }
+  async onActionDeletePhone() {
+    const confirmed = await Dialog$1.confirm(
+      `Are you sure you want to delete the record for "${this.model.get("phone_number") || "this number"}"?`,
+      "Confirm Deletion",
+      { confirmClass: "btn-danger", confirmText: "Delete" }
+    );
+    if (!confirmed) return;
+    try {
+      const resp = await this.model.destroy();
+      if (resp?.success) {
+        this.emit("phone:deleted", { model: this.model });
+      } else {
+        this.getApp()?.toast?.error?.("Delete failed");
+      }
+    } catch (e) {
+      this.getApp()?.toast?.error?.(e.message || "Delete failed");
+    }
+  }
+}
+PhoneNumberView.MODEL_CLASS = PhoneNumber;
+class PhoneNumberTablePage extends TablePage {
+  constructor(options = {}) {
+    super({
+      ...options,
+      // Identity
+      name: "admin_phonehub_numbers",
+      pageName: "Phone Numbers",
+      router: "admin/phonehub/numbers",
+      // Data source
+      Collection: PhoneNumberList,
+      // Item view configuration
+      itemView: PhoneNumberView,
+      viewDialogOptions: {
+        header: false
+        // size: 'xl'
+      },
+      // Column definitions
+      columns: [
+        { key: "phone_number", label: "Phone Number", sortable: true },
+        { key: "carrier", label: "Carrier", sortable: true, formatter: "default('—')" },
+        { key: "line_type", label: "Line Type", sortable: true, formatter: "capitalize" },
+        { key: "is_mobile", label: "Mobile", formatter: "yesnoicon" },
+        { key: "is_voip", label: "VOIP", formatter: "yesnoicon" },
+        { key: "is_valid", label: "Valid", formatter: "yesnoicon" },
+        { key: "registered_owner", label: "Owner", sortable: true, formatter: "default('—')" },
+        { key: "owner_type", label: "Owner Type", formatter: "capitalize" },
+        { key: "last_lookup_at|relative", label: "Last Lookup", sortable: true }
+      ],
+      // Table features
+      selectable: true,
+      searchable: true,
+      sortable: true,
+      filterable: true,
+      paginated: true,
+      // Row action
+      clickAction: "view",
+      // Toolbar
+      showRefresh: true,
+      showAdd: true,
+      showExport: true,
+      // Empty state
+      emptyMessage: "No phone numbers found.",
+      // Table display options
+      tableOptions: {
+        striped: true,
+        bordered: false,
+        hover: true,
+        responsive: false
+      },
+      tableViewOptions: {
+        addButtonLabel: "Lookup",
+        addButtonIcon: "bi-search",
+        onAdd: (evt) => {
+          evt.preventDefault();
+          this.onLookup();
+        }
+      }
+    });
+  }
+  async onLookup() {
+    const data = await this.getApp().showForm({
+      title: "Lookup Phone Number",
+      fields: [
+        {
+          name: "number",
+          type: "text",
+          required: true
+        }
+      ]
+    });
+    if (data && data.number) {
+      const resp = await PhoneNumber.lookup(data.number);
+      if (resp.model) {
+        this.tableView._onRowView(resp);
+      }
+    }
+  }
+}
+class SMSView extends View {
+  constructor(options = {}) {
+    super({
+      className: "sms-view",
+      ...options
+    });
+    this.model = options.model || new SMS(options.data || {});
+    this.template = `
+      <div class="sms-view-container">
+        <!-- Header -->
+        <div class="d-flex justify-content-between align-items-center mb-4">
+          <!-- Left Side: Icon & Info -->
+          <div class="d-flex align-items-center gap-3">
+            <div class="fs-1 text-primary">
+              <i class="bi bi-chat-dots"></i>
+            </div>
+            <div>
+              <h3 class="mb-1">
+                {{#model.direction}}{{model.direction|capitalize}}{{/model.direction}}
+                {{^model.direction}}Message{{/model.direction}}
+                <small class="text-muted ms-2">
+                  {{#model.status}}[{{model.status|capitalize}}]{{/model.status}}
+                </small>
+              </h3>
+              <div class="text-muted small">
+                {{#model.from_number}}From: {{model.from_number}}{{/model.from_number}}
+                {{#model.to_number}} · To: {{model.to_number}}{{/model.to_number}}
+              </div>
+              <div class="text-muted small mt-1">
+                {{#model.provider}}Provider: {{model.provider|capitalize}}{{/model.provider}}
+                {{#model.provider_message_id}} · SID: {{model.provider_message_id}}{{/model.provider_message_id}}
+              </div>
+            </div>
+          </div>
+
+          <!-- Right Side: Actions -->
+          <div class="d-flex align-items-center gap-4">
+            <div data-container="sms-context-menu"></div>
+          </div>
+        </div>
+
+        <!-- Tabs -->
+        <div data-container="sms-tabs"></div>
+      </div>
+    `;
+  }
+  async onInit() {
+    this.messageView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "direction", label: "Direction", formatter: "capitalize", cols: 4 },
+        { name: "status", label: "Status", formatter: "capitalize", cols: 4 },
+        { name: "from_number", label: "From", cols: 6 },
+        { name: "to_number", label: "To", cols: 6 },
+        { name: "body", label: "Message Body", cols: 12 }
+      ]
+    });
+    this.deliveryView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "provider", label: "Provider", formatter: "capitalize", cols: 6 },
+        { name: "provider_message_id", label: "Provider Message ID", cols: 6 },
+        { name: "sent_at", label: "Sent At", formatter: "datetime", cols: 6 },
+        { name: "delivered_at", label: "Delivered At", formatter: "datetime", cols: 6 },
+        { name: "error_code", label: "Error Code", cols: 6 },
+        { name: "error_message", label: "Error Message", cols: 12 }
+      ]
+    });
+    this.metadataView = new DataView({
+      model: this.model,
+      className: "p-3",
+      showEmptyValues: true,
+      emptyValueText: "—",
+      columns: 2,
+      fields: [
+        { name: "id", label: "Record ID", cols: 6 },
+        { name: "created", label: "Created", formatter: "datetime", cols: 6 },
+        { name: "modified", label: "Last Modified", formatter: "datetime", cols: 6 }
+      ]
+    });
+    const tabs = {
+      "Message": this.messageView,
+      "Delivery": this.deliveryView,
+      "Metadata": this.metadataView
+    };
+    this.tabView = new TabView({
+      containerId: "sms-tabs",
+      tabs,
+      activeTab: "Message"
+    });
+    this.addChild(this.tabView);
+    const menuItems = [
+      { label: "Refresh", action: "refresh-sms", icon: "bi-arrow-repeat" },
+      { type: "divider" },
+      { label: "Delete Message", action: "delete-sms", icon: "bi-trash", danger: true }
+    ];
+    const ctxMenu = new ContextMenu({
+      containerId: "sms-context-menu",
+      className: "context-menu-view header-menu-absolute",
+      context: this.model,
+      config: {
+        icon: "bi-three-dots-vertical",
+        items: menuItems
+      }
+    });
+    this.addChild(ctxMenu);
+  }
+  // Actions
+  async onActionRefreshSms() {
+    try {
+      this.getApp()?.toast?.info?.("Refreshing message...");
+      await this.model.fetch();
+      await this.render();
+      this.getApp()?.toast?.success?.("Message refreshed");
+    } catch (e) {
+      this.getApp()?.toast?.error?.(e.message || "Refresh failed");
+    }
+  }
+  async onActionDeleteSms() {
+    const title = "Confirm Deletion";
+    const msg = `Are you sure you want to delete this message?`;
+    const confirmed = await Dialog$1.confirm(msg, title, {
+      confirmClass: "btn-danger",
+      confirmText: "Delete"
+    });
+    if (!confirmed) return;
+    try {
+      const resp = await this.model.destroy();
+      if (resp?.success) {
+        this.emit("sms:deleted", { model: this.model });
+      } else {
+        this.getApp()?.toast?.error?.("Delete failed");
+      }
+    } catch (e) {
+      this.getApp()?.toast?.error?.(e.message || "Delete failed");
+    }
+  }
+}
+SMSView.MODEL_CLASS = SMS;
+class SMSTablePage extends TablePage {
+  constructor(options = {}) {
+    super({
+      ...options,
+      // Identity
+      name: "admin_phonehub_sms",
+      pageName: "SMS Messages",
+      router: "admin/phonehub/sms",
+      // Data source
+      Collection: SMSList,
+      // Item view configuration
+      itemView: SMSView,
+      viewDialogOptions: {
+        header: false,
+        size: "xl"
+      },
+      // Column definitions
+      columns: [
+        { key: "direction", label: "Direction", sortable: true },
+        { key: "from_number", label: "From", sortable: true, formatter: "default('—')" },
+        { key: "to_number", label: "To", sortable: true, formatter: "default('—')" },
+        { key: "status", label: "Status", sortable: true },
+        { key: "provider", label: "Provider", sortable: true, formatter: "default('—')" },
+        { key: "body", label: "Message", formatter: "default('—')" },
+        { key: "sent_at", label: "Sent At", sortable: true, formatter: "datetime" },
+        { key: "delivered_at", label: "Delivered At", sortable: true, formatter: "datetime" },
+        { key: "created", label: "Created", sortable: true, formatter: "datetime" }
+      ],
+      // Table features
+      selectable: true,
+      searchable: true,
+      sortable: true,
+      filterable: true,
+      paginated: true,
+      // Row action
+      clickAction: "view",
+      // Toolbar
+      showRefresh: true,
+      showAdd: false,
+      showExport: true,
+      // Empty state
+      emptyMessage: "No SMS messages found.",
+      // Table display options
+      tableOptions: {
+        striped: true,
+        bordered: false,
+        hover: true,
+        responsive: false
+      }
+    });
+  }
+}
 function registerSystemPages(app, addToMenu = true) {
   app.registerPage("system/dashboard", AdminDashboardPage, { permissions: ["view_admin"] });
   app.registerPage("system/jobs", JobsAdminPage, { permissions: ["view_jobs", "manage_jobs"] });
@@ -8502,6 +9187,8 @@ function registerSystemPages(app, addToMenu = true) {
   app.registerPage("system/push/templates", PushTemplateTablePage, { permissions: ["manage_users"] });
   app.registerPage("system/push/deliveries", PushDeliveryTablePage, { permissions: ["manage_users"] });
   app.registerPage("system/push/devices", PushDeviceTablePage, { permissions: ["manage_users"] });
+  app.registerPage("system/phonehub/numbers", PhoneNumberTablePage, { permissions: ["manage_users"] });
+  app.registerPage("system/phonehub/sms", SMSTablePage, { permissions: ["manage_users"] });
   if (addToMenu && app.sidebar && app.sidebar.getMenuConfig) {
     const adminMenuConfig = app.sidebar.getMenuConfig("system");
     if (adminMenuConfig && adminMenuConfig.items) {
@@ -8676,6 +9363,26 @@ function registerSystemPages(app, addToMenu = true) {
               permissions: ["manage_aws"]
             }
           ]
+        },
+        {
+          text: "Phone Hub",
+          route: null,
+          icon: "bi-telephone",
+          permissions: ["manage_users"],
+          children: [
+            {
+              text: "Numbers",
+              route: "?page=system/phonehub/numbers",
+              icon: "bi-collection",
+              permissions: ["manage_users"]
+            },
+            {
+              text: "SMS",
+              route: "?page=system/phonehub/sms",
+              icon: "bi-chat-dots",
+              permissions: ["manage_users"]
+            }
+          ]
         }
       ];
       adminMenuConfig.items.unshift(...adminMenuItems);