link to source video (mod only)

packages/components/src/api/media_files/GetMedia.ts

@@ -35,10 +35,15 @@ export interface MediaFile {
     },
     maybe_cover_image_public_bucket_path: string | null
   };
+  maybe_moderator_fields?: MediaFileModeratorFields;
   created_at: Date;
   updated_at: Date;
 }
 
+export interface MediaFileModeratorFields {
+  maybe_style_transfer_source_media_file_token?: string;
+}
+
 export interface GetMediaRequest {}
 
 export interface GetMediaResponse {

packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx

@@ -75,6 +75,7 @@ export default function MediaPage() {
     mediaFile?.maybe_creator_user?.user_token || ""
   );
 
+  const isModerator = canBanUsers() || false;
   const viewerCanMakeFeatured = canBanUsers() || false;
 
   // Inside MediaPage.tsx
@@ -251,6 +252,20 @@ export default function MediaPage() {
               </div>
             </>
           )}
+          {isModerator && mediaFile?.maybe_moderator_fields?.maybe_style_transfer_source_media_file_token && (
+            <>
+              <div className="d-flex gap-3 align-items-center mb-2 mt-3">
+                <h6 className="fw-semibold mb-0 flex-grow-1">Source Video</h6>
+              </div>
+              <div className="panel-inner p-2 rounded">
+                <p className="fs-7">
+                  <Link 
+                    to={`/media/${mediaFile?.maybe_moderator_fields?.maybe_style_transfer_source_media_file_token}`} 
+                    >Link to source (staff only)</Link>
+                </p>
+              </div>
+            </>
+          )}
         </Panel>
       )}
     </>