From 6b06a150db7c834bb754948419db74fe1ef82949 Mon Sep 17 00:00:00 2001
From: Sr Dev Agent <agent@recoupable.com>
Date: Mon, 13 Apr 2026 17:51:22 +0000
Subject: [PATCH] feat: update content page to show embedded videos instead of
 URL links

- Rename "Video Links" column header to "Videos"
- Display "Video" label links instead of raw URLs (now Slack permalinks)
- Update loading skeleton column label

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 components/ContentSlack/ContentSlackPage.tsx    | 2 +-
 components/ContentSlack/contentSlackColumns.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/ContentSlack/ContentSlackPage.tsx b/components/ContentSlack/ContentSlackPage.tsx
index 07e251d..646e095 100644
--- a/components/ContentSlack/ContentSlackPage.tsx
+++ b/components/ContentSlack/ContentSlackPage.tsx
@@ -49,7 +49,7 @@ export default function ContentSlackPage() {
       {isLoading && (
         <>
           <ChartSkeleton />
-          <TableSkeleton columns={["User", "Timestamp", "Prompt", "Video Links"]} />
+          <TableSkeleton columns={["User", "Timestamp", "Prompt", "Videos"]} />
         </>
       )}
 
diff --git a/components/ContentSlack/contentSlackColumns.tsx b/components/ContentSlack/contentSlackColumns.tsx
index 9666501..487963d 100644
--- a/components/ContentSlack/contentSlackColumns.tsx
+++ b/components/ContentSlack/contentSlackColumns.tsx
@@ -48,7 +48,7 @@ export const contentSlackColumns: ColumnDef<ContentSlackTag>[] = [
     id: "video_links",
     accessorFn: (row) => row.video_links.length,
     header: ({ column }) => (
-      <SortableHeader column={column} label="Video Links" />
+      <SortableHeader column={column} label="Videos" />
     ),
     cell: ({ row }) => {
       const links = row.original.video_links;
@@ -63,9 +63,9 @@ export const contentSlackColumns: ColumnDef<ContentSlackTag>[] = [
               href={link}
               target="_blank"
               rel="noopener noreferrer"
-              className="text-sm text-blue-600 hover:underline dark:text-blue-400 truncate max-w-xs"
+              className="text-sm text-blue-600 hover:underline dark:text-blue-400"
             >
-              {link}
+              Video {links.length > 1 ? i + 1 : ""}
             </a>
           ))}
         </div>