personal memory agent
Show stream name as segment detail header
The <h2> title in the transcript content panel now dynamically shows the selected segment's stream name (e.g. "archon", "import.plaud") instead of static text. Resets to "Transcripts" when no segment is selected. Removed the now-redundant stream badge from the subtitle range text and its orphaned CSS.
+5
-12
+5
-12
apps/transcripts/workspace.html
+5
-12
apps/transcripts/workspace.html
···
420
420
border: 1px solid #bef264;
421
421
}
422
422
423
-
.tr-stream-badge {
424
-
font-size: 11px;
425
-
color: #9ca3af;
426
-
}
427
-
428
423
.tr-zoom-empty {
429
424
position: absolute;
430
425
inset: 0;
···
863
858
<div class="tr-content">
864
859
<div class="tr-header">
865
860
<div>
866
-
<h2 class="tr-title">Transcript Preview</h2>
861
+
<h2 class="tr-title">Transcripts</h2>
867
862
<div class="tr-range-text" id="trRangeText">Select a segment to view</div>
868
863
</div>
869
864
<button type="button" id="trDeleteBtn" class="tr-delete-btn" title="Delete segment">
···
912
907
const zoomSegments = document.getElementById('trZoomSegments');
913
908
914
909
// Elements - content panel
910
+
const titleEl = document.querySelector('.tr-title');
915
911
const rangeText = document.getElementById('trRangeText');
916
912
const tabsContainer = document.getElementById('trTabs');
917
913
const panel = document.getElementById('trPanel');
···
1281
1277
const seg = selectedSegment;
1282
1278
let parts = [`${seg.start} - ${seg.end}`];
1283
1279
1284
-
if (seg.stream) {
1285
-
parts.push(`<span class="tr-stream-badge">${escapeHtml(seg.stream)}</span>`);
1286
-
}
1287
-
1288
1280
const costInfo = formatCost(segmentData.cost);
1289
1281
if (costInfo.text) {
1290
1282
parts.push(`<span title="${costInfo.title}">${costInfo.text}</span>`);
···
1502
1494
pill.classList.toggle('tr-active', pill.dataset.key === seg.key);
1503
1495
});
1504
1496
1505
-
// Update range text (stream badge added once segmentData loads via updateRangeText)
1506
-
rangeText.textContent = seg.stream ? `${seg.start} - ${seg.end} · ${seg.stream}` : `${seg.start} - ${seg.end}`;
1497
+
titleEl.textContent = seg.stream;
1498
+
rangeText.textContent = `${seg.start} - ${seg.end}`;
1507
1499
1508
1500
// Show delete button when segment is selected
1509
1501
deleteBtn.classList.add('visible');
···
2340
2332
history.replaceState(null, '', window.location.pathname);
2341
2333
2342
2334
// Reset UI
2335
+
titleEl.textContent = 'Transcripts';
2343
2336
rangeText.textContent = 'Select a segment to view';
2344
2337
tabsContainer.innerHTML = '';
2345
2338
tabsContainer.classList.remove('visible');