@umituz/react-native-ai-generation-content 1.20.12 → 1.20.13

package/package.json

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

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

@@ -1,19 +1,10 @@
-/**
- * AIHugFeature Component
- * Self-contained AI hug video feature UI component
- * Uses centralized DualImageVideoFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
 import { DualImageVideoFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps, DualImageInputRenderProps } from "../../../../presentation/layouts";
+import type { DualImageInputRenderProps } from "../../../../presentation/layouts";
 import { useAIHugFeature } from "../hooks";
-import type {
-  AIHugTranslations,
-  AIHugFeatureConfig,
-} from "../../domain/types";
+import type { AIHugTranslations, AIHugFeatureConfig } from "../../domain/types";
 
 export interface AIHugFeatureProps {
   config: AIHugFeatureConfig;
@@ -27,7 +18,6 @@ export interface AIHugFeatureProps {
   onSelectTargetImage: () => Promise<string | null>;
   onSaveVideo: (videoUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const AIHugFeature: React.FC<AIHugFeatureProps> = ({
@@ -37,7 +27,6 @@ export const AIHugFeature: React.FC<AIHugFeatureProps> = ({
   onSelectTargetImage,
   onSaveVideo,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useAIHugFeature({
     config,
@@ -62,7 +51,6 @@ export const AIHugFeature: React.FC<AIHugFeatureProps> = ({
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ sourceImageUri, targetImageUri, onSelectSource, onSelectTarget, isDisabled }: DualImageInputRenderProps) => (
         <View style={styles.pickerContainer}>
           <DualImagePicker

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

@@ -1,22 +1,10 @@
-/**
- * AIKissFeature Component
- * Self-contained AI kiss video feature UI component
- * Uses centralized DualImageVideoFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
 import { DualImageVideoFeatureLayout } from "../../../../presentation/layouts";
-import type {
-  ProcessingModalRenderProps,
-  DualImageInputRenderProps,
-} from "../../../../presentation/layouts";
+import type { DualImageInputRenderProps } from "../../../../presentation/layouts";
 import { useAIKissFeature } from "../hooks";
-import type {
-  AIKissTranslations,
-  AIKissFeatureConfig,
-} from "../../domain/types";
+import type { AIKissTranslations, AIKissFeatureConfig } from "../../domain/types";
 
 export interface AIKissFeatureProps {
   config: AIKissFeatureConfig;
@@ -30,7 +18,6 @@ export interface AIKissFeatureProps {
   onSelectTargetImage: () => Promise<string | null>;
   onSaveVideo: (videoUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const AIKissFeature: React.FC<AIKissFeatureProps> = ({
@@ -40,7 +27,6 @@ export const AIKissFeature: React.FC<AIKissFeatureProps> = ({
   onSelectTargetImage,
   onSaveVideo,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useAIKissFeature({
     config,
@@ -65,7 +51,6 @@ export const AIKissFeature: React.FC<AIKissFeatureProps> = ({
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ sourceImageUri, targetImageUri, onSelectSource, onSelectTarget, isDisabled }: DualImageInputRenderProps) => (
         <View style={styles.pickerContainer}>
           <DualImagePicker

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

@@ -1,23 +1,10 @@
-/**
- * AnimeSelfieFeature Component
- * Self-contained anime selfie feature UI component
- * Uses centralized SingleImageFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { Image, StyleSheet } from "react-native";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type {
-  ProcessingModalRenderProps,
-  SingleImageInputRenderProps,
-  ResultRenderProps,
-} from "../../../../presentation/layouts";
+import type { SingleImageInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useAnimeSelfieFeature } from "../hooks";
-import type {
-  AnimeSelfieTranslations,
-  AnimeSelfieFeatureConfig,
-} from "../../domain/types";
+import type { AnimeSelfieTranslations, AnimeSelfieFeatureConfig } from "../../domain/types";
 
 export interface AnimeSelfieFeatureProps {
   config: AnimeSelfieFeatureConfig;
@@ -29,9 +16,7 @@ export interface AnimeSelfieFeatureProps {
   };
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
-  /** Called before processing starts. Return false to cancel. */
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const AnimeSelfieFeature: React.FC<AnimeSelfieFeatureProps> = ({
@@ -40,7 +25,6 @@ export const AnimeSelfieFeature: React.FC<AnimeSelfieFeatureProps> = ({
   onSelectImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useAnimeSelfieFeature({
     config,
@@ -64,7 +48,6 @@ export const AnimeSelfieFeature: React.FC<AnimeSelfieFeatureProps> = ({
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}

package/src/features/anime-selfie/presentation/hooks/useAnimeSelfieFeature.ts

@@ -29,7 +29,7 @@ export interface UseAnimeSelfieFeatureOptions {
   onCreditsExhausted?: () => void;
 }
 
-export interface UseAnimeSelfieFeatureReturn extends BaseSingleImageHookReturn {}
+export type UseAnimeSelfieFeatureReturn = BaseSingleImageHookReturn;
 
 export function useAnimeSelfieFeature(
   props: UseAnimeSelfieFeatureProps,

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

@@ -1,23 +1,10 @@
-/**
- * FaceSwapFeature Component
- * Self-contained face swap feature UI component
- * Uses centralized DualImageFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { View, Image, StyleSheet } from "react-native";
 import { DualImagePicker } from "../../../../presentation/components/image-picker/DualImagePicker";
 import { DualImageFeatureLayout } from "../../../../presentation/layouts";
-import type {
-  ProcessingModalRenderProps,
-  DualImageInputRenderProps,
-  ResultRenderProps,
-} from "../../../../presentation/layouts";
+import type { DualImageInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useFaceSwapFeature } from "../hooks";
-import type {
-  FaceSwapTranslations,
-  FaceSwapFeatureConfig,
-} from "../../domain/types";
+import type { FaceSwapTranslations, FaceSwapFeatureConfig } from "../../domain/types";
 
 export interface FaceSwapFeatureProps {
   config: FaceSwapFeatureConfig;
@@ -31,7 +18,6 @@ export interface FaceSwapFeatureProps {
   onSelectTargetImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const FaceSwapFeature: React.FC<FaceSwapFeatureProps> = ({
@@ -41,7 +27,6 @@ export const FaceSwapFeature: React.FC<FaceSwapFeatureProps> = ({
   onSelectTargetImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useFaceSwapFeature({
     config,
@@ -66,7 +51,6 @@ export const FaceSwapFeature: React.FC<FaceSwapFeatureProps> = ({
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ sourceImageUri, targetImageUri, onSelectSource, onSelectTarget, isDisabled }: DualImageInputRenderProps) => (
         <View style={styles.pickerContainer}>
           <DualImagePicker

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

@@ -1,23 +1,10 @@
-/**
- * HDTouchUpFeature Component
- * Self-contained HD touch up feature UI component
- * Uses centralized SingleImageFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { Image, StyleSheet } from "react-native";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type {
-  ProcessingModalRenderProps,
-  SingleImageInputRenderProps,
-  ResultRenderProps,
-} from "../../../../presentation/layouts";
+import type { SingleImageInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useHDTouchUpFeature } from "../hooks";
-import type {
-  HDTouchUpTranslations,
-  HDTouchUpFeatureConfig,
-} from "../../domain/types";
+import type { HDTouchUpTranslations, HDTouchUpFeatureConfig } from "../../domain/types";
 
 export interface HDTouchUpFeatureProps {
   config: HDTouchUpFeatureConfig;
@@ -30,7 +17,6 @@ export interface HDTouchUpFeatureProps {
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const HDTouchUpFeature: React.FC<HDTouchUpFeatureProps> = ({
@@ -39,7 +25,6 @@ export const HDTouchUpFeature: React.FC<HDTouchUpFeatureProps> = ({
   onSelectImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useHDTouchUpFeature({
     config,
@@ -63,7 +48,6 @@ export const HDTouchUpFeature: React.FC<HDTouchUpFeatureProps> = ({
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}

package/src/features/image-to-image/presentation/hooks/useDualImageFeature.ts

@@ -163,7 +163,7 @@ export function useDualImageFeature<
         : { sourceImageBase64: sourceBase64, targetImageBase64: targetBase64 };
 
       await orchestrator.generate(input);
-    } catch (error) {
+    } catch {
       // Error already handled by orchestrator
     }
   }, [sourceImageUri, targetImageUri, config, options, onBeforeProcess, orchestrator]);

package/src/features/image-to-image/presentation/hooks/useImageWithPromptFeature.ts

@@ -182,7 +182,7 @@ export function useImageWithPromptFeature<
         : { imageBase64, prompt };
 
       await orchestrator.generate(input);
-    } catch (error) {
+    } catch {
       // Error already handled by orchestrator
     }
   }, [imageUri, prompt, config, options, onBeforeProcess, orchestrator]);

package/src/features/image-to-image/presentation/hooks/useSingleImageFeature.ts

@@ -42,10 +42,7 @@ interface SingleImageInput {
   options?: Record<string, unknown>;
 }
 
-export function useSingleImageFeature<
-  TConfig = SingleImageConfig,
-  TResult = BaseImageResult,
->(
+export function useSingleImageFeature<TConfig = SingleImageConfig>(
   props: BaseSingleImageHookProps<TConfig>,
   options?: SingleImageFeatureOptions<TConfig>,
 ): BaseSingleImageHookReturn {
@@ -131,7 +128,7 @@ export function useSingleImageFeature<
         : { imageBase64 };
 
       await orchestrator.generate(input);
-    } catch (error) {
+    } catch {
       // Error already handled by orchestrator
     }
   }, [imageUri, config, rawConfig, options, onBeforeProcess, orchestrator]);

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

@@ -1,23 +1,10 @@
-/**
- * PhotoRestoreFeature Component
- * Self-contained photo restore feature UI component
- * Uses centralized SingleImageFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type {
-  ProcessingModalRenderProps,
-  SingleImageInputRenderProps,
-  CustomResultRenderProps,
-} from "../../../../presentation/layouts";
+import type { SingleImageInputRenderProps, CustomResultRenderProps } from "../../../../presentation/layouts";
 import { PhotoRestoreResultView } from "./PhotoRestoreResultView";
 import { usePhotoRestoreFeature } from "../hooks";
-import type {
-  PhotoRestoreTranslations,
-  PhotoRestoreFeatureConfig,
-} from "../../domain/types";
+import type { PhotoRestoreTranslations, PhotoRestoreFeatureConfig } from "../../domain/types";
 
 export interface PhotoRestoreFeatureProps {
   config: PhotoRestoreFeatureConfig;
@@ -30,7 +17,6 @@ export interface PhotoRestoreFeatureProps {
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const PhotoRestoreFeature: React.FC<PhotoRestoreFeatureProps> = ({
@@ -39,7 +25,6 @@ export const PhotoRestoreFeature: React.FC<PhotoRestoreFeatureProps> = ({
   onSelectImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = usePhotoRestoreFeature({
     config,
@@ -63,7 +48,6 @@ export const PhotoRestoreFeature: React.FC<PhotoRestoreFeatureProps> = ({
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}

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

@@ -1,19 +1,10 @@
-/**
- * RemoveBackgroundFeature Component
- * Self-contained remove background feature UI component
- * Uses centralized SingleImageFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { Image, StyleSheet } from "react-native";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps, SingleImageInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
+import type { SingleImageInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useRemoveBackgroundFeature } from "../hooks";
-import type {
-  RemoveBackgroundTranslations,
-  RemoveBackgroundFeatureConfig,
-} from "../../domain/types";
+import type { RemoveBackgroundTranslations, RemoveBackgroundFeatureConfig } from "../../domain/types";
 
 export interface RemoveBackgroundFeatureProps {
   config: RemoveBackgroundFeatureConfig;
@@ -26,7 +17,6 @@ export interface RemoveBackgroundFeatureProps {
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const RemoveBackgroundFeature: React.FC<RemoveBackgroundFeatureProps> = ({
@@ -35,7 +25,6 @@ export const RemoveBackgroundFeature: React.FC<RemoveBackgroundFeatureProps> = (
   onSelectImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useRemoveBackgroundFeature({
     config,
@@ -59,7 +48,6 @@ export const RemoveBackgroundFeature: React.FC<RemoveBackgroundFeatureProps> = (
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}

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

@@ -1,23 +1,11 @@
-/**
- * RemoveObjectFeature Component
- * Self-contained remove object feature UI component
- * Uses centralized SingleImageWithPromptFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { View, Image, StyleSheet, TextInput } from "react-native";
-import {
-  useAppDesignTokens,
-  AtomicText,
-} from "@umituz/react-native-design-system";
+import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageWithPromptFeatureLayout } from "../../../../presentation/layouts";
-import type { ProcessingModalRenderProps, SingleImageWithPromptInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
+import type { SingleImageWithPromptInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useRemoveObjectFeature } from "../hooks";
-import type {
-  RemoveObjectTranslations,
-  RemoveObjectFeatureConfig,
-} from "../../domain/types";
+import type { RemoveObjectTranslations, RemoveObjectFeatureConfig } from "../../domain/types";
 
 export interface RemoveObjectFeatureProps {
   config: RemoveObjectFeatureConfig;
@@ -30,7 +18,6 @@ export interface RemoveObjectFeatureProps {
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const RemoveObjectFeature: React.FC<RemoveObjectFeatureProps> = ({
@@ -39,7 +26,6 @@ export const RemoveObjectFeature: React.FC<RemoveObjectFeatureProps> = ({
   onSelectImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const tokens = useAppDesignTokens();
 
@@ -65,7 +51,6 @@ export const RemoveObjectFeature: React.FC<RemoveObjectFeatureProps> = ({
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ imageUri, onSelect, isDisabled, isProcessing, prompt, onPromptChange }: SingleImageWithPromptInputRenderProps) => (
         <>
           <PhotoUploadCard
@@ -88,10 +73,7 @@ export const RemoveObjectFeature: React.FC<RemoveObjectFeatureProps> = ({
           />
 
           <View style={styles.promptContainer}>
-            <AtomicText
-              type="labelMedium"
-              style={[styles.promptLabel, { color: tokens.colors.textPrimary }]}
-            >
+            <AtomicText type="labelMedium" style={[styles.promptLabel, { color: tokens.colors.textPrimary }]}>
               {translations.maskTitle}
             </AtomicText>
             <TextInput
@@ -111,10 +93,7 @@ export const RemoveObjectFeature: React.FC<RemoveObjectFeatureProps> = ({
               numberOfLines={3}
               editable={!isProcessing}
             />
-            <AtomicText
-              type="bodySmall"
-              style={[styles.promptHint, { color: tokens.colors.textTertiary }]}
-            >
+            <AtomicText type="bodySmall" style={[styles.promptHint, { color: tokens.colors.textTertiary }]}>
               {translations.maskSubtitle}
             </AtomicText>
           </View>

package/src/features/remove-object/presentation/hooks/useRemoveObjectFeature.ts

@@ -177,7 +177,7 @@ export function useRemoveObjectFeature(
         maskBase64,
         prompt: prompt || undefined,
       });
-    } catch (error) {
+    } catch {
       // Error already handled by orchestrator
     }
   }, [imageUri, maskUri, prompt, config, onBeforeProcess, orchestrator]);

package/src/features/replace-background/presentation/components/ReplaceBackgroundFeature.tsx

@@ -1,24 +1,11 @@
-/**
- * ReplaceBackgroundFeature Component
- * Self-contained background replacement feature UI component
- * Uses centralized SingleImageWithPromptFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { View, Image, StyleSheet } from "react-native";
 import { AtomicInput } from "@umituz/react-native-design-system";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageWithPromptFeatureLayout } from "../../../../presentation/layouts";
-import type {
-  ProcessingModalRenderProps,
-  SingleImageWithPromptInputRenderProps,
-  ResultRenderProps,
-} from "../../../../presentation/layouts";
+import type { SingleImageWithPromptInputRenderProps, ResultRenderProps } from "../../../../presentation/layouts";
 import { useReplaceBackgroundFeature } from "../hooks";
-import type {
-  ReplaceBackgroundTranslations,
-  ReplaceBackgroundFeatureConfig,
-} from "../../domain/types";
+import type { ReplaceBackgroundTranslations, ReplaceBackgroundFeatureConfig } from "../../domain/types";
 
 export interface ReplaceBackgroundFeatureProps {
   config: ReplaceBackgroundFeatureConfig;
@@ -31,7 +18,6 @@ export interface ReplaceBackgroundFeatureProps {
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const ReplaceBackgroundFeature: React.FC<ReplaceBackgroundFeatureProps> = ({
@@ -40,7 +26,6 @@ export const ReplaceBackgroundFeature: React.FC<ReplaceBackgroundFeatureProps> =
   onSelectImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useReplaceBackgroundFeature({
     config,
@@ -64,7 +49,6 @@ export const ReplaceBackgroundFeature: React.FC<ReplaceBackgroundFeatureProps> =
       feature={feature}
       translations={translations}
       modalTranslations={modalTranslations}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ imageUri, onSelect, isDisabled, isProcessing, prompt, onPromptChange }: SingleImageWithPromptInputRenderProps) => (
         <>
           <PhotoUploadCard

package/src/features/shared/dual-image-video/presentation/hooks/useDualImageVideoFeature.ts

@@ -144,7 +144,7 @@ export function useDualImageVideoFeature(
       ]);
 
       await orchestrator.generate({ sourceImageBase64, targetImageBase64 });
-    } catch (error) {
+    } catch {
       // Error already handled by orchestrator
     }
   }, [sourceImageUri, targetImageUri, featureType, config, onBeforeProcess, orchestrator]);

package/src/features/text-to-video/presentation/hooks/useTextToVideoFeature.ts

@@ -118,7 +118,7 @@ export function useTextToVideoFeature(props: UseTextToVideoFeatureProps): UseTex
         return result;
       },
       getCreditCost: () => config.creditCost,
-      save: async (result, uid) => {
+      save: async (result, _uid) => {
         if (result.success && result.videoUrl) {
           await callbacks.onCreationSave?.({
             creationId: generateCreationId(),

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

@@ -1,23 +1,10 @@
-/**
- * UpscaleFeature Component
- * Self-contained upscale feature UI component
- * Uses centralized SingleImageFeatureLayout for consistent UX
- */
-
 import React, { useMemo } from "react";
 import { PhotoUploadCard } from "../../../../presentation/components/PhotoUploadCard";
 import { SingleImageFeatureLayout } from "../../../../presentation/layouts";
-import type {
-  ProcessingModalRenderProps,
-  SingleImageInputRenderProps,
-  CustomResultRenderProps,
-} from "../../../../presentation/layouts";
+import type { SingleImageInputRenderProps, CustomResultRenderProps } from "../../../../presentation/layouts";
 import { UpscaleResultView } from "./UpscaleResultView";
 import { useUpscaleFeature } from "../hooks";
-import type {
-  UpscaleTranslations,
-  UpscaleFeatureConfig,
-} from "../../domain/types";
+import type { UpscaleTranslations, UpscaleFeatureConfig } from "../../domain/types";
 
 export interface UpscaleFeatureProps {
   config: UpscaleFeatureConfig;
@@ -30,7 +17,6 @@ export interface UpscaleFeatureProps {
   onSelectImage: () => Promise<string | null>;
   onSaveImage: (imageUrl: string) => Promise<void>;
   onBeforeProcess?: () => Promise<boolean>;
-  renderProcessingModal?: (props: ProcessingModalRenderProps) => React.ReactNode;
 }
 
 export const UpscaleFeature: React.FC<UpscaleFeatureProps> = ({
@@ -39,7 +25,6 @@ export const UpscaleFeature: React.FC<UpscaleFeatureProps> = ({
   onSelectImage,
   onSaveImage,
   onBeforeProcess,
-  renderProcessingModal,
 }) => {
   const feature = useUpscaleFeature({
     config,
@@ -64,7 +49,6 @@ export const UpscaleFeature: React.FC<UpscaleFeatureProps> = ({
       translations={translations}
       modalTranslations={modalTranslations}
       description={translations.description}
-      renderProcessingModal={renderProcessingModal}
       renderInput={({ imageUri, onSelect, isDisabled, isProcessing }: SingleImageInputRenderProps) => (
         <PhotoUploadCard
           imageUri={imageUri}

package/src/features/wizard/presentation/components/AIGenerationWizard.tsx

@@ -5,15 +5,11 @@
 
 import React, { useMemo, useCallback, useEffect, useRef } from "react";
 import { View, StyleSheet } from "react-native";
-import type {
-  AIGenerationWizardProps,
-  WizardStepProps,
-  WizardStep,
-} from "../../domain/types";
+import type { AIGenerationWizardProps, WizardStepProps } from "../../domain/types";
 import { createWizardStore, type WizardStoreType } from "../store/useWizardStore";
 
 export const AIGenerationWizard: React.FC<AIGenerationWizardProps> = ({
-  userId,
+  userId: _userId,
   isAuthenticated = false,
   hasCredits = true,
   config,