@umituz/react-native-ai-generation-content 1.17.70 → 1.17.72

package/package.json

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

package/src/domains/flashcard-generation/FlashcardGenerationService.ts

@@ -3,14 +3,6 @@
  * AI-powered flashcard generation for educational content
  */
 
-import type {
-  GenerationRequest,
-  GenerationResult,
-  GenerationStatus,
-  PhotoGenerationInput,
-  DirectExecutionResult,
-} from "../domain/entities";
-
 export interface FlashcardGenerationRequest {
   topic: string;
   difficulty: "beginner" | "intermediate" | "advanced";
@@ -66,18 +58,8 @@ export class FlashcardGenerationService {
       // Create AI generation prompt
       const prompt = this.buildFlashcardPrompt(request);
 
-      // Use the AI generation orchestrator
-      const generationRequest: GenerationRequest = {
-        prompt,
-        type: "text_to_text" as any,
-        options: {
-          maxTokens: this.calculateMaxTokens(request.count),
-          temperature: 0.7,
-          language: request.language || "en",
-        },
-      };
-
-      const result = await this.executeGeneration(generationRequest);
+      // Execute generation
+      const result = await this.executeGeneration(prompt, request.count);
 
       // Parse AI response into flashcards
       const flashcards = this.parseFlashcardsFromResult(result, request);
@@ -118,9 +100,6 @@ export class FlashcardGenerationService {
     overall: number;
   }> {
     // Simple validation heuristic
-    const frontLength = front.length;
-    const backLength = back.length;
-
     const accuracy = this.calculateAccuracy(front, back);
     const relevance = this.calculateRelevance(front, back);
     const clarity = this.calculateClarity(front, back);
@@ -185,16 +164,25 @@ Output format: JSON array with structure:
     return Math.max(count * 50, 200);
   }
 
-  private async executeGeneration(request: GenerationRequest): Promise<any> {
+  private async executeGeneration(
+    prompt: string,
+    count: number,
+  ): Promise<{
+    success: boolean;
+    result: string;
+    metadata: { tokensUsed: number; processingTime: number };
+    jobId: string;
+  }> {
     // This would integrate with the actual AI generation orchestrator
     // For now, return mock result
     await new Promise((resolve) => setTimeout(resolve, 2000));
 
+    const maxTokens = this.calculateMaxTokens(count);
     return {
       success: true,
-      result: this.generateMockContent(request.options?.maxTokens || 200),
+      result: this.generateMockContent(maxTokens),
       metadata: {
-        tokensUsed: request.options?.maxTokens || 200,
+        tokensUsed: maxTokens,
         processingTime: 2000,
       },
       jobId: `job_${Date.now()}`,
@@ -227,11 +215,16 @@ Output format: JSON array with structure:
   }
 
   private parseFlashcardsFromResult(
-    result: any,
+    result: {
+      success: boolean;
+      result: string | unknown[];
+      metadata: { tokensUsed: number; processingTime: number };
+      jobId: string;
+    },
     request: FlashcardGenerationRequest,
   ): GeneratedFlashcard[] {
     try {
-      let flashcards: any[];
+      let flashcards: unknown[];
 
       if (typeof result.result === "string") {
         flashcards = JSON.parse(result.result);
@@ -241,23 +234,34 @@ Output format: JSON array with structure:
         throw new Error("Invalid AI response format");
       }
 
-      return flashcards.map((item, index) => ({
-        id: `generated_${Date.now()}_${index}`,
-        front: item.front || "",
-        back: item.back || "",
-        difficulty: item.difficulty || "medium",
-        tags: Array.isArray(item.tags)
-          ? item.tags
-          : item.tags
-            ? [item.tags]
-            : [],
-        source: "ai_generated" as const,
-        generationRequest: request,
-        confidence: 0.8 + Math.random() * 0.2, // 0.8-1.0
-        createdAt: new Date().toISOString(),
-      }));
+      return flashcards.map((item: unknown, index) => {
+        const flashcard = item as {
+          front?: string;
+          back?: string;
+          difficulty?: "easy" | "medium" | "hard";
+          tags?: string | string[];
+        };
+        return {
+          id: `generated_${Date.now()}_${index}`,
+          front: flashcard.front || "",
+          back: flashcard.back || "",
+          difficulty: flashcard.difficulty || "medium",
+          tags: Array.isArray(flashcard.tags)
+            ? flashcard.tags
+            : flashcard.tags
+              ? [flashcard.tags]
+              : [],
+          source: "ai_generated" as const,
+          generationRequest: request,
+          confidence: 0.8 + Math.random() * 0.2, // 0.8-1.0
+          createdAt: new Date().toISOString(),
+        };
+      });
     } catch (error) {
-      console.error("Failed to parse AI response:", error);
+      if (__DEV__) {
+        // eslint-disable-next-line no-console
+        console.error("Failed to parse AI response:", error);
+      }
       return [];
     }
   }

package/src/features/ai-hug/presentation/components/AIHugFeature.tsx

@@ -6,11 +6,7 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView, StyleSheet, Dimensions } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
 import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
@@ -74,8 +70,6 @@ export const AIHugFeature: React.FC<AIHugFeatureProps> = ({
     void feature.selectTargetImage();
   }, [feature]);
 
-  const canProcess = feature.sourceImageUri && feature.targetImageUri && !feature.isProcessing;
-
   if (feature.processedVideoUrl) {
     const screenWidth = Dimensions.get("window").width;
     const videoSize = screenWidth - 48;

package/src/features/ai-kiss/presentation/components/AIKissFeature.tsx

@@ -6,11 +6,7 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView, StyleSheet, Dimensions } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
 import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
@@ -68,8 +64,6 @@ export const AIKissFeature: React.FC<AIKissFeatureProps> = ({
     void feature.selectTargetImage();
   }, [feature]);
 
-  const canProcess = feature.sourceImageUri && feature.targetImageUri && !feature.isProcessing;
-
   if (feature.processedVideoUrl) {
     const screenWidth = Dimensions.get("window").width;
     const videoSize = screenWidth - 48;

package/src/features/anime-selfie/presentation/components/AnimeSelfieFeature.tsx

@@ -5,12 +5,8 @@
  */
 
 import React, { useCallback, useMemo } from "react";
-import { View, ScrollView, StyleSheet, Image, Dimensions } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { ScrollView, StyleSheet, Image, Dimensions } from "react-native";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
 import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";

package/src/features/face-swap/presentation/components/FaceSwapFeature.tsx

@@ -6,11 +6,7 @@
 
 import React, { useCallback } from "react";
 import { View, ScrollView, StyleSheet, Image, Dimensions } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
 import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";
@@ -65,8 +61,6 @@ export const FaceSwapFeature: React.FC<FaceSwapFeatureProps> = ({
     void feature.selectTargetImage();
   }, [feature]);
 
-  const canProcess = feature.sourceImageUri && feature.targetImageUri && !feature.isProcessing;
-
   if (feature.processedUrl) {
     const screenWidth = Dimensions.get("window").width;
     const imageSize = screenWidth - 48;

package/src/features/hd-touch-up/presentation/components/HDTouchUpFeature.tsx

@@ -5,12 +5,8 @@
  */
 
 import React, { useCallback, useMemo } from "react";
-import { View, ScrollView, StyleSheet, Image, Dimensions } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { ScrollView, StyleSheet, Image, Dimensions } from "react-native";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
 import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";

package/src/features/image-to-video/index.ts

@@ -99,7 +99,6 @@ export {
   ImageToVideoDurationSelector,
   ImageToVideoMusicMoodSelector,
   ImageToVideoSelectionGrid,
-  ImageToVideoHeroSection,
   ImageToVideoGenerateButton,
 } from "./presentation";
 
@@ -109,6 +108,5 @@ export type {
   ImageToVideoMusicMoodSelectorProps,
   ImageToVideoSelectionGridProps,
   ImageToVideoSelectionGridTranslations,
-  ImageToVideoHeroSectionProps,
   ImageToVideoGenerateButtonProps,
 } from "./presentation";

package/src/features/image-to-video/presentation/components/index.ts

@@ -26,5 +26,5 @@ export type {
 // export type { HeroSectionProps as ImageToVideoHeroSectionProps } from "./HeroSection";
 
 // Action Components
-export { GenerateButton as ImageToVideoGenerateButton } from "../../../presentation/components/buttons/GenerateButton";
-export type { GenerateButtonProps as ImageToVideoGenerateButtonProps } from "../../../presentation/components/buttons/GenerateButton";
+export { GenerateButton as ImageToVideoGenerateButton } from "../../../../presentation/components/buttons";
+export type { GenerateButtonProps as ImageToVideoGenerateButtonProps } from "../../../../presentation/components/buttons";

package/src/features/photo-restoration/presentation/components/PhotoRestoreFeature.tsx

@@ -5,12 +5,8 @@
  */
 
 import React, { useCallback, useMemo } from "react";
-import { View, ScrollView, StyleSheet } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { ScrollView, StyleSheet } from "react-native";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
 import { PhotoRestoreResultView } from "./PhotoRestoreResultView";

package/src/features/photo-restoration/presentation/components/PhotoRestoreResultView.tsx

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import { View, StyleSheet } from "react-native";
+import { StyleSheet } from "react-native";
 import {
   AtomicText,
   useAppDesignTokens,

package/src/features/remove-background/presentation/components/RemoveBackgroundFeature.tsx

@@ -5,12 +5,8 @@
  */
 
 import React, { useCallback, useMemo } from "react";
-import { View, ScrollView, StyleSheet, Image, Dimensions } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-  AtomicButton,
-} from "@umituz/react-native-design-system";
+import { ScrollView, StyleSheet, Image, Dimensions } from "react-native";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";
 import { AIGenerationResult } from "../../../../presentation/components/display/AIGenerationResult";

package/src/features/remove-object/presentation/components/RemoveObjectFeature.tsx

@@ -9,7 +9,6 @@ import { View, ScrollView, StyleSheet, Image, Dimensions, TextInput } from "reac
 import {
   useAppDesignTokens,
   AtomicText,
-  AtomicButton,
 } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { AIGenerationForm } from "../../../../presentation/components/AIGenerationForm";

package/src/features/script-generator/domain/constants/index.ts

@@ -1,4 +1,4 @@
-import { VideoTypeOption } from "../presentation/components/VideoTypeSelector";
+import { VideoTypeOption } from "../types/script.types";
 
 export const DEFAULT_VIDEO_TYPES: readonly VideoTypeOption[] = [
   { id: "product", name: "Product Demo", emoji: "📦" },

package/src/features/script-generator/domain/types/script.types.ts

@@ -2,6 +2,12 @@
  * AI Script Generator Types
  */
 
+export interface VideoTypeOption {
+  readonly id: string;
+  readonly name: string;
+  readonly emoji: string;
+}
+
 export interface ScriptSection {
   readonly id: string;
   readonly type: "hook" | "intro" | "main" | "transition" | "cta";

package/src/features/script-generator/infrastructure/services/ScriptGenerationService.ts

@@ -1,8 +1,8 @@
 import {
   ScriptSection,
   ScriptGenerationRequest,
-} from "../domain/types/script.types";
-import { DEFAULT_VIDEO_TYPES } from "../domain/constants";
+} from "../../domain/types/script.types";
+import { DEFAULT_VIDEO_TYPES } from "../../domain/constants";
 
 /**
  * ScriptGenerationService
@@ -51,7 +51,7 @@ Format as JSON with this structure:
    * Generate script from request
    */
   async generateScript(
-    request: ScriptGenerationRequest,
+    _request: ScriptGenerationRequest,
   ): Promise<readonly ScriptSection[] | null> {
     // NOTE: This will be implemented by the app using a specific AI provider (like OpenAI or FAL)
     // The package provides the structure and prompt building.

package/src/features/script-generator/presentation/components/ScriptDisplay.tsx

@@ -10,7 +10,7 @@ import {
   AtomicIcon,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-import type { ScriptSection } from "../domain/types/script.types";
+import type { ScriptSection } from "../../domain/types/script.types";
 
 export interface ScriptDisplayProps {
   readonly script: readonly ScriptSection[];

package/src/features/script-generator/presentation/components/VideoTypeSelector.tsx

@@ -9,12 +9,7 @@ import {
   AtomicText,
   useAppDesignTokens,
 } from "@umituz/react-native-design-system";
-
-export interface VideoTypeOption {
-  readonly id: string;
-  readonly name: string;
-  readonly emoji: string;
-}
+import { VideoTypeOption } from "../../domain/types/script.types";
 
 export interface VideoTypeSelectorProps {
   readonly selectedType: string;
@@ -68,7 +63,7 @@ export const VideoTypeSelector: React.FC<VideoTypeSelectorProps> = ({
               style={{
                 color:
                   selectedType === type.id
-                    ? "#FFFFFF"
+                    ? tokens.colors.onPrimary
                     : tokens.colors.textPrimary,
                 fontWeight: selectedType === type.id ? "600" : "400",
                 marginTop: 8,

package/src/features/script-generator/presentation/components/index.ts

@@ -1,2 +1,2 @@
-export * from "./ScriptDisplay";
-export * from "./VideoTypeSelector";
+export { ScriptDisplay } from "./ScriptDisplay";
+export { VideoTypeSelector, type VideoTypeSelectorProps } from "./VideoTypeSelector";

package/src/features/script-generator/presentation/hooks/useScriptGenerator.ts

@@ -45,7 +45,10 @@ export function useScriptGenerator({
           setGeneratedScript(script);
         }
       } catch (error) {
-        console.error("Script generation error:", error);
+        if (__DEV__) {
+          // eslint-disable-next-line no-console
+          console.error("Script generation error:", error);
+        }
       } finally {
         setIsGenerating(false);
       }

package/src/features/text-to-image/index.ts

@@ -102,14 +102,8 @@ export {
 export type {
   TextToImagePromptInputProps,
   TextToImageExamplePromptsProps,
-  TextToImageNumImagesSelectorProps,
   TextToImageStyleSelectorProps,
   TextToImageAspectRatioSelectorProps,
-  TextToImageAspectRatioOption,
-  TextToImageSizeSelectorProps,
-  TextToImageSizeOption,
-  TextToImageOutputFormatSelectorProps,
-  TextToImageOutputFormatOption,
   TextToImageGenerateButtonProps,
   TextToImageSettingsSheetProps,
 } from "./presentation";

package/src/features/text-to-image/presentation/components/index.ts

@@ -4,27 +4,27 @@
  */
 
 // Input Components
-export { PromptInput as TextToImagePromptInput } from "../../../presentation/components/PromptInput";
-export type { PromptInputProps as TextToImagePromptInputProps } from "../../../presentation/components/PromptInput";
+export { PromptInput as TextToImagePromptInput } from "../../../../presentation/components/PromptInput";
+export type { PromptInputProps as TextToImagePromptInputProps } from "../../../../presentation/components/PromptInput";
 
-export { ExamplePrompts as TextToImageExamplePrompts } from "../../../presentation/components/prompts/ExamplePrompts";
-export type { ExamplePromptsProps as TextToImageExamplePromptsProps } from "../../../presentation/components/prompts/ExamplePrompts";
+export { ExamplePrompts as TextToImageExamplePrompts } from "../../../../presentation/components/prompts";
+export type { ExamplePromptsProps as TextToImageExamplePromptsProps } from "../../../../presentation/components/prompts";
 
 // Selector Components
-export { StyleSelector as TextToImageStyleSelector } from "../../../presentation/components/selectors/StyleSelector";
-export type { StyleSelectorProps as TextToImageStyleSelectorProps } from "../../../presentation/components/selectors/StyleSelector";
+export { StyleSelector as TextToImageStyleSelector } from "../../../../presentation/components/selectors";
+export type { StyleSelectorProps as TextToImageStyleSelectorProps } from "../../../../presentation/components/selectors";
 
-export { AspectRatioSelector as TextToImageAspectRatioSelector } from "../../../presentation/components/selectors/AspectRatioSelector";
-export type { AspectRatioSelectorProps as TextToImageAspectRatioSelectorProps } from "../../../presentation/components/selectors/AspectRatioSelector";
+export { AspectRatioSelector as TextToImageAspectRatioSelector } from "../../../../presentation/components/selectors";
+export type { AspectRatioSelectorProps as TextToImageAspectRatioSelectorProps } from "../../../../presentation/components/selectors";
 
-export { GridSelector as TextToImageSizeSelector } from "../../../presentation/components/selectors/GridSelector";
-export { GridSelector as TextToImageOutputFormatSelector } from "../../../presentation/components/selectors/GridSelector";
-export { GridSelector as TextToImageNumImagesSelector } from "../../../presentation/components/selectors/GridSelector";
+export { GridSelector as TextToImageSizeSelector } from "../../../../presentation/components/selectors";
+export { GridSelector as TextToImageOutputFormatSelector } from "../../../../presentation/components/selectors";
+export { GridSelector as TextToImageNumImagesSelector } from "../../../../presentation/components/selectors";
 
 // Action Components
-export { GenerateButton as TextToImageGenerateButton } from "../../../presentation/components/buttons/GenerateButton";
-export type { GenerateButtonProps as TextToImageGenerateButtonProps } from "../../../presentation/components/buttons/GenerateButton";
+export { GenerateButton as TextToImageGenerateButton } from "../../../../presentation/components/buttons";
+export type { GenerateButtonProps as TextToImageGenerateButtonProps } from "../../../../presentation/components/buttons";
 
 // Sheet Components
-export { SettingsSheet as TextToImageSettingsSheet } from "../../../presentation/components/modals/SettingsSheet";
-export type { SettingsSheetProps as TextToImageSettingsSheetProps } from "../../../presentation/components/modals/SettingsSheet";
+export { SettingsSheet as TextToImageSettingsSheet } from "../../../../presentation/components/modals/SettingsSheet";
+export type { SettingsSheetProps as TextToImageSettingsSheetProps } from "../../../../presentation/components/modals/SettingsSheet";

package/src/features/text-to-voice/index.ts

@@ -20,7 +20,6 @@ export type {
   TextToVoiceGenerateButtonProps,
   TextToVoiceAudioPlayerProps,
   TextToVoiceErrorMessageProps,
-  TextToVoiceHeaderProps,
   TextToVoiceScreenConfig,
   TextToVoiceTranslationKeys,
   TextToVoiceInputBuilder,
@@ -51,5 +50,4 @@ export {
   TextToVoiceGenerateButton,
   TextToVoiceAudioPlayer,
   TextToVoiceErrorMessage,
-  TextToVoiceHeader,
 } from "./presentation";

package/src/features/text-to-voice/presentation/components/index.ts

@@ -1,7 +1,7 @@
-export { PromptInput as TextToVoiceTextInput } from "../../../presentation/components/PromptInput";
-export { PromptInput as TextToVoiceOptionalInput } from "../../../presentation/components/PromptInput";
-export { ExamplePrompts as TextToVoiceExamplePrompts } from "../../../presentation/components/prompts/ExamplePrompts";
-export { GenerateButton as TextToVoiceGenerateButton } from "../../../presentation/components/buttons/GenerateButton";
-export { ErrorDisplay as TextToVoiceErrorMessage } from "../../../presentation/components/display/ErrorDisplay";
+export { PromptInput as TextToVoiceTextInput } from "../../../../presentation/components/PromptInput";
+export { PromptInput as TextToVoiceOptionalInput } from "../../../../presentation/components/PromptInput";
+export { ExamplePrompts as TextToVoiceExamplePrompts } from "../../../../presentation/components/prompts";
+export { GenerateButton as TextToVoiceGenerateButton } from "../../../../presentation/components/buttons";
+export { ErrorDisplay as TextToVoiceErrorMessage } from "../../../../presentation/components/display";
 export { TextToVoiceAudioPlayer } from "./TextToVoiceAudioPlayer";
 // TextToVoiceHeader removed in favor of common AIGenerationHero

package/src/features/upscaling/presentation/components/UpscaleFeature.tsx

@@ -5,7 +5,7 @@
  */
 
 import React, { useCallback, useMemo } from "react";
-import { View, ScrollView, StyleSheet } from "react-native";
+import { ScrollView, StyleSheet } from "react-native";
 import {
   useAppDesignTokens,
   AtomicText,

package/src/presentation/components/AIGenerationForm.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { View, TouchableOpacity, StyleSheet } from "react-native";
+import { TouchableOpacity, StyleSheet } from "react-native";
 import {
   AtomicText,
   AtomicIcon,
@@ -70,7 +70,7 @@ export const AIGenerationForm: React.FC<AIGenerationFormProps> = ({
           <AtomicIcon
             name={showAdvanced ? "chevron-up" : "chevron-down"}
             size="sm"
-            color={tokens.colors.textSecondary}
+            customColor={tokens.colors.textSecondary}
           />
         </TouchableOpacity>
       )}

package/src/presentation/components/AIGenerationForm.types.ts

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren } from "react";
-import type { StyleOption, AspectRatioOption, StylePreset } from "./selectors/types";
+import type { StyleOption, AspectRatioOption } from "./selectors/types";
+import type { StylePreset } from "./StylePresetsGrid";
 
 /**
  * Translations for AIGenerationForm

package/src/presentation/components/AIGenerationHero.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import { View, StyleSheet } from "react-native";
+import { View, StyleSheet, type ViewStyle } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
 import {
   AtomicText,
@@ -18,7 +18,7 @@ export interface AIGenerationHeroProps {
   readonly subtitle?: string;
   readonly iconName?: string;
   readonly gradientColors?: readonly [string, string, ...string[]];
-  readonly style?: any;
+  readonly style?: ViewStyle;
 }
 
 export const AIGenerationHero: React.FC<AIGenerationHeroProps> = ({
@@ -38,7 +38,7 @@ export const AIGenerationHero: React.FC<AIGenerationHeroProps> = ({
   return (
     <View style={[styles.container, style]}>
       <LinearGradient
-        colors={finalColors as any}
+        colors={finalColors as [string, string, ...string[]]}
         start={{ x: 0, y: 0 }}
         end={{ x: 1, y: 1 }}
         style={styles.gradient}

package/src/presentation/components/PhotoUploadCard/PhotoUploadCard.tsx

@@ -234,7 +234,7 @@ export const PhotoUploadCard: React.FC<PhotoUploadCardProps> = ({
                 style={styles.iconGradient}
               >
                 <AtomicIcon
-                  name={(icon as any) || "camera"}
+                  name={(icon as string) || "camera"}
                   size={cfg.iconSize}
                   customColor={tokens.colors.primary}
                 />

package/src/presentation/components/PromptInput.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import { View, TextInput, StyleSheet } from "react-native";
+import { View, TextInput, StyleSheet, type ViewStyle } from "react-native";
 import {
   AtomicText,
   useAppDesignTokens,
@@ -22,7 +22,7 @@ export interface PromptInputProps {
   readonly isDisabled?: boolean;
   readonly showCharacterCount?: boolean;
   readonly characterCountLabel?: string;
-  readonly style?: any;
+  readonly style?: ViewStyle;
 }
 
 export const PromptInput: React.FC<PromptInputProps> = ({

package/src/presentation/components/buttons/GenerateButton.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import { View, StyleSheet, TouchableOpacity, ActivityIndicator } from "react-native";
+import { View, StyleSheet, TouchableOpacity, ActivityIndicator, type ViewStyle } from "react-native";
 import {
   AtomicText,
   useAppDesignTokens,
@@ -26,7 +26,7 @@ export interface GenerateButtonProps {
   readonly costLabel?: string;
   readonly accessoryRight?: React.ReactNode;
   readonly onAccessoryRightPress?: () => void;
-  readonly style?: any;
+  readonly style?: ViewStyle;
 }
 
 export const GenerateButton: React.FC<GenerateButtonProps> = ({
@@ -98,7 +98,7 @@ export const GenerateButton: React.FC<GenerateButtonProps> = ({
           onPress={onPress}
           disabled={disabled}
           activeOpacity={0.85}
-          style={[styles.buttonWrapper, accessoryRight && { flex: 1 }]}
+          style={[styles.buttonWrapper, accessoryRight ? { flex: 1 } : undefined]}
         >
           <LinearGradient
             colors={disabled ? ["#9CA3AF", "#6B7280"] : gradientColors}

package/src/presentation/components/display/AIGenerationResult.tsx

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { View, StyleSheet, Dimensions } from "react-native";
+import { View, StyleSheet, Dimensions, type ViewStyle } from "react-native";
 import {
   useAppDesignTokens,
   AtomicText,
@@ -29,7 +29,7 @@ export interface AIGenerationResultProps extends PropsWithChildren {
   /** Standard translations */
   translations?: AIGenerationResultTranslations;
   /** Custom style for the content container */
-  contentStyle?: any;
+  contentStyle?: ViewStyle;
 }
 
 /**
@@ -73,7 +73,6 @@ export const AIGenerationResult: React.FC<AIGenerationResultProps> = ({
             onPress={primaryAction.onPress}
             variant="primary"
             size="lg"
-            leftIcon={primaryAction.icon}
           />
         )}
 
@@ -83,7 +82,6 @@ export const AIGenerationResult: React.FC<AIGenerationResultProps> = ({
             onPress={secondaryAction.onPress}
             variant="secondary"
             size="lg"
-            leftIcon={secondaryAction.icon}
           />
         )}
 
@@ -94,7 +92,6 @@ export const AIGenerationResult: React.FC<AIGenerationResultProps> = ({
             onPress={action.onPress}
             variant={action.variant || "outline"}
             size="lg"
-            leftIcon={action.icon}
           />
         ))}
       </View>

package/src/presentation/components/moderation/ModerationSummary.tsx

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import { View, StyleSheet } from "react-native";
+import { View, StyleSheet, type ViewStyle } from "react-native";
 import {
   AtomicText,
   useAppDesignTokens,
@@ -14,7 +14,7 @@ export interface ModerationSummaryProps {
   readonly ageRating?: string;
   readonly contentWarnings: readonly string[];
   readonly title?: string;
-  readonly style?: any;
+  readonly style?: ViewStyle;
 }
 
 export const ModerationSummary: React.FC<ModerationSummaryProps> = ({

package/src/presentation/components/prompts/ExamplePrompts.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from "react";
-import { View, ScrollView, TouchableOpacity, StyleSheet } from "react-native";
+import { View, ScrollView, TouchableOpacity, StyleSheet, type ViewStyle } from "react-native";
 import {
   AtomicText,
   useAppDesignTokens,
@@ -16,7 +16,7 @@ export interface ExamplePromptsProps {
   readonly onSelectPrompt: (prompt: string) => void;
   readonly title?: string;
   readonly cardWidth?: number;
-  readonly style?: any;
+  readonly style?: ViewStyle;
 }
 
 export const ExamplePrompts: React.FC<ExamplePromptsProps> = ({

package/src/presentation/components/prompts/index.ts

@@ -0,0 +1 @@
+export { ExamplePrompts, type ExamplePromptsProps } from "./ExamplePrompts";

package/src/presentation/components/selectors/GridSelector.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { View, TouchableOpacity, StyleSheet } from "react-native";
+import { View, TouchableOpacity, StyleSheet, type ViewStyle } from "react-native";
 import {
   AtomicText,
   useAppDesignTokens,
@@ -19,7 +19,7 @@ export interface GridSelectorProps<T> {
   readonly title?: string;
   readonly columns?: number;
   readonly disabled?: boolean;
-  readonly style?: any;
+  readonly style?: ViewStyle;
 }
 
 export function GridSelector<T>({
@@ -30,7 +30,7 @@ export function GridSelector<T>({
   columns = 2,
   disabled = false,
   style,
-}: GridSelectorProps<T>): JSX.Element {
+}: GridSelectorProps<T>): React.ReactElement {
   const tokens = useAppDesignTokens();
 
   return (

package/src/presentation/hooks/useFlashcardGeneration.ts

@@ -8,7 +8,7 @@ import type {
   FlashcardGenerationRequest,
   GeneratedFlashcard,
   FlashcardGenerationResult,
-} from "../domains/flashcard-generation/FlashcardGenerationService";
+} from "../../domains/flashcard-generation/FlashcardGenerationService";
 
 export interface UseFlashcardGenerationResult {
   generateFlashcards: (
@@ -17,6 +17,7 @@ export interface UseFlashcardGenerationResult {
   isGenerating: boolean;
   result: FlashcardGenerationResult | null;
   error: string | null;
+  reset: () => void;
 }
 
 export const useFlashcardGeneration = (): UseFlashcardGenerationResult => {