@edvak99/voice-receptionist-widget 1.1.26 → 1.1.29

package/fesm2022/edvak99-voice-receptionist-widget-call-history-detail-page.component-DtCUvToS.mjs

@@ -0,0 +1,348 @@
+import * as i0 from '@angular/core';
+import { inject, input, output, viewChild, signal, computed, effect, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { A as AiReceptionistApiService, T as ToastService, m as toolEventTrackKey, f as EdButtonComponent, I as IconComponent, q as activityTypeLabel, g as EdSkeletonComponent, c as callerMetaLine, i as isUnknownCaller, E as EdAvatarComponent, p as EdIconButtonComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-DOYlRven.mjs';
+import { DatePipe } from '@angular/common';
+import { t as transcriptRoleLabel, b as buildTimedTranscript, a as activeTranscriptIndex, f as formatPlaybackTime } from './edvak99-voice-receptionist-widget-transcript-timing.util-Bbt6JFKa.mjs';
+import { C as CallRecordingPlayerComponent } from './edvak99-voice-receptionist-widget-call-recording-player.component-Dy_81fZi.mjs';
+import { S as SmartTooltipDirective } from './edvak99-voice-receptionist-widget-smart-tooltip.directive-BSyOMZd4.mjs';
+import { C as CallReviewService } from './edvak99-voice-receptionist-widget-call-review.service-D2-DDL-t.mjs';
+import { i as isNeedsReview } from './edvak99-voice-receptionist-widget-call-review.util-rWIPxDtQ.mjs';
+
+class CallConversationPanelComponent {
+    roleLabel(who) {
+        return transcriptRoleLabel(who, this.callerName(), this.callerMatched() ?? undefined);
+    }
+    speakerIcon(who) {
+        switch (who) {
+            case 'ai':
+                return 'graph_new';
+            case 'staff':
+                return 'Robot';
+            case 'patient':
+                return 'person';
+            default:
+                return 'info';
+        }
+    }
+    toolTone(state) {
+        switch (state) {
+            case 'ok':
+                return 'success';
+            case 'warn':
+                return 'warning';
+            case 'error':
+                return 'danger';
+            case 'active':
+                return 'primary';
+            default:
+                return 'light';
+        }
+    }
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.toast = inject(ToastService);
+        this.callId = input.required();
+        this.summary = input.required();
+        this.transcript = input.required();
+        this.tools = input.required();
+        this.callDurationSec = input(0);
+        this.allowRegenerate = input(true);
+        this.callerName = input(null);
+        this.callerMatched = input(null);
+        this.summaryRegenerated = output();
+        this.playbackDurationChange = output();
+        this.player = viewChild(CallRecordingPlayerComponent);
+        this.scrollHost = viewChild('scrollHost');
+        this.currentTime = signal(0);
+        this.playbackDuration = signal(0);
+        this.summaryExpanded = signal(false);
+        this.regeneratedSummary = signal(null);
+        this.displaySummary = computed(() => this.regeneratedSummary() ?? this.summary());
+        this.regenerating = signal(false);
+        this.summaryMeta = signal(null);
+        this.timedLines = computed(() => buildTimedTranscript(this.transcript(), this.playbackDuration() || this.callDurationSec() || 120));
+        this.activeIndex = computed(() => activeTranscriptIndex(this.timedLines(), this.currentTime()));
+        this.hasExplicitTiming = computed(() => this.transcript().some((line) => line.at != null));
+        this.formatTime = formatPlaybackTime;
+        this.toolTrackKey = toolEventTrackKey;
+        effect(() => {
+            this.callId();
+            this.regeneratedSummary.set(null);
+        }, { allowSignalWrites: true });
+        effect(() => {
+            const idx = this.activeIndex();
+            const host = this.scrollHost()?.nativeElement;
+            if (idx < 0 || !host)
+                return;
+            const row = host.querySelector(`[data-line-index="${idx}"]`);
+            if (row instanceof HTMLElement) {
+                row.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+            }
+        });
+    }
+    onPlaybackTime(sec) {
+        this.currentTime.set(sec);
+    }
+    onPlaybackDuration(sec) {
+        const duration = Math.max(0, Math.floor(sec));
+        this.playbackDuration.set(duration);
+        this.playbackDurationChange.emit(duration);
+    }
+    seekLine(line) {
+        if (line.who === 'system')
+            return;
+        this.player()?.seekTo(line.startSec);
+    }
+    toggleSummary() {
+        this.summaryExpanded.update((v) => !v);
+    }
+    regenerateSummary() {
+        if (this.regenerating())
+            return;
+        this.regenerating.set(true);
+        this.api.regenerateCallSummary(this.callId()).subscribe({
+            next: ({ data }) => {
+                this.regenerating.set(false);
+                this.regeneratedSummary.set(data.summary);
+                this.summaryExpanded.set(true);
+                this.summaryMeta.set({
+                    model: data.summaryModel,
+                    generatedAt: data.summaryGeneratedAt,
+                    turnCount: data.transcriptTurnCount,
+                });
+                this.summaryRegenerated.emit();
+                this.toast.show('Call summary regenerated', 'success');
+            },
+            error: (err) => {
+                this.regenerating.set(false);
+                this.toast.show(err.message ?? 'Failed to regenerate summary', 'error');
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallConversationPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CallConversationPanelComponent, isStandalone: true, selector: "eds-call-conversation-panel", inputs: { callId: { classPropertyName: "callId", publicName: "callId", isSignal: true, isRequired: true, transformFunction: null }, summary: { classPropertyName: "summary", publicName: "summary", isSignal: true, isRequired: true, transformFunction: null }, transcript: { classPropertyName: "transcript", publicName: "transcript", isSignal: true, isRequired: true, transformFunction: null }, tools: { classPropertyName: "tools", publicName: "tools", isSignal: true, isRequired: true, transformFunction: null }, callDurationSec: { classPropertyName: "callDurationSec", publicName: "callDurationSec", isSignal: true, isRequired: false, transformFunction: null }, allowRegenerate: { classPropertyName: "allowRegenerate", publicName: "allowRegenerate", isSignal: true, isRequired: false, transformFunction: null }, callerName: { classPropertyName: "callerName", publicName: "callerName", isSignal: true, isRequired: false, transformFunction: null }, callerMatched: { classPropertyName: "callerMatched", publicName: "callerMatched", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { summaryRegenerated: "summaryRegenerated", playbackDurationChange: "playbackDurationChange" }, viewQueries: [{ propertyName: "player", first: true, predicate: CallRecordingPlayerComponent, descendants: true, isSignal: true }, { propertyName: "scrollHost", first: true, predicate: ["scrollHost"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"flex min-h-0 flex-1 flex-col gap-4\">\r\n  <div class=\"grid shrink-0 grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\r\n    <section class=\"rounded-lg border border-base bg-white p-4 shadow-sm\">\r\n      <div class=\"flex items-center justify-between gap-3\">\r\n        <button type=\"button\" class=\"flex min-w-0 flex-1 cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-left\" (click)=\"toggleSummary()\">\r\n          <ed-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\r\n          <h4 class=\"m-0\">Call summary</h4>\r\n        </button>\r\n        @if (allowRegenerate()) {\r\n          <ed-button\r\n            variant=\"secondary\"\r\n            outline\r\n            size=\"sm\"\r\n            [disabled]=\"regenerating()\"\r\n            (click$)=\"regenerateSummary()\"\r\n          >\r\n            <ed-icon slot=\"prefix\" name=\"refresh\" [size]=\"16\" />\r\n            {{ regenerating() ? 'Regenerating\u2026' : 'Regenerate' }}\r\n          </ed-button>\r\n        }\r\n      </div>\r\n      @if (summaryExpanded() || displaySummary().length < 180) {\r\n        <p class=\"fs-base text-dark mt-3 leading-relaxed\">{{ displaySummary() }}</p>\r\n      } @else {\r\n        <p class=\"fs-base text-dark mt-3 line-clamp-2 leading-relaxed\">\r\n          {{ displaySummary() }}\r\n        </p>\r\n        <button\r\n          type=\"button\"\r\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\r\n          (click)=\"toggleSummary()\"\r\n        >\r\n          Read full summary\r\n        </button>\r\n      }\r\n      @if (summaryMeta(); as meta) {\r\n        <p class=\"fs-sm text-light mt-3 flex flex-wrap gap-3 text-zinc-500\">\r\n          @if (meta.model) {\r\n            <span>Model: {{ meta.model }}</span>\r\n          }\r\n          @if (meta.generatedAt) {\r\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\r\n          }\r\n          @if (meta.turnCount != null) {\r\n            <span>{{ meta.turnCount }} transcript turns</span>\r\n          }\r\n        </p>\r\n      }\r\n    </section>\r\n    <ng-content select=\"[summary-side]\" />\r\n  </div>\r\n\r\n  <section class=\"shrink-0 overflow-hidden rounded-lg border border-base bg-white p-0 shadow-sm\">\r\n    <eds-call-recording-player\r\n      [callId]=\"callId()\"\r\n      (currentTimeChange)=\"onPlaybackTime($event)\"\r\n      (durationChange)=\"onPlaybackDuration($event)\"\r\n    />\r\n  </section>\r\n\r\n  <div class=\"call-conversation-panel__split grid min-h-0 flex-1 grid-cols-1 items-stretch gap-4 lg:grid-cols-[1fr_300px]\">\r\n    <section\r\n      class=\"call-conversation-panel__transcript flex flex-1 flex-col rounded-lg border border-base bg-white p-4 shadow-sm\"\r\n      aria-labelledby=\"call-transcript-title\"\r\n    >\r\n      <header class=\"mb-3 flex shrink-0 items-center justify-between gap-3\">\r\n        <h4 id=\"call-transcript-title\" class=\"m-0\">Transcript</h4>\r\n        @if (playbackDuration() > 0) {\r\n          <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light text-zinc-500\">\r\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\r\n          </span>\r\n        }\r\n      </header>\r\n\r\n            <div #scrollHost class=\"chat-thread call-conversation-panel__thread flex-1 overflow-auto rounded-xl border border-zinc-200\" role=\"log\">\r\n        @for (line of timedLines(); track line.index) {\r\n          @if (line.who === 'system') {\r\n            <div class=\"chat-row chat-row--system\">\r\n              <div\r\n                class=\"chat-bubble chat-bubble--system inline-flex items-center gap-2\"\r\n                [class.ring-2]=\"line.index === activeIndex()\"\r\n                [class.ring-blue-200]=\"line.index === activeIndex()\"\r\n                [attr.data-line-index]=\"line.index\"\r\n              >\r\n                <ed-icon name=\"info\" [size]=\"14\" />\r\n                <span>{{ line.text }}</span>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <article\r\n              class=\"chat-row cursor-pointer border-none bg-transparent p-0\"\r\n              [class.chat-row--caller]=\"line.who === 'patient'\"\r\n              [class.chat-row--ai]=\"line.who === 'ai'\"\r\n              [class.chat-row--staff]=\"line.who === 'staff'\"\r\n              [attr.data-line-index]=\"line.index\"\r\n              [attr.data-who]=\"line.who\"\r\n              tabindex=\"0\"\r\n              role=\"button\"\r\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\r\n              (click)=\"seekLine(line)\"\r\n              (keyup.enter)=\"seekLine(line)\"\r\n            >\r\n              <div class=\"chat-meta\">\r\n                <span>{{ roleLabel(line.who) }}</span>\r\n                <span class=\"chat-time\">{{ formatTime(line.startSec) }}</span>\r\n              </div>\r\n              <div class=\"chat-bubble-row\">\r\n                <div\r\n                  class=\"chat-avatar\"\r\n                  [class.chat-avatar--ai]=\"line.who === 'ai'\"\r\n                  [class.chat-avatar--staff]=\"line.who === 'staff'\"\r\n                  [class.chat-avatar--caller]=\"line.who === 'patient'\"\r\n                >\r\n                  <ed-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\r\n                </div>\r\n                <div\r\n                  class=\"chat-bubble\"\r\n                  [class.chat-bubble--caller]=\"line.who === 'patient'\"\r\n                  [class.chat-bubble--ai]=\"line.who === 'ai'\"\r\n                  [class.chat-bubble--staff]=\"line.who === 'staff'\"\r\n                  [class.ring-2]=\"line.index === activeIndex()\"\r\n                  [class.ring-blue-200]=\"line.index === activeIndex()\"\r\n                >\r\n                  <p class=\"chat-content\">{{ line.text }}</p>\r\n                </div>\r\n              </div>\r\n            </article>\r\n          }\r\n        } @empty {\r\n          <p class=\"fs-sm text-light py-3 text-zinc-500\">No transcript available for this call.</p>\r\n        }\r\n      </div>\r\n</section>\r\n\r\n    <aside class=\"flex min-h-0 flex-col overflow-hidden rounded-lg border border-base bg-white p-4 shadow-sm\" aria-labelledby=\"call-goal-timeline-title\">\r\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n        <h4 id=\"call-goal-timeline-title\" class=\"m-0\">Goal Timeline</h4>\r\n        <span class=\"fs-sm text-light\">{{ tools().length }}</span>\r\n      </header>\r\n\r\n      <ul class=\"m-0 flex min-h-0 list-none flex-1 flex-col gap-3 overflow-auto p-0\">\r\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\r\n          <li\r\n            [class]=\"\r\n              'grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-md border-l-4 bg-zinc-50 p-3 ' +\r\n              (tool.state === 'ok'\r\n                ? 'border-l-green-500'\r\n                : tool.state === 'warn'\r\n                  ? 'border-l-amber-500'\r\n                  : tool.state === 'error'\r\n                    ? 'border-l-red-500'\r\n                    : tool.state === 'active'\r\n                      ? 'border-l-blue-600'\r\n                      : 'border-l-zinc-400')\r\n            \"\r\n          >\r\n            <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <span class=\"fs-sm font-semibold text-dark\">{{ tool.name }}</span>\r\n              <span class=\"fs-sm text-light\">{{ tool.result }}</span>\r\n            </div>\r\n            <ed-badge-2 [attr.variant]=\"toolTone(tool.state)\">{{ tool.state }}</ed-badge-2>\r\n          </li>\r\n        } @empty {\r\n          <li class=\"fs-sm text-light py-3 text-zinc-500\">No goal activity recorded.</li>\r\n        }\r\n      </ul>\r\n    </aside>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.chat-thread{display:flex;flex-direction:column;gap:0;flex:1 1 auto;min-height:0;overflow:auto;padding:1rem 1.5rem;background:#fff;scroll-behavior:smooth}.chat-row{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.chat-row--caller,.chat-row--user,.chat-row--patient{align-items:flex-start}.chat-row--agent,.chat-row--ai,.chat-row--staff{align-items:flex-end}.chat-row--tool,.chat-row--system{align-items:center}.chat-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;color:var(--color-text-light, #6b7280)}.chat-row--agent .chat-meta,.chat-row--ai .chat-meta,.chat-row--staff .chat-meta{justify-content:flex-end;padding-right:2.75rem}.chat-bubble-row{display:flex;align-items:flex-start;gap:.5rem;max-width:min(72%,40rem)}.chat-row--agent .chat-bubble-row,.chat-row--ai .chat-bubble-row,.chat-row--staff .chat-bubble-row{flex-direction:row-reverse}.chat-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px}.chat-avatar--ai{background:#ad46ff1f;color:#8200db}.chat-avatar--staff{border:1px solid #ddd6fe;background:#f5f3ff;color:#6d28d9}.chat-avatar--caller{background:#e5e7eb;color:#4b5563}.chat-bubble{max-width:100%;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;word-break:break-word;white-space:pre-wrap}.chat-bubble--caller,.chat-bubble--user,.chat-bubble--patient{border:1px solid var(--color-border-light, #e5e7eb);border-radius:0 .5rem .5rem;background:#fff;color:var(--color-text-dark, #111827)}.chat-bubble--agent,.chat-bubble--ai{border:none;border-radius:.5rem;background:#ad46ff1a;color:var(--color-text-dark, #53575c)}.chat-bubble--staff{border:1px solid #ddd6fe;border-radius:.5rem 0 .5rem .5rem;background:#f5f3ff;color:#4c1d95}.chat-bubble--tool,.chat-bubble--system{max-width:min(90%,40rem);padding:.5rem .75rem;border:1px solid var(--color-border-light, #e5e7eb);border-radius:9999px;background:#f9fafb;color:#6b7280;font-size:.75rem;text-align:center}.chat-bubble--interim{opacity:.9;font-style:italic}.chat-content{margin:0}.chat-time{font-size:.75rem;color:#9ca3af}:host{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.call-conversation-panel__transcript{flex:1 1 auto;min-height:min(60vh,36rem)}.call-conversation-panel__thread.chat-thread{flex:1 1 auto;min-height:min(56vh,32rem);height:min(56vh,32rem);max-height:min(70vh,42rem);overflow:auto}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: CallRecordingPlayerComponent, selector: "eds-call-recording-player", inputs: ["callId"], outputs: ["currentTimeChange", "durationChange"] }, { kind: "component", type: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }, { kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallConversationPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-call-conversation-panel', imports: [
+                        DatePipe,
+                        CallRecordingPlayerComponent,
+                        EdButtonComponent,
+                        IconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"flex min-h-0 flex-1 flex-col gap-4\">\r\n  <div class=\"grid shrink-0 grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\r\n    <section class=\"rounded-lg border border-base bg-white p-4 shadow-sm\">\r\n      <div class=\"flex items-center justify-between gap-3\">\r\n        <button type=\"button\" class=\"flex min-w-0 flex-1 cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-left\" (click)=\"toggleSummary()\">\r\n          <ed-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\r\n          <h4 class=\"m-0\">Call summary</h4>\r\n        </button>\r\n        @if (allowRegenerate()) {\r\n          <ed-button\r\n            variant=\"secondary\"\r\n            outline\r\n            size=\"sm\"\r\n            [disabled]=\"regenerating()\"\r\n            (click$)=\"regenerateSummary()\"\r\n          >\r\n            <ed-icon slot=\"prefix\" name=\"refresh\" [size]=\"16\" />\r\n            {{ regenerating() ? 'Regenerating\u2026' : 'Regenerate' }}\r\n          </ed-button>\r\n        }\r\n      </div>\r\n      @if (summaryExpanded() || displaySummary().length < 180) {\r\n        <p class=\"fs-base text-dark mt-3 leading-relaxed\">{{ displaySummary() }}</p>\r\n      } @else {\r\n        <p class=\"fs-base text-dark mt-3 line-clamp-2 leading-relaxed\">\r\n          {{ displaySummary() }}\r\n        </p>\r\n        <button\r\n          type=\"button\"\r\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\r\n          (click)=\"toggleSummary()\"\r\n        >\r\n          Read full summary\r\n        </button>\r\n      }\r\n      @if (summaryMeta(); as meta) {\r\n        <p class=\"fs-sm text-light mt-3 flex flex-wrap gap-3 text-zinc-500\">\r\n          @if (meta.model) {\r\n            <span>Model: {{ meta.model }}</span>\r\n          }\r\n          @if (meta.generatedAt) {\r\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\r\n          }\r\n          @if (meta.turnCount != null) {\r\n            <span>{{ meta.turnCount }} transcript turns</span>\r\n          }\r\n        </p>\r\n      }\r\n    </section>\r\n    <ng-content select=\"[summary-side]\" />\r\n  </div>\r\n\r\n  <section class=\"shrink-0 overflow-hidden rounded-lg border border-base bg-white p-0 shadow-sm\">\r\n    <eds-call-recording-player\r\n      [callId]=\"callId()\"\r\n      (currentTimeChange)=\"onPlaybackTime($event)\"\r\n      (durationChange)=\"onPlaybackDuration($event)\"\r\n    />\r\n  </section>\r\n\r\n  <div class=\"call-conversation-panel__split grid min-h-0 flex-1 grid-cols-1 items-stretch gap-4 lg:grid-cols-[1fr_300px]\">\r\n    <section\r\n      class=\"call-conversation-panel__transcript flex flex-1 flex-col rounded-lg border border-base bg-white p-4 shadow-sm\"\r\n      aria-labelledby=\"call-transcript-title\"\r\n    >\r\n      <header class=\"mb-3 flex shrink-0 items-center justify-between gap-3\">\r\n        <h4 id=\"call-transcript-title\" class=\"m-0\">Transcript</h4>\r\n        @if (playbackDuration() > 0) {\r\n          <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light text-zinc-500\">\r\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\r\n          </span>\r\n        }\r\n      </header>\r\n\r\n            <div #scrollHost class=\"chat-thread call-conversation-panel__thread flex-1 overflow-auto rounded-xl border border-zinc-200\" role=\"log\">\r\n        @for (line of timedLines(); track line.index) {\r\n          @if (line.who === 'system') {\r\n            <div class=\"chat-row chat-row--system\">\r\n              <div\r\n                class=\"chat-bubble chat-bubble--system inline-flex items-center gap-2\"\r\n                [class.ring-2]=\"line.index === activeIndex()\"\r\n                [class.ring-blue-200]=\"line.index === activeIndex()\"\r\n                [attr.data-line-index]=\"line.index\"\r\n              >\r\n                <ed-icon name=\"info\" [size]=\"14\" />\r\n                <span>{{ line.text }}</span>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <article\r\n              class=\"chat-row cursor-pointer border-none bg-transparent p-0\"\r\n              [class.chat-row--caller]=\"line.who === 'patient'\"\r\n              [class.chat-row--ai]=\"line.who === 'ai'\"\r\n              [class.chat-row--staff]=\"line.who === 'staff'\"\r\n              [attr.data-line-index]=\"line.index\"\r\n              [attr.data-who]=\"line.who\"\r\n              tabindex=\"0\"\r\n              role=\"button\"\r\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\r\n              (click)=\"seekLine(line)\"\r\n              (keyup.enter)=\"seekLine(line)\"\r\n            >\r\n              <div class=\"chat-meta\">\r\n                <span>{{ roleLabel(line.who) }}</span>\r\n                <span class=\"chat-time\">{{ formatTime(line.startSec) }}</span>\r\n              </div>\r\n              <div class=\"chat-bubble-row\">\r\n                <div\r\n                  class=\"chat-avatar\"\r\n                  [class.chat-avatar--ai]=\"line.who === 'ai'\"\r\n                  [class.chat-avatar--staff]=\"line.who === 'staff'\"\r\n                  [class.chat-avatar--caller]=\"line.who === 'patient'\"\r\n                >\r\n                  <ed-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\r\n                </div>\r\n                <div\r\n                  class=\"chat-bubble\"\r\n                  [class.chat-bubble--caller]=\"line.who === 'patient'\"\r\n                  [class.chat-bubble--ai]=\"line.who === 'ai'\"\r\n                  [class.chat-bubble--staff]=\"line.who === 'staff'\"\r\n                  [class.ring-2]=\"line.index === activeIndex()\"\r\n                  [class.ring-blue-200]=\"line.index === activeIndex()\"\r\n                >\r\n                  <p class=\"chat-content\">{{ line.text }}</p>\r\n                </div>\r\n              </div>\r\n            </article>\r\n          }\r\n        } @empty {\r\n          <p class=\"fs-sm text-light py-3 text-zinc-500\">No transcript available for this call.</p>\r\n        }\r\n      </div>\r\n</section>\r\n\r\n    <aside class=\"flex min-h-0 flex-col overflow-hidden rounded-lg border border-base bg-white p-4 shadow-sm\" aria-labelledby=\"call-goal-timeline-title\">\r\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n        <h4 id=\"call-goal-timeline-title\" class=\"m-0\">Goal Timeline</h4>\r\n        <span class=\"fs-sm text-light\">{{ tools().length }}</span>\r\n      </header>\r\n\r\n      <ul class=\"m-0 flex min-h-0 list-none flex-1 flex-col gap-3 overflow-auto p-0\">\r\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\r\n          <li\r\n            [class]=\"\r\n              'grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-md border-l-4 bg-zinc-50 p-3 ' +\r\n              (tool.state === 'ok'\r\n                ? 'border-l-green-500'\r\n                : tool.state === 'warn'\r\n                  ? 'border-l-amber-500'\r\n                  : tool.state === 'error'\r\n                    ? 'border-l-red-500'\r\n                    : tool.state === 'active'\r\n                      ? 'border-l-blue-600'\r\n                      : 'border-l-zinc-400')\r\n            \"\r\n          >\r\n            <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <span class=\"fs-sm font-semibold text-dark\">{{ tool.name }}</span>\r\n              <span class=\"fs-sm text-light\">{{ tool.result }}</span>\r\n            </div>\r\n            <ed-badge-2 [attr.variant]=\"toolTone(tool.state)\">{{ tool.state }}</ed-badge-2>\r\n          </li>\r\n        } @empty {\r\n          <li class=\"fs-sm text-light py-3 text-zinc-500\">No goal activity recorded.</li>\r\n        }\r\n      </ul>\r\n    </aside>\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.chat-thread{display:flex;flex-direction:column;gap:0;flex:1 1 auto;min-height:0;overflow:auto;padding:1rem 1.5rem;background:#fff;scroll-behavior:smooth}.chat-row{display:flex;flex-direction:column;width:100%;margin-bottom:1rem}.chat-row--caller,.chat-row--user,.chat-row--patient{align-items:flex-start}.chat-row--agent,.chat-row--ai,.chat-row--staff{align-items:flex-end}.chat-row--tool,.chat-row--system{align-items:center}.chat-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;color:var(--color-text-light, #6b7280)}.chat-row--agent .chat-meta,.chat-row--ai .chat-meta,.chat-row--staff .chat-meta{justify-content:flex-end;padding-right:2.75rem}.chat-bubble-row{display:flex;align-items:flex-start;gap:.5rem;max-width:min(72%,40rem)}.chat-row--agent .chat-bubble-row,.chat-row--ai .chat-bubble-row,.chat-row--staff .chat-bubble-row{flex-direction:row-reverse}.chat-avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px}.chat-avatar--ai{background:#ad46ff1f;color:#8200db}.chat-avatar--staff{border:1px solid #ddd6fe;background:#f5f3ff;color:#6d28d9}.chat-avatar--caller{background:#e5e7eb;color:#4b5563}.chat-bubble{max-width:100%;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;word-break:break-word;white-space:pre-wrap}.chat-bubble--caller,.chat-bubble--user,.chat-bubble--patient{border:1px solid var(--color-border-light, #e5e7eb);border-radius:0 .5rem .5rem;background:#fff;color:var(--color-text-dark, #111827)}.chat-bubble--agent,.chat-bubble--ai{border:none;border-radius:.5rem;background:#ad46ff1a;color:var(--color-text-dark, #53575c)}.chat-bubble--staff{border:1px solid #ddd6fe;border-radius:.5rem 0 .5rem .5rem;background:#f5f3ff;color:#4c1d95}.chat-bubble--tool,.chat-bubble--system{max-width:min(90%,40rem);padding:.5rem .75rem;border:1px solid var(--color-border-light, #e5e7eb);border-radius:9999px;background:#f9fafb;color:#6b7280;font-size:.75rem;text-align:center}.chat-bubble--interim{opacity:.9;font-style:italic}.chat-content{margin:0}.chat-time{font-size:.75rem;color:#9ca3af}:host{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.call-conversation-panel__transcript{flex:1 1 auto;min-height:min(60vh,36rem)}.call-conversation-panel__thread.chat-thread{flex:1 1 auto;min-height:min(56vh,32rem);height:min(56vh,32rem);max-height:min(70vh,42rem);overflow:auto}\n"] }]
+        }], ctorParameters: () => [] });
+
+const PREVIEW_LIMIT = 4;
+class CallTasksPanelComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.callId = input.required();
+        this.compact = input(false);
+        this.activities = signal([]);
+        this.total = signal(0);
+        this.loading = signal(true);
+        this.listSkeletonRows = [0, 1, 2];
+        this.previewLimit = PREVIEW_LIMIT;
+        this.activityTypeLabel = activityTypeLabel;
+        this.previewActivities = computed(() => this.activities().slice(0, PREVIEW_LIMIT));
+    }
+    openActivities() {
+        void this.router.navigate(['../activities'], {
+            relativeTo: this.route,
+            queryParams: { callId: this.callId() },
+        });
+    }
+    ngOnInit() {
+        this.api
+            .getActivities({
+            callId: this.callId(),
+            page: 1,
+            limit: 50,
+        })
+            .subscribe({
+            next: ({ items, total }) => {
+                this.activities.set(items);
+                this.total.set(total);
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    activitySubline(item) {
+        const bits = [
+            item.patientName,
+            item.visitType,
+            item.providerName,
+        ].filter(Boolean);
+        return bits.join(' · ') || item.detail || '—';
+    }
+    activityTone(type) {
+        switch (type) {
+            case 'appointment_booked':
+                return 'primary';
+            case 'patient_created':
+                return 'success';
+            case 'task_created':
+                return 'warning';
+            default:
+                return 'light';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallTasksPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CallTasksPanelComponent, isStandalone: true, selector: "eds-call-tasks-panel", inputs: { callId: { classPropertyName: "callId", publicName: "callId", isSignal: true, isRequired: true, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (loading() || activities().length > 0) {\r\n<section class=\"call-tasks rounded-lg border border-base bg-white px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\r\n  <header class=\"mb-4 flex items-center justify-between gap-3\">\r\n    <h4>Activities from this call</h4>\r\n    <button\r\n      type=\"button\"\r\n      class=\"eds-plain-nav call-tasks__all-link fs-sm\"\r\n      (click)=\"openActivities()\"\r\n    >\r\n      View all Activities\r\n    </button>\r\n  </header>\r\n\r\n  @if (loading()) {\r\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\" aria-busy=\"true\">\r\n      @for (_ of listSkeletonRows; track _) {\r\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\r\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-4 py-3\">\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\r\n            </div>\r\n            <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n          </div>\r\n        </li>\r\n      }\r\n    </ul>\r\n  } @else {\r\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\">\r\n      @for (item of previewActivities(); track item.id) {\r\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\r\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 border-none bg-transparent px-4 py-3 text-left font-[inherit]\">\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <span\r\n                class=\"call-tasks__title min-w-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\"\r\n                [smartTooltip]=\"item.title || activityTypeLabel(item.type)\"\r\n                [tooltipOnlyWhenTruncated]=\"true\"\r\n              >{{ item.title || activityTypeLabel(item.type) }}</span>\r\n              <span\r\n                class=\"call-tasks__sub max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\"\r\n                [smartTooltip]=\"activitySubline(item)\"\r\n                [tooltipOnlyWhenTruncated]=\"true\"\r\n              >{{ activitySubline(item) }}</span>\r\n            </div>\r\n            <ed-badge-2 [attr.variant]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</ed-badge-2>\r\n          </div>\r\n        </li>\r\n      }\r\n    </ul>\r\n    @if (total() > previewLimit) {\r\n      <p class=\"call-tasks__more fs-sm text-light mt-3\">\r\n        +{{ total() - previewLimit }} more \u2014\r\n        <button type=\"button\" class=\"eds-plain-nav call-tasks__all-link\" (click)=\"openActivities()\">\r\n          View all Activities\r\n        </button>\r\n      </p>\r\n    }\r\n  }\r\n</section>\r\n}\r\n", styles: [".call-tasks--compact{margin-top:0;height:100%}.call-tasks__head .eds-h2{margin:0}.call-tasks__all-link{color:var(--eds-text-brand, #2162f0);text-decoration:none;font-weight:500}.call-tasks__all-link:hover{text-decoration:underline}.call-tasks__empty{margin:0;color:var(--eds-text-secondary, #53575c)}.call-tasks__list{list-style:none;margin:0;padding:0}.call-tasks__row--static{cursor:default}.call-tasks__title{color:var(--eds-text-primary, #41464c)}.call-tasks__sub,.call-tasks__more{color:var(--eds-text-secondary, #53575c)}\n"], dependencies: [{ kind: "component", type: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }, { kind: "directive", type: SmartTooltipDirective, selector: "[smartTooltip]", inputs: ["smartTooltip", "tooltipAllowHtml", "tooltipTemplate", "tooltipTemplateContext", "tooltipPlacement", "tooltipTrigger", "tooltipDelayShow", "tooltipDelayHide", "tooltipOffset", "tooltipMaxWidth", "tooltipZIndex", "tooltipClass", "tooltipDisabled", "tooltipArrow", "tooltipHoverIntentMs", "tooltipHoverIntentRadius", "tooltipId", "tooltipRole", "tooltipAnimEnterMs", "tooltipAnimExitMs", "tooltipAnimEasing", "tooltipHoverable", "tooltipHandoffMs", "tooltipOpen", "tooltipOnlyWhenTruncated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallTasksPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-call-tasks-panel', imports: [EdSkeletonComponent, SmartTooltipDirective], changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (loading() || activities().length > 0) {\r\n<section class=\"call-tasks rounded-lg border border-base bg-white px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\r\n  <header class=\"mb-4 flex items-center justify-between gap-3\">\r\n    <h4>Activities from this call</h4>\r\n    <button\r\n      type=\"button\"\r\n      class=\"eds-plain-nav call-tasks__all-link fs-sm\"\r\n      (click)=\"openActivities()\"\r\n    >\r\n      View all Activities\r\n    </button>\r\n  </header>\r\n\r\n  @if (loading()) {\r\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\" aria-busy=\"true\">\r\n      @for (_ of listSkeletonRows; track _) {\r\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\r\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-4 py-3\">\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\r\n            </div>\r\n            <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n          </div>\r\n        </li>\r\n      }\r\n    </ul>\r\n  } @else {\r\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\">\r\n      @for (item of previewActivities(); track item.id) {\r\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\r\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 border-none bg-transparent px-4 py-3 text-left font-[inherit]\">\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <span\r\n                class=\"call-tasks__title min-w-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\"\r\n                [smartTooltip]=\"item.title || activityTypeLabel(item.type)\"\r\n                [tooltipOnlyWhenTruncated]=\"true\"\r\n              >{{ item.title || activityTypeLabel(item.type) }}</span>\r\n              <span\r\n                class=\"call-tasks__sub max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\"\r\n                [smartTooltip]=\"activitySubline(item)\"\r\n                [tooltipOnlyWhenTruncated]=\"true\"\r\n              >{{ activitySubline(item) }}</span>\r\n            </div>\r\n            <ed-badge-2 [attr.variant]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</ed-badge-2>\r\n          </div>\r\n        </li>\r\n      }\r\n    </ul>\r\n    @if (total() > previewLimit) {\r\n      <p class=\"call-tasks__more fs-sm text-light mt-3\">\r\n        +{{ total() - previewLimit }} more \u2014\r\n        <button type=\"button\" class=\"eds-plain-nav call-tasks__all-link\" (click)=\"openActivities()\">\r\n          View all Activities\r\n        </button>\r\n      </p>\r\n    }\r\n  }\r\n</section>\r\n}\r\n", styles: [".call-tasks--compact{margin-top:0;height:100%}.call-tasks__head .eds-h2{margin:0}.call-tasks__all-link{color:var(--eds-text-brand, #2162f0);text-decoration:none;font-weight:500}.call-tasks__all-link:hover{text-decoration:underline}.call-tasks__empty{margin:0;color:var(--eds-text-secondary, #53575c)}.call-tasks__list{list-style:none;margin:0;padding:0}.call-tasks__row--static{cursor:default}.call-tasks__title{color:var(--eds-text-primary, #41464c)}.call-tasks__sub,.call-tasks__more{color:var(--eds-text-secondary, #53575c)}\n"] }]
+        }] });
+
+/** Known history outcomes from GET /calls/history (HistoryCallDto.outcome). */
+const HISTORY_OUTCOMES = [
+    'completed',
+    'failed',
+    'transferred',
+    'escalated',
+];
+function normalizeHistoryOutcome(outcome) {
+    const key = outcome.trim().toLowerCase();
+    if (HISTORY_OUTCOMES.includes(key)) {
+        return key;
+    }
+    return 'custom';
+}
+/** Badge tone for history table / detail — separate from lifecycle or live UI status. */
+function outcomeBadgeTone(outcome) {
+    switch (normalizeHistoryOutcome(outcome)) {
+        case 'completed':
+            return 'success';
+        case 'failed':
+            return 'danger';
+        case 'transferred':
+            return 'opened';
+        case 'escalated':
+            return 'danger';
+        default: {
+            const key = outcome.trim().toLowerCase();
+            if (key.includes('transfer'))
+                return 'opened';
+            if (key.includes('fail') || key.includes('escalat') || key.includes('abandon'))
+                return 'danger';
+            if (key.includes('voicemail'))
+                return 'light';
+            if (key.includes('complete') || key.includes('book') || key.includes('task'))
+                return 'success';
+            return 'primary';
+        }
+    }
+}
+function formatOutcomeLabel(outcome) {
+    const trimmed = outcome.trim();
+    if (!trimmed)
+        return 'Unknown';
+    const known = normalizeHistoryOutcome(trimmed);
+    if (known === 'custom')
+        return trimmed;
+    return known.charAt(0).toUpperCase() + known.slice(1);
+}
+
+class CallHistoryDetailPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.reviewService = inject(CallReviewService);
+        this.toast = inject(ToastService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        /** Parent shell route — back targets sibling `history`, not `history/history`. */
+        this.historyListLink = ['history'];
+        this.historyListRelativeTo = this.route.parent;
+        this.detail = signal(null);
+        this.loading = signal(true);
+        this.markingReview = signal(false);
+        this.detailSkeletonRows = [0, 1, 2, 3, 4];
+        this.listSkeletonRows = [0, 1, 2];
+        this.isNeedsReview = isNeedsReview;
+        this.outcomeTone = outcomeBadgeTone;
+        this.outcomeLabel = formatOutcomeLabel;
+        this.callerMetaLine = callerMetaLine;
+        this.formatDuration = formatPlaybackTime;
+    }
+    isUnknownName(name) {
+        return isUnknownCaller(name);
+    }
+    detailAvatarTone(detail) {
+        return this.isUnknownName(detail.name) || detail.initials === '?' ? 'gray' : 'brand';
+    }
+    detailDirectionIcon(detail) {
+        return detail.direction === 'inbound' ? 'call_received' : 'call_made';
+    }
+    ngOnInit() {
+        const id = this.route.snapshot.paramMap.get('id') ?? '';
+        this.api.getCallDetail(id).subscribe(({ data }) => {
+            this.detail.set(data);
+            this.loading.set(false);
+        });
+    }
+    markReviewed() {
+        const d = this.detail();
+        if (!d || !isNeedsReview(d.review) || this.markingReview())
+            return;
+        this.markingReview.set(true);
+        const prev = d.review;
+        this.detail.update((current) => current ? { ...current, review: 'reviewed' } : current);
+        this.reviewService.markReviewed(d.id).subscribe({
+            next: () => {
+                this.markingReview.set(false);
+                this.toast.show('Call marked as reviewed', 'success');
+            },
+            error: () => {
+                this.markingReview.set(false);
+                this.detail.update((current) => current ? { ...current, review: prev } : current);
+                this.toast.show('Failed to mark call as reviewed', 'error');
+            },
+        });
+    }
+    refreshCallDetail() {
+        const id = this.detail()?.id;
+        if (!id)
+            return;
+        this.api.getCallDetail(id).subscribe(({ data }) => {
+            if (data)
+                this.detail.set(data);
+        });
+    }
+    goBack() {
+        void this.router.navigate(this.historyListLink, { relativeTo: this.historyListRelativeTo });
+    }
+    useRecordingDuration(seconds) {
+        const duration = Math.max(0, Math.floor(seconds));
+        if (!duration)
+            return;
+        this.detail.update((current) => current
+            ? {
+                ...current,
+                duration,
+                durationLabel: formatPlaybackTime(duration),
+            }
+            : current);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallHistoryDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CallHistoryDetailPageComponent, isStandalone: true, selector: "eds-call-history-detail-page", host: { classAttribute: "block h-full min-h-0" }, ngImport: i0, template: "<div class=\"flex h-full min-h-0 flex-col overflow-auto bg-lighter p-base call-history-detail-page\">\r\n  <div class=\"call-history-detail-page__body flex min-h-0 flex-1 flex-col\">\r\n\r\n  @if (loading()) {\r\n    <div class=\"flex flex-col gap-4\" aria-busy=\"true\">\r\n      <header class=\"mb-base flex items-center justify-between gap-md rounded-lg bg-white p-sm shadow-sm\">\r\n        <div class=\"flex items-center gap-md\">\r\n          <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\r\n          <div class=\"flex items-center gap-xs\">\r\n            <ed-skeleton class=\"h-9 w-9 !rounded-md\"></ed-skeleton>\r\n            <div class=\"grid gap-2xs\">\r\n              <ed-skeleton class=\"h-4 w-40\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ed-skeleton class=\"h-8 w-36 !rounded-md\"></ed-skeleton>\r\n      </header>\r\n      <dl class=\"mx-0 mt-0 mb-5 grid grid-cols-2 gap-4\">\r\n        <div class=\"grid gap-2xs\">\r\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\r\n        </div>\r\n        <div class=\"grid gap-2xs\">\r\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-4 w-14\"></ed-skeleton>\r\n        </div>\r\n      </dl>\r\n      <div class=\"grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_280px]\">\r\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\r\n          <ed-skeleton class=\"h-4 w-28\"></ed-skeleton>\r\n          @for (_ of detailSkeletonRows; track _) {\r\n            <div class=\"grid gap-2xs\">\r\n              <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-10 w-full max-w-lg !rounded-md\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\r\n          <ed-skeleton class=\"h-4 w-36\"></ed-skeleton>\r\n          @for (_ of listSkeletonRows; track _) {\r\n            <div class=\"flex items-center justify-between gap-3 border-b border-base py-3 last:border-b-0\">\r\n              <div class=\"grid min-w-0 flex-1 gap-2xs\">\r\n                <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\r\n                <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n              </div>\r\n              <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    @if (detail(); as d) {\r\n    <header class=\"mb-base flex shrink-0 flex-wrap items-center justify-between gap-md rounded-lg bg-white p-sm shadow-sm\">\r\n      <div class=\"flex min-w-0 items-center gap-md\">\r\n        <ed-icon-button\r\n          name=\"caret_left\"\r\n          label=\"Go back to call history\"\r\n          size=\"xs\"\r\n          ghost\r\n          (click$)=\"goBack()\"\r\n        />\r\n        <div class=\"flex min-w-0 items-center gap-xs\">\r\n          <ed-avatar\r\n            shape=\"box\"\r\n            size=\"base\"\r\n            [initials]=\"isUnknownName(d.name) ? '?' : d.initials || '?'\"\r\n            [tone]=\"detailAvatarTone(d)\"\r\n          />\r\n          <div class=\"grid min-w-0 gap-2xs\">\r\n            <div class=\"flex min-w-0 flex-wrap items-center gap-xs\">\r\n              <span class=\"truncate text-dark\">{{ d.name }}</span>\r\n              @if (d.reason) {\r\n                <ed-badge-2 variant=\"primary\" pill uppercase>\r\n                  <span class=\"inline-flex items-center gap-2xs\">\r\n                    <ed-icon [name]=\"detailDirectionIcon(d)\" [size]=\"12\" color=\"currentColor\" />\r\n                    <span>{{ d.reason }}</span>\r\n                  </span>\r\n                </ed-badge-2>\r\n              }\r\n              <span class=\"inline-flex text-light\" aria-hidden=\"true\">\r\n                <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\r\n              </span>\r\n            </div>\r\n            <p class=\"m-0 truncate text-light\">\r\n              {{\r\n                callerMetaLine({\r\n                  dob: d.dob,\r\n                  age: d.age,\r\n                  gender: d.gender,\r\n                  phone: d.phone,\r\n                  name: d.name,\r\n                })\r\n              }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      @if (isNeedsReview(d.review)) {\r\n        <ed-button\r\n          variant=\"primary\"\r\n          fill\r\n          size=\"sm\"\r\n          [disabled]=\"markingReview()\"\r\n          (click$)=\"markReviewed()\"\r\n        >\r\n          <ed-icon slot=\"prefix\" name=\"check_circle\" [size]=\"16\" />\r\n          {{ markingReview() ? 'Saving\u2026' : 'Mark as reviewed' }}\r\n        </ed-button>\r\n      } @else if (d.review === 'reviewed') {\r\n        <ed-badge-2 variant=\"success\" pill uppercase>Reviewed</ed-badge-2>\r\n      }\r\n    </header>\r\n\r\n    <dl class=\"call-history-detail-page__meta mx-0 mt-0 mb-5 grid shrink-0 grid-cols-2 gap-4 sm:grid-cols-2\">\r\n      <div><dt class=\"fs-sm font-semibold text-light\">Outcome</dt><dd>\r\n        <ed-badge-2 [attr.variant]=\"outcomeTone(d.outcome)\">\r\n          {{ outcomeLabel(d.outcome) }}\r\n        </ed-badge-2>\r\n      </dd></div>\r\n      <div><dt class=\"fs-sm font-semibold text-light\">Duration</dt><dd>{{ d.durationLabel ?? formatDuration(d.duration) }}</dd></div>\r\n    </dl>\r\n\r\n    <eds-call-conversation-panel\r\n      [callId]=\"d.id\"\r\n      [summary]=\"d.summary\"\r\n      [transcript]=\"d.transcript\"\r\n      [tools]=\"d.tools\"\r\n      [callDurationSec]=\"d.duration\"\r\n      [callerName]=\"d.name\"\r\n      [callerMatched]=\"!isUnknownName(d.name)\"\r\n      (playbackDurationChange)=\"useRecordingDuration($event)\"\r\n      (summaryRegenerated)=\"refreshCallDetail()\"\r\n    >\r\n      <eds-call-tasks-panel\r\n        summary-side\r\n        [callId]=\"d.id\"\r\n        [compact]=\"true\"\r\n      />\r\n    </eds-call-conversation-panel>\r\n    } @else {\r\n      <p class=\"fs-sm text-light\">Call not found.</p>\r\n    }\r\n  }\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.call-history-detail-page__back{color:var(--eds-text-secondary)}.call-history-detail-page__body eds-call-conversation-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:min(60vh,36rem)}.call-history-detail-page__badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.call-history-detail-page__meta dd{margin:4px 0 0;font-size:14px}.call-history-detail-page__tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--eds-border-default)}.call-history-detail-page__tab{padding:10px 16px;border:none;background:none;font-size:14px;font-weight:500;color:var(--eds-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.call-history-detail-page__tab--active{color:var(--eds-text-brand);border-bottom-color:var(--eds-brand-500)}.call-history-detail-page__panel{padding:20px}@media(max-width:800px){.call-history-detail-page__meta{grid-template-columns:repeat(2,1fr)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ed-icon", inputs: ["name", "size", "color", "cssClass", "decorative", "ariaHidden", "ariaLabel", "title", "desc", "focusable", "tabIndex"] }, { kind: "component", type: EdButtonComponent, selector: "ed-button", inputs: ["variant", "size", "disabled", "ghost", "outline", "subtle", "fill", "loading", "block", "elevated", "shape", "type", "href", "routerLink", "rel", "target", "download", "ariaLabel"], outputs: ["click$"] }, { kind: "component", type: EdAvatarComponent, selector: "ed-avatar", inputs: ["initials", "tone", "shape", "size", "gradient"] }, { kind: "component", type: EdIconButtonComponent, selector: "ed-icon-button", inputs: ["label", "name", "size", "variant", "allowBubble", "ghost", "outline", "solid", "subtle", "shape", "type", "disabled", "loading", "toggle", "pressed", "id", "title", "nameAttr", "value", "autofocus", "tabIndex"], outputs: ["click", "focus", "blur", "click$", "focus$", "blur$"] }, { kind: "component", type: CallConversationPanelComponent, selector: "eds-call-conversation-panel", inputs: ["callId", "summary", "transcript", "tools", "callDurationSec", "allowRegenerate", "callerName", "callerMatched"], outputs: ["summaryRegenerated", "playbackDurationChange"] }, { kind: "component", type: CallTasksPanelComponent, selector: "eds-call-tasks-panel", inputs: ["callId", "compact"] }, { kind: "component", type: EdSkeletonComponent, selector: "ed-skeleton", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallHistoryDetailPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-call-history-detail-page', imports: [
+                        IconComponent,
+                        EdButtonComponent,
+                        EdAvatarComponent,
+                        EdIconButtonComponent,
+                        CallConversationPanelComponent,
+                        CallTasksPanelComponent,
+                        EdSkeletonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'block h-full min-h-0' }, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"flex h-full min-h-0 flex-col overflow-auto bg-lighter p-base call-history-detail-page\">\r\n  <div class=\"call-history-detail-page__body flex min-h-0 flex-1 flex-col\">\r\n\r\n  @if (loading()) {\r\n    <div class=\"flex flex-col gap-4\" aria-busy=\"true\">\r\n      <header class=\"mb-base flex items-center justify-between gap-md rounded-lg bg-white p-sm shadow-sm\">\r\n        <div class=\"flex items-center gap-md\">\r\n          <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\r\n          <div class=\"flex items-center gap-xs\">\r\n            <ed-skeleton class=\"h-9 w-9 !rounded-md\"></ed-skeleton>\r\n            <div class=\"grid gap-2xs\">\r\n              <ed-skeleton class=\"h-4 w-40\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ed-skeleton class=\"h-8 w-36 !rounded-md\"></ed-skeleton>\r\n      </header>\r\n      <dl class=\"mx-0 mt-0 mb-5 grid grid-cols-2 gap-4\">\r\n        <div class=\"grid gap-2xs\">\r\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\r\n        </div>\r\n        <div class=\"grid gap-2xs\">\r\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-4 w-14\"></ed-skeleton>\r\n        </div>\r\n      </dl>\r\n      <div class=\"grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_280px]\">\r\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\r\n          <ed-skeleton class=\"h-4 w-28\"></ed-skeleton>\r\n          @for (_ of detailSkeletonRows; track _) {\r\n            <div class=\"grid gap-2xs\">\r\n              <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-10 w-full max-w-lg !rounded-md\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\r\n          <ed-skeleton class=\"h-4 w-36\"></ed-skeleton>\r\n          @for (_ of listSkeletonRows; track _) {\r\n            <div class=\"flex items-center justify-between gap-3 border-b border-base py-3 last:border-b-0\">\r\n              <div class=\"grid min-w-0 flex-1 gap-2xs\">\r\n                <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\r\n                <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n              </div>\r\n              <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    @if (detail(); as d) {\r\n    <header class=\"mb-base flex shrink-0 flex-wrap items-center justify-between gap-md rounded-lg bg-white p-sm shadow-sm\">\r\n      <div class=\"flex min-w-0 items-center gap-md\">\r\n        <ed-icon-button\r\n          name=\"caret_left\"\r\n          label=\"Go back to call history\"\r\n          size=\"xs\"\r\n          ghost\r\n          (click$)=\"goBack()\"\r\n        />\r\n        <div class=\"flex min-w-0 items-center gap-xs\">\r\n          <ed-avatar\r\n            shape=\"box\"\r\n            size=\"base\"\r\n            [initials]=\"isUnknownName(d.name) ? '?' : d.initials || '?'\"\r\n            [tone]=\"detailAvatarTone(d)\"\r\n          />\r\n          <div class=\"grid min-w-0 gap-2xs\">\r\n            <div class=\"flex min-w-0 flex-wrap items-center gap-xs\">\r\n              <span class=\"truncate text-dark\">{{ d.name }}</span>\r\n              @if (d.reason) {\r\n                <ed-badge-2 variant=\"primary\" pill uppercase>\r\n                  <span class=\"inline-flex items-center gap-2xs\">\r\n                    <ed-icon [name]=\"detailDirectionIcon(d)\" [size]=\"12\" color=\"currentColor\" />\r\n                    <span>{{ d.reason }}</span>\r\n                  </span>\r\n                </ed-badge-2>\r\n              }\r\n              <span class=\"inline-flex text-light\" aria-hidden=\"true\">\r\n                <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\r\n              </span>\r\n            </div>\r\n            <p class=\"m-0 truncate text-light\">\r\n              {{\r\n                callerMetaLine({\r\n                  dob: d.dob,\r\n                  age: d.age,\r\n                  gender: d.gender,\r\n                  phone: d.phone,\r\n                  name: d.name,\r\n                })\r\n              }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      @if (isNeedsReview(d.review)) {\r\n        <ed-button\r\n          variant=\"primary\"\r\n          fill\r\n          size=\"sm\"\r\n          [disabled]=\"markingReview()\"\r\n          (click$)=\"markReviewed()\"\r\n        >\r\n          <ed-icon slot=\"prefix\" name=\"check_circle\" [size]=\"16\" />\r\n          {{ markingReview() ? 'Saving\u2026' : 'Mark as reviewed' }}\r\n        </ed-button>\r\n      } @else if (d.review === 'reviewed') {\r\n        <ed-badge-2 variant=\"success\" pill uppercase>Reviewed</ed-badge-2>\r\n      }\r\n    </header>\r\n\r\n    <dl class=\"call-history-detail-page__meta mx-0 mt-0 mb-5 grid shrink-0 grid-cols-2 gap-4 sm:grid-cols-2\">\r\n      <div><dt class=\"fs-sm font-semibold text-light\">Outcome</dt><dd>\r\n        <ed-badge-2 [attr.variant]=\"outcomeTone(d.outcome)\">\r\n          {{ outcomeLabel(d.outcome) }}\r\n        </ed-badge-2>\r\n      </dd></div>\r\n      <div><dt class=\"fs-sm font-semibold text-light\">Duration</dt><dd>{{ d.durationLabel ?? formatDuration(d.duration) }}</dd></div>\r\n    </dl>\r\n\r\n    <eds-call-conversation-panel\r\n      [callId]=\"d.id\"\r\n      [summary]=\"d.summary\"\r\n      [transcript]=\"d.transcript\"\r\n      [tools]=\"d.tools\"\r\n      [callDurationSec]=\"d.duration\"\r\n      [callerName]=\"d.name\"\r\n      [callerMatched]=\"!isUnknownName(d.name)\"\r\n      (playbackDurationChange)=\"useRecordingDuration($event)\"\r\n      (summaryRegenerated)=\"refreshCallDetail()\"\r\n    >\r\n      <eds-call-tasks-panel\r\n        summary-side\r\n        [callId]=\"d.id\"\r\n        [compact]=\"true\"\r\n      />\r\n    </eds-call-conversation-panel>\r\n    } @else {\r\n      <p class=\"fs-sm text-light\">Call not found.</p>\r\n    }\r\n  }\r\n  </div>\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.call-history-detail-page__back{color:var(--eds-text-secondary)}.call-history-detail-page__body eds-call-conversation-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:min(60vh,36rem)}.call-history-detail-page__badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.call-history-detail-page__meta dd{margin:4px 0 0;font-size:14px}.call-history-detail-page__tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--eds-border-default)}.call-history-detail-page__tab{padding:10px 16px;border:none;background:none;font-size:14px;font-weight:500;color:var(--eds-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.call-history-detail-page__tab--active{color:var(--eds-text-brand);border-bottom-color:var(--eds-brand-500)}.call-history-detail-page__panel{padding:20px}@media(max-width:800px){.call-history-detail-page__meta{grid-template-columns:repeat(2,1fr)}}\n"] }]
+        }] });
+
+export { CallHistoryDetailPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-history-detail-page.component-DtCUvToS.mjs.map

package/fesm2022/edvak99-voice-receptionist-widget-call-history-detail-page.component-DtCUvToS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-history-detail-page.component-DtCUvToS.mjs","sources":["../../../src/lib/components/call-conversation-panel/call-conversation-panel.component.ts","../../../src/lib/components/call-conversation-panel/call-conversation-panel.component.html","../../../src/lib/components/call-tasks-panel/call-tasks-panel.component.ts","../../../src/lib/components/call-tasks-panel/call-tasks-panel.component.html","../../../src/lib/utils/call-outcome.util.ts","../../../src/lib/pages/call-history-detail-page/call-history-detail-page.component.ts","../../../src/lib/pages/call-history-detail-page/call-history-detail-page.component.html"],"sourcesContent":["import { DatePipe } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  CUSTOM_ELEMENTS_SCHEMA,\r\n  computed,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  output,\r\n  signal,\r\n  viewChild,\r\n} from '@angular/core';\r\n\r\nimport { ToolEvent, TranscriptLine, TranscriptWho } from '../../models/ai-receptionist.types';\r\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\r\nimport { ToastService } from '../../shared/toast.service';\r\nimport {\r\n  activeTranscriptIndex,\r\n  buildTimedTranscript,\r\n  formatPlaybackTime,\r\n  TimedTranscriptLine,\r\n  transcriptRoleLabel,\r\n} from '../../utils/transcript-timing.util';\r\nimport { toolEventTrackKey } from '../../utils/tool-labels.util';\r\nimport { EdButtonComponent } from '../../ui/ed-button.component';\r\n\r\nimport { CallRecordingPlayerComponent } from '../call-recording-player/call-recording-player.component';\r\nimport { type BadgeTone } from '../../ui/eds-badge.component';\r\nimport { IconComponent } from '../../ui/ed-icon.component';\r\n\r\n@Component({\r\n  selector: 'eds-call-conversation-panel',\r\n  imports: [\r\n    DatePipe,\r\n    CallRecordingPlayerComponent,\r\n    EdButtonComponent,\r\n    IconComponent,\r\n  ],\r\n  templateUrl: './call-conversation-panel.component.html',\r\n  styleUrl: './call-conversation-panel.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class CallConversationPanelComponent {\r\n  private readonly api = inject(AiReceptionistApiService);\r\n  private readonly toast = inject(ToastService);\r\n\r\n  readonly callId = input.required<string>();\r\n  readonly summary = input.required<string>();\r\n  readonly transcript = input.required<TranscriptLine[]>();\r\n  readonly tools = input.required<ToolEvent[]>();\r\n  readonly callDurationSec = input(0);\r\n  readonly allowRegenerate = input(true);\r\n  readonly callerName = input<string | null>(null);\r\n  readonly callerMatched = input<boolean | null>(null);\r\n\r\n  readonly summaryRegenerated = output<void>();\r\n  readonly playbackDurationChange = output<number>();\r\n\r\n  private readonly player = viewChild(CallRecordingPlayerComponent);\r\n  private readonly scrollHost = viewChild<ElementRef<HTMLElement>>('scrollHost');\r\n\r\n  protected readonly currentTime = signal(0);\r\n  protected readonly playbackDuration = signal(0);\r\n  protected readonly summaryExpanded = signal(false);\r\n  private readonly regeneratedSummary = signal<string | null>(null);\r\n  protected readonly displaySummary = computed(\r\n    () => this.regeneratedSummary() ?? this.summary(),\r\n  );\r\n  protected readonly regenerating = signal(false);\r\n  protected readonly summaryMeta = signal<{\r\n    model?: string;\r\n    generatedAt?: string;\r\n    turnCount?: number;\r\n  } | null>(null);\r\n\r\n  protected readonly timedLines = computed(() =>\r\n    buildTimedTranscript(\r\n      this.transcript(),\r\n      this.playbackDuration() || this.callDurationSec() || 120,\r\n    ),\r\n  );\r\n\r\n  protected readonly activeIndex = computed(() =>\r\n    activeTranscriptIndex(this.timedLines(), this.currentTime()),\r\n  );\r\n\r\n  protected readonly hasExplicitTiming = computed(() =>\r\n    this.transcript().some((line) => line.at != null),\r\n  );\r\n\r\n  protected readonly formatTime = formatPlaybackTime;\r\n  protected readonly toolTrackKey = toolEventTrackKey;\r\n\r\n  protected roleLabel(who: TranscriptLine['who']): string {\r\n    return transcriptRoleLabel(who, this.callerName(), this.callerMatched() ?? undefined);\r\n  }\r\n\r\n  protected speakerIcon(who: TranscriptWho | string): string {\r\n    switch (who) {\r\n      case 'ai':\r\n        return 'graph_new';\r\n      case 'staff':\r\n        return 'Robot';\r\n      case 'patient':\r\n        return 'person';\r\n      default:\r\n        return 'info';\r\n    }\r\n  }\r\n\r\n  protected toolTone(state: string): BadgeTone {\r\n    switch (state) {\r\n      case 'ok':\r\n        return 'success';\r\n      case 'warn':\r\n        return 'warning';\r\n      case 'error':\r\n        return 'danger';\r\n      case 'active':\r\n        return 'primary';\r\n      default:\r\n        return 'light';\r\n    }\r\n  }\r\n\r\n  constructor() {\r\n    effect(\r\n      () => {\r\n        this.callId();\r\n        this.regeneratedSummary.set(null);\r\n      },\r\n      { allowSignalWrites: true },\r\n    );\r\n\r\n    effect(() => {\r\n      const idx = this.activeIndex();\r\n      const host = this.scrollHost()?.nativeElement;\r\n      if (idx < 0 || !host) return;\r\n      const row = host.querySelector(`[data-line-index=\"${idx}\"]`);\r\n      if (row instanceof HTMLElement) {\r\n        row.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\r\n      }\r\n    });\r\n  }\r\n\r\n  protected onPlaybackTime(sec: number): void {\r\n    this.currentTime.set(sec);\r\n  }\r\n\r\n  protected onPlaybackDuration(sec: number): void {\r\n    const duration = Math.max(0, Math.floor(sec));\r\n    this.playbackDuration.set(duration);\r\n    this.playbackDurationChange.emit(duration);\r\n  }\r\n\r\n  protected seekLine(line: TimedTranscriptLine): void {\r\n    if (line.who === 'system') return;\r\n    this.player()?.seekTo(line.startSec);\r\n  }\r\n\r\n  protected toggleSummary(): void {\r\n    this.summaryExpanded.update((v) => !v);\r\n  }\r\n\r\n  protected regenerateSummary(): void {\r\n    if (this.regenerating()) return;\r\n\r\n    this.regenerating.set(true);\r\n    this.api.regenerateCallSummary(this.callId()).subscribe({\r\n      next: ({ data }) => {\r\n        this.regenerating.set(false);\r\n        this.regeneratedSummary.set(data.summary);\r\n        this.summaryExpanded.set(true);\r\n        this.summaryMeta.set({\r\n          model: data.summaryModel,\r\n          generatedAt: data.summaryGeneratedAt,\r\n          turnCount: data.transcriptTurnCount,\r\n        });\r\n        this.summaryRegenerated.emit();\r\n        this.toast.show('Call summary regenerated', 'success');\r\n      },\r\n      error: (err: { message?: string }) => {\r\n        this.regenerating.set(false);\r\n        this.toast.show(err.message ?? 'Failed to regenerate summary', 'error');\r\n      },\r\n    });\r\n  }\r\n}\r\n","<div class=\"flex min-h-0 flex-1 flex-col gap-4\">\r\n  <div class=\"grid shrink-0 grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\r\n    <section class=\"rounded-lg border border-base bg-white p-4 shadow-sm\">\r\n      <div class=\"flex items-center justify-between gap-3\">\r\n        <button type=\"button\" class=\"flex min-w-0 flex-1 cursor-pointer items-center gap-1 border-none bg-transparent p-0 text-left\" (click)=\"toggleSummary()\">\r\n          <ed-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\r\n          <h4 class=\"m-0\">Call summary</h4>\r\n        </button>\r\n        @if (allowRegenerate()) {\r\n          <ed-button\r\n            variant=\"secondary\"\r\n            outline\r\n            size=\"sm\"\r\n            [disabled]=\"regenerating()\"\r\n            (click$)=\"regenerateSummary()\"\r\n          >\r\n            <ed-icon slot=\"prefix\" name=\"refresh\" [size]=\"16\" />\r\n            {{ regenerating() ? 'Regenerating…' : 'Regenerate' }}\r\n          </ed-button>\r\n        }\r\n      </div>\r\n      @if (summaryExpanded() || displaySummary().length < 180) {\r\n        <p class=\"fs-base text-dark mt-3 leading-relaxed\">{{ displaySummary() }}</p>\r\n      } @else {\r\n        <p class=\"fs-base text-dark mt-3 line-clamp-2 leading-relaxed\">\r\n          {{ displaySummary() }}\r\n        </p>\r\n        <button\r\n          type=\"button\"\r\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\r\n          (click)=\"toggleSummary()\"\r\n        >\r\n          Read full summary\r\n        </button>\r\n      }\r\n      @if (summaryMeta(); as meta) {\r\n        <p class=\"fs-sm text-light mt-3 flex flex-wrap gap-3 text-zinc-500\">\r\n          @if (meta.model) {\r\n            <span>Model: {{ meta.model }}</span>\r\n          }\r\n          @if (meta.generatedAt) {\r\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\r\n          }\r\n          @if (meta.turnCount != null) {\r\n            <span>{{ meta.turnCount }} transcript turns</span>\r\n          }\r\n        </p>\r\n      }\r\n    </section>\r\n    <ng-content select=\"[summary-side]\" />\r\n  </div>\r\n\r\n  <section class=\"shrink-0 overflow-hidden rounded-lg border border-base bg-white p-0 shadow-sm\">\r\n    <eds-call-recording-player\r\n      [callId]=\"callId()\"\r\n      (currentTimeChange)=\"onPlaybackTime($event)\"\r\n      (durationChange)=\"onPlaybackDuration($event)\"\r\n    />\r\n  </section>\r\n\r\n  <div class=\"call-conversation-panel__split grid min-h-0 flex-1 grid-cols-1 items-stretch gap-4 lg:grid-cols-[1fr_300px]\">\r\n    <section\r\n      class=\"call-conversation-panel__transcript flex flex-1 flex-col rounded-lg border border-base bg-white p-4 shadow-sm\"\r\n      aria-labelledby=\"call-transcript-title\"\r\n    >\r\n      <header class=\"mb-3 flex shrink-0 items-center justify-between gap-3\">\r\n        <h4 id=\"call-transcript-title\" class=\"m-0\">Transcript</h4>\r\n        @if (playbackDuration() > 0) {\r\n          <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light text-zinc-500\">\r\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\r\n          </span>\r\n        }\r\n      </header>\r\n\r\n            <div #scrollHost class=\"chat-thread call-conversation-panel__thread flex-1 overflow-auto rounded-xl border border-zinc-200\" role=\"log\">\r\n        @for (line of timedLines(); track line.index) {\r\n          @if (line.who === 'system') {\r\n            <div class=\"chat-row chat-row--system\">\r\n              <div\r\n                class=\"chat-bubble chat-bubble--system inline-flex items-center gap-2\"\r\n                [class.ring-2]=\"line.index === activeIndex()\"\r\n                [class.ring-blue-200]=\"line.index === activeIndex()\"\r\n                [attr.data-line-index]=\"line.index\"\r\n              >\r\n                <ed-icon name=\"info\" [size]=\"14\" />\r\n                <span>{{ line.text }}</span>\r\n              </div>\r\n            </div>\r\n          } @else {\r\n            <article\r\n              class=\"chat-row cursor-pointer border-none bg-transparent p-0\"\r\n              [class.chat-row--caller]=\"line.who === 'patient'\"\r\n              [class.chat-row--ai]=\"line.who === 'ai'\"\r\n              [class.chat-row--staff]=\"line.who === 'staff'\"\r\n              [attr.data-line-index]=\"line.index\"\r\n              [attr.data-who]=\"line.who\"\r\n              tabindex=\"0\"\r\n              role=\"button\"\r\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\r\n              (click)=\"seekLine(line)\"\r\n              (keyup.enter)=\"seekLine(line)\"\r\n            >\r\n              <div class=\"chat-meta\">\r\n                <span>{{ roleLabel(line.who) }}</span>\r\n                <span class=\"chat-time\">{{ formatTime(line.startSec) }}</span>\r\n              </div>\r\n              <div class=\"chat-bubble-row\">\r\n                <div\r\n                  class=\"chat-avatar\"\r\n                  [class.chat-avatar--ai]=\"line.who === 'ai'\"\r\n                  [class.chat-avatar--staff]=\"line.who === 'staff'\"\r\n                  [class.chat-avatar--caller]=\"line.who === 'patient'\"\r\n                >\r\n                  <ed-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\r\n                </div>\r\n                <div\r\n                  class=\"chat-bubble\"\r\n                  [class.chat-bubble--caller]=\"line.who === 'patient'\"\r\n                  [class.chat-bubble--ai]=\"line.who === 'ai'\"\r\n                  [class.chat-bubble--staff]=\"line.who === 'staff'\"\r\n                  [class.ring-2]=\"line.index === activeIndex()\"\r\n                  [class.ring-blue-200]=\"line.index === activeIndex()\"\r\n                >\r\n                  <p class=\"chat-content\">{{ line.text }}</p>\r\n                </div>\r\n              </div>\r\n            </article>\r\n          }\r\n        } @empty {\r\n          <p class=\"fs-sm text-light py-3 text-zinc-500\">No transcript available for this call.</p>\r\n        }\r\n      </div>\r\n</section>\r\n\r\n    <aside class=\"flex min-h-0 flex-col overflow-hidden rounded-lg border border-base bg-white p-4 shadow-sm\" aria-labelledby=\"call-goal-timeline-title\">\r\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\r\n        <h4 id=\"call-goal-timeline-title\" class=\"m-0\">Goal Timeline</h4>\r\n        <span class=\"fs-sm text-light\">{{ tools().length }}</span>\r\n      </header>\r\n\r\n      <ul class=\"m-0 flex min-h-0 list-none flex-1 flex-col gap-3 overflow-auto p-0\">\r\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\r\n          <li\r\n            [class]=\"\r\n              'grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-md border-l-4 bg-zinc-50 p-3 ' +\r\n              (tool.state === 'ok'\r\n                ? 'border-l-green-500'\r\n                : tool.state === 'warn'\r\n                  ? 'border-l-amber-500'\r\n                  : tool.state === 'error'\r\n                    ? 'border-l-red-500'\r\n                    : tool.state === 'active'\r\n                      ? 'border-l-blue-600'\r\n                      : 'border-l-zinc-400')\r\n            \"\r\n          >\r\n            <span class=\"font-['IBM_Plex_Mono'] fs-sm text-light whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <span class=\"fs-sm font-semibold text-dark\">{{ tool.name }}</span>\r\n              <span class=\"fs-sm text-light\">{{ tool.result }}</span>\r\n            </div>\r\n            <ed-badge-2 [attr.variant]=\"toolTone(tool.state)\">{{ tool.state }}</ed-badge-2>\r\n          </li>\r\n        } @empty {\r\n          <li class=\"fs-sm text-light py-3 text-zinc-500\">No goal activity recorded.</li>\r\n        }\r\n      </ul>\r\n    </aside>\r\n  </div>\r\n</div>\r\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, computed, inject, input, OnInit, signal } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\r\n\r\nimport { SmartTooltipDirective } from '../../shared/smart-tooltip.directive';\r\nimport { BadgeTone } from '../../ui/eds-badge.component';\r\nimport {\r\n  AgentActivity,\r\n  activityTypeLabel,\r\n} from '../../models/agent-activity.types';\r\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\r\n\r\nconst PREVIEW_LIMIT = 4;\r\n\r\n@Component({\r\n  selector: 'eds-call-tasks-panel',\r\n  imports: [EdSkeletonComponent, SmartTooltipDirective],\r\n  templateUrl: './call-tasks-panel.component.html',\r\n  styleUrl: './call-tasks-panel.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class CallTasksPanelComponent implements OnInit {\r\n  private readonly api = inject(AiReceptionistApiService);\r\n  private readonly router = inject(Router);\r\n  private readonly route = inject(ActivatedRoute);\r\n\r\n  readonly callId = input.required<string>();\r\n  readonly compact = input(false);\r\n\r\n  protected readonly activities = signal<AgentActivity[]>([]);\r\n  protected readonly total = signal(0);\r\n  protected readonly loading = signal(true);\r\n  protected readonly listSkeletonRows = [0, 1, 2] as const;\r\n  protected readonly previewLimit = PREVIEW_LIMIT;\r\n  protected readonly activityTypeLabel = activityTypeLabel;\r\n\r\n  protected readonly previewActivities = computed(() =>\r\n    this.activities().slice(0, PREVIEW_LIMIT),\r\n  );\r\n\r\n  protected openActivities(): void {\r\n    void this.router.navigate(['../activities'], {\r\n      relativeTo: this.route,\r\n      queryParams: { callId: this.callId() },\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.api\r\n      .getActivities({\r\n        callId: this.callId(),\r\n        page: 1,\r\n        limit: 50,\r\n      })\r\n      .subscribe({\r\n        next: ({ items, total }) => {\r\n          this.activities.set(items);\r\n          this.total.set(total);\r\n          this.loading.set(false);\r\n        },\r\n        error: () => this.loading.set(false),\r\n      });\r\n  }\r\n\r\n  protected activitySubline(item: AgentActivity): string {\r\n    const bits = [\r\n      item.patientName,\r\n      item.visitType,\r\n      item.providerName,\r\n    ].filter(Boolean);\r\n    return bits.join(' · ') || item.detail || '—';\r\n  }\r\n\r\n  protected activityTone(type: string): BadgeTone {\r\n    switch (type) {\r\n      case 'appointment_booked':\r\n        return 'primary';\r\n      case 'patient_created':\r\n        return 'success';\r\n      case 'task_created':\r\n        return 'warning';\r\n      default:\r\n        return 'light';\r\n    }\r\n  }\r\n}\r\n","@if (loading() || activities().length > 0) {\r\n<section class=\"call-tasks rounded-lg border border-base bg-white px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\r\n  <header class=\"mb-4 flex items-center justify-between gap-3\">\r\n    <h4>Activities from this call</h4>\r\n    <button\r\n      type=\"button\"\r\n      class=\"eds-plain-nav call-tasks__all-link fs-sm\"\r\n      (click)=\"openActivities()\"\r\n    >\r\n      View all Activities\r\n    </button>\r\n  </header>\r\n\r\n  @if (loading()) {\r\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\" aria-busy=\"true\">\r\n      @for (_ of listSkeletonRows; track _) {\r\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\r\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 px-4 py-3\">\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\r\n            </div>\r\n            <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n          </div>\r\n        </li>\r\n      }\r\n    </ul>\r\n  } @else {\r\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-base\">\r\n      @for (item of previewActivities(); track item.id) {\r\n        <li class=\"call-tasks__item border-b border-base last:border-b-0\">\r\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-3 border-none bg-transparent px-4 py-3 text-left font-[inherit]\">\r\n            <div class=\"flex min-w-0 flex-col gap-1\">\r\n              <span\r\n                class=\"call-tasks__title min-w-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\"\r\n                [smartTooltip]=\"item.title || activityTypeLabel(item.type)\"\r\n                [tooltipOnlyWhenTruncated]=\"true\"\r\n              >{{ item.title || activityTypeLabel(item.type) }}</span>\r\n              <span\r\n                class=\"call-tasks__sub max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\"\r\n                [smartTooltip]=\"activitySubline(item)\"\r\n                [tooltipOnlyWhenTruncated]=\"true\"\r\n              >{{ activitySubline(item) }}</span>\r\n            </div>\r\n            <ed-badge-2 [attr.variant]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</ed-badge-2>\r\n          </div>\r\n        </li>\r\n      }\r\n    </ul>\r\n    @if (total() > previewLimit) {\r\n      <p class=\"call-tasks__more fs-sm text-light mt-3\">\r\n        +{{ total() - previewLimit }} more —\r\n        <button type=\"button\" class=\"eds-plain-nav call-tasks__all-link\" (click)=\"openActivities()\">\r\n          View all Activities\r\n        </button>\r\n      </p>\r\n    }\r\n  }\r\n</section>\r\n}\r\n","import { BadgeTone } from '../ui/eds-badge.component';\r\n\r\n/** Known history outcomes from GET /calls/history (HistoryCallDto.outcome). */\r\nexport const HISTORY_OUTCOMES = [\r\n  'completed',\r\n  'failed',\r\n  'transferred',\r\n  'escalated',\r\n] as const;\r\n\r\nexport type HistoryOutcome = (typeof HISTORY_OUTCOMES)[number] | 'custom';\r\n\r\nexport function normalizeHistoryOutcome(outcome: string): HistoryOutcome {\r\n  const key = outcome.trim().toLowerCase();\r\n  if ((HISTORY_OUTCOMES as readonly string[]).includes(key)) {\r\n    return key as HistoryOutcome;\r\n  }\r\n  return 'custom';\r\n}\r\n\r\n/** Badge tone for history table / detail — separate from lifecycle or live UI status. */\r\nexport function outcomeBadgeTone(outcome: string): BadgeTone {\r\n  switch (normalizeHistoryOutcome(outcome)) {\r\n    case 'completed':\r\n      return 'success';\r\n    case 'failed':\r\n      return 'danger';\r\n    case 'transferred':\r\n      return 'opened';\r\n    case 'escalated':\r\n      return 'danger';\r\n    default: {\r\n      const key = outcome.trim().toLowerCase();\r\n      if (key.includes('transfer')) return 'opened';\r\n      if (key.includes('fail') || key.includes('escalat') || key.includes('abandon')) return 'danger';\r\n      if (key.includes('voicemail')) return 'light';\r\n      if (key.includes('complete') || key.includes('book') || key.includes('task')) return 'success';\r\n      return 'primary';\r\n    }\r\n  }\r\n}\r\n\r\nexport function formatOutcomeLabel(outcome: string): string {\r\n  const trimmed = outcome.trim();\r\n  if (!trimmed) return 'Unknown';\r\n  const known = normalizeHistoryOutcome(trimmed);\r\n  if (known === 'custom') return trimmed;\r\n  return known.charAt(0).toUpperCase() + known.slice(1);\r\n}\r\n","import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit, signal } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\n\r\nimport { EdButtonComponent } from '../../ui/ed-button.component';\r\nimport { EdSkeletonComponent } from '../../ui/ed-skeleton.component';\r\nimport { EdAvatarComponent } from '../../ui/ed-avatar.component';\r\nimport { EdIconButtonComponent } from '../../ui/ed-icon-button.component';\r\n\r\nimport { CallConversationPanelComponent } from '../../components/call-conversation-panel/call-conversation-panel.component';\r\nimport { CallTasksPanelComponent } from '../../components/call-tasks-panel/call-tasks-panel.component';\r\nimport { HistoryDetail } from '../../models/ai-receptionist.types';\r\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\r\nimport { CallReviewService } from '../../services/call-review.service';\r\nimport { formatOutcomeLabel, outcomeBadgeTone } from '../../utils/call-outcome.util';\r\nimport {\r\n  isNeedsReview,\r\n} from '../../utils/call-review.util';\r\nimport { callerMetaLine, isUnknownCaller } from '../../utils/call-history-display.util';\r\nimport { IconComponent } from '../../ui/ed-icon.component';\r\nimport { ToastService } from '../../shared/toast.service';\r\nimport { formatPlaybackTime } from '../../utils/transcript-timing.util';\r\n\r\n@Component({\r\n    selector: 'eds-call-history-detail-page',\r\n    imports: [\r\n        IconComponent,\r\n        EdButtonComponent,\r\n        EdAvatarComponent,\r\n        EdIconButtonComponent,\r\n        CallConversationPanelComponent,\r\n        CallTasksPanelComponent,\r\n        EdSkeletonComponent,\r\n    ],\r\n    templateUrl: './call-history-detail-page.component.html',\r\n    styleUrl: './call-history-detail-page.component.scss',\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'block h-full min-h-0' },\r\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n})\r\nexport class CallHistoryDetailPageComponent implements OnInit {\r\n  private readonly api = inject(AiReceptionistApiService);\r\n  private readonly reviewService = inject(CallReviewService);\r\n  private readonly toast = inject(ToastService);\r\n  private readonly route = inject(ActivatedRoute);\r\n  private readonly router = inject(Router);\r\n\r\n  /** Parent shell route — back targets sibling `history`, not `history/history`. */\r\n  protected readonly historyListLink: string[] = ['history'];\r\n  protected readonly historyListRelativeTo = this.route.parent;\r\n\r\n  protected readonly detail = signal<HistoryDetail | null>(null);\r\n  protected readonly loading = signal(true);\r\n  protected readonly markingReview = signal(false);\r\n  protected readonly detailSkeletonRows = [0, 1, 2, 3, 4] as const;\r\n  protected readonly listSkeletonRows = [0, 1, 2] as const;\r\n\r\n  protected isNeedsReview = isNeedsReview;\r\n  protected outcomeTone = outcomeBadgeTone;\r\n  protected outcomeLabel = formatOutcomeLabel;\r\n  protected callerMetaLine = callerMetaLine;\r\n\r\n  protected isUnknownName(name: string | null | undefined): boolean {\r\n    return isUnknownCaller(name);\r\n  }\r\n\r\n  protected detailAvatarTone(detail: HistoryDetail): 'gray' | 'brand' {\r\n    return this.isUnknownName(detail.name) || detail.initials === '?' ? 'gray' : 'brand';\r\n  }\r\n\r\n  protected detailDirectionIcon(detail: HistoryDetail): string {\r\n    return detail.direction === 'inbound' ? 'call_received' : 'call_made';\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    const id = this.route.snapshot.paramMap.get('id') ?? '';\r\n    this.api.getCallDetail(id).subscribe(({ data }) => {\r\n      this.detail.set(data);\r\n      this.loading.set(false);\r\n    });\r\n  }\r\n\r\n  protected markReviewed(): void {\r\n    const d = this.detail();\r\n    if (!d || !isNeedsReview(d.review) || this.markingReview()) return;\r\n\r\n    this.markingReview.set(true);\r\n    const prev = d.review;\r\n    this.detail.update((current) =>\r\n      current ? { ...current, review: 'reviewed' } : current,\r\n    );\r\n\r\n    this.reviewService.markReviewed(d.id).subscribe({\r\n      next: () => {\r\n        this.markingReview.set(false);\r\n        this.toast.show('Call marked as reviewed', 'success');\r\n      },\r\n      error: () => {\r\n        this.markingReview.set(false);\r\n        this.detail.update((current) =>\r\n          current ? { ...current, review: prev } : current,\r\n        );\r\n        this.toast.show('Failed to mark call as reviewed', 'error');\r\n      },\r\n    });\r\n  }\r\n\r\n  protected refreshCallDetail(): void {\r\n    const id = this.detail()?.id;\r\n    if (!id) return;\r\n    this.api.getCallDetail(id).subscribe(({ data }) => {\r\n      if (data) this.detail.set(data);\r\n    });\r\n  }\r\n\r\n  protected goBack(): void {\r\n    void this.router.navigate(this.historyListLink, { relativeTo: this.historyListRelativeTo });\r\n  }\r\n\r\n  protected readonly formatDuration = formatPlaybackTime;\r\n\r\n  protected useRecordingDuration(seconds: number): void {\r\n    const duration = Math.max(0, Math.floor(seconds));\r\n    if (!duration) return;\r\n    this.detail.update((current) =>\r\n      current\r\n        ? {\r\n            ...current,\r\n            duration,\r\n            durationLabel: formatPlaybackTime(duration),\r\n          }\r\n        : current,\r\n    );\r\n  }\r\n}\r\n","<div class=\"flex h-full min-h-0 flex-col overflow-auto bg-lighter p-base call-history-detail-page\">\r\n  <div class=\"call-history-detail-page__body flex min-h-0 flex-1 flex-col\">\r\n\r\n  @if (loading()) {\r\n    <div class=\"flex flex-col gap-4\" aria-busy=\"true\">\r\n      <header class=\"mb-base flex items-center justify-between gap-md rounded-lg bg-white p-sm shadow-sm\">\r\n        <div class=\"flex items-center gap-md\">\r\n          <ed-skeleton class=\"h-5 w-5 !rounded\"></ed-skeleton>\r\n          <div class=\"flex items-center gap-xs\">\r\n            <ed-skeleton class=\"h-9 w-9 !rounded-md\"></ed-skeleton>\r\n            <div class=\"grid gap-2xs\">\r\n              <ed-skeleton class=\"h-4 w-40\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-3 w-48\"></ed-skeleton>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ed-skeleton class=\"h-8 w-36 !rounded-md\"></ed-skeleton>\r\n      </header>\r\n      <dl class=\"mx-0 mt-0 mb-5 grid grid-cols-2 gap-4\">\r\n        <div class=\"grid gap-2xs\">\r\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-5 w-24 !rounded-full\"></ed-skeleton>\r\n        </div>\r\n        <div class=\"grid gap-2xs\">\r\n          <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n          <ed-skeleton class=\"h-4 w-14\"></ed-skeleton>\r\n        </div>\r\n      </dl>\r\n      <div class=\"grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_280px]\">\r\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\r\n          <ed-skeleton class=\"h-4 w-28\"></ed-skeleton>\r\n          @for (_ of detailSkeletonRows; track _) {\r\n            <div class=\"grid gap-2xs\">\r\n              <ed-skeleton class=\"h-3 w-16\"></ed-skeleton>\r\n              <ed-skeleton class=\"h-10 w-full max-w-lg !rounded-md\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </div>\r\n        <div class=\"flex flex-col gap-3 rounded-lg border border-base bg-white p-4\">\r\n          <ed-skeleton class=\"h-4 w-36\"></ed-skeleton>\r\n          @for (_ of listSkeletonRows; track _) {\r\n            <div class=\"flex items-center justify-between gap-3 border-b border-base py-3 last:border-b-0\">\r\n              <div class=\"grid min-w-0 flex-1 gap-2xs\">\r\n                <ed-skeleton class=\"h-3 w-32\"></ed-skeleton>\r\n                <ed-skeleton class=\"h-3 w-40\"></ed-skeleton>\r\n              </div>\r\n              <ed-skeleton class=\"h-5 w-20 !rounded-full\"></ed-skeleton>\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    @if (detail(); as d) {\r\n    <header class=\"mb-base flex shrink-0 flex-wrap items-center justify-between gap-md rounded-lg bg-white p-sm shadow-sm\">\r\n      <div class=\"flex min-w-0 items-center gap-md\">\r\n        <ed-icon-button\r\n          name=\"caret_left\"\r\n          label=\"Go back to call history\"\r\n          size=\"xs\"\r\n          ghost\r\n          (click$)=\"goBack()\"\r\n        />\r\n        <div class=\"flex min-w-0 items-center gap-xs\">\r\n          <ed-avatar\r\n            shape=\"box\"\r\n            size=\"base\"\r\n            [initials]=\"isUnknownName(d.name) ? '?' : d.initials || '?'\"\r\n            [tone]=\"detailAvatarTone(d)\"\r\n          />\r\n          <div class=\"grid min-w-0 gap-2xs\">\r\n            <div class=\"flex min-w-0 flex-wrap items-center gap-xs\">\r\n              <span class=\"truncate text-dark\">{{ d.name }}</span>\r\n              @if (d.reason) {\r\n                <ed-badge-2 variant=\"primary\" pill uppercase>\r\n                  <span class=\"inline-flex items-center gap-2xs\">\r\n                    <ed-icon [name]=\"detailDirectionIcon(d)\" [size]=\"12\" color=\"currentColor\" />\r\n                    <span>{{ d.reason }}</span>\r\n                  </span>\r\n                </ed-badge-2>\r\n              }\r\n              <span class=\"inline-flex text-light\" aria-hidden=\"true\">\r\n                <ed-icon name=\"TagSimple\" [size]=\"14\" color=\"currentColor\" />\r\n              </span>\r\n            </div>\r\n            <p class=\"m-0 truncate text-light\">\r\n              {{\r\n                callerMetaLine({\r\n                  dob: d.dob,\r\n                  age: d.age,\r\n                  gender: d.gender,\r\n                  phone: d.phone,\r\n                  name: d.name,\r\n                })\r\n              }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      @if (isNeedsReview(d.review)) {\r\n        <ed-button\r\n          variant=\"primary\"\r\n          fill\r\n          size=\"sm\"\r\n          [disabled]=\"markingReview()\"\r\n          (click$)=\"markReviewed()\"\r\n        >\r\n          <ed-icon slot=\"prefix\" name=\"check_circle\" [size]=\"16\" />\r\n          {{ markingReview() ? 'Saving…' : 'Mark as reviewed' }}\r\n        </ed-button>\r\n      } @else if (d.review === 'reviewed') {\r\n        <ed-badge-2 variant=\"success\" pill uppercase>Reviewed</ed-badge-2>\r\n      }\r\n    </header>\r\n\r\n    <dl class=\"call-history-detail-page__meta mx-0 mt-0 mb-5 grid shrink-0 grid-cols-2 gap-4 sm:grid-cols-2\">\r\n      <div><dt class=\"fs-sm font-semibold text-light\">Outcome</dt><dd>\r\n        <ed-badge-2 [attr.variant]=\"outcomeTone(d.outcome)\">\r\n          {{ outcomeLabel(d.outcome) }}\r\n        </ed-badge-2>\r\n      </dd></div>\r\n      <div><dt class=\"fs-sm font-semibold text-light\">Duration</dt><dd>{{ d.durationLabel ?? formatDuration(d.duration) }}</dd></div>\r\n    </dl>\r\n\r\n    <eds-call-conversation-panel\r\n      [callId]=\"d.id\"\r\n      [summary]=\"d.summary\"\r\n      [transcript]=\"d.transcript\"\r\n      [tools]=\"d.tools\"\r\n      [callDurationSec]=\"d.duration\"\r\n      [callerName]=\"d.name\"\r\n      [callerMatched]=\"!isUnknownName(d.name)\"\r\n      (playbackDurationChange)=\"useRecordingDuration($event)\"\r\n      (summaryRegenerated)=\"refreshCallDetail()\"\r\n    >\r\n      <eds-call-tasks-panel\r\n        summary-side\r\n        [callId]=\"d.id\"\r\n        [compact]=\"true\"\r\n      />\r\n    </eds-call-conversation-panel>\r\n    } @else {\r\n      <p class=\"fs-sm text-light\">Call not found.</p>\r\n    }\r\n  }\r\n  </div>\r\n</div>\r\n"],"names":[],"mappings":"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"}