@juice-js/observability 1.1.0-alpha.21 → 1.1.0-alpha.22

package/fesm2022/juice-js-observability-notifications.page-BDqb10C6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"juice-js-observability-notifications.page-BDqb10C6.mjs","names":[],"sources":["../../../../projects/juice-js/observability/src/lib/pages/notifications.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, signal } from '@angular/core';\nimport { DatePipe } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\nimport { MatSelectModule } from '@angular/material/select';\nimport { Observable, forkJoin, map } from 'rxjs';\nimport { ApiService } from '../core/api.service';\nimport { Channel, EscalationPolicy, EscalationStep } from '../core/models';\nimport { apiResource } from '../shared/resource';\nimport { problemText } from '../shared/telemetry';\nimport { ContextBar } from '../shared/ui';\n\nconst list = (text: string) => text.split(',').map(s => s.trim()).filter(Boolean);\n\ninterface ChannelForm {\n  id: string | null; key: string; kind: string; url: string; secretRef: string; recipients: string; ruleKeys: string; environments: string; minimumSeverity: string; groupWindowSeconds: number; firing: boolean; resolved: boolean; enabled: boolean;\n}\n\ninterface PolicyForm { editing: boolean; key: string; name: string; ruleKeys: string; environments: string; minimumSeverity: string; stopOnAcknowledge: boolean; enabled: boolean; steps: string; }\n\nconst NEW_CHANNEL: ChannelForm = { id: null, key: '', kind: 'Slack', url: '', secretRef: '', recipients: '', ruleKeys: '', environments: '', minimumSeverity: 'Info', groupWindowSeconds: 0, firing: true, resolved: true, enabled: true };\nconst NEW_POLICY: PolicyForm = { editing: false, key: '', name: '', ruleKeys: '', environments: '', minimumSeverity: 'Critical', stopOnAcknowledge: true, enabled: true, steps: '' };\n\n/**\n * Where notifications go: channels with their failures and history, the private destinations they may reach, and who is told as an alert stays open. Changing any of these\n * needs the admin role. A channel's address and secret are never shown: only the name of where the secret is, to admins.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DatePipe, FormsModule, MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, MatProgressBarModule, MatSelectModule, ContextBar],\n  template: `\n    <jc-context-bar><h1>Notifications</h1></jc-context-bar>\n    @if (data.isLoading()) { <mat-progress-bar mode=\"indeterminate\" /> }\n    @if (data.error()) { <p class=\"jc-error\">{{ error() }}</p> }\n\n    <section class=\"jc-card\">\n      <h2>Channels <button mat-button type=\"button\" data-testid=\"channel-new\" (click)=\"channel.set(newChannel())\">New channel</button></h2>\n      @if (channel(); as f) {\n        <form class=\"jc-form\" data-testid=\"channel-form\" (ngSubmit)=\"saveChannel(f)\">\n          @if (!f.id) {\n            <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Key</mat-label><input matInput name=\"key\" [(ngModel)]=\"f.key\" required></mat-form-field>\n            <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Kind</mat-label>\n              <mat-select name=\"kind\" [(ngModel)]=\"f.kind\"><mat-option value=\"Slack\">Slack</mat-option><mat-option value=\"Teams\">Teams</mat-option><mat-option value=\"Email\">Email</mat-option><mat-option value=\"Webhook\">Signed webhook</mat-option></mat-select>\n            </mat-form-field>\n          }\n          @if (f.kind === 'Webhook') { <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>{{ f.id ? 'New URL (keeps the current one if empty)' : 'URL' }}</mat-label><input matInput name=\"url\" [(ngModel)]=\"f.url\"></mat-form-field> }\n          @if (f.kind === 'Email') { <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>Recipients, comma separated</mat-label><input matInput name=\"recipients\" [(ngModel)]=\"f.recipients\"></mat-form-field> }\n          @else {\n            <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>{{ f.kind === 'Webhook' ? 'Signing secret reference' : 'Reference to the channel URL' }}</mat-label><input matInput name=\"secretRef\" [(ngModel)]=\"f.secretRef\" placeholder=\"env:JUICE_WEBHOOK_OPS\"></mat-form-field>\n            <p class=\"jc-muted jc-small jc-form-actions\">{{ f.kind === 'Webhook' ? 'The name of where the signing secret is, set on the host.' : 'A Slack or Teams URL is itself a credential, so it stays on the host: this is the name of where it is.' }} Not the secret itself.</p>\n          }\n          <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Only these rules</mat-label><input matInput name=\"ruleKeys\" [(ngModel)]=\"f.ruleKeys\"></mat-form-field>\n          <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Only these environments</mat-label><input matInput name=\"environments\" [(ngModel)]=\"f.environments\"></mat-form-field>\n          <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Severity at least</mat-label>\n            <mat-select name=\"minimumSeverity\" [(ngModel)]=\"f.minimumSeverity\"><mat-option value=\"Info\">Info</mat-option><mat-option value=\"Warning\">Warning</mat-option><mat-option value=\"Critical\">Critical</mat-option></mat-select>\n          </mat-form-field>\n          <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Group for (s)</mat-label><input matInput type=\"number\" min=\"0\" max=\"3600\" name=\"group\" [(ngModel)]=\"f.groupWindowSeconds\"></mat-form-field>\n          <mat-checkbox name=\"firing\" [(ngModel)]=\"f.firing\">Firing</mat-checkbox>\n          <mat-checkbox name=\"resolved\" [(ngModel)]=\"f.resolved\">Resolved</mat-checkbox>\n          <mat-checkbox name=\"enabled\" [(ngModel)]=\"f.enabled\">Enabled</mat-checkbox>\n          <div class=\"jc-form-actions\">\n            <button mat-flat-button type=\"submit\" data-testid=\"channel-save\" [disabled]=\"saving()\">Save</button>\n            <button mat-button type=\"button\" (click)=\"channel.set(null)\">Cancel</button>\n            @if (channelError()) { <span class=\"jc-error\" data-testid=\"channel-error\">{{ channelError() }}</span> }\n          </div>\n        </form>\n      }\n      <table class=\"jc-table\" data-testid=\"channels\">\n        <thead><tr><th>Channel</th><th>Kind</th><th>Destination</th><th>Takes</th><th>Failed (24 h)</th><th>Waiting</th><th></th></tr></thead>\n        <tbody>\n          @for (c of channels(); track c.id) {\n            <tr [class.jc-muted]=\"!c.enabled\">\n              <td><strong>{{ c.key }}</strong><div class=\"jc-muted jc-small\">@if (!c.enabled) { disabled · }@if (c.managedBy === 'config') { from the webhooks file }</div></td>\n              <td>{{ c.kind }}</td>\n              <td>{{ c.destination }}</td>\n              <td class=\"jc-small\">{{ c.minimumSeverity }} and above@if (c.environments.length) { · {{ c.environments.join(', ') }} }@if (c.ruleKeys.length) { · {{ c.ruleKeys.join(', ') }} }@if (c.groupWindowSeconds) { · grouped {{ c.groupWindowSeconds }} s }</td>\n              <td [class.jc-bad]=\"c.recentFailures > 0\">{{ c.recentFailures }}</td>\n              <td>{{ c.waiting }}</td>\n              <td class=\"jc-row-actions\">\n                <button mat-button type=\"button\" [attr.data-testid]=\"'channel-history-' + c.key\" (click)=\"history.set(history() === c.id ? null : c.id)\">History</button>\n                @if (c.managedBy !== 'config') { <button mat-button type=\"button\" [attr.data-testid]=\"'channel-edit-' + c.key\" (click)=\"editChannel(c)\">Change</button> }\n              </td>\n            </tr>\n          } @empty { <tr><td colspan=\"7\" class=\"jc-muted\">No channels: alerts fire, but nobody is told.</td></tr> }\n        </tbody>\n      </table>\n      @if (history()) {\n        <h3>Delivery history</h3>\n        @if (deliveries.error()) { <p class=\"jc-error\">{{ deliveriesError() }}</p> }\n        <table class=\"jc-table\" data-testid=\"channel-history\">\n          <thead><tr><th>Created</th><th>Event</th><th>Status</th><th>Attempts</th><th>Last result</th></tr></thead>\n          <tbody>\n            @for (d of deliveries.value()?.items ?? []; track d.id) {\n              <tr>\n                <td class=\"jc-nowrap\">{{ d.createdAt | date: 'MMM d, HH:mm:ss' }}</td>\n                <td>{{ d.event }}@if (d.escalationStep) { step {{ d.escalationStep }} }</td>\n                <td [class.jc-bad]=\"d.status === 'Failed'\">{{ d.status }}</td>\n                <td>{{ d.attempts }}</td>\n                <td class=\"jc-small\">{{ d.lastError ?? (d.lastStatusCode ? 'HTTP ' + d.lastStatusCode : '') }}</td>\n              </tr>\n            } @empty { <tr><td colspan=\"5\" class=\"jc-muted\">Nothing sent yet.</td></tr> }\n          </tbody>\n        </table>\n      }\n    </section>\n\n    <section class=\"jc-card\">\n      <h2>Escalation <button mat-button type=\"button\" data-testid=\"policy-new\" (click)=\"policy.set(newPolicy())\">New policy</button></h2>\n      @if (policy(); as f) {\n        <form class=\"jc-form\" data-testid=\"policy-form\" (ngSubmit)=\"savePolicy(f)\">\n          @if (!f.editing) { <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Key</mat-label><input matInput name=\"key\" [(ngModel)]=\"f.key\" required></mat-form-field> }\n          <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>Name</mat-label><input matInput name=\"name\" [(ngModel)]=\"f.name\" required></mat-form-field>\n          <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>Steps, one a line</mat-label><textarea matInput name=\"steps\" rows=\"3\" [(ngModel)]=\"f.steps\" placeholder=\"5: oncall-slack&#10;15: pager, lead-email\"></textarea></mat-form-field>\n          <p class=\"jc-muted jc-small jc-form-actions\">Minutes after firing, then the channels to tell if the alert is still open.</p>\n          <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Only these rules</mat-label><input matInput name=\"ruleKeys\" [(ngModel)]=\"f.ruleKeys\"></mat-form-field>\n          <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Only these environments</mat-label><input matInput name=\"environments\" [(ngModel)]=\"f.environments\"></mat-form-field>\n          <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Severity at least</mat-label>\n            <mat-select name=\"minimumSeverity\" [(ngModel)]=\"f.minimumSeverity\"><mat-option value=\"Info\">Info</mat-option><mat-option value=\"Warning\">Warning</mat-option><mat-option value=\"Critical\">Critical</mat-option></mat-select>\n          </mat-form-field>\n          <mat-checkbox name=\"stop\" [(ngModel)]=\"f.stopOnAcknowledge\">Stop when acknowledged</mat-checkbox>\n          <mat-checkbox name=\"policyEnabled\" [(ngModel)]=\"f.enabled\">Enabled</mat-checkbox>\n          <div class=\"jc-form-actions\">\n            <button mat-flat-button type=\"submit\" data-testid=\"policy-save\" [disabled]=\"saving()\">Save</button>\n            <button mat-button type=\"button\" (click)=\"policy.set(null)\">Cancel</button>\n            @if (policyError()) { <span class=\"jc-error\" data-testid=\"policy-error\">{{ policyError() }}</span> }\n          </div>\n        </form>\n      }\n      <table class=\"jc-table\" data-testid=\"policies\">\n        <thead><tr><th>Policy</th><th>Steps</th><th>Applies to</th><th>Stops when</th><th></th></tr></thead>\n        <tbody>\n          @for (p of policies(); track p.id) {\n            <tr [class.jc-muted]=\"!p.enabled\">\n              <td><strong>{{ p.name }}</strong><div class=\"jc-muted jc-small\">{{ p.key }}@if (!p.enabled) { · disabled }</div></td>\n              <td class=\"jc-small\">@for (s of p.steps; track s.afterMinutes) { <div>{{ s.afterMinutes }} min: {{ s.endpointKeys.join(', ') }}</div> }</td>\n              <td class=\"jc-small\">{{ p.minimumSeverity }} and above@if (p.environments.length) { · {{ p.environments.join(', ') }} }@if (p.ruleKeys.length) { · {{ p.ruleKeys.join(', ') }} }</td>\n              <td class=\"jc-small\">{{ p.stopOnAcknowledge ? 'Acknowledged or resolved' : 'Resolved' }}</td>\n              <td class=\"jc-row-actions\"><button mat-button type=\"button\" (click)=\"editPolicy(p)\">Change</button></td>\n            </tr>\n          } @empty { <tr><td colspan=\"5\" class=\"jc-muted\">No policies: a firing alert notifies once.</td></tr> }\n        </tbody>\n      </table>\n    </section>\n\n    <section class=\"jc-card\">\n      <h2>Private destinations</h2>\n      <p class=\"jc-muted jc-small\">A channel may reach a private address only if it's listed here. Loopback, link-local and cloud metadata addresses are never reachable.</p>\n      <form class=\"jc-form\" (ngSubmit)=\"addAllowed()\">\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>CIDR or host name</mat-label><input matInput name=\"destination\" data-testid=\"allow-destination\" [(ngModel)]=\"destination\"></mat-form-field>\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-md\"><mat-label>Ports (443 if empty)</mat-label><input matInput name=\"ports\" data-testid=\"allow-ports\" [(ngModel)]=\"ports\"></mat-form-field>\n        <button mat-stroked-button type=\"submit\" data-testid=\"allow-add\" [disabled]=\"saving()\">Allow</button>\n        @if (allowError()) { <span class=\"jc-error\" data-testid=\"allow-error\">{{ allowError() }}</span> }\n      </form>\n      <table class=\"jc-table\" data-testid=\"allowlist\">\n        <tbody>\n          @for (a of allowed(); track a.destination) {\n            <tr>\n              <td><strong>{{ a.destination }}</strong> @if (a.managedBy === 'config') { <span class=\"jc-muted jc-small\">from the webhooks file</span> }</td>\n              <td>{{ a.ports.length ? a.ports.join(', ') : '443' }}</td>\n              <td class=\"jc-row-actions\">@if (a.managedBy !== 'config') { <button mat-button type=\"button\" (click)=\"removeAllowed(a.destination)\">Remove</button> }</td>\n            </tr>\n          } @empty { <tr><td class=\"jc-muted\">None: channels reach public addresses only.</td></tr> }\n        </tbody>\n      </table>\n    </section>`,\n})\nexport class NotificationsPage {\n  private readonly api = inject(ApiService);\n  protected readonly channel = signal<ChannelForm | null>(null);\n  protected readonly policy = signal<PolicyForm | null>(null);\n  protected readonly history = signal<string | null>(null);\n  protected readonly saving = signal(false);\n  protected readonly channelError = signal('');\n  protected readonly policyError = signal('');\n  protected readonly allowError = signal('');\n  protected destination = '';\n  protected ports = '';\n\n  protected readonly data = apiResource({\n    stream: () => forkJoin({\n      channels: this.api.channels().pipe(map(p => p.items)),\n      policies: this.api.escalationPolicies().pipe(map(p => p.items)),\n      allowlist: this.api.allowlist().pipe(map(p => p.items)),\n    }),\n  });\n  protected readonly error = computed(() => problemText(this.data.error()));\n  protected readonly channels = computed(() => this.data.value()?.channels ?? []);\n  protected readonly policies = computed(() => this.data.value()?.policies ?? []);\n  protected readonly allowed = computed(() => this.data.value()?.allowlist ?? []);\n  protected readonly deliveries = apiResource({ params: () => this.history() ?? undefined, stream: ({ params }) => this.api.deliveries(params) });\n  protected readonly deliveriesError = computed(() => problemText(this.deliveries.error()));\n\n  protected newChannel(): ChannelForm { this.channelError.set(''); return { ...NEW_CHANNEL }; }\n  protected newPolicy(): PolicyForm { this.policyError.set(''); return { ...NEW_POLICY }; }\n\n  protected editChannel(c: Channel) {\n    this.channelError.set('');\n    this.channel.set({\n      id: c.id, key: c.key, kind: c.kind, url: '', secretRef: c.secretRef ?? '', recipients: (c.recipients ?? []).join(', '), ruleKeys: c.ruleKeys.join(', '), environments: c.environments.join(', '),\n      minimumSeverity: c.minimumSeverity, groupWindowSeconds: c.groupWindowSeconds, firing: c.events.includes('alert.firing'), resolved: c.events.includes('alert.resolved'), enabled: c.enabled,\n    });\n  }\n\n  private run<T>(request: Observable<T>, error: (message: string) => void, done: () => void) {\n    this.saving.set(true);\n    error('');\n    request.subscribe({\n      next: () => { this.saving.set(false); done(); this.data.reload(); },\n      error: e => { this.saving.set(false); error((e as { status?: number }).status === 403 ? 'This needs the admin role.' : problemText(e)); },\n    });\n  }\n\n  protected saveChannel(f: ChannelForm) {\n    const events = [f.firing ? 'alert.firing' : '', f.resolved ? 'alert.resolved' : ''].filter(Boolean);\n    const body = {\n      key: f.key, kind: f.kind, url: f.kind === 'Webhook' && f.url.trim() ? f.url.trim() : undefined, secretRef: f.kind === 'Email' ? undefined : f.secretRef.trim(), recipients: f.kind === 'Email' ? list(f.recipients) : undefined,\n      events, ruleKeys: list(f.ruleKeys), environments: list(f.environments).map(e => e.toLowerCase()), minimumSeverity: f.minimumSeverity, groupWindowSeconds: f.groupWindowSeconds || 0, enabled: f.enabled,\n    };\n    this.run(f.id ? this.api.updateChannel(f.id, body) : this.api.createChannel(body), m => this.channelError.set(m), () => this.channel.set(null));\n  }\n\n  protected editPolicy(p: EscalationPolicy) {\n    this.policyError.set('');\n    this.policy.set({\n      editing: true, key: p.key, name: p.name, ruleKeys: p.ruleKeys.join(', '), environments: p.environments.join(', '), minimumSeverity: p.minimumSeverity, stopOnAcknowledge: p.stopOnAcknowledge, enabled: p.enabled,\n      steps: p.steps.map(s => `${s.afterMinutes}: ${s.endpointKeys.join(', ')}`).join('\\n'),\n    });\n  }\n\n  /** `5: oncall, pager` per line. A line that doesn't read goes to the server as no channels, which says what's wrong. */\n  private parseSteps(text: string): EscalationStep[] {\n    return text.split('\\n').map(l => l.trim()).filter(Boolean).map(line => {\n      const [minutes, ...rest] = line.split(':');\n      return { afterMinutes: Number(minutes.trim()), endpointKeys: list(rest.join(':')) };\n    });\n  }\n\n  protected savePolicy(f: PolicyForm) {\n    const body = {\n      key: f.key, name: f.name, enabled: f.enabled, ruleKeys: list(f.ruleKeys), environments: list(f.environments).map(e => e.toLowerCase()), minimumSeverity: f.minimumSeverity,\n      stopOnAcknowledge: f.stopOnAcknowledge, steps: this.parseSteps(f.steps),\n    };\n    this.run(f.editing ? this.api.updateEscalationPolicy(f.key, body) : this.api.createEscalationPolicy(body), m => this.policyError.set(m), () => this.policy.set(null));\n  }\n\n  protected addAllowed() {\n    this.run(this.api.putAllowlist(this.destination.trim(), list(this.ports).map(Number)), m => this.allowError.set(m), () => { this.destination = ''; this.ports = ''; });\n  }\n\n  protected removeAllowed(destination: string) {\n    this.run(this.api.removeAllowlist(destination), m => this.allowError.set(m), () => undefined);\n  }\n}\n"],"mappings":"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"}

