1 files changed, 17 insertions, 8 deletions
diff --git a/src/features/messages.js b/src/features/messages.js
index ca560c3..6c6b48d 100644
--- a/src/features/messages.js
+++ b/src/features/messages.js
@@ -4541,7 +4541,7 @@ export function messagesFeature(ctx) {
   const momentsOn = (id, file) => [...(timedActivity.get(id)?.values() || [])]
     .filter(x => x.moment.url === mediaMoment(file, 0)?.url && !hiddenPk(x.ev.pubkey) && !isDeleted(x.ev))
     .sort((a, b) => a.moment.seconds - b.moment.seconds)
-    .map(x => ({ ...x, text: displayName(x.ev.kind === 9735 || x.ev.kind === 9737 ? zapperOf(x.ev) || x.ev.pubkey : x.ev.pubkey) + ' · ' + String(x.text || x.icon).slice(0, 240) }));
+    .map(x => ({ ...x, text: displayName(x.ev.kind === 9735 || x.ev.kind === 9737 ? zapperOf(x.ev) || x.ev.pubkey : x.ev.pubkey) + ' · ' + String(momentStripped(x.ev, x.text) || x.icon).slice(0, 240) }));
   // how a moment shows on a bar: a reaction as its emoji (a :code: as its
   // picture, from the reaction's own tag), a zap ⚡, a reply as its
   // author's face
@@ -4566,6 +4566,19 @@ export function messagesFeature(ctx) {
     }
     return null;
   }
+  // A comment made at a moment of a clip opens with its time as a link that
+  // plays the clip from there; the "[0:03] " other clients read as text is
+  // left out of the words beside it.
+  function momentLink(ev) {
+    const m = readMoment(ev);
+    if (!m) return null;
+    return h('a', { class: 'media-time-link', href: m.url + '#t=' + m.seconds, target: '_blank', rel: 'noopener noreferrer', onClick: e => {
+      e.stopPropagation();
+      const player = [...document.querySelectorAll('audio, video')].find(v => mediaMoment(v.dataset.clip || v.getAttribute('src'), 0)?.url === m.url);
+      if (player) { e.preventDefault(); const seek = () => { player.currentTime = Math.min(m.seconds, Number.isFinite(player.duration) ? player.duration : m.seconds); }; if (player.readyState) seek(); else player.addEventListener('loadedmetadata', seek, { once: true }); player.play().catch(() => {}); player.scrollIntoView({ block: 'center' }); }
+    } }, '▶ ' + mediaClock(m.seconds));
+  }
+  const momentStripped = (ev, text) => (readMoment(ev) ? String(text || '').replace(/^\s*\[\d{1,2}(?::\d{2}){1,2}\]\s*/, '') : text);
   const withMoment = (ev) => { const m = momentOf(ev); return m ? { ...ev, mediaMoment: m } : ev; };
   function attachMediaTimeline(player, url, explicitEvent) {
     if (player._timeline) return;
@@ -12080,13 +12093,9 @@ export function messagesFeature(ctx) {
               zapText(ev) ? h('div', {}, ...noteBody(zapText(ev))) : null)
         : foreign
           ? h('div', { class: 'note-text small muted', style: 'white-space:pre-wrap;overflow-wrap:anywhere' }, (ev.kind === 64 ? '\u265f ' : '') + altText)
-          : h('div', { class: 'note-text', style: 'white-space:pre-wrap;overflow-wrap:anywhere' }, ...(ev.kind === ARTICLE ? (open ? [articleCard(ev)] : articleBody(ev)) : noteBody(shownTranslation(ev)?.text ?? noteText(ev), 0, noteEmojiTags(ev)))),
-        readMoment(ev) ? h('a', { class: 'small media-time-link', href: readMoment(ev).url + '#t=' + readMoment(ev).seconds, target: '_blank', rel: 'noopener noreferrer', onClick: e => {
-          e.stopPropagation();
-          const m = readMoment(ev);
-          const player = [...document.querySelectorAll('audio, video')].find(v => mediaMoment(v.dataset.clip || v.getAttribute('src'), 0)?.url === m.url);
-          if (player) { e.preventDefault(); const seek = () => { player.currentTime = Math.min(m.seconds, Number.isFinite(player.duration) ? player.duration : m.seconds); }; if (player.readyState) seek(); else player.addEventListener('loadedmetadata', seek, { once: true }); player.play().catch(() => {}); player.scrollIntoView({ block: 'center' }); }
-        } }, '▶ ' + mediaClock(readMoment(ev).seconds)) : null,
+          : h('div', { class: 'note-text', style: 'white-space:pre-wrap;overflow-wrap:anywhere' },
+              momentLink(ev),
+              ...(ev.kind === ARTICLE ? (open ? [articleCard(ev)] : articleBody(ev)) : noteBody(momentStripped(ev, shownTranslation(ev)?.text ?? noteText(ev)), 0, noteEmojiTags(ev)))),
         foreign || pending ? null : translateLine(ev),
         ev.kind === POLL ? pollBox(ev) : null,
         pending ? null : noteActions(pk, ev, { canZap }),