@edvak99/voice-receptionist-widget 1.1.5 → 1.1.7

package/fesm2022/{edvak99-voice-receptionist-widget-call-history-detail-page.component-0rW-PPWM.mjs → edvak99-voice-receptionist-widget-call-history-detail-page.component-A-vx_M3l.mjs}

@@ -2,11 +2,10 @@ import * as i0 from '@angular/core';
 import { inject, input, output, viewChild, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterLink, ActivatedRoute } from '@angular/router';
 import { DatePipe } from '@angular/common';
-import { A as AiReceptionistApiService, g as toolEventTrackKey, l as activityTypeLabel, i as isUnknownCaller } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-srM0jC46.mjs';
-import { T as ToastService, a as EdsBadgeComponent, E as EdsIconComponent } from './edvak99-voice-receptionist-widget-edvak99-voice-receptionist-widget-JWqRMt9T.mjs';
-import { C as CallRecordingPlayerComponent } from './edvak99-voice-receptionist-widget-call-recording-player.component-DGg_nI--.mjs';
-import { E as EdsButtonComponent } from './edvak99-voice-receptionist-widget-eds-button.component-CAfTt7zB.mjs';
-import { C as CallReviewService } from './edvak99-voice-receptionist-widget-call-review.service-j_XV5a8S.mjs';
+import { A as AiReceptionistApiService, g as toolEventTrackKey, l as activityTypeLabel, i as isUnknownCaller } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-DokIb-9r.mjs';
+import { ToastService, EdsBadgeComponent, EdsButtonComponent, EdsIconComponent } from './edvak99-voice-receptionist-widget.mjs';
+import { C as CallRecordingPlayerComponent } from './edvak99-voice-receptionist-widget-call-recording-player.component-Pla2UgeZ.mjs';
+import { C as CallReviewService } from './edvak99-voice-receptionist-widget-call-review.service-Di7GLG9k.mjs';
 import { i as isNeedsReview } from './edvak99-voice-receptionist-widget-call-review.util-Deh3jPgo.mjs';
 
 /** Parse tool timestamp strings like "1:02" or "0:42" into seconds. */
