@alepha/devtools 0.10.7 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +13 -13
- package/src/DevCollectorProvider.ts +4 -0
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/schemas/DevActionMetadata.ts","../src/schemas/DevBucketMetadata.ts","../src/schemas/DevCacheMetadata.ts","../src/schemas/DevLogEntry.ts","../src/schemas/DevMetadata.ts","../src/schemas/DevModuleMetadata.ts","../src/schemas/DevPageMetadata.ts","../src/schemas/DevProviderMetadata.ts","../src/schemas/DevQueueMetadata.ts","../src/schemas/DevRealmMetadata.ts","../src/schemas/DevSchedulerMetadata.ts","../src/schemas/DevTopicMetadata.ts","../src/DevCollectorProvider.ts","../src/index.ts"],"sourcesContent":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/schemas/DevActionMetadata.ts","../src/schemas/DevBucketMetadata.ts","../src/schemas/DevCacheMetadata.ts","../src/schemas/DevLogEntry.ts","../src/schemas/DevMetadata.ts","../src/schemas/DevModuleMetadata.ts","../src/schemas/DevPageMetadata.ts","../src/schemas/DevProviderMetadata.ts","../src/schemas/DevQueueMetadata.ts","../src/schemas/DevRealmMetadata.ts","../src/schemas/DevSchedulerMetadata.ts","../src/schemas/DevTopicMetadata.ts","../src/DevCollectorProvider.ts","../src/index.ts"],"sourcesContent":[],"mappings":"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"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/constants/ui.ts","../src/schemas/DevActionMetadata.ts","../src/schemas/DevBucketMetadata.ts","../src/schemas/DevCacheMetadata.ts","../src/schemas/DevModuleMetadata.ts","../src/schemas/DevPageMetadata.ts","../src/schemas/DevProviderMetadata.ts","../src/schemas/DevQueueMetadata.ts","../src/schemas/DevRealmMetadata.ts","../src/schemas/DevSchedulerMetadata.ts","../src/schemas/DevTopicMetadata.ts","../src/schemas/DevMetadata.ts","../src/DevCollectorProvider.ts","../src/schemas/DevLogEntry.ts","../src/index.ts"],"sourcesContent":["// language=HTML\nexport const ui = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n\t\t<meta charset=\"UTF-8\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n\t\t<title>Alepha DevTools</title>\n\t\t<style>\n\t\t\t:root {\n\t\t\t\t--primary: #3b82f6;\n\t\t\t\t--primary-dark: #2563eb;\n\t\t\t\t--success: #10b981;\n\t\t\t\t--warning: #f59e0b;\n\t\t\t\t--danger: #ef4444;\n\t\t\t\t--bg-primary: #0f172a;\n\t\t\t\t--bg-secondary: #1e293b;\n\t\t\t\t--bg-tertiary: #334155;\n\t\t\t\t--text-primary: #f8fafc;\n\t\t\t\t--text-secondary: #cbd5e1;\n\t\t\t\t--text-muted: #94a3b8;\n\t\t\t\t--border: #334155;\n\t\t\t\t--code-bg: #1e293b;\n\t\t\t\t--shadow: rgba(0, 0, 0, 0.3);\n\t\t\t}\n\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\n\t\t\tbody {\n\t\t\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n\t\t\t\tbackground: linear-gradient(135deg, var(--bg-primary) 0%, #0c1222 100%);\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tmin-height: 100vh;\n\t\t\t}\n\n\t\t\t/* Header */\n\t\t\t.header {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tpadding: 1.5rem 2rem;\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 0;\n\t\t\t\tz-index: 1000;\n\t\t\t\tbox-shadow: 0 4px 6px var(--shadow);\n\t\t\t}\n\n\t\t\t.header-content {\n\t\t\t\tmax-width: 1600px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.logo {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tbackground: linear-gradient(135deg, var(--primary), #8b5cf6);\n\t\t\t\t-webkit-background-clip: text;\n\t\t\t\t-webkit-text-fill-color: transparent;\n\t\t\t\tbackground-clip: text;\n\t\t\t}\n\n\t\t\t.header-stats {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 2rem;\n\t\t\t}\n\n\t\t\t.stat {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.stat-value {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tcolor: var(--primary);\n\t\t\t}\n\n\t\t\t.stat-label {\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.05em;\n\t\t\t}\n\n\t\t\t/* Navigation */\n\t\t\t.nav {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 73px;\n\t\t\t\tz-index: 999;\n\t\t\t}\n\n\t\t\t.nav-container {\n\t\t\t\tmax-width: 1600px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 0 2rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 0.5rem;\n\t\t\t\toverflow-x: auto;\n\t\t\t}\n\n\t\t\t.nav-tab {\n\t\t\t\tpadding: 1rem 1.5rem;\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder: none;\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tborder-bottom: 2px solid transparent;\n\t\t\t\ttransition: all 0.2s;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.nav-tab:hover {\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tbackground: rgba(255, 255, 255, 0.05);\n\t\t\t}\n\n\t\t\t.nav-tab.active {\n\t\t\t\tcolor: var(--primary);\n\t\t\t\tborder-bottom-color: var(--primary);\n\t\t\t}\n\n\t\t\t/* Main Container */\n\t\t\t.container {\n\t\t\t\tmax-width: 1600px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 2rem;\n\t\t\t}\n\n\t\t\t.tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.tab-content.active {\n\t\t\t\tdisplay: block;\n\t\t\t\tanimation: fadeIn 0.3s;\n\t\t\t}\n\n\t\t\t@keyframes fadeIn {\n\t\t\t\tfrom { opacity: 0; transform: translateY(10px); }\n\t\t\t\tto { opacity: 1; transform: translateY(0); }\n\t\t\t}\n\n\t\t\t/* Search and Filters */\n\t\t\t.controls {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1.5rem;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t}\n\n\t\t\t.search-box {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 1rem;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t}\n\n\t\t\t.search-input {\n\t\t\t\tflex: 1;\n\t\t\t\tpadding: 0.75rem 1rem;\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t}\n\n\t\t\t.search-input:focus {\n\t\t\t\toutline: none;\n\t\t\t\tborder-color: var(--primary);\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t\t\t}\n\n\t\t\t.filter-buttons {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 0.5rem;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\n\t\t\t.filter-btn {\n\t\t\t\tpadding: 0.5rem 1rem;\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: all 0.2s;\n\t\t\t}\n\n\t\t\t.filter-btn:hover {\n\t\t\t\tbackground: var(--bg-primary);\n\t\t\t\tborder-color: var(--primary);\n\t\t\t}\n\n\t\t\t.filter-btn.active {\n\t\t\t\tbackground: var(--primary);\n\t\t\t\tcolor: white;\n\t\t\t\tborder-color: var(--primary);\n\t\t\t}\n\n\t\t\t/* Cards */\n\t\t\t.card-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n\t\t\t\tgap: 1.5rem;\n\t\t\t\tmargin-bottom: 2rem;\n\t\t\t}\n\n\t\t\t.card {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1.5rem;\n\t\t\t\ttransition: all 0.2s;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.card:hover {\n\t\t\t\tborder-color: var(--primary);\n\t\t\t\tbox-shadow: 0 4px 12px var(--shadow);\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\n\t\t\t.card-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: start;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t}\n\n\t\t\t.card-title {\n\t\t\t\tfont-size: 1.125rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tword-break: break-word;\n\t\t\t}\n\n\t\t\t.badge {\n\t\t\t\tpadding: 0.25rem 0.75rem;\n\t\t\t\tborder-radius: 12px;\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.badge-get { background: #10b981; color: white; }\n\t\t\t.badge-post { background: #3b82f6; color: white; }\n\t\t\t.badge-put { background: #f59e0b; color: white; }\n\t\t\t.badge-delete { background: #ef4444; color: white; }\n\t\t\t.badge-patch { background: #8b5cf6; color: white; }\n\t\t\t.badge-secure { background: #dc2626; color: white; }\n\t\t\t.badge-internal { background: #3b82f6; color: white; }\n\t\t\t.badge-external { background: #8b5cf6; color: white; }\n\n\t\t\t.card-description {\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\n\t\t\t.card-meta {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 1rem;\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t}\n\n\t\t\t.card-meta-item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 0.5rem;\n\t\t\t}\n\n\t\t\t.card-path {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tpadding: 0.5rem;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tword-break: break-all;\n\t\t\t\tmargin-top: 0.5rem;\n\t\t\t}\n\n\t\t\t/* Table */\n\t\t\t.table-container {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\ttable {\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-collapse: collapse;\n\t\t\t}\n\n\t\t\tthead {\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t}\n\n\t\t\tth {\n\t\t\t\tpadding: 1rem;\n\t\t\t\ttext-align: left;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.05em;\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t}\n\n\t\t\ttd {\n\t\t\t\tpadding: 1rem;\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t}\n\n\t\t\ttbody tr {\n\t\t\t\ttransition: background 0.2s;\n\t\t\t}\n\n\t\t\ttbody tr:hover {\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t}\n\n\t\t\t/* Code Block */\n\t\t\t.code-block {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1rem;\n\t\t\t\toverflow-x: auto;\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tline-height: 1.6;\n\t\t\t}\n\n\t\t\t/* Logs */\n\t\t\t.log-container {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tmax-height: 600px;\n\t\t\t\toverflow-y: auto;\n\t\t\t}\n\n\t\t\t.log-entry {\n\t\t\t\tpadding: 0.75rem 1rem;\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t\tword-break: break-word;\n\t\t\t}\n\n\t\t\t.log-entry:last-child {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\n\t\t\t.log-error { background: rgba(239, 68, 68, 0.1); color: #fca5a5; }\n\t\t\t.log-warn { background: rgba(245, 158, 11, 0.1); color: #fcd34d; }\n\t\t\t.log-info { background: rgba(59, 130, 246, 0.1); color: #93c5fd; }\n\t\t\t.log-debug { background: rgba(156, 163, 175, 0.1); color: #d1d5db; }\n\n\t\t\t/* Empty State */\n\t\t\t.empty-state {\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: 4rem 2rem;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t}\n\n\t\t\t.empty-icon {\n\t\t\t\tfont-size: 4rem;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t\topacity: 0.3;\n\t\t\t}\n\n\t\t\t/* Detail View */\n\t\t\t.detail-section {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1.5rem;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t}\n\n\t\t\t.detail-title {\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.05em;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t}\n\n\t\t\t.property-list {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: 0.75rem;\n\t\t\t}\n\n\t\t\t.property {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: 150px 1fr;\n\t\t\t\tgap: 1rem;\n\t\t\t}\n\n\t\t\t.property-key {\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t}\n\n\t\t\t.property-value {\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tword-break: break-word;\n\t\t\t}\n\n\t\t\t.property-value code {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tpadding: 0.125rem 0.5rem;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t}\n\n\t\t\t/* Loading */\n\t\t\t.loading {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 4rem;\n\t\t\t}\n\n\t\t\t.spinner {\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tborder: 3px solid var(--border);\n\t\t\t\tborder-top-color: var(--primary);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tanimation: spin 0.8s linear infinite;\n\t\t\t}\n\n\t\t\t@keyframes spin {\n\t\t\t\tto { transform: rotate(360deg); }\n\t\t\t}\n\n\t\t\t/* Utility */\n\t\t\t.hidden {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\n\t\t\t.text-muted {\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t}\n\n\t\t\t.text-code {\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tpadding: 0.125rem 0.5rem;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t}\n\n\t\t\t/* Scrollbar */\n\t\t\t::-webkit-scrollbar {\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t}\n\n\t\t\t::-webkit-scrollbar-track {\n\t\t\t\tbackground: var(--bg-primary);\n\t\t\t}\n\n\t\t\t::-webkit-scrollbar-thumb {\n\t\t\t\tbackground: var(--border);\n\t\t\t\tborder-radius: 4px;\n\t\t\t}\n\n\t\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t\tbackground: var(--text-muted);\n\t\t\t}\n\n\t\t\t/* Responsive */\n\t\t\t@media (max-width: 768px) {\n\t\t\t\t.header-stats {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.card-grid {\n\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t}\n\n\t\t\t\t.property {\n\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t\tgap: 0.25rem;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n</head>\n<body>\n\t\t<!-- Header -->\n\t\t<div class=\"header\">\n\t\t\t<div class=\"header-content\">\n\t\t\t\t<div class=\"logo\">⚡ Alepha DevTools</div>\n\t\t\t\t<div class=\"header-stats\">\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-actions\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Actions</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-pages\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Pages</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-modules\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Modules</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-providers\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Providers</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Navigation -->\n\t\t<div class=\"nav\">\n\t\t\t<div class=\"nav-container\">\n\t\t\t\t<button class=\"nav-tab active\" data-tab=\"overview\">Overview</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"actions\">Actions</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"pages\">Pages</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"queues\">Queues</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"schedulers\">Schedulers</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"topics\">Topics</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"buckets\">Buckets</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"caches\">Caches</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"realms\">Realms</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"providers\">Providers</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"modules\">Modules</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"logs\">Logs</button>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Main Container -->\n\t\t<div class=\"container\">\n\t\t\t<!-- Overview Tab -->\n\t\t\t<div class=\"tab-content active\" id=\"tab-overview\">\n\t\t\t\t<div class=\"detail-section\">\n\t\t\t\t\t<h2 class=\"detail-title\">System Overview</h2>\n\t\t\t\t\t<div id=\"overview-content\" class=\"loading\">\n\t\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Actions Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-actions\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-actions\" placeholder=\"Search actions by name, path, or group...\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"filter-buttons\" id=\"filter-actions-methods\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"actions-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Pages Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-pages\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-pages\" placeholder=\"Search pages by name or path...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"pages-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Queues Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-queues\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-queues\" placeholder=\"Search queues...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"queues-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Schedulers Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-schedulers\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-schedulers\" placeholder=\"Search schedulers...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"schedulers-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Topics Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-topics\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-topics\" placeholder=\"Search topics...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"topics-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Buckets Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-buckets\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-buckets\" placeholder=\"Search buckets...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"buckets-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Caches Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-caches\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-caches\" placeholder=\"Search caches...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"caches-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Realms Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-realms\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-realms\" placeholder=\"Search realms...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"realms-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Providers Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-providers\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-providers\" placeholder=\"Search providers...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"providers-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Modules Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-modules\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-modules\" placeholder=\"Search modules...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"modules-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Logs Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-logs\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-logs\" placeholder=\"Search logs...\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"filter-buttons\">\n\t\t\t\t\t\t<button class=\"filter-btn active\" data-level=\"all\">All</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"error\">Errors</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"warn\">Warnings</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"info\">Info</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"debug\">Debug</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"logs-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<script>\n\t\t\tlet metadata = null;\n\t\t\tlet activeFilters = {\n\t\t\t\tactions: { methods: new Set() },\n\t\t\t\tlogs: { level: 'all' }\n\t\t\t};\n\n\t\t\t// Tab Navigation\n\t\t\tdocument.querySelectorAll('.nav-tab').forEach(tab => {\n\t\t\t\ttab.addEventListener('click', () => {\n\t\t\t\t\tconst tabName = tab.dataset.tab;\n\t\t\t\t\tdocument.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));\n\t\t\t\t\tdocument.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));\n\t\t\t\t\ttab.classList.add('active');\n\t\t\t\t\tdocument.getElementById(\\`tab-\\${tabName}\\`).classList.add('active');\n\t\t\t\t\trenderTab(tabName);\n\t\t\t\t});\n\t\t\t});\n\n\t\t\t// Utility Functions\n\t\t\tfunction escapeHtml(text) {\n\t\t\t\tconst div = document.createElement('div');\n\t\t\t\tdiv.textContent = text;\n\t\t\t\treturn div.innerHTML;\n\t\t\t}\n\n\t\t\tfunction formatJson(obj) {\n\t\t\t\treturn JSON.stringify(obj, null, 2);\n\t\t\t}\n\n\t\t\tfunction getLogLevel(formatted) {\n\t\t\t\tconst lower = formatted.toLowerCase();\n\t\t\t\tif (lower.includes('error')) return 'error';\n\t\t\t\tif (lower.includes('warn')) return 'warn';\n\t\t\t\tif (lower.includes('info')) return 'info';\n\t\t\t\treturn 'debug';\n\t\t\t}\n\n\t\t\t// Search Functions\n\t\t\tfunction setupSearch(inputId, renderFn) {\n\t\t\t\tconst input = document.getElementById(inputId);\n\t\t\t\tif (!input) return;\n\n\t\t\t\tlet debounceTimer;\n\t\t\t\tinput.addEventListener('input', () => {\n\t\t\t\t\tclearTimeout(debounceTimer);\n\t\t\t\t\tdebounceTimer = setTimeout(renderFn, 300);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction matchesSearch(item, searchTerm, fields) {\n\t\t\t\tif (!searchTerm) return true;\n\t\t\t\tconst term = searchTerm.toLowerCase();\n\t\t\t\treturn fields.some(field => {\n\t\t\t\t\tconst value = field.split('.').reduce((obj, key) => obj?.[key], item);\n\t\t\t\t\treturn value && String(value).toLowerCase().includes(term);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Render Functions\n\t\t\tfunction renderOverview() {\n\t\t\t\tif (!metadata) return;\n\n\t\t\t\tconst content = document.getElementById('overview-content');\n\t\t\t\tconst stats = {\n\t\t\t\t\t'Total Actions': metadata.actions?.length || 0,\n\t\t\t\t\t'Total Pages': metadata.pages?.length || 0,\n\t\t\t\t\t'Total Queues': metadata.queues?.length || 0,\n\t\t\t\t\t'Total Schedulers': metadata.schedulers?.length || 0,\n\t\t\t\t\t'Total Topics': metadata.topics?.length || 0,\n\t\t\t\t\t'Total Buckets': metadata.buckets?.length || 0,\n\t\t\t\t\t'Total Caches': metadata.caches?.length || 0,\n\t\t\t\t\t'Total Realms': metadata.realms?.length || 0,\n\t\t\t\t\t'Total Providers': metadata.providers?.length || 0,\n\t\t\t\t\t'Total Modules': metadata.modules?.length || 0,\n\t\t\t\t\t'Log Entries': metadata.logs?.length || 0,\n\t\t\t\t};\n\n\t\t\t\tconst methodCounts = {};\n\t\t\t\tmetadata.actions?.forEach(action => {\n\t\t\t\t\tmethodCounts[action.method] = (methodCounts[action.method] || 0) + 1;\n\t\t\t\t});\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem;\">\n\t\t\t\t\t\t\\${Object.entries(stats).map(([key, value]) => \\`\n\t\t\t\t\t\t\t<div style=\"background: var(--bg-tertiary); padding: 1.5rem; border-radius: 8px; text-align: center;\">\n\t\t\t\t\t\t\t\t<div style=\"font-size: 2rem; font-weight: 700; color: var(--primary);\">\\${value}</div>\n\t\t\t\t\t\t\t\t<div style=\"font-size: 0.875rem; color: var(--text-muted); margin-top: 0.5rem;\">\\${escapeHtml(key)}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t\\${Object.keys(methodCounts).length > 0 ? \\`\n\t\t\t\t\t\t<div class=\"detail-section\">\n\t\t\t\t\t\t\t<h3 class=\"detail-title\">HTTP Methods Distribution</h3>\n\t\t\t\t\t\t\t<div style=\"display: flex; gap: 1rem; flex-wrap: wrap;\">\n\t\t\t\t\t\t\t\t\\${Object.entries(methodCounts).map(([method, count]) => \\`\n\t\t\t\t\t\t\t\t\t<div class=\"badge badge-\\${method.toLowerCase()}\">\\${method}: \\${count}</div>\n\t\t\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\\` : ''}\n\n\t\t\t\t\t<div class=\"detail-section\">\n\t\t\t\t\t\t<h3 class=\"detail-title\">Raw Metadata</h3>\n\t\t\t\t\t\t<div class=\"code-block\">\\${escapeHtml(formatJson(metadata))}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderActions() {\n\t\t\t\tif (!metadata?.actions) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-actions')?.value || '';\n\t\t\t\tconst filteredActions = metadata.actions.filter(action => {\n\t\t\t\t\tconst matchesMethod = activeFilters.actions.methods.size === 0 ||\n\t\t\t\t\t\tactiveFilters.actions.methods.has(action.method);\n\t\t\t\t\tconst matchesSearchTerm = matchesSearch(action, searchTerm, ['name', 'path', 'group', 'fullPath']);\n\t\t\t\t\treturn matchesMethod && matchesSearchTerm;\n\t\t\t\t});\n\n\t\t\t\tconst content = document.getElementById('actions-content');\n\n\t\t\t\tif (filteredActions.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t\t<div class=\"empty-state\">\n\t\t\t\t\t\t\t<div class=\"empty-icon\">🔍</div>\n\t\t\t\t\t\t\t<div>No actions found</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredActions.map(action => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(action.name)}</div>\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"badge badge-\\${action.method.toLowerCase()}\">\\${action.method}</span>\n\t\t\t\t\t\t\t\t\t\t\\${action.secure ? '<span class=\"badge badge-secure\">🔒 Secure</span>' : ''}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${action.description ? \\`<div class=\"card-description\">\\${escapeHtml(action.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-path\">\\${escapeHtml(action.fullPath)}</div>\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-meta-item\">\n\t\t\t\t\t\t\t\t\t\t<span>📁</span>\n\t\t\t\t\t\t\t\t\t\t<span>\\${escapeHtml(action.group)}</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\\${action.disabled ? '<div class=\"card-meta-item\"><span>⚠️</span><span>Disabled</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${action.hide ? '<div class=\"card-meta-item\"><span>👁️</span><span>Hidden</span></div>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderPages() {\n\t\t\t\tif (!metadata?.pages) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-pages')?.value || '';\n\t\t\t\tconst filteredPages = metadata.pages.filter(page =>\n\t\t\t\t\tmatchesSearch(page, searchTerm, ['name', 'path'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('pages-content');\n\n\t\t\t\tif (filteredPages.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No pages found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredPages.map(page => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(page.name)}</div>\n\t\t\t\t\t\t\t\t\t\\${page.static ? '<span class=\"badge\" style=\"background: var(--success);\">Static</span>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${page.description ? \\`<div class=\"card-description\">\\${escapeHtml(page.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${page.path ? \\`<div class=\"card-path\">\\${escapeHtml(page.path)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${page.hasComponent ? '<div class=\"card-meta-item\"><span>✓</span><span>Component</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasLazy ? '<div class=\"card-meta-item\"><span>⚡</span><span>Lazy</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasResolve ? '<div class=\"card-meta-item\"><span>🔄</span><span>Resolve</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasChildren ? '<div class=\"card-meta-item\"><span>👶</span><span>Children</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasErrorHandler ? '<div class=\"card-meta-item\"><span>⚠️</span><span>Error Handler</span></div>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderQueues() {\n\t\t\t\tif (!metadata?.queues) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-queues')?.value || '';\n\t\t\t\tconst filteredQueues = metadata.queues.filter(queue =>\n\t\t\t\t\tmatchesSearch(queue, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('queues-content');\n\n\t\t\t\tif (filteredQueues.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No queues found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredQueues.map(queue => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(queue.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(queue.provider)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${queue.description ? \\`<div class=\"card-description\">\\${escapeHtml(queue.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${queue.schema ? \\`<div class=\"detail-section\" style=\"margin-top: 1rem;\"><div class=\"detail-title\">Schema</div><div class=\"code-block\">\\${escapeHtml(formatJson(queue.schema))}</div></div>\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderSchedulers() {\n\t\t\t\tif (!metadata?.schedulers) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-schedulers')?.value || '';\n\t\t\t\tconst filteredSchedulers = metadata.schedulers.filter(scheduler =>\n\t\t\t\t\tmatchesSearch(scheduler, searchTerm, ['name', 'cron'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('schedulers-content');\n\n\t\t\t\tif (filteredSchedulers.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No schedulers found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredSchedulers.map(scheduler => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(scheduler.name)}</div>\n\t\t\t\t\t\t\t\t\t\\${scheduler.lock ? '<span class=\"badge\" style=\"background: var(--warning);\">🔒 Locked</span>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${scheduler.description ? \\`<div class=\"card-description\">\\${escapeHtml(scheduler.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${scheduler.cron ? \\`<div class=\"card-meta-item\"><span>⏰</span><span class=\"text-code\">\\${escapeHtml(scheduler.cron)}</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\\${scheduler.interval ? \\`<div class=\"card-meta-item\"><span>🔄</span><span>\\${JSON.stringify(scheduler.interval)}</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderTopics() {\n\t\t\t\tif (!metadata?.topics) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-topics')?.value || '';\n\t\t\t\tconst filteredTopics = metadata.topics.filter(topic =>\n\t\t\t\t\tmatchesSearch(topic, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('topics-content');\n\n\t\t\t\tif (filteredTopics.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No topics found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredTopics.map(topic => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(topic.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(topic.provider)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${topic.description ? \\`<div class=\"card-description\">\\${escapeHtml(topic.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${topic.schema ? \\`<div class=\"detail-section\" style=\"margin-top: 1rem;\"><div class=\"detail-title\">Schema</div><div class=\"code-block\">\\${escapeHtml(formatJson(topic.schema))}</div></div>\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderBuckets() {\n\t\t\t\tif (!metadata?.buckets) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-buckets')?.value || '';\n\t\t\t\tconst filteredBuckets = metadata.buckets.filter(bucket =>\n\t\t\t\t\tmatchesSearch(bucket, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('buckets-content');\n\n\t\t\t\tif (filteredBuckets.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No buckets found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredBuckets.map(bucket => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(bucket.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(bucket.provider)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${bucket.description ? \\`<div class=\"card-description\">\\${escapeHtml(bucket.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${bucket.maxSize ? \\`<div class=\"card-meta-item\"><span>📦</span><span>Max: \\${bucket.maxSize} bytes</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\\${bucket.mimeTypes?.length ? \\`<div class=\"card-meta-item\"><span>📄</span><span>\\${bucket.mimeTypes.length} mime types</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderCaches() {\n\t\t\t\tif (!metadata?.caches) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-caches')?.value || '';\n\t\t\t\tconst filteredCaches = metadata.caches.filter(cache =>\n\t\t\t\t\tmatchesSearch(cache, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('caches-content');\n\n\t\t\t\tif (filteredCaches.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No caches found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredCaches.map(cache => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(cache.name)}</div>\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex; gap: 0.5rem;\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(cache.provider)}</span>\n\t\t\t\t\t\t\t\t\t\t\\${cache.disabled ? '<span class=\"badge\" style=\"background: var(--danger);\">Disabled</span>' : ''}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${cache.ttl ? \\`<div class=\"card-meta-item\"><span>⏱️</span><span>TTL: \\${JSON.stringify(cache.ttl)}</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderRealms() {\n\t\t\t\tif (!metadata?.realms) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-realms')?.value || '';\n\t\t\t\tconst filteredRealms = metadata.realms.filter(realm =>\n\t\t\t\t\tmatchesSearch(realm, searchTerm, ['name', 'type'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('realms-content');\n\n\t\t\t\tif (filteredRealms.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No realms found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredRealms.map(realm => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(realm.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge badge-\\${realm.type}\">\\${escapeHtml(realm.type)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${realm.description ? \\`<div class=\"card-description\">\\${escapeHtml(realm.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${realm.roles?.length ? \\`<div class=\"card-meta\"><div class=\"card-meta-item\"><span>👥</span><span>\\${realm.roles.length} roles</span></div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${realm.settings ? \\`\n\t\t\t\t\t\t\t\t\t<div class=\"detail-section\" style=\"margin-top: 1rem;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"detail-title\">Settings</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"property-list\">\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.accessTokenExpiration ? \\`<div class=\"property\"><div class=\"property-key\">Access Token</div><div class=\"property-value\">\\${JSON.stringify(realm.settings.accessTokenExpiration)}</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.refreshTokenExpiration ? \\`<div class=\"property\"><div class=\"property-key\">Refresh Token</div><div class=\"property-value\">\\${JSON.stringify(realm.settings.refreshTokenExpiration)}</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.hasOnCreateSession ? \\`<div class=\"property\"><div class=\"property-key\">On Create</div><div class=\"property-value\">✓</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.hasOnRefreshSession ? \\`<div class=\"property\"><div class=\"property-key\">On Refresh</div><div class=\"property-value\">✓</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.hasOnDeleteSession ? \\`<div class=\"property\"><div class=\"property-key\">On Delete</div><div class=\"property-value\">✓</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderProviders() {\n\t\t\t\tif (!metadata?.providers) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-providers')?.value || '';\n\t\t\t\tconst filteredProviders = metadata.providers.filter(provider =>\n\t\t\t\t\tmatchesSearch(provider, searchTerm, ['name', 'module'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('providers-content');\n\n\t\t\t\tif (filteredProviders.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No providers found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredProviders.map(provider => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(provider.name)}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${provider.module ? \\`<div class=\"card-description\">📦 \\${escapeHtml(provider.module)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${provider.dependencies?.length ? \\`<div class=\"card-meta-item\"><span>🔗</span><span>\\${provider.dependencies.length} dependencies</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\\${provider.aliases?.length ? \\`<div class=\"card-meta-item\"><span>🏷️</span><span>\\${provider.aliases.length} aliases</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${provider.dependencies?.length ? \\`\n\t\t\t\t\t\t\t\t\t<div class=\"detail-section\" style=\"margin-top: 1rem;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"detail-title\">Dependencies</div>\n\t\t\t\t\t\t\t\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n\t\t\t\t\t\t\t\t\t\t\t\\${provider.dependencies.map(dep => \\`<span class=\"text-code\">\\${escapeHtml(dep)}</span>\\`).join('')}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderModules() {\n\t\t\t\tif (!metadata?.modules) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-modules')?.value || '';\n\t\t\t\tconst filteredModules = metadata.modules.filter(module =>\n\t\t\t\t\tmatchesSearch(module, searchTerm, ['name'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('modules-content');\n\n\t\t\t\tif (filteredModules.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No modules found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredModules.map(module => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(module.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--success);\">\\${module.providers?.length || 0} providers</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${module.providers?.length ? \\`\n\t\t\t\t\t\t\t\t\t<div class=\"detail-section\" style=\"margin-top: 1rem;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"detail-title\">Providers</div>\n\t\t\t\t\t\t\t\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n\t\t\t\t\t\t\t\t\t\t\t\\${module.providers.map(prov => \\`<span class=\"text-code\">\\${escapeHtml(prov)}</span>\\`).join('')}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderLogs() {\n\t\t\t\tif (!metadata?.logs) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-logs')?.value || '';\n\t\t\t\tconst level = activeFilters.logs.level;\n\n\t\t\t\tconst filteredLogs = metadata.logs.filter(log => {\n\t\t\t\t\tconst matchesLevel = level === 'all' || getLogLevel(log.formatted) === level;\n\t\t\t\t\tconst matchesSearchTerm = !searchTerm || log.formatted.toLowerCase().includes(searchTerm.toLowerCase());\n\t\t\t\t\treturn matchesLevel && matchesSearchTerm;\n\t\t\t\t});\n\n\t\t\t\tconst content = document.getElementById('logs-content');\n\n\t\t\t\tif (filteredLogs.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">📋</div><div>No logs found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"log-container\">\n\t\t\t\t\t\t\\${filteredLogs.map(log => {\n\t\t\t\t\t\t\tconst level = getLogLevel(log.formatted);\n\t\t\t\t\t\t\treturn \\`<div class=\"log-entry log-\\${level}\">\\${escapeHtml(log.formatted)}</div>\\`;\n\t\t\t\t\t\t}).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderTab(tabName) {\n\t\t\t\tif (!metadata) return;\n\n\t\t\t\tswitch(tabName) {\n\t\t\t\t\tcase 'overview': renderOverview(); break;\n\t\t\t\t\tcase 'actions': renderActions(); break;\n\t\t\t\t\tcase 'pages': renderPages(); break;\n\t\t\t\t\tcase 'queues': renderQueues(); break;\n\t\t\t\t\tcase 'schedulers': renderSchedulers(); break;\n\t\t\t\t\tcase 'topics': renderTopics(); break;\n\t\t\t\t\tcase 'buckets': renderBuckets(); break;\n\t\t\t\t\tcase 'caches': renderCaches(); break;\n\t\t\t\t\tcase 'realms': renderRealms(); break;\n\t\t\t\t\tcase 'providers': renderProviders(); break;\n\t\t\t\t\tcase 'modules': renderModules(); break;\n\t\t\t\t\tcase 'logs': renderLogs(); break;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Initialize\n\t\t\tasync function init() {\n\t\t\t\ttry {\n\t\t\t\t\tconst res = await fetch('/_devtools/metadata');\n\t\t\t\t\tmetadata = await res.json();\n\n\t\t\t\t\t// Update header stats\n\t\t\t\t\tdocument.getElementById('stat-actions').textContent = metadata.actions?.length || 0;\n\t\t\t\t\tdocument.getElementById('stat-pages').textContent = metadata.pages?.length || 0;\n\t\t\t\t\tdocument.getElementById('stat-modules').textContent = metadata.modules?.length || 0;\n\t\t\t\t\tdocument.getElementById('stat-providers').textContent = metadata.providers?.length || 0;\n\n\t\t\t\t\t// Setup method filters for actions\n\t\t\t\t\tconst methods = [...new Set(metadata.actions?.map(a => a.method) || [])];\n\t\t\t\t\tconst filterContainer = document.getElementById('filter-actions-methods');\n\t\t\t\t\tfilterContainer.innerHTML = methods.map(method =>\n\t\t\t\t\t\t\\`<button class=\"filter-btn\" data-method=\"\\${method}\">\\${method}</button>\\`\n\t\t\t\t\t).join('');\n\n\t\t\t\t\tfilterContainer.querySelectorAll('.filter-btn').forEach(btn => {\n\t\t\t\t\t\tbtn.addEventListener('click', () => {\n\t\t\t\t\t\t\tconst method = btn.dataset.method;\n\t\t\t\t\t\t\tif (activeFilters.actions.methods.has(method)) {\n\t\t\t\t\t\t\t\tactiveFilters.actions.methods.delete(method);\n\t\t\t\t\t\t\t\tbtn.classList.remove('active');\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tactiveFilters.actions.methods.add(method);\n\t\t\t\t\t\t\t\tbtn.classList.add('active');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trenderActions();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\t// Setup log level filters\n\t\t\t\t\tdocument.querySelectorAll('[data-level]').forEach(btn => {\n\t\t\t\t\t\tbtn.addEventListener('click', () => {\n\t\t\t\t\t\t\tdocument.querySelectorAll('[data-level]').forEach(b => b.classList.remove('active'));\n\t\t\t\t\t\t\tbtn.classList.add('active');\n\t\t\t\t\t\t\tactiveFilters.logs.level = btn.dataset.level;\n\t\t\t\t\t\t\trenderLogs();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\t// Setup search handlers\n\t\t\t\t\tsetupSearch('search-actions', renderActions);\n\t\t\t\t\tsetupSearch('search-pages', renderPages);\n\t\t\t\t\tsetupSearch('search-queues', renderQueues);\n\t\t\t\t\tsetupSearch('search-schedulers', renderSchedulers);\n\t\t\t\t\tsetupSearch('search-topics', renderTopics);\n\t\t\t\t\tsetupSearch('search-buckets', renderBuckets);\n\t\t\t\t\tsetupSearch('search-caches', renderCaches);\n\t\t\t\t\tsetupSearch('search-realms', renderRealms);\n\t\t\t\t\tsetupSearch('search-providers', renderProviders);\n\t\t\t\t\tsetupSearch('search-modules', renderModules);\n\t\t\t\t\tsetupSearch('search-logs', renderLogs);\n\n\t\t\t\t\t// Render initial tab\n\t\t\t\t\trenderTab('overview');\n\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.error('Failed to load metadata:', error);\n\t\t\t\t\tdocument.querySelectorAll('.loading').forEach(el => {\n\t\t\t\t\t\tel.innerHTML = \\`\n\t\t\t\t\t\t\t<div class=\"empty-state\">\n\t\t\t\t\t\t\t\t<div class=\"empty-icon\">⚠️</div>\n\t\t\t\t\t\t\t\t<div>Failed to load metadata</div>\n\t\t\t\t\t\t\t\t<div style=\"margin-top: 0.5rem; color: var(--text-muted);\">\\${escapeHtml(error.message)}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tinit();\n\t\t</script>\n</body>\n</html>`;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devActionMetadataSchema = t.object({\n name: t.text(),\n group: t.text(),\n method: t.text(),\n path: t.text(),\n prefix: t.text(),\n fullPath: t.text(),\n description: t.optional(t.text()),\n summary: t.optional(t.text()),\n disabled: t.optional(t.boolean()),\n secure: t.optional(t.boolean()),\n hide: t.optional(t.boolean()),\n body: t.optional(t.any()),\n params: t.optional(t.any()),\n query: t.optional(t.any()),\n response: t.optional(t.any()),\n bodyContentType: t.optional(t.text()),\n});\n\nexport type DevActionMetadata = Static<typeof devActionMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devBucketMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n mimeTypes: t.optional(t.array(t.text())),\n maxSize: t.optional(t.number()),\n provider: t.text(),\n});\n\nexport type DevBucketMetadata = Static<typeof devBucketMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devCacheMetadataSchema = t.object({\n name: t.text(),\n ttl: t.optional(t.any()),\n disabled: t.optional(t.boolean()),\n provider: t.text(),\n});\n\nexport type DevCacheMetadata = Static<typeof devCacheMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devModuleMetadataSchema = t.object({\n name: t.text(),\n providers: t.array(t.text()),\n});\n\nexport type DevModuleMetadata = Static<typeof devModuleMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devPageMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n path: t.optional(t.text()),\n params: t.optional(t.any()),\n query: t.optional(t.any()),\n hasComponent: t.boolean(),\n hasLazy: t.boolean(),\n hasResolve: t.boolean(),\n hasChildren: t.boolean(),\n hasParent: t.boolean(),\n hasErrorHandler: t.boolean(),\n static: t.optional(t.boolean()),\n cache: t.optional(t.any()),\n client: t.optional(t.any()),\n animation: t.optional(t.any()),\n});\n\nexport type DevPageMetadata = Static<typeof devPageMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devProviderMetadataSchema = t.object({\n name: t.text(),\n module: t.optional(t.text()),\n dependencies: t.array(t.text()),\n aliases: t.optional(t.array(t.text())),\n});\n\nexport type DevProviderMetadata = Static<typeof devProviderMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devQueueMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n schema: t.optional(t.any()),\n provider: t.text(),\n});\n\nexport type DevQueueMetadata = Static<typeof devQueueMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devRealmMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n roles: t.optional(t.array(t.any())),\n type: t.enum([\"internal\", \"external\"]),\n settings: t.optional(\n t.object({\n accessTokenExpiration: t.optional(t.any()),\n refreshTokenExpiration: t.optional(t.any()),\n hasOnCreateSession: t.boolean(),\n hasOnRefreshSession: t.boolean(),\n hasOnDeleteSession: t.boolean(),\n }),\n ),\n});\n\nexport type DevRealmMetadata = Static<typeof devRealmMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devSchedulerMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n cron: t.optional(t.text()),\n interval: t.optional(t.any()),\n lock: t.optional(t.boolean()),\n});\n\nexport type DevSchedulerMetadata = Static<typeof devSchedulerMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devTopicMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n schema: t.optional(t.any()),\n provider: t.text(),\n});\n\nexport type DevTopicMetadata = Static<typeof devTopicMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\nimport { devActionMetadataSchema } from \"./DevActionMetadata.ts\";\nimport { devBucketMetadataSchema } from \"./DevBucketMetadata.ts\";\nimport { devCacheMetadataSchema } from \"./DevCacheMetadata.ts\";\nimport { devModuleMetadataSchema } from \"./DevModuleMetadata.ts\";\nimport { devPageMetadataSchema } from \"./DevPageMetadata.ts\";\nimport { devProviderMetadataSchema } from \"./DevProviderMetadata.ts\";\nimport { devQueueMetadataSchema } from \"./DevQueueMetadata.ts\";\nimport { devRealmMetadataSchema } from \"./DevRealmMetadata.ts\";\nimport { devSchedulerMetadataSchema } from \"./DevSchedulerMetadata.ts\";\nimport { devTopicMetadataSchema } from \"./DevTopicMetadata.ts\";\n\nexport const devMetadataSchema = t.object({\n actions: t.array(devActionMetadataSchema),\n queues: t.array(devQueueMetadataSchema),\n schedulers: t.array(devSchedulerMetadataSchema),\n topics: t.array(devTopicMetadataSchema),\n buckets: t.array(devBucketMetadataSchema),\n realms: t.array(devRealmMetadataSchema),\n caches: t.array(devCacheMetadataSchema),\n pages: t.array(devPageMetadataSchema),\n providers: t.array(devProviderMetadataSchema),\n modules: t.array(devModuleMetadataSchema),\n // More metadata will be added here later\n});\n\nexport type DevMetadata = Static<typeof devMetadataSchema>;\n","import { $bucket } from \"@alepha/bucket\";\nimport { $cache } from \"@alepha/cache\";\nimport { $hook, $inject, Alepha, t } from \"@alepha/core\";\nimport type { LogEntry } from \"@alepha/logger\";\nimport { $queue } from \"@alepha/queue\";\nimport { $page } from \"@alepha/react\";\nimport { $scheduler } from \"@alepha/scheduler\";\nimport { $realm } from \"@alepha/security\";\nimport { $action, $route } from \"@alepha/server\";\nimport { $topic } from \"@alepha/topic\";\nimport { ui } from \"./constants/ui.ts\";\nimport type { DevActionMetadata } from \"./schemas/DevActionMetadata.ts\";\nimport type { DevBucketMetadata } from \"./schemas/DevBucketMetadata.ts\";\nimport type { DevCacheMetadata } from \"./schemas/DevCacheMetadata.ts\";\nimport type { DevLogEntry } from \"./schemas/DevLogEntry.ts\";\nimport { type DevMetadata, devMetadataSchema } from \"./schemas/DevMetadata.ts\";\nimport type { DevModuleMetadata } from \"./schemas/DevModuleMetadata.ts\";\nimport type { DevPageMetadata } from \"./schemas/DevPageMetadata.ts\";\nimport type { DevProviderMetadata } from \"./schemas/DevProviderMetadata.ts\";\nimport type { DevQueueMetadata } from \"./schemas/DevQueueMetadata.ts\";\nimport type { DevRealmMetadata } from \"./schemas/DevRealmMetadata.ts\";\nimport type { DevSchedulerMetadata } from \"./schemas/DevSchedulerMetadata.ts\";\nimport type { DevTopicMetadata } from \"./schemas/DevTopicMetadata.ts\";\n\nexport class DevCollectorProvider {\n protected readonly alepha = $inject(Alepha);\n protected readonly logs: DevLogEntry[] = [];\n protected readonly maxLogs = 10000;\n\n protected readonly onLog = $hook({\n on: \"log\",\n handler: (ev: { message: string; entry: LogEntry }) => {\n this.logs.push({\n formatted: ev.message,\n entry: ev.entry,\n });\n\n // Keep only the last 10000 logs\n if (this.logs.length > this.maxLogs) {\n this.logs.shift();\n }\n },\n });\n\n protected readonly uiRoute = $route({\n method: \"GET\",\n path: \"/devtools\",\n schema: {\n response: t.text(),\n },\n handler: () => {\n return ui;\n },\n });\n\n protected readonly metadataRoute = $route({\n method: \"GET\",\n path: \"/devtools/metadata\",\n schema: {\n response: devMetadataSchema,\n },\n handler: () => {\n return this.getMetadata();\n },\n });\n\n protected readonly logsRoute = $route({\n method: \"GET\",\n path: \"/devtools/logs\",\n schema: {\n response: t.array(\n t.object({\n formatted: t.text(),\n entry: t.any(),\n }),\n ),\n },\n handler: () => {\n return this.getLogs();\n },\n });\n\n public getLogs(): DevLogEntry[] {\n return this.logs;\n }\n\n public getActions(): DevActionMetadata[] {\n const actionDescriptors = this.alepha.descriptors($action);\n\n return actionDescriptors.map((action) => {\n const schema = action.schema;\n const options = action.options as any; // Allow accessing augmented properties\n\n return {\n name: action.name,\n group: action.group,\n method: action.method,\n path: action.path,\n prefix: action.prefix,\n fullPath: action.route.path,\n description: action.options.description,\n summary: options.summary,\n disabled: action.options.disabled,\n secure: options.secure,\n hide: options.hide,\n body: schema?.body,\n params: schema?.params,\n query: schema?.query,\n response: schema?.response,\n bodyContentType: action.getBodyContentType(),\n };\n });\n }\n\n public getQueues(): DevQueueMetadata[] {\n const queueDescriptors = this.alepha.descriptors($queue);\n\n return queueDescriptors.map((queue) => ({\n name: queue.name,\n description: queue.options.description,\n schema: queue.options.schema,\n provider: this.getProviderName(queue.options.provider),\n }));\n }\n\n public getSchedulers(): DevSchedulerMetadata[] {\n const schedulerDescriptors = this.alepha.descriptors($scheduler);\n\n return schedulerDescriptors.map((scheduler) => ({\n name: scheduler.name,\n description: scheduler.options.description,\n cron: scheduler.options.cron,\n interval: scheduler.options.interval,\n lock: scheduler.options.lock,\n }));\n }\n\n public getTopics(): DevTopicMetadata[] {\n const topicDescriptors = this.alepha.descriptors($topic);\n\n return topicDescriptors.map((topic) => ({\n name: topic.name,\n description: topic.options.description,\n schema: topic.options.schema,\n provider: this.getProviderName(topic.options.provider),\n }));\n }\n\n public getBuckets(): DevBucketMetadata[] {\n const bucketDescriptors = this.alepha.descriptors($bucket);\n\n return bucketDescriptors.map((bucket) => ({\n name: bucket.name,\n description: bucket.options.description,\n mimeTypes: bucket.options.mimeTypes,\n maxSize: bucket.options.maxSize,\n provider: this.getProviderName(bucket.options.provider),\n }));\n }\n\n public getRealms(): DevRealmMetadata[] {\n const realmDescriptors = this.alepha.descriptors($realm);\n\n return realmDescriptors.map((realm) => ({\n name: realm.name,\n description: realm.options.description,\n roles: realm.options.roles,\n type: \"secret\" in realm.options ? \"internal\" : \"external\",\n settings: {\n accessTokenExpiration: realm.options.settings?.accessToken?.expiration,\n refreshTokenExpiration:\n realm.options.settings?.refreshToken?.expiration,\n hasOnCreateSession: !!realm.options.settings?.onCreateSession,\n hasOnRefreshSession: !!realm.options.settings?.onRefreshSession,\n hasOnDeleteSession: !!realm.options.settings?.onDeleteSession,\n },\n }));\n }\n\n public getCaches(): DevCacheMetadata[] {\n const cacheDescriptors = this.alepha.descriptors($cache);\n\n return cacheDescriptors.map((cache) => ({\n name: cache.container,\n ttl: cache.options.ttl,\n disabled: cache.options.disabled,\n provider: this.getProviderName(cache.options.provider),\n }));\n }\n\n public getPages(): DevPageMetadata[] {\n const pageDescriptors = this.alepha.descriptors($page);\n\n return pageDescriptors.map((page) => ({\n name: page.name,\n description: page.options.description,\n path: page.options.path,\n params: page.options.schema?.params,\n query: page.options.schema?.query,\n hasComponent: !!page.options.component,\n hasLazy: !!page.options.lazy,\n hasResolve: !!page.options.resolve,\n hasChildren: !!page.options.children,\n hasParent: !!page.options.parent,\n hasErrorHandler: !!page.options.errorHandler,\n static:\n typeof page.options.static === \"boolean\"\n ? page.options.static\n : !!page.options.static,\n cache: page.options.cache,\n client: page.options.client,\n animation: page.options.animation,\n }));\n }\n\n public getProviders(): DevProviderMetadata[] {\n const graph = this.alepha.graph();\n\n return Object.entries(graph).map(([name, info]) => ({\n name,\n module: info.module,\n dependencies: info.from,\n aliases: info.as,\n }));\n }\n\n public getModules(): DevModuleMetadata[] {\n const graph = this.alepha.graph();\n const moduleMap = new Map<string, Set<string>>();\n\n // Group providers by module\n for (const [providerName, info] of Object.entries(graph)) {\n if (info.module) {\n if (!moduleMap.has(info.module)) {\n moduleMap.set(info.module, new Set());\n }\n moduleMap.get(info.module)!.add(providerName);\n }\n }\n\n return Array.from(moduleMap.entries()).map(([name, providers]) => ({\n name,\n providers: Array.from(providers),\n }));\n }\n\n public getMetadata(): DevMetadata {\n return {\n actions: this.getActions(),\n queues: this.getQueues(),\n schedulers: this.getSchedulers(),\n topics: this.getTopics(),\n buckets: this.getBuckets(),\n realms: this.getRealms(),\n caches: this.getCaches(),\n pages: this.getPages(),\n providers: this.getProviders(),\n modules: this.getModules(),\n };\n }\n\n protected getProviderName(provider?: \"memory\" | any): string {\n if (!provider) {\n return \"default\";\n }\n if (provider === \"memory\") {\n return \"memory\";\n }\n return provider.name || \"custom\";\n }\n}\n","import { type Static, t } from \"@alepha/core\";\nimport type { LogEntry } from \"@alepha/logger\";\n\nexport const devLogEntrySchema = t.object({\n formatted: t.text(),\n entry: t.any(), // Use any since LogEntry has Date instead of string for timestamp\n});\n\nexport type DevLogEntry = Static<typeof devLogEntrySchema> & {\n entry: LogEntry;\n};\n","import { $module } from \"@alepha/core\";\nimport { DevCollectorProvider } from \"./DevCollectorProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport * from \"./DevCollectorProvider.ts\";\nexport * from \"./schemas/DevActionMetadata.ts\";\nexport * from \"./schemas/DevBucketMetadata.ts\";\nexport * from \"./schemas/DevCacheMetadata.ts\";\nexport * from \"./schemas/DevLogEntry.ts\";\nexport * from \"./schemas/DevMetadata.ts\";\nexport * from \"./schemas/DevModuleMetadata.ts\";\nexport * from \"./schemas/DevPageMetadata.ts\";\nexport * from \"./schemas/DevProviderMetadata.ts\";\nexport * from \"./schemas/DevQueueMetadata.ts\";\nexport * from \"./schemas/DevRealmMetadata.ts\";\nexport * from \"./schemas/DevSchedulerMetadata.ts\";\nexport * from \"./schemas/DevTopicMetadata.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Developer tools module for monitoring and debugging Alepha applications.\n *\n * This module provides comprehensive data collection capabilities for tracking application behavior,\n * performance metrics, and debugging information in real-time.\n *\n * @see {@link DevCollectorProvider}\n * @module alepha.devtools\n */\nexport const AlephaDevtools = $module({\n name: \"alepha.devtools\",\n descriptors: [],\n services: [DevCollectorProvider],\n});\n"],"mappings":";;;;;;;;;;;AACA,MAAa,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/constants/ui.ts","../src/schemas/DevActionMetadata.ts","../src/schemas/DevBucketMetadata.ts","../src/schemas/DevCacheMetadata.ts","../src/schemas/DevModuleMetadata.ts","../src/schemas/DevPageMetadata.ts","../src/schemas/DevProviderMetadata.ts","../src/schemas/DevQueueMetadata.ts","../src/schemas/DevRealmMetadata.ts","../src/schemas/DevSchedulerMetadata.ts","../src/schemas/DevTopicMetadata.ts","../src/schemas/DevMetadata.ts","../src/DevCollectorProvider.ts","../src/schemas/DevLogEntry.ts","../src/index.ts"],"sourcesContent":["// language=HTML\nexport const ui = `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n\t\t<meta charset=\"UTF-8\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n\t\t<title>Alepha DevTools</title>\n\t\t<style>\n\t\t\t:root {\n\t\t\t\t--primary: #3b82f6;\n\t\t\t\t--primary-dark: #2563eb;\n\t\t\t\t--success: #10b981;\n\t\t\t\t--warning: #f59e0b;\n\t\t\t\t--danger: #ef4444;\n\t\t\t\t--bg-primary: #0f172a;\n\t\t\t\t--bg-secondary: #1e293b;\n\t\t\t\t--bg-tertiary: #334155;\n\t\t\t\t--text-primary: #f8fafc;\n\t\t\t\t--text-secondary: #cbd5e1;\n\t\t\t\t--text-muted: #94a3b8;\n\t\t\t\t--border: #334155;\n\t\t\t\t--code-bg: #1e293b;\n\t\t\t\t--shadow: rgba(0, 0, 0, 0.3);\n\t\t\t}\n\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\n\t\t\tbody {\n\t\t\t\tfont-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n\t\t\t\tbackground: linear-gradient(135deg, var(--bg-primary) 0%, #0c1222 100%);\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tmin-height: 100vh;\n\t\t\t}\n\n\t\t\t/* Header */\n\t\t\t.header {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tpadding: 1.5rem 2rem;\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 0;\n\t\t\t\tz-index: 1000;\n\t\t\t\tbox-shadow: 0 4px 6px var(--shadow);\n\t\t\t}\n\n\t\t\t.header-content {\n\t\t\t\tmax-width: 1600px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.logo {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tbackground: linear-gradient(135deg, var(--primary), #8b5cf6);\n\t\t\t\t-webkit-background-clip: text;\n\t\t\t\t-webkit-text-fill-color: transparent;\n\t\t\t\tbackground-clip: text;\n\t\t\t}\n\n\t\t\t.header-stats {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 2rem;\n\t\t\t}\n\n\t\t\t.stat {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t.stat-value {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tcolor: var(--primary);\n\t\t\t}\n\n\t\t\t.stat-label {\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.05em;\n\t\t\t}\n\n\t\t\t/* Navigation */\n\t\t\t.nav {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 73px;\n\t\t\t\tz-index: 999;\n\t\t\t}\n\n\t\t\t.nav-container {\n\t\t\t\tmax-width: 1600px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 0 2rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 0.5rem;\n\t\t\t\toverflow-x: auto;\n\t\t\t}\n\n\t\t\t.nav-tab {\n\t\t\t\tpadding: 1rem 1.5rem;\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder: none;\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tborder-bottom: 2px solid transparent;\n\t\t\t\ttransition: all 0.2s;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.nav-tab:hover {\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tbackground: rgba(255, 255, 255, 0.05);\n\t\t\t}\n\n\t\t\t.nav-tab.active {\n\t\t\t\tcolor: var(--primary);\n\t\t\t\tborder-bottom-color: var(--primary);\n\t\t\t}\n\n\t\t\t/* Main Container */\n\t\t\t.container {\n\t\t\t\tmax-width: 1600px;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 2rem;\n\t\t\t}\n\n\t\t\t.tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.tab-content.active {\n\t\t\t\tdisplay: block;\n\t\t\t\tanimation: fadeIn 0.3s;\n\t\t\t}\n\n\t\t\t@keyframes fadeIn {\n\t\t\t\tfrom { opacity: 0; transform: translateY(10px); }\n\t\t\t\tto { opacity: 1; transform: translateY(0); }\n\t\t\t}\n\n\t\t\t/* Search and Filters */\n\t\t\t.controls {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1.5rem;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t}\n\n\t\t\t.search-box {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 1rem;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t}\n\n\t\t\t.search-input {\n\t\t\t\tflex: 1;\n\t\t\t\tpadding: 0.75rem 1rem;\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t}\n\n\t\t\t.search-input:focus {\n\t\t\t\toutline: none;\n\t\t\t\tborder-color: var(--primary);\n\t\t\t\tbox-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t\t\t}\n\n\t\t\t.filter-buttons {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 0.5rem;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\n\t\t\t.filter-btn {\n\t\t\t\tpadding: 0.5rem 1rem;\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcursor: pointer;\n\t\t\t\ttransition: all 0.2s;\n\t\t\t}\n\n\t\t\t.filter-btn:hover {\n\t\t\t\tbackground: var(--bg-primary);\n\t\t\t\tborder-color: var(--primary);\n\t\t\t}\n\n\t\t\t.filter-btn.active {\n\t\t\t\tbackground: var(--primary);\n\t\t\t\tcolor: white;\n\t\t\t\tborder-color: var(--primary);\n\t\t\t}\n\n\t\t\t/* Cards */\n\t\t\t.card-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n\t\t\t\tgap: 1.5rem;\n\t\t\t\tmargin-bottom: 2rem;\n\t\t\t}\n\n\t\t\t.card {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1.5rem;\n\t\t\t\ttransition: all 0.2s;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.card:hover {\n\t\t\t\tborder-color: var(--primary);\n\t\t\t\tbox-shadow: 0 4px 12px var(--shadow);\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\n\t\t\t.card-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: start;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t}\n\n\t\t\t.card-title {\n\t\t\t\tfont-size: 1.125rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tword-break: break-word;\n\t\t\t}\n\n\t\t\t.badge {\n\t\t\t\tpadding: 0.25rem 0.75rem;\n\t\t\t\tborder-radius: 12px;\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\t.badge-get { background: #10b981; color: white; }\n\t\t\t.badge-post { background: #3b82f6; color: white; }\n\t\t\t.badge-put { background: #f59e0b; color: white; }\n\t\t\t.badge-delete { background: #ef4444; color: white; }\n\t\t\t.badge-patch { background: #8b5cf6; color: white; }\n\t\t\t.badge-secure { background: #dc2626; color: white; }\n\t\t\t.badge-internal { background: #3b82f6; color: white; }\n\t\t\t.badge-external { background: #8b5cf6; color: white; }\n\n\t\t\t.card-description {\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t\tline-height: 1.5;\n\t\t\t}\n\n\t\t\t.card-meta {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 1rem;\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t}\n\n\t\t\t.card-meta-item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 0.5rem;\n\t\t\t}\n\n\t\t\t.card-path {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tpadding: 0.5rem;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tword-break: break-all;\n\t\t\t\tmargin-top: 0.5rem;\n\t\t\t}\n\n\t\t\t/* Table */\n\t\t\t.table-container {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\ttable {\n\t\t\t\twidth: 100%;\n\t\t\t\tborder-collapse: collapse;\n\t\t\t}\n\n\t\t\tthead {\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t}\n\n\t\t\tth {\n\t\t\t\tpadding: 1rem;\n\t\t\t\ttext-align: left;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-size: 0.75rem;\n\t\t\t\tcolor: var(--text-secondary);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.05em;\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t}\n\n\t\t\ttd {\n\t\t\t\tpadding: 1rem;\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t}\n\n\t\t\ttbody tr {\n\t\t\t\ttransition: background 0.2s;\n\t\t\t}\n\n\t\t\ttbody tr:hover {\n\t\t\t\tbackground: var(--bg-tertiary);\n\t\t\t}\n\n\t\t\t/* Code Block */\n\t\t\t.code-block {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1rem;\n\t\t\t\toverflow-x: auto;\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tline-height: 1.6;\n\t\t\t}\n\n\t\t\t/* Logs */\n\t\t\t.log-container {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tmax-height: 600px;\n\t\t\t\toverflow-y: auto;\n\t\t\t}\n\n\t\t\t.log-entry {\n\t\t\t\tpadding: 0.75rem 1rem;\n\t\t\t\tborder-bottom: 1px solid var(--border);\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t\tword-break: break-word;\n\t\t\t}\n\n\t\t\t.log-entry:last-child {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\n\t\t\t.log-error { background: rgba(239, 68, 68, 0.1); color: #fca5a5; }\n\t\t\t.log-warn { background: rgba(245, 158, 11, 0.1); color: #fcd34d; }\n\t\t\t.log-info { background: rgba(59, 130, 246, 0.1); color: #93c5fd; }\n\t\t\t.log-debug { background: rgba(156, 163, 175, 0.1); color: #d1d5db; }\n\n\t\t\t/* Empty State */\n\t\t\t.empty-state {\n\t\t\t\ttext-align: center;\n\t\t\t\tpadding: 4rem 2rem;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t}\n\n\t\t\t.empty-icon {\n\t\t\t\tfont-size: 4rem;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t\topacity: 0.3;\n\t\t\t}\n\n\t\t\t/* Detail View */\n\t\t\t.detail-section {\n\t\t\t\tbackground: var(--bg-secondary);\n\t\t\t\tborder: 1px solid var(--border);\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tpadding: 1.5rem;\n\t\t\t\tmargin-bottom: 1.5rem;\n\t\t\t}\n\n\t\t\t.detail-title {\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.05em;\n\t\t\t\tmargin-bottom: 1rem;\n\t\t\t}\n\n\t\t\t.property-list {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: 0.75rem;\n\t\t\t}\n\n\t\t\t.property {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: 150px 1fr;\n\t\t\t\tgap: 1rem;\n\t\t\t}\n\n\t\t\t.property-key {\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t}\n\n\t\t\t.property-value {\n\t\t\t\tcolor: var(--text-primary);\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t\tword-break: break-word;\n\t\t\t}\n\n\t\t\t.property-value code {\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tpadding: 0.125rem 0.5rem;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t}\n\n\t\t\t/* Loading */\n\t\t\t.loading {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 4rem;\n\t\t\t}\n\n\t\t\t.spinner {\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tborder: 3px solid var(--border);\n\t\t\t\tborder-top-color: var(--primary);\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tanimation: spin 0.8s linear infinite;\n\t\t\t}\n\n\t\t\t@keyframes spin {\n\t\t\t\tto { transform: rotate(360deg); }\n\t\t\t}\n\n\t\t\t/* Utility */\n\t\t\t.hidden {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\n\t\t\t.text-muted {\n\t\t\t\tcolor: var(--text-muted);\n\t\t\t}\n\n\t\t\t.text-code {\n\t\t\t\tfont-family: 'Courier New', monospace;\n\t\t\t\tbackground: var(--code-bg);\n\t\t\t\tpadding: 0.125rem 0.5rem;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tfont-size: 0.875rem;\n\t\t\t}\n\n\t\t\t/* Scrollbar */\n\t\t\t::-webkit-scrollbar {\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t}\n\n\t\t\t::-webkit-scrollbar-track {\n\t\t\t\tbackground: var(--bg-primary);\n\t\t\t}\n\n\t\t\t::-webkit-scrollbar-thumb {\n\t\t\t\tbackground: var(--border);\n\t\t\t\tborder-radius: 4px;\n\t\t\t}\n\n\t\t\t::-webkit-scrollbar-thumb:hover {\n\t\t\t\tbackground: var(--text-muted);\n\t\t\t}\n\n\t\t\t/* Responsive */\n\t\t\t@media (max-width: 768px) {\n\t\t\t\t.header-stats {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.card-grid {\n\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t}\n\n\t\t\t\t.property {\n\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t\tgap: 0.25rem;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n</head>\n<body>\n\t\t<!-- Header -->\n\t\t<div class=\"header\">\n\t\t\t<div class=\"header-content\">\n\t\t\t\t<div class=\"logo\">⚡ Alepha DevTools</div>\n\t\t\t\t<div class=\"header-stats\">\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-actions\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Actions</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-pages\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Pages</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-modules\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Modules</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"stat\">\n\t\t\t\t\t\t<div class=\"stat-value\" id=\"stat-providers\">0</div>\n\t\t\t\t\t\t<div class=\"stat-label\">Providers</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Navigation -->\n\t\t<div class=\"nav\">\n\t\t\t<div class=\"nav-container\">\n\t\t\t\t<button class=\"nav-tab active\" data-tab=\"overview\">Overview</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"actions\">Actions</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"pages\">Pages</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"queues\">Queues</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"schedulers\">Schedulers</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"topics\">Topics</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"buckets\">Buckets</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"caches\">Caches</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"realms\">Realms</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"providers\">Providers</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"modules\">Modules</button>\n\t\t\t\t<button class=\"nav-tab\" data-tab=\"logs\">Logs</button>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Main Container -->\n\t\t<div class=\"container\">\n\t\t\t<!-- Overview Tab -->\n\t\t\t<div class=\"tab-content active\" id=\"tab-overview\">\n\t\t\t\t<div class=\"detail-section\">\n\t\t\t\t\t<h2 class=\"detail-title\">System Overview</h2>\n\t\t\t\t\t<div id=\"overview-content\" class=\"loading\">\n\t\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Actions Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-actions\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-actions\" placeholder=\"Search actions by name, path, or group...\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"filter-buttons\" id=\"filter-actions-methods\"></div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"actions-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Pages Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-pages\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-pages\" placeholder=\"Search pages by name or path...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"pages-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Queues Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-queues\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-queues\" placeholder=\"Search queues...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"queues-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Schedulers Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-schedulers\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-schedulers\" placeholder=\"Search schedulers...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"schedulers-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Topics Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-topics\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-topics\" placeholder=\"Search topics...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"topics-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Buckets Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-buckets\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-buckets\" placeholder=\"Search buckets...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"buckets-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Caches Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-caches\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-caches\" placeholder=\"Search caches...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"caches-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Realms Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-realms\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-realms\" placeholder=\"Search realms...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"realms-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Providers Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-providers\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-providers\" placeholder=\"Search providers...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"providers-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Modules Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-modules\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-modules\" placeholder=\"Search modules...\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"modules-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<!-- Logs Tab -->\n\t\t\t<div class=\"tab-content\" id=\"tab-logs\">\n\t\t\t\t<div class=\"controls\">\n\t\t\t\t\t<div class=\"search-box\">\n\t\t\t\t\t\t<input type=\"text\" class=\"search-input\" id=\"search-logs\" placeholder=\"Search logs...\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"filter-buttons\">\n\t\t\t\t\t\t<button class=\"filter-btn active\" data-level=\"all\">All</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"error\">Errors</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"warn\">Warnings</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"info\">Info</button>\n\t\t\t\t\t\t<button class=\"filter-btn\" data-level=\"debug\">Debug</button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div id=\"logs-content\" class=\"loading\">\n\t\t\t\t\t<div class=\"spinner\"></div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<script>\n\t\t\tlet metadata = null;\n\t\t\tlet activeFilters = {\n\t\t\t\tactions: { methods: new Set() },\n\t\t\t\tlogs: { level: 'all' }\n\t\t\t};\n\n\t\t\t// Tab Navigation\n\t\t\tdocument.querySelectorAll('.nav-tab').forEach(tab => {\n\t\t\t\ttab.addEventListener('click', () => {\n\t\t\t\t\tconst tabName = tab.dataset.tab;\n\t\t\t\t\tdocument.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));\n\t\t\t\t\tdocument.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));\n\t\t\t\t\ttab.classList.add('active');\n\t\t\t\t\tdocument.getElementById(\\`tab-\\${tabName}\\`).classList.add('active');\n\t\t\t\t\trenderTab(tabName);\n\t\t\t\t});\n\t\t\t});\n\n\t\t\t// Utility Functions\n\t\t\tfunction escapeHtml(text) {\n\t\t\t\tconst div = document.createElement('div');\n\t\t\t\tdiv.textContent = text;\n\t\t\t\treturn div.innerHTML;\n\t\t\t}\n\n\t\t\tfunction formatJson(obj) {\n\t\t\t\treturn JSON.stringify(obj, null, 2);\n\t\t\t}\n\n\t\t\tfunction getLogLevel(formatted) {\n\t\t\t\tconst lower = formatted.toLowerCase();\n\t\t\t\tif (lower.includes('error')) return 'error';\n\t\t\t\tif (lower.includes('warn')) return 'warn';\n\t\t\t\tif (lower.includes('info')) return 'info';\n\t\t\t\treturn 'debug';\n\t\t\t}\n\n\t\t\t// Search Functions\n\t\t\tfunction setupSearch(inputId, renderFn) {\n\t\t\t\tconst input = document.getElementById(inputId);\n\t\t\t\tif (!input) return;\n\n\t\t\t\tlet debounceTimer;\n\t\t\t\tinput.addEventListener('input', () => {\n\t\t\t\t\tclearTimeout(debounceTimer);\n\t\t\t\t\tdebounceTimer = setTimeout(renderFn, 300);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tfunction matchesSearch(item, searchTerm, fields) {\n\t\t\t\tif (!searchTerm) return true;\n\t\t\t\tconst term = searchTerm.toLowerCase();\n\t\t\t\treturn fields.some(field => {\n\t\t\t\t\tconst value = field.split('.').reduce((obj, key) => obj?.[key], item);\n\t\t\t\t\treturn value && String(value).toLowerCase().includes(term);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Render Functions\n\t\t\tfunction renderOverview() {\n\t\t\t\tif (!metadata) return;\n\n\t\t\t\tconst content = document.getElementById('overview-content');\n\t\t\t\tconst stats = {\n\t\t\t\t\t'Total Actions': metadata.actions?.length || 0,\n\t\t\t\t\t'Total Pages': metadata.pages?.length || 0,\n\t\t\t\t\t'Total Queues': metadata.queues?.length || 0,\n\t\t\t\t\t'Total Schedulers': metadata.schedulers?.length || 0,\n\t\t\t\t\t'Total Topics': metadata.topics?.length || 0,\n\t\t\t\t\t'Total Buckets': metadata.buckets?.length || 0,\n\t\t\t\t\t'Total Caches': metadata.caches?.length || 0,\n\t\t\t\t\t'Total Realms': metadata.realms?.length || 0,\n\t\t\t\t\t'Total Providers': metadata.providers?.length || 0,\n\t\t\t\t\t'Total Modules': metadata.modules?.length || 0,\n\t\t\t\t\t'Log Entries': metadata.logs?.length || 0,\n\t\t\t\t};\n\n\t\t\t\tconst methodCounts = {};\n\t\t\t\tmetadata.actions?.forEach(action => {\n\t\t\t\t\tmethodCounts[action.method] = (methodCounts[action.method] || 0) + 1;\n\t\t\t\t});\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem;\">\n\t\t\t\t\t\t\\${Object.entries(stats).map(([key, value]) => \\`\n\t\t\t\t\t\t\t<div style=\"background: var(--bg-tertiary); padding: 1.5rem; border-radius: 8px; text-align: center;\">\n\t\t\t\t\t\t\t\t<div style=\"font-size: 2rem; font-weight: 700; color: var(--primary);\">\\${value}</div>\n\t\t\t\t\t\t\t\t<div style=\"font-size: 0.875rem; color: var(--text-muted); margin-top: 0.5rem;\">\\${escapeHtml(key)}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t\\${Object.keys(methodCounts).length > 0 ? \\`\n\t\t\t\t\t\t<div class=\"detail-section\">\n\t\t\t\t\t\t\t<h3 class=\"detail-title\">HTTP Methods Distribution</h3>\n\t\t\t\t\t\t\t<div style=\"display: flex; gap: 1rem; flex-wrap: wrap;\">\n\t\t\t\t\t\t\t\t\\${Object.entries(methodCounts).map(([method, count]) => \\`\n\t\t\t\t\t\t\t\t\t<div class=\"badge badge-\\${method.toLowerCase()}\">\\${method}: \\${count}</div>\n\t\t\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\\` : ''}\n\n\t\t\t\t\t<div class=\"detail-section\">\n\t\t\t\t\t\t<h3 class=\"detail-title\">Raw Metadata</h3>\n\t\t\t\t\t\t<div class=\"code-block\">\\${escapeHtml(formatJson(metadata))}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderActions() {\n\t\t\t\tif (!metadata?.actions) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-actions')?.value || '';\n\t\t\t\tconst filteredActions = metadata.actions.filter(action => {\n\t\t\t\t\tconst matchesMethod = activeFilters.actions.methods.size === 0 ||\n\t\t\t\t\t\tactiveFilters.actions.methods.has(action.method);\n\t\t\t\t\tconst matchesSearchTerm = matchesSearch(action, searchTerm, ['name', 'path', 'group', 'fullPath']);\n\t\t\t\t\treturn matchesMethod && matchesSearchTerm;\n\t\t\t\t});\n\n\t\t\t\tconst content = document.getElementById('actions-content');\n\n\t\t\t\tif (filteredActions.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t\t<div class=\"empty-state\">\n\t\t\t\t\t\t\t<div class=\"empty-icon\">🔍</div>\n\t\t\t\t\t\t\t<div>No actions found</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredActions.map(action => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(action.name)}</div>\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex; gap: 0.5rem; flex-wrap: wrap;\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"badge badge-\\${action.method.toLowerCase()}\">\\${action.method}</span>\n\t\t\t\t\t\t\t\t\t\t\\${action.secure ? '<span class=\"badge badge-secure\">🔒 Secure</span>' : ''}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${action.description ? \\`<div class=\"card-description\">\\${escapeHtml(action.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-path\">\\${escapeHtml(action.fullPath)}</div>\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-meta-item\">\n\t\t\t\t\t\t\t\t\t\t<span>📁</span>\n\t\t\t\t\t\t\t\t\t\t<span>\\${escapeHtml(action.group)}</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\\${action.disabled ? '<div class=\"card-meta-item\"><span>⚠️</span><span>Disabled</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${action.hide ? '<div class=\"card-meta-item\"><span>👁️</span><span>Hidden</span></div>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderPages() {\n\t\t\t\tif (!metadata?.pages) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-pages')?.value || '';\n\t\t\t\tconst filteredPages = metadata.pages.filter(page =>\n\t\t\t\t\tmatchesSearch(page, searchTerm, ['name', 'path'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('pages-content');\n\n\t\t\t\tif (filteredPages.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No pages found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredPages.map(page => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(page.name)}</div>\n\t\t\t\t\t\t\t\t\t\\${page.static ? '<span class=\"badge\" style=\"background: var(--success);\">Static</span>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${page.description ? \\`<div class=\"card-description\">\\${escapeHtml(page.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${page.path ? \\`<div class=\"card-path\">\\${escapeHtml(page.path)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${page.hasComponent ? '<div class=\"card-meta-item\"><span>✓</span><span>Component</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasLazy ? '<div class=\"card-meta-item\"><span>⚡</span><span>Lazy</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasResolve ? '<div class=\"card-meta-item\"><span>🔄</span><span>Resolve</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasChildren ? '<div class=\"card-meta-item\"><span>👶</span><span>Children</span></div>' : ''}\n\t\t\t\t\t\t\t\t\t\\${page.hasErrorHandler ? '<div class=\"card-meta-item\"><span>⚠️</span><span>Error Handler</span></div>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderQueues() {\n\t\t\t\tif (!metadata?.queues) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-queues')?.value || '';\n\t\t\t\tconst filteredQueues = metadata.queues.filter(queue =>\n\t\t\t\t\tmatchesSearch(queue, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('queues-content');\n\n\t\t\t\tif (filteredQueues.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No queues found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredQueues.map(queue => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(queue.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(queue.provider)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${queue.description ? \\`<div class=\"card-description\">\\${escapeHtml(queue.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${queue.schema ? \\`<div class=\"detail-section\" style=\"margin-top: 1rem;\"><div class=\"detail-title\">Schema</div><div class=\"code-block\">\\${escapeHtml(formatJson(queue.schema))}</div></div>\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderSchedulers() {\n\t\t\t\tif (!metadata?.schedulers) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-schedulers')?.value || '';\n\t\t\t\tconst filteredSchedulers = metadata.schedulers.filter(scheduler =>\n\t\t\t\t\tmatchesSearch(scheduler, searchTerm, ['name', 'cron'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('schedulers-content');\n\n\t\t\t\tif (filteredSchedulers.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No schedulers found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredSchedulers.map(scheduler => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(scheduler.name)}</div>\n\t\t\t\t\t\t\t\t\t\\${scheduler.lock ? '<span class=\"badge\" style=\"background: var(--warning);\">🔒 Locked</span>' : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${scheduler.description ? \\`<div class=\"card-description\">\\${escapeHtml(scheduler.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${scheduler.cron ? \\`<div class=\"card-meta-item\"><span>⏰</span><span class=\"text-code\">\\${escapeHtml(scheduler.cron)}</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\\${scheduler.interval ? \\`<div class=\"card-meta-item\"><span>🔄</span><span>\\${JSON.stringify(scheduler.interval)}</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderTopics() {\n\t\t\t\tif (!metadata?.topics) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-topics')?.value || '';\n\t\t\t\tconst filteredTopics = metadata.topics.filter(topic =>\n\t\t\t\t\tmatchesSearch(topic, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('topics-content');\n\n\t\t\t\tif (filteredTopics.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No topics found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredTopics.map(topic => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(topic.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(topic.provider)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${topic.description ? \\`<div class=\"card-description\">\\${escapeHtml(topic.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${topic.schema ? \\`<div class=\"detail-section\" style=\"margin-top: 1rem;\"><div class=\"detail-title\">Schema</div><div class=\"code-block\">\\${escapeHtml(formatJson(topic.schema))}</div></div>\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderBuckets() {\n\t\t\t\tif (!metadata?.buckets) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-buckets')?.value || '';\n\t\t\t\tconst filteredBuckets = metadata.buckets.filter(bucket =>\n\t\t\t\t\tmatchesSearch(bucket, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('buckets-content');\n\n\t\t\t\tif (filteredBuckets.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No buckets found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredBuckets.map(bucket => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(bucket.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(bucket.provider)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${bucket.description ? \\`<div class=\"card-description\">\\${escapeHtml(bucket.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${bucket.maxSize ? \\`<div class=\"card-meta-item\"><span>📦</span><span>Max: \\${bucket.maxSize} bytes</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\\${bucket.mimeTypes?.length ? \\`<div class=\"card-meta-item\"><span>📄</span><span>\\${bucket.mimeTypes.length} mime types</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderCaches() {\n\t\t\t\tif (!metadata?.caches) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-caches')?.value || '';\n\t\t\t\tconst filteredCaches = metadata.caches.filter(cache =>\n\t\t\t\t\tmatchesSearch(cache, searchTerm, ['name', 'provider'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('caches-content');\n\n\t\t\t\tif (filteredCaches.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No caches found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredCaches.map(cache => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(cache.name)}</div>\n\t\t\t\t\t\t\t\t\t<div style=\"display: flex; gap: 0.5rem;\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--primary);\">\\${escapeHtml(cache.provider)}</span>\n\t\t\t\t\t\t\t\t\t\t\\${cache.disabled ? '<span class=\"badge\" style=\"background: var(--danger);\">Disabled</span>' : ''}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${cache.ttl ? \\`<div class=\"card-meta-item\"><span>⏱️</span><span>TTL: \\${JSON.stringify(cache.ttl)}</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderRealms() {\n\t\t\t\tif (!metadata?.realms) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-realms')?.value || '';\n\t\t\t\tconst filteredRealms = metadata.realms.filter(realm =>\n\t\t\t\t\tmatchesSearch(realm, searchTerm, ['name', 'type'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('realms-content');\n\n\t\t\t\tif (filteredRealms.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No realms found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredRealms.map(realm => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(realm.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge badge-\\${realm.type}\">\\${escapeHtml(realm.type)}</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${realm.description ? \\`<div class=\"card-description\">\\${escapeHtml(realm.description)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${realm.roles?.length ? \\`<div class=\"card-meta\"><div class=\"card-meta-item\"><span>👥</span><span>\\${realm.roles.length} roles</span></div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\\${realm.settings ? \\`\n\t\t\t\t\t\t\t\t\t<div class=\"detail-section\" style=\"margin-top: 1rem;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"detail-title\">Settings</div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"property-list\">\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.accessTokenExpiration ? \\`<div class=\"property\"><div class=\"property-key\">Access Token</div><div class=\"property-value\">\\${JSON.stringify(realm.settings.accessTokenExpiration)}</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.refreshTokenExpiration ? \\`<div class=\"property\"><div class=\"property-key\">Refresh Token</div><div class=\"property-value\">\\${JSON.stringify(realm.settings.refreshTokenExpiration)}</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.hasOnCreateSession ? \\`<div class=\"property\"><div class=\"property-key\">On Create</div><div class=\"property-value\">✓</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.hasOnRefreshSession ? \\`<div class=\"property\"><div class=\"property-key\">On Refresh</div><div class=\"property-value\">✓</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t\t\\${realm.settings.hasOnDeleteSession ? \\`<div class=\"property\"><div class=\"property-key\">On Delete</div><div class=\"property-value\">✓</div></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderProviders() {\n\t\t\t\tif (!metadata?.providers) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-providers')?.value || '';\n\t\t\t\tconst filteredProviders = metadata.providers.filter(provider =>\n\t\t\t\t\tmatchesSearch(provider, searchTerm, ['name', 'module'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('providers-content');\n\n\t\t\t\tif (filteredProviders.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No providers found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredProviders.map(provider => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(provider.name)}</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${provider.module ? \\`<div class=\"card-description\">📦 \\${escapeHtml(provider.module)}</div>\\` : ''}\n\t\t\t\t\t\t\t\t<div class=\"card-meta\">\n\t\t\t\t\t\t\t\t\t\\${provider.dependencies?.length ? \\`<div class=\"card-meta-item\"><span>🔗</span><span>\\${provider.dependencies.length} dependencies</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t\t\\${provider.aliases?.length ? \\`<div class=\"card-meta-item\"><span>🏷️</span><span>\\${provider.aliases.length} aliases</span></div>\\` : ''}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${provider.dependencies?.length ? \\`\n\t\t\t\t\t\t\t\t\t<div class=\"detail-section\" style=\"margin-top: 1rem;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"detail-title\">Dependencies</div>\n\t\t\t\t\t\t\t\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n\t\t\t\t\t\t\t\t\t\t\t\\${provider.dependencies.map(dep => \\`<span class=\"text-code\">\\${escapeHtml(dep)}</span>\\`).join('')}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderModules() {\n\t\t\t\tif (!metadata?.modules) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-modules')?.value || '';\n\t\t\t\tconst filteredModules = metadata.modules.filter(module =>\n\t\t\t\t\tmatchesSearch(module, searchTerm, ['name'])\n\t\t\t\t);\n\n\t\t\t\tconst content = document.getElementById('modules-content');\n\n\t\t\t\tif (filteredModules.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">🔍</div><div>No modules found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"card-grid\">\n\t\t\t\t\t\t\\${filteredModules.map(module => \\`\n\t\t\t\t\t\t\t<div class=\"card\">\n\t\t\t\t\t\t\t\t<div class=\"card-header\">\n\t\t\t\t\t\t\t\t\t<div class=\"card-title\">\\${escapeHtml(module.name)}</div>\n\t\t\t\t\t\t\t\t\t<span class=\"badge\" style=\"background: var(--success);\">\\${module.providers?.length || 0} providers</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\${module.providers?.length ? \\`\n\t\t\t\t\t\t\t\t\t<div class=\"detail-section\" style=\"margin-top: 1rem;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"detail-title\">Providers</div>\n\t\t\t\t\t\t\t\t\t\t<div style=\"display: flex; flex-wrap: wrap; gap: 0.5rem;\">\n\t\t\t\t\t\t\t\t\t\t\t\\${module.providers.map(prov => \\`<span class=\"text-code\">\\${escapeHtml(prov)}</span>\\`).join('')}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\\` : ''}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderLogs() {\n\t\t\t\tif (!metadata?.logs) return;\n\n\t\t\t\tconst searchTerm = document.getElementById('search-logs')?.value || '';\n\t\t\t\tconst level = activeFilters.logs.level;\n\n\t\t\t\tconst filteredLogs = metadata.logs.filter(log => {\n\t\t\t\t\tconst matchesLevel = level === 'all' || getLogLevel(log.formatted) === level;\n\t\t\t\t\tconst matchesSearchTerm = !searchTerm || log.formatted.toLowerCase().includes(searchTerm.toLowerCase());\n\t\t\t\t\treturn matchesLevel && matchesSearchTerm;\n\t\t\t\t});\n\n\t\t\t\tconst content = document.getElementById('logs-content');\n\n\t\t\t\tif (filteredLogs.length === 0) {\n\t\t\t\t\tcontent.innerHTML = \\`<div class=\"empty-state\"><div class=\"empty-icon\">📋</div><div>No logs found</div></div>\\`;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tcontent.innerHTML = \\`\n\t\t\t\t\t<div class=\"log-container\">\n\t\t\t\t\t\t\\${filteredLogs.map(log => {\n\t\t\t\t\t\t\tconst level = getLogLevel(log.formatted);\n\t\t\t\t\t\t\treturn \\`<div class=\"log-entry log-\\${level}\">\\${escapeHtml(log.formatted)}</div>\\`;\n\t\t\t\t\t\t}).join('')}\n\t\t\t\t\t</div>\n\t\t\t\t\\`;\n\t\t\t}\n\n\t\t\tfunction renderTab(tabName) {\n\t\t\t\tif (!metadata) return;\n\n\t\t\t\tswitch(tabName) {\n\t\t\t\t\tcase 'overview': renderOverview(); break;\n\t\t\t\t\tcase 'actions': renderActions(); break;\n\t\t\t\t\tcase 'pages': renderPages(); break;\n\t\t\t\t\tcase 'queues': renderQueues(); break;\n\t\t\t\t\tcase 'schedulers': renderSchedulers(); break;\n\t\t\t\t\tcase 'topics': renderTopics(); break;\n\t\t\t\t\tcase 'buckets': renderBuckets(); break;\n\t\t\t\t\tcase 'caches': renderCaches(); break;\n\t\t\t\t\tcase 'realms': renderRealms(); break;\n\t\t\t\t\tcase 'providers': renderProviders(); break;\n\t\t\t\t\tcase 'modules': renderModules(); break;\n\t\t\t\t\tcase 'logs': renderLogs(); break;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Initialize\n\t\t\tasync function init() {\n\t\t\t\ttry {\n\t\t\t\t\tconst res = await fetch('/_devtools/metadata');\n\t\t\t\t\tmetadata = await res.json();\n\n\t\t\t\t\t// Update header stats\n\t\t\t\t\tdocument.getElementById('stat-actions').textContent = metadata.actions?.length || 0;\n\t\t\t\t\tdocument.getElementById('stat-pages').textContent = metadata.pages?.length || 0;\n\t\t\t\t\tdocument.getElementById('stat-modules').textContent = metadata.modules?.length || 0;\n\t\t\t\t\tdocument.getElementById('stat-providers').textContent = metadata.providers?.length || 0;\n\n\t\t\t\t\t// Setup method filters for actions\n\t\t\t\t\tconst methods = [...new Set(metadata.actions?.map(a => a.method) || [])];\n\t\t\t\t\tconst filterContainer = document.getElementById('filter-actions-methods');\n\t\t\t\t\tfilterContainer.innerHTML = methods.map(method =>\n\t\t\t\t\t\t\\`<button class=\"filter-btn\" data-method=\"\\${method}\">\\${method}</button>\\`\n\t\t\t\t\t).join('');\n\n\t\t\t\t\tfilterContainer.querySelectorAll('.filter-btn').forEach(btn => {\n\t\t\t\t\t\tbtn.addEventListener('click', () => {\n\t\t\t\t\t\t\tconst method = btn.dataset.method;\n\t\t\t\t\t\t\tif (activeFilters.actions.methods.has(method)) {\n\t\t\t\t\t\t\t\tactiveFilters.actions.methods.delete(method);\n\t\t\t\t\t\t\t\tbtn.classList.remove('active');\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tactiveFilters.actions.methods.add(method);\n\t\t\t\t\t\t\t\tbtn.classList.add('active');\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trenderActions();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\t// Setup log level filters\n\t\t\t\t\tdocument.querySelectorAll('[data-level]').forEach(btn => {\n\t\t\t\t\t\tbtn.addEventListener('click', () => {\n\t\t\t\t\t\t\tdocument.querySelectorAll('[data-level]').forEach(b => b.classList.remove('active'));\n\t\t\t\t\t\t\tbtn.classList.add('active');\n\t\t\t\t\t\t\tactiveFilters.logs.level = btn.dataset.level;\n\t\t\t\t\t\t\trenderLogs();\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\n\t\t\t\t\t// Setup search handlers\n\t\t\t\t\tsetupSearch('search-actions', renderActions);\n\t\t\t\t\tsetupSearch('search-pages', renderPages);\n\t\t\t\t\tsetupSearch('search-queues', renderQueues);\n\t\t\t\t\tsetupSearch('search-schedulers', renderSchedulers);\n\t\t\t\t\tsetupSearch('search-topics', renderTopics);\n\t\t\t\t\tsetupSearch('search-buckets', renderBuckets);\n\t\t\t\t\tsetupSearch('search-caches', renderCaches);\n\t\t\t\t\tsetupSearch('search-realms', renderRealms);\n\t\t\t\t\tsetupSearch('search-providers', renderProviders);\n\t\t\t\t\tsetupSearch('search-modules', renderModules);\n\t\t\t\t\tsetupSearch('search-logs', renderLogs);\n\n\t\t\t\t\t// Render initial tab\n\t\t\t\t\trenderTab('overview');\n\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.error('Failed to load metadata:', error);\n\t\t\t\t\tdocument.querySelectorAll('.loading').forEach(el => {\n\t\t\t\t\t\tel.innerHTML = \\`\n\t\t\t\t\t\t\t<div class=\"empty-state\">\n\t\t\t\t\t\t\t\t<div class=\"empty-icon\">⚠️</div>\n\t\t\t\t\t\t\t\t<div>Failed to load metadata</div>\n\t\t\t\t\t\t\t\t<div style=\"margin-top: 0.5rem; color: var(--text-muted);\">\\${escapeHtml(error.message)}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\\`;\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tinit();\n\t\t</script>\n</body>\n</html>`;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devActionMetadataSchema = t.object({\n name: t.text(),\n group: t.text(),\n method: t.text(),\n path: t.text(),\n prefix: t.text(),\n fullPath: t.text(),\n description: t.optional(t.text()),\n summary: t.optional(t.text()),\n disabled: t.optional(t.boolean()),\n secure: t.optional(t.boolean()),\n hide: t.optional(t.boolean()),\n body: t.optional(t.any()),\n params: t.optional(t.any()),\n query: t.optional(t.any()),\n response: t.optional(t.any()),\n bodyContentType: t.optional(t.text()),\n});\n\nexport type DevActionMetadata = Static<typeof devActionMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devBucketMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n mimeTypes: t.optional(t.array(t.text())),\n maxSize: t.optional(t.number()),\n provider: t.text(),\n});\n\nexport type DevBucketMetadata = Static<typeof devBucketMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devCacheMetadataSchema = t.object({\n name: t.text(),\n ttl: t.optional(t.any()),\n disabled: t.optional(t.boolean()),\n provider: t.text(),\n});\n\nexport type DevCacheMetadata = Static<typeof devCacheMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devModuleMetadataSchema = t.object({\n name: t.text(),\n providers: t.array(t.text()),\n});\n\nexport type DevModuleMetadata = Static<typeof devModuleMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devPageMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n path: t.optional(t.text()),\n params: t.optional(t.any()),\n query: t.optional(t.any()),\n hasComponent: t.boolean(),\n hasLazy: t.boolean(),\n hasResolve: t.boolean(),\n hasChildren: t.boolean(),\n hasParent: t.boolean(),\n hasErrorHandler: t.boolean(),\n static: t.optional(t.boolean()),\n cache: t.optional(t.any()),\n client: t.optional(t.any()),\n animation: t.optional(t.any()),\n});\n\nexport type DevPageMetadata = Static<typeof devPageMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devProviderMetadataSchema = t.object({\n name: t.text(),\n module: t.optional(t.text()),\n dependencies: t.array(t.text()),\n aliases: t.optional(t.array(t.text())),\n});\n\nexport type DevProviderMetadata = Static<typeof devProviderMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devQueueMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n schema: t.optional(t.any()),\n provider: t.text(),\n});\n\nexport type DevQueueMetadata = Static<typeof devQueueMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devRealmMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n roles: t.optional(t.array(t.any())),\n type: t.enum([\"internal\", \"external\"]),\n settings: t.optional(\n t.object({\n accessTokenExpiration: t.optional(t.any()),\n refreshTokenExpiration: t.optional(t.any()),\n hasOnCreateSession: t.boolean(),\n hasOnRefreshSession: t.boolean(),\n hasOnDeleteSession: t.boolean(),\n }),\n ),\n});\n\nexport type DevRealmMetadata = Static<typeof devRealmMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devSchedulerMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n cron: t.optional(t.text()),\n interval: t.optional(t.any()),\n lock: t.optional(t.boolean()),\n});\n\nexport type DevSchedulerMetadata = Static<typeof devSchedulerMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\n\nexport const devTopicMetadataSchema = t.object({\n name: t.text(),\n description: t.optional(t.text()),\n schema: t.optional(t.any()),\n provider: t.text(),\n});\n\nexport type DevTopicMetadata = Static<typeof devTopicMetadataSchema>;\n","import { type Static, t } from \"@alepha/core\";\nimport { devActionMetadataSchema } from \"./DevActionMetadata.ts\";\nimport { devBucketMetadataSchema } from \"./DevBucketMetadata.ts\";\nimport { devCacheMetadataSchema } from \"./DevCacheMetadata.ts\";\nimport { devModuleMetadataSchema } from \"./DevModuleMetadata.ts\";\nimport { devPageMetadataSchema } from \"./DevPageMetadata.ts\";\nimport { devProviderMetadataSchema } from \"./DevProviderMetadata.ts\";\nimport { devQueueMetadataSchema } from \"./DevQueueMetadata.ts\";\nimport { devRealmMetadataSchema } from \"./DevRealmMetadata.ts\";\nimport { devSchedulerMetadataSchema } from \"./DevSchedulerMetadata.ts\";\nimport { devTopicMetadataSchema } from \"./DevTopicMetadata.ts\";\n\nexport const devMetadataSchema = t.object({\n actions: t.array(devActionMetadataSchema),\n queues: t.array(devQueueMetadataSchema),\n schedulers: t.array(devSchedulerMetadataSchema),\n topics: t.array(devTopicMetadataSchema),\n buckets: t.array(devBucketMetadataSchema),\n realms: t.array(devRealmMetadataSchema),\n caches: t.array(devCacheMetadataSchema),\n pages: t.array(devPageMetadataSchema),\n providers: t.array(devProviderMetadataSchema),\n modules: t.array(devModuleMetadataSchema),\n // More metadata will be added here later\n});\n\nexport type DevMetadata = Static<typeof devMetadataSchema>;\n","import { $bucket } from \"@alepha/bucket\";\nimport { $cache } from \"@alepha/cache\";\nimport { $hook, $inject, Alepha, t } from \"@alepha/core\";\nimport type { LogEntry } from \"@alepha/logger\";\nimport { $queue } from \"@alepha/queue\";\nimport { $page } from \"@alepha/react\";\nimport { $scheduler } from \"@alepha/scheduler\";\nimport { $realm } from \"@alepha/security\";\nimport { $action, $route } from \"@alepha/server\";\nimport { $topic } from \"@alepha/topic\";\nimport { ui } from \"./constants/ui.ts\";\nimport type { DevActionMetadata } from \"./schemas/DevActionMetadata.ts\";\nimport type { DevBucketMetadata } from \"./schemas/DevBucketMetadata.ts\";\nimport type { DevCacheMetadata } from \"./schemas/DevCacheMetadata.ts\";\nimport type { DevLogEntry } from \"./schemas/DevLogEntry.ts\";\nimport { type DevMetadata, devMetadataSchema } from \"./schemas/DevMetadata.ts\";\nimport type { DevModuleMetadata } from \"./schemas/DevModuleMetadata.ts\";\nimport type { DevPageMetadata } from \"./schemas/DevPageMetadata.ts\";\nimport type { DevProviderMetadata } from \"./schemas/DevProviderMetadata.ts\";\nimport type { DevQueueMetadata } from \"./schemas/DevQueueMetadata.ts\";\nimport type { DevRealmMetadata } from \"./schemas/DevRealmMetadata.ts\";\nimport type { DevSchedulerMetadata } from \"./schemas/DevSchedulerMetadata.ts\";\nimport type { DevTopicMetadata } from \"./schemas/DevTopicMetadata.ts\";\n\nexport class DevCollectorProvider {\n protected readonly alepha = $inject(Alepha);\n protected readonly logs: DevLogEntry[] = [];\n protected readonly maxLogs = 10000;\n\n protected readonly onLog = $hook({\n on: \"log\",\n handler: (ev: { message: string; entry: LogEntry }) => {\n this.logs.push({\n formatted: ev.message,\n entry: ev.entry,\n });\n\n // Keep only the last 10000 logs\n if (this.logs.length > this.maxLogs) {\n this.logs.shift();\n }\n },\n });\n\n protected readonly uiRoute = $route({\n method: \"GET\",\n path: \"/devtools\",\n schema: {\n response: t.text(),\n },\n handler: () => {\n return ui;\n },\n });\n\n protected readonly metadataRoute = $route({\n method: \"GET\",\n path: \"/devtools/metadata\",\n schema: {\n response: devMetadataSchema,\n },\n handler: () => {\n return this.getMetadata();\n },\n });\n\n protected readonly logsRoute = $route({\n method: \"GET\",\n path: \"/devtools/logs\",\n schema: {\n response: t.array(\n t.object({\n formatted: t.text(),\n entry: t.any(),\n }),\n ),\n },\n handler: () => {\n return this.getLogs();\n },\n });\n\n public getLogs(): DevLogEntry[] {\n return this.logs;\n }\n\n // -------------------------------------------------------------------------------------------------------------------\n\n public getActions(): DevActionMetadata[] {\n const actionDescriptors = this.alepha.descriptors($action);\n\n return actionDescriptors.map((action) => {\n const schema = action.schema;\n const options = action.options as any; // Allow accessing augmented properties\n\n return {\n name: action.name,\n group: action.group,\n method: action.method,\n path: action.path,\n prefix: action.prefix,\n fullPath: action.route.path,\n description: action.options.description,\n summary: options.summary,\n disabled: action.options.disabled,\n secure: options.secure,\n hide: options.hide,\n body: schema?.body,\n params: schema?.params,\n query: schema?.query,\n response: schema?.response,\n bodyContentType: action.getBodyContentType(),\n };\n });\n }\n\n public getQueues(): DevQueueMetadata[] {\n const queueDescriptors = this.alepha.descriptors($queue);\n\n return queueDescriptors.map((queue) => ({\n name: queue.name,\n description: queue.options.description,\n schema: queue.options.schema,\n provider: this.getProviderName(queue.options.provider),\n }));\n }\n\n public getSchedulers(): DevSchedulerMetadata[] {\n const schedulerDescriptors = this.alepha.descriptors($scheduler);\n\n return schedulerDescriptors.map((scheduler) => ({\n name: scheduler.name,\n description: scheduler.options.description,\n cron: scheduler.options.cron,\n interval: scheduler.options.interval,\n lock: scheduler.options.lock,\n }));\n }\n\n public getTopics(): DevTopicMetadata[] {\n const topicDescriptors = this.alepha.descriptors($topic);\n\n return topicDescriptors.map((topic) => ({\n name: topic.name,\n description: topic.options.description,\n schema: topic.options.schema,\n provider: this.getProviderName(topic.options.provider),\n }));\n }\n\n public getBuckets(): DevBucketMetadata[] {\n const bucketDescriptors = this.alepha.descriptors($bucket);\n\n return bucketDescriptors.map((bucket) => ({\n name: bucket.name,\n description: bucket.options.description,\n mimeTypes: bucket.options.mimeTypes,\n maxSize: bucket.options.maxSize,\n provider: this.getProviderName(bucket.options.provider),\n }));\n }\n\n public getRealms(): DevRealmMetadata[] {\n const realmDescriptors = this.alepha.descriptors($realm);\n\n return realmDescriptors.map((realm) => ({\n name: realm.name,\n description: realm.options.description,\n roles: realm.options.roles,\n type: \"secret\" in realm.options ? \"internal\" : \"external\",\n settings: {\n accessTokenExpiration: realm.options.settings?.accessToken?.expiration,\n refreshTokenExpiration:\n realm.options.settings?.refreshToken?.expiration,\n hasOnCreateSession: !!realm.options.settings?.onCreateSession,\n hasOnRefreshSession: !!realm.options.settings?.onRefreshSession,\n hasOnDeleteSession: !!realm.options.settings?.onDeleteSession,\n },\n }));\n }\n\n public getCaches(): DevCacheMetadata[] {\n const cacheDescriptors = this.alepha.descriptors($cache);\n\n return cacheDescriptors.map((cache) => ({\n name: cache.container,\n ttl: cache.options.ttl,\n disabled: cache.options.disabled,\n provider: this.getProviderName(cache.options.provider),\n }));\n }\n\n public getPages(): DevPageMetadata[] {\n const pageDescriptors = this.alepha.descriptors($page);\n\n return pageDescriptors.map((page) => ({\n name: page.name,\n description: page.options.description,\n path: page.options.path,\n params: page.options.schema?.params,\n query: page.options.schema?.query,\n hasComponent: !!page.options.component,\n hasLazy: !!page.options.lazy,\n hasResolve: !!page.options.resolve,\n hasChildren: !!page.options.children,\n hasParent: !!page.options.parent,\n hasErrorHandler: !!page.options.errorHandler,\n static:\n typeof page.options.static === \"boolean\"\n ? page.options.static\n : !!page.options.static,\n cache: page.options.cache,\n client: page.options.client,\n animation: page.options.animation,\n }));\n }\n\n public getProviders(): DevProviderMetadata[] {\n const graph = this.alepha.graph();\n\n return Object.entries(graph).map(([name, info]) => ({\n name,\n module: info.module,\n dependencies: info.from,\n aliases: info.as,\n }));\n }\n\n public getModules(): DevModuleMetadata[] {\n const graph = this.alepha.graph();\n const moduleMap = new Map<string, Set<string>>();\n\n // Group providers by module\n for (const [providerName, info] of Object.entries(graph)) {\n if (info.module) {\n if (!moduleMap.has(info.module)) {\n moduleMap.set(info.module, new Set());\n }\n moduleMap.get(info.module)!.add(providerName);\n }\n }\n\n return Array.from(moduleMap.entries()).map(([name, providers]) => ({\n name,\n providers: Array.from(providers),\n }));\n }\n\n public getMetadata(): DevMetadata {\n return {\n actions: this.getActions(),\n queues: this.getQueues(),\n schedulers: this.getSchedulers(),\n topics: this.getTopics(),\n buckets: this.getBuckets(),\n realms: this.getRealms(),\n caches: this.getCaches(),\n pages: this.getPages(),\n providers: this.getProviders(),\n modules: this.getModules(),\n };\n }\n\n // -------------------------------------------------------------------------------------------------------------------\n\n protected getProviderName(provider?: \"memory\" | any): string {\n if (!provider) {\n return \"default\";\n }\n if (provider === \"memory\") {\n return \"memory\";\n }\n return provider.name || \"custom\";\n }\n}\n","import { type Static, t } from \"@alepha/core\";\nimport type { LogEntry } from \"@alepha/logger\";\n\nexport const devLogEntrySchema = t.object({\n formatted: t.text(),\n entry: t.any(), // Use any since LogEntry has Date instead of string for timestamp\n});\n\nexport type DevLogEntry = Static<typeof devLogEntrySchema> & {\n entry: LogEntry;\n};\n","import { $module } from \"@alepha/core\";\nimport { DevCollectorProvider } from \"./DevCollectorProvider.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\nexport * from \"./DevCollectorProvider.ts\";\nexport * from \"./schemas/DevActionMetadata.ts\";\nexport * from \"./schemas/DevBucketMetadata.ts\";\nexport * from \"./schemas/DevCacheMetadata.ts\";\nexport * from \"./schemas/DevLogEntry.ts\";\nexport * from \"./schemas/DevMetadata.ts\";\nexport * from \"./schemas/DevModuleMetadata.ts\";\nexport * from \"./schemas/DevPageMetadata.ts\";\nexport * from \"./schemas/DevProviderMetadata.ts\";\nexport * from \"./schemas/DevQueueMetadata.ts\";\nexport * from \"./schemas/DevRealmMetadata.ts\";\nexport * from \"./schemas/DevSchedulerMetadata.ts\";\nexport * from \"./schemas/DevTopicMetadata.ts\";\n\n// ---------------------------------------------------------------------------------------------------------------------\n\n/**\n * Developer tools module for monitoring and debugging Alepha applications.\n *\n * This module provides comprehensive data collection capabilities for tracking application behavior,\n * performance metrics, and debugging information in real-time.\n *\n * @see {@link DevCollectorProvider}\n * @module alepha.devtools\n */\nexport const AlephaDevtools = $module({\n name: \"alepha.devtools\",\n descriptors: [],\n services: [DevCollectorProvider],\n});\n"],"mappings":";;;;;;;;;;;AACA,MAAa,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alepha/devtools",
|
|
3
3
|
"description": "Developer tools for monitoring and debugging Alepha applications.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.11.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"engines": {
|
|
7
7
|
"node": ">=22.0.0"
|
|
@@ -14,20 +14,20 @@
|
|
|
14
14
|
"src"
|
|
15
15
|
],
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@alepha/bucket": "0.
|
|
18
|
-
"@alepha/cache": "0.
|
|
19
|
-
"@alepha/core": "0.
|
|
20
|
-
"@alepha/logger": "0.
|
|
21
|
-
"@alepha/queue": "0.
|
|
22
|
-
"@alepha/react": "0.
|
|
23
|
-
"@alepha/scheduler": "0.
|
|
24
|
-
"@alepha/security": "0.
|
|
25
|
-
"@alepha/server": "0.
|
|
26
|
-
"@alepha/topic": "0.
|
|
17
|
+
"@alepha/bucket": "0.11.0",
|
|
18
|
+
"@alepha/cache": "0.11.0",
|
|
19
|
+
"@alepha/core": "0.11.0",
|
|
20
|
+
"@alepha/logger": "0.11.0",
|
|
21
|
+
"@alepha/queue": "0.11.0",
|
|
22
|
+
"@alepha/react": "0.11.0",
|
|
23
|
+
"@alepha/scheduler": "0.11.0",
|
|
24
|
+
"@alepha/security": "0.11.0",
|
|
25
|
+
"@alepha/server": "0.11.0",
|
|
26
|
+
"@alepha/topic": "0.11.0"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@biomejs/biome": "^2.2
|
|
30
|
-
"tsdown": "^0.15.
|
|
29
|
+
"@biomejs/biome": "^2.3.2",
|
|
30
|
+
"tsdown": "^0.15.11",
|
|
31
31
|
"typescript": "^5.9.3",
|
|
32
32
|
"vitest": "^3.2.4"
|
|
33
33
|
},
|
|
@@ -84,6 +84,8 @@ export class DevCollectorProvider {
|
|
|
84
84
|
return this.logs;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
+
// -------------------------------------------------------------------------------------------------------------------
|
|
88
|
+
|
|
87
89
|
public getActions(): DevActionMetadata[] {
|
|
88
90
|
const actionDescriptors = this.alepha.descriptors($action);
|
|
89
91
|
|
|
@@ -259,6 +261,8 @@ export class DevCollectorProvider {
|
|
|
259
261
|
};
|
|
260
262
|
}
|
|
261
263
|
|
|
264
|
+
// -------------------------------------------------------------------------------------------------------------------
|
|
265
|
+
|
|
262
266
|
protected getProviderName(provider?: "memory" | any): string {
|
|
263
267
|
if (!provider) {
|
|
264
268
|
return "default";
|