@droppii-org/chat-mobile 0.2.23 → 0.2.24

package/src/screens/chat-detail/ChatDetail.tsx

@@ -1,4 +1,4 @@
-import { memo, useState, useCallback, useEffect, useMemo, useRef } from 'react';
+import { memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import { Platform, StyleSheet } from 'react-native';
 
 import { KeyboardAvoidingView } from 'react-native-keyboard-controller';
@@ -14,24 +14,13 @@ import { useConversation, useConversationStore } from '../../store';
 import ChatDetailHeader from './ChatDetailHeader';
 import { ChatListLegend } from './ChatListLegend';
 import { ChatComposer } from './ChatComposer';
-import {
-  DEFAULT_ATTACHMENT_ACTIONS,
-  DEFAULT_Chat_QUICK_ACTIONS,
-} from './constants';
 import {
   getConversationAvatarUri,
   getConversationSubtitle,
   getConversationTitle,
   shouldShowAddMember,
 } from './conversationHeader.utils';
-import type {
-  ChatDetailProps,
-  DChatQuickAction,
-  DChatAttachmentAction,
-} from './types';
-import { useSendMessage } from '../../hooks/message/useSendMessage';
-import type { IUrlMetadata } from '../../types/common';
-import { useMessageStore } from '../../store/message';
+import type { ChatDetailProps } from './types';
 import { ChatDetailProvider } from '../../context/ChatDetailContext';
 import { normalizeUrl } from '../../utils/url';
 
@@ -50,58 +39,27 @@ const ChatDetail = memo(
     onPressAddMember,
     onPressMenu,
     onPressAvatar,
-    showQuickActions = true,
-    quickActions,
-    inputPlaceholder,
-    onChangeInput,
-    onPressAttach,
-    onPressEmoji,
-    attachmentActions,
-    onQuickActionPress,
-    onAttachmentAction,
-    renderQuickAction,
-    renderQuickActions,
-    renderAttachmentAction,
-    attachmentColumns,
     onPressUrl,
     customMessageItemFactory,
   }: ChatDetailProps) => {
     const navigation = useNavigation();
-    const [internalInput, setInternalInput] = useState<string>('');
     const mediaViewerRef = useRef<MediaViewerModalHandle>(null);
     const conversation = useConversation(conversationId);
-    // const user = conversation?.peer;
 
-    // Default handlers when props not provided
     const handleBackDefault = useCallback(() => {
       navigation.goBack();
     }, [navigation]);
 
-    const quickActionsDefault = useMemo<DChatQuickAction[]>(
-      () =>
-        DEFAULT_Chat_QUICK_ACTIONS.map((action) => ({
-          ...action,
-          onPress: () => {
-            console.log('[quick-action]', action.id);
-          },
-        })),
-      []
-    );
-
-    const attachmentActionsDefault = useMemo<DChatAttachmentAction[]>(
-      () =>
-        DEFAULT_ATTACHMENT_ACTIONS.map((action) => ({
-          ...action,
-          onPress: () => {
-            console.log('[attachment-action]', action.id);
-          },
-        })),
+    const handleMediaPress = useCallback(
+      (
+        items: Parameters<MediaViewerModalHandle['show']>[0],
+        index?: number
+      ) => {
+        mediaViewerRef.current?.show(items, index);
+      },
       []
     );
 
-    const { sendMessage } = useSendMessage();
-    const { pushNewMessage } = useMessageStore();
-
     const {
       messages,
       currentUserId,
@@ -109,25 +67,7 @@ const ChatDetail = memo(
       isLoading,
       isLoadingEarlier,
       hasMoreEarlier,
-    } = useChatMessages({
-      conversationId,
-      enabled,
-    });
-
-    // Callback for attachment messages - add them to the message list
-    const handleAttachmentMessageSent = useCallback(
-      (message: any) => {
-        if (__DEV__)
-          console.log('[ChatDetail] Attachment message received:', {
-            clientMsgID: message?.clientMsgID,
-            contentType: message?.contentType,
-          });
-        if (message) {
-          pushNewMessage(message);
-        }
-      },
-      [pushNewMessage]
-    );
+    } = useChatMessages({ conversationId, enabled });
 
     useEffect(() => {
       useConversationStore.getState().setCurrentConversation(conversationId);
@@ -140,84 +80,18 @@ const ChatDetail = memo(
     const resolvedShowAddMember =
       showAddMember ?? shouldShowAddMember(conversation);
     const resolvedSubtitle = useMemo(() => {
-      if (subtitle !== undefined) {
-        return subtitle;
-      }
-
-      if (getSubtitle && conversation) {
-        return getSubtitle(conversation);
-      }
-
+      if (subtitle !== undefined) return subtitle;
+      if (getSubtitle && conversation) return getSubtitle(conversation);
       return getConversationSubtitle(conversation);
     }, [conversation, getSubtitle, subtitle]);
 
-    const currentInput = internalInput;
-
-    const handleChangeText = useCallback(
-      (text?: string) => {
-        const newText = text ?? '';
-        if (onChangeInput) {
-          onChangeInput(newText);
-        } else {
-          setInternalInput(newText);
-        }
-      },
-      [onChangeInput]
-    );
-
-    const handleSend = useCallback(
-      async (urlMetadata?: any) => {
-        // Support captured text passed from attachment handler
-        const capturedText = (urlMetadata as any)?._capturedText;
-        const cleanMetadata = capturedText
-          ? (({ _capturedText, ...rest }) => rest)(urlMetadata)
-          : (urlMetadata as IUrlMetadata);
-
-        const text = (capturedText || currentInput).trim();
-
-        // Validate: must have text OR preview metadata (text is optional if preview exists)
-        // If metadata exists, trust it (useLinkPreview is responsible for validity)
-        if (!text && !cleanMetadata) {
-          if (__DEV__)
-            console.warn('[ChatDetail] No text or preview link to send');
-          return;
-        }
-
-        // Log if metadata seems incomplete
-        if (cleanMetadata && !cleanMetadata.url) {
-          if (__DEV__)
-            console.warn(
-              '[ChatDetail] Preview metadata missing URL - check useLinkPreview'
-            );
-        }
-
-        try {
-          await sendMessage({
-            files: [],
-            plainText: text,
-            urlMetadata: cleanMetadata || undefined,
-          });
+    const insets = useSafeAreaInsets();
 
-          // Clear input after successful send
-          if (onChangeInput) {
-            onChangeInput('');
-          } else {
-            setInternalInput('');
-          }
-        } catch (error) {
-          if (__DEV__)
-            console.error('[ChatDetail] Failed to send message:', {
-              error,
-              text: text.substring(0, 50),
-              hasPreview: !!cleanMetadata,
-            });
-        }
-      },
-      [currentInput, onChangeInput, sendMessage]
+    const keyboardVerticalOffset = useMemo(
+      () => Platform.select({ android: insets.bottom, default: 0 }),
+      [insets.bottom]
     );
 
-    const insets = useSafeAreaInsets();
-
     const handlePressUrl = useCallback(
       (url: string) => {
         onPressUrl?.(normalizeUrl(url));
@@ -236,25 +110,16 @@ const ChatDetail = memo(
             avatarFullName={resolvedAvatarFullName}
             showAddMember={resolvedShowAddMember}
             onBack={onBack ?? handleBackDefault}
-            onPressSearch={
-              onPressSearch ?? (() => console.log('[onPressSearch]'))
-            }
-            onPressAddMember={
-              onPressAddMember ?? (() => console.log('[onPressAddMember]'))
-            }
-            onPressMenu={onPressMenu ?? (() => console.log('[onPressMenu]'))}
-            onPressAvatar={
-              onPressAvatar ?? (() => console.log('[onPressAvatar]'))
-            }
+            onPressSearch={onPressSearch}
+            onPressAddMember={onPressAddMember}
+            onPressMenu={onPressMenu}
+            onPressAvatar={onPressAvatar}
           />
 
           <KeyboardAvoidingView
             style={styles.keyboardAvoiding}
             behavior="padding"
-            keyboardVerticalOffset={Platform.select({
-              android: insets.bottom,
-              default: 0,
-            })}
+            keyboardVerticalOffset={keyboardVerticalOffset}
           >
             <ChatListLegend
               messages={messages}
@@ -264,45 +129,11 @@ const ChatDetail = memo(
               isLoading={isLoading}
               isLoadingEarlier={isLoadingEarlier}
               hasMoreEarlier={hasMoreEarlier}
-              onMediaPress={(items, index) => {
-                mediaViewerRef.current?.show(items, index);
-              }}
+              onMediaPress={handleMediaPress}
               onPressUrl={handlePressUrl}
             />
 
-            <ChatComposer
-              value={currentInput}
-              placeholder={inputPlaceholder}
-              onChangeText={handleChangeText}
-              onSend={handleSend}
-              onMessageSent={handleAttachmentMessageSent}
-              onPressAttach={
-                onPressAttach ?? (() => console.log('[onPressAttach]'))
-              }
-              onPressEmoji={
-                onPressEmoji ?? (() => console.log('[onPressEmoji]'))
-              }
-              showQuickActions={showQuickActions}
-              quickActions={quickActions ?? quickActionsDefault}
-              attachmentActions={attachmentActions ?? attachmentActionsDefault}
-              onQuickActionPress={
-                onQuickActionPress ??
-                ((action: DChatQuickAction) => {
-                  console.log('[onQuickActionPress]', action.id, action.meta);
-                })
-              }
-              onAttachmentAction={
-                onAttachmentAction ??
-                ((action: DChatAttachmentAction) => {
-                  console.log('[onAttachmentAction]', action.id, action.meta);
-                })
-              }
-              renderQuickAction={renderQuickAction}
-              renderQuickActions={renderQuickActions}
-              renderAttachmentAction={renderAttachmentAction}
-              attachmentColumns={attachmentColumns}
-              isEmptyMessage={messages?.length === 0}
-            />
+            <ChatComposer isEmptyMessage={messages?.length === 0} />
           </KeyboardAvoidingView>
 
           <MediaViewerModal ref={mediaViewerRef} />
@@ -315,9 +146,7 @@ const ChatDetail = memo(
 ChatDetail.displayName = 'ChatDetail';
 
 const styles = StyleSheet.create({
-  keyboardAvoiding: {
-    flex: 1,
-  },
+  keyboardAvoiding: { flex: 1 },
 });
 
 export default ChatDetail;

package/src/screens/chat-detail/index.ts

@@ -27,12 +27,8 @@ export type {
   ChatQuickActionsRenderParams,
   ChatAttachmentPanelProps,
 } from './types';
-export type { DGiftedChatMessage } from '../../utils/giftedChatMessage';
+
 export {
   DChatMessageType,
   CUSTOM_MESSAGE_DATA_TYPE,
 } from '../../types/message';
-export {
-  mapOpenIMMessageToGiftedChat,
-  mapOpenIMMessagesToGiftedChat,
-} from '../../utils/giftedChatMessage';

package/src/screens/chat-detail/types.ts

@@ -1,8 +1,6 @@
 import type { ReactNode } from 'react';
-
 import type { MediaItem } from '../../hooks/useMediaViewer';
 import type { DMessageItem } from '../../types/chat';
-import type { IUrlMetadata } from '../../types/common';
 import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
 
 export type DChatActionIconProvider = 'MaterialCommunityIcons' | 'DroppiiNew';
@@ -58,23 +56,7 @@ export interface ChatAttachmentPanelProps {
 }
 
 export interface ChatComposerProps {
-  value?: string;
-  placeholder?: string;
-  onChangeText?: (text?: string) => void;
-  onSend?: (urlMetadata?: IUrlMetadata) => void;
-  onPressAttach?: () => void;
-  onPressEmoji?: () => void;
-  onMessageSent?: (message: DMessageItem) => void;
-  showQuickActions?: boolean;
-  quickActions?: DChatQuickAction[];
-  attachmentActions?: DChatAttachmentAction[];
-  onQuickActionPress?: (action: DChatQuickAction) => void;
-  onAttachmentAction?: (action: DChatAttachmentAction) => void;
-  renderQuickAction?: ChatQuickActionsProps['renderAction'];
-  renderQuickActions?: ChatQuickActionsProps['renderQuickActions'];
-  renderAttachmentAction?: ChatAttachmentPanelProps['renderAction'];
-  attachmentColumns?: number;
-  isEmptyMessage: boolean;
+  isEmptyMessage?: boolean;
 }
 
 export interface ChatListProps {
@@ -110,25 +92,6 @@ export interface ChatDetailProps extends Omit<
   avatarFullName?: string;
   showAddMember?: boolean;
   getSubtitle?: (conversation: ConversationItem) => string | undefined;
-  renderChat?: (item: DMessageItem) => ReactNode;
-  showQuickActions?: boolean;
-  showAttachmentActions?: boolean;
-  quickActions?: DChatQuickAction[];
-  getQuickActions?: (
-    conversation: ConversationItem
-  ) => DChatQuickAction[] | undefined;
-  attachmentActions?: DChatAttachmentAction[];
-  inputPlaceholder?: string;
-  onChangeInput?: (text: string) => void;
-  onSend?: () => void;
-  onPressAttach?: () => void;
-  onPressEmoji?: () => void;
-  onQuickActionPress?: (action: DChatQuickAction) => void;
-  onAttachmentAction?: (action: DChatAttachmentAction) => void;
-  renderQuickAction?: ChatQuickActionsProps['renderAction'];
-  renderQuickActions?: ChatQuickActionsProps['renderQuickActions'];
-  renderAttachmentAction?: ChatAttachmentPanelProps['renderAction'];
-  attachmentColumns?: number;
   onPressUrl?: (url: string) => void;
   customMessageItemFactory?: (item: DMessageItem) => ReactNode;
 }

package/src/services/attachmentHandlers/fileAttachmentHandler.ts

@@ -9,8 +9,9 @@ interface FileElem {
   sourceUrl: string;
 }
 
-const MB = 1024 * 1024;
-export const MAX_FILE_SIZE = 50 * MB;
+import { UPLOAD_LIMITS } from '../../config/uploadLimits';
+
+export const MAX_FILE_SIZE = UPLOAD_LIMITS.file;
 
 export class FileAttachmentHandler implements IAttachmentHandler {
   validate(

package/src/services/attachmentHandlers/imageAttachmentHandler.ts

@@ -1,12 +1,15 @@
 import type { ImageAttachment } from '../../types/attachment';
 import type { IAttachmentHandler } from '../../types/attachmentHandler';
 import { generateUUID } from '../../utils/imageUtils';
+import { UPLOAD_LIMITS } from '../../config/uploadLimits';
 
 export const ImageAttachmentHandler: IAttachmentHandler = {
   validate(attachment: ImageAttachment) {
-    const MAX_SIZE = 5 * 1024 * 1024;
-    if (attachment.sourceFile.size > MAX_SIZE) {
-      return { valid: false, reason: 'Image exceeds 5MB limit' };
+    if (attachment.sourceFile.size > UPLOAD_LIMITS.image) {
+      return {
+        valid: false,
+        reason: `Image exceeds ${UPLOAD_LIMITS.image / 1024 / 1024}MB limit`,
+      };
     }
 
     const validMimes = [

package/src/services/attachmentHandlers/videoAttachmentHandler.ts

@@ -1,5 +1,6 @@
 import type { Attachment, VideoAttachment } from '../../types/attachment';
 import type { IAttachmentHandler } from '../../types/attachmentHandler';
+import { UPLOAD_LIMITS } from '../../config/uploadLimits';
 
 interface VideoPicInfo {
   videoUUID: string;
@@ -18,7 +19,7 @@ interface VideoPicInfo {
 }
 
 export class VideoAttachmentHandler implements IAttachmentHandler {
-  private static readonly MAX_VIDEO_SIZE = 200 * 1024 * 1024; // 200MB
+  private static readonly MAX_VIDEO_SIZE = UPLOAD_LIMITS.video;
   private static readonly SUPPORTED_TYPES = ['video/mp4', 'video/quicktime'];
 
   validate(

package/src/services/attachmentOrchestrator.ts

@@ -6,6 +6,7 @@ import type {
 } from '../types/attachment';
 import { getAttachmentHandler } from '../types/attachmentHandler';
 import { useConversationStore } from '../store';
+import { useMessageStore } from '../store/message';
 import {
   getAttachmentPriorityConfig,
   type AttachmentType,
@@ -15,8 +16,7 @@ export namespace AttachmentOrchestratorService {
   export async function sendPreparedAttachments(
     attachments: Attachment[],
     uploadedUrls: Record<string, string>,
-    options: AttachmentSendOptions = { strategy: 'individual' },
-    onMessageSent?: (message: any) => void
+    options: AttachmentSendOptions = { strategy: 'individual' }
   ): Promise<AttachmentSendResult> {
     const result: AttachmentSendResult = {
       success: false,
@@ -90,8 +90,7 @@ export namespace AttachmentOrchestratorService {
     try {
       const mergedMsgId = await sendMergedMessage(
         payloads.map((p) => p.payload),
-        options.includeCaption,
-        onMessageSent
+        options.includeCaption
       );
       console.log('[AttachmentOrchestrator] Messages sent via merger:', {
         messageId: mergedMsgId,
@@ -116,8 +115,7 @@ export namespace AttachmentOrchestratorService {
 
   async function sendMergedMessage(
     payloads: unknown[],
-    _caption?: string,
-    onMessageSent?: (message: any) => void
+    _caption?: string
   ): Promise<string> {
     const currentConversation = useConversationStore
       .getState()
@@ -290,8 +288,8 @@ export namespace AttachmentOrchestratorService {
         index: i + 1,
       });
 
-      if (onMessageSent && result) {
-        onMessageSent(result);
+      if (result) {
+        useMessageStore.getState().pushNewMessage(result);
       }
     }
 

package/src/utils/imageUtils.ts

@@ -1,5 +1,6 @@
 import type { ImageFile } from '../types/imageUpload';
 import Images from '../assets/images';
+import { UPLOAD_LIMITS } from '../config/uploadLimits';
 
 export const generateUUID = (): string => {
   return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
@@ -81,10 +82,8 @@ export const formatFileSize = (bytes: number): string => {
 };
 
 export const validateImageFile = (file: ImageFile): string | null => {
-  const MAX_SIZE = 5 * 1024 * 1024;
-
-  if (file.size > MAX_SIZE) {
-    return `Image too large. Max ${formatFileSize(MAX_SIZE)}`;
+  if (file.size > UPLOAD_LIMITS.image) {
+    return `Image too large. Max ${formatFileSize(UPLOAD_LIMITS.image)}`;
   }
 
   const validMimes = [

package/src/utils/pLimit.ts

@@ -0,0 +1,20 @@
+/**
+ * Run `items` through `fn` with at most `concurrency` items in-flight at once.
+ * Errors per-item are swallowed — wrap `fn` if you need to capture them.
+ */
+export async function pLimit<T>(
+  items: T[],
+  fn: (item: T, index: number) => Promise<void>,
+  concurrency: number
+): Promise<void> {
+  let idx = 0;
+  const worker = async () => {
+    while (idx < items.length) {
+      const i = idx++;
+      await fn(items[i]!, i);
+    }
+  };
+  await Promise.all(
+    Array.from({ length: Math.min(concurrency, items.length) }, worker)
+  );
+}

package/src/utils/videoThumbnail.ts

@@ -28,6 +28,9 @@ interface ThumbnailResult {
  * The app strips "file://" before calling, so local videos fall into the broken
  * branch. The fix is to KEEP the file:// scheme so the working overload is used.
  *
+ * iOS is the opposite: AVAsset / react-native-create-thumbnail requires a bare
+ * path without any scheme prefix. Strip "file://" on iOS.
+ *
  * For Android photo-picker synthetic paths we additionally copy the file into the
  * app cache first (a clean, app-private file the retriever can always open) and
  * still hand it back with a file:// prefix. Returns the path to pass to
@@ -36,9 +39,13 @@ interface ThumbnailResult {
 const ensureRetrievableVideoPath = async (
   videoPath: string
 ): Promise<{ path: string; cleanupPath: string | null }> => {
-  // iOS (and any non-Android platform) is left completely untouched.
+  // iOS AVAsset / react-native-create-thumbnail requires a bare file path
+  // without the file:// scheme. Strip it if present.
   if (Platform.OS !== 'android') {
-    return { path: videoPath, cleanupPath: null };
+    const barePath = videoPath.startsWith('file://')
+      ? videoPath.slice('file://'.length)
+      : videoPath;
+    return { path: barePath, cleanupPath: null };
   }
 
   // content:// is handled by a dedicated native branch — pass through unchanged.
@@ -112,7 +119,6 @@ export const VideoThumbnailUtil = {
         cacheName,
       });
 
-      console.log('✅ [VideoThumbnail] THUMBNAIL PATH:', result.path);
       console.log('[VideoThumbnail] Thumbnail generated', {
         path: result.path,
         width: result.width || 0,
@@ -147,6 +153,7 @@ export const VideoThumbnailUtil = {
     }
   },
 
+  // Serial by design — reduces memory pressure when processing multiple videos.
   batchGenerateThumbnails: async (
     videoPaths: string[],
     options: ThumbnailOptions = {}

package/src/utils/videoThumbnailUpload.ts

@@ -0,0 +1,103 @@
+import RNFS from 'react-native-fs';
+import VideoThumbnailUtil from './videoThumbnail';
+import { ImageUploadAPI } from '../services/imageUpload';
+import UIUtils from './ui';
+import type { Video as PickedVideo } from 'react-native-image-crop-picker';
+import type { ImageWithUploadStatus } from '../hooks/useImageAttachment';
+
+export type VideoWithUploadStatus = Omit<ImageWithUploadStatus, 'image'> & {
+  image: PickedVideo;
+};
+
+export interface VideoThumbnailResult {
+  url: string;
+  size: number;
+}
+
+export async function generateAndUploadVideoThumbnails(
+  videos: VideoWithUploadStatus[]
+): Promise<Record<string, VideoThumbnailResult>> {
+  const thumbnails: Record<string, VideoThumbnailResult> = {};
+  const failed: string[] = [];
+
+  for (let idx = 0; idx < videos.length; idx++) {
+    const vidItem = videos[idx]!;
+    // Key by uploadedUrl so callers can look up by the same value.
+    const videoId = vidItem.uploadedUrl || `video-${idx}`;
+    let cachedVideoPath: string | null = null;
+
+    try {
+      let videoDuration = vidItem.image.duration ?? 0;
+
+      if (videoDuration <= 0 || videoDuration > 3600000) {
+        videoDuration = 5000;
+      }
+
+      // Clamp upper bound to avoid negative timeMs on clips shorter than 1s.
+      const timeMs = Math.min(
+        Math.max(1000, Math.floor(videoDuration * 0.35)),
+        Math.max(0, videoDuration - 1000)
+      );
+
+      // Copy the picker-returned path to CachesDirectory before generating a
+      // thumbnail. On iOS the picker can return Photos-library paths that
+      // react-native-create-thumbnail cannot open directly; a copy to a
+      // stable app-owned location is required.
+      const filename = vidItem.image.filename || 'video.mp4';
+      const ext = filename.split('.').pop() || 'mp4';
+      const cachedFileName = `thumb-src-${idx}-${Date.now()}.${ext}`;
+      cachedVideoPath = `${RNFS.CachesDirectoryPath}/${cachedFileName}`;
+      await RNFS.copyFile(vidItem.image.path, cachedVideoPath);
+
+      const thumbnail = await VideoThumbnailUtil.generateThumbnail(
+        cachedVideoPath,
+        { time: timeMs, quality: 80, cacheId: `thumb-${idx}-${Date.now()}` }
+      );
+
+      if (!thumbnail) throw new Error('Failed to generate thumbnail');
+
+      const baseName = filename.split('.')[0] || `video-${idx}`;
+      const uploaded = await ImageUploadAPI.uploadImageFile(
+        {
+          path: thumbnail.path,
+          filename: `thumb-${baseName}.jpg`,
+          size: 0,
+          width: thumbnail.width || 320,
+          height: thumbnail.height || 180,
+          mime: 'image/jpeg',
+        },
+        () => {}
+      );
+
+      if (!uploaded?.url) throw new Error('No thumbnail URL returned');
+
+      thumbnails[videoId] = { url: uploaded.url, size: uploaded.size || 0 };
+
+      // Clean up the local thumbnail file after a successful upload.
+      VideoThumbnailUtil.cleanupThumbnail(thumbnail.path).catch((err) =>
+        console.warn('[videoThumbnailUpload] Thumbnail cleanup failed:', err)
+      );
+    } catch (error) {
+      const msg = error instanceof Error ? error.message : String(error);
+      console.error('[videoThumbnailUpload] Failed for video:', idx, msg);
+      failed.push(vidItem.image.filename || `video-${idx}`);
+      // Do NOT insert a poison entry — callers treat a missing key as "no thumbnail".
+    } finally {
+      if (cachedVideoPath) {
+        RNFS.unlink(cachedVideoPath).catch((err) =>
+          console.warn('[videoThumbnailUpload] Temp copy cleanup failed:', err)
+        );
+      }
+    }
+  }
+
+  if (failed.length > 0) {
+    UIUtils.toast.open({
+      title: 'Thumbnail Generation Failed',
+      message: `Failed for: ${failed.join(', ')}. Videos will be sent without thumbnails.`,
+      theme: 'warning',
+    });
+  }
+
+  return thumbnails;
+}