@@ -223,7 +222,7 @@ class CallConversationPanelComponent {
         });
     }
     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" }, 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 flex-col gap-4\">\n  <div class=\"grid grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\n    <section class=\"eds-card p-4 shadow-sm\">\n      <div class=\"flex items-center justify-between gap-3\">\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()\">\n          <eds-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\n          <h2 class=\"eds-h2 m-0\">Call summary</h2>\n        </button>\n        @if (allowRegenerate()) {\n          <eds-button\n            variant=\"secondary\"\n            type=\"button\"\n            [disabled]=\"regenerating()\"\n            (click)=\"regenerateSummary()\"\n          >\n            <eds-icon name=\"autorenew\" [size]=\"18\" />\n            {{ regenerating() ? 'Regenerating\u2026' : 'Regenerate' }}\n          </eds-button>\n        }\n      </div>\n      @if (summaryExpanded() || displaySummary().length < 180) {\n        <p class=\"eds-body mt-2.5 leading-relaxed\">{{ displaySummary() }}</p>\n      } @else {\n        <p class=\"eds-body mt-2.5 line-clamp-2 leading-relaxed\">\n          {{ displaySummary() }}\n        </p>\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\n          (click)=\"toggleSummary()\"\n        >\n          Read full summary\n        </button>\n      }\n      @if (summaryMeta(); as meta) {\n        <p class=\"eds-body-sm mt-3 flex flex-wrap gap-3 text-zinc-500\">\n          @if (meta.model) {\n            <span>Model: {{ meta.model }}</span>\n          }\n          @if (meta.generatedAt) {\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\n          }\n          @if (meta.turnCount != null) {\n            <span>{{ meta.turnCount }} transcript turns</span>\n          }\n        </p>\n      }\n    </section>\n    <ng-content select=\"[summary-side]\" />\n  </div>\n\n  <section class=\"eds-card overflow-hidden bg-white p-0 shadow-sm\">\n    <eds-call-recording-player\n      [callId]=\"callId()\"\n      (currentTimeChange)=\"onPlaybackTime($event)\"\n      (durationChange)=\"onPlaybackDuration($event)\"\n    />\n  </section>\n\n  <div class=\"grid grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_300px]\">\n    <section class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-transcript-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-transcript-title\" class=\"eds-h2 m-0\">Transcript</h2>\n        @if (playbackDuration() > 0) {\n          <span class=\"eds-mono-sm text-zinc-500\">\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\n          </span>\n        }\n      </header>\n\n      <div #scrollHost class=\"flex max-h-[62vh] flex-col gap-3 overflow-y-auto rounded-xl border border-zinc-200 bg-zinc-50 p-3\" role=\"log\">\n        @for (line of timedLines(); track line.index) {\n          @if (line.who === 'system') {\n            <div\n              [class]=\"\n                'inline-flex max-w-[90%] items-center gap-2 self-center rounded-full bg-zinc-100 px-3 py-1.5 text-xs leading-snug text-zinc-500' +\n                (line.index === activeIndex() ? ' outline outline-2 outline-blue-200' : '')\n              \"\n              [attr.data-line-index]=\"line.index\"\n            >\n              <eds-icon name=\"info\" [size]=\"14\" />\n              <span>{{ line.text }}</span>\n            </div>\n          } @else {\n            <article\n              [class]=\"\n                'flex max-w-[72%] cursor-pointer gap-2.5 border-none bg-transparent p-0 text-left max-lg:max-w-[92%] ' +\n                (line.who === 'patient' ? 'mr-auto self-start' : 'ml-auto flex-row-reverse self-end')\n              \"\n              [attr.data-line-index]=\"line.index\"\n              [attr.data-who]=\"line.who\"\n              tabindex=\"0\"\n              role=\"button\"\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\n              (click)=\"seekLine(line)\"\n              (keyup.enter)=\"seekLine(line)\"\n            >\n              <div\n                [class]=\"\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full ' +\n                  (line.who === 'ai'\n                    ? 'call-conversation__avatar--ai text-white'\n                    : line.who === 'staff'\n                      ? 'border border-violet-200 bg-violet-50 text-violet-700'\n                      : 'bg-zinc-200 text-zinc-600')\n                \"\n              >\n                <eds-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n              </div>\n              <div\n                [class]=\"\n                  'flex min-w-0 flex-col gap-1 ' +\n                  (line.who === 'patient' ? 'items-start' : 'items-end')\n                \"\n              >\n                <span\n                  [class]=\"\n                    'inline-flex items-center gap-2 text-xs font-medium leading-none ' +\n                    (line.who === 'ai'\n                      ? 'text-blue-600'\n                      : line.who === 'staff'\n                        ? 'text-violet-700'\n                        : 'text-zinc-500')\n                  \"\n                >\n                  {{ roleLabel(line.who) }}\n                  <span class=\"font-mono text-xs font-normal leading-none text-zinc-400\">{{ formatTime(line.startSec) }}</span>\n                </span>\n                <div\n                  [class]=\"\n                    'rounded-xl border px-3.5 py-2 ' +\n                    (line.who === 'patient'\n                      ? 'rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border-zinc-200 bg-white'\n                      : line.who === 'staff'\n                        ? 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-violet-200 bg-violet-50'\n                        : 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-blue-200 bg-blue-50') +\n                    (line.index === activeIndex() ? ' ring-2 ring-blue-200' : '')\n                  \"\n                >\n                  <p\n                    [class]=\"\n                      'm-0 text-sm leading-snug ' +\n                      (line.who === 'staff' ? 'text-violet-900' : 'text-zinc-900')\n                    \"\n                  >{{ line.text }}</p>\n                </div>\n              </div>\n            </article>\n          }\n        } @empty {\n          <p class=\"eds-body-sm py-3 text-zinc-500\">No transcript available for this call.</p>\n        }\n      </div>\n    </section>\n\n    <aside class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-tools-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-tools-title\" class=\"eds-h2 m-0\">Tools used</h2>\n        <span class=\"eds-body-sm\">{{ tools().length }}</span>\n      </header>\n\n      <ul class=\"flex max-h-[62vh] list-none flex-col gap-2.5 overflow-y-auto p-0\">\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\n          <li\n            [class]=\"\n              'grid grid-cols-[auto_1fr_auto] items-start gap-2.5 rounded-md border-l-4 bg-zinc-50 p-2.5 ' +\n              (tool.state === 'ok'\n                ? 'border-l-green-500'\n                : tool.state === 'warn'\n                  ? 'border-l-amber-500'\n                  : tool.state === 'error'\n                    ? 'border-l-red-500'\n                    : tool.state === 'active'\n                      ? 'border-l-blue-600'\n                      : 'border-l-zinc-400')\n            \"\n          >\n            <span class=\"eds-mono-sm whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\n            <div class=\"flex min-w-0 flex-col gap-0.5\">\n              <span class=\"eds-body-sm-bold\">{{ tool.name }}</span>\n              <span class=\"eds-body-sm\">{{ tool.result }}</span>\n            </div>\n            <eds-badge [tone]=\"toolTone(tool.state)\">{{ tool.state }}</eds-badge>\n          </li>\n        } @empty {\n          <li class=\"eds-body-sm py-3 text-zinc-500\">No tool activity recorded.</li>\n        }\n      </ul>\n    </aside>\n  </div>\n</div>\n", styles: [".call-conversation__avatar--ai{background:linear-gradient(135deg,#2563eb,#8b5cf6)}\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: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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" }, 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 flex-col gap-4\">\n  <div class=\"grid grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\n    <section class=\"eds-card p-4 shadow-sm\">\n      <div class=\"flex items-center justify-between gap-3\">\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()\">\n          <eds-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\n          <h2 class=\"eds-h2 m-0\">Call summary</h2>\n        </button>\n        @if (allowRegenerate()) {\n          <eds-button\n            variant=\"secondary\"\n            type=\"button\"\n            [disabled]=\"regenerating()\"\n            (click)=\"regenerateSummary()\"\n          >\n            <eds-icon name=\"autorenew\" [size]=\"18\" />\n            {{ regenerating() ? 'Regenerating\u2026' : 'Regenerate' }}\n          </eds-button>\n        }\n      </div>\n      @if (summaryExpanded() || displaySummary().length < 180) {\n        <p class=\"eds-body mt-3 leading-relaxed\">{{ displaySummary() }}</p>\n      } @else {\n        <p class=\"eds-body mt-3 line-clamp-2 leading-relaxed\">\n          {{ displaySummary() }}\n        </p>\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\n          (click)=\"toggleSummary()\"\n        >\n          Read full summary\n        </button>\n      }\n      @if (summaryMeta(); as meta) {\n        <p class=\"eds-body-sm mt-3 flex flex-wrap gap-3 text-zinc-500\">\n          @if (meta.model) {\n            <span>Model: {{ meta.model }}</span>\n          }\n          @if (meta.generatedAt) {\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\n          }\n          @if (meta.turnCount != null) {\n            <span>{{ meta.turnCount }} transcript turns</span>\n          }\n        </p>\n      }\n    </section>\n    <ng-content select=\"[summary-side]\" />\n  </div>\n\n  <section class=\"eds-card overflow-hidden bg-white p-0 shadow-sm\">\n    <eds-call-recording-player\n      [callId]=\"callId()\"\n      (currentTimeChange)=\"onPlaybackTime($event)\"\n      (durationChange)=\"onPlaybackDuration($event)\"\n    />\n  </section>\n\n  <div class=\"grid grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_300px]\">\n    <section class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-transcript-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-transcript-title\" class=\"eds-h2 m-0\">Transcript</h2>\n        @if (playbackDuration() > 0) {\n          <span class=\"eds-mono-sm text-zinc-500\">\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\n          </span>\n        }\n      </header>\n\n      <div #scrollHost class=\"flex max-h-[62vh] flex-col gap-3 overflow-y-auto rounded-xl border border-zinc-200 bg-zinc-50 p-3\" role=\"log\">\n        @for (line of timedLines(); track line.index) {\n          @if (line.who === 'system') {\n            <div\n              [class]=\"\n                'inline-flex max-w-[90%] items-center gap-2 self-center rounded-full bg-zinc-100 px-3 py-2 text-xs leading-snug text-zinc-500' +\n                (line.index === activeIndex() ? ' outline outline-2 outline-blue-200' : '')\n              \"\n              [attr.data-line-index]=\"line.index\"\n            >\n              <eds-icon name=\"info\" [size]=\"14\" />\n              <span>{{ line.text }}</span>\n            </div>\n          } @else {\n            <article\n              [class]=\"\n                'flex max-w-[72%] cursor-pointer gap-3 border-none bg-transparent p-0 text-left max-lg:max-w-[92%] ' +\n                (line.who === 'patient' ? 'mr-auto self-start' : 'ml-auto flex-row-reverse self-end')\n              \"\n              [attr.data-line-index]=\"line.index\"\n              [attr.data-who]=\"line.who\"\n              tabindex=\"0\"\n              role=\"button\"\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\n              (click)=\"seekLine(line)\"\n              (keyup.enter)=\"seekLine(line)\"\n            >\n              <div\n                [class]=\"\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full ' +\n                  (line.who === 'ai'\n                    ? 'call-conversation__avatar--ai text-white'\n                    : line.who === 'staff'\n                      ? 'border border-violet-200 bg-violet-50 text-violet-700'\n                      : 'bg-zinc-200 text-zinc-600')\n                \"\n              >\n                <eds-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n              </div>\n              <div\n                [class]=\"\n                  'flex min-w-0 flex-col gap-1 ' +\n                  (line.who === 'patient' ? 'items-start' : 'items-end')\n                \"\n              >\n                <span\n                  [class]=\"\n                    'inline-flex items-center gap-2 text-xs font-medium leading-none ' +\n                    (line.who === 'ai'\n                      ? 'text-blue-600'\n                      : line.who === 'staff'\n                        ? 'text-violet-700'\n                        : 'text-zinc-500')\n                  \"\n                >\n                  {{ roleLabel(line.who) }}\n                  <span class=\"font-mono text-xs font-normal leading-none text-zinc-400\">{{ formatTime(line.startSec) }}</span>\n                </span>\n                <div\n                  [class]=\"\n                    'rounded-xl border px-4 py-2 ' +\n                    (line.who === 'patient'\n                      ? 'rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border-zinc-200 bg-white'\n                      : line.who === 'staff'\n                        ? 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-violet-200 bg-violet-50'\n                        : 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-blue-200 bg-blue-50') +\n                    (line.index === activeIndex() ? ' ring-2 ring-blue-200' : '')\n                  \"\n                >\n                  <p\n                    [class]=\"\n                      'm-0 text-sm leading-snug ' +\n                      (line.who === 'staff' ? 'text-violet-900' : 'text-zinc-900')\n                    \"\n                  >{{ line.text }}</p>\n                </div>\n              </div>\n            </article>\n          }\n        } @empty {\n          <p class=\"eds-body-sm py-3 text-zinc-500\">No transcript available for this call.</p>\n        }\n      </div>\n    </section>\n\n    <aside class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-tools-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-tools-title\" class=\"eds-h2 m-0\">Tools used</h2>\n        <span class=\"eds-body-sm\">{{ tools().length }}</span>\n      </header>\n\n      <ul class=\"flex max-h-[62vh] list-none flex-col gap-3 overflow-y-auto p-0\">\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\n          <li\n            [class]=\"\n              'grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-md border-l-4 bg-zinc-50 p-3 ' +\n              (tool.state === 'ok'\n                ? 'border-l-green-500'\n                : tool.state === 'warn'\n                  ? 'border-l-amber-500'\n                  : tool.state === 'error'\n                    ? 'border-l-red-500'\n                    : tool.state === 'active'\n                      ? 'border-l-blue-600'\n                      : 'border-l-zinc-400')\n            \"\n          >\n            <span class=\"eds-mono-sm whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span class=\"eds-body-sm-bold\">{{ tool.name }}</span>\n              <span class=\"eds-body-sm\">{{ tool.result }}</span>\n            </div>\n            <eds-badge [tone]=\"toolTone(tool.state)\">{{ tool.state }}</eds-badge>\n          </li>\n        } @empty {\n          <li class=\"eds-body-sm py-3 text-zinc-500\">No tool activity recorded.</li>\n        }\n      </ul>\n    </aside>\n  </div>\n</div>\n", styles: [".call-conversation__avatar--ai{background:linear-gradient(135deg,#2563eb,#8b5cf6)}\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: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallConversationPanelComponent, decorators: [{
             type: Component,
@@ -233,7 +232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         EdsBadgeComponent,
                         EdsButtonComponent,
                         EdsIconComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-4\">\n  <div class=\"grid grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\n    <section class=\"eds-card p-4 shadow-sm\">\n      <div class=\"flex items-center justify-between gap-3\">\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()\">\n          <eds-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\n          <h2 class=\"eds-h2 m-0\">Call summary</h2>\n        </button>\n        @if (allowRegenerate()) {\n          <eds-button\n            variant=\"secondary\"\n            type=\"button\"\n            [disabled]=\"regenerating()\"\n            (click)=\"regenerateSummary()\"\n          >\n            <eds-icon name=\"autorenew\" [size]=\"18\" />\n            {{ regenerating() ? 'Regenerating\u2026' : 'Regenerate' }}\n          </eds-button>\n        }\n      </div>\n      @if (summaryExpanded() || displaySummary().length < 180) {\n        <p class=\"eds-body mt-2.5 leading-relaxed\">{{ displaySummary() }}</p>\n      } @else {\n        <p class=\"eds-body mt-2.5 line-clamp-2 leading-relaxed\">\n          {{ displaySummary() }}\n        </p>\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\n          (click)=\"toggleSummary()\"\n        >\n          Read full summary\n        </button>\n      }\n      @if (summaryMeta(); as meta) {\n        <p class=\"eds-body-sm mt-3 flex flex-wrap gap-3 text-zinc-500\">\n          @if (meta.model) {\n            <span>Model: {{ meta.model }}</span>\n          }\n          @if (meta.generatedAt) {\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\n          }\n          @if (meta.turnCount != null) {\n            <span>{{ meta.turnCount }} transcript turns</span>\n          }\n        </p>\n      }\n    </section>\n    <ng-content select=\"[summary-side]\" />\n  </div>\n\n  <section class=\"eds-card overflow-hidden bg-white p-0 shadow-sm\">\n    <eds-call-recording-player\n      [callId]=\"callId()\"\n      (currentTimeChange)=\"onPlaybackTime($event)\"\n      (durationChange)=\"onPlaybackDuration($event)\"\n    />\n  </section>\n\n  <div class=\"grid grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_300px]\">\n    <section class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-transcript-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-transcript-title\" class=\"eds-h2 m-0\">Transcript</h2>\n        @if (playbackDuration() > 0) {\n          <span class=\"eds-mono-sm text-zinc-500\">\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\n          </span>\n        }\n      </header>\n\n      <div #scrollHost class=\"flex max-h-[62vh] flex-col gap-3 overflow-y-auto rounded-xl border border-zinc-200 bg-zinc-50 p-3\" role=\"log\">\n        @for (line of timedLines(); track line.index) {\n          @if (line.who === 'system') {\n            <div\n              [class]=\"\n                'inline-flex max-w-[90%] items-center gap-2 self-center rounded-full bg-zinc-100 px-3 py-1.5 text-xs leading-snug text-zinc-500' +\n                (line.index === activeIndex() ? ' outline outline-2 outline-blue-200' : '')\n              \"\n              [attr.data-line-index]=\"line.index\"\n            >\n              <eds-icon name=\"info\" [size]=\"14\" />\n              <span>{{ line.text }}</span>\n            </div>\n          } @else {\n            <article\n              [class]=\"\n                'flex max-w-[72%] cursor-pointer gap-2.5 border-none bg-transparent p-0 text-left max-lg:max-w-[92%] ' +\n                (line.who === 'patient' ? 'mr-auto self-start' : 'ml-auto flex-row-reverse self-end')\n              \"\n              [attr.data-line-index]=\"line.index\"\n              [attr.data-who]=\"line.who\"\n              tabindex=\"0\"\n              role=\"button\"\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\n              (click)=\"seekLine(line)\"\n              (keyup.enter)=\"seekLine(line)\"\n            >\n              <div\n                [class]=\"\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full ' +\n                  (line.who === 'ai'\n                    ? 'call-conversation__avatar--ai text-white'\n                    : line.who === 'staff'\n                      ? 'border border-violet-200 bg-violet-50 text-violet-700'\n                      : 'bg-zinc-200 text-zinc-600')\n                \"\n              >\n                <eds-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n              </div>\n              <div\n                [class]=\"\n                  'flex min-w-0 flex-col gap-1 ' +\n                  (line.who === 'patient' ? 'items-start' : 'items-end')\n                \"\n              >\n                <span\n                  [class]=\"\n                    'inline-flex items-center gap-2 text-xs font-medium leading-none ' +\n                    (line.who === 'ai'\n                      ? 'text-blue-600'\n                      : line.who === 'staff'\n                        ? 'text-violet-700'\n                        : 'text-zinc-500')\n                  \"\n                >\n                  {{ roleLabel(line.who) }}\n                  <span class=\"font-mono text-xs font-normal leading-none text-zinc-400\">{{ formatTime(line.startSec) }}</span>\n                </span>\n                <div\n                  [class]=\"\n                    'rounded-xl border px-3.5 py-2 ' +\n                    (line.who === 'patient'\n                      ? 'rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border-zinc-200 bg-white'\n                      : line.who === 'staff'\n                        ? 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-violet-200 bg-violet-50'\n                        : 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-blue-200 bg-blue-50') +\n                    (line.index === activeIndex() ? ' ring-2 ring-blue-200' : '')\n                  \"\n                >\n                  <p\n                    [class]=\"\n                      'm-0 text-sm leading-snug ' +\n                      (line.who === 'staff' ? 'text-violet-900' : 'text-zinc-900')\n                    \"\n                  >{{ line.text }}</p>\n                </div>\n              </div>\n            </article>\n          }\n        } @empty {\n          <p class=\"eds-body-sm py-3 text-zinc-500\">No transcript available for this call.</p>\n        }\n      </div>\n    </section>\n\n    <aside class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-tools-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-tools-title\" class=\"eds-h2 m-0\">Tools used</h2>\n        <span class=\"eds-body-sm\">{{ tools().length }}</span>\n      </header>\n\n      <ul class=\"flex max-h-[62vh] list-none flex-col gap-2.5 overflow-y-auto p-0\">\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\n          <li\n            [class]=\"\n              'grid grid-cols-[auto_1fr_auto] items-start gap-2.5 rounded-md border-l-4 bg-zinc-50 p-2.5 ' +\n              (tool.state === 'ok'\n                ? 'border-l-green-500'\n                : tool.state === 'warn'\n                  ? 'border-l-amber-500'\n                  : tool.state === 'error'\n                    ? 'border-l-red-500'\n                    : tool.state === 'active'\n                      ? 'border-l-blue-600'\n                      : 'border-l-zinc-400')\n            \"\n          >\n            <span class=\"eds-mono-sm whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\n            <div class=\"flex min-w-0 flex-col gap-0.5\">\n              <span class=\"eds-body-sm-bold\">{{ tool.name }}</span>\n              <span class=\"eds-body-sm\">{{ tool.result }}</span>\n            </div>\n            <eds-badge [tone]=\"toolTone(tool.state)\">{{ tool.state }}</eds-badge>\n          </li>\n        } @empty {\n          <li class=\"eds-body-sm py-3 text-zinc-500\">No tool activity recorded.</li>\n        }\n      </ul>\n    </aside>\n  </div>\n</div>\n", styles: [".call-conversation__avatar--ai{background:linear-gradient(135deg,#2563eb,#8b5cf6)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-col gap-4\">\n  <div class=\"grid grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\n    <section class=\"eds-card p-4 shadow-sm\">\n      <div class=\"flex items-center justify-between gap-3\">\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()\">\n          <eds-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\n          <h2 class=\"eds-h2 m-0\">Call summary</h2>\n        </button>\n        @if (allowRegenerate()) {\n          <eds-button\n            variant=\"secondary\"\n            type=\"button\"\n            [disabled]=\"regenerating()\"\n            (click)=\"regenerateSummary()\"\n          >\n            <eds-icon name=\"autorenew\" [size]=\"18\" />\n            {{ regenerating() ? 'Regenerating\u2026' : 'Regenerate' }}\n          </eds-button>\n        }\n      </div>\n      @if (summaryExpanded() || displaySummary().length < 180) {\n        <p class=\"eds-body mt-3 leading-relaxed\">{{ displaySummary() }}</p>\n      } @else {\n        <p class=\"eds-body mt-3 line-clamp-2 leading-relaxed\">\n          {{ displaySummary() }}\n        </p>\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\n          (click)=\"toggleSummary()\"\n        >\n          Read full summary\n        </button>\n      }\n      @if (summaryMeta(); as meta) {\n        <p class=\"eds-body-sm mt-3 flex flex-wrap gap-3 text-zinc-500\">\n          @if (meta.model) {\n            <span>Model: {{ meta.model }}</span>\n          }\n          @if (meta.generatedAt) {\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\n          }\n          @if (meta.turnCount != null) {\n            <span>{{ meta.turnCount }} transcript turns</span>\n          }\n        </p>\n      }\n    </section>\n    <ng-content select=\"[summary-side]\" />\n  </div>\n\n  <section class=\"eds-card overflow-hidden bg-white p-0 shadow-sm\">\n    <eds-call-recording-player\n      [callId]=\"callId()\"\n      (currentTimeChange)=\"onPlaybackTime($event)\"\n      (durationChange)=\"onPlaybackDuration($event)\"\n    />\n  </section>\n\n  <div class=\"grid grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_300px]\">\n    <section class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-transcript-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-transcript-title\" class=\"eds-h2 m-0\">Transcript</h2>\n        @if (playbackDuration() > 0) {\n          <span class=\"eds-mono-sm text-zinc-500\">\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\n          </span>\n        }\n      </header>\n\n      <div #scrollHost class=\"flex max-h-[62vh] flex-col gap-3 overflow-y-auto rounded-xl border border-zinc-200 bg-zinc-50 p-3\" role=\"log\">\n        @for (line of timedLines(); track line.index) {\n          @if (line.who === 'system') {\n            <div\n              [class]=\"\n                'inline-flex max-w-[90%] items-center gap-2 self-center rounded-full bg-zinc-100 px-3 py-2 text-xs leading-snug text-zinc-500' +\n                (line.index === activeIndex() ? ' outline outline-2 outline-blue-200' : '')\n              \"\n              [attr.data-line-index]=\"line.index\"\n            >\n              <eds-icon name=\"info\" [size]=\"14\" />\n              <span>{{ line.text }}</span>\n            </div>\n          } @else {\n            <article\n              [class]=\"\n                'flex max-w-[72%] cursor-pointer gap-3 border-none bg-transparent p-0 text-left max-lg:max-w-[92%] ' +\n                (line.who === 'patient' ? 'mr-auto self-start' : 'ml-auto flex-row-reverse self-end')\n              \"\n              [attr.data-line-index]=\"line.index\"\n              [attr.data-who]=\"line.who\"\n              tabindex=\"0\"\n              role=\"button\"\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\n              (click)=\"seekLine(line)\"\n              (keyup.enter)=\"seekLine(line)\"\n            >\n              <div\n                [class]=\"\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full ' +\n                  (line.who === 'ai'\n                    ? 'call-conversation__avatar--ai text-white'\n                    : line.who === 'staff'\n                      ? 'border border-violet-200 bg-violet-50 text-violet-700'\n                      : 'bg-zinc-200 text-zinc-600')\n                \"\n              >\n                <eds-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n              </div>\n              <div\n                [class]=\"\n                  'flex min-w-0 flex-col gap-1 ' +\n                  (line.who === 'patient' ? 'items-start' : 'items-end')\n                \"\n              >\n                <span\n                  [class]=\"\n                    'inline-flex items-center gap-2 text-xs font-medium leading-none ' +\n                    (line.who === 'ai'\n                      ? 'text-blue-600'\n                      : line.who === 'staff'\n                        ? 'text-violet-700'\n                        : 'text-zinc-500')\n                  \"\n                >\n                  {{ roleLabel(line.who) }}\n                  <span class=\"font-mono text-xs font-normal leading-none text-zinc-400\">{{ formatTime(line.startSec) }}</span>\n                </span>\n                <div\n                  [class]=\"\n                    'rounded-xl border px-4 py-2 ' +\n                    (line.who === 'patient'\n                      ? 'rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border-zinc-200 bg-white'\n                      : line.who === 'staff'\n                        ? 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-violet-200 bg-violet-50'\n                        : 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-blue-200 bg-blue-50') +\n                    (line.index === activeIndex() ? ' ring-2 ring-blue-200' : '')\n                  \"\n                >\n                  <p\n                    [class]=\"\n                      'm-0 text-sm leading-snug ' +\n                      (line.who === 'staff' ? 'text-violet-900' : 'text-zinc-900')\n                    \"\n                  >{{ line.text }}</p>\n                </div>\n              </div>\n            </article>\n          }\n        } @empty {\n          <p class=\"eds-body-sm py-3 text-zinc-500\">No transcript available for this call.</p>\n        }\n      </div>\n    </section>\n\n    <aside class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-tools-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-tools-title\" class=\"eds-h2 m-0\">Tools used</h2>\n        <span class=\"eds-body-sm\">{{ tools().length }}</span>\n      </header>\n\n      <ul class=\"flex max-h-[62vh] list-none flex-col gap-3 overflow-y-auto p-0\">\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\n          <li\n            [class]=\"\n              'grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-md border-l-4 bg-zinc-50 p-3 ' +\n              (tool.state === 'ok'\n                ? 'border-l-green-500'\n                : tool.state === 'warn'\n                  ? 'border-l-amber-500'\n                  : tool.state === 'error'\n                    ? 'border-l-red-500'\n                    : tool.state === 'active'\n                      ? 'border-l-blue-600'\n                      : 'border-l-zinc-400')\n            \"\n          >\n            <span class=\"eds-mono-sm whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span class=\"eds-body-sm-bold\">{{ tool.name }}</span>\n              <span class=\"eds-body-sm\">{{ tool.result }}</span>\n            </div>\n            <eds-badge [tone]=\"toolTone(tool.state)\">{{ tool.state }}</eds-badge>\n          </li>\n        } @empty {\n          <li class=\"eds-body-sm py-3 text-zinc-500\">No tool activity recorded.</li>\n        }\n      </ul>\n    </aside>\n  </div>\n</div>\n", styles: [".call-conversation__avatar--ai{background:linear-gradient(135deg,#2563eb,#8b5cf6)}\n"] }]
         }], ctorParameters: () => [] });
 
 const PREVIEW_LIMIT = 4;
