npm - @intranefr/superbackend - Versions diffs - 1.5.0 → 1.5.2 - Mend

@intranefr/superbackend 1.5.0 → 1.5.2

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.

Files changed (198) hide show

package/.env.example +15 -0
package/README.md +11 -0
package/analysis-only.skill +0 -0
package/index.js +23 -0
package/package.json +8 -2
package/src/admin/endpointRegistry.js +120 -0
package/src/controllers/admin.controller.js +90 -6
package/src/controllers/adminBlockDefinitions.controller.js +127 -0
package/src/controllers/adminBlockDefinitionsAi.controller.js +54 -0
package/src/controllers/adminCache.controller.js +342 -0
package/src/controllers/adminContextBlockDefinitions.controller.js +141 -0
package/src/controllers/adminCrons.controller.js +388 -0
package/src/controllers/adminDbBrowser.controller.js +124 -0
package/src/controllers/adminEjsVirtual.controller.js +13 -3
package/src/controllers/adminExperiments.controller.js +200 -0
package/src/controllers/adminHeadless.controller.js +9 -2
package/src/controllers/adminHealthChecks.controller.js +570 -0
package/src/controllers/adminI18n.controller.js +51 -29
package/src/controllers/adminLlm.controller.js +126 -2
package/src/controllers/adminPages.controller.js +720 -0
package/src/controllers/adminPagesContextBlocksAi.controller.js +54 -0
package/src/controllers/adminProxy.controller.js +113 -0
package/src/controllers/adminRateLimits.controller.js +138 -0
package/src/controllers/adminRbac.controller.js +803 -0
package/src/controllers/adminScripts.controller.js +126 -4
package/src/controllers/adminSeoConfig.controller.js +71 -48
package/src/controllers/blogAdmin.controller.js +279 -0
package/src/controllers/blogAiAdmin.controller.js +224 -0
package/src/controllers/blogAutomationAdmin.controller.js +141 -0
package/src/controllers/blogInternal.controller.js +26 -0
package/src/controllers/blogPublic.controller.js +89 -0
package/src/controllers/experiments.controller.js +85 -0
package/src/controllers/fileManager.controller.js +190 -0
package/src/controllers/fileManagerStoragePolicy.controller.js +23 -0
package/src/controllers/healthChecksPublic.controller.js +196 -0
package/src/controllers/internalExperiments.controller.js +17 -0
package/src/controllers/metrics.controller.js +64 -4
package/src/controllers/orgAdmin.controller.js +80 -0
package/src/helpers/mongooseHelper.js +258 -0
package/src/helpers/scriptBase.js +230 -0
package/src/helpers/scriptRunner.js +335 -0
package/src/middleware/rbac.js +62 -0
package/src/middleware.js +810 -48
package/src/models/BlockDefinition.js +27 -0
package/src/models/BlogAutomationLock.js +14 -0
package/src/models/BlogAutomationRun.js +39 -0
package/src/models/BlogPost.js +42 -0
package/src/models/CacheEntry.js +26 -0
package/src/models/ConsoleEntry.js +32 -0
package/src/models/ConsoleLog.js +23 -0
package/src/models/ContextBlockDefinition.js +33 -0
package/src/models/CronExecution.js +47 -0
package/src/models/CronJob.js +70 -0
package/src/models/Experiment.js +75 -0
package/src/models/ExperimentAssignment.js +23 -0
package/src/models/ExperimentEvent.js +26 -0
package/src/models/ExperimentMetricBucket.js +30 -0
package/src/models/ExternalDbConnection.js +49 -0
package/src/models/FileEntry.js +22 -0
package/src/models/GlobalSetting.js +1 -2
package/src/models/HealthAutoHealAttempt.js +57 -0
package/src/models/HealthCheck.js +132 -0
package/src/models/HealthCheckRun.js +51 -0
package/src/models/HealthIncident.js +49 -0
package/src/models/Page.js +95 -0
package/src/models/PageCollection.js +42 -0
package/src/models/ProxyEntry.js +66 -0
package/src/models/RateLimitCounter.js +19 -0
package/src/models/RateLimitMetricBucket.js +20 -0
package/src/models/RbacGrant.js +25 -0
package/src/models/RbacGroup.js +16 -0
package/src/models/RbacGroupMember.js +13 -0
package/src/models/RbacGroupRole.js +13 -0
package/src/models/RbacRole.js +25 -0
package/src/models/RbacUserRole.js +13 -0
package/src/models/ScriptDefinition.js +1 -0
package/src/models/Webhook.js +2 -0
package/src/routes/admin.routes.js +2 -0
package/src/routes/adminBlog.routes.js +21 -0
package/src/routes/adminBlogAi.routes.js +16 -0
package/src/routes/adminBlogAutomation.routes.js +27 -0
package/src/routes/adminCache.routes.js +20 -0
package/src/routes/adminConsoleManager.routes.js +302 -0
package/src/routes/adminCrons.routes.js +25 -0
package/src/routes/adminDbBrowser.routes.js +65 -0
package/src/routes/adminEjsVirtual.routes.js +2 -1
package/src/routes/adminExperiments.routes.js +29 -0
package/src/routes/adminHeadless.routes.js +2 -1
package/src/routes/adminHealthChecks.routes.js +28 -0
package/src/routes/adminI18n.routes.js +4 -3
package/src/routes/adminLlm.routes.js +4 -2
package/src/routes/adminPages.routes.js +55 -0
package/src/routes/adminProxy.routes.js +15 -0
package/src/routes/adminRateLimits.routes.js +17 -0
package/src/routes/adminRbac.routes.js +38 -0
package/src/routes/adminSeoConfig.routes.js +5 -4
package/src/routes/adminUiComponents.routes.js +2 -1
package/src/routes/blogInternal.routes.js +14 -0
package/src/routes/blogPublic.routes.js +9 -0
package/src/routes/experiments.routes.js +30 -0
package/src/routes/fileManager.routes.js +62 -0
package/src/routes/fileManagerStoragePolicy.routes.js +9 -0
package/src/routes/healthChecksPublic.routes.js +9 -0
package/src/routes/internalExperiments.routes.js +15 -0
package/src/routes/log.routes.js +43 -60
package/src/routes/metrics.routes.js +4 -2
package/src/routes/orgAdmin.routes.js +1 -0
package/src/routes/pages.routes.js +123 -0
package/src/routes/proxy.routes.js +46 -0
package/src/routes/rbac.routes.js +47 -0
package/src/routes/webhook.routes.js +2 -1
package/src/routes/workflows.routes.js +4 -0
package/src/services/blockDefinitionsAi.service.js +247 -0
package/src/services/blog.service.js +99 -0
package/src/services/blogAutomation.service.js +978 -0
package/src/services/blogCronsBootstrap.service.js +185 -0
package/src/services/blogPublishing.service.js +58 -0
package/src/services/cacheLayer.service.js +696 -0
package/src/services/consoleManager.service.js +738 -0
package/src/services/consoleOverride.service.js +7 -1
package/src/services/cronScheduler.service.js +350 -0
package/src/services/dbBrowser.service.js +536 -0
package/src/services/ejsVirtual.service.js +102 -32
package/src/services/experiments.service.js +273 -0
package/src/services/experimentsAggregation.service.js +308 -0
package/src/services/experimentsCronsBootstrap.service.js +118 -0
package/src/services/experimentsRetention.service.js +43 -0
package/src/services/experimentsWs.service.js +134 -0
package/src/services/fileManager.service.js +475 -0
package/src/services/fileManagerStoragePolicy.service.js +285 -0
package/src/services/globalSettings.service.js +15 -0
package/src/services/healthChecks.service.js +650 -0
package/src/services/healthChecksBootstrap.service.js +109 -0
package/src/services/healthChecksScheduler.service.js +106 -0
package/src/services/jsonConfigs.service.js +2 -2
package/src/services/llmDefaults.service.js +190 -0
package/src/services/migrationAssets/s3.js +2 -2
package/src/services/pages.service.js +602 -0
package/src/services/pagesContext.service.js +331 -0
package/src/services/pagesContextBlocksAi.service.js +349 -0
package/src/services/proxy.service.js +535 -0
package/src/services/rateLimiter.service.js +623 -0
package/src/services/rbac.service.js +212 -0
package/src/services/scriptsRunner.service.js +215 -15
package/src/services/uiComponentsAi.service.js +6 -19
package/src/services/workflow.service.js +23 -8
package/src/utils/orgRoles.js +14 -0
package/src/utils/rbac/engine.js +60 -0
package/src/utils/rbac/rightsRegistry.js +33 -0
package/views/admin-blog-automation.ejs +877 -0
package/views/admin-blog-edit.ejs +542 -0
package/views/admin-blog.ejs +399 -0
package/views/admin-cache.ejs +681 -0
package/views/admin-console-manager.ejs +680 -0
package/views/admin-crons.ejs +645 -0
package/views/admin-dashboard.ejs +28 -8
package/views/admin-db-browser.ejs +445 -0
package/views/admin-ejs-virtual.ejs +16 -10
package/views/admin-experiments.ejs +91 -0
package/views/admin-file-manager.ejs +942 -0
package/views/admin-health-checks.ejs +725 -0
package/views/admin-i18n.ejs +59 -5
package/views/admin-llm.ejs +99 -1
package/views/admin-organizations.ejs +163 -1
package/views/admin-pages.ejs +2424 -0
package/views/admin-proxy.ejs +491 -0
package/views/admin-rate-limiter.ejs +625 -0
package/views/admin-rbac.ejs +1331 -0
package/views/admin-scripts.ejs +597 -3
package/views/admin-seo-config.ejs +61 -7
package/views/admin-ui-components.ejs +57 -25
package/views/admin-workflows.ejs +7 -7
package/views/file-manager.ejs +866 -0
package/views/pages/blocks/contact.ejs +27 -0
package/views/pages/blocks/cta.ejs +18 -0
package/views/pages/blocks/faq.ejs +20 -0
package/views/pages/blocks/features.ejs +19 -0
package/views/pages/blocks/hero.ejs +13 -0
package/views/pages/blocks/html.ejs +5 -0
package/views/pages/blocks/image.ejs +14 -0
package/views/pages/blocks/testimonials.ejs +26 -0
package/views/pages/blocks/text.ejs +10 -0
package/views/pages/layouts/default.ejs +51 -0
package/views/pages/layouts/minimal.ejs +42 -0
package/views/pages/layouts/sidebar.ejs +54 -0
package/views/pages/partials/footer.ejs +13 -0
package/views/pages/partials/header.ejs +12 -0
package/views/pages/partials/sidebar.ejs +8 -0
package/views/pages/runtime/page.ejs +10 -0
package/views/pages/templates/article.ejs +20 -0
package/views/pages/templates/default.ejs +12 -0
package/views/pages/templates/landing.ejs +14 -0
package/views/pages/templates/listing.ejs +15 -0
package/views/partials/admin-image-upload-modal.ejs +221 -0
package/views/partials/dashboard/nav-items.ejs +12 -0
package/views/partials/dashboard/palette.ejs +5 -3
package/views/partials/llm-provider-model-picker.ejs +183 -0
package/src/routes/llmUi.routes.js +0 -26

