@juice-js/observability 0.0.0-stage → 1.0.0-alpha.1

package/fesm2022/juice-js-observability-traces.page-BCQg4V4o.mjs

@@ -0,0 +1,521 @@
+import { ApiService, ContextService } from "./juice-js-observability.mjs";
+import { i as TraceTable, l as ContextBar } from "./juice-js-observability-telemetry-VA4_3nzr.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input } from "@angular/core";
+import { map } from "rxjs";
+import { rxResource } from "@angular/core/rxjs-interop";
+import { Router } 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 i4 from "@angular/material/input";
+import { MatInputModule } from "@angular/material/input";
+import * as i3 from "@angular/material/select";
+import { MatSelectModule } from "@angular/material/select";
+var TracesPage = class TracesPage {
+	ctx = inject(ContextService);
+	api = inject(ApiService);
+	router = inject(Router);
+	service = input(...ngDevMode ? [void 0, { debugName: "service" }] : /* istanbul ignore next */ []);
+	op = input(...ngDevMode ? [void 0, { debugName: "op" }] : /* istanbul ignore next */ []);
+	status = input(...ngDevMode ? [void 0, { debugName: "status" }] : /* istanbul ignore next */ []);
+	min = input(...ngDevMode ? [void 0, { debugName: "min" }] : /* istanbul ignore next */ []);
+	max = input(...ngDevMode ? [void 0, { debugName: "max" }] : /* istanbul ignore next */ []);
+	trace = input(...ngDevMode ? [void 0, { debugName: "trace" }] : /* istanbul ignore next */ []);
+	spanId = input(...ngDevMode ? [void 0, { debugName: "spanId" }] : /* istanbul ignore next */ []);
+	attr = input(...ngDevMode ? [void 0, { debugName: "attr" }] : /* istanbul ignore next */ []);
+	instance = input(...ngDevMode ? [void 0, { debugName: "instance" }] : /* istanbul ignore next */ []);
+	resource = input(...ngDevMode ? [void 0, { debugName: "resource" }] : /* istanbul ignore next */ []);
+	dependency = input(...ngDevMode ? [void 0, { debugName: "dependency" }] : /* istanbul ignore next */ []);
+	services = rxResource({ stream: () => this.api.resources("service").pipe(map((p) => p.items)) });
+	scopeText = computed(() => [
+		this.instance() && "an instance",
+		this.resource() && "a resource",
+		this.dependency() && "a dependency"
+	].filter((x) => !!x).join(", "), ...ngDevMode ? [{ debugName: "scopeText" }] : /* istanbul ignore next */ []);
+	attributes = computed(() => {
+		const a = this.attr();
+		return a === void 0 ? [] : Array.isArray(a) ? a : [a];
+	}, ...ngDevMode ? [{ debugName: "attributes" }] : /* istanbul ignore next */ []);
+	query = computed(() => ({
+		serviceId: this.service(),
+		operation: this.op(),
+		status: this.status(),
+		minDurationMs: this.min(),
+		maxDurationMs: this.max(),
+		traceId: this.trace(),
+		spanId: this.spanId(),
+		attribute: this.attributes(),
+		instanceId: this.instance(),
+		resourceId: this.resource(),
+		dependencyId: this.dependency()
+	}), ...ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []);
+	apply(value) {
+		const queryParams = {};
+		for (const [key, v] of Object.entries(value)) queryParams[key] = v === "" || v === void 0 ? null : v;
+		if (typeof value["attr"] === "string") queryParams["attr"] = value["attr"].split(",").map((a) => a.trim()).filter(Boolean);
+		this.router.navigate([], {
+			queryParams,
+			queryParamsHandling: "merge"
+		});
+	}
+	clear() {
+		this.router.navigate([], { queryParams: this.ctx.keep() });
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.4",
+		ngImport: i0,
+		type: TracesPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.4",
+		type: TracesPage,
+		isStandalone: true,
+		selector: "ng-component",
+		inputs: {
+			service: {
+				classPropertyName: "service",
+				publicName: "service",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			op: {
+				classPropertyName: "op",
+				publicName: "op",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			status: {
+				classPropertyName: "status",
+				publicName: "status",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			min: {
+				classPropertyName: "min",
+				publicName: "min",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			max: {
+				classPropertyName: "max",
+				publicName: "max",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			trace: {
+				classPropertyName: "trace",
+				publicName: "trace",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			spanId: {
+				classPropertyName: "spanId",
+				publicName: "spanId",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			attr: {
+				classPropertyName: "attr",
+				publicName: "attr",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			instance: {
+				classPropertyName: "instance",
+				publicName: "instance",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			resource: {
+				classPropertyName: "resource",
+				publicName: "resource",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dependency: {
+				classPropertyName: "dependency",
+				publicName: "dependency",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    <jc-context-bar><h1>Traces</h1></jc-context-bar>
+    <form class="jc-filter-form" (ngSubmit)="apply(f.value)" #f="ngForm">
+      <mat-form-field subscriptSizing="dynamic">
+        <mat-label>Service</mat-label>
+        <mat-select name="service" [ngModel]="service() ?? ''">
+          <mat-option value="">Any</mat-option>
+          @for (s of services.value() ?? []; track s.id) { <mat-option [value]="s.id">{{ s.key }}</mat-option> }
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic"><mat-label>Operation</mat-label><input matInput name="op" [ngModel]="op() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-sm">
+        <mat-label>Status</mat-label>
+        <mat-select name="status" [ngModel]="status() ?? ''">
+          <mat-option value="">Any</mat-option><mat-option value="error">Error</mat-option><mat-option value="ok">No error</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Min duration (ms)</mat-label><input matInput type="number" min="0" name="min" [ngModel]="min() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Max duration (ms)</mat-label><input matInput type="number" min="0" name="max" [ngModel]="max() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic"><mat-label>Trace ID</mat-label><input matInput name="trace" [ngModel]="trace() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic"><mat-label>Span ID</mat-label><input matInput name="spanId" [ngModel]="spanId() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-wide">
+        <mat-label>Attributes</mat-label>
+        <input matInput name="attr" [ngModel]="attributes().join(', ')" placeholder="http.route=/orders, messaging.destination.name=orders">
+      </mat-form-field>
+      <button mat-flat-button type="submit">Search</button>
+      <button mat-button type="button" (click)="clear()">Clear</button>
+    </form>
+    @if (instance() || resource() || dependency()) {
+      <p class="jc-muted">Also filtered by {{ scopeText() }}.
+        <a href="" (click)="$event.preventDefault(); apply({ instance: null, resource: null, dependency: null })">Remove</a></p>
+    }
+    <jc-trace-table [query]="query()" [limit]="100" />`,
+		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.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: MatFormFieldModule
+			},
+			{
+				kind: "component",
+				type: i3.MatFormField,
+				selector: "mat-form-field",
+				inputs: [
+					"hideRequiredMarker",
+					"color",
+					"floatLabel",
+					"appearance",
+					"subscriptSizing",
+					"hintLabel"
+				],
+				exportAs: ["matFormField"]
+			},
+			{
+				kind: "directive",
+				type: i3.MatLabel,
+				selector: "mat-label"
+			},
+			{
+				kind: "ngmodule",
+				type: MatInputModule
+			},
+			{
+				kind: "directive",
+				type: i4.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: MatSelectModule
+			},
+			{
+				kind: "component",
+				type: i3.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: i3.MatOption,
+				selector: "mat-option",
+				inputs: [
+					"value",
+					"id",
+					"disabled"
+				],
+				outputs: ["onSelectionChange"],
+				exportAs: ["matOption"]
+			},
+			{
+				kind: "component",
+				type: ContextBar,
+				selector: "jc-context-bar"
+			},
+			{
+				kind: "component",
+				type: TraceTable,
+				selector: "jc-trace-table",
+				inputs: ["query", "limit"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: TracesPage,
+	decorators: [{
+		type: Component,
+		args: [{
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				FormsModule,
+				MatButtonModule,
+				MatFormFieldModule,
+				MatInputModule,
+				MatSelectModule,
+				ContextBar,
+				TraceTable
+			],
+			template: `
+    <jc-context-bar><h1>Traces</h1></jc-context-bar>
+    <form class="jc-filter-form" (ngSubmit)="apply(f.value)" #f="ngForm">
+      <mat-form-field subscriptSizing="dynamic">
+        <mat-label>Service</mat-label>
+        <mat-select name="service" [ngModel]="service() ?? ''">
+          <mat-option value="">Any</mat-option>
+          @for (s of services.value() ?? []; track s.id) { <mat-option [value]="s.id">{{ s.key }}</mat-option> }
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic"><mat-label>Operation</mat-label><input matInput name="op" [ngModel]="op() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-sm">
+        <mat-label>Status</mat-label>
+        <mat-select name="status" [ngModel]="status() ?? ''">
+          <mat-option value="">Any</mat-option><mat-option value="error">Error</mat-option><mat-option value="ok">No error</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Min duration (ms)</mat-label><input matInput type="number" min="0" name="min" [ngModel]="min() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-sm"><mat-label>Max duration (ms)</mat-label><input matInput type="number" min="0" name="max" [ngModel]="max() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic"><mat-label>Trace ID</mat-label><input matInput name="trace" [ngModel]="trace() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic"><mat-label>Span ID</mat-label><input matInput name="spanId" [ngModel]="spanId() ?? ''"></mat-form-field>
+      <mat-form-field subscriptSizing="dynamic" class="jc-field-wide">
+        <mat-label>Attributes</mat-label>
+        <input matInput name="attr" [ngModel]="attributes().join(', ')" placeholder="http.route=/orders, messaging.destination.name=orders">
+      </mat-form-field>
+      <button mat-flat-button type="submit">Search</button>
+      <button mat-button type="button" (click)="clear()">Clear</button>
+    </form>
+    @if (instance() || resource() || dependency()) {
+      <p class="jc-muted">Also filtered by {{ scopeText() }}.
+        <a href="" (click)="$event.preventDefault(); apply({ instance: null, resource: null, dependency: null })">Remove</a></p>
+    }
+    <jc-trace-table [query]="query()" [limit]="100" />`
+		}]
+	}],
+	propDecorators: {
+		service: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "service",
+				required: false
+			}]
+		}],
+		op: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "op",
+				required: false
+			}]
+		}],
+		status: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "status",
+				required: false
+			}]
+		}],
+		min: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "min",
+				required: false
+			}]
+		}],
+		max: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "max",
+				required: false
+			}]
+		}],
+		trace: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "trace",
+				required: false
+			}]
+		}],
+		spanId: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "spanId",
+				required: false
+			}]
+		}],
+		attr: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "attr",
+				required: false
+			}]
+		}],
+		instance: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "instance",
+				required: false
+			}]
+		}],
+		resource: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resource",
+				required: false
+			}]
+		}],
+		dependency: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dependency",
+				required: false
+			}]
+		}]
+	}
+});
+export { TracesPage };
+
+//# sourceMappingURL=juice-js-observability-traces.page-BCQg4V4o.mjs.map

package/fesm2022/juice-js-observability-traces.page-BCQg4V4o.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"juice-js-observability-traces.page-BCQg4V4o.mjs","names":[],"sources":["../../../../projects/juice-js/observability/src/lib/pages/traces.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { FormsModule } from '@angular/forms';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { Router } from '@angular/router';\nimport { map } from 'rxjs';\nimport { ApiService } from '../core/api.service';\nimport { ContextService } from '../core/context.service';\nimport { ContextBar } from '../shared/ui';\nimport { TraceTable } from '../shared/telemetry';\n\n/**\n * Trace search (Console requirements §5): narrow from a service and time window to one trace by operation, status,\n * duration, instance, resource, dependency, trace or span id, and span attributes such as `http.route=/orders` or\n * `messaging.destination.name=orders`. Every filter is a URL parameter, so a search is a shareable link.\n */\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [FormsModule, MatButtonModule, MatFormFieldModule, MatInputModule, MatSelectModule, ContextBar, TraceTable],\n  template: `\n    <jc-context-bar><h1>Traces</h1></jc-context-bar>\n    <form class=\"jc-filter-form\" (ngSubmit)=\"apply(f.value)\" #f=\"ngForm\">\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>Service</mat-label>\n        <mat-select name=\"service\" [ngModel]=\"service() ?? ''\">\n          <mat-option value=\"\">Any</mat-option>\n          @for (s of services.value() ?? []; track s.id) { <mat-option [value]=\"s.id\">{{ s.key }}</mat-option> }\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Operation</mat-label><input matInput name=\"op\" [ngModel]=\"op() ?? ''\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\">\n        <mat-label>Status</mat-label>\n        <mat-select name=\"status\" [ngModel]=\"status() ?? ''\">\n          <mat-option value=\"\">Any</mat-option><mat-option value=\"error\">Error</mat-option><mat-option value=\"ok\">No error</mat-option>\n        </mat-select>\n      </mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Min duration (ms)</mat-label><input matInput type=\"number\" min=\"0\" name=\"min\" [ngModel]=\"min() ?? ''\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-sm\"><mat-label>Max duration (ms)</mat-label><input matInput type=\"number\" min=\"0\" name=\"max\" [ngModel]=\"max() ?? ''\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Trace ID</mat-label><input matInput name=\"trace\" [ngModel]=\"trace() ?? ''\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\"><mat-label>Span ID</mat-label><input matInput name=\"spanId\" [ngModel]=\"spanId() ?? ''\"></mat-form-field>\n      <mat-form-field subscriptSizing=\"dynamic\" class=\"jc-field-wide\">\n        <mat-label>Attributes</mat-label>\n        <input matInput name=\"attr\" [ngModel]=\"attributes().join(', ')\" placeholder=\"http.route=/orders, messaging.destination.name=orders\">\n      </mat-form-field>\n      <button mat-flat-button type=\"submit\">Search</button>\n      <button mat-button type=\"button\" (click)=\"clear()\">Clear</button>\n    </form>\n    @if (instance() || resource() || dependency()) {\n      <p class=\"jc-muted\">Also filtered by {{ scopeText() }}.\n        <a href=\"\" (click)=\"$event.preventDefault(); apply({ instance: null, resource: null, dependency: null })\">Remove</a></p>\n    }\n    <jc-trace-table [query]=\"query()\" [limit]=\"100\" />`,\n})\nexport class TracesPage {\n  protected readonly ctx = inject(ContextService);\n  private readonly api = inject(ApiService);\n  private readonly router = inject(Router);\n\n  readonly service = input<string>();\n  readonly op = input<string>();\n  readonly status = input<string>();\n  readonly min = input<string>();\n  readonly max = input<string>();\n  readonly trace = input<string>();\n  readonly spanId = input<string>();\n  readonly attr = input<string | string[]>();\n  readonly instance = input<string>();\n  readonly resource = input<string>();\n  readonly dependency = input<string>();\n\n  protected readonly services = rxResource({ stream: () => this.api.resources('service').pipe(map(p => p.items)) });\n  protected readonly scopeText = computed(() =>\n    [this.instance() && 'an instance', this.resource() && 'a resource', this.dependency() && 'a dependency'].filter(x => !!x).join(', '));\n  protected readonly attributes = computed(() => {\n    const a = this.attr();\n    return a === undefined ? [] : Array.isArray(a) ? a : [a];\n  });\n  protected readonly query = computed(() => ({\n    serviceId: this.service(), operation: this.op(), status: this.status(), minDurationMs: this.min(), maxDurationMs: this.max(),\n    traceId: this.trace(), spanId: this.spanId(), attribute: this.attributes(), instanceId: this.instance(),\n    resourceId: this.resource(), dependencyId: this.dependency(),\n  }));\n\n  apply(value: Record<string, unknown>) {\n    const queryParams: Record<string, unknown> = {};\n    for (const [key, v] of Object.entries(value)) queryParams[key] = v === '' || v === undefined ? null : v;\n    if (typeof value['attr'] === 'string') {\n      queryParams['attr'] = (value['attr'] as string).split(',').map(a => a.trim()).filter(Boolean);\n    }\n    void this.router.navigate([], { queryParams, queryParamsHandling: 'merge' });\n  }\n\n  clear() {\n    void this.router.navigate([], { queryParams: this.ctx.keep() });\n  }\n}\n"],"mappings":"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"}