web-mojo 2.2.73 → 2.2.74

package/dist/admin.es.js

@@ -1,2 +1,2 @@
-import{P as e,C as t}from"./chunks/ContextMenu-MUgZ00m8.js";import{V as i,C as a,M as s,r as n,b as l}from"./chunks/Collection-CaiT8TbF.js";import"./chunks/WebSocketClient-D904MtjN.js";import{D as o,U as r,b as d,n as c,o as m,c as b,G as u,j as p,l as h,a as v,m as g,g as f,h as y,F as w,d as x,e as _}from"./chunks/Dialog-C2ZupILO.js";import{M as k,b as A,P as S}from"./chunks/MetricsMiniChartWidget-Ja2m3ujv.js";import{n as C,af as P,$ as T,ag as I,G as D,k as V,w as M,q as N,p as E,I as R,b as F,o as L,r as z,l as $,J as O,ah as j,m as B,am as U,al as q,aj as G,ak as H,ai as W,a6 as J,R as K,B as Y,a5 as Q,a8 as Z,f as X,g as ee,E as te,P as ie,Q as ae,O as se,h as ne,i as le,j as oe,ac as re,ae as de,Z as ce,W as me,X as be,a1 as ue,a2 as pe,y as he,H as ve,z as ge,A as fe,M as ye,L as we,K as xe,N as _e,T as ke,S as Ae,U as Se,aa as Ce,ab as Pe}from"./chunks/ChatView-CQSd2YjH.js";import{a as Te,b as Ie,M as De,T as Ve,f as Me,c as Ne,d as Ee,g as Re,e as Fe}from"./chunks/Passkeys-BPhGi897.js";import{F as Le,a as ze}from"./chunks/FormView-BT8-sbmT.js";import{M as $e}from"./chunks/Modal-B0iezM44.js";import Oe from"./chunks/DataView-BcHpqSQj.js";import{M as je,b as Be}from"./chunks/MetricsCountryMapView-Cz6tMj-U.js";import{L as Ue,P as qe}from"./chunks/PDFViewer-CdNehN74.js";import{W as Ge}from"./chunks/WebApp-2ajVvWc-.js";import{B as He,V as We,a as Je,b as Ke,c as Ye,d as Qe}from"./chunks/version-DtY9tmxR.js";class AdminHeaderView extends i{constructor(e={}){super({title:"Dashboard",...e,headerActions:[{label:"Export",icon:"bi-download",action:"export",buttonClass:"btn-primary"}],className:"admin-header-section"}),this.stats={user_activity_day:0,total_users:0,group_activity_day:0,total_groups:0,api_calls:0,apiChange:"",incidents:0,incidentsChange:""},this.prepareStatsForTemplate()}async getTemplate(){return'\n      <div class="admin-stats-header mb-4">\n        <div class="row">\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="user_activity_day"></div>\n          </div>\n\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="group_activity_day"></div>\n          </div>\n\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="api_activity_day"></div>\n          </div>\n\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="incident_activity_day"></div>\n          </div>\n        </div>\n      </div>\n    '}async onInit(){this.userActivity=new A({icon:"bi bi-people fs-2",title:"User Activity",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total_users}} <span class="subtitle-label">Total</span>',background:"#5388D6",textColor:"#FFFFFF",granularity:"days",trendRange:4,trendOffset:0,slugs:["user_activity_day"],account:"global",chartType:"bar",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,showSettings:!0,showDateRange:!0,containerId:"user_activity_day"}),this.addChild(this.userActivity),this.groupActivity=new A({icon:"bi bi-collection fs-2",title:"Group Activity",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total_groups}} <span class="subtitle-label">Total</span>',background:"#1f6a7a",textColor:"#FFFFFF",granularity:"days",trendRange:4,trendOffset:0,slugs:["group_activity_day"],account:"global",chartType:"bar",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,containerId:"group_activity_day"}),this.addChild(this.groupActivity),this.apiActivity=new A({icon:"bi bi-graph-up fs-2",title:"API Requests",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total}} <span class="subtitle-label">Total</span>',background:"#50A079",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",trendRange:4,trendOffset:0,granularity:"days",slugs:["api_calls"],account:"global",chartType:"line",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,containerId:"api_activity_day"}),this.addChild(this.apiActivity),this.incidentActivity=new A({icon:"bi bi-exclamation-triangle fs-2",title:"Incidents",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total}} <span class="subtitle-label">Total</span>',background:"#B14545",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",trendRange:4,trendOffset:0,granularity:"days",slugs:["incidents"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,containerId:"incident_activity_day"}),this.addChild(this.incidentActivity)}async onBeforeRender(){}prepareStatsForTemplate(){}async loadValues(){try{const e=await this.getApp().rest.GET("/api/metrics/value/get",{slugs:["total_users","total_groups"],account:"global"});e.success&&e.data.status&&Object.assign(this.stats,e.data.data),this.groupActivity&&(this.groupActivity.header.total_groups=this.stats.total_groups||0,this.groupActivity.header.render()),this.userActivity&&(this.userActivity.header.total_users=this.stats.total_users||0,this.userActivity.header.render())}catch(e){console.error("Failed to load admin stats:",e)}}async loadStats(){try{const e=await this.getApp().rest.GET("/api/metrics/series",{slugs:["user_created","user_activity_day","incidents","api_calls","api_errors","group_activity_day"],account:"global",granularity:"days"});e.success&&e.data.status&&(Object.assign(this.stats,e.data.data),this.prepareStatsForTemplate())}catch(e){console.error("Failed to load admin stats:",e)}}}class AdminDashboardPage extends e{constructor(e={}){super({...e,title:"Admin Dashboard",className:"admin-dashboard-page"}),this.pageTitle="Admin Dashboard",this.pageSubtitle="System monitoring and metrics overview"}async getTemplate(){return'\n      <div class="admin-dashboard-container container-lg">\n        \x3c!-- Page Header --\x3e\n        <div class="d-flex justify-content-between align-items-center mb-2">\n          <div>\n            <p class="text-muted mb-0">{{pageSubtitle}}</p>\n            <small class="text-info">\n              <i class="bi bi-shield-check me-1"></i>\n              Real-time system metrics and performance monitoring\n            </small>\n          </div>\n          <div class="btn-group" role="group">\n            <button type="button" class="btn btn-outline-secondary btn-sm"\n                    data-action="refresh-all" title="Refresh All Charts">\n              <i class="bi bi-arrow-clockwise"></i> Refresh\n            </button>\n            <button type="button" class="btn btn-outline-primary btn-sm"\n                    data-action="export-metrics" title="Export Metrics Data">\n              <i class="bi bi-download"></i> Export\n            </button>\n            <button type="button" class="btn btn-outline-warning btn-sm"\n                    data-action="view-alerts" title="View System Alerts">\n              <i class="bi bi-bell"></i> Alerts\n            </button>\n          </div>\n        </div>\n\n        \x3c!-- Stats Header --\x3e\n        <div data-container="admin-header"></div>\n        <div data-container="example-chart"></div>\n        \x3c!-- Charts Section --\x3e\n        <div class="row">\n          \x3c!-- Full Width API Metrics Chart --\x3e\n          <div class="col-12 mb-4">\n            <div data-container="api-metrics-chart"></div>\n          </div>\n        </div>\n\n        \x3c!-- System Status Footer --\x3e\n        <div class="row">\n          <div class="col-12">\n            <div class="alert alert-success border-0" role="alert">\n              <div class="d-flex align-items-center">\n                <i class="bi bi-check-circle-fill me-2"></i>\n                <div>\n                  <strong>System Status:</strong> All systems operational.\n                  Last updated: <span class="text-muted">{{lastUpdated}}</span>\n                </div>\n                <div class="ms-auto">\n                  <button class="btn btn-sm btn-outline-success" data-action="view-system-status">\n                    <i class="bi bi-info-circle"></i> Details\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    '}async onInit(){this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString(),this.headerView=new AdminHeaderView({containerId:"admin-header"}),this.addChild(this.headerView),this.apiMetricsChart=new k({title:'<i class="bi bi-graph-up me-2"></i> API Metrics',endpoint:"/api/metrics/fetch",height:250,granularity:"hours",slugs:["api_calls","api_errors"],account:"global",chartType:"line",showDateRange:!1,yAxis:{label:"Count",beginAtZero:!0},tooltip:{y:"number"},containerId:"api-metrics-chart"}),this.addChild(this.apiMetricsChart)}async onActionRefreshAll(e,t){try{const i=t||e?.currentTarget||null,a=i?.querySelector?.("i");a?.classList.add("bi-spin"),i&&(i.disabled=!0);const s=[this.headerView?.loadValues(),this.apiMetricsChart?.refresh()].filter(Boolean);await Promise.allSettled(s),this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString();const n=this.getApp()?.events;n&&n.emit("admin:dashboard-refreshed",{page:this,timestamp:this.lastUpdated})}catch(i){console.error("Failed to refresh dashboard:",i);const e=this.element.querySelector(".alert-success");e&&(e.className="alert alert-danger border-0",e.innerHTML='\n          <div class="d-flex align-items-center">\n            <i class="bi bi-exclamation-triangle-fill me-2"></i>\n            <div>\n              <strong>Error:</strong> Failed to refresh dashboard data.\n            </div>\n          </div>\n        ',setTimeout(()=>{e.className="alert alert-success border-0",e.innerHTML=`\n            <div class="d-flex align-items-center">\n              <i class="bi bi-check-circle-fill me-2"></i>\n              <div>\n                <strong>System Status:</strong> All systems operational.\n                Last updated: <span class="text-muted">${this.lastUpdated}</span>\n              </div>\n            </div>\n          `},5e3))}finally{const e=t.querySelector("i");e?.classList.remove("bi-spin"),button&&(button.disabled=!1)}}async onActionExportMetrics(e,t){try{await(this.apiMetricsChart?.export("png"));const e=this.getApp()?.events;e&&e.emit("admin:metrics-exported",{page:this,charts:["api-metrics"]})}catch(i){console.error("Failed to export metrics:",i)}}async onActionViewAlerts(e,t){const i=this.getApp()?.router;i&&i.navigateTo("/admin/alerts")}async onActionViewSystemStatus(e,t){const i=this.getApp()?.router;i&&i.navigateTo("/admin/system-status")}async refreshDashboard(){return this.onActionRefreshAll(null,null,{disabled:!1,querySelector:()=>null})}getCharts(){return{apiMetrics:this.apiMetricsChart}}getStats(){return this.headerView?.stats||{}}async onAfterRender(){this.headerView?.loadValues()}}class SideNavView extends i{constructor(e={}){const{sections:t=[],activeSection:i,navWidth:a,contentPadding:s,enableResponsive:n,minWidth:l,...o}=e;super({tagName:"div",className:"side-nav-view",...o}),this.navWidth=a||200,this.contentPadding=s||"1.5rem 2.5rem",this.enableResponsive=!1!==n,this.minWidth=l||500,this.sectionConfigs=[],this.sectionViews={},this.sectionKeys=[],this.activeSection=null,this.currentMode="sidebar",this.resizeObserver=null,this.lastContainerWidth=0;for(const r of t)this._addSectionConfig(r);this.activeSection=i||this.sectionKeys[0]||null,this.handleResize=this.handleResize.bind(this)}_addSectionConfig(e){"divider"!==e.type?e.permissions&&!this._hasPermission(e.permissions)||(this.sectionConfigs.push(e),this.sectionKeys.push(e.key),e.view&&(this.sectionViews[e.key]=e.view,e.view.parent=this)):this.sectionConfigs.push({type:"divider",label:e.label})}_hasPermission(e){try{return this.getApp().activeUser.hasPerm(e)}catch{return!0}}async renderTemplate(){const e="dropdown"===this.currentMode?this._buildDropdownNav():this._buildSidebarNav();return`\n            <style>\n                .snv-layout { display: flex; height: 100%; min-height: 0; }\n                .snv-nav {\n                    width: ${this.navWidth}px;\n                    background: #f8f9fc;\n                    border-right: 1px solid #e9ecef;\n                    padding: 0.75rem 0;\n                    flex-shrink: 0;\n                    overflow-y: auto;\n                }\n                .snv-nav a {\n                    color: #495057;\n                    padding: 0.45rem 1.25rem;\n                    font-size: 0.85rem;\n                    display: flex;\n                    align-items: center;\n                    gap: 0.5rem;\n                    text-decoration: none;\n                    cursor: pointer;\n                }\n                .snv-nav a:hover { background: #e9ecef; }\n                .snv-nav a.active {\n                    background: #e7f1ff;\n                    color: #0d6efd;\n                    font-weight: 600;\n                    border-right: 2px solid #0d6efd;\n                }\n                .snv-nav a i { width: 18px; text-align: center; font-size: 0.9rem; }\n                .snv-nav-label {\n                    font-size: 0.65rem;\n                    font-weight: 700;\n                    text-transform: uppercase;\n                    letter-spacing: 0.06em;\n                    color: #adb5bd;\n                    padding: 0.75rem 1.25rem 0.25rem;\n                }\n                .snv-content {\n                    flex: 1;\n                    overflow-y: auto;\n                    padding: ${this.contentPadding};\n                    min-width: 0;\n                }\n                .snv-content > .snv-section { display: none; }\n                .snv-content > .snv-section.snv-active { display: block; }\n                .snv-dropdown { margin-bottom: 0.75rem; }\n                .snv-select-btn {\n                    display: flex;\n                    align-items: center;\n                    gap: 0.5rem;\n                    width: 100%;\n                    padding: 0.5rem 1rem;\n                    background: #f8f9fc;\n                    border: 1px solid #dee2e6;\n                    border-radius: 0.375rem;\n                    font-size: 0.85rem;\n                    color: #495057;\n                    cursor: pointer;\n                }\n                .snv-select-btn:hover { background: #e9ecef; }\n                .snv-select-btn::after {\n                    content: '';\n                    display: inline-block;\n                    margin-left: auto;\n                    border-top: 0.3em solid;\n                    border-right: 0.3em solid transparent;\n                    border-left: 0.3em solid transparent;\n                }\n                @media (max-width: 576px) {\n                    .snv-nav { display: none; }\n                    .snv-content { padding: 1.25rem; }\n                }\n            </style>\n            ${"dropdown"===this.currentMode?`\n                <div class="snv-dropdown">${e}</div>\n                <div class="snv-content" data-container="snv-content"></div>\n            `:`\n                <div class="snv-layout">\n                    <nav class="snv-nav">${e}</nav>\n                    <div class="snv-content" data-container="snv-content"></div>\n                </div>\n            `}\n        `}_buildSidebarNav(){return this.sectionConfigs.map(e=>{if("divider"===e.type)return`<div class="snv-nav-label">${this.escapeHtml(e.label)}</div>`;const t=e.key===this.activeSection,i=e.icon?`<i class="bi ${e.icon}"></i>`:"";return`<a role="button" class="${t?"active":""}" data-action="navigate" data-section="${e.key}">${i} ${this.escapeHtml(e.label)}</a>`}).join("")}_buildDropdownNav(){const e=this.sectionConfigs.find(e=>e.key===this.activeSection),t=e?e.label:this.sectionKeys[0],i=this.sectionConfigs.filter(e=>"divider"!==e.type).map(e=>{const t=e.key===this.activeSection;return`\n                    <li>\n                        <button class="dropdown-item ${t?"active":""}"\n                                data-action="navigate"\n                                data-section="${e.key}"\n                                type="button">\n                            ${e.icon?`<i class="bi ${e.icon} me-2"></i>`:""}\n                            ${this.escapeHtml(e.label)}\n                            ${t?'<i class="bi bi-check-lg ms-2"></i>':""}\n                        </button>\n                    </li>\n                `}).join("");return`\n            <div class="dropdown">\n                <button class="snv-select-btn" type="button"\n                        data-bs-toggle="dropdown" aria-expanded="false">\n                    ${e?.icon?`<i class="bi ${e.icon}"></i>`:""}\n                    <span>${this.escapeHtml(t)}</span>\n                </button>\n                <ul class="dropdown-menu w-100">${i}</ul>\n            </div>\n        `}async onAfterRender(){await super.onAfterRender(),this.activeSection&&await this._mountSection(this.activeSection),this.enableResponsive&&this._setupResponsive()}async onBeforeDestroy(){await super.onBeforeDestroy(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),"undefined"!=typeof window&&window.removeEventListener("resize",this.handleResize);for(const e of Object.values(this.sectionViews))e&&"function"==typeof e.destroy&&await e.destroy()}async showSection(e){if(!this.sectionViews[e])return console.warn(`SideNavView: Section "${e}" does not exist`),!1;if(e===this.activeSection){const t=this.sectionViews[e];if(t&&t.isMounted()&&this.element?.contains(t.element))return!0}const t=this.activeSection;return this.activeSection=e,t&&t!==e&&await this._unmountSection(t),await this._mountSection(e),this._updateNavState(e),this.emit("section:changed",{activeSection:e,previousSection:t}),!0}async _mountSection(e){const t=this.sectionViews[e];if(!t)return;const i=this.element?.querySelector('[data-container="snv-content"]');if(i&&!t.isMounted()){this._showContentLoading(i);try{await t.render(!0,i)}finally{this._hideContentLoading(i)}}}_showContentLoading(e){if(!e)return;let t=e.querySelector(".snv-loading");t||(t=document.createElement("div"),t.className="snv-loading",t.innerHTML='<div class="spinner-border spinner-border-sm text-secondary" role="status"><span class="visually-hidden">Loading...</span></div>',t.style.cssText="display:flex;align-items:center;justify-content:center;padding:3rem;",e.prepend(t))}_hideContentLoading(e){if(!e)return;const t=e.querySelector(".snv-loading");t&&t.remove()}async _unmountSection(e){const t=this.sectionViews[e];t&&t.isMounted()&&await t.unmount()}_updateNavState(e){if(!this.element)return;this.element.querySelectorAll(".snv-nav a, .dropdown-item").forEach(t=>{const i=t.dataset.section;i&&t.classList.toggle("active",i===e)});const t=this.element.querySelector(".snv-select-btn span");if(t){const i=this.sectionConfigs.find(t=>t.key===e);i&&(t.textContent=i.label)}}async onActionNavigate(e,t){e.preventDefault();const i=t.dataset.section;return i&&await this.showSection(i),!0}_setupResponsive(){if(this.element&&this.enableResponsive)if(this._updateMode(),"undefined"!=typeof ResizeObserver){this.resizeObserver=new ResizeObserver(()=>{this.handleResize()});const e=this.element.parentElement||this.element;this.resizeObserver.observe(e)}else window.addEventListener("resize",this.handleResize)}async handleResize(){const e=this._getContainerWidth();Math.abs(e-this.lastContainerWidth)>50&&(this.lastContainerWidth=e,await this._updateMode())}_getContainerWidth(){return this.element&&(this.element.parentElement||this.element).offsetWidth||this.minWidth}async _updateMode(){const e=this._getContainerWidth(),t=e<this.minWidth?"dropdown":"sidebar";t!==this.currentMode&&(this.currentMode=t,this.isMounted()&&await this.render(),this.emit("navigation:modeChanged",{mode:this.currentMode,containerWidth:e}))}getActiveSection(){return this.activeSection}getSectionKeys(){return[...this.sectionKeys]}getSection(e){return this.sectionViews[e]||null}async addSection(e,t=!1){return e.key&&this.sectionViews[e.key]?(console.warn(`SideNavView: Section "${e.key}" already exists`),!1):(this._addSectionConfig(e),this.isMounted()&&(await this.render(),t&&e.key&&await this.showSection(e.key)),this.emit("section:added",{config:e}),!0)}async removeSection(e){const t=this.sectionViews[e];return t?("function"==typeof t.destroy&&await t.destroy(),delete this.sectionViews[e],this.sectionKeys=this.sectionKeys.filter(t=>t!==e),this.sectionConfigs=this.sectionConfigs.filter(t=>t.key!==e),this.activeSection===e&&(this.activeSection=this.sectionKeys[0]||null),this.isMounted()&&await this.render(),this.emit("section:removed",{key:e}),!0):(console.warn(`SideNavView: Section "${e}" does not exist`),!1)}_onModelChange(){}static create(e={}){return new SideNavView(e)}}class LoginEvent extends s{constructor(e={}){super(e,{endpoint:"/api/account/logins"})}}class LoginEventList extends a{constructor(e={}){super({ModelClass:LoginEvent,endpoint:"/api/account/logins",...e})}}class LoginLocationMapView extends i{constructor(e={}){super({className:"login-location-map-view",...e}),this.userId=e.userId||null,this.height=e.height||360,this.mapStyle=e.mapStyle||"dark",this.drStart=e.drStart||null,this.drEnd=e.drEnd||null,this._drillCountry=null,this._refreshing=!1,this.mapView=null,this._mapAvailable=!1}async getTemplate(){return`\n            <div class="login-location-map">\n                <div class="d-none align-items-center gap-2 mb-2" data-region="drill-bar">\n                    <button class="btn btn-sm btn-outline-secondary" data-action="reset-drill-down">\n                        <i class="bi bi-arrow-left me-1"></i>All Countries\n                    </button>\n                    <span class="text-muted small" data-region="drill-label"></span>\n                </div>\n                <div data-container="map" style="height:${this.height}px;"></div>\n                <div class="text-muted small px-1 pt-2" data-region="status"></div>\n            </div>\n        `}async onInit(){try{const e=(await import("./chunks/MetricsCountryMapView-Cz6tMj-U.js").then(e=>e.d)).default;this.mapView=new e({containerId:"map",height:this.height,style:this.mapStyle,zoom:1.3,center:[10,20],pitch:15,bearing:0,showNavigationControl:!0,autoFitBounds:!1}),this.addChild(this.mapView),this._mapAvailable=!0,await this.refresh()}catch(e){this._mapAvailable=!1,this._setStatus("Map extension not available.")}}async refresh(){if(!this._refreshing&&this._mapAvailable){this._refreshing=!0,this._setStatus("Loading locations…");try{const e=await this._fetchSummary();this._applyMarkers(e),this._setStatus("")}catch(e){console.error("LoginLocationMapView refresh error",e),this._setStatus("Unable to load login locations.")}finally{this._refreshing=!1}}}async _fetchSummary(e=null){const t=this.getApp()?.rest;if(!t)throw new Error("REST client unavailable");const i={};let a;this.drStart&&(i.dr_start=this.drStart),this.drEnd&&(i.dr_end=this.drEnd),this.userId?(a="/api/account/logins/user",i.user_id=this.userId):a="/api/account/logins/summary",e&&(i.country_code=e,i.region=!0);const s=await t.GET(a,i);if(!s.success||!s.data?.status)throw new Error(s.data?.error||"Login summary API error");return s.data.data||[]}_applyMarkers(e){if(!e.length)return this.mapView.updateMarkers([]),void this._setStatus("No login locations found.");const t=Math.max(...e.map(e=>e.count)),i=e.filter(e=>e.latitude&&e.longitude).map(e=>{const i=e.count/(t||1),a=Math.round(18+26*i),s=!!e.region,n=s?e.region:e.country_code,l=s?e.new_region_count||0:e.new_country_count||0,o=s?"new region":"new country",r=`\n                    <div class="text-center" style="min-width:120px;">\n                        <div class="fw-semibold">${n}</div>\n                        <div class="text-muted">${e.count.toLocaleString()} login${1!==e.count?"s":""}</div>\n                        ${l>0?`<div><span class="badge bg-warning text-dark" style="font-size:0.65rem;">${l} ${o}</span></div>`:""}\n                    </div>\n                `;return{lng:e.longitude,lat:e.latitude,size:a,color:this._getMarkerColor(i),popup:r,_countryCode:e.country_code,_isRegion:s}});this.mapView.updateMarkers(i),this._drillCountry||this._attachMarkerClicks(i)}_attachMarkerClicks(e){this.mapView?.mapMarkers&&this.mapView.mapMarkers.forEach((t,i)=>{const a=e[i];if(!a||a._isRegion)return;const s=t.getElement();s&&s.addEventListener("dblclick",e=>{e.stopPropagation(),this.drillDown(a._countryCode)})})}_getMarkerColor(e){const t=[255,193,7],i=[32,201,151].map((i,a)=>Math.round(i+(t[a]-i)*e));return`rgba(${i[0]}, ${i[1]}, ${i[2]}, 0.9)`}async drillDown(e){if(!this._refreshing){this._drillCountry=e,this._showDrillBar(e),this._refreshing=!0,this._setStatus("Loading regions…");try{const t=await this._fetchSummary(e);this._applyMarkers(t),this._setStatus(""),this.mapView?.markers?.length>1&&this.mapView.fitBounds()}catch(t){console.error("LoginLocationMapView drillDown error",t),this._setStatus("Unable to load region data.")}finally{this._refreshing=!1}}}async onActionResetDrillDown(){this._drillCountry=null,this._hideDrillBar(),await this.refresh()}_showDrillBar(e){const t=this.element?.querySelector('[data-region="drill-bar"]'),i=this.element?.querySelector('[data-region="drill-label"]');t&&t.classList.replace("d-none","d-flex"),i&&(i.textContent=`Regions in ${e}`)}_hideDrillBar(){const e=this.element?.querySelector('[data-region="drill-bar"]');e&&e.classList.replace("d-flex","d-none")}onTabActivated(){this.mapView?.map&&this.mapView.map.resize()}_setStatus(e){const t=this.element?.querySelector('[data-region="status"]');t&&(t.textContent=e||"",t.style.display=e?"block":"none")}}class AdminProfileSection extends i{constructor(e={}){super({className:"admin-profile-section",template:'\n                <style>\n                    .ap-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.75rem; }\n                    .ap-section-label:first-child { margin-top: 0; }\n                    .ap-field-row { display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .ap-field-row:last-child { border-bottom: none; }\n                    .ap-field-label { width: 140px; font-size: 0.8rem; color: #6c757d; flex-shrink: 0; }\n                    .ap-field-value { flex: 1; font-size: 0.88rem; color: #212529; display: flex; align-items: center; gap: 0.4rem; }\n                    .ap-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .ap-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                    .ap-badge-ok { font-size: 0.65rem; padding: 0.15em 0.45em; background: #d1e7dd; color: #0f5132; border-radius: 3px; }\n                    .ap-badge-warn { font-size: 0.65rem; padding: 0.15em 0.45em; background: #fff3cd; color: #856404; border-radius: 3px; }\n                    .ap-badge-muted { font-size: 0.65rem; padding: 0.15em 0.45em; background: #f0f0f0; color: #6c757d; border-radius: 3px; }\n                    .ap-not-set { color: #adb5bd; font-style: italic; font-size: 0.85rem; }\n                </style>\n\n                \x3c!-- Contact & Verification --\x3e\n                <div class="ap-section-label">Contact & Verification</div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Email</div>\n                    <div class="ap-field-value">\n                        {{model.email}}\n                        {{#model.is_email_verified|bool}}\n                            <span class="ap-badge-ok">Verified</span>\n                        {{/model.is_email_verified|bool}}\n                        {{^model.is_email_verified|bool}}\n                            <span class="ap-badge-warn">Unverified</span>\n                        {{/model.is_email_verified|bool}}\n                    </div>\n                    {{#model.is_email_verified|bool}}\n                        <button type="button" class="ap-field-action" data-action="unverify-email" title="Mark as unverified"><i class="bi bi-x-circle"></i></button>\n                    {{/model.is_email_verified|bool}}\n                    {{^model.is_email_verified|bool}}\n                        <button type="button" class="ap-field-action" data-action="force-verify-email" title="Force verify"><i class="bi bi-patch-check"></i></button>\n                    {{/model.is_email_verified|bool}}\n                    <button type="button" class="ap-field-action" data-action="change-email" title="Change email"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Phone</div>\n                    <div class="ap-field-value">\n                        {{#hasPhone|bool}}\n                            {{model.phone_number}}\n                            {{#model.is_phone_verified|bool}}\n                                <span class="ap-badge-ok">Verified</span>\n                            {{/model.is_phone_verified|bool}}\n                            {{^model.is_phone_verified|bool}}\n                                <span class="ap-badge-warn">Unverified</span>\n                            {{/model.is_phone_verified|bool}}\n                        {{/hasPhone|bool}}\n                        {{^hasPhone|bool}}\n                            <span class="ap-not-set">Not set</span>\n                        {{/hasPhone|bool}}\n                    </div>\n                    {{#hasPhone|bool}}\n                        {{#model.is_phone_verified|bool}}\n                            <button type="button" class="ap-field-action" data-action="unverify-phone" title="Mark as unverified"><i class="bi bi-x-circle"></i></button>\n                        {{/model.is_phone_verified|bool}}\n                        {{^model.is_phone_verified|bool}}\n                            <button type="button" class="ap-field-action" data-action="force-verify-phone" title="Force verify"><i class="bi bi-patch-check"></i></button>\n                        {{/model.is_phone_verified|bool}}\n                        <button type="button" class="ap-field-action" data-action="change-phone" title="Change phone"><i class="bi bi-pencil"></i></button>\n                        <button type="button" class="ap-field-action" data-action="remove-phone" title="Remove phone"><i class="bi bi-x-lg"></i></button>\n                    {{/hasPhone|bool}}\n                    {{^hasPhone|bool}}\n                        <button type="button" class="ap-field-action" data-action="set-phone" title="Set phone number"><i class="bi bi-plus"></i></button>\n                    {{/hasPhone|bool}}\n                </div>\n\n                \x3c!-- Account --\x3e\n                <div class="ap-section-label">Account</div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Username</div>\n                    <div class="ap-field-value">{{model.username}}</div>\n                    <button type="button" class="ap-field-action" data-action="edit-username" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Status</div>\n                    <div class="ap-field-value">\n                        {{#model.is_active|bool}}<span class="ap-badge-ok">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span class="ap-badge-warn">Inactive</span>{{/model.is_active|bool}}\n                    </div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Role</div>\n                    <div class="ap-field-value">\n                        {{roleLabel}}\n                        {{#model.is_staff|bool}}<span class="ap-badge-muted">Staff</span>{{/model.is_staff|bool}}\n                    </div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">MFA</div>\n                    <div class="ap-field-value">\n                        {{#model.requires_mfa|bool}}<span class="ap-badge-ok">Required</span>{{/model.requires_mfa|bool}}\n                        {{^model.requires_mfa|bool}}<span class="ap-badge-muted">Not required</span>{{/model.requires_mfa|bool}}\n                    </div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Member Since</div>\n                    <div class="ap-field-value">{{model.date_joined|date}}</div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Last Login</div>\n                    <div class="ap-field-value">{{model.last_login|relative}}</div>\n                </div>\n            ',...e})}get hasPhone(){return!(!this.model||!this.model.get("phone_number"))}get roleLabel(){return this.model&&this.model.get("is_superuser")?"Superuser":"User"}async onActionForceVerifyEmail(){return!(await o.confirm(`Mark <strong>${this.model.get("email")}</strong> as verified? This bypasses the normal verification flow.`,"Force Verify Email"))||(await this._saveField({is_email_verified:!0},"Email marked as verified"),!0)}async onActionUnverifyEmail(){return!(await o.confirm("Mark email as unverified? The user will need to re-verify their email.","Unverify Email"))||(await this._saveField({is_email_verified:!1},"Email marked as unverified"),!0)}async onActionForceVerifyPhone(){return!(await o.confirm(`Mark <strong>${this.model.get("phone_number")}</strong> as verified? This bypasses the normal verification flow.`,"Force Verify Phone"))||(await this._saveField({is_phone_verified:!0},"Phone marked as verified"),!0)}async onActionUnverifyPhone(){return!(await o.confirm("Mark phone as unverified? The user will need to re-verify their phone number.","Unverify Phone"))||(await this._saveField({is_phone_verified:!1},"Phone marked as unverified"),!0)}async onActionChangeEmail(){const e=await o.prompt("Enter the new email address for this user:","Change Email",{defaultValue:this.model.get("email")||""});return null===e||!e.trim()||(await this._saveField({email:e.trim()},"Email updated"),!0)}async onActionChangePhone(){const e=await o.prompt("Enter the new phone number for this user:","Change Phone",{defaultValue:this.model.get("phone_number")||""});return null===e||!e.trim()||(await this._saveField({phone_number:e.trim()},"Phone number updated"),!0)}async onActionSetPhone(){const e=await o.prompt("Enter a phone number for this user:","Set Phone Number",{placeholder:"(415) 555-0123"});return!e||!e.trim()||(await this._saveField({phone_number:e.trim()},"Phone number added"),!0)}async onActionRemovePhone(){if(!(await o.confirm("Remove this user's phone number?","Remove Phone")))return!0;const e=await this.model.save({phone_number:null});return 200===e.status?(this.model.set("is_phone_verified",!1),this.getApp()?.toast?.success("Phone number removed"),await this.render()):this.getApp()?.toast?.error(e.message||"Failed to remove phone number"),!0}async onActionEditUsername(){const e=await o.prompt("Username:","Edit Username",{defaultValue:this.model.get("username")||""});return null!==e&&e.trim()&&await this._saveField({username:e.trim()},"Username updated"),!0}async _saveField(e,t){const i=await this.model.save(e);200===i.status?(this.getApp()?.toast?.success(t),await this.render()):this.getApp()?.toast?.error(i.message||"Failed to save")}}class AdminPersonalSection extends i{constructor(e={}){super({className:"admin-personal-section",template:'\n                <style>\n                    .aps-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.75rem; }\n                    .aps-section-label:first-child { margin-top: 0; }\n                    .aps-field-row { display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .aps-field-row:last-child { border-bottom: none; }\n                    .aps-field-label { width: 140px; font-size: 0.8rem; color: #6c757d; flex-shrink: 0; }\n                    .aps-field-value { flex: 1; font-size: 0.88rem; color: #212529; display: flex; align-items: center; gap: 0.4rem; }\n                    .aps-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .aps-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                    .aps-badge-ok { font-size: 0.65rem; padding: 0.15em 0.45em; background: #d1e7dd; color: #0f5132; border-radius: 3px; }\n                    .aps-badge-warn { font-size: 0.65rem; padding: 0.15em 0.45em; background: #fff3cd; color: #856404; border-radius: 3px; }\n                    .aps-not-set { color: #adb5bd; font-style: italic; font-size: 0.85rem; }\n                </style>\n\n                \x3c!-- Name --\x3e\n                <div class="aps-section-label">Name</div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Display Name</div>\n                    <div class="aps-field-value">\n                        {{#model.display_name}}{{model.display_name}}{{/model.display_name}}\n                        {{^model.display_name}}<span class="aps-not-set">Not set</span>{{/model.display_name}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-display-name" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">First Name</div>\n                    <div class="aps-field-value">\n                        {{#model.first_name}}{{model.first_name}}{{/model.first_name}}\n                        {{^model.first_name}}<span class="aps-not-set">Not set</span>{{/model.first_name}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-first-name" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Last Name</div>\n                    <div class="aps-field-value">\n                        {{#model.last_name}}{{model.last_name}}{{/model.last_name}}\n                        {{^model.last_name}}<span class="aps-not-set">Not set</span>{{/model.last_name}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-last-name" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n\n                \x3c!-- Details --\x3e\n                <div class="aps-section-label">Details</div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Date of Birth</div>\n                    <div class="aps-field-value">\n                        {{#hasDob|bool}}\n                            {{dobFormatted}}\n                            {{#model.is_dob_verified|bool}}<span class="aps-badge-ok">Verified</span>{{/model.is_dob_verified|bool}}\n                            {{^model.is_dob_verified|bool}}<span class="aps-badge-warn">Unverified</span>{{/model.is_dob_verified|bool}}\n                        {{/hasDob|bool}}\n                        {{^hasDob|bool}}<span class="aps-not-set">Not set</span>{{/hasDob|bool}}\n                    </div>\n                    {{#hasDob|bool}}\n                        {{#model.is_dob_verified|bool}}\n                            <button type="button" class="aps-field-action" data-action="unverify-dob" title="Mark as unverified"><i class="bi bi-x-circle"></i></button>\n                        {{/model.is_dob_verified|bool}}\n                        {{^model.is_dob_verified|bool}}\n                            <button type="button" class="aps-field-action" data-action="force-verify-dob" title="Force verify"><i class="bi bi-patch-check"></i></button>\n                        {{/model.is_dob_verified|bool}}\n                    {{/hasDob|bool}}\n                    <button type="button" class="aps-field-action" data-action="edit-dob" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Timezone</div>\n                    <div class="aps-field-value">{{timezoneDisplay}}</div>\n                    <button type="button" class="aps-field-action" data-action="edit-timezone" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n\n                \x3c!-- Address --\x3e\n                <div class="aps-section-label">Address</div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Address</div>\n                    <div class="aps-field-value">\n                        {{#hasAddress|bool}}{{addressSummary}}{{/hasAddress|bool}}\n                        {{^hasAddress|bool}}<span class="aps-not-set">Not set</span>{{/hasAddress|bool}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-address" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n            ',...e})}get hasDob(){return!!this.model?.get("dob")}get dobFormatted(){const e=this.model?.get("dob");if(!e)return"";try{const[t,i,a]=e.split("-");return`${i}/${a}/${t}`}catch{return e}}get timezoneDisplay(){return(this.model?.get("metadata")||{}).timezone||"Not set"}get hasAddress(){const e=this.model?.get("metadata")||{};return!!(e.street||e.city||e.state||e.zip||e.country)}get addressSummary(){const e=this.model?.get("metadata")||{};return[e.street,e.city,e.state,e.zip,e.country].filter(Boolean).join(", ")}async onActionForceVerifyDob(){return!(await o.confirm("Mark date of birth as verified?","Force Verify DOB"))||(await this._saveField({is_dob_verified:!0},"DOB marked as verified"),!0)}async onActionUnverifyDob(){return!(await o.confirm("Mark date of birth as unverified?","Unverify DOB"))||(await this._saveField({is_dob_verified:!1},"DOB marked as unverified"),!0)}async onActionEditDisplayName(){const e=await o.prompt("Display name:","Edit Display Name",{defaultValue:this.model.get("display_name")||""});return null!==e&&e.trim()&&await this._saveField({display_name:e.trim()},"Display name"),!0}async onActionEditFirstName(){const e=await o.prompt("First name:","Edit First Name",{defaultValue:this.model.get("first_name")||""});return null!==e&&await this._saveField({first_name:e.trim()},"First name"),!0}async onActionEditLastName(){const e=await o.prompt("Last name:","Edit Last Name",{defaultValue:this.model.get("last_name")||""});return null!==e&&await this._saveField({last_name:e.trim()},"Last name"),!0}async onActionEditDob(){const e=await o.showForm({title:"Date of Birth",size:"sm",fields:[{name:"dob",type:"date",label:"Date of Birth",cols:12}],data:{dob:this.model.get("dob")||""}});return!e||(await this._saveField({dob:e.dob||null},"Date of birth"),!0)}async onActionEditTimezone(){const e=this.model.get("metadata")||{},t=await o.showForm({title:"Change Timezone",size:"sm",fields:[{name:"timezone",type:"select",label:"Timezone",cols:12,options:[{value:"America/New_York",text:"Eastern Time (ET)"},{value:"America/Chicago",text:"Central Time (CT)"},{value:"America/Denver",text:"Mountain Time (MT)"},{value:"America/Los_Angeles",text:"Pacific Time (PT)"},{value:"America/Anchorage",text:"Alaska Time (AKT)"},{value:"Pacific/Honolulu",text:"Hawaii Time (HT)"},{value:"UTC",text:"UTC"},{value:"Europe/London",text:"London (GMT/BST)"},{value:"Europe/Paris",text:"Paris (CET/CEST)"},{value:"Europe/Berlin",text:"Berlin (CET/CEST)"},{value:"Asia/Tokyo",text:"Tokyo (JST)"},{value:"Asia/Shanghai",text:"Shanghai (CST)"},{value:"Australia/Sydney",text:"Sydney (AEST)"}]}],data:{timezone:e.timezone||""}});return!t||(await this._saveField({metadata:{...e,timezone:t.timezone}},"Timezone"),!0)}async onActionEditAddress(){const e=this.model.get("metadata")||{},t=await o.showForm({title:"Edit Address",size:"md",fields:[{name:"street",type:"text",label:"Street",placeholder:"123 Main St",cols:12},{name:"city",type:"text",label:"City",cols:6},{name:"state",type:"text",label:"State / Province",cols:6},{name:"zip",type:"text",label:"Zip / Postal Code",cols:6},{name:"country",type:"text",label:"Country",cols:6}],data:{street:e.street||"",city:e.city||"",state:e.state||"",zip:e.zip||"",country:e.country||""}});if(!t)return!0;const i={...e,street:t.street||"",city:t.city||"",state:t.state||"",zip:t.zip||"",country:t.country||""};return await this._saveField({metadata:i},"Address"),!0}async _saveField(e,t){const i=await this.model.save(e);200===i.status?(this.getApp()?.toast?.success(`${t} updated`),await this.render()):this.getApp()?.toast?.error(i.message||`Failed to update ${t.toLowerCase()}`)}}class AdminSecuritySection extends i{constructor(e={}){super({className:"admin-security-section",template:'\n                <style>\n                    .as-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.75rem; }\n                    .as-section-label:first-child { margin-top: 0; }\n                    .as-item { display: flex; align-items: center; gap: 0.85rem; padding: 0.85rem 1rem; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 0.5rem; cursor: pointer; transition: border-color 0.15s, background 0.15s; }\n                    .as-item:hover { border-color: #dee2e6; background: #fafbfd; }\n                    .as-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }\n                    .as-info { flex: 1; min-width: 0; }\n                    .as-title { font-weight: 600; font-size: 0.88rem; }\n                    .as-desc { font-size: 0.78rem; color: #6c757d; }\n                    .as-badge { font-size: 0.72rem; padding: 0.15em 0.5em; border-radius: 3px; flex-shrink: 0; }\n                    .as-chevron { color: #ced4da; font-size: 0.8rem; flex-shrink: 0; }\n                </style>\n\n                <div class="as-section-label">Authentication</div>\n\n                <div class="as-item" data-action="send-password-reset">\n                    <div class="as-icon bg-primary bg-opacity-10 text-primary"><i class="bi bi-envelope"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Send Password Reset</div>\n                        <div class="as-desc">Send a password reset email to {{model.email}}</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Send</span>\n                </div>\n\n                <div class="as-item" data-action="send-magic-link">\n                    <div class="as-icon" style="background: rgba(13,110,253,0.1); color: #0d6efd;"><i class="bi bi-link-45deg"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Send Magic Login Link</div>\n                        <div class="as-desc">Send a one-click login link to {{model.email}}</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Send</span>\n                </div>\n\n                {{^model.is_email_verified|bool}}\n                <div class="as-item" data-action="send-email-verification">\n                    <div class="as-icon" style="background: rgba(25,135,84,0.1); color: #198754;"><i class="bi bi-envelope-check"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Send Email Verification</div>\n                        <div class="as-desc">Send a verification email to {{model.email}}</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Send</span>\n                </div>\n                {{/model.is_email_verified|bool}}\n\n                <div class="as-item" data-action="set-password">\n                    <div class="as-icon bg-warning bg-opacity-10 text-warning"><i class="bi bi-key"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Set Password</div>\n                        <div class="as-desc">Set a new password directly for this user</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Set</span>\n                </div>\n\n                <div class="as-section-label">Multi-Factor Authentication</div>\n\n                <div class="as-item" data-action="toggle-mfa">\n                    <div class="as-icon" style="background: rgba(111,66,193,0.1); color: #6f42c1;"><i class="bi bi-shield-lock"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">MFA Requirement</div>\n                        <div class="as-desc">\n                            {{#model.requires_mfa|bool}}User is required to use MFA{{/model.requires_mfa|bool}}\n                            {{^model.requires_mfa|bool}}MFA is not required for this user{{/model.requires_mfa|bool}}\n                        </div>\n                    </div>\n                    {{#model.requires_mfa|bool}}\n                        <span class="as-badge bg-success bg-opacity-10 text-success border">Enabled</span>\n                    {{/model.requires_mfa|bool}}\n                    {{^model.requires_mfa|bool}}\n                        <span class="as-badge bg-light text-muted border">Disabled</span>\n                    {{/model.requires_mfa|bool}}\n                </div>\n\n                <div class="as-item" data-action="manage-passkeys">\n                    <div class="as-icon bg-success bg-opacity-10 text-success"><i class="bi bi-fingerprint"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Passkeys</div>\n                        <div class="as-desc">View and manage registered passkeys</div>\n                    </div>\n                    <i class="bi bi-chevron-right as-chevron"></i>\n                </div>\n\n                {{#model.requires_mfa|bool}}\n                <div class="as-item" data-action="view-recovery-codes">\n                    <div class="as-icon" style="background: rgba(111,66,193,0.1); color: #6f42c1;"><i class="bi bi-file-earmark-lock"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Recovery Codes</div>\n                        <div class="as-desc">View remaining recovery codes</div>\n                    </div>\n                    <i class="bi bi-chevron-right as-chevron"></i>\n                </div>\n\n                <div class="as-item" data-action="disable-totp">\n                    <div class="as-icon" style="background: rgba(220,53,69,0.1); color: #dc3545;"><i class="bi bi-shield-x"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Disable Authenticator</div>\n                        <div class="as-desc">Remove TOTP requirement for this user</div>\n                    </div>\n                </div>\n                {{/model.requires_mfa|bool}}\n\n                <div class="as-section-label">Sessions</div>\n\n                <div class="as-item" data-action="revoke-all-sessions">\n                    <div class="as-icon" style="background: rgba(220,53,69,0.1); color: #dc3545;"><i class="bi bi-box-arrow-right"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Revoke All Sessions</div>\n                        <div class="as-desc">Force sign-out from all devices</div>\n                    </div>\n                </div>\n            ',...e})}async onActionSendPasswordReset(){const e=this.getApp(),t=this.model.get("email");if(!(await o.confirm(`Send a password reset email to <strong>${t}</strong>?`,"Send Password Reset")))return!0;const i=await n.POST("/api/auth/password/reset",{email:t});return i.success?e?.toast?.success("Password reset email sent"):e?.toast?.error(i.message||"Failed to send password reset"),!0}async onActionSendEmailVerification(){const e=this.getApp(),t=this.model.get("email");if(!(await o.confirm(`Send a verification email to <strong>${t}</strong>?`,"Send Email Verification")))return!0;const i=await n.POST("/api/auth/email/verify",{email:t});return i.success?e?.toast?.success("Verification email sent"):e?.toast?.error(i.message||"Failed to send verification email"),!0}async onActionSendMagicLink(){const e=this.getApp(),t=this.model.get("email");if(!(await o.confirm(`Send a magic login link to <strong>${t}</strong>? They will be able to sign in with one click.`,"Send Magic Login Link")))return!0;const i=await n.POST("/api/auth/magic-link",{email:t});return i.success?e?.toast?.success("Magic login link sent"):e?.toast?.error(i.message||"Failed to send magic link"),!0}async onActionSetPassword(){const e=this.getApp(),t=await o.showForm({title:"Set Password",size:"sm",fields:[{name:"password",type:"password",label:"New Password",required:!0,cols:12,help:"Set a new password for this user."},{name:"confirm",type:"password",label:"Confirm Password",required:!0,cols:12}]});if(!t)return!0;if(t.password!==t.confirm)return e?.toast?.error("Passwords do not match"),!0;const i=await this.model.save({password:t.password});return 200===i.status?e?.toast?.success("Password updated"):e?.toast?.error(i.message||"Failed to set password"),!0}async onActionToggleMfa(){const e=this.getApp(),t=this.model.get("requires_mfa"),i=t?"disable":"enable";if(!(await o.confirm((t?"Disable":"Enable")+" MFA requirement for this user?",(t?"Disable":"Enable")+" MFA")))return!0;const a=await this.model.save({requires_mfa:!t});return 200===a.status?(e?.toast?.success(`MFA ${i}d`),await this.render()):e?.toast?.error(a.message||`Failed to ${i} MFA`),!0}async onActionDisableTotp(){const e=this.getApp();if(!(await o.confirm("Disable the authenticator app for this user? They will no longer need a TOTP code to sign in.","Disable Authenticator")))return!0;const t=await n.DELETE(`/api/user/${this.model.id}/totp`);return t.success?(this.model.set("requires_mfa",!1),e?.toast?.success("Authenticator disabled"),await this.render()):e?.toast?.error(t.message||"Failed to disable authenticator"),!0}async onActionManagePasskeys(){const e=new Te({params:{user:this.model.id}});try{await e.fetch()}catch(s){}const t=e.models||[],a=new i({template:'\n                <style>\n                    .pk-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.65rem 0.75rem; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 0.4rem; }\n                    .pk-icon { width: 32px; height: 32px; background: #e7f1ff; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #0d6efd; font-size: 0.9rem; flex-shrink: 0; }\n                    .pk-info { flex: 1; min-width: 0; }\n                    .pk-name { font-weight: 600; font-size: 0.85rem; }\n                    .pk-meta { font-size: 0.73rem; color: #6c757d; }\n                    .pk-actions .btn { padding: 0.2rem 0.4rem; font-size: 0.75rem; }\n                    .pk-empty { text-align: center; padding: 2rem 1rem; color: #6c757d; }\n                    .pk-empty i { font-size: 2rem; color: #ced4da; display: block; margin-bottom: 0.5rem; }\n                </style>\n                {{#passkeys}}\n                    <div class="pk-row">\n                        <div class="pk-icon"><i class="bi bi-fingerprint"></i></div>\n                        <div class="pk-info">\n                            <div class="pk-name">{{.friendly_name|default:\'Unnamed Passkey\'}}</div>\n                            <div class="pk-meta">Created {{.created|date}} &middot; Last used {{.last_used|relative|default:\'never\'}} &middot; {{.sign_count}} uses</div>\n                        </div>\n                        <div class="pk-actions">\n                            <button type="button" class="btn btn-outline-secondary" data-action="edit-passkey" data-id="{{.id}}" title="Edit"><i class="bi bi-pencil"></i></button>\n                            <button type="button" class="btn btn-outline-danger" data-action="delete-passkey" data-id="{{.id}}" title="Delete"><i class="bi bi-trash"></i></button>\n                        </div>\n                    </div>\n                {{/passkeys}}\n                {{^passkeys|bool}}\n                    <div class="pk-empty">\n                        <i class="bi bi-fingerprint"></i>\n                        No passkeys registered\n                    </div>\n                {{/passkeys|bool}}\n            '});return a.passkeys=t.map(e=>e.toJSON?e.toJSON():e),a.onActionEditPasskey=async(e,i)=>{const a=i.dataset.id,s=t.find(e=>String(e.id)===String(a));return s&&await o.showModelForm({title:"Edit Passkey",model:s,fields:Ie.edit.fields,size:"sm"}),!0},a.onActionDeletePasskey=async(e,i)=>{const a=i.dataset.id;if(await o.confirm("Delete this passkey?","Delete Passkey")){const e=t.find(e=>String(e.id)===String(a));e&&(await e.destroy(),this.getApp()?.toast?.success("Passkey deleted"))}return!0},await o.showDialog({title:"Passkeys",body:a,size:"md",buttons:[{text:"Close",class:"btn-outline-secondary",dismiss:!0}]}),!0}async onActionViewRecoveryCodes(){const e=this.getApp(),t=await n.GET(`/api/user/${this.model.id}/totp/recovery-codes`,{},{dataOnly:!0});if(!t.success||!t.data)return e?.toast?.error(t.message||"Failed to load recovery codes"),!0;const{remaining:a,codes:s}=t.data,l=new i({template:'\n                <style>\n                    .rc-info { font-size: 0.82rem; color: #6c757d; margin-bottom: 1rem; }\n                    .rc-remaining { font-weight: 600; color: #495057; }\n                    .rc-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem; }\n                    .rc-code { font-family: monospace; font-size: 0.85rem; padding: 0.35rem 0.6rem; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 4px; text-align: center; }\n                </style>\n                <div class="rc-info"><span class="rc-remaining">{{remaining}}</span> recovery codes remaining</div>\n                <div class="rc-list">\n                    {{#codes}}<div class="rc-code">{{.}}</div>{{/codes}}\n                </div>\n            '});return l.remaining=a,l.codes=s||[],await o.showDialog({title:"Recovery Codes",body:l,size:"sm",buttons:[{text:"Close",class:"btn-outline-secondary",dismiss:!0}]}),!0}async onActionRevokeAllSessions(){const e=this.getApp();if(!(await o.confirm("Revoke all sessions for this user? They will be signed out of all devices immediately.","Revoke All Sessions")))return!0;const t=await n.POST(`/api/user/${this.model.id}/sessions/revoke`);return t.success?e?.toast?.success("All sessions revoked"):e?.toast?.error(t.message||"Failed to revoke sessions"),!0}}const Ze={google:"bi-google",github:"bi-github",microsoft:"bi-microsoft",apple:"bi-apple",facebook:"bi-facebook",twitter:"bi-twitter-x",linkedin:"bi-linkedin"};class AdminConnectedSection extends i{constructor(e={}){super({className:"admin-connected-section",template:'\n                <style>\n                    .ac-row { display: flex; align-items: center; gap: 0.85rem; padding: 0.85rem 1rem; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 0.5rem; }\n                    .ac-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; background: #f0f0f0; color: #495057; }\n                    .ac-info { flex: 1; min-width: 0; }\n                    .ac-provider { font-weight: 600; font-size: 0.88rem; text-transform: capitalize; }\n                    .ac-meta { font-size: 0.78rem; color: #6c757d; }\n                    .ac-actions .btn { font-size: 0.75rem; padding: 0.25rem 0.5rem; }\n                    .ac-empty { text-align: center; padding: 2rem 1rem; color: #6c757d; }\n                    .ac-empty i { font-size: 2rem; color: #ced4da; display: block; margin-bottom: 0.5rem; }\n                </style>\n\n                {{#connections}}\n                    <div class="ac-row">\n                        <div class="ac-icon"><i class="bi {{.icon}}"></i></div>\n                        <div class="ac-info">\n                            <div class="ac-provider">{{.provider}}</div>\n                            <div class="ac-meta">{{.email}} &middot; Connected {{.created|relative}}</div>\n                        </div>\n                        <div class="ac-actions">\n                            <button type="button" class="btn btn-outline-danger" data-action="unlink" data-id="{{.id}}" title="Unlink"><i class="bi bi-x-lg me-1"></i>Unlink</button>\n                        </div>\n                    </div>\n                {{/connections}}\n                {{^connections|bool}}\n                    <div class="ac-empty">\n                        <i class="bi bi-plug"></i>\n                        No connected accounts\n                    </div>\n                {{/connections|bool}}\n            ',...e}),this.connections=[]}async onBeforeRender(){try{const e=await n.GET("/api/account/oauth_connection",{user:this.model.id}),t=e?.data?.results||e?.data||[];this.connections=t.map(e=>({...e,icon:Ze[e.provider]||"bi-link-45deg"}))}catch(e){this.connections=[]}}async onActionUnlink(e,t){const i=t.dataset.id,a=this.connections.find(e=>String(e.id)===String(i)),s=a?.provider||"this account";if(!(await o.confirm(`Unlink ${s} for this user?`,"Unlink Account")))return!0;const l=await n.DELETE(`/api/account/oauth_connection/${i}`);return l.success?(this.getApp()?.toast?.success(`${s} account unlinked`),await this.render()):this.getApp()?.toast?.error(l.message||"Failed to unlink account"),!0}}const Xe={in_app:"In-App",email:"Email",push:"Push"},et=["in_app","email","push"];class AdminNotificationsSection extends i{constructor(e={}){super({className:"admin-notifications-section",template:'\n                <style>\n                    .an-table { width: 100%; border-collapse: collapse; }\n                    .an-table th { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; padding: 0.5rem 0.75rem; border-bottom: 2px solid #e9ecef; }\n                    .an-table th:first-child { text-align: left; }\n                    .an-table th:not(:first-child) { text-align: center; width: 80px; }\n                    .an-table td { padding: 0.65rem 0.75rem; border-bottom: 1px solid #f0f0f0; }\n                    .an-table td:first-child { font-size: 0.88rem; font-weight: 500; text-transform: capitalize; }\n                    .an-table td:not(:first-child) { text-align: center; }\n                    .an-table tr:last-child td { border-bottom: none; }\n                    .an-empty { text-align: center; padding: 2rem 1rem; color: #6c757d; }\n                    .an-empty i { font-size: 2rem; color: #ced4da; display: block; margin-bottom: 0.5rem; }\n                </style>\n\n                {{#hasPreferences|bool}}\n                <table class="an-table">\n                    <thead>\n                        <tr>\n                            <th>Type</th>\n                            {{#channels}}\n                                <th>{{.label}}</th>\n                            {{/channels}}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {{#preferenceRows}}\n                        <tr>\n                            <td>{{.kindLabel}}</td>\n                            {{#.toggles}}\n                                <td>\n                                    <input type="checkbox" class="form-check-input"\n                                        data-action="toggle-pref"\n                                        data-kind="{{.kind}}"\n                                        data-channel="{{.channel}}"\n                                        {{#.checked}}checked{{/.checked}}>\n                                </td>\n                            {{/.toggles}}\n                        </tr>\n                        {{/preferenceRows}}\n                    </tbody>\n                </table>\n                {{/hasPreferences|bool}}\n                {{^hasPreferences|bool}}\n                <div class="an-empty">\n                    <i class="bi bi-bell"></i>\n                    No notification preferences configured\n                </div>\n                {{/hasPreferences|bool}}\n            ',...e}),this.preferences={}}get channels(){return et.map(e=>({key:e,label:Xe[e]||e}))}get hasPreferences(){return Object.keys(this.preferences).length>0}get preferenceRows(){return Object.keys(this.preferences).sort().map(e=>({kind:e,kindLabel:e.replace(/[_-]/g," ").replace(/\b\w/g,e=>e.toUpperCase()),toggles:et.map(t=>({kind:e,channel:t,checked:!1!==this.preferences[e]?.[t]}))}))}async onBeforeRender(){try{const e=await n.GET("/api/account/notification/preferences",{user:this.model.id},{dataOnly:!0});this.preferences=e?.data?.preferences||e?.data||{}}catch(e){this.preferences={}}}async onActionTogglePref(e,t){const i=t.dataset.kind,a=t.dataset.channel,s=t.checked;this.preferences[i]||(this.preferences[i]={}),this.preferences[i][a]=s;try{const e=await n.POST("/api/account/notification/preferences",{user:this.model.id,preferences:{[i]:{[a]:s}}});e.success||(this.getApp()?.toast?.error(e.message||"Failed to update preference"),t.checked=!s)}catch(l){this.getApp()?.toast?.error("Failed to update preference"),t.checked=!s}return!0}}class AdminApiKeysSection extends i{constructor(e={}){super({className:"admin-api-keys-section",template:'\n                <style>\n                    .aak-list { border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden; }\n                    .aak-item { display: flex; align-items: center; padding: 0.75rem 1rem; border-bottom: 1px solid #f0f0f0; gap: 1rem; }\n                    .aak-item:last-child { border-bottom: none; }\n                    .aak-item-icon { color: #6c757d; font-size: 1.1rem; flex-shrink: 0; }\n                    .aak-item-info { flex: 1; min-width: 0; }\n                    .aak-item-name { font-weight: 600; font-size: 0.85rem; display: flex; align-items: center; gap: 0.5rem; }\n                    .aak-item-meta { font-size: 0.75rem; color: #6c757d; display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.15rem; }\n                    .aak-item-meta i { margin-right: 0.2rem; }\n                    .aak-empty { padding: 2rem; text-align: center; color: #6c757d; font-size: 0.85rem; }\n                    .aak-empty i { font-size: 1.5rem; display: block; margin-bottom: 0.5rem; }\n                    .aak-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }\n                    .aak-header h6 { margin: 0; font-weight: 600; }\n                    .aak-result { padding: 1rem; background: #d1e7dd; border: 1px solid #badbcc; border-radius: 8px; margin-bottom: 1rem; }\n                    .aak-result-label { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #0f5132; margin-bottom: 0.5rem; }\n                    .aak-token-wrap { display: flex; gap: 0.5rem; align-items: center; }\n                    .aak-token { flex: 1; font-family: monospace; font-size: 0.78rem; padding: 0.5rem 0.75rem; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; word-break: break-all; max-height: 80px; overflow-y: auto; }\n                    .aak-token-warning { font-size: 0.75rem; color: #dc3545; margin-top: 0.5rem; font-weight: 600; }\n                </style>\n\n                <div id="aak-new-token" style="display: none;">\n                    <div class="aak-result">\n                        <div class="aak-result-label">Generated API Key</div>\n                        <div class="aak-token-wrap">\n                            <div class="aak-token" id="aak-token-display"></div>\n                            <button type="button" class="btn btn-outline-secondary btn-sm" data-action="copy-token" title="Copy">\n                                <i class="bi bi-clipboard"></i>\n                            </button>\n                        </div>\n                        <div class="aak-token-warning">\n                            <i class="bi bi-exclamation-circle me-1"></i>This token will not be shown again. Copy it now.\n                        </div>\n                    </div>\n                </div>\n\n                <div class="aak-header">\n                    <h6>API Keys</h6>\n                    <button type="button" class="btn btn-primary btn-sm" data-action="generate-key">\n                        <i class="bi bi-plus-lg me-1"></i>Generate Key\n                    </button>\n                </div>\n\n                <div id="aak-keys-list"></div>\n            ',...e}),this.apiKeys=[],this.generatedToken=null}async onBeforeRender(){await this._loadKeys()}async _loadKeys(){try{const e=await n.GET("/api/account/api_keys",{user:this.model.id},{},{dataOnly:!0});this.apiKeys=e.success&&Array.isArray(e.data)?e.data:[]}catch(e){this.apiKeys=[]}}onAfterRender(){this._renderKeysList()}_renderKeysList(){const e=this.element?.querySelector("#aak-keys-list");if(!e)return;if(!this.apiKeys.length)return void(e.innerHTML='\n                <div class="aak-list">\n                    <div class="aak-empty">\n                        <i class="bi bi-key"></i>\n                        No API keys for this user\n                    </div>\n                </div>');const t=this.apiKeys.map(e=>{const t=e.name||"API Key",i=e.created?new Date(1e3*e.created).toLocaleDateString():"",a=e.expires?new Date(1e3*e.expires).toLocaleDateString():"Never",s=e.last_used?new Date(1e3*e.last_used).toLocaleDateString():"Never",n=e.allowed_ips?.length?e.allowed_ips.join(", "):"Any";return`\n                <div class="aak-item">\n                    <div class="aak-item-icon"><i class="bi bi-key"></i></div>\n                    <div class="aak-item-info">\n                        <div class="aak-item-name">${t} ${!1!==e.is_active?'<span class="badge bg-success">Active</span>':'<span class="badge bg-secondary">Inactive</span>'}</div>\n                        <div class="aak-item-meta">\n                            <span><i class="bi bi-code-square"></i>${e.token_prefix?`${e.token_prefix}...`:"••••••••"}</span>\n                            <span><i class="bi bi-calendar"></i>Created ${i}</span>\n                            <span><i class="bi bi-clock"></i>Expires ${a}</span>\n                            <span><i class="bi bi-activity"></i>Last used ${s}</span>\n                            <span><i class="bi bi-globe"></i>IPs: ${n}</span>\n                        </div>\n                    </div>\n                    <div>\n                        <button type="button" class="btn btn-outline-danger btn-sm" data-action="revoke-key" data-id="${e.id}" title="Revoke">\n                            <i class="bi bi-trash"></i>\n                        </button>\n                    </div>\n                </div>`}).join("");e.innerHTML=`<div class="aak-list">${t}</div>`}async onActionGenerateKey(){const e=await o.showForm({title:`Generate API Key for ${this.model.get("display_name")||this.model.get("email")}`,icon:"bi-key",fields:[{name:"name",type:"text",label:"Key Name",placeholder:"e.g., CI/CD Pipeline, Mobile App",required:!0,help:"A descriptive name to identify this key."},{name:"allowed_ips",type:"text",label:"Allowed IPs",placeholder:"e.g., 203.0.113.0/24, 10.0.0.1",help:"Optional. Comma-separated IP addresses or CIDR ranges."},{name:"expire_days",type:"select",label:"Expiration",value:"90",options:[{value:"30",label:"30 days"},{value:"60",label:"60 days"},{value:"90",label:"90 days"},{value:"180",label:"180 days"},{value:"360",label:"360 days"}]}]});if(!e)return!0;const t={uid:this.model.id,name:e.name,expire_days:parseInt(e.expire_days||"90",10)},i=(e.allowed_ips||"").trim();i&&(t.allowed_ips=i.split(",").map(e=>e.trim()).filter(Boolean));const a=await n.POST("/api/auth/manage/generate_api_key",t,{},{dataOnly:!0});if(a.success&&a.data?.token){this.generatedToken=a.data.token;const e=this.element.querySelector("#aak-new-token"),t=this.element.querySelector("#aak-token-display");e&&t&&(t.textContent=this.generatedToken,e.style.display="block"),this.getApp()?.toast?.success("API key generated"),await this._loadKeys(),this._renderKeysList()}else this.getApp()?.toast?.error(a.message||"Failed to generate API key");return!0}async onActionRevokeKey(e,t){const i=t.dataset.id;if(!i)return!0;if(!(await o.confirm("Revoke this API key? Any applications using it will lose access immediately.","Revoke API Key")))return!0;const a=await n.DELETE(`/api/account/api_keys/${i}`,{},{},{dataOnly:!0});if(a.success){this.getApp()?.toast?.success("API key revoked");const e=this.element?.querySelector("#aak-new-token");e&&(e.style.display="none"),await this._loadKeys(),this._renderKeysList()}else this.getApp()?.toast?.error(a.message||"Failed to revoke API key");return!0}async onActionCopyToken(){if(this.generatedToken)try{await navigator.clipboard.writeText(this.generatedToken),this.getApp()?.toast?.success("Token copied to clipboard")}catch{this.getApp()?.toast?.error("Failed to copy token")}return!0}}class AdminMetadataSection extends i{constructor(e={}){super({className:"admin-metadata-section",template:'\n                <style>\n                    .amd-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }\n                    .amd-header h6 { margin: 0; font-weight: 600; }\n                    .amd-list { border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden; }\n                    .amd-item { display: flex; align-items: center; padding: 0.6rem 1rem; border-bottom: 1px solid #f0f0f0; gap: 0.75rem; }\n                    .amd-item:last-child { border-bottom: none; }\n                    .amd-key { font-family: ui-monospace, monospace; font-size: 0.82rem; font-weight: 600; color: #495057; min-width: 120px; flex-shrink: 0; }\n                    .amd-value { flex: 1; font-size: 0.85rem; color: #212529; word-break: break-word; min-width: 0; }\n                    .amd-actions { flex-shrink: 0; display: flex; gap: 0.25rem; }\n                    .amd-actions .btn { font-size: 0.7rem; padding: 0.15rem 0.35rem; }\n                    .amd-empty { padding: 2rem; text-align: center; color: #6c757d; font-size: 0.85rem; }\n                    .amd-empty i { font-size: 1.5rem; display: block; margin-bottom: 0.5rem; }\n                </style>\n\n                <div class="amd-header">\n                    <h6>Metadata</h6>\n                    <button type="button" class="btn btn-primary btn-sm" data-action="add-entry">\n                        <i class="bi bi-plus-lg me-1"></i>Add\n                    </button>\n                </div>\n\n                <div id="amd-entries"></div>\n            ',...e})}onAfterRender(){this._renderEntries()}_getMetadata(){return this.model?.get("metadata")||{}}_renderEntries(){const e=this.element?.querySelector("#amd-entries");if(!e)return;const t=this._getMetadata(),i=Object.keys(t).sort();if(!i.length)return void(e.innerHTML='\n                <div class="amd-list">\n                    <div class="amd-empty">\n                        <i class="bi bi-braces"></i>\n                        No metadata entries\n                    </div>\n                </div>');const a=i.map(e=>{const i=t[e],a="object"==typeof i?JSON.stringify(i):String(i);return`\n                <div class="amd-item">\n                    <div class="amd-key">${this._escapeHtml(e)}</div>\n                    <div class="amd-value">${this._escapeHtml(a)}</div>\n                    <div class="amd-actions">\n                        <button type="button" class="btn btn-outline-secondary" data-action="edit-entry" data-key="${this._escapeHtml(e)}" title="Edit"><i class="bi bi-pencil"></i></button>\n                        <button type="button" class="btn btn-outline-danger" data-action="remove-entry" data-key="${this._escapeHtml(e)}" title="Remove"><i class="bi bi-trash"></i></button>\n                    </div>\n                </div>`}).join("");e.innerHTML=`<div class="amd-list">${a}</div>`}_escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}async onActionAddEntry(){const e=await o.showForm({title:"Add Metadata Entry",icon:"bi-braces",size:"sm",fields:[{name:"key",type:"text",label:"Key",required:!0,placeholder:"e.g., timezone"},{name:"value",type:"text",label:"Value",required:!0,placeholder:"e.g., America/New_York"}]});if(!e)return!0;const t={...this._getMetadata()};try{t[e.key]=JSON.parse(e.value)}catch{t[e.key]=e.value}return 200===(await this.model.save({metadata:t})).status?(this.getApp()?.toast?.success("Metadata entry added"),this._renderEntries()):this.getApp()?.toast?.error("Failed to save metadata"),!0}async onActionEditEntry(e,t){const i=t.dataset.key;if(!i)return!0;const a=this._getMetadata(),s=a[i],n="object"==typeof s?JSON.stringify(s):String(s),l=await o.showForm({title:`Edit "${i}"`,icon:"bi-braces",size:"sm",fields:[{name:"value",type:"text",label:"Value",required:!0,value:n}]});if(!l)return!0;const r={...a};try{r[i]=JSON.parse(l.value)}catch{r[i]=l.value}return 200===(await this.model.save({metadata:r})).status?(this.getApp()?.toast?.success("Metadata updated"),this._renderEntries()):this.getApp()?.toast?.error("Failed to save metadata"),!0}async onActionRemoveEntry(e,t){const i=t.dataset.key;if(!i)return!0;if(!(await o.confirm(`Remove metadata key "<strong>${this._escapeHtml(i)}</strong>"?`,"Remove Entry")))return!0;const a={...this._getMetadata()};return delete a[i],200===(await this.model.save({metadata:a})).status?(this.getApp()?.toast?.success("Metadata entry removed"),this._renderEntries()):this.getApp()?.toast?.error("Failed to remove metadata entry"),!0}}class DeviceRow extends Ne{get deviceIcon(){const e=this.model?.get("device_info")?.device||{},t=this.model?.get("device_info")?.os||{};return["iPhone","Android"].some(i=>(e.family||"").includes(i)||(t.family||"").includes(i))?"bi-phone":"bi-laptop"}get deviceName(){const e=this.model?.get("device_info")?.device||{};return`${e.brand||""} ${e.family||""}`.trim()||"Unknown Device"}get deviceModel(){return this.model?.get("device_info")?.device?.model||""}get browserName(){const e=this.model?.get("device_info")?.user_agent||{};return e.family?`${e.family} ${e.major||""}`.trim():""}get osName(){const e=this.model?.get("device_info")?.os||{};return e.family?`${e.family} ${e.major||""}`.trim():""}get deviceMeta(){return[this.browserName,this.osName].filter(Boolean).join(" · ")||"—"}}class UserView extends i{constructor(e={}){super({className:"user-view",...e}),this.model=e.model||new r(e.data||{}),this.sideNavView=null,this.template='\n            <div class="user-view-container">\n                \x3c!-- User Header + Context Menu --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    <div data-container="user-header" style="flex: 1;"></div>\n                    <div data-container="user-context-menu" class="ms-3 flex-shrink-0"></div>\n                </div>\n                \x3c!-- Side Nav Container --\x3e\n                <div data-container="user-sidenav" style="min-height: 400px;"></div>\n            </div>\n        '}async onInit(){this.header=new i({containerId:"user-header",template:'\n            <div class="d-flex justify-content-between align-items-start">\n                \x3c!-- Left Side: Primary Identity --\x3e\n                <div class="d-flex align-items-center gap-3">\n                    {{{model.avatar|avatar(\'md\',\'rounded-circle\')}}}\n                    <div>\n                        <h3 class="mb-0">{{model.display_name|default(\'Unnamed User\')}}</h3>\n                        <a href="mailto:{{model.email}}" class="text-decoration-none text-body">{{model.email}}</a>{{{model.email|clipboard(\'icon-only\')}}}\n                        {{#model.phone_number}}\n                            <div class="text-muted small mt-1">{{{model.phone_number|phone(false)}}}</div>\n                        {{/model.phone_number}}\n                    </div>\n                </div>\n\n                \x3c!-- Right Side: Status --\x3e\n                <div class="text-end">\n                    <div class="d-flex align-items-center justify-content-end gap-3">\n                        <span class="d-inline-flex align-items-center gap-1" title="{{model.is_online|boolean(\'Online\',\'Offline\')}}">\n                            <i class="bi bi-circle-fill {{model.is_online|boolean(\'text-success\',\'text-secondary\')}}" style="font-size: 0.5rem;"></i>\n                            <span class="small">{{model.is_online|boolean(\'Online\',\'Offline\')}}</span>\n                        </span>\n                        <span class="d-inline-flex align-items-center gap-1" style="cursor: pointer;"\n                              data-action="toggle-active"\n                              title="{{model.is_active|boolean(\'Click to deactivate\',\'Click to activate\')}}">\n                            <i class="bi {{model.is_active|boolean(\'bi-toggle-on text-success\',\'bi-toggle-off text-secondary\')}}" style="font-size: 1.1rem;"></i>\n                            <span class="small">{{model.is_active|boolean(\'Active\',\'Inactive\')}}</span>\n                        </span>\n                    </div>\n                    {{#model.last_activity}}\n                        <div class="text-muted small mt-1">Last active {{model.last_activity|relative}}</div>\n                    {{/model.last_activity}}\n                </div>\n            </div>'}),this.header.setModel(this.model),this.addChild(this.header);const e=new AdminProfileSection({model:this.model}),a=new AdminPersonalSection({model:this.model}),s=new AdminSecuritySection({model:this.model}),n=new AdminConnectedSection({model:this.model}),l=new AdminNotificationsSection({model:this.model}),o=new AdminApiKeysSection({model:this.model}),c=new AdminMetadataSection({model:this.model}),m=new Le({fields:r.CATEGORY_PERMISSION_FIELDS,model:this.model,autosaveModelField:!0}),b=new Le({fields:r.GRANULAR_PERMISSION_FIELDS,model:this.model,autosaveModelField:!0}),u=new De({params:{user:this.model.get("id"),size:5}}),p=new Ve({collection:u,hideActivePillNames:["user"],columns:[{key:"created",label:"Date Joined",formatter:"date",sortable:!0},{key:"group.name",label:"Group Name",sortable:!0},{key:"permissions|keys|badge",label:"Permissions"}]}),h=new C({params:{size:5,model_name:"account.User",model_id:this.model.get("id")}}),v=new Ve({containerId:"events-table",collection:h,hideActivePillNames:["model_name","model_id"],columns:[{key:"id",label:"ID",sortable:!0,width:"40px"},{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Event"}]}),g=new i({template:'\n                <div class="mb-2">\n                    <h6 class="fw-semibold mb-1">Security &amp; Account Events</h6>\n                    <p class="text-muted small mb-3">Incidents and account actions associated with this user.</p>\n                </div>\n                <div data-container="events-table"></div>'});g.addChild(v);const f=new Ve({collection:new d({params:{size:10,user:this.model.get("id")}}),hideActivePillNames:["user"],clickAction:"view",itemClass:DeviceRow,columns:[{key:"device_info",label:"Device",template:'\n                        <div style="font-size:0.85rem; font-weight:500;">\n                            <i class="bi {{deviceIcon}} text-muted me-1" style="font-size:1.1rem; vertical-align:middle;"></i>{{deviceName}}\n                            {{#deviceModel}} <span class="text-muted fw-normal">({{deviceModel}})</span>{{/deviceModel}}\n                        </div>\n                        <div style="font-size:0.73rem; color:#6c757d; margin-top:0.15rem;">\n                            {{deviceMeta}}\n                            {{#model.last_ip}} <span class="text-muted mx-1">&middot;</span> {{model.last_ip}}{{/model.last_ip}}\n                        </div>'},{key:"first_seen",label:"First Seen",formatter:"epoch|relative",width:"120px"},{key:"last_seen",label:"Last Seen",formatter:"epoch|relative",width:"120px"}]}),y=new LoginLocationMapView({userId:this.model.get("id"),height:300,mapStyle:"dark"}),w=new Ve({collection:new LoginEventList({params:{user:this.model.get("id"),size:10}}),hideActivePillNames:["user"],columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"160px"},{key:"ip_address",label:"IP Address"},{key:"city",label:"City",formatter:"default('—')"},{key:"region",label:"Region",formatter:"default('—')"},{key:"country_code",label:"Country",sortable:!0},{key:"source",label:"Source",sortable:!0}]}),x=new P({tabs:{Map:y,Logins:w},activeTab:"Map"}),_=new T({params:{size:5,user:this.model.get("id")}}),k=new Ve({collection:_,hideActivePillNames:["user"],columns:[{key:"duid|truncate_middle(16)",label:"Device ID",sortable:!0},{key:"device_info.user_agent.family",label:"Browser",formatter:"default('—')"},{key:"device_info.os.family",label:"OS",formatter:"default('—')"},{key:"first_seen",label:"First Seen",formatter:"epoch|datetime"},{key:"last_seen",label:"Last Seen",formatter:"epoch|datetime"}],size:5}),A=new Me({params:{size:5,model_name:"account.User",model_id:this.model.get("id")}}),S=new Ve({containerId:"logs-table",collection:A,permissions:"view_logs",hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,filter:{type:"select",options:[{value:"info",label:"Info"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}]}},{key:"kind",label:"Event Type",filter:{type:"text"}},{name:"log",label:"Details"}]}),I=new i({template:'\n                <div class="mb-2">\n                    <h6 class="fw-semibold mb-1">Object Logs</h6>\n                    <p class="text-muted small mb-3">System log entries about changes to this user\'s record.</p>\n                </div>\n                <div data-container="logs-table"></div>'});I.addChild(S);const D=new Me({params:{size:5,uid:this.model.get("id")}}),V=new Ve({containerId:"activity-table",collection:D,hideActivePillNames:["uid"],permissions:"view_logs",columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,filter:{type:"select",options:[{value:"info",label:"Info"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}]}},{key:"kind",label:"Event Type",filter:{type:"text"}},{name:"path",label:"Request Path"}]}),M=new i({template:'\n                <div class="mb-2">\n                    <h6 class="fw-semibold mb-1">Activity Log</h6>\n                    <p class="text-muted small mb-3">API and request activity performed by this user.</p>\n                </div>\n                <div data-container="activity-table"></div>'});M.addChild(V),this.sideNavView=new SideNavView({containerId:"user-sidenav",activeSection:"profile",navWidth:200,contentPadding:"1.25rem 2rem",enableResponsive:!0,minWidth:500,sections:[{key:"profile",label:"Profile",icon:"bi-person",view:e},{key:"personal",label:"Personal",icon:"bi-person-vcard",view:a},{key:"security",label:"Security",icon:"bi-shield-lock",view:s},{key:"connected",label:"OAuth Accounts",icon:"bi-plug",view:n},{type:"divider",label:"Access"},{key:"permissions",label:"Permissions",icon:"bi-shield-check",view:m},{key:"adv_permissions",label:"Adv Permissions",icon:"bi-shield-plus",view:b},{key:"groups",label:"Groups",icon:"bi-people",view:p},{key:"api_keys",label:"API Keys",icon:"bi-key",view:o},{type:"divider",label:"Activity"},{key:"events",label:"Events",icon:"bi-calendar-event",view:g},{key:"activity",label:"Activity Log",icon:"bi-clock-history",view:M,permissions:"view_logs"},{key:"logs",label:"Object Logs",icon:"bi-journal-text",view:I,permissions:"view_logs"},{type:"divider",label:"Devices"},{key:"devices",label:"Devices",icon:"bi-laptop",view:f},{key:"locations",label:"Locations",icon:"bi-geo-alt",view:x},{key:"push_devices",label:"Push Devices",icon:"bi-phone",view:k},{type:"divider",label:"Settings"},{key:"notifications",label:"Notifications",icon:"bi-bell",view:l},{key:"metadata",label:"Metadata",icon:"bi-braces",view:c}]}),this.addChild(this.sideNavView);const N=new t({containerId:"user-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit User",action:"edit-user",icon:"bi-pencil"},...this.model.get("avatar")?[{label:"Clear Avatar",action:"clear-avatar",icon:"bi-person-x"}]:[],{type:"divider"},{label:"Send Password Reset",action:"send-password-reset",icon:"bi-envelope"},{label:"Send Magic Login Link",action:"send-magic-link",icon:"bi-link-45deg"},{label:"Revoke All Sessions",action:"revoke-all-sessions",icon:"bi-box-arrow-right"},{type:"divider"},...this.model.get("is_email_verified")?[]:[{label:"Send Email Verification",action:"send-email-verification",icon:"bi-envelope-check"},{label:"Force Verify Email",action:"force-verify-email",icon:"bi-patch-check"}],...this.model.get("phone_number")&&!this.model.get("is_phone_verified")?[{label:"Force Verify Phone",action:"force-verify-phone",icon:"bi-patch-check"}]:[],{type:"divider"},this.model.get("is_active")?{label:"Deactivate User",action:"deactivate-user",icon:"bi-person-dash"}:{label:"Activate User",action:"activate-user",icon:"bi-person-check"}]}});this.addChild(N)}async onActionEditUser(){await o.showModelForm({title:`EDIT - #${this.model.id} ${this.options.modelName}`,model:this.model,formConfig:c.edit})}async onActionClearAvatar(){return!(await o.confirm("Remove this user's avatar? They will see the default placeholder.","Clear Avatar"))||(200===(await this.model.save({avatar:null})).status?this.getApp().toast.success("Avatar cleared"):this.getApp().toast.error("Failed to clear avatar"),!0)}async onActionSendPasswordReset(){const e=this.model.get("email");if(!(await o.confirm(`Send a password reset email to <strong>${e}</strong>?`,"Send Password Reset")))return!0;const t=await n.POST("/api/auth/password/reset",{email:e});return t.success?this.getApp().toast.success("Password reset email sent"):this.getApp().toast.error(t.message||"Failed to send password reset"),!0}async onActionSendMagicLink(){const e=this.model.get("email");if(!(await o.confirm(`Send a magic login link to <strong>${e}</strong>?`,"Send Magic Login Link")))return!0;const t=await n.POST("/api/auth/magic-link",{email:e});return t.success?this.getApp().toast.success("Magic login link sent"):this.getApp().toast.error(t.message||"Failed to send magic link"),!0}async onActionRevokeAllSessions(){if(!(await o.confirm("Revoke all sessions? The user will be signed out of all devices immediately.","Revoke All Sessions")))return!0;const e=await n.POST(`/api/user/${this.model.id}/sessions/revoke`);return e.success?this.getApp().toast.success("All sessions revoked"):this.getApp().toast.error(e.message||"Failed to revoke sessions"),!0}async onActionSendEmailVerification(){const e=this.model.get("email");if(!(await o.confirm(`Send a verification email to <strong>${e}</strong>?`,"Send Email Verification")))return!0;const t=await n.POST("/api/auth/email/verify",{email:e});return t.success?this.getApp().toast.success("Verification email sent"):this.getApp().toast.error(t.message||"Failed to send verification email"),!0}async onActionForceVerifyEmail(){return!(await o.confirm(`Mark <strong>${this.model.get("email")}</strong> as verified?`,"Force Verify Email"))||(200===(await this.model.save({is_email_verified:!0})).status?this.getApp().toast.success("Email marked as verified"):this.getApp().toast.error("Failed to verify email"),!0)}async onActionForceVerifyPhone(){return!(await o.confirm(`Mark <strong>${this.model.get("phone_number")}</strong> as verified?`,"Force Verify Phone"))||(200===(await this.model.save({is_phone_verified:!0})).status?this.getApp().toast.success("Phone marked as verified"):this.getApp().toast.error("Failed to verify phone"),!0)}async onActionToggleActive(){return this.model.get("is_active")?this.onActionDeactivateUser():this.onActionActivateUser()}async onActionDeactivateUser(){return!(await o.confirm("Are you sure you want to deactivate this user?"))||(200===(await this.model.save({is_active:!1})).status?this.getApp().toast.success("User deactivated"):this.getApp().toast.error("Failed to deactivate user"),!0)}async onActionActivateUser(){return!(await o.confirm("Are you sure you want to activate this user?"))||(200===(await this.model.save({is_active:!0})).status?this.getApp().toast.success("User activated"):this.getApp().toast.error("Failed to activate user"),!0)}async showSection(e){this.sideNavView&&await this.sideNavView.showSection(e)}getActiveSection(){return this.sideNavView?this.sideNavView.getActiveSection():null}async showTab(e){return this.showSection(e)}getActiveTab(){return this.getActiveSection()}_onModelChange(){}static create(e={}){return new UserView(e)}}r.VIEW_CLASS=UserView;class UserTablePage extends I{constructor(e={}){super({...e,name:"admin_users",pageName:"Manage Users",router:"admin/users",Collection:m,viewDialogOptions:{header:!1},defaultQuery:{sort:"-last_activity",is_active:!0},columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"display_name|tooltip:model.username",label:"Display Name"},{label:"Info",key:"permissions.manage_users",template:"\n                    {{^model.is_active}}<span class=\"text-danger\">DISABLED</span> {{/model.is_active}}\n                    {{#model.permissions.manage_users}}{{{model.permissions.manage_users|yesnoicon('bi bi-person-gear text-danger')|tooltip('Manage Users')}}} {{/model.permissions.manage_users}}\n                    {{#model.permissions.manage_groups}}{{{model.permissions.manage_groups|yesnoicon('bi bi-building-gear text-primary')|tooltip('Manage Groups')}}} {{/model.permissions.manage_groups}}\n                    {{#model.permissions.view_global}}{{{model.permissions.view_global|yesnoicon('bi bi-globe text-secondary')|tooltip('View Global Menu')}}} {{/model.permissions.view_global}}\n                    {{#model.permissions.view_admin}}{{{model.permissions.view_admin|yesnoicon('bi bi-wrench text-secondary')|tooltip('View Admin Menu')}}} {{/model.permissions.view_admin}}\n                    ",sortable:!1},{key:"email",label:"Email",visibility:"xl",className:"text-muted fs-8"},{key:"last_activity",label:"Last Activity",formatter:"relative",className:"text-muted fs-8"}],filters:[{key:"is_active",label:"Active",type:"boolean",defaultValue:!0},{key:"email",label:"Email",type:"text",defaultValue:""},{key:"username",label:"Username",type:"text",defaultValue:""},{key:"locations__ip_address",label:"IP Address",type:"text",defaultValue:""},{key:"last_activity",type:"daterange",startName:"dr_start",endName:"dr_end",fieldName:"dr_field",label:"Date Range",format:"YYYY-MM-DD",displayFormat:"MMM DD, YYYY",separator:" to "}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No users found. Click "Add" to create a new user.',contextMenu:[{icon:"bi-pencil",action:"edit",label:"Edit Profile"},{icon:"bi-shield-check",action:"edit-permissions",label:"Edit Permissions"},{icon:"bi-shield",action:"change-password",label:"Change Password"},{separator:!0},{icon:"bi-envelope",action:"send-invite",label:"Send Invite"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionEditPermissions(e,t){e.preventDefault();const i=this.collection.get(t.dataset.id);await o.showModelForm({model:i,size:"lg",title:`Edit Permissions for "${i._.username}"`,fields:c.permissions.fields})}async onActionChangePassword(e,t){const i=this.collection.get(t.dataset.id),a=await o.showForm({title:`Change Password for "${i._.username}"`,fields:[{type:"text",name:"username",value:i.get("email")||i.get("username"),attributes:{autocomplete:"username",readonly:"readonly",tabindex:"-1",style:"position: absolute; left: -9999px; opacity: 0; height: 0; width: 0;"}},{name:"new_password",label:"New Password",type:"password",passwordUsage:"new",required:!0,showToggle:!0,attributes:{autocomplete:"new-password"}}]});if(a&&a.new_password){if(l.checkPasswordStrength(a.new_password).score<5)return this.getApp().toast.error("Password must be at least 6 characters long and contain at least 2 of the following: uppercase letter, lowercase letter, or number"),void(await this.onActionChangePassword(e,t));const s=await i.save({new_password:a.new_password});this.onPasswordChange(s)||await this.onActionChangePassword(e,t)}}onPasswordChange(e){return e.success?(this.getApp().toast.success("Password changed successfully"),!0):(e.data&&e.data.error?this.getApp().toast.error(e.data.error):this.getApp().toast.error("Failed to change password"),!1)}async onActionSendInvite(e,t){const i=this.collection.get(t.dataset.id),a=await i.save({send_invite:!0});return a.success?(this.getApp().toast.success("Invite sent successfully"),!0):(a.data&&a.data.error?this.getApp().toast.error(a.data.error):this.getApp().toast.error("Failed to send invite"),!1)}}class MemberView extends i{constructor(e={}){super({className:"member-view",...e}),this.model=e.model||new Ee(e.data||{}),this.template='\n            <div class="member-view-container">\n                \x3c!-- Header + Context Menu --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    <div data-container="member-header" style="flex: 1;"></div>\n                    <div data-container="member-context-menu" class="ms-3 flex-shrink-0"></div>\n                </div>\n                \x3c!-- Side Nav --\x3e\n                <div data-container="member-sidenav" style="min-height: 300px;"></div>\n            </div>\n        '}async onInit(){this.header=new i({containerId:"member-header",template:'\n            <div class="d-flex justify-content-between align-items-start">\n                \x3c!-- Left: Avatar + Identity --\x3e\n                <div class="d-flex align-items-center gap-3">\n                    {{{model.user.avatar|avatar(\'md\',\'rounded-circle\')}}}\n                    <div>\n                        <h4 class="mb-0">\n                            <a href="#" data-action="view-user" class="text-decoration-none text-body">{{model.user.display_name}}</a>\n                        </h4>\n                        <div class="text-muted small mt-1">\n                            <i class="bi bi-people me-1"></i>\n                            <a href="#" data-action="view-group" class="text-decoration-none">{{model.group.name}}</a>\n                            {{#model.group.kind}}\n                                <span class="badge bg-light text-muted border ms-1" style="font-size: 0.65rem;">{{model.group.kind|capitalize}}</span>\n                            {{/model.group.kind}}\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Right: Status --\x3e\n                <div class="text-end">\n                    <div class="d-flex align-items-center gap-2">\n                        {{#model.metadata.role}}\n                            <span class="badge bg-primary bg-opacity-10 text-primary" style="font-size: 0.72rem;">{{model.metadata.role}}</span>\n                        {{/model.metadata.role}}\n                        <span class="d-inline-flex align-items-center gap-1" style="cursor: pointer;"\n                              data-action="toggle-active"\n                              title="{{model.is_active|boolean(\'Click to deactivate\',\'Click to activate\')}}">\n                            <i class="bi {{model.is_active|boolean(\'bi-toggle-on text-success\',\'bi-toggle-off text-secondary\')}}" style="font-size: 1.1rem;"></i>\n                            <span class="small">{{model.is_active|boolean(\'Active\',\'Inactive\')}}</span>\n                        </span>\n                    </div>\n                    {{#model.created}}\n                        <div class="text-muted small mt-1">Joined {{model.created|date}}</div>\n                    {{/model.created}}\n                </div>\n            </div>'}),this.header.setModel(this.model),this.addChild(this.header);const e=new i({model:this.model,template:'\n                <style>\n                    .mv-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .mv-section-label:first-child { margin-top: 0; }\n                    .mv-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .mv-field-row:last-child { border-bottom: none; }\n                    .mv-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .mv-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .mv-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .mv-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                </style>\n\n                <div class="mv-section-label">User</div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Name</div>\n                    <div class="mv-field-value">\n                        <a href="#" data-action="view-user" class="text-decoration-none">{{model.user.display_name}}</a>\n                    </div>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Email</div>\n                    <div class="mv-field-value">{{model.user.email}}</div>\n                </div>\n\n                <div class="mv-section-label">Group</div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Name</div>\n                    <div class="mv-field-value">\n                        <a href="#" data-action="view-group" class="text-decoration-none">{{model.group.name}}</a>\n                    </div>\n                </div>\n                {{#model.group.kind}}\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Kind</div>\n                    <div class="mv-field-value"><span class="badge bg-primary bg-opacity-10 text-primary">{{model.group.kind|capitalize}}</span></div>\n                </div>\n                {{/model.group.kind}}\n\n                <div class="mv-section-label">Membership</div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Role</div>\n                    <div class="mv-field-value">{{model.metadata.role|default(\'—\')}}</div>\n                    <button type="button" class="mv-field-action" data-action="edit-membership" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Status</div>\n                    <div class="mv-field-value">\n                        {{#model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#d1e7dd; color:#0f5132; border-radius:3px;">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#fff3cd; color:#856404; border-radius:3px;">Inactive</span>{{/model.is_active|bool}}\n                    </div>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Member ID</div>\n                    <div class="mv-field-value" style="font-family: ui-monospace, monospace; font-size: 0.82rem;">{{model.id}}</div>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Joined</div>\n                    <div class="mv-field-value">{{model.created|datetime|default(\'—\')}}</div>\n                </div>\n            '}),a=new Le({fields:Ee.PERMISSION_FIELDS,model:this.model,autosaveModelField:!0}),s=new Ve({collection:new Me({params:{size:10,model_name:"account.Member",model_id:this.model.get("id")}}),permissions:"view_logs",hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0},{key:"kind",label:"Kind"},{name:"log",label:"Log"}]});this.sideNavView=new SideNavView({containerId:"member-sidenav",activeSection:"details",navWidth:160,contentPadding:"1rem 1.5rem",enableResponsive:!0,minWidth:450,sections:[{key:"details",label:"Details",icon:"bi-info-circle",view:e},{key:"permissions",label:"Permissions",icon:"bi-shield-check",view:a},{type:"divider",label:"Activity"},{key:"logs",label:"Logs",icon:"bi-journal-text",view:s,permissions:"view_logs"}]}),this.addChild(this.sideNavView);const n=new t({containerId:"member-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Membership",action:"edit-membership",icon:"bi-pencil"},{type:"divider"},{label:"View User",action:"view-user",icon:"bi-person"},{label:"View Group",action:"view-group",icon:"bi-people"},{type:"divider"},this.model.get("is_active")?{label:"Deactivate Member",action:"deactivate-member",icon:"bi-toggle-off"}:{label:"Activate Member",action:"activate-member",icon:"bi-toggle-on"},{label:"Remove From Group",action:"remove-member",icon:"bi-person-dash",danger:!0}]}});this.addChild(n)}async onActionEditMembership(){await $e.modelForm({title:"Edit Membership",model:this.model,formConfig:Re.edit})}async onActionViewUser(){const e=this.model.get("user")?.id;if(!e)return!0;const{User:t}=await import("./chunks/Dialog-C2ZupILO.js").then(e=>e.q);return await $e.showModelById(t,e),!0}async onActionViewGroup(){const e=this.model.get("group")?.id;if(!e)return!0;const{Group:t}=await import("./chunks/Dialog-C2ZupILO.js").then(e=>e.p);return await $e.showModelById(t,e),!0}async onActionToggleActive(){return this.model.get("is_active")?this.onActionDeactivateMember():this.onActionActivateMember()}async onActionDeactivateMember(){return!(await $e.confirm(`Deactivate <strong>${this.model.get("user.display_name")}</strong>'s membership in <strong>${this.model.get("group.name")}</strong>?`,"Deactivate Member"))||(200===(await this.model.save({is_active:!1})).status?this.getApp()?.toast?.success("Member deactivated"):this.getApp()?.toast?.error("Failed to deactivate member"),!0)}async onActionActivateMember(){return!(await $e.confirm(`Activate <strong>${this.model.get("user.display_name")}</strong>'s membership in <strong>${this.model.get("group.name")}</strong>?`,"Activate Member"))||(200===(await this.model.save({is_active:!0})).status?this.getApp()?.toast?.success("Member activated"):this.getApp()?.toast?.error("Failed to activate member"),!0)}async onActionRemoveMember(){return!(await $e.confirm(`Remove <strong>${this.model.get("user.display_name")}</strong> from <strong>${this.model.get("group.name")}</strong>? This cannot be undone.`,"Remove Member"))||((await this.model.destroy()).success?(this.getApp()?.toast?.success("Member removed"),this.emit("member:removed",{model:this.model})):this.getApp()?.toast?.error("Failed to remove member"),!0)}_onModelChange(){}static create(e={}){return new MemberView(e)}}Ee.VIEW_CLASS=MemberView;class MemberTablePage extends I{constructor(e={}){super({...e,name:"admin_members",pageName:"Manage Members",router:"admin/members",Collection:De,formEdit:Re.edit,itemViewClass:MemberView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"60px",sortable:!0,class:"text-muted"},{key:"user.display_name",label:"User",formatter:"default('Unknown User')"},{key:"user.email",label:"Email",formatter:"default('No Email')"},{key:"group.name",label:"Group",formatter:"default('Unknown Group')"},{key:"role",label:"Role",formatter:"badge"},{key:"status",label:"Status",formatter:"badge"},{key:"created",label:"Added",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No members found. Click "Add Member" to add users to groups.',batchBarLocation:"top",batchActions:[{label:"Remove",icon:"bi bi-person-dash",action:"batch-remove"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Change Role",icon:"bi bi-person-gear",action:"batch-role"},{label:"Activate",icon:"bi bi-check-circle",action:"batch-activate"},{label:"Deactivate",icon:"bi bi-x-circle",action:"batch-deactivate"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class ApiKey extends s{constructor(e={},t={}){super(e,{endpoint:"/api/group/apikey",...t})}}class ApiKeyList extends a{constructor(e={}){super({ModelClass:ApiKey,endpoint:"/api/group/apikey",size:25,...e})}}const tt={create:{title:"Create API Key",fields:[{name:"name",type:"text",label:"Name",placeholder:"Mobile App v2",required:!0,columns:12,help:"A descriptive name to identify this key."},{name:"group",type:"number",label:"Group ID",required:!0,columns:12,help:"The group this key is scoped to."},{name:"permissions",type:"textarea",label:"Permissions (JSON)",placeholder:'{"view_orders": true, "create_orders": true}',columns:12,help:"JSON dict of permissions to grant. Leave empty for no permissions."}]},edit:{title:"Edit API Key",fields:[{name:"name",type:"text",label:"Name",required:!0,columns:12},{name:"is_active",type:"switch",label:"Active",columns:12,help:"Deactivate to revoke access without deleting the key."},{name:"permissions",type:"textarea",label:"Permissions (JSON)",columns:12,help:"JSON dict of granted permissions."}]}};class GroupView extends i{constructor(e={}){super({className:"group-view",...e}),this.model=e.model||new b(e.data||{}),this.template='\n            <div class="group-view-container">\n                \x3c!-- Header --\x3e\n                <div data-container="group-header"></div>\n                \x3c!-- Side Nav --\x3e\n                <div data-container="group-sidenav" style="min-height: 400px;"></div>\n            </div>\n        '}async onInit(){this.header=new i({containerId:"group-header",template:'\n            <div class="d-flex justify-content-between align-items-start mb-4">\n                \x3c!-- Left Side: Identity --\x3e\n                <div class="d-flex align-items-center gap-3">\n                    {{#model.avatar}}\n                        {{{model.avatar|avatar(\'md\',\'rounded\')}}}\n                    {{/model.avatar}}\n                    {{^model.avatar}}\n                        <div class="d-flex align-items-center justify-content-center rounded bg-light" style="width: 56px; height: 56px;">\n                            <i class="bi bi-people text-secondary" style="font-size: 1.5rem;"></i>\n                        </div>\n                    {{/model.avatar}}\n                    <div>\n                        <h3 class="mb-0">{{model.name|default(\'Unnamed Group\')}}</h3>\n                        <div class="d-flex align-items-center gap-2 mt-1">\n                            <span class="badge bg-primary bg-opacity-10 text-primary" style="font-size: 0.72rem;">{{model.kind|capitalize}}</span>\n                            {{#model.parent}}\n                                <span class="text-muted small">\n                                    <i class="bi bi-diagram-3 me-1"></i>\n                                    <a href="#" data-action="view-parent" data-id="{{model.parent.id}}" class="text-decoration-none">{{model.parent.name}}</a>\n                                </span>\n                            {{/model.parent}}\n                        </div>\n                        {{#model.metadata.timezone}}\n                            <div class="text-muted small mt-1"><i class="bi bi-clock me-1"></i>{{model.metadata.timezone}}</div>\n                        {{/model.metadata.timezone}}\n                    </div>\n                </div>\n\n                \x3c!-- Right Side: Status & Actions --\x3e\n                <div class="d-flex align-items-start gap-4">\n                    <div class="text-end">\n                        <div class="d-flex align-items-center justify-content-end gap-3">\n                            <span class="d-inline-flex align-items-center gap-1" title="{{model.is_active|boolean(\'Group Active\',\'Group Inactive\')}}">\n                                <i class="bi {{model.is_active|boolean(\'bi-toggle-on text-success\',\'bi-toggle-off text-secondary\')}}" style="font-size: 1.1rem;"></i>\n                                <span class="small">{{model.is_active|boolean(\'Active\',\'Inactive\')}}</span>\n                            </span>\n                        </div>\n                        {{#model.last_activity}}\n                            <div class="text-muted small mt-1">Last active {{model.last_activity|relative}}</div>\n                        {{/model.last_activity}}\n                        {{#model.created}}\n                            <div class="text-muted small mt-1">Created {{model.created|date}}</div>\n                        {{/model.created}}\n                    </div>\n                    <div data-container="group-context-menu"></div>\n                </div>\n            </div>'}),this.header.setModel(this.model),this.addChild(this.header);const e=new i({model:this.model,template:'\n                <style>\n                    .gv-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .gv-section-label:first-child { margin-top: 0; }\n                    .gv-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .gv-field-row:last-child { border-bottom: none; }\n                    .gv-field-label { width: 140px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .gv-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .gv-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .gv-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                </style>\n\n                <div class="gv-section-label">Group</div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Name</div>\n                    <div class="gv-field-value">{{model.name}}</div>\n                    <button type="button" class="gv-field-action" data-action="edit-group" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Kind</div>\n                    <div class="gv-field-value"><span class="badge bg-primary bg-opacity-10 text-primary">{{model.kind|capitalize}}</span></div>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Status</div>\n                    <div class="gv-field-value">\n                        {{#model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#d1e7dd; color:#0f5132; border-radius:3px;">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#fff3cd; color:#856404; border-radius:3px;">Inactive</span>{{/model.is_active|bool}}\n                    </div>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">ID</div>\n                    <div class="gv-field-value" style="font-family: ui-monospace, monospace; font-size: 0.82rem;">{{model.id}}</div>\n                </div>\n\n                <div class="gv-section-label">Hierarchy</div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Parent</div>\n                    <div class="gv-field-value">\n                        {{#model.parent}}\n                            <a href="#" data-action="view-parent" data-id="{{model.parent.id}}" class="text-decoration-none">{{model.parent.name}}</a>\n                            <span class="text-muted small ms-1">({{model.parent.kind|capitalize}})</span>\n                        {{/model.parent}}\n                        {{^model.parent}}<span style="color:#adb5bd; font-style:italic; font-size:0.85rem;">None — top-level group</span>{{/model.parent}}\n                    </div>\n                </div>\n\n                <div class="gv-section-label">Settings</div>\n                {{#model.metadata.timezone}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Timezone</div>\n                    <div class="gv-field-value">{{model.metadata.timezone}}</div>\n                </div>\n                {{/model.metadata.timezone}}\n                {{#model.metadata.domain}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Domain</div>\n                    <div class="gv-field-value">{{model.metadata.domain}}</div>\n                </div>\n                {{/model.metadata.domain}}\n                {{#model.metadata.portal}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Portal URL</div>\n                    <div class="gv-field-value"><a href="{{model.metadata.portal}}" target="_blank" class="text-decoration-none">{{model.metadata.portal}}</a></div>\n                </div>\n                {{/model.metadata.portal}}\n                {{#model.metadata.eod_hour}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">End of Day</div>\n                    <div class="gv-field-value">{{model.metadata.eod_hour}}:00</div>\n                </div>\n                {{/model.metadata.eod_hour}}\n\n                <div class="gv-section-label">Dates</div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Created</div>\n                    <div class="gv-field-value">{{model.created|datetime|default(\'—\')}}</div>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Modified</div>\n                    <div class="gv-field-value">{{model.modified|datetime|default(\'—\')}}</div>\n                </div>\n            '}),a=new Ve({collection:new De({params:{group:this.model.get("id"),size:10}}),hideActivePillNames:["group"],clickAction:"view",showAdd:!0,addButtonLabel:"Invite",onAdd:e=>this.onInviteClick(e),columns:[{key:"user.display_name",label:"User",sortable:!0},{key:"user.email",label:"Email",sortable:!0},{key:"permissions|keys|badge",label:"Permissions"},{key:"created",label:"Joined",formatter:"date",sortable:!0}]}),s=new Ve({collection:new u({params:{parent:this.model.get("id"),size:10}}),hideActivePillNames:["parent"],clickAction:"view",showAdd:!0,addButtonLabel:"Add Group",onAdd:()=>this.onActionAddChildGroup(),columns:[{key:"name",label:"Name",sortable:!0},{key:"kind",label:"Kind",formatter:"badge"},{key:"is_active",label:"Status",width:"80px",template:'\n                        {{#model.is_active|bool}}<span class="badge bg-success bg-opacity-10 text-success">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span class="badge bg-secondary bg-opacity-10 text-secondary">Inactive</span>{{/model.is_active|bool}}'},{key:"created",label:"Created",formatter:"date",sortable:!0}]}),n=new Ve({collection:new C({params:{size:10,model_name:"account.Group",model_id:this.model.get("id")}}),hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Title"}]}),l=new Ve({collection:new ApiKeyList({params:{group:this.model.get("id"),size:10}}),hideActivePillNames:["group"],clickAction:"view",showAdd:!0,addButtonLabel:"Create Key",addFormConfig:{...tt.create,defaults:{group:this.model.get("id")}},columns:[{key:"name",label:"Name",sortable:!0},{key:"is_active",label:"Status",width:"80px",template:'\n                        {{#model.is_active|bool}}<span class="badge bg-success bg-opacity-10 text-success">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span class="badge bg-secondary bg-opacity-10 text-secondary">Inactive</span>{{/model.is_active|bool}}'},{key:"permissions|keys|badge",label:"Permissions"},{key:"created",label:"Created",formatter:"datetime",sortable:!0}]}),o=new AdminMetadataSection({model:this.model}),r=new Ve({collection:new Me({params:{size:10,model_name:"account.Group",model_id:this.model.get("id")}}),permissions:"view_logs",hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,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"}]});this.sideNavView=new SideNavView({containerId:"group-sidenav",activeSection:"details",navWidth:180,contentPadding:"1.25rem 2rem",enableResponsive:!0,minWidth:500,sections:[{key:"details",label:"Details",icon:"bi-info-circle",view:e},{key:"members",label:"Members",icon:"bi-people",view:a},{key:"children",label:"Sub-Groups",icon:"bi-diagram-3",view:s},{key:"api_keys",label:"API Keys",icon:"bi-key",view:l},{type:"divider",label:"Activity"},{key:"events",label:"Events",icon:"bi-calendar-event",view:n},{key:"logs",label:"Logs",icon:"bi-journal-text",view:r,permissions:"view_logs"},{type:"divider",label:"Settings"},{key:"metadata",label:"Metadata",icon:"bi-braces",view:o}]}),this.addChild(this.sideNavView);const d=new t({containerId:"group-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Group",action:"edit-group",icon:"bi-pencil"},{type:"divider"},{label:"Invite Member",action:"invite-member",icon:"bi-person-plus"},{label:"Add Sub-Group",action:"add-child-group",icon:"bi-diagram-3"},{type:"divider"},this.model.get("is_active")?{label:"Deactivate Group",action:"deactivate-group",icon:"bi-toggle-off"}:{label:"Activate Group",action:"activate-group",icon:"bi-toggle-on"}]}});this.addChild(d)}async onActionEditGroup(){await o.showModelForm({title:`Edit Group — ${this.model.get("name")}`,model:this.model,size:"lg",formConfig:p.detailed})&&await this.render()}async onActionInviteMember(){return this.onInviteClick(new Event("click"))}async onInviteClick(e){e?.preventDefault&&(e.preventDefault(),e.stopPropagation());const t=await o.showForm({title:`Invite User to ${this.model.get("name")}`,size:"sm",fields:[{type:"email",name:"email",label:"Email",required:!0,cols:12}]});if(!t?.email)return!0;const i=this.getApp(),a=await i.rest.POST("/api/group/member/invite",{group:this.model.id,email:t.email});return a.success?(i.toast.success("User invited successfully"),"members"===this.sideNavView?.getActiveSection()&&await this.sideNavView.showSection("members")):i.toast.error(a.message||"Failed to invite user"),!0}async onActionAddChildGroup(){const e=await o.showForm({title:`Add Sub-Group to ${this.model.get("name")}`,size:"sm",fields:p.create.fields.filter(e=>"parent"!==e.name)});if(!e)return!0;e.parent=this.model.id;const t=new b(e),i=await t.save();return 200===i.status||201===i.status?(this.getApp()?.toast?.success("Sub-group created"),"children"===this.sideNavView?.getActiveSection()&&await this.sideNavView.showSection("children")):this.getApp()?.toast?.error(i.message||"Failed to create sub-group"),!0}async onActionDeactivateGroup(){return!(await o.confirm(`Are you sure you want to deactivate <strong>${this.model.get("name")}</strong>?`,"Deactivate Group"))||(200===(await this.model.save({is_active:!1})).status?(this.getApp()?.toast?.success("Group deactivated"),await this.render()):this.getApp()?.toast?.error("Failed to deactivate group"),!0)}async onActionActivateGroup(){return!(await o.confirm(`Are you sure you want to activate <strong>${this.model.get("name")}</strong>?`,"Activate Group"))||(200===(await this.model.save({is_active:!0})).status?(this.getApp()?.toast?.success("Group activated"),await this.render()):this.getApp()?.toast?.error("Failed to activate group"),!0)}async onActionViewParent(e,t){const i=t?.dataset?.id;if(!i)return!0;const a=new b({id:i});return await a.fetch(),a.id&&o.showDialog({title:!1,size:"lg",body:new GroupView({model:a}),buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]}),!0}async showSection(e){this.sideNavView&&await this.sideNavView.showSection(e)}getActiveSection(){return this.sideNavView?this.sideNavView.getActiveSection():null}_onModelChange(){}static create(e={}){return new GroupView(e)}}b.VIEW_CLASS=GroupView;class GroupTablePage extends I{constructor(e={}){super({...e,name:"admin_groups",pageName:"Manage Groups",router:"admin/groups",Collection:u,formCreate:p.create,formEdit:p.edit,itemViewClass:GroupView,viewDialogOptions:{header:!1},defaultQuery:{sort:"-id",is_active:1},columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"name",label:"Display Name"},{key:"kind|badge",label:"Kind",filter:{type:"select",options:b.GroupKindOptions}},{key:"is_active|yesnoicon",label:"Enabled",visibility:"lg"},{key:"parent.name",label:"Parent",formatter:"default('-')",visibility:"md",class:"text-muted fs-8"},{key:"created",label:"Created",className:"text-muted fs-8",formatter:"epoch|datetime",visibility:"lg"},{key:"last_activity",label:"Activity",className:"text-muted fs-8",formatter:"relative",visibility:"lg"}],filters:[{key:"is_active",label:"Active",type:"select",options:[{label:"Active",value:!0},{label:"Inactive",value:!1}]}],contextMenu:[{icon:"bi-pencil",action:"edit",label:"Edit Group"},{icon:"bi-bullseye",action:"make-active",label:"Make Active Group"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No groups found. Click "Add Group" to create your first one.',batchBarLocation:"top",batchActions:[{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Activate",icon:"bi bi-check-circle",action:"batch-activate"},{label:"Deactivate",icon:"bi bi-x-circle",action:"batch-deactivate"},{label:"Move",icon:"bi bi-arrow-right",action:"batch-move"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}onActionMakeActive(e,t){const i=this.collection.get(t.dataset.id);this.getApp().setActiveGroup(i)}}class DeviceLocationRow extends Ne{get locationText(){const e=this.model?.get("geolocation")||{};return[e.city,e.region].filter(Boolean).join(", ")||e.country_name||"—"}get countryName(){return this.model?.get("geolocation")?.country_name||""}get ispName(){const e=this.model?.get("geolocation")||{};return e.isp||e.asn_org||""}get threatFlags(){const e=this.model?.get("geolocation")||{},t=[];return e.is_vpn&&t.push('<span class="badge bg-warning text-dark" style="font-size:0.6rem;">VPN</span>'),e.is_tor&&t.push('<span class="badge bg-danger" style="font-size:0.6rem;">Tor</span>'),e.is_proxy&&t.push('<span class="badge bg-warning text-dark" style="font-size:0.6rem;">Proxy</span>'),t.join(" ")}get hasThreatFlags(){const e=this.model?.get("geolocation")||{};return!!(e.is_vpn||e.is_tor||e.is_proxy)}}class DeviceView extends i{constructor(e={}){super({className:"device-view",...e}),this.model=e.model||new h(e.data||{}),this.deviceInfo=this.model.get("device_info")||{},this.deviceIcon=this._getIcon(this.deviceInfo),this.browserFull=this._getBrowser(),this.osFull=this._getOS(),this.deviceFull=this._getDevice(),this.isMobile=this._isMobile(),this.template='\n            <style>\n                .dv-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }\n                .dv-identity { display: flex; align-items: center; gap: 1rem; }\n                .dv-icon-wrap { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; }\n                .dv-title { font-size: 1.15rem; font-weight: 600; margin: 0; line-height: 1.3; }\n                .dv-subtitle { font-size: 0.8rem; color: #6c757d; margin-top: 0.15rem; }\n                .dv-status { text-align: right; display: flex; align-items: flex-start; gap: 0.75rem; }\n                .dv-last-seen-label { font-size: 0.7rem; color: #adb5bd; text-transform: uppercase; letter-spacing: 0.04em; }\n                .dv-last-seen-value { font-size: 0.88rem; font-weight: 500; }\n                .dv-last-seen-ip { font-size: 0.75rem; color: #6c757d; margin-top: 0.1rem; }\n            </style>\n\n            <div class="dv-header">\n                <div class="dv-identity">\n                    <div class="dv-icon-wrap bg-primary bg-opacity-10 text-primary">\n                        <i class="bi {{deviceIcon}}"></i>\n                    </div>\n                    <div>\n                        <h4 class="dv-title">{{browserFull}} <span class="fw-normal text-muted">on</span> {{osFull}}</h4>\n                        <div class="dv-subtitle">\n                            {{deviceFull}}\n                            {{#model.user.display_name}}\n                                <span class="text-muted mx-1">&middot;</span>\n                                <a href="#" data-action="view-user" class="text-decoration-none">{{model.user.display_name}}</a>\n                            {{/model.user.display_name}}\n                        </div>\n                    </div>\n                </div>\n                <div class="dv-status">\n                    <div>\n                        <div class="dv-last-seen-label">Last Seen</div>\n                        <div class="dv-last-seen-value">{{model.last_seen|relative}}</div>\n                        {{#model.last_ip}}<div class="dv-last-seen-ip">{{model.last_ip}}</div>{{/model.last_ip}}\n                    </div>\n                    <div data-container="device-context-menu"></div>\n                </div>\n            </div>\n\n            <div data-container="device-sidenav" style="min-height: 300px;"></div>\n        '}_getBrowser(){const e=this.deviceInfo?.user_agent||{},t=[e.family,e.major].filter(Boolean);return t.length?t.join(" "):"Unknown Browser"}_getOS(){const e=this.deviceInfo?.os||{},t=[e.major,e.minor].filter(Boolean).join(".");return e.family?`${e.family} ${t}`.trim():"Unknown OS"}_getDevice(){const e=this.deviceInfo?.device||{},t=[e.brand,e.family].filter(Boolean),i=t.length?t.join(" "):"Unknown Device";return e.model?`${i} (${e.model})`:i}_isMobile(){const e=this.deviceInfo?.device||{},t=this.deviceInfo?.os||{};return["iPhone","Android","iPad"].some(i=>(e.family||"").includes(i)||(t.family||"").includes(i))}_getIcon(e){const t=e?.os?.family?.toLowerCase()||"",i=e?.user_agent?.family?.toLowerCase()||"",a=e?.device?.family?.toLowerCase()||"";return i.includes("chrome")?"bi-browser-chrome":i.includes("firefox")?"bi-browser-firefox":i.includes("safari")?"bi-browser-safari":i.includes("edge")?"bi-browser-edge":t.includes("mac")||t.includes("ios")?"bi-apple":t.includes("windows")?"bi-windows":t.includes("android")?"bi-android2":t.includes("linux")?"bi-ubuntu":a.includes("iphone")?"bi-phone":a.includes("ipad")?"bi-tablet":"bi-laptop"}async onInit(){const e=new i({model:this.model,template:'\n                <style>\n                    .dv-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .dv-section-label:first-child { margin-top: 0; }\n                    .dv-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .dv-field-row:last-child { border-bottom: none; }\n                    .dv-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .dv-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .dv-ua-string { font-family: ui-monospace, monospace; font-size: 0.73rem; color: #6c757d; word-break: break-all; line-height: 1.5; padding: 0.5rem 0.75rem; background: #f8f9fa; border-radius: 6px; margin-top: 0.25rem; }\n                </style>\n\n                <div class="dv-section-label">Browser</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Name</div>\n                    <div class="dv-field-value">{{model.device_info.user_agent.family|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Version</div>\n                    <div class="dv-field-value">{{model.device_info.user_agent.major|default(\'—\')}}{{#model.device_info.user_agent.minor}}.{{model.device_info.user_agent.minor}}{{/model.device_info.user_agent.minor}}{{#model.device_info.user_agent.patch}}.{{model.device_info.user_agent.patch}}{{/model.device_info.user_agent.patch}}</div>\n                </div>\n\n                <div class="dv-section-label">Operating System</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Name</div>\n                    <div class="dv-field-value">{{model.device_info.os.family|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Version</div>\n                    <div class="dv-field-value">{{model.device_info.os.major|default(\'—\')}}{{#model.device_info.os.minor}}.{{model.device_info.os.minor}}{{/model.device_info.os.minor}}{{#model.device_info.os.patch}}.{{model.device_info.os.patch}}{{/model.device_info.os.patch}}</div>\n                </div>\n\n                <div class="dv-section-label">Hardware</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Brand</div>\n                    <div class="dv-field-value">{{model.device_info.device.brand|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Family</div>\n                    <div class="dv-field-value">{{model.device_info.device.family|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Model</div>\n                    <div class="dv-field-value">{{model.device_info.device.model|default(\'—\')}}</div>\n                </div>\n\n                <div class="dv-section-label">Identification</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Device ID</div>\n                    <div class="dv-field-value" style="font-family: ui-monospace, monospace; font-size: 0.78rem;">{{model.duid|truncate_middle(32)}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Last IP</div>\n                    <div class="dv-field-value">{{model.last_ip|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">First Seen</div>\n                    <div class="dv-field-value">{{model.first_seen|epoch|datetime|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Last Seen</div>\n                    <div class="dv-field-value">{{model.last_seen|epoch|datetime|default(\'—\')}}</div>\n                </div>\n\n                {{#model.device_info.string}}\n                <div class="dv-section-label">User Agent String</div>\n                <div class="dv-ua-string">{{model.device_info.string}}</div>\n                {{/model.device_info.string}}\n            '}),a=new Ve({collection:new v({params:{user_device:this.model.get("id"),size:10}}),hideActivePillNames:["user_device"],clickAction:"view",itemClass:DeviceLocationRow,selectable:!1,columns:[{key:"ip_address",label:"Location",template:'\n                        <div style="font-size:0.85rem; font-weight:500;">\n                            <i class="bi bi-geo-alt text-muted me-1" style="font-size:0.95rem; vertical-align:middle;"></i>{{locationText}}\n                            {{#countryName}} <span class="text-muted fw-normal">&middot; {{countryName}}</span>{{/countryName}}\n                        </div>\n                        <div style="font-size:0.73rem; color:#6c757d; margin-top:0.15rem;">\n                            {{model.ip_address}}\n                            {{#ispName}} <span class="text-muted mx-1">&middot;</span> {{ispName}}{{/ispName}}\n                            {{#hasThreatFlags|bool}} <span class="ms-1">{{{threatFlags}}}</span>{{/hasThreatFlags|bool}}\n                        </div>'},{key:"first_seen",label:"First Seen",formatter:"epoch|relative",width:"110px"},{key:"last_seen",label:"Last Seen",formatter:"epoch|relative",width:"110px"}]});this.sideNavView=new SideNavView({containerId:"device-sidenav",activeSection:"details",navWidth:160,contentPadding:"1rem 1.5rem",enableResponsive:!0,minWidth:450,sections:[{key:"details",label:"Details",icon:"bi-info-circle",view:e},{key:"locations",label:"Locations",icon:"bi-geo-alt",view:a}]}),this.addChild(this.sideNavView);const s=new t({containerId:"device-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"View User",action:"view-user",icon:"bi-person"},{label:"Block Device",action:"block-device",icon:"bi-shield-slash",disabled:!0},{type:"divider"},{label:"Delete Record",action:"delete-device",icon:"bi-trash",danger:!0}]}});this.addChild(s)}async onActionViewUser(){this.emit("view-user",{userId:this.model.get("user")?.id})}async onActionDeleteDevice(){return!(await o.confirm("Are you sure you want to delete this device record?","Delete Device"))||((await this.model.destroy()).success&&this.emit("device:deleted",{model:this.model}),!0)}static async show(e){const t=await h.getByDuid(e);return t?o.showDialog({title:!1,size:"lg",body:new DeviceView({model:t}),buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]}):(o.alert({message:`Could not find device with DUID: ${e}`,type:"warning"}),null)}}h.VIEW_CLASS=DeviceView;class UserDeviceTablePage extends I{constructor(e={}){super({...e,name:"admin_user_devices",pageName:"User Devices",router:"admin/user/devices",Collection:d,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"duid",label:"Device ID",sortable:!0,formatter:"truncate_middle(16)"},{key:"user.display_name",label:"User",sortable:!0,formatter:"default('—')"},{key:"device_info.user_agent.family",label:"Browser",formatter:"default('—')"},{key:"device_info.os.family",label:"OS",formatter:"default('—')"},{key:"last_ip",label:"Last IP",sortable:!0},{key:"first_seen",label:"First Seen",formatter:"epoch|datetime"},{key:"last_seen",label:"Last Seen",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No user devices found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class UserDeviceLocationTablePage extends e{constructor(e={}){super({...e,pageName:"Device Locations",className:"device-locations-page"}),this.name=e.name||"admin_user_device_locations",this.route=e.router||"admin/user/device-locations"}async getTemplate(){return'\n            <div class="container-fluid">\n                <div class="d-flex justify-content-between align-items-center mb-3">\n                    <div>\n                        <h4 class="mb-1">Device Locations</h4>\n                        <p class="text-muted mb-0 small">Login locations across all users</p>\n                    </div>\n                </div>\n                <div data-container="tabs"></div>\n            </div>\n        '}async onInit(){const e=new LoginLocationMapView({height:400,mapStyle:"dark"}),t=new Ve({collection:new LoginEventList({params:{size:20}}),searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showExport:!0,columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"160px"},{key:"user.display_name",label:"User",sortable:!0},{key:"ip_address",label:"IP Address",sortable:!0},{key:"city",label:"City",formatter:"default('—')"},{key:"region",label:"Region",formatter:"default('—')"},{key:"country_code",label:"Country",sortable:!0},{key:"source",label:"Source",sortable:!0},{key:"is_new_country",label:"New Country",formatter:"boolean",sortable:!0,width:"110px"}]});this.tabView=new P({containerId:"tabs",tabs:{Map:e,Logins:t},activeTab:"Map"}),this.addChild(this.tabView)}}class GeoIPView extends i{constructor(e={}){super({className:"geoip-view",...e}),this.model=e.model||new D(e.data||{}),this.hasCoordinates=this.model.get("latitude")&&this.model.get("longitude"),this.template='\n            <div class="geoip-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    \x3c!-- Left Side: Icon & Info --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary">\n                            <i class="bi bi-globe-americas"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.ip_address}}</h3>\n                            <div class="text-muted small">\n                                {{model.city|default(\'Unknown Location\')}}, {{model.country_name|default(\'Unknown Location\')}}\n                            </div>\n                            <div class="text-muted small mt-1">\n                                ISP: {{model.isp|capitalize}}\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Risk Summary + Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        \x3c!-- Risk summary --\x3e\n                        <div class="text-end">\n                            <div class="d-flex align-items-baseline justify-content-end gap-2">\n                                <span class="text-muted">Risk:</span>\n                                <span class="fw-bold fs-4\n                                    {{#model.is_threat}} text-danger {{/model.is_threat}}\n                                    {{#model.is_suspicious}} text-warning {{/model.is_suspicious}}\n                                    {{^model.is_threat}}{{^model.is_suspicious}} text-success {{/model.is_suspicious}}{{/model.is_threat}}\n                                ">{{#model.threat_level}}{{model.threat_level|capitalize}}{{/model.threat_level}}{{^model.threat_level}}Unknown{{/model.threat_level}}</span>\n                            </div>\n                            <div class="mt-1 small d-flex align-items-center justify-content-end gap-2">\n                                <span class="text-muted">Score:</span>\n                                <span class="fw-semibold">{{model.risk_score|default(\'—\')}}</span>\n                            </div>\n                            <div class="mt-1 d-flex align-items-center justify-content-end gap-2">\n                                <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>\n                                <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>\n                                <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>\n                                <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>\n                                <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>\n                                <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>\n                            </div>\n                        </div>\n                        \x3c!-- Actions: context menu aligned to top (not vertically centered) --\x3e\n                        <div class="d-flex align-items-start">\n                            <div data-container="geoip-context-menu"></div>\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="geoip-tabs"></div>\n            </div>\n        '}async onInit(){this.detailsView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{name:"ip_address",label:"IP Address",cols:4},{name:"subnet",label:"Subnet",cols:4},{name:"country_name",label:"Country",cols:4},{name:"country_code",label:"Country Code",cols:4},{name:"region",label:"Region",cols:4},{name:"city",label:"City",cols:4},{name:"postal_code",label:"Postal Code",cols:4},{name:"timezone",label:"Timezone",cols:4},{name:"latitude",label:"Latitude",cols:4},{name:"longitude",label:"Longitude",cols:4}]}),this.networkView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{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:8},{name:"isp",label:"ISP",cols:12},{name:"connection_type",label:"Connection Type",cols:6}]}),this.riskView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{name:"id",label:"Record ID",cols:6},{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:"last_seen",label:"Last Seen",formatter:"datetime",cols:6},{name:"expires_at",label:"Expires",formatter:"datetime",cols:6}]});const e=new C({params:{size:5,source_ip:this.model.get("ip_address")}});this.eventsView=new Ve({collection:e,hideActivePillNames:["source_ip"],columns:[{key:"id",label:"ID",sortable:!0,width:"40px"},{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Title"}]});const i=new Me({params:{size:5,ip:this.model.get("ip_address")}});this.logsView=new Ve({collection:i,permissions:"view_logs",hideActivePillNames:["ip"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,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 a={Location:this.detailsView,Network:this.networkView,"Risk & Reputation":this.riskView,Events:this.eventsView,Logs:this.logsView,Metadata:this.metadataView};if(this.hasCoordinates){const e=this.model.get("latitude"),t=this.model.get("longitude"),i=[this.model.get("city")||"Unknown",this.model.get("region")||"",this.model.get("country_name")||""].filter(Boolean).join(", ");this.mapView=new je({markers:[{lat:e,lng:t,popup:`<strong>${this.model.get("ip_address")}</strong><br>${i}`}],tileLayer:"light",zoom:4,height:450}),a.Map=this.mapView}this.tabView=new P({containerId:"geoip-tabs",tabs:a,activeTab:this.hasCoordinates?"Map":"Location"}),this.addChild(this.tabView);const s=[{label:"Edit Location",action:"edit-location",icon:"bi-geo-alt"},{label:"Edit Security",action:"edit-security",icon:"bi-shield-lock"},{label:"Edit Network",action:"edit-network",icon:"bi-diagram-3"},{type:"divider"},{label:"Refresh Geolocation",action:"refresh-geoip",icon:"bi-arrow-clockwise"}];this.hasCoordinates&&s.push({label:"View on Map",action:"view-on-map",icon:"bi-map"}),s.push({type:"divider"},{label:"Block IP",action:"block-ip",icon:"bi-slash-circle",class:"text-danger"},{label:"Unblock IP",action:"unblock-ip",icon:"bi-unlock",class:"text-success"},{label:"Whitelist IP",action:"whitelist-ip",icon:"bi-check-circle",class:"text-primary"},{label:"Remove Whitelist",action:"unwhitelist-ip",icon:"bi-x-circle"},{label:"Refresh Threat Data",action:"threat-analysis",icon:"bi-shield-exclamation"}),s.push({type:"divider"},{label:"Delete Record",action:"delete-geoip",icon:"bi-trash",danger:!0});const n=new t({containerId:"geoip-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:s}});this.addChild(n)}async onAfterRender(){await super.onAfterRender(),window.bootstrap&&window.bootstrap.Tooltip&&this.element&&this.element.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(e=>{const t=window.bootstrap.Tooltip.getInstance(e);t&&"function"==typeof t.dispose&&t.dispose(),new window.bootstrap.Tooltip(e)})}async onActionEditLocation(){await o.showModelForm({title:`Edit Location - ${this.model.get("ip_address")}`,model:this.model,formConfig:D.EDIT_LOCATION_FORM})&&(await this.render(),this.getApp()?.toast?.success("Location updated successfully"))}async onActionEditSecurity(){await o.showModelForm({title:`Edit Security - ${this.model.get("ip_address")}`,model:this.model,formConfig:D.EDIT_SECURITY_FORM})&&(await this.render(),this.getApp()?.toast?.success("Security settings updated successfully"))}async onActionEditNetwork(){await o.showModelForm({title:`Edit Network - ${this.model.get("ip_address")}`,model:this.model,formConfig:D.EDIT_NETWORK_FORM})&&(await this.render(),this.getApp()?.toast?.success("Network information updated successfully"))}async onActionRefreshGeoip(){await this.model.save({refresh:!0}),this.getApp()?.toast?.info("Refresh request sent for "+this.model.get("ip_address"))}async onActionBlockIp(){const e=await o.showForm({title:"Block IP",icon:"bi-slash-circle",size:"sm",fields:[{name:"reason",type:"text",label:"Reason",required:!0,placeholder:"e.g., Suspicious activity"},{name:"ttl",type:"select",label:"Duration",options:[{value:3600,label:"1 hour"},{value:21600,label:"6 hours"},{value:86400,label:"24 hours"},{value:604800,label:"7 days"},{value:2592e3,label:"30 days"},{value:0,label:"Permanent"}],value:86400}]});return!e||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"block",value:{reason:e.reason,ttl:parseInt(e.ttl)}})).success?(this.getApp().toast.success("IP blocked successfully"),await this.model.fetch()):this.getApp().toast.error("Failed to block IP"),!0)}async onActionUnblockIp(){const e=await o.showForm({title:"Unblock IP",icon:"bi-unlock",size:"sm",fields:[{name:"reason",type:"text",label:"Reason",placeholder:"e.g., False positive"}]});return!e||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"unblock",value:e.reason||"Unblocked from admin"})).success?(this.getApp().toast.success("IP unblocked successfully"),await this.model.fetch()):this.getApp().toast.error("Failed to unblock IP"),!0)}async onActionWhitelistIp(){const e=await o.showForm({title:"Whitelist IP",icon:"bi-check-circle",size:"sm",fields:[{name:"reason",type:"text",label:"Reason",required:!0,placeholder:"e.g., Known office IP"}]});return!e||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"whitelist",value:e.reason})).success?(this.getApp().toast.success("IP whitelisted successfully"),await this.model.fetch()):this.getApp().toast.error("Failed to whitelist IP"),!0)}async onActionUnwhitelistIp(){return!(await o.confirm("Remove this IP from the whitelist?","Remove Whitelist"))||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"unwhitelist"})).success?(this.getApp().toast.success("IP removed from whitelist"),await this.model.fetch()):this.getApp().toast.error("Failed to remove from whitelist"),!0)}async onActionThreatAnalysis(e,t){try{t&&(t.disabled=!0),(await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"threat_analysis"})).success?(this.getApp().toast.success("Threat data refreshed"),await this.model.fetch()):this.getApp().toast.error("Failed to refresh threat data")}finally{t&&(t.disabled=!1)}return!0}async onActionViewOnMap(){if(this.hasCoordinates){const e=`https://www.google.com/maps/search/?api=1&query=${this.model.get("latitude")},${this.model.get("longitude")}`;window.open(e,"_blank")}}async onActionDeleteGeoip(){await o.confirm(`Are you sure you want to delete the GeoIP record for "${this.model.get("ip_address")}"?`,"Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("geoip:deleted",{model:this.model})}static async show(e){const t=await D.lookup(e);if(t){const e=new GeoIPView({model:t}),i=new o({header:!1,size:"lg",body:e,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]});return await i.render(!0,document.body),i.show(),i}return o.alert({message:`Could not find geolocation data for IP: ${e}`,type:"warning"}),null}}D.VIEW_CLASS=GeoIPView;class GeoLocatedIPTablePage extends I{constructor(e={}){super({...e,name:"admin_system_geoip",pageName:"GeoIP Cache",router:"admin/system/geoip",Collection:V,itemView:GeoIPView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"ip_address",label:"IP Address",sortable:!0},{key:"city",label:"City",sortable:!0,formatter:"default('—')"},{key:"region",label:"Region",sortable:!0,formatter:"default('—')"},{key:"country_name",label:"Country",sortable:!0,formatter:"default('—')"},{key:"isp",label:"ISP",sortable:!0,formatter:"default('—')"},{key:"threat_level",label:"Threat",formatter:"default('—')"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,clickAction:"view",showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:"No GeoIP records found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},tableViewOptions:{addButtonLabel:"Lookup IP",onAdd:e=>{e.preventDefault(),this.onLookup()}}})}async onLookup(){const e=await this.getApp().showForm({title:"Lookup IP",fields:[{name:"ip",type:"text",required:!0}]});if(e&&e.ip){const t=await D.lookup(e.ip);t&&this.tableView._onRowView({model:t})}}}class ApiKeyView extends i{constructor(e={}){super({className:"api-key-view",...e}),this.model=e.model||new ApiKey(e.data||{}),this.template='\n            <div class="api-key-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    \x3c!-- Left: Icon & Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary">\n                            <i class="bi bi-key"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.name|default(\'Unnamed Key\')}}</h3>\n                            <div class="text-muted small">\n                                ID: {{model.id}}\n                                <span class="mx-2">|</span>\n                                Group: {{model.group.name|default(model.group)}}\n                            </div>\n                            <div class="mt-1">\n                                <span class="badge {{model.is_active|boolean(\'bg-success\',\'bg-secondary\')}}">\n                                    {{model.is_active|boolean(\'Active\',\'Inactive\')}}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right: Meta & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="text-muted small">Created</div>\n                            <div>{{model.created|datetime}}</div>\n                        </div>\n                        <div data-container="apikey-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Details --\x3e\n                <div class="list-group mb-3">\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Token Preview</h6>\n                        <p class="mb-1 font-monospace small text-muted">\n                            The raw token is only shown once at creation time.\n                        </p>\n                    </div>\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Permissions</h6>\n                        {{#model.permissions}}\n                            <pre class="mb-0 small">{{model.permissions|json}}</pre>\n                        {{/model.permissions}}\n                        {{^model.permissions}}\n                            <span class="text-muted small">No permissions granted</span>\n                        {{/model.permissions}}\n                    </div>\n                    {{#model.limits}}\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Rate Limit Overrides</h6>\n                        <pre class="mb-0 small">{{model.limits|json}}</pre>\n                    </div>\n                    {{/model.limits}}\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Usage</h6>\n                        <p class="mb-0 small text-muted">\n                            Include in requests as:\n                            <code>Authorization: apikey &lt;token&gt;</code>\n                        </p>\n                    </div>\n                </div>\n            </div>\n        '}async onInit(){const e=this.model.get("is_active"),i=new t({containerId:"apikey-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit",action:"edit-key",icon:"bi-pencil"},e?{label:"Deactivate",action:"deactivate-key",icon:"bi-x-circle"}:{label:"Activate",action:"activate-key",icon:"bi-check-circle"},{type:"divider"},{label:"Delete Key",action:"delete-key",icon:"bi-trash",danger:!0}]}});this.addChild(i)}async onActionEditKey(){const e=this.getApp();await e.showModelForm({title:`Edit API Key — ${this.model.get("name")}`,model:this.model,formConfig:tt.edit})&&this.render()}async onActionDeactivateKey(){const e=this.getApp();if(!(await e.confirm({title:"Deactivate API Key",message:`Deactivate "${this.model.get("name")}"? Requests using this key will be rejected.`,confirmLabel:"Deactivate",confirmClass:"btn-warning"})))return;e.showLoading();const t=await this.model.save({is_active:!1});e.hideLoading(),t&&!1!==t.success?(e.toast.success("API key deactivated"),this.render()):e.toast.error("Failed to deactivate key")}async onActionActivateKey(){const e=this.getApp();e.showLoading();const t=await this.model.save({is_active:!0});e.hideLoading(),t&&!1!==t.success?(e.toast.success("API key activated"),this.render()):e.toast.error("Failed to activate key")}async onActionDeleteKey(){const e=this.getApp();if(!(await e.confirm({title:"Delete API Key",message:`Permanently delete "${this.model.get("name")}"? This cannot be undone.`,confirmLabel:"Delete",confirmClass:"btn-danger"})))return;e.showLoading();const t=await this.model.delete();e.hideLoading(),t&&!1!==t.success?(e.toast.success("API key deleted"),this.emit("deleted",{model:this.model})):e.toast.error("Failed to delete key")}}ApiKey.VIEW_CLASS=ApiKeyView,ApiKey.ADD_FORM=tt.create,ApiKey.EDIT_FORM=tt.edit;class ApiKeyTablePage extends I{constructor(e={}){super({...e,name:"admin_api_keys",pageName:"API Keys",router:"admin/api-keys",Collection:ApiKeyList,itemViewClass:ApiKeyView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Name",sortable:!0},{key:"group.name",label:"Group",sortable:!0,formatter:"default('—')"},{key:"is_active",label:"Status",formatter:"boolean('Active|bg-success','Inactive|bg-secondary')|badge",width:"100px"},{key:"created",label:"Created",formatter:"datetime",sortable:!0}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!1,addButtonLabel:"New API Key",emptyMessage:"No API keys found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionAdd(){const e=this.getApp(),t=new ApiKey,i=await e.showForm({model:t,...tt.create});if(!i)return;const a=await t.save(i);if(!a?.data?.status)return void e.showError(a?.data?.error||"Failed to create API key");const s=a.data?.data?.token;await e.showAlert({title:"API Key Created — Save Your Token",message:s?`Copy this token now. It will not be shown again.\n\n${s}`:"API key created successfully.",type:s?"warning":"success",size:"lg"}),this.collection.add(t),this.tableView?.refresh()}}class CloudWatchChart extends k{constructor(e={}){super({endpoint:"/api/aws/cloudwatch/fetch",account:e.resourceType||e.account||"ec2",category:e.category||null,slugs:e.slugs||(e.slug?[e.slug]:null),granularity:e.granularity||"hours",title:e.title||"CloudWatch",defaultDateRange:e.defaultDateRange||"24h",showDateRange:!1,...e}),this.stat=e.stat||"avg",this.resourceType=e.resourceType||e.account||"ec2"}buildApiParams(){const e=super.buildApiParams();return e.stat=this.stat,e}setStat(e){return this.stat=e,this.fetchData()}}const it=[{account:"ec2",category:"cpu",title:"EC2 CPU",unit:"%"},{account:"ec2",category:"net_out",title:"EC2 Network Out",unit:"bytes"},{account:"ec2",category:"memory",title:"EC2 Memory",unit:"%"},{account:"ec2",category:"disk",title:"EC2 Disk",unit:"%"},{account:"rds",category:"cpu",title:"RDS CPU",unit:"%"},{account:"rds",category:"conns",title:"RDS Connections",unit:""},{account:"rds",category:"read_latency",title:"RDS Read Latency",unit:"s"},{account:"rds",category:"write_latency",title:"RDS Write Latency",unit:"s"},{account:"redis",category:"cpu",title:"Redis CPU",unit:"%"},{account:"redis",category:"conns",title:"Redis Connections",unit:""},{account:"redis",category:"cache_misses",title:"Redis Cache Misses",unit:""},{account:"redis",category:"cache_hits",title:"Redis Cache Hits",unit:""}];function at(e){return"%"===e?{label:"%",beginAtZero:!0,max:100}:"bytes"===e?{label:"Bytes",beginAtZero:!0}:"s"===e?{label:"Seconds",beginAtZero:!0}:{beginAtZero:!0}}class CloudWatchDashboardPage extends e{constructor(e={}){super({...e,title:"CloudWatch Monitoring",className:"cloudwatch-dashboard-page"})}async getTemplate(){return`\n            <style>\n                .cw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n                @media (max-width: 992px) { .cw-grid { grid-template-columns: 1fr; } }\n            </style>\n            <div class="container-fluid">\n                <p class="text-muted mb-3">AWS CloudWatch resource monitoring</p>\n                <div class="cw-grid" id="cw-grid">\n                    ${it.map((e,t)=>`<div id="cw-chart-${t}"></div>`).join("")}\n                </div>\n            </div>\n        `}async onInit(){this.getApp()?.showLoading("Loading CloudWatch...");try{for(let e=0;e<it.length;e++){const t=it[e],i=new CloudWatchChart({containerId:`cw-chart-${e}`,account:t.account,category:t.category,title:t.title,height:160,yAxis:at(t.unit),responsive:!0,showGranularity:!0,showDateRange:!0,defaultDateRange:"24h",granularity:"hours"});this.addChild(i)}}finally{this.getApp()?.hideLoading()}}}class SecurityStatsBar extends i{constructor(e={}){super({...e,className:"security-stats-bar"}),this.model=new M,this.counts={ipBlocks:0,blockedDevices:0,blocksToday:0,newCountryLogins:0}}async getTemplate(){return'\n            <div class="row g-3 mb-4">\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-exclamation-triangle text-danger fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Open Incidents</div>\n                                    <div class="fw-bold fs-5">{{model.incidents.open}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-ticket-perforated text-warning fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Open Tickets</div>\n                                    <div class="fw-bold fs-5">{{model.tickets.open}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-shield-x text-danger fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">IP Blocks</div>\n                                    <div class="fw-bold fs-5">{{counts.ipBlocks}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-phone-fill text-warning fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Blocked Devices</div>\n                                    <div class="fw-bold fs-5">{{counts.blockedDevices}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-person-slash text-info fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Blocks Today</div>\n                                    <div class="fw-bold fs-5">{{counts.blocksToday}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-geo-alt-fill text-success fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">New-Country Logins</div>\n                                    <div class="fw-bold fs-5">{{counts.newCountryLogins}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        '}async onBeforeRender(){await this.fetchAll()}async fetchAll(){const e=this.getApp()?.rest,[t,...i]=await Promise.allSettled([this.model.fetch(),e.GET("/api/account/system/geoip?is_blocked=true&size=0"),e.GET("/api/account/bouncer/device?risk_tier=blocked&size=0"),e.GET("/api/account/bouncer/signal?decision=block&dr_start=today&size=0"),e.GET("/api/account/logins?is_new_country=true&dr_start=today&size=0")]),a=["ipBlocks","blockedDevices","blocksToday","newCountryLogins"];i.forEach((e,t)=>{"fulfilled"===e.status&&e.value?.data&&(this.counts[a[t]]=e.value.data.count||0)})}async refresh(){await this.fetchAll(),await this.render()}}class OverviewTab extends i{constructor(e={}){super({...e,className:"overview-tab"})}async getTemplate(){return'\n            <div class="row g-4">\n                <div class="col-xl-6 col-12" data-container="events-widget"></div>\n                <div class="col-xl-6 col-12" data-container="incidents-widget"></div>\n            </div>\n        '}async onInit(){this.eventsWidget=new A({containerId:"events-widget",icon:"bi bi-activity fs-2",title:"System Events",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#154360",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["incident_events"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:140,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-events"}),this.addChild(this.eventsWidget),this.incidentsWidget=new A({containerId:"incidents-widget",icon:"bi bi-exclamation-triangle fs-2",title:"System Incidents",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#7D6608",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["incidents"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:140,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.25)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-incidents"}),this.addChild(this.incidentsWidget)}async refresh(){await Promise.allSettled([this.eventsWidget?.refresh(),this.incidentsWidget?.refresh()])}}class ThreatsTab extends i{constructor(e={}){super({...e,className:"threats-tab"})}async getTemplate(){return'\n            <div class="row g-4">\n                <div class="col-xl-4 col-lg-6 col-12" data-container="firewall-blocks-widget"></div>\n                <div class="col-xl-4 col-lg-6 col-12" data-container="bouncer-blocks-widget"></div>\n                <div class="col-xl-4 col-lg-6 col-12" data-container="bouncer-prescreen-widget"></div>\n            </div>\n        '}async onInit(){this.firewallBlocksWidget=new A({containerId:"firewall-blocks-widget",icon:"bi bi-shield-x fs-2",title:"Firewall Blocks",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#922B21",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["firewall:blocks"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:120,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-firewall-blocks"}),this.addChild(this.firewallBlocksWidget),this.bouncerBlocksWidget=new A({containerId:"bouncer-blocks-widget",icon:"bi bi-person-slash fs-2",title:"Bouncer Blocks",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#6C3483",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["bouncer:blocks"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:120,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-bouncer-blocks"}),this.addChild(this.bouncerBlocksWidget),this.bouncerPrescreenWidget=new A({containerId:"bouncer-prescreen-widget",icon:"bi bi-funnel fs-2",title:"Pre-Screen Blocks",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#1A5276",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["bouncer:pre_screen_blocks"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:120,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-bouncer-prescreen"}),this.addChild(this.bouncerPrescreenWidget)}async refresh(){await Promise.allSettled([this.firewallBlocksWidget?.refresh(),this.bouncerBlocksWidget?.refresh(),this.bouncerPrescreenWidget?.refresh()])}}class GeographyTab extends i{constructor(e={}){super({...e,className:"geography-tab"})}async getTemplate(){return'\n            <div class="card shadow-sm mb-4">\n                <div class="card-header border-0 bg-transparent d-flex align-items-center justify-content-between">\n                    <div>\n                        <h6 class="mb-0 text-uppercase small text-muted">Global Event Hotspots</h6>\n                        <span class="text-muted small">Clusters sized by total events</span>\n                    </div>\n                    <span class="badge bg-info-subtle text-info">Interactive</span>\n                </div>\n                <div class="card-body p-0" data-container="events-country-map"></div>\n            </div>\n\n            <div class="row g-4">\n                <div class="col-lg-6">\n                    <div class="card shadow-sm h-100">\n                        <div class="card-header border-0 bg-transparent">\n                            <h6 class="mb-0 text-uppercase small text-muted">Events by Country</h6>\n                            <span class="text-muted small">Hotspots from the last 24 hours</span>\n                        </div>\n                        <div class="card-body p-3" data-container="events-by-country-chart"></div>\n                    </div>\n                </div>\n                <div class="col-lg-6">\n                    <div class="card shadow-sm h-100">\n                        <div class="card-header border-0 bg-transparent">\n                            <h6 class="mb-0 text-uppercase small text-muted">Incidents by Country</h6>\n                            <span class="text-muted small">Highest volume regions</span>\n                        </div>\n                        <div class="card-body p-3" data-container="incidents-by-country-chart"></div>\n                    </div>\n                </div>\n            </div>\n        '}async onInit(){this.eventsCountryMap=new Be({containerId:"events-country-map",category:"incident_events_by_country",account:"incident",maxCountries:20,metricLabel:"Events",height:360,mapStyle:"dark"}),this.addChild(this.eventsCountryMap),this.eventsByCountryChart=new k({title:'<i class="bi bi-globe-central-south-asia me-2"></i> Events by Country',endpoint:"/api/metrics/fetch",account:"incident",category:"incident_events_by_country",granularity:"days",chartType:"line",showDateRange:!1,showMetricsFilter:!1,height:220,maxDatasets:10,colors:["rgba(32, 201, 151, 0.85)"],yAxis:{label:"Events",beginAtZero:!0},tooltip:{y:"number:0"},containerId:"events-by-country-chart"}),this.addChild(this.eventsByCountryChart),this.incidentsByCountryChart=new k({title:'<i class="bi bi-geo-alt me-2"></i> Incidents by Country',endpoint:"/api/metrics/fetch",account:"incident",category:"incidents_by_country",granularity:"days",chartType:"line",showDateRange:!1,showMetricsFilter:!1,height:220,maxDatasets:10,colors:["rgba(255, 193, 7, 0.85)"],yAxis:{label:"Incidents",beginAtZero:!0},tooltip:{y:"number:0"},containerId:"incidents-by-country-chart"}),this.addChild(this.incidentsByCountryChart)}async refresh(){await Promise.allSettled([this.eventsCountryMap?.refresh(),this.eventsByCountryChart?.refresh(),this.incidentsByCountryChart?.refresh()])}}class LoginMapTab extends i{constructor(e={}){super({...e,className:"login-map-tab"})}async getTemplate(){return'<div data-container="login-map"></div>'}async onInit(){this.loginMap=new LoginLocationMapView({containerId:"login-map",height:480,mapStyle:"dark"}),this.addChild(this.loginMap)}onTabActivated(){this.loginMap?.onTabActivated()}async refresh(){await(this.loginMap?.refresh())}}class LoginActivityTab extends i{constructor(e={}){super({...e,className:"login-activity-tab"})}async getTemplate(){return'<div data-container="login-table"></div>'}async onInit(){this.loginTable=new Ve({containerId:"login-table",collection:new LoginEventList({params:{sort:"-created",size:20}}),searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"160px"},{key:"user.display_name",label:"User",sortable:!0},{key:"ip_address",label:"IP Address",sortable:!0},{key:"city",label:"City",formatter:"default('—')"},{key:"region",label:"Region",formatter:"default('—')"},{key:"country_code",label:"Country",sortable:!0,filter:{type:"text",label:"Country Code"}},{key:"source",label:"Source",sortable:!0,filter:{type:"select",options:[{value:"password",label:"Password"},{value:"magic",label:"Magic Link"},{value:"sms",label:"SMS"},{value:"totp",label:"TOTP"},{value:"oauth",label:"OAuth"}]}},{key:"is_new_country",label:"New Country",formatter:"boolean",sortable:!0,width:"110px",filter:{type:"select",options:[{value:"true",label:"Yes"},{value:"false",label:"No"}]}}]}),this.addChild(this.loginTable)}async refresh(){await(this.loginTable?.collection?.fetch())}}class IncidentDashboardPage extends e{constructor(e={}){super({...e,title:"Security Dashboard",className:"incident-dashboard-page"})}async getTemplate(){return'\n            <div class="container-fluid incident-dashboard">\n                <div class="d-flex justify-content-between align-items-center mb-3">\n                    <div>\n                        <p class="text-muted mb-0">Security Dashboard</p>\n                        <small class="text-info">\n                            <i class="bi bi-activity me-1"></i>\n                            Real-time visibility into incidents, threats, and enforcement\n                        </small>\n                    </div>\n                    <div class="btn-group" role="group">\n                        <button type="button"\n                                class="btn btn-outline-secondary btn-sm"\n                                data-action="refresh-all"\n                                title="Refresh dashboard">\n                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                        </button>\n                    </div>\n                </div>\n\n                <div data-container="stats-bar"></div>\n                <div data-container="tabs"></div>\n            </div>\n        '}async onInit(){this.statsBar=new SecurityStatsBar({containerId:"stats-bar"}),this.addChild(this.statsBar),this.overviewTab=new OverviewTab,this.threatsTab=new ThreatsTab,this.geographyTab=new GeographyTab,this.loginMapTab=new LoginMapTab,this.loginActivityTab=new LoginActivityTab,this.tabView=new P({containerId:"tabs",tabs:{Overview:this.overviewTab,Threats:this.threatsTab,Geography:this.geographyTab,"Login Map":this.loginMapTab,"Login Activity":this.loginActivityTab},activeTab:"Overview"}),this.addChild(this.tabView)}async onActionRefreshAll(e,t){const i=t||e?.currentTarget||null,a=i?.querySelector?.("i");a?.classList.add("bi-spin"),i&&(i.disabled=!0);const s=this.tabView.getActiveTab(),n=this.tabView.getTab(s);await Promise.allSettled([this.statsBar.refresh(),n?.refresh?.()]),a?.classList.remove("bi-spin"),i&&(i.disabled=!1)}}class StackTraceView extends i{constructor(e={}){super({className:"stack-trace-view",...e}),this.stackTrace=e.stackTrace||"",this.template="\n            <div class=\"stack-trace-container p-3\">\n                <style>\n                    .stack-trace-line {\n                        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;\n                        font-size: 13px;\n                        line-height: 1.6;\n                        padding: 4px 8px;\n                        margin: 0;\n                        border-left: 3px solid transparent;\n                    }\n                    .stack-trace-line:hover {\n                        background-color: rgba(0, 0, 0, 0.05);\n                    }\n                    .stack-trace-error {\n                        color: #dc3545;\n                        font-weight: 600;\n                        border-left-color: #dc3545;\n                        background-color: rgba(220, 53, 69, 0.05);\n                    }\n                    .stack-trace-file {\n                        color: #0d6efd;\n                        font-weight: 500;\n                        border-left-color: #0d6efd;\n                    }\n                    .stack-trace-function {\n                        color: #6610f2;\n                        font-weight: 500;\n                    }\n                    .stack-trace-location {\n                        color: #6c757d;\n                        font-size: 12px;\n                    }\n                    .stack-trace-line-number {\n                        color: #fd7e14;\n                        font-weight: 600;\n                    }\n                    .stack-trace-context {\n                        color: #495057;\n                        background-color: rgba(0, 0, 0, 0.02);\n                    }\n                    .stack-trace-container {\n                        background-color: #f8f9fa;\n                        border: 1px solid #dee2e6;\n                        border-radius: 0.375rem;\n                        max-height: 600px;\n                        overflow-y: auto;\n                    }\n                </style>\n                <div class=\"stack-trace-content\">\n                    {{{formattedStackTrace}}}\n                </div>\n            </div>\n        "}async onBeforeRender(){this.formattedStackTrace=this.formatStackTrace(this.stackTrace)}formatStackTrace(e){if(!e)return'<div class="text-muted p-3">No stack trace available</div>';const t=("string"==typeof e?e:JSON.stringify(e,null,2)).split("\n");let i="";return t.forEach((e,t)=>{if(!e.trim())return void(i+='<div class="stack-trace-line">&nbsp;</div>');if(0===t&&(e.includes("Error:")||e.includes("Exception:")))return void(i+=`<div class="stack-trace-line stack-trace-error">${this.escapeHtml(e)}</div>`);let a=e.match(/(.+?)\s*\(([^:]+):(\d+):(\d+)\)/);if(a){const[,e,t,s,n]=a;return void(i+=`<div class="stack-trace-line stack-trace-file">\n                    <span class="stack-trace-function">${this.escapeHtml(e.trim())}</span>\n                    <span class="stack-trace-location"> (${this.escapeHtml(t)}:<span class="stack-trace-line-number">${s}</span>:${n})</span>\n                </div>`)}if(a=e.match(/^\s*at\s+([^:]+):(\d+):(\d+)/),a){const[,e,t,s]=a;return void(i+=`<div class="stack-trace-line stack-trace-file">\n                    <span class="stack-trace-location">at ${this.escapeHtml(e)}:<span class="stack-trace-line-number">${t}</span>:${s}</span>\n                </div>`)}if(a=e.match(/File\s+"([^"]+)",\s+line\s+(\d+),\s+in\s+(.+)/),a){const[,e,t,s]=a;return void(i+=`<div class="stack-trace-line stack-trace-file">\n                    <span class="stack-trace-location">File "${this.escapeHtml(e)}", line <span class="stack-trace-line-number">${t}</span>, in </span>\n                    <span class="stack-trace-function">${this.escapeHtml(s)}</span>\n                </div>`)}e.trim().startsWith("at ")?i+=`<div class="stack-trace-line stack-trace-file">${this.escapeHtml(e)}</div>`:i+=`<div class="stack-trace-line stack-trace-context">${this.escapeHtml(e)}</div>`}),i}updateStackTrace(e){this.stackTrace=e,this.render()}}class IncidentHistoryAdapter{constructor(e){this.incidentId=e,this.collection=new N({params:{incident:this.incidentId,sort:"created",size:100}})}async fetch(){return await this.collection.fetch(),this.collection.models.map(e=>this.transform(e))}transform(e){return{id:e.get("id"),type:"comment"===e.get("kind")?"user_comment":"system_event",author:{name:e.get("user.display_name")||"System",avatarUrl:e.get("user.avatar.url")},timestamp:e.get("created"),content:e.get("note"),attachments:e.get("media")?[e.get("media")]:[]}}async addNote(e){const t=new E,i=await t.save({parent:this.incidentId,note:e.text,kind:"comment",media:e.files&&e.files.length>0?e.files[0].id:null});return i.success&&await this.collection.fetch(),i}}class GeoIPSummaryCard extends i{constructor(e={}){super({className:"geoip-summary-card",...e}),this.sourceIP=e.sourceIP,this.geoData=null,this.threatBadgeClass="bg-secondary",this.threatLevel="Unknown",this.template='\n            {{#geoData}}\n            <div class="card shadow-sm">\n                <div class="card-body">\n                    <div class="d-flex justify-content-between align-items-start">\n                        <div class="d-flex align-items-center gap-3">\n                            <div class="text-primary">\n                                <i class="bi bi-globe-americas fs-3"></i>\n                            </div>\n                            <div>\n                                <div class="mb-1">\n                                    <a role="button" class="fw-semibold font-monospace text-decoration-none" data-action="view-geoip">{{sourceIP}}</a>\n                                </div>\n                                <div class="text-muted small">\n                                    {{geoData.city|default(\'Unknown\')}}, {{geoData.country_name|default(\'Unknown\')}}\n                                </div>\n                                <div class="text-muted small">\n                                    ISP: {{geoData.isp|default(\'Unknown\')}}\n                                </div>\n                            </div>\n                        </div>\n                        <div class="text-end">\n                            <span class="badge {{threatBadgeClass}}">{{threatLevel}}</span>\n                            {{#geoData.risk_score}}\n                            <div class="text-muted small mt-1">Risk: {{geoData.risk_score}}</div>\n                            {{/geoData.risk_score}}\n                            <div class="d-flex gap-1 mt-1 justify-content-end">\n                                {{#geoData.is_tor|bool}}<span class="badge bg-danger-subtle text-danger" title="TOR">TOR</span>{{/geoData.is_tor|bool}}\n                                {{#geoData.is_vpn|bool}}<span class="badge bg-warning-subtle text-warning" title="VPN">VPN</span>{{/geoData.is_vpn|bool}}\n                                {{#geoData.is_proxy|bool}}<span class="badge bg-info-subtle text-info" title="Proxy">Proxy</span>{{/geoData.is_proxy|bool}}\n                                {{#geoData.is_datacenter|bool}}<span class="badge bg-secondary-subtle text-secondary" title="Datacenter">DC</span>{{/geoData.is_datacenter|bool}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {{/geoData}}\n            {{^geoData}}\n            <div class="card shadow-sm">\n                <div class="card-body text-muted text-center py-3">\n                    <i class="bi bi-globe me-2"></i>No GeoIP data available for {{sourceIP}}\n                </div>\n            </div>\n            {{/geoData}}\n        '}async onInit(){if(this.sourceIP)try{const e=await D.lookup(this.sourceIP);e&&(this.geoData=e.attributes,this.threatLevel=(this.geoData.threat_level||"unknown").toUpperCase(),this.threatBadgeClass=this._getThreatBadgeClass(this.geoData.threat_level))}catch(e){}}_getThreatBadgeClass(e){const t=(e||"").toLowerCase();return"high"===t||"critical"===t?"bg-danger":"medium"===t?"bg-warning":"low"===t?"bg-success":"bg-secondary"}async onActionViewGeoip(){await GeoIPView.show(this.sourceIP)}}class IncidentOverviewSection extends i{constructor(e={}){super({className:"incident-overview-section p-3",template:'\n                <div data-container="overview-data" class="mb-3"></div>\n                <div data-container="geoip-summary"></div>\n            ',...e})}async onInit(){this.dataView=new Oe({containerId:"overview-data",model:this.model,columns:2,fields:[{name:"id",label:"Incident ID"},{name:"status",label:"Status",format:"badge"},{name:"priority",label:"Priority"},{name:"category",label:"Category"},{name:"model_name",label:"Related Model"},{name:"model_id",label:"Related Model ID"},{name:"details",label:"Details",columns:12,format:"pre"}]}),this.addChild(this.dataView);const e=await this._resolveSourceIP();e&&(this.geoipCard=new GeoIPSummaryCard({containerId:"geoip-summary",sourceIP:e}),this.addChild(this.geoipCard))}async _resolveSourceIP(){const e=this.model.get("metadata")||{};if(e.source_ip)return e.source_ip;if(e.ip)return e.ip;if(e.ip_address)return e.ip_address;try{const e=new C({params:{incident:this.model.get("id"),size:1,sort:"-created"}});await e.fetch();const t=e.first();if(t)return t.get("source_ip")||t.get("ip_address")||null}catch(t){}return null}}class IncidentView extends i{constructor(e={}){super({className:"incident-view",...e}),this.model=e.model||new R(e.data||{}),this.incidentIcon=this.getIconForIncident(this.model.get("status")),this.template='\n            <div class="incident-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 {{incidentIcon.color}}">\n                            <i class="bi {{incidentIcon.icon}}"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">Incident #{{model.id}}</h3>\n                            <div class="text-muted small">\n                                Category: {{model.category|capitalize}}\n                            </div>\n                            <div class="text-muted small mt-1">\n                                Created: {{model.created|datetime}}\n                            </div>\n                        </div>\n                    </div>\n                    <div class="d-flex align-items-center gap-4">\n                         <div class="text-end">\n                            <div>Status: <span class="badge bg-primary">{{model.status|capitalize}}</span></div>\n                            <div class="text-muted small mt-1">Priority: {{model.priority}}</div>\n                        </div>\n                        <div data-container="incident-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- SideNav --\x3e\n                <div data-container="incident-sidenav"></div>\n            </div>\n        '}getIconForIncident(e){const t=(e||"").toLowerCase();return"resolved"===t||"closed"===t?{icon:"bi-check-circle-fill",color:"text-success"}:"open"===t||"investigating"===t?{icon:"bi-exclamation-triangle-fill",color:"text-danger"}:"paused"===t||"ignored"===t?{icon:"bi-pause-circle-fill",color:"text-warning"}:{icon:"bi-shield-exclamation",color:"text-secondary"}}async onInit(){const e=new IncidentOverviewSection({model:this.model}),a=new C({params:{incident:this.model.get("id")}}),s=new Ve({collection:a,hideActivePillNames:["incident"],columns:[{key:"id",label:"ID",width:"70px",sortable:!0},{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"180px"},{key:"source_ip",label:"Source IP",sortable:!0,width:"130px"},{key:"category",label:"Category",formatter:"badge",sortable:!0},{key:"title",label:"Title",sortable:!0},{key:"level",label:"Level",sortable:!0,width:"80px"}],showAdd:!1,actions:["view"],paginated:!0,size:10}),n=new IncidentHistoryAdapter(this.model.get("id")),l=[{key:"Overview",label:"Overview",icon:"bi-shield-exclamation",view:e},{key:"Events",label:"Events",icon:"bi-list-ul",view:s},{key:"History",label:"History",icon:"bi-chat-left-text",view:new F({adapter:n})}],o=this.model.get("metadata")||{},r=!!o.stack_trace,d=Object.keys(o).length>0;if((r||d)&&l.push({type:"divider",label:"Forensics"}),r){const e=new StackTraceView({stackTrace:o.stack_trace});l.push({key:"Stack Trace",label:"Stack Trace",icon:"bi-code-square",view:e})}if(d){const e=new i({model:this.model,template:'<pre class="bg-light p-3 border rounded"><code>{{{model.metadata|json}}}</code></pre>'});l.push({key:"Metadata",label:"Metadata",icon:"bi-braces",view:e})}this.sideNav=new SideNavView({containerId:"incident-sidenav",sections:l,activeSection:"Overview"}),this.addChild(this.sideNav);const c=new t({containerId:"incident-context-menu",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Incident",action:"edit-incident",icon:"bi-pencil"},{label:"Resolve",action:"resolve-incident",icon:"bi-check-circle"},{type:"divider"},{label:"Delete Incident",action:"delete-incident",icon:"bi-trash",danger:!0}]}});this.addChild(c)}async onActionEditIncident(){await o.showModelForm({title:`Edit Incident #${this.model.id}`,model:this.model,formConfig:L.edit})&&this.render()}async onActionResolveIncident(){await this.model.save({status:"resolved"}),this.render(),this.emit("incident:updated",{model:this.model})}async onActionDeleteIncident(){await o.confirm("Are you sure you want to delete this incident?","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("incident:deleted",{model:this.model})}}R.VIEW_CLASS=IncidentView;class IncidentTablePage extends I{constructor(e={}){super({...e,name:"admin_incidents",pageName:"Manage Incidents",router:"admin/incidents",Collection:z,formCreate:L.create,formEdit:L.edit,itemViewClass:IncidentView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-id",status:"new"},columns:[{key:"id",label:"ID",width:"60px",sortable:!0,class:"text-muted"},{key:"status",label:"Status",filter:{type:"multiselect",options:["new","open","paused","resolved","qa","ignored"]}},{key:"created",label:"Created",formatter:"epoch|datetime",filter:{type:"daterange"}},{key:"scope",label:"Scope",sortable:!0,filter:{type:"text"}},{key:"category",label:"Category",sortable:!0,filter:{type:"text"}},{key:"priority",label:"Priority",filter:{type:"text"}},{key:"title",label:"title",formatter:"truncate(100)|default('No description')"}],filters:[{key:"category__not",label:"Not Category",filter:{type:"text"}}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No incidents found. Click "Add Incident" to create your first incident.',batchBarLocation:"top",batchActions:[{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:"ignore"},{label:"Merge",icon:"bi bi-merge",action:"merge"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionBatchResolve(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to close ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"resolved"}))),this.tableView.collection.fetch())}async onActionBatchOpen(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to open ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"open"}))),this.tableView.collection.fetch())}async onActionBatchPause(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to pause ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"paused"}))),this.tableView.collection.fetch())}async onActionBatchIgnore(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to ignore ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"ignored"}))),this.tableView.collection.fetch())}async onActionBatchMerge(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp(),s=await a.showForm({title:`Merge ${i.length} incidents`,fields:[{name:"merge",type:"select",label:"Select Parent Incident",options:i.map(e=>({value:e.model.id,label:e.model.id})),required:!0}]});if(!s)return;const n=i.find(e=>e.model.id==s.merge)?.model;if(!n)return;const l=i.map(e=>e.model.id).filter(e=>e!=s.merge);await n.save({merge:l}),this.tableView.collection.fetch()}}const st={user:r,userdevice:h,userdevicelocation:g,geolocatedip:D,member:Ee,incident:R,incidentevent:$,ticket:j,job:O,log:Fe,apikey:ApiKey};class EventView extends i{constructor(e={}){super({className:"event-view",...e}),this.model=e.model||new $(e.data||{}),this.eventIcon=this.getIconForEvent(this.model.get("level")),this.template='\n            <div class="event-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 {{eventIcon.color}}">\n                            <i class="bi {{eventIcon.icon}}"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.title|default(\'System Event\')}}</h3>\n                            <div class="text-muted small">\n                                Category: {{model.category|capitalize}}\n                            </div>\n                            <div class="text-muted small mt-1">\n                                {{model.created|datetime}} from {{model.source_ip|default(\'Unknown IP\')}}\n                            </div>\n                        </div>\n                    </div>\n                    <div data-container="event-context-menu"></div>\n                </div>\n\n                \x3c!-- Body --\x3e\n                <div data-container="event-tabs"></div>\n            </div>\n        '}getIconForEvent(e){return e>=40?{icon:"bi-exclamation-octagon-fill",color:"text-danger"}:e>=30?{icon:"bi-exclamation-triangle-fill",color:"text-warning"}:e>=20?{icon:"bi-info-circle-fill",color:"text-info"}:{icon:"bi-bell-fill",color:"text-secondary"}}async onInit(){this.overviewView=new Oe({model:this.model,className:"p-3",columns:2,fields:[{name:"id",label:"Event ID"},{name:"level",label:"Level"},{name:"hostname",label:"Hostname"},{name:"incident",label:"Incident ID"},{name:"model_name",label:"Related Model"},{name:"model_id",label:"Related Model ID"},{name:"details",label:"Details",columns:12}]});const e={Overview:this.overviewView},a=this.model.get("metadata")||{};a.stack_trace&&(this.stackTraceView=new StackTraceView({stackTrace:a.stack_trace}),e["Stack Trace"]=this.stackTraceView),Object.keys(a).length>0&&(this.metadataView=new i({model:this.model,template:'<pre class="bg-light p-3 border rounded"><code>{{{model.metadata|json}}}</code></pre>'}),e.Metadata=this.metadataView),this.tabView=new P({containerId:"event-tabs",tabs:e,activeTab:"Overview"}),this.addChild(this.tabView);const s=[{label:"View Incident",action:"view-incident",icon:"bi-shield-exclamation",disabled:!this.model.get("incident")},{label:"View Related Model",action:"view-model",icon:"bi-box-arrow-up-right",disabled:!this.model.get("model_id")},{type:"divider"},{label:"Delete Event",action:"delete-event",icon:"bi-trash",danger:!0}],n=new t({containerId:"event-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:s}});this.addChild(n)}async onActionViewIncident(){const e=this.model.get("incident")||this.model.get("incident_id");if(!e)return this.getApp()?.toast?.warning("No incident linked to this event"),!0;const t=new R({id:e}),i=new IncidentView({model:t});await o.showDialog({title:"Incident Details",body:i,size:"xl",scrollable:!0,header:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]})}async onActionViewModel(){const e=this.model.get("model_name")||this.model.get("model_class"),t=this.model.get("model_id")||this.model.get("object_id");if(!e||!t)return this.getApp()?.toast?.warning("No related model linked to this event"),!0;const i=e.toLowerCase().replace(/[^a-z]/g,""),a=st[i];return a?a.VIEW_CLASS?void(await $e.showModelById(a,t)):(this.getApp()?.toast?.warning(`No detail view available for ${e}`),!0):(this.getApp()?.toast?.warning(`Unknown model type: ${e}`),!0)}async onActionDeleteEvent(){await o.confirm("Are you sure you want to delete this event? This action cannot be undone.","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("event:deleted",{model:this.model})}}$.VIEW_CLASS=EventView;class EventTablePage extends I{constructor(e={}){super({...e,name:"admin_events",pageName:"System Events",router:"admin/events",Collection:C,formEdit:B.edit,itemViewClass:EventView,viewDialogOptions:{header:!1,size:"lg"},defaultQuery:{sort:"-id",category__not:"ossec"},columns:[{key:"created",label:"Timestamp",sortable:!0,formatter:"datetime",filter:{type:"daterange"}},{key:"level",label:"Level",sortable:!0,formatter:"badge",filter:{type:"select",options:[{value:"5",label:"Critical"},{value:"4",label:"Warning"},{value:"3",label:"Info"},{value:"2",label:"Debug"},{value:"1",label:"Trace"}]}},{key:"scope",label:"Scope",sortable:!0,formatter:"badge",filter:{type:"combobox",options:[{value:"account",label:"Account"},{value:"incident",label:"Incident"},{value:"ossec",label:"OSSEC"},{value:"fileman",label:"File Manager"},{value:"metrics",label:"Metrics"},{value:"jobs",label:"Jobs"},{value:"aws",label:"AWS"}]}},{key:"category",label:"Category",sortable:!0,formatter:"badge",filter:{type:"combobox",options:[{value:"rest_error",label:"Rest Error"},{value:"api_error",label:"API Error"},{value:"auth",label:"Auth"},{value:"database",label:"Database"}]}},{key:"title",label:"Title",sortable:!0,formatter:"truncate(50)"},{key:"source_ip",label:"Source IP",sortable:!0,filter:{type:"text"}},{key:"metadata.server",label:"Server",sortable:!0,filter:{type:"text"}}],filters:[{key:"category__not",label:"Not Category",filter:{type:"text"}},{key:"metadata__http_url__icontains",label:"URL Contains",filter:{type:"text"}},{key:"metadata__http_path__icontains",label:"Path Contains",filter:{type:"text"}},{key:"metadata__http_query_string__icontains",label:"Query String Contains",filter:{type:"text"}},{key:"metadata__rule_id",label:"Rule ID",filter:{type:"text"}},{key:"metadata__country_code",label:"Country",filter:{type:"text"}},{key:"metadata__region",label:"Region",filter:{type:"text"}},{key:"metadata__city__icontains",label:"City",filter:{type:"text"}},{key:"metadata__http_status",label:"HTTP Status",filter:{type:"text"}},{key:"model_name",label:"Model Name",filter:{type:"text"}},{key:"model_id",label:"Model ID",filter:{type:"text"}},{key:"metadata__user_email",label:"User Email",filter:{type:"text"}},{key:"metadata__http_user_agent__icontains",label:"User Agent Contains",filter:{type:"text"}}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No events found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class TicketNoteAdapter{constructor(e){this.ticketId=e,this.collection=new U({params:{parent:this.ticketId,sort:"created",size:100}})}async fetch(){return await this.collection.fetch(),this.collection.models.map(e=>this.transform(e))}transform(e){return{id:e.get("id"),type:"user_comment",author:{id:e.get("user.id"),name:e.get("user.display_name")||"System",avatarUrl:e.get("user.avatar.url")},timestamp:e.get("created"),content:e.get("note"),attachments:e.get("media")?[e.get("media")]:[]}}async addNote(e){const t=new q,i=await t.save({parent:this.ticketId,note:e.text,media:e.files&&e.files.length>0?e.files[0].id:null});return i.success&&await this.collection.fetch(),i}}class TicketView extends i{constructor(e={}){super({className:"ticket-view",...e}),this.model=e.model||new j(e.data||{}),this.template='\n            <div class="ticket-view-container d-flex flex-column h-100">\n                \x3c!-- Ticket Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-3 flex-shrink-0">\n                    \x3c!-- Left Side: Primary Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">\n                            <i class="bi bi-ticket-perforated text-secondary" style="font-size: 40px;"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.title|truncate(50)|default(\'Untitled Ticket\')}}</h3>\n                            <div class="text-muted small">\n                                <span>Ticket #{{model.id}}</span>\n                                <span class="mx-2">|</span>\n                                <span>Priority: {{model.priority|capitalize}}</span>\n                                {{#model.assignee}}\n                                    <span class="mx-2">|</span>\n                                    <span>Assigned to: {{model.assignee.display_name}}</span>\n                                {{/model.assignee}}\n                            </div>\n                            {{#model.incident}}\n                                <div class="text-muted small mt-1">\n                                    <i class="bi bi-exclamation-triangle"></i> Related to incident: {{model.incident}}\n                                </div>\n                            {{/model.incident}}\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Status & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="d-flex align-items-center gap-2">\n                                <span class="badge {{model.status|badgeClass}}">{{model.status|capitalize}}</span>\n                            </div>\n                            {{#model.created}}\n                                <div class="text-muted small mt-1">Created {{model.created|relative}}</div>\n                            {{/model.created}}\n                            {{#model.modified}}\n                                <div class="text-muted small">Updated {{model.modified|relative}}</div>\n                            {{/model.modified}}\n                        </div>\n                        <div data-container="ticket-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Chat View (Full height) --\x3e\n                <div class="flex-grow-1" style="min-height: 0;" data-container="chat-view"></div>\n            </div>\n        '}async onInit(){const e=new TicketNoteAdapter(this.model.get("id"));this.chatView=new F({containerId:"chat-view",adapter:e,theme:"compact",currentUserId:this.getCurrentUserId(),inputPlaceholder:"Add a note...",inputButtonText:"Add Note"}),this.addChild(this.chatView);const i=new t({containerId:"ticket-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Ticket",action:"edit-ticket",icon:"bi-pencil"},{label:"Change Status",action:"change-status",icon:"bi-tag"},{label:"Set Priority",action:"set-priority",icon:"bi-flag"},{label:"Assign User",action:"assign-user",icon:"bi-person"},{type:"divider"},{label:"Close Ticket",action:"close-ticket",icon:"bi-x-circle"}]}});this.addChild(i)}getCurrentUserId(){const e=window.app?.state?.user;return e?.id||null}async onActionEditTicket(){await o.showModelForm({title:`Edit Ticket #${this.model.get("id")} - ${this.model.get("title")}`,model:this.model,size:"lg",fields:G.edit.fields})&&this.render()}async onActionChangeStatus(){const e=this.model.get("status"),t=await o.showForm({title:"Change Ticket Status",size:"sm",fields:[{name:"status",label:"New Status",type:"select",options:["new","open","in_progress","pending","resolved","closed","ignored"].map(e=>({value:e,label:e.replace("_"," ").toUpperCase()})),value:e,required:!0}]});if(t)try{await this.model.save({status:t.status}),this.render()}catch(i){o.alert({type:"error",title:"Error",message:"Failed to update ticket status: "+i.message})}}async onActionSetPriority(){const e=this.model.get("priority"),t=await o.showForm({title:"Set Ticket Priority",size:"sm",fields:[{name:"priority",label:"Priority Level",type:"select",options:["low","normal","high","urgent"].map(e=>({value:e,label:e.toUpperCase()})),value:e,required:!0}]});if(t)try{await this.model.save({priority:t.priority}),this.render()}catch(i){o.alert({type:"error",title:"Error",message:"Failed to update ticket priority: "+i.message})}}async onActionAssignUser(){const e=await o.showForm({title:"Assign User",icon:"bi-person-plus",size:"sm",fields:[{name:"assignee",type:"collection",label:"User",Collection:m,labelField:"display_name",valueField:"id",required:!0,cols:12,value:this.model.get("assignee")}]});if(!e)return!0;try{await this.model.save({assignee:e.assignee}),this.getApp()?.toast?.success("Ticket assigned successfully"),this.render()}catch(t){this.getApp()?.toast?.error("Failed to assign ticket: "+t.message)}return!0}async onActionCloseTicket(){if(await o.confirm({title:"Close Ticket",message:`Are you sure you want to close ticket #${this.model.get("id")}?`,confirmText:"Close Ticket",confirmClass:"btn-warning"}))try{await this.model.save({status:"closed"}),this.render(),o.alert({type:"success",title:"Success",message:"Ticket has been closed successfully."})}catch(e){o.alert({type:"error",title:"Error",message:"Failed to close ticket: "+e.message})}}}j.VIEW_CLASS=TicketView;class TicketTablePage extends I{constructor(e={}){super({name:"admin_tickets",pageName:"Tickets",router:"admin/tickets",Collection:H,formCreate:G.create,formEdit:G.edit,itemViewClass:TicketView,viewDialogOptions:{header:!1},defaultQuery:{sort:"-priority",status:"open"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"title",label:"Title",sortable:!0},{key:"status",label:"Status",sortable:!0,editable:!0,editableOptions:{type:"select",options:["new","open","paused","resolved","qa","ignored"]},filter:{type:"multiselect",placeHolder:"Select Status",options:["new","open","paused","resolved","qa","ignored"]}},{key:"priority",label:"Priority",sortable:!0},{key:"category",label:"Category",sortable:!0,editable:!0,editableOptions:{type:"select",options:[...Object.keys(W)]},filter:{type:"multiselect",placeHolder:"Select Category",options:[...Object.keys(W)]}},{key:"assignee.display_name",label:"Assignee",sortable:!0,formatter:"default('Unassigned')"},{key:"incident.id",label:"Incident ID",sortable:!0},{key:"created",label:"Created",sortable:!0,formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:"No tickets found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},...e})}}const nt=[{value:"block",label:"Block IP",icon:"bi-slash-circle",description:"Block the source IP address for a specified duration",fields:[{name:"ttl",type:"select",label:"Duration",options:[{value:"3600",label:"1 hour"},{value:"21600",label:"6 hours"},{value:"86400",label:"24 hours"},{value:"604800",label:"7 days"},{value:"2592000",label:"30 days"},{value:"0",label:"Permanent"}],default:"86400"}],build:e=>`block://?ttl=${e.ttl||86400}`,preview:e=>`Block source IP for ${{3600:"1 hour",21600:"6 hours",86400:"24 hours",604800:"7 days",2592e3:"30 days",0:"permanently"}[e.ttl]||e.ttl+"s"}`},{value:"email",label:"Email",icon:"bi-envelope",description:"Send an email notification to users with a permission",fields:[{name:"target",type:"text",label:"Target (perm@permission or key@name)",default:"perm@manage_security"}],build:e=>`email://${e.target||"perm@manage_security"}`,preview:e=>`Email notification to ${e.target||"perm@manage_security"}`},{value:"sms",label:"SMS",icon:"bi-chat-dots",description:"Send an SMS notification to users with a permission",fields:[{name:"target",type:"text",label:"Target (perm@permission)",default:"perm@manage_security"}],build:e=>`sms://${e.target||"perm@manage_security"}`,preview:e=>`SMS notification to ${e.target||"perm@manage_security"}`},{value:"notify",label:"Push Notification",icon:"bi-bell",description:"Send a push notification to users with a permission",fields:[{name:"target",type:"text",label:"Target (perm@permission)",default:"perm@manage_security"}],build:e=>`notify://${e.target||"perm@manage_security"}`,preview:e=>`Push notification to ${e.target||"perm@manage_security"}`},{value:"ticket",label:"Create Ticket",icon:"bi-ticket-detailed",description:"Automatically create a support ticket",fields:[{name:"priority",type:"select",label:"Priority",options:[{value:"1",label:"1 - Low"},{value:"3",label:"3 - Normal"},{value:"5",label:"5 - Medium"},{value:"8",label:"8 - High"},{value:"10",label:"10 - Critical"}],default:"5"}],build:e=>`ticket://?priority=${e.priority||5}`,preview:e=>`Create ticket with ${{1:"Low",3:"Normal",5:"Medium",8:"High",10:"Critical"}[e.priority]||"priority "+e.priority} priority`},{value:"job",label:"Run Job",icon:"bi-gear-wide-connected",description:"Run an async job (Python module path)",fields:[{name:"func",type:"text",label:"Module Path",placeholder:"myapp.security.handlers.on_incident"}],build:e=>`job://${e.func||""}`,preview:e=>`Run job: ${e.func||"(no function specified)"}`},{value:"llm",label:"LLM Triage",icon:"bi-stars",description:"Use LLM to analyze and triage the incident",fields:[],build:()=>"llm://",preview:()=>"LLM-powered incident triage and analysis"}];class HandlerBuilderView extends i{constructor(e={}){super({className:"handler-builder-view",...e}),this.handlerString=e.value||"",this._parseExisting(),this.template=`\n            <style>\n                .hb-container { border: 1px solid #dee2e6; border-radius: 8px; padding: 1rem; background: #f8f9fa; }\n                .hb-type-select { margin-bottom: 0.75rem; }\n                .hb-fields { margin-bottom: 0.75rem; }\n                .hb-preview { padding: 0.5rem 0.75rem; background: #e9ecef; border-radius: 6px; font-size: 0.85rem; }\n                .hb-preview code { font-size: 0.8rem; }\n                .hb-preview .hb-desc { color: #495057; margin-bottom: 0.25rem; }\n                .hb-preview .hb-raw { color: #6c757d; font-family: ui-monospace, monospace; }\n            </style>\n            <div class="hb-container">\n                <div class="hb-type-select">\n                    <label class="form-label fw-semibold small">Handler Type</label>\n                    <select class="form-select form-select-sm" data-action="change-type" id="hb-type-select">\n                        <option value="">— Select handler type —</option>\n                        ${nt.map(e=>`<option value="${e.value}">${e.label}</option>`).join("")}\n                    </select>\n                </div>\n                <div id="hb-fields" class="hb-fields"></div>\n                <div id="hb-preview" class="hb-preview" style="display:none;"></div>\n            </div>\n        `}_parseExisting(){if(!this.handlerString)return this.selectedType=null,void(this.fieldValues={});const e=this.handlerString.match(/^(\w+):\/\/(.*)$/);if(!e)return this.selectedType=null,void(this.fieldValues={});const[,t,i]=e;this.selectedType=t,this.fieldValues={};const a=nt.find(e=>e.value===t);if(a)if(i.startsWith("?")){const e=new URLSearchParams(i);for(const t of a.fields){const i=e.get(t.name);null!==i&&(this.fieldValues[t.name]=i)}}else 1===a.fields.length&&(this.fieldValues[a.fields[0].name]=i)}onAfterRender(){const e=this.element?.querySelector("#hb-type-select");e&&this.selectedType&&(e.value=this.selectedType,this._renderFields(),this._updatePreview())}onActionChangeType(e){const t=e.target;this.selectedType=t.value||null,this.fieldValues={};const i=nt.find(e=>e.value===this.selectedType);if(i)for(const a of i.fields)void 0!==a.default&&(this.fieldValues[a.name]=a.default);return this._renderFields(),this._updatePreview(),this._emitChange(),!0}_renderFields(){const e=this.element?.querySelector("#hb-fields");if(!e)return;const t=nt.find(e=>e.value===this.selectedType);t&&t.fields.length?e.innerHTML=t.fields.map(e=>{const t=this.fieldValues[e.name]||e.default||"";if("select"===e.type){const i=e.options.map(e=>`<option value="${e.value}" ${e.value===String(t)?"selected":""}>${e.label}</option>`).join("");return`\n                    <div class="mb-2">\n                        <label class="form-label small">${e.label}</label>\n                        <select class="form-select form-select-sm" data-field="${e.name}" data-action="field-change">${i}</select>\n                    </div>`}return`\n                <div class="mb-2">\n                    <label class="form-label small">${e.label}</label>\n                    <input type="text" class="form-control form-control-sm" data-field="${e.name}" data-action="field-change"\n                           value="${t}" placeholder="${e.placeholder||""}">\n                </div>`}).join(""):e.innerHTML=""}onActionFieldChange(e){const t=e.target,i=t.dataset.field;return i&&(this.fieldValues[i]=t.value,this._updatePreview(),this._emitChange()),!0}_updatePreview(){const e=this.element?.querySelector("#hb-preview");if(!e)return;const t=nt.find(e=>e.value===this.selectedType);if(!t)return void(e.style.display="none");const i=t.build(this.fieldValues),a=t.preview(this.fieldValues);e.style.display="block",e.innerHTML=`\n            <div class="hb-desc"><i class="bi ${t.icon} me-1"></i>${a}</div>\n            <div class="hb-raw"><code>${i}</code></div>\n        `}_emitChange(){const e=this.getValue();this.emit("change",e)}getValue(){const e=nt.find(e=>e.value===this.selectedType);return e?e.build(this.fieldValues):""}setValue(e){if(this.handlerString=e||"",this._parseExisting(),this.isMounted()){const e=this.element?.querySelector("#hb-type-select");e&&(e.value=this.selectedType||""),this._renderFields(),this._updatePreview()}}}class RuleSetView extends i{constructor(e={}){super({className:"ruleset-view",...e}),this.model=e.model||new J(e.data||{}),this.template='\n            <div class="ruleset-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary"><i class="bi bi-gear-wide-connected"></i></div>\n                        <div>\n                            <h3 class="mb-1">{{model.name}}</h3>\n                            <div class="text-muted small">Scope: {{model.category}} | Priority: {{model.priority}}</div>\n                        </div>\n                    </div>\n                    <div data-container="ruleset-context-menu"></div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="ruleset-tabs"></div>\n            </div>\n        '}async onInit(){const e=this.model.get("match_by"),i=K.find(t=>t.value===e),a=i?i.label:String(e),s=this.model.get("bundle_by"),n=Y.find(e=>e.value===s),l=n?n.label:String(s);this.configView=new Oe({model:this.model,className:"p-3",columns:2,fields:[{name:"name",label:"Name",cols:4},{name:"category",label:"Scope",formatter:"badge",cols:4},{name:"is_active",label:"Is Active",formatter:"yesno_icon",cols:4},{name:"priority",label:"Priority",cols:4},{name:"id",label:"RuleSet ID",cols:4},{name:"match_by",label:"Match Logic",template:a,cols:4},{name:"bundle_by",label:"Bundle By",template:l,cols:4},{name:"bundle_minutes",label:"Bundle Minutes",cols:4},{name:"bundle_by_rule_set",label:"Bundle By Rule Set",formatter:"yesno_icon",cols:4},{name:"handler",label:"Handler",cols:12}]});const o=new Q({params:{parent:this.model.get("id")}});this.rulesView=new Ve({collection:o,hideActivePillNames:["parent"],columns:[{key:"id",label:"ID",width:"70px"},{key:"name",label:"Name"},{key:"field_name",label:"Field"},{key:"comparator",label:"Comparator",width:"120px"},{key:"value",label:"Value"},{key:"value_type",label:"Type",width:"100px"}],showAdd:!0,clickAction:"edit",actions:["edit","delete"],contextMenu:[{label:"Edit Rule",action:"edit",icon:"bi-pencil"},{label:"Duplicate Rule",action:"duplicate",icon:"bi-files"},{divider:!0},{label:"Delete Rule",action:"delete",icon:"bi-trash",danger:!0}],addFormDefaults:{parent:this.model.get("id")}}),this.tabView=new P({containerId:"ruleset-tabs",tabs:{Configuration:this.configView,Rules:this.rulesView},activeTab:"Configuration"}),this.addChild(this.tabView);const r=new t({containerId:"ruleset-context-menu",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit RuleSet",action:"edit-ruleset",icon:"bi-pencil"},{label:"Edit Handler",action:"edit-handler",icon:"bi-tools"},{label:"Disable",action:"disable-ruleset",icon:"bi-toggle-off"},{type:"divider"},{label:"Delete RuleSet",action:"delete-ruleset",icon:"bi-trash",danger:!0}]}});this.addChild(r)}async onActionEditHandler(){const e=new HandlerBuilderView({value:this.model.get("handler")||""});if("save"===await o.showDialog({title:"Configure Handler",body:e,size:"md",scrollable:!0,buttons:[{text:"Cancel",class:"btn-secondary",dismiss:!0},{text:"Save",class:"btn-primary",action:"save"}]})){const t=e.getValue();t&&(200===(await this.model.save({handler:t})).status?(this.getApp()?.toast?.success("Handler updated"),await this.render()):this.getApp()?.toast?.error("Failed to update handler"))}}async onActionEditRuleset(){await o.showModelForm({title:`Edit RuleSet - ${this.model.get("name")}`,model:this.model,formConfig:J.EDIT_FORM})&&await this.render()}async onActionDisableRuleset(){const e=!this.model.get("is_active");try{this.model.set("is_active",e),await this.model.save(),await this.render(),o.showToast({message:`RuleSet ${e?"enabled":"disabled"} successfully`,type:"success"})}catch(t){o.showToast({message:`Failed to update RuleSet: ${t.message}`,type:"error"})}}async onActionDeleteRuleset(){if(await o.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"}))try{await this.model.destroy(),o.showToast({message:"RuleSet deleted successfully",type:"success"});const e=this.element?.closest(".modal");if(e){const t=bootstrap.Modal.getInstance(e);t&&t.hide()}this.emit("ruleset:deleted",{model:this.model})}catch(e){o.showToast({message:`Failed to delete RuleSet: ${e.message}`,type:"error"})}}}RuleSetView.VIEW_CLASS=RuleSetView;class RuleSetTablePage extends I{constructor(e={}){super({...e,name:"admin_rulesets",pageName:"Rule Engine",router:"admin/rulesets",Collection:Z,itemView:RuleSetView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Name",sortable:!0},{key:"category",label:"Scope",sortable:!0,formatter:"badge"},{key:"priority",label:"Priority",sortable:!0},{key:"match_by",label:"Match Logic",formatter:e=>0===e?"ALL":"ANY"}],selectable:!0,searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No rule sets found.",emptyIcon:"bi-gear",actions:["view","edit","delete"]}})}}class EmailDomainTablePage extends I{constructor(e={}){super({...e,name:"admin_email_domains",pageName:"Email Domains",router:"admin/email/domains",Collection:ee,formCreate:X.create,formEdit:X.edit,columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Domain",sortable:!0},{key:"region",label:"Region",sortable:!0,formatter:"default('—')"},{key:"receiving_enabled",label:"Receiving",formatter:"boolean|badge"},{key:"can_send",label:"Send Verified",formatter:"boolean|badge"},{key:"can_recv",label:"Recv Verified",formatter:"boolean|badge"},{key:"created",label:"Created",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No domains found. Click "Add Domain" to get started.',contextMenu:[{icon:"bi-shield-check",action:"edit-aws-creds",label:"Edit AWS Credentials"},{icon:"bi-rocket-takeoff",action:"onboard",label:"Onboard"},{icon:"bi-shield-check",action:"audit",label:"Audit"},{icon:"bi-arrow-repeat",action:"reconcile",label:"Reconcile"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionEditAwsCreds(e,t){const i=this.collection.get(t.dataset.id);return await o.showModelForm({model:i,formConfig:X.credentials}),!0}async onActionOnboard(e,t){const i=this.collection.get(t.dataset.id),a=new te({id:i.id}),s=await o.showForm(X.onboard);if(s)try{const e=await a.onboard(s);if(!e.success)throw new Error(e.message||"Network error during onboarding");if(!e.data?.status)throw new Error(e.data?.error||"Onboarding failed");this.getApp()?.toast?.success("Domain onboarding completed successfully"),await this.refresh()}catch(n){console.error("Onboard error:",n),this.showError(n.message||"Failed to onboard domain")}}async onActionAudit(e,t){const a=this.collection.get(t.dataset.id),s=new te({id:a.id});try{const e=await s.audit();if(!e.success)throw new Error(e.message||"Network error during audit");if(!e.data?.status)throw new Error(e.data?.error||"Audit failed");const t=e.data?.data||{};await o.showDialog({title:`Audit Report - ${a.name}`,body:new i({template:'\n            <div>\n              <p class="text-muted">Drift report and status:</p>\n              <pre class="bg-light p-3 rounded small"><code>{{{data.result|json}}}</code></pre>\n            </div>\n          ',data:{result:t}}),size:"lg"})}catch(n){console.error("Audit error:",n),this.showError(n.message||"Failed to audit domain")}}async onActionReconcile(e,t){const i=this.collection.get(t.dataset.id),a=new te({id:i.id});try{const e=await a.reconcile();if(!e.success)throw new Error(e.message||"Network error during reconcile");if(!e.data?.status)throw new Error(e.data?.error||"Reconcile failed");this.getApp()?.toast?.success("Reconcile completed successfully"),await this.refresh()}catch(s){console.error("Reconcile error:",s),this.showError(s.message||"Failed to reconcile domain")}}}class EmailMailboxTablePage extends I{constructor(e={}){super({...e,name:"admin_email_mailboxes",pageName:"Mailboxes",router:"admin/email/mailboxes",Collection:ae,formCreate:ie.create,formEdit:ie.edit,clickAction:"edit",columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"email",label:"Email",sortable:!0},{key:"domain.name",label:"Domain",sortable:!0,formatter:"default('—')"},{key:"allow_inbound",label:"Inbound",formatter:"boolean|badge"},{key:"allow_outbound",label:"Outbound",formatter:"boolean|badge"},{key:"is_system_default",label:"System Default",formatter:"boolean|badge"},{key:"is_domain_default",label:"Domain Default",formatter:"boolean|badge"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No mailboxes found. Click "Add Mailbox" to create one.',contextMenu:[{icon:"bi-envelope",action:"send-email",label:"Send Email"},{icon:"bi-envelope",action:"send-template-email",label:"Send Template Email"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionSendEmail(e,t){const i=this.collection.get(t.dataset.id),a=await o.showForm({title:"Send Email",fields:[{name:"to",label:"To",type:"email",required:!0},{name:"subject",label:"Subject",type:"text",required:!0},{name:"body_html",label:"Body",type:"textarea",required:!0}]});a.from_email=i.get("email");const s=await se.sendEmail(a);if(s.success)this.getApp().toast.success("Email sent successfully");else{let e="Failed to send email";s.data.details?e=s.data.details:s.data.error&&(e=s.data.error),this.getApp().toast.error(e)}}async onActionSendTemplateEmail(e,t){const i=this.collection.get(t.dataset.id),a=await o.showForm({title:"Send Email",fields:[{name:"to",label:"To",type:"email",required:!0},{name:"subject",label:"Subject",type:"text",required:!0},{name:"template_name",label:"Template",type:"text",required:!0},{name:"template_context",label:"Context",type:"textarea",required:!0}]});a.from_email=i.get("email");const s=await se.sendEmail(a);if(s.success)this.getApp().toast.success("Email sent successfully");else{let e="Failed to send email";s.data.details?e=s.data.details:s.data.error&&(e=s.data.error),this.getApp().toast.error(e)}}}class EmailHtmlPreviewView extends i{constructor(e={}){super({className:"email-html-preview",template:'\n                <div class="email-html-preview-container">\n                    <div class="d-flex justify-content-between align-items-center mb-2">\n                        <small class="text-muted">HTML Preview (sandboxed)</small>\n                        <button type="button" class="btn btn-sm btn-outline-secondary" data-action="refresh-preview">\n                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                        </button>\n                    </div>\n                    <iframe\n                        id="email-preview-frame"\n                        class="border rounded w-100"\n                        style="height: 500px; background: white;"\n                        sandbox="allow-same-origin"\n                        frameborder="0"\n                    ></iframe>\n                </div>\n            ',...e})}async onAfterRender(){await super.onAfterRender(),this.renderHtmlInIframe()}renderHtmlInIframe(){const e=this.element.querySelector("#email-preview-frame");if(!e)return;const t=this.model.get("html_template")||"",i=e.contentDocument||e.contentWindow.document;i.open(),i.write(t),i.close()}async onActionRefreshPreview(e,t){this.renderHtmlInIframe()}}class EmailTemplateView extends i{constructor(e={}){super({className:"email-template-view",...e}),this.model=e.model||new ne(e.data||{}),this.hasHtml=!!this.model.get("html_template"),this.hasText=!!this.model.get("text_template"),this.hasMetadata=this.model.get("metadata")&&Object.keys(this.model.get("metadata")).length>0,this.template='\n            <div class="email-template-view-container p-3">\n                \x3c!-- Header --\x3e\n                <div class="template-header border-bottom pb-3 mb-3">\n                    <h4 class="mb-1">{{model.name}}</h4>\n                    <div class="text-muted">\n                        <strong>Subject:</strong> {{model.subject_template|default(\'Not set\')}}\n                    </div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="template-tabs"></div>\n            </div>\n        '}async onInit(){const e={};this.hasHtml&&(e["HTML Preview"]=new EmailHtmlPreviewView({model:this.model})),this.hasText&&(e["Text Version"]=new i({model:this.model,template:'<pre class="email-text-content p-3 bg-light border rounded" style="white-space: pre-wrap; word-wrap: break-word;">{{model.text_template}}</pre>'})),this.hasMetadata&&(e.Metadata=new i({model:this.model,template:'<pre class="email-metadata-content p-3 bg-light border rounded"><code>{{model.metadata|json}}</code></pre>'})),this.tabView=new P({containerId:"template-tabs",tabs:e,activeTab:Object.keys(e)[0]||""}),this.addChild(this.tabView)}}class EmailTemplateTablePage extends I{constructor(e={}){super({...e,name:"admin_email_templates",pageName:"Email Templates",router:"admin/email/templates",Collection:oe,formCreate:le.create,formEdit:le.edit,itemViewClass:EmailTemplateView,clickAction:"edit",viewDialogOptions:{header:!1,size:"xl",scrollable:!0},formDialogConfig:{size:"fullscreen"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Name",sortable:!0},{key:"created",label:"Created",formatter:"datetime"},{key:"modified",label:"Modified",formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No email templates found. Click "Add Template" to create your first one.',tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class EmailView extends i{constructor(e={}){super({className:"email-view",...e}),this.model=e.model||new re(e.data||{}),this.hasHtml=!!this.model.get("body_html"),this.hasText=!!this.model.get("body_text"),this.hasContext=this.model.get("template_context")&&Object.keys(this.model.get("template_context")).length>0,this.template='\n            <div class="email-view-container p-3">\n                \x3c!-- Email Header --\x3e\n                <div class="email-header border-bottom pb-3 mb-3">\n                    <h4 class="mb-2">{{model.subject}}</h4>\n                    <div class="d-flex justify-content-between align-items-center">\n                        <div class="d-flex align-items-center">\n                            <div class="flex-shrink-0">\n                                <i class="bi bi-person-circle fs-2 text-secondary"></i>\n                            </div>\n                            <div class="ms-3">\n                                <div class="fw-bold">{{model.mailbox.email}}</div>\n                                <div class="text-muted small">To: {{model.to_addresses|list}}</div>\n                            </div>\n                        </div>\n                        <div class="text-end">\n                            <div class="text-muted small">{{model.created|datetime}}</div>\n                            <span class="badge {{model.status|badge}} mt-1">{{model.status|capitalize}}</span>\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Email Body Tabs --\x3e\n                <div data-container="email-tabs"></div>\n            </div>\n        '}async onInit(){const e={};this.hasHtml&&(e.HTML=new i({model:this.model,template:'<div class="email-html-content border rounded p-3" style="height: 500px; overflow-y: auto;">{{{model.body_html}}}</div>'})),this.hasText&&(e.Text=new i({model:this.model,template:'<pre class="email-text-content p-3 bg-light border rounded" style="white-space: pre-wrap; word-wrap: break-word;">{{model.body_text}}</pre>'})),this.hasContext&&(e.Context=new i({model:this.model,template:'<pre class="email-context-content p-3 bg-light border rounded"><code>{{model.template_context|json}}</code></pre>'})),this.tabView=new P({containerId:"email-tabs",tabs:e,activeTab:this.hasHtml?"HTML":this.hasText?"Text":"Context"}),this.addChild(this.tabView)}}re.VIEW_CLASS=EmailView;class SentMessageTablePage extends I{constructor(e={}){super({...e,name:"admin_email_sent",pageName:"Sent Messages",router:"admin/email/sent",Collection:de,itemViewClass:EmailView,viewDialogOptions:{header:!1,size:"xl",scrollable:!0},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"mailbox.email",label:"From",sortable:!0},{key:"to_addresses",label:"To",sortable:!1,formatter:"list"},{key:"subject",label:"Subject",sortable:!0},{key:"status",label:"Status",formatter:"badge"},{key:"status_reason",label:"Reason",formatter:"truncate(80)|default('—')"},{key:"created",label:"Created",formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No sent messages found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class PhoneNumber extends s{constructor(e={},t={}){super(e,{endpoint:"/api/phonehub/number",...t})}static async normalize(e,t="US"){const i={phone_number:e};t&&(i.country_code=t);const a=await n.POST("/api/phonehub/number/normalize",i),s=a?.data??a;return!0===s?.status||!0===s?.success?{success:!0,phone_number:s?.data?.phone_number??s?.phone_number,data:s?.data??s,response:a}:{success:!1,error:s?.error||"Normalization failed",response:a}}static async lookup(e,t={}){const i=await n.POST("/api/phonehub/number/lookup",{phone_number:e,...t}),a=i?.data??i;if(!0===a?.status||!0===a?.success){const e=a?.data??{};return{success:!0,model:new PhoneNumber(e,{endpoint:"/api/phonehub/number"}),data:e,response:i}}return{success:!1,error:a?.error||"Phone lookup failed",response:i}}}class PhoneNumberList extends a{constructor(e={}){super({ModelClass:PhoneNumber,endpoint:"/api/phonehub/number",size:10,...e})}}class SMS extends s{constructor(e={},t={}){super(e,{endpoint:"/api/phonehub/sms",...t})}static async send(e={}){const t=await n.POST("/api/phonehub/sms/send",e),i=t?.data??t;if(!0===i?.status||!0===i?.success){const e=i?.data??{};return{success:!0,model:new SMS(e,{endpoint:"/api/phonehub/sms"}),data:e,response:t}}return{success:!1,error:i?.error||"Failed to send SMS",response:t}}}class SMSList extends a{constructor(e={}){super({ModelClass:SMS,endpoint:"/api/phonehub/sms",size:10,...e})}}class PhoneNumberView extends i{constructor(e={}){super({className:"phone-number-view",...e}),this.model=e.model||new PhoneNumber(e.data||{}),this.template='\n      <div class="phone-number-view-container">\n        \x3c!-- Header --\x3e\n        <div class="d-flex justify-content-between align-items-center mb-4">\n          \x3c!-- Left Side: Icon & Info --\x3e\n          <div class="d-flex align-items-center gap-3">\n            <div class="fs-1 text-primary">\n              <i class="bi bi-telephone"></i>\n            </div>\n            <div>\n              <h3 class="mb-1">{{model.phone_number|default(\'Unknown Number\')}}</h3>\n              <div class="text-muted small">\n                {{model.carrier|default(\'—\')}} {{#model.line_type}}· {{model.line_type|capitalize}}{{/model.line_type}}\n              </div>\n              <div class="text-muted small mt-1">\n                {{#model.country_code}}Country: {{model.country_code}}{{/model.country_code}}\n                {{#model.region}} · Region: {{model.region}}{{/model.region}}\n                {{#model.state}} · State: {{model.state}}{{/model.state}}\n              </div>\n            </div>\n          </div>\n\n          \x3c!-- Right Side: Actions --\x3e\n          <div class="d-flex align-items-center gap-4">\n            <div data-container="phone-context-menu"></div>\n          </div>\n        </div>\n\n        \x3c!-- Tabs --\x3e\n        <div data-container="phone-tabs"></div>\n      </div>\n    '}async onInit(){this.overviewView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 e={Overview:this.overviewView,Carrier:this.carrierView,Address:this.addressView,Metadata:this.metadataView};this.tabView=new P({containerId:"phone-tabs",tabs:e,activeTab:"Overview"}),this.addChild(this.tabView);const i=new t({containerId:"phone-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh Lookup",action:"refresh-lookup",icon:"bi-arrow-repeat"},{type:"divider"},{label:"Delete Record",action:"delete-phone",icon:"bi-trash",danger:!0}]}});this.addChild(i)}async onActionRefreshLookup(){const e=this.model.get("phone_number");if(e)try{this.getApp()?.toast?.info?.("Refreshing lookup...");const t=await PhoneNumber.lookup(e,{force_refresh:!0});if(t.success&&t.data)this.model.set(t.data),await this.render(),this.getApp()?.toast?.success?.("Lookup refreshed");else{const e=t.error||"Lookup failed";this.getApp()?.toast?.error?.(e)}}catch(t){this.getApp()?.toast?.error?.(t.message||"Lookup failed")}else this.getApp()?.toast?.warning?.("No phone number to lookup")}async onActionDeletePhone(){if(await o.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"}))try{const e=await this.model.destroy();e?.success?this.emit("phone:deleted",{model:this.model}):this.getApp()?.toast?.error?.("Delete failed")}catch(e){this.getApp()?.toast?.error?.(e.message||"Delete failed")}}static async show(e){const t=await PhoneNumber.lookup(e);if(t?.model){const e=new PhoneNumberView({model:t.model}),i=new o({header:!1,size:"lg",body:e,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]});return await i.render(!0,document.body),i.show(),i}return o.alert({message:`Could not find phone data for number: ${e}`,type:"warning"}),null}}PhoneNumberView.MODEL_CLASS=PhoneNumber;class PhoneNumberTablePage extends I{constructor(e={}){super({...e,name:"admin_phonehub_numbers",pageName:"Phone Numbers",router:"admin/phonehub/numbers",Collection:PhoneNumberList,itemView:PhoneNumberView,viewDialogOptions:{header:!1},columns:[{key:"phone_number",label:"Phone Number",sortable:!0},{key:"carrier",label:"Carrier",sortable:!0,formatter:"default('—')"},{key:"line_type",label:"Line Type",sortable:!0,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:!0,formatter:"default('—')"},{key:"owner_type",label:"Owner Type",formatter:"capitalize"},{key:"last_lookup_at|relative",label:"Last Lookup",sortable:!0}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,clickAction:"view",showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:"No phone numbers found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},tableViewOptions:{addButtonLabel:"Lookup",addButtonIcon:"bi-search",onAdd:e=>{e.preventDefault(),this.onLookup()}}})}async onLookup(){const e=await this.getApp().showForm({title:"Lookup Phone Number",fields:[{name:"number",type:"text",required:!0}]});if(e&&e.number){const t=await PhoneNumber.lookup(e.number);t.model&&this.tableView._onRowView(t)}}}class SMSView extends i{constructor(e={}){super({className:"sms-view",...e}),this.model=e.model||new SMS(e.data||{}),this.template='\n      <div class="sms-view-container">\n        \x3c!-- Header --\x3e\n        <div class="d-flex justify-content-between align-items-center mb-4">\n          \x3c!-- Left Side: Icon & Info --\x3e\n          <div class="d-flex align-items-center gap-3">\n            <div class="fs-1 text-primary">\n              <i class="bi bi-chat-dots"></i>\n            </div>\n            <div>\n              <h3 class="mb-1">\n                {{#model.direction}}{{model.direction|capitalize}}{{/model.direction}}\n                {{^model.direction}}Message{{/model.direction}}\n                <small class="text-muted ms-2">\n                  {{#model.status}}[{{model.status|capitalize}}]{{/model.status}}\n                </small>\n              </h3>\n              <div class="text-muted small">\n                {{#model.from_number}}From: {{model.from_number}}{{/model.from_number}}\n                {{#model.to_number}} · To: {{model.to_number}}{{/model.to_number}}\n              </div>\n              <div class="text-muted small mt-1">\n                {{#model.provider}}Provider: {{model.provider|capitalize}}{{/model.provider}}\n                {{#model.provider_message_id}} · SID: {{model.provider_message_id}}{{/model.provider_message_id}}\n              </div>\n            </div>\n          </div>\n\n          \x3c!-- Right Side: Actions --\x3e\n          <div class="d-flex align-items-center gap-4">\n            <div data-container="sms-context-menu"></div>\n          </div>\n        </div>\n\n        \x3c!-- Tabs --\x3e\n        <div data-container="sms-tabs"></div>\n      </div>\n    '}async onInit(){this.messageView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 e={Message:this.messageView,Delivery:this.deliveryView,Metadata:this.metadataView};this.tabView=new P({containerId:"sms-tabs",tabs:e,activeTab:"Message"}),this.addChild(this.tabView);const i=new t({containerId:"sms-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh",action:"refresh-sms",icon:"bi-arrow-repeat"},{type:"divider"},{label:"Delete Message",action:"delete-sms",icon:"bi-trash",danger:!0}]}});this.addChild(i)}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(){if(await o.confirm("Are you sure you want to delete this message?","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"}))try{const e=await this.model.destroy();e?.success?this.emit("sms:deleted",{model:this.model}):this.getApp()?.toast?.error?.("Delete failed")}catch(e){this.getApp()?.toast?.error?.(e.message||"Delete failed")}}}SMSView.MODEL_CLASS=SMS;class SMSTablePage extends I{constructor(e={}){super({...e,name:"admin_phonehub_sms",pageName:"SMS Messages",router:"admin/phonehub/sms",Collection:SMSList,itemView:SMSView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"direction",label:"Direction",sortable:!0},{key:"from_number",label:"From",sortable:!0,formatter:"default('—')"},{key:"to_number",label:"To",sortable:!0,formatter:"default('—')"},{key:"status",label:"Status",sortable:!0},{key:"provider",label:"Provider",sortable:!0,formatter:"default('—')"},{key:"body",label:"Message",formatter:"default('—')"},{key:"sent_at",label:"Sent At",sortable:!0,formatter:"datetime"},{key:"delivered_at",label:"Delivered At",sortable:!0,formatter:"datetime"},{key:"created",label:"Created",sortable:!0,formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,clickAction:"view",showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No SMS messages found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class PushDashboardPage extends e{constructor(e={}){super({...e,title:"Push Notifications Dashboard",className:"push-dashboard-page"})}async getTemplate(){return'\n            <div class="container-fluid">\n                <h1 class="h3 mb-4">Push Notifications</h1>\n                <div class="row">\n                    \x3c!-- Stat cards --\x3e\n                </div>\n                <div class="row">\n                    <div class="col-xl-8 col-lg-7">\n                        <div class="card shadow mb-4">\n                            <div class="card-header">Notifications Over Time</div>\n                            <div class="card-body" data-container="deliveries-chart"></div>\n                        </div>\n                    </div>\n                    <div class="col-xl-4 col-lg-5">\n                        <div class="card shadow mb-4">\n                            <div class="card-header">Delivery Status</div>\n                            <div class="card-body" data-container="status-chart"></div>\n                        </div>\n                    </div>\n                </div>\n                <div class="row">\n                    <div class="col-lg-6 mb-4" data-container="recent-deliveries"></div>\n                    <div class="col-lg-6 mb-4" data-container="failed-deliveries"></div>\n                </div>\n            </div>\n        '}async onInit(){this.deliveriesChart=new k({containerId:"deliveries-chart",endpoint:"/api/metrics/fetch",slugs:["push_sent","push_failed"],chartType:"line"}),this.addChild(this.deliveriesChart),this.statusChart=new S({containerId:"status-chart",endpoint:"/api/account/devices/push/stats"}),this.addChild(this.statusChart),this.recentDeliveries=new Ve({containerId:"recent-deliveries",title:"Recent Deliveries",Collection:new ce({params:{_sort:"-created",_limit:5}}),columns:[{key:"title",label:"Title"},{key:"status",label:"Status",formatter:"badge"}]}),this.addChild(this.recentDeliveries),this.failedDeliveries=new Ve({containerId:"failed-deliveries",title:"Failed Deliveries",Collection:new ce({params:{status:"failed",_sort:"-created",_limit:5}}),columns:[{key:"title",label:"Title"},{key:"error_message",label:"Error"}]}),this.addChild(this.failedDeliveries)}}class PushConfigTablePage extends I{constructor(e={}){super({...e,name:"admin_push_configs",pageName:"Push Configurations",router:"admin/push/configs",Collection:be,formCreate:me.create,formEdit:me.edit,columns:[{key:"id",label:"ID",width:"70px"},{key:"name",label:"Name"},{key:"group.name",label:"Group",formatter:"default('Default')"},{key:"fcm_sender_id",label:"Project ID"},{key:"is_active",label:"Active",format:"boolean"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,actions:["edit","delete"],tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No push configurations found.",emptyIcon:"bi-gear"}})}}class PushTemplateTablePage extends I{constructor(e={}){super({...e,name:"admin_push_templates",pageName:"Push Templates",router:"admin/push/templates",Collection:pe,formCreate:ue.create,formEdit:ue.edit,columns:[{key:"id",label:"ID",width:"70px"},{key:"name",label:"Name"},{key:"category",label:"Category"},{key:"group.name",label:"Group",formatter:"default('Default')"},{key:"priority",label:"Priority"},{key:"is_active",label:"Active",format:"boolean"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No push templates found.",emptyIcon:"bi-file-earmark-text",actions:["edit","delete"]}})}}class PushDeliveryView extends i{constructor(e={}){super({className:"push-delivery-view",...e}),this.model=e.model}getTemplate(){return'\n            <div class="p-3">\n                <div class="phone-mockup">\n                    <div class="phone-screen">\n                        <div class="notification">\n                            <div class="notification-header">\n                                <i class="bi bi-app-indicator"></i>\n                                <strong>Your App</strong>\n                                <span class="ms-auto small text-muted">now</span>\n                            </div>\n                            <div class="notification-body">\n                                <div class="fw-bold">{{model.title}}</div>\n                                <div>{{model.body}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="mt-3">\n                    <h5>Delivery Details</h5>\n                    <p><strong>Status:</strong> <span class="badge {{model.status|badge}}">{{model.status}}</span></p>\n                    <p><strong>Error:</strong> {{model.error_message|default(\'None\')}}</p>\n                </div>\n            </div>\n        '}}class PushDeliveryTablePage extends I{constructor(e={}){super({...e,name:"admin_push_deliveries",pageName:"Push Deliveries",router:"admin/push/deliveries",Collection:ce,itemViewClass:PushDeliveryView,viewDialogOptions:{header:!1,size:"md"},columns:[{key:"id",label:"ID",width:"70px"},{key:"created",label:"Timestamp",formatter:"datetime"},{key:"user.display_name",label:"User"},{key:"device.device_name",label:"Device"},{key:"title",label:"Title"},{key:"category",label:"Category"},{key:"status",label:"Status",formatter:"badge"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No deliveries found.",emptyIcon:"bi-send",actions:["view"]}})}}class PushDeviceView extends i{constructor(e={}){super({className:"push-device-view",...e}),this.model=e.model}getTemplate(){return'\n            <div class="p-3">\n                <h3>{{model.device_name}}</h3>\n                <p class="text-muted">{{model.user.display_name}}</p>\n                <div data-container="data-view"></div>\n            </div>\n        '}onInit(){this.dataView=new Oe({containerId:"data-view",model:this.model,fields:[{name:"platform",label:"Platform",format:"badge"},{name:"push_enabled",label:"Push Enabled",format:"boolean"},{name:"app_version",label:"App Version"},{name:"os_version",label:"OS Version"},{name:"last_seen",label:"Last Seen",format:"datetime"},{name:"push_preferences",label:"Preferences",format:"json"}]}),this.addChild(this.dataView)}}class PushDeviceTablePage extends I{constructor(e={}){super({...e,name:"admin_push_devices",pageName:"Registered Devices",router:"admin/push/devices",Collection:T,itemViewClass:PushDeviceView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px"},{key:"user.display_name",label:"User"},{key:"device_name",label:"Device Name"},{key:"platform",label:"Platform",formatter:"badge"},{key:"app_version",label:"App Version"},{key:"push_enabled",label:"Push Enabled",format:"boolean"},{key:"last_seen",label:"Last Seen",formatter:"datetime"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No devices found.",emptyIcon:"bi-phone",actions:["view","delete"]}})}}class JobStatsView extends i{constructor(e={}){super({className:"job-stats-section",...e}),this.stats={pending:0,running:0,completed:0,failed:0,scheduled:0},this.template='\n            <div class="job-stats-header mb-4">\n                <div class="row">\n                    <div class="col-xl-2 col-lg-4 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Pending</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.pending}}</h3>\n                                        <span class="badge bg-primary-subtle text-primary">\n                                            <i class="bi bi-hourglass"></i> Queued\n                                        </span>\n                                    </div>\n                                    <div class="text-primary">\n                                        <i class="bi bi-clock fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-2 col-lg-4 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Running</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.running}}</h3>\n                                        <span class="badge bg-success-subtle text-success">\n                                            <i class="bi bi-arrow-repeat"></i> Active\n                                        </span>\n                                    </div>\n                                    <div class="text-success">\n                                        <i class="bi bi-play-circle fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-2 col-lg-4 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Scheduled</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.scheduled}}</h3>\n                                        <span class="badge bg-warning-subtle text-warning">\n                                            <i class="bi bi-calendar-event"></i> Planned\n                                        </span>\n                                    </div>\n                                    <div class="text-warning">\n                                        <i class="bi bi-calendar3 fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Completed</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.completed}}</h3>\n                                        <span class="badge bg-info-subtle text-info">\n                                            <i class="bi bi-check-circle"></i> Done\n                                        </span>\n                                    </div>\n                                    <div class="text-info">\n                                        <i class="bi bi-check-square fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Failed</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.failed}}</h3>\n                                        <span class="badge bg-danger-subtle text-danger">\n                                            <i class="bi bi-x-octagon"></i> Errors\n                                        </span>\n                                    </div>\n                                    <div class="text-danger">\n                                        <i class="bi bi-exclamation-triangle fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        '}_onModelChange(){this.loadStats(),this.isMounted()&&this.render()}async loadStats(){this.stats=this.model.attributes.totals}}class JobHealthView extends i{constructor(e={}){super({className:"job-health-section",...e}),this.health={overall_status:"unknown",runners:{active:0,total:0},channels:[]},this.healthStatusClass="text-muted",this.schedulerStatusText="Unknown",this.schedulerStatusClass="text-muted",this.schedulerIcon="bi-question-circle-fill",this.template='\n            <div class="job-health-header mb-4">\n                <div class="card border-0 shadow-sm">\n                    <div class="card-body">\n                        <div class="row align-items-center">\n                            <div class="col-md-6">\n                                <div class="d-flex align-items-center">\n                                    <div class="health-indicator me-3">\n                                        <i class="bi bi-circle-fill fs-4 {{healthStatusClass}}"></i>\n                                    </div>\n                                    <div>\n                                        <h5 class="mb-1">Service Health: {{health.overall_status|capitalize}}</h5>\n                                        <small class="text-muted d-block">\n                                            Workers: {{health.runners.active}}/{{health.runners.total}} active\n                                        </small>\n                                        <small class="text-muted d-block">\n                                            Scheduler:\n                                            <span class="{{schedulerStatusClass}} fw-bold">\n                                                <i class="bi {{schedulerIcon}} me-1"></i>{{schedulerStatusText}}\n                                            </span>\n                                        </small>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="col-md-6">\n                                <div class="d-flex justify-content-end">\n                                    <div class="btn-group">\n                                        <button class="btn btn-sm btn-outline-primary" data-action="refresh-health">\n                                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                                        </button>\n                                        <button class="btn btn-sm btn-outline-secondary" data-action="system-settings">\n                                            <i class="bi bi-gear"></i> Settings\n                                        </button>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        {{#health.channelsArray.length}}\n                        <div class="row mt-3">\n                            <div class="col-12">\n                                <small class="text-muted d-block mb-2">Channel Status:</small>\n                                <div class="d-flex flex-wrap gap-2">\n                                    {{#health.channelsArray}}\n                                    <span class="badge {{statusBadgeClass}} d-flex align-items-center">\n                                        <i class="bi {{statusIcon}} me-1"></i>\n                                        {{channel}} ({{queued}} queued, {{inflight}} inflight)\n                                    </span>\n                                    {{/health.channelsArray}}\n                                </div>\n                            </div>\n                        </div>\n                        {{/health.channelsArray.length}}\n                    </div>\n                </div>\n            </div>\n        '}_onModelChange(){this.loadHealth(),this.isMounted()&&this.render()}async loadHealth(){if(!this.model._.totals)return;const e=this.model.attributes;let t="healthy";0===e.totals.runners_active?t="critical":e.scheduler.active||(t="warning"),this.health={overall_status:t,channels:e.channels,runners:{active:e.totals.runners_active,total:e.runners.length},totals:e.totals,scheduler:e.scheduler},this.healthStatusClass=this.getHealthStatusClass(this.health.overall_status),this.setupChannelDisplay(),this.setupSchedulerDisplay()}setupChannelDisplay(){this.health.channels&&(this.health.channelsArray=Object.values(this.health.channels).map(e=>{let t="healthy";const i=(e.queued_count||0)+(e.inflight_count||0);return i>50&&(t="warning"),(i>100||0===e.runners)&&(t="critical"),{...e,status:t,statusBadgeClass:this.getChannelBadgeClass(t),statusIcon:this.getChannelIcon(t),queued:e.queued_count||0,inflight:e.inflight_count||0,pending:e.queued_count||0,running:e.inflight_count||0}}))}setupSchedulerDisplay(){if(!this.health.scheduler)return this.schedulerStatusText="Unknown",this.schedulerStatusClass="text-muted",void(this.schedulerIcon="bi-question-circle-fill");this.health.scheduler.active?(this.schedulerStatusText="Running",this.schedulerStatusClass="text-success",this.schedulerIcon="bi-check-circle-fill"):(this.schedulerStatusText="Stopped",this.schedulerStatusClass="text-danger",this.schedulerIcon="bi-x-octagon-fill")}getHealthStatusClass(e){return{healthy:"text-success",warning:"text-warning",critical:"text-danger",unknown:"text-muted"}[e]||"text-muted"}getChannelBadgeClass(e){return{healthy:"bg-success",warning:"bg-warning",critical:"bg-danger"}[e]||"bg-secondary"}getChannelIcon(e){return{healthy:"bi-check-circle-fill",warning:"bi-exclamation-triangle-fill",critical:"bi-x-octagon-fill"}[e]||"bi-dash-circle-fill"}async onActionRefreshHealth(e,t){try{t.disabled=!0,await this.model.fetch()}catch(i){console.error("Failed to refresh health:",i)}finally{t.disabled=!1}}async onActionSystemSettings(){await o.showAlert({title:"System Settings",message:"System settings interface coming soon!",type:"info"})}}class JobOverviewSection extends i{constructor(e={}){super({className:"job-overview-section",template:'\n                <div class="row mb-4 g-3 align-items-stretch">\n                    <div class="col-lg-6" data-container="jobs-published-chart"></div>\n                    <div class="col-lg-6" data-container="jobs-failed-chart"></div>\n                </div>\n                <div data-container="job-health"></div>\n            ',...e})}async onInit(){this.jobsPublishedChart=new A({containerId:"jobs-published-chart",icon:"bi bi-upload",title:"Jobs Published",subtitle:"{{now_value}} {{now_label}}",granularity:"days",slugs:["jobs.published"],account:"global",chartType:"line",height:90,showSettings:!0,showTrending:!0,showDateRange:!1}),this.addChild(this.jobsPublishedChart),this.jobsFailedChart=new A({containerId:"jobs-failed-chart",icon:"bi bi-exclamation-octagon",title:"Jobs Failed",subtitle:"{{now_value}} {{now_label}}",granularity:"days",slugs:["jobs.failed"],account:"global",chartType:"line",height:90,showSettings:!0,showTrending:!0,showDateRange:!1}),this.addChild(this.jobsFailedChart),this.jobHealthView=new JobHealthView({containerId:"job-health",model:this.options.model}),this.addChild(this.jobHealthView)}}class JobDetailsView extends i{constructor(e={}){super({className:"job-details-view",...e}),this.model=e.model||new O(e.data||{}),this.tabView=null,this.overviewView=null,this.payloadView=null,this.eventsView=null,this.logsView=null,this.autoRefreshInterval=null,this.template='\n            <div class="job-details-container">\n                \x3c!-- Job Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    \x3c!-- Left Side: Primary Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">\n                            <i class="bi {{model.statusIcon}} text-secondary" style="font-size: 40px;"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.func|truncate(32)|default(\'Unknown Function\')}}</h3>\n                            <div class="text-muted small">\n                                <span>ID: {{model.id}}</span>\n                                <span class="mx-2">|</span>\n                                <span>Channel: <span class="badge bg-primary">{{model.channel}}</span></span>\n                                {{#model.runner_id}}\n                                    <span class="mx-2">|</span>\n                                    <span>Runner: {{model.runner_id|truncate(16)}}</span>\n                                {{/model.runner_id}}\n                            </div>\n                            <div class="text-muted small mt-2">\n                                <div>Created: {{model.created|datetime}}</div>\n                                {{#model.started_at}}\n                                    <div>Started: {{model.started_at|datetime}}</div>\n                                {{/model.started_at}}\n                                {{#model.finished_at}}\n                                    <div>Finished: {{model.finished_at|datetime}}</div>\n                                {{/model.finished_at}}\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Status & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="d-flex align-items-center gap-2">\n                                <span class="badge {{model.statusBadgeClass}} fs-6">\n                                    <i class="bi {{model.statusIcon}}"></i> {{model.status|uppercase}}\n                                </span>\n                                {{#model.cancel_requested}}\n                                <span class="badge bg-warning ms-1">\n                                    <i class="bi bi-exclamation-triangle"></i> Cancel Requested\n                                </span>\n                                {{/model.cancel_requested}}\n                            </div>\n                            {{#model.formattedDuration}}\n                                <div class="text-muted small mt-1">Duration: {{model.formattedDuration}}</div>\n                            {{/model.formattedDuration}}\n                        </div>\n                        <div data-container="job-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Tab Container --\x3e\n                <div data-container="job-details-tabs"></div>\n            </div>\n        '}async onInit(){this.overviewView=new i({template:'\n                <div class="job-overview-tab">\n                    <div class="card border-0 bg-light mb-3">\n                        <div class="card-body">\n                            <div class="row">\n                                <div class="col-md-6">\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Job ID</label>\n                                        <div class="font-monospace">{{model.id}}</div>\n                                    </div>\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Function</label>\n                                        <div class="font-monospace">{{model.func}}</div>\n                                    </div>\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Channel</label>\n                                        <div>\n                                            <span class="badge bg-primary">{{model.channel}}</span>\n                                        </div>\n                                    </div>\n                                    {{#model.runner_id}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Runner</label>\n                                        <div class="font-monospace small">{{model.runner_id}}</div>\n                                    </div>\n                                    {{/model.runner_id}}\n                                </div>\n                                <div class="col-md-6">\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Status</label>\n                                        <div>\n                                            <span class="badge {{model.statusBadgeClass}} fs-6">\n                                            <i class="bi {{model.statusIcon}}"></i> {{model.status|uppercase}}\n                                            </span>\n                                            {{#model.cancel_requested}}\n                                            <span class="badge bg-warning ms-1">\n                                                <i class="bi bi-exclamation-triangle"></i> Cancel Requested\n                                            </span>\n                                            {{/model.cancel_requested}}\n                                        </div>\n                                    </div>\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Created</label>\n                                        <div>{{model.created|datetime}}</div>\n                                    </div>\n                                    {{#model.started_at}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Started</label>\n                                        <div>{{model.started_at|datetime}}</div>\n                                    </div>\n                                    {{/model.started_at}}\n                                    {{#model.finished_at}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Finished</label>\n                                        <div>{{model.finished_at|datetime}}</div>\n                                    </div>\n                                    {{/model.finished_at}}\n                                    {{#model.duration_ms}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Duration</label>\n                                        <div>{{model.formattedDuration}}</div>\n                                    </div>\n                                    {{/model.duration_ms}}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            ',model:this.model}),this.payloadView=new i({template:'\n                <div class="job-payload-tab">\n                    <pre class="bg-light p-3 rounded"><code>{{{model.payload|json}}}</code></pre>\n                </div>\n            ',model:this.model});const e=new he({params:{job:this.model.get("id"),size:10}});this.eventsView=new Ve({collection:e,hideActivePillNames:["job"],columns:[{key:"at",label:"Timestamp",formatter:"datetime",sortable:!0},{key:"event",label:"Event",formatter:"badge"},{key:"details|json",label:"Details"}]});const a=new ve({params:{job:this.model.get("id"),size:10}});this.logsView=new Ve({collection:a,hideActivePillNames:["job"],columns:[{key:"created|datetime",label:"Created",sortable:!0},{key:"kind",label:"Kind",formatter:"badge"},{key:"message",label:"Message"}]}),this.tabView=new P({tabs:{Overview:this.overviewView,Payload:this.payloadView,Events:this.eventsView,Logs:this.logsView},activeTab:"Overview",containerId:"job-details-tabs"}),this.addChild(this.tabView);const s=[{label:"Refresh",action:"refresh-job",icon:"bi-arrow-clockwise"}];this.model.canCancel&&this.model.canCancel()&&s.push({label:"Cancel Job",action:"cancel-job",icon:"bi-x-circle",class:"text-danger"}),this.model.canRetry&&this.model.canRetry()&&s.push({label:"Retry Job",action:"retry-job",icon:"bi-arrow-repeat",class:"text-primary"});const n=new t({containerId:"job-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:s}});this.addChild(n),await this.model.fetch({params:{graph:"detail"}})}async onBeforeRender(){await this.prepareJobData()}async prepareJobData(){this.model&&(this.model._.statusBadgeClass=this.model.getStatusBadgeClass?this.model.getStatusBadgeClass():"bg-secondary",this.model._.statusIcon=this.model.getStatusIcon?this.model.getStatusIcon():"bi-question-circle",this.model._.formattedDuration=this.model.getFormattedDuration?this.model.getFormattedDuration():"N/A")}async loadJobDetails(){if(this.model?.get("id"))try{this.model.getDetailedStatus&&await this.model.getDetailedStatus(),await this.prepareJobData()}catch(e){console.error("Failed to load job details:",e)}}async onActionRefreshJob(){await this.model.fetch({params:{graph:"detail"}})}async onActionCancelJob(){if(confirm("Are you sure you want to cancel this job?"))try{const e=await this.model.cancel();e.success?(await this.loadJobDetails(),await this.render(),this.emit("job-cancelled",{job:this.model})):alert("Failed to cancel job: "+(e.data?.error||"Unknown error"))}catch(e){console.error("Failed to cancel job:",e),alert("Failed to cancel job: "+e.message)}}async onActionRetryJob(){const e=await o.showForm({title:"Retry Job",formConfig:ge.retry});if(e)try{const t=await this.model.retry(e.delay||0);t.success?this.emit("job-retried",{job:this.model,newJobId:t.newJobId}):alert("Failed to retry job: "+(t.data?.error||"Unknown error"))}catch(t){console.error("Failed to retry job:",t),alert("Failed to retry job: "+t.message)}}startAutoRefresh(){this.autoRefreshInterval&&clearInterval(this.autoRefreshInterval),this.model?.isActive&&this.model.isActive()&&(this.autoRefreshInterval=setInterval(async()=>{try{await this.loadJobDetails(),this.isMounted()&&await this.render()}catch(e){console.error("Auto-refresh failed:",e)}},5e3))}stopAutoRefresh(){this.autoRefreshInterval&&(clearInterval(this.autoRefreshInterval),this.autoRefreshInterval=null)}async onDestroy(){this.stopAutoRefresh(),await super.onDestroy()}static async show(e,t={}){const i=new JobDetailsView({model:e});return await o.showDialog({title:`<i class="bi bi-info-circle me-2"></i>Job Details - ${e.get("id")}`,body:i,size:"xl",scrollable:!0,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],onHide:()=>i.stopAutoRefresh(),...t})}}O.VIEW_CLASS=JobDetailsView;const lt={running:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id|truncate_middle(12)}}</div>\n                <div class="text-muted small">{{model.channel}} &middot; {{model.func|truncate_middle(28)|default(\'n/a\')}}</div>\n            '},{key:"runner_id",label:"Runner",template:"\n                <span class=\"font-monospace\">{{model.runner_id|truncate_middle(12)|default('n/a')}}</span>\n            "},{key:"status",label:"State",formatter:(e,t)=>{const i=t.row;return`<span class="badge ${i.getStatusBadgeClass?i.getStatusBadgeClass():"bg-secondary"}"><i class="${i.getStatusIcon?i.getStatusIcon():"bi-question"} me-1"></i>${e.toUpperCase()}</span>`}},{key:"created",label:"Started",formatter:"datetime"}],pending:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id|truncate_middle(12)}}</div>\n                <div class="text-muted small">{{model.channel}} &middot; {{model.func|truncate_middle(28)|default(\'n/a\')}}</div>\n            '},{key:"priority",label:"Priority",formatter:(e=0)=>`<span class="badge ${e>=8?"bg-danger":e>=5?"bg-warning":"bg-secondary"}">${e}</span>`},{key:"modified",label:"Queued",formatter:"relative"}],scheduled:[{key:"id",label:"Job",formatter:"truncate_middle(12)"},{key:"run_at",label:"Scheduled For",formatter:"datetime"},{key:"channel",label:"Channel",formatter:"badge"}],failed:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id|truncate_middle(12)}}</div>\n                <div class="text-muted small">{{model.channel}} &middot; {{model.func|truncate_middle(28)|default(\'n/a\')}}</div>\n            '},{key:"last_error",label:"Error",template:"\n                <div class=\"text-danger small\">{{model.last_error|truncate(80)|default('Unknown error')}}</div>\n            "},{key:"modified",label:"Failed",formatter:"relative"}],all:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id}}</div>\n                <div class="text-muted small">{{model.func|default(\'Unknown\')}}</div>\n            '},{key:"channel",label:"Channel",formatter:"badge"},{key:"status",label:"Status",formatter:(e,t)=>{const i=t.row;return`<span class="badge ${i.getStatusBadgeClass?i.getStatusBadgeClass():"bg-secondary"}"><i class="${i.getStatusIcon?i.getStatusIcon():"bi-question"} me-1"></i>${e?.toUpperCase()||"UNKNOWN"}</span>`}},{key:"created",label:"Created",formatter:"datetime"},{key:"finished_at",label:"Finished",formatter:"datetime"},{key:"duration_ms",label:"Duration",formatter:"duration"}]},ot=[{key:"status",label:"Status",type:"select",options:[{label:"Pending",value:"pending"},{label:"Running",value:"running"},{label:"Completed",value:"completed"},{label:"Failed",value:"failed"},{label:"Canceled",value:"canceled"},{label:"Expired",value:"expired"}]},{key:"channel",label:"Channel",type:"text"},{key:"func__icontains",label:"Function",type:"text"}],rt=[{icon:"bi-x-circle-fill",label:"Cancel Jobs",action:"cancel-jobs"}];class JobTableSection extends i{constructor(e={}){const{status:t,sort:i="-created",extraParams:a={},columns:s,title:n,selectable:l=!1,batchActions:o,...r}=e;super({className:"job-table-section",template:'<div data-container="job-table"></div>',...r}),this.status=t,this.sort=i,this.extraParams=a,this.columnConfig=s,this.sectionTitle=n,this.selectable=l,this.batchActionConfig=o}async onInit(){const e={size:25,sort:this.sort,...this.extraParams};this.status&&(e.status=this.status);const t=("string"==typeof this.columnConfig?lt[this.columnConfig]:this.columnConfig)||lt[this.status]||lt.all,i=this.selectable,a=this.batchActionConfig||(i?rt:void 0),s=!this.status,n={containerId:"job-table",Collection:fe,collectionParams:e,columns:t,searchable:!0,filterable:s,paginated:!0,itemView:JobDetailsView,hideActivePills:this.status?["status"]:[],viewDialogOptions:{title:"Job Details",size:"xl",scrollable:!0},tableOptions:{striped:!1,hover:!0,size:"sm"}};i&&(n.selectable=!0,n.batchBarLocation="top",n.batchActions=a),s&&(n.filters=ot,n.tableOptions.striped=!0,n.tableOptions.responsive=!0),this.tableView=new Ve(n),i&&this.tableView.on("action:batch-cancel-jobs",async(e,t,i)=>{const a=this.tableView.getSelectedItems();await Promise.all(a.map(e=>e.model.cancel())),this.getApp().toast.success("Jobs cancelled successfully"),this.tableView.collection.fetch()}),this.addChild(this.tableView)}}class JobRunnersSection extends i{constructor(e={}){super({className:"job-runners-section",template:'\n                <div class="card shadow-sm h-100">\n                    <div class="card-header d-flex justify-content-between align-items-center">\n                        <h5 class="mb-0"><i class="bi bi-cpu me-2"></i>Job Runners</h5>\n                        <small class="text-muted">Heartbeat &amp; status</small>\n                    </div>\n                    <div class="card-body p-0" data-container="runner-table"></div>\n                </div>\n            ',...e})}async onInit(){this.runnersTable=new Ve({containerId:"runner-table",Collection:ye,searchable:!0,filterable:!1,paginated:!0,tableOptions:{striped:!1,hover:!0,size:"sm"},columns:[{key:"runner_id",label:"Runner",formatter:"truncate_middle(16)"},{key:"alive",label:"Status",formatter:e=>{const t=!0===e;return`<span class="badge ${t?"bg-success":"bg-danger"}"><i class="${t?"bi-check-circle-fill":"bi-x-octagon-fill"} me-1"></i>${t?"ALIVE":"DEAD"}</span>`}},{key:"last_heartbeat",label:"Heartbeat",formatter:e=>{if(!e)return"Never";const t=new Date(e),i=/* @__PURE__ */new Date-t,a=Math.floor(i/1e3);return a<60?`${a}s ago`:a<3600?`${Math.floor(a/60)}m ago`:`${Math.floor(a/3600)}h ago`}}]}),this.addChild(this.runnersTable)}}class JobOperationsSection extends i{constructor(e={}){super({className:"job-operations-section",template:'\n                <div class="card shadow-sm">\n                    <div class="card-header d-flex justify-content-between align-items-center">\n                        <h5 class="mb-0"><i class="bi bi-tools me-2"></i>Operations</h5>\n                    </div>\n                    <div class="card-body">\n                        <div class="d-flex flex-wrap gap-2">\n                            <button class="btn btn-outline-primary" data-action="run-simple-job">\n                                <i class="bi bi-play-circle me-2"></i>Run Simple Job\n                            </button>\n                            <button class="btn btn-outline-primary" data-action="run-test-jobs">\n                                <i class="bi bi-robot me-2"></i>Run Test Jobs\n                            </button>\n                            <button class="btn btn-outline-warning" data-action="clear-stuck">\n                                <i class="bi bi-wrench me-2"></i>Clear Stuck\n                            </button>\n                            <button class="btn btn-outline-warning" data-action="clear-channel">\n                                <i class="bi bi-eraser me-2"></i>Clear Channel\n                            </button>\n                            <button class="btn btn-outline-danger" data-action="purge-jobs">\n                                <i class="bi bi-trash me-2"></i>Purge Jobs\n                            </button>\n                            <button class="btn btn-outline-info" data-action="cleanup-consumers">\n                                <i class="bi bi-people me-2"></i>Cleanup Consumers\n                            </button>\n                            <button class="btn btn-outline-secondary" data-action="runner-broadcast">\n                                <i class="bi bi-wifi me-2"></i>Broadcast Command\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            ',...e})}async onActionRunSimpleJob(e,t){await o.showConfirm({title:"Run Simple Job",message:"This will run a simple test job to verify the job system is working correctly.",confirmText:"Run Test",confirmClass:"btn-success"})&&await this.executeJobAction(t,()=>O.test(),"Test job started successfully")}async onActionRunTestJobs(e,t){await o.showConfirm({title:"Run Test Jobs",message:"This will run a suite of test jobs to verify all job functionalities.",confirmText:"Run Tests",confirmClass:"btn-success"})&&await this.executeJobAction(t,()=>O.tests(),"Test suite started successfully")}async onActionClearStuck(e,t){const i=[{value:"",label:"All Channels"},...(this.options.getChannels?.()||[]).map(e=>({value:e.channel,label:e.channel}))],a=await o.showForm({title:"Clear Stuck Jobs",formConfig:{fields:[{name:"channel",type:"select",label:"Channel",options:i,value:"",help:"Select specific channel or leave empty for all channels"}]}});a&&await this.executeJobAction(t,()=>O.clearStuck(a.channel||null),e=>{const t=e.data.count||0;return`Cleared ${t} stuck job${1!==t?"s":""}${a.channel?` from channel "${a.channel}"`:""}`})}async onActionClearChannel(e,t){const i=(this.options.getChannels?.()||[]).map(e=>({value:e.channel,label:e.channel})),a=await o.showForm({title:"Clear Channel",formConfig:{fields:[{name:"channel",type:"select",label:"Channel",options:i,required:!0,help:"Select the channel to clear."}]}});a&&await this.executeJobAction(t,()=>O.clearChannel(a.channel),`Channel "${a.channel}" cleared successfully.`)}async onActionPurgeJobs(e,t){const i=await o.showForm({title:"Purge Old Jobs",formConfig:{fields:[{name:"days_old",type:"number",label:"Days Old",value:30,required:!0,help:"Delete jobs older than this many days."}]}});i&&await this.executeJobAction(t,()=>O.purgeJobs(i.days_old),e=>`Purged ${e.data.count||0} old job(s).`)}async onActionCleanupConsumers(e,t){await o.showConfirm({title:"Cleanup Consumers",message:"This will remove stale consumer records from the system. This is generally safe.",confirmText:"Cleanup",confirmClass:"btn-warning"})&&await this.executeJobAction(t,()=>O.cleanConsumers(),e=>`Cleaned up ${e.data.count||0} consumer(s).`)}async onActionRunnerBroadcast(){const e=await o.showForm({title:"Broadcast Command to All Runners",formConfig:we.broadcast});if(e)try{const t=await xe.broadcast(e.command,{},e.timeout);t.success?this.getApp().toast.success(`Broadcast command "${e.command}" sent successfully`):this.getApp().toast.error(t.data?.error||"Failed to broadcast command")}catch(t){console.error("Failed to broadcast command:",t),this.getApp().toast.error("Error broadcasting command: "+t.message)}}async executeJobAction(e,t,i){try{e.disabled=!0;const a=e.querySelector("i");a?.classList.add("spinning");const s=await t();if(s.success&&s.data?.status){const e="function"==typeof i?i(s):i;this.getApp().toast.success(e)}else this.getApp().toast.error(s.data?.error||"Operation failed")}catch(a){console.error("Job action failed:",a),this.getApp().toast.error("Error: "+a.message)}finally{e.disabled=!1;const t=e.querySelector("i");t?.classList.remove("spinning")}}}class JobsAdminPage extends e{constructor(e={}){super({title:"Job Engine",pageName:"Job Admin",className:"jobs-admin-page",...e}),this.pageSubtitle="Async job monitoring and runner management",this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString(),this.autoRefreshInterval=null,this.refreshRate=3e4,this.template='\n            <div class="jobs-admin-container">\n                \x3c!-- Page Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-3">\n                    <div>\n                        <p class="text-muted mb-0">{{pageSubtitle}}</p>\n                        <small class="text-info">\n                            <i class="bi bi-arrow-clockwise me-1"></i>\n                            Auto-refresh: {{refreshRateLabel}} | Last updated: {{lastUpdated}}\n                        </small>\n                    </div>\n                    <div class="btn-group" role="group">\n                        <button type="button" class="btn btn-outline-secondary btn-sm"\n                                data-action="refresh-all" title="Refresh All Data">\n                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                        </button>\n                        <div class="dropdown">\n                            <button class="btn btn-outline-secondary btn-sm dropdown-toggle"\n                                    type="button" data-bs-toggle="dropdown">\n                                <i class="bi bi-gear"></i> Settings\n                            </button>\n                            <ul class="dropdown-menu dropdown-menu-end">\n                                <li><h6 class="dropdown-header">Auto Refresh</h6></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="5">5 seconds</button></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="10">10 seconds</button></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="30">30 seconds</button></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="0">Off</button></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Stats Cards (always visible) --\x3e\n                <div data-container="job-stats"></div>\n\n                \x3c!-- SideNavView sections --\x3e\n                <div data-container="job-sidenav"></div>\n            </div>\n        '}async onInit(){this.jobStats=new _e,this.jobStatsView=new JobStatsView({containerId:"job-stats",model:this.jobStats}),this.addChild(this.jobStatsView);const e=new JobOverviewSection({model:this.jobStats}),t=new JobTableSection({status:"running",sort:"-created",title:"Running Jobs"}),i=new JobTableSection({status:"pending",sort:"-created",extraParams:{run_at__isnull:!0},title:"Pending Jobs",selectable:!0}),a=new JobTableSection({status:"pending",sort:"run_at",extraParams:{run_at__isnull:!1},columns:"scheduled",title:"Scheduled Jobs",selectable:!0}),s=new JobTableSection({status:"failed",sort:"-finished_at",title:"Failed Jobs"}),n=new JobTableSection({sort:"-created",title:"All Jobs"}),l=new JobRunnersSection,o=new JobOperationsSection({getChannels:()=>{const e=this.jobStats?.attributes;return e?.channels?Object.values(e.channels):[]}});this.sideNav=new SideNavView({containerId:"job-sidenav",sections:[{key:"Overview",label:"Overview",icon:"bi-bar-chart-line",view:e},{key:"Runners",label:"Runners",icon:"bi-cpu",view:l},{type:"divider",label:"Queues"},{key:"Running",label:"Running",icon:"bi-play-circle",view:t},{key:"Pending",label:"Pending",icon:"bi-hourglass-split",view:i},{key:"Scheduled",label:"Scheduled",icon:"bi-calendar-event",view:a},{key:"Failed",label:"Failed",icon:"bi-bug",view:s},{key:"All Jobs",label:"All Jobs",icon:"bi-table",view:n},{type:"divider",label:"Admin"},{key:"Operations",label:"Operations",icon:"bi-tools",view:o}],activeSection:"Overview"}),this.addChild(this.sideNav),await this.jobStats.fetch()}startAutoRefresh(){this.autoRefreshInterval&&clearInterval(this.autoRefreshInterval),this.refreshRate>0&&(this.autoRefreshInterval=setInterval(()=>this.refreshData(),this.refreshRate))}async refreshData(){try{await this.jobStats.fetch(),this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString(),this.updateHeaderTimestamp()}catch(e){console.error("Failed to refresh jobs dashboard:",e)}}updateHeaderTimestamp(){const e=this.element?.querySelector(".text-info");e&&(e.innerHTML=`\n                <i class="bi bi-arrow-clockwise me-1"></i>\n                Auto-refresh: ${this.refreshRateLabel} | Last updated: ${this.lastUpdated}\n            `)}get refreshRateLabel(){return 0===this.refreshRate?"Off":this.refreshRate/1e3+"s"}async onActionRefreshAll(e,t){try{const e=t.querySelector("i");e?.classList.add("spinning"),t.disabled=!0,await this.refreshData()}finally{const e=t.querySelector("i");e?.classList.remove("spinning"),t.disabled=!1}}async onActionSetRefreshRate(e,t){const i=1e3*parseInt(t.getAttribute("data-rate"));this.refreshRate=i,this.startAutoRefresh(),this.updateHeaderTimestamp();const a=0===i?"Off":i/1e3+"s";this.getApp().toast.success(`Auto-refresh set to ${a}`)}async onEnter(){this.startAutoRefresh()}async onExit(){this.autoRefreshInterval&&(clearInterval(this.autoRefreshInterval),this.autoRefreshInterval=null)}}class BlockedIPList extends a{constructor(e={}){super({ModelClass:D,endpoint:"/api/account/system/geoip",size:25,...e})}}class BlockedIPsTablePage extends I{constructor(e={}){super({...e,name:"admin_blocked_ips",pageName:"Blocked IPs",router:"admin/security/blocked-ips",Collection:BlockedIPList,itemViewClass:GeoIPView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-modified",is_blocked:!0},columns:[{key:"ip_address",label:"IP Address",sortable:!0,template:"<code>{{model.ip_address}}</code>"},{key:"threat_level",label:"Threat Level",sortable:!0,filter:{type:"select",options:["none","low","medium","high","critical"]}},{key:"country_code",label:"Country",sortable:!0,filter:{type:"text"}},{key:"city",label:"City",sortable:!0},{key:"org",label:"Organization",formatter:"truncate(40)"},{key:"modified",label:"Blocked At",formatter:"datetime",sortable:!0}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,selectable:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No blocked IPs. The firewall has no active IP blocks.",batchBarLocation:"top",batchActions:[{label:"Unblock",icon:"bi bi-unlock",action:"unblock"},{label:"Whitelist",icon:"bi bi-check-circle",action:"whitelist"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionBatchUnblock(){const e=this.tableView.getSelectedItems();e.length&&await this.getApp().confirm(`Unblock ${e.length} IP${e.length>1?"s":""}?`)&&(await Promise.all(e.map(e=>this.getApp().rest.POST(`/api/account/system/geoip/${e.model.id}`,{action:"unblock",value:"Bulk unblock from admin"}))),this.getApp().toast.success(`${e.length} IP(s) unblocked`),this.tableView.collection.fetch())}async onActionBatchWhitelist(){const e=this.tableView.getSelectedItems();e.length&&await this.getApp().confirm(`Whitelist ${e.length} IP${e.length>1?"s":""}?`)&&(await Promise.all(e.map(e=>this.getApp().rest.POST(`/api/account/system/geoip/${e.model.id}`,{action:"whitelist",value:"Bulk whitelist from admin"}))),this.getApp().toast.success(`${e.length} IP(s) whitelisted`),this.tableView.collection.fetch())}}class LogView extends i{constructor(e={}){super({className:"log-view",...e}),this.model=e.model||new Fe(e.data||{}),this.logIcon=this.getIconForLog(this.model.get("level")),this.template='\n            <div class="log-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 {{logIcon.color}}">\n                            <i class="bi {{logIcon.icon}}"></i>\n                        </div>\n                        <div>\n                            <h4 class="mb-1">\n                                <span class="badge bg-secondary">{{model.method}}</span> {{model.path}}\n                            </h4>\n                            <div class="text-muted small">\n                                {{model.created|datetime}}\n                            </div>\n                        </div>\n                    </div>\n                    <div data-container="log-context-menu"></div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="log-tabs"></div>\n            </div>\n        '}getIconForLog(e){const t=e?.toLowerCase();return"error"===t||"critical"===t?{icon:"bi-x-octagon-fill",color:"text-danger"}:"warning"===t?{icon:"bi-exclamation-triangle-fill",color:"text-warning"}:"info"===t?{icon:"bi-info-circle-fill",color:"text-info"}:{icon:"bi-journal-text",color:"text-secondary"}}async onInit(){this.overviewView=new Oe({model:this.model,className:"p-3",columns:2,fields:[{name:"id",label:"Log ID"},{name:"level",label:"Level",format:"badge"},{name:"kind",label:"Kind"},{name:"ip",label:"IP Address",template:'<a href="#" data-action="view-ip">{{model.ip}}</a>'},{name:"uid",label:"User ID"},{name:"username",label:"Username"},{name:"duid",label:"Device ID",template:'<a href="#" data-action="view-device">{{model.duid|truncate_middle(32)}}</a>'},{name:"model_name",label:"Related Model"},{name:"model_id",label:"Related Model ID"},{name:"user_agent",label:"User Agent",columns:12}]});const e=this.model.get("log");let a=e;try{const t=JSON.parse(e);a=JSON.stringify(t,null,2)}catch(n){}this.logContentView=new i({template:`\n                <div class="position-relative">\n                    <button class="btn btn-sm btn-outline-secondary position-absolute top-0 end-0 mt-2 me-2" data-action="copy-log">\n                        <i class="bi bi-clipboard"></i> Copy\n                    </button>\n                    <pre class="bg-light p-3 border rounded" style="max-height: 600px; overflow-y: auto;"><code>${a}</code></pre>\n                </div>\n            `,onActionCopyLog:()=>{navigator.clipboard.writeText(a),this.getApp()?.toast?.success("Log content copied to clipboard.")}}),this.tabView=new P({containerId:"log-tabs",tabs:{Log:this.logContentView,Details:this.overviewView},activeTab:"Log"}),this.addChild(this.tabView);const s=new t({containerId:"log-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"View User",action:"view-user",icon:"bi-person",disabled:!this.model.get("uid")},{label:"View Device",action:"view-device",icon:"bi-phone",disabled:!this.model.get("duid")},{type:"divider"},{label:"Delete Log",action:"delete-log",icon:"bi-trash",danger:!0}]}});this.addChild(s)}async onActionViewIp(e){e.preventDefault();const t=this.model.get("ip");t&&GeoIPView.show(t)}async onActionViewDevice(e){e.preventDefault();const t=this.model.get("duid");t&&DeviceView.show(t)}async onActionViewUser(){this.model.get("uid")}async onActionDeleteLog(){await o.confirm("Are you sure you want to delete this log entry? This action cannot be undone.","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("log:deleted",{model:this.model})}}Fe.VIEW_CLASS=LogView;class FirewallLogTablePage extends I{constructor(e={}){super({...e,name:"admin_firewall_log",pageName:"Firewall Log",router:"admin/security/firewall-log",Collection:Me,itemViewClass:LogView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-created",kind__startswith:"firewall:"},columns:[{key:"created",label:"Timestamp",formatter:"datetime",sortable:!0,filter:{type:"daterange"}},{key:"kind",label:"Action",sortable:!0,filter:{type:"text"}},{key:"message",label:"Details",formatter:"truncate(80)"},{key:"path",label:"IP / Path",formatter:"truncate(40)"},{key:"user",label:"Admin",sortable:!0}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No firewall log entries found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class BouncerDevice extends s{constructor(e={},t={}){super(e,{endpoint:"/api/account/bouncer/device",...t})}}class BouncerDeviceList extends a{constructor(e={}){super({ModelClass:BouncerDevice,endpoint:"/api/account/bouncer/device",size:25,...e})}}class BouncerSignal extends s{constructor(e={},t={}){super(e,{endpoint:"/api/account/bouncer/signal",...t})}}class BouncerSignalList extends a{constructor(e={}){super({ModelClass:BouncerSignal,endpoint:"/api/account/bouncer/signal",size:25,...e})}}class BouncerSignature extends s{constructor(e={},t={}){super(e,{endpoint:"/api/account/bouncer/signature",...t})}}class BouncerSignatureList extends a{constructor(e={}){super({ModelClass:BouncerSignature,endpoint:"/api/account/bouncer/signature",size:25,...e})}}const dt={create:{title:"Create Signature",fields:[{name:"sig_type",type:"select",label:"Signature Type",required:!0,columns:6,options:[{value:"user_agent",label:"User Agent"},{value:"ip_pattern",label:"IP Pattern"},{value:"fingerprint",label:"Fingerprint"},{value:"behavior",label:"Behavior"},{value:"header",label:"Header"},{value:"cookie",label:"Cookie"}]},{name:"value",type:"text",label:"Value",required:!0,columns:6,help:"The pattern or value to match against."},{name:"confidence",type:"number",label:"Confidence",columns:6,default:80,min:0,max:100,help:"Confidence level from 0 to 100."},{name:"notes",type:"textarea",label:"Notes",columns:12,help:"Optional notes about this signature."},{name:"is_active",type:"switch",label:"Active",columns:6,default:!0}]},edit:{title:"Edit Signature",fields:[{name:"sig_type",type:"select",label:"Signature Type",required:!0,columns:6,options:[{value:"user_agent",label:"User Agent"},{value:"ip_pattern",label:"IP Pattern"},{value:"fingerprint",label:"Fingerprint"},{value:"behavior",label:"Behavior"},{value:"header",label:"Header"},{value:"cookie",label:"Cookie"}]},{name:"value",type:"text",label:"Value",required:!0,columns:6,help:"The pattern or value to match against."},{name:"confidence",type:"number",label:"Confidence",columns:6,default:80,min:0,max:100,help:"Confidence level from 0 to 100."},{name:"notes",type:"textarea",label:"Notes",columns:12,help:"Optional notes about this signature."},{name:"is_active",type:"switch",label:"Active",columns:6,default:!0}]}};class BouncerSignalView extends i{constructor(e={}){super({className:"bouncer-signal-view",...e}),this.template='\n            <div class="d-flex justify-content-between align-items-start mb-4">\n                <div class="d-flex align-items-center gap-3">\n                    <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 72px; height: 72px;">\n                        <i class="bi bi-activity text-secondary" style="font-size: 36px;"></i>\n                    </div>\n                    <div>\n                        <h3 class="mb-1">Signal Assessment</h3>\n                        <div class="text-muted small">\n                            <span>IP: <code>{{model.ip_address}}</code></span>\n                            <span class="mx-2">|</span>\n                            <span>Stage: {{model.stage}}</span>\n                            <span class="mx-2">|</span>\n                            <span>Page: {{model.page_type|default(\'—\')}}</span>\n                        </div>\n                        <div class="mt-1">\n                            <span class="badge {{decisionBadge}} me-1">{{model.decision|uppercase}}</span>\n                            <span class="text-muted small">Risk Score: <strong>{{model.risk_score}}</strong></span>\n                        </div>\n                    </div>\n                </div>\n                <div data-container="signal-context-menu"></div>\n            </div>\n            <div data-container="signal-tabs"></div>\n        '}get decisionBadge(){return{allow:"bg-success",monitor:"bg-warning",block:"bg-danger"}[this.model?.get("decision")]||"bg-secondary"}async onInit(){await this.model.fetch({params:{graph:"detail"}});const e=new i({model:this.model,template:'\n                <div class="row">\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Assessment</h6>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Decision</label><div><span class="badge {{decisionBadge}}">{{model.decision|uppercase}}</span></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Risk Score</label><div>{{model.risk_score}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Stage</label><div>{{model.stage}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Page Type</label><div>{{model.page_type|default(\'—\')}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">IP Address</label><div><code>{{model.ip_address}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">MUID</label><div><code>{{model.muid|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Created</label><div>{{model.created|datetime}}</div></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Triggered Signals</h6>\n                                {{#model.triggered_signals.length}}\n                                    <div class="d-flex flex-wrap gap-1">\n                                        {{#model.triggered_signals}}\n                                            <span class="badge bg-warning text-dark">{{.}}</span>\n                                        {{/model.triggered_signals}}\n                                    </div>\n                                {{/model.triggered_signals.length}}\n                                {{^model.triggered_signals.length}}\n                                    <span class="text-muted">No signals triggered</span>\n                                {{/model.triggered_signals.length}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            '}),a=new i({model:this.model,template:'\n                <div class="card border-0 bg-light">\n                    <div class="card-body">\n                        <h6 class="fw-bold mb-3">Raw Signals (Client)</h6>\n                        <pre class="bg-white p-3 rounded border"><code>{{{model.raw_signals|json}}}</code></pre>\n                    </div>\n                </div>\n            '}),s=new i({model:this.model,template:'\n                <div class="card border-0 bg-light">\n                    <div class="card-body">\n                        <h6 class="fw-bold mb-3">Server Signals</h6>\n                        <pre class="bg-white p-3 rounded border"><code>{{{model.server_signals|json}}}</code></pre>\n                    </div>\n                </div>\n            '});this.tabView=new P({tabs:{Overview:e,"Raw Signals":a,"Server Signals":s},activeTab:"Overview",containerId:"signal-tabs"}),this.addChild(this.tabView);const n=new t({containerId:"signal-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh",action:"refresh",icon:"bi-arrow-clockwise"}]}});this.addChild(n)}async onActionRefresh(){await this.model.fetch({params:{graph:"detail"}})}}class BouncerSignalTablePage extends I{constructor(e={}){super({...e,name:"admin_bouncer_signals",pageName:"Bouncer Signals",router:"admin/security/bouncer-signals",Collection:BouncerSignalList,itemViewClass:BouncerSignalView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-created"},columns:[{key:"created",label:"Timestamp",formatter:"datetime",sortable:!0,filter:{type:"daterange"}},{key:"ip_address",label:"IP",template:"<code>{{model.ip_address}}</code>",filter:{type:"text"}},{key:"decision",label:"Decision",formatter:e=>`<span class="badge ${{allow:"bg-success",monitor:"bg-warning",block:"bg-danger"}[e]||"bg-secondary"}">${(e||"unknown").toUpperCase()}</span>`,filter:{type:"select",options:["allow","monitor","block"]}},{key:"risk_score",label:"Risk",sortable:!0,formatter:e=>{const t=e||0;return`<span class="text-${t>=80?"danger":t>=50?"warning":t>=20?"info":"success"} fw-semibold">${t}</span>`}},{key:"page_type",label:"Page",filter:{type:"text"}},{key:"stage",label:"Stage",filter:{type:"select",options:["assess","submit","event"]}},{key:"muid",label:"Device",formatter:"truncate_middle(12)"}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No bouncer signals recorded yet.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class BouncerDeviceView extends i{constructor(e={}){super({className:"bouncer-device-view",...e}),this.template='\n            <div class="d-flex justify-content-between align-items-start mb-4">\n                <div class="d-flex align-items-center gap-3">\n                    <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 72px; height: 72px;">\n                        <i class="bi bi-fingerprint text-secondary" style="font-size: 36px;"></i>\n                    </div>\n                    <div>\n                        <h3 class="mb-1">Device</h3>\n                        <div class="text-muted small">\n                            <span>MUID: <code>{{model.muid}}</code></span>\n                            {{#model.duid}}\n                                <span class="mx-2">|</span>\n                                <span>DUID: <code>{{model.duid|truncate_middle(16)}}</code></span>\n                            {{/model.duid}}\n                        </div>\n                        <div class="mt-1">\n                            <span class="badge {{riskBadge}} me-1">{{model.risk_tier|uppercase|default(\'UNKNOWN\')}}</span>\n                            <span class="text-muted small">\n                                {{model.event_count}} events &middot; {{model.block_count}} blocks\n                            </span>\n                        </div>\n                    </div>\n                </div>\n                <div data-container="device-context-menu"></div>\n            </div>\n            <div data-container="device-tabs"></div>\n        '}get riskBadge(){return{blocked:"bg-danger",high:"bg-danger",medium:"bg-warning",low:"bg-success",unknown:"bg-secondary"}[this.model?.get("risk_tier")]||"bg-secondary"}async onInit(){await this.model.fetch({params:{graph:"detail"}});const e=new i({model:this.model,template:'\n                <div class="row">\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Device Info</h6>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">MUID</label><div><code>{{model.muid}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">DUID</label><div><code>{{model.duid|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Fingerprint ID</label><div><code>{{model.fingerprint_id|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Risk Tier</label><div><span class="badge {{riskBadge}}">{{model.risk_tier|uppercase|default(\'UNKNOWN\')}}</span></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Last Seen IP</label><div><code>{{model.last_seen_ip|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Last Seen</label><div>{{model.last_seen|datetime|default(\'—\')}}</div></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Activity</h6>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Event Count</label><div>{{model.event_count}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Block Count</label><div>{{model.block_count}}</div></div>\n                                <h6 class="fw-bold mb-2 mt-3">Linked MUIDs</h6>\n                                {{#model.linked_muids.length}}\n                                    <div class="d-flex flex-wrap gap-1">\n                                        {{#model.linked_muids}}\n                                            <code class="badge bg-light text-dark border">{{.}}</code>\n                                        {{/model.linked_muids}}\n                                    </div>\n                                {{/model.linked_muids.length}}\n                                {{^model.linked_muids.length}}\n                                    <span class="text-muted">No linked devices</span>\n                                {{/model.linked_muids.length}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            '}),a=new Ve({Collection:BouncerSignalList,collectionParams:{size:10,sort:"-created",muid:this.model.get("muid")},columns:[{key:"created",label:"Time",formatter:"relative"},{key:"ip_address",label:"IP",template:"<code>{{model.ip_address}}</code>"},{key:"decision",label:"Decision",formatter:e=>`<span class="badge ${{allow:"bg-success",monitor:"bg-warning",block:"bg-danger"}[e]||"bg-secondary"}">${(e||"—").toUpperCase()}</span>`},{key:"risk_score",label:"Risk"},{key:"page_type",label:"Page"}],searchable:!0,paginated:!0,tableOptions:{hover:!0,size:"sm"}}),s=new Ve({Collection:z,collectionParams:{size:10,sort:"-created",category__startswith:"security:bouncer",search:this.model.get("muid")},columns:[{key:"created",label:"Created",formatter:"epoch|datetime"},{key:"status",label:"Status"},{key:"category",label:"Category"},{key:"title",label:"Title",formatter:"truncate(60)"}],searchable:!0,paginated:!0,tableOptions:{hover:!0,size:"sm"}});this.tabView=new P({tabs:{Overview:e,Signals:a,Incidents:s},activeTab:"Overview",containerId:"device-tabs"}),this.addChild(this.tabView);const n=new t({containerId:"device-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh",action:"refresh",icon:"bi-arrow-clockwise"}]}});this.addChild(n)}async onActionRefresh(){await this.model.fetch({params:{graph:"detail"}})}}class BouncerDeviceTablePage extends I{constructor(e={}){super({...e,name:"admin_bouncer_devices",pageName:"Bouncer Devices",router:"admin/security/bouncer-devices",Collection:BouncerDeviceList,itemViewClass:BouncerDeviceView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-last_seen"},columns:[{key:"muid",label:"MUID",template:"<code>{{model.muid|truncate_middle(16)}}</code>",sortable:!0,filter:{type:"text"}},{key:"risk_tier",label:"Risk Tier",sortable:!0,formatter:e=>`<span class="badge ${{blocked:"bg-danger",high:"bg-danger",medium:"bg-warning",low:"bg-success",unknown:"bg-secondary"}[e]||"bg-secondary"}">${(e||"unknown").toUpperCase()}</span>`,filter:{type:"select",options:["unknown","low","medium","high","blocked"]}},{key:"event_count",label:"Events",sortable:!0},{key:"block_count",label:"Blocks",sortable:!0},{key:"last_seen_ip",label:"Last IP",template:'<code>{{model.last_seen_ip|default("—")}}</code>'},{key:"last_seen",label:"Last Seen",formatter:"relative",sortable:!0}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No bouncer devices tracked yet.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class BotSignatureTablePage extends I{constructor(e={}){super({...e,name:"admin_bot_signatures",pageName:"Bot Signatures",router:"admin/security/bot-signatures",Collection:BouncerSignatureList,formCreate:dt.create,formEdit:dt.edit,viewDialogOptions:{size:"lg"},defaultQuery:{sort:"-modified"},columns:[{key:"sig_type",label:"Type",formatter:"badge",sortable:!0,filter:{type:"select",options:["user_agent","ip_pattern","fingerprint","behavior","header","cookie"]}},{key:"value",label:"Value",formatter:"truncate(60)",filter:{type:"text"}},{key:"source",label:"Source",formatter:e=>`<span class="badge ${"auto"===e?"bg-info":"bg-primary"}">${(e||"unknown").toUpperCase()}</span>`,filter:{type:"select",options:["auto","manual"]}},{key:"confidence",label:"Confidence",sortable:!0,formatter:e=>`${e||0}%`},{key:"hit_count",label:"Hits",sortable:!0},{key:"is_active",label:"Active",formatter:e=>e?'<span class="badge bg-success">ON</span>':'<span class="badge bg-secondary">OFF</span>',filter:{type:"select",options:[{label:"Active",value:"true"},{label:"Inactive",value:"false"}]}},{key:"expires_at",label:"Expires",formatter:'datetime|default("Never")'}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,selectable:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No bot signatures. Click "Add" to create a manual signature.',batchBarLocation:"top",batchActions:[{label:"Enable",icon:"bi bi-check-circle",action:"enable"},{label:"Disable",icon:"bi bi-pause-circle",action:"disable"},{label:"Delete",icon:"bi bi-trash",action:"delete"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionBatchEnable(){const e=this.tableView.getSelectedItems();e.length&&(await Promise.all(e.map(e=>e.model.save({is_active:!0}))),this.getApp().toast.success(`${e.length} signature(s) enabled`),this.tableView.collection.fetch())}async onActionBatchDisable(){const e=this.tableView.getSelectedItems();e.length&&(await Promise.all(e.map(e=>e.model.save({is_active:!1}))),this.getApp().toast.success(`${e.length} signature(s) disabled`),this.tableView.collection.fetch())}async onActionBatchDelete(){const e=this.tableView.getSelectedItems();e.length&&await this.getApp().confirm(`Delete ${e.length} signature${e.length>1?"s":""}? This cannot be undone.`)&&(await Promise.all(e.map(e=>e.model.destroy())),this.getApp().toast.success(`${e.length} signature(s) deleted`),this.tableView.collection.fetch())}}class LogTablePage extends I{constructor(e={}){super({...e,name:"admin_logs",pageName:"Manage Logs",router:"admin/logs",Collection:Me,itemViewClass:LogView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"created|epoch|datetime",label:"Timestamp",sortable:!0,filter:{type:"daterange"}},{key:"level",label:"Level",sortable:!0,formatter:"badge",filter:{type:"select",options:[{value:"info",label:"Info"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}]}},{key:"kind",label:"Kind",filter:{type:"text"}},{key:"method",label:"Method",filter:{type:"text"}},{key:"path",label:"Path",filter:{type:"text"}},{key:"username",label:"User",filter:{type:"text"}},{key:"ip",label:"IP",filter:{type:"text"}},{key:"duid",label:"Browser ID",formatter:"truncate_middle(16)",filter:{type:"text"}}],defaultQuery:{sort:"-created"},selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No log entries found.",batchBarLocation:"top",batchActions:[{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Archive",icon:"bi bi-archive",action:"batch-archive"},{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Mark as Reviewed",icon:"bi bi-check2",action:"batch-reviewed"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class MetricsPermissionsView extends i{constructor(e={}){super({className:"metrics-permissions-view",...e}),this.model=e.model||new ke(e.data||{}),this.template='\n            <div class="container p-3">\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div>\n                        <h3 class="mb-1">Permissions for {{model.account}}</h3>\n                    </div>\n                    <div data-container="context-menu"></div>\n                </div>\n                <div data-container="data-view"></div>\n            </div>\n        '}async onInit(){this.dataView=new Oe({containerId:"data-view",model:this.model,fields:[{name:"view_permissions",label:"View Permissions",format:"list|badge"},{name:"write_permissions",label:"Write Permissions",format:"list|badge"}]}),this.addChild(this.dataView);const e=new t({containerId:"context-menu",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit",action:"edit",icon:"bi-pencil"},{label:"Delete",action:"delete",icon:"bi-trash",danger:!0}]}});this.addChild(e)}async onActionEdit(){const e=await o.showModelForm({title:`Edit Permissions for ${this.model.get("account")}`,model:this.model,formConfig:Ae.edit});e&&(this.model.set(e.data.data),this.render())}async onActionDelete(){await o.confirm(`Are you sure you want to delete all permissions for ${this.model.get("account")}?`)&&(await this.model.destroy(),this.emit("deleted",this.model))}}ke.VIEW_CLASS=MetricsPermissionsView;class MetricsPermissionsTablePage extends I{constructor(e={}){super({...e,name:"admin_metrics_permissions",pageName:"Metrics Permissions",router:"admin/metrics/permissions",Collection:Se,formEdit:Ae.edit,itemViewClass:MetricsPermissionsView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"account",label:"Account",sortable:!0},{key:"view_permissions",label:"View Permissions",formatter:"list|badge"},{key:"write_permissions",label:"Write Permissions",formatter:"list|badge"}],selectable:!0,searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No metrics permissions found.",emptyIcon:"bi-bar-chart-line",actions:["view","edit","delete"]}})}}class Setting extends s{constructor(e={},t={}){super(e,{endpoint:"/api/settings",...t})}}class SettingList extends a{constructor(e={}){super({ModelClass:Setting,endpoint:"/api/settings",size:25,...e})}}const ct={create:{title:"Create Setting",fields:[{name:"key",type:"text",label:"Key",placeholder:"WEBHOOK_SECRET",required:!0,columns:12,help:"A unique configuration key name."},{name:"value",type:"textarea",label:"Value",required:!0,columns:12,help:"The configuration value. For secrets, this will be masked after creation."},{type:"collection",name:"parent",label:"Parent Group",Collection:u,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300,columns:12},{name:"is_secret",type:"switch",label:"Secret",columns:6,help:"Mark as secret to mask the value in API responses."}]},edit:{title:"Edit Setting",fields:[{name:"key",type:"text",label:"Key",columns:12,disabled:!0},{name:"value",type:"textarea",label:"Value",columns:12,help:"Enter a new value to replace the current one."},{name:"is_secret",type:"switch",label:"Secret",columns:12,help:"Mark as secret to mask the value in API responses."},{type:"collection",name:"parent",label:"Parent Group",Collection:u,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300,columns:12}]}};class SettingView extends i{constructor(e={}){super({className:"setting-view",...e}),this.model=e.model||new Setting(e.data||{}),this.template='\n            <div class="setting-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    \x3c!-- Left: Icon & Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary">\n                            <i class="bi bi-gear"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1 font-monospace">{{model.key|default(\'Unnamed Setting\')}}</h3>\n                            <div class="text-muted small">\n                                ID: {{model.id}}\n                                <span class="mx-2">|</span>\n                                Scope: {{model.group.name|default(\'Global\')}}\n                            </div>\n                            <div class="mt-1">\n                                <span class="badge {{model.is_secret|boolean(\'bg-warning text-dark\',\'bg-secondary\')}}">\n                                    {{model.is_secret|boolean(\'Secret\',\'Plain\')}}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right: Meta & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="text-muted small">Created</div>\n                            <div>{{model.created|datetime}}</div>\n                        </div>\n                        <div data-container="setting-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Details --\x3e\n                <div class="list-group mb-3">\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Key</h6>\n                        <p class="mb-0 font-monospace">{{model.key}}</p>\n                    </div>\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Value</h6>\n                        {{#model.is_secret|bool}}\n                            <p class="mb-0 text-muted font-monospace">{{model.display_value|default(\'******\')}}</p>\n                            <small class="text-muted">This is a secret value. Enter a new value to replace it.</small>\n                        {{/model.is_secret|bool}}\n                        {{^model.is_secret|bool}}\n                            <p class="mb-0 font-monospace">{{model.value|default(model.display_value)|default(\'—\')}}</p>\n                        {{/model.is_secret|bool}}\n                    </div>\n                    {{#model.group}}\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Group</h6>\n                        <p class="mb-0">{{model.group.name|default(model.group)}}</p>\n                    </div>\n                    {{/model.group}}\n                </div>\n            </div>\n        '}async onInit(){const e=new t({containerId:"setting-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit",action:"edit-setting",icon:"bi-pencil"},{type:"divider"},{label:"Delete Setting",action:"delete-setting",icon:"bi-trash",danger:!0}]}});this.addChild(e)}async onActionEditSetting(){const e=this.getApp();await e.showModelForm({title:`Edit Setting — ${this.model.get("key")}`,model:this.model,formConfig:ct.edit})&&this.render()}async onActionDeleteSetting(){const e=this.getApp();if(!(await e.confirm({title:"Delete Setting",message:`Permanently delete "${this.model.get("key")}"? This cannot be undone.`,confirmLabel:"Delete",confirmClass:"btn-danger"})))return;e.showLoading();const t=await this.model.delete();e.hideLoading(),t&&!1!==t.success?(e.toast.success("Setting deleted"),this.emit("deleted",{model:this.model})):e.toast.error("Failed to delete setting")}}Setting.VIEW_CLASS=SettingView,Setting.ADD_FORM=ct.create,Setting.EDIT_FORM=ct.edit;class SettingTablePage extends I{constructor(e={}){super({...e,name:"admin_settings",pageName:"Settings",router:"admin/settings",Collection:SettingList,itemViewClass:SettingView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"key",label:"Key",sortable:!0},{key:"display_value",label:"Value",formatter:"default('—')"},{key:"group.name",label:"Group",sortable:!0,formatter:"default('Global')"},{key:"is_secret",label:"Secret",formatter:"boolean('Secret|bg-warning text-dark','Plain|bg-secondary')|badge",width:"100px"},{key:"created",label:"Created",formatter:"datetime",sortable:!0}],defaultQuery:{sort:"key"},selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!1,addButtonLabel:"New Setting",emptyMessage:"No settings found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class FileManagerTablePage extends I{constructor(e={}){super({...e,name:"admin_file_managers",pageName:"Manage Storage Backends",router:"admin/file-managers",Collection:y,formCreate:f.create,formEdit:f.edit,columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"name",label:"Name",formatter:"default('Unnamed Backend')"},{key:"backend_url",label:"Backend URL",sortable:!0},{key:"is_default",label:"Default",formatter:"boolean|badge"},{key:"is_active",label:"Active",formatter:"boolean|badge"},{key:"is_public",label:"Public",formatter:"boolean|badge"},{key:"backend_type",label:"Type",formatter:"default('Unknown')"},{key:"created",label:"Created",formatter:"epoch|datetime"}],contextMenu:[{icon:"bi-pencil",action:"edit",label:"Edit Name"},{icon:"bi-shield",action:"edit-credentials",label:"Edit Credentials"},{icon:"bi-person",action:"edit-owners",label:"Edit Owners"},{divider:!0},{icon:"bi-copy",action:"clone",label:"Clone Manager"},{divider:!0},{icon:"bi-check",action:"test-connection",label:"Test Connection"},{icon:"bi-question-circle",action:"check-cors",label:"Check CORS"},{icon:"bi-wrench",action:"fix-cors",label:"Fix CORS"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No storage backends found. Click "Add Storage Backend" to configure your first backend.',batchBarLocation:"top",batchActions:[{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Activate",icon:"bi bi-check-circle",action:"batch-activate"},{label:"Deactivate",icon:"bi bi-x-circle",action:"batch-deactivate"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionEditOwners(e,t){const i=this.collection.get(t.dataset.id),a=await o.showModelForm({title:"Edit Owners",model:i,fields:f.owners.fields});if(!a)return!0;a.success?this.getApp().toast.success("Owners Updated successfully"):this.getApp().toast.error("Owners update failed")}async onActionCheckCors(e,t){const i=this.collection.get(t.dataset.id),a=await i.save({check_cors:!0});return a.success&&a.data.status?await o.showData({title:`Audit Report - ${i._.name}`,data:a.data,size:"lg"}):this.getApp().toast.error("Connection test failed"),!0}async onActionTestConnection(e,t){const i=this.collection.get(t.dataset.id),a=await i.save({test_connection:!0});return a.success&&a.data.status?this.getApp().toast.success("Connection test successful"):this.getApp().toast.error("Connection test failed"),!0}async onActionEditCredentials(e,t){const i=this.collection.get(t.dataset.id),a=await o.showModelForm({title:"Edit Credentials",model:i,fields:f.credentials.fields});return!a||(a.success&&a.data.status?this.getApp().toast.success("Credentials updated successfully"):this.getApp().toast.error("Failed to update credentials"),!0)}async onActionClone(e,t){if(!(await o.showConfirm({title:"Clone File Manager",message:"This will create a clone with the same credentials."})))return!0;const i=this.collection.get(t.dataset.id),a=await i.save({clone:!0});return a.success&&a.data.status?(this.getApp().toast.success("Connection cloned successfully"),this.collection.fetch()):this.getApp().toast.error("Failed to clone connection"),!0}}class FileView extends i{constructor(e={}){super({className:"file-view",...e}),this.model=e.model||new w(e.data||{}),this.isImage="image"===this.model.get("category");const t=this.model.get("renditions")||{};this.renditionsCollection=new a(Object.values(t)),this.template='\n            <div class="file-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    \x3c!-- Left Side: Thumbnail & Info --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="file-thumbnail" style="width: 80px; height: 80px;">\n                            {{#isImage}}\n                                <a href="{{model.url}}" target="_blank" title="View original file">\n                                    <img src="{{model.renditions.thumbnail.url|default(model.url)}}" class="img-fluid rounded" style="width: 80px; height: 80px; object-fit: cover;">\n                                </a>\n                            {{/isImage}}\n                            {{^isImage}}\n                                <div class="avatar-placeholder rounded bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">\n                                    <i class="bi bi-file-earmark-text text-secondary" style="font-size: 40px;"></i>\n                                </div>\n                            {{/isImage}}\n                        </div>\n                        <div>\n                            <h3 class="mb-1" style="word-break: break-all;">{{model.filename|truncate(40)}}</h3>\n                            <div class="text-muted small">\n                                <span><i class="bi bi-hdd"></i> {{model.file_size|filesize}}</span>\n                                <span class="mx-2">|</span>\n                                <span>{{model.content_type}}</span>\n                            </div>\n                            <div class="text-muted small mt-1">\n                                Uploaded: {{model.created|datetime}}\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Status & Actions --\x3e\n                    <div class="d-flex align-items-center gap-4">\n                        <div class="text-end">\n                            <div class="d-flex align-items-center gap-2 justify-content-end">\n                                <span class="badge {{model.upload_status|badge}}">{{model.upload_status|capitalize}}</span>\n                            </div>\n                             <div class="text-muted small mt-1">\n                                Public: {{{model.is_public|yesnoicon}}}\n                            </div>\n                        </div>\n                        <div data-container="file-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Tab Container --\x3e\n                <div data-container="file-tabs"></div>\n            </div>\n        '}async onInit(){this.infoView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{name:"id",label:"ID"},{name:"filename",label:"Filename"},{name:"storage_filename",label:"Storage Filename"},{name:"content_type",label:"Content Type"},{name:"file_size",label:"File Size",format:"filesize"},{name:"category",label:"Category"},{name:"upload_status",label:"Status",format:"badge"},{name:"created",label:"Created",format:"datetime"},{name:"modified",label:"Modified",format:"datetime"},{name:"user.display_name",label:"Uploaded By"},{name:"file_manager.name",label:"Storage Backend"},{name:"storage_file_path",label:"Storage Path"},{name:"url",label:"Public URL",format:"url"},{name:"is_public",label:"Is Public",format:"boolean"}]}),this.renditionsView=new Ve({collection:this.renditionsCollection,columns:[{key:"role",label:"Role",formatter:"badge"},{key:"filename",label:"Filename",formatter:"truncate(40)"},{key:"file_size",label:"Size",formatter:"filesize"},{key:"content_type",label:"Content Type"},{key:"actions",label:"Actions",template:'\n                        <a href="{{url}}" target="_blank" class="btn btn-sm btn-outline-primary" title="View">\n                            <i class="bi bi-eye"></i>\n                        </a>\n                        <a href="{{url}}" download="{{filename}}" class="btn btn-sm btn-outline-secondary" title="Download">\n                            <i class="bi bi-download"></i>\n                        </a>\n                    '}]});const e={Info:this.infoView};e.Renditions=this.renditionsView,this.tabView=new P({tabs:e,activeTab:"Info",containerId:"file-tabs"}),this.addChild(this.tabView);const i=new t({containerId:"file-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"View",action:"view-file",icon:"bi-eye"},{label:"Download",action:"download-file",icon:"bi bi-download"},{label:"Edit Details",action:"edit-file",icon:"bi bi-pencil"},{type:"divider"},this.model.get("is_public")?{label:"Make Private",action:"make-private",icon:"bi bi-lock"}:{label:"Make Public",action:"make-public",icon:"bi bi-unlock"},{type:"divider"},{label:"Delete File",action:"delete-file",icon:"bi bi-trash",danger:!0}]}});this.addChild(i)}async onActionViewFile(){const e=this.model.get("content_type"),t=this.model.get("url");if(e.startsWith("image/")){const e=this.model.get("renditions")||{},i=[{src:t,alt:"Original"},...Object.values(e).map(e=>({src:e.url,alt:e.role}))];Ue.show(i,{fitToScreen:!1})}else"application/pdf"===e?qe.showDialog(t,{title:this.model.get("filename")}):window.open(t,"_blank")}async onActionDownloadFile(){const e=this.model.get("url");if(e){const t=document.createElement("a");t.href=e,t.download=this.model.get("filename"),document.body.appendChild(t),t.click(),document.body.removeChild(t)}}async onActionEditFile(){await o.showModelForm({title:`Edit File - ${this.model.get("filename")}`,model:this.model,formConfig:x.edit})&&this.render()}async onActionMakePublic(){await this.model.save({is_public:!0}),this.render()}async onActionMakePrivate(){await this.model.save({is_public:!1}),this.render()}async onActionDeleteFile(){await o.confirm(`Are you sure you want to delete the file "${this.model.get("filename")}"? This action cannot be undone.`,"Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("file:deleted",{model:this.model})}}w.VIEW_CLASS=FileView;class FileTablePage extends I{constructor(e={}){super({name:"admin_files",pageName:"Manage Files",router:"admin/files",Collection:_,formEdit:x.edit,itemViewClass:FileView,onAdd:async e=>{await this.handleFileUpload(e)},viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"filename",label:"Filename"},{key:"content_type",label:"Type",formatter:"default('Unknown')"},{key:"file_size",label:"Size",formatter:"filesize"},{key:"group.name",label:"Group",formatter:"default('No Group')"},{key:"upload_status",label:"Status",formatter:"badge"},{key:"created",label:"Uploaded",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No files found. Click "Add File" to upload your first file.',batchBarLocation:"top",batchActions:[{label:"Download",icon:"bi bi-download",action:"batch-download"},{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Move to Group",icon:"bi bi-folder",action:"batch-move"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},...e}),this.enableFileDrop({acceptedTypes:["*/*"],maxFileSize:104857600,multiple:!1,validateOnDrop:!0})}async handleFileUpload(e){e&&e.preventDefault();const t=document.createElement("input");t.type="file",t.accept="*/*",t.multiple=!1,t.style.display="none",t.addEventListener("change",async e=>{const i=e.target.files[0];if(!i)return;const a=104857600;if(i.size>a)this.showError(`File size (${this._formatFileSize(i.size)}) exceeds maximum (${this._formatFileSize(a)})`);else try{const e=new w;let t={};this.options.requiresGroup&&this.getApp().activeGroup&&(t.group=this.getApp().activeGroup.id);const a=e.upload({file:i,name:i.name,description:`File uploaded on ${/* @__PURE__ */(new Date).toLocaleDateString()}`,showToast:!0,onProgress:e=>{e.percentage},onComplete:e=>{this.refresh()},onError:e=>{console.error("Upload failed:",e),this.showError("Upload failed: "+e.message)},...t});await a}catch(s){console.error("Error starting file upload:",s),this.showError("Failed to start file upload: "+s.message)}finally{t.remove()}}),document.body.appendChild(t),t.click()}_formatFileSize(e){if(0===e)return"0 Bytes";const t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(2))+" "+["Bytes","KB","MB","GB"][t]}async onFileDrop(e,t,i){const a=e[0];a.name,a.type,a.size;try{const e=new w;let t={};this.options.requiresGroup&&this.getApp().activeGroup&&(t.group=this.getApp().activeGroup.id);const i=e.upload({file:a,name:a.name,description:`File uploaded via drag & drop on ${/* @__PURE__ */(new Date).toLocaleDateString()}`,showToast:!0,onProgress:e=>{e.percentage},onComplete:e=>{this.refresh()},onError:e=>{console.error("Upload failed:",e),this.showError("Upload failed: "+e.message)},...t});await i}catch(s){console.error("Error starting file upload:",s),this.showError("Failed to start file upload: "+s.message)}}}ze(FileTablePage);class S3BucketTablePage extends I{constructor(e={}){super({...e,name:"admin_s3_buckets",pageName:"Manage S3 Buckets",router:"admin/s3-buckets",Collection:Pe,formCreate:Ce.create,formEdit:Ce.edit,columns:[{key:"id",label:"ID",width:"60px",sortable:!0,class:"text-muted"},{key:"name",label:"Bucket Name",sortable:!0},{key:"created",label:"Created",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No S3 buckets found. Click "Add S3 Bucket" to create your first bucket.',batchBarLocation:"top",batchActions:[{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Make Public",icon:"bi bi-unlock",action:"batch-public"},{label:"Make Private",icon:"bi bi-lock",action:"batch-private"},{label:"Empty Bucket",icon:"bi bi-bucket",action:"batch-empty"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class UserDeviceLocationView extends i{constructor(e={}){super({className:"udl-view",...e}),this.model=e.model||new g(e.data||{}),this._ud=this.model.get("user_device")||{},this._di=this._ud.device_info||{},this._geo=this.model.get("geolocation")||{},this.deviceIcon=this._getDeviceIcon(),this.browserFull=this._getBrowser(),this.osFull=this._getOS(),this.deviceFull=this._getDevice(),this.locationSummary=this._getLocationSummary(),this.countryFlag=this._geo.country_code||"",this.threatLevel=this._geo.threat_level||"unknown",this.threatColor=this._getThreatColor(),this.hasCoordinates=!(!this._geo.latitude||!this._geo.longitude),this.template='\n            <style>\n                .udl-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }\n                .udl-identity { display: flex; align-items: center; gap: 1rem; }\n                .udl-icon-wrap { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; }\n                .udl-title { font-size: 1.15rem; font-weight: 600; margin: 0; line-height: 1.3; }\n                .udl-subtitle { font-size: 0.8rem; color: #6c757d; margin-top: 0.15rem; }\n                .udl-right { display: flex; align-items: flex-start; gap: 0.75rem; }\n                .udl-threat-label { font-size: 0.7rem; color: #adb5bd; text-transform: uppercase; letter-spacing: 0.04em; }\n                .udl-threat-value { font-size: 1rem; font-weight: 600; }\n                .udl-threat-flags { display: flex; gap: 0.35rem; margin-top: 0.35rem; }\n                .udl-flag { font-size: 0.65rem; padding: 0.15em 0.45em; border-radius: 3px; font-weight: 600; }\n            </style>\n\n            <div class="udl-header">\n                <div class="udl-identity">\n                    <div class="udl-icon-wrap bg-primary bg-opacity-10 text-primary">\n                        <i class="bi {{deviceIcon}}"></i>\n                    </div>\n                    <div>\n                        <h4 class="udl-title">{{locationSummary}}</h4>\n                        <div class="udl-subtitle">\n                            {{browserFull}} <span class="text-muted">on</span> {{deviceFull}}\n                            <span class="text-muted mx-1">&middot;</span>\n                            {{model.ip_address}}\n                        </div>\n                    </div>\n                </div>\n                <div class="udl-right">\n                    <div class="text-end">\n                        <div class="udl-threat-label">Threat Level</div>\n                        <div class="udl-threat-value {{threatColor}}">{{threatLevel|capitalize}}</div>\n                        <div class="udl-threat-flags">\n                            {{#_geo.is_vpn}}<span class="udl-flag bg-warning text-dark">VPN</span>{{/_geo.is_vpn}}\n                            {{#_geo.is_tor}}<span class="udl-flag bg-danger text-white">Tor</span>{{/_geo.is_tor}}\n                            {{#_geo.is_proxy}}<span class="udl-flag bg-warning text-dark">Proxy</span>{{/_geo.is_proxy}}\n                            {{#_geo.is_datacenter}}<span class="udl-flag bg-secondary text-white">DC</span>{{/_geo.is_datacenter}}\n                            {{#_geo.is_cloud}}<span class="udl-flag bg-info text-white">Cloud</span>{{/_geo.is_cloud}}\n                        </div>\n                    </div>\n                    <div data-container="udl-context-menu"></div>\n                </div>\n            </div>\n\n            <div data-container="udl-sidenav" style="min-height: 300px;"></div>\n        '}_getDeviceIcon(){const e=this._di?.user_agent?.family?.toLowerCase()||"",t=this._di?.os?.family?.toLowerCase()||"",i=this._di?.device?.family?.toLowerCase()||"";return e.includes("chrome")?"bi-browser-chrome":e.includes("firefox")?"bi-browser-firefox":e.includes("safari")?"bi-browser-safari":e.includes("edge")?"bi-browser-edge":t.includes("mac")||t.includes("ios")?"bi-apple":t.includes("windows")?"bi-windows":t.includes("android")?"bi-android2":i.includes("iphone")?"bi-phone":i.includes("ipad")?"bi-tablet":"bi-geo-alt"}_getBrowser(){const e=this._di?.user_agent||{};return e.family?`${e.family} ${e.major||""}`.trim():"Unknown Browser"}_getOS(){const e=this._di?.os||{},t=[e.major,e.minor].filter(Boolean).join(".");return e.family?`${e.family} ${t}`.trim():"Unknown OS"}_getDevice(){const e=this._di?.device||{},t=[e.brand,e.family].filter(Boolean);return t.length?t.join(" "):"Unknown Device"}_getLocationSummary(){const e=[this._geo.city,this._geo.region,this._geo.country_name].filter(Boolean);return e.length?e.join(", "):"Unknown Location"}_getThreatColor(){const e=(this._geo.threat_level||"").toLowerCase();return"high"===e||this._geo.is_threat?"text-danger":"medium"===e||this._geo.is_suspicious?"text-warning":"low"===e?"text-success":"text-muted"}async onInit(){const e=this._geo,a=this._di,s=[{key:"location",label:"Location",icon:"bi-geo-alt",view:new i({model:this.model,template:`\n                <style>\n                    .udl-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .udl-section-label:first-child { margin-top: 0; }\n                    .udl-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .udl-field-row:last-child { border-bottom: none; }\n                    .udl-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .udl-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                </style>\n\n                <div class="udl-section-label">Geography</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">City</div>\n                    <div class="udl-field-value">${e.city||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Region</div>\n                    <div class="udl-field-value">${e.region||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Country</div>\n                    <div class="udl-field-value">${e.country_name||"—"} ${e.country_code?`<span class="text-muted">(${e.country_code})</span>`:""}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Postal Code</div>\n                    <div class="udl-field-value">${e.postal_code||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Timezone</div>\n                    <div class="udl-field-value">${e.timezone||"—"}</div>\n                </div>\n                ${e.latitude?`\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Coordinates</div>\n                    <div class="udl-field-value">${e.latitude}, ${e.longitude}</div>\n                </div>`:""}\n\n                <div class="udl-section-label">Network</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">IP Address</div>\n                    <div class="udl-field-value" style="font-family: ui-monospace, monospace; font-size: 0.82rem;">{{model.ip_address}}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">ISP</div>\n                    <div class="udl-field-value">${e.isp||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">ASN</div>\n                    <div class="udl-field-value">${e.asn||"—"} ${e.asn_org?`<span class="text-muted small">(${e.asn_org})</span>`:""}</div>\n                </div>\n\n                <div class="udl-section-label">Timestamps</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">First Seen</div>\n                    <div class="udl-field-value">{{model.first_seen|epoch|datetime|default('—')}}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Last Seen</div>\n                    <div class="udl-field-value">{{model.last_seen|epoch|datetime|default('—')}}</div>\n                </div>\n            `})},{key:"device",label:"Device",icon:"bi-laptop",view:new i({model:this.model,template:`\n                <style>\n                    .udl-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .udl-section-label:first-child { margin-top: 0; }\n                    .udl-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .udl-field-row:last-child { border-bottom: none; }\n                    .udl-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .udl-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .udl-ua-string { font-family: ui-monospace, monospace; font-size: 0.73rem; color: #6c757d; word-break: break-all; line-height: 1.5; padding: 0.5rem 0.75rem; background: #f8f9fa; border-radius: 6px; margin-top: 0.25rem; }\n                </style>\n\n                <div class="udl-section-label">Browser</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Name</div>\n                    <div class="udl-field-value">${a?.user_agent?.family||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Version</div>\n                    <div class="udl-field-value">${[a?.user_agent?.major,a?.user_agent?.minor,a?.user_agent?.patch].filter(Boolean).join(".")||"—"}</div>\n                </div>\n\n                <div class="udl-section-label">Operating System</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Name</div>\n                    <div class="udl-field-value">${a?.os?.family||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Version</div>\n                    <div class="udl-field-value">${[a?.os?.major,a?.os?.minor,a?.os?.patch].filter(Boolean).join(".")||"—"}</div>\n                </div>\n\n                <div class="udl-section-label">Hardware</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Brand</div>\n                    <div class="udl-field-value">${a?.device?.brand||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Family</div>\n                    <div class="udl-field-value">${a?.device?.family||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Model</div>\n                    <div class="udl-field-value">${a?.device?.model||"—"}</div>\n                </div>\n\n                ${a?.string?`\n                <div class="udl-section-label">User Agent String</div>\n                <div class="udl-ua-string">${a.string}</div>`:""}\n            `})},{key:"risk",label:"Risk",icon:"bi-shield-exclamation",view:new i({model:this.model,template:`\n                <style>\n                    .udl-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .udl-section-label:first-child { margin-top: 0; }\n                    .udl-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .udl-field-row:last-child { border-bottom: none; }\n                    .udl-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .udl-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .udl-risk-icon { font-size: 0.85rem; margin-right: 0.35rem; }\n                    .udl-risk-yes { color: #dc3545; }\n                    .udl-risk-no { color: #adb5bd; }\n                </style>\n\n                <div class="udl-section-label">Threat Assessment</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Threat Level</div>\n                    <div class="udl-field-value ${this.threatColor}" style="font-weight: 600;">${e.threat_level||"Unknown"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Risk Score</div>\n                    <div class="udl-field-value">${null!=e.risk_score?e.risk_score:"—"}</div>\n                </div>\n\n                <div class="udl-section-label">Detection Flags</div>\n                ${this._riskRow("VPN","bi-shield",e.is_vpn)}\n                ${this._riskRow("Tor Exit Node","bi-shield-lock",e.is_tor)}\n                ${this._riskRow("Proxy","bi-diagram-3",e.is_proxy)}\n                ${this._riskRow("Cloud Provider","bi-cloud",e.is_cloud)}\n                ${this._riskRow("Datacenter","bi-hdd-stack",e.is_datacenter)}\n                ${this._riskRow("Mobile","bi-phone",e.is_mobile)}\n\n                <div class="udl-section-label">Reputation</div>\n                ${this._riskRow("Known Attacker","bi-exclamation-triangle",e.is_known_attacker)}\n                ${this._riskRow("Known Abuser","bi-flag",e.is_known_abuser)}\n                ${this._riskRow("Threat","bi-shield-exclamation",e.is_threat)}\n                ${this._riskRow("Suspicious","bi-question-circle",e.is_suspicious)}\n            `})}];if(this.hasCoordinates)try{const e=new(0,(await import("./chunks/MetricsCountryMapView-Cz6tMj-U.js").then(e=>e.c)).default)({markers:[{lat:this._geo.latitude,lng:this._geo.longitude,popup:`<strong>${this.model.get("ip_address")}</strong><br>${this.locationSummary}`}],tileLayer:"light",zoom:6,height:400});s.push({key:"map",label:"Map",icon:"bi-map",view:e})}catch(o){}const n=this.model.get("ip_address");if(n){const e=new Ve({collection:new C({params:{size:10,source_ip:n}}),hideActivePillNames:["source_ip"],columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Title"}]});s.push({type:"divider",label:"Activity"}),s.push({key:"events",label:"Events",icon:"bi-calendar-event",view:e});const t=new Ve({collection:new Me({params:{size:10,ip:n}}),permissions:"view_logs",hideActivePillNames:["ip"],columns:[{key:"created",label:"Timestamp",sortable:!0,formatter:"epoch|datetime"},{key:"level",label:"Level",sortable:!0},{key:"kind",label:"Kind"},{name:"log",label:"Log"}]});s.push({key:"logs",label:"Logs",icon:"bi-journal-text",view:t,permissions:"view_logs"})}this.sideNavView=new SideNavView({containerId:"udl-sidenav",activeSection:this.hasCoordinates?"map":"location",navWidth:160,contentPadding:"1rem 1.5rem",enableResponsive:!0,minWidth:450,sections:s}),this.addChild(this.sideNavView);const l=new t({containerId:"udl-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[...this._ud?.user?[{label:"View User",action:"view-user",icon:"bi-person"}]:[],...this._ud?.id?[{label:"View Device",action:"view-device",icon:"bi-laptop"}]:[],...this.hasCoordinates?[{label:"Open in Maps",action:"open-in-maps",icon:"bi-box-arrow-up-right"}]:[],{type:"divider"},{label:"Delete Record",action:"delete-record",icon:"bi-trash",danger:!0}]}});this.addChild(l)}_riskRow(e,t,i){return`\n            <div class="udl-field-row">\n                <div class="udl-field-label"><i class="bi ${t} me-1 ${i?"udl-risk-yes":"udl-risk-no"}"></i>${e}</div>\n                <div class="udl-field-value">${i?'<i class="bi bi-check-circle-fill udl-risk-icon udl-risk-yes"></i>Yes':'<i class="bi bi-dash-circle udl-risk-icon udl-risk-no"></i>No'}</div>\n            </div>`}async onActionViewUser(){const e=this._ud?.user?.id||this._ud?.user;e&&this.emit("view-user",{userId:e})}async onActionViewDevice(){const e=this._ud?.id;e&&this.emit("view-device",{deviceId:e})}async onActionOpenInMaps(){this.hasCoordinates&&window.open(`https://www.google.com/maps/search/?api=1&query=${this._geo.latitude},${this._geo.longitude}`,"_blank")}async onActionDeleteRecord(){return!(await o.confirm("Are you sure you want to delete this location record?","Delete Location Record"))||((await this.model.destroy()).success&&this.emit("location:deleted",{model:this.model}),!0)}static async show(e){const t=new g({id:e});return await t.fetch(),t.id?o.showDialog({title:!1,size:"lg",body:new UserDeviceLocationView({model:t}),buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]}):(o.alert({message:`Could not find location record: ${e}`,type:"warning"}),null)}}g.VIEW_CLASS=UserDeviceLocationView;const mt={ec2:[{key:"cpu",label:"CPU Utilization",unit:"%"},{key:"memory",label:"Memory Usage",unit:"%"},{key:"disk",label:"Disk Usage",unit:"%"},{key:"net_in",label:"Network In",unit:"bytes"},{key:"net_out",label:"Network Out",unit:"bytes"},{key:"disk_read",label:"Disk Read Ops",unit:"ops"},{key:"disk_write",label:"Disk Write Ops",unit:"ops"},{key:"status_check",label:"Status Check",unit:""}],rds:[{key:"cpu",label:"CPU Utilization",unit:"%"},{key:"conns",label:"Active Connections",unit:""},{key:"free_storage",label:"Free Storage",unit:"bytes"},{key:"free_memory",label:"Freeable Memory",unit:"bytes"},{key:"read_iops",label:"Read IOPS",unit:"ops/s"},{key:"write_iops",label:"Write IOPS",unit:"ops/s"},{key:"read_latency",label:"Read Latency",unit:"s"},{key:"write_latency",label:"Write Latency",unit:"s"},{key:"net_in",label:"Network In",unit:"bytes"},{key:"net_out",label:"Network Out",unit:"bytes"}],redis:[{key:"cpu",label:"CPU Utilization",unit:"%"},{key:"conns",label:"Current Connections",unit:""},{key:"cache_memory",label:"Cache Memory Used",unit:"bytes"},{key:"cache_hits",label:"Cache Hits",unit:""},{key:"cache_misses",label:"Cache Misses",unit:""},{key:"replication_lag",label:"Replication Lag",unit:"s"},{key:"net_in",label:"Network In",unit:"bytes"},{key:"net_out",label:"Network Out",unit:"bytes"}]},bt={ec2:"bi-pc-display",rds:"bi-database",redis:"bi-lightning-charge"},ut={ec2:"EC2 Instance",rds:"RDS Database",redis:"ElastiCache Redis"};function pt(e){return"%"===e?{label:"%",beginAtZero:!0,max:100}:"bytes"===e?{label:"Bytes",beginAtZero:!0}:"s"===e?{label:"Seconds",beginAtZero:!0}:{beginAtZero:!0}}class CloudWatchResourceView extends i{constructor(e={}){super({className:"cloudwatch-resource-view",...e}),this.resourceType=e.resourceType||"ec2",this.slug=e.slug||"",this.resource=e.resource||{}}async getTemplate(){const e=mt[this.resourceType]||[],t=bt[this.resourceType]||"bi-cloud",i=ut[this.resourceType]||"Resource";this.resource.state||this.resource.status;const a=this._buildMetaItems().map(e=>`<span class="me-3" style="font-size: 0.78rem; color: #6c757d;">${e}</span>`).join("");return`\n            <style>\n                .cwrv-header { padding: 1rem 0; border-bottom: 1px solid #e9ecef; margin-bottom: 1rem; }\n                .cwrv-name { font-size: 1.15rem; font-weight: 700; }\n                .cwrv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n                @media (max-width: 768px) { .cwrv-grid { grid-template-columns: 1fr; } }\n            </style>\n\n            <div class="cwrv-header">\n                <div class="cwrv-name">\n                    <i class="bi ${t} me-2"></i>${this.slug}\n                    <span class="badge bg-secondary ms-2" style="font-size: 0.7rem;">${i}</span>\n                </div>\n                <div class="mt-1">${a}</div>\n            </div>\n\n            <div class="cwrv-grid">\n                ${e.map((e,t)=>`<div id="cwrv-chart-${t}"></div>`).join("")}\n            </div>\n        `}async onInit(){const e=mt[this.resourceType]||[];for(let t=0;t<e.length;t++){const i=e[t],a=new CloudWatchChart({containerId:`cwrv-chart-${t}`,account:this.resourceType,category:i.key,slug:this.slug,title:i.label,height:200,yAxis:pt(i.unit),showGranularity:!0,showDateRange:!1,defaultDateRange:"24h",granularity:"hours"});this.addChild(a)}}_buildMetaItems(){const e=this.resource;switch(this.resourceType){case"ec2":return[e.instance_type,e.private_ip,e.public_ip].filter(Boolean).map((e,t)=>`<i class="bi ${["bi-cpu","bi-hdd-network","bi-globe"][t]} me-1"></i>${e}`);case"rds":return[e.engine,e.instance_class].filter(Boolean).map((e,t)=>`<i class="bi ${["bi-database","bi-cpu"][t]} me-1"></i>${e}`);case"redis":return[e.engine,e.node_type,e.num_nodes?`${e.num_nodes} node${e.num_nodes>1?"s":""}`:""].filter(Boolean).map((e,t)=>`<i class="bi ${["bi-lightning","bi-cpu","bi-diagram-3"][t]} me-1"></i>${e}`);default:return[]}}static async show(e,t,i={},a={}){const s=new CloudWatchResourceView({resourceType:e,slug:t,resource:i}),n=bt[e]||"bi-cloud",l=ut[e]||"Resource";await o.showDialog(s,{header:`<i class="bi ${n} me-2"></i>${t} <small class="text-muted">— ${l}</small>`,size:"xl",scrollable:!0})}}function ht(e,t=!0){if(e.registerPage("system/dashboard",AdminDashboardPage,{permissions:["security"]}),e.registerPage("system/jobs",JobsAdminPage,{permissions:["view_jobs","manage_jobs"]}),e.registerPage("system/users",UserTablePage,{permissions:["view_users","manage_users"]}),e.registerPage("system/groups",GroupTablePage,{permissions:["view_groups","manage_groups"]}),e.registerPage("system/members",MemberTablePage,{permissions:["view_members","manage_groups"]}),e.registerPage("system/s3buckets",S3BucketTablePage,{permissions:["manage_aws"]}),e.registerPage("system/filemanagers",FileManagerTablePage,{permissions:["view_fileman","manage_files"]}),e.registerPage("system/files",FileTablePage,{permissions:["manage_files"]}),e.registerPage("system/incidents",IncidentTablePage,{permissions:["view_security"]}),e.registerPage("system/events",EventTablePage,{permissions:["view_security"]}),e.registerPage("system/logs",LogTablePage,{permissions:["view_logs"]}),e.registerPage("system/user/devices",UserDeviceTablePage,{permissions:["manage_users"]}),e.registerPage("system/user/device-locations",UserDeviceLocationTablePage,{permissions:["manage_users"]}),e.registerPage("system/system/geoip",GeoLocatedIPTablePage,{permissions:["view_security","manage_users"]}),e.registerPage("system/email/mailboxes",EmailMailboxTablePage,{permissions:["manage_aws"]}),e.registerPage("system/email/domains",EmailDomainTablePage,{permissions:["manage_aws"]}),e.registerPage("system/email/sent",SentMessageTablePage,{permissions:["manage_aws"]}),e.registerPage("system/email/templates",EmailTemplateTablePage,{permissions:["manage_aws"]}),e.registerPage("system/incident-dashboard",IncidentDashboardPage,{permissions:["view_security"]}),e.registerPage("system/rulesets",RuleSetTablePage,{permissions:["manage_security"]}),e.registerPage("system/tickets",TicketTablePage,{permissions:["manage_security"]}),e.registerPage("system/metrics/permissions",MetricsPermissionsTablePage,{permissions:["manage_metrics"]}),e.registerPage("system/push/dashboard",PushDashboardPage,{permissions:["manage_notifications"]}),e.registerPage("system/push/configs",PushConfigTablePage,{permissions:["manage_push_config"]}),e.registerPage("system/push/templates",PushTemplateTablePage,{permissions:["manage_notifications"]}),e.registerPage("system/push/deliveries",PushDeliveryTablePage,{permissions:["view_notifications","manage_notifications"]}),e.registerPage("system/push/devices",PushDeviceTablePage,{permissions:["view_devices","manage_devices"]}),e.registerPage("system/phonehub/numbers",PhoneNumberTablePage,{permissions:["view_phone_numbers","manage_phone_numbers"]}),e.registerPage("system/phonehub/sms",SMSTablePage,{permissions:["view_sms","manage_sms"]}),e.registerPage("system/api-keys",ApiKeyTablePage,{permissions:["manage_groups","manage_group"]}),e.registerPage("system/settings",SettingTablePage,{permissions:["manage_settings"]}),e.registerPage("system/cloudwatch",CloudWatchDashboardPage,{permissions:["manage_aws"]}),e.registerPage("system/security/blocked-ips",BlockedIPsTablePage,{permissions:["view_security"]}),e.registerPage("system/security/firewall-log",FirewallLogTablePage,{permissions:["view_security"]}),e.registerPage("system/security/bouncer-signals",BouncerSignalTablePage,{permissions:["view_security"]}),e.registerPage("system/security/bouncer-devices",BouncerDeviceTablePage,{permissions:["view_security"]}),e.registerPage("system/security/bot-signatures",BotSignatureTablePage,{permissions:["manage_security"]}),t&&e.sidebar&&e.sidebar.getMenuConfig){const t=e.sidebar.getMenuConfig("system");if(t&&t.items){const e=[{text:"Dashboard",route:"?page=system/dashboard",icon:"bi-speedometer2",permissions:["security"]},{text:"Users",route:"?page=system/users",icon:"bi-people",permissions:["view_users","manage_users"]},{text:"Groups",route:"?page=system/groups",icon:"bi-diagram-3",permissions:["view_groups","manage_groups"]},{text:"Job Engine",route:"?page=system/jobs",icon:"bi-gear-wide-connected",permissions:["view_jobs","manage_jobs"]},{text:"Security",route:null,icon:"bi-shield-lock",permissions:["view_security"],children:[{text:"Dashboard",route:"?page=system/incident-dashboard",icon:"bi-bar-chart-line",permissions:["view_security"]},{text:"Incidents",route:"?page=system/incidents",icon:"bi-exclamation-triangle",permissions:["view_security"]},{text:"Tickets",route:"?page=system/tickets",icon:"bi-ticket-detailed",permissions:["manage_security"]},{text:"Events",route:"?page=system/events",icon:"bi-bell",permissions:["view_security"]},{text:"Rule Engine",route:"?page=system/rulesets",icon:"bi-funnel",permissions:["manage_security"]},{text:"Blocked IPs",route:"?page=system/security/blocked-ips",icon:"bi-slash-circle",permissions:["view_security"]},{text:"Firewall Log",route:"?page=system/security/firewall-log",icon:"bi-journal-code",permissions:["view_security"]},{text:"GeoIP",route:"?page=system/system/geoip",icon:"bi-globe",permissions:["view_security"]},{text:"Bouncer Signals",route:"?page=system/security/bouncer-signals",icon:"bi-activity",permissions:["view_security"]},{text:"Bouncer Devices",route:"?page=system/security/bouncer-devices",icon:"bi-fingerprint",permissions:["view_security"]},{text:"Bot Signatures",route:"?page=system/security/bot-signatures",icon:"bi-robot",permissions:["manage_security"]}]},{text:"Email",route:null,icon:"bi-envelope",permissions:["manage_aws"],children:[{text:"Domains",route:"?page=system/email/domains",icon:"bi-globe",permissions:["manage_aws"]},{text:"Mailboxes",route:"?page=system/email/mailboxes",icon:"bi-inbox",permissions:["manage_aws"]},{text:"Sent",route:"?page=system/email/sent",icon:"bi-send-check",permissions:["manage_aws"]},{text:"Templates",route:"?page=system/email/templates",icon:"bi-file-text",permissions:["manage_aws"]}]},{text:"Push Notifications",route:null,icon:"bi-broadcast",permissions:["manage_notifications","manage_push_config"],children:[{text:"Dashboard",route:"?page=system/push/dashboard",icon:"bi-bar-chart-line",permissions:["manage_notifications"]},{text:"Configurations",route:"?page=system/push/configs",icon:"bi-gear",permissions:["manage_push_config"]},{text:"Templates",route:"?page=system/push/templates",icon:"bi-file-earmark-text",permissions:["manage_notifications"]},{text:"Deliveries",route:"?page=system/push/deliveries",icon:"bi-send",permissions:["view_notifications","manage_notifications"]},{text:"Devices",route:"?page=system/push/devices",icon:"bi-phone",permissions:["view_devices","manage_devices"]}]},{text:"Phone Hub",route:null,icon:"bi-telephone",permissions:["view_phone_numbers","manage_phone_numbers"],children:[{text:"Numbers",route:"?page=system/phonehub/numbers",icon:"bi-collection",permissions:["view_phone_numbers","manage_phone_numbers"]},{text:"SMS",route:"?page=system/phonehub/sms",icon:"bi-chat-dots",permissions:["view_sms","manage_sms"]}]},{text:"Storage",route:null,icon:"bi-folder",permissions:["manage_files","manage_aws"],children:[{text:"S3 Buckets",route:"?page=system/s3buckets",icon:"bi-bucket",permissions:["manage_aws"]},{text:"Storage Backends",route:"?page=system/filemanagers",icon:"bi-hdd-stack",permissions:["view_fileman","manage_files"]},{text:"Files",route:"?page=system/files",icon:"bi-file-earmark",permissions:["manage_files"]}]},{text:"System",route:null,icon:"bi-wrench-adjustable",permissions:["view_logs","manage_settings","manage_groups"],children:[{text:"Logs",route:"?page=system/logs",icon:"bi-journal-text",permissions:["view_logs"]},{text:"API Keys",route:"?page=system/api-keys",icon:"bi-key",permissions:["manage_groups","manage_group"]},{text:"User Devices",route:"?page=system/user/devices",icon:"bi-phone",permissions:["manage_users"]},{text:"Device Locations",route:"?page=system/user/device-locations",icon:"bi-geo-alt",permissions:["manage_users"]},{text:"Metrics Permissions",route:"?page=system/metrics/permissions",icon:"bi-bar-chart-line",permissions:["manage_metrics"]},{text:"Settings",route:"?page=system/settings",icon:"bi-gear",permissions:["manage_settings"]},{text:"CloudWatch",route:"?page=system/cloudwatch",icon:"bi-cloud",permissions:["manage_aws"]}]}];t.items.unshift(...e)}}}export{AdminDashboardPage,ApiKeyTablePage,ApiKeyView,He as BUILD_TIME,BlockedIPsTablePage,BotSignatureTablePage,BouncerDeviceTablePage,BouncerDeviceView,BouncerSignalTablePage,BouncerSignalView,CloudWatchChart,CloudWatchDashboardPage,CloudWatchResourceView,DeviceView,EmailDomainTablePage,EmailMailboxTablePage,EmailTemplateTablePage,EmailTemplateView,EmailView,EventTablePage,EventView,FileManagerTablePage,FileTablePage,FileView,FirewallLogTablePage,GeoIPView,GeoLocatedIPTablePage,GroupTablePage,GroupView,HandlerBuilderView,IncidentDashboardPage,IncidentTablePage,IncidentView,JobDetailsView,JobHealthView,JobStatsView,JobsAdminPage,LogTablePage,LogView,MemberTablePage,MemberView,MetricsPermissionsTablePage,MetricsPermissionsView,PhoneNumberTablePage,PhoneNumberView,PushConfigTablePage,PushDashboardPage,PushDeliveryTablePage,PushDeliveryView,PushDeviceTablePage,PushDeviceView,PushTemplateTablePage,RuleSetTablePage,RuleSetView,S3BucketTablePage,SMSTablePage,SentMessageTablePage,SettingTablePage,SettingView,TicketTablePage,TicketView,UserDeviceLocationTablePage,UserDeviceLocationView,UserDeviceTablePage,UserTablePage,UserView,We as VERSION,Je as VERSION_INFO,Ke as VERSION_MAJOR,Ye as VERSION_MINOR,Qe as VERSION_REVISION,Ge as WebApp,ht as registerAdminPages,ht as registerSystemPages};
+import{P as e,C as t}from"./chunks/ContextMenu-MUgZ00m8.js";import{V as i,C as a,M as s,r as n,b as l}from"./chunks/Collection-CaiT8TbF.js";import"./chunks/WebSocketClient-D904MtjN.js";import{D as o,U as r,b as d,n as c,o as m,c as b,G as u,j as p,l as h,a as v,m as g,g as f,h as y,F as w,d as x,e as _}from"./chunks/Dialog-C2ZupILO.js";import{M as k,b as A,P as S}from"./chunks/MetricsMiniChartWidget-Ja2m3ujv.js";import{n as C,af as P,$ as T,ag as I,G as D,k as V,w as M,q as N,p as E,I as R,b as F,o as L,r as z,l as $,J as O,ah as j,m as B,am as U,al as q,aj as G,ak as H,ai as W,a6 as J,R as K,B as Y,a5 as Q,a8 as Z,f as X,g as ee,E as te,P as ie,Q as ae,O as se,h as ne,i as le,j as oe,ac as re,ae as de,Z as ce,W as me,X as be,a1 as ue,a2 as pe,y as he,H as ve,z as ge,A as fe,M as ye,L as we,K as xe,N as _e,T as ke,S as Ae,U as Se,aa as Ce,ab as Pe}from"./chunks/ChatView-CQSd2YjH.js";import{a as Te,b as Ie,M as De,T as Ve,f as Me,c as Ne,d as Ee,g as Re,e as Fe}from"./chunks/Passkeys-BPhGi897.js";import{F as Le,a as ze}from"./chunks/FormView-BT8-sbmT.js";import{M as $e}from"./chunks/Modal-B0iezM44.js";import Oe from"./chunks/DataView-BcHpqSQj.js";import{M as je,b as Be}from"./chunks/MetricsCountryMapView-Cz6tMj-U.js";import{L as Ue,P as qe}from"./chunks/PDFViewer-CdNehN74.js";import{W as Ge}from"./chunks/WebApp-2ajVvWc-.js";import{B as He,V as We,a as Je,b as Ke,c as Ye,d as Qe}from"./chunks/version-CW2DfDse.js";class AdminHeaderView extends i{constructor(e={}){super({title:"Dashboard",...e,headerActions:[{label:"Export",icon:"bi-download",action:"export",buttonClass:"btn-primary"}],className:"admin-header-section"}),this.stats={user_activity_day:0,total_users:0,group_activity_day:0,total_groups:0,api_calls:0,apiChange:"",incidents:0,incidentsChange:""},this.prepareStatsForTemplate()}async getTemplate(){return'\n      <div class="admin-stats-header mb-4">\n        <div class="row">\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="user_activity_day"></div>\n          </div>\n\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="group_activity_day"></div>\n          </div>\n\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="api_activity_day"></div>\n          </div>\n\n          <div class="col-xl-3 col-lg-6 col-12 mb-3">\n            <div data-container="incident_activity_day"></div>\n          </div>\n        </div>\n      </div>\n    '}async onInit(){this.userActivity=new A({icon:"bi bi-people fs-2",title:"User Activity",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total_users}} <span class="subtitle-label">Total</span>',background:"#5388D6",textColor:"#FFFFFF",granularity:"days",trendRange:4,trendOffset:0,slugs:["user_activity_day"],account:"global",chartType:"bar",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,showSettings:!0,showDateRange:!0,containerId:"user_activity_day"}),this.addChild(this.userActivity),this.groupActivity=new A({icon:"bi bi-collection fs-2",title:"Group Activity",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total_groups}} <span class="subtitle-label">Total</span>',background:"#1f6a7a",textColor:"#FFFFFF",granularity:"days",trendRange:4,trendOffset:0,slugs:["group_activity_day"],account:"global",chartType:"bar",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,containerId:"group_activity_day"}),this.addChild(this.groupActivity),this.apiActivity=new A({icon:"bi bi-graph-up fs-2",title:"API Requests",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total}} <span class="subtitle-label">Total</span>',background:"#50A079",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",trendRange:4,trendOffset:0,granularity:"days",slugs:["api_calls"],account:"global",chartType:"line",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,containerId:"api_activity_day"}),this.addChild(this.apiActivity),this.incidentActivity=new A({icon:"bi bi-exclamation-triangle fs-2",title:"Incidents",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span> {{total}} <span class="subtitle-label">Total</span>',background:"#B14545",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",trendRange:4,trendOffset:0,granularity:"days",slugs:["incidents"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!0,height:50,chartWidth:"100%",color:"rgba(245, 245, 255, 0.8)",fill:!0,fillColor:"rgba(245, 245, 255, 0.6)",smoothing:.3,showTrending:!0,containerId:"incident_activity_day"}),this.addChild(this.incidentActivity)}async onBeforeRender(){}prepareStatsForTemplate(){}async loadValues(){try{const e=await this.getApp().rest.GET("/api/metrics/value/get",{slugs:["total_users","total_groups"],account:"global"});e.success&&e.data.status&&Object.assign(this.stats,e.data.data),this.groupActivity&&(this.groupActivity.header.total_groups=this.stats.total_groups||0,this.groupActivity.header.render()),this.userActivity&&(this.userActivity.header.total_users=this.stats.total_users||0,this.userActivity.header.render())}catch(e){console.error("Failed to load admin stats:",e)}}async loadStats(){try{const e=await this.getApp().rest.GET("/api/metrics/series",{slugs:["user_created","user_activity_day","incidents","api_calls","api_errors","group_activity_day"],account:"global",granularity:"days"});e.success&&e.data.status&&(Object.assign(this.stats,e.data.data),this.prepareStatsForTemplate())}catch(e){console.error("Failed to load admin stats:",e)}}}class AdminDashboardPage extends e{constructor(e={}){super({...e,title:"Admin Dashboard",className:"admin-dashboard-page"}),this.pageTitle="Admin Dashboard",this.pageSubtitle="System monitoring and metrics overview"}async getTemplate(){return'\n      <div class="admin-dashboard-container container-lg">\n        \x3c!-- Page Header --\x3e\n        <div class="d-flex justify-content-between align-items-center mb-2">\n          <div>\n            <p class="text-muted mb-0">{{pageSubtitle}}</p>\n            <small class="text-info">\n              <i class="bi bi-shield-check me-1"></i>\n              Real-time system metrics and performance monitoring\n            </small>\n          </div>\n          <div class="btn-group" role="group">\n            <button type="button" class="btn btn-outline-secondary btn-sm"\n                    data-action="refresh-all" title="Refresh All Charts">\n              <i class="bi bi-arrow-clockwise"></i> Refresh\n            </button>\n            <button type="button" class="btn btn-outline-primary btn-sm"\n                    data-action="export-metrics" title="Export Metrics Data">\n              <i class="bi bi-download"></i> Export\n            </button>\n            <button type="button" class="btn btn-outline-warning btn-sm"\n                    data-action="view-alerts" title="View System Alerts">\n              <i class="bi bi-bell"></i> Alerts\n            </button>\n          </div>\n        </div>\n\n        \x3c!-- Stats Header --\x3e\n        <div data-container="admin-header"></div>\n        <div data-container="example-chart"></div>\n        \x3c!-- Charts Section --\x3e\n        <div class="row">\n          \x3c!-- Full Width API Metrics Chart --\x3e\n          <div class="col-12 mb-4">\n            <div data-container="api-metrics-chart"></div>\n          </div>\n        </div>\n\n        \x3c!-- System Status Footer --\x3e\n        <div class="row">\n          <div class="col-12">\n            <div class="alert alert-success border-0" role="alert">\n              <div class="d-flex align-items-center">\n                <i class="bi bi-check-circle-fill me-2"></i>\n                <div>\n                  <strong>System Status:</strong> All systems operational.\n                  Last updated: <span class="text-muted">{{lastUpdated}}</span>\n                </div>\n                <div class="ms-auto">\n                  <button class="btn btn-sm btn-outline-success" data-action="view-system-status">\n                    <i class="bi bi-info-circle"></i> Details\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    '}async onInit(){this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString(),this.headerView=new AdminHeaderView({containerId:"admin-header"}),this.addChild(this.headerView),this.apiMetricsChart=new k({title:'<i class="bi bi-graph-up me-2"></i> API Metrics',endpoint:"/api/metrics/fetch",height:250,granularity:"hours",slugs:["api_calls","api_errors"],account:"global",chartType:"line",showDateRange:!1,yAxis:{label:"Count",beginAtZero:!0},tooltip:{y:"number"},containerId:"api-metrics-chart"}),this.addChild(this.apiMetricsChart)}async onActionRefreshAll(e,t){try{const i=t||e?.currentTarget||null,a=i?.querySelector?.("i");a?.classList.add("bi-spin"),i&&(i.disabled=!0);const s=[this.headerView?.loadValues(),this.apiMetricsChart?.refresh()].filter(Boolean);await Promise.allSettled(s),this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString();const n=this.getApp()?.events;n&&n.emit("admin:dashboard-refreshed",{page:this,timestamp:this.lastUpdated})}catch(i){console.error("Failed to refresh dashboard:",i);const e=this.element.querySelector(".alert-success");e&&(e.className="alert alert-danger border-0",e.innerHTML='\n          <div class="d-flex align-items-center">\n            <i class="bi bi-exclamation-triangle-fill me-2"></i>\n            <div>\n              <strong>Error:</strong> Failed to refresh dashboard data.\n            </div>\n          </div>\n        ',setTimeout(()=>{e.className="alert alert-success border-0",e.innerHTML=`\n            <div class="d-flex align-items-center">\n              <i class="bi bi-check-circle-fill me-2"></i>\n              <div>\n                <strong>System Status:</strong> All systems operational.\n                Last updated: <span class="text-muted">${this.lastUpdated}</span>\n              </div>\n            </div>\n          `},5e3))}finally{const e=t.querySelector("i");e?.classList.remove("bi-spin"),button&&(button.disabled=!1)}}async onActionExportMetrics(e,t){try{await(this.apiMetricsChart?.export("png"));const e=this.getApp()?.events;e&&e.emit("admin:metrics-exported",{page:this,charts:["api-metrics"]})}catch(i){console.error("Failed to export metrics:",i)}}async onActionViewAlerts(e,t){const i=this.getApp()?.router;i&&i.navigateTo("/admin/alerts")}async onActionViewSystemStatus(e,t){const i=this.getApp()?.router;i&&i.navigateTo("/admin/system-status")}async refreshDashboard(){return this.onActionRefreshAll(null,null,{disabled:!1,querySelector:()=>null})}getCharts(){return{apiMetrics:this.apiMetricsChart}}getStats(){return this.headerView?.stats||{}}async onAfterRender(){this.headerView?.loadValues()}}class SideNavView extends i{constructor(e={}){const{sections:t=[],activeSection:i,navWidth:a,contentPadding:s,enableResponsive:n,minWidth:l,...o}=e;super({tagName:"div",className:"side-nav-view",...o}),this.navWidth=a||200,this.contentPadding=s||"1.5rem 2.5rem",this.enableResponsive=!1!==n,this.minWidth=l||500,this.sectionConfigs=[],this.sectionViews={},this.sectionKeys=[],this.activeSection=null,this.currentMode="sidebar",this.resizeObserver=null,this.lastContainerWidth=0;for(const r of t)this._addSectionConfig(r);this.activeSection=i||this.sectionKeys[0]||null,this.handleResize=this.handleResize.bind(this)}_addSectionConfig(e){"divider"!==e.type?e.permissions&&!this._hasPermission(e.permissions)||(this.sectionConfigs.push(e),this.sectionKeys.push(e.key),e.view&&(this.sectionViews[e.key]=e.view,e.view.parent=this)):this.sectionConfigs.push({type:"divider",label:e.label})}_hasPermission(e){try{return this.getApp().activeUser.hasPerm(e)}catch{return!0}}async renderTemplate(){const e="dropdown"===this.currentMode?this._buildDropdownNav():this._buildSidebarNav();return`\n            <style>\n                .snv-layout { display: flex; height: 100%; min-height: 0; }\n                .snv-nav {\n                    width: ${this.navWidth}px;\n                    background: #f8f9fc;\n                    border-right: 1px solid #e9ecef;\n                    padding: 0.75rem 0;\n                    flex-shrink: 0;\n                    overflow-y: auto;\n                }\n                .snv-nav a {\n                    color: #495057;\n                    padding: 0.45rem 1.25rem;\n                    font-size: 0.85rem;\n                    display: flex;\n                    align-items: center;\n                    gap: 0.5rem;\n                    text-decoration: none;\n                    cursor: pointer;\n                }\n                .snv-nav a:hover { background: #e9ecef; }\n                .snv-nav a.active {\n                    background: #e7f1ff;\n                    color: #0d6efd;\n                    font-weight: 600;\n                    border-right: 2px solid #0d6efd;\n                }\n                .snv-nav a i { width: 18px; text-align: center; font-size: 0.9rem; }\n                .snv-nav-label {\n                    font-size: 0.65rem;\n                    font-weight: 700;\n                    text-transform: uppercase;\n                    letter-spacing: 0.06em;\n                    color: #adb5bd;\n                    padding: 0.75rem 1.25rem 0.25rem;\n                }\n                .snv-content {\n                    flex: 1;\n                    overflow-y: auto;\n                    padding: ${this.contentPadding};\n                    min-width: 0;\n                }\n                .snv-content > .snv-section { display: none; }\n                .snv-content > .snv-section.snv-active { display: block; }\n                .snv-dropdown { margin-bottom: 0.75rem; }\n                .snv-select-btn {\n                    display: flex;\n                    align-items: center;\n                    gap: 0.5rem;\n                    width: 100%;\n                    padding: 0.5rem 1rem;\n                    background: #f8f9fc;\n                    border: 1px solid #dee2e6;\n                    border-radius: 0.375rem;\n                    font-size: 0.85rem;\n                    color: #495057;\n                    cursor: pointer;\n                }\n                .snv-select-btn:hover { background: #e9ecef; }\n                .snv-select-btn::after {\n                    content: '';\n                    display: inline-block;\n                    margin-left: auto;\n                    border-top: 0.3em solid;\n                    border-right: 0.3em solid transparent;\n                    border-left: 0.3em solid transparent;\n                }\n                @media (max-width: 576px) {\n                    .snv-nav { display: none; }\n                    .snv-content { padding: 1.25rem; }\n                }\n            </style>\n            ${"dropdown"===this.currentMode?`\n                <div class="snv-dropdown">${e}</div>\n                <div class="snv-content" data-container="snv-content"></div>\n            `:`\n                <div class="snv-layout">\n                    <nav class="snv-nav">${e}</nav>\n                    <div class="snv-content" data-container="snv-content"></div>\n                </div>\n            `}\n        `}_buildSidebarNav(){return this.sectionConfigs.map(e=>{if("divider"===e.type)return`<div class="snv-nav-label">${this.escapeHtml(e.label)}</div>`;const t=e.key===this.activeSection,i=e.icon?`<i class="bi ${e.icon}"></i>`:"";return`<a role="button" class="${t?"active":""}" data-action="navigate" data-section="${e.key}">${i} ${this.escapeHtml(e.label)}</a>`}).join("")}_buildDropdownNav(){const e=this.sectionConfigs.find(e=>e.key===this.activeSection),t=e?e.label:this.sectionKeys[0],i=this.sectionConfigs.filter(e=>"divider"!==e.type).map(e=>{const t=e.key===this.activeSection;return`\n                    <li>\n                        <button class="dropdown-item ${t?"active":""}"\n                                data-action="navigate"\n                                data-section="${e.key}"\n                                type="button">\n                            ${e.icon?`<i class="bi ${e.icon} me-2"></i>`:""}\n                            ${this.escapeHtml(e.label)}\n                            ${t?'<i class="bi bi-check-lg ms-2"></i>':""}\n                        </button>\n                    </li>\n                `}).join("");return`\n            <div class="dropdown">\n                <button class="snv-select-btn" type="button"\n                        data-bs-toggle="dropdown" aria-expanded="false">\n                    ${e?.icon?`<i class="bi ${e.icon}"></i>`:""}\n                    <span>${this.escapeHtml(t)}</span>\n                </button>\n                <ul class="dropdown-menu w-100">${i}</ul>\n            </div>\n        `}async onAfterRender(){await super.onAfterRender(),this.activeSection&&await this._mountSection(this.activeSection),this.enableResponsive&&this._setupResponsive()}async onBeforeDestroy(){await super.onBeforeDestroy(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),"undefined"!=typeof window&&window.removeEventListener("resize",this.handleResize);for(const e of Object.values(this.sectionViews))e&&"function"==typeof e.destroy&&await e.destroy()}async showSection(e){if(!this.sectionViews[e])return console.warn(`SideNavView: Section "${e}" does not exist`),!1;if(e===this.activeSection){const t=this.sectionViews[e];if(t&&t.isMounted()&&this.element?.contains(t.element))return!0}const t=this.activeSection;return this.activeSection=e,t&&t!==e&&await this._unmountSection(t),await this._mountSection(e),this._updateNavState(e),this.emit("section:changed",{activeSection:e,previousSection:t}),!0}async _mountSection(e){const t=this.sectionViews[e];if(!t)return;const i=this.element?.querySelector('[data-container="snv-content"]');if(i&&!t.isMounted()){this._showContentLoading(i);try{await t.render(!0,i)}finally{this._hideContentLoading(i)}}}_showContentLoading(e){if(!e)return;let t=e.querySelector(".snv-loading");t||(t=document.createElement("div"),t.className="snv-loading",t.innerHTML='<div class="spinner-border spinner-border-sm text-secondary" role="status"><span class="visually-hidden">Loading...</span></div>',t.style.cssText="display:flex;align-items:center;justify-content:center;padding:3rem;",e.prepend(t))}_hideContentLoading(e){if(!e)return;const t=e.querySelector(".snv-loading");t&&t.remove()}async _unmountSection(e){const t=this.sectionViews[e];t&&t.isMounted()&&await t.unmount()}_updateNavState(e){if(!this.element)return;this.element.querySelectorAll(".snv-nav a, .dropdown-item").forEach(t=>{const i=t.dataset.section;i&&t.classList.toggle("active",i===e)});const t=this.element.querySelector(".snv-select-btn span");if(t){const i=this.sectionConfigs.find(t=>t.key===e);i&&(t.textContent=i.label)}}async onActionNavigate(e,t){e.preventDefault();const i=t.dataset.section;return i&&await this.showSection(i),!0}_setupResponsive(){if(this.element&&this.enableResponsive)if(this._updateMode(),"undefined"!=typeof ResizeObserver){this.resizeObserver=new ResizeObserver(()=>{this.handleResize()});const e=this.element.parentElement||this.element;this.resizeObserver.observe(e)}else window.addEventListener("resize",this.handleResize)}async handleResize(){const e=this._getContainerWidth();Math.abs(e-this.lastContainerWidth)>50&&(this.lastContainerWidth=e,await this._updateMode())}_getContainerWidth(){return this.element&&(this.element.parentElement||this.element).offsetWidth||this.minWidth}async _updateMode(){const e=this._getContainerWidth(),t=e<this.minWidth?"dropdown":"sidebar";t!==this.currentMode&&(this.currentMode=t,this.isMounted()&&await this.render(),this.emit("navigation:modeChanged",{mode:this.currentMode,containerWidth:e}))}getActiveSection(){return this.activeSection}getSectionKeys(){return[...this.sectionKeys]}getSection(e){return this.sectionViews[e]||null}async addSection(e,t=!1){return e.key&&this.sectionViews[e.key]?(console.warn(`SideNavView: Section "${e.key}" already exists`),!1):(this._addSectionConfig(e),this.isMounted()&&(await this.render(),t&&e.key&&await this.showSection(e.key)),this.emit("section:added",{config:e}),!0)}async removeSection(e){const t=this.sectionViews[e];return t?("function"==typeof t.destroy&&await t.destroy(),delete this.sectionViews[e],this.sectionKeys=this.sectionKeys.filter(t=>t!==e),this.sectionConfigs=this.sectionConfigs.filter(t=>t.key!==e),this.activeSection===e&&(this.activeSection=this.sectionKeys[0]||null),this.isMounted()&&await this.render(),this.emit("section:removed",{key:e}),!0):(console.warn(`SideNavView: Section "${e}" does not exist`),!1)}_onModelChange(){}static create(e={}){return new SideNavView(e)}}class LoginEvent extends s{constructor(e={}){super(e,{endpoint:"/api/account/logins"})}}class LoginEventList extends a{constructor(e={}){super({ModelClass:LoginEvent,endpoint:"/api/account/logins",...e})}}class LoginLocationMapView extends i{constructor(e={}){super({className:"login-location-map-view",...e}),this.userId=e.userId||null,this.height=e.height||360,this.mapStyle=e.mapStyle||"dark",this.drStart=e.drStart||null,this.drEnd=e.drEnd||null,this._drillCountry=null,this._refreshing=!1,this.mapView=null,this._mapAvailable=!1}async getTemplate(){return`\n            <div class="login-location-map">\n                <div class="d-none align-items-center gap-2 mb-2" data-region="drill-bar">\n                    <button class="btn btn-sm btn-outline-secondary" data-action="reset-drill-down">\n                        <i class="bi bi-arrow-left me-1"></i>All Countries\n                    </button>\n                    <span class="text-muted small" data-region="drill-label"></span>\n                </div>\n                <div data-container="map" style="height:${this.height}px;"></div>\n                <div class="text-muted small px-1 pt-2" data-region="status"></div>\n            </div>\n        `}async onInit(){try{const e=(await import("./chunks/MetricsCountryMapView-Cz6tMj-U.js").then(e=>e.d)).default;this.mapView=new e({containerId:"map",height:this.height,style:this.mapStyle,zoom:1.3,center:[10,20],pitch:15,bearing:0,showNavigationControl:!0,autoFitBounds:!1}),this.addChild(this.mapView),this._mapAvailable=!0,await this.refresh()}catch(e){this._mapAvailable=!1,this._setStatus("Map extension not available.")}}async refresh(){if(!this._refreshing&&this._mapAvailable){this._refreshing=!0,this._setStatus("Loading locations…");try{const e=await this._fetchSummary();this._applyMarkers(e),this._setStatus("")}catch(e){console.error("LoginLocationMapView refresh error",e),this._setStatus("Unable to load login locations.")}finally{this._refreshing=!1}}}async _fetchSummary(e=null){const t=this.getApp()?.rest;if(!t)throw new Error("REST client unavailable");const i={};let a;this.drStart&&(i.dr_start=this.drStart),this.drEnd&&(i.dr_end=this.drEnd),this.userId?(a="/api/account/logins/user",i.user_id=this.userId):a="/api/account/logins/summary",e&&(i.country_code=e,i.region=!0);const s=await t.GET(a,i);if(!s.success||!s.data?.status)throw new Error(s.data?.error||"Login summary API error");return s.data.data||[]}_applyMarkers(e){if(!e.length)return this.mapView.updateMarkers([]),void this._setStatus("No login locations found.");const t=Math.max(...e.map(e=>e.count)),i=e.filter(e=>e.latitude&&e.longitude).map(e=>{const i=e.count/(t||1),a=Math.round(18+26*i),s=!!e.region,n=s?e.region:e.country_code,l=s?e.new_region_count||0:e.new_country_count||0,o=s?"new region":"new country",r=`\n                    <div class="text-center" style="min-width:120px;">\n                        <div class="fw-semibold">${n}</div>\n                        <div class="text-muted">${e.count.toLocaleString()} login${1!==e.count?"s":""}</div>\n                        ${l>0?`<div><span class="badge bg-warning text-dark" style="font-size:0.65rem;">${l} ${o}</span></div>`:""}\n                    </div>\n                `;return{lng:e.longitude,lat:e.latitude,size:a,color:this._getMarkerColor(i),popup:r,_countryCode:e.country_code,_isRegion:s}});this.mapView.updateMarkers(i),this._drillCountry||this._attachMarkerClicks(i)}_attachMarkerClicks(e){this.mapView?.mapMarkers&&this.mapView.mapMarkers.forEach((t,i)=>{const a=e[i];if(!a||a._isRegion)return;const s=t.getElement();s&&s.addEventListener("dblclick",e=>{e.stopPropagation(),this.drillDown(a._countryCode)})})}_getMarkerColor(e){const t=[255,193,7],i=[32,201,151].map((i,a)=>Math.round(i+(t[a]-i)*e));return`rgba(${i[0]}, ${i[1]}, ${i[2]}, 0.9)`}async drillDown(e){if(!this._refreshing){this._drillCountry=e,this._showDrillBar(e),this._refreshing=!0,this._setStatus("Loading regions…");try{const t=await this._fetchSummary(e);this._applyMarkers(t),this._setStatus(""),this.mapView?.markers?.length>1&&this.mapView.fitBounds()}catch(t){console.error("LoginLocationMapView drillDown error",t),this._setStatus("Unable to load region data.")}finally{this._refreshing=!1}}}async onActionResetDrillDown(){this._drillCountry=null,this._hideDrillBar(),await this.refresh()}_showDrillBar(e){const t=this.element?.querySelector('[data-region="drill-bar"]'),i=this.element?.querySelector('[data-region="drill-label"]');t&&t.classList.replace("d-none","d-flex"),i&&(i.textContent=`Regions in ${e}`)}_hideDrillBar(){const e=this.element?.querySelector('[data-region="drill-bar"]');e&&e.classList.replace("d-flex","d-none")}onTabActivated(){this.mapView?.map&&this.mapView.map.resize()}_setStatus(e){const t=this.element?.querySelector('[data-region="status"]');t&&(t.textContent=e||"",t.style.display=e?"block":"none")}}class AdminProfileSection extends i{constructor(e={}){super({className:"admin-profile-section",template:'\n                <style>\n                    .ap-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.75rem; }\n                    .ap-section-label:first-child { margin-top: 0; }\n                    .ap-field-row { display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .ap-field-row:last-child { border-bottom: none; }\n                    .ap-field-label { width: 140px; font-size: 0.8rem; color: #6c757d; flex-shrink: 0; }\n                    .ap-field-value { flex: 1; font-size: 0.88rem; color: #212529; display: flex; align-items: center; gap: 0.4rem; }\n                    .ap-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .ap-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                    .ap-badge-ok { font-size: 0.65rem; padding: 0.15em 0.45em; background: #d1e7dd; color: #0f5132; border-radius: 3px; }\n                    .ap-badge-warn { font-size: 0.65rem; padding: 0.15em 0.45em; background: #fff3cd; color: #856404; border-radius: 3px; }\n                    .ap-badge-muted { font-size: 0.65rem; padding: 0.15em 0.45em; background: #f0f0f0; color: #6c757d; border-radius: 3px; }\n                    .ap-not-set { color: #adb5bd; font-style: italic; font-size: 0.85rem; }\n                </style>\n\n                \x3c!-- Contact & Verification --\x3e\n                <div class="ap-section-label">Contact & Verification</div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Email</div>\n                    <div class="ap-field-value">\n                        {{model.email}}\n                        {{#model.is_email_verified|bool}}\n                            <span class="ap-badge-ok">Verified</span>\n                        {{/model.is_email_verified|bool}}\n                        {{^model.is_email_verified|bool}}\n                            <span class="ap-badge-warn">Unverified</span>\n                        {{/model.is_email_verified|bool}}\n                    </div>\n                    {{#model.is_email_verified|bool}}\n                        <button type="button" class="ap-field-action" data-action="unverify-email" title="Mark as unverified"><i class="bi bi-x-circle"></i></button>\n                    {{/model.is_email_verified|bool}}\n                    {{^model.is_email_verified|bool}}\n                        <button type="button" class="ap-field-action" data-action="force-verify-email" title="Force verify"><i class="bi bi-patch-check"></i></button>\n                    {{/model.is_email_verified|bool}}\n                    <button type="button" class="ap-field-action" data-action="change-email" title="Change email"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Phone</div>\n                    <div class="ap-field-value">\n                        {{#hasPhone|bool}}\n                            {{model.phone_number}}\n                            {{#model.is_phone_verified|bool}}\n                                <span class="ap-badge-ok">Verified</span>\n                            {{/model.is_phone_verified|bool}}\n                            {{^model.is_phone_verified|bool}}\n                                <span class="ap-badge-warn">Unverified</span>\n                            {{/model.is_phone_verified|bool}}\n                        {{/hasPhone|bool}}\n                        {{^hasPhone|bool}}\n                            <span class="ap-not-set">Not set</span>\n                        {{/hasPhone|bool}}\n                    </div>\n                    {{#hasPhone|bool}}\n                        {{#model.is_phone_verified|bool}}\n                            <button type="button" class="ap-field-action" data-action="unverify-phone" title="Mark as unverified"><i class="bi bi-x-circle"></i></button>\n                        {{/model.is_phone_verified|bool}}\n                        {{^model.is_phone_verified|bool}}\n                            <button type="button" class="ap-field-action" data-action="force-verify-phone" title="Force verify"><i class="bi bi-patch-check"></i></button>\n                        {{/model.is_phone_verified|bool}}\n                        <button type="button" class="ap-field-action" data-action="change-phone" title="Change phone"><i class="bi bi-pencil"></i></button>\n                        <button type="button" class="ap-field-action" data-action="remove-phone" title="Remove phone"><i class="bi bi-x-lg"></i></button>\n                    {{/hasPhone|bool}}\n                    {{^hasPhone|bool}}\n                        <button type="button" class="ap-field-action" data-action="set-phone" title="Set phone number"><i class="bi bi-plus"></i></button>\n                    {{/hasPhone|bool}}\n                </div>\n\n                \x3c!-- Account --\x3e\n                <div class="ap-section-label">Account</div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Username</div>\n                    <div class="ap-field-value">{{model.username}}</div>\n                    <button type="button" class="ap-field-action" data-action="edit-username" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Status</div>\n                    <div class="ap-field-value">\n                        {{#model.is_active|bool}}<span class="ap-badge-ok">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span class="ap-badge-warn">Inactive</span>{{/model.is_active|bool}}\n                    </div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Role</div>\n                    <div class="ap-field-value">\n                        {{roleLabel}}\n                        {{#model.is_staff|bool}}<span class="ap-badge-muted">Staff</span>{{/model.is_staff|bool}}\n                    </div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">MFA</div>\n                    <div class="ap-field-value">\n                        {{#model.requires_mfa|bool}}<span class="ap-badge-ok">Required</span>{{/model.requires_mfa|bool}}\n                        {{^model.requires_mfa|bool}}<span class="ap-badge-muted">Not required</span>{{/model.requires_mfa|bool}}\n                    </div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Member Since</div>\n                    <div class="ap-field-value">{{model.date_joined|date}}</div>\n                </div>\n                <div class="ap-field-row">\n                    <div class="ap-field-label">Last Login</div>\n                    <div class="ap-field-value">{{model.last_login|relative}}</div>\n                </div>\n            ',...e})}get hasPhone(){return!(!this.model||!this.model.get("phone_number"))}get roleLabel(){return this.model&&this.model.get("is_superuser")?"Superuser":"User"}async onActionForceVerifyEmail(){return!(await o.confirm(`Mark <strong>${this.model.get("email")}</strong> as verified? This bypasses the normal verification flow.`,"Force Verify Email"))||(await this._saveField({is_email_verified:!0},"Email marked as verified"),!0)}async onActionUnverifyEmail(){return!(await o.confirm("Mark email as unverified? The user will need to re-verify their email.","Unverify Email"))||(await this._saveField({is_email_verified:!1},"Email marked as unverified"),!0)}async onActionForceVerifyPhone(){return!(await o.confirm(`Mark <strong>${this.model.get("phone_number")}</strong> as verified? This bypasses the normal verification flow.`,"Force Verify Phone"))||(await this._saveField({is_phone_verified:!0},"Phone marked as verified"),!0)}async onActionUnverifyPhone(){return!(await o.confirm("Mark phone as unverified? The user will need to re-verify their phone number.","Unverify Phone"))||(await this._saveField({is_phone_verified:!1},"Phone marked as unverified"),!0)}async onActionChangeEmail(){const e=await o.prompt("Enter the new email address for this user:","Change Email",{defaultValue:this.model.get("email")||""});return null===e||!e.trim()||(await this._saveField({email:e.trim()},"Email updated"),!0)}async onActionChangePhone(){const e=await o.prompt("Enter the new phone number for this user:","Change Phone",{defaultValue:this.model.get("phone_number")||""});return null===e||!e.trim()||(await this._saveField({phone_number:e.trim()},"Phone number updated"),!0)}async onActionSetPhone(){const e=await o.prompt("Enter a phone number for this user:","Set Phone Number",{placeholder:"(415) 555-0123"});return!e||!e.trim()||(await this._saveField({phone_number:e.trim()},"Phone number added"),!0)}async onActionRemovePhone(){if(!(await o.confirm("Remove this user's phone number?","Remove Phone")))return!0;const e=await this.model.save({phone_number:null});return 200===e.status?(this.model.set("is_phone_verified",!1),this.getApp()?.toast?.success("Phone number removed"),await this.render()):this.getApp()?.toast?.error(e.message||"Failed to remove phone number"),!0}async onActionEditUsername(){const e=await o.prompt("Username:","Edit Username",{defaultValue:this.model.get("username")||""});return null!==e&&e.trim()&&await this._saveField({username:e.trim()},"Username updated"),!0}async _saveField(e,t){const i=await this.model.save(e);200===i.status?(this.getApp()?.toast?.success(t),await this.render()):this.getApp()?.toast?.error(i.message||"Failed to save")}}class AdminPersonalSection extends i{constructor(e={}){super({className:"admin-personal-section",template:'\n                <style>\n                    .aps-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.75rem; }\n                    .aps-section-label:first-child { margin-top: 0; }\n                    .aps-field-row { display: flex; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .aps-field-row:last-child { border-bottom: none; }\n                    .aps-field-label { width: 140px; font-size: 0.8rem; color: #6c757d; flex-shrink: 0; }\n                    .aps-field-value { flex: 1; font-size: 0.88rem; color: #212529; display: flex; align-items: center; gap: 0.4rem; }\n                    .aps-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .aps-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                    .aps-badge-ok { font-size: 0.65rem; padding: 0.15em 0.45em; background: #d1e7dd; color: #0f5132; border-radius: 3px; }\n                    .aps-badge-warn { font-size: 0.65rem; padding: 0.15em 0.45em; background: #fff3cd; color: #856404; border-radius: 3px; }\n                    .aps-not-set { color: #adb5bd; font-style: italic; font-size: 0.85rem; }\n                </style>\n\n                \x3c!-- Name --\x3e\n                <div class="aps-section-label">Name</div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Display Name</div>\n                    <div class="aps-field-value">\n                        {{#model.display_name}}{{model.display_name}}{{/model.display_name}}\n                        {{^model.display_name}}<span class="aps-not-set">Not set</span>{{/model.display_name}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-display-name" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">First Name</div>\n                    <div class="aps-field-value">\n                        {{#model.first_name}}{{model.first_name}}{{/model.first_name}}\n                        {{^model.first_name}}<span class="aps-not-set">Not set</span>{{/model.first_name}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-first-name" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Last Name</div>\n                    <div class="aps-field-value">\n                        {{#model.last_name}}{{model.last_name}}{{/model.last_name}}\n                        {{^model.last_name}}<span class="aps-not-set">Not set</span>{{/model.last_name}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-last-name" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n\n                \x3c!-- Details --\x3e\n                <div class="aps-section-label">Details</div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Date of Birth</div>\n                    <div class="aps-field-value">\n                        {{#hasDob|bool}}\n                            {{dobFormatted}}\n                            {{#model.is_dob_verified|bool}}<span class="aps-badge-ok">Verified</span>{{/model.is_dob_verified|bool}}\n                            {{^model.is_dob_verified|bool}}<span class="aps-badge-warn">Unverified</span>{{/model.is_dob_verified|bool}}\n                        {{/hasDob|bool}}\n                        {{^hasDob|bool}}<span class="aps-not-set">Not set</span>{{/hasDob|bool}}\n                    </div>\n                    {{#hasDob|bool}}\n                        {{#model.is_dob_verified|bool}}\n                            <button type="button" class="aps-field-action" data-action="unverify-dob" title="Mark as unverified"><i class="bi bi-x-circle"></i></button>\n                        {{/model.is_dob_verified|bool}}\n                        {{^model.is_dob_verified|bool}}\n                            <button type="button" class="aps-field-action" data-action="force-verify-dob" title="Force verify"><i class="bi bi-patch-check"></i></button>\n                        {{/model.is_dob_verified|bool}}\n                    {{/hasDob|bool}}\n                    <button type="button" class="aps-field-action" data-action="edit-dob" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Timezone</div>\n                    <div class="aps-field-value">{{timezoneDisplay}}</div>\n                    <button type="button" class="aps-field-action" data-action="edit-timezone" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n\n                \x3c!-- Address --\x3e\n                <div class="aps-section-label">Address</div>\n                <div class="aps-field-row">\n                    <div class="aps-field-label">Address</div>\n                    <div class="aps-field-value">\n                        {{#hasAddress|bool}}{{addressSummary}}{{/hasAddress|bool}}\n                        {{^hasAddress|bool}}<span class="aps-not-set">Not set</span>{{/hasAddress|bool}}\n                    </div>\n                    <button type="button" class="aps-field-action" data-action="edit-address" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n            ',...e})}get hasDob(){return!!this.model?.get("dob")}get dobFormatted(){const e=this.model?.get("dob");if(!e)return"";try{const[t,i,a]=e.split("-");return`${i}/${a}/${t}`}catch{return e}}get timezoneDisplay(){return(this.model?.get("metadata")||{}).timezone||"Not set"}get hasAddress(){const e=this.model?.get("metadata")||{};return!!(e.street||e.city||e.state||e.zip||e.country)}get addressSummary(){const e=this.model?.get("metadata")||{};return[e.street,e.city,e.state,e.zip,e.country].filter(Boolean).join(", ")}async onActionForceVerifyDob(){return!(await o.confirm("Mark date of birth as verified?","Force Verify DOB"))||(await this._saveField({is_dob_verified:!0},"DOB marked as verified"),!0)}async onActionUnverifyDob(){return!(await o.confirm("Mark date of birth as unverified?","Unverify DOB"))||(await this._saveField({is_dob_verified:!1},"DOB marked as unverified"),!0)}async onActionEditDisplayName(){const e=await o.prompt("Display name:","Edit Display Name",{defaultValue:this.model.get("display_name")||""});return null!==e&&e.trim()&&await this._saveField({display_name:e.trim()},"Display name"),!0}async onActionEditFirstName(){const e=await o.prompt("First name:","Edit First Name",{defaultValue:this.model.get("first_name")||""});return null!==e&&await this._saveField({first_name:e.trim()},"First name"),!0}async onActionEditLastName(){const e=await o.prompt("Last name:","Edit Last Name",{defaultValue:this.model.get("last_name")||""});return null!==e&&await this._saveField({last_name:e.trim()},"Last name"),!0}async onActionEditDob(){const e=await o.showForm({title:"Date of Birth",size:"sm",fields:[{name:"dob",type:"date",label:"Date of Birth",cols:12}],data:{dob:this.model.get("dob")||""}});return!e||(await this._saveField({dob:e.dob||null},"Date of birth"),!0)}async onActionEditTimezone(){const e=this.model.get("metadata")||{},t=await o.showForm({title:"Change Timezone",size:"sm",fields:[{name:"timezone",type:"select",label:"Timezone",cols:12,options:[{value:"America/New_York",text:"Eastern Time (ET)"},{value:"America/Chicago",text:"Central Time (CT)"},{value:"America/Denver",text:"Mountain Time (MT)"},{value:"America/Los_Angeles",text:"Pacific Time (PT)"},{value:"America/Anchorage",text:"Alaska Time (AKT)"},{value:"Pacific/Honolulu",text:"Hawaii Time (HT)"},{value:"UTC",text:"UTC"},{value:"Europe/London",text:"London (GMT/BST)"},{value:"Europe/Paris",text:"Paris (CET/CEST)"},{value:"Europe/Berlin",text:"Berlin (CET/CEST)"},{value:"Asia/Tokyo",text:"Tokyo (JST)"},{value:"Asia/Shanghai",text:"Shanghai (CST)"},{value:"Australia/Sydney",text:"Sydney (AEST)"}]}],data:{timezone:e.timezone||""}});return!t||(await this._saveField({metadata:{...e,timezone:t.timezone}},"Timezone"),!0)}async onActionEditAddress(){const e=this.model.get("metadata")||{},t=await o.showForm({title:"Edit Address",size:"md",fields:[{name:"street",type:"text",label:"Street",placeholder:"123 Main St",cols:12},{name:"city",type:"text",label:"City",cols:6},{name:"state",type:"text",label:"State / Province",cols:6},{name:"zip",type:"text",label:"Zip / Postal Code",cols:6},{name:"country",type:"text",label:"Country",cols:6}],data:{street:e.street||"",city:e.city||"",state:e.state||"",zip:e.zip||"",country:e.country||""}});if(!t)return!0;const i={...e,street:t.street||"",city:t.city||"",state:t.state||"",zip:t.zip||"",country:t.country||""};return await this._saveField({metadata:i},"Address"),!0}async _saveField(e,t){const i=await this.model.save(e);200===i.status?(this.getApp()?.toast?.success(`${t} updated`),await this.render()):this.getApp()?.toast?.error(i.message||`Failed to update ${t.toLowerCase()}`)}}class AdminSecuritySection extends i{constructor(e={}){super({className:"admin-security-section",template:'\n                <style>\n                    .as-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.75rem; }\n                    .as-section-label:first-child { margin-top: 0; }\n                    .as-item { display: flex; align-items: center; gap: 0.85rem; padding: 0.85rem 1rem; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 0.5rem; cursor: pointer; transition: border-color 0.15s, background 0.15s; }\n                    .as-item:hover { border-color: #dee2e6; background: #fafbfd; }\n                    .as-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; }\n                    .as-info { flex: 1; min-width: 0; }\n                    .as-title { font-weight: 600; font-size: 0.88rem; }\n                    .as-desc { font-size: 0.78rem; color: #6c757d; }\n                    .as-badge { font-size: 0.72rem; padding: 0.15em 0.5em; border-radius: 3px; flex-shrink: 0; }\n                    .as-chevron { color: #ced4da; font-size: 0.8rem; flex-shrink: 0; }\n                </style>\n\n                <div class="as-section-label">Authentication</div>\n\n                <div class="as-item" data-action="send-password-reset">\n                    <div class="as-icon bg-primary bg-opacity-10 text-primary"><i class="bi bi-envelope"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Send Password Reset</div>\n                        <div class="as-desc">Send a password reset email to {{model.email}}</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Send</span>\n                </div>\n\n                <div class="as-item" data-action="send-magic-link">\n                    <div class="as-icon" style="background: rgba(13,110,253,0.1); color: #0d6efd;"><i class="bi bi-link-45deg"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Send Magic Login Link</div>\n                        <div class="as-desc">Send a one-click login link to {{model.email}}</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Send</span>\n                </div>\n\n                {{^model.is_email_verified|bool}}\n                <div class="as-item" data-action="send-email-verification">\n                    <div class="as-icon" style="background: rgba(25,135,84,0.1); color: #198754;"><i class="bi bi-envelope-check"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Send Email Verification</div>\n                        <div class="as-desc">Send a verification email to {{model.email}}</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Send</span>\n                </div>\n                {{/model.is_email_verified|bool}}\n\n                <div class="as-item" data-action="set-password">\n                    <div class="as-icon bg-warning bg-opacity-10 text-warning"><i class="bi bi-key"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Set Password</div>\n                        <div class="as-desc">Set a new password directly for this user</div>\n                    </div>\n                    <span class="as-badge bg-light text-muted border">Set</span>\n                </div>\n\n                <div class="as-section-label">Multi-Factor Authentication</div>\n\n                <div class="as-item" data-action="toggle-mfa">\n                    <div class="as-icon" style="background: rgba(111,66,193,0.1); color: #6f42c1;"><i class="bi bi-shield-lock"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">MFA Requirement</div>\n                        <div class="as-desc">\n                            {{#model.requires_mfa|bool}}User is required to use MFA{{/model.requires_mfa|bool}}\n                            {{^model.requires_mfa|bool}}MFA is not required for this user{{/model.requires_mfa|bool}}\n                        </div>\n                    </div>\n                    {{#model.requires_mfa|bool}}\n                        <span class="as-badge bg-success bg-opacity-10 text-success border">Enabled</span>\n                    {{/model.requires_mfa|bool}}\n                    {{^model.requires_mfa|bool}}\n                        <span class="as-badge bg-light text-muted border">Disabled</span>\n                    {{/model.requires_mfa|bool}}\n                </div>\n\n                <div class="as-item" data-action="manage-passkeys">\n                    <div class="as-icon bg-success bg-opacity-10 text-success"><i class="bi bi-fingerprint"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Passkeys</div>\n                        <div class="as-desc">View and manage registered passkeys</div>\n                    </div>\n                    <i class="bi bi-chevron-right as-chevron"></i>\n                </div>\n\n                {{#model.requires_mfa|bool}}\n                <div class="as-item" data-action="view-recovery-codes">\n                    <div class="as-icon" style="background: rgba(111,66,193,0.1); color: #6f42c1;"><i class="bi bi-file-earmark-lock"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Recovery Codes</div>\n                        <div class="as-desc">View remaining recovery codes</div>\n                    </div>\n                    <i class="bi bi-chevron-right as-chevron"></i>\n                </div>\n\n                <div class="as-item" data-action="disable-totp">\n                    <div class="as-icon" style="background: rgba(220,53,69,0.1); color: #dc3545;"><i class="bi bi-shield-x"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Disable Authenticator</div>\n                        <div class="as-desc">Remove TOTP requirement for this user</div>\n                    </div>\n                </div>\n                {{/model.requires_mfa|bool}}\n\n                <div class="as-section-label">Sessions</div>\n\n                <div class="as-item" data-action="revoke-all-sessions">\n                    <div class="as-icon" style="background: rgba(220,53,69,0.1); color: #dc3545;"><i class="bi bi-box-arrow-right"></i></div>\n                    <div class="as-info">\n                        <div class="as-title">Revoke All Sessions</div>\n                        <div class="as-desc">Force sign-out from all devices</div>\n                    </div>\n                </div>\n            ',...e})}async onActionSendPasswordReset(){const e=this.getApp(),t=this.model.get("email");if(!(await o.confirm(`Send a password reset email to <strong>${t}</strong>?`,"Send Password Reset")))return!0;const i=await n.POST("/api/auth/password/reset",{email:t});return i.success?e?.toast?.success("Password reset email sent"):e?.toast?.error(i.message||"Failed to send password reset"),!0}async onActionSendEmailVerification(){const e=this.getApp(),t=this.model.get("email");if(!(await o.confirm(`Send a verification email to <strong>${t}</strong>?`,"Send Email Verification")))return!0;const i=await n.POST("/api/auth/email/verify",{email:t});return i.success?e?.toast?.success("Verification email sent"):e?.toast?.error(i.message||"Failed to send verification email"),!0}async onActionSendMagicLink(){const e=this.getApp(),t=this.model.get("email");if(!(await o.confirm(`Send a magic login link to <strong>${t}</strong>? They will be able to sign in with one click.`,"Send Magic Login Link")))return!0;const i=await n.POST("/api/auth/magic-link",{email:t});return i.success?e?.toast?.success("Magic login link sent"):e?.toast?.error(i.message||"Failed to send magic link"),!0}async onActionSetPassword(){const e=this.getApp(),t=await o.showForm({title:"Set Password",size:"sm",fields:[{name:"password",type:"password",label:"New Password",required:!0,cols:12,help:"Set a new password for this user."},{name:"confirm",type:"password",label:"Confirm Password",required:!0,cols:12}]});if(!t)return!0;if(t.password!==t.confirm)return e?.toast?.error("Passwords do not match"),!0;const i=await this.model.save({password:t.password});return 200===i.status?e?.toast?.success("Password updated"):e?.toast?.error(i.message||"Failed to set password"),!0}async onActionToggleMfa(){const e=this.getApp(),t=this.model.get("requires_mfa"),i=t?"disable":"enable";if(!(await o.confirm((t?"Disable":"Enable")+" MFA requirement for this user?",(t?"Disable":"Enable")+" MFA")))return!0;const a=await this.model.save({requires_mfa:!t});return 200===a.status?(e?.toast?.success(`MFA ${i}d`),await this.render()):e?.toast?.error(a.message||`Failed to ${i} MFA`),!0}async onActionDisableTotp(){const e=this.getApp();if(!(await o.confirm("Disable the authenticator app for this user? They will no longer need a TOTP code to sign in.","Disable Authenticator")))return!0;const t=await n.DELETE(`/api/user/${this.model.id}/totp`);return t.success?(this.model.set("requires_mfa",!1),e?.toast?.success("Authenticator disabled"),await this.render()):e?.toast?.error(t.message||"Failed to disable authenticator"),!0}async onActionManagePasskeys(){const e=new Te({params:{user:this.model.id}});try{await e.fetch()}catch(s){}const t=e.models||[],a=new i({template:'\n                <style>\n                    .pk-row { display: flex; align-items: center; gap: 0.75rem; padding: 0.65rem 0.75rem; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 0.4rem; }\n                    .pk-icon { width: 32px; height: 32px; background: #e7f1ff; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #0d6efd; font-size: 0.9rem; flex-shrink: 0; }\n                    .pk-info { flex: 1; min-width: 0; }\n                    .pk-name { font-weight: 600; font-size: 0.85rem; }\n                    .pk-meta { font-size: 0.73rem; color: #6c757d; }\n                    .pk-actions .btn { padding: 0.2rem 0.4rem; font-size: 0.75rem; }\n                    .pk-empty { text-align: center; padding: 2rem 1rem; color: #6c757d; }\n                    .pk-empty i { font-size: 2rem; color: #ced4da; display: block; margin-bottom: 0.5rem; }\n                </style>\n                {{#passkeys}}\n                    <div class="pk-row">\n                        <div class="pk-icon"><i class="bi bi-fingerprint"></i></div>\n                        <div class="pk-info">\n                            <div class="pk-name">{{.friendly_name|default:\'Unnamed Passkey\'}}</div>\n                            <div class="pk-meta">Created {{.created|date}} &middot; Last used {{.last_used|relative|default:\'never\'}} &middot; {{.sign_count}} uses</div>\n                        </div>\n                        <div class="pk-actions">\n                            <button type="button" class="btn btn-outline-secondary" data-action="edit-passkey" data-id="{{.id}}" title="Edit"><i class="bi bi-pencil"></i></button>\n                            <button type="button" class="btn btn-outline-danger" data-action="delete-passkey" data-id="{{.id}}" title="Delete"><i class="bi bi-trash"></i></button>\n                        </div>\n                    </div>\n                {{/passkeys}}\n                {{^passkeys|bool}}\n                    <div class="pk-empty">\n                        <i class="bi bi-fingerprint"></i>\n                        No passkeys registered\n                    </div>\n                {{/passkeys|bool}}\n            '});return a.passkeys=t.map(e=>e.toJSON?e.toJSON():e),a.onActionEditPasskey=async(e,i)=>{const a=i.dataset.id,s=t.find(e=>String(e.id)===String(a));return s&&await o.showModelForm({title:"Edit Passkey",model:s,fields:Ie.edit.fields,size:"sm"}),!0},a.onActionDeletePasskey=async(e,i)=>{const a=i.dataset.id;if(await o.confirm("Delete this passkey?","Delete Passkey")){const e=t.find(e=>String(e.id)===String(a));e&&(await e.destroy(),this.getApp()?.toast?.success("Passkey deleted"))}return!0},await o.showDialog({title:"Passkeys",body:a,size:"md",buttons:[{text:"Close",class:"btn-outline-secondary",dismiss:!0}]}),!0}async onActionViewRecoveryCodes(){const e=this.getApp(),t=await n.GET(`/api/user/${this.model.id}/totp/recovery-codes`,{},{dataOnly:!0});if(!t.success||!t.data)return e?.toast?.error(t.message||"Failed to load recovery codes"),!0;const{remaining:a,codes:s}=t.data,l=new i({template:'\n                <style>\n                    .rc-info { font-size: 0.82rem; color: #6c757d; margin-bottom: 1rem; }\n                    .rc-remaining { font-weight: 600; color: #495057; }\n                    .rc-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem; }\n                    .rc-code { font-family: monospace; font-size: 0.85rem; padding: 0.35rem 0.6rem; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 4px; text-align: center; }\n                </style>\n                <div class="rc-info"><span class="rc-remaining">{{remaining}}</span> recovery codes remaining</div>\n                <div class="rc-list">\n                    {{#codes}}<div class="rc-code">{{.}}</div>{{/codes}}\n                </div>\n            '});return l.remaining=a,l.codes=s||[],await o.showDialog({title:"Recovery Codes",body:l,size:"sm",buttons:[{text:"Close",class:"btn-outline-secondary",dismiss:!0}]}),!0}async onActionRevokeAllSessions(){const e=this.getApp();if(!(await o.confirm("Revoke all sessions for this user? They will be signed out of all devices immediately.","Revoke All Sessions")))return!0;const t=await n.POST(`/api/user/${this.model.id}/sessions/revoke`);return t.success?e?.toast?.success("All sessions revoked"):e?.toast?.error(t.message||"Failed to revoke sessions"),!0}}const Ze={google:"bi-google",github:"bi-github",microsoft:"bi-microsoft",apple:"bi-apple",facebook:"bi-facebook",twitter:"bi-twitter-x",linkedin:"bi-linkedin"};class AdminConnectedSection extends i{constructor(e={}){super({className:"admin-connected-section",template:'\n                <style>\n                    .ac-row { display: flex; align-items: center; gap: 0.85rem; padding: 0.85rem 1rem; border: 1px solid #f0f0f0; border-radius: 8px; margin-bottom: 0.5rem; }\n                    .ac-icon { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; flex-shrink: 0; background: #f0f0f0; color: #495057; }\n                    .ac-info { flex: 1; min-width: 0; }\n                    .ac-provider { font-weight: 600; font-size: 0.88rem; text-transform: capitalize; }\n                    .ac-meta { font-size: 0.78rem; color: #6c757d; }\n                    .ac-actions .btn { font-size: 0.75rem; padding: 0.25rem 0.5rem; }\n                    .ac-empty { text-align: center; padding: 2rem 1rem; color: #6c757d; }\n                    .ac-empty i { font-size: 2rem; color: #ced4da; display: block; margin-bottom: 0.5rem; }\n                </style>\n\n                {{#connections}}\n                    <div class="ac-row">\n                        <div class="ac-icon"><i class="bi {{.icon}}"></i></div>\n                        <div class="ac-info">\n                            <div class="ac-provider">{{.provider}}</div>\n                            <div class="ac-meta">{{.email}} &middot; Connected {{.created|relative}}</div>\n                        </div>\n                        <div class="ac-actions">\n                            <button type="button" class="btn btn-outline-danger" data-action="unlink" data-id="{{.id}}" title="Unlink"><i class="bi bi-x-lg me-1"></i>Unlink</button>\n                        </div>\n                    </div>\n                {{/connections}}\n                {{^connections|bool}}\n                    <div class="ac-empty">\n                        <i class="bi bi-plug"></i>\n                        No connected accounts\n                    </div>\n                {{/connections|bool}}\n            ',...e}),this.connections=[]}async onBeforeRender(){try{const e=await n.GET("/api/account/oauth_connection",{user:this.model.id}),t=e?.data?.results||e?.data||[];this.connections=t.map(e=>({...e,icon:Ze[e.provider]||"bi-link-45deg"}))}catch(e){this.connections=[]}}async onActionUnlink(e,t){const i=t.dataset.id,a=this.connections.find(e=>String(e.id)===String(i)),s=a?.provider||"this account";if(!(await o.confirm(`Unlink ${s} for this user?`,"Unlink Account")))return!0;const l=await n.DELETE(`/api/account/oauth_connection/${i}`);return l.success?(this.getApp()?.toast?.success(`${s} account unlinked`),await this.render()):this.getApp()?.toast?.error(l.message||"Failed to unlink account"),!0}}const Xe={in_app:"In-App",email:"Email",push:"Push"},et=["in_app","email","push"];class AdminNotificationsSection extends i{constructor(e={}){super({className:"admin-notifications-section",template:'\n                <style>\n                    .an-table { width: 100%; border-collapse: collapse; }\n                    .an-table th { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; padding: 0.5rem 0.75rem; border-bottom: 2px solid #e9ecef; }\n                    .an-table th:first-child { text-align: left; }\n                    .an-table th:not(:first-child) { text-align: center; width: 80px; }\n                    .an-table td { padding: 0.65rem 0.75rem; border-bottom: 1px solid #f0f0f0; }\n                    .an-table td:first-child { font-size: 0.88rem; font-weight: 500; text-transform: capitalize; }\n                    .an-table td:not(:first-child) { text-align: center; }\n                    .an-table tr:last-child td { border-bottom: none; }\n                    .an-empty { text-align: center; padding: 2rem 1rem; color: #6c757d; }\n                    .an-empty i { font-size: 2rem; color: #ced4da; display: block; margin-bottom: 0.5rem; }\n                </style>\n\n                {{#hasPreferences|bool}}\n                <table class="an-table">\n                    <thead>\n                        <tr>\n                            <th>Type</th>\n                            {{#channels}}\n                                <th>{{.label}}</th>\n                            {{/channels}}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {{#preferenceRows}}\n                        <tr>\n                            <td>{{.kindLabel}}</td>\n                            {{#.toggles}}\n                                <td>\n                                    <input type="checkbox" class="form-check-input"\n                                        data-action="toggle-pref"\n                                        data-kind="{{.kind}}"\n                                        data-channel="{{.channel}}"\n                                        {{#.checked}}checked{{/.checked}}>\n                                </td>\n                            {{/.toggles}}\n                        </tr>\n                        {{/preferenceRows}}\n                    </tbody>\n                </table>\n                {{/hasPreferences|bool}}\n                {{^hasPreferences|bool}}\n                <div class="an-empty">\n                    <i class="bi bi-bell"></i>\n                    No notification preferences configured\n                </div>\n                {{/hasPreferences|bool}}\n            ',...e}),this.preferences={}}get channels(){return et.map(e=>({key:e,label:Xe[e]||e}))}get hasPreferences(){return Object.keys(this.preferences).length>0}get preferenceRows(){return Object.keys(this.preferences).sort().map(e=>({kind:e,kindLabel:e.replace(/[_-]/g," ").replace(/\b\w/g,e=>e.toUpperCase()),toggles:et.map(t=>({kind:e,channel:t,checked:!1!==this.preferences[e]?.[t]}))}))}async onBeforeRender(){try{const e=await n.GET("/api/account/notification/preferences",{user:this.model.id},{dataOnly:!0});this.preferences=e?.data?.preferences||e?.data||{}}catch(e){this.preferences={}}}async onActionTogglePref(e,t){const i=t.dataset.kind,a=t.dataset.channel,s=t.checked;this.preferences[i]||(this.preferences[i]={}),this.preferences[i][a]=s;try{const e=await n.POST("/api/account/notification/preferences",{user:this.model.id,preferences:{[i]:{[a]:s}}});e.success||(this.getApp()?.toast?.error(e.message||"Failed to update preference"),t.checked=!s)}catch(l){this.getApp()?.toast?.error("Failed to update preference"),t.checked=!s}return!0}}class AdminApiKeysSection extends i{constructor(e={}){super({className:"admin-api-keys-section",template:'\n                <style>\n                    .aak-list { border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden; }\n                    .aak-item { display: flex; align-items: center; padding: 0.75rem 1rem; border-bottom: 1px solid #f0f0f0; gap: 1rem; }\n                    .aak-item:last-child { border-bottom: none; }\n                    .aak-item-icon { color: #6c757d; font-size: 1.1rem; flex-shrink: 0; }\n                    .aak-item-info { flex: 1; min-width: 0; }\n                    .aak-item-name { font-weight: 600; font-size: 0.85rem; display: flex; align-items: center; gap: 0.5rem; }\n                    .aak-item-meta { font-size: 0.75rem; color: #6c757d; display: flex; gap: 1rem; flex-wrap: wrap; margin-top: 0.15rem; }\n                    .aak-item-meta i { margin-right: 0.2rem; }\n                    .aak-empty { padding: 2rem; text-align: center; color: #6c757d; font-size: 0.85rem; }\n                    .aak-empty i { font-size: 1.5rem; display: block; margin-bottom: 0.5rem; }\n                    .aak-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }\n                    .aak-header h6 { margin: 0; font-weight: 600; }\n                    .aak-result { padding: 1rem; background: #d1e7dd; border: 1px solid #badbcc; border-radius: 8px; margin-bottom: 1rem; }\n                    .aak-result-label { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #0f5132; margin-bottom: 0.5rem; }\n                    .aak-token-wrap { display: flex; gap: 0.5rem; align-items: center; }\n                    .aak-token { flex: 1; font-family: monospace; font-size: 0.78rem; padding: 0.5rem 0.75rem; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; word-break: break-all; max-height: 80px; overflow-y: auto; }\n                    .aak-token-warning { font-size: 0.75rem; color: #dc3545; margin-top: 0.5rem; font-weight: 600; }\n                </style>\n\n                <div id="aak-new-token" style="display: none;">\n                    <div class="aak-result">\n                        <div class="aak-result-label">Generated API Key</div>\n                        <div class="aak-token-wrap">\n                            <div class="aak-token" id="aak-token-display"></div>\n                            <button type="button" class="btn btn-outline-secondary btn-sm" data-action="copy-token" title="Copy">\n                                <i class="bi bi-clipboard"></i>\n                            </button>\n                        </div>\n                        <div class="aak-token-warning">\n                            <i class="bi bi-exclamation-circle me-1"></i>This token will not be shown again. Copy it now.\n                        </div>\n                    </div>\n                </div>\n\n                <div class="aak-header">\n                    <h6>API Keys</h6>\n                    <button type="button" class="btn btn-primary btn-sm" data-action="generate-key">\n                        <i class="bi bi-plus-lg me-1"></i>Generate Key\n                    </button>\n                </div>\n\n                <div id="aak-keys-list"></div>\n            ',...e}),this.apiKeys=[],this.generatedToken=null}async onBeforeRender(){await this._loadKeys()}async _loadKeys(){try{const e=await n.GET("/api/account/api_keys",{user:this.model.id},{},{dataOnly:!0});this.apiKeys=e.success&&Array.isArray(e.data)?e.data:[]}catch(e){this.apiKeys=[]}}onAfterRender(){this._renderKeysList()}_renderKeysList(){const e=this.element?.querySelector("#aak-keys-list");if(!e)return;if(!this.apiKeys.length)return void(e.innerHTML='\n                <div class="aak-list">\n                    <div class="aak-empty">\n                        <i class="bi bi-key"></i>\n                        No API keys for this user\n                    </div>\n                </div>');const t=this.apiKeys.map(e=>{const t=e.name||"API Key",i=e.created?new Date(1e3*e.created).toLocaleDateString():"",a=e.expires?new Date(1e3*e.expires).toLocaleDateString():"Never",s=e.last_used?new Date(1e3*e.last_used).toLocaleDateString():"Never",n=e.allowed_ips?.length?e.allowed_ips.join(", "):"Any";return`\n                <div class="aak-item">\n                    <div class="aak-item-icon"><i class="bi bi-key"></i></div>\n                    <div class="aak-item-info">\n                        <div class="aak-item-name">${t} ${!1!==e.is_active?'<span class="badge bg-success">Active</span>':'<span class="badge bg-secondary">Inactive</span>'}</div>\n                        <div class="aak-item-meta">\n                            <span><i class="bi bi-code-square"></i>${e.token_prefix?`${e.token_prefix}...`:"••••••••"}</span>\n                            <span><i class="bi bi-calendar"></i>Created ${i}</span>\n                            <span><i class="bi bi-clock"></i>Expires ${a}</span>\n                            <span><i class="bi bi-activity"></i>Last used ${s}</span>\n                            <span><i class="bi bi-globe"></i>IPs: ${n}</span>\n                        </div>\n                    </div>\n                    <div>\n                        <button type="button" class="btn btn-outline-danger btn-sm" data-action="revoke-key" data-id="${e.id}" title="Revoke">\n                            <i class="bi bi-trash"></i>\n                        </button>\n                    </div>\n                </div>`}).join("");e.innerHTML=`<div class="aak-list">${t}</div>`}async onActionGenerateKey(){const e=await o.showForm({title:`Generate API Key for ${this.model.get("display_name")||this.model.get("email")}`,icon:"bi-key",fields:[{name:"name",type:"text",label:"Key Name",placeholder:"e.g., CI/CD Pipeline, Mobile App",required:!0,help:"A descriptive name to identify this key."},{name:"allowed_ips",type:"text",label:"Allowed IPs",placeholder:"e.g., 203.0.113.0/24, 10.0.0.1",help:"Optional. Comma-separated IP addresses or CIDR ranges."},{name:"expire_days",type:"select",label:"Expiration",value:"90",options:[{value:"30",label:"30 days"},{value:"60",label:"60 days"},{value:"90",label:"90 days"},{value:"180",label:"180 days"},{value:"360",label:"360 days"}]}]});if(!e)return!0;const t={uid:this.model.id,name:e.name,expire_days:parseInt(e.expire_days||"90",10)},i=(e.allowed_ips||"").trim();i&&(t.allowed_ips=i.split(",").map(e=>e.trim()).filter(Boolean));const a=await n.POST("/api/auth/manage/generate_api_key",t,{},{dataOnly:!0});if(a.success&&a.data?.token){this.generatedToken=a.data.token;const e=this.element.querySelector("#aak-new-token"),t=this.element.querySelector("#aak-token-display");e&&t&&(t.textContent=this.generatedToken,e.style.display="block"),this.getApp()?.toast?.success("API key generated"),await this._loadKeys(),this._renderKeysList()}else this.getApp()?.toast?.error(a.message||"Failed to generate API key");return!0}async onActionRevokeKey(e,t){const i=t.dataset.id;if(!i)return!0;if(!(await o.confirm("Revoke this API key? Any applications using it will lose access immediately.","Revoke API Key")))return!0;const a=await n.DELETE(`/api/account/api_keys/${i}`,{},{},{dataOnly:!0});if(a.success){this.getApp()?.toast?.success("API key revoked");const e=this.element?.querySelector("#aak-new-token");e&&(e.style.display="none"),await this._loadKeys(),this._renderKeysList()}else this.getApp()?.toast?.error(a.message||"Failed to revoke API key");return!0}async onActionCopyToken(){if(this.generatedToken)try{await navigator.clipboard.writeText(this.generatedToken),this.getApp()?.toast?.success("Token copied to clipboard")}catch{this.getApp()?.toast?.error("Failed to copy token")}return!0}}class AdminMetadataSection extends i{constructor(e={}){super({className:"admin-metadata-section",template:'\n                <style>\n                    .amd-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }\n                    .amd-header h6 { margin: 0; font-weight: 600; }\n                    .amd-list { border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden; }\n                    .amd-item { display: flex; align-items: center; padding: 0.6rem 1rem; border-bottom: 1px solid #f0f0f0; gap: 0.75rem; }\n                    .amd-item:last-child { border-bottom: none; }\n                    .amd-key { font-family: ui-monospace, monospace; font-size: 0.82rem; font-weight: 600; color: #495057; min-width: 120px; flex-shrink: 0; }\n                    .amd-value { flex: 1; font-size: 0.85rem; color: #212529; word-break: break-word; min-width: 0; }\n                    .amd-actions { flex-shrink: 0; display: flex; gap: 0.25rem; }\n                    .amd-actions .btn { font-size: 0.7rem; padding: 0.15rem 0.35rem; }\n                    .amd-empty { padding: 2rem; text-align: center; color: #6c757d; font-size: 0.85rem; }\n                    .amd-empty i { font-size: 1.5rem; display: block; margin-bottom: 0.5rem; }\n                </style>\n\n                <div class="amd-header">\n                    <h6>Metadata</h6>\n                    <button type="button" class="btn btn-primary btn-sm" data-action="add-entry">\n                        <i class="bi bi-plus-lg me-1"></i>Add\n                    </button>\n                </div>\n\n                <div id="amd-entries"></div>\n            ',...e})}onAfterRender(){this._renderEntries()}_getMetadata(){return this.model?.get("metadata")||{}}_renderEntries(){const e=this.element?.querySelector("#amd-entries");if(!e)return;const t=this._getMetadata(),i=Object.keys(t).sort();if(!i.length)return void(e.innerHTML='\n                <div class="amd-list">\n                    <div class="amd-empty">\n                        <i class="bi bi-braces"></i>\n                        No metadata entries\n                    </div>\n                </div>');const a=i.map(e=>{const i=t[e],a="object"==typeof i?JSON.stringify(i):String(i);return`\n                <div class="amd-item">\n                    <div class="amd-key">${this._escapeHtml(e)}</div>\n                    <div class="amd-value">${this._escapeHtml(a)}</div>\n                    <div class="amd-actions">\n                        <button type="button" class="btn btn-outline-secondary" data-action="edit-entry" data-key="${this._escapeHtml(e)}" title="Edit"><i class="bi bi-pencil"></i></button>\n                        <button type="button" class="btn btn-outline-danger" data-action="remove-entry" data-key="${this._escapeHtml(e)}" title="Remove"><i class="bi bi-trash"></i></button>\n                    </div>\n                </div>`}).join("");e.innerHTML=`<div class="amd-list">${a}</div>`}_escapeHtml(e){const t=document.createElement("div");return t.textContent=e,t.innerHTML}async onActionAddEntry(){const e=await o.showForm({title:"Add Metadata Entry",icon:"bi-braces",size:"sm",fields:[{name:"key",type:"text",label:"Key",required:!0,placeholder:"e.g., timezone"},{name:"value",type:"text",label:"Value",required:!0,placeholder:"e.g., America/New_York"}]});if(!e)return!0;const t={...this._getMetadata()};try{t[e.key]=JSON.parse(e.value)}catch{t[e.key]=e.value}return 200===(await this.model.save({metadata:t})).status?(this.getApp()?.toast?.success("Metadata entry added"),this._renderEntries()):this.getApp()?.toast?.error("Failed to save metadata"),!0}async onActionEditEntry(e,t){const i=t.dataset.key;if(!i)return!0;const a=this._getMetadata(),s=a[i],n="object"==typeof s?JSON.stringify(s):String(s),l=await o.showForm({title:`Edit "${i}"`,icon:"bi-braces",size:"sm",fields:[{name:"value",type:"text",label:"Value",required:!0,value:n}]});if(!l)return!0;const r={...a};try{r[i]=JSON.parse(l.value)}catch{r[i]=l.value}return 200===(await this.model.save({metadata:r})).status?(this.getApp()?.toast?.success("Metadata updated"),this._renderEntries()):this.getApp()?.toast?.error("Failed to save metadata"),!0}async onActionRemoveEntry(e,t){const i=t.dataset.key;if(!i)return!0;if(!(await o.confirm(`Remove metadata key "<strong>${this._escapeHtml(i)}</strong>"?`,"Remove Entry")))return!0;const a={...this._getMetadata()};return delete a[i],200===(await this.model.save({metadata:a})).status?(this.getApp()?.toast?.success("Metadata entry removed"),this._renderEntries()):this.getApp()?.toast?.error("Failed to remove metadata entry"),!0}}class DeviceRow extends Ne{get deviceIcon(){const e=this.model?.get("device_info")?.device||{},t=this.model?.get("device_info")?.os||{};return["iPhone","Android"].some(i=>(e.family||"").includes(i)||(t.family||"").includes(i))?"bi-phone":"bi-laptop"}get deviceName(){const e=this.model?.get("device_info")?.device||{};return`${e.brand||""} ${e.family||""}`.trim()||"Unknown Device"}get deviceModel(){return this.model?.get("device_info")?.device?.model||""}get browserName(){const e=this.model?.get("device_info")?.user_agent||{};return e.family?`${e.family} ${e.major||""}`.trim():""}get osName(){const e=this.model?.get("device_info")?.os||{};return e.family?`${e.family} ${e.major||""}`.trim():""}get deviceMeta(){return[this.browserName,this.osName].filter(Boolean).join(" · ")||"—"}}class UserView extends i{constructor(e={}){super({className:"user-view",...e}),this.model=e.model||new r(e.data||{}),this.sideNavView=null,this.template='\n            <div class="user-view-container">\n                \x3c!-- User Header + Context Menu --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    <div data-container="user-header" style="flex: 1;"></div>\n                    <div data-container="user-context-menu" class="ms-3 flex-shrink-0"></div>\n                </div>\n                \x3c!-- Side Nav Container --\x3e\n                <div data-container="user-sidenav" style="min-height: 400px;"></div>\n            </div>\n        '}async onInit(){this.header=new i({containerId:"user-header",template:'\n            <div class="d-flex justify-content-between align-items-start">\n                \x3c!-- Left Side: Primary Identity --\x3e\n                <div class="d-flex align-items-center gap-3">\n                    {{{model.avatar|avatar(\'md\',\'rounded-circle\')}}}\n                    <div>\n                        <h3 class="mb-0">{{model.display_name|default(\'Unnamed User\')}}</h3>\n                        <a href="mailto:{{model.email}}" class="text-decoration-none text-body">{{model.email}}</a>{{{model.email|clipboard(\'icon-only\')}}}\n                        {{#model.phone_number}}\n                            <div class="text-muted small mt-1">{{{model.phone_number|phone(false)}}}</div>\n                        {{/model.phone_number}}\n                    </div>\n                </div>\n\n                \x3c!-- Right Side: Status --\x3e\n                <div class="text-end">\n                    <div class="d-flex align-items-center justify-content-end gap-3">\n                        <span class="d-inline-flex align-items-center gap-1" title="{{model.is_online|boolean(\'Online\',\'Offline\')}}">\n                            <i class="bi bi-circle-fill {{model.is_online|boolean(\'text-success\',\'text-secondary\')}}" style="font-size: 0.5rem;"></i>\n                            <span class="small">{{model.is_online|boolean(\'Online\',\'Offline\')}}</span>\n                        </span>\n                        <span class="d-inline-flex align-items-center gap-1" style="cursor: pointer;"\n                              data-action="toggle-active"\n                              title="{{model.is_active|boolean(\'Click to deactivate\',\'Click to activate\')}}">\n                            <i class="bi {{model.is_active|boolean(\'bi-toggle-on text-success\',\'bi-toggle-off text-secondary\')}}" style="font-size: 1.1rem;"></i>\n                            <span class="small">{{model.is_active|boolean(\'Active\',\'Inactive\')}}</span>\n                        </span>\n                    </div>\n                    {{#model.last_activity}}\n                        <div class="text-muted small mt-1">Last active {{model.last_activity|relative}}</div>\n                    {{/model.last_activity}}\n                </div>\n            </div>'}),this.header.setModel(this.model),this.addChild(this.header);const e=new AdminProfileSection({model:this.model}),a=new AdminPersonalSection({model:this.model}),s=new AdminSecuritySection({model:this.model}),n=new AdminConnectedSection({model:this.model}),l=new AdminNotificationsSection({model:this.model}),o=new AdminApiKeysSection({model:this.model}),c=new AdminMetadataSection({model:this.model}),m=new Le({fields:r.CATEGORY_PERMISSION_FIELDS,model:this.model,autosaveModelField:!0}),b=new Le({fields:r.GRANULAR_PERMISSION_FIELDS,model:this.model,autosaveModelField:!0}),u=new De({params:{user:this.model.get("id"),size:5}}),p=new Ve({collection:u,hideActivePillNames:["user"],columns:[{key:"created",label:"Date Joined",formatter:"date",sortable:!0},{key:"group.name",label:"Group Name",sortable:!0},{key:"permissions|keys|badge",label:"Permissions"}]}),h=new C({params:{size:5,model_name:"account.User",model_id:this.model.get("id")}}),v=new Ve({containerId:"events-table",collection:h,hideActivePillNames:["model_name","model_id"],columns:[{key:"id",label:"ID",sortable:!0,width:"40px"},{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Event"}]}),g=new i({template:'\n                <div class="mb-2">\n                    <h6 class="fw-semibold mb-1">Security &amp; Account Events</h6>\n                    <p class="text-muted small mb-3">Incidents and account actions associated with this user.</p>\n                </div>\n                <div data-container="events-table"></div>'});g.addChild(v);const f=new Ve({collection:new d({params:{size:10,user:this.model.get("id")}}),hideActivePillNames:["user"],clickAction:"view",itemClass:DeviceRow,columns:[{key:"device_info",label:"Device",template:'\n                        <div style="font-size:0.85rem; font-weight:500;">\n                            <i class="bi {{deviceIcon}} text-muted me-1" style="font-size:1.1rem; vertical-align:middle;"></i>{{deviceName}}\n                            {{#deviceModel}} <span class="text-muted fw-normal">({{deviceModel}})</span>{{/deviceModel}}\n                        </div>\n                        <div style="font-size:0.73rem; color:#6c757d; margin-top:0.15rem;">\n                            {{deviceMeta}}\n                            {{#model.last_ip}} <span class="text-muted mx-1">&middot;</span> {{model.last_ip}}{{/model.last_ip}}\n                        </div>'},{key:"first_seen",label:"First Seen",formatter:"epoch|relative",width:"120px"},{key:"last_seen",label:"Last Seen",formatter:"epoch|relative",width:"120px"}]}),y=new LoginLocationMapView({userId:this.model.get("id"),height:300,mapStyle:"dark"}),w=new Ve({collection:new LoginEventList({params:{user:this.model.get("id"),size:10}}),hideActivePillNames:["user"],columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"160px"},{key:"ip_address",label:"IP Address"},{key:"city",label:"City",formatter:"default('—')"},{key:"region",label:"Region",formatter:"default('—')"},{key:"country_code",label:"Country",sortable:!0},{key:"source",label:"Source",sortable:!0}]}),x=new P({tabs:{Map:y,Logins:w},activeTab:"Map"}),_=new T({params:{size:5,user:this.model.get("id")}}),k=new Ve({collection:_,hideActivePillNames:["user"],columns:[{key:"duid|truncate_middle(16)",label:"Device ID",sortable:!0},{key:"device_info.user_agent.family",label:"Browser",formatter:"default('—')"},{key:"device_info.os.family",label:"OS",formatter:"default('—')"},{key:"first_seen",label:"First Seen",formatter:"epoch|datetime"},{key:"last_seen",label:"Last Seen",formatter:"epoch|datetime"}],size:5}),A=new Me({params:{size:5,model_name:"account.User",model_id:this.model.get("id")}}),S=new Ve({containerId:"logs-table",collection:A,permissions:"view_logs",hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,filter:{type:"select",options:[{value:"info",label:"Info"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}]}},{key:"kind",label:"Event Type",filter:{type:"text"}},{name:"log",label:"Details"}]}),I=new i({template:'\n                <div class="mb-2">\n                    <h6 class="fw-semibold mb-1">Object Logs</h6>\n                    <p class="text-muted small mb-3">System log entries about changes to this user\'s record.</p>\n                </div>\n                <div data-container="logs-table"></div>'});I.addChild(S);const D=new Me({params:{size:5,uid:this.model.get("id")}}),V=new Ve({containerId:"activity-table",collection:D,hideActivePillNames:["uid"],permissions:"view_logs",columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,filter:{type:"select",options:[{value:"info",label:"Info"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}]}},{key:"kind",label:"Event Type",filter:{type:"text"}},{name:"path",label:"Request Path"}]}),M=new i({template:'\n                <div class="mb-2">\n                    <h6 class="fw-semibold mb-1">Activity Log</h6>\n                    <p class="text-muted small mb-3">API and request activity performed by this user.</p>\n                </div>\n                <div data-container="activity-table"></div>'});M.addChild(V),this.sideNavView=new SideNavView({containerId:"user-sidenav",activeSection:"profile",navWidth:200,contentPadding:"1.25rem 2rem",enableResponsive:!0,minWidth:500,sections:[{key:"profile",label:"Profile",icon:"bi-person",view:e},{key:"personal",label:"Personal",icon:"bi-person-vcard",view:a},{key:"security",label:"Security",icon:"bi-shield-lock",view:s},{key:"connected",label:"OAuth Accounts",icon:"bi-plug",view:n},{type:"divider",label:"Access"},{key:"permissions",label:"Permissions",icon:"bi-shield-check",view:m},{key:"adv_permissions",label:"Adv Permissions",icon:"bi-shield-plus",view:b},{key:"groups",label:"Groups",icon:"bi-people",view:p},{key:"api_keys",label:"API Keys",icon:"bi-key",view:o},{type:"divider",label:"Activity"},{key:"events",label:"Events",icon:"bi-calendar-event",view:g},{key:"activity",label:"Activity Log",icon:"bi-clock-history",view:M,permissions:"view_logs"},{key:"logs",label:"Object Logs",icon:"bi-journal-text",view:I,permissions:"view_logs"},{type:"divider",label:"Devices"},{key:"devices",label:"Devices",icon:"bi-laptop",view:f},{key:"locations",label:"Locations",icon:"bi-geo-alt",view:x},{key:"push_devices",label:"Push Devices",icon:"bi-phone",view:k},{type:"divider",label:"Settings"},{key:"notifications",label:"Notifications",icon:"bi-bell",view:l},{key:"metadata",label:"Metadata",icon:"bi-braces",view:c}]}),this.addChild(this.sideNavView);const N=new t({containerId:"user-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit User",action:"edit-user",icon:"bi-pencil"},...this.model.get("avatar")?[{label:"Clear Avatar",action:"clear-avatar",icon:"bi-person-x"}]:[],{type:"divider"},{label:"Send Password Reset",action:"send-password-reset",icon:"bi-envelope"},{label:"Send Magic Login Link",action:"send-magic-link",icon:"bi-link-45deg"},{label:"Revoke All Sessions",action:"revoke-all-sessions",icon:"bi-box-arrow-right"},{type:"divider"},...this.model.get("is_email_verified")?[]:[{label:"Send Email Verification",action:"send-email-verification",icon:"bi-envelope-check"},{label:"Force Verify Email",action:"force-verify-email",icon:"bi-patch-check"}],...this.model.get("phone_number")&&!this.model.get("is_phone_verified")?[{label:"Force Verify Phone",action:"force-verify-phone",icon:"bi-patch-check"}]:[],{type:"divider"},this.model.get("is_active")?{label:"Deactivate User",action:"deactivate-user",icon:"bi-person-dash"}:{label:"Activate User",action:"activate-user",icon:"bi-person-check"}]}});this.addChild(N)}async onActionEditUser(){await o.showModelForm({title:`EDIT - #${this.model.id} ${this.options.modelName}`,model:this.model,formConfig:c.edit})}async onActionClearAvatar(){return!(await o.confirm("Remove this user's avatar? They will see the default placeholder.","Clear Avatar"))||(200===(await this.model.save({avatar:null})).status?this.getApp().toast.success("Avatar cleared"):this.getApp().toast.error("Failed to clear avatar"),!0)}async onActionSendPasswordReset(){const e=this.model.get("email");if(!(await o.confirm(`Send a password reset email to <strong>${e}</strong>?`,"Send Password Reset")))return!0;const t=await n.POST("/api/auth/password/reset",{email:e});return t.success?this.getApp().toast.success("Password reset email sent"):this.getApp().toast.error(t.message||"Failed to send password reset"),!0}async onActionSendMagicLink(){const e=this.model.get("email");if(!(await o.confirm(`Send a magic login link to <strong>${e}</strong>?`,"Send Magic Login Link")))return!0;const t=await n.POST("/api/auth/magic-link",{email:e});return t.success?this.getApp().toast.success("Magic login link sent"):this.getApp().toast.error(t.message||"Failed to send magic link"),!0}async onActionRevokeAllSessions(){if(!(await o.confirm("Revoke all sessions? The user will be signed out of all devices immediately.","Revoke All Sessions")))return!0;const e=await n.POST(`/api/user/${this.model.id}/sessions/revoke`);return e.success?this.getApp().toast.success("All sessions revoked"):this.getApp().toast.error(e.message||"Failed to revoke sessions"),!0}async onActionSendEmailVerification(){const e=this.model.get("email");if(!(await o.confirm(`Send a verification email to <strong>${e}</strong>?`,"Send Email Verification")))return!0;const t=await n.POST("/api/auth/email/verify",{email:e});return t.success?this.getApp().toast.success("Verification email sent"):this.getApp().toast.error(t.message||"Failed to send verification email"),!0}async onActionForceVerifyEmail(){return!(await o.confirm(`Mark <strong>${this.model.get("email")}</strong> as verified?`,"Force Verify Email"))||(200===(await this.model.save({is_email_verified:!0})).status?this.getApp().toast.success("Email marked as verified"):this.getApp().toast.error("Failed to verify email"),!0)}async onActionForceVerifyPhone(){return!(await o.confirm(`Mark <strong>${this.model.get("phone_number")}</strong> as verified?`,"Force Verify Phone"))||(200===(await this.model.save({is_phone_verified:!0})).status?this.getApp().toast.success("Phone marked as verified"):this.getApp().toast.error("Failed to verify phone"),!0)}async onActionToggleActive(){return this.model.get("is_active")?this.onActionDeactivateUser():this.onActionActivateUser()}async onActionDeactivateUser(){return!(await o.confirm("Are you sure you want to deactivate this user?"))||(200===(await this.model.save({is_active:!1})).status?this.getApp().toast.success("User deactivated"):this.getApp().toast.error("Failed to deactivate user"),!0)}async onActionActivateUser(){return!(await o.confirm("Are you sure you want to activate this user?"))||(200===(await this.model.save({is_active:!0})).status?this.getApp().toast.success("User activated"):this.getApp().toast.error("Failed to activate user"),!0)}async showSection(e){this.sideNavView&&await this.sideNavView.showSection(e)}getActiveSection(){return this.sideNavView?this.sideNavView.getActiveSection():null}async showTab(e){return this.showSection(e)}getActiveTab(){return this.getActiveSection()}_onModelChange(){}static create(e={}){return new UserView(e)}}r.VIEW_CLASS=UserView;class UserTablePage extends I{constructor(e={}){super({...e,name:"admin_users",pageName:"Manage Users",router:"admin/users",Collection:m,viewDialogOptions:{header:!1},defaultQuery:{sort:"-last_activity",is_active:!0},columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"display_name|tooltip:model.username",label:"Display Name"},{label:"Info",key:"permissions.manage_users",template:"\n                    {{^model.is_active}}<span class=\"text-danger\">DISABLED</span> {{/model.is_active}}\n                    {{#model.permissions.manage_users}}{{{model.permissions.manage_users|yesnoicon('bi bi-person-gear text-danger')|tooltip('Manage Users')}}} {{/model.permissions.manage_users}}\n                    {{#model.permissions.manage_groups}}{{{model.permissions.manage_groups|yesnoicon('bi bi-building-gear text-primary')|tooltip('Manage Groups')}}} {{/model.permissions.manage_groups}}\n                    {{#model.permissions.view_global}}{{{model.permissions.view_global|yesnoicon('bi bi-globe text-secondary')|tooltip('View Global Menu')}}} {{/model.permissions.view_global}}\n                    {{#model.permissions.view_admin}}{{{model.permissions.view_admin|yesnoicon('bi bi-wrench text-secondary')|tooltip('View Admin Menu')}}} {{/model.permissions.view_admin}}\n                    ",sortable:!1},{key:"email",label:"Email",visibility:"xl",className:"text-muted fs-8"},{key:"last_activity",label:"Last Activity",formatter:"relative",className:"text-muted fs-8"}],filters:[{key:"is_active",label:"Active",type:"boolean",defaultValue:!0},{key:"email",label:"Email",type:"text",defaultValue:""},{key:"username",label:"Username",type:"text",defaultValue:""},{key:"locations__ip_address",label:"IP Address",type:"text",defaultValue:""},{key:"last_activity",type:"daterange",startName:"dr_start",endName:"dr_end",fieldName:"dr_field",label:"Date Range",format:"YYYY-MM-DD",displayFormat:"MMM DD, YYYY",separator:" to "}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No users found. Click "Add" to create a new user.',contextMenu:[{icon:"bi-pencil",action:"edit",label:"Edit Profile"},{icon:"bi-shield-check",action:"edit-permissions",label:"Edit Permissions"},{icon:"bi-shield",action:"change-password",label:"Change Password"},{separator:!0},{icon:"bi-envelope",action:"send-invite",label:"Send Invite"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionEditPermissions(e,t){e.preventDefault();const i=this.collection.get(t.dataset.id);await o.showModelForm({model:i,size:"lg",title:`Edit Permissions for "${i._.username}"`,fields:c.permissions.fields})}async onActionChangePassword(e,t){const i=this.collection.get(t.dataset.id),a=await o.showForm({title:`Change Password for "${i._.username}"`,fields:[{type:"text",name:"username",value:i.get("email")||i.get("username"),attributes:{autocomplete:"username",readonly:"readonly",tabindex:"-1",style:"position: absolute; left: -9999px; opacity: 0; height: 0; width: 0;"}},{name:"new_password",label:"New Password",type:"password",passwordUsage:"new",required:!0,showToggle:!0,attributes:{autocomplete:"new-password"}}]});if(a&&a.new_password){if(l.checkPasswordStrength(a.new_password).score<5)return this.getApp().toast.error("Password must be at least 6 characters long and contain at least 2 of the following: uppercase letter, lowercase letter, or number"),void(await this.onActionChangePassword(e,t));const s=await i.save({new_password:a.new_password});this.onPasswordChange(s)||await this.onActionChangePassword(e,t)}}onPasswordChange(e){return e.success?(this.getApp().toast.success("Password changed successfully"),!0):(e.data&&e.data.error?this.getApp().toast.error(e.data.error):this.getApp().toast.error("Failed to change password"),!1)}async onActionSendInvite(e,t){const i=this.collection.get(t.dataset.id),a=await i.save({send_invite:!0});return a.success?(this.getApp().toast.success("Invite sent successfully"),!0):(a.data&&a.data.error?this.getApp().toast.error(a.data.error):this.getApp().toast.error("Failed to send invite"),!1)}}class MemberView extends i{constructor(e={}){super({className:"member-view",...e}),this.model=e.model||new Ee(e.data||{}),this.template='\n            <div class="member-view-container">\n                \x3c!-- Header + Context Menu --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    <div data-container="member-header" style="flex: 1;"></div>\n                    <div data-container="member-context-menu" class="ms-3 flex-shrink-0"></div>\n                </div>\n                \x3c!-- Side Nav --\x3e\n                <div data-container="member-sidenav" style="min-height: 300px;"></div>\n            </div>\n        '}async onInit(){this.header=new i({containerId:"member-header",template:'\n            <div class="d-flex justify-content-between align-items-start">\n                \x3c!-- Left: Avatar + Identity --\x3e\n                <div class="d-flex align-items-center gap-3">\n                    {{{model.user.avatar|avatar(\'md\',\'rounded-circle\')}}}\n                    <div>\n                        <h4 class="mb-0">\n                            <a href="#" data-action="view-user" class="text-decoration-none text-body">{{model.user.display_name}}</a>\n                        </h4>\n                        <div class="text-muted small mt-1">\n                            <i class="bi bi-people me-1"></i>\n                            <a href="#" data-action="view-group" class="text-decoration-none">{{model.group.name}}</a>\n                            {{#model.group.kind}}\n                                <span class="badge bg-light text-muted border ms-1" style="font-size: 0.65rem;">{{model.group.kind|capitalize}}</span>\n                            {{/model.group.kind}}\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Right: Status --\x3e\n                <div class="text-end">\n                    <div class="d-flex align-items-center gap-2">\n                        {{#model.metadata.role}}\n                            <span class="badge bg-primary bg-opacity-10 text-primary" style="font-size: 0.72rem;">{{model.metadata.role}}</span>\n                        {{/model.metadata.role}}\n                        <span class="d-inline-flex align-items-center gap-1" style="cursor: pointer;"\n                              data-action="toggle-active"\n                              title="{{model.is_active|boolean(\'Click to deactivate\',\'Click to activate\')}}">\n                            <i class="bi {{model.is_active|boolean(\'bi-toggle-on text-success\',\'bi-toggle-off text-secondary\')}}" style="font-size: 1.1rem;"></i>\n                            <span class="small">{{model.is_active|boolean(\'Active\',\'Inactive\')}}</span>\n                        </span>\n                    </div>\n                    {{#model.created}}\n                        <div class="text-muted small mt-1">Joined {{model.created|date}}</div>\n                    {{/model.created}}\n                </div>\n            </div>'}),this.header.setModel(this.model),this.addChild(this.header);const e=new i({model:this.model,template:'\n                <style>\n                    .mv-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .mv-section-label:first-child { margin-top: 0; }\n                    .mv-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .mv-field-row:last-child { border-bottom: none; }\n                    .mv-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .mv-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .mv-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .mv-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                </style>\n\n                <div class="mv-section-label">User</div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Name</div>\n                    <div class="mv-field-value">\n                        <a href="#" data-action="view-user" class="text-decoration-none">{{model.user.display_name}}</a>\n                    </div>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Email</div>\n                    <div class="mv-field-value">{{model.user.email}}</div>\n                </div>\n\n                <div class="mv-section-label">Group</div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Name</div>\n                    <div class="mv-field-value">\n                        <a href="#" data-action="view-group" class="text-decoration-none">{{model.group.name}}</a>\n                    </div>\n                </div>\n                {{#model.group.kind}}\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Kind</div>\n                    <div class="mv-field-value"><span class="badge bg-primary bg-opacity-10 text-primary">{{model.group.kind|capitalize}}</span></div>\n                </div>\n                {{/model.group.kind}}\n\n                <div class="mv-section-label">Membership</div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Role</div>\n                    <div class="mv-field-value">{{model.metadata.role|default(\'—\')}}</div>\n                    <button type="button" class="mv-field-action" data-action="edit-membership" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Status</div>\n                    <div class="mv-field-value">\n                        {{#model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#d1e7dd; color:#0f5132; border-radius:3px;">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#fff3cd; color:#856404; border-radius:3px;">Inactive</span>{{/model.is_active|bool}}\n                    </div>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Member ID</div>\n                    <div class="mv-field-value" style="font-family: ui-monospace, monospace; font-size: 0.82rem;">{{model.id}}</div>\n                </div>\n                <div class="mv-field-row">\n                    <div class="mv-field-label">Joined</div>\n                    <div class="mv-field-value">{{model.created|datetime|default(\'—\')}}</div>\n                </div>\n            '}),a=new Le({fields:Ee.PERMISSION_FIELDS,model:this.model,autosaveModelField:!0}),s=new Ve({collection:new Me({params:{size:10,model_name:"account.Member",model_id:this.model.get("id")}}),permissions:"view_logs",hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0},{key:"kind",label:"Kind"},{name:"log",label:"Log"}]});this.sideNavView=new SideNavView({containerId:"member-sidenav",activeSection:"details",navWidth:160,contentPadding:"1rem 1.5rem",enableResponsive:!0,minWidth:450,sections:[{key:"details",label:"Details",icon:"bi-info-circle",view:e},{key:"permissions",label:"Permissions",icon:"bi-shield-check",view:a},{type:"divider",label:"Activity"},{key:"logs",label:"Logs",icon:"bi-journal-text",view:s,permissions:"view_logs"}]}),this.addChild(this.sideNavView);const n=new t({containerId:"member-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Membership",action:"edit-membership",icon:"bi-pencil"},{type:"divider"},{label:"View User",action:"view-user",icon:"bi-person"},{label:"View Group",action:"view-group",icon:"bi-people"},{type:"divider"},this.model.get("is_active")?{label:"Deactivate Member",action:"deactivate-member",icon:"bi-toggle-off"}:{label:"Activate Member",action:"activate-member",icon:"bi-toggle-on"},{label:"Remove From Group",action:"remove-member",icon:"bi-person-dash",danger:!0}]}});this.addChild(n)}async onActionEditMembership(){await $e.modelForm({title:"Edit Membership",model:this.model,formConfig:Re.edit})}async onActionViewUser(){const e=this.model.get("user")?.id;if(!e)return!0;const{User:t}=await import("./chunks/Dialog-C2ZupILO.js").then(e=>e.q);return await $e.showModelById(t,e),!0}async onActionViewGroup(){const e=this.model.get("group")?.id;if(!e)return!0;const{Group:t}=await import("./chunks/Dialog-C2ZupILO.js").then(e=>e.p);return await $e.showModelById(t,e),!0}async onActionToggleActive(){return this.model.get("is_active")?this.onActionDeactivateMember():this.onActionActivateMember()}async onActionDeactivateMember(){return!(await $e.confirm(`Deactivate <strong>${this.model.get("user.display_name")}</strong>'s membership in <strong>${this.model.get("group.name")}</strong>?`,"Deactivate Member"))||(200===(await this.model.save({is_active:!1})).status?this.getApp()?.toast?.success("Member deactivated"):this.getApp()?.toast?.error("Failed to deactivate member"),!0)}async onActionActivateMember(){return!(await $e.confirm(`Activate <strong>${this.model.get("user.display_name")}</strong>'s membership in <strong>${this.model.get("group.name")}</strong>?`,"Activate Member"))||(200===(await this.model.save({is_active:!0})).status?this.getApp()?.toast?.success("Member activated"):this.getApp()?.toast?.error("Failed to activate member"),!0)}async onActionRemoveMember(){return!(await $e.confirm(`Remove <strong>${this.model.get("user.display_name")}</strong> from <strong>${this.model.get("group.name")}</strong>? This cannot be undone.`,"Remove Member"))||((await this.model.destroy()).success?(this.getApp()?.toast?.success("Member removed"),this.emit("member:removed",{model:this.model})):this.getApp()?.toast?.error("Failed to remove member"),!0)}_onModelChange(){}static create(e={}){return new MemberView(e)}}Ee.VIEW_CLASS=MemberView;class MemberTablePage extends I{constructor(e={}){super({...e,name:"admin_members",pageName:"Manage Members",router:"admin/members",Collection:De,formEdit:Re.edit,itemViewClass:MemberView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"60px",sortable:!0,class:"text-muted"},{key:"user.display_name",label:"User",formatter:"default('Unknown User')"},{key:"user.email",label:"Email",formatter:"default('No Email')"},{key:"group.name",label:"Group",formatter:"default('Unknown Group')"},{key:"role",label:"Role",formatter:"badge"},{key:"status",label:"Status",formatter:"badge"},{key:"created",label:"Added",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No members found. Click "Add Member" to add users to groups.',batchBarLocation:"top",batchActions:[{label:"Remove",icon:"bi bi-person-dash",action:"batch-remove"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Change Role",icon:"bi bi-person-gear",action:"batch-role"},{label:"Activate",icon:"bi bi-check-circle",action:"batch-activate"},{label:"Deactivate",icon:"bi bi-x-circle",action:"batch-deactivate"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class ApiKey extends s{constructor(e={},t={}){super(e,{endpoint:"/api/group/apikey",...t})}}class ApiKeyList extends a{constructor(e={}){super({ModelClass:ApiKey,endpoint:"/api/group/apikey",size:25,...e})}}const tt={create:{title:"Create API Key",fields:[{name:"name",type:"text",label:"Name",placeholder:"Mobile App v2",required:!0,columns:12,help:"A descriptive name to identify this key."},{name:"group",type:"number",label:"Group ID",required:!0,columns:12,help:"The group this key is scoped to."},{name:"permissions",type:"textarea",label:"Permissions (JSON)",placeholder:'{"view_orders": true, "create_orders": true}',columns:12,help:"JSON dict of permissions to grant. Leave empty for no permissions."}]},edit:{title:"Edit API Key",fields:[{name:"name",type:"text",label:"Name",required:!0,columns:12},{name:"is_active",type:"switch",label:"Active",columns:12,help:"Deactivate to revoke access without deleting the key."},{name:"permissions",type:"textarea",label:"Permissions (JSON)",columns:12,help:"JSON dict of granted permissions."}]}};class GroupView extends i{constructor(e={}){super({className:"group-view",...e}),this.model=e.model||new b(e.data||{}),this.template='\n            <div class="group-view-container">\n                \x3c!-- Header --\x3e\n                <div data-container="group-header"></div>\n                \x3c!-- Side Nav --\x3e\n                <div data-container="group-sidenav" style="min-height: 400px;"></div>\n            </div>\n        '}async onInit(){this.header=new i({containerId:"group-header",template:'\n            <div class="d-flex justify-content-between align-items-start mb-4">\n                \x3c!-- Left Side: Identity --\x3e\n                <div class="d-flex align-items-center gap-3">\n                    {{#model.avatar}}\n                        {{{model.avatar|avatar(\'md\',\'rounded\')}}}\n                    {{/model.avatar}}\n                    {{^model.avatar}}\n                        <div class="d-flex align-items-center justify-content-center rounded bg-light" style="width: 56px; height: 56px;">\n                            <i class="bi bi-people text-secondary" style="font-size: 1.5rem;"></i>\n                        </div>\n                    {{/model.avatar}}\n                    <div>\n                        <h3 class="mb-0">{{model.name|default(\'Unnamed Group\')}}</h3>\n                        <div class="d-flex align-items-center gap-2 mt-1">\n                            <span class="badge bg-primary bg-opacity-10 text-primary" style="font-size: 0.72rem;">{{model.kind|capitalize}}</span>\n                            {{#model.parent}}\n                                <span class="text-muted small">\n                                    <i class="bi bi-diagram-3 me-1"></i>\n                                    <a href="#" data-action="view-parent" data-id="{{model.parent.id}}" class="text-decoration-none">{{model.parent.name}}</a>\n                                </span>\n                            {{/model.parent}}\n                        </div>\n                        {{#model.metadata.timezone}}\n                            <div class="text-muted small mt-1"><i class="bi bi-clock me-1"></i>{{model.metadata.timezone}}</div>\n                        {{/model.metadata.timezone}}\n                    </div>\n                </div>\n\n                \x3c!-- Right Side: Status & Actions --\x3e\n                <div class="d-flex align-items-start gap-4">\n                    <div class="text-end">\n                        <div class="d-flex align-items-center justify-content-end gap-3">\n                            <span class="d-inline-flex align-items-center gap-1" title="{{model.is_active|boolean(\'Group Active\',\'Group Inactive\')}}">\n                                <i class="bi {{model.is_active|boolean(\'bi-toggle-on text-success\',\'bi-toggle-off text-secondary\')}}" style="font-size: 1.1rem;"></i>\n                                <span class="small">{{model.is_active|boolean(\'Active\',\'Inactive\')}}</span>\n                            </span>\n                        </div>\n                        {{#model.last_activity}}\n                            <div class="text-muted small mt-1">Last active {{model.last_activity|relative}}</div>\n                        {{/model.last_activity}}\n                        {{#model.created}}\n                            <div class="text-muted small mt-1">Created {{model.created|date}}</div>\n                        {{/model.created}}\n                    </div>\n                    <div data-container="group-context-menu"></div>\n                </div>\n            </div>'}),this.header.setModel(this.model),this.addChild(this.header);const e=new i({model:this.model,template:'\n                <style>\n                    .gv-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .gv-section-label:first-child { margin-top: 0; }\n                    .gv-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .gv-field-row:last-child { border-bottom: none; }\n                    .gv-field-label { width: 140px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .gv-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .gv-field-action { color: #6c757d; cursor: pointer; font-size: 0.8rem; margin-left: auto; padding: 0.15rem 0.4rem; border-radius: 4px; background: none; border: none; }\n                    .gv-field-action:hover { background: #f0f0f0; color: #0d6efd; }\n                </style>\n\n                <div class="gv-section-label">Group</div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Name</div>\n                    <div class="gv-field-value">{{model.name}}</div>\n                    <button type="button" class="gv-field-action" data-action="edit-group" title="Edit"><i class="bi bi-pencil"></i></button>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Kind</div>\n                    <div class="gv-field-value"><span class="badge bg-primary bg-opacity-10 text-primary">{{model.kind|capitalize}}</span></div>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Status</div>\n                    <div class="gv-field-value">\n                        {{#model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#d1e7dd; color:#0f5132; border-radius:3px;">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span style="font-size:0.65rem; padding:0.15em 0.45em; background:#fff3cd; color:#856404; border-radius:3px;">Inactive</span>{{/model.is_active|bool}}\n                    </div>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">ID</div>\n                    <div class="gv-field-value" style="font-family: ui-monospace, monospace; font-size: 0.82rem;">{{model.id}}</div>\n                </div>\n\n                <div class="gv-section-label">Hierarchy</div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Parent</div>\n                    <div class="gv-field-value">\n                        {{#model.parent}}\n                            <a href="#" data-action="view-parent" data-id="{{model.parent.id}}" class="text-decoration-none">{{model.parent.name}}</a>\n                            <span class="text-muted small ms-1">({{model.parent.kind|capitalize}})</span>\n                        {{/model.parent}}\n                        {{^model.parent}}<span style="color:#adb5bd; font-style:italic; font-size:0.85rem;">None — top-level group</span>{{/model.parent}}\n                    </div>\n                </div>\n\n                <div class="gv-section-label">Settings</div>\n                {{#model.metadata.timezone}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Timezone</div>\n                    <div class="gv-field-value">{{model.metadata.timezone}}</div>\n                </div>\n                {{/model.metadata.timezone}}\n                {{#model.metadata.domain}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Domain</div>\n                    <div class="gv-field-value">{{model.metadata.domain}}</div>\n                </div>\n                {{/model.metadata.domain}}\n                {{#model.metadata.portal}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Portal URL</div>\n                    <div class="gv-field-value"><a href="{{model.metadata.portal}}" target="_blank" class="text-decoration-none">{{model.metadata.portal}}</a></div>\n                </div>\n                {{/model.metadata.portal}}\n                {{#model.metadata.eod_hour}}\n                <div class="gv-field-row">\n                    <div class="gv-field-label">End of Day</div>\n                    <div class="gv-field-value">{{model.metadata.eod_hour}}:00</div>\n                </div>\n                {{/model.metadata.eod_hour}}\n\n                <div class="gv-section-label">Dates</div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Created</div>\n                    <div class="gv-field-value">{{model.created|datetime|default(\'—\')}}</div>\n                </div>\n                <div class="gv-field-row">\n                    <div class="gv-field-label">Modified</div>\n                    <div class="gv-field-value">{{model.modified|datetime|default(\'—\')}}</div>\n                </div>\n            '}),a=new Ve({collection:new De({params:{group:this.model.get("id"),size:10}}),hideActivePillNames:["group"],clickAction:"view",showAdd:!0,addButtonLabel:"Invite",onAdd:e=>this.onInviteClick(e),columns:[{key:"user.display_name",label:"User",sortable:!0},{key:"user.email",label:"Email",sortable:!0},{key:"permissions|keys|badge",label:"Permissions"},{key:"created",label:"Joined",formatter:"date",sortable:!0}]}),s=new Ve({collection:new u({params:{parent:this.model.get("id"),size:10}}),hideActivePillNames:["parent"],clickAction:"view",showAdd:!0,addButtonLabel:"Add Group",onAdd:()=>this.onActionAddChildGroup(),columns:[{key:"name",label:"Name",sortable:!0},{key:"kind",label:"Kind",formatter:"badge"},{key:"is_active",label:"Status",width:"80px",template:'\n                        {{#model.is_active|bool}}<span class="badge bg-success bg-opacity-10 text-success">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span class="badge bg-secondary bg-opacity-10 text-secondary">Inactive</span>{{/model.is_active|bool}}'},{key:"created",label:"Created",formatter:"date",sortable:!0}]}),n=new Ve({collection:new C({params:{size:10,model_name:"account.Group",model_id:this.model.get("id")}}),hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Title"}]}),l=new Ve({collection:new ApiKeyList({params:{group:this.model.get("id"),size:10}}),hideActivePillNames:["group"],clickAction:"view",showAdd:!0,addButtonLabel:"Create Key",addFormConfig:{...tt.create,defaults:{group:this.model.get("id")}},columns:[{key:"name",label:"Name",sortable:!0},{key:"is_active",label:"Status",width:"80px",template:'\n                        {{#model.is_active|bool}}<span class="badge bg-success bg-opacity-10 text-success">Active</span>{{/model.is_active|bool}}\n                        {{^model.is_active|bool}}<span class="badge bg-secondary bg-opacity-10 text-secondary">Inactive</span>{{/model.is_active|bool}}'},{key:"permissions|keys|badge",label:"Permissions"},{key:"created",label:"Created",formatter:"datetime",sortable:!0}]}),o=new AdminMetadataSection({model:this.model}),r=new Ve({collection:new Me({params:{size:10,model_name:"account.Group",model_id:this.model.get("id")}}),permissions:"view_logs",hideActivePillNames:["model_name","model_id"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,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"}]});this.sideNavView=new SideNavView({containerId:"group-sidenav",activeSection:"details",navWidth:180,contentPadding:"1.25rem 2rem",enableResponsive:!0,minWidth:500,sections:[{key:"details",label:"Details",icon:"bi-info-circle",view:e},{key:"members",label:"Members",icon:"bi-people",view:a},{key:"children",label:"Sub-Groups",icon:"bi-diagram-3",view:s},{key:"api_keys",label:"API Keys",icon:"bi-key",view:l},{type:"divider",label:"Activity"},{key:"events",label:"Events",icon:"bi-calendar-event",view:n},{key:"logs",label:"Logs",icon:"bi-journal-text",view:r,permissions:"view_logs"},{type:"divider",label:"Settings"},{key:"metadata",label:"Metadata",icon:"bi-braces",view:o}]}),this.addChild(this.sideNavView);const d=new t({containerId:"group-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Group",action:"edit-group",icon:"bi-pencil"},{type:"divider"},{label:"Invite Member",action:"invite-member",icon:"bi-person-plus"},{label:"Add Sub-Group",action:"add-child-group",icon:"bi-diagram-3"},{type:"divider"},this.model.get("is_active")?{label:"Deactivate Group",action:"deactivate-group",icon:"bi-toggle-off"}:{label:"Activate Group",action:"activate-group",icon:"bi-toggle-on"}]}});this.addChild(d)}async onActionEditGroup(){await o.showModelForm({title:`Edit Group — ${this.model.get("name")}`,model:this.model,size:"lg",formConfig:p.detailed})&&await this.render()}async onActionInviteMember(){return this.onInviteClick(new Event("click"))}async onInviteClick(e){e?.preventDefault&&(e.preventDefault(),e.stopPropagation());const t=await o.showForm({title:`Invite User to ${this.model.get("name")}`,size:"sm",fields:[{type:"email",name:"email",label:"Email",required:!0,cols:12}]});if(!t?.email)return!0;const i=this.getApp(),a=await i.rest.POST("/api/group/member/invite",{group:this.model.id,email:t.email});return a.success?(i.toast.success("User invited successfully"),"members"===this.sideNavView?.getActiveSection()&&await this.sideNavView.showSection("members")):i.toast.error(a.message||"Failed to invite user"),!0}async onActionAddChildGroup(){const e=await o.showForm({title:`Add Sub-Group to ${this.model.get("name")}`,size:"sm",fields:p.create.fields.filter(e=>"parent"!==e.name)});if(!e)return!0;e.parent=this.model.id;const t=new b(e),i=await t.save();return 200===i.status||201===i.status?(this.getApp()?.toast?.success("Sub-group created"),"children"===this.sideNavView?.getActiveSection()&&await this.sideNavView.showSection("children")):this.getApp()?.toast?.error(i.message||"Failed to create sub-group"),!0}async onActionDeactivateGroup(){return!(await o.confirm(`Are you sure you want to deactivate <strong>${this.model.get("name")}</strong>?`,"Deactivate Group"))||(200===(await this.model.save({is_active:!1})).status?(this.getApp()?.toast?.success("Group deactivated"),await this.render()):this.getApp()?.toast?.error("Failed to deactivate group"),!0)}async onActionActivateGroup(){return!(await o.confirm(`Are you sure you want to activate <strong>${this.model.get("name")}</strong>?`,"Activate Group"))||(200===(await this.model.save({is_active:!0})).status?(this.getApp()?.toast?.success("Group activated"),await this.render()):this.getApp()?.toast?.error("Failed to activate group"),!0)}async onActionViewParent(e,t){const i=t?.dataset?.id;if(!i)return!0;const a=new b({id:i});return await a.fetch(),a.id&&o.showDialog({title:!1,size:"lg",body:new GroupView({model:a}),buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]}),!0}async showSection(e){this.sideNavView&&await this.sideNavView.showSection(e)}getActiveSection(){return this.sideNavView?this.sideNavView.getActiveSection():null}_onModelChange(){}static create(e={}){return new GroupView(e)}}b.VIEW_CLASS=GroupView;class GroupTablePage extends I{constructor(e={}){super({...e,name:"admin_groups",pageName:"Manage Groups",router:"admin/groups",Collection:u,formCreate:p.create,formEdit:p.edit,itemViewClass:GroupView,viewDialogOptions:{header:!1},defaultQuery:{sort:"-id",is_active:1},columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"name",label:"Display Name"},{key:"kind|badge",label:"Kind",filter:{type:"select",options:b.GroupKindOptions}},{key:"is_active|yesnoicon",label:"Enabled",visibility:"lg"},{key:"parent.name",label:"Parent",formatter:"default('-')",visibility:"md",class:"text-muted fs-8"},{key:"created",label:"Created",className:"text-muted fs-8",formatter:"epoch|datetime",visibility:"lg"},{key:"last_activity",label:"Activity",className:"text-muted fs-8",formatter:"relative",visibility:"lg"}],filters:[{key:"is_active",label:"Active",type:"select",options:[{label:"Active",value:!0},{label:"Inactive",value:!1}]}],contextMenu:[{icon:"bi-pencil",action:"edit",label:"Edit Group"},{icon:"bi-bullseye",action:"make-active",label:"Make Active Group"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No groups found. Click "Add Group" to create your first one.',batchBarLocation:"top",batchActions:[{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Activate",icon:"bi bi-check-circle",action:"batch-activate"},{label:"Deactivate",icon:"bi bi-x-circle",action:"batch-deactivate"},{label:"Move",icon:"bi bi-arrow-right",action:"batch-move"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}onActionMakeActive(e,t){const i=this.collection.get(t.dataset.id);this.getApp().setActiveGroup(i)}}class DeviceLocationRow extends Ne{get locationText(){const e=this.model?.get("geolocation")||{};return[e.city,e.region].filter(Boolean).join(", ")||e.country_name||"—"}get countryName(){return this.model?.get("geolocation")?.country_name||""}get ispName(){const e=this.model?.get("geolocation")||{};return e.isp||e.asn_org||""}get threatFlags(){const e=this.model?.get("geolocation")||{},t=[];return e.is_vpn&&t.push('<span class="badge bg-warning text-dark" style="font-size:0.6rem;">VPN</span>'),e.is_tor&&t.push('<span class="badge bg-danger" style="font-size:0.6rem;">Tor</span>'),e.is_proxy&&t.push('<span class="badge bg-warning text-dark" style="font-size:0.6rem;">Proxy</span>'),t.join(" ")}get hasThreatFlags(){const e=this.model?.get("geolocation")||{};return!!(e.is_vpn||e.is_tor||e.is_proxy)}}class DeviceView extends i{constructor(e={}){super({className:"device-view",...e}),this.model=e.model||new h(e.data||{}),this.deviceInfo=this.model.get("device_info")||{},this.deviceIcon=this._getIcon(this.deviceInfo),this.browserFull=this._getBrowser(),this.osFull=this._getOS(),this.deviceFull=this._getDevice(),this.isMobile=this._isMobile(),this.template='\n            <style>\n                .dv-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }\n                .dv-identity { display: flex; align-items: center; gap: 1rem; }\n                .dv-icon-wrap { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; }\n                .dv-title { font-size: 1.15rem; font-weight: 600; margin: 0; line-height: 1.3; }\n                .dv-subtitle { font-size: 0.8rem; color: #6c757d; margin-top: 0.15rem; }\n                .dv-status { text-align: right; display: flex; align-items: flex-start; gap: 0.75rem; }\n                .dv-last-seen-label { font-size: 0.7rem; color: #adb5bd; text-transform: uppercase; letter-spacing: 0.04em; }\n                .dv-last-seen-value { font-size: 0.88rem; font-weight: 500; }\n                .dv-last-seen-ip { font-size: 0.75rem; color: #6c757d; margin-top: 0.1rem; }\n            </style>\n\n            <div class="dv-header">\n                <div class="dv-identity">\n                    <div class="dv-icon-wrap bg-primary bg-opacity-10 text-primary">\n                        <i class="bi {{deviceIcon}}"></i>\n                    </div>\n                    <div>\n                        <h4 class="dv-title">{{browserFull}} <span class="fw-normal text-muted">on</span> {{osFull}}</h4>\n                        <div class="dv-subtitle">\n                            {{deviceFull}}\n                            {{#model.user.display_name}}\n                                <span class="text-muted mx-1">&middot;</span>\n                                <a href="#" data-action="view-user" class="text-decoration-none">{{model.user.display_name}}</a>\n                            {{/model.user.display_name}}\n                        </div>\n                    </div>\n                </div>\n                <div class="dv-status">\n                    <div>\n                        <div class="dv-last-seen-label">Last Seen</div>\n                        <div class="dv-last-seen-value">{{model.last_seen|relative}}</div>\n                        {{#model.last_ip}}<div class="dv-last-seen-ip">{{model.last_ip}}</div>{{/model.last_ip}}\n                    </div>\n                    <div data-container="device-context-menu"></div>\n                </div>\n            </div>\n\n            <div data-container="device-sidenav" style="min-height: 300px;"></div>\n        '}_getBrowser(){const e=this.deviceInfo?.user_agent||{},t=[e.family,e.major].filter(Boolean);return t.length?t.join(" "):"Unknown Browser"}_getOS(){const e=this.deviceInfo?.os||{},t=[e.major,e.minor].filter(Boolean).join(".");return e.family?`${e.family} ${t}`.trim():"Unknown OS"}_getDevice(){const e=this.deviceInfo?.device||{},t=[e.brand,e.family].filter(Boolean),i=t.length?t.join(" "):"Unknown Device";return e.model?`${i} (${e.model})`:i}_isMobile(){const e=this.deviceInfo?.device||{},t=this.deviceInfo?.os||{};return["iPhone","Android","iPad"].some(i=>(e.family||"").includes(i)||(t.family||"").includes(i))}_getIcon(e){const t=e?.os?.family?.toLowerCase()||"",i=e?.user_agent?.family?.toLowerCase()||"",a=e?.device?.family?.toLowerCase()||"";return i.includes("chrome")?"bi-browser-chrome":i.includes("firefox")?"bi-browser-firefox":i.includes("safari")?"bi-browser-safari":i.includes("edge")?"bi-browser-edge":t.includes("mac")||t.includes("ios")?"bi-apple":t.includes("windows")?"bi-windows":t.includes("android")?"bi-android2":t.includes("linux")?"bi-ubuntu":a.includes("iphone")?"bi-phone":a.includes("ipad")?"bi-tablet":"bi-laptop"}async onInit(){const e=new i({model:this.model,template:'\n                <style>\n                    .dv-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .dv-section-label:first-child { margin-top: 0; }\n                    .dv-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .dv-field-row:last-child { border-bottom: none; }\n                    .dv-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .dv-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .dv-ua-string { font-family: ui-monospace, monospace; font-size: 0.73rem; color: #6c757d; word-break: break-all; line-height: 1.5; padding: 0.5rem 0.75rem; background: #f8f9fa; border-radius: 6px; margin-top: 0.25rem; }\n                </style>\n\n                <div class="dv-section-label">Browser</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Name</div>\n                    <div class="dv-field-value">{{model.device_info.user_agent.family|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Version</div>\n                    <div class="dv-field-value">{{model.device_info.user_agent.major|default(\'—\')}}{{#model.device_info.user_agent.minor}}.{{model.device_info.user_agent.minor}}{{/model.device_info.user_agent.minor}}{{#model.device_info.user_agent.patch}}.{{model.device_info.user_agent.patch}}{{/model.device_info.user_agent.patch}}</div>\n                </div>\n\n                <div class="dv-section-label">Operating System</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Name</div>\n                    <div class="dv-field-value">{{model.device_info.os.family|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Version</div>\n                    <div class="dv-field-value">{{model.device_info.os.major|default(\'—\')}}{{#model.device_info.os.minor}}.{{model.device_info.os.minor}}{{/model.device_info.os.minor}}{{#model.device_info.os.patch}}.{{model.device_info.os.patch}}{{/model.device_info.os.patch}}</div>\n                </div>\n\n                <div class="dv-section-label">Hardware</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Brand</div>\n                    <div class="dv-field-value">{{model.device_info.device.brand|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Family</div>\n                    <div class="dv-field-value">{{model.device_info.device.family|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Model</div>\n                    <div class="dv-field-value">{{model.device_info.device.model|default(\'—\')}}</div>\n                </div>\n\n                <div class="dv-section-label">Identification</div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Device ID</div>\n                    <div class="dv-field-value" style="font-family: ui-monospace, monospace; font-size: 0.78rem;">{{model.duid|truncate_middle(32)}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Last IP</div>\n                    <div class="dv-field-value">{{model.last_ip|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">First Seen</div>\n                    <div class="dv-field-value">{{model.first_seen|epoch|datetime|default(\'—\')}}</div>\n                </div>\n                <div class="dv-field-row">\n                    <div class="dv-field-label">Last Seen</div>\n                    <div class="dv-field-value">{{model.last_seen|epoch|datetime|default(\'—\')}}</div>\n                </div>\n\n                {{#model.device_info.string}}\n                <div class="dv-section-label">User Agent String</div>\n                <div class="dv-ua-string">{{model.device_info.string}}</div>\n                {{/model.device_info.string}}\n            '}),a=new Ve({collection:new v({params:{user_device:this.model.get("id"),size:10}}),hideActivePillNames:["user_device"],clickAction:"view",itemClass:DeviceLocationRow,selectable:!1,columns:[{key:"ip_address",label:"Location",template:'\n                        <div style="font-size:0.85rem; font-weight:500;">\n                            <i class="bi bi-geo-alt text-muted me-1" style="font-size:0.95rem; vertical-align:middle;"></i>{{locationText}}\n                            {{#countryName}} <span class="text-muted fw-normal">&middot; {{countryName}}</span>{{/countryName}}\n                        </div>\n                        <div style="font-size:0.73rem; color:#6c757d; margin-top:0.15rem;">\n                            {{model.ip_address}}\n                            {{#ispName}} <span class="text-muted mx-1">&middot;</span> {{ispName}}{{/ispName}}\n                            {{#hasThreatFlags|bool}} <span class="ms-1">{{{threatFlags}}}</span>{{/hasThreatFlags|bool}}\n                        </div>'},{key:"first_seen",label:"First Seen",formatter:"epoch|relative",width:"110px"},{key:"last_seen",label:"Last Seen",formatter:"epoch|relative",width:"110px"}]});this.sideNavView=new SideNavView({containerId:"device-sidenav",activeSection:"details",navWidth:160,contentPadding:"1rem 1.5rem",enableResponsive:!0,minWidth:450,sections:[{key:"details",label:"Details",icon:"bi-info-circle",view:e},{key:"locations",label:"Locations",icon:"bi-geo-alt",view:a}]}),this.addChild(this.sideNavView);const s=new t({containerId:"device-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"View User",action:"view-user",icon:"bi-person"},{label:"Block Device",action:"block-device",icon:"bi-shield-slash",disabled:!0},{type:"divider"},{label:"Delete Record",action:"delete-device",icon:"bi-trash",danger:!0}]}});this.addChild(s)}async onActionViewUser(){this.emit("view-user",{userId:this.model.get("user")?.id})}async onActionDeleteDevice(){return!(await o.confirm("Are you sure you want to delete this device record?","Delete Device"))||((await this.model.destroy()).success&&this.emit("device:deleted",{model:this.model}),!0)}static async show(e){const t=await h.getByDuid(e);return t?o.showDialog({title:!1,size:"lg",body:new DeviceView({model:t}),buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]}):(o.alert({message:`Could not find device with DUID: ${e}`,type:"warning"}),null)}}h.VIEW_CLASS=DeviceView;class UserDeviceTablePage extends I{constructor(e={}){super({...e,name:"admin_user_devices",pageName:"User Devices",router:"admin/user/devices",Collection:d,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"duid",label:"Device ID",sortable:!0,formatter:"truncate_middle(16)"},{key:"user.display_name",label:"User",sortable:!0,formatter:"default('—')"},{key:"device_info.user_agent.family",label:"Browser",formatter:"default('—')"},{key:"device_info.os.family",label:"OS",formatter:"default('—')"},{key:"last_ip",label:"Last IP",sortable:!0},{key:"first_seen",label:"First Seen",formatter:"epoch|datetime"},{key:"last_seen",label:"Last Seen",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No user devices found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class UserDeviceLocationTablePage extends e{constructor(e={}){super({...e,pageName:"Device Locations",className:"device-locations-page"}),this.name=e.name||"admin_user_device_locations",this.route=e.router||"admin/user/device-locations"}async getTemplate(){return'\n            <div class="container-fluid">\n                <div class="d-flex justify-content-between align-items-center mb-3">\n                    <div>\n                        <h4 class="mb-1">Device Locations</h4>\n                        <p class="text-muted mb-0 small">Login locations across all users</p>\n                    </div>\n                </div>\n                <div data-container="tabs"></div>\n            </div>\n        '}async onInit(){const e=new LoginLocationMapView({height:400,mapStyle:"dark"}),t=new Ve({collection:new LoginEventList({params:{size:20}}),searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showExport:!0,columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"160px"},{key:"user.display_name",label:"User",sortable:!0},{key:"ip_address",label:"IP Address",sortable:!0},{key:"city",label:"City",formatter:"default('—')"},{key:"region",label:"Region",formatter:"default('—')"},{key:"country_code",label:"Country",sortable:!0},{key:"source",label:"Source",sortable:!0},{key:"is_new_country",label:"New Country",formatter:"boolean",sortable:!0,width:"110px"}]});this.tabView=new P({containerId:"tabs",tabs:{Map:e,Logins:t},activeTab:"Map"}),this.addChild(this.tabView)}}class GeoIPView extends i{constructor(e={}){super({className:"geoip-view",...e}),this.model=e.model||new D(e.data||{}),this.hasCoordinates=this.model.get("latitude")&&this.model.get("longitude"),this.template='\n            <div class="geoip-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    \x3c!-- Left Side: Icon & Info --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary">\n                            <i class="bi bi-globe-americas"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.ip_address}}</h3>\n                            <div class="text-muted small">\n                                {{model.city|default(\'Unknown Location\')}}, {{model.country_name|default(\'Unknown Location\')}}\n                            </div>\n                            <div class="text-muted small mt-1">\n                                ISP: {{model.isp|capitalize}}\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Risk Summary + Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        \x3c!-- Risk summary --\x3e\n                        <div class="text-end">\n                            <div class="d-flex align-items-baseline justify-content-end gap-2">\n                                <span class="text-muted">Risk:</span>\n                                <span class="fw-bold fs-4\n                                    {{#model.is_threat}} text-danger {{/model.is_threat}}\n                                    {{#model.is_suspicious}} text-warning {{/model.is_suspicious}}\n                                    {{^model.is_threat}}{{^model.is_suspicious}} text-success {{/model.is_suspicious}}{{/model.is_threat}}\n                                ">{{#model.threat_level}}{{model.threat_level|capitalize}}{{/model.threat_level}}{{^model.threat_level}}Unknown{{/model.threat_level}}</span>\n                            </div>\n                            <div class="mt-1 small d-flex align-items-center justify-content-end gap-2">\n                                <span class="text-muted">Score:</span>\n                                <span class="fw-semibold">{{model.risk_score|default(\'—\')}}</span>\n                            </div>\n                            <div class="mt-1 d-flex align-items-center justify-content-end gap-2">\n                                <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>\n                                <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>\n                                <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>\n                                <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>\n                                <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>\n                                <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>\n                            </div>\n                        </div>\n                        \x3c!-- Actions: context menu aligned to top (not vertically centered) --\x3e\n                        <div class="d-flex align-items-start">\n                            <div data-container="geoip-context-menu"></div>\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="geoip-tabs"></div>\n            </div>\n        '}async onInit(){this.detailsView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{name:"ip_address",label:"IP Address",cols:4},{name:"subnet",label:"Subnet",cols:4},{name:"country_name",label:"Country",cols:4},{name:"country_code",label:"Country Code",cols:4},{name:"region",label:"Region",cols:4},{name:"city",label:"City",cols:4},{name:"postal_code",label:"Postal Code",cols:4},{name:"timezone",label:"Timezone",cols:4},{name:"latitude",label:"Latitude",cols:4},{name:"longitude",label:"Longitude",cols:4}]}),this.networkView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{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:8},{name:"isp",label:"ISP",cols:12},{name:"connection_type",label:"Connection Type",cols:6}]}),this.riskView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{name:"id",label:"Record ID",cols:6},{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:"last_seen",label:"Last Seen",formatter:"datetime",cols:6},{name:"expires_at",label:"Expires",formatter:"datetime",cols:6}]});const e=new C({params:{size:5,source_ip:this.model.get("ip_address")}});this.eventsView=new Ve({collection:e,hideActivePillNames:["source_ip"],columns:[{key:"id",label:"ID",sortable:!0,width:"40px"},{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Title"}]});const i=new Me({params:{size:5,ip:this.model.get("ip_address")}});this.logsView=new Ve({collection:i,permissions:"view_logs",hideActivePillNames:["ip"],columns:[{key:"created",label:"Timestamp",sortable:!0,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:!0,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 a={Location:this.detailsView,Network:this.networkView,"Risk & Reputation":this.riskView,Events:this.eventsView,Logs:this.logsView,Metadata:this.metadataView};if(this.hasCoordinates){const e=this.model.get("latitude"),t=this.model.get("longitude"),i=[this.model.get("city")||"Unknown",this.model.get("region")||"",this.model.get("country_name")||""].filter(Boolean).join(", ");this.mapView=new je({markers:[{lat:e,lng:t,popup:`<strong>${this.model.get("ip_address")}</strong><br>${i}`}],tileLayer:"light",zoom:4,height:450}),a.Map=this.mapView}this.tabView=new P({containerId:"geoip-tabs",tabs:a,activeTab:this.hasCoordinates?"Map":"Location"}),this.addChild(this.tabView);const s=[{label:"Edit Location",action:"edit-location",icon:"bi-geo-alt"},{label:"Edit Security",action:"edit-security",icon:"bi-shield-lock"},{label:"Edit Network",action:"edit-network",icon:"bi-diagram-3"},{type:"divider"},{label:"Refresh Geolocation",action:"refresh-geoip",icon:"bi-arrow-clockwise"}];this.hasCoordinates&&s.push({label:"View on Map",action:"view-on-map",icon:"bi-map"}),s.push({type:"divider"},{label:"Block IP",action:"block-ip",icon:"bi-slash-circle",class:"text-danger"},{label:"Unblock IP",action:"unblock-ip",icon:"bi-unlock",class:"text-success"},{label:"Whitelist IP",action:"whitelist-ip",icon:"bi-check-circle",class:"text-primary"},{label:"Remove Whitelist",action:"unwhitelist-ip",icon:"bi-x-circle"},{label:"Refresh Threat Data",action:"threat-analysis",icon:"bi-shield-exclamation"}),s.push({type:"divider"},{label:"Delete Record",action:"delete-geoip",icon:"bi-trash",danger:!0});const n=new t({containerId:"geoip-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:s}});this.addChild(n)}async onAfterRender(){await super.onAfterRender(),window.bootstrap&&window.bootstrap.Tooltip&&this.element&&this.element.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(e=>{const t=window.bootstrap.Tooltip.getInstance(e);t&&"function"==typeof t.dispose&&t.dispose(),new window.bootstrap.Tooltip(e)})}async onActionEditLocation(){await o.showModelForm({title:`Edit Location - ${this.model.get("ip_address")}`,model:this.model,formConfig:D.EDIT_LOCATION_FORM})&&(await this.render(),this.getApp()?.toast?.success("Location updated successfully"))}async onActionEditSecurity(){await o.showModelForm({title:`Edit Security - ${this.model.get("ip_address")}`,model:this.model,formConfig:D.EDIT_SECURITY_FORM})&&(await this.render(),this.getApp()?.toast?.success("Security settings updated successfully"))}async onActionEditNetwork(){await o.showModelForm({title:`Edit Network - ${this.model.get("ip_address")}`,model:this.model,formConfig:D.EDIT_NETWORK_FORM})&&(await this.render(),this.getApp()?.toast?.success("Network information updated successfully"))}async onActionRefreshGeoip(){await this.model.save({refresh:!0}),this.getApp()?.toast?.info("Refresh request sent for "+this.model.get("ip_address"))}async onActionBlockIp(){const e=await o.showForm({title:"Block IP",icon:"bi-slash-circle",size:"sm",fields:[{name:"reason",type:"text",label:"Reason",required:!0,placeholder:"e.g., Suspicious activity"},{name:"ttl",type:"select",label:"Duration",options:[{value:3600,label:"1 hour"},{value:21600,label:"6 hours"},{value:86400,label:"24 hours"},{value:604800,label:"7 days"},{value:2592e3,label:"30 days"},{value:0,label:"Permanent"}],value:86400}]});return!e||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"block",value:{reason:e.reason,ttl:parseInt(e.ttl)}})).success?(this.getApp().toast.success("IP blocked successfully"),await this.model.fetch()):this.getApp().toast.error("Failed to block IP"),!0)}async onActionUnblockIp(){const e=await o.showForm({title:"Unblock IP",icon:"bi-unlock",size:"sm",fields:[{name:"reason",type:"text",label:"Reason",placeholder:"e.g., False positive"}]});return!e||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"unblock",value:e.reason||"Unblocked from admin"})).success?(this.getApp().toast.success("IP unblocked successfully"),await this.model.fetch()):this.getApp().toast.error("Failed to unblock IP"),!0)}async onActionWhitelistIp(){const e=await o.showForm({title:"Whitelist IP",icon:"bi-check-circle",size:"sm",fields:[{name:"reason",type:"text",label:"Reason",required:!0,placeholder:"e.g., Known office IP"}]});return!e||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"whitelist",value:e.reason})).success?(this.getApp().toast.success("IP whitelisted successfully"),await this.model.fetch()):this.getApp().toast.error("Failed to whitelist IP"),!0)}async onActionUnwhitelistIp(){return!(await o.confirm("Remove this IP from the whitelist?","Remove Whitelist"))||((await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"unwhitelist"})).success?(this.getApp().toast.success("IP removed from whitelist"),await this.model.fetch()):this.getApp().toast.error("Failed to remove from whitelist"),!0)}async onActionThreatAnalysis(e,t){try{t&&(t.disabled=!0),(await this.getApp().rest.POST(`/api/account/system/geoip/${this.model.id}`,{action:"threat_analysis"})).success?(this.getApp().toast.success("Threat data refreshed"),await this.model.fetch()):this.getApp().toast.error("Failed to refresh threat data")}finally{t&&(t.disabled=!1)}return!0}async onActionViewOnMap(){if(this.hasCoordinates){const e=`https://www.google.com/maps/search/?api=1&query=${this.model.get("latitude")},${this.model.get("longitude")}`;window.open(e,"_blank")}}async onActionDeleteGeoip(){await o.confirm(`Are you sure you want to delete the GeoIP record for "${this.model.get("ip_address")}"?`,"Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("geoip:deleted",{model:this.model})}static async show(e){const t=await D.lookup(e);if(t){const e=new GeoIPView({model:t}),i=new o({header:!1,size:"lg",body:e,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]});return await i.render(!0,document.body),i.show(),i}return o.alert({message:`Could not find geolocation data for IP: ${e}`,type:"warning"}),null}}D.VIEW_CLASS=GeoIPView;class GeoLocatedIPTablePage extends I{constructor(e={}){super({...e,name:"admin_system_geoip",pageName:"GeoIP Cache",router:"admin/system/geoip",Collection:V,itemView:GeoIPView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"ip_address",label:"IP Address",sortable:!0},{key:"city",label:"City",sortable:!0,formatter:"default('—')"},{key:"region",label:"Region",sortable:!0,formatter:"default('—')"},{key:"country_name",label:"Country",sortable:!0,formatter:"default('—')"},{key:"isp",label:"ISP",sortable:!0,formatter:"default('—')"},{key:"threat_level",label:"Threat",formatter:"default('—')"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,clickAction:"view",showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:"No GeoIP records found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},tableViewOptions:{addButtonLabel:"Lookup IP",onAdd:e=>{e.preventDefault(),this.onLookup()}}})}async onLookup(){const e=await this.getApp().showForm({title:"Lookup IP",fields:[{name:"ip",type:"text",required:!0}]});if(e&&e.ip){const t=await D.lookup(e.ip);t&&this.tableView._onRowView({model:t})}}}class ApiKeyView extends i{constructor(e={}){super({className:"api-key-view",...e}),this.model=e.model||new ApiKey(e.data||{}),this.template='\n            <div class="api-key-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    \x3c!-- Left: Icon & Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary">\n                            <i class="bi bi-key"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.name|default(\'Unnamed Key\')}}</h3>\n                            <div class="text-muted small">\n                                ID: {{model.id}}\n                                <span class="mx-2">|</span>\n                                Group: {{model.group.name|default(model.group)}}\n                            </div>\n                            <div class="mt-1">\n                                <span class="badge {{model.is_active|boolean(\'bg-success\',\'bg-secondary\')}}">\n                                    {{model.is_active|boolean(\'Active\',\'Inactive\')}}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right: Meta & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="text-muted small">Created</div>\n                            <div>{{model.created|datetime}}</div>\n                        </div>\n                        <div data-container="apikey-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Details --\x3e\n                <div class="list-group mb-3">\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Token Preview</h6>\n                        <p class="mb-1 font-monospace small text-muted">\n                            The raw token is only shown once at creation time.\n                        </p>\n                    </div>\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Permissions</h6>\n                        {{#model.permissions}}\n                            <pre class="mb-0 small">{{model.permissions|json}}</pre>\n                        {{/model.permissions}}\n                        {{^model.permissions}}\n                            <span class="text-muted small">No permissions granted</span>\n                        {{/model.permissions}}\n                    </div>\n                    {{#model.limits}}\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Rate Limit Overrides</h6>\n                        <pre class="mb-0 small">{{model.limits|json}}</pre>\n                    </div>\n                    {{/model.limits}}\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Usage</h6>\n                        <p class="mb-0 small text-muted">\n                            Include in requests as:\n                            <code>Authorization: apikey &lt;token&gt;</code>\n                        </p>\n                    </div>\n                </div>\n            </div>\n        '}async onInit(){const e=this.model.get("is_active"),i=new t({containerId:"apikey-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit",action:"edit-key",icon:"bi-pencil"},e?{label:"Deactivate",action:"deactivate-key",icon:"bi-x-circle"}:{label:"Activate",action:"activate-key",icon:"bi-check-circle"},{type:"divider"},{label:"Delete Key",action:"delete-key",icon:"bi-trash",danger:!0}]}});this.addChild(i)}async onActionEditKey(){const e=this.getApp();await e.showModelForm({title:`Edit API Key — ${this.model.get("name")}`,model:this.model,formConfig:tt.edit})&&this.render()}async onActionDeactivateKey(){const e=this.getApp();if(!(await e.confirm({title:"Deactivate API Key",message:`Deactivate "${this.model.get("name")}"? Requests using this key will be rejected.`,confirmLabel:"Deactivate",confirmClass:"btn-warning"})))return;e.showLoading();const t=await this.model.save({is_active:!1});e.hideLoading(),t&&!1!==t.success?(e.toast.success("API key deactivated"),this.render()):e.toast.error("Failed to deactivate key")}async onActionActivateKey(){const e=this.getApp();e.showLoading();const t=await this.model.save({is_active:!0});e.hideLoading(),t&&!1!==t.success?(e.toast.success("API key activated"),this.render()):e.toast.error("Failed to activate key")}async onActionDeleteKey(){const e=this.getApp();if(!(await e.confirm({title:"Delete API Key",message:`Permanently delete "${this.model.get("name")}"? This cannot be undone.`,confirmLabel:"Delete",confirmClass:"btn-danger"})))return;e.showLoading();const t=await this.model.delete();e.hideLoading(),t&&!1!==t.success?(e.toast.success("API key deleted"),this.emit("deleted",{model:this.model})):e.toast.error("Failed to delete key")}}ApiKey.VIEW_CLASS=ApiKeyView,ApiKey.ADD_FORM=tt.create,ApiKey.EDIT_FORM=tt.edit;class ApiKeyTablePage extends I{constructor(e={}){super({...e,name:"admin_api_keys",pageName:"API Keys",router:"admin/api-keys",Collection:ApiKeyList,itemViewClass:ApiKeyView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Name",sortable:!0},{key:"group.name",label:"Group",sortable:!0,formatter:"default('—')"},{key:"is_active",label:"Status",formatter:"boolean('Active|bg-success','Inactive|bg-secondary')|badge",width:"100px"},{key:"created",label:"Created",formatter:"datetime",sortable:!0}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!1,addButtonLabel:"New API Key",emptyMessage:"No API keys found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionAdd(){const e=this.getApp(),t=new ApiKey,i=await e.showForm({model:t,...tt.create});if(!i)return;const a=await t.save(i);if(!a?.data?.status)return void e.showError(a?.data?.error||"Failed to create API key");const s=a.data?.data?.token;await e.showAlert({title:"API Key Created — Save Your Token",message:s?`Copy this token now. It will not be shown again.\n\n${s}`:"API key created successfully.",type:s?"warning":"success",size:"lg"}),this.collection.add(t),this.tableView?.refresh()}}class CloudWatchChart extends k{constructor(e={}){super({endpoint:"/api/aws/cloudwatch/fetch",account:e.resourceType||e.account||"ec2",category:e.category||null,slugs:e.slugs||(e.slug?[e.slug]:null),granularity:e.granularity||"hours",title:e.title||"CloudWatch",defaultDateRange:e.defaultDateRange||"24h",showDateRange:!1,...e}),this.stat=e.stat||"avg",this.resourceType=e.resourceType||e.account||"ec2"}buildApiParams(){const e=super.buildApiParams();return e.stat=this.stat,e}setStat(e){return this.stat=e,this.fetchData()}}const it=[{account:"ec2",category:"cpu",title:"EC2 CPU",unit:"%"},{account:"ec2",category:"net_out",title:"EC2 Network Out",unit:"bytes"},{account:"ec2",category:"memory",title:"EC2 Memory",unit:"%"},{account:"ec2",category:"disk",title:"EC2 Disk",unit:"%"},{account:"rds",category:"cpu",title:"RDS CPU",unit:"%"},{account:"rds",category:"conns",title:"RDS Connections",unit:""},{account:"rds",category:"read_latency",title:"RDS Read Latency",unit:"s"},{account:"rds",category:"write_latency",title:"RDS Write Latency",unit:"s"},{account:"redis",category:"cpu",title:"Redis CPU",unit:"%"},{account:"redis",category:"conns",title:"Redis Connections",unit:""},{account:"redis",category:"cache_misses",title:"Redis Cache Misses",unit:""},{account:"redis",category:"cache_hits",title:"Redis Cache Hits",unit:""}];function at(e){return"%"===e?{label:"%",beginAtZero:!0,max:100}:"bytes"===e?{label:"Bytes",beginAtZero:!0}:"s"===e?{label:"Seconds",beginAtZero:!0}:{beginAtZero:!0}}class CloudWatchDashboardPage extends e{constructor(e={}){super({...e,title:"CloudWatch Monitoring",className:"cloudwatch-dashboard-page"})}async getTemplate(){return`\n            <style>\n                .cw-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n                @media (max-width: 992px) { .cw-grid { grid-template-columns: 1fr; } }\n            </style>\n            <div class="container-fluid">\n                <p class="text-muted mb-3">AWS CloudWatch resource monitoring</p>\n                <div class="cw-grid" id="cw-grid">\n                    ${it.map((e,t)=>`<div id="cw-chart-${t}"></div>`).join("")}\n                </div>\n            </div>\n        `}async onInit(){this.getApp()?.showLoading("Loading CloudWatch...");try{for(let e=0;e<it.length;e++){const t=it[e],i=new CloudWatchChart({containerId:`cw-chart-${e}`,account:t.account,category:t.category,title:t.title,height:160,yAxis:at(t.unit),responsive:!0,showGranularity:!0,showDateRange:!0,defaultDateRange:"24h",granularity:"hours"});this.addChild(i)}}finally{this.getApp()?.hideLoading()}}}class SecurityStatsBar extends i{constructor(e={}){super({...e,className:"security-stats-bar"}),this.model=new M,this.counts={ipBlocks:0,blockedDevices:0,blocksToday:0,newCountryLogins:0}}async getTemplate(){return'\n            <div class="row g-3 mb-4">\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-exclamation-triangle text-danger fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Open Incidents</div>\n                                    <div class="fw-bold fs-5">{{model.incidents.open}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-ticket-perforated text-warning fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Open Tickets</div>\n                                    <div class="fw-bold fs-5">{{model.tickets.open}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-shield-x text-danger fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">IP Blocks</div>\n                                    <div class="fw-bold fs-5">{{counts.ipBlocks}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-phone-fill text-warning fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Blocked Devices</div>\n                                    <div class="fw-bold fs-5">{{counts.blockedDevices}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-person-slash text-info fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">Blocks Today</div>\n                                    <div class="fw-bold fs-5">{{counts.blocksToday}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="col">\n                    <div class="card border-0 shadow-sm h-100">\n                        <div class="card-body py-3">\n                            <div class="d-flex align-items-center gap-2">\n                                <i class="bi bi-geo-alt-fill text-success fs-4"></i>\n                                <div>\n                                    <div class="text-muted small">New-Country Logins</div>\n                                    <div class="fw-bold fs-5">{{counts.newCountryLogins}}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        '}async onBeforeRender(){await this.fetchAll()}async fetchAll(){const e=this.getApp()?.rest,[t,...i]=await Promise.allSettled([this.model.fetch(),e.GET("/api/account/system/geoip?is_blocked=true&size=0"),e.GET("/api/account/bouncer/device?risk_tier=blocked&size=0"),e.GET("/api/account/bouncer/signal?decision=block&dr_start=today&size=0"),e.GET("/api/account/logins?is_new_country=true&dr_start=today&size=0")]),a=["ipBlocks","blockedDevices","blocksToday","newCountryLogins"];i.forEach((e,t)=>{"fulfilled"===e.status&&e.value?.data&&(this.counts[a[t]]=e.value.data.count||0)})}async refresh(){await this.fetchAll(),await this.render()}}class OverviewTab extends i{constructor(e={}){super({...e,className:"overview-tab"})}async getTemplate(){return'\n            <div class="row g-4">\n                <div class="col-xl-6 col-12" data-container="events-widget"></div>\n                <div class="col-xl-6 col-12" data-container="incidents-widget"></div>\n            </div>\n        '}async onInit(){this.eventsWidget=new A({containerId:"events-widget",icon:"bi bi-activity fs-2",title:"System Events",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#154360",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["incident_events"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:140,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-events"}),this.addChild(this.eventsWidget),this.incidentsWidget=new A({containerId:"incidents-widget",icon:"bi bi-exclamation-triangle fs-2",title:"System Incidents",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#7D6608",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["incidents"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:140,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.25)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-incidents"}),this.addChild(this.incidentsWidget)}async refresh(){await Promise.allSettled([this.eventsWidget?.refresh(),this.incidentsWidget?.refresh()])}}class ThreatsTab extends i{constructor(e={}){super({...e,className:"threats-tab"})}async getTemplate(){return'\n            <div class="row g-4">\n                <div class="col-xl-4 col-lg-6 col-12" data-container="firewall-blocks-widget"></div>\n                <div class="col-xl-4 col-lg-6 col-12" data-container="bouncer-blocks-widget"></div>\n                <div class="col-xl-4 col-lg-6 col-12" data-container="bouncer-prescreen-widget"></div>\n            </div>\n        '}async onInit(){this.firewallBlocksWidget=new A({containerId:"firewall-blocks-widget",icon:"bi bi-shield-x fs-2",title:"Firewall Blocks",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#922B21",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["firewall:blocks"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:120,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-firewall-blocks"}),this.addChild(this.firewallBlocksWidget),this.bouncerBlocksWidget=new A({containerId:"bouncer-blocks-widget",icon:"bi bi-person-slash fs-2",title:"Bouncer Blocks",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#6C3483",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["bouncer:blocks"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:120,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-bouncer-blocks"}),this.addChild(this.bouncerBlocksWidget),this.bouncerPrescreenWidget=new A({containerId:"bouncer-prescreen-widget",icon:"bi bi-funnel fs-2",title:"Pre-Screen Blocks",subtitle:'{{now_value}} <span class="subtitle-label">{{now_label}}</span>',background:"#1A5276",textColor:"#FFFFFF",endpoint:"/api/metrics/fetch",granularity:"days",slugs:["bouncer:pre_screen_blocks"],account:"incident",chartType:"line",showTooltip:!0,showXAxis:!1,height:120,color:"rgba(255,255,255,0.9)",fill:!0,fillColor:"rgba(255,255,255,0.2)",smoothing:.3,defaultDateRange:"7d",valueFormat:"number",showTrending:!0,showSettings:!0,settingsKey:"incident-dashboard-bouncer-prescreen"}),this.addChild(this.bouncerPrescreenWidget)}async refresh(){await Promise.allSettled([this.firewallBlocksWidget?.refresh(),this.bouncerBlocksWidget?.refresh(),this.bouncerPrescreenWidget?.refresh()])}}class GeographyTab extends i{constructor(e={}){super({...e,className:"geography-tab"})}async getTemplate(){return'\n            <div class="card shadow-sm mb-4">\n                <div class="card-header border-0 bg-transparent d-flex align-items-center justify-content-between">\n                    <div>\n                        <h6 class="mb-0 text-uppercase small text-muted">Global Event Hotspots</h6>\n                        <span class="text-muted small">Clusters sized by total events</span>\n                    </div>\n                    <span class="badge bg-info-subtle text-info">Interactive</span>\n                </div>\n                <div class="card-body p-0" data-container="events-country-map"></div>\n            </div>\n\n            <div class="row g-4">\n                <div class="col-lg-6">\n                    <div class="card shadow-sm h-100">\n                        <div class="card-header border-0 bg-transparent">\n                            <h6 class="mb-0 text-uppercase small text-muted">Events by Country</h6>\n                            <span class="text-muted small">Hotspots from the last 24 hours</span>\n                        </div>\n                        <div class="card-body p-3" data-container="events-by-country-chart"></div>\n                    </div>\n                </div>\n                <div class="col-lg-6">\n                    <div class="card shadow-sm h-100">\n                        <div class="card-header border-0 bg-transparent">\n                            <h6 class="mb-0 text-uppercase small text-muted">Incidents by Country</h6>\n                            <span class="text-muted small">Highest volume regions</span>\n                        </div>\n                        <div class="card-body p-3" data-container="incidents-by-country-chart"></div>\n                    </div>\n                </div>\n            </div>\n        '}async onInit(){this.eventsCountryMap=new Be({containerId:"events-country-map",category:"incident_events_by_country",account:"incident",maxCountries:20,metricLabel:"Events",height:360,mapStyle:"dark"}),this.addChild(this.eventsCountryMap),this.eventsByCountryChart=new k({title:'<i class="bi bi-globe-central-south-asia me-2"></i> Events by Country',endpoint:"/api/metrics/fetch",account:"incident",category:"incident_events_by_country",granularity:"days",chartType:"line",showDateRange:!1,showMetricsFilter:!1,height:220,maxDatasets:10,colors:["rgba(32, 201, 151, 0.85)"],yAxis:{label:"Events",beginAtZero:!0},tooltip:{y:"number:0"},containerId:"events-by-country-chart"}),this.addChild(this.eventsByCountryChart),this.incidentsByCountryChart=new k({title:'<i class="bi bi-geo-alt me-2"></i> Incidents by Country',endpoint:"/api/metrics/fetch",account:"incident",category:"incidents_by_country",granularity:"days",chartType:"line",showDateRange:!1,showMetricsFilter:!1,height:220,maxDatasets:10,colors:["rgba(255, 193, 7, 0.85)"],yAxis:{label:"Incidents",beginAtZero:!0},tooltip:{y:"number:0"},containerId:"incidents-by-country-chart"}),this.addChild(this.incidentsByCountryChart)}async refresh(){await Promise.allSettled([this.eventsCountryMap?.refresh(),this.eventsByCountryChart?.refresh(),this.incidentsByCountryChart?.refresh()])}}class LoginMapTab extends i{constructor(e={}){super({...e,className:"login-map-tab"})}async getTemplate(){return'<div data-container="login-map"></div>'}async onInit(){this.loginMap=new LoginLocationMapView({containerId:"login-map",height:480,mapStyle:"dark"}),this.addChild(this.loginMap)}onTabActivated(){this.loginMap?.onTabActivated()}async refresh(){await(this.loginMap?.refresh())}}class LoginActivityTab extends i{constructor(e={}){super({...e,className:"login-activity-tab"})}async getTemplate(){return'<div data-container="login-table"></div>'}async onInit(){this.loginTable=new Ve({containerId:"login-table",collection:new LoginEventList({params:{sort:"-created",size:20}}),searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"160px"},{key:"user.display_name",label:"User",sortable:!0},{key:"ip_address",label:"IP Address",sortable:!0},{key:"city",label:"City",formatter:"default('—')"},{key:"region",label:"Region",formatter:"default('—')"},{key:"country_code",label:"Country",sortable:!0,filter:{type:"text",label:"Country Code"}},{key:"source",label:"Source",sortable:!0,filter:{type:"select",options:[{value:"password",label:"Password"},{value:"magic",label:"Magic Link"},{value:"sms",label:"SMS"},{value:"totp",label:"TOTP"},{value:"oauth",label:"OAuth"}]}},{key:"is_new_country",label:"New Country",formatter:"boolean",sortable:!0,width:"110px",filter:{type:"select",options:[{value:"true",label:"Yes"},{value:"false",label:"No"}]}}]}),this.addChild(this.loginTable)}async refresh(){await(this.loginTable?.collection?.fetch())}}class IncidentDashboardPage extends e{constructor(e={}){super({...e,title:"Security Dashboard",className:"incident-dashboard-page"})}async getTemplate(){return'\n            <div class="container-fluid incident-dashboard">\n                <div class="d-flex justify-content-between align-items-center mb-3">\n                    <div>\n                        <p class="text-muted mb-0">Security Dashboard</p>\n                        <small class="text-info">\n                            <i class="bi bi-activity me-1"></i>\n                            Real-time visibility into incidents, threats, and enforcement\n                        </small>\n                    </div>\n                    <div class="btn-group" role="group">\n                        <button type="button"\n                                class="btn btn-outline-secondary btn-sm"\n                                data-action="refresh-all"\n                                title="Refresh dashboard">\n                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                        </button>\n                    </div>\n                </div>\n\n                <div data-container="stats-bar"></div>\n                <div data-container="tabs"></div>\n            </div>\n        '}async onInit(){this.statsBar=new SecurityStatsBar({containerId:"stats-bar"}),this.addChild(this.statsBar),this.overviewTab=new OverviewTab,this.threatsTab=new ThreatsTab,this.geographyTab=new GeographyTab,this.loginMapTab=new LoginMapTab,this.loginActivityTab=new LoginActivityTab,this.tabView=new P({containerId:"tabs",tabs:{Overview:this.overviewTab,Threats:this.threatsTab,Geography:this.geographyTab,"Login Map":this.loginMapTab,"Login Activity":this.loginActivityTab},activeTab:"Overview"}),this.addChild(this.tabView)}async onActionRefreshAll(e,t){const i=t||e?.currentTarget||null,a=i?.querySelector?.("i");a?.classList.add("bi-spin"),i&&(i.disabled=!0);const s=this.tabView.getActiveTab(),n=this.tabView.getTab(s);await Promise.allSettled([this.statsBar.refresh(),n?.refresh?.()]),a?.classList.remove("bi-spin"),i&&(i.disabled=!1)}}class StackTraceView extends i{constructor(e={}){super({className:"stack-trace-view",...e}),this.stackTrace=e.stackTrace||"",this.template="\n            <div class=\"stack-trace-container p-3\">\n                <style>\n                    .stack-trace-line {\n                        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;\n                        font-size: 13px;\n                        line-height: 1.6;\n                        padding: 4px 8px;\n                        margin: 0;\n                        border-left: 3px solid transparent;\n                    }\n                    .stack-trace-line:hover {\n                        background-color: rgba(0, 0, 0, 0.05);\n                    }\n                    .stack-trace-error {\n                        color: #dc3545;\n                        font-weight: 600;\n                        border-left-color: #dc3545;\n                        background-color: rgba(220, 53, 69, 0.05);\n                    }\n                    .stack-trace-file {\n                        color: #0d6efd;\n                        font-weight: 500;\n                        border-left-color: #0d6efd;\n                    }\n                    .stack-trace-function {\n                        color: #6610f2;\n                        font-weight: 500;\n                    }\n                    .stack-trace-location {\n                        color: #6c757d;\n                        font-size: 12px;\n                    }\n                    .stack-trace-line-number {\n                        color: #fd7e14;\n                        font-weight: 600;\n                    }\n                    .stack-trace-context {\n                        color: #495057;\n                        background-color: rgba(0, 0, 0, 0.02);\n                    }\n                    .stack-trace-container {\n                        background-color: #f8f9fa;\n                        border: 1px solid #dee2e6;\n                        border-radius: 0.375rem;\n                        max-height: 600px;\n                        overflow-y: auto;\n                    }\n                </style>\n                <div class=\"stack-trace-content\">\n                    {{{formattedStackTrace}}}\n                </div>\n            </div>\n        "}async onBeforeRender(){this.formattedStackTrace=this.formatStackTrace(this.stackTrace)}formatStackTrace(e){if(!e)return'<div class="text-muted p-3">No stack trace available</div>';const t=("string"==typeof e?e:JSON.stringify(e,null,2)).split("\n");let i="";return t.forEach((e,t)=>{if(!e.trim())return void(i+='<div class="stack-trace-line">&nbsp;</div>');if(0===t&&(e.includes("Error:")||e.includes("Exception:")))return void(i+=`<div class="stack-trace-line stack-trace-error">${this.escapeHtml(e)}</div>`);let a=e.match(/(.+?)\s*\(([^:]+):(\d+):(\d+)\)/);if(a){const[,e,t,s,n]=a;return void(i+=`<div class="stack-trace-line stack-trace-file">\n                    <span class="stack-trace-function">${this.escapeHtml(e.trim())}</span>\n                    <span class="stack-trace-location"> (${this.escapeHtml(t)}:<span class="stack-trace-line-number">${s}</span>:${n})</span>\n                </div>`)}if(a=e.match(/^\s*at\s+([^:]+):(\d+):(\d+)/),a){const[,e,t,s]=a;return void(i+=`<div class="stack-trace-line stack-trace-file">\n                    <span class="stack-trace-location">at ${this.escapeHtml(e)}:<span class="stack-trace-line-number">${t}</span>:${s}</span>\n                </div>`)}if(a=e.match(/File\s+"([^"]+)",\s+line\s+(\d+),\s+in\s+(.+)/),a){const[,e,t,s]=a;return void(i+=`<div class="stack-trace-line stack-trace-file">\n                    <span class="stack-trace-location">File "${this.escapeHtml(e)}", line <span class="stack-trace-line-number">${t}</span>, in </span>\n                    <span class="stack-trace-function">${this.escapeHtml(s)}</span>\n                </div>`)}e.trim().startsWith("at ")?i+=`<div class="stack-trace-line stack-trace-file">${this.escapeHtml(e)}</div>`:i+=`<div class="stack-trace-line stack-trace-context">${this.escapeHtml(e)}</div>`}),i}updateStackTrace(e){this.stackTrace=e,this.render()}}class IncidentHistoryAdapter{constructor(e){this.incidentId=e,this.collection=new N({params:{parent:this.incidentId,sort:"created",size:100}})}async fetch(){return await this.collection.fetch(),this.collection.models.map(e=>this.transform(e))}transform(e){return{id:e.get("id"),type:"comment"===e.get("kind")?"user_comment":"system_event",author:{name:e.get("user.display_name")||"System",avatarUrl:e.get("user.avatar.url")},timestamp:e.get("created"),content:e.get("note"),attachments:e.get("media")?[e.get("media")]:[]}}async addNote(e){const t=new E,i=await t.save({parent:this.incidentId,note:e.text,kind:"comment",media:e.files&&e.files.length>0?e.files[0].id:null});return i.success&&await this.collection.fetch(),i}}class GeoIPSummaryCard extends i{constructor(e={}){super({className:"geoip-summary-card",...e}),this.sourceIP=e.sourceIP,this.geoData=null,this.threatBadgeClass="bg-secondary",this.threatLevel="Unknown",this.template='\n            {{#geoData}}\n            <div class="card shadow-sm">\n                <div class="card-body">\n                    <div class="d-flex justify-content-between align-items-start">\n                        <div class="d-flex align-items-center gap-3">\n                            <div class="text-primary">\n                                <i class="bi bi-globe-americas fs-3"></i>\n                            </div>\n                            <div>\n                                <div class="mb-1">\n                                    <a role="button" class="fw-semibold font-monospace text-decoration-none" data-action="view-geoip">{{sourceIP}}</a>\n                                </div>\n                                <div class="text-muted small">\n                                    {{geoData.city|default(\'Unknown\')}}, {{geoData.country_name|default(\'Unknown\')}}\n                                </div>\n                                <div class="text-muted small">\n                                    ISP: {{geoData.isp|default(\'Unknown\')}}\n                                </div>\n                            </div>\n                        </div>\n                        <div class="text-end">\n                            <span class="badge {{threatBadgeClass}}">{{threatLevel}}</span>\n                            {{#geoData.risk_score}}\n                            <div class="text-muted small mt-1">Risk: {{geoData.risk_score}}</div>\n                            {{/geoData.risk_score}}\n                            <div class="d-flex gap-1 mt-1 justify-content-end">\n                                {{#geoData.is_tor|bool}}<span class="badge bg-danger-subtle text-danger" title="TOR">TOR</span>{{/geoData.is_tor|bool}}\n                                {{#geoData.is_vpn|bool}}<span class="badge bg-warning-subtle text-warning" title="VPN">VPN</span>{{/geoData.is_vpn|bool}}\n                                {{#geoData.is_proxy|bool}}<span class="badge bg-info-subtle text-info" title="Proxy">Proxy</span>{{/geoData.is_proxy|bool}}\n                                {{#geoData.is_datacenter|bool}}<span class="badge bg-secondary-subtle text-secondary" title="Datacenter">DC</span>{{/geoData.is_datacenter|bool}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {{/geoData}}\n            {{^geoData}}\n            <div class="card shadow-sm">\n                <div class="card-body text-muted text-center py-3">\n                    <i class="bi bi-globe me-2"></i>No GeoIP data available for {{sourceIP}}\n                </div>\n            </div>\n            {{/geoData}}\n        '}async onInit(){if(this.sourceIP)try{const e=await D.lookup(this.sourceIP);e&&(this.geoData=e.attributes,this.threatLevel=(this.geoData.threat_level||"unknown").toUpperCase(),this.threatBadgeClass=this._getThreatBadgeClass(this.geoData.threat_level))}catch(e){}}_getThreatBadgeClass(e){const t=(e||"").toLowerCase();return"high"===t||"critical"===t?"bg-danger":"medium"===t?"bg-warning":"low"===t?"bg-success":"bg-secondary"}async onActionViewGeoip(){await GeoIPView.show(this.sourceIP)}}class IncidentOverviewSection extends i{constructor(e={}){super({className:"incident-overview-section p-3",template:'\n                <div data-container="overview-data" class="mb-3"></div>\n                <div data-container="geoip-summary"></div>\n            ',...e})}async onInit(){this.dataView=new Oe({containerId:"overview-data",model:this.model,columns:2,fields:[{name:"id",label:"Incident ID"},{name:"status",label:"Status",format:"badge"},{name:"priority",label:"Priority"},{name:"category",label:"Category"},{name:"model_name",label:"Related Model"},{name:"model_id",label:"Related Model ID"},{name:"details",label:"Details",columns:12,format:"pre"}]}),this.addChild(this.dataView);const e=await this._resolveSourceIP();e&&(this.geoipCard=new GeoIPSummaryCard({containerId:"geoip-summary",sourceIP:e}),this.addChild(this.geoipCard))}async _resolveSourceIP(){const e=this.model.get("metadata")||{};if(e.source_ip)return e.source_ip;if(e.ip)return e.ip;if(e.ip_address)return e.ip_address;try{const e=new C({params:{incident:this.model.get("id"),size:1,sort:"-created"}});await e.fetch();const t=e.first();if(t)return t.get("source_ip")||t.get("ip_address")||null}catch(t){}return null}}class IncidentView extends i{constructor(e={}){super({className:"incident-view",...e}),this.model=e.model||new R(e.data||{}),this.incidentIcon=this.getIconForIncident(this.model.get("status")),this.template='\n            <div class="incident-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 {{incidentIcon.color}}">\n                            <i class="bi {{incidentIcon.icon}}"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">Incident #{{model.id}}</h3>\n                            <div class="text-muted small">\n                                Category: {{model.category|capitalize}}\n                            </div>\n                            <div class="text-muted small mt-1">\n                                Created: {{model.created|datetime}}\n                            </div>\n                        </div>\n                    </div>\n                    <div class="d-flex align-items-center gap-4">\n                         <div class="text-end">\n                            <div>Status: <span class="badge bg-primary">{{model.status|capitalize}}</span></div>\n                            <div class="text-muted small mt-1">Priority: {{model.priority}}</div>\n                        </div>\n                        <div data-container="incident-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- SideNav --\x3e\n                <div data-container="incident-sidenav"></div>\n            </div>\n        '}getIconForIncident(e){const t=(e||"").toLowerCase();return"resolved"===t||"closed"===t?{icon:"bi-check-circle-fill",color:"text-success"}:"open"===t||"investigating"===t?{icon:"bi-exclamation-triangle-fill",color:"text-danger"}:"paused"===t||"ignored"===t?{icon:"bi-pause-circle-fill",color:"text-warning"}:{icon:"bi-shield-exclamation",color:"text-secondary"}}async onInit(){const e=new IncidentOverviewSection({model:this.model}),a=new C({params:{incident:this.model.get("id")}}),s=new Ve({collection:a,hideActivePillNames:["incident"],columns:[{key:"id",label:"ID",width:"70px",sortable:!0},{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"180px"},{key:"source_ip",label:"Source IP",sortable:!0,width:"130px"},{key:"category",label:"Category",formatter:"badge",sortable:!0},{key:"title",label:"Title",sortable:!0},{key:"level",label:"Level",sortable:!0,width:"80px"}],showAdd:!1,actions:["view"],paginated:!0,size:10}),n=new IncidentHistoryAdapter(this.model.get("id")),l=[{key:"Overview",label:"Overview",icon:"bi-shield-exclamation",view:e},{key:"Events",label:"Events",icon:"bi-list-ul",view:s},{key:"History",label:"History",icon:"bi-chat-left-text",view:new F({adapter:n})}],o=this.model.get("metadata")||{},r=!!o.stack_trace,d=Object.keys(o).length>0;if((r||d)&&l.push({type:"divider",label:"Forensics"}),r){const e=new StackTraceView({stackTrace:o.stack_trace});l.push({key:"Stack Trace",label:"Stack Trace",icon:"bi-code-square",view:e})}if(d){const e=new i({model:this.model,template:'<pre class="bg-light p-3 border rounded"><code>{{{model.metadata|json}}}</code></pre>'});l.push({key:"Metadata",label:"Metadata",icon:"bi-braces",view:e})}this.sideNav=new SideNavView({containerId:"incident-sidenav",sections:l,activeSection:"Overview"}),this.addChild(this.sideNav);const c=new t({containerId:"incident-context-menu",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Incident",action:"edit-incident",icon:"bi-pencil"},{label:"Resolve",action:"resolve-incident",icon:"bi-check-circle"},{type:"divider"},{label:"Delete Incident",action:"delete-incident",icon:"bi-trash",danger:!0}]}});this.addChild(c)}async onActionEditIncident(){await o.showModelForm({title:`Edit Incident #${this.model.id}`,model:this.model,formConfig:L.edit})&&this.render()}async onActionResolveIncident(){await this.model.save({status:"resolved"}),this.render(),this.emit("incident:updated",{model:this.model})}async onActionDeleteIncident(){await o.confirm("Are you sure you want to delete this incident?","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("incident:deleted",{model:this.model})}}R.VIEW_CLASS=IncidentView;class IncidentTablePage extends I{constructor(e={}){super({...e,name:"admin_incidents",pageName:"Manage Incidents",router:"admin/incidents",Collection:z,formCreate:L.create,formEdit:L.edit,itemViewClass:IncidentView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-id",status:"new"},columns:[{key:"id",label:"ID",width:"60px",sortable:!0,class:"text-muted"},{key:"status",label:"Status",filter:{type:"multiselect",options:["new","open","paused","resolved","qa","ignored"]}},{key:"created",label:"Created",formatter:"epoch|datetime",filter:{type:"daterange"}},{key:"scope",label:"Scope",sortable:!0,filter:{type:"text"}},{key:"category",label:"Category",sortable:!0,filter:{type:"text"}},{key:"priority",label:"Priority",filter:{type:"text"}},{key:"title",label:"title",formatter:"truncate(100)|default('No description')"}],filters:[{key:"category__not",label:"Not Category",filter:{type:"text"}}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No incidents found. Click "Add Incident" to create your first incident.',batchBarLocation:"top",batchActions:[{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:"ignore"},{label:"Merge",icon:"bi bi-merge",action:"merge"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionBatchResolve(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to close ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"resolved"}))),this.tableView.collection.fetch())}async onActionBatchOpen(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to open ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"open"}))),this.tableView.collection.fetch())}async onActionBatchPause(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to pause ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"paused"}))),this.tableView.collection.fetch())}async onActionBatchIgnore(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp();await a.confirm(`Are you sure you want to ignore ${i.length} incidents?`)&&(await Promise.all(i.map(e=>e.model.save({status:"ignored"}))),this.tableView.collection.fetch())}async onActionBatchMerge(e,t){const i=this.tableView.getSelectedItems();if(!i.length)return;const a=this.getApp(),s=await a.showForm({title:`Merge ${i.length} incidents`,fields:[{name:"merge",type:"select",label:"Select Parent Incident",options:i.map(e=>({value:e.model.id,label:e.model.id})),required:!0}]});if(!s)return;const n=i.find(e=>e.model.id==s.merge)?.model;if(!n)return;const l=i.map(e=>e.model.id).filter(e=>e!=s.merge);await n.save({merge:l}),this.tableView.collection.fetch()}}const st={user:r,userdevice:h,userdevicelocation:g,geolocatedip:D,member:Ee,incident:R,incidentevent:$,ticket:j,job:O,log:Fe,apikey:ApiKey};class EventView extends i{constructor(e={}){super({className:"event-view",...e}),this.model=e.model||new $(e.data||{}),this.eventIcon=this.getIconForEvent(this.model.get("level")),this.template='\n            <div class="event-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 {{eventIcon.color}}">\n                            <i class="bi {{eventIcon.icon}}"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.title|default(\'System Event\')}}</h3>\n                            <div class="text-muted small">\n                                Category: {{model.category|capitalize}}\n                            </div>\n                            <div class="text-muted small mt-1">\n                                {{model.created|datetime}} from {{model.source_ip|default(\'Unknown IP\')}}\n                            </div>\n                        </div>\n                    </div>\n                    <div data-container="event-context-menu"></div>\n                </div>\n\n                \x3c!-- Body --\x3e\n                <div data-container="event-tabs"></div>\n            </div>\n        '}getIconForEvent(e){return e>=40?{icon:"bi-exclamation-octagon-fill",color:"text-danger"}:e>=30?{icon:"bi-exclamation-triangle-fill",color:"text-warning"}:e>=20?{icon:"bi-info-circle-fill",color:"text-info"}:{icon:"bi-bell-fill",color:"text-secondary"}}async onInit(){this.overviewView=new Oe({model:this.model,className:"p-3",columns:2,fields:[{name:"id",label:"Event ID"},{name:"level",label:"Level"},{name:"hostname",label:"Hostname"},{name:"incident",label:"Incident ID"},{name:"model_name",label:"Related Model"},{name:"model_id",label:"Related Model ID"},{name:"details",label:"Details",columns:12}]});const e={Overview:this.overviewView},a=this.model.get("metadata")||{};a.stack_trace&&(this.stackTraceView=new StackTraceView({stackTrace:a.stack_trace}),e["Stack Trace"]=this.stackTraceView),Object.keys(a).length>0&&(this.metadataView=new i({model:this.model,template:'<pre class="bg-light p-3 border rounded"><code>{{{model.metadata|json}}}</code></pre>'}),e.Metadata=this.metadataView),this.tabView=new P({containerId:"event-tabs",tabs:e,activeTab:"Overview"}),this.addChild(this.tabView);const s=[{label:"View Incident",action:"view-incident",icon:"bi-shield-exclamation",disabled:!this.model.get("incident")},{label:"View Related Model",action:"view-model",icon:"bi-box-arrow-up-right",disabled:!this.model.get("model_id")},{type:"divider"},{label:"Delete Event",action:"delete-event",icon:"bi-trash",danger:!0}],n=new t({containerId:"event-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:s}});this.addChild(n)}async onActionViewIncident(){const e=this.model.get("incident")||this.model.get("incident_id");if(!e)return this.getApp()?.toast?.warning("No incident linked to this event"),!0;const t=new R({id:e}),i=new IncidentView({model:t});await o.showDialog({title:"Incident Details",body:i,size:"xl",scrollable:!0,header:!1,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]})}async onActionViewModel(){const e=this.model.get("model_name")||this.model.get("model_class"),t=this.model.get("model_id")||this.model.get("object_id");if(!e||!t)return this.getApp()?.toast?.warning("No related model linked to this event"),!0;const i=e.toLowerCase().replace(/[^a-z]/g,""),a=st[i];return a?a.VIEW_CLASS?void(await $e.showModelById(a,t)):(this.getApp()?.toast?.warning(`No detail view available for ${e}`),!0):(this.getApp()?.toast?.warning(`Unknown model type: ${e}`),!0)}async onActionDeleteEvent(){await o.confirm("Are you sure you want to delete this event? This action cannot be undone.","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("event:deleted",{model:this.model})}}$.VIEW_CLASS=EventView;class EventTablePage extends I{constructor(e={}){super({...e,name:"admin_events",pageName:"System Events",router:"admin/events",Collection:C,formEdit:B.edit,itemViewClass:EventView,viewDialogOptions:{header:!1,size:"lg"},defaultQuery:{sort:"-id",category__not:"ossec"},columns:[{key:"created",label:"Timestamp",sortable:!0,formatter:"datetime",filter:{type:"daterange"}},{key:"level",label:"Level",sortable:!0,formatter:"badge",filter:{type:"select",options:[{value:"5",label:"Critical"},{value:"4",label:"Warning"},{value:"3",label:"Info"},{value:"2",label:"Debug"},{value:"1",label:"Trace"}]}},{key:"scope",label:"Scope",sortable:!0,formatter:"badge",filter:{type:"combobox",options:[{value:"account",label:"Account"},{value:"incident",label:"Incident"},{value:"ossec",label:"OSSEC"},{value:"fileman",label:"File Manager"},{value:"metrics",label:"Metrics"},{value:"jobs",label:"Jobs"},{value:"aws",label:"AWS"}]}},{key:"category",label:"Category",sortable:!0,formatter:"badge",filter:{type:"combobox",options:[{value:"rest_error",label:"Rest Error"},{value:"api_error",label:"API Error"},{value:"auth",label:"Auth"},{value:"database",label:"Database"}]}},{key:"title",label:"Title",sortable:!0,formatter:"truncate(50)"},{key:"source_ip",label:"Source IP",sortable:!0,filter:{type:"text"}},{key:"metadata.server",label:"Server",sortable:!0,filter:{type:"text"}}],filters:[{key:"category__not",label:"Not Category",filter:{type:"text"}},{key:"metadata__http_url__icontains",label:"URL Contains",filter:{type:"text"}},{key:"metadata__http_path__icontains",label:"Path Contains",filter:{type:"text"}},{key:"metadata__http_query_string__icontains",label:"Query String Contains",filter:{type:"text"}},{key:"metadata__rule_id",label:"Rule ID",filter:{type:"text"}},{key:"metadata__country_code",label:"Country",filter:{type:"text"}},{key:"metadata__region",label:"Region",filter:{type:"text"}},{key:"metadata__city__icontains",label:"City",filter:{type:"text"}},{key:"metadata__http_status",label:"HTTP Status",filter:{type:"text"}},{key:"model_name",label:"Model Name",filter:{type:"text"}},{key:"model_id",label:"Model ID",filter:{type:"text"}},{key:"metadata__user_email",label:"User Email",filter:{type:"text"}},{key:"metadata__http_user_agent__icontains",label:"User Agent Contains",filter:{type:"text"}}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No events found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class TicketNoteAdapter{constructor(e){this.ticketId=e,this.collection=new U({params:{parent:this.ticketId,sort:"created",size:100}})}async fetch(){return await this.collection.fetch(),this.collection.models.map(e=>this.transform(e))}transform(e){return{id:e.get("id"),type:"user_comment",author:{id:e.get("user.id"),name:e.get("user.display_name")||"System",avatarUrl:e.get("user.avatar.url")},timestamp:e.get("created"),content:e.get("note"),attachments:e.get("media")?[e.get("media")]:[]}}async addNote(e){const t=new q,i=await t.save({parent:this.ticketId,note:e.text,media:e.files&&e.files.length>0?e.files[0].id:null});return i.success&&await this.collection.fetch(),i}}class TicketView extends i{constructor(e={}){super({className:"ticket-view",...e}),this.model=e.model||new j(e.data||{}),this.template='\n            <div class="ticket-view-container d-flex flex-column h-100">\n                \x3c!-- Ticket Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-3 flex-shrink-0">\n                    \x3c!-- Left Side: Primary Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">\n                            <i class="bi bi-ticket-perforated text-secondary" style="font-size: 40px;"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.title|truncate(50)|default(\'Untitled Ticket\')}}</h3>\n                            <div class="text-muted small">\n                                <span>Ticket #{{model.id}}</span>\n                                <span class="mx-2">|</span>\n                                <span>Priority: {{model.priority|capitalize}}</span>\n                                {{#model.assignee}}\n                                    <span class="mx-2">|</span>\n                                    <span>Assigned to: {{model.assignee.display_name}}</span>\n                                {{/model.assignee}}\n                            </div>\n                            {{#model.incident}}\n                                <div class="text-muted small mt-1">\n                                    <i class="bi bi-exclamation-triangle"></i> Related to incident: {{model.incident}}\n                                </div>\n                            {{/model.incident}}\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Status & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="d-flex align-items-center gap-2">\n                                <span class="badge {{model.status|badgeClass}}">{{model.status|capitalize}}</span>\n                            </div>\n                            {{#model.created}}\n                                <div class="text-muted small mt-1">Created {{model.created|relative}}</div>\n                            {{/model.created}}\n                            {{#model.modified}}\n                                <div class="text-muted small">Updated {{model.modified|relative}}</div>\n                            {{/model.modified}}\n                        </div>\n                        <div data-container="ticket-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Chat View (Full height) --\x3e\n                <div class="flex-grow-1" style="min-height: 0;" data-container="chat-view"></div>\n            </div>\n        '}async onInit(){const e=new TicketNoteAdapter(this.model.get("id"));this.chatView=new F({containerId:"chat-view",adapter:e,theme:"compact",currentUserId:this.getCurrentUserId(),inputPlaceholder:"Add a note...",inputButtonText:"Add Note"}),this.addChild(this.chatView);const i=new t({containerId:"ticket-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit Ticket",action:"edit-ticket",icon:"bi-pencil"},{label:"Change Status",action:"change-status",icon:"bi-tag"},{label:"Set Priority",action:"set-priority",icon:"bi-flag"},{label:"Assign User",action:"assign-user",icon:"bi-person"},{type:"divider"},{label:"Close Ticket",action:"close-ticket",icon:"bi-x-circle"}]}});this.addChild(i)}getCurrentUserId(){const e=window.app?.state?.user;return e?.id||null}async onActionEditTicket(){await o.showModelForm({title:`Edit Ticket #${this.model.get("id")} - ${this.model.get("title")}`,model:this.model,size:"lg",fields:G.edit.fields})&&this.render()}async onActionChangeStatus(){const e=this.model.get("status"),t=await o.showForm({title:"Change Ticket Status",size:"sm",fields:[{name:"status",label:"New Status",type:"select",options:["new","open","in_progress","pending","resolved","closed","ignored"].map(e=>({value:e,label:e.replace("_"," ").toUpperCase()})),value:e,required:!0}]});if(t)try{await this.model.save({status:t.status}),this.render()}catch(i){o.alert({type:"error",title:"Error",message:"Failed to update ticket status: "+i.message})}}async onActionSetPriority(){const e=this.model.get("priority"),t=await o.showForm({title:"Set Ticket Priority",size:"sm",fields:[{name:"priority",label:"Priority Level",type:"select",options:["low","normal","high","urgent"].map(e=>({value:e,label:e.toUpperCase()})),value:e,required:!0}]});if(t)try{await this.model.save({priority:t.priority}),this.render()}catch(i){o.alert({type:"error",title:"Error",message:"Failed to update ticket priority: "+i.message})}}async onActionAssignUser(){const e=await o.showForm({title:"Assign User",icon:"bi-person-plus",size:"sm",fields:[{name:"assignee",type:"collection",label:"User",Collection:m,labelField:"display_name",valueField:"id",required:!0,cols:12,value:this.model.get("assignee")}]});if(!e)return!0;try{await this.model.save({assignee:e.assignee}),this.getApp()?.toast?.success("Ticket assigned successfully"),this.render()}catch(t){this.getApp()?.toast?.error("Failed to assign ticket: "+t.message)}return!0}async onActionCloseTicket(){if(await o.confirm({title:"Close Ticket",message:`Are you sure you want to close ticket #${this.model.get("id")}?`,confirmText:"Close Ticket",confirmClass:"btn-warning"}))try{await this.model.save({status:"closed"}),this.render(),o.alert({type:"success",title:"Success",message:"Ticket has been closed successfully."})}catch(e){o.alert({type:"error",title:"Error",message:"Failed to close ticket: "+e.message})}}}j.VIEW_CLASS=TicketView;class TicketTablePage extends I{constructor(e={}){super({name:"admin_tickets",pageName:"Tickets",router:"admin/tickets",Collection:H,formCreate:G.create,formEdit:G.edit,itemViewClass:TicketView,viewDialogOptions:{header:!1},defaultQuery:{sort:"-priority",status:"open"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"title",label:"Title",sortable:!0},{key:"status",label:"Status",sortable:!0,editable:!0,editableOptions:{type:"select",options:["new","open","paused","resolved","qa","ignored"]},filter:{type:"multiselect",placeHolder:"Select Status",options:["new","open","paused","resolved","qa","ignored"]}},{key:"priority",label:"Priority",sortable:!0},{key:"category",label:"Category",sortable:!0,editable:!0,editableOptions:{type:"select",options:[...Object.keys(W)]},filter:{type:"multiselect",placeHolder:"Select Category",options:[...Object.keys(W)]}},{key:"assignee.display_name",label:"Assignee",sortable:!0,formatter:"default('Unassigned')"},{key:"incident.id",label:"Incident ID",sortable:!0},{key:"created",label:"Created",sortable:!0,formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:"No tickets found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},...e})}}const nt=[{value:"block",label:"Block IP",icon:"bi-slash-circle",description:"Block the source IP address for a specified duration",fields:[{name:"ttl",type:"select",label:"Duration",options:[{value:"3600",label:"1 hour"},{value:"21600",label:"6 hours"},{value:"86400",label:"24 hours"},{value:"604800",label:"7 days"},{value:"2592000",label:"30 days"},{value:"0",label:"Permanent"}],default:"86400"}],build:e=>`block://?ttl=${e.ttl||86400}`,preview:e=>`Block source IP for ${{3600:"1 hour",21600:"6 hours",86400:"24 hours",604800:"7 days",2592e3:"30 days",0:"permanently"}[e.ttl]||e.ttl+"s"}`},{value:"email",label:"Email",icon:"bi-envelope",description:"Send an email notification to users with a permission",fields:[{name:"target",type:"text",label:"Target (perm@permission or key@name)",default:"perm@manage_security"}],build:e=>`email://${e.target||"perm@manage_security"}`,preview:e=>`Email notification to ${e.target||"perm@manage_security"}`},{value:"sms",label:"SMS",icon:"bi-chat-dots",description:"Send an SMS notification to users with a permission",fields:[{name:"target",type:"text",label:"Target (perm@permission)",default:"perm@manage_security"}],build:e=>`sms://${e.target||"perm@manage_security"}`,preview:e=>`SMS notification to ${e.target||"perm@manage_security"}`},{value:"notify",label:"Push Notification",icon:"bi-bell",description:"Send a push notification to users with a permission",fields:[{name:"target",type:"text",label:"Target (perm@permission)",default:"perm@manage_security"}],build:e=>`notify://${e.target||"perm@manage_security"}`,preview:e=>`Push notification to ${e.target||"perm@manage_security"}`},{value:"ticket",label:"Create Ticket",icon:"bi-ticket-detailed",description:"Automatically create a support ticket",fields:[{name:"priority",type:"select",label:"Priority",options:[{value:"1",label:"1 - Low"},{value:"3",label:"3 - Normal"},{value:"5",label:"5 - Medium"},{value:"8",label:"8 - High"},{value:"10",label:"10 - Critical"}],default:"5"}],build:e=>`ticket://?priority=${e.priority||5}`,preview:e=>`Create ticket with ${{1:"Low",3:"Normal",5:"Medium",8:"High",10:"Critical"}[e.priority]||"priority "+e.priority} priority`},{value:"job",label:"Run Job",icon:"bi-gear-wide-connected",description:"Run an async job (Python module path)",fields:[{name:"func",type:"text",label:"Module Path",placeholder:"myapp.security.handlers.on_incident"}],build:e=>`job://${e.func||""}`,preview:e=>`Run job: ${e.func||"(no function specified)"}`},{value:"llm",label:"LLM Triage",icon:"bi-stars",description:"Use LLM to analyze and triage the incident",fields:[],build:()=>"llm://",preview:()=>"LLM-powered incident triage and analysis"}];class HandlerBuilderView extends i{constructor(e={}){super({className:"handler-builder-view",...e}),this.handlerString=e.value||"",this._parseExisting(),this.template=`\n            <style>\n                .hb-container { border: 1px solid #dee2e6; border-radius: 8px; padding: 1rem; background: #f8f9fa; }\n                .hb-type-select { margin-bottom: 0.75rem; }\n                .hb-fields { margin-bottom: 0.75rem; }\n                .hb-preview { padding: 0.5rem 0.75rem; background: #e9ecef; border-radius: 6px; font-size: 0.85rem; }\n                .hb-preview code { font-size: 0.8rem; }\n                .hb-preview .hb-desc { color: #495057; margin-bottom: 0.25rem; }\n                .hb-preview .hb-raw { color: #6c757d; font-family: ui-monospace, monospace; }\n            </style>\n            <div class="hb-container">\n                <div class="hb-type-select">\n                    <label class="form-label fw-semibold small">Handler Type</label>\n                    <select class="form-select form-select-sm" data-action="change-type" id="hb-type-select">\n                        <option value="">— Select handler type —</option>\n                        ${nt.map(e=>`<option value="${e.value}">${e.label}</option>`).join("")}\n                    </select>\n                </div>\n                <div id="hb-fields" class="hb-fields"></div>\n                <div id="hb-preview" class="hb-preview" style="display:none;"></div>\n            </div>\n        `}_parseExisting(){if(!this.handlerString)return this.selectedType=null,void(this.fieldValues={});const e=this.handlerString.match(/^(\w+):\/\/(.*)$/);if(!e)return this.selectedType=null,void(this.fieldValues={});const[,t,i]=e;this.selectedType=t,this.fieldValues={};const a=nt.find(e=>e.value===t);if(a)if(i.startsWith("?")){const e=new URLSearchParams(i);for(const t of a.fields){const i=e.get(t.name);null!==i&&(this.fieldValues[t.name]=i)}}else 1===a.fields.length&&(this.fieldValues[a.fields[0].name]=i)}onAfterRender(){const e=this.element?.querySelector("#hb-type-select");e&&this.selectedType&&(e.value=this.selectedType,this._renderFields(),this._updatePreview())}onActionChangeType(e){const t=e.target;this.selectedType=t.value||null,this.fieldValues={};const i=nt.find(e=>e.value===this.selectedType);if(i)for(const a of i.fields)void 0!==a.default&&(this.fieldValues[a.name]=a.default);return this._renderFields(),this._updatePreview(),this._emitChange(),!0}_renderFields(){const e=this.element?.querySelector("#hb-fields");if(!e)return;const t=nt.find(e=>e.value===this.selectedType);t&&t.fields.length?e.innerHTML=t.fields.map(e=>{const t=this.fieldValues[e.name]||e.default||"";if("select"===e.type){const i=e.options.map(e=>`<option value="${e.value}" ${e.value===String(t)?"selected":""}>${e.label}</option>`).join("");return`\n                    <div class="mb-2">\n                        <label class="form-label small">${e.label}</label>\n                        <select class="form-select form-select-sm" data-field="${e.name}" data-action="field-change">${i}</select>\n                    </div>`}return`\n                <div class="mb-2">\n                    <label class="form-label small">${e.label}</label>\n                    <input type="text" class="form-control form-control-sm" data-field="${e.name}" data-action="field-change"\n                           value="${t}" placeholder="${e.placeholder||""}">\n                </div>`}).join(""):e.innerHTML=""}onActionFieldChange(e){const t=e.target,i=t.dataset.field;return i&&(this.fieldValues[i]=t.value,this._updatePreview(),this._emitChange()),!0}_updatePreview(){const e=this.element?.querySelector("#hb-preview");if(!e)return;const t=nt.find(e=>e.value===this.selectedType);if(!t)return void(e.style.display="none");const i=t.build(this.fieldValues),a=t.preview(this.fieldValues);e.style.display="block",e.innerHTML=`\n            <div class="hb-desc"><i class="bi ${t.icon} me-1"></i>${a}</div>\n            <div class="hb-raw"><code>${i}</code></div>\n        `}_emitChange(){const e=this.getValue();this.emit("change",e)}getValue(){const e=nt.find(e=>e.value===this.selectedType);return e?e.build(this.fieldValues):""}setValue(e){if(this.handlerString=e||"",this._parseExisting(),this.isMounted()){const e=this.element?.querySelector("#hb-type-select");e&&(e.value=this.selectedType||""),this._renderFields(),this._updatePreview()}}}class RuleSetView extends i{constructor(e={}){super({className:"ruleset-view",...e}),this.model=e.model||new J(e.data||{}),this.template='\n            <div class="ruleset-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary"><i class="bi bi-gear-wide-connected"></i></div>\n                        <div>\n                            <h3 class="mb-1">{{model.name}}</h3>\n                            <div class="text-muted small">Scope: {{model.category}} | Priority: {{model.priority}}</div>\n                        </div>\n                    </div>\n                    <div data-container="ruleset-context-menu"></div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="ruleset-tabs"></div>\n            </div>\n        '}async onInit(){const e=this.model.get("match_by"),i=K.find(t=>t.value===e),a=i?i.label:String(e),s=this.model.get("bundle_by"),n=Y.find(e=>e.value===s),l=n?n.label:String(s);this.configView=new Oe({model:this.model,className:"p-3",columns:2,fields:[{name:"name",label:"Name",cols:4},{name:"category",label:"Scope",formatter:"badge",cols:4},{name:"is_active",label:"Is Active",formatter:"yesno_icon",cols:4},{name:"priority",label:"Priority",cols:4},{name:"id",label:"RuleSet ID",cols:4},{name:"match_by",label:"Match Logic",template:a,cols:4},{name:"bundle_by",label:"Bundle By",template:l,cols:4},{name:"bundle_minutes",label:"Bundle Minutes",cols:4},{name:"bundle_by_rule_set",label:"Bundle By Rule Set",formatter:"yesno_icon",cols:4},{name:"handler",label:"Handler",cols:12}]});const o=new Q({params:{parent:this.model.get("id")}});this.rulesView=new Ve({collection:o,hideActivePillNames:["parent"],columns:[{key:"id",label:"ID",width:"70px"},{key:"name",label:"Name"},{key:"field_name",label:"Field"},{key:"comparator",label:"Comparator",width:"120px"},{key:"value",label:"Value"},{key:"value_type",label:"Type",width:"100px"}],showAdd:!0,clickAction:"edit",actions:["edit","delete"],contextMenu:[{label:"Edit Rule",action:"edit",icon:"bi-pencil"},{label:"Duplicate Rule",action:"duplicate",icon:"bi-files"},{divider:!0},{label:"Delete Rule",action:"delete",icon:"bi-trash",danger:!0}],addFormDefaults:{parent:this.model.get("id")}}),this.tabView=new P({containerId:"ruleset-tabs",tabs:{Configuration:this.configView,Rules:this.rulesView},activeTab:"Configuration"}),this.addChild(this.tabView);const r=new t({containerId:"ruleset-context-menu",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit RuleSet",action:"edit-ruleset",icon:"bi-pencil"},{label:"Edit Handler",action:"edit-handler",icon:"bi-tools"},{label:"Disable",action:"disable-ruleset",icon:"bi-toggle-off"},{type:"divider"},{label:"Delete RuleSet",action:"delete-ruleset",icon:"bi-trash",danger:!0}]}});this.addChild(r)}async onActionEditHandler(){const e=new HandlerBuilderView({value:this.model.get("handler")||""});if("save"===await o.showDialog({title:"Configure Handler",body:e,size:"md",scrollable:!0,buttons:[{text:"Cancel",class:"btn-secondary",dismiss:!0},{text:"Save",class:"btn-primary",action:"save"}]})){const t=e.getValue();t&&(200===(await this.model.save({handler:t})).status?(this.getApp()?.toast?.success("Handler updated"),await this.render()):this.getApp()?.toast?.error("Failed to update handler"))}}async onActionEditRuleset(){await o.showModelForm({title:`Edit RuleSet - ${this.model.get("name")}`,model:this.model,formConfig:J.EDIT_FORM})&&await this.render()}async onActionDisableRuleset(){const e=!this.model.get("is_active");try{this.model.set("is_active",e),await this.model.save(),await this.render(),o.showToast({message:`RuleSet ${e?"enabled":"disabled"} successfully`,type:"success"})}catch(t){o.showToast({message:`Failed to update RuleSet: ${t.message}`,type:"error"})}}async onActionDeleteRuleset(){if(await o.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"}))try{await this.model.destroy(),o.showToast({message:"RuleSet deleted successfully",type:"success"});const e=this.element?.closest(".modal");if(e){const t=bootstrap.Modal.getInstance(e);t&&t.hide()}this.emit("ruleset:deleted",{model:this.model})}catch(e){o.showToast({message:`Failed to delete RuleSet: ${e.message}`,type:"error"})}}}RuleSetView.VIEW_CLASS=RuleSetView;class RuleSetTablePage extends I{constructor(e={}){super({...e,name:"admin_rulesets",pageName:"Rule Engine",router:"admin/rulesets",Collection:Z,itemView:RuleSetView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Name",sortable:!0},{key:"category",label:"Scope",sortable:!0,formatter:"badge"},{key:"priority",label:"Priority",sortable:!0},{key:"match_by",label:"Match Logic",formatter:e=>0===e?"ALL":"ANY"}],selectable:!0,searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No rule sets found.",emptyIcon:"bi-gear",actions:["view","edit","delete"]}})}}class EmailDomainTablePage extends I{constructor(e={}){super({...e,name:"admin_email_domains",pageName:"Email Domains",router:"admin/email/domains",Collection:ee,formCreate:X.create,formEdit:X.edit,columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Domain",sortable:!0},{key:"region",label:"Region",sortable:!0,formatter:"default('—')"},{key:"receiving_enabled",label:"Receiving",formatter:"boolean|badge"},{key:"can_send",label:"Send Verified",formatter:"boolean|badge"},{key:"can_recv",label:"Recv Verified",formatter:"boolean|badge"},{key:"created",label:"Created",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No domains found. Click "Add Domain" to get started.',contextMenu:[{icon:"bi-shield-check",action:"edit-aws-creds",label:"Edit AWS Credentials"},{icon:"bi-rocket-takeoff",action:"onboard",label:"Onboard"},{icon:"bi-shield-check",action:"audit",label:"Audit"},{icon:"bi-arrow-repeat",action:"reconcile",label:"Reconcile"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionEditAwsCreds(e,t){const i=this.collection.get(t.dataset.id);return await o.showModelForm({model:i,formConfig:X.credentials}),!0}async onActionOnboard(e,t){const i=this.collection.get(t.dataset.id),a=new te({id:i.id}),s=await o.showForm(X.onboard);if(s)try{const e=await a.onboard(s);if(!e.success)throw new Error(e.message||"Network error during onboarding");if(!e.data?.status)throw new Error(e.data?.error||"Onboarding failed");this.getApp()?.toast?.success("Domain onboarding completed successfully"),await this.refresh()}catch(n){console.error("Onboard error:",n),this.showError(n.message||"Failed to onboard domain")}}async onActionAudit(e,t){const a=this.collection.get(t.dataset.id),s=new te({id:a.id});try{const e=await s.audit();if(!e.success)throw new Error(e.message||"Network error during audit");if(!e.data?.status)throw new Error(e.data?.error||"Audit failed");const t=e.data?.data||{};await o.showDialog({title:`Audit Report - ${a.name}`,body:new i({template:'\n            <div>\n              <p class="text-muted">Drift report and status:</p>\n              <pre class="bg-light p-3 rounded small"><code>{{{data.result|json}}}</code></pre>\n            </div>\n          ',data:{result:t}}),size:"lg"})}catch(n){console.error("Audit error:",n),this.showError(n.message||"Failed to audit domain")}}async onActionReconcile(e,t){const i=this.collection.get(t.dataset.id),a=new te({id:i.id});try{const e=await a.reconcile();if(!e.success)throw new Error(e.message||"Network error during reconcile");if(!e.data?.status)throw new Error(e.data?.error||"Reconcile failed");this.getApp()?.toast?.success("Reconcile completed successfully"),await this.refresh()}catch(s){console.error("Reconcile error:",s),this.showError(s.message||"Failed to reconcile domain")}}}class EmailMailboxTablePage extends I{constructor(e={}){super({...e,name:"admin_email_mailboxes",pageName:"Mailboxes",router:"admin/email/mailboxes",Collection:ae,formCreate:ie.create,formEdit:ie.edit,clickAction:"edit",columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"email",label:"Email",sortable:!0},{key:"domain.name",label:"Domain",sortable:!0,formatter:"default('—')"},{key:"allow_inbound",label:"Inbound",formatter:"boolean|badge"},{key:"allow_outbound",label:"Outbound",formatter:"boolean|badge"},{key:"is_system_default",label:"System Default",formatter:"boolean|badge"},{key:"is_domain_default",label:"Domain Default",formatter:"boolean|badge"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No mailboxes found. Click "Add Mailbox" to create one.',contextMenu:[{icon:"bi-envelope",action:"send-email",label:"Send Email"},{icon:"bi-envelope",action:"send-template-email",label:"Send Template Email"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionSendEmail(e,t){const i=this.collection.get(t.dataset.id),a=await o.showForm({title:"Send Email",fields:[{name:"to",label:"To",type:"email",required:!0},{name:"subject",label:"Subject",type:"text",required:!0},{name:"body_html",label:"Body",type:"textarea",required:!0}]});a.from_email=i.get("email");const s=await se.sendEmail(a);if(s.success)this.getApp().toast.success("Email sent successfully");else{let e="Failed to send email";s.data.details?e=s.data.details:s.data.error&&(e=s.data.error),this.getApp().toast.error(e)}}async onActionSendTemplateEmail(e,t){const i=this.collection.get(t.dataset.id),a=await o.showForm({title:"Send Email",fields:[{name:"to",label:"To",type:"email",required:!0},{name:"subject",label:"Subject",type:"text",required:!0},{name:"template_name",label:"Template",type:"text",required:!0},{name:"template_context",label:"Context",type:"textarea",required:!0}]});a.from_email=i.get("email");const s=await se.sendEmail(a);if(s.success)this.getApp().toast.success("Email sent successfully");else{let e="Failed to send email";s.data.details?e=s.data.details:s.data.error&&(e=s.data.error),this.getApp().toast.error(e)}}}class EmailHtmlPreviewView extends i{constructor(e={}){super({className:"email-html-preview",template:'\n                <div class="email-html-preview-container">\n                    <div class="d-flex justify-content-between align-items-center mb-2">\n                        <small class="text-muted">HTML Preview (sandboxed)</small>\n                        <button type="button" class="btn btn-sm btn-outline-secondary" data-action="refresh-preview">\n                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                        </button>\n                    </div>\n                    <iframe\n                        id="email-preview-frame"\n                        class="border rounded w-100"\n                        style="height: 500px; background: white;"\n                        sandbox="allow-same-origin"\n                        frameborder="0"\n                    ></iframe>\n                </div>\n            ',...e})}async onAfterRender(){await super.onAfterRender(),this.renderHtmlInIframe()}renderHtmlInIframe(){const e=this.element.querySelector("#email-preview-frame");if(!e)return;const t=this.model.get("html_template")||"",i=e.contentDocument||e.contentWindow.document;i.open(),i.write(t),i.close()}async onActionRefreshPreview(e,t){this.renderHtmlInIframe()}}class EmailTemplateView extends i{constructor(e={}){super({className:"email-template-view",...e}),this.model=e.model||new ne(e.data||{}),this.hasHtml=!!this.model.get("html_template"),this.hasText=!!this.model.get("text_template"),this.hasMetadata=this.model.get("metadata")&&Object.keys(this.model.get("metadata")).length>0,this.template='\n            <div class="email-template-view-container p-3">\n                \x3c!-- Header --\x3e\n                <div class="template-header border-bottom pb-3 mb-3">\n                    <h4 class="mb-1">{{model.name}}</h4>\n                    <div class="text-muted">\n                        <strong>Subject:</strong> {{model.subject_template|default(\'Not set\')}}\n                    </div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="template-tabs"></div>\n            </div>\n        '}async onInit(){const e={};this.hasHtml&&(e["HTML Preview"]=new EmailHtmlPreviewView({model:this.model})),this.hasText&&(e["Text Version"]=new i({model:this.model,template:'<pre class="email-text-content p-3 bg-light border rounded" style="white-space: pre-wrap; word-wrap: break-word;">{{model.text_template}}</pre>'})),this.hasMetadata&&(e.Metadata=new i({model:this.model,template:'<pre class="email-metadata-content p-3 bg-light border rounded"><code>{{model.metadata|json}}</code></pre>'})),this.tabView=new P({containerId:"template-tabs",tabs:e,activeTab:Object.keys(e)[0]||""}),this.addChild(this.tabView)}}class EmailTemplateTablePage extends I{constructor(e={}){super({...e,name:"admin_email_templates",pageName:"Email Templates",router:"admin/email/templates",Collection:oe,formCreate:le.create,formEdit:le.edit,itemViewClass:EmailTemplateView,clickAction:"edit",viewDialogOptions:{header:!1,size:"xl",scrollable:!0},formDialogConfig:{size:"fullscreen"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"name",label:"Name",sortable:!0},{key:"created",label:"Created",formatter:"datetime"},{key:"modified",label:"Modified",formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No email templates found. Click "Add Template" to create your first one.',tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class EmailView extends i{constructor(e={}){super({className:"email-view",...e}),this.model=e.model||new re(e.data||{}),this.hasHtml=!!this.model.get("body_html"),this.hasText=!!this.model.get("body_text"),this.hasContext=this.model.get("template_context")&&Object.keys(this.model.get("template_context")).length>0,this.template='\n            <div class="email-view-container p-3">\n                \x3c!-- Email Header --\x3e\n                <div class="email-header border-bottom pb-3 mb-3">\n                    <h4 class="mb-2">{{model.subject}}</h4>\n                    <div class="d-flex justify-content-between align-items-center">\n                        <div class="d-flex align-items-center">\n                            <div class="flex-shrink-0">\n                                <i class="bi bi-person-circle fs-2 text-secondary"></i>\n                            </div>\n                            <div class="ms-3">\n                                <div class="fw-bold">{{model.mailbox.email}}</div>\n                                <div class="text-muted small">To: {{model.to_addresses|list}}</div>\n                            </div>\n                        </div>\n                        <div class="text-end">\n                            <div class="text-muted small">{{model.created|datetime}}</div>\n                            <span class="badge {{model.status|badge}} mt-1">{{model.status|capitalize}}</span>\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Email Body Tabs --\x3e\n                <div data-container="email-tabs"></div>\n            </div>\n        '}async onInit(){const e={};this.hasHtml&&(e.HTML=new i({model:this.model,template:'<div class="email-html-content border rounded p-3" style="height: 500px; overflow-y: auto;">{{{model.body_html}}}</div>'})),this.hasText&&(e.Text=new i({model:this.model,template:'<pre class="email-text-content p-3 bg-light border rounded" style="white-space: pre-wrap; word-wrap: break-word;">{{model.body_text}}</pre>'})),this.hasContext&&(e.Context=new i({model:this.model,template:'<pre class="email-context-content p-3 bg-light border rounded"><code>{{model.template_context|json}}</code></pre>'})),this.tabView=new P({containerId:"email-tabs",tabs:e,activeTab:this.hasHtml?"HTML":this.hasText?"Text":"Context"}),this.addChild(this.tabView)}}re.VIEW_CLASS=EmailView;class SentMessageTablePage extends I{constructor(e={}){super({...e,name:"admin_email_sent",pageName:"Sent Messages",router:"admin/email/sent",Collection:de,itemViewClass:EmailView,viewDialogOptions:{header:!1,size:"xl",scrollable:!0},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"mailbox.email",label:"From",sortable:!0},{key:"to_addresses",label:"To",sortable:!1,formatter:"list"},{key:"subject",label:"Subject",sortable:!0},{key:"status",label:"Status",formatter:"badge"},{key:"status_reason",label:"Reason",formatter:"truncate(80)|default('—')"},{key:"created",label:"Created",formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No sent messages found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class PhoneNumber extends s{constructor(e={},t={}){super(e,{endpoint:"/api/phonehub/number",...t})}static async normalize(e,t="US"){const i={phone_number:e};t&&(i.country_code=t);const a=await n.POST("/api/phonehub/number/normalize",i),s=a?.data??a;return!0===s?.status||!0===s?.success?{success:!0,phone_number:s?.data?.phone_number??s?.phone_number,data:s?.data??s,response:a}:{success:!1,error:s?.error||"Normalization failed",response:a}}static async lookup(e,t={}){const i=await n.POST("/api/phonehub/number/lookup",{phone_number:e,...t}),a=i?.data??i;if(!0===a?.status||!0===a?.success){const e=a?.data??{};return{success:!0,model:new PhoneNumber(e,{endpoint:"/api/phonehub/number"}),data:e,response:i}}return{success:!1,error:a?.error||"Phone lookup failed",response:i}}}class PhoneNumberList extends a{constructor(e={}){super({ModelClass:PhoneNumber,endpoint:"/api/phonehub/number",size:10,...e})}}class SMS extends s{constructor(e={},t={}){super(e,{endpoint:"/api/phonehub/sms",...t})}static async send(e={}){const t=await n.POST("/api/phonehub/sms/send",e),i=t?.data??t;if(!0===i?.status||!0===i?.success){const e=i?.data??{};return{success:!0,model:new SMS(e,{endpoint:"/api/phonehub/sms"}),data:e,response:t}}return{success:!1,error:i?.error||"Failed to send SMS",response:t}}}class SMSList extends a{constructor(e={}){super({ModelClass:SMS,endpoint:"/api/phonehub/sms",size:10,...e})}}class PhoneNumberView extends i{constructor(e={}){super({className:"phone-number-view",...e}),this.model=e.model||new PhoneNumber(e.data||{}),this.template='\n      <div class="phone-number-view-container">\n        \x3c!-- Header --\x3e\n        <div class="d-flex justify-content-between align-items-center mb-4">\n          \x3c!-- Left Side: Icon & Info --\x3e\n          <div class="d-flex align-items-center gap-3">\n            <div class="fs-1 text-primary">\n              <i class="bi bi-telephone"></i>\n            </div>\n            <div>\n              <h3 class="mb-1">{{model.phone_number|default(\'Unknown Number\')}}</h3>\n              <div class="text-muted small">\n                {{model.carrier|default(\'—\')}} {{#model.line_type}}· {{model.line_type|capitalize}}{{/model.line_type}}\n              </div>\n              <div class="text-muted small mt-1">\n                {{#model.country_code}}Country: {{model.country_code}}{{/model.country_code}}\n                {{#model.region}} · Region: {{model.region}}{{/model.region}}\n                {{#model.state}} · State: {{model.state}}{{/model.state}}\n              </div>\n            </div>\n          </div>\n\n          \x3c!-- Right Side: Actions --\x3e\n          <div class="d-flex align-items-center gap-4">\n            <div data-container="phone-context-menu"></div>\n          </div>\n        </div>\n\n        \x3c!-- Tabs --\x3e\n        <div data-container="phone-tabs"></div>\n      </div>\n    '}async onInit(){this.overviewView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 e={Overview:this.overviewView,Carrier:this.carrierView,Address:this.addressView,Metadata:this.metadataView};this.tabView=new P({containerId:"phone-tabs",tabs:e,activeTab:"Overview"}),this.addChild(this.tabView);const i=new t({containerId:"phone-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh Lookup",action:"refresh-lookup",icon:"bi-arrow-repeat"},{type:"divider"},{label:"Delete Record",action:"delete-phone",icon:"bi-trash",danger:!0}]}});this.addChild(i)}async onActionRefreshLookup(){const e=this.model.get("phone_number");if(e)try{this.getApp()?.toast?.info?.("Refreshing lookup...");const t=await PhoneNumber.lookup(e,{force_refresh:!0});if(t.success&&t.data)this.model.set(t.data),await this.render(),this.getApp()?.toast?.success?.("Lookup refreshed");else{const e=t.error||"Lookup failed";this.getApp()?.toast?.error?.(e)}}catch(t){this.getApp()?.toast?.error?.(t.message||"Lookup failed")}else this.getApp()?.toast?.warning?.("No phone number to lookup")}async onActionDeletePhone(){if(await o.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"}))try{const e=await this.model.destroy();e?.success?this.emit("phone:deleted",{model:this.model}):this.getApp()?.toast?.error?.("Delete failed")}catch(e){this.getApp()?.toast?.error?.(e.message||"Delete failed")}}static async show(e){const t=await PhoneNumber.lookup(e);if(t?.model){const e=new PhoneNumberView({model:t.model}),i=new o({header:!1,size:"lg",body:e,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]});return await i.render(!0,document.body),i.show(),i}return o.alert({message:`Could not find phone data for number: ${e}`,type:"warning"}),null}}PhoneNumberView.MODEL_CLASS=PhoneNumber;class PhoneNumberTablePage extends I{constructor(e={}){super({...e,name:"admin_phonehub_numbers",pageName:"Phone Numbers",router:"admin/phonehub/numbers",Collection:PhoneNumberList,itemView:PhoneNumberView,viewDialogOptions:{header:!1},columns:[{key:"phone_number",label:"Phone Number",sortable:!0},{key:"carrier",label:"Carrier",sortable:!0,formatter:"default('—')"},{key:"line_type",label:"Line Type",sortable:!0,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:!0,formatter:"default('—')"},{key:"owner_type",label:"Owner Type",formatter:"capitalize"},{key:"last_lookup_at|relative",label:"Last Lookup",sortable:!0}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,clickAction:"view",showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:"No phone numbers found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},tableViewOptions:{addButtonLabel:"Lookup",addButtonIcon:"bi-search",onAdd:e=>{e.preventDefault(),this.onLookup()}}})}async onLookup(){const e=await this.getApp().showForm({title:"Lookup Phone Number",fields:[{name:"number",type:"text",required:!0}]});if(e&&e.number){const t=await PhoneNumber.lookup(e.number);t.model&&this.tableView._onRowView(t)}}}class SMSView extends i{constructor(e={}){super({className:"sms-view",...e}),this.model=e.model||new SMS(e.data||{}),this.template='\n      <div class="sms-view-container">\n        \x3c!-- Header --\x3e\n        <div class="d-flex justify-content-between align-items-center mb-4">\n          \x3c!-- Left Side: Icon & Info --\x3e\n          <div class="d-flex align-items-center gap-3">\n            <div class="fs-1 text-primary">\n              <i class="bi bi-chat-dots"></i>\n            </div>\n            <div>\n              <h3 class="mb-1">\n                {{#model.direction}}{{model.direction|capitalize}}{{/model.direction}}\n                {{^model.direction}}Message{{/model.direction}}\n                <small class="text-muted ms-2">\n                  {{#model.status}}[{{model.status|capitalize}}]{{/model.status}}\n                </small>\n              </h3>\n              <div class="text-muted small">\n                {{#model.from_number}}From: {{model.from_number}}{{/model.from_number}}\n                {{#model.to_number}} · To: {{model.to_number}}{{/model.to_number}}\n              </div>\n              <div class="text-muted small mt-1">\n                {{#model.provider}}Provider: {{model.provider|capitalize}}{{/model.provider}}\n                {{#model.provider_message_id}} · SID: {{model.provider_message_id}}{{/model.provider_message_id}}\n              </div>\n            </div>\n          </div>\n\n          \x3c!-- Right Side: Actions --\x3e\n          <div class="d-flex align-items-center gap-4">\n            <div data-container="sms-context-menu"></div>\n          </div>\n        </div>\n\n        \x3c!-- Tabs --\x3e\n        <div data-container="sms-tabs"></div>\n      </div>\n    '}async onInit(){this.messageView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 Oe({model:this.model,className:"p-3",showEmptyValues:!0,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 e={Message:this.messageView,Delivery:this.deliveryView,Metadata:this.metadataView};this.tabView=new P({containerId:"sms-tabs",tabs:e,activeTab:"Message"}),this.addChild(this.tabView);const i=new t({containerId:"sms-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh",action:"refresh-sms",icon:"bi-arrow-repeat"},{type:"divider"},{label:"Delete Message",action:"delete-sms",icon:"bi-trash",danger:!0}]}});this.addChild(i)}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(){if(await o.confirm("Are you sure you want to delete this message?","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"}))try{const e=await this.model.destroy();e?.success?this.emit("sms:deleted",{model:this.model}):this.getApp()?.toast?.error?.("Delete failed")}catch(e){this.getApp()?.toast?.error?.(e.message||"Delete failed")}}}SMSView.MODEL_CLASS=SMS;class SMSTablePage extends I{constructor(e={}){super({...e,name:"admin_phonehub_sms",pageName:"SMS Messages",router:"admin/phonehub/sms",Collection:SMSList,itemView:SMSView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"direction",label:"Direction",sortable:!0},{key:"from_number",label:"From",sortable:!0,formatter:"default('—')"},{key:"to_number",label:"To",sortable:!0,formatter:"default('—')"},{key:"status",label:"Status",sortable:!0},{key:"provider",label:"Provider",sortable:!0,formatter:"default('—')"},{key:"body",label:"Message",formatter:"default('—')"},{key:"sent_at",label:"Sent At",sortable:!0,formatter:"datetime"},{key:"delivered_at",label:"Delivered At",sortable:!0,formatter:"datetime"},{key:"created",label:"Created",sortable:!0,formatter:"datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,clickAction:"view",showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No SMS messages found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class PushDashboardPage extends e{constructor(e={}){super({...e,title:"Push Notifications Dashboard",className:"push-dashboard-page"})}async getTemplate(){return'\n            <div class="container-fluid">\n                <h1 class="h3 mb-4">Push Notifications</h1>\n                <div class="row">\n                    \x3c!-- Stat cards --\x3e\n                </div>\n                <div class="row">\n                    <div class="col-xl-8 col-lg-7">\n                        <div class="card shadow mb-4">\n                            <div class="card-header">Notifications Over Time</div>\n                            <div class="card-body" data-container="deliveries-chart"></div>\n                        </div>\n                    </div>\n                    <div class="col-xl-4 col-lg-5">\n                        <div class="card shadow mb-4">\n                            <div class="card-header">Delivery Status</div>\n                            <div class="card-body" data-container="status-chart"></div>\n                        </div>\n                    </div>\n                </div>\n                <div class="row">\n                    <div class="col-lg-6 mb-4" data-container="recent-deliveries"></div>\n                    <div class="col-lg-6 mb-4" data-container="failed-deliveries"></div>\n                </div>\n            </div>\n        '}async onInit(){this.deliveriesChart=new k({containerId:"deliveries-chart",endpoint:"/api/metrics/fetch",slugs:["push_sent","push_failed"],chartType:"line"}),this.addChild(this.deliveriesChart),this.statusChart=new S({containerId:"status-chart",endpoint:"/api/account/devices/push/stats"}),this.addChild(this.statusChart),this.recentDeliveries=new Ve({containerId:"recent-deliveries",title:"Recent Deliveries",Collection:new ce({params:{_sort:"-created",_limit:5}}),columns:[{key:"title",label:"Title"},{key:"status",label:"Status",formatter:"badge"}]}),this.addChild(this.recentDeliveries),this.failedDeliveries=new Ve({containerId:"failed-deliveries",title:"Failed Deliveries",Collection:new ce({params:{status:"failed",_sort:"-created",_limit:5}}),columns:[{key:"title",label:"Title"},{key:"error_message",label:"Error"}]}),this.addChild(this.failedDeliveries)}}class PushConfigTablePage extends I{constructor(e={}){super({...e,name:"admin_push_configs",pageName:"Push Configurations",router:"admin/push/configs",Collection:be,formCreate:me.create,formEdit:me.edit,columns:[{key:"id",label:"ID",width:"70px"},{key:"name",label:"Name"},{key:"group.name",label:"Group",formatter:"default('Default')"},{key:"fcm_sender_id",label:"Project ID"},{key:"is_active",label:"Active",format:"boolean"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,actions:["edit","delete"],tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No push configurations found.",emptyIcon:"bi-gear"}})}}class PushTemplateTablePage extends I{constructor(e={}){super({...e,name:"admin_push_templates",pageName:"Push Templates",router:"admin/push/templates",Collection:pe,formCreate:ue.create,formEdit:ue.edit,columns:[{key:"id",label:"ID",width:"70px"},{key:"name",label:"Name"},{key:"category",label:"Category"},{key:"group.name",label:"Group",formatter:"default('Default')"},{key:"priority",label:"Priority"},{key:"is_active",label:"Active",format:"boolean"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No push templates found.",emptyIcon:"bi-file-earmark-text",actions:["edit","delete"]}})}}class PushDeliveryView extends i{constructor(e={}){super({className:"push-delivery-view",...e}),this.model=e.model}getTemplate(){return'\n            <div class="p-3">\n                <div class="phone-mockup">\n                    <div class="phone-screen">\n                        <div class="notification">\n                            <div class="notification-header">\n                                <i class="bi bi-app-indicator"></i>\n                                <strong>Your App</strong>\n                                <span class="ms-auto small text-muted">now</span>\n                            </div>\n                            <div class="notification-body">\n                                <div class="fw-bold">{{model.title}}</div>\n                                <div>{{model.body}}</div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class="mt-3">\n                    <h5>Delivery Details</h5>\n                    <p><strong>Status:</strong> <span class="badge {{model.status|badge}}">{{model.status}}</span></p>\n                    <p><strong>Error:</strong> {{model.error_message|default(\'None\')}}</p>\n                </div>\n            </div>\n        '}}class PushDeliveryTablePage extends I{constructor(e={}){super({...e,name:"admin_push_deliveries",pageName:"Push Deliveries",router:"admin/push/deliveries",Collection:ce,itemViewClass:PushDeliveryView,viewDialogOptions:{header:!1,size:"md"},columns:[{key:"id",label:"ID",width:"70px"},{key:"created",label:"Timestamp",formatter:"datetime"},{key:"user.display_name",label:"User"},{key:"device.device_name",label:"Device"},{key:"title",label:"Title"},{key:"category",label:"Category"},{key:"status",label:"Status",formatter:"badge"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No deliveries found.",emptyIcon:"bi-send",actions:["view"]}})}}class PushDeviceView extends i{constructor(e={}){super({className:"push-device-view",...e}),this.model=e.model}getTemplate(){return'\n            <div class="p-3">\n                <h3>{{model.device_name}}</h3>\n                <p class="text-muted">{{model.user.display_name}}</p>\n                <div data-container="data-view"></div>\n            </div>\n        '}onInit(){this.dataView=new Oe({containerId:"data-view",model:this.model,fields:[{name:"platform",label:"Platform",format:"badge"},{name:"push_enabled",label:"Push Enabled",format:"boolean"},{name:"app_version",label:"App Version"},{name:"os_version",label:"OS Version"},{name:"last_seen",label:"Last Seen",format:"datetime"},{name:"push_preferences",label:"Preferences",format:"json"}]}),this.addChild(this.dataView)}}class PushDeviceTablePage extends I{constructor(e={}){super({...e,name:"admin_push_devices",pageName:"Registered Devices",router:"admin/push/devices",Collection:T,itemViewClass:PushDeviceView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px"},{key:"user.display_name",label:"User"},{key:"device_name",label:"Device Name"},{key:"platform",label:"Platform",formatter:"badge"},{key:"app_version",label:"App Version"},{key:"push_enabled",label:"Push Enabled",format:"boolean"},{key:"last_seen",label:"Last Seen",formatter:"datetime"}],searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No devices found.",emptyIcon:"bi-phone",actions:["view","delete"]}})}}class JobStatsView extends i{constructor(e={}){super({className:"job-stats-section",...e}),this.stats={pending:0,running:0,completed:0,failed:0,scheduled:0},this.template='\n            <div class="job-stats-header mb-4">\n                <div class="row">\n                    <div class="col-xl-2 col-lg-4 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Pending</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.pending}}</h3>\n                                        <span class="badge bg-primary-subtle text-primary">\n                                            <i class="bi bi-hourglass"></i> Queued\n                                        </span>\n                                    </div>\n                                    <div class="text-primary">\n                                        <i class="bi bi-clock fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-2 col-lg-4 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Running</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.running}}</h3>\n                                        <span class="badge bg-success-subtle text-success">\n                                            <i class="bi bi-arrow-repeat"></i> Active\n                                        </span>\n                                    </div>\n                                    <div class="text-success">\n                                        <i class="bi bi-play-circle fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-2 col-lg-4 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Scheduled</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.scheduled}}</h3>\n                                        <span class="badge bg-warning-subtle text-warning">\n                                            <i class="bi bi-calendar-event"></i> Planned\n                                        </span>\n                                    </div>\n                                    <div class="text-warning">\n                                        <i class="bi bi-calendar3 fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Completed</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.completed}}</h3>\n                                        <span class="badge bg-info-subtle text-info">\n                                            <i class="bi bi-check-circle"></i> Done\n                                        </span>\n                                    </div>\n                                    <div class="text-info">\n                                        <i class="bi bi-check-square fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div class="col-xl-3 col-lg-6 col-md-6 col-12 mb-3">\n                        <div class="card h-100 border-0 shadow-sm">\n                            <div class="card-body">\n                                <div class="d-flex justify-content-between align-items-start">\n                                    <div>\n                                        <h6 class="card-title text-muted mb-2">Failed</h6>\n                                        <h3 class="mb-1 fw-bold">{{stats.failed}}</h3>\n                                        <span class="badge bg-danger-subtle text-danger">\n                                            <i class="bi bi-x-octagon"></i> Errors\n                                        </span>\n                                    </div>\n                                    <div class="text-danger">\n                                        <i class="bi bi-exclamation-triangle fs-2"></i>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        '}_onModelChange(){this.loadStats(),this.isMounted()&&this.render()}async loadStats(){this.stats=this.model.attributes.totals}}class JobHealthView extends i{constructor(e={}){super({className:"job-health-section",...e}),this.health={overall_status:"unknown",runners:{active:0,total:0},channels:[]},this.healthStatusClass="text-muted",this.schedulerStatusText="Unknown",this.schedulerStatusClass="text-muted",this.schedulerIcon="bi-question-circle-fill",this.template='\n            <div class="job-health-header mb-4">\n                <div class="card border-0 shadow-sm">\n                    <div class="card-body">\n                        <div class="row align-items-center">\n                            <div class="col-md-6">\n                                <div class="d-flex align-items-center">\n                                    <div class="health-indicator me-3">\n                                        <i class="bi bi-circle-fill fs-4 {{healthStatusClass}}"></i>\n                                    </div>\n                                    <div>\n                                        <h5 class="mb-1">Service Health: {{health.overall_status|capitalize}}</h5>\n                                        <small class="text-muted d-block">\n                                            Workers: {{health.runners.active}}/{{health.runners.total}} active\n                                        </small>\n                                        <small class="text-muted d-block">\n                                            Scheduler:\n                                            <span class="{{schedulerStatusClass}} fw-bold">\n                                                <i class="bi {{schedulerIcon}} me-1"></i>{{schedulerStatusText}}\n                                            </span>\n                                        </small>\n                                    </div>\n                                </div>\n                            </div>\n                            <div class="col-md-6">\n                                <div class="d-flex justify-content-end">\n                                    <div class="btn-group">\n                                        <button class="btn btn-sm btn-outline-primary" data-action="refresh-health">\n                                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                                        </button>\n                                        <button class="btn btn-sm btn-outline-secondary" data-action="system-settings">\n                                            <i class="bi bi-gear"></i> Settings\n                                        </button>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        {{#health.channelsArray.length}}\n                        <div class="row mt-3">\n                            <div class="col-12">\n                                <small class="text-muted d-block mb-2">Channel Status:</small>\n                                <div class="d-flex flex-wrap gap-2">\n                                    {{#health.channelsArray}}\n                                    <span class="badge {{statusBadgeClass}} d-flex align-items-center">\n                                        <i class="bi {{statusIcon}} me-1"></i>\n                                        {{channel}} ({{queued}} queued, {{inflight}} inflight)\n                                    </span>\n                                    {{/health.channelsArray}}\n                                </div>\n                            </div>\n                        </div>\n                        {{/health.channelsArray.length}}\n                    </div>\n                </div>\n            </div>\n        '}_onModelChange(){this.loadHealth(),this.isMounted()&&this.render()}async loadHealth(){if(!this.model._.totals)return;const e=this.model.attributes;let t="healthy";0===e.totals.runners_active?t="critical":e.scheduler.active||(t="warning"),this.health={overall_status:t,channels:e.channels,runners:{active:e.totals.runners_active,total:e.runners.length},totals:e.totals,scheduler:e.scheduler},this.healthStatusClass=this.getHealthStatusClass(this.health.overall_status),this.setupChannelDisplay(),this.setupSchedulerDisplay()}setupChannelDisplay(){this.health.channels&&(this.health.channelsArray=Object.values(this.health.channels).map(e=>{let t="healthy";const i=(e.queued_count||0)+(e.inflight_count||0);return i>50&&(t="warning"),(i>100||0===e.runners)&&(t="critical"),{...e,status:t,statusBadgeClass:this.getChannelBadgeClass(t),statusIcon:this.getChannelIcon(t),queued:e.queued_count||0,inflight:e.inflight_count||0,pending:e.queued_count||0,running:e.inflight_count||0}}))}setupSchedulerDisplay(){if(!this.health.scheduler)return this.schedulerStatusText="Unknown",this.schedulerStatusClass="text-muted",void(this.schedulerIcon="bi-question-circle-fill");this.health.scheduler.active?(this.schedulerStatusText="Running",this.schedulerStatusClass="text-success",this.schedulerIcon="bi-check-circle-fill"):(this.schedulerStatusText="Stopped",this.schedulerStatusClass="text-danger",this.schedulerIcon="bi-x-octagon-fill")}getHealthStatusClass(e){return{healthy:"text-success",warning:"text-warning",critical:"text-danger",unknown:"text-muted"}[e]||"text-muted"}getChannelBadgeClass(e){return{healthy:"bg-success",warning:"bg-warning",critical:"bg-danger"}[e]||"bg-secondary"}getChannelIcon(e){return{healthy:"bi-check-circle-fill",warning:"bi-exclamation-triangle-fill",critical:"bi-x-octagon-fill"}[e]||"bi-dash-circle-fill"}async onActionRefreshHealth(e,t){try{t.disabled=!0,await this.model.fetch()}catch(i){console.error("Failed to refresh health:",i)}finally{t.disabled=!1}}async onActionSystemSettings(){await o.showAlert({title:"System Settings",message:"System settings interface coming soon!",type:"info"})}}class JobOverviewSection extends i{constructor(e={}){super({className:"job-overview-section",template:'\n                <div class="row mb-4 g-3 align-items-stretch">\n                    <div class="col-lg-6" data-container="jobs-published-chart"></div>\n                    <div class="col-lg-6" data-container="jobs-failed-chart"></div>\n                </div>\n                <div data-container="job-health"></div>\n            ',...e})}async onInit(){this.jobsPublishedChart=new A({containerId:"jobs-published-chart",icon:"bi bi-upload",title:"Jobs Published",subtitle:"{{now_value}} {{now_label}}",granularity:"days",slugs:["jobs.published"],account:"global",chartType:"line",height:90,showSettings:!0,showTrending:!0,showDateRange:!1}),this.addChild(this.jobsPublishedChart),this.jobsFailedChart=new A({containerId:"jobs-failed-chart",icon:"bi bi-exclamation-octagon",title:"Jobs Failed",subtitle:"{{now_value}} {{now_label}}",granularity:"days",slugs:["jobs.failed"],account:"global",chartType:"line",height:90,showSettings:!0,showTrending:!0,showDateRange:!1}),this.addChild(this.jobsFailedChart),this.jobHealthView=new JobHealthView({containerId:"job-health",model:this.options.model}),this.addChild(this.jobHealthView)}}class JobDetailsView extends i{constructor(e={}){super({className:"job-details-view",...e}),this.model=e.model||new O(e.data||{}),this.tabView=null,this.overviewView=null,this.payloadView=null,this.eventsView=null,this.logsView=null,this.autoRefreshInterval=null,this.template='\n            <div class="job-details-container">\n                \x3c!-- Job Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    \x3c!-- Left Side: Primary Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">\n                            <i class="bi {{model.statusIcon}} text-secondary" style="font-size: 40px;"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1">{{model.func|truncate(32)|default(\'Unknown Function\')}}</h3>\n                            <div class="text-muted small">\n                                <span>ID: {{model.id}}</span>\n                                <span class="mx-2">|</span>\n                                <span>Channel: <span class="badge bg-primary">{{model.channel}}</span></span>\n                                {{#model.runner_id}}\n                                    <span class="mx-2">|</span>\n                                    <span>Runner: {{model.runner_id|truncate(16)}}</span>\n                                {{/model.runner_id}}\n                            </div>\n                            <div class="text-muted small mt-2">\n                                <div>Created: {{model.created|datetime}}</div>\n                                {{#model.started_at}}\n                                    <div>Started: {{model.started_at|datetime}}</div>\n                                {{/model.started_at}}\n                                {{#model.finished_at}}\n                                    <div>Finished: {{model.finished_at|datetime}}</div>\n                                {{/model.finished_at}}\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Status & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="d-flex align-items-center gap-2">\n                                <span class="badge {{model.statusBadgeClass}} fs-6">\n                                    <i class="bi {{model.statusIcon}}"></i> {{model.status|uppercase}}\n                                </span>\n                                {{#model.cancel_requested}}\n                                <span class="badge bg-warning ms-1">\n                                    <i class="bi bi-exclamation-triangle"></i> Cancel Requested\n                                </span>\n                                {{/model.cancel_requested}}\n                            </div>\n                            {{#model.formattedDuration}}\n                                <div class="text-muted small mt-1">Duration: {{model.formattedDuration}}</div>\n                            {{/model.formattedDuration}}\n                        </div>\n                        <div data-container="job-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Tab Container --\x3e\n                <div data-container="job-details-tabs"></div>\n            </div>\n        '}async onInit(){this.overviewView=new i({template:'\n                <div class="job-overview-tab">\n                    <div class="card border-0 bg-light mb-3">\n                        <div class="card-body">\n                            <div class="row">\n                                <div class="col-md-6">\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Job ID</label>\n                                        <div class="font-monospace">{{model.id}}</div>\n                                    </div>\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Function</label>\n                                        <div class="font-monospace">{{model.func}}</div>\n                                    </div>\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Channel</label>\n                                        <div>\n                                            <span class="badge bg-primary">{{model.channel}}</span>\n                                        </div>\n                                    </div>\n                                    {{#model.runner_id}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Runner</label>\n                                        <div class="font-monospace small">{{model.runner_id}}</div>\n                                    </div>\n                                    {{/model.runner_id}}\n                                </div>\n                                <div class="col-md-6">\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Status</label>\n                                        <div>\n                                            <span class="badge {{model.statusBadgeClass}} fs-6">\n                                            <i class="bi {{model.statusIcon}}"></i> {{model.status|uppercase}}\n                                            </span>\n                                            {{#model.cancel_requested}}\n                                            <span class="badge bg-warning ms-1">\n                                                <i class="bi bi-exclamation-triangle"></i> Cancel Requested\n                                            </span>\n                                            {{/model.cancel_requested}}\n                                        </div>\n                                    </div>\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Created</label>\n                                        <div>{{model.created|datetime}}</div>\n                                    </div>\n                                    {{#model.started_at}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Started</label>\n                                        <div>{{model.started_at|datetime}}</div>\n                                    </div>\n                                    {{/model.started_at}}\n                                    {{#model.finished_at}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Finished</label>\n                                        <div>{{model.finished_at|datetime}}</div>\n                                    </div>\n                                    {{/model.finished_at}}\n                                    {{#model.duration_ms}}\n                                    <div class="mb-3">\n                                        <label class="form-label fw-bold text-muted small">Duration</label>\n                                        <div>{{model.formattedDuration}}</div>\n                                    </div>\n                                    {{/model.duration_ms}}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            ',model:this.model}),this.payloadView=new i({template:'\n                <div class="job-payload-tab">\n                    <pre class="bg-light p-3 rounded"><code>{{{model.payload|json}}}</code></pre>\n                </div>\n            ',model:this.model});const e=new he({params:{job:this.model.get("id"),size:10}});this.eventsView=new Ve({collection:e,hideActivePillNames:["job"],columns:[{key:"at",label:"Timestamp",formatter:"datetime",sortable:!0},{key:"event",label:"Event",formatter:"badge"},{key:"details|json",label:"Details"}]});const a=new ve({params:{job:this.model.get("id"),size:10}});this.logsView=new Ve({collection:a,hideActivePillNames:["job"],columns:[{key:"created|datetime",label:"Created",sortable:!0},{key:"kind",label:"Kind",formatter:"badge"},{key:"message",label:"Message"}]}),this.tabView=new P({tabs:{Overview:this.overviewView,Payload:this.payloadView,Events:this.eventsView,Logs:this.logsView},activeTab:"Overview",containerId:"job-details-tabs"}),this.addChild(this.tabView);const s=[{label:"Refresh",action:"refresh-job",icon:"bi-arrow-clockwise"}];this.model.canCancel&&this.model.canCancel()&&s.push({label:"Cancel Job",action:"cancel-job",icon:"bi-x-circle",class:"text-danger"}),this.model.canRetry&&this.model.canRetry()&&s.push({label:"Retry Job",action:"retry-job",icon:"bi-arrow-repeat",class:"text-primary"});const n=new t({containerId:"job-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:s}});this.addChild(n),await this.model.fetch({params:{graph:"detail"}})}async onBeforeRender(){await this.prepareJobData()}async prepareJobData(){this.model&&(this.model._.statusBadgeClass=this.model.getStatusBadgeClass?this.model.getStatusBadgeClass():"bg-secondary",this.model._.statusIcon=this.model.getStatusIcon?this.model.getStatusIcon():"bi-question-circle",this.model._.formattedDuration=this.model.getFormattedDuration?this.model.getFormattedDuration():"N/A")}async loadJobDetails(){if(this.model?.get("id"))try{this.model.getDetailedStatus&&await this.model.getDetailedStatus(),await this.prepareJobData()}catch(e){console.error("Failed to load job details:",e)}}async onActionRefreshJob(){await this.model.fetch({params:{graph:"detail"}})}async onActionCancelJob(){if(confirm("Are you sure you want to cancel this job?"))try{const e=await this.model.cancel();e.success?(await this.loadJobDetails(),await this.render(),this.emit("job-cancelled",{job:this.model})):alert("Failed to cancel job: "+(e.data?.error||"Unknown error"))}catch(e){console.error("Failed to cancel job:",e),alert("Failed to cancel job: "+e.message)}}async onActionRetryJob(){const e=await o.showForm({title:"Retry Job",formConfig:ge.retry});if(e)try{const t=await this.model.retry(e.delay||0);t.success?this.emit("job-retried",{job:this.model,newJobId:t.newJobId}):alert("Failed to retry job: "+(t.data?.error||"Unknown error"))}catch(t){console.error("Failed to retry job:",t),alert("Failed to retry job: "+t.message)}}startAutoRefresh(){this.autoRefreshInterval&&clearInterval(this.autoRefreshInterval),this.model?.isActive&&this.model.isActive()&&(this.autoRefreshInterval=setInterval(async()=>{try{await this.loadJobDetails(),this.isMounted()&&await this.render()}catch(e){console.error("Auto-refresh failed:",e)}},5e3))}stopAutoRefresh(){this.autoRefreshInterval&&(clearInterval(this.autoRefreshInterval),this.autoRefreshInterval=null)}async onDestroy(){this.stopAutoRefresh(),await super.onDestroy()}static async show(e,t={}){const i=new JobDetailsView({model:e});return await o.showDialog({title:`<i class="bi bi-info-circle me-2"></i>Job Details - ${e.get("id")}`,body:i,size:"xl",scrollable:!0,buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}],onHide:()=>i.stopAutoRefresh(),...t})}}O.VIEW_CLASS=JobDetailsView;const lt={running:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id|truncate_middle(12)}}</div>\n                <div class="text-muted small">{{model.channel}} &middot; {{model.func|truncate_middle(28)|default(\'n/a\')}}</div>\n            '},{key:"runner_id",label:"Runner",template:"\n                <span class=\"font-monospace\">{{model.runner_id|truncate_middle(12)|default('n/a')}}</span>\n            "},{key:"status",label:"State",formatter:(e,t)=>{const i=t.row;return`<span class="badge ${i.getStatusBadgeClass?i.getStatusBadgeClass():"bg-secondary"}"><i class="${i.getStatusIcon?i.getStatusIcon():"bi-question"} me-1"></i>${e.toUpperCase()}</span>`}},{key:"created",label:"Started",formatter:"datetime"}],pending:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id|truncate_middle(12)}}</div>\n                <div class="text-muted small">{{model.channel}} &middot; {{model.func|truncate_middle(28)|default(\'n/a\')}}</div>\n            '},{key:"priority",label:"Priority",formatter:(e=0)=>`<span class="badge ${e>=8?"bg-danger":e>=5?"bg-warning":"bg-secondary"}">${e}</span>`},{key:"modified",label:"Queued",formatter:"relative"}],scheduled:[{key:"id",label:"Job",formatter:"truncate_middle(12)"},{key:"run_at",label:"Scheduled For",formatter:"datetime"},{key:"channel",label:"Channel",formatter:"badge"}],failed:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id|truncate_middle(12)}}</div>\n                <div class="text-muted small">{{model.channel}} &middot; {{model.func|truncate_middle(28)|default(\'n/a\')}}</div>\n            '},{key:"last_error",label:"Error",template:"\n                <div class=\"text-danger small\">{{model.last_error|truncate(80)|default('Unknown error')}}</div>\n            "},{key:"modified",label:"Failed",formatter:"relative"}],all:[{key:"id",label:"Job",template:'\n                <div class="fw-semibold font-monospace">{{model.id}}</div>\n                <div class="text-muted small">{{model.func|default(\'Unknown\')}}</div>\n            '},{key:"channel",label:"Channel",formatter:"badge"},{key:"status",label:"Status",formatter:(e,t)=>{const i=t.row;return`<span class="badge ${i.getStatusBadgeClass?i.getStatusBadgeClass():"bg-secondary"}"><i class="${i.getStatusIcon?i.getStatusIcon():"bi-question"} me-1"></i>${e?.toUpperCase()||"UNKNOWN"}</span>`}},{key:"created",label:"Created",formatter:"datetime"},{key:"finished_at",label:"Finished",formatter:"datetime"},{key:"duration_ms",label:"Duration",formatter:"duration"}]},ot=[{key:"status",label:"Status",type:"select",options:[{label:"Pending",value:"pending"},{label:"Running",value:"running"},{label:"Completed",value:"completed"},{label:"Failed",value:"failed"},{label:"Canceled",value:"canceled"},{label:"Expired",value:"expired"}]},{key:"channel",label:"Channel",type:"text"},{key:"func__icontains",label:"Function",type:"text"}],rt=[{icon:"bi-x-circle-fill",label:"Cancel Jobs",action:"cancel-jobs"}];class JobTableSection extends i{constructor(e={}){const{status:t,sort:i="-created",extraParams:a={},columns:s,title:n,selectable:l=!1,batchActions:o,...r}=e;super({className:"job-table-section",template:'<div data-container="job-table"></div>',...r}),this.status=t,this.sort=i,this.extraParams=a,this.columnConfig=s,this.sectionTitle=n,this.selectable=l,this.batchActionConfig=o}async onInit(){const e={size:25,sort:this.sort,...this.extraParams};this.status&&(e.status=this.status);const t=("string"==typeof this.columnConfig?lt[this.columnConfig]:this.columnConfig)||lt[this.status]||lt.all,i=this.selectable,a=this.batchActionConfig||(i?rt:void 0),s=!this.status,n={containerId:"job-table",Collection:fe,collectionParams:e,columns:t,searchable:!0,filterable:s,paginated:!0,itemView:JobDetailsView,hideActivePills:this.status?["status"]:[],viewDialogOptions:{title:"Job Details",size:"xl",scrollable:!0},tableOptions:{striped:!1,hover:!0,size:"sm"}};i&&(n.selectable=!0,n.batchBarLocation="top",n.batchActions=a),s&&(n.filters=ot,n.tableOptions.striped=!0,n.tableOptions.responsive=!0),this.tableView=new Ve(n),i&&this.tableView.on("action:batch-cancel-jobs",async(e,t,i)=>{const a=this.tableView.getSelectedItems();await Promise.all(a.map(e=>e.model.cancel())),this.getApp().toast.success("Jobs cancelled successfully"),this.tableView.collection.fetch()}),this.addChild(this.tableView)}}class JobRunnersSection extends i{constructor(e={}){super({className:"job-runners-section",template:'\n                <div class="card shadow-sm h-100">\n                    <div class="card-header d-flex justify-content-between align-items-center">\n                        <h5 class="mb-0"><i class="bi bi-cpu me-2"></i>Job Runners</h5>\n                        <small class="text-muted">Heartbeat &amp; status</small>\n                    </div>\n                    <div class="card-body p-0" data-container="runner-table"></div>\n                </div>\n            ',...e})}async onInit(){this.runnersTable=new Ve({containerId:"runner-table",Collection:ye,searchable:!0,filterable:!1,paginated:!0,tableOptions:{striped:!1,hover:!0,size:"sm"},columns:[{key:"runner_id",label:"Runner",formatter:"truncate_middle(16)"},{key:"alive",label:"Status",formatter:e=>{const t=!0===e;return`<span class="badge ${t?"bg-success":"bg-danger"}"><i class="${t?"bi-check-circle-fill":"bi-x-octagon-fill"} me-1"></i>${t?"ALIVE":"DEAD"}</span>`}},{key:"last_heartbeat",label:"Heartbeat",formatter:e=>{if(!e)return"Never";const t=new Date(e),i=/* @__PURE__ */new Date-t,a=Math.floor(i/1e3);return a<60?`${a}s ago`:a<3600?`${Math.floor(a/60)}m ago`:`${Math.floor(a/3600)}h ago`}}]}),this.addChild(this.runnersTable)}}class JobOperationsSection extends i{constructor(e={}){super({className:"job-operations-section",template:'\n                <div class="card shadow-sm">\n                    <div class="card-header d-flex justify-content-between align-items-center">\n                        <h5 class="mb-0"><i class="bi bi-tools me-2"></i>Operations</h5>\n                    </div>\n                    <div class="card-body">\n                        <div class="d-flex flex-wrap gap-2">\n                            <button class="btn btn-outline-primary" data-action="run-simple-job">\n                                <i class="bi bi-play-circle me-2"></i>Run Simple Job\n                            </button>\n                            <button class="btn btn-outline-primary" data-action="run-test-jobs">\n                                <i class="bi bi-robot me-2"></i>Run Test Jobs\n                            </button>\n                            <button class="btn btn-outline-warning" data-action="clear-stuck">\n                                <i class="bi bi-wrench me-2"></i>Clear Stuck\n                            </button>\n                            <button class="btn btn-outline-warning" data-action="clear-channel">\n                                <i class="bi bi-eraser me-2"></i>Clear Channel\n                            </button>\n                            <button class="btn btn-outline-danger" data-action="purge-jobs">\n                                <i class="bi bi-trash me-2"></i>Purge Jobs\n                            </button>\n                            <button class="btn btn-outline-info" data-action="cleanup-consumers">\n                                <i class="bi bi-people me-2"></i>Cleanup Consumers\n                            </button>\n                            <button class="btn btn-outline-secondary" data-action="runner-broadcast">\n                                <i class="bi bi-wifi me-2"></i>Broadcast Command\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            ',...e})}async onActionRunSimpleJob(e,t){await o.showConfirm({title:"Run Simple Job",message:"This will run a simple test job to verify the job system is working correctly.",confirmText:"Run Test",confirmClass:"btn-success"})&&await this.executeJobAction(t,()=>O.test(),"Test job started successfully")}async onActionRunTestJobs(e,t){await o.showConfirm({title:"Run Test Jobs",message:"This will run a suite of test jobs to verify all job functionalities.",confirmText:"Run Tests",confirmClass:"btn-success"})&&await this.executeJobAction(t,()=>O.tests(),"Test suite started successfully")}async onActionClearStuck(e,t){const i=[{value:"",label:"All Channels"},...(this.options.getChannels?.()||[]).map(e=>({value:e.channel,label:e.channel}))],a=await o.showForm({title:"Clear Stuck Jobs",formConfig:{fields:[{name:"channel",type:"select",label:"Channel",options:i,value:"",help:"Select specific channel or leave empty for all channels"}]}});a&&await this.executeJobAction(t,()=>O.clearStuck(a.channel||null),e=>{const t=e.data.count||0;return`Cleared ${t} stuck job${1!==t?"s":""}${a.channel?` from channel "${a.channel}"`:""}`})}async onActionClearChannel(e,t){const i=(this.options.getChannels?.()||[]).map(e=>({value:e.channel,label:e.channel})),a=await o.showForm({title:"Clear Channel",formConfig:{fields:[{name:"channel",type:"select",label:"Channel",options:i,required:!0,help:"Select the channel to clear."}]}});a&&await this.executeJobAction(t,()=>O.clearChannel(a.channel),`Channel "${a.channel}" cleared successfully.`)}async onActionPurgeJobs(e,t){const i=await o.showForm({title:"Purge Old Jobs",formConfig:{fields:[{name:"days_old",type:"number",label:"Days Old",value:30,required:!0,help:"Delete jobs older than this many days."}]}});i&&await this.executeJobAction(t,()=>O.purgeJobs(i.days_old),e=>`Purged ${e.data.count||0} old job(s).`)}async onActionCleanupConsumers(e,t){await o.showConfirm({title:"Cleanup Consumers",message:"This will remove stale consumer records from the system. This is generally safe.",confirmText:"Cleanup",confirmClass:"btn-warning"})&&await this.executeJobAction(t,()=>O.cleanConsumers(),e=>`Cleaned up ${e.data.count||0} consumer(s).`)}async onActionRunnerBroadcast(){const e=await o.showForm({title:"Broadcast Command to All Runners",formConfig:we.broadcast});if(e)try{const t=await xe.broadcast(e.command,{},e.timeout);t.success?this.getApp().toast.success(`Broadcast command "${e.command}" sent successfully`):this.getApp().toast.error(t.data?.error||"Failed to broadcast command")}catch(t){console.error("Failed to broadcast command:",t),this.getApp().toast.error("Error broadcasting command: "+t.message)}}async executeJobAction(e,t,i){try{e.disabled=!0;const a=e.querySelector("i");a?.classList.add("spinning");const s=await t();if(s.success&&s.data?.status){const e="function"==typeof i?i(s):i;this.getApp().toast.success(e)}else this.getApp().toast.error(s.data?.error||"Operation failed")}catch(a){console.error("Job action failed:",a),this.getApp().toast.error("Error: "+a.message)}finally{e.disabled=!1;const t=e.querySelector("i");t?.classList.remove("spinning")}}}class JobsAdminPage extends e{constructor(e={}){super({title:"Job Engine",pageName:"Job Admin",className:"jobs-admin-page",...e}),this.pageSubtitle="Async job monitoring and runner management",this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString(),this.autoRefreshInterval=null,this.refreshRate=3e4,this.template='\n            <div class="jobs-admin-container">\n                \x3c!-- Page Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-3">\n                    <div>\n                        <p class="text-muted mb-0">{{pageSubtitle}}</p>\n                        <small class="text-info">\n                            <i class="bi bi-arrow-clockwise me-1"></i>\n                            Auto-refresh: {{refreshRateLabel}} | Last updated: {{lastUpdated}}\n                        </small>\n                    </div>\n                    <div class="btn-group" role="group">\n                        <button type="button" class="btn btn-outline-secondary btn-sm"\n                                data-action="refresh-all" title="Refresh All Data">\n                            <i class="bi bi-arrow-clockwise"></i> Refresh\n                        </button>\n                        <div class="dropdown">\n                            <button class="btn btn-outline-secondary btn-sm dropdown-toggle"\n                                    type="button" data-bs-toggle="dropdown">\n                                <i class="bi bi-gear"></i> Settings\n                            </button>\n                            <ul class="dropdown-menu dropdown-menu-end">\n                                <li><h6 class="dropdown-header">Auto Refresh</h6></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="5">5 seconds</button></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="10">10 seconds</button></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="30">30 seconds</button></li>\n                                <li><button class="dropdown-item" data-action="set-refresh-rate" data-rate="0">Off</button></li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n\n                \x3c!-- Stats Cards (always visible) --\x3e\n                <div data-container="job-stats"></div>\n\n                \x3c!-- SideNavView sections --\x3e\n                <div data-container="job-sidenav"></div>\n            </div>\n        '}async onInit(){this.jobStats=new _e,this.jobStatsView=new JobStatsView({containerId:"job-stats",model:this.jobStats}),this.addChild(this.jobStatsView);const e=new JobOverviewSection({model:this.jobStats}),t=new JobTableSection({status:"running",sort:"-created",title:"Running Jobs"}),i=new JobTableSection({status:"pending",sort:"-created",extraParams:{run_at__isnull:!0},title:"Pending Jobs",selectable:!0}),a=new JobTableSection({status:"pending",sort:"run_at",extraParams:{run_at__isnull:!1},columns:"scheduled",title:"Scheduled Jobs",selectable:!0}),s=new JobTableSection({status:"failed",sort:"-finished_at",title:"Failed Jobs"}),n=new JobTableSection({sort:"-created",title:"All Jobs"}),l=new JobRunnersSection,o=new JobOperationsSection({getChannels:()=>{const e=this.jobStats?.attributes;return e?.channels?Object.values(e.channels):[]}});this.sideNav=new SideNavView({containerId:"job-sidenav",sections:[{key:"Overview",label:"Overview",icon:"bi-bar-chart-line",view:e},{key:"Runners",label:"Runners",icon:"bi-cpu",view:l},{type:"divider",label:"Queues"},{key:"Running",label:"Running",icon:"bi-play-circle",view:t},{key:"Pending",label:"Pending",icon:"bi-hourglass-split",view:i},{key:"Scheduled",label:"Scheduled",icon:"bi-calendar-event",view:a},{key:"Failed",label:"Failed",icon:"bi-bug",view:s},{key:"All Jobs",label:"All Jobs",icon:"bi-table",view:n},{type:"divider",label:"Admin"},{key:"Operations",label:"Operations",icon:"bi-tools",view:o}],activeSection:"Overview"}),this.addChild(this.sideNav),await this.jobStats.fetch()}startAutoRefresh(){this.autoRefreshInterval&&clearInterval(this.autoRefreshInterval),this.refreshRate>0&&(this.autoRefreshInterval=setInterval(()=>this.refreshData(),this.refreshRate))}async refreshData(){try{await this.jobStats.fetch(),this.lastUpdated=/* @__PURE__ */(new Date).toLocaleString(),this.updateHeaderTimestamp()}catch(e){console.error("Failed to refresh jobs dashboard:",e)}}updateHeaderTimestamp(){const e=this.element?.querySelector(".text-info");e&&(e.innerHTML=`\n                <i class="bi bi-arrow-clockwise me-1"></i>\n                Auto-refresh: ${this.refreshRateLabel} | Last updated: ${this.lastUpdated}\n            `)}get refreshRateLabel(){return 0===this.refreshRate?"Off":this.refreshRate/1e3+"s"}async onActionRefreshAll(e,t){try{const e=t.querySelector("i");e?.classList.add("spinning"),t.disabled=!0,await this.refreshData()}finally{const e=t.querySelector("i");e?.classList.remove("spinning"),t.disabled=!1}}async onActionSetRefreshRate(e,t){const i=1e3*parseInt(t.getAttribute("data-rate"));this.refreshRate=i,this.startAutoRefresh(),this.updateHeaderTimestamp();const a=0===i?"Off":i/1e3+"s";this.getApp().toast.success(`Auto-refresh set to ${a}`)}async onEnter(){this.startAutoRefresh()}async onExit(){this.autoRefreshInterval&&(clearInterval(this.autoRefreshInterval),this.autoRefreshInterval=null)}}class BlockedIPList extends a{constructor(e={}){super({ModelClass:D,endpoint:"/api/account/system/geoip",size:25,...e})}}class BlockedIPsTablePage extends I{constructor(e={}){super({...e,name:"admin_blocked_ips",pageName:"Blocked IPs",router:"admin/security/blocked-ips",Collection:BlockedIPList,itemViewClass:GeoIPView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-modified",is_blocked:!0},columns:[{key:"ip_address",label:"IP Address",sortable:!0,template:"<code>{{model.ip_address}}</code>"},{key:"threat_level",label:"Threat Level",sortable:!0,filter:{type:"select",options:["none","low","medium","high","critical"]}},{key:"country_code",label:"Country",sortable:!0,filter:{type:"text"}},{key:"city",label:"City",sortable:!0},{key:"org",label:"Organization",formatter:"truncate(40)"},{key:"modified",label:"Blocked At",formatter:"datetime",sortable:!0}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,selectable:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No blocked IPs. The firewall has no active IP blocks.",batchBarLocation:"top",batchActions:[{label:"Unblock",icon:"bi bi-unlock",action:"unblock"},{label:"Whitelist",icon:"bi bi-check-circle",action:"whitelist"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionBatchUnblock(){const e=this.tableView.getSelectedItems();e.length&&await this.getApp().confirm(`Unblock ${e.length} IP${e.length>1?"s":""}?`)&&(await Promise.all(e.map(e=>this.getApp().rest.POST(`/api/account/system/geoip/${e.model.id}`,{action:"unblock",value:"Bulk unblock from admin"}))),this.getApp().toast.success(`${e.length} IP(s) unblocked`),this.tableView.collection.fetch())}async onActionBatchWhitelist(){const e=this.tableView.getSelectedItems();e.length&&await this.getApp().confirm(`Whitelist ${e.length} IP${e.length>1?"s":""}?`)&&(await Promise.all(e.map(e=>this.getApp().rest.POST(`/api/account/system/geoip/${e.model.id}`,{action:"whitelist",value:"Bulk whitelist from admin"}))),this.getApp().toast.success(`${e.length} IP(s) whitelisted`),this.tableView.collection.fetch())}}class LogView extends i{constructor(e={}){super({className:"log-view",...e}),this.model=e.model||new Fe(e.data||{}),this.logIcon=this.getIconForLog(this.model.get("level")),this.template='\n            <div class="log-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 {{logIcon.color}}">\n                            <i class="bi {{logIcon.icon}}"></i>\n                        </div>\n                        <div>\n                            <h4 class="mb-1">\n                                <span class="badge bg-secondary">{{model.method}}</span> {{model.path}}\n                            </h4>\n                            <div class="text-muted small">\n                                {{model.created|datetime}}\n                            </div>\n                        </div>\n                    </div>\n                    <div data-container="log-context-menu"></div>\n                </div>\n\n                \x3c!-- Tabs --\x3e\n                <div data-container="log-tabs"></div>\n            </div>\n        '}getIconForLog(e){const t=e?.toLowerCase();return"error"===t||"critical"===t?{icon:"bi-x-octagon-fill",color:"text-danger"}:"warning"===t?{icon:"bi-exclamation-triangle-fill",color:"text-warning"}:"info"===t?{icon:"bi-info-circle-fill",color:"text-info"}:{icon:"bi-journal-text",color:"text-secondary"}}async onInit(){this.overviewView=new Oe({model:this.model,className:"p-3",columns:2,fields:[{name:"id",label:"Log ID"},{name:"level",label:"Level",format:"badge"},{name:"kind",label:"Kind"},{name:"ip",label:"IP Address",template:'<a href="#" data-action="view-ip">{{model.ip}}</a>'},{name:"uid",label:"User ID"},{name:"username",label:"Username"},{name:"duid",label:"Device ID",template:'<a href="#" data-action="view-device">{{model.duid|truncate_middle(32)}}</a>'},{name:"model_name",label:"Related Model"},{name:"model_id",label:"Related Model ID"},{name:"user_agent",label:"User Agent",columns:12}]});const e=this.model.get("log");let a=e;try{const t=JSON.parse(e);a=JSON.stringify(t,null,2)}catch(n){}this.logContentView=new i({template:`\n                <div class="position-relative">\n                    <button class="btn btn-sm btn-outline-secondary position-absolute top-0 end-0 mt-2 me-2" data-action="copy-log">\n                        <i class="bi bi-clipboard"></i> Copy\n                    </button>\n                    <pre class="bg-light p-3 border rounded" style="max-height: 600px; overflow-y: auto;"><code>${a}</code></pre>\n                </div>\n            `,onActionCopyLog:()=>{navigator.clipboard.writeText(a),this.getApp()?.toast?.success("Log content copied to clipboard.")}}),this.tabView=new P({containerId:"log-tabs",tabs:{Log:this.logContentView,Details:this.overviewView},activeTab:"Log"}),this.addChild(this.tabView);const s=new t({containerId:"log-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"View User",action:"view-user",icon:"bi-person",disabled:!this.model.get("uid")},{label:"View Device",action:"view-device",icon:"bi-phone",disabled:!this.model.get("duid")},{type:"divider"},{label:"Delete Log",action:"delete-log",icon:"bi-trash",danger:!0}]}});this.addChild(s)}async onActionViewIp(e){e.preventDefault();const t=this.model.get("ip");t&&GeoIPView.show(t)}async onActionViewDevice(e){e.preventDefault();const t=this.model.get("duid");t&&DeviceView.show(t)}async onActionViewUser(){this.model.get("uid")}async onActionDeleteLog(){await o.confirm("Are you sure you want to delete this log entry? This action cannot be undone.","Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("log:deleted",{model:this.model})}}Fe.VIEW_CLASS=LogView;class FirewallLogTablePage extends I{constructor(e={}){super({...e,name:"admin_firewall_log",pageName:"Firewall Log",router:"admin/security/firewall-log",Collection:Me,itemViewClass:LogView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-created",kind__startswith:"firewall:"},columns:[{key:"created",label:"Timestamp",formatter:"datetime",sortable:!0,filter:{type:"daterange"}},{key:"kind",label:"Action",sortable:!0,filter:{type:"text"}},{key:"message",label:"Details",formatter:"truncate(80)"},{key:"path",label:"IP / Path",formatter:"truncate(40)"},{key:"user",label:"Admin",sortable:!0}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No firewall log entries found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class BouncerDevice extends s{constructor(e={},t={}){super(e,{endpoint:"/api/account/bouncer/device",...t})}}class BouncerDeviceList extends a{constructor(e={}){super({ModelClass:BouncerDevice,endpoint:"/api/account/bouncer/device",size:25,...e})}}class BouncerSignal extends s{constructor(e={},t={}){super(e,{endpoint:"/api/account/bouncer/signal",...t})}}class BouncerSignalList extends a{constructor(e={}){super({ModelClass:BouncerSignal,endpoint:"/api/account/bouncer/signal",size:25,...e})}}class BouncerSignature extends s{constructor(e={},t={}){super(e,{endpoint:"/api/account/bouncer/signature",...t})}}class BouncerSignatureList extends a{constructor(e={}){super({ModelClass:BouncerSignature,endpoint:"/api/account/bouncer/signature",size:25,...e})}}const dt={create:{title:"Create Signature",fields:[{name:"sig_type",type:"select",label:"Signature Type",required:!0,columns:6,options:[{value:"user_agent",label:"User Agent"},{value:"ip_pattern",label:"IP Pattern"},{value:"fingerprint",label:"Fingerprint"},{value:"behavior",label:"Behavior"},{value:"header",label:"Header"},{value:"cookie",label:"Cookie"}]},{name:"value",type:"text",label:"Value",required:!0,columns:6,help:"The pattern or value to match against."},{name:"confidence",type:"number",label:"Confidence",columns:6,default:80,min:0,max:100,help:"Confidence level from 0 to 100."},{name:"notes",type:"textarea",label:"Notes",columns:12,help:"Optional notes about this signature."},{name:"is_active",type:"switch",label:"Active",columns:6,default:!0}]},edit:{title:"Edit Signature",fields:[{name:"sig_type",type:"select",label:"Signature Type",required:!0,columns:6,options:[{value:"user_agent",label:"User Agent"},{value:"ip_pattern",label:"IP Pattern"},{value:"fingerprint",label:"Fingerprint"},{value:"behavior",label:"Behavior"},{value:"header",label:"Header"},{value:"cookie",label:"Cookie"}]},{name:"value",type:"text",label:"Value",required:!0,columns:6,help:"The pattern or value to match against."},{name:"confidence",type:"number",label:"Confidence",columns:6,default:80,min:0,max:100,help:"Confidence level from 0 to 100."},{name:"notes",type:"textarea",label:"Notes",columns:12,help:"Optional notes about this signature."},{name:"is_active",type:"switch",label:"Active",columns:6,default:!0}]}};class BouncerSignalView extends i{constructor(e={}){super({className:"bouncer-signal-view",...e}),this.template='\n            <div class="d-flex justify-content-between align-items-start mb-4">\n                <div class="d-flex align-items-center gap-3">\n                    <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 72px; height: 72px;">\n                        <i class="bi bi-activity text-secondary" style="font-size: 36px;"></i>\n                    </div>\n                    <div>\n                        <h3 class="mb-1">Signal Assessment</h3>\n                        <div class="text-muted small">\n                            <span>IP: <code>{{model.ip_address}}</code></span>\n                            <span class="mx-2">|</span>\n                            <span>Stage: {{model.stage}}</span>\n                            <span class="mx-2">|</span>\n                            <span>Page: {{model.page_type|default(\'—\')}}</span>\n                        </div>\n                        <div class="mt-1">\n                            <span class="badge {{decisionBadge}} me-1">{{model.decision|uppercase}}</span>\n                            <span class="text-muted small">Risk Score: <strong>{{model.risk_score}}</strong></span>\n                        </div>\n                    </div>\n                </div>\n                <div data-container="signal-context-menu"></div>\n            </div>\n            <div data-container="signal-tabs"></div>\n        '}get decisionBadge(){return{allow:"bg-success",monitor:"bg-warning",block:"bg-danger"}[this.model?.get("decision")]||"bg-secondary"}async onInit(){await this.model.fetch({params:{graph:"detail"}});const e=new i({model:this.model,template:'\n                <div class="row">\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Assessment</h6>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Decision</label><div><span class="badge {{decisionBadge}}">{{model.decision|uppercase}}</span></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Risk Score</label><div>{{model.risk_score}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Stage</label><div>{{model.stage}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Page Type</label><div>{{model.page_type|default(\'—\')}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">IP Address</label><div><code>{{model.ip_address}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">MUID</label><div><code>{{model.muid|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Created</label><div>{{model.created|datetime}}</div></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Triggered Signals</h6>\n                                {{#model.triggered_signals.length}}\n                                    <div class="d-flex flex-wrap gap-1">\n                                        {{#model.triggered_signals}}\n                                            <span class="badge bg-warning text-dark">{{.}}</span>\n                                        {{/model.triggered_signals}}\n                                    </div>\n                                {{/model.triggered_signals.length}}\n                                {{^model.triggered_signals.length}}\n                                    <span class="text-muted">No signals triggered</span>\n                                {{/model.triggered_signals.length}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            '}),a=new i({model:this.model,template:'\n                <div class="card border-0 bg-light">\n                    <div class="card-body">\n                        <h6 class="fw-bold mb-3">Raw Signals (Client)</h6>\n                        <pre class="bg-white p-3 rounded border"><code>{{{model.raw_signals|json}}}</code></pre>\n                    </div>\n                </div>\n            '}),s=new i({model:this.model,template:'\n                <div class="card border-0 bg-light">\n                    <div class="card-body">\n                        <h6 class="fw-bold mb-3">Server Signals</h6>\n                        <pre class="bg-white p-3 rounded border"><code>{{{model.server_signals|json}}}</code></pre>\n                    </div>\n                </div>\n            '});this.tabView=new P({tabs:{Overview:e,"Raw Signals":a,"Server Signals":s},activeTab:"Overview",containerId:"signal-tabs"}),this.addChild(this.tabView);const n=new t({containerId:"signal-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh",action:"refresh",icon:"bi-arrow-clockwise"}]}});this.addChild(n)}async onActionRefresh(){await this.model.fetch({params:{graph:"detail"}})}}class BouncerSignalTablePage extends I{constructor(e={}){super({...e,name:"admin_bouncer_signals",pageName:"Bouncer Signals",router:"admin/security/bouncer-signals",Collection:BouncerSignalList,itemViewClass:BouncerSignalView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-created"},columns:[{key:"created",label:"Timestamp",formatter:"datetime",sortable:!0,filter:{type:"daterange"}},{key:"ip_address",label:"IP",template:"<code>{{model.ip_address}}</code>",filter:{type:"text"}},{key:"decision",label:"Decision",formatter:e=>`<span class="badge ${{allow:"bg-success",monitor:"bg-warning",block:"bg-danger"}[e]||"bg-secondary"}">${(e||"unknown").toUpperCase()}</span>`,filter:{type:"select",options:["allow","monitor","block"]}},{key:"risk_score",label:"Risk",sortable:!0,formatter:e=>{const t=e||0;return`<span class="text-${t>=80?"danger":t>=50?"warning":t>=20?"info":"success"} fw-semibold">${t}</span>`}},{key:"page_type",label:"Page",filter:{type:"text"}},{key:"stage",label:"Stage",filter:{type:"select",options:["assess","submit","event"]}},{key:"muid",label:"Device",formatter:"truncate_middle(12)"}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No bouncer signals recorded yet.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class BouncerDeviceView extends i{constructor(e={}){super({className:"bouncer-device-view",...e}),this.template='\n            <div class="d-flex justify-content-between align-items-start mb-4">\n                <div class="d-flex align-items-center gap-3">\n                    <div class="avatar-placeholder rounded-circle bg-light d-flex align-items-center justify-content-center" style="width: 72px; height: 72px;">\n                        <i class="bi bi-fingerprint text-secondary" style="font-size: 36px;"></i>\n                    </div>\n                    <div>\n                        <h3 class="mb-1">Device</h3>\n                        <div class="text-muted small">\n                            <span>MUID: <code>{{model.muid}}</code></span>\n                            {{#model.duid}}\n                                <span class="mx-2">|</span>\n                                <span>DUID: <code>{{model.duid|truncate_middle(16)}}</code></span>\n                            {{/model.duid}}\n                        </div>\n                        <div class="mt-1">\n                            <span class="badge {{riskBadge}} me-1">{{model.risk_tier|uppercase|default(\'UNKNOWN\')}}</span>\n                            <span class="text-muted small">\n                                {{model.event_count}} events &middot; {{model.block_count}} blocks\n                            </span>\n                        </div>\n                    </div>\n                </div>\n                <div data-container="device-context-menu"></div>\n            </div>\n            <div data-container="device-tabs"></div>\n        '}get riskBadge(){return{blocked:"bg-danger",high:"bg-danger",medium:"bg-warning",low:"bg-success",unknown:"bg-secondary"}[this.model?.get("risk_tier")]||"bg-secondary"}async onInit(){await this.model.fetch({params:{graph:"detail"}});const e=new i({model:this.model,template:'\n                <div class="row">\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Device Info</h6>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">MUID</label><div><code>{{model.muid}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">DUID</label><div><code>{{model.duid|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Fingerprint ID</label><div><code>{{model.fingerprint_id|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Risk Tier</label><div><span class="badge {{riskBadge}}">{{model.risk_tier|uppercase|default(\'UNKNOWN\')}}</span></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Last Seen IP</label><div><code>{{model.last_seen_ip|default(\'—\')}}</code></div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Last Seen</label><div>{{model.last_seen|datetime|default(\'—\')}}</div></div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="col-md-6">\n                        <div class="card border-0 bg-light mb-3">\n                            <div class="card-body">\n                                <h6 class="fw-bold mb-3">Activity</h6>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Event Count</label><div>{{model.event_count}}</div></div>\n                                <div class="mb-2"><label class="form-label text-muted small fw-bold">Block Count</label><div>{{model.block_count}}</div></div>\n                                <h6 class="fw-bold mb-2 mt-3">Linked MUIDs</h6>\n                                {{#model.linked_muids.length}}\n                                    <div class="d-flex flex-wrap gap-1">\n                                        {{#model.linked_muids}}\n                                            <code class="badge bg-light text-dark border">{{.}}</code>\n                                        {{/model.linked_muids}}\n                                    </div>\n                                {{/model.linked_muids.length}}\n                                {{^model.linked_muids.length}}\n                                    <span class="text-muted">No linked devices</span>\n                                {{/model.linked_muids.length}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            '}),a=new Ve({Collection:BouncerSignalList,collectionParams:{size:10,sort:"-created",muid:this.model.get("muid")},columns:[{key:"created",label:"Time",formatter:"relative"},{key:"ip_address",label:"IP",template:"<code>{{model.ip_address}}</code>"},{key:"decision",label:"Decision",formatter:e=>`<span class="badge ${{allow:"bg-success",monitor:"bg-warning",block:"bg-danger"}[e]||"bg-secondary"}">${(e||"—").toUpperCase()}</span>`},{key:"risk_score",label:"Risk"},{key:"page_type",label:"Page"}],searchable:!0,paginated:!0,tableOptions:{hover:!0,size:"sm"}}),s=new Ve({Collection:z,collectionParams:{size:10,sort:"-created",category__startswith:"security:bouncer",search:this.model.get("muid")},columns:[{key:"created",label:"Created",formatter:"epoch|datetime"},{key:"status",label:"Status"},{key:"category",label:"Category"},{key:"title",label:"Title",formatter:"truncate(60)"}],searchable:!0,paginated:!0,tableOptions:{hover:!0,size:"sm"}});this.tabView=new P({tabs:{Overview:e,Signals:a,Incidents:s},activeTab:"Overview",containerId:"device-tabs"}),this.addChild(this.tabView);const n=new t({containerId:"device-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Refresh",action:"refresh",icon:"bi-arrow-clockwise"}]}});this.addChild(n)}async onActionRefresh(){await this.model.fetch({params:{graph:"detail"}})}}class BouncerDeviceTablePage extends I{constructor(e={}){super({...e,name:"admin_bouncer_devices",pageName:"Bouncer Devices",router:"admin/security/bouncer-devices",Collection:BouncerDeviceList,itemViewClass:BouncerDeviceView,viewDialogOptions:{header:!1,size:"xl"},defaultQuery:{sort:"-last_seen"},columns:[{key:"muid",label:"MUID",template:"<code>{{model.muid|truncate_middle(16)}}</code>",sortable:!0,filter:{type:"text"}},{key:"risk_tier",label:"Risk Tier",sortable:!0,formatter:e=>`<span class="badge ${{blocked:"bg-danger",high:"bg-danger",medium:"bg-warning",low:"bg-success",unknown:"bg-secondary"}[e]||"bg-secondary"}">${(e||"unknown").toUpperCase()}</span>`,filter:{type:"select",options:["unknown","low","medium","high","blocked"]}},{key:"event_count",label:"Events",sortable:!0},{key:"block_count",label:"Blocks",sortable:!0},{key:"last_seen_ip",label:"Last IP",template:'<code>{{model.last_seen_ip|default("—")}}</code>'},{key:"last_seen",label:"Last Seen",formatter:"relative",sortable:!0}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No bouncer devices tracked yet.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class BotSignatureTablePage extends I{constructor(e={}){super({...e,name:"admin_bot_signatures",pageName:"Bot Signatures",router:"admin/security/bot-signatures",Collection:BouncerSignatureList,formCreate:dt.create,formEdit:dt.edit,viewDialogOptions:{size:"lg"},defaultQuery:{sort:"-modified"},columns:[{key:"sig_type",label:"Type",formatter:"badge",sortable:!0,filter:{type:"select",options:["user_agent","ip_pattern","fingerprint","behavior","header","cookie"]}},{key:"value",label:"Value",formatter:"truncate(60)",filter:{type:"text"}},{key:"source",label:"Source",formatter:e=>`<span class="badge ${"auto"===e?"bg-info":"bg-primary"}">${(e||"unknown").toUpperCase()}</span>`,filter:{type:"select",options:["auto","manual"]}},{key:"confidence",label:"Confidence",sortable:!0,formatter:e=>`${e||0}%`},{key:"hit_count",label:"Hits",sortable:!0},{key:"is_active",label:"Active",formatter:e=>e?'<span class="badge bg-success">ON</span>':'<span class="badge bg-secondary">OFF</span>',filter:{type:"select",options:[{label:"Active",value:"true"},{label:"Inactive",value:"false"}]}},{key:"expires_at",label:"Expires",formatter:'datetime|default("Never")'}],searchable:!0,sortable:!0,filterable:!0,paginated:!0,selectable:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No bot signatures. Click "Add" to create a manual signature.',batchBarLocation:"top",batchActions:[{label:"Enable",icon:"bi bi-check-circle",action:"enable"},{label:"Disable",icon:"bi bi-pause-circle",action:"disable"},{label:"Delete",icon:"bi bi-trash",action:"delete"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionBatchEnable(){const e=this.tableView.getSelectedItems();e.length&&(await Promise.all(e.map(e=>e.model.save({is_active:!0}))),this.getApp().toast.success(`${e.length} signature(s) enabled`),this.tableView.collection.fetch())}async onActionBatchDisable(){const e=this.tableView.getSelectedItems();e.length&&(await Promise.all(e.map(e=>e.model.save({is_active:!1}))),this.getApp().toast.success(`${e.length} signature(s) disabled`),this.tableView.collection.fetch())}async onActionBatchDelete(){const e=this.tableView.getSelectedItems();e.length&&await this.getApp().confirm(`Delete ${e.length} signature${e.length>1?"s":""}? This cannot be undone.`)&&(await Promise.all(e.map(e=>e.model.destroy())),this.getApp().toast.success(`${e.length} signature(s) deleted`),this.tableView.collection.fetch())}}class LogTablePage extends I{constructor(e={}){super({...e,name:"admin_logs",pageName:"Manage Logs",router:"admin/logs",Collection:Me,itemViewClass:LogView,viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"created|epoch|datetime",label:"Timestamp",sortable:!0,filter:{type:"daterange"}},{key:"level",label:"Level",sortable:!0,formatter:"badge",filter:{type:"select",options:[{value:"info",label:"Info"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}]}},{key:"kind",label:"Kind",filter:{type:"text"}},{key:"method",label:"Method",filter:{type:"text"}},{key:"path",label:"Path",filter:{type:"text"}},{key:"username",label:"User",filter:{type:"text"}},{key:"ip",label:"IP",filter:{type:"text"}},{key:"duid",label:"Browser ID",formatter:"truncate_middle(16)",filter:{type:"text"}}],defaultQuery:{sort:"-created"},selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!1,showExport:!0,emptyMessage:"No log entries found.",batchBarLocation:"top",batchActions:[{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Archive",icon:"bi bi-archive",action:"batch-archive"},{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Mark as Reviewed",icon:"bi bi-check2",action:"batch-reviewed"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class MetricsPermissionsView extends i{constructor(e={}){super({className:"metrics-permissions-view",...e}),this.model=e.model||new ke(e.data||{}),this.template='\n            <div class="container p-3">\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    <div>\n                        <h3 class="mb-1">Permissions for {{model.account}}</h3>\n                    </div>\n                    <div data-container="context-menu"></div>\n                </div>\n                <div data-container="data-view"></div>\n            </div>\n        '}async onInit(){this.dataView=new Oe({containerId:"data-view",model:this.model,fields:[{name:"view_permissions",label:"View Permissions",format:"list|badge"},{name:"write_permissions",label:"Write Permissions",format:"list|badge"}]}),this.addChild(this.dataView);const e=new t({containerId:"context-menu",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit",action:"edit",icon:"bi-pencil"},{label:"Delete",action:"delete",icon:"bi-trash",danger:!0}]}});this.addChild(e)}async onActionEdit(){const e=await o.showModelForm({title:`Edit Permissions for ${this.model.get("account")}`,model:this.model,formConfig:Ae.edit});e&&(this.model.set(e.data.data),this.render())}async onActionDelete(){await o.confirm(`Are you sure you want to delete all permissions for ${this.model.get("account")}?`)&&(await this.model.destroy(),this.emit("deleted",this.model))}}ke.VIEW_CLASS=MetricsPermissionsView;class MetricsPermissionsTablePage extends I{constructor(e={}){super({...e,name:"admin_metrics_permissions",pageName:"Metrics Permissions",router:"admin/metrics/permissions",Collection:Se,formEdit:Ae.edit,itemViewClass:MetricsPermissionsView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"account",label:"Account",sortable:!0},{key:"view_permissions",label:"View Permissions",formatter:"list|badge"},{key:"write_permissions",label:"Write Permissions",formatter:"list|badge"}],selectable:!0,searchable:!0,sortable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,tableOptions:{pageSizes:[10,25,50],defaultPageSize:25,emptyMessage:"No metrics permissions found.",emptyIcon:"bi-bar-chart-line",actions:["view","edit","delete"]}})}}class Setting extends s{constructor(e={},t={}){super(e,{endpoint:"/api/settings",...t})}}class SettingList extends a{constructor(e={}){super({ModelClass:Setting,endpoint:"/api/settings",size:25,...e})}}const ct={create:{title:"Create Setting",fields:[{name:"key",type:"text",label:"Key",placeholder:"WEBHOOK_SECRET",required:!0,columns:12,help:"A unique configuration key name."},{name:"value",type:"textarea",label:"Value",required:!0,columns:12,help:"The configuration value. For secrets, this will be masked after creation."},{type:"collection",name:"parent",label:"Parent Group",Collection:u,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300,columns:12},{name:"is_secret",type:"switch",label:"Secret",columns:6,help:"Mark as secret to mask the value in API responses."}]},edit:{title:"Edit Setting",fields:[{name:"key",type:"text",label:"Key",columns:12,disabled:!0},{name:"value",type:"textarea",label:"Value",columns:12,help:"Enter a new value to replace the current one."},{name:"is_secret",type:"switch",label:"Secret",columns:12,help:"Mark as secret to mask the value in API responses."},{type:"collection",name:"parent",label:"Parent Group",Collection:u,labelField:"name",valueField:"id",maxItems:10,placeholder:"Search groups...",emptyFetch:!1,debounceMs:300,columns:12}]}};class SettingView extends i{constructor(e={}){super({className:"setting-view",...e}),this.model=e.model||new Setting(e.data||{}),this.template='\n            <div class="setting-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-start mb-4">\n                    \x3c!-- Left: Icon & Identity --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="fs-1 text-primary">\n                            <i class="bi bi-gear"></i>\n                        </div>\n                        <div>\n                            <h3 class="mb-1 font-monospace">{{model.key|default(\'Unnamed Setting\')}}</h3>\n                            <div class="text-muted small">\n                                ID: {{model.id}}\n                                <span class="mx-2">|</span>\n                                Scope: {{model.group.name|default(\'Global\')}}\n                            </div>\n                            <div class="mt-1">\n                                <span class="badge {{model.is_secret|boolean(\'bg-warning text-dark\',\'bg-secondary\')}}">\n                                    {{model.is_secret|boolean(\'Secret\',\'Plain\')}}\n                                </span>\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right: Meta & Actions --\x3e\n                    <div class="d-flex align-items-start gap-4">\n                        <div class="text-end">\n                            <div class="text-muted small">Created</div>\n                            <div>{{model.created|datetime}}</div>\n                        </div>\n                        <div data-container="setting-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Details --\x3e\n                <div class="list-group mb-3">\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Key</h6>\n                        <p class="mb-0 font-monospace">{{model.key}}</p>\n                    </div>\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Value</h6>\n                        {{#model.is_secret|bool}}\n                            <p class="mb-0 text-muted font-monospace">{{model.display_value|default(\'******\')}}</p>\n                            <small class="text-muted">This is a secret value. Enter a new value to replace it.</small>\n                        {{/model.is_secret|bool}}\n                        {{^model.is_secret|bool}}\n                            <p class="mb-0 font-monospace">{{model.value|default(model.display_value)|default(\'—\')}}</p>\n                        {{/model.is_secret|bool}}\n                    </div>\n                    {{#model.group}}\n                    <div class="list-group-item">\n                        <h6 class="mb-1 text-muted">Group</h6>\n                        <p class="mb-0">{{model.group.name|default(model.group)}}</p>\n                    </div>\n                    {{/model.group}}\n                </div>\n            </div>\n        '}async onInit(){const e=new t({containerId:"setting-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"Edit",action:"edit-setting",icon:"bi-pencil"},{type:"divider"},{label:"Delete Setting",action:"delete-setting",icon:"bi-trash",danger:!0}]}});this.addChild(e)}async onActionEditSetting(){const e=this.getApp();await e.showModelForm({title:`Edit Setting — ${this.model.get("key")}`,model:this.model,formConfig:ct.edit})&&this.render()}async onActionDeleteSetting(){const e=this.getApp();if(!(await e.confirm({title:"Delete Setting",message:`Permanently delete "${this.model.get("key")}"? This cannot be undone.`,confirmLabel:"Delete",confirmClass:"btn-danger"})))return;e.showLoading();const t=await this.model.delete();e.hideLoading(),t&&!1!==t.success?(e.toast.success("Setting deleted"),this.emit("deleted",{model:this.model})):e.toast.error("Failed to delete setting")}}Setting.VIEW_CLASS=SettingView,Setting.ADD_FORM=ct.create,Setting.EDIT_FORM=ct.edit;class SettingTablePage extends I{constructor(e={}){super({...e,name:"admin_settings",pageName:"Settings",router:"admin/settings",Collection:SettingList,itemViewClass:SettingView,viewDialogOptions:{header:!1,size:"lg"},columns:[{key:"id",label:"ID",width:"70px",sortable:!0,class:"text-muted"},{key:"key",label:"Key",sortable:!0},{key:"display_value",label:"Value",formatter:"default('—')"},{key:"group.name",label:"Group",sortable:!0,formatter:"default('Global')"},{key:"is_secret",label:"Secret",formatter:"boolean('Secret|bg-warning text-dark','Plain|bg-secondary')|badge",width:"100px"},{key:"created",label:"Created",formatter:"datetime",sortable:!0}],defaultQuery:{sort:"key"},selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!1,addButtonLabel:"New Setting",emptyMessage:"No settings found.",tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class FileManagerTablePage extends I{constructor(e={}){super({...e,name:"admin_file_managers",pageName:"Manage Storage Backends",router:"admin/file-managers",Collection:y,formCreate:f.create,formEdit:f.edit,columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"name",label:"Name",formatter:"default('Unnamed Backend')"},{key:"backend_url",label:"Backend URL",sortable:!0},{key:"is_default",label:"Default",formatter:"boolean|badge"},{key:"is_active",label:"Active",formatter:"boolean|badge"},{key:"is_public",label:"Public",formatter:"boolean|badge"},{key:"backend_type",label:"Type",formatter:"default('Unknown')"},{key:"created",label:"Created",formatter:"epoch|datetime"}],contextMenu:[{icon:"bi-pencil",action:"edit",label:"Edit Name"},{icon:"bi-shield",action:"edit-credentials",label:"Edit Credentials"},{icon:"bi-person",action:"edit-owners",label:"Edit Owners"},{divider:!0},{icon:"bi-copy",action:"clone",label:"Clone Manager"},{divider:!0},{icon:"bi-check",action:"test-connection",label:"Test Connection"},{icon:"bi-question-circle",action:"check-cors",label:"Check CORS"},{icon:"bi-wrench",action:"fix-cors",label:"Fix CORS"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No storage backends found. Click "Add Storage Backend" to configure your first backend.',batchBarLocation:"top",batchActions:[{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Activate",icon:"bi bi-check-circle",action:"batch-activate"},{label:"Deactivate",icon:"bi bi-x-circle",action:"batch-deactivate"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}async onActionEditOwners(e,t){const i=this.collection.get(t.dataset.id),a=await o.showModelForm({title:"Edit Owners",model:i,fields:f.owners.fields});if(!a)return!0;a.success?this.getApp().toast.success("Owners Updated successfully"):this.getApp().toast.error("Owners update failed")}async onActionCheckCors(e,t){const i=this.collection.get(t.dataset.id),a=await i.save({check_cors:!0});return a.success&&a.data.status?await o.showData({title:`Audit Report - ${i._.name}`,data:a.data,size:"lg"}):this.getApp().toast.error("Connection test failed"),!0}async onActionTestConnection(e,t){const i=this.collection.get(t.dataset.id),a=await i.save({test_connection:!0});return a.success&&a.data.status?this.getApp().toast.success("Connection test successful"):this.getApp().toast.error("Connection test failed"),!0}async onActionEditCredentials(e,t){const i=this.collection.get(t.dataset.id),a=await o.showModelForm({title:"Edit Credentials",model:i,fields:f.credentials.fields});return!a||(a.success&&a.data.status?this.getApp().toast.success("Credentials updated successfully"):this.getApp().toast.error("Failed to update credentials"),!0)}async onActionClone(e,t){if(!(await o.showConfirm({title:"Clone File Manager",message:"This will create a clone with the same credentials."})))return!0;const i=this.collection.get(t.dataset.id),a=await i.save({clone:!0});return a.success&&a.data.status?(this.getApp().toast.success("Connection cloned successfully"),this.collection.fetch()):this.getApp().toast.error("Failed to clone connection"),!0}}class FileView extends i{constructor(e={}){super({className:"file-view",...e}),this.model=e.model||new w(e.data||{}),this.isImage="image"===this.model.get("category");const t=this.model.get("renditions")||{};this.renditionsCollection=new a(Object.values(t)),this.template='\n            <div class="file-view-container">\n                \x3c!-- Header --\x3e\n                <div class="d-flex justify-content-between align-items-center mb-4">\n                    \x3c!-- Left Side: Thumbnail & Info --\x3e\n                    <div class="d-flex align-items-center gap-3">\n                        <div class="file-thumbnail" style="width: 80px; height: 80px;">\n                            {{#isImage}}\n                                <a href="{{model.url}}" target="_blank" title="View original file">\n                                    <img src="{{model.renditions.thumbnail.url|default(model.url)}}" class="img-fluid rounded" style="width: 80px; height: 80px; object-fit: cover;">\n                                </a>\n                            {{/isImage}}\n                            {{^isImage}}\n                                <div class="avatar-placeholder rounded bg-light d-flex align-items-center justify-content-center" style="width: 80px; height: 80px;">\n                                    <i class="bi bi-file-earmark-text text-secondary" style="font-size: 40px;"></i>\n                                </div>\n                            {{/isImage}}\n                        </div>\n                        <div>\n                            <h3 class="mb-1" style="word-break: break-all;">{{model.filename|truncate(40)}}</h3>\n                            <div class="text-muted small">\n                                <span><i class="bi bi-hdd"></i> {{model.file_size|filesize}}</span>\n                                <span class="mx-2">|</span>\n                                <span>{{model.content_type}}</span>\n                            </div>\n                            <div class="text-muted small mt-1">\n                                Uploaded: {{model.created|datetime}}\n                            </div>\n                        </div>\n                    </div>\n\n                    \x3c!-- Right Side: Status & Actions --\x3e\n                    <div class="d-flex align-items-center gap-4">\n                        <div class="text-end">\n                            <div class="d-flex align-items-center gap-2 justify-content-end">\n                                <span class="badge {{model.upload_status|badge}}">{{model.upload_status|capitalize}}</span>\n                            </div>\n                             <div class="text-muted small mt-1">\n                                Public: {{{model.is_public|yesnoicon}}}\n                            </div>\n                        </div>\n                        <div data-container="file-context-menu"></div>\n                    </div>\n                </div>\n\n                \x3c!-- Tab Container --\x3e\n                <div data-container="file-tabs"></div>\n            </div>\n        '}async onInit(){this.infoView=new Oe({model:this.model,className:"p-3",showEmptyValues:!0,emptyValueText:"—",columns:2,fields:[{name:"id",label:"ID"},{name:"filename",label:"Filename"},{name:"storage_filename",label:"Storage Filename"},{name:"content_type",label:"Content Type"},{name:"file_size",label:"File Size",format:"filesize"},{name:"category",label:"Category"},{name:"upload_status",label:"Status",format:"badge"},{name:"created",label:"Created",format:"datetime"},{name:"modified",label:"Modified",format:"datetime"},{name:"user.display_name",label:"Uploaded By"},{name:"file_manager.name",label:"Storage Backend"},{name:"storage_file_path",label:"Storage Path"},{name:"url",label:"Public URL",format:"url"},{name:"is_public",label:"Is Public",format:"boolean"}]}),this.renditionsView=new Ve({collection:this.renditionsCollection,columns:[{key:"role",label:"Role",formatter:"badge"},{key:"filename",label:"Filename",formatter:"truncate(40)"},{key:"file_size",label:"Size",formatter:"filesize"},{key:"content_type",label:"Content Type"},{key:"actions",label:"Actions",template:'\n                        <a href="{{url}}" target="_blank" class="btn btn-sm btn-outline-primary" title="View">\n                            <i class="bi bi-eye"></i>\n                        </a>\n                        <a href="{{url}}" download="{{filename}}" class="btn btn-sm btn-outline-secondary" title="Download">\n                            <i class="bi bi-download"></i>\n                        </a>\n                    '}]});const e={Info:this.infoView};e.Renditions=this.renditionsView,this.tabView=new P({tabs:e,activeTab:"Info",containerId:"file-tabs"}),this.addChild(this.tabView);const i=new t({containerId:"file-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[{label:"View",action:"view-file",icon:"bi-eye"},{label:"Download",action:"download-file",icon:"bi bi-download"},{label:"Edit Details",action:"edit-file",icon:"bi bi-pencil"},{type:"divider"},this.model.get("is_public")?{label:"Make Private",action:"make-private",icon:"bi bi-lock"}:{label:"Make Public",action:"make-public",icon:"bi bi-unlock"},{type:"divider"},{label:"Delete File",action:"delete-file",icon:"bi bi-trash",danger:!0}]}});this.addChild(i)}async onActionViewFile(){const e=this.model.get("content_type"),t=this.model.get("url");if(e.startsWith("image/")){const e=this.model.get("renditions")||{},i=[{src:t,alt:"Original"},...Object.values(e).map(e=>({src:e.url,alt:e.role}))];Ue.show(i,{fitToScreen:!1})}else"application/pdf"===e?qe.showDialog(t,{title:this.model.get("filename")}):window.open(t,"_blank")}async onActionDownloadFile(){const e=this.model.get("url");if(e){const t=document.createElement("a");t.href=e,t.download=this.model.get("filename"),document.body.appendChild(t),t.click(),document.body.removeChild(t)}}async onActionEditFile(){await o.showModelForm({title:`Edit File - ${this.model.get("filename")}`,model:this.model,formConfig:x.edit})&&this.render()}async onActionMakePublic(){await this.model.save({is_public:!0}),this.render()}async onActionMakePrivate(){await this.model.save({is_public:!1}),this.render()}async onActionDeleteFile(){await o.confirm(`Are you sure you want to delete the file "${this.model.get("filename")}"? This action cannot be undone.`,"Confirm Deletion",{confirmClass:"btn-danger",confirmText:"Delete"})&&(await this.model.destroy()).success&&this.emit("file:deleted",{model:this.model})}}w.VIEW_CLASS=FileView;class FileTablePage extends I{constructor(e={}){super({name:"admin_files",pageName:"Manage Files",router:"admin/files",Collection:_,formEdit:x.edit,itemViewClass:FileView,onAdd:async e=>{await this.handleFileUpload(e)},viewDialogOptions:{header:!1,size:"xl"},columns:[{key:"id",label:"ID",sortable:!0,class:"text-muted"},{key:"filename",label:"Filename"},{key:"content_type",label:"Type",formatter:"default('Unknown')"},{key:"file_size",label:"Size",formatter:"filesize"},{key:"group.name",label:"Group",formatter:"default('No Group')"},{key:"upload_status",label:"Status",formatter:"badge"},{key:"created",label:"Uploaded",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No files found. Click "Add File" to upload your first file.',batchBarLocation:"top",batchActions:[{label:"Download",icon:"bi bi-download",action:"batch-download"},{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Move to Group",icon:"bi bi-folder",action:"batch-move"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1},...e}),this.enableFileDrop({acceptedTypes:["*/*"],maxFileSize:104857600,multiple:!1,validateOnDrop:!0})}async handleFileUpload(e){e&&e.preventDefault();const t=document.createElement("input");t.type="file",t.accept="*/*",t.multiple=!1,t.style.display="none",t.addEventListener("change",async e=>{const i=e.target.files[0];if(!i)return;const a=104857600;if(i.size>a)this.showError(`File size (${this._formatFileSize(i.size)}) exceeds maximum (${this._formatFileSize(a)})`);else try{const e=new w;let t={};this.options.requiresGroup&&this.getApp().activeGroup&&(t.group=this.getApp().activeGroup.id);const a=e.upload({file:i,name:i.name,description:`File uploaded on ${/* @__PURE__ */(new Date).toLocaleDateString()}`,showToast:!0,onProgress:e=>{e.percentage},onComplete:e=>{this.refresh()},onError:e=>{console.error("Upload failed:",e),this.showError("Upload failed: "+e.message)},...t});await a}catch(s){console.error("Error starting file upload:",s),this.showError("Failed to start file upload: "+s.message)}finally{t.remove()}}),document.body.appendChild(t),t.click()}_formatFileSize(e){if(0===e)return"0 Bytes";const t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/Math.pow(1024,t)).toFixed(2))+" "+["Bytes","KB","MB","GB"][t]}async onFileDrop(e,t,i){const a=e[0];a.name,a.type,a.size;try{const e=new w;let t={};this.options.requiresGroup&&this.getApp().activeGroup&&(t.group=this.getApp().activeGroup.id);const i=e.upload({file:a,name:a.name,description:`File uploaded via drag & drop on ${/* @__PURE__ */(new Date).toLocaleDateString()}`,showToast:!0,onProgress:e=>{e.percentage},onComplete:e=>{this.refresh()},onError:e=>{console.error("Upload failed:",e),this.showError("Upload failed: "+e.message)},...t});await i}catch(s){console.error("Error starting file upload:",s),this.showError("Failed to start file upload: "+s.message)}}}ze(FileTablePage);class S3BucketTablePage extends I{constructor(e={}){super({...e,name:"admin_s3_buckets",pageName:"Manage S3 Buckets",router:"admin/s3-buckets",Collection:Pe,formCreate:Ce.create,formEdit:Ce.edit,columns:[{key:"id",label:"ID",width:"60px",sortable:!0,class:"text-muted"},{key:"name",label:"Bucket Name",sortable:!0},{key:"created",label:"Created",formatter:"epoch|datetime"}],selectable:!0,searchable:!0,sortable:!0,filterable:!0,paginated:!0,showRefresh:!0,showAdd:!0,showExport:!0,emptyMessage:'No S3 buckets found. Click "Add S3 Bucket" to create your first bucket.',batchBarLocation:"top",batchActions:[{label:"Delete",icon:"bi bi-trash",action:"batch-delete"},{label:"Export",icon:"bi bi-download",action:"batch-export"},{label:"Make Public",icon:"bi bi-unlock",action:"batch-public"},{label:"Make Private",icon:"bi bi-lock",action:"batch-private"},{label:"Empty Bucket",icon:"bi bi-bucket",action:"batch-empty"}],tableOptions:{striped:!0,bordered:!1,hover:!0,responsive:!1}})}}class UserDeviceLocationView extends i{constructor(e={}){super({className:"udl-view",...e}),this.model=e.model||new g(e.data||{}),this._ud=this.model.get("user_device")||{},this._di=this._ud.device_info||{},this._geo=this.model.get("geolocation")||{},this.deviceIcon=this._getDeviceIcon(),this.browserFull=this._getBrowser(),this.osFull=this._getOS(),this.deviceFull=this._getDevice(),this.locationSummary=this._getLocationSummary(),this.countryFlag=this._geo.country_code||"",this.threatLevel=this._geo.threat_level||"unknown",this.threatColor=this._getThreatColor(),this.hasCoordinates=!(!this._geo.latitude||!this._geo.longitude),this.template='\n            <style>\n                .udl-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.5rem; }\n                .udl-identity { display: flex; align-items: center; gap: 1rem; }\n                .udl-icon-wrap { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; }\n                .udl-title { font-size: 1.15rem; font-weight: 600; margin: 0; line-height: 1.3; }\n                .udl-subtitle { font-size: 0.8rem; color: #6c757d; margin-top: 0.15rem; }\n                .udl-right { display: flex; align-items: flex-start; gap: 0.75rem; }\n                .udl-threat-label { font-size: 0.7rem; color: #adb5bd; text-transform: uppercase; letter-spacing: 0.04em; }\n                .udl-threat-value { font-size: 1rem; font-weight: 600; }\n                .udl-threat-flags { display: flex; gap: 0.35rem; margin-top: 0.35rem; }\n                .udl-flag { font-size: 0.65rem; padding: 0.15em 0.45em; border-radius: 3px; font-weight: 600; }\n            </style>\n\n            <div class="udl-header">\n                <div class="udl-identity">\n                    <div class="udl-icon-wrap bg-primary bg-opacity-10 text-primary">\n                        <i class="bi {{deviceIcon}}"></i>\n                    </div>\n                    <div>\n                        <h4 class="udl-title">{{locationSummary}}</h4>\n                        <div class="udl-subtitle">\n                            {{browserFull}} <span class="text-muted">on</span> {{deviceFull}}\n                            <span class="text-muted mx-1">&middot;</span>\n                            {{model.ip_address}}\n                        </div>\n                    </div>\n                </div>\n                <div class="udl-right">\n                    <div class="text-end">\n                        <div class="udl-threat-label">Threat Level</div>\n                        <div class="udl-threat-value {{threatColor}}">{{threatLevel|capitalize}}</div>\n                        <div class="udl-threat-flags">\n                            {{#_geo.is_vpn}}<span class="udl-flag bg-warning text-dark">VPN</span>{{/_geo.is_vpn}}\n                            {{#_geo.is_tor}}<span class="udl-flag bg-danger text-white">Tor</span>{{/_geo.is_tor}}\n                            {{#_geo.is_proxy}}<span class="udl-flag bg-warning text-dark">Proxy</span>{{/_geo.is_proxy}}\n                            {{#_geo.is_datacenter}}<span class="udl-flag bg-secondary text-white">DC</span>{{/_geo.is_datacenter}}\n                            {{#_geo.is_cloud}}<span class="udl-flag bg-info text-white">Cloud</span>{{/_geo.is_cloud}}\n                        </div>\n                    </div>\n                    <div data-container="udl-context-menu"></div>\n                </div>\n            </div>\n\n            <div data-container="udl-sidenav" style="min-height: 300px;"></div>\n        '}_getDeviceIcon(){const e=this._di?.user_agent?.family?.toLowerCase()||"",t=this._di?.os?.family?.toLowerCase()||"",i=this._di?.device?.family?.toLowerCase()||"";return e.includes("chrome")?"bi-browser-chrome":e.includes("firefox")?"bi-browser-firefox":e.includes("safari")?"bi-browser-safari":e.includes("edge")?"bi-browser-edge":t.includes("mac")||t.includes("ios")?"bi-apple":t.includes("windows")?"bi-windows":t.includes("android")?"bi-android2":i.includes("iphone")?"bi-phone":i.includes("ipad")?"bi-tablet":"bi-geo-alt"}_getBrowser(){const e=this._di?.user_agent||{};return e.family?`${e.family} ${e.major||""}`.trim():"Unknown Browser"}_getOS(){const e=this._di?.os||{},t=[e.major,e.minor].filter(Boolean).join(".");return e.family?`${e.family} ${t}`.trim():"Unknown OS"}_getDevice(){const e=this._di?.device||{},t=[e.brand,e.family].filter(Boolean);return t.length?t.join(" "):"Unknown Device"}_getLocationSummary(){const e=[this._geo.city,this._geo.region,this._geo.country_name].filter(Boolean);return e.length?e.join(", "):"Unknown Location"}_getThreatColor(){const e=(this._geo.threat_level||"").toLowerCase();return"high"===e||this._geo.is_threat?"text-danger":"medium"===e||this._geo.is_suspicious?"text-warning":"low"===e?"text-success":"text-muted"}async onInit(){const e=this._geo,a=this._di,s=[{key:"location",label:"Location",icon:"bi-geo-alt",view:new i({model:this.model,template:`\n                <style>\n                    .udl-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .udl-section-label:first-child { margin-top: 0; }\n                    .udl-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .udl-field-row:last-child { border-bottom: none; }\n                    .udl-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .udl-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                </style>\n\n                <div class="udl-section-label">Geography</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">City</div>\n                    <div class="udl-field-value">${e.city||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Region</div>\n                    <div class="udl-field-value">${e.region||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Country</div>\n                    <div class="udl-field-value">${e.country_name||"—"} ${e.country_code?`<span class="text-muted">(${e.country_code})</span>`:""}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Postal Code</div>\n                    <div class="udl-field-value">${e.postal_code||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Timezone</div>\n                    <div class="udl-field-value">${e.timezone||"—"}</div>\n                </div>\n                ${e.latitude?`\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Coordinates</div>\n                    <div class="udl-field-value">${e.latitude}, ${e.longitude}</div>\n                </div>`:""}\n\n                <div class="udl-section-label">Network</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">IP Address</div>\n                    <div class="udl-field-value" style="font-family: ui-monospace, monospace; font-size: 0.82rem;">{{model.ip_address}}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">ISP</div>\n                    <div class="udl-field-value">${e.isp||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">ASN</div>\n                    <div class="udl-field-value">${e.asn||"—"} ${e.asn_org?`<span class="text-muted small">(${e.asn_org})</span>`:""}</div>\n                </div>\n\n                <div class="udl-section-label">Timestamps</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">First Seen</div>\n                    <div class="udl-field-value">{{model.first_seen|epoch|datetime|default('—')}}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Last Seen</div>\n                    <div class="udl-field-value">{{model.last_seen|epoch|datetime|default('—')}}</div>\n                </div>\n            `})},{key:"device",label:"Device",icon:"bi-laptop",view:new i({model:this.model,template:`\n                <style>\n                    .udl-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .udl-section-label:first-child { margin-top: 0; }\n                    .udl-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .udl-field-row:last-child { border-bottom: none; }\n                    .udl-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .udl-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .udl-ua-string { font-family: ui-monospace, monospace; font-size: 0.73rem; color: #6c757d; word-break: break-all; line-height: 1.5; padding: 0.5rem 0.75rem; background: #f8f9fa; border-radius: 6px; margin-top: 0.25rem; }\n                </style>\n\n                <div class="udl-section-label">Browser</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Name</div>\n                    <div class="udl-field-value">${a?.user_agent?.family||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Version</div>\n                    <div class="udl-field-value">${[a?.user_agent?.major,a?.user_agent?.minor,a?.user_agent?.patch].filter(Boolean).join(".")||"—"}</div>\n                </div>\n\n                <div class="udl-section-label">Operating System</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Name</div>\n                    <div class="udl-field-value">${a?.os?.family||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Version</div>\n                    <div class="udl-field-value">${[a?.os?.major,a?.os?.minor,a?.os?.patch].filter(Boolean).join(".")||"—"}</div>\n                </div>\n\n                <div class="udl-section-label">Hardware</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Brand</div>\n                    <div class="udl-field-value">${a?.device?.brand||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Family</div>\n                    <div class="udl-field-value">${a?.device?.family||"—"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Model</div>\n                    <div class="udl-field-value">${a?.device?.model||"—"}</div>\n                </div>\n\n                ${a?.string?`\n                <div class="udl-section-label">User Agent String</div>\n                <div class="udl-ua-string">${a.string}</div>`:""}\n            `})},{key:"risk",label:"Risk",icon:"bi-shield-exclamation",view:new i({model:this.model,template:`\n                <style>\n                    .udl-section-label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #adb5bd; margin-bottom: 0.5rem; margin-top: 1.5rem; }\n                    .udl-section-label:first-child { margin-top: 0; }\n                    .udl-field-row { display: flex; align-items: baseline; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }\n                    .udl-field-row:last-child { border-bottom: none; }\n                    .udl-field-label { width: 130px; font-size: 0.78rem; color: #6c757d; flex-shrink: 0; }\n                    .udl-field-value { flex: 1; font-size: 0.88rem; color: #212529; }\n                    .udl-risk-icon { font-size: 0.85rem; margin-right: 0.35rem; }\n                    .udl-risk-yes { color: #dc3545; }\n                    .udl-risk-no { color: #adb5bd; }\n                </style>\n\n                <div class="udl-section-label">Threat Assessment</div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Threat Level</div>\n                    <div class="udl-field-value ${this.threatColor}" style="font-weight: 600;">${e.threat_level||"Unknown"}</div>\n                </div>\n                <div class="udl-field-row">\n                    <div class="udl-field-label">Risk Score</div>\n                    <div class="udl-field-value">${null!=e.risk_score?e.risk_score:"—"}</div>\n                </div>\n\n                <div class="udl-section-label">Detection Flags</div>\n                ${this._riskRow("VPN","bi-shield",e.is_vpn)}\n                ${this._riskRow("Tor Exit Node","bi-shield-lock",e.is_tor)}\n                ${this._riskRow("Proxy","bi-diagram-3",e.is_proxy)}\n                ${this._riskRow("Cloud Provider","bi-cloud",e.is_cloud)}\n                ${this._riskRow("Datacenter","bi-hdd-stack",e.is_datacenter)}\n                ${this._riskRow("Mobile","bi-phone",e.is_mobile)}\n\n                <div class="udl-section-label">Reputation</div>\n                ${this._riskRow("Known Attacker","bi-exclamation-triangle",e.is_known_attacker)}\n                ${this._riskRow("Known Abuser","bi-flag",e.is_known_abuser)}\n                ${this._riskRow("Threat","bi-shield-exclamation",e.is_threat)}\n                ${this._riskRow("Suspicious","bi-question-circle",e.is_suspicious)}\n            `})}];if(this.hasCoordinates)try{const e=new(0,(await import("./chunks/MetricsCountryMapView-Cz6tMj-U.js").then(e=>e.c)).default)({markers:[{lat:this._geo.latitude,lng:this._geo.longitude,popup:`<strong>${this.model.get("ip_address")}</strong><br>${this.locationSummary}`}],tileLayer:"light",zoom:6,height:400});s.push({key:"map",label:"Map",icon:"bi-map",view:e})}catch(o){}const n=this.model.get("ip_address");if(n){const e=new Ve({collection:new C({params:{size:10,source_ip:n}}),hideActivePillNames:["source_ip"],columns:[{key:"created",label:"Date",formatter:"datetime",sortable:!0,width:"150px"},{key:"category|badge",label:"Category"},{key:"title",label:"Title"}]});s.push({type:"divider",label:"Activity"}),s.push({key:"events",label:"Events",icon:"bi-calendar-event",view:e});const t=new Ve({collection:new Me({params:{size:10,ip:n}}),permissions:"view_logs",hideActivePillNames:["ip"],columns:[{key:"created",label:"Timestamp",sortable:!0,formatter:"epoch|datetime"},{key:"level",label:"Level",sortable:!0},{key:"kind",label:"Kind"},{name:"log",label:"Log"}]});s.push({key:"logs",label:"Logs",icon:"bi-journal-text",view:t,permissions:"view_logs"})}this.sideNavView=new SideNavView({containerId:"udl-sidenav",activeSection:this.hasCoordinates?"map":"location",navWidth:160,contentPadding:"1rem 1.5rem",enableResponsive:!0,minWidth:450,sections:s}),this.addChild(this.sideNavView);const l=new t({containerId:"udl-context-menu",className:"context-menu-view header-menu-absolute",context:this.model,config:{icon:"bi-three-dots-vertical",items:[...this._ud?.user?[{label:"View User",action:"view-user",icon:"bi-person"}]:[],...this._ud?.id?[{label:"View Device",action:"view-device",icon:"bi-laptop"}]:[],...this.hasCoordinates?[{label:"Open in Maps",action:"open-in-maps",icon:"bi-box-arrow-up-right"}]:[],{type:"divider"},{label:"Delete Record",action:"delete-record",icon:"bi-trash",danger:!0}]}});this.addChild(l)}_riskRow(e,t,i){return`\n            <div class="udl-field-row">\n                <div class="udl-field-label"><i class="bi ${t} me-1 ${i?"udl-risk-yes":"udl-risk-no"}"></i>${e}</div>\n                <div class="udl-field-value">${i?'<i class="bi bi-check-circle-fill udl-risk-icon udl-risk-yes"></i>Yes':'<i class="bi bi-dash-circle udl-risk-icon udl-risk-no"></i>No'}</div>\n            </div>`}async onActionViewUser(){const e=this._ud?.user?.id||this._ud?.user;e&&this.emit("view-user",{userId:e})}async onActionViewDevice(){const e=this._ud?.id;e&&this.emit("view-device",{deviceId:e})}async onActionOpenInMaps(){this.hasCoordinates&&window.open(`https://www.google.com/maps/search/?api=1&query=${this._geo.latitude},${this._geo.longitude}`,"_blank")}async onActionDeleteRecord(){return!(await o.confirm("Are you sure you want to delete this location record?","Delete Location Record"))||((await this.model.destroy()).success&&this.emit("location:deleted",{model:this.model}),!0)}static async show(e){const t=new g({id:e});return await t.fetch(),t.id?o.showDialog({title:!1,size:"lg",body:new UserDeviceLocationView({model:t}),buttons:[{text:"Close",class:"btn-secondary",dismiss:!0}]}):(o.alert({message:`Could not find location record: ${e}`,type:"warning"}),null)}}g.VIEW_CLASS=UserDeviceLocationView;const mt={ec2:[{key:"cpu",label:"CPU Utilization",unit:"%"},{key:"memory",label:"Memory Usage",unit:"%"},{key:"disk",label:"Disk Usage",unit:"%"},{key:"net_in",label:"Network In",unit:"bytes"},{key:"net_out",label:"Network Out",unit:"bytes"},{key:"disk_read",label:"Disk Read Ops",unit:"ops"},{key:"disk_write",label:"Disk Write Ops",unit:"ops"},{key:"status_check",label:"Status Check",unit:""}],rds:[{key:"cpu",label:"CPU Utilization",unit:"%"},{key:"conns",label:"Active Connections",unit:""},{key:"free_storage",label:"Free Storage",unit:"bytes"},{key:"free_memory",label:"Freeable Memory",unit:"bytes"},{key:"read_iops",label:"Read IOPS",unit:"ops/s"},{key:"write_iops",label:"Write IOPS",unit:"ops/s"},{key:"read_latency",label:"Read Latency",unit:"s"},{key:"write_latency",label:"Write Latency",unit:"s"},{key:"net_in",label:"Network In",unit:"bytes"},{key:"net_out",label:"Network Out",unit:"bytes"}],redis:[{key:"cpu",label:"CPU Utilization",unit:"%"},{key:"conns",label:"Current Connections",unit:""},{key:"cache_memory",label:"Cache Memory Used",unit:"bytes"},{key:"cache_hits",label:"Cache Hits",unit:""},{key:"cache_misses",label:"Cache Misses",unit:""},{key:"replication_lag",label:"Replication Lag",unit:"s"},{key:"net_in",label:"Network In",unit:"bytes"},{key:"net_out",label:"Network Out",unit:"bytes"}]},bt={ec2:"bi-pc-display",rds:"bi-database",redis:"bi-lightning-charge"},ut={ec2:"EC2 Instance",rds:"RDS Database",redis:"ElastiCache Redis"};function pt(e){return"%"===e?{label:"%",beginAtZero:!0,max:100}:"bytes"===e?{label:"Bytes",beginAtZero:!0}:"s"===e?{label:"Seconds",beginAtZero:!0}:{beginAtZero:!0}}class CloudWatchResourceView extends i{constructor(e={}){super({className:"cloudwatch-resource-view",...e}),this.resourceType=e.resourceType||"ec2",this.slug=e.slug||"",this.resource=e.resource||{}}async getTemplate(){const e=mt[this.resourceType]||[],t=bt[this.resourceType]||"bi-cloud",i=ut[this.resourceType]||"Resource";this.resource.state||this.resource.status;const a=this._buildMetaItems().map(e=>`<span class="me-3" style="font-size: 0.78rem; color: #6c757d;">${e}</span>`).join("");return`\n            <style>\n                .cwrv-header { padding: 1rem 0; border-bottom: 1px solid #e9ecef; margin-bottom: 1rem; }\n                .cwrv-name { font-size: 1.15rem; font-weight: 700; }\n                .cwrv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n                @media (max-width: 768px) { .cwrv-grid { grid-template-columns: 1fr; } }\n            </style>\n\n            <div class="cwrv-header">\n                <div class="cwrv-name">\n                    <i class="bi ${t} me-2"></i>${this.slug}\n                    <span class="badge bg-secondary ms-2" style="font-size: 0.7rem;">${i}</span>\n                </div>\n                <div class="mt-1">${a}</div>\n            </div>\n\n            <div class="cwrv-grid">\n                ${e.map((e,t)=>`<div id="cwrv-chart-${t}"></div>`).join("")}\n            </div>\n        `}async onInit(){const e=mt[this.resourceType]||[];for(let t=0;t<e.length;t++){const i=e[t],a=new CloudWatchChart({containerId:`cwrv-chart-${t}`,account:this.resourceType,category:i.key,slug:this.slug,title:i.label,height:200,yAxis:pt(i.unit),showGranularity:!0,showDateRange:!1,defaultDateRange:"24h",granularity:"hours"});this.addChild(a)}}_buildMetaItems(){const e=this.resource;switch(this.resourceType){case"ec2":return[e.instance_type,e.private_ip,e.public_ip].filter(Boolean).map((e,t)=>`<i class="bi ${["bi-cpu","bi-hdd-network","bi-globe"][t]} me-1"></i>${e}`);case"rds":return[e.engine,e.instance_class].filter(Boolean).map((e,t)=>`<i class="bi ${["bi-database","bi-cpu"][t]} me-1"></i>${e}`);case"redis":return[e.engine,e.node_type,e.num_nodes?`${e.num_nodes} node${e.num_nodes>1?"s":""}`:""].filter(Boolean).map((e,t)=>`<i class="bi ${["bi-lightning","bi-cpu","bi-diagram-3"][t]} me-1"></i>${e}`);default:return[]}}static async show(e,t,i={},a={}){const s=new CloudWatchResourceView({resourceType:e,slug:t,resource:i}),n=bt[e]||"bi-cloud",l=ut[e]||"Resource";await o.showDialog(s,{header:`<i class="bi ${n} me-2"></i>${t} <small class="text-muted">— ${l}</small>`,size:"xl",scrollable:!0})}}function ht(e,t=!0){if(e.registerPage("system/dashboard",AdminDashboardPage,{permissions:["security"]}),e.registerPage("system/jobs",JobsAdminPage,{permissions:["view_jobs","manage_jobs"]}),e.registerPage("system/users",UserTablePage,{permissions:["view_users","manage_users"]}),e.registerPage("system/groups",GroupTablePage,{permissions:["view_groups","manage_groups"]}),e.registerPage("system/members",MemberTablePage,{permissions:["view_members","manage_groups"]}),e.registerPage("system/s3buckets",S3BucketTablePage,{permissions:["manage_aws"]}),e.registerPage("system/filemanagers",FileManagerTablePage,{permissions:["view_fileman","manage_files"]}),e.registerPage("system/files",FileTablePage,{permissions:["manage_files"]}),e.registerPage("system/incidents",IncidentTablePage,{permissions:["view_security"]}),e.registerPage("system/events",EventTablePage,{permissions:["view_security"]}),e.registerPage("system/logs",LogTablePage,{permissions:["view_logs"]}),e.registerPage("system/user/devices",UserDeviceTablePage,{permissions:["manage_users"]}),e.registerPage("system/user/device-locations",UserDeviceLocationTablePage,{permissions:["manage_users"]}),e.registerPage("system/system/geoip",GeoLocatedIPTablePage,{permissions:["view_security","manage_users"]}),e.registerPage("system/email/mailboxes",EmailMailboxTablePage,{permissions:["manage_aws"]}),e.registerPage("system/email/domains",EmailDomainTablePage,{permissions:["manage_aws"]}),e.registerPage("system/email/sent",SentMessageTablePage,{permissions:["manage_aws"]}),e.registerPage("system/email/templates",EmailTemplateTablePage,{permissions:["manage_aws"]}),e.registerPage("system/incident-dashboard",IncidentDashboardPage,{permissions:["view_security"]}),e.registerPage("system/rulesets",RuleSetTablePage,{permissions:["manage_security"]}),e.registerPage("system/tickets",TicketTablePage,{permissions:["manage_security"]}),e.registerPage("system/metrics/permissions",MetricsPermissionsTablePage,{permissions:["manage_metrics"]}),e.registerPage("system/push/dashboard",PushDashboardPage,{permissions:["manage_notifications"]}),e.registerPage("system/push/configs",PushConfigTablePage,{permissions:["manage_push_config"]}),e.registerPage("system/push/templates",PushTemplateTablePage,{permissions:["manage_notifications"]}),e.registerPage("system/push/deliveries",PushDeliveryTablePage,{permissions:["view_notifications","manage_notifications"]}),e.registerPage("system/push/devices",PushDeviceTablePage,{permissions:["view_devices","manage_devices"]}),e.registerPage("system/phonehub/numbers",PhoneNumberTablePage,{permissions:["view_phone_numbers","manage_phone_numbers"]}),e.registerPage("system/phonehub/sms",SMSTablePage,{permissions:["view_sms","manage_sms"]}),e.registerPage("system/api-keys",ApiKeyTablePage,{permissions:["manage_groups","manage_group"]}),e.registerPage("system/settings",SettingTablePage,{permissions:["manage_settings"]}),e.registerPage("system/cloudwatch",CloudWatchDashboardPage,{permissions:["manage_aws"]}),e.registerPage("system/security/blocked-ips",BlockedIPsTablePage,{permissions:["view_security"]}),e.registerPage("system/security/firewall-log",FirewallLogTablePage,{permissions:["view_security"]}),e.registerPage("system/security/bouncer-signals",BouncerSignalTablePage,{permissions:["view_security"]}),e.registerPage("system/security/bouncer-devices",BouncerDeviceTablePage,{permissions:["view_security"]}),e.registerPage("system/security/bot-signatures",BotSignatureTablePage,{permissions:["manage_security"]}),t&&e.sidebar&&e.sidebar.getMenuConfig){const t=e.sidebar.getMenuConfig("system");if(t&&t.items){const e=[{text:"Dashboard",route:"?page=system/dashboard",icon:"bi-speedometer2",permissions:["security"]},{text:"Users",route:"?page=system/users",icon:"bi-people",permissions:["view_users","manage_users"]},{text:"Groups",route:"?page=system/groups",icon:"bi-diagram-3",permissions:["view_groups","manage_groups"]},{text:"Job Engine",route:"?page=system/jobs",icon:"bi-gear-wide-connected",permissions:["view_jobs","manage_jobs"]},{text:"Security",route:null,icon:"bi-shield-lock",permissions:["view_security"],children:[{text:"Dashboard",route:"?page=system/incident-dashboard",icon:"bi-bar-chart-line",permissions:["view_security"]},{text:"Incidents",route:"?page=system/incidents",icon:"bi-exclamation-triangle",permissions:["view_security"]},{text:"Tickets",route:"?page=system/tickets",icon:"bi-ticket-detailed",permissions:["manage_security"]},{text:"Events",route:"?page=system/events",icon:"bi-bell",permissions:["view_security"]},{text:"Rule Engine",route:"?page=system/rulesets",icon:"bi-funnel",permissions:["manage_security"]},{text:"Blocked IPs",route:"?page=system/security/blocked-ips",icon:"bi-slash-circle",permissions:["view_security"]},{text:"Firewall Log",route:"?page=system/security/firewall-log",icon:"bi-journal-code",permissions:["view_security"]},{text:"GeoIP",route:"?page=system/system/geoip",icon:"bi-globe",permissions:["view_security"]},{text:"Bouncer Signals",route:"?page=system/security/bouncer-signals",icon:"bi-activity",permissions:["view_security"]},{text:"Bouncer Devices",route:"?page=system/security/bouncer-devices",icon:"bi-fingerprint",permissions:["view_security"]},{text:"Bot Signatures",route:"?page=system/security/bot-signatures",icon:"bi-robot",permissions:["manage_security"]}]},{text:"Email",route:null,icon:"bi-envelope",permissions:["manage_aws"],children:[{text:"Domains",route:"?page=system/email/domains",icon:"bi-globe",permissions:["manage_aws"]},{text:"Mailboxes",route:"?page=system/email/mailboxes",icon:"bi-inbox",permissions:["manage_aws"]},{text:"Sent",route:"?page=system/email/sent",icon:"bi-send-check",permissions:["manage_aws"]},{text:"Templates",route:"?page=system/email/templates",icon:"bi-file-text",permissions:["manage_aws"]}]},{text:"Push Notifications",route:null,icon:"bi-broadcast",permissions:["manage_notifications","manage_push_config"],children:[{text:"Dashboard",route:"?page=system/push/dashboard",icon:"bi-bar-chart-line",permissions:["manage_notifications"]},{text:"Configurations",route:"?page=system/push/configs",icon:"bi-gear",permissions:["manage_push_config"]},{text:"Templates",route:"?page=system/push/templates",icon:"bi-file-earmark-text",permissions:["manage_notifications"]},{text:"Deliveries",route:"?page=system/push/deliveries",icon:"bi-send",permissions:["view_notifications","manage_notifications"]},{text:"Devices",route:"?page=system/push/devices",icon:"bi-phone",permissions:["view_devices","manage_devices"]}]},{text:"Phone Hub",route:null,icon:"bi-telephone",permissions:["view_phone_numbers","manage_phone_numbers"],children:[{text:"Numbers",route:"?page=system/phonehub/numbers",icon:"bi-collection",permissions:["view_phone_numbers","manage_phone_numbers"]},{text:"SMS",route:"?page=system/phonehub/sms",icon:"bi-chat-dots",permissions:["view_sms","manage_sms"]}]},{text:"Storage",route:null,icon:"bi-folder",permissions:["manage_files","manage_aws"],children:[{text:"S3 Buckets",route:"?page=system/s3buckets",icon:"bi-bucket",permissions:["manage_aws"]},{text:"Storage Backends",route:"?page=system/filemanagers",icon:"bi-hdd-stack",permissions:["view_fileman","manage_files"]},{text:"Files",route:"?page=system/files",icon:"bi-file-earmark",permissions:["manage_files"]}]},{text:"System",route:null,icon:"bi-wrench-adjustable",permissions:["view_logs","manage_settings","manage_groups"],children:[{text:"Logs",route:"?page=system/logs",icon:"bi-journal-text",permissions:["view_logs"]},{text:"API Keys",route:"?page=system/api-keys",icon:"bi-key",permissions:["manage_groups","manage_group"]},{text:"User Devices",route:"?page=system/user/devices",icon:"bi-phone",permissions:["manage_users"]},{text:"Device Locations",route:"?page=system/user/device-locations",icon:"bi-geo-alt",permissions:["manage_users"]},{text:"Metrics Permissions",route:"?page=system/metrics/permissions",icon:"bi-bar-chart-line",permissions:["manage_metrics"]},{text:"Settings",route:"?page=system/settings",icon:"bi-gear",permissions:["manage_settings"]},{text:"CloudWatch",route:"?page=system/cloudwatch",icon:"bi-cloud",permissions:["manage_aws"]}]}];t.items.unshift(...e)}}}export{AdminDashboardPage,ApiKeyTablePage,ApiKeyView,He as BUILD_TIME,BlockedIPsTablePage,BotSignatureTablePage,BouncerDeviceTablePage,BouncerDeviceView,BouncerSignalTablePage,BouncerSignalView,CloudWatchChart,CloudWatchDashboardPage,CloudWatchResourceView,DeviceView,EmailDomainTablePage,EmailMailboxTablePage,EmailTemplateTablePage,EmailTemplateView,EmailView,EventTablePage,EventView,FileManagerTablePage,FileTablePage,FileView,FirewallLogTablePage,GeoIPView,GeoLocatedIPTablePage,GroupTablePage,GroupView,HandlerBuilderView,IncidentDashboardPage,IncidentTablePage,IncidentView,JobDetailsView,JobHealthView,JobStatsView,JobsAdminPage,LogTablePage,LogView,MemberTablePage,MemberView,MetricsPermissionsTablePage,MetricsPermissionsView,PhoneNumberTablePage,PhoneNumberView,PushConfigTablePage,PushDashboardPage,PushDeliveryTablePage,PushDeliveryView,PushDeviceTablePage,PushDeviceView,PushTemplateTablePage,RuleSetTablePage,RuleSetView,S3BucketTablePage,SMSTablePage,SentMessageTablePage,SettingTablePage,SettingView,TicketTablePage,TicketView,UserDeviceLocationTablePage,UserDeviceLocationView,UserDeviceTablePage,UserTablePage,UserView,We as VERSION,Je as VERSION_INFO,Ke as VERSION_MAJOR,Ye as VERSION_MINOR,Qe as VERSION_REVISION,Ge as WebApp,ht as registerAdminPages,ht as registerSystemPages};
 //# sourceMappingURL=admin.es.js.map