@acorex-platform/module-activity-insight-client 0.0.20

package/fesm2022/acorex-platform-module-activity-insight-client-activity-dashboard-page.component-CAcsbq4I.mjs

@@ -0,0 +1,167 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { AXPQueryExecutor } from '@acorex-platform/framework-client/runtime';
+import { runtimeQueryCollectionData } from '@acorex-platform/framework-shared/core';
+import { AXMActivityInsightQueryKeys } from '@acorex-platform/module-activity-insight-client/contracts';
+
+class AXMActivityInsightDashboardPageComponent {
+    constructor() {
+        this.queryExecutor = inject(AXPQueryExecutor);
+        this.buckets = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "buckets" }] : /* istanbul ignore next */ []));
+        this.loading = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.error = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    }
+    async ngOnInit() {
+        try {
+            const result = await this.queryExecutor.fetch(AXMActivityInsightQueryKeys.ActivityEvent.Aggregate, { groupBy: ['name'], take: 20 });
+            this.buckets.set(runtimeQueryCollectionData(result)?.items ?? []);
+        }
+        catch (err) {
+            this.error.set(String(err));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMActivityInsightDashboardPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMActivityInsightDashboardPageComponent, isStandalone: true, selector: "axm-activity-insight-dashboard-page", ngImport: i0, template: `
+
+    <div class="axm-activity-dashboard-page" style="padding: 1.5rem; max-width: 960px;">
+
+      <h2>Activity Dashboard</h2>
+
+      <p>Top activity events grouped by event name.</p>
+
+
+
+      @if (loading()) {
+
+        <p>Loading aggregates…</p>
+
+      } @else if (error()) {
+
+        <p style="color: crimson;">{{ error() }}</p>
+
+      } @else {
+
+        <table style="width: 100%; border-collapse: collapse;">
+
+          <thead>
+
+            <tr>
+
+              <th style="text-align: left; border-bottom: 1px solid #ccc; padding: 0.5rem;">Event name</th>
+
+              <th style="text-align: right; border-bottom: 1px solid #ccc; padding: 0.5rem;">Count</th>
+
+            </tr>
+
+          </thead>
+
+          <tbody>
+
+            @for (bucket of buckets(); track bucket.key['name']) {
+
+              <tr>
+
+                <td style="padding: 0.5rem; border-bottom: 1px solid #eee;">{{ bucket.key['name'] }}</td>
+
+                <td style="padding: 0.5rem; border-bottom: 1px solid #eee; text-align: right;">{{ bucket.count }}</td>
+
+              </tr>
+
+            }
+
+          </tbody>
+
+        </table>
+
+        @if (buckets().length === 0) {
+
+          <p>No activity data yet. Navigate the app to generate tracked events.</p>
+
+        }
+
+      }
+
+    </div>
+
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMActivityInsightDashboardPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-activity-insight-dashboard-page',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.Eager,
+                    template: `
+
+    <div class="axm-activity-dashboard-page" style="padding: 1.5rem; max-width: 960px;">
+
+      <h2>Activity Dashboard</h2>
+
+      <p>Top activity events grouped by event name.</p>
+
+
+
+      @if (loading()) {
+
+        <p>Loading aggregates…</p>
+
+      } @else if (error()) {
+
+        <p style="color: crimson;">{{ error() }}</p>
+
+      } @else {
+
+        <table style="width: 100%; border-collapse: collapse;">
+
+          <thead>
+
+            <tr>
+
+              <th style="text-align: left; border-bottom: 1px solid #ccc; padding: 0.5rem;">Event name</th>
+
+              <th style="text-align: right; border-bottom: 1px solid #ccc; padding: 0.5rem;">Count</th>
+
+            </tr>
+
+          </thead>
+
+          <tbody>
+
+            @for (bucket of buckets(); track bucket.key['name']) {
+
+              <tr>
+
+                <td style="padding: 0.5rem; border-bottom: 1px solid #eee;">{{ bucket.key['name'] }}</td>
+
+                <td style="padding: 0.5rem; border-bottom: 1px solid #eee; text-align: right;">{{ bucket.count }}</td>
+
+              </tr>
+
+            }
+
+          </tbody>
+
+        </table>
+
+        @if (buckets().length === 0) {
+
+          <p>No activity data yet. Navigate the app to generate tracked events.</p>
+
+        }
+
+      }
+
+    </div>
+
+  `,
+                }]
+        }] });
+
+export { AXMActivityInsightDashboardPageComponent };
+//# sourceMappingURL=acorex-platform-module-activity-insight-client-activity-dashboard-page.component-CAcsbq4I.mjs.map

package/fesm2022/acorex-platform-module-activity-insight-client-activity-dashboard-page.component-CAcsbq4I.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-activity-insight-client-activity-dashboard-page.component-CAcsbq4I.mjs","sources":["../../../../libs/modules/activity-insight/client/src/lib/features/dashboard/activity-dashboard-page.component.ts"],"sourcesContent":["import { Component, inject, OnInit, signal, ChangeDetectionStrategy } from '@angular/core';\n\nimport { AXPQueryExecutor } from '@acorex-platform/framework-client/runtime';\nimport { runtimeQueryCollectionData } from '@acorex-platform/framework-shared/core';\nimport { ActivityAggregateBucketDto, AXMActivityInsightQueryKeys } from '@acorex-platform/module-activity-insight-client/contracts';\n\n\n\n@Component({\n\n  selector: 'axm-activity-insight-dashboard-page',\n\n  standalone: true,\n\n  changeDetection: ChangeDetectionStrategy.Eager,\n  template: `\n\n    <div class=\"axm-activity-dashboard-page\" style=\"padding: 1.5rem; max-width: 960px;\">\n\n      <h2>Activity Dashboard</h2>\n\n      <p>Top activity events grouped by event name.</p>\n\n\n\n      @if (loading()) {\n\n        <p>Loading aggregates…</p>\n\n      } @else if (error()) {\n\n        <p style=\"color: crimson;\">{{ error() }}</p>\n\n      } @else {\n\n        <table style=\"width: 100%; border-collapse: collapse;\">\n\n          <thead>\n\n            <tr>\n\n              <th style=\"text-align: left; border-bottom: 1px solid #ccc; padding: 0.5rem;\">Event name</th>\n\n              <th style=\"text-align: right; border-bottom: 1px solid #ccc; padding: 0.5rem;\">Count</th>\n\n            </tr>\n\n          </thead>\n\n          <tbody>\n\n            @for (bucket of buckets(); track bucket.key['name']) {\n\n              <tr>\n\n                <td style=\"padding: 0.5rem; border-bottom: 1px solid #eee;\">{{ bucket.key['name'] }}</td>\n\n                <td style=\"padding: 0.5rem; border-bottom: 1px solid #eee; text-align: right;\">{{ bucket.count }}</td>\n\n              </tr>\n\n            }\n\n          </tbody>\n\n        </table>\n\n        @if (buckets().length === 0) {\n\n          <p>No activity data yet. Navigate the app to generate tracked events.</p>\n\n        }\n\n      }\n\n    </div>\n\n  `,\n\n})\n\nexport class AXMActivityInsightDashboardPageComponent implements OnInit {\n\n  private readonly queryExecutor = inject(AXPQueryExecutor);\n\n\n\n  readonly buckets = signal<ActivityAggregateBucketDto[]>([]);\n\n  readonly loading = signal(true);\n\n  readonly error = signal<string | null>(null);\n\n\n\n  async ngOnInit(): Promise<void> {\n\n    try {\n\n      const result = await this.queryExecutor.fetch<Record<string, unknown>, ActivityAggregateBucketDto>(\n        AXMActivityInsightQueryKeys.ActivityEvent.Aggregate,\n        { groupBy: ['name'], take: 20 },\n      );\n\n      this.buckets.set(runtimeQueryCollectionData(result)?.items ?? []);\n\n    } catch (err) {\n\n      this.error.set(String(err));\n\n    } finally {\n\n      this.loading.set(false);\n\n    }\n\n  }\n\n}\n\n"],"names":[],"mappings":";;;;;;MAiFa,wCAAwC,CAAA;AAzErD,IAAA,WAAA,GAAA;AA2EmB,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAIhD,IAAA,CAAA,OAAO,GAAG,MAAM,CAA+B,EAAE;oFAAC;QAElD,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,IAAI;oFAAC;QAEtB,IAAA,CAAA,KAAK,GAAG,MAAM,CAAgB,IAAI;kFAAC;AA2B7C,IAAA;AAvBC,IAAA,MAAM,QAAQ,GAAA;AAEZ,QAAA,IAAI;YAEF,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAC3C,2BAA2B,CAAC,aAAa,CAAC,SAAS,EACnD,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAChC;AAED,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,0BAA0B,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;QAEnE;QAAE,OAAO,GAAG,EAAE;YAEZ,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAE7B;gBAAU;AAER,YAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;QAEzB;IAEF;8GAnCW,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wCAAwC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA,CAAA;;2FAIU,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBAzEpD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AAET,oBAAA,QAAQ,EAAE,qCAAqC;AAE/C,oBAAA,UAAU,EAAE,IAAI;oBAEhB,eAAe,EAAE,uBAAuB,CAAC,KAAK;AAC9C,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DT,EAAA,CAAA;AAEF,iBAAA;;;;;"}

