bunqueue-dashboard 0.0.42 → 0.0.44

package/README.md

@@ -4,7 +4,9 @@
 
 # bunqueue dashboard
 
-**The only queue dashboard that also _runs_ the server.** Monitor and control queues, jobs, DLQ,
+**Monitor jobs and operate your Bunqueue server from one dashboard.**
+
+Manage queues, jobs, DLQ,
 cron, webhooks, workers, and a live activity stream for a [bunqueue](https://bunqueue.dev) server
 (a fast, Redis-free, Bun-native background-job queue), plus **start / stop / restart of the server
 process itself**, all from one place.
@@ -63,9 +65,10 @@ The full dashboard running on sample data, no server needed.
 **Full, illustrated docs live at
 [egeominotti.github.io/bunqueue-dashboard/docs](https://egeominotti.github.io/bunqueue-dashboard/docs/).**
 
-- **[Illustrated user guide](https://egeominotti.github.io/bunqueue-dashboard/docs/user-guide)**, one detailed, screenshot-backed page per dashboard section.
+- **[Illustrated user guide](https://egeominotti.github.io/bunqueue-dashboard/docs/user-guide)**, section guides with screenshots, operations and limitations.
 - **[Deployment](https://egeominotti.github.io/bunqueue-dashboard/docs/deploy/)**, Docker (Caddy), Kubernetes, PM2, and hosting platforms (Vercel, Netlify, Cloudflare, Fly.io, Render, Cloud Run).
 - **[Architecture](https://egeominotti.github.io/bunqueue-dashboard/docs/architecture)** and **[API mapping](https://egeominotti.github.io/bunqueue-dashboard/docs/api-mapping)**, how it fits together and every endpoint it drives.
+- **[Testing matrix](docs/testing.md)**, real-server coverage, reproduction steps and verification limits.
 - **[llms.txt](https://egeominotti.github.io/bunqueue-dashboard/docs/llms.txt)**, the whole site as a single file for LLMs.
 
 ## Table of contents
@@ -96,7 +99,7 @@ server *process* through a separate guarded agent.
 
 It uses Bunqueue's public HTTP API (`:6790`) for ordinary remote observability and a small local
 **control agent** for process, FlowProducer, Workflow Engine, database, and backup operations. The
-agent is pinned to the server it manages and uses the exact installable Bunqueue 2.9.3 npm client
+agent is pinned to the server it manages and uses the exact installable Bunqueue 2.9.4 npm client
 contracts; it never patches Bunqueue internals.
 
 ## Features
@@ -191,7 +194,8 @@ flowchart LR
 
 - **Reads** by polling (`usePolledData`) and a Server-Sent Events stream (`useActivityStream`).
 - **Writes** through the same HTTP API, with every mutation shape-verified against the live server.
-- **Process lifecycle**, the one thing HTTP can't do, is delegated to the local control agent.
+- **Managed operations** use the local control agent for process lifecycle, Queue SDK controls,
+  FlowProducer, Workflow Engine, SQLite inspection, and backups.
 
 For multiple brokers, create one named Dashboard profile and one paired control
 agent per broker. The Fleet page probes all profiles without retargeting the
@@ -262,9 +266,13 @@ target-pinned Flow, Workflow, Queue and Backup agent operations.
 | `bun run check` | Oxlint + Oxfmt validation (the CI gate) |
 | `bun run check:fix` | Apply safe Oxlint fixes, then format with Oxfmt |
 | `bun test` | Unit + agent-lifecycle tests |
-| `bun run test:e2e:upgrade` | Real npm Bunqueue 2.9.2 SQLite schema-35 → 2.9.3 schema-37 migration and retention semantics |
-| `bun run test:e2e` | Real Flow, Workflow, Queue SDK, and three-broker PostgreSQL runtime tests |
-| `bun run test:e2e:postgres-fleet` | Three authenticated Bunqueue 2.9.3 brokers + three agents sharing disposable PostgreSQL 18.6 |
+| `bun run test:e2e:tls` | Queue, Flow and Workflow over verified native TLS, including untrusted-certificate rejection |
+| `bun run test:e2e:upgrade` | Real npm Bunqueue 2.9.2 SQLite schema-35 → 2.9.4 schema-37 migration and retention semantics |
+| `bun run test:e2e` | Real TLS, SQLite upgrade, Flow, Workflow, Queue SDK, and three-broker PostgreSQL runtime tests |
+| `bun run test:e2e:browser` | Production UI tests on Chromium, Firefox and WebKit |
+| `bun run test:e2e:browser:postgres-fleet` | Real UI operations across three PostgreSQL brokers (requires Docker and Chromium) |
+| `bun run quality` | Complete static, build, docs, coverage, runtime, package and dependency gate |
+| `bun run test:e2e:postgres-fleet` | Three authenticated Bunqueue 2.9.4 brokers + three agents sharing disposable PostgreSQL 18.6 |
 
 ## Docker
 
@@ -305,13 +313,17 @@ Because the deployed build is a static shell, point it at a reachable bunqueue s
 
 ## Testing & quality gate
 
-The canonical gate must be green before a change is considered done; CI runs the same command:
+Use both the canonical gate and browser tests to validate a change. Browser tests are a separate
+CI job; `quality` alone does not run Playwright:
 
 ```bash
-bun run quality   # architecture, lint/build, size, docs, coverage, real E2E, packed-bin smoke, audit
+bun run test:e2e:browser:install  # first run only
+bun run quality                  # includes runtime E2E; requires Docker
+bun run test:e2e:browser          # production UI on all three browser engines
+bun run test:e2e:browser:postgres-fleet # cross-node UI; separate from both commands above
 ```
 
-The E2E stage starts disposable Bunqueue 2.9.3 processes and exercises the complete FlowProducer,
+The E2E stage starts disposable Bunqueue 2.9.4 processes and exercises the complete FlowProducer,
 Workflow Engine, and Queue SDK operator bridges. It also starts PostgreSQL 18.6 in Docker with
 three authenticated brokers and paired agents, proving cross-broker enqueue/inspect/leased
 pull+ack, pause/resume, cron, rate limits, group admission, group priority and group pause/resume
@@ -321,10 +333,16 @@ PostgreSQL stage).
 The blocking browser job builds the production bundle under `/e2e/dashboard`, starts an
 authenticated disposable Bunqueue server, and drives the UI with Playwright on Chromium, Firefox,
 and WebKit. It covers the token gate, every sidebar route, SSE recovery across a real server
-restart, confirmed Cron creation/deletion, and automated WCAG A/AA checks. Install the browser
+restart, confirmed Cron creation/deletion, job submission and bulk import, persisted job inspection,
+DLQ failures, live monitoring and alerts, SQLite queries, webhook registry mutations, a real
+producer/worker benchmark, and automated WCAG A/AA checks. Install the browser
 binaries once with `bun run test:e2e:browser:install`, then run `bun run test:e2e:browser`.
 
-CI enforces this on every push and pull request. See [Contributing](#contributing).
+See the [section-by-section validation matrix](docs/testing.md) for reproducible commands,
+prerequisites, and the distinction between live operations, navigation checks, and external
+integrations that need their own environment. The live demo uses sample data and is not test evidence.
+
+CI enforces the quality gate and browser matrix on every push and pull request. See [Contributing](#contributing).
 
 ## Project structure
 

package/agent/flow/routes.ts

@@ -1,3 +1,4 @@
+import { assertFlowOperationAllowed } from '../../shared/flowOperationPolicy';
 import type { ServerConfig } from '../manager';
 import { assertManagedTarget, type ManagedTargetPolicy } from '../managedTarget';
 import type {
@@ -160,6 +161,7 @@ export async function routeFlowRequest(
     const payload = MUTATIONS_WITH_BODY.has(mutation)
       ? await readFlowJsonBody(request)
       : (assertNoFlowBody(request), {});
+    assertFlowOperationAllowed(mutation);
     return success(
       await admitted(query, config, serverRunning, dependencies, ({ config: current }) =>
         operations(dependencies).mutate(current, target, mutation, payload)

package/agent/flow/service.ts

@@ -7,7 +7,8 @@ import {
   type JobNode,
 } from 'bunqueue/client';
 import type { ServerConfig } from '../manager';
-import { managedAuthToken } from '../managedTarget';
+import { managedConnection } from '../managedConnection';
+import { assertFlowOperationAllowed, assertFlowOperationState } from '../../shared/flowOperationPolicy';
 import {
   asFlowRecord,
   assertFlowBodySize,
@@ -119,11 +120,15 @@ export async function mutateFlowJob(
   operation: FlowMutationOperation,
   input: unknown
 ): Promise<unknown> {
+  assertFlowOperationAllowed(operation);
   assertFlowBodySize(input);
   const payload = asFlowRecord(input);
   validateMutationPayload(operation, payload);
   const { producer, job } = await loadJob(config, target);
   try {
+    if (['promote', 'changeDelay', 'changePriority'].includes(operation)) {
+      assertFlowOperationState(operation, await job.getState());
+    }
     switch (operation) {
       case 'removeChildDependency': return { removed: await job.removeChildDependency() };
       case 'removeUnprocessedChildren': await job.removeUnprocessedChildren(); break;
@@ -173,7 +178,7 @@ function producerFor(
 }
 
 function connectionFor(config: ServerConfig) {
-  return { host: '127.0.0.1', port: config.tcpPort, token: managedAuthToken(config) };
+  return managedConnection(config);
 }
 
 async function loadJob(

package/agent/managedConnection.ts

@@ -0,0 +1,35 @@
+import { isAbsolute } from 'node:path';
+import { statSync } from 'node:fs';
+import type { ConnectionOptions } from 'bunqueue/client';
+import type { ServerConfig } from './manager';
+import { managedAuthToken } from './managedTarget';
+
+/** Same environment precedence as the managed child; never disables verification. */
+export function managedConnection(config: ServerConfig): ConnectionOptions {
+  const env = (key: string) =>
+    (Object.hasOwn(config.extraEnv, key) ? config.extraEnv[key] : process.env[key])?.trim();
+  const mode = env('BUNQUEUE_AGENT_TCP_TLS');
+  if (mode && mode !== 'true' && mode !== 'false') {
+    throw new Error('BUNQUEUE_AGENT_TCP_TLS must be true or false.');
+  }
+  const caFile = env('BUNQUEUE_AGENT_TCP_CA_FILE');
+  const serverTls = Boolean(env('TLS_CERT_FILE') || env('TLS_KEY_FILE'));
+  if (mode === 'false' && (serverTls || caFile)) {
+    throw new Error('Cannot disable agent TCP TLS when server TLS or a CA is configured.');
+  }
+  if (caFile) {
+    if (!isAbsolute(caFile)) throw new Error('BUNQUEUE_AGENT_TCP_CA_FILE must be absolute.');
+    try {
+      if (!statSync(caFile).isFile()) throw new Error();
+    } catch {
+      throw new Error('BUNQUEUE_AGENT_TCP_CA_FILE must point to a readable CA file.');
+    }
+  }
+  const tls = mode === 'true' || serverTls || Boolean(caFile);
+  return {
+    host: '127.0.0.1',
+    port: config.tcpPort,
+    token: managedAuthToken(config),
+    ...(tls ? { tls: { rejectUnauthorized: true, ...(caFile ? { caFile } : {}) } } : {}),
+  };
+}

package/agent/manager/config.ts

@@ -10,7 +10,7 @@ const CONFIG_KEYS = new Set<keyof ServerConfig>([
 
 export function defaultConfig(): ServerConfig {
   return {
-    command: process.env.BUNQUEUE_START_CMD || 'bunx bunqueue@2.9.3 start',
+    command: process.env.BUNQUEUE_START_CMD || 'bunx bunqueue@2.9.4 start',
     httpPort: Number(process.env.HTTP_PORT) || 6790,
     tcpPort: Number(process.env.TCP_PORT) || 6789,
     dataPath: process.env.BUNQUEUE_DATA_PATH || './data/bunq.db',

package/agent/queue/runtime.ts

@@ -1,5 +1,5 @@
 import { Queue, type QueueMetricType, type QueueMetrics } from 'bunqueue/client';
-import { managedAuthToken } from '../managedTarget';
+import { managedConnection } from '../managedConnection';
 import type { ServerConfig } from '../manager';
 import type { QueueGroupSnapshot, QueueLimitSnapshot, QueueOperationsPort } from './types';
 import { QueueOperationsUnavailableError } from './types';
@@ -220,7 +220,7 @@ export class QueueOperationsRuntime implements QueueOperationsPort {
 }
 
 function connectionFor(config: ServerConfig) {
-  return { host: '127.0.0.1', port: config.tcpPort, token: managedAuthToken(config) };
+  return managedConnection(config);
 }
 
 function defaultClient(config: ServerConfig, queue: string): QueueOperationsClient {

package/agent/workflow/runtime.ts

@@ -7,7 +7,7 @@ import {
   type ExecutionState,
   type Workflow,
 } from 'bunqueue/workflow';
-import { managedAuthToken } from '../managedTarget';
+import { managedConnection } from '../managedConnection';
 import type { ServerConfig } from '../manager';
 import {
   configuredWorkflowModule,
@@ -188,11 +188,7 @@ export class WorkflowRuntime implements WorkflowRuntimePort {
       dataPath: config.dataPath,
       queueName: options.queueName,
       concurrency: options.concurrency,
-      connection: {
-        host: '127.0.0.1',
-        port: config.tcpPort,
-        token: managedAuthToken(config),
-      },
+      connection: managedConnection(config),
     });
     const active: ActiveRuntime = {
       engine,

package/agent/workflow/runtimeConfig.ts

@@ -1,6 +1,6 @@
 import { basename } from 'node:path';
 import { safeErrorMessage } from '../errorMessage';
-import { managedAuthToken } from '../managedTarget';
+import { managedConnection } from '../managedConnection';
 import type { ServerConfig } from '../manager';
 import type { WorkflowRuntimeStatus } from './runtime';
 
@@ -53,7 +53,7 @@ export function workflowRuntimeSignature(
     modified,
     config.dataPath,
     config.tcpPort,
-    managedAuthToken(config),
+    managedConnection(config),
     options.queueName,
     options.concurrency,
   ]);

package/dist/.vite/manifest.json

@@ -138,6 +138,10 @@
     "file": "assets/flowMutationSafety-YKTHxqKv.js",
     "name": "flowMutationSafety"
   },
+  "_flowOperationPolicy-B2Etcb3f.js": {
+    "file": "assets/flowOperationPolicy-B2Etcb3f.js",
+    "name": "flowOperationPolicy"
+  },
   "_form-C4oby9pI.js": {
     "file": "assets/form-C4oby9pI.js",
     "name": "form",
@@ -157,10 +161,6 @@
       "_react-vendor-CvwrP0tU.js"
     ]
   },
-  "_jobActions-LQD4KfCc.js": {
-    "file": "assets/jobActions-LQD4KfCc.js",
-    "name": "jobActions"
-  },
   "_promisePool-BVfQ9n9Q.js": {
     "file": "assets/promisePool-BVfQ9n9Q.js",
     "name": "promisePool"
@@ -229,7 +229,7 @@
     ]
   },
   "index.html": {
-    "file": "assets/index-mID5W7vq.js",
+    "file": "assets/index-BFW2_47n.js",
     "name": "index",
     "src": "index.html",
     "isEntry": true,
@@ -352,7 +352,7 @@
     "src": "node_modules/@fontsource-variable/jetbrains-mono/files/jetbrains-mono-latin-wght-normal.woff2"
   },
   "src/components/copilot/CopilotPanel.tsx": {
-    "file": "assets/CopilotPanel-CH2jbbYA.js",
+    "file": "assets/CopilotPanel-Dlm8XwBj.js",
     "name": "CopilotPanel",
     "src": "src/components/copilot/CopilotPanel.tsx",
     "isDynamicEntry": true,
@@ -372,13 +372,13 @@
     ]
   },
   "src/lib/demo/install.ts": {
-    "file": "assets/install-D4uRZ7XA.js",
+    "file": "assets/install-oydLpc1T.js",
     "name": "install",
     "src": "src/lib/demo/install.ts",
     "isDynamicEntry": true
   },
   "src/pages/Alerts.tsx": {
-    "file": "assets/Alerts-BvWBv-z7.js",
+    "file": "assets/Alerts-C961Al5D.js",
     "name": "Alerts",
     "src": "src/pages/Alerts.tsx",
     "isDynamicEntry": true,
@@ -416,7 +416,7 @@
     ]
   },
   "src/pages/Dlq.tsx": {
-    "file": "assets/Dlq-CbLN0zQ5.js",
+    "file": "assets/Dlq-mtInIoTh.js",
     "name": "Dlq",
     "src": "src/pages/Dlq.tsx",
     "isDynamicEntry": true,
@@ -454,7 +454,7 @@
     ]
   },
   "src/pages/Jobs.tsx": {
-    "file": "assets/Jobs-BTMpbAHD.js",
+    "file": "assets/Jobs-ELSH1Wbd.js",
     "name": "Jobs",
     "src": "src/pages/Jobs.tsx",
     "isDynamicEntry": true,
@@ -476,7 +476,7 @@
     ]
   },
   "src/pages/Logs.tsx": {
-    "file": "assets/Logs-uuzU5ohI.js",
+    "file": "assets/Logs-DMukqmHy.js",
     "name": "Logs",
     "src": "src/pages/Logs.tsx",
     "isDynamicEntry": true,
@@ -496,7 +496,7 @@
     ]
   },
   "src/pages/Metrics.tsx": {
-    "file": "assets/Metrics-DKyBZoFa.js",
+    "file": "assets/Metrics-Cm5ZvfTo.js",
     "name": "Metrics",
     "src": "src/pages/Metrics.tsx",
     "isDynamicEntry": true,
@@ -512,7 +512,7 @@
     ]
   },
   "src/pages/Overview.tsx": {
-    "file": "assets/Overview-ClsyxH2e.js",
+    "file": "assets/Overview-CKAA3h9f.js",
     "name": "Overview",
     "src": "src/pages/Overview.tsx",
     "isDynamicEntry": true,
@@ -529,7 +529,7 @@
     ]
   },
   "src/pages/QueueDetail.tsx": {
-    "file": "assets/QueueDetail-C1dXXN70.js",
+    "file": "assets/QueueDetail-BRDATlp0.js",
     "name": "QueueDetail",
     "src": "src/pages/QueueDetail.tsx",
     "isDynamicEntry": true,
@@ -552,7 +552,7 @@
     ]
   },
   "src/pages/Queues.tsx": {
-    "file": "assets/Queues-DkPuIy1C.js",
+    "file": "assets/Queues-BV99vr68.js",
     "name": "Queues",
     "src": "src/pages/Queues.tsx",
     "isDynamicEntry": true,
@@ -584,7 +584,7 @@
     ]
   },
   "src/pages/Settings.tsx": {
-    "file": "assets/Settings-z9k4EVa_.js",
+    "file": "assets/Settings-CL7odwoU.js",
     "name": "Settings",
     "src": "src/pages/Settings.tsx",
     "isDynamicEntry": true,
@@ -601,7 +601,7 @@
     ]
   },
   "src/pages/Usage.tsx": {
-    "file": "assets/Usage-cdWDQUaq.js",
+    "file": "assets/Usage-BWZkz7Se.js",
     "name": "Usage",
     "src": "src/pages/Usage.tsx",
     "isDynamicEntry": true,
@@ -617,7 +617,7 @@
     ]
   },
   "src/pages/Workers.tsx": {
-    "file": "assets/Workers-CVo9rJ_V.js",
+    "file": "assets/Workers-CBEDvXm_.js",
     "name": "Workers",
     "src": "src/pages/Workers.tsx",
     "isDynamicEntry": true,
@@ -635,7 +635,7 @@
     ]
   },
   "src/pages/control/Benchmark.tsx": {
-    "file": "assets/Benchmark-BywalSmU.js",
+    "file": "assets/Benchmark-DQNZV7dM.js",
     "name": "Benchmark",
     "src": "src/pages/control/Benchmark.tsx",
     "isDynamicEntry": true,
@@ -701,7 +701,7 @@
     ]
   },
   "src/pages/control/Database.tsx": {
-    "file": "assets/Database-BzEkXws0.js",
+    "file": "assets/Database-DGM2BIHy.js",
     "name": "Database",
     "src": "src/pages/control/Database.tsx",
     "isDynamicEntry": true,
@@ -724,7 +724,7 @@
     ]
   },
   "src/pages/control/Diagnostics.tsx": {
-    "file": "assets/Diagnostics-CPqhV3er.js",
+    "file": "assets/Diagnostics-_Sh3UyaT.js",
     "name": "Diagnostics",
     "src": "src/pages/control/Diagnostics.tsx",
     "isDynamicEntry": true,
@@ -746,7 +746,7 @@
     ]
   },
   "src/pages/control/DlqControl.tsx": {
-    "file": "assets/DlqControl-C5Bgzmk0.js",
+    "file": "assets/DlqControl-Lq9ISb9b.js",
     "name": "DlqControl",
     "src": "src/pages/control/DlqControl.tsx",
     "isDynamicEntry": true,
@@ -770,7 +770,7 @@
     ]
   },
   "src/pages/control/DlqPro.tsx": {
-    "file": "assets/DlqPro-Cgaxtuwh.js",
+    "file": "assets/DlqPro-0_75vrd1.js",
     "name": "DlqPro",
     "src": "src/pages/control/DlqPro.tsx",
     "isDynamicEntry": true,
@@ -794,7 +794,7 @@
     ]
   },
   "src/pages/control/Flows.tsx": {
-    "file": "assets/Flows-BtUGOaif.js",
+    "file": "assets/Flows-CE7KzaFN.js",
     "name": "Flows",
     "src": "src/pages/control/Flows.tsx",
     "isDynamicEntry": true,
@@ -809,11 +809,12 @@
       "_PageHeader-CvIyaFOO.js",
       "index.html",
       "_controlConnectionEpoch-CZsS0wAb.js",
-      "_useControlActionGuard-B-bzKZKI.js"
+      "_useControlActionGuard-B-bzKZKI.js",
+      "_flowOperationPolicy-B2Etcb3f.js"
     ]
   },
   "src/pages/control/JobInspector.tsx": {
-    "file": "assets/JobInspector-DsOt4mLJ.js",
+    "file": "assets/JobInspector-DyWZk1eW.js",
     "name": "JobInspector",
     "src": "src/pages/control/JobInspector.tsx",
     "isDynamicEntry": true,
@@ -834,11 +835,11 @@
       "_form-C4oby9pI.js",
       "_flowMutationSafety-YKTHxqKv.js",
       "_exportFile-C7xhE8Yh.js",
-      "_jobActions-LQD4KfCc.js"
+      "_flowOperationPolicy-B2Etcb3f.js"
     ]
   },
   "src/pages/control/JobsPro.tsx": {
-    "file": "assets/JobsPro-BfXTm9gH.js",
+    "file": "assets/JobsPro-BlWwDeFN.js",
     "name": "JobsPro",
     "src": "src/pages/control/JobsPro.tsx",
     "isDynamicEntry": true,
@@ -859,11 +860,11 @@
       "_Pagination-x-Cwgrul.js",
       "_useServerActionGuard-uGePilQQ.js",
       "_exportFile-C7xhE8Yh.js",
-      "_jobActions-LQD4KfCc.js"
+      "_flowOperationPolicy-B2Etcb3f.js"
     ]
   },
   "src/pages/control/LogsPro.tsx": {
-    "file": "assets/LogsPro-DHWbhWyq.js",
+    "file": "assets/LogsPro-BfYbmZHi.js",
     "name": "LogsPro",
     "src": "src/pages/control/LogsPro.tsx",
     "isDynamicEntry": true,
@@ -885,7 +886,7 @@
     ]
   },
   "src/pages/control/McpServer.tsx": {
-    "file": "assets/McpServer-BqmbhrKh.js",
+    "file": "assets/McpServer-DNrOEp9j.js",
     "name": "McpServer",
     "src": "src/pages/control/McpServer.tsx",
     "isDynamicEntry": true,
@@ -897,7 +898,7 @@
     ]
   },
   "src/pages/control/MetricsPro.tsx": {
-    "file": "assets/MetricsPro-BR2ULqIc.js",
+    "file": "assets/MetricsPro-C9g1sp-u.js",
     "name": "MetricsPro",
     "src": "src/pages/control/MetricsPro.tsx",
     "isDynamicEntry": true,
@@ -917,7 +918,7 @@
     ]
   },
   "src/pages/control/QueueControl.tsx": {
-    "file": "assets/QueueControl-BW0XXd0B.js",
+    "file": "assets/QueueControl-Bvm8GUQa.js",
     "name": "QueueControl",
     "src": "src/pages/control/QueueControl.tsx",
     "isDynamicEntry": true,
@@ -941,7 +942,7 @@
     ]
   },
   "src/pages/control/QueueDetailPro.tsx": {
-    "file": "assets/QueueDetailPro-DDGxs2J2.js",
+    "file": "assets/QueueDetailPro-Dkz4-1wn.js",
     "name": "QueueDetailPro",
     "src": "src/pages/control/QueueDetailPro.tsx",
     "isDynamicEntry": true,
@@ -968,7 +969,7 @@
     ]
   },
   "src/pages/control/QueuesOverview.tsx": {
-    "file": "assets/QueuesOverview-COo-V8D_.js",
+    "file": "assets/QueuesOverview-CT6JBaim.js",
     "name": "QueuesOverview",
     "src": "src/pages/control/QueuesOverview.tsx",
     "isDynamicEntry": true,
@@ -990,7 +991,7 @@
     ]
   },
   "src/pages/control/S3BackupPro.tsx": {
-    "file": "assets/S3BackupPro-DxNVFvY1.js",
+    "file": "assets/S3BackupPro-CjR0y18n.js",
     "name": "S3BackupPro",
     "src": "src/pages/control/S3BackupPro.tsx",
     "isDynamicEntry": true,
@@ -1009,7 +1010,7 @@
     ]
   },
   "src/pages/control/ServerControl.tsx": {
-    "file": "assets/ServerControl-B0Po974t.js",
+    "file": "assets/ServerControl-BH6Doax0.js",
     "name": "ServerControl",
     "src": "src/pages/control/ServerControl.tsx",
     "isDynamicEntry": true,
@@ -1030,7 +1031,7 @@
     ]
   },
   "src/pages/control/UsagePro.tsx": {
-    "file": "assets/UsagePro-DLuwnM8n.js",
+    "file": "assets/UsagePro-CoBbI-Cl.js",
     "name": "UsagePro",
     "src": "src/pages/control/UsagePro.tsx",
     "isDynamicEntry": true,
@@ -1068,7 +1069,7 @@
     ]
   },
   "src/pages/control/WorkersPro.tsx": {
-    "file": "assets/WorkersPro-BYaredE9.js",
+    "file": "assets/WorkersPro-Dk4NfplT.js",
     "name": "WorkersPro",
     "src": "src/pages/control/WorkersPro.tsx",
     "isDynamicEntry": true,

package/dist/assets/{Alerts-BvWBv-z7.js → Alerts-C961Al5D.js}

@@ -1 +1 @@
-import{i as e}from"./cn-zFEt5SO8.js";import{g as t,t as n}from"./react-vendor-CvwrP0tU.js";import{o as r}from"./connectionStore-BJLihGaC.js";import{O as i,r as a}from"./icons-BVzwsfbG.js";import{n as o,t as s}from"./Button-Ch1W94fJ.js";import{t as c}from"./Card-CWxrC8OY.js";import{i as l,t as u}from"./feedback-QDN1AsYt.js";import{t as d}from"./PageHeader-CvIyaFOO.js";import{l as f}from"./format-Cg7VCIZW.js";import{d as p,f as m,l as h,p as g,u as _}from"./index-mID5W7vq.js";import{a as v,n as y,o as b,t as x}from"./form-C4oby9pI.js";var S=e(t(),1),C=[`error_rate`,`p99_latency`,`waiting`,`failed`,`dlq`],w=[`>=`,`>`,`<=`,`<`],T=[`email`,`webhook`,`slack`],E=/^[a-zA-Z0-9_\-.:]+$/,D={error_rate:{unit:`% (0–100)`,placeholder:`e.g. 5`},p99_latency:{unit:`ms`,placeholder:`e.g. 250`},waiting:{unit:`jobs`,placeholder:`e.g. 100`},failed:{unit:`jobs`,placeholder:`e.g. 10`},dlq:{unit:`jobs`,placeholder:`e.g. 1`}};function O(e){let t=e.name.trim();if(!C.includes(e.metric))return{ok:!1,error:`Invalid metric`,field:`metric`};if(!w.includes(e.operator))return{ok:!1,error:`Invalid operator`,field:`operator`};let n=e.metric===`p99_latency`?``:e.queue.trim();if(!t)return{ok:!1,error:`Rule name is required`,field:`name`};if(t.length>200)return{ok:!1,error:`Rule name must be 200 characters or fewer`,field:`name`};if(!e.threshold.trim())return{ok:!1,error:`Threshold is required`,field:`threshold`};let r=Number(e.threshold);return!Number.isFinite(r)||r<0?{ok:!1,error:`Threshold must be a non-negative number`,field:`threshold`}:e.metric===`error_rate`&&r>100?{ok:!1,error:`Error-rate threshold must be between 0 and 100%`,field:`threshold`}:[`waiting`,`failed`,`dlq`].includes(e.metric)&&!Number.isSafeInteger(r)?{ok:!1,error:`Job-count thresholds must be whole numbers`,field:`threshold`}:n&&(n.length>256||!E.test(n))?{ok:!1,error:`Queue contains unsupported characters or is too long`,field:`queue`}:T.includes(e.channel)?{ok:!0,rule:{name:t,metric:e.metric,operator:e.operator,threshold:r,queue:n,channel:e.channel,enabled:!0}}:{ok:!1,error:`Invalid channel type`,field:`channel`}}var k=n();function A({onAdd:e}){let[t,n]=(0,S.useState)(``),[r,i]=(0,S.useState)(`error_rate`),[a,o]=(0,S.useState)(`>=`),[c,l]=(0,S.useState)(``),[u,d]=(0,S.useState)(``),[f,p]=(0,S.useState)(null),h=(0,S.useRef)(!1),g=(0,S.useId)(),_=e=>f?.field===e;return(0,k.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-5`,children:[(0,k.jsx)(x,{label:`Name`,children:(0,k.jsx)(y,{name:`alert-rule-name`,autoComplete:`off`,maxLength:200,value:t,"aria-invalid":_(`name`),"aria-describedby":_(`name`)?g:void 0,onChange:e=>{n(e.target.value),p(null)},placeholder:`High error rate`})}),(0,k.jsx)(x,{label:`Metric`,children:(0,k.jsx)(v,{name:`alert-rule-metric`,value:r,"aria-invalid":_(`metric`),"aria-describedby":_(`metric`)?g:void 0,onChange:e=>{i(e.target.value),p(null)},children:C.map(e=>(0,k.jsx)(`option`,{value:e,children:m[e]},e))})}),(0,k.jsx)(x,{label:`Operator`,children:(0,k.jsx)(v,{name:`alert-rule-operator`,value:a,"aria-invalid":_(`operator`),"aria-describedby":_(`operator`)?g:void 0,onChange:e=>{o(e.target.value),p(null)},children:w.map(e=>(0,k.jsx)(`option`,{value:e,children:e},e))})}),(0,k.jsx)(x,{label:`Threshold`,hint:D[r].unit,children:(0,k.jsx)(y,{name:`alert-rule-threshold`,autoComplete:`off`,type:`number`,min:0,max:r===`error_rate`?100:void 0,step:[`waiting`,`failed`,`dlq`].includes(r)?1:`any`,value:c,"aria-invalid":_(`threshold`),"aria-describedby":_(`threshold`)?g:void 0,onChange:e=>{l(e.target.value),p(null)},placeholder:D[r].placeholder})}),(0,k.jsx)(x,{label:`Queue (optional)`,hint:r===`p99_latency`?`global only — latency is not per queue`:void 0,children:(0,k.jsx)(y,{name:`alert-rule-queue`,autoComplete:`off`,spellCheck:!1,maxLength:256,value:u,"aria-invalid":_(`queue`),"aria-describedby":_(`queue`)?g:void 0,onChange:e=>{d(e.target.value),p(null)},disabled:r===`p99_latency`,placeholder:r===`p99_latency`?`Global`:`All queues`,className:`disabled:cursor-not-allowed disabled:opacity-40`})}),(0,k.jsxs)(`div`,{className:`col-span-full`,children:[(0,k.jsx)(s,{variant:`accent`,disabled:!t.trim()||!c.trim(),onClick:()=>{if(h.current)return;let n=O({name:t,metric:r,operator:a,threshold:c,queue:u,channel:`email`});if(!n.ok)return p({field:n.field,message:n.error});h.current=!0;try{let t=e(n.rule);t.ok||(h.current=!1,p({field:`name`,message:t.error}))}catch(e){h.current=!1,p({field:`name`,message:e.message})}},children:`Save rule`}),f&&(0,k.jsx)(`span`,{id:g,role:`alert`,className:`ml-3 text-xs text-danger`,children:f.message})]})]})}function j(){return typeof Notification>`u`?`unsupported`:Notification.permission}function M(){let{rules:e,addRule:t,removeRule:n,toggleRule:v}=g(),y=_(e=>e.breaching),x=_(e=>e.status),C=_(e=>e.error),w=_(e=>e.connectionIdentity),T=r(e=>p(e.baseUrl,e.token)),E=e.some(e=>e.enabled),D=w===T,O=D?y:[],M=D?x:E?`checking`:`idle`,N=D?C:null,[P,F]=(0,S.useState)(!1),[I,L]=(0,S.useState)(j);return(0,k.jsxs)(`div`,{children:[(0,k.jsx)(d,{title:`Alerts`,description:`Threshold rules evaluated live in your browser.`,live:E&&M===`live`,actions:(0,k.jsxs)(k.Fragment,{children:[I===`granted`?(0,k.jsxs)(`span`,{className:`flex items-center gap-1.5 text-sm text-success`,children:[(0,k.jsx)(a,{className:`size-4`}),` Desktop alerts on`]}):I===`unsupported`?(0,k.jsx)(`span`,{className:`text-sm text-faint`,children:`Notifications unsupported`}):I===`denied`?(0,k.jsx)(`span`,{className:`text-sm text-faint`,children:`Desktop alerts blocked — allow notifications in browser settings`}):(0,k.jsx)(s,{size:`sm`,onClick:async()=>{L(await h())},children:`Enable desktop notifications`}),(0,k.jsx)(s,{variant:`accent`,size:`sm`,"aria-expanded":P,"aria-controls":`alert-rule-form`,onClick:()=>F(e=>!e),children:`+ Create Alert Rule`})]})}),E&&M===`checking`&&(0,k.jsx)(`p`,{role:`status`,className:`mb-4 text-sm text-muted`,children:`Checking alert metrics for the connected server…`}),E&&M===`degraded`&&(0,k.jsx)(l,{message:N??`Alert metrics are unavailable; current rule results may be stale.`}),(0,k.jsx)(`div`,{className:`mb-6 rounded-lg border border-amber-500/20 bg-amber-500/5 px-4 py-3 text-sm text-amber-400/90`,children:`Rules are evaluated in this browser while a tab is open (even backgrounded), raising an in-app toast and — if enabled — a desktop notification. bunqueue OSS has no alerting backend, so email/webhook/slack delivery still needs your own monitoring or hosted bunqueue Cloud.`}),(0,k.jsxs)(`section`,{className:`mb-8`,children:[(0,k.jsx)(`h2`,{className:`mb-3 text-lg font-semibold text-fg`,children:`Triggered Alerts`}),O.length===0?(0,k.jsx)(u,{icon:(0,k.jsx)(a,{}),title:`No triggered alerts`,hint:E?M===`live`?`All enabled rules are within their thresholds.`:M===`checking`?`Alert metrics are still being checked.`:`Alert metrics are unavailable; no all-clear result is available.`:`No enabled rules yet. Create one below.`}):(0,k.jsx)(`div`,{className:`overflow-x-auto rounded-xl border border-danger/30 bg-red-500/5`,children:(0,k.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,k.jsx)(`thead`,{children:(0,k.jsxs)(`tr`,{className:`border-b border-line text-left text-[11px] uppercase tracking-wider text-faint`,children:[(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Rule`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Condition`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Queue`}),(0,k.jsx)(`th`,{className:`px-5 py-3 text-right font-medium`,children:`Current`}),(0,k.jsx)(`th`,{className:`px-5 py-3 text-right font-medium`,children:`Since`})]})}),(0,k.jsx)(`tbody`,{children:O.map(e=>(0,k.jsxs)(`tr`,{className:`border-b border-line last:border-0`,children:[(0,k.jsx)(`td`,{className:`px-5 py-3 font-medium text-danger`,children:e.ruleName}),(0,k.jsxs)(`td`,{className:`px-5 py-3 text-muted`,children:[e.metricLabel,` `,e.operator,` `,(0,k.jsx)(`span`,{className:`font-semibold text-fg`,children:e.threshold})]}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-muted`,children:e.queue||`All queues`}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-right tnum font-semibold text-danger`,children:Math.round(e.value*100)/100}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-right text-faint`,children:f(e.at)})]},e.ruleId))})]})})]}),(0,k.jsxs)(`section`,{children:[(0,k.jsx)(`h2`,{className:`mb-3 text-lg font-semibold text-fg`,children:`Alert Rules`}),P&&(0,k.jsx)(`div`,{id:`alert-rule-form`,children:(0,k.jsx)(c,{className:`mb-4`,children:(0,k.jsx)(A,{onAdd:e=>{let n=t(e);return n.ok&&F(!1),n}})})}),e.length===0?(0,k.jsx)(u,{title:`No alert rules`,hint:`Create a rule to be notified when a threshold is crossed.`}):(0,k.jsx)(`div`,{className:`overflow-x-auto rounded-xl border border-line bg-surface`,children:(0,k.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,k.jsx)(`thead`,{children:(0,k.jsxs)(`tr`,{className:`border-b border-line text-left text-[11px] uppercase tracking-wider text-faint`,children:[(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Rule`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Condition`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Queue`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Delivery`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Status`}),(0,k.jsx)(`th`,{className:`w-12 px-5 py-3`})]})}),(0,k.jsx)(`tbody`,{children:e.map(e=>(0,k.jsxs)(`tr`,{className:`border-b border-line last:border-0`,children:[(0,k.jsx)(`td`,{className:`px-5 py-3 font-medium text-fg`,children:e.name}),(0,k.jsxs)(`td`,{className:`px-5 py-3 text-muted`,children:[m[e.metric],` `,e.operator,` `,(0,k.jsx)(`span`,{className:`font-semibold text-accent`,children:e.threshold})]}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-muted`,children:e.queue||`All queues`}),(0,k.jsx)(`td`,{className:`px-5 py-3`,children:(0,k.jsx)(`span`,{className:`rounded-md bg-surface-2 px-2 py-0.5 text-xs text-muted`,children:`Browser`})}),(0,k.jsx)(`td`,{className:`px-5 py-3`,children:(0,k.jsx)(b,{checked:e.enabled,onChange:()=>v(e.id),label:`Enabled`})}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-right`,children:(0,k.jsx)(o,{"aria-label":`Delete rule ${e.name}`,onClick:()=>window.confirm(`Delete alert rule "${e.name}"?`)&&n(e.id),children:(0,k.jsx)(i,{className:`size-3.5`})})})]},e.id))})]})})]})]})}export{M as Alerts};
+import{i as e}from"./cn-zFEt5SO8.js";import{g as t,t as n}from"./react-vendor-CvwrP0tU.js";import{o as r}from"./connectionStore-BJLihGaC.js";import{O as i,r as a}from"./icons-BVzwsfbG.js";import{n as o,t as s}from"./Button-Ch1W94fJ.js";import{t as c}from"./Card-CWxrC8OY.js";import{i as l,t as u}from"./feedback-QDN1AsYt.js";import{t as d}from"./PageHeader-CvIyaFOO.js";import{l as f}from"./format-Cg7VCIZW.js";import{d as p,f as m,l as h,p as g,u as _}from"./index-BFW2_47n.js";import{a as v,n as y,o as b,t as x}from"./form-C4oby9pI.js";var S=e(t(),1),C=[`error_rate`,`p99_latency`,`waiting`,`failed`,`dlq`],w=[`>=`,`>`,`<=`,`<`],T=[`email`,`webhook`,`slack`],E=/^[a-zA-Z0-9_\-.:]+$/,D={error_rate:{unit:`% (0–100)`,placeholder:`e.g. 5`},p99_latency:{unit:`ms`,placeholder:`e.g. 250`},waiting:{unit:`jobs`,placeholder:`e.g. 100`},failed:{unit:`jobs`,placeholder:`e.g. 10`},dlq:{unit:`jobs`,placeholder:`e.g. 1`}};function O(e){let t=e.name.trim();if(!C.includes(e.metric))return{ok:!1,error:`Invalid metric`,field:`metric`};if(!w.includes(e.operator))return{ok:!1,error:`Invalid operator`,field:`operator`};let n=e.metric===`p99_latency`?``:e.queue.trim();if(!t)return{ok:!1,error:`Rule name is required`,field:`name`};if(t.length>200)return{ok:!1,error:`Rule name must be 200 characters or fewer`,field:`name`};if(!e.threshold.trim())return{ok:!1,error:`Threshold is required`,field:`threshold`};let r=Number(e.threshold);return!Number.isFinite(r)||r<0?{ok:!1,error:`Threshold must be a non-negative number`,field:`threshold`}:e.metric===`error_rate`&&r>100?{ok:!1,error:`Error-rate threshold must be between 0 and 100%`,field:`threshold`}:[`waiting`,`failed`,`dlq`].includes(e.metric)&&!Number.isSafeInteger(r)?{ok:!1,error:`Job-count thresholds must be whole numbers`,field:`threshold`}:n&&(n.length>256||!E.test(n))?{ok:!1,error:`Queue contains unsupported characters or is too long`,field:`queue`}:T.includes(e.channel)?{ok:!0,rule:{name:t,metric:e.metric,operator:e.operator,threshold:r,queue:n,channel:e.channel,enabled:!0}}:{ok:!1,error:`Invalid channel type`,field:`channel`}}var k=n();function A({onAdd:e}){let[t,n]=(0,S.useState)(``),[r,i]=(0,S.useState)(`error_rate`),[a,o]=(0,S.useState)(`>=`),[c,l]=(0,S.useState)(``),[u,d]=(0,S.useState)(``),[f,p]=(0,S.useState)(null),h=(0,S.useRef)(!1),g=(0,S.useId)(),_=e=>f?.field===e;return(0,k.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 md:grid-cols-3 lg:grid-cols-5`,children:[(0,k.jsx)(x,{label:`Name`,children:(0,k.jsx)(y,{name:`alert-rule-name`,autoComplete:`off`,maxLength:200,value:t,"aria-invalid":_(`name`),"aria-describedby":_(`name`)?g:void 0,onChange:e=>{n(e.target.value),p(null)},placeholder:`High error rate`})}),(0,k.jsx)(x,{label:`Metric`,children:(0,k.jsx)(v,{name:`alert-rule-metric`,value:r,"aria-invalid":_(`metric`),"aria-describedby":_(`metric`)?g:void 0,onChange:e=>{i(e.target.value),p(null)},children:C.map(e=>(0,k.jsx)(`option`,{value:e,children:m[e]},e))})}),(0,k.jsx)(x,{label:`Operator`,children:(0,k.jsx)(v,{name:`alert-rule-operator`,value:a,"aria-invalid":_(`operator`),"aria-describedby":_(`operator`)?g:void 0,onChange:e=>{o(e.target.value),p(null)},children:w.map(e=>(0,k.jsx)(`option`,{value:e,children:e},e))})}),(0,k.jsx)(x,{label:`Threshold`,hint:D[r].unit,children:(0,k.jsx)(y,{name:`alert-rule-threshold`,autoComplete:`off`,type:`number`,min:0,max:r===`error_rate`?100:void 0,step:[`waiting`,`failed`,`dlq`].includes(r)?1:`any`,value:c,"aria-invalid":_(`threshold`),"aria-describedby":_(`threshold`)?g:void 0,onChange:e=>{l(e.target.value),p(null)},placeholder:D[r].placeholder})}),(0,k.jsx)(x,{label:`Queue (optional)`,hint:r===`p99_latency`?`global only — latency is not per queue`:void 0,children:(0,k.jsx)(y,{name:`alert-rule-queue`,autoComplete:`off`,spellCheck:!1,maxLength:256,value:u,"aria-invalid":_(`queue`),"aria-describedby":_(`queue`)?g:void 0,onChange:e=>{d(e.target.value),p(null)},disabled:r===`p99_latency`,placeholder:r===`p99_latency`?`Global`:`All queues`,className:`disabled:cursor-not-allowed disabled:opacity-40`})}),(0,k.jsxs)(`div`,{className:`col-span-full`,children:[(0,k.jsx)(s,{variant:`accent`,disabled:!t.trim()||!c.trim(),onClick:()=>{if(h.current)return;let n=O({name:t,metric:r,operator:a,threshold:c,queue:u,channel:`email`});if(!n.ok)return p({field:n.field,message:n.error});h.current=!0;try{let t=e(n.rule);t.ok||(h.current=!1,p({field:`name`,message:t.error}))}catch(e){h.current=!1,p({field:`name`,message:e.message})}},children:`Save rule`}),f&&(0,k.jsx)(`span`,{id:g,role:`alert`,className:`ml-3 text-xs text-danger`,children:f.message})]})]})}function j(){return typeof Notification>`u`?`unsupported`:Notification.permission}function M(){let{rules:e,addRule:t,removeRule:n,toggleRule:v}=g(),y=_(e=>e.breaching),x=_(e=>e.status),C=_(e=>e.error),w=_(e=>e.connectionIdentity),T=r(e=>p(e.baseUrl,e.token)),E=e.some(e=>e.enabled),D=w===T,O=D?y:[],M=D?x:E?`checking`:`idle`,N=D?C:null,[P,F]=(0,S.useState)(!1),[I,L]=(0,S.useState)(j);return(0,k.jsxs)(`div`,{children:[(0,k.jsx)(d,{title:`Alerts`,description:`Threshold rules evaluated live in your browser.`,live:E&&M===`live`,actions:(0,k.jsxs)(k.Fragment,{children:[I===`granted`?(0,k.jsxs)(`span`,{className:`flex items-center gap-1.5 text-sm text-success`,children:[(0,k.jsx)(a,{className:`size-4`}),` Desktop alerts on`]}):I===`unsupported`?(0,k.jsx)(`span`,{className:`text-sm text-faint`,children:`Notifications unsupported`}):I===`denied`?(0,k.jsx)(`span`,{className:`text-sm text-faint`,children:`Desktop alerts blocked — allow notifications in browser settings`}):(0,k.jsx)(s,{size:`sm`,onClick:async()=>{L(await h())},children:`Enable desktop notifications`}),(0,k.jsx)(s,{variant:`accent`,size:`sm`,"aria-expanded":P,"aria-controls":`alert-rule-form`,onClick:()=>F(e=>!e),children:`+ Create Alert Rule`})]})}),E&&M===`checking`&&(0,k.jsx)(`p`,{role:`status`,className:`mb-4 text-sm text-muted`,children:`Checking alert metrics for the connected server…`}),E&&M===`degraded`&&(0,k.jsx)(l,{message:N??`Alert metrics are unavailable; current rule results may be stale.`}),(0,k.jsx)(`div`,{className:`mb-6 rounded-lg border border-amber-500/20 bg-amber-500/5 px-4 py-3 text-sm text-amber-400/90`,children:`Rules are evaluated in this browser while a tab is open (even backgrounded), raising an in-app toast and — if enabled — a desktop notification. bunqueue OSS has no alerting backend, so email/webhook/slack delivery still needs your own monitoring or hosted bunqueue Cloud.`}),(0,k.jsxs)(`section`,{className:`mb-8`,children:[(0,k.jsx)(`h2`,{className:`mb-3 text-lg font-semibold text-fg`,children:`Triggered Alerts`}),O.length===0?(0,k.jsx)(u,{icon:(0,k.jsx)(a,{}),title:`No triggered alerts`,hint:E?M===`live`?`All enabled rules are within their thresholds.`:M===`checking`?`Alert metrics are still being checked.`:`Alert metrics are unavailable; no all-clear result is available.`:`No enabled rules yet. Create one below.`}):(0,k.jsx)(`div`,{className:`overflow-x-auto rounded-xl border border-danger/30 bg-red-500/5`,children:(0,k.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,k.jsx)(`thead`,{children:(0,k.jsxs)(`tr`,{className:`border-b border-line text-left text-[11px] uppercase tracking-wider text-faint`,children:[(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Rule`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Condition`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Queue`}),(0,k.jsx)(`th`,{className:`px-5 py-3 text-right font-medium`,children:`Current`}),(0,k.jsx)(`th`,{className:`px-5 py-3 text-right font-medium`,children:`Since`})]})}),(0,k.jsx)(`tbody`,{children:O.map(e=>(0,k.jsxs)(`tr`,{className:`border-b border-line last:border-0`,children:[(0,k.jsx)(`td`,{className:`px-5 py-3 font-medium text-danger`,children:e.ruleName}),(0,k.jsxs)(`td`,{className:`px-5 py-3 text-muted`,children:[e.metricLabel,` `,e.operator,` `,(0,k.jsx)(`span`,{className:`font-semibold text-fg`,children:e.threshold})]}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-muted`,children:e.queue||`All queues`}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-right tnum font-semibold text-danger`,children:Math.round(e.value*100)/100}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-right text-faint`,children:f(e.at)})]},e.ruleId))})]})})]}),(0,k.jsxs)(`section`,{children:[(0,k.jsx)(`h2`,{className:`mb-3 text-lg font-semibold text-fg`,children:`Alert Rules`}),P&&(0,k.jsx)(`div`,{id:`alert-rule-form`,children:(0,k.jsx)(c,{className:`mb-4`,children:(0,k.jsx)(A,{onAdd:e=>{let n=t(e);return n.ok&&F(!1),n}})})}),e.length===0?(0,k.jsx)(u,{title:`No alert rules`,hint:`Create a rule to be notified when a threshold is crossed.`}):(0,k.jsx)(`div`,{className:`overflow-x-auto rounded-xl border border-line bg-surface`,children:(0,k.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,k.jsx)(`thead`,{children:(0,k.jsxs)(`tr`,{className:`border-b border-line text-left text-[11px] uppercase tracking-wider text-faint`,children:[(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Rule`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Condition`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Queue`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Delivery`}),(0,k.jsx)(`th`,{className:`px-5 py-3 font-medium`,children:`Status`}),(0,k.jsx)(`th`,{className:`w-12 px-5 py-3`})]})}),(0,k.jsx)(`tbody`,{children:e.map(e=>(0,k.jsxs)(`tr`,{className:`border-b border-line last:border-0`,children:[(0,k.jsx)(`td`,{className:`px-5 py-3 font-medium text-fg`,children:e.name}),(0,k.jsxs)(`td`,{className:`px-5 py-3 text-muted`,children:[m[e.metric],` `,e.operator,` `,(0,k.jsx)(`span`,{className:`font-semibold text-accent`,children:e.threshold})]}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-muted`,children:e.queue||`All queues`}),(0,k.jsx)(`td`,{className:`px-5 py-3`,children:(0,k.jsx)(`span`,{className:`rounded-md bg-surface-2 px-2 py-0.5 text-xs text-muted`,children:`Browser`})}),(0,k.jsx)(`td`,{className:`px-5 py-3`,children:(0,k.jsx)(b,{checked:e.enabled,onChange:()=>v(e.id),label:`Enabled`})}),(0,k.jsx)(`td`,{className:`px-5 py-3 text-right`,children:(0,k.jsx)(o,{"aria-label":`Delete rule ${e.name}`,onClick:()=>window.confirm(`Delete alert rule "${e.name}"?`)&&n(e.id),children:(0,k.jsx)(i,{className:`size-3.5`})})})]},e.id))})]})})]})]})}export{M as Alerts};