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

package/fesm2022/juice-js-observability-silences.page-Cg53dJAy.mjs

@@ -0,0 +1,523 @@
+import { ApiService } from "./juice-js-observability.mjs";
+import { S as apiResource, o as problemText, u as ContextBar } from "./juice-js-observability-telemetry-BftWSOaQ.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input, signal } from "@angular/core";
+import { DatePipe } from "@angular/common";
+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";
+var SilencesPage = class SilencesPage {
+	api = inject(ApiService);
+	service = input(...ngDevMode ? [void 0, { debugName: "service" }] : /* istanbul ignore next */ []);
+	environment = input(...ngDevMode ? [void 0, { debugName: "environment" }] : /* istanbul ignore next */ []);
+	host = input(...ngDevMode ? [void 0, { debugName: "host" }] : /* istanbul ignore next */ []);
+	showAll = signal(false, ...ngDevMode ? [{ debugName: "showAll" }] : /* istanbul ignore next */ []);
+	saving = signal(false, ...ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []);
+	saveError = signal("", ...ngDevMode ? [{ debugName: "saveError" }] : /* istanbul ignore next */ []);
+	kind = "Silence";
+	comment = "";
+	hours = 1;
+	starts = "";
+	weekly = false;
+	serviceField = "";
+	environmentField = "";
+	hostField = "";
+	rules = "";
+	maximum = "";
+	all = false;
+	silences = apiResource({
+		params: () => ({ all: this.showAll() }),
+		stream: ({ params }) => this.api.silences({ all: params.all || null })
+	});
+	error = computed(() => problemText(this.silences.error()), ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	ngOnInit() {
+		this.serviceField = this.service() ?? "";
+		this.environmentField = this.environment() ?? "";
+		this.hostField = this.host() ?? "";
+	}
+	scope(s) {
+		if (s.allAlerts) return "Everything";
+		return [
+			s.service,
+			s.environment,
+			s.host,
+			s.ruleKeys.join(", "),
+			s.maximumSeverity ? `up to ${s.maximumSeverity}` : ""
+		].filter(Boolean).join(" · ");
+	}
+	over(s) {
+		return !s.repeatWeekly && new Date(s.endsAt).getTime() <= Date.now();
+	}
+	create() {
+		const start = this.kind === "Maintenance" && this.starts ? new Date(this.starts) : /* @__PURE__ */ new Date();
+		const end = new Date(start.getTime() + (this.hours || 0) * 36e5);
+		this.saving.set(true);
+		this.saveError.set("");
+		this.api.createSilence({
+			kind: this.kind,
+			comment: this.comment,
+			startsAt: this.kind === "Maintenance" ? start.toISOString() : void 0,
+			endsAt: end.toISOString(),
+			repeatWeekly: this.kind === "Maintenance" && this.weekly,
+			allAlerts: this.all,
+			service: this.all ? void 0 : this.serviceField,
+			environment: this.all ? void 0 : this.environmentField,
+			host: this.all ? void 0 : this.hostField,
+			ruleKeys: this.all ? [] : this.rules.split(",").map((r) => r.trim()).filter(Boolean),
+			maximumSeverity: this.all ? void 0 : this.maximum || void 0
+		}).subscribe({
+			next: () => {
+				this.saving.set(false);
+				this.comment = "";
+				this.silences.reload();
+			},
+			error: (e) => {
+				this.saving.set(false);
+				this.saveError.set(e.status === 403 ? "Silencing needs the operator or admin role." : problemText(e));
+			}
+		});
+	}
+	cancel(s) {
+		this.api.cancelSilence(s.id).subscribe({
+			next: () => this.silences.reload(),
+			error: (e) => this.saveError.set(e.status === 403 ? "Ending a silence needs the operator or admin role." : problemText(e))
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: SilencesPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: SilencesPage,
+		isStandalone: true,
+		selector: "ng-component",
+		inputs: {
+			service: {
+				classPropertyName: "service",
+				publicName: "service",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			environment: {
+				classPropertyName: "environment",
+				publicName: "environment",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			host: {
+				classPropertyName: "host",
+				publicName: "host",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    <jc-context-bar>
+      <h1>Silences</h1>
+      <span class="jc-spacer"></span>
+      <mat-checkbox [ngModel]="showAll()" (ngModelChange)="showAll.set($event)" data-testid="silences-all">Include ended</mat-checkbox>
+    </jc-context-bar>
+    @if (silences.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (silences.error()) { <p class="jc-error">{{ error() }}</p> }
+
+    <section class="jc-card">
+      <h2>New</h2>
+      <form class="jc-form" data-testid="silence-form" (ngSubmit)="create()">
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Kind</mat-label>
+          <mat-select name="kind" [(ngModel)]="kind"><mat-option value="Silence">Silence, from now</mat-option><mat-option value="Maintenance">Maintenance window</mat-option></mat-select>
+        </mat-form-field>
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-wide"><mat-label>Why</mat-label><input matInput name="comment" data-testid="silence-comment" [(ngModel)]="comment" maxlength="500"></mat-form-field>
+        @if (kind === 'Maintenance') {
+          <mat-form-field subscriptSizing="dynamic"><mat-label>Starts</mat-label><input matInput type="datetime-local" name="starts" [(ngModel)]="starts"></mat-form-field>
+          <mat-checkbox name="weekly" [(ngModel)]="weekly">Every week</mat-checkbox>
+        }
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>For (hours)</mat-label><input matInput type="number" min="0.1" step="0.5" name="hours" data-testid="silence-hours" [(ngModel)]="hours"></mat-form-field>
+        <p class="jc-muted jc-small jc-form-actions">What to hold. Everything filled in must match.</p>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Service</mat-label><input matInput name="service" data-testid="silence-service" [(ngModel)]="serviceField" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Environment</mat-label><input matInput name="environment" [(ngModel)]="environmentField" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Host</mat-label><input matInput name="host" [(ngModel)]="hostField" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Rules, comma separated</mat-label><input matInput name="rules" [(ngModel)]="rules" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Severity up to</mat-label>
+          <mat-select name="maximum" [(ngModel)]="maximum" [disabled]="all"><mat-option value="">Any</mat-option><mat-option value="Info">Info</mat-option><mat-option value="Warning">Warning</mat-option></mat-select>
+        </mat-form-field>
+        <mat-checkbox name="all" [(ngModel)]="all">Everything</mat-checkbox>
+        <div class="jc-form-actions">
+          <button mat-flat-button type="submit" data-testid="silence-save" [disabled]="saving()">{{ kind === 'Silence' ? 'Silence' : 'Schedule' }}</button>
+          @if (saveError()) { <span class="jc-error" data-testid="silence-error">{{ saveError() }}</span> }
+        </div>
+      </form>
+    </section>
+
+    <table class="jc-table" data-testid="silences">
+      <thead><tr><th>Why</th><th>Holds</th><th>When</th><th>Holding</th><th>By</th><th></th></tr></thead>
+      <tbody>
+        @for (s of silences.value()?.items ?? []; track s.id) {
+          <tr [class.jc-muted]="s.cancelledAt">
+            <td><strong>{{ s.comment }}</strong><div class="jc-small">@if (s.active) { <span class="jc-badge jc-health-degraded">Active</span> } @else if (s.cancelledAt) { Cancelled by {{ s.cancelledBy }} } @else { {{ s.kind === 'Maintenance' ? 'Maintenance' : 'Silence' }} }</div></td>
+            <td class="jc-small">{{ scope(s) }}</td>
+            <td class="jc-nowrap jc-small">{{ s.startsAt | date: 'MMM d, HH:mm' }} to {{ s.endsAt | date: 'MMM d, HH:mm' }}@if (s.repeatWeekly) { <div>every week</div> }</td>
+            <td>{{ s.held }}</td>
+            <td>{{ s.createdBy }}</td>
+            <td class="jc-row-actions">@if (!s.cancelledAt && !over(s)) { <button mat-button type="button" [attr.data-testid]="'silence-cancel-' + s.id" (click)="cancel(s)">End now</button> }</td>
+          </tr>
+        } @empty { <tr><td colspan="6" class="jc-muted">No silences: every matching alert notifies.</td></tr> }
+      </tbody>
+    </table>`,
+		isInline: true,
+		dependencies: [
+			{
+				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.MaxLengthValidator,
+				selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]",
+				inputs: ["maxlength"]
+			},
+			{
+				kind: "directive",
+				type: i1.MinValidator,
+				selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]",
+				inputs: ["min"]
+			},
+			{
+				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: DatePipe,
+				name: "date"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: SilencesPage,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				DatePipe,
+				FormsModule,
+				MatButtonModule,
+				MatCheckboxModule,
+				MatFormFieldModule,
+				MatInputModule,
+				MatProgressBarModule,
+				MatSelectModule,
+				ContextBar
+			],
+			template: `
+    <jc-context-bar>
+      <h1>Silences</h1>
+      <span class="jc-spacer"></span>
+      <mat-checkbox [ngModel]="showAll()" (ngModelChange)="showAll.set($event)" data-testid="silences-all">Include ended</mat-checkbox>
+    </jc-context-bar>
+    @if (silences.isLoading()) { <mat-progress-bar mode="indeterminate" /> }
+    @if (silences.error()) { <p class="jc-error">{{ error() }}</p> }
+
+    <section class="jc-card">
+      <h2>New</h2>
+      <form class="jc-form" data-testid="silence-form" (ngSubmit)="create()">
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Kind</mat-label>
+          <mat-select name="kind" [(ngModel)]="kind"><mat-option value="Silence">Silence, from now</mat-option><mat-option value="Maintenance">Maintenance window</mat-option></mat-select>
+        </mat-form-field>
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-wide"><mat-label>Why</mat-label><input matInput name="comment" data-testid="silence-comment" [(ngModel)]="comment" maxlength="500"></mat-form-field>
+        @if (kind === 'Maintenance') {
+          <mat-form-field subscriptSizing="dynamic"><mat-label>Starts</mat-label><input matInput type="datetime-local" name="starts" [(ngModel)]="starts"></mat-form-field>
+          <mat-checkbox name="weekly" [(ngModel)]="weekly">Every week</mat-checkbox>
+        }
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>For (hours)</mat-label><input matInput type="number" min="0.1" step="0.5" name="hours" data-testid="silence-hours" [(ngModel)]="hours"></mat-form-field>
+        <p class="jc-muted jc-small jc-form-actions">What to hold. Everything filled in must match.</p>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Service</mat-label><input matInput name="service" data-testid="silence-service" [(ngModel)]="serviceField" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Environment</mat-label><input matInput name="environment" [(ngModel)]="environmentField" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Host</mat-label><input matInput name="host" [(ngModel)]="hostField" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic"><mat-label>Rules, comma separated</mat-label><input matInput name="rules" [(ngModel)]="rules" [disabled]="all"></mat-form-field>
+        <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Severity up to</mat-label>
+          <mat-select name="maximum" [(ngModel)]="maximum" [disabled]="all"><mat-option value="">Any</mat-option><mat-option value="Info">Info</mat-option><mat-option value="Warning">Warning</mat-option></mat-select>
+        </mat-form-field>
+        <mat-checkbox name="all" [(ngModel)]="all">Everything</mat-checkbox>
+        <div class="jc-form-actions">
+          <button mat-flat-button type="submit" data-testid="silence-save" [disabled]="saving()">{{ kind === 'Silence' ? 'Silence' : 'Schedule' }}</button>
+          @if (saveError()) { <span class="jc-error" data-testid="silence-error">{{ saveError() }}</span> }
+        </div>
+      </form>
+    </section>
+
+    <table class="jc-table" data-testid="silences">
+      <thead><tr><th>Why</th><th>Holds</th><th>When</th><th>Holding</th><th>By</th><th></th></tr></thead>
+      <tbody>
+        @for (s of silences.value()?.items ?? []; track s.id) {
+          <tr [class.jc-muted]="s.cancelledAt">
+            <td><strong>{{ s.comment }}</strong><div class="jc-small">@if (s.active) { <span class="jc-badge jc-health-degraded">Active</span> } @else if (s.cancelledAt) { Cancelled by {{ s.cancelledBy }} } @else { {{ s.kind === 'Maintenance' ? 'Maintenance' : 'Silence' }} }</div></td>
+            <td class="jc-small">{{ scope(s) }}</td>
+            <td class="jc-nowrap jc-small">{{ s.startsAt | date: 'MMM d, HH:mm' }} to {{ s.endsAt | date: 'MMM d, HH:mm' }}@if (s.repeatWeekly) { <div>every week</div> }</td>
+            <td>{{ s.held }}</td>
+            <td>{{ s.createdBy }}</td>
+            <td class="jc-row-actions">@if (!s.cancelledAt && !over(s)) { <button mat-button type="button" [attr.data-testid]="'silence-cancel-' + s.id" (click)="cancel(s)">End now</button> }</td>
+          </tr>
+        } @empty { <tr><td colspan="6" class="jc-muted">No silences: every matching alert notifies.</td></tr> }
+      </tbody>
+    </table>`
+		}]
+	}],
+	propDecorators: {
+		service: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "service",
+				required: false
+			}]
+		}],
+		environment: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "environment",
+				required: false
+			}]
+		}],
+		host: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "host",
+				required: false
+			}]
+		}]
+	}
+});
+export { SilencesPage };
+
+//# sourceMappingURL=juice-js-observability-silences.page-Cg53dJAy.mjs.map

package/fesm2022/juice-js-observability-silences.page-Cg53dJAy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"juice-js-observability-silences.page-Cg53dJAy.mjs","names":[],"sources":["../../../../projects/juice-js/observability/src/lib/pages/silences.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, computed, inject, input, 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 { ApiService } from '../core/api.service';\nimport { Silence } from '../core/models';\nimport { apiResource } from '../shared/resource';\nimport { problemText } from '../shared/telemetry';\nimport { ContextBar } from '../shared/ui';\n\n/**\n * Silences and maintenance windows. Alerts go on firing and resolving under one: only what is sent changes, and what was held is sent when it ends if it still matters. Every\n * silence has an end and a reason, and shows how much it's holding, so a forgotten one can't quietly hide an outage.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DatePipe, FormsModule, MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, MatProgressBarModule, MatSelectModule, ContextBar],\n  template: `\n    <jc-context-bar>\n      <h1>Silences</h1>\n      <span class=\"jc-spacer\"></span>\n      <mat-checkbox [ngModel]=\"showAll()\" (ngModelChange)=\"showAll.set($event)\" data-testid=\"silences-all\">Include ended</mat-checkbox>\n    </jc-context-bar>\n    @if (silences.isLoading()) { <mat-progress-bar mode=\"indeterminate\" /> }\n    @if (silences.error()) { <p class=\"jc-error\">{{ error() }}</p> }\n\n    <section class=\"jc-card\">\n      <h2>New</h2>\n      <form class=\"jc-form\" data-testid=\"silence-form\" (ngSubmit)=\"create()\">\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Kind</mat-label>\n          <mat-select name=\"kind\" [(ngModel)]=\"kind\"><mat-option value=\"Silence\">Silence, from now</mat-option><mat-option value=\"Maintenance\">Maintenance window</mat-option></mat-select>\n        </mat-form-field>\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\"><mat-label>Why</mat-label><input matInput name=\"comment\" data-testid=\"silence-comment\" [(ngModel)]=\"comment\" maxlength=\"500\"></mat-form-field>\n        @if (kind === 'Maintenance') {\n          <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Starts</mat-label><input matInput type=\"datetime-local\" name=\"starts\" [(ngModel)]=\"starts\"></mat-form-field>\n          <mat-checkbox name=\"weekly\" [(ngModel)]=\"weekly\">Every week</mat-checkbox>\n        }\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>For (hours)</mat-label><input matInput type=\"number\" min=\"0.1\" step=\"0.5\" name=\"hours\" data-testid=\"silence-hours\" [(ngModel)]=\"hours\"></mat-form-field>\n        <p class=\"jc-muted jc-small jc-form-actions\">What to hold. Everything filled in must match.</p>\n        <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Service</mat-label><input matInput name=\"service\" data-testid=\"silence-service\" [(ngModel)]=\"serviceField\" [disabled]=\"all\"></mat-form-field>\n        <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Environment</mat-label><input matInput name=\"environment\" [(ngModel)]=\"environmentField\" [disabled]=\"all\"></mat-form-field>\n        <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Host</mat-label><input matInput name=\"host\" [(ngModel)]=\"hostField\" [disabled]=\"all\"></mat-form-field>\n        <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Rules, comma separated</mat-label><input matInput name=\"rules\" [(ngModel)]=\"rules\" [disabled]=\"all\"></mat-form-field>\n        <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Severity up to</mat-label>\n          <mat-select name=\"maximum\" [(ngModel)]=\"maximum\" [disabled]=\"all\"><mat-option value=\"\">Any</mat-option><mat-option value=\"Info\">Info</mat-option><mat-option value=\"Warning\">Warning</mat-option></mat-select>\n        </mat-form-field>\n        <mat-checkbox name=\"all\" [(ngModel)]=\"all\">Everything</mat-checkbox>\n        <div class=\"jc-form-actions\">\n          <button mat-flat-button type=\"submit\" data-testid=\"silence-save\" [disabled]=\"saving()\">{{ kind === 'Silence' ? 'Silence' : 'Schedule' }}</button>\n          @if (saveError()) { <span class=\"jc-error\" data-testid=\"silence-error\">{{ saveError() }}</span> }\n        </div>\n      </form>\n    </section>\n\n    <table class=\"jc-table\" data-testid=\"silences\">\n      <thead><tr><th>Why</th><th>Holds</th><th>When</th><th>Holding</th><th>By</th><th></th></tr></thead>\n      <tbody>\n        @for (s of silences.value()?.items ?? []; track s.id) {\n          <tr [class.jc-muted]=\"s.cancelledAt\">\n            <td><strong>{{ s.comment }}</strong><div class=\"jc-small\">@if (s.active) { <span class=\"jc-badge jc-health-degraded\">Active</span> } @else if (s.cancelledAt) { Cancelled by {{ s.cancelledBy }} } @else { {{ s.kind === 'Maintenance' ? 'Maintenance' : 'Silence' }} }</div></td>\n            <td class=\"jc-small\">{{ scope(s) }}</td>\n            <td class=\"jc-nowrap jc-small\">{{ s.startsAt | date: 'MMM d, HH:mm' }} to {{ s.endsAt | date: 'MMM d, HH:mm' }}@if (s.repeatWeekly) { <div>every week</div> }</td>\n            <td>{{ s.held }}</td>\n            <td>{{ s.createdBy }}</td>\n            <td class=\"jc-row-actions\">@if (!s.cancelledAt && !over(s)) { <button mat-button type=\"button\" [attr.data-testid]=\"'silence-cancel-' + s.id\" (click)=\"cancel(s)\">End now</button> }</td>\n          </tr>\n        } @empty { <tr><td colspan=\"6\" class=\"jc-muted\">No silences: every matching alert notifies.</td></tr> }\n      </tbody>\n    </table>`,\n})\nexport class SilencesPage implements OnInit {\n  private readonly api = inject(ApiService);\n  /** Filled in from an alert's \"Silence this\". */\n  readonly service = input<string>();\n  readonly environment = input<string>();\n  readonly host = input<string>();\n\n  protected readonly showAll = signal(false);\n  protected readonly saving = signal(false);\n  protected readonly saveError = signal('');\n  protected kind = 'Silence';\n  protected comment = '';\n  protected hours = 1;\n  protected starts = '';\n  protected weekly = false;\n  protected serviceField = '';\n  protected environmentField = '';\n  protected hostField = '';\n  protected rules = '';\n  protected maximum = '';\n  protected all = false;\n\n  protected readonly silences = apiResource({ params: () => ({ all: this.showAll() }), stream: ({ params }) => this.api.silences({ all: params.all || null }) });\n  protected readonly error = computed(() => problemText(this.silences.error()));\n\n  ngOnInit() {\n    this.serviceField = this.service() ?? '';\n    this.environmentField = this.environment() ?? '';\n    this.hostField = this.host() ?? '';\n  }\n\n  protected scope(s: Silence): string {\n    if (s.allAlerts) return 'Everything';\n    return [s.service, s.environment, s.host, s.ruleKeys.join(', '), s.maximumSeverity ? `up to ${s.maximumSeverity}` : ''].filter(Boolean).join(' · ');\n  }\n\n  protected over(s: Silence): boolean { return !s.repeatWeekly && new Date(s.endsAt).getTime() <= Date.now(); }\n\n  protected create() {\n    const start = this.kind === 'Maintenance' && this.starts ? new Date(this.starts) : new Date();\n    const end = new Date(start.getTime() + (this.hours || 0) * 3_600_000);\n    this.saving.set(true);\n    this.saveError.set('');\n    this.api.createSilence({\n      kind: this.kind, comment: this.comment, startsAt: this.kind === 'Maintenance' ? start.toISOString() : undefined, endsAt: end.toISOString(), repeatWeekly: this.kind === 'Maintenance' && this.weekly,\n      allAlerts: this.all, service: this.all ? undefined : this.serviceField, environment: this.all ? undefined : this.environmentField, host: this.all ? undefined : this.hostField,\n      ruleKeys: this.all ? [] : this.rules.split(',').map(r => r.trim()).filter(Boolean), maximumSeverity: this.all ? undefined : this.maximum || undefined,\n    }).subscribe({\n      next: () => { this.saving.set(false); this.comment = ''; this.silences.reload(); },\n      error: e => { this.saving.set(false); this.saveError.set((e as { status?: number }).status === 403 ? 'Silencing needs the operator or admin role.' : problemText(e)); },\n    });\n  }\n\n  protected cancel(s: Silence) {\n    this.api.cancelSilence(s.id).subscribe({\n      next: () => this.silences.reload(),\n      error: e => this.saveError.set((e as { status?: number }).status === 403 ? 'Ending a silence needs the operator or admin role.' : problemText(e)),\n    });\n  }\n}\n"],"mappings":"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"}