@@ -286,11 +285,11 @@ class CallTasksPanelComponent {
         }
     }
     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: "<section class=\"call-tasks eds-card px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\n  <header class=\"mb-3.5 flex items-center justify-between gap-3\">\n    <h2 class=\"eds-h2\">Activities from this call</h2>\n    <a\n      routerLink=\"../activities\"\n      [queryParams]=\"{ callId: callId() }\"\n      class=\"call-tasks__all-link eds-body-sm\"\n    >\n      View all Activities\n    </a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm call-tasks__empty\">Loading activities\u2026</p>\n  } @else if (activities().length === 0) {\n    <p class=\"eds-body-sm call-tasks__empty\">No activities linked to this call.</p>\n  } @else {\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-[var(--eds-border-default,#e5e5e5)]\">\n      @for (item of previewActivities(); track item.id) {\n        <li class=\"call-tasks__item border-b border-[var(--eds-border-default,#e5e5e5)] last:border-b-0\">\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-2.5 border-none bg-transparent px-3.5 py-3 text-left font-[inherit]\">\n            <div class=\"flex min-w-0 flex-col gap-0.5\">\n              <span class=\"call-tasks__title min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\">{{ item.title || activityTypeLabel(item.type) }}</span>\n              <span class=\"call-tasks__sub overflow-hidden text-ellipsis whitespace-nowrap text-xs\">{{ activitySubline(item) }}</span>\n            </div>\n            <eds-badge [tone]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</eds-badge>\n          </div>\n        </li>\n      }\n    </ul>\n    @if (total() > previewLimit) {\n      <p class=\"call-tasks__more eds-body-sm mt-2.5\">\n        +{{ total() - previewLimit }} more \u2014\n        <a routerLink=\"../activities\" [queryParams]=\"{ callId: callId() }\" class=\"call-tasks__all-link\">\n          View all Activities\n        </a>\n      </p>\n    }\n  }\n</section>\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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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: "<section class=\"call-tasks eds-card px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\n  <header class=\"mb-4 flex items-center justify-between gap-3\">\n    <h2 class=\"eds-h2\">Activities from this call</h2>\n    <a\n      routerLink=\"../activities\"\n      [queryParams]=\"{ callId: callId() }\"\n      class=\"call-tasks__all-link eds-body-sm\"\n    >\n      View all Activities\n    </a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm call-tasks__empty\">Loading activities\u2026</p>\n  } @else if (activities().length === 0) {\n    <p class=\"eds-body-sm call-tasks__empty\">No activities linked to this call.</p>\n  } @else {\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-[var(--eds-border-default,#e5e5e5)]\">\n      @for (item of previewActivities(); track item.id) {\n        <li class=\"call-tasks__item border-b border-[var(--eds-border-default,#e5e5e5)] last:border-b-0\">\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]\">\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span class=\"call-tasks__title min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\">{{ item.title || activityTypeLabel(item.type) }}</span>\n              <span class=\"call-tasks__sub overflow-hidden text-ellipsis whitespace-nowrap text-xs\">{{ activitySubline(item) }}</span>\n            </div>\n            <eds-badge [tone]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</eds-badge>\n          </div>\n        </li>\n      }\n    </ul>\n    @if (total() > previewLimit) {\n      <p class=\"call-tasks__more eds-body-sm mt-3\">\n        +{{ total() - previewLimit }} more \u2014\n        <a routerLink=\"../activities\" [queryParams]=\"{ callId: callId() }\" class=\"call-tasks__all-link\">\n          View all Activities\n        </a>\n      </p>\n    }\n  }\n</section>\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: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: EdsBadgeComponent, selector: "eds-badge", inputs: ["tone"] }], 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: [RouterLink, EdsBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"call-tasks eds-card px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\n  <header class=\"mb-3.5 flex items-center justify-between gap-3\">\n    <h2 class=\"eds-h2\">Activities from this call</h2>\n    <a\n      routerLink=\"../activities\"\n      [queryParams]=\"{ callId: callId() }\"\n      class=\"call-tasks__all-link eds-body-sm\"\n    >\n      View all Activities\n    </a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm call-tasks__empty\">Loading activities\u2026</p>\n  } @else if (activities().length === 0) {\n    <p class=\"eds-body-sm call-tasks__empty\">No activities linked to this call.</p>\n  } @else {\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-[var(--eds-border-default,#e5e5e5)]\">\n      @for (item of previewActivities(); track item.id) {\n        <li class=\"call-tasks__item border-b border-[var(--eds-border-default,#e5e5e5)] last:border-b-0\">\n          <div class=\"call-tasks__row grid w-full grid-cols-[minmax(0,1fr)_auto] items-center gap-2.5 border-none bg-transparent px-3.5 py-3 text-left font-[inherit]\">\n            <div class=\"flex min-w-0 flex-col gap-0.5\">\n              <span class=\"call-tasks__title min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\">{{ item.title || activityTypeLabel(item.type) }}</span>\n              <span class=\"call-tasks__sub overflow-hidden text-ellipsis whitespace-nowrap text-xs\">{{ activitySubline(item) }}</span>\n            </div>\n            <eds-badge [tone]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</eds-badge>\n          </div>\n        </li>\n      }\n    </ul>\n    @if (total() > previewLimit) {\n      <p class=\"call-tasks__more eds-body-sm mt-2.5\">\n        +{{ total() - previewLimit }} more \u2014\n        <a routerLink=\"../activities\" [queryParams]=\"{ callId: callId() }\" class=\"call-tasks__all-link\">\n          View all Activities\n        </a>\n      </p>\n    }\n  }\n</section>\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"] }]