package/fesm2022/juice-js-observability-rules.page-Df2uDVwz.mjs

@@ -0,0 +1,580 @@
+import { ApiService, ContextService, LinkPipe } from "./juice-js-observability.mjs";
+import { S as apiResource, h as AgoPipe, o as problemText, u as ContextBar } from "./juice-js-observability-telemetry-BftWSOaQ.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, signal } from "@angular/core";
+import { forkJoin, map } from "rxjs";
+import { RouterLink } from "@angular/router";
+import * as i1 from "@angular/forms";
+import { FormsModule } from "@angular/forms";
+import * as i2 from "@angular/material/button";
+import { MatButtonModule } from "@angular/material/button";
+import { MatFormFieldModule } from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import { MatInputModule } from "@angular/material/input";
+import * as i6 from "@angular/material/progress-bar";
+import { MatProgressBarModule } from "@angular/material/progress-bar";
+import * as i4 from "@angular/material/select";
+import { MatSelectModule } from "@angular/material/select";
+import * as i3 from "@angular/material/checkbox";
+import { MatCheckboxModule } from "@angular/material/checkbox";
+const TEMPLATES = {
+	ErrorRate: "Ratio of failed requests, 0 to 1. Fires above the threshold.",
+	LatencyP95: "Milliseconds at the 95th percentile. Fires above the threshold.",
+	ThroughputAbsent: "Requests in the window, for a service that had traffic. Fires at or below the threshold.",
+	DeliveryFailureRate: "Ratio of failed deliveries, 0 to 1. Fires above the threshold.",
+	HostMemory: "Ratio of host memory used, 0 to 1. Fires above the threshold.",
+	MediatorErrors: "Mediator errors in the window. Fires above the threshold.",
+	ConsumerFailures: "Failed consumer messages in the window. Fires above the threshold."
+};
+function seconds(value) {
+	const match = /^(?:(\d+)\.)?(\d+):(\d+):(\d+)/.exec(String(value ?? ""));
+	return match ? +(match[1] ?? 0) * 86400 + +match[2] * 3600 + +match[3] * 60 + +match[4] : 0;
+}
+function span(total) {
+	const s = Math.max(0, Math.round(total || 0));
+	const pad = (n) => String(n).padStart(2, "0");
+	const days = Math.floor(s / 86400);
+	return `${days ? `${days}.` : ""}${pad(Math.floor(s / 3600) % 24)}:${pad(Math.floor(s / 60) % 60)}:${pad(s % 60)}`;
+}
+const NEW_RULE = {
+	key: "",
+	name: "",
+	template: "ErrorRate",
+	severity: "Warning",
+	service: "",
+	environment: "",
+	host: "",
+	threshold: null,
+	recoveryThreshold: null,
+	minimumSamples: 10,
+	scheduleSeconds: 60,
+	windowSeconds: 300,
+	forSeconds: 120,
+	recoverySeconds: 120,
+	cooldownSeconds: 600,
+	enabled: true
+};
+var RulesPage = class RulesPage {
+	ctx = inject(ContextService);
+	api = inject(ApiService);
+	templates = Object.keys(TEMPLATES);
+	form = signal(null, ...ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []);
+	editing = signal(null, ...ngDevMode ? [{ debugName: "editing" }] : /* istanbul ignore next */ []);
+	saving = signal(false, ...ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []);
+	saveError = signal("", ...ngDevMode ? [{ debugName: "saveError" }] : /* istanbul ignore next */ []);
+	data = apiResource({ stream: () => forkJoin({
+		rules: this.api.rules().pipe(map((p) => p.items)),
+		firing: this.api.allAlerts({ state: "firing" }).pipe(map((p) => p.items)),
+		pending: this.api.allAlerts({ state: "pending" }).pipe(map((p) => p.items))
+	}) });
+	error = computed(() => problemText(this.data.error()), ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	rows = computed(() => {
+		const d = this.data.value();
+		if (!d) return [];
+		const open = [...d.firing, ...d.pending];
+		return d.rules.map((r) => {
+			const mine = open.filter((a) => a.rule === r.key);
+			const last = mine.map((a) => a.lastEvaluatedAt).sort().at(-1) ?? null;
+			return {
+				...r,
+				open: mine,
+				lastEvaluatedAt: last
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+	hint(template) {
+		return TEMPLATES[template] ?? "";
+	}
+	startNew() {
+		this.editing.set(null);
+		this.saveError.set("");
+		this.form.set({ ...NEW_RULE });
+	}
+	edit(rule) {
+		const d = rule.definition;
+		this.editing.set(rule);
+		this.saveError.set("");
+		this.form.set({
+			key: rule.key,
+			name: rule.name,
+			template: rule.template,
+			severity: rule.severity,
+			service: String(d["service"] ?? ""),
+			environment: String(d["environment"] ?? ""),
+			host: String(d["host"] ?? ""),
+			threshold: d["threshold"],
+			recoveryThreshold: d["recoveryThreshold"] ?? null,
+			minimumSamples: d["minimumSamples"],
+			scheduleSeconds: seconds(d["schedule"]),
+			windowSeconds: seconds(d["window"]),
+			forSeconds: seconds(d["forDuration"]),
+			recoverySeconds: seconds(d["recoveryDuration"]),
+			cooldownSeconds: seconds(d["cooldown"]),
+			enabled: rule.enabled
+		});
+	}
+	save(f) {
+		const host = f.template === "HostMemory";
+		const body = {
+			key: f.key,
+			name: f.name,
+			template: f.template,
+			severity: f.severity,
+			service: host ? "" : f.service.trim(),
+			environment: host ? "" : f.environment.trim().toLowerCase(),
+			host: host ? f.host.trim() : "",
+			threshold: f.threshold,
+			recoveryThreshold: f.recoveryThreshold,
+			minimumSamples: f.minimumSamples,
+			schedule: span(f.scheduleSeconds),
+			window: span(f.windowSeconds),
+			forDuration: span(f.forSeconds),
+			recoveryDuration: span(f.recoverySeconds),
+			cooldown: span(f.cooldownSeconds),
+			enabled: f.enabled
+		};
+		const editing = this.editing();
+		const request = editing ? this.api.updateRule(editing.key, body, editing.etag) : this.api.createRule(body);
+		this.saving.set(true);
+		this.saveError.set("");
+		request.subscribe({
+			next: () => {
+				this.saving.set(false);
+				this.form.set(null);
+				this.data.reload();
+			},
+			error: (e) => {
+				this.saving.set(false);
+				this.saveError.set(problemText(e));
+			}
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: RulesPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: RulesPage,
+		isStandalone: true,
+		selector: "ng-component",
+		ngImport: i0,
+		template: `
+    <jc-context-bar>
+      <h1>Rules</h1>
+      <span class="jc-spacer"></span>
+      <button mat-flat-button type="button" data-testid="rule-new" (click)="startNew()">New rule</button>
+    </jc-context-bar>
+    @if (data.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (data.error()) { <p class="jc-error">{{ error() }}</p> }
+    @if (form(); as f) {
+      <section class="jc-card" data-testid="rule-form">
+        <h2>{{ editing() ? 'Change ' + editing()!.key : 'New rule' }}</h2>
+        <form class="jc-form" (ngSubmit)="save(f)">
+          @if (!editing()) { <mat-form-field subscriptSizing="dynamic"><mat-label>Key</mat-label><input matInput name="key" [(ngModel)]="f.key" required></mat-form-field> }
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-wide"><mat-label>Name</mat-label><input matInput name="name" [(ngModel)]="f.name" required></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic"><mat-label>Template</mat-label>
+            <mat-select name="template" [(ngModel)]="f.template">@for (t of templates; track t) { <mat-option [value]="t">{{ t }}</mat-option> }</mat-select>
+          </mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Severity</mat-label>
+            <mat-select name="severity" [(ngModel)]="f.severity"><mat-option value="Info">Info</mat-option><mat-option value="Warning">Warning</mat-option><mat-option value="Critical">Critical</mat-option></mat-select>
+          </mat-form-field>
+          @if (f.template === 'HostMemory') {
+            <mat-form-field subscriptSizing="dynamic"><mat-label>Host (all if empty)</mat-label><input matInput name="host" [(ngModel)]="f.host"></mat-form-field>
+          } @else {
+            <mat-form-field subscriptSizing="dynamic"><mat-label>Service (all if empty)</mat-label><input matInput name="service" [(ngModel)]="f.service"></mat-form-field>
+            <mat-form-field subscriptSizing="dynamic"><mat-label>Environment (all if empty)</mat-label><input matInput name="environment" [(ngModel)]="f.environment"></mat-form-field>
+          }
+          <p class="jc-muted jc-small jc-form-actions">{{ hint(f.template) }}</p>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Threshold</mat-label><input matInput type="number" step="any" name="threshold" [(ngModel)]="f.threshold" required></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Recovery threshold</mat-label><input matInput type="number" step="any" name="recoveryThreshold" [(ngModel)]="f.recoveryThreshold"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Minimum samples</mat-label><input matInput type="number" name="minimumSamples" [(ngModel)]="f.minimumSamples"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Every (s)</mat-label><input matInput type="number" name="schedule" [(ngModel)]="f.scheduleSeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Window (s)</mat-label><input matInput type="number" name="window" [(ngModel)]="f.windowSeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Fire after (s)</mat-label><input matInput type="number" name="for" [(ngModel)]="f.forSeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Recover after (s)</mat-label><input matInput type="number" name="recovery" [(ngModel)]="f.recoverySeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Cooldown (s)</mat-label><input matInput type="number" name="cooldown" [(ngModel)]="f.cooldownSeconds"></mat-form-field>
+          <mat-checkbox name="enabled" [(ngModel)]="f.enabled">Enabled</mat-checkbox>
+          @if (editing()) { <p class="jc-muted jc-small jc-form-actions">Disabling this rule, or changing its template or scope, resolves its open alerts: nothing would be watching them any more.</p> }
+          <div class="jc-form-actions">
+            <button mat-flat-button type="submit" data-testid="rule-save" [disabled]="saving()">Save</button>
+            <button mat-button type="button" (click)="form.set(null)">Cancel</button>
+            @if (saveError()) { <span class="jc-error" data-testid="rule-error">{{ saveError() }}</span> }
+          </div>
+        </form>
+      </section>
+    }
+    <table class="jc-table" data-testid="rules">
+      <thead><tr><th>Rule</th><th>Template</th><th>Severity</th><th>Threshold</th><th>Recovery</th><th>Wait</th><th>Open alerts</th><th>Last evaluation</th><th></th></tr></thead>
+      <tbody>
+        @for (r of rows(); track r.key) {
+          <tr [class.jc-muted]="!r.enabled">
+            <td><strong>{{ r.name }}</strong><div class="jc-muted jc-small">{{ r.key }}@if (!r.enabled) { · disabled }@if (r.managedBy === 'config') { · from the rules file }</div></td>
+            <td>{{ r.template }}</td>
+            <td>{{ r.severity }}</td>
+            <td>{{ r.definition['threshold'] ?? '—' }}</td>
+            <td>{{ r.definition['recoveryThreshold'] ?? '—' }}</td>
+            <td>{{ r.definition['forDuration'] ?? '—' }}</td>
+            <td>
+              @for (a of r.open; track a.id) {
+                <div><a [routerLink]="['alerts', a.id] | jcLink" [queryParams]="ctx.keep()">{{ a.state }}</a> {{ a.subjectKey }} = {{ a.lastValue ?? 'no data' }}</div>
+              } @empty { <span class="jc-muted">none</span> }
+            </td>
+            <td>{{ r.lastEvaluatedAt | ago }}</td>
+            <td class="jc-row-actions">@if (r.managedBy !== 'config') { <button mat-button type="button" [attr.data-testid]="'rule-edit-' + r.key" (click)="edit(r)">Change</button> }</td>
+          </tr>
+        }
+      </tbody>
+    </table>`,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: FormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.ɵNgNoValidate,
+				selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+			},
+			{
+				kind: "directive",
+				type: i1.DefaultValueAccessor,
+				selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NumberValueAccessor,
+				selector: "input[type=number]:not([ngNoCva])[formControlName],input[type=number]:not([ngNoCva])[formControl],input[type=number]:not([ngNoCva])[ngModel]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatusGroup,
+				selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+			},
+			{
+				kind: "directive",
+				type: i1.RequiredValidator,
+				selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+				inputs: ["required"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgModel,
+				selector: "[ngModel]:not([formControlName]):not([formControl])",
+				inputs: [
+					"name",
+					"disabled",
+					"ngModel",
+					"ngModelOptions"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngModel"]
+			},
+			{
+				kind: "directive",
+				type: i1.NgForm,
+				selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]",
+				inputs: ["ngFormOptions"],
+				outputs: ["ngSubmit"],
+				exportAs: ["ngForm"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatButtonModule
+			},
+			{
+				kind: "component",
+				type: i2.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatCheckboxModule
+			},
+			{
+				kind: "component",
+				type: i3.MatCheckbox,
+				selector: "mat-checkbox",
+				inputs: [
+					"aria-label",
+					"aria-labelledby",
+					"aria-describedby",
+					"aria-expanded",
+					"aria-controls",
+					"aria-owns",
+					"id",
+					"required",
+					"labelPosition",
+					"name",
+					"value",
+					"disableRipple",
+					"tabIndex",
+					"color",
+					"disabledInteractive",
+					"checked",
+					"disabled",
+					"indeterminate"
+				],
+				outputs: ["change", "indeterminateChange"],
+				exportAs: ["matCheckbox"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatFormFieldModule
+			},
+			{
+				kind: "component",
+				type: i4.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i4.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "ngmodule",
+				type: MatInputModule
+			},
+			{
+				kind: "directive",
+				type: i5.MatInput,
+				selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+				inputs: [
+					"disabled",
+					"id",
+					"placeholder",
+					"name",
+					"required",
+					"type",
+					"errorStateMatcher",
+					"aria-describedby",
+					"value",
+					"readonly",
+					"disabledInteractive"
+				],
+				exportAs: ["matInput"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatProgressBarModule
+			},
+			{
+				kind: "component",
+				type: i6.MatProgressBar,
+				selector: "mat-progress-bar",
+				inputs: [
+					"color",
+					"value",
+					"bufferValue",
+					"mode"
+				],
+				outputs: ["animationEnd"],
+				exportAs: ["matProgressBar"]
+			},
+			{
+				kind: "ngmodule",
+				type: MatSelectModule
+			},
+			{
+				kind: "component",
+				type: i4.MatSelect,
+				selector: "mat-select",
+				inputs: [
+					"aria-describedby",
+					"panelClass",
+					"disabled",
+					"disableRipple",
+					"tabIndex",
+					"hideSingleSelectionIndicator",
+					"placeholder",
+					"required",
+					"multiple",
+					"disableOptionCentering",
+					"compareWith",
+					"value",
+					"aria-label",
+					"aria-labelledby",
+					"errorStateMatcher",
+					"typeaheadDebounceInterval",
+					"sortComparator",
+					"id",
+					"panelWidth",
+					"canSelectNullableOptions"
+				],
+				outputs: [
+					"openedChange",
+					"opened",
+					"closed",
+					"selectionChange",
+					"valueChange"
+				],
+				exportAs: ["matSelect"]
+			},
+			{
+				kind: "component",
+				type: i4.MatOption,
+				selector: "mat-option",
+				inputs: [
+					"value",
+					"id",
+					"disabled"
+				],
+				outputs: ["onSelectionChange"],
+				exportAs: ["matOption"]
+			},
+			{
+				kind: "component",
+				type: ContextBar,
+				selector: "jc-context-bar"
+			},
+			{
+				kind: "pipe",
+				type: LinkPipe,
+				name: "jcLink"
+			},
+			{
+				kind: "pipe",
+				type: AgoPipe,
+				name: "ago"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: RulesPage,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				LinkPipe,
+				RouterLink,
+				FormsModule,
+				MatButtonModule,
+				MatCheckboxModule,
+				MatFormFieldModule,
+				MatInputModule,
+				MatProgressBarModule,
+				MatSelectModule,
+				ContextBar,
+				AgoPipe
+			],
+			template: `
+    <jc-context-bar>
+      <h1>Rules</h1>
+      <span class="jc-spacer"></span>
+      <button mat-flat-button type="button" data-testid="rule-new" (click)="startNew()">New rule</button>
+    </jc-context-bar>
+    @if (data.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (data.error()) { <p class="jc-error">{{ error() }}</p> }
+    @if (form(); as f) {
+      <section class="jc-card" data-testid="rule-form">
+        <h2>{{ editing() ? 'Change ' + editing()!.key : 'New rule' }}</h2>
+        <form class="jc-form" (ngSubmit)="save(f)">
+          @if (!editing()) { <mat-form-field subscriptSizing="dynamic"><mat-label>Key</mat-label><input matInput name="key" [(ngModel)]="f.key" required></mat-form-field> }
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-wide"><mat-label>Name</mat-label><input matInput name="name" [(ngModel)]="f.name" required></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic"><mat-label>Template</mat-label>
+            <mat-select name="template" [(ngModel)]="f.template">@for (t of templates; track t) { <mat-option [value]="t">{{ t }}</mat-option> }</mat-select>
+          </mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Severity</mat-label>
+            <mat-select name="severity" [(ngModel)]="f.severity"><mat-option value="Info">Info</mat-option><mat-option value="Warning">Warning</mat-option><mat-option value="Critical">Critical</mat-option></mat-select>
+          </mat-form-field>
+          @if (f.template === 'HostMemory') {
+            <mat-form-field subscriptSizing="dynamic"><mat-label>Host (all if empty)</mat-label><input matInput name="host" [(ngModel)]="f.host"></mat-form-field>
+          } @else {
+            <mat-form-field subscriptSizing="dynamic"><mat-label>Service (all if empty)</mat-label><input matInput name="service" [(ngModel)]="f.service"></mat-form-field>
+            <mat-form-field subscriptSizing="dynamic"><mat-label>Environment (all if empty)</mat-label><input matInput name="environment" [(ngModel)]="f.environment"></mat-form-field>
+          }
+          <p class="jc-muted jc-small jc-form-actions">{{ hint(f.template) }}</p>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Threshold</mat-label><input matInput type="number" step="any" name="threshold" [(ngModel)]="f.threshold" required></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Recovery threshold</mat-label><input matInput type="number" step="any" name="recoveryThreshold" [(ngModel)]="f.recoveryThreshold"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Minimum samples</mat-label><input matInput type="number" name="minimumSamples" [(ngModel)]="f.minimumSamples"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Every (s)</mat-label><input matInput type="number" name="schedule" [(ngModel)]="f.scheduleSeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Window (s)</mat-label><input matInput type="number" name="window" [(ngModel)]="f.windowSeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Fire after (s)</mat-label><input matInput type="number" name="for" [(ngModel)]="f.forSeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Recover after (s)</mat-label><input matInput type="number" name="recovery" [(ngModel)]="f.recoverySeconds"></mat-form-field>
+          <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Cooldown (s)</mat-label><input matInput type="number" name="cooldown" [(ngModel)]="f.cooldownSeconds"></mat-form-field>
+          <mat-checkbox name="enabled" [(ngModel)]="f.enabled">Enabled</mat-checkbox>
+          @if (editing()) { <p class="jc-muted jc-small jc-form-actions">Disabling this rule, or changing its template or scope, resolves its open alerts: nothing would be watching them any more.</p> }
+          <div class="jc-form-actions">
+            <button mat-flat-button type="submit" data-testid="rule-save" [disabled]="saving()">Save</button>
+            <button mat-button type="button" (click)="form.set(null)">Cancel</button>
+            @if (saveError()) { <span class="jc-error" data-testid="rule-error">{{ saveError() }}</span> }
+          </div>
+        </form>
+      </section>
+    }
+    <table class="jc-table" data-testid="rules">
+      <thead><tr><th>Rule</th><th>Template</th><th>Severity</th><th>Threshold</th><th>Recovery</th><th>Wait</th><th>Open alerts</th><th>Last evaluation</th><th></th></tr></thead>
+      <tbody>
+        @for (r of rows(); track r.key) {
+          <tr [class.jc-muted]="!r.enabled">
+            <td><strong>{{ r.name }}</strong><div class="jc-muted jc-small">{{ r.key }}@if (!r.enabled) { · disabled }@if (r.managedBy === 'config') { · from the rules file }</div></td>
+            <td>{{ r.template }}</td>
+            <td>{{ r.severity }}</td>
+            <td>{{ r.definition['threshold'] ?? '—' }}</td>
+            <td>{{ r.definition['recoveryThreshold'] ?? '—' }}</td>
+            <td>{{ r.definition['forDuration'] ?? '—' }}</td>
+            <td>
+              @for (a of r.open; track a.id) {
+                <div><a [routerLink]="['alerts', a.id] | jcLink" [queryParams]="ctx.keep()">{{ a.state }}</a> {{ a.subjectKey }} = {{ a.lastValue ?? 'no data' }}</div>
+              } @empty { <span class="jc-muted">none</span> }
+            </td>
+            <td>{{ r.lastEvaluatedAt | ago }}</td>
+            <td class="jc-row-actions">@if (r.managedBy !== 'config') { <button mat-button type="button" [attr.data-testid]="'rule-edit-' + r.key" (click)="edit(r)">Change</button> }</td>
+          </tr>
+        }
+      </tbody>
+    </table>`
+		}]
+	}]
+});
+export { RulesPage };
+
+//# sourceMappingURL=juice-js-observability-rules.page-Df2uDVwz.mjs.map