Dropbox: return video durations and image thumbnails

content-providers/src/providers/dropbox/DropboxConverters.ts

@@ -7,13 +7,27 @@ export function folderEntryToContentFolder(entry: DropboxFolderEntry, isLeaf?: b
 }
 
 export function fileEntryToContentFile(entry: DropboxFileEntry, url: string, downloadUrl?: string | null): ContentFile {
+  const mediaType = detectMediaType(entry.name);
+
+  // Videos: real duration from media_info (milliseconds). Images: intentionally no
+  // duration — playback apps keep them up until the operator advances.
+  const durationMs = entry.media_info?.metadata?.duration;
+  const seconds = mediaType === "video" && durationMs ? Math.round(durationMs / 1000) : undefined;
+
+  // Images are their own thumbnail (the shared raw link renders in an <img> tag).
+  // Videos get none here — Dropbox video thumbnails need an authed byte fetch;
+  // consumers can paint a first frame from the url instead.
+  const thumbnail = mediaType === "image" ? url : undefined;
+
   return {
     type: "file",
     id: entry.id,
     title: entry.name,
-    mediaType: detectMediaType(entry.name),
+    mediaType,
     url,
-    downloadUrl: downloadUrl || url
+    downloadUrl: downloadUrl || url,
+    seconds,
+    thumbnail
   };
 }
 

content-providers/src/providers/dropbox/DropboxInterfaces.ts

@@ -6,6 +6,18 @@ export interface DropboxFolderEntry {
   path_display: string;
 }
 
+export interface DropboxMediaMetadata {
+  ".tag": "photo" | "video";
+  /** Video duration in milliseconds. Only present for videos, and only once Dropbox has processed the file. */
+  duration?: number;
+  dimensions?: { height: number; width: number };
+}
+
+export interface DropboxMediaInfo {
+  ".tag": "metadata" | "pending";
+  metadata?: DropboxMediaMetadata;
+}
+
 export interface DropboxFileEntry {
   ".tag": "file";
   id: string;
@@ -14,6 +26,8 @@ export interface DropboxFileEntry {
   path_display: string;
   size: number;
   is_downloadable: boolean;
+  /** Present when list_folder is called with include_media_info: true. */
+  media_info?: DropboxMediaInfo;
 }
 
 export type DropboxEntry = DropboxFolderEntry | DropboxFileEntry;

content-providers/src/providers/dropbox/DropboxProvider.ts

@@ -57,7 +57,8 @@ export class DropboxProvider extends BaseProvider {
 
     const response = await this.dropboxPost<DropboxListFolderResponse>(
       "/2/files/list_folder",
-      { path: dropboxPath, recursive: false, include_media_info: false },
+      // include_media_info gives us video durations (media_info.metadata.duration)
+      { path: dropboxPath, recursive: false, include_media_info: true },
       auth
     );
     if (!response) return [];