@umituz/react-native-ai-generation-content 1.27.3 → 1.27.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.27.3",
+  "version": "1.27.4",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/domains/creations/presentation/components/CreationCard.tsx

@@ -26,6 +26,7 @@ export function CreationCard({
   showActions = true,
   statusText,
   typeText,
+  titleText,
   formatDate,
   isSharing = false,
   isDownloadAvailable = true,
@@ -43,7 +44,7 @@ export function CreationCard({
   }
 
   const previewUrl = getPreviewUrl(creation.output) || creation.uri;
-  const title = getCreationTitle(creation.prompt, creation.type as CreationTypeId);
+  const title = titleText || getCreationTitle(creation.prompt, creation.type as CreationTypeId);
   const formattedDate = useCreationDateFormatter(creation.createdAt, formatDate);
   const actions = useCreationCardActions({
     callbacks,

package/src/domains/creations/presentation/components/CreationCard.types.ts

@@ -49,6 +49,8 @@ export interface CreationCardProps {
   readonly statusText?: string;
   /** Custom type text (for i18n) */
   readonly typeText?: string;
+  /** Custom title text - overrides prompt-based title */
+  readonly titleText?: string;
   /** Date formatter function */
   readonly formatDate?: (date: Date) => string;
   /** Is sharing in progress */

package/src/domains/creations/presentation/screens/CreationsGalleryScreen.tsx

@@ -142,9 +142,18 @@ export function CreationsGalleryScreen({
     return buttons;
   }, [showStatusFilter, showMediaFilter, filters, t, config.translations]);
 
+  const getScenarioTitle = useCallback((type: string): string => {
+    const typeConfig = config.types?.find((tc) => tc.id === type);
+    if (typeConfig?.labelKey) {
+      return t(typeConfig.labelKey);
+    }
+    return type.split("_").map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+  }, [config.types, t]);
+
   const renderItem = useCallback(({ item }: { item: Creation }) => (
     <CreationCard
       creation={item}
+      titleText={getScenarioTitle(item.type)}
       callbacks={{
         onPress: () => handleCardPress(item),
         onShare: async () => handleShareCard(item),
@@ -152,7 +161,7 @@ export function CreationsGalleryScreen({
         onFavorite: () => handleFavorite(item, !item.isFavorite),
       }}
     />
-  ), [handleShareCard, handleDelete, handleFavorite, handleCardPress]);
+  ), [handleShareCard, handleDelete, handleFavorite, handleCardPress, getScenarioTitle]);
 
   const renderHeader = useMemo(() => {
     if ((!creations || creations.length === 0) && !isLoading) return null;