package/fesm2022/acorex-platform-module-activity-insight-client-activity-timeline-page.component-DULl2SRF.mjs

@@ -0,0 +1,286 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXPQueryExecutor } from '@acorex-platform/framework-client/runtime';
+import { runtimeQueryPayloadData } from '@acorex-platform/framework-shared/core';
+import { AXMActivityInsightQueryKeys } from '@acorex-platform/module-activity-insight-client/contracts';
+
+class AXMActivityInsightTimelinePageComponent {
+    constructor() {
+        this.queryExecutor = inject(AXPQueryExecutor);
+        this.kind = 'session';
+        this.lookupId = '';
+        this.entityName = '';
+        this.entityId = '';
+        this.timeline = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "timeline" }] : /* istanbul ignore next */ []));
+        this.loading = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        this.error = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+    }
+    async loadTimeline() {
+        this.loading.set(true);
+        this.error.set(null);
+        this.timeline.set(null);
+        try {
+            let result;
+            if (this.kind === 'session') {
+                result = runtimeQueryPayloadData(await this.queryExecutor.fetch(AXMActivityInsightQueryKeys.ActivityTimeline.Session, this.lookupId));
+            }
+            else if (this.kind === 'journey') {
+                result = runtimeQueryPayloadData(await this.queryExecutor.fetch(AXMActivityInsightQueryKeys.ActivityTimeline.Journey, this.lookupId));
+            }
+            else {
+                result = runtimeQueryPayloadData(await this.queryExecutor.fetch(AXMActivityInsightQueryKeys.ActivityTimeline.Entity, { entityName: this.entityName, entityId: this.entityId }));
+            }
+            this.timeline.set(result ?? { id: '', title: 'Timeline', steps: [] });
+        }
+        catch (err) {
+            this.error.set(String(err));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMActivityInsightTimelinePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXMActivityInsightTimelinePageComponent, isStandalone: true, selector: "axm-activity-insight-timeline-page", ngImport: i0, template: `
+
+    <div class="axm-activity-timeline-page" style="padding: 1.5rem; max-width: 960px;">
+
+      <h2>Activity Timelines</h2>
+
+      <p>Load session, journey, or entity timelines from stored activity events.</p>
+
+
+
+      <div style="display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0;">
+
+        <label>
+
+          Kind
+
+          <select [(ngModel)]="kind" style="margin-left: 0.5rem;">
+
+            <option value="session">Session</option>
+
+            <option value="journey">Journey</option>
+
+            <option value="entity">Entity</option>
+
+          </select>
+
+        </label>
+
+
+
+        @if (kind === 'entity') {
+
+          <label>
+
+            Entity name
+
+            <input [(ngModel)]="entityName" style="margin-left: 0.5rem;" />
+
+          </label>
+
+          <label>
+
+            Entity ID
+
+            <input [(ngModel)]="entityId" style="margin-left: 0.5rem;" />
+
+          </label>
+
+        } @else {
+
+          <label>
+
+            {{ kind === 'session' ? 'Session' : 'Journey' }} ID
+
+            <input [(ngModel)]="lookupId" style="margin-left: 0.5rem;" />
+
+          </label>
+
+        }
+
+
+
+        <button type="button" (click)="loadTimeline()" [disabled]="loading()">Load timeline</button>
+
+      </div>
+
+
+
+      @if (error()) {
+
+        <p style="color: crimson;">{{ error() }}</p>
+
+      }
+
+
+
+      @if (timeline(); as data) {
+
+        <h3>{{ data.title }}</h3>
+
+        <ol>
+
+          @for (step of data.steps; track step.activityId) {
+
+            <li>
+
+              <strong>{{ step.name }}</strong>
+
+              — {{ step.timestamp }}
+
+              @if (step.durationMs) {
+
+                ({{ step.durationMs }} ms)
+
+              }
+
+            </li>
+
+          }
+
+        </ol>
+
+        @if (data.steps.length === 0) {
+
+          <p>No steps found for this timeline.</p>
+
+        }
+
+      }
+
+    </div>
+
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXMActivityInsightTimelinePageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axm-activity-insight-timeline-page',
+                    standalone: true,
+                    imports: [FormsModule],
+                    changeDetection: ChangeDetectionStrategy.Eager,
+                    template: `
+
+    <div class="axm-activity-timeline-page" style="padding: 1.5rem; max-width: 960px;">
+
+      <h2>Activity Timelines</h2>
+
+      <p>Load session, journey, or entity timelines from stored activity events.</p>
+
+
+
+      <div style="display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0;">
+
+        <label>
+
+          Kind
+
+          <select [(ngModel)]="kind" style="margin-left: 0.5rem;">
+
+            <option value="session">Session</option>
+
+            <option value="journey">Journey</option>
+
+            <option value="entity">Entity</option>
+
+          </select>
+
+        </label>
+
+
+
+        @if (kind === 'entity') {
+
+          <label>
+
+            Entity name
+
+            <input [(ngModel)]="entityName" style="margin-left: 0.5rem;" />
+
+          </label>
+
+          <label>
+
+            Entity ID
+
+            <input [(ngModel)]="entityId" style="margin-left: 0.5rem;" />
+
+          </label>
+
+        } @else {
+
+          <label>
+
+            {{ kind === 'session' ? 'Session' : 'Journey' }} ID
+
+            <input [(ngModel)]="lookupId" style="margin-left: 0.5rem;" />
+
+          </label>
+
+        }
+
+
+
+        <button type="button" (click)="loadTimeline()" [disabled]="loading()">Load timeline</button>
+
+      </div>
+
+
+
+      @if (error()) {
+
+        <p style="color: crimson;">{{ error() }}</p>
+
+      }
+
+
+
+      @if (timeline(); as data) {
+
+        <h3>{{ data.title }}</h3>
+
+        <ol>
+
+          @for (step of data.steps; track step.activityId) {
+
+            <li>
+
+              <strong>{{ step.name }}</strong>
+
+              — {{ step.timestamp }}
+
+              @if (step.durationMs) {
+
+                ({{ step.durationMs }} ms)
+
+              }
+
+            </li>
+
+          }
+
+        </ol>
+
+        @if (data.steps.length === 0) {
+
+          <p>No steps found for this timeline.</p>
+
+        }
+
+      }
+
+    </div>
+
+  `,
+                }]
+        }] });
+
+export { AXMActivityInsightTimelinePageComponent };
+//# sourceMappingURL=acorex-platform-module-activity-insight-client-activity-timeline-page.component-DULl2SRF.mjs.map

package/fesm2022/acorex-platform-module-activity-insight-client-activity-timeline-page.component-DULl2SRF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-module-activity-insight-client-activity-timeline-page.component-DULl2SRF.mjs","sources":["../../../../libs/modules/activity-insight/client/src/lib/features/timeline/activity-timeline-page.component.ts"],"sourcesContent":["import { Component, inject, signal, ChangeDetectionStrategy } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { AXPQueryExecutor } from '@acorex-platform/framework-client/runtime';\nimport { runtimeQueryPayloadData } from '@acorex-platform/framework-shared/core';\n\nimport {\n\n  AXMActivityInsightQueryKeys,\n\n  type ActivityTimelineDto,\n\n} from '@acorex-platform/module-activity-insight-client/contracts';\n\n\n\ntype TimelineKind = 'session' | 'journey' | 'entity';\n\n\n\n@Component({\n\n  selector: 'axm-activity-insight-timeline-page',\n\n  standalone: true,\n\n  imports: [FormsModule],\n\n  changeDetection: ChangeDetectionStrategy.Eager,\n  template: `\n\n    <div class=\"axm-activity-timeline-page\" style=\"padding: 1.5rem; max-width: 960px;\">\n\n      <h2>Activity Timelines</h2>\n\n      <p>Load session, journey, or entity timelines from stored activity events.</p>\n\n\n\n      <div style=\"display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0;\">\n\n        <label>\n\n          Kind\n\n          <select [(ngModel)]=\"kind\" style=\"margin-left: 0.5rem;\">\n\n            <option value=\"session\">Session</option>\n\n            <option value=\"journey\">Journey</option>\n\n            <option value=\"entity\">Entity</option>\n\n          </select>\n\n        </label>\n\n\n\n        @if (kind === 'entity') {\n\n          <label>\n\n            Entity name\n\n            <input [(ngModel)]=\"entityName\" style=\"margin-left: 0.5rem;\" />\n\n          </label>\n\n          <label>\n\n            Entity ID\n\n            <input [(ngModel)]=\"entityId\" style=\"margin-left: 0.5rem;\" />\n\n          </label>\n\n        } @else {\n\n          <label>\n\n            {{ kind === 'session' ? 'Session' : 'Journey' }} ID\n\n            <input [(ngModel)]=\"lookupId\" style=\"margin-left: 0.5rem;\" />\n\n          </label>\n\n        }\n\n\n\n        <button type=\"button\" (click)=\"loadTimeline()\" [disabled]=\"loading()\">Load timeline</button>\n\n      </div>\n\n\n\n      @if (error()) {\n\n        <p style=\"color: crimson;\">{{ error() }}</p>\n\n      }\n\n\n\n      @if (timeline(); as data) {\n\n        <h3>{{ data.title }}</h3>\n\n        <ol>\n\n          @for (step of data.steps; track step.activityId) {\n\n            <li>\n\n              <strong>{{ step.name }}</strong>\n\n              — {{ step.timestamp }}\n\n              @if (step.durationMs) {\n\n                ({{ step.durationMs }} ms)\n\n              }\n\n            </li>\n\n          }\n\n        </ol>\n\n        @if (data.steps.length === 0) {\n\n          <p>No steps found for this timeline.</p>\n\n        }\n\n      }\n\n    </div>\n\n  `,\n\n})\n\nexport class AXMActivityInsightTimelinePageComponent {\n\n  private readonly queryExecutor = inject(AXPQueryExecutor);\n\n\n\n  kind: TimelineKind = 'session';\n\n  lookupId = '';\n\n  entityName = '';\n\n  entityId = '';\n\n\n\n  readonly timeline = signal<ActivityTimelineDto | null>(null);\n\n  readonly loading = signal(false);\n\n  readonly error = signal<string | null>(null);\n\n\n\n  async loadTimeline(): Promise<void> {\n\n    this.loading.set(true);\n\n    this.error.set(null);\n\n    this.timeline.set(null);\n\n\n\n    try {\n\n      let result: ActivityTimelineDto | null | undefined;\n\n      if (this.kind === 'session') {\n\n        result = runtimeQueryPayloadData(\n          await this.queryExecutor.fetch<string, ActivityTimelineDto>(\n            AXMActivityInsightQueryKeys.ActivityTimeline.Session,\n            this.lookupId,\n          ),\n        );\n      } else if (this.kind === 'journey') {\n        result = runtimeQueryPayloadData(\n          await this.queryExecutor.fetch<string, ActivityTimelineDto>(\n            AXMActivityInsightQueryKeys.ActivityTimeline.Journey,\n            this.lookupId,\n          ),\n        );\n      } else {\n        result = runtimeQueryPayloadData(\n          await this.queryExecutor.fetch<\n            { entityName: string; entityId: string },\n            ActivityTimelineDto\n          >(\n            AXMActivityInsightQueryKeys.ActivityTimeline.Entity,\n            { entityName: this.entityName, entityId: this.entityId },\n          ),\n        );\n\n      }\n\n      this.timeline.set(result ?? { id: '', title: 'Timeline', steps: [] });\n\n    } catch (err) {\n\n      this.error.set(String(err));\n\n    } finally {\n\n      this.loading.set(false);\n\n    }\n\n  }\n\n}\n\n"],"names":[],"mappings":"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"}