+            args: [{ selector: 'eds-call-tasks-panel', imports: [RouterLink, EdsBadgeComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"call-tasks eds-card px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\n  <header class=\"mb-4 flex items-center justify-between gap-3\">\n    <h2 class=\"eds-h2\">Activities from this call</h2>\n    <a\n      routerLink=\"../activities\"\n      [queryParams]=\"{ callId: callId() }\"\n      class=\"call-tasks__all-link eds-body-sm\"\n    >\n      View all Activities\n    </a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm call-tasks__empty\">Loading activities\u2026</p>\n  } @else if (activities().length === 0) {\n    <p class=\"eds-body-sm call-tasks__empty\">No activities linked to this call.</p>\n  } @else {\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-[var(--eds-border-default,#e5e5e5)]\">\n      @for (item of previewActivities(); track item.id) {\n        <li class=\"call-tasks__item border-b border-[var(--eds-border-default,#e5e5e5)] last:border-b-0\">\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]\">\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span class=\"call-tasks__title min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\">{{ item.title || activityTypeLabel(item.type) }}</span>\n              <span class=\"call-tasks__sub overflow-hidden text-ellipsis whitespace-nowrap text-xs\">{{ activitySubline(item) }}</span>\n            </div>\n            <eds-badge [tone]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</eds-badge>\n          </div>\n        </li>\n      }\n    </ul>\n    @if (total() > previewLimit) {\n      <p class=\"call-tasks__more eds-body-sm mt-3\">\n        +{{ total() - previewLimit }} more \u2014\n        <a routerLink=\"../activities\" [queryParams]=\"{ callId: callId() }\" class=\"call-tasks__all-link\">\n          View all Activities\n        </a>\n      </p>\n    }\n  }\n</section>\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). */
@@ -414,4 +413,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
         }] });
 
 export { CallHistoryDetailPageComponent };