package/views/admin-health-checks.ejs ADDED Viewed

@@ -0,0 +1,725 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Admin Health Checks</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css">
+</head>
+<body class="bg-gray-50">
+  <div id="app" class="max-w-7xl mx-auto px-6 py-6">
+    <div class="flex items-center justify-between mb-6">
+      <div>
+        <h1 class="text-2xl font-semibold text-gray-900">Health Checks</h1>
+        <div class="text-sm text-gray-500">Endpoint monitoring, incident tracking, and optional auto-healing</div>
+      </div>
+      <div class="flex items-center gap-2">
+        <button @click="showCreateModal = true" class="px-3 py-2 rounded bg-blue-600 text-white text-sm hover:bg-blue-700">
+          <i class="ti ti-plus mr-1"></i> New Check
+        </button>
+        <button @click="refreshAll" class="px-3 py-2 rounded bg-gray-600 text-white text-sm hover:bg-gray-700">
+          <i class="ti ti-refresh mr-1"></i> Refresh
+        </button>
+      </div>
+    </div>
+    <!-- Public status toggle -->
+    <div class="bg-white border border-gray-200 rounded-lg p-4 mb-6">
+      <div class="flex items-start justify-between gap-4">
+        <div>
+          <div class="text-sm font-medium text-gray-900">Public status summary endpoint</div>
+          <div class="text-xs text-gray-500 mt-1">
+            When enabled, exposes <code class="px-1 py-0.5 bg-gray-100 rounded">/api/health-checks/status</code> (no auth).
+          </div>
+        </div>
+        <div class="flex items-center gap-3">
+          <span class="text-xs text-gray-500" v-if="publicStatusEnabled">Enabled</span>
+          <span class="text-xs text-gray-500" v-else>Disabled</span>
+          <button @click="togglePublicStatus" class="relative inline-flex h-6 w-11 items-center rounded-full" :class="publicStatusEnabled ? 'bg-emerald-600' : 'bg-gray-300'">
+            <span class="inline-block h-5 w-5 transform rounded-full bg-white transition" :class="publicStatusEnabled ? 'translate-x-5' : 'translate-x-1'"></span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <!-- Checks List -->
+    <div class="bg-white border border-gray-200 rounded-lg">
+      <div class="overflow-x-auto">
+        <table class="w-full">
+          <thead class="bg-gray-50 border-b border-gray-200">
+            <tr>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Target</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Schedule</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Last run</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+              <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-200">
+            <tr v-for="hc in healthChecks" :key="hc._id" class="hover:bg-gray-50">
+              <td class="px-4 py-3">
+                <div>
+                  <div class="text-sm font-medium text-gray-900">{{ hc.name }}</div>
+                  <div class="text-xs text-gray-500">{{ hc.description || 'No description' }}</div>
+                </div>
+              </td>
+              <td class="px-4 py-3">
+                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium"
+                      :class="hc.checkType === 'http' ? 'bg-green-100 text-green-800' : hc.checkType === 'script' ? 'bg-blue-100 text-blue-800' : 'bg-gray-100 text-gray-800'">
+                  <i :class="hc.checkType === 'http' ? 'ti ti-world' : hc.checkType === 'script' ? 'ti ti-terminal-2' : 'ti ti-circle-dashed'" class="mr-1"></i>
+                  {{ hc.checkType }}
+                </span>
+              </td>
+              <td class="px-4 py-3 text-sm text-gray-900">
+                <span v-if="hc.checkType === 'http'" class="font-mono text-xs">{{ hc.httpUrl }}</span>
+                <span v-else-if="hc.checkType === 'script'" class="text-xs text-gray-700">Script: {{ resolveScriptName(hc.scriptId) }}</span>
+                <span v-else class="text-xs text-gray-500">(internal)</span>
+              </td>
+              <td class="px-4 py-3">
+                <div class="text-sm text-gray-900 font-mono">{{ hc.cronExpression }}</div>
+                <div class="text-xs text-gray-500">{{ hc.timezone }}</div>
+              </td>
+              <td class="px-4 py-3 text-sm text-gray-900">
+                <div>{{ formatDate(hc.lastRunAt) }}</div>
+                <div class="text-xs text-gray-500" v-if="hc.lastLatencyMs">{{ hc.lastLatencyMs }}ms</div>
+              </td>
+              <td class="px-4 py-3">
+                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium"
+                      :class="getHealthStatusClass(hc.lastStatus, hc.currentIncidentId)">
+                  {{ getHealthStatusLabel(hc.lastStatus, hc.currentIncidentId) }}
+                </span>
+                <div class="text-xs text-gray-500 mt-1" v-if="hc.enabled === false">Disabled</div>
+              </td>
+              <td class="px-4 py-3">
+                <div class="flex items-center gap-1">
+                  <button @click="triggerCheck(hc._id)" class="p-1 text-emerald-600 hover:bg-emerald-50 rounded" title="Run now">
+                    <i class="ti ti-player-play"></i>
+                  </button>
+                  <button @click="toggleCheck(hc)" :class="hc.enabled ? 'text-orange-600 hover:bg-orange-50' : 'text-green-600 hover:bg-green-50'" class="p-1 rounded" :title="hc.enabled ? 'Disable' : 'Enable'">
+                    <i :class="hc.enabled ? 'ti ti-player-pause' : 'ti ti-player-track-next'"></i>
+                  </button>
+                  <button @click="viewRuns(hc)" class="p-1 text-blue-600 hover:bg-blue-50 rounded" title="View run history">
+                    <i class="ti ti-history"></i>
+                  </button>
+                  <button @click="editCheck(hc)" class="p-1 text-gray-600 hover:bg-gray-50 rounded" title="Edit">
+                    <i class="ti ti-edit"></i>
+                  </button>
+                  <button @click="deleteCheck(hc)" class="p-1 text-red-600 hover:bg-red-50 rounded" title="Delete">
+                    <i class="ti ti-trash"></i>
+                  </button>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        <div v-if="healthChecks.length === 0" class="text-center py-8 text-gray-500">
+          No health checks configured. Click "New Check" to create one.
+        </div>
+      </div>
+    </div>
+    <!-- Create/Edit Modal -->
+    <div v-if="showCreateModal || editingCheck" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+      <div class="bg-white rounded-lg w-full max-w-3xl max-h-[90vh] overflow-y-auto">
+        <div class="p-6">
+          <h2 class="text-lg font-semibold mb-4">{{ editingCheck ? 'Edit Health Check' : 'Create Health Check' }}</h2>
+          <div class="space-y-4">
+            <div class="grid grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Name</label>
+                <input v-model="form.name" type="text" class="w-full border rounded px-3 py-2" placeholder="API healthz" />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+                <input v-model="form.description" type="text" class="w-full border rounded px-3 py-2" placeholder="(optional)" />
+              </div>
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Cron Expression</label>
+                <input v-model="form.cronExpression" type="text" class="w-full border rounded px-3 py-2 font-mono text-sm" placeholder="*/1 * * * *" />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Timezone</label>
+                <input v-model="form.timezone" type="text" class="w-full border rounded px-3 py-2" placeholder="UTC" />
+              </div>
+            </div>
+            <div class="grid grid-cols-2 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Check Type</label>
+                <select v-model="form.checkType" @change="onCheckTypeChange" class="w-full border rounded px-3 py-2">
+                  <option value="http">HTTP</option>
+                  <option value="script">Script</option>
+                </select>
+              </div>
+              <div class="flex items-center pt-6">
+                <input v-model="form.enabled" type="checkbox" class="h-4 w-4" />
+                <label class="ml-2 text-sm text-gray-700">Enabled</label>
+              </div>
+            </div>
+            <!-- HTTP -->
+            <div v-if="form.checkType === 'http'" class="space-y-4 p-4 bg-gray-50 rounded">
+              <div class="grid grid-cols-2 gap-4">
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-1">Method</label>
+                  <select v-model="form.httpMethod" class="w-full border rounded px-3 py-2">
+                    <option value="GET">GET</option>
+                    <option value="POST">POST</option>
+                    <option value="PUT">PUT</option>
+                    <option value="DELETE">DELETE</option>
+                    <option value="PATCH">PATCH</option>
+                  </select>
+                </div>
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-1">URL</label>
+                  <input v-model="form.httpUrl" type="url" class="w-full border rounded px-3 py-2" placeholder="https://api.example.com/healthz" />
+                </div>
+              </div>
+              <div class="grid grid-cols-3 gap-4">
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-1">Expected status codes</label>
+                  <input v-model="form.expectedStatusCodesCsv" type="text" class="w-full border rounded px-3 py-2 font-mono text-sm" placeholder="200,204" />
+                </div>
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-1">Max latency (ms)</label>
+                  <input v-model.number="form.maxLatencyMs" type="number" class="w-full border rounded px-3 py-2" placeholder="1000" />
+                </div>
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-1">Timeout (ms)</label>
+                  <input v-model.number="form.timeoutMs" type="number" class="w-full border rounded px-3 py-2" placeholder="30000" />
+                </div>
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Auth</label>
+                <select v-model="form.httpAuth.type" class="w-full border rounded px-3 py-2">
+                  <option value="none">None</option>
+                  <option value="bearer">Bearer (stored encrypted in Global Settings)</option>
+                  <option value="basic">Basic (password stored encrypted in Global Settings)</option>
+                </select>
+                <div v-if="form.httpAuth.type === 'bearer'" class="mt-2">
+                  <div class="text-xs text-gray-500 mb-1" v-if="editingCheck && editingCheck.httpAuth && editingCheck.httpAuth.tokenSettingKey">
+                    Token is already stored. Enter a new token only if you want to rotate it.
+                  </div>
+                  <input v-model="form.httpAuth.token" type="text" placeholder="Bearer token (optional on edit)" class="w-full border rounded px-3 py-2 font-mono text-sm" />
+                </div>
+                <div v-if="form.httpAuth.type === 'basic'" class="mt-2 grid grid-cols-2 gap-2">
+                  <div>
+                    <input v-model="form.httpAuth.username" type="text" placeholder="Username" class="w-full border rounded px-3 py-2" />
+                  </div>
+                  <div>
+                    <div class="text-xs text-gray-500 mb-1" v-if="editingCheck && editingCheck.httpAuth && editingCheck.httpAuth.passwordSettingKey">
+                      Password is already stored. Enter a new password only if you want to rotate it.
+                    </div>
+                    <input v-model="form.httpAuth.password" type="password" placeholder="Password (optional on edit)" class="w-full border rounded px-3 py-2" />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- Script -->
+            <div v-if="form.checkType === 'script'" class="space-y-4 p-4 bg-gray-50 rounded">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Script</label>
+                <select v-model="form.scriptId" class="w-full border rounded px-3 py-2">
+                  <option value="">Select a script</option>
+                  <option v-for="s in scripts" :key="s._id" :value="s._id">{{ s.name }} ({{ s.type }}, {{ s.runner }})</option>
+                </select>
+              </div>
+            </div>
+            <!-- Policy -->
+            <div class="grid grid-cols-3 gap-4">
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Fail threshold</label>
+                <input v-model.number="form.consecutiveFailuresToOpen" type="number" class="w-full border rounded px-3 py-2" placeholder="3" />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Resolve threshold</label>
+                <input v-model.number="form.consecutiveSuccessesToResolve" type="number" class="w-full border rounded px-3 py-2" placeholder="2" />
+              </div>
+              <div>
+                <label class="block text-sm font-medium text-gray-700 mb-1">Retries</label>
+                <input v-model.number="form.retries" type="number" class="w-full border rounded px-3 py-2" placeholder="0" />
+              </div>
+            </div>
+            <!-- Notifications -->
+            <div class="p-4 bg-gray-50 rounded space-y-3">
+              <div class="text-sm font-medium text-gray-900">Notifications</div>
+              <div class="grid grid-cols-2 gap-4">
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-1">Channel</label>
+                  <select v-model="form.notificationChannel" class="w-full border rounded px-3 py-2">
+                    <option value="in_app">In-app</option>
+                    <option value="email">Email</option>
+                    <option value="both">Both</option>
+                  </select>
+                </div>
+                <div>
+                  <label class="block text-sm font-medium text-gray-700 mb-1">Notify user IDs (comma-separated)</label>
+                  <input v-model="form.notifyUserIdsCsv" type="text" class="w-full border rounded px-3 py-2 font-mono text-sm" placeholder="507f1f77bcf86cd799439011, ..." />
+                </div>
+              </div>
+              <div class="flex flex-wrap items-center gap-4 text-sm">
+                <label class="inline-flex items-center gap-2">
+                  <input type="checkbox" v-model="form.notifyOnOpen" /> Notify on open
+                </label>
+                <label class="inline-flex items-center gap-2">
+                  <input type="checkbox" v-model="form.notifyOnResolve" /> Notify on resolve
+                </label>
+                <label class="inline-flex items-center gap-2">
+                  <input type="checkbox" v-model="form.notifyOnEscalation" /> Notify on escalation
+                </label>
+                <label class="inline-flex items-center gap-2">
+                  <input type="checkbox" v-model="form.suppressNotificationsWhenAcknowledged" /> Suppress when acknowledged
+                </label>
+              </div>
+            </div>
+            <!-- Auto-heal (minimal) -->
+            <div class="p-4 bg-gray-50 rounded space-y-3">
+              <div class="flex items-center justify-between">
+                <div class="text-sm font-medium text-gray-900">Auto-heal</div>
+                <label class="inline-flex items-center gap-2 text-sm">
+                  <input type="checkbox" v-model="form.autoHealEnabled" /> Enabled
+                </label>
+              </div>
+              <div class="text-xs text-gray-500">
+                Configure actions via API for now (stored as <code class="px-1 py-0.5 bg-gray-100 rounded">autoHealActions</code>). UI focuses on monitoring + run history.
+              </div>
+            </div>
+          </div>
+          <div class="mt-6 flex justify-end gap-2">
+            <button @click="closeModal" class="px-4 py-2 border rounded text-gray-700 hover:bg-gray-50">Cancel</button>
+            <button @click="saveCheck" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
+              {{ editingCheck ? 'Update' : 'Create' }}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Run History Modal -->
+    <div v-if="showRunsModal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
+      <div class="bg-white rounded-lg w-full max-w-5xl max-h-[90vh] overflow-y-auto">
+        <div class="p-6">
+          <div class="flex items-center justify-between mb-4">
+            <h2 class="text-lg font-semibold">Run History</h2>
+            <button @click="showRunsModal = false" class="text-gray-400 hover:text-gray-600">
+              <i class="ti ti-x text-xl"></i>
+            </button>
+          </div>
+          <div class="mb-4 text-sm text-gray-600">
+            Showing last runs for: <strong>{{ selectedCheck?.name }}</strong>
+          </div>
+          <div class="overflow-x-auto">
+            <table class="w-full text-sm">
+              <thead class="bg-gray-50">
+                <tr>
+                  <th class="px-4 py-2 text-left">Started</th>
+                  <th class="px-4 py-2 text-left">Duration</th>
+                  <th class="px-4 py-2 text-left">Latency</th>
+                  <th class="px-4 py-2 text-left">Status</th>
+                  <th class="px-4 py-2 text-left">HTTP</th>
+                  <th class="px-4 py-2 text-left">Reason</th>
+                </tr>
+              </thead>
+              <tbody class="divide-y">
+                <tr v-for="r in runs" :key="r._id">
+                  <td class="px-4 py-2">{{ formatDate(r.startedAt) }}</td>
+                  <td class="px-4 py-2">{{ r.durationMs ? `${r.durationMs}ms` : '-' }}</td>
+                  <td class="px-4 py-2">{{ r.latencyMs ? `${r.latencyMs}ms` : '-' }}</td>
+                  <td class="px-4 py-2">
+                    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium" :class="getRunStatusClass(r.status)">
+                      {{ r.status }}
+                    </span>
+                  </td>
+                  <td class="px-4 py-2">{{ r.httpStatusCode || '-' }}</td>
+                  <td class="px-4 py-2 text-gray-700">{{ r.reason || r.errorMessage || '-' }}</td>
+                </tr>
+              </tbody>
+            </table>
+            <div v-if="runs.length === 0" class="text-center py-4 text-gray-500">No runs found</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <script>
+    const { createApp } = Vue;
+    createApp({
+      data() {
+        return {
+          healthChecks: [],
+          scripts: [],
+          publicStatusEnabled: false,
+          showCreateModal: false,
+          editingCheck: null,
+          showRunsModal: false,
+          selectedCheck: null,
+          runs: [],
+          form: {
+            name: '',
+            description: '',
+            enabled: true,
+            cronExpression: '*/1 * * * *',
+            timezone: 'UTC',
+            checkType: 'http',
+            httpMethod: 'GET',
+            httpUrl: '',
+            httpAuth: { type: 'none', username: '', token: '', password: '' },
+            scriptId: '',
+            expectedStatusCodesCsv: '200',
+            maxLatencyMs: null,
+            timeoutMs: 30000,
+            consecutiveFailuresToOpen: 3,
+            consecutiveSuccessesToResolve: 2,
+            retries: 0,
+            notificationChannel: 'in_app',
+            notifyUserIdsCsv: '',
+            notifyOnOpen: true,
+            notifyOnResolve: true,
+            notifyOnEscalation: false,
+            suppressNotificationsWhenAcknowledged: true,
+            autoHealEnabled: false,
+          },
+        };
+      },
+      async mounted() {
+        await this.refreshAll();
+      },
+      methods: {
+        async refreshAll() {
+          await Promise.all([this.loadChecks(), this.loadScripts()]);
+        },
+        async loadChecks() {
+          try {
+            const res = await fetch('/api/admin/health-checks');
+            const data = await res.json();
+            this.healthChecks = data.items || [];
+            this.publicStatusEnabled = Boolean(data.publicStatusEnabled);
+          } catch (e) {
+            console.error('Failed to load health checks:', e);
+          }
+        },
+        async loadScripts() {
+          try {
+            const res = await fetch('/api/admin/scripts');
+            const data = await res.json();
+            this.scripts = data.items || [];
+          } catch (e) {
+            console.error('Failed to load scripts:', e);
+          }
+        },
+        resolveScriptName(scriptId) {
+          if (!scriptId) return '(none)';
+          const s = this.scripts.find((x) => String(x._id) === String(scriptId));
+          return s ? s.name : String(scriptId);
+        },
+        getHealthStatusLabel(lastStatus, incidentId) {
+          if (incidentId) return 'Incident';
+          if (!lastStatus) return 'Unknown';
+          return lastStatus === 'healthy' ? 'Healthy' : lastStatus === 'unhealthy' ? 'Unhealthy' : 'Unknown';
+        },
+        getHealthStatusClass(lastStatus, incidentId) {
+          if (incidentId) return 'bg-red-100 text-red-800';
+          if (lastStatus === 'healthy') return 'bg-green-100 text-green-800';
+          if (lastStatus === 'unhealthy') return 'bg-red-100 text-red-800';
+          return 'bg-gray-100 text-gray-800';
+        },
+        getRunStatusClass(status) {
+          switch (status) {
+            case 'healthy': return 'bg-green-100 text-green-800';
+            case 'unhealthy': return 'bg-red-100 text-red-800';
+            case 'timed_out': return 'bg-yellow-100 text-yellow-800';
+            case 'error': return 'bg-red-100 text-red-800';
+            case 'running': return 'bg-blue-100 text-blue-800';
+            default: return 'bg-gray-100 text-gray-800';
+          }
+        },
+        formatDate(date) {
+          if (!date) return '-';
+          return new Date(date).toLocaleString();
+        },
+        onCheckTypeChange() {
+          if (this.form.checkType === 'http') {
+            this.form.scriptId = '';
+          } else {
+            this.form.httpUrl = '';
+            this.form.httpMethod = 'GET';
+            this.form.httpAuth = { type: 'none', username: '', token: '', password: '' };
+          }
+        },
+        closeModal() {
+          this.showCreateModal = false;
+          this.editingCheck = null;
+          this.resetForm();
+        },
+        resetForm() {
+          this.form = {
+            name: '',
+            description: '',
+            enabled: true,
+            cronExpression: '*/1 * * * *',
+            timezone: 'UTC',
+            checkType: 'http',
+            httpMethod: 'GET',
+            httpUrl: '',
+            httpAuth: { type: 'none', username: '', token: '', password: '' },
+            scriptId: '',
+            expectedStatusCodesCsv: '200',
+            maxLatencyMs: null,
+            timeoutMs: 30000,
+            consecutiveFailuresToOpen: 3,
+            consecutiveSuccessesToResolve: 2,
+            retries: 0,
+            notificationChannel: 'in_app',
+            notifyUserIdsCsv: '',
+            notifyOnOpen: true,
+            notifyOnResolve: true,
+            notifyOnEscalation: false,
+            suppressNotificationsWhenAcknowledged: true,
+            autoHealEnabled: false,
+          };
+        },
+        editCheck(hc) {
+          this.editingCheck = hc;
+          this.form = {
+            name: hc.name,
+            description: hc.description,
+            enabled: Boolean(hc.enabled),
+            cronExpression: hc.cronExpression,
+            timezone: hc.timezone,
+            checkType: hc.checkType,
+            httpMethod: hc.httpMethod || 'GET',
+            httpUrl: hc.httpUrl || '',
+            httpAuth: { type: (hc.httpAuth && hc.httpAuth.type) || 'none', username: (hc.httpAuth && hc.httpAuth.username) || '', token: '', password: '' },
+            scriptId: hc.scriptId || '',
+            expectedStatusCodesCsv: (hc.expectedStatusCodes || [200]).join(','),
+            maxLatencyMs: hc.maxLatencyMs || null,
+            timeoutMs: hc.timeoutMs || 30000,
+            consecutiveFailuresToOpen: hc.consecutiveFailuresToOpen || 3,
+            consecutiveSuccessesToResolve: hc.consecutiveSuccessesToResolve || 2,
+            retries: hc.retries || 0,
+            notificationChannel: hc.notificationChannel || 'in_app',
+            notifyUserIdsCsv: Array.isArray(hc.notifyUserIds) ? hc.notifyUserIds.join(',') : '',
+            notifyOnOpen: hc.notifyOnOpen !== false,
+            notifyOnResolve: hc.notifyOnResolve !== false,
+            notifyOnEscalation: Boolean(hc.notifyOnEscalation),
+            suppressNotificationsWhenAcknowledged: hc.suppressNotificationsWhenAcknowledged !== false,
+            autoHealEnabled: Boolean(hc.autoHealEnabled),
+          };
+        },
+        parseExpectedCodes(csv) {
+          const parts = String(csv || '').split(',').map((s) => s.trim()).filter(Boolean);
+          const nums = parts.map((p) => Number(p)).filter((n) => Number.isFinite(n));
+          return nums.length ? nums : [200];
+        },
+        parseNotifyUserIds(csv) {
+          return String(csv || '')
+            .split(',')
+            .map((s) => s.trim())
+            .filter(Boolean);
+        },
+        async saveCheck() {
+          try {
+            const payload = {
+              name: this.form.name,
+              description: this.form.description,
+              enabled: Boolean(this.form.enabled),
+              cronExpression: this.form.cronExpression,
+              timezone: this.form.timezone,
+              checkType: this.form.checkType,
+              timeoutMs: Number(this.form.timeoutMs || 0),
+              expectedStatusCodes: this.parseExpectedCodes(this.form.expectedStatusCodesCsv),
+              maxLatencyMs: this.form.maxLatencyMs === null || this.form.maxLatencyMs === '' ? undefined : Number(this.form.maxLatencyMs),
+              consecutiveFailuresToOpen: Number(this.form.consecutiveFailuresToOpen || 0),
+              consecutiveSuccessesToResolve: Number(this.form.consecutiveSuccessesToResolve || 0),
+              retries: Number(this.form.retries || 0),
+              notificationChannel: this.form.notificationChannel,
+              notifyUserIds: this.parseNotifyUserIds(this.form.notifyUserIdsCsv),
+              notifyOnOpen: Boolean(this.form.notifyOnOpen),
+              notifyOnResolve: Boolean(this.form.notifyOnResolve),
+              notifyOnEscalation: Boolean(this.form.notifyOnEscalation),
+              suppressNotificationsWhenAcknowledged: Boolean(this.form.suppressNotificationsWhenAcknowledged),
+              autoHealEnabled: Boolean(this.form.autoHealEnabled),
+            };
+            if (this.form.checkType === 'http') {
+              payload.httpMethod = this.form.httpMethod;
+              payload.httpUrl = this.form.httpUrl;
+              payload.httpAuth = {
+                type: this.form.httpAuth.type,
+                username: this.form.httpAuth.username,
+                token: this.form.httpAuth.token,
+                password: this.form.httpAuth.password,
+              };
+            } else {
+              payload.scriptId = this.form.scriptId;
+            }
+            const url = this.editingCheck ? `/api/admin/health-checks/${this.editingCheck._id}` : '/api/admin/health-checks';
+            const method = this.editingCheck ? 'PUT' : 'POST';
+            const res = await fetch(url, {
+              method,
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify(payload),
+            });
+            if (!res.ok) {
+              const err = await res.json().catch(() => ({}));
+              alert(err.error || 'Failed to save health check');
+              return;
+            }
+            this.closeModal();
+            await this.loadChecks();
+          } catch (e) {
+            console.error('Failed to save health check:', e);
+            alert('Failed to save health check');
+          }
+        },
+        async toggleCheck(hc) {
+          try {
+            const endpoint = hc.enabled ? 'disable' : 'enable';
+            const res = await fetch(`/api/admin/health-checks/${hc._id}/${endpoint}`, { method: 'POST' });
+            if (!res.ok) {
+              alert('Failed to toggle check');
+              return;
+            }
+            await this.loadChecks();
+          } catch (e) {
+            console.error('Failed to toggle:', e);
+            alert('Failed to toggle check');
+          }
+        },
+        async triggerCheck(id) {
+          try {
+            const res = await fetch(`/api/admin/health-checks/${id}/trigger`, { method: 'POST' });
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok) {
+              alert(data.error || 'Failed to trigger');
+              return;
+            }
+            alert(`Triggered. Status: ${data.status}`);
+            await this.loadChecks();
+          } catch (e) {
+            console.error('Failed to trigger:', e);
+            alert('Failed to trigger');
+          }
+        },
+        async deleteCheck(hc) {
+          if (!confirm(`Delete health check "${hc.name}"?`)) return;
+          try {
+            const res = await fetch(`/api/admin/health-checks/${hc._id}`, { method: 'DELETE' });
+            if (!res.ok) {
+              alert('Failed to delete');
+              return;
+            }
+            await this.loadChecks();
+          } catch (e) {
+            console.error('Failed to delete:', e);
+            alert('Failed to delete');
+          }
+        },
+        async viewRuns(hc) {
+          this.selectedCheck = hc;
+          this.showRunsModal = true;
+          try {
+            const res = await fetch(`/api/admin/health-checks/${hc._id}/runs`);
+            const data = await res.json();
+            this.runs = data.items || [];
+          } catch (e) {
+            console.error('Failed to load runs:', e);
+            this.runs = [];
+          }
+        },
+        async togglePublicStatus() {
+          try {
+            const next = !this.publicStatusEnabled;
+            const res = await fetch('/api/admin/health-checks/config', {
+              method: 'PUT',
+              headers: { 'Content-Type': 'application/json' },
+              body: JSON.stringify({ publicStatusEnabled: next }),
+            });
+            if (!res.ok) {
+              alert('Failed to update setting');
+              return;
+            }
+            this.publicStatusEnabled = next;
+          } catch (e) {
+            console.error('Failed to toggle public status:', e);
+            alert('Failed to update setting');
+          }
+        },
+      }
+    }).mount('#app');
+  </script>
+</body>
+</html>