1 files changed, 6 insertions, 7 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/video-app.js b/packages/meshbay-hub/src/meshbay_hub/static/video-app.js
index 19b0f0f..4f52b16 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/video-app.js
+++ b/packages/meshbay-hub/src/meshbay_hub/static/video-app.js
@@ -4,6 +4,7 @@ import {
 import { t } from './i18n.js';
 import { Icon } from './icon.js';
 import { formatSize, pipelinedDownload } from './file-utils.js';
+import { SourceTag } from './group-name.js';
 
 // ── Videos ───────────────────────────────────────────────────────────────────
 //
@@ -319,6 +320,7 @@ function useSeasonMeta(transportRef, tmdbId, season, active) {
 
 function PosterCard({
   title, subtitle, repEntry, transportRef, gekRef, onOpen, groupKey, onMetaResolved, onNeedConn,
+  sourceEntries,
 }) {
   const tRef = repEntry._tRef || transportRef;
   const gRef = repEntry._gRef || gekRef;
@@ -402,9 +404,7 @@ function PosterCard({
             ${confident && meta.first_air_date ? yearOf(meta.first_air_date) : ''}
             ${subtitle ? ` · ${subtitle}` : ''}
           </div>
-          ${repEntry.groupName && html`
-            <div class="video-card-group">${repEntry.groupName}</div>
-          `}
+          <${SourceTag} entries=${sourceEntries || repEntry} cls="video-card-group" />
         </div>
       `}
     </div>
@@ -892,6 +892,7 @@ function PosterGrid({
           <${PosterCard} title=${e.display_title || e.name}
             subtitle=${formatDuration(e.duration)} repEntry=${e}
             groupKey=${`movie:${e.id}`}
+            sourceEntries=${e}
             transportRef=${transportRef} gekRef=${gekRef}
             onNeedConn=${onNeedConn}
             onOpen=${() => (tmdbEnabled
@@ -925,6 +926,7 @@ function PosterGrid({
           <${PosterCard} title=${s.title}
             subtitle=${subtitle}
             repEntry=${repEntry}
+            sourceEntries=${s.episodes}
             groupKey=${s.title}
             onMetaResolved=${handleMetaResolved}
             onNeedConn=${onNeedConn}
@@ -983,10 +985,7 @@ function FlatMovieRow({ entry, transportRef, gekRef, onPreview, seasonContext, o
           ${' · '}${formatSize(entry.size)}
         </div>
       </div>
-      ${entry.groupName && html`
-        <a href="#/group/${entry.groupId}" class="badge search-group-badge"
-          onClick=${(e) => e.stopPropagation()}>${entry.groupName}</a>
-      `}
+      <${SourceTag} entries=${entry} cls="badge search-group-badge" link=${true} />
     </div>
   `;
 }