-//# sourceMappingURL=edvak99-voice-receptionist-widget-call-history-detail-page.component-0rW-PPWM.mjs.map
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-history-detail-page.component-A-vx_M3l.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edvak99-voice-receptionist-widget-call-history-detail-page.component-A-vx_M3l.mjs","sources":["../../../projects/voice-receptionist-widget/src/lib/utils/transcript-timing.util.ts","../../../projects/voice-receptionist-widget/src/lib/components/call-conversation-panel/call-conversation-panel.component.ts","../../../projects/voice-receptionist-widget/src/lib/components/call-conversation-panel/call-conversation-panel.component.html","../../../projects/voice-receptionist-widget/src/lib/components/call-tasks-panel/call-tasks-panel.component.ts","../../../projects/voice-receptionist-widget/src/lib/components/call-tasks-panel/call-tasks-panel.component.html","../../../projects/voice-receptionist-widget/src/lib/utils/call-outcome.util.ts","../../../projects/voice-receptionist-widget/src/lib/pages/call-history-detail-page/call-history-detail-page.component.ts","../../../projects/voice-receptionist-widget/src/lib/pages/call-history-detail-page/call-history-detail-page.component.html"],"sourcesContent":["import { ToolEvent, TranscriptLine } from '../models/ai-receptionist.types';\n\nexport interface TimedTranscriptLine extends TranscriptLine {\n  startSec: number;\n  endSec: number;\n  index: number;\n}\n\n/** Parse tool timestamp strings like \"1:02\" or \"0:42\" into seconds. */\nexport function parseClockTime(value: string): number | null {\n  const trimmed = value?.trim();\n  if (!trimmed) return null;\n  const parts = trimmed.split(':').map((p) => Number(p));\n  if (parts.some((n) => Number.isNaN(n))) return null;\n  if (parts.length === 2) return parts[0] * 60 + parts[1];\n  if (parts.length === 3) return parts[0] * 3600 + parts[1] * 60 + parts[2];\n  return null;\n}\n\nfunction resolveLineStart(line: TranscriptLine): number | null {\n  if (line.at != null && line.at >= 0) return line.at;\n  const raw = line as TranscriptLine & { offsetSeconds?: number; startTime?: number };\n  if (raw.offsetSeconds != null && raw.offsetSeconds >= 0) return raw.offsetSeconds;\n  if (raw.startTime != null && raw.startTime >= 0) return raw.startTime;\n  return null;\n}\n\n/**\n * Assign start/end seconds to transcript lines for audio sync.\n * Uses explicit `at` when present; otherwise estimates from call duration.\n */\nexport function buildTimedTranscript(\n  lines: TranscriptLine[],\n  durationSeconds: number,\n): TimedTranscriptLine[] {\n  if (!lines.length) return [];\n\n  const total = Math.max(durationSeconds, 1);\n  const explicit = lines.map((line) => resolveLineStart(line));\n  const allExplicit = explicit.every((t) => t != null);\n\n  const starts: number[] = new Array(lines.length).fill(0);\n\n  if (allExplicit) {\n    for (let i = 0; i < lines.length; i += 1) {\n      starts[i] = explicit[i]!;\n    }\n  } else {\n    const speakableCount = lines.filter((l) => l.who !== 'system').length;\n    const step = total / Math.max(speakableCount, 1);\n    let speakableIdx = 0;\n\n    for (let i = 0; i < lines.length; i += 1) {\n      if (explicit[i] != null) {\n        starts[i] = explicit[i]!;\n        continue;\n      }\n      const line = lines[i];\n      if (line.who === 'system') {\n        starts[i] = i > 0 ? starts[i - 1] : 0;\n        continue;\n      }\n      starts[i] = speakableIdx * step;\n      speakableIdx += 1;\n    }\n  }\n\n  return lines.map((line, index) => {\n    const startSec = starts[index];\n    const nextStart = starts.slice(index + 1).find((s) => s > startSec);\n    const endSec = nextStart ?? total;\n    return { ...line, startSec, endSec: Math.max(endSec, startSec + 0.5), index };\n  });\n}\n\nexport function activeTranscriptIndex(lines: TimedTranscriptLine[], currentSec: number): number {\n  if (!lines.length || currentSec < 0) return -1;\n  for (let i = lines.length - 1; i >= 0; i -= 1) {\n    if (currentSec >= lines[i].startSec) return i;\n  }\n  return 0;\n}\n\nexport function formatPlaybackTime(seconds: number): string {\n  const s = Math.max(0, Math.floor(seconds));\n  const m = Math.floor(s / 60);\n  const r = s % 60;\n  return `${m}:${r.toString().padStart(2, '0')}`;\n}\n\nexport function toolStateClass(state: ToolEvent['state']): string {\n  const map: Record<ToolEvent['state'], string> = {\n    ok: 'call-conversation__tool--ok',\n    warn: 'call-conversation__tool--warn',\n    error: 'call-conversation__tool--error',\n    active: 'call-conversation__tool--active',\n  };\n  return map[state] ?? '';\n}\n\nexport function transcriptRoleLabel(\n  who: TranscriptLine['who'],\n  callerName?: string | null,\n  callerMatched?: boolean,\n): string {\n  if (who === 'patient') {\n    const name = String(callerName ?? '').trim();\n    if (!name || callerMatched === false || /^unknown/i.test(name) || name === '?') {\n      return 'Unknown caller';\n    }\n    return name;\n  }\n  const labels: Record<Exclude<TranscriptLine['who'], 'patient'>, string> = {\n    ai: 'AI receptionist',\n    staff: 'Staff',\n    system: 'System',\n  };\n  return labels[who] ?? who;\n}\n","import { DatePipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\n\nimport { ToolEvent, TranscriptLine, TranscriptWho } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { ToastService } from '../../shared/toast.service';\nimport {\n  activeTranscriptIndex,\n  buildTimedTranscript,\n  formatPlaybackTime,\n  TimedTranscriptLine,\n  transcriptRoleLabel,\n} from '../../utils/transcript-timing.util';\nimport { toolEventTrackKey } from '../../utils/tool-labels.util';\nimport { CallRecordingPlayerComponent } from '../call-recording-player/call-recording-player.component';\nimport { EdsBadgeComponent, type BadgeTone } from '../../ui/eds-badge.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\n\n@Component({\n  selector: 'eds-call-conversation-panel',\n  imports: [\n    DatePipe,\n    CallRecordingPlayerComponent,\n    EdsBadgeComponent,\n    EdsButtonComponent,\n    EdsIconComponent,\n  ],\n  templateUrl: './call-conversation-panel.component.html',\n  styleUrl: './call-conversation-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CallConversationPanelComponent {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly toast = inject(ToastService);\n\n  readonly callId = input.required<string>();\n  readonly summary = input.required<string>();\n  readonly transcript = input.required<TranscriptLine[]>();\n  readonly tools = input.required<ToolEvent[]>();\n  readonly callDurationSec = input(0);\n  readonly allowRegenerate = input(true);\n  readonly callerName = input<string | null>(null);\n  readonly callerMatched = input<boolean | null>(null);\n\n  readonly summaryRegenerated = output<void>();\n\n  private readonly player = viewChild(CallRecordingPlayerComponent);\n  private readonly scrollHost = viewChild<ElementRef<HTMLElement>>('scrollHost');\n\n  protected readonly currentTime = signal(0);\n  protected readonly playbackDuration = signal(0);\n  protected readonly summaryExpanded = signal(false);\n  private readonly regeneratedSummary = signal<string | null>(null);\n  protected readonly displaySummary = computed(\n    () => this.regeneratedSummary() ?? this.summary(),\n  );\n  protected readonly regenerating = signal(false);\n  protected readonly summaryMeta = signal<{\n    model?: string;\n    generatedAt?: string;\n    turnCount?: number;\n  } | null>(null);\n\n  protected readonly timedLines = computed(() =>\n    buildTimedTranscript(\n      this.transcript(),\n      this.playbackDuration() || this.callDurationSec() || 120,\n    ),\n  );\n\n  protected readonly activeIndex = computed(() =>\n    activeTranscriptIndex(this.timedLines(), this.currentTime()),\n  );\n\n  protected readonly hasExplicitTiming = computed(() =>\n    this.transcript().some((line) => line.at != null),\n  );\n\n  protected readonly formatTime = formatPlaybackTime;\n  protected readonly toolTrackKey = toolEventTrackKey;\n\n  protected roleLabel(who: TranscriptLine['who']): string {\n    return transcriptRoleLabel(who, this.callerName(), this.callerMatched() ?? undefined);\n  }\n\n  protected speakerIcon(who: TranscriptWho | string): string {\n    switch (who) {\n      case 'ai':\n        return 'graphic_eq';\n      case 'staff':\n        return 'support_agent';\n      case 'patient':\n        return 'person';\n      default:\n        return 'info';\n    }\n  }\n\n  protected toolTone(state: string): BadgeTone {\n    switch (state) {\n      case 'ok':\n        return 'pos';\n      case 'warn':\n        return 'notice';\n      case 'error':\n        return 'neg';\n      case 'active':\n        return 'brand';\n      default:\n        return 'gray';\n    }\n  }\n\n  constructor() {\n    effect(\n      () => {\n        this.callId();\n        this.regeneratedSummary.set(null);\n      },\n      { allowSignalWrites: true },\n    );\n\n    effect(() => {\n      const idx = this.activeIndex();\n      const host = this.scrollHost()?.nativeElement;\n      if (idx < 0 || !host) return;\n      const row = host.querySelector(`[data-line-index=\"${idx}\"]`);\n      if (row instanceof HTMLElement) {\n        row.scrollIntoView({ block: 'nearest', behavior: 'smooth' });\n      }\n    });\n  }\n\n  protected onPlaybackTime(sec: number): void {\n    this.currentTime.set(sec);\n  }\n\n  protected onPlaybackDuration(sec: number): void {\n    this.playbackDuration.set(sec);\n  }\n\n  protected seekLine(line: TimedTranscriptLine): void {\n    if (line.who === 'system') return;\n    this.player()?.seekTo(line.startSec);\n  }\n\n  protected toggleSummary(): void {\n    this.summaryExpanded.update((v) => !v);\n  }\n\n  protected regenerateSummary(): void {\n    if (this.regenerating()) return;\n\n    this.regenerating.set(true);\n    this.api.regenerateCallSummary(this.callId()).subscribe({\n      next: ({ data }) => {\n        this.regenerating.set(false);\n        this.regeneratedSummary.set(data.summary);\n        this.summaryExpanded.set(true);\n        this.summaryMeta.set({\n          model: data.summaryModel,\n          generatedAt: data.summaryGeneratedAt,\n          turnCount: data.transcriptTurnCount,\n        });\n        this.summaryRegenerated.emit();\n        this.toast.show('Call summary regenerated', 'success');\n      },\n      error: (err: { message?: string }) => {\n        this.regenerating.set(false);\n        this.toast.show(err.message ?? 'Failed to regenerate summary', 'error');\n      },\n    });\n  }\n}\n","<div class=\"flex flex-col gap-4\">\n  <div class=\"grid grid-cols-1 items-stretch gap-4 lg:grid-cols-2\">\n    <section class=\"eds-card p-4 shadow-sm\">\n      <div class=\"flex items-center justify-between gap-3\">\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()\">\n          <eds-icon [name]=\"summaryExpanded() ? 'expand_less' : 'expand_more'\" [size]=\"20\" />\n          <h2 class=\"eds-h2 m-0\">Call summary</h2>\n        </button>\n        @if (allowRegenerate()) {\n          <eds-button\n            variant=\"secondary\"\n            type=\"button\"\n            [disabled]=\"regenerating()\"\n            (click)=\"regenerateSummary()\"\n          >\n            <eds-icon name=\"autorenew\" [size]=\"18\" />\n            {{ regenerating() ? 'Regenerating…' : 'Regenerate' }}\n          </eds-button>\n        }\n      </div>\n      @if (summaryExpanded() || displaySummary().length < 180) {\n        <p class=\"eds-body mt-3 leading-relaxed\">{{ displaySummary() }}</p>\n      } @else {\n        <p class=\"eds-body mt-3 line-clamp-2 leading-relaxed\">\n          {{ displaySummary() }}\n        </p>\n        <button\n          type=\"button\"\n          class=\"cursor-pointer border-none bg-transparent px-0 pt-1 text-sm text-blue-600\"\n          (click)=\"toggleSummary()\"\n        >\n          Read full summary\n        </button>\n      }\n      @if (summaryMeta(); as meta) {\n        <p class=\"eds-body-sm mt-3 flex flex-wrap gap-3 text-zinc-500\">\n          @if (meta.model) {\n            <span>Model: {{ meta.model }}</span>\n          }\n          @if (meta.generatedAt) {\n            <span>Generated {{ meta.generatedAt | date: 'medium' }}</span>\n          }\n          @if (meta.turnCount != null) {\n            <span>{{ meta.turnCount }} transcript turns</span>\n          }\n        </p>\n      }\n    </section>\n    <ng-content select=\"[summary-side]\" />\n  </div>\n\n  <section class=\"eds-card overflow-hidden bg-white p-0 shadow-sm\">\n    <eds-call-recording-player\n      [callId]=\"callId()\"\n      (currentTimeChange)=\"onPlaybackTime($event)\"\n      (durationChange)=\"onPlaybackDuration($event)\"\n    />\n  </section>\n\n  <div class=\"grid grid-cols-1 items-start gap-4 lg:grid-cols-[1fr_300px]\">\n    <section class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-transcript-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-transcript-title\" class=\"eds-h2 m-0\">Transcript</h2>\n        @if (playbackDuration() > 0) {\n          <span class=\"eds-mono-sm text-zinc-500\">\n            {{ formatTime(currentTime()) }} / {{ formatTime(playbackDuration()) }}\n          </span>\n        }\n      </header>\n\n      <div #scrollHost class=\"flex max-h-[62vh] flex-col gap-3 overflow-y-auto rounded-xl border border-zinc-200 bg-zinc-50 p-3\" role=\"log\">\n        @for (line of timedLines(); track line.index) {\n          @if (line.who === 'system') {\n            <div\n              [class]=\"\n                'inline-flex max-w-[90%] items-center gap-2 self-center rounded-full bg-zinc-100 px-3 py-2 text-xs leading-snug text-zinc-500' +\n                (line.index === activeIndex() ? ' outline outline-2 outline-blue-200' : '')\n              \"\n              [attr.data-line-index]=\"line.index\"\n            >\n              <eds-icon name=\"info\" [size]=\"14\" />\n              <span>{{ line.text }}</span>\n            </div>\n          } @else {\n            <article\n              [class]=\"\n                'flex max-w-[72%] cursor-pointer gap-3 border-none bg-transparent p-0 text-left max-lg:max-w-[92%] ' +\n                (line.who === 'patient' ? 'mr-auto self-start' : 'ml-auto flex-row-reverse self-end')\n              \"\n              [attr.data-line-index]=\"line.index\"\n              [attr.data-who]=\"line.who\"\n              tabindex=\"0\"\n              role=\"button\"\n              [attr.aria-current]=\"line.index === activeIndex() ? 'true' : null\"\n              (click)=\"seekLine(line)\"\n              (keyup.enter)=\"seekLine(line)\"\n            >\n              <div\n                [class]=\"\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full ' +\n                  (line.who === 'ai'\n                    ? 'call-conversation__avatar--ai text-white'\n                    : line.who === 'staff'\n                      ? 'border border-violet-200 bg-violet-50 text-violet-700'\n                      : 'bg-zinc-200 text-zinc-600')\n                \"\n              >\n                <eds-icon [name]=\"speakerIcon(line.who)\" [size]=\"16\" />\n              </div>\n              <div\n                [class]=\"\n                  'flex min-w-0 flex-col gap-1 ' +\n                  (line.who === 'patient' ? 'items-start' : 'items-end')\n                \"\n              >\n                <span\n                  [class]=\"\n                    'inline-flex items-center gap-2 text-xs font-medium leading-none ' +\n                    (line.who === 'ai'\n                      ? 'text-blue-600'\n                      : line.who === 'staff'\n                        ? 'text-violet-700'\n                        : 'text-zinc-500')\n                  \"\n                >\n                  {{ roleLabel(line.who) }}\n                  <span class=\"font-mono text-xs font-normal leading-none text-zinc-400\">{{ formatTime(line.startSec) }}</span>\n                </span>\n                <div\n                  [class]=\"\n                    'rounded-xl border px-4 py-2 ' +\n                    (line.who === 'patient'\n                      ? 'rounded-tl rounded-tr-xl rounded-br-xl rounded-bl-xl border-zinc-200 bg-white'\n                      : line.who === 'staff'\n                        ? 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-violet-200 bg-violet-50'\n                        : 'rounded-tl-xl rounded-tr rounded-br-xl rounded-bl-xl border-blue-200 bg-blue-50') +\n                    (line.index === activeIndex() ? ' ring-2 ring-blue-200' : '')\n                  \"\n                >\n                  <p\n                    [class]=\"\n                      'm-0 text-sm leading-snug ' +\n                      (line.who === 'staff' ? 'text-violet-900' : 'text-zinc-900')\n                    \"\n                  >{{ line.text }}</p>\n                </div>\n              </div>\n            </article>\n          }\n        } @empty {\n          <p class=\"eds-body-sm py-3 text-zinc-500\">No transcript available for this call.</p>\n        }\n      </div>\n    </section>\n\n    <aside class=\"eds-card p-4 shadow-sm\" aria-labelledby=\"call-tools-title\">\n      <header class=\"mb-3 flex items-center justify-between gap-3\">\n        <h2 id=\"call-tools-title\" class=\"eds-h2 m-0\">Tools used</h2>\n        <span class=\"eds-body-sm\">{{ tools().length }}</span>\n      </header>\n\n      <ul class=\"flex max-h-[62vh] list-none flex-col gap-3 overflow-y-auto p-0\">\n        @for (tool of tools(); track toolTrackKey(tool, $index)) {\n          <li\n            [class]=\"\n              'grid grid-cols-[auto_1fr_auto] items-start gap-3 rounded-md border-l-4 bg-zinc-50 p-3 ' +\n              (tool.state === 'ok'\n                ? 'border-l-green-500'\n                : tool.state === 'warn'\n                  ? 'border-l-amber-500'\n                  : tool.state === 'error'\n                    ? 'border-l-red-500'\n                    : tool.state === 'active'\n                      ? 'border-l-blue-600'\n                      : 'border-l-zinc-400')\n            \"\n          >\n            <span class=\"eds-mono-sm whitespace-nowrap text-zinc-500\">{{ tool.t }}</span>\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span class=\"eds-body-sm-bold\">{{ tool.name }}</span>\n              <span class=\"eds-body-sm\">{{ tool.result }}</span>\n            </div>\n            <eds-badge [tone]=\"toolTone(tool.state)\">{{ tool.state }}</eds-badge>\n          </li>\n        } @empty {\n          <li class=\"eds-body-sm py-3 text-zinc-500\">No tool activity recorded.</li>\n        }\n      </ul>\n    </aside>\n  </div>\n</div>\n","import { ChangeDetectionStrategy, Component, computed, inject, input, OnInit, signal } from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\nimport {\n  AgentActivity,\n  activityTypeLabel,\n} from '../../models/agent-activity.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { EdsBadgeComponent } from '../../ui/eds-badge.component';\n\nconst PREVIEW_LIMIT = 4;\n\n@Component({\n  selector: 'eds-call-tasks-panel',\n  imports: [RouterLink, EdsBadgeComponent],\n  templateUrl: './call-tasks-panel.component.html',\n  styleUrl: './call-tasks-panel.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CallTasksPanelComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n\n  readonly callId = input.required<string>();\n  readonly compact = input(false);\n\n  protected readonly activities = signal<AgentActivity[]>([]);\n  protected readonly total = signal(0);\n  protected readonly loading = signal(true);\n  protected readonly previewLimit = PREVIEW_LIMIT;\n  protected readonly activityTypeLabel = activityTypeLabel;\n\n  protected readonly previewActivities = computed(() =>\n    this.activities().slice(0, PREVIEW_LIMIT),\n  );\n\n  ngOnInit(): void {\n    this.api\n      .getActivities({\n        callId: this.callId(),\n        page: 1,\n        limit: 50,\n      })\n      .subscribe({\n        next: ({ items, total }) => {\n          this.activities.set(items);\n          this.total.set(total);\n          this.loading.set(false);\n        },\n        error: () => this.loading.set(false),\n      });\n  }\n\n  protected activitySubline(item: AgentActivity): string {\n    const bits = [\n      item.patientName,\n      item.visitType,\n      item.providerName,\n    ].filter(Boolean);\n    return bits.join(' · ') || item.detail || '—';\n  }\n\n  protected activityTone(type: string): 'brand' | 'pos' | 'notice' | 'violet' | 'gray' {\n    switch (type) {\n      case 'appointment_booked':\n        return 'brand';\n      case 'patient_created':\n        return 'pos';\n      case 'task_created':\n        return 'notice';\n      default:\n        return 'gray';\n    }\n  }\n}\n","<section class=\"call-tasks eds-card px-5 py-4 mt-5 shadow-sm\" [class.call-tasks--compact]=\"compact()\">\n  <header class=\"mb-4 flex items-center justify-between gap-3\">\n    <h2 class=\"eds-h2\">Activities from this call</h2>\n    <a\n      routerLink=\"../activities\"\n      [queryParams]=\"{ callId: callId() }\"\n      class=\"call-tasks__all-link eds-body-sm\"\n    >\n      View all Activities\n    </a>\n  </header>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm call-tasks__empty\">Loading activities…</p>\n  } @else if (activities().length === 0) {\n    <p class=\"eds-body-sm call-tasks__empty\">No activities linked to this call.</p>\n  } @else {\n    <ul class=\"call-tasks__list overflow-hidden rounded-lg border border-[var(--eds-border-default,#e5e5e5)]\">\n      @for (item of previewActivities(); track item.id) {\n        <li class=\"call-tasks__item border-b border-[var(--eds-border-default,#e5e5e5)] last:border-b-0\">\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]\">\n            <div class=\"flex min-w-0 flex-col gap-1\">\n              <span class=\"call-tasks__title min-w-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold\">{{ item.title || activityTypeLabel(item.type) }}</span>\n              <span class=\"call-tasks__sub overflow-hidden text-ellipsis whitespace-nowrap text-xs\">{{ activitySubline(item) }}</span>\n            </div>\n            <eds-badge [tone]=\"activityTone(item.type)\">{{ activityTypeLabel(item.type) }}</eds-badge>\n          </div>\n        </li>\n      }\n    </ul>\n    @if (total() > previewLimit) {\n      <p class=\"call-tasks__more eds-body-sm mt-3\">\n        +{{ total() - previewLimit }} more —\n        <a routerLink=\"../activities\" [queryParams]=\"{ callId: callId() }\" class=\"call-tasks__all-link\">\n          View all Activities\n        </a>\n      </p>\n    }\n  }\n</section>\n","import { BadgeTone } from '../ui/eds-badge.component';\n\n/** Known history outcomes from GET /calls/history (HistoryCallDto.outcome). */\nexport const HISTORY_OUTCOMES = [\n  'completed',\n  'failed',\n  'transferred',\n  'escalated',\n] as const;\n\nexport type HistoryOutcome = (typeof HISTORY_OUTCOMES)[number] | 'custom';\n\nexport function normalizeHistoryOutcome(outcome: string): HistoryOutcome {\n  const key = outcome.trim().toLowerCase();\n  if ((HISTORY_OUTCOMES as readonly string[]).includes(key)) {\n    return key as HistoryOutcome;\n  }\n  return 'custom';\n}\n\n/** Badge tone for history table / detail — separate from lifecycle or live UI status. */\nexport function outcomeBadgeTone(outcome: string): BadgeTone {\n  switch (normalizeHistoryOutcome(outcome)) {\n    case 'completed':\n      return 'pos';\n    case 'failed':\n      return 'neg';\n    case 'transferred':\n      return 'violet';\n    case 'escalated':\n      return 'neg';\n    default: {\n      const key = outcome.trim().toLowerCase();\n      if (key.includes('transfer')) return 'violet';\n      if (key.includes('fail') || key.includes('escalat') || key.includes('abandon')) return 'neg';\n      if (key.includes('voicemail')) return 'gray';\n      if (key.includes('complete') || key.includes('book') || key.includes('task')) return 'pos';\n      return 'brand';\n    }\n  }\n}\n\nexport function formatOutcomeLabel(outcome: string): string {\n  const trimmed = outcome.trim();\n  if (!trimmed) return 'Unknown';\n  const known = normalizeHistoryOutcome(trimmed);\n  if (known === 'custom') return trimmed;\n  return known.charAt(0).toUpperCase() + known.slice(1);\n}\n","import { ChangeDetectionStrategy, Component, inject, OnInit, signal } from '@angular/core';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\n\nimport { CallConversationPanelComponent } from '../../components/call-conversation-panel/call-conversation-panel.component';\nimport { CallTasksPanelComponent } from '../../components/call-tasks-panel/call-tasks-panel.component';\nimport { HistoryDetail } from '../../models/ai-receptionist.types';\nimport { AiReceptionistApiService } from '../../services/ai-receptionist-api.service';\nimport { CallReviewService } from '../../services/call-review.service';\nimport { formatOutcomeLabel, outcomeBadgeTone } from '../../utils/call-outcome.util';\nimport {\n  isNeedsReview,\n} from '../../utils/call-review.util';\nimport { isUnknownCaller } from '../../utils/call-history-display.util';\nimport { EdsBadgeComponent } from '../../ui/eds-badge.component';\nimport { EdsButtonComponent } from '../../ui/eds-button.component';\nimport { EdsIconComponent } from '../../ui/eds-icon.component';\nimport { ToastService } from '../../shared/toast.service';\n\n@Component({\n    selector: 'eds-call-history-detail-page',\n    imports: [\n        RouterLink,\n        EdsBadgeComponent,\n        EdsButtonComponent,\n        EdsIconComponent,\n        CallConversationPanelComponent,\n        CallTasksPanelComponent,\n    ],\n    templateUrl: './call-history-detail-page.component.html',\n    styleUrl: './call-history-detail-page.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class CallHistoryDetailPageComponent implements OnInit {\n  private readonly api = inject(AiReceptionistApiService);\n  private readonly reviewService = inject(CallReviewService);\n  private readonly toast = inject(ToastService);\n  private readonly route = inject(ActivatedRoute);\n\n  protected readonly detail = signal<HistoryDetail | null>(null);\n  protected readonly loading = signal(true);\n  protected readonly markingReview = signal(false);\n\n  protected isNeedsReview = isNeedsReview;\n  protected outcomeTone = outcomeBadgeTone;\n  protected outcomeLabel = formatOutcomeLabel;\n\n  protected isUnknownName(name: string | null | undefined): boolean {\n    return isUnknownCaller(name);\n  }\n\n  ngOnInit(): void {\n    const id = this.route.snapshot.paramMap.get('id') ?? '';\n    this.api.getCallDetail(id).subscribe(({ data }) => {\n      this.detail.set(data);\n      this.loading.set(false);\n    });\n  }\n\n  protected markReviewed(): void {\n    const d = this.detail();\n    if (!d || !isNeedsReview(d.review) || this.markingReview()) return;\n\n    this.markingReview.set(true);\n    const prev = d.review;\n    this.detail.update((current) =>\n      current ? { ...current, review: 'reviewed' } : current,\n    );\n\n    this.reviewService.markReviewed(d.id).subscribe({\n      next: () => {\n        this.markingReview.set(false);\n        this.toast.show('Call marked as reviewed', 'success');\n      },\n      error: () => {\n        this.markingReview.set(false);\n        this.detail.update((current) =>\n          current ? { ...current, review: prev } : current,\n        );\n        this.toast.show('Failed to mark call as reviewed', 'error');\n      },\n    });\n  }\n\n  protected refreshCallDetail(): void {\n    const id = this.detail()?.id;\n    if (!id) return;\n    this.api.getCallDetail(id).subscribe(({ data }) => {\n      if (data) this.detail.set(data);\n    });\n  }\n\n  protected formatDuration(sec: number): string {\n    const m = Math.floor(sec / 60);\n    const s = sec % 60;\n    return `${m}:${s.toString().padStart(2, '0')}`;\n  }\n}\n","<div class=\"eds-page call-history-detail-page\">\n  <a routerLink=\"../history\" class=\"call-history-detail-page__back eds-body-sm mb-4 inline-flex items-center gap-1 no-underline\">\n    <eds-icon name=\"arrow_back\" [size]=\"18\" /> Back to history\n  </a>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading call detail…</p>\n  } @else if (detail()) {\n    <header class=\"mb-4 flex flex-wrap items-start justify-between gap-4\">\n      <div>\n        <h1 class=\"eds-h1\">{{ detail()!.name }}</h1>\n        <p class=\"eds-body-sm\">{{ detail()!.phone }} · {{ detail()!.reason }}</p>\n      </div>\n      @if (isNeedsReview(detail()!.review)) {\n        <eds-button\n          variant=\"primary\"\n          [disabled]=\"markingReview()\"\n          (click)=\"markReviewed()\"\n        >\n          <eds-icon name=\"check_circle\" [size]=\"18\" />\n          {{ markingReview() ? 'Saving…' : 'Mark as reviewed' }}\n        </eds-button>\n      }\n    </header>\n\n    <dl class=\"call-history-detail-page__meta mx-0 mt-0 mb-5 grid grid-cols-4 gap-4\">\n      <div><dt class=\"eds-label\">Outcome</dt><dd>\n        <eds-badge [tone]=\"outcomeTone(detail()!.outcome)\">\n          {{ outcomeLabel(detail()!.outcome) }}\n        </eds-badge>\n      </dd></div>\n      <div><dt class=\"eds-label\">Duration</dt><dd>{{ detail()!.durationLabel ?? formatDuration(detail()!.duration) }}</dd></div>\n      <div><dt class=\"eds-label\">Location</dt><dd>{{ detail()!.location }}</dd></div>\n      <div><dt class=\"eds-label\">When</dt><dd>{{ detail()!.whenLabel ?? '—' }}</dd></div>\n    </dl>\n\n    <eds-call-conversation-panel\n      [callId]=\"detail()!.id\"\n      [summary]=\"detail()!.summary\"\n      [transcript]=\"detail()!.transcript\"\n      [tools]=\"detail()!.tools\"\n      [callDurationSec]=\"detail()!.duration\"\n      [callerName]=\"detail()!.name\"\n      [callerMatched]=\"!isUnknownName(detail()!.name)\"\n      (summaryRegenerated)=\"refreshCallDetail()\"\n    >\n      <eds-call-tasks-panel\n        summary-side\n        [callId]=\"detail()!.id\"\n        [compact]=\"true\"\n      />\n    </eds-call-conversation-panel>\n  } @else {\n    <p class=\"eds-body-sm\">Call not found.</p>\n  }\n</div>\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,193 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { DatePipe } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { A as AiReceptionistApiService, D as DEFAULT_PAGE_SIZE, c as callerMetaLine, r as resultChipIcon, h as historyResultChips, b as historyResolution, a as historyResolutionLabel, k as totalPages } from './edvak99-voice-receptionist-widget-ai-receptionist-api.service-DokIb-9r.mjs';
+import { C as CallReviewService } from './edvak99-voice-receptionist-widget-call-review.service-Di7GLG9k.mjs';
+import { i as isNeedsReview } from './edvak99-voice-receptionist-widget-call-review.util-Deh3jPgo.mjs';
+import { E as EdsAvatarComponent } from './edvak99-voice-receptionist-widget-eds-avatar.component-BJs_TH8X.mjs';
+import { ToastService, EdsButtonComponent, EdsIconComponent } from './edvak99-voice-receptionist-widget.mjs';
+
+class CallHistoryPageComponent {
+    constructor() {
+        this.api = inject(AiReceptionistApiService);
+        this.reviewService = inject(CallReviewService);
+        this.toast = inject(ToastService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.pageSize = DEFAULT_PAGE_SIZE;
+        this.rows = signal([]);
+        this.total = signal(0);
+        this.page = signal(1);
+        this.loading = signal(true);
+        this.reviewingId = signal(null);
+        this.search = signal('');
+        this.direction = signal('');
+        this.outcome = signal('');
+        this.location = signal('');
+        this.reviewTab = signal('all');
+        this.reviewTabs = [
+            { id: 'all', label: 'All' },
+            { id: 'needs', label: 'Needs review' },
+            { id: 'reviewed', label: 'Reviewed' },
+        ];
+        this.isNeedsReview = isNeedsReview;
+        this.callerMetaLine = callerMetaLine;
+        this.resultChipIcon = resultChipIcon;
+        this.historyResultChips = historyResultChips;
+        this.historyResolution = historyResolution;
+        this.historyResolutionLabel = historyResolutionLabel;
+    }
+    ngOnInit() {
+        const reviewParam = this.route.snapshot.queryParamMap.get('review');
+        if (reviewParam === 'needs' || reviewParam === 'reviewed') {
+            this.reviewTab.set(reviewParam);
+        }
+        this.load();
+    }
+    load() {
+        this.loading.set(true);
+        const tab = this.reviewTab();
+        this.api
+            .getHistory({
+            q: this.search() || undefined,
+            dir: this.direction() || undefined,
+            outcome: this.outcome() || undefined,
+            location: this.location() || undefined,
+            review: tab === 'all' ? undefined : tab,
+            page: this.page(),
+            limit: DEFAULT_PAGE_SIZE,
+        })
+            .subscribe({
+            next: ({ items, total, page }) => {
+                this.rows.set(items);
+                this.total.set(total);
+                this.page.set(page);
+                this.loading.set(false);
+            },
+            error: () => this.loading.set(false),
+        });
+    }
+    applyFilters() {
+        this.page.set(1);
+        this.load();
+    }
+    setReviewTab(tab) {
+        this.reviewTab.set(tab);
+        this.page.set(1);
+        void this.router.navigate([], {
+            relativeTo: this.route,
+            queryParams: tab === 'all' ? { review: null } : { review: tab },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+        this.load();
+    }
+    tabBadgeCount(tab) {
+        if (tab !== 'needs' || this.reviewTab() !== 'needs')
+            return null;
+        const count = this.total();
+        return count > 0 ? count : null;
+    }
+    totalPages() {
+        return totalPages(this.total(), DEFAULT_PAGE_SIZE);
+    }
+    prevPage() {
+        if (this.page() <= 1)
+            return;
+        this.page.update((p) => p - 1);
+        this.load();
+    }
+    nextPage() {
+        if (this.page() >= this.totalPages())
+            return;
+        this.page.update((p) => p + 1);
+        this.load();
+    }
+    markReviewed(row, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!isNeedsReview(row.review) || this.reviewingId())
+            return;
+        this.reviewingId.set(row.id);
+        this.rows.update((list) => list.map((r) => (r.id === row.id ? { ...r, review: 'reviewed' } : r)));
+        this.reviewService.markReviewed(row.id).subscribe({
+            next: () => {
+                this.reviewingId.set(null);
+                this.toast.show('Call marked as reviewed', 'success');
+                if (this.reviewTab() === 'needs')
+                    this.load();
+            },
+            error: () => {
+                this.reviewingId.set(null);
+                this.rows.update((list) => list.map((r) => (r.id === row.id ? { ...r, review: 'needs' } : r)));
+                this.toast.show('Failed to mark call as reviewed', 'error');
+            },
+        });
+    }
+    formatDuration(sec) {
+        const m = Math.floor(sec / 60);
+        const s = sec % 60;
+        return `${m}:${s.toString().padStart(2, '0')}`;
+    }
+    openCallDetail(id) {
+        void this.router.navigate(['../history', id], { relativeTo: this.route });
+    }
+    avatarTone(row) {
+        if (!row.name?.trim() || /^unknown/i.test(row.name) || row.initials === '?')
+            return 'gray';
+        return 'brand';
+    }
+    resolutionOf(row) {
+        return historyResolution({ outcome: row.outcome, risk: row.risk });
+    }
+    exportCsv() {
+        const header = [
+            'id',
+            'name',
+            'phone',
+            'direction',
+            'goal',
+            'handledBy',
+            'outcome',
+            'results',
+            'duration',
+            'started',
+            'review',
+        ];
+        const csvRows = this.rows().map((r) => [
+            r.id,
+            r.name,
+            r.phone,
+            r.direction,
+            r.reason,
+            r.handledBy ?? '',
+            r.outcome,
+            (r.results ?? []).join('; '),
+            String(r.duration),
+            String(r.started),
+            r.review,
+        ]);
+        const csv = [header, ...csvRows]
+            .map((row) => row.map((cell) => `"${String(cell).replace(/"/g, '""')}"`).join(','))
+            .join('\n');
+        const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = `call-history-page-${this.page()}.csv`;
+        a.click();
+        URL.revokeObjectURL(url);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallHistoryPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: CallHistoryPageComponent, isStandalone: true, selector: "eds-call-history-page", ngImport: i0, template: "<div class=\"eds-page call-history-page\">\n  <header class=\"mb-5 flex items-start justify-between\">\n    <div>\n      <h1 class=\"eds-h1\">Call History</h1>\n      <p class=\"eds-body-sm\">Search and review completed conversations</p>\n    </div>\n    <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n      <eds-icon name=\"download\" [size]=\"18\" /> Export CSV\n    </eds-button>\n  </header>\n\n  <div class=\"eds-card mb-4 flex flex-wrap items-center gap-3 p-4 shadow-sm\">\n    <input\n      type=\"search\"\n      class=\"min-w-52 flex-1 rounded-md border border-zinc-200 px-3 py-2 text-sm\"\n      placeholder=\"Search name, phone, reason\u2026\"\n      [ngModel]=\"search()\"\n      (ngModelChange)=\"search.set($event)\"\n      (keyup.enter)=\"applyFilters()\"\n      autocomplete=\"off\"\n     />\n    <select\n      class=\"rounded-md border border-zinc-200 bg-white px-3 py-2 text-sm\"\n      [ngModel]=\"direction()\"\n      (ngModelChange)=\"direction.set($event)\"\n      autocomplete=\"off\"\n    >\n      <option value=\"\">All directions</option>\n      <option value=\"inbound\">Inbound</option>\n      <option value=\"outbound\">Outbound</option>\n    </select>\n    <input\n      type=\"text\"\n      class=\"rounded-md border border-zinc-200 bg-white px-3 py-2 text-sm\"\n      placeholder=\"Outcome\"\n      [ngModel]=\"outcome()\"\n      (ngModelChange)=\"outcome.set($event)\"\n      autocomplete=\"off\"\n     />\n    <input\n      type=\"text\"\n      class=\"rounded-md border border-zinc-200 bg-white px-3 py-2 text-sm\"\n      placeholder=\"Location\"\n      [ngModel]=\"location()\"\n      (ngModelChange)=\"location.set($event)\"\n      autocomplete=\"off\"\n     />\n    <eds-button variant=\"primary\" (click)=\"applyFilters()\">Apply</eds-button>\n  </div>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading history\u2026</p>\n  } @else {\n    <div class=\"eds-card overflow-x-auto p-0 shadow-sm\">\n      <table class=\"w-full min-w-5xl border-collapse\">\n        <thead>\n          <tr>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Time</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Patient/Caller</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\"></th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Goal Timeline</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Handled By</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Resolution</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Result</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Duration</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Reviewed</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of rows(); track row.id) {\n            <tr\n              class=\"cursor-pointer hover:[&>td]:bg-zinc-50 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-600\"\n              [class.call-history-page__row--needs-review]=\"isNeedsReview(row.review)\"\n              tabindex=\"0\"\n              role=\"link\"\n              [attr.aria-label]=\"'View call details for ' + row.name\"\n              (click)=\"openCallDetail(row.id)\"\n              (keyup.enter)=\"openCallDetail(row.id)\"\n            >\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <div class=\"flex flex-col gap-1 whitespace-nowrap\">\n                  @if (row.started) {\n                    <span class=\"text-sm font-semibold\">{{ row.started | date: 'shortTime' }}</span>\n                    <span class=\"text-xs text-zinc-500\">{{ row.started | date: 'MMM d, y' }}</span>\n                  } @else {\n                    <span class=\"text-sm font-semibold\">{{ row.whenLabel || '\u2014' }}</span>\n                  }\n                </div>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <div class=\"flex min-w-52 items-center gap-3\">\n                  <eds-avatar\n                    class=\"call-history-page__avatar\"\n                    [initials]=\"row.initials || '?'\"\n                    [tone]=\"avatarTone(row)\"\n                   />\n                  <div class=\"flex min-w-0 flex-col gap-1\">\n                    <span class=\"text-sm font-semibold text-zinc-900\">{{ row.name || 'Unknown Caller' }}</span>\n                    <span class=\"whitespace-nowrap text-xs text-zinc-500\">\n                      {{\n                        callerMetaLine({\n                          dob: row.dob,\n                          age: row.age,\n                          gender: row.gender,\n                          phone: row.phone,\n                          name: row.name,\n                        })\n                      }}\n                    </span>\n                  </div>\n                </div>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <span\n                  class=\"inline-flex h-7 w-7 items-center justify-center rounded-lg\"\n                  [class.bg-blue-50]=\"row.direction === 'inbound'\"\n                  [class.text-blue-600]=\"row.direction === 'inbound'\"\n                  [class.bg-violet-50]=\"row.direction === 'outbound'\"\n                  [class.text-violet-600]=\"row.direction === 'outbound'\"\n                  [attr.title]=\"row.direction === 'inbound' ? 'Inbound' : 'Outbound'\"\n                >\n                  <eds-icon\n                    [name]=\"row.direction === 'inbound' ? 'call_received' : 'call_made'\"\n                    [size]=\"16\"\n                   />\n                </span>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <span class=\"text-sm text-zinc-700\">{{ row.reason || '\u2014' }}</span>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <span\n                  class=\"inline-flex items-center rounded-md px-2 py-1 text-xs font-medium\"\n                  [class.bg-violet-50]=\"(row.handledBy || 'ai') === 'ai'\"\n                  [class.text-violet-600]=\"(row.handledBy || 'ai') === 'ai'\"\n                  [class.bg-blue-50]=\"row.handledBy === 'staff'\"\n                  [class.text-blue-600]=\"row.handledBy === 'staff'\"\n                >\n                  {{ row.handledBy === 'staff' ? 'STAFF' : 'AI' }}\n                </span>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                @if (resolutionOf(row); as resolution) {\n                  <span\n                    class=\"inline-flex items-center whitespace-nowrap rounded-full px-3 py-1 text-xs font-medium\"\n                    [class.bg-emerald-50]=\"resolution === 'resolved'\"\n                    [class.text-emerald-700]=\"resolution === 'resolved'\"\n                    [class.bg-orange-50]=\"resolution === 'needs_attention'\"\n                    [class.text-orange-700]=\"resolution === 'needs_attention'\"\n                  >\n                    {{ historyResolutionLabel(resolution) }}\n                  </span>\n                }\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <div class=\"flex max-w-64 flex-wrap gap-2\">\n                  @for (chip of historyResultChips(row.results, row.outcome); track chip) {\n                    <span class=\"inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-zinc-100 px-2 py-1 text-xs font-medium text-zinc-600\">\n                      <eds-icon [name]=\"resultChipIcon(chip)\" [size]=\"14\" />\n                      {{ chip }}\n                    </span>\n                  } @empty {\n                    <span class=\"text-sm text-zinc-500\">\u2014</span>\n                  }\n                </div>\n              </td>\n\n              <td class=\"whitespace-nowrap border-b border-slate-100 px-4 py-4 align-middle text-sm tabular-nums text-zinc-700\">\n                {{ row.durationLabel ?? formatDuration(row.duration) }}\n              </td>\n\n              <td class=\"w-14 border-b border-slate-100 px-4 py-4 text-center align-middle text-sm text-zinc-900\">\n                @if (row.review === 'reviewed') {\n                  <span class=\"inline-flex text-green-600\" title=\"Reviewed\">\n                    <eds-icon name=\"check_circle\" [size]=\"20\" />\n                  </span>\n                } @else {\n                  <button\n                    type=\"button\"\n                    class=\"cursor-pointer rounded-md border-none bg-transparent p-1 leading-none text-zinc-400 hover:bg-green-600/10 hover:text-green-600 disabled:cursor-wait disabled:opacity-50\"\n                    title=\"Mark as reviewed\"\n                    [disabled]=\"reviewingId() === row.id\"\n                    (click)=\"markReviewed(row, $event)\"\n                  >\n                    <eds-icon name=\"radio_button_unchecked\" [size]=\"20\" />\n                  </button>\n                }\n              </td>\n            </tr>\n          } @empty {\n            <tr>\n              <td colspan=\"9\" class=\"px-4 py-7 text-center text-sm text-zinc-500\">No calls match this filter.</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n\n  <footer class=\"mt-4 flex items-center justify-between border-t border-zinc-200 pt-3\">\n    <span class=\"eds-body-sm\">\n      Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n    </span>\n    <div class=\"flex gap-2\">\n      <eds-button variant=\"secondary\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</eds-button>\n      <eds-button variant=\"secondary\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</eds-button>\n    </div>\n  </footer>\n</div>\n", styles: [".call-history-page__row--needs-review td:first-child{box-shadow:inset 3px 0 #f59e0b}.call-history-page__avatar ::ng-deep .eds-avatar{width:36px;height:36px;border-radius:10px;font-size:12px}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: EdsAvatarComponent, selector: "eds-avatar", inputs: ["initials", "tone", "shape", "gradient"] }, { kind: "component", type: EdsButtonComponent, selector: "eds-button", inputs: ["variant", "type", "disabled"] }, { kind: "component", type: EdsIconComponent, selector: "eds-icon", inputs: ["name", "size", "fill", "weight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: CallHistoryPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eds-call-history-page', imports: [DatePipe, FormsModule, EdsAvatarComponent, EdsButtonComponent, EdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"eds-page call-history-page\">\n  <header class=\"mb-5 flex items-start justify-between\">\n    <div>\n      <h1 class=\"eds-h1\">Call History</h1>\n      <p class=\"eds-body-sm\">Search and review completed conversations</p>\n    </div>\n    <eds-button variant=\"secondary\" (click)=\"exportCsv()\">\n      <eds-icon name=\"download\" [size]=\"18\" /> Export CSV\n    </eds-button>\n  </header>\n\n  <div class=\"eds-card mb-4 flex flex-wrap items-center gap-3 p-4 shadow-sm\">\n    <input\n      type=\"search\"\n      class=\"min-w-52 flex-1 rounded-md border border-zinc-200 px-3 py-2 text-sm\"\n      placeholder=\"Search name, phone, reason\u2026\"\n      [ngModel]=\"search()\"\n      (ngModelChange)=\"search.set($event)\"\n      (keyup.enter)=\"applyFilters()\"\n      autocomplete=\"off\"\n     />\n    <select\n      class=\"rounded-md border border-zinc-200 bg-white px-3 py-2 text-sm\"\n      [ngModel]=\"direction()\"\n      (ngModelChange)=\"direction.set($event)\"\n      autocomplete=\"off\"\n    >\n      <option value=\"\">All directions</option>\n      <option value=\"inbound\">Inbound</option>\n      <option value=\"outbound\">Outbound</option>\n    </select>\n    <input\n      type=\"text\"\n      class=\"rounded-md border border-zinc-200 bg-white px-3 py-2 text-sm\"\n      placeholder=\"Outcome\"\n      [ngModel]=\"outcome()\"\n      (ngModelChange)=\"outcome.set($event)\"\n      autocomplete=\"off\"\n     />\n    <input\n      type=\"text\"\n      class=\"rounded-md border border-zinc-200 bg-white px-3 py-2 text-sm\"\n      placeholder=\"Location\"\n      [ngModel]=\"location()\"\n      (ngModelChange)=\"location.set($event)\"\n      autocomplete=\"off\"\n     />\n    <eds-button variant=\"primary\" (click)=\"applyFilters()\">Apply</eds-button>\n  </div>\n\n  @if (loading()) {\n    <p class=\"eds-body-sm\">Loading history\u2026</p>\n  } @else {\n    <div class=\"eds-card overflow-x-auto p-0 shadow-sm\">\n      <table class=\"w-full min-w-5xl border-collapse\">\n        <thead>\n          <tr>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Time</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Patient/Caller</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\"></th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Goal Timeline</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Handled By</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Resolution</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Result</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Duration</th>\n            <th class=\"whitespace-nowrap border-b border-zinc-200 bg-zinc-100 px-4 py-3 text-left text-sm font-semibold text-zinc-600\">Reviewed</th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of rows(); track row.id) {\n            <tr\n              class=\"cursor-pointer hover:[&>td]:bg-zinc-50 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-600\"\n              [class.call-history-page__row--needs-review]=\"isNeedsReview(row.review)\"\n              tabindex=\"0\"\n              role=\"link\"\n              [attr.aria-label]=\"'View call details for ' + row.name\"\n              (click)=\"openCallDetail(row.id)\"\n              (keyup.enter)=\"openCallDetail(row.id)\"\n            >\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <div class=\"flex flex-col gap-1 whitespace-nowrap\">\n                  @if (row.started) {\n                    <span class=\"text-sm font-semibold\">{{ row.started | date: 'shortTime' }}</span>\n                    <span class=\"text-xs text-zinc-500\">{{ row.started | date: 'MMM d, y' }}</span>\n                  } @else {\n                    <span class=\"text-sm font-semibold\">{{ row.whenLabel || '\u2014' }}</span>\n                  }\n                </div>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <div class=\"flex min-w-52 items-center gap-3\">\n                  <eds-avatar\n                    class=\"call-history-page__avatar\"\n                    [initials]=\"row.initials || '?'\"\n                    [tone]=\"avatarTone(row)\"\n                   />\n                  <div class=\"flex min-w-0 flex-col gap-1\">\n                    <span class=\"text-sm font-semibold text-zinc-900\">{{ row.name || 'Unknown Caller' }}</span>\n                    <span class=\"whitespace-nowrap text-xs text-zinc-500\">\n                      {{\n                        callerMetaLine({\n                          dob: row.dob,\n                          age: row.age,\n                          gender: row.gender,\n                          phone: row.phone,\n                          name: row.name,\n                        })\n                      }}\n                    </span>\n                  </div>\n                </div>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <span\n                  class=\"inline-flex h-7 w-7 items-center justify-center rounded-lg\"\n                  [class.bg-blue-50]=\"row.direction === 'inbound'\"\n                  [class.text-blue-600]=\"row.direction === 'inbound'\"\n                  [class.bg-violet-50]=\"row.direction === 'outbound'\"\n                  [class.text-violet-600]=\"row.direction === 'outbound'\"\n                  [attr.title]=\"row.direction === 'inbound' ? 'Inbound' : 'Outbound'\"\n                >\n                  <eds-icon\n                    [name]=\"row.direction === 'inbound' ? 'call_received' : 'call_made'\"\n                    [size]=\"16\"\n                   />\n                </span>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <span class=\"text-sm text-zinc-700\">{{ row.reason || '\u2014' }}</span>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <span\n                  class=\"inline-flex items-center rounded-md px-2 py-1 text-xs font-medium\"\n                  [class.bg-violet-50]=\"(row.handledBy || 'ai') === 'ai'\"\n                  [class.text-violet-600]=\"(row.handledBy || 'ai') === 'ai'\"\n                  [class.bg-blue-50]=\"row.handledBy === 'staff'\"\n                  [class.text-blue-600]=\"row.handledBy === 'staff'\"\n                >\n                  {{ row.handledBy === 'staff' ? 'STAFF' : 'AI' }}\n                </span>\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                @if (resolutionOf(row); as resolution) {\n                  <span\n                    class=\"inline-flex items-center whitespace-nowrap rounded-full px-3 py-1 text-xs font-medium\"\n                    [class.bg-emerald-50]=\"resolution === 'resolved'\"\n                    [class.text-emerald-700]=\"resolution === 'resolved'\"\n                    [class.bg-orange-50]=\"resolution === 'needs_attention'\"\n                    [class.text-orange-700]=\"resolution === 'needs_attention'\"\n                  >\n                    {{ historyResolutionLabel(resolution) }}\n                  </span>\n                }\n              </td>\n\n              <td class=\"border-b border-slate-100 px-4 py-4 align-middle text-sm text-zinc-900\">\n                <div class=\"flex max-w-64 flex-wrap gap-2\">\n                  @for (chip of historyResultChips(row.results, row.outcome); track chip) {\n                    <span class=\"inline-flex items-center gap-1 whitespace-nowrap rounded-md bg-zinc-100 px-2 py-1 text-xs font-medium text-zinc-600\">\n                      <eds-icon [name]=\"resultChipIcon(chip)\" [size]=\"14\" />\n                      {{ chip }}\n                    </span>\n                  } @empty {\n                    <span class=\"text-sm text-zinc-500\">\u2014</span>\n                  }\n                </div>\n              </td>\n\n              <td class=\"whitespace-nowrap border-b border-slate-100 px-4 py-4 align-middle text-sm tabular-nums text-zinc-700\">\n                {{ row.durationLabel ?? formatDuration(row.duration) }}\n              </td>\n\n              <td class=\"w-14 border-b border-slate-100 px-4 py-4 text-center align-middle text-sm text-zinc-900\">\n                @if (row.review === 'reviewed') {\n                  <span class=\"inline-flex text-green-600\" title=\"Reviewed\">\n                    <eds-icon name=\"check_circle\" [size]=\"20\" />\n                  </span>\n                } @else {\n                  <button\n                    type=\"button\"\n                    class=\"cursor-pointer rounded-md border-none bg-transparent p-1 leading-none text-zinc-400 hover:bg-green-600/10 hover:text-green-600 disabled:cursor-wait disabled:opacity-50\"\n                    title=\"Mark as reviewed\"\n                    [disabled]=\"reviewingId() === row.id\"\n                    (click)=\"markReviewed(row, $event)\"\n                  >\n                    <eds-icon name=\"radio_button_unchecked\" [size]=\"20\" />\n                  </button>\n                }\n              </td>\n            </tr>\n          } @empty {\n            <tr>\n              <td colspan=\"9\" class=\"px-4 py-7 text-center text-sm text-zinc-500\">No calls match this filter.</td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n  }\n\n  <footer class=\"mt-4 flex items-center justify-between border-t border-zinc-200 pt-3\">\n    <span class=\"eds-body-sm\">\n      Page {{ page() }} of {{ totalPages() }} \u00B7 {{ total() }} total\n    </span>\n    <div class=\"flex gap-2\">\n      <eds-button variant=\"secondary\" [disabled]=\"page() <= 1\" (click)=\"prevPage()\">Previous</eds-button>\n      <eds-button variant=\"secondary\" [disabled]=\"page() >= totalPages()\" (click)=\"nextPage()\">Next</eds-button>\n    </div>\n  </footer>\n</div>\n", styles: [".call-history-page__row--needs-review td:first-child{box-shadow:inset 3px 0 #f59e0b}.call-history-page__avatar ::ng-deep .eds-avatar{width:36px;height:36px;border-radius:10px;font-size:12px}\n"] }]
+        }] });
+
+export { CallHistoryPageComponent };
+//# sourceMappingURL=edvak99-voice-receptionist-widget-call-history-page.component-gROZVIt-.mjs.map