| """Renders a call's full transcript as attention-shaded HTML, driven by the per-turn |
| attention_weight values exported by src/evaluation/export_dashboard_data.py.""" |
|
|
| import html |
|
|
| from theme import BORDER_HAIRLINE, TEXT_SECONDARY |
|
|
| SECTION_LABELS = { |
| "operator_transition": "Operator", |
| "prepared_remarks": "Prepared Remarks", |
| "qa": "Q&A", |
| } |
|
|
|
|
| def _intensity_color(weight: float, max_weight: float) -> str: |
| """Accent-tinted background, opacity scaled by relative attention weight.""" |
| if max_weight <= 0: |
| return "transparent" |
| frac = min(weight / max_weight, 1.0) |
| alpha = 0.05 + 0.30 * frac |
| r, g, b = 255, 87, 34 |
| return f"rgba({r},{g},{b},{alpha:.3f})" |
|
|
|
|
| def render_full_transcript(turns: list[dict], selected_turn: int | None = None) -> str: |
| """Full ordered transcript, grouped into sections, each turn background-shaded by |
| its own attention weight relative to the call's max. |
| |
| `selected_turn`, when set, adds the `fl-timeline-selected` class to that turn's |
| block (used by the Workspace tab to sync highlighting with the Timeline/Evidence |
| panel).""" |
| if not turns: |
| return "<p>No transcript available.</p>" |
| max_w = max(t["attention_weight"] for t in turns) |
|
|
| blocks = [] |
| current_section = None |
| for t in turns: |
| section = SECTION_LABELS.get(t["segment_type"], t["segment_type"]) |
| if section != current_section: |
| blocks.append(f'<div class="fl-section-header">{html.escape(section)}</div>') |
| current_section = section |
| text = html.escape(t["text"]) |
| speaker = html.escape(t.get("speaker_name") or t["speaker_role"]) |
| bg = _intensity_color(t["attention_weight"], max_w) |
| selected_cls = " fl-timeline-selected" if t["turn_index"] == selected_turn else "" |
| xray_cls = " fl-xray-highlight" if t.get("is_risk_event") else "" |
| blocks.append( |
| f'<div class="fl-turn{selected_cls}{xray_cls}" id="turn-{t["turn_index"]}" data-turn-index="{t["turn_index"]}" ' |
| f'style="background:{bg}; border-left-color:{TEXT_SECONDARY};">' |
| f'<div class="fl-turn-meta">{speaker} ({t["speaker_role"]})</div>' |
| f'<div class="fl-turn-text">{text}</div>' |
| f"</div>" |
| ) |
| return ( |
| f'<div style="border:1px solid {BORDER_HAIRLINE}; padding:12px; max-height:520px; overflow-y:auto;">' |
| + "".join(blocks) |
| + "</div>" |
| ) |
|
|
