@umituz/react-native-ai-generation-content 1.17.240 → 1.17.242

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.17.240",
+  "version": "1.17.242",
   "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/CreationDetail/DetailActions.tsx

@@ -6,21 +6,36 @@ import { AtomicText, AtomicIcon, useAppDesignTokens, type DesignTokens } from "@
 interface DetailActionsProps {
     readonly onShare: () => void;
     readonly onDelete: () => void;
+    readonly onViewResult?: () => void;
     readonly shareLabel: string;
     readonly deleteLabel: string;
+    readonly viewResultLabel?: string;
 }
 
 export const DetailActions: React.FC<DetailActionsProps> = ({
     onShare,
     onDelete,
+    onViewResult,
     shareLabel,
-    deleteLabel
+    deleteLabel,
+    viewResultLabel
 }) => {
     const tokens = useAppDesignTokens();
     const styles = useStyles(tokens);
 
     return (
         <View style={styles.container}>
+            {onViewResult && viewResultLabel && (
+                <TouchableOpacity
+                    style={[styles.button, styles.viewResultButton]}
+                    onPress={onViewResult}
+                    activeOpacity={0.7}
+                >
+                    <AtomicIcon name="eye-outline" size="sm" color="onPrimary" />
+                    <AtomicText style={styles.buttonText}>{viewResultLabel}</AtomicText>
+                </TouchableOpacity>
+            )}
+
             <TouchableOpacity
                 style={[styles.button, styles.shareButton]}
                 onPress={onShare}
@@ -48,6 +63,7 @@ const useStyles = (tokens: DesignTokens) => StyleSheet.create({
     container: {
         flexDirection: 'row',
         justifyContent: 'center',
+        flexWrap: 'wrap',
         gap: tokens.spacing.md,
         paddingHorizontal: tokens.spacing.lg,
         marginBottom: tokens.spacing.xxl,
@@ -57,10 +73,13 @@ const useStyles = (tokens: DesignTokens) => StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center',
         paddingVertical: 12,
-        paddingHorizontal: 24,
+        paddingHorizontal: 20,
         borderRadius: 16,
         gap: 8,
-        minWidth: 120,
+        minWidth: 110,
+    },
+    viewResultButton: {
+        backgroundColor: tokens.colors.primary,
     },
     shareButton: {
         backgroundColor: tokens.colors.primary,

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

@@ -21,6 +21,7 @@ interface CreationDetailScreenProps {
     readonly onClose: () => void;
     readonly onShare: (creation: Creation) => void;
     readonly onDelete: (creation: Creation) => void;
+    readonly onViewResult?: (creation: Creation) => void;
     readonly t: (key: string) => string;
 }
 
@@ -37,6 +38,7 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
     onClose,
     onShare,
     onDelete,
+    onViewResult,
     t
 }) => {
     const tokens = useAppDesignTokens();
@@ -100,8 +102,10 @@ export const CreationDetailScreen: React.FC<CreationDetailScreenProps> = ({
                 <DetailActions
                     onShare={() => onShare(creation)}
                     onDelete={() => onDelete(creation)}
+                    onViewResult={onViewResult ? () => onViewResult(creation) : undefined}
                     shareLabel={t("result.shareButton")}
                     deleteLabel={t("common.delete")}
+                    viewResultLabel={onViewResult ? t("result.viewResult") : undefined}
                 />
             </ScrollView>
 

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

@@ -31,6 +31,7 @@ interface CreationsGalleryScreenProps {
   readonly onEmptyAction?: () => void;
   readonly emptyActionLabel?: string;
   readonly showFilter?: boolean;
+  readonly onViewResult?: (creation: Creation) => void;
 }
 
 export function CreationsGalleryScreen({
@@ -43,6 +44,7 @@ export function CreationsGalleryScreen({
   onEmptyAction,
   emptyActionLabel,
   showFilter = config.showFilter ?? true,
+  onViewResult,
 }: CreationsGalleryScreenProps) {
   const insets = useSafeAreaInsets();
   const tokens = useAppDesignTokens();
@@ -155,7 +157,7 @@ export function CreationsGalleryScreen({
   ), [isLoading, creations, filters.isFiltered, tokens, t, config, emptyActionLabel, onEmptyAction, filters.clearAllFilters]);
 
   if (selectedCreation) {
-    return <CreationDetailScreen creation={selectedCreation} config={config} onClose={() => setSelectedCreation(null)} onShare={handleShare} onDelete={handleDelete} t={t} />;
+    return <CreationDetailScreen creation={selectedCreation} config={config} onClose={() => setSelectedCreation(null)} onShare={handleShare} onDelete={handleDelete} onViewResult={onViewResult} t={t} />;
   }
 
   return (