continue flow integartion

2025-08-25 15:37:29 +02:00
parent 51b6a3dbf7
commit b9f7c4b4a0
98 changed files with 7322 additions and 317 deletions
@@ -0,0 +1,16 @@
 # OSX
 #
 .DS_Store
 # Android/IntelliJ
 #
 build/
 .idea
 .gradle
 local.properties
 *.iml
 *.hprof
 .cxx/
 # Bundle artifacts
 *.jsbundle
@@ -0,0 +1,179 @@
 apply plugin: "com.android.application"
 apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
 def projectRoot = rootDir.getAbsoluteFile().getParentFile().getAbsolutePath()
 /**
 * This is the configuration block to customize your React Native Android app.
 * By default you don't need to apply any configuration, just uncomment the lines you need.
 */
 react {
    entryFile = file(["node", "-e", "require('expo/scripts/resolveAppEntry')", projectRoot, "android", "absolute"].execute(null, rootDir).text.trim())
    reactNativeDir = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
    hermesCommand = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/sdks/hermesc/%OS-BIN%/hermesc"
    codegenDir = new File(["node", "--print", "require.resolve('@react-native/codegen/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
    // Use Expo CLI to bundle the app, this ensures the Metro config
    // works correctly with Expo projects.
    cliFile = new File(["node", "--print", "require.resolve('@expo/cli', { paths: [require.resolve('expo/package.json')] })"].execute(null, rootDir).text.trim())
    bundleCommand = "export:embed"
    /* Folders */
     //   The root of your project, i.e. where "package.json" lives. Default is '../..'
    // root = file("../../")
    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
    // reactNativeDir = file("../../node_modules/react-native")
    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
    // codegenDir = file("../../node_modules/@react-native/codegen")
    /* Variants */
    //   The list of variants to that are debuggable. For those we're going to
    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
    // debuggableVariants = ["liteDebug", "prodDebug"]
    /* Bundling */
    //   A list containing the node command and its flags. Default is just 'node'.
    // nodeExecutableAndArgs = ["node"]
    //
    //   The path to the CLI configuration file. Default is empty.
    // bundleConfig = file(../rn-cli.config.js)
    //
    //   The name of the generated asset file containing your JS bundle
    // bundleAssetName = "MyApplication.android.bundle"
    //
    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
    // entryFile = file("../js/MyApplication.android.js")
    //
    //   A list of extra flags to pass to the 'bundle' commands.
    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
    // extraPackagerArgs = []
    /* Hermes Commands */
    //   The hermes compiler command to run. By default it is 'hermesc'
    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
    //
    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
    // hermesFlags = ["-O", "-output-source-map"]
    /* Autolinking */
    autolinkLibrariesWithApp()
 }
 /**
 * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
 */
 def enableProguardInReleaseBuilds = (findProperty('android.enableProguardInReleaseBuilds') ?: false).toBoolean()
 /**
 * The preferred build flavor of JavaScriptCore (JSC)
 *
 * For example, to use the international variant, you can use:
 * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
 *
 * The international variant includes ICU i18n library and necessary data
 * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
 * give correct results when using with locales other than en-US. Note that
 * this variant is about 6MiB larger per architecture than default.
 */
 def jscFlavor = 'org.webkit:android-jsc:+'
 android {
    ndkVersion rootProject.ext.ndkVersion
    buildToolsVersion rootProject.ext.buildToolsVersion
    compileSdk rootProject.ext.compileSdkVersion
    namespace 'com.minuit.starter'
    defaultConfig {
        applicationId 'com.minuit.starter'
        minSdkVersion rootProject.ext.minSdkVersion
        targetSdkVersion rootProject.ext.targetSdkVersion
        versionCode 1
        versionName "2024.04.1"
    }
    signingConfigs {
        debug {
            storeFile file('debug.keystore')
            storePassword 'android'
            keyAlias 'androiddebugkey'
            keyPassword 'android'
        }
    }
    buildTypes {
        debug {
            signingConfig signingConfigs.debug
        }
        release {
            // Caution! In production, you need to generate your own keystore file.
            // see https://reactnative.dev/docs/signed-apk-android.
            signingConfig signingConfigs.debug
            shrinkResources (findProperty('android.enableShrinkResourcesInReleaseBuilds')?.toBoolean() ?: false)
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
            crunchPngs (findProperty('android.enablePngCrunchInReleaseBuilds')?.toBoolean() ?: true)
        }
    }
    packagingOptions {
        jniLibs {
            useLegacyPackaging (findProperty('expo.useLegacyPackaging')?.toBoolean() ?: false)
        }
    }
    androidResources {
        ignoreAssetsPattern '!.svn:!.git:!.ds_store:!*.scc:!CVS:!thumbs.db:!picasa.ini:!*~'
    }
 }
 // Apply static values from `gradle.properties` to the `android.packagingOptions`
 // Accepts values in comma delimited lists, example:
 // android.packagingOptions.pickFirsts=/LICENSE,**/picasa.ini
 ["pickFirsts", "excludes", "merges", "doNotStrip"].each { prop ->
    // Split option: 'foo,bar' -> ['foo', 'bar']
    def options = (findProperty("android.packagingOptions.$prop") ?: "").split(",");
    // Trim all elements in place.
    for (i in 0..<options.size()) options[i] = options[i].trim();
    // `[] - ""` is essentially `[""].filter(Boolean)` removing all empty strings.
    options -= ""
    if (options.length > 0) {
        println "android.packagingOptions.$prop += $options ($options.length)"
        // Ex: android.packagingOptions.pickFirsts += '**/SCCS/**'
        options.each {
            android.packagingOptions[prop] += it
        }
    }
 }
 dependencies {
    // The version of react-native is set by the React Native Gradle Plugin
    implementation("com.facebook.react:react-android")
    def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true";
    def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true";
    def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true";
    if (isGifEnabled) {
        // For animated gif support
        implementation("com.facebook.fresco:animated-gif:${reactAndroidLibs.versions.fresco.get()}")
    }
    if (isWebpEnabled) {
        // For webp support
        implementation("com.facebook.fresco:webpsupport:${reactAndroidLibs.versions.fresco.get()}")
        if (isWebpAnimatedEnabled) {
            // Animated webp support
            implementation("com.facebook.fresco:animated-webp:${reactAndroidLibs.versions.fresco.get()}")
        }
    }
    if (hermesEnabled.toBoolean()) {
        implementation("com.facebook.react:hermes-android")
    } else {
        implementation jscFlavor
    }
 }
 apply plugin: 'com.google.gms.google-services'
 apply plugin: 'com.google.firebase.crashlytics'
@@ -0,0 +1,47 @@
 {
  "project_info": {
    "project_number": "943006074419",
    "project_id": "minuitcloud",
    "storage_bucket": "minuitcloud.appspot.com"
  },
  "client": [
    {
      "client_info": {
        "mobilesdk_app_id": "1:943006074419:android:1cf962aa044ea020658546",
        "android_client_info": {
          "package_name": "com.minuit.starter"
        }
      },
      "oauth_client": [
        {
          "client_id": "943006074419-bal1qb28ssgh0v2ta1fhj1vl8a9mb7tp.apps.googleusercontent.com",
          "client_type": 3
        }
      ],
      "api_key": [
        {
          "current_key": "AIzaSyA13RHqqFcx0tu6qja0shDomazoOk7wBw0"
        }
      ],
      "services": {
        "appinvite_service": {
          "other_platform_oauth_client": [
            {
              "client_id": "943006074419-bal1qb28ssgh0v2ta1fhj1vl8a9mb7tp.apps.googleusercontent.com",
              "client_type": 3
            },
            {
              "client_id": "943006074419-h43c7p48nhn5f4td4oimv4dq7b1p3s29.apps.googleusercontent.com",
              "client_type": 2,
              "ios_info": {
                "bundle_id": "com.minuit.starter",
                "app_store_id": "1661696886"
              }
            }
          ]
        }
      }
    }
  ],
  "configuration_version": "1"
 }
@@ -0,0 +1,14 @@
 # Add project specific ProGuard rules here.
 # By default, the flags in this file are appended to flags specified
 # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
 # You can edit the include path and order by changing the proguardFiles
 # directive in build.gradle.
 #
 # For more details, see
 #   http://developer.android.com/guide/developing/tools/proguard.html
 # react-native-reanimated
 -keep class com.swmansion.reanimated.** { *; }
 -keep class com.facebook.react.turbomodule.** { *; }
 # Add any project specific keep options here:
@@ -0,0 +1,7 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" tools:replace="android:usesCleartextTraffic" />
 </manifest>
@@ -0,0 +1,38 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">
  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
  <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
  <uses-permission android:name="android.permission.CAMERA"/>
  <uses-permission android:name="android.permission.INTERNET"/>
  <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
  <uses-permission android:name="android.permission.RECORD_AUDIO"/>
  <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
  <uses-permission android:name="android.permission.VIBRATE"/>
  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
  <queries>
    <intent>
      <action android:name="android.intent.action.VIEW"/>
      <category android:name="android.intent.category.BROWSABLE"/>
      <data android:scheme="https"/>
    </intent>
  </queries>
  <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/AppTheme" android:supportsRtl="true">
    <meta-data android:name="expo.modules.updates.ENABLED" android:value="false"/>
    <meta-data android:name="expo.modules.updates.EXPO_UPDATES_CHECK_ON_LAUNCH" android:value="ALWAYS"/>
    <meta-data android:name="expo.modules.updates.EXPO_UPDATES_LAUNCH_WAIT_MS" android:value="0"/>
    <activity android:name=".MainActivity" android:configChanges="keyboard|keyboardHidden|orientation|screenSize|screenLayout|uiMode" android:launchMode="singleTask" android:windowSoftInputMode="adjustResize" android:theme="@style/Theme.App.SplashScreen" android:exported="true" android:screenOrientation="portrait">
      <intent-filter>
        <action android:name="android.intent.action.MAIN"/>
        <category android:name="android.intent.category.LAUNCHER"/>
      </intent-filter>
      <intent-filter>
        <action android:name="android.intent.action.VIEW"/>
        <category android:name="android.intent.category.DEFAULT"/>
        <category android:name="android.intent.category.BROWSABLE"/>
        <data android:scheme="minuit"/>
        <data android:scheme="com.minuit.starter"/>
        <data android:scheme="exp+minuitstarter"/>
      </intent-filter>
    </activity>
  </application>
 </manifest>
@@ -0,0 +1,65 @@
 package com.minuit.starter
 import expo.modules.splashscreen.SplashScreenManager
 import android.os.Build
 import android.os.Bundle
 import com.facebook.react.ReactActivity
 import com.facebook.react.ReactActivityDelegate
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
 import com.facebook.react.defaults.DefaultReactActivityDelegate
 import expo.modules.ReactActivityDelegateWrapper
 class MainActivity : ReactActivity() {
  override fun onCreate(savedInstanceState: Bundle?) {
    // Set the theme to AppTheme BEFORE onCreate to support
    // coloring the background, status bar, and navigation bar.
    // This is required for expo-splash-screen.
    // setTheme(R.style.AppTheme);
    // @generated begin expo-splashscreen - expo prebuild (DO NOT MODIFY) sync-f3ff59a738c56c9a6119210cb55f0b613eb8b6af
    SplashScreenManager.registerOnActivity(this)
    // @generated end expo-splashscreen
    super.onCreate(null)
  }
  /**
   * Returns the name of the main component registered from JavaScript. This is used to schedule
   * rendering of the component.
   */
  override fun getMainComponentName(): String = "main"
  /**
   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
   */
  override fun createReactActivityDelegate(): ReactActivityDelegate {
    return ReactActivityDelegateWrapper(
          this,
          BuildConfig.IS_NEW_ARCHITECTURE_ENABLED,
          object : DefaultReactActivityDelegate(
              this,
              mainComponentName,
              fabricEnabled
          ){})
  }
  /**
    * Align the back button behavior with Android S
    * where moving root activities to background instead of finishing activities.
    * @see <a href="https://developer.android.com/reference/android/app/Activity#onBackPressed()">onBackPressed</a>
    */
  override fun invokeDefaultOnBackPressed() {
      if (Build.VERSION.SDK_INT <= Build.VERSION_CODES.R) {
          if (!moveTaskToBack(false)) {
              // For non-root activities, use the default implementation to finish them.
              super.invokeDefaultOnBackPressed()
          }
          return
      }
      // Use the default back button implementation on Android S
      // because it's doing more than [Activity.moveTaskToBack] in fact.
      super.invokeDefaultOnBackPressed()
  }
 }
@@ -0,0 +1,57 @@
 package com.minuit.starter
 import android.app.Application
 import android.content.res.Configuration
 import com.facebook.react.PackageList
 import com.facebook.react.ReactApplication
 import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackage
 import com.facebook.react.ReactHost
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
 import com.facebook.react.defaults.DefaultReactNativeHost
 import com.facebook.react.soloader.OpenSourceMergedSoMapping
 import com.facebook.soloader.SoLoader
 import expo.modules.ApplicationLifecycleDispatcher
 import expo.modules.ReactNativeHostWrapper
 class MainApplication : Application(), ReactApplication {
  override val reactNativeHost: ReactNativeHost = ReactNativeHostWrapper(
        this,
        object : DefaultReactNativeHost(this) {
          override fun getPackages(): List<ReactPackage> {
            val packages = PackageList(this).packages
            // Packages that cannot be autolinked yet can be added manually here, for example:
            // packages.add(new MyReactNativePackage());
            return packages
          }
          override fun getJSMainModuleName(): String = ".expo/.virtual-metro-entry"
          override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
          override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
          override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
      }
  )
  override val reactHost: ReactHost
    get() = ReactNativeHostWrapper.createReactHost(applicationContext, reactNativeHost)
  override fun onCreate() {
    super.onCreate()
    SoLoader.init(this, OpenSourceMergedSoMapping)
    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
      // If you opted-in for the New Architecture, we load the native entry point for this app.
      load()
    }
    ApplicationLifecycleDispatcher.onApplicationCreate(this)
  }
  override fun onConfigurationChanged(newConfig: Configuration) {
    super.onConfigurationChanged(newConfig)
    ApplicationLifecycleDispatcher.onConfigurationChanged(this, newConfig)
  }
 }
@@ -0,0 +1,6 @@
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:drawable="@color/splashscreen_background"/>
  <item>
    <bitmap android:gravity="center" android:src="@drawable/splashscreen_logo"/>
  </item>
 </layer-list>
@@ -0,0 +1,37 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Copyright (C) 2014 The Android Open Source Project
     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at
          http://www.apache.org/licenses/LICENSE-2.0
     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
 -->
 <inset xmlns:android="http://schemas.android.com/apk/res/android"
       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
       android:insetTop="@dimen/abc_edit_text_inset_top_material"
       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
       >
    <selector>
        <!--
          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
          The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
          <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
        -->
        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
    </selector>
 </inset>
@@ -0,0 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@color/iconBackground"/>
    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
 </adaptive-icon>
@@ -0,0 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@color/iconBackground"/>
    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
 </adaptive-icon>
@@ -0,0 +1 @@
 <resources/>
@@ -0,0 +1,7 @@
 <resources>
  <color name="splashscreen_background">#0F0C14</color>
  <color name="iconBackground">#FFFFFF</color>
  <color name="colorPrimary">#023c69</color>
  <color name="colorPrimaryDark">#0F0C14</color>
  <color name="activityBackground">#0F0C14</color>
 </resources>
@@ -0,0 +1,5 @@
 <resources>
  <string name="app_name">minuit.starter</string>
  <string name="expo_splash_screen_resize_mode" translatable="false">contain</string>
  <string name="expo_splash_screen_status_bar_translucent" translatable="false">false</string>
 </resources>
@@ -0,0 +1,20 @@
 <resources xmlns:tools="http://schemas.android.com/tools">
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:textColor">@android:color/black</item>
    <item name="android:editTextStyle">@style/ResetEditText</item>
    <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="android:statusBarColor">#0F0C14</item>
    <item name="android:windowBackground">@color/activityBackground</item>
  </style>
  <style name="ResetEditText" parent="@android:style/Widget.EditText">
    <item name="android:padding">0dp</item>
    <item name="android:textColorHint">#c8c8c8</item>
    <item name="android:textColor">@android:color/black</item>
  </style>
  <style name="Theme.App.SplashScreen" parent="Theme.SplashScreen">
    <item name="windowSplashScreenBackground">@color/splashscreen_background</item>
    <item name="windowSplashScreenAnimatedIcon">@drawable/splashscreen_logo</item>
    <item name="postSplashScreenTheme">@style/AppTheme</item>
  </style>
 </resources>
@@ -0,0 +1,43 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 buildscript {
    ext {
        buildToolsVersion = findProperty('android.buildToolsVersion') ?: '35.0.0'
        minSdkVersion = Integer.parseInt(findProperty('android.minSdkVersion') ?: '24')
        compileSdkVersion = Integer.parseInt(findProperty('android.compileSdkVersion') ?: '35')
        targetSdkVersion = Integer.parseInt(findProperty('android.targetSdkVersion') ?: '34')
        kotlinVersion = findProperty('android.kotlinVersion') ?: '1.9.25'
        ndkVersion = "26.1.10909125"
    }
    repositories {
        google()
        mavenCentral()
    }
    dependencies {
        classpath 'com.google.firebase:firebase-crashlytics-gradle:3.0.3'
        classpath 'com.google.gms:google-services:4.4.1'
        classpath('com.android.tools.build:gradle')
        classpath('com.facebook.react:react-native-gradle-plugin')
        classpath('org.jetbrains.kotlin:kotlin-gradle-plugin')
    }
 }
 apply plugin: "com.facebook.react.rootproject"
 allprojects {
    repositories {
        maven {
            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
            url(new File(['node', '--print', "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), '../android'))
        }
        maven {
            // Android JSC is installed from npm
            url(new File(['node', '--print', "require.resolve('jsc-android/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim(), '../dist'))
        }
        google()
        mavenCentral()
        maven { url 'https://www.jitpack.io' }
    }
 }
@@ -0,0 +1,61 @@
 # Project-wide Gradle settings.
 # IDE (e.g. Android Studio) users:
 # Gradle settings configured through the IDE *will override*
 # any settings specified in this file.
 # For more details on how to configure your build environment visit
 # http://www.gradle.org/docs/current/userguide/build_environment.html
 # Specifies the JVM arguments used for the daemon process.
 # The setting is particularly useful for tweaking memory settings.
 # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
 org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
 # When configured, Gradle will run in incubating parallel mode.
 # This option should only be used with decoupled projects. More details, visit
 # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
 # org.gradle.parallel=true
 # AndroidX package structure to make it clearer which packages are bundled with the
 # Android operating system, and which are packaged with your app's APK
 # https://developer.android.com/topic/libraries/support-library/androidx-rn
 android.useAndroidX=true
 # Enable AAPT2 PNG crunching
 android.enablePngCrunchInReleaseBuilds=true
 # Use this property to specify which architecture you want to build.
 # You can also override it from the CLI using
 # ./gradlew <task> -PreactNativeArchitectures=x86_64
 reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
 # Use this property to enable support to the new architecture.
 # This will allow you to use TurboModules and the Fabric render in
 # your application. You should enable this flag either if you want
 # to write custom TurboModules/Fabric components OR use libraries that
 # are providing them.
 newArchEnabled=false
 # Use this property to enable or disable the Hermes JS engine.
 # If set to false, you will be using JSC instead.
 hermesEnabled=true
 # Enable GIF support in React Native images (~200 B increase)
 expo.gif.enabled=true
 # Enable webp support in React Native images (~85 KB increase)
 expo.webp.enabled=true
 # Enable animated webp support (~3.4 MB increase)
 # Disabled by default because iOS doesn't support animated webp
 expo.webp.animated=false
 # Enable network inspector
 EX_DEV_CLIENT_NETWORK_INSPECTOR=true
 # Use legacy packaging to compress native libraries in the resulting APK.
 expo.useLegacyPackaging=false
 android.compileSdkVersion=35
 android.targetSdkVersion=35
 android.buildToolsVersion=35.0.0
 android.extraMavenRepos=[{"url":"../../node_modules/@notifee/react-native/android/libs"}]
@@ -0,0 +1,7 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
 distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
@@ -0,0 +1,252 @@
 #!/bin/sh
 #
 # Copyright © 2015-2021 the original authors.
 #
 # Licensed under the Apache License, Version 2.0 (the "License");
 # you may not use this file except in compliance with the License.
 # You may obtain a copy of the License at
 #
 #      https://www.apache.org/licenses/LICENSE-2.0
 #
 # Unless required by applicable law or agreed to in writing, software
 # distributed under the License is distributed on an "AS IS" BASIS,
 # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 # See the License for the specific language governing permissions and
 # limitations under the License.
 #
 # SPDX-License-Identifier: Apache-2.0
 #
 ##############################################################################
 #
 #   Gradle start up script for POSIX generated by Gradle.
 #
 #   Important for running:
 #
 #   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
 #       noncompliant, but you have some other compliant shell such as ksh or
 #       bash, then to run this script, type that shell name before the whole
 #       command line, like:
 #
 #           ksh Gradle
 #
 #       Busybox and similar reduced shells will NOT work, because this script
 #       requires all of these POSIX shell features:
 #         * functions;
 #         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
 #           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
 #         * compound commands having a testable exit status, especially «case»;
 #         * various built-in commands including «command», «set», and «ulimit».
 #
 #   Important for patching:
 #
 #   (2) This script targets any POSIX shell, so it avoids extensions provided
 #       by Bash, Ksh, etc; in particular arrays are avoided.
 #
 #       The "traditional" practice of packing multiple parameters into a
 #       space-separated string is a well documented source of bugs and security
 #       problems, so this is (mostly) avoided, by progressively accumulating
 #       options in "$@", and eventually passing that to Java.
 #
 #       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
 #       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
 #       see the in-line comments for details.
 #
 #       There are tweaks for specific operating systems such as AIX, CygWin,
 #       Darwin, MinGW, and NonStop.
 #
 #   (3) This script is generated from the Groovy template
 #       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
 #       within the Gradle project.
 #
 #       You can find Gradle at https://github.com/gradle/gradle/.
 #
 ##############################################################################
 # Attempt to set APP_HOME
 # Resolve links: $0 may be a link
 app_path=$0
 # Need this for daisy-chained symlinks.
 while
    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
    [ -h "$app_path" ]
 do
    ls=$( ls -ld "$app_path" )
    link=${ls#*' -> '}
    case $link in             #(
      /*)   app_path=$link ;; #(
      *)    app_path=$APP_HOME$link ;;
    esac
 done
 # This is normally unused
 # shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
 # Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
 APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s
 ' "$PWD" ) || exit
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum
 warn () {
    echo "$*"
 } >&2
 die () {
    echo
    echo "$*"
    echo
    exit 1
 } >&2
 # OS specific support (must be 'true' or 'false').
 cygwin=false
 msys=false
 darwin=false
 nonstop=false
 case "$( uname )" in                #(
  CYGWIN* )         cygwin=true  ;; #(
  Darwin* )         darwin=true  ;; #(
  MSYS* | MINGW* )  msys=true    ;; #(
  NONSTOP* )        nonstop=true ;;
 esac
 CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
 # Determine the Java command to use to start the JVM.
 if [ -n "$JAVA_HOME" ] ; then
    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
        # IBM's JDK on AIX uses strange locations for the executables
        JAVACMD=$JAVA_HOME/jre/sh/java
    else
        JAVACMD=$JAVA_HOME/bin/java
    fi
    if [ ! -x "$JAVACMD" ] ; then
        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
 Please set the JAVA_HOME variable in your environment to match the
 location of your Java installation."
    fi
 else
    JAVACMD=java
    if ! command -v java >/dev/null 2>&1
    then
        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
 Please set the JAVA_HOME variable in your environment to match the
 location of your Java installation."
    fi
 fi
 # Increase the maximum file descriptors if we can.
 if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
    case $MAX_FD in #(
      max*)
        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
        # shellcheck disable=SC2039,SC3045
        MAX_FD=$( ulimit -H -n ) ||
            warn "Could not query maximum file descriptor limit"
    esac
    case $MAX_FD in  #(
      '' | soft) :;; #(
      *)
        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
        # shellcheck disable=SC2039,SC3045
        ulimit -n "$MAX_FD" ||
            warn "Could not set maximum file descriptor limit to $MAX_FD"
    esac
 fi
 # Collect all arguments for the java command, stacking in reverse order:
 #   * args from the command line
 #   * the main class name
 #   * -classpath
 #   * -D...appname settings
 #   * --module-path (only if needed)
 #   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
 # For Cygwin or MSYS, switch paths to Windows format before running java
 if "$cygwin" || "$msys" ; then
    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
    JAVACMD=$( cygpath --unix "$JAVACMD" )
    # Now convert the arguments - kludge to limit ourselves to /bin/sh
    for arg do
        if
            case $arg in                                #(
              -*)   false ;;                            # don't mess with options #(
              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
                    [ -e "$t" ] ;;                      #(
              *)    false ;;
            esac
        then
            arg=$( cygpath --path --ignore --mixed "$arg" )
        fi
        # Roll the args list around exactly as many times as the number of
        # args, so each arg winds up back in the position where it started, but
        # possibly modified.
        #
        # NB: a `for` loop captures its iteration list before it begins, so
        # changing the positional parameters here affects neither the number of
        # iterations, nor the values presented in `arg`.
        shift                   # remove old arg
        set -- "$@" "$arg"      # push replacement arg
    done
 fi
 # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
 # Collect all arguments for the java command:
 #   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
 #     and any embedded shellness will be escaped.
 #   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
 #     treated as '${Hostname}' itself on the command line.
 set -- \
        "-Dorg.gradle.appname=$APP_BASE_NAME" \
        -classpath "$CLASSPATH" \
        org.gradle.wrapper.GradleWrapperMain \
        "$@"
 # Stop when "xargs" is not available.
 if ! command -v xargs >/dev/null 2>&1
 then
    die "xargs is not available"
 fi
 # Use "xargs" to parse quoted args.
 #
 # With -n1 it outputs one arg per line, with the quotes and backslashes removed.
 #
 # In Bash we could simply go:
 #
 #   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
 #   set -- "${ARGS[@]}" "$@"
 #
 # but POSIX shell has neither arrays nor command substitution, so instead we
 # post-process each arg (as a line of input to sed) to backslash-escape any
 # character that might be a shell metacharacter, then use eval to reverse
 # that process (while maintaining the separation between arguments), and wrap
 # the whole thing up as a single "set" statement.
 #
 # This will of course break if any of these variables contains a newline or
 # an unmatched quote.
 #
 eval "set -- $(
        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
        xargs -n1 |
        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
        tr '\n' ' '
    )" '"$@"'
 exec "$JAVACMD" "$@"
@@ -0,0 +1,94 @@
@rem
@rem Copyright 2015 the original author or authors.
@rem
@rem Licensed under the Apache License, Version 2.0 (the "License");
@rem you may not use this file except in compliance with the License.
@rem You may obtain a copy of the License at
@rem
@rem      https://www.apache.org/licenses/LICENSE-2.0
@rem
@rem Unless required by applicable law or agreed to in writing, software
@rem distributed under the License is distributed on an "AS IS" BASIS,
@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@rem See the License for the specific language governing permissions and
@rem limitations under the License.
@rem
@rem SPDX-License-Identifier: Apache-2.0
@rem
@if "%DEBUG%"=="" @echo off
@rem ##########################################################################
@rem
@rem  Gradle startup script for Windows
@rem
@rem ##########################################################################
@rem Set local scope for the variables with windows NT shell
 if "%OS%"=="Windows_NT" setlocal
 set DIRNAME=%~dp0
 if "%DIRNAME%"=="" set DIRNAME=.
@rem This is normally unused
 set APP_BASE_NAME=%~n0
 set APP_HOME=%DIRNAME%
@rem Resolve any "." and ".." in APP_HOME to make it shorter.
 for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
 set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
@rem Find java.exe
 if defined JAVA_HOME goto findJavaFromJavaHome
 set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
 if %ERRORLEVEL% equ 0 goto execute
 echo. 1>&2
 echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
 echo. 1>&2
 echo Please set the JAVA_HOME variable in your environment to match the 1>&2
 echo location of your Java installation. 1>&2
 goto fail
 :findJavaFromJavaHome
 set JAVA_HOME=%JAVA_HOME:"=%
 set JAVA_EXE=%JAVA_HOME%/bin/java.exe
 if exist "%JAVA_EXE%" goto execute
 echo. 1>&2
 echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
 echo. 1>&2
 echo Please set the JAVA_HOME variable in your environment to match the 1>&2
 echo location of your Java installation. 1>&2
 goto fail
 :execute
@rem Setup the command line
 set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
@rem Execute Gradle
 "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
 :end
@rem End local scope for the variables with windows NT shell
 if %ERRORLEVEL% equ 0 goto mainEnd
 :fail
 rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
 rem the _cmd.exe /c_ return code!
 set EXIT_CODE=%ERRORLEVEL%
 if %EXIT_CODE% equ 0 set EXIT_CODE=1
 if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
 exit /b %EXIT_CODE%
 :mainEnd
 if "%OS%"=="Windows_NT" endlocal
 :omega
@@ -0,0 +1,38 @@
 pluginManagement {
    includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().toString())
 }
 plugins { id("com.facebook.react.settings") }
 extensions.configure(com.facebook.react.ReactSettingsExtension) { ex ->
  if (System.getenv('EXPO_USE_COMMUNITY_AUTOLINKING') == '1') {
    ex.autolinkLibrariesFromCommand()
  } else {
    def command = [
      'node',
      '--no-warnings',
      '--eval',
      'require(require.resolve(\'expo-modules-autolinking\', { paths: [require.resolve(\'expo/package.json\')] }))(process.argv.slice(1))',
      'react-native-config',
      '--json',
      '--platform',
      'android'
    ].toList()
    ex.autolinkLibrariesFromCommand(command)
  }
 }
 rootProject.name = 'minuit.starter'
 dependencyResolutionManagement {
  versionCatalogs {
    reactAndroidLibs {
      from(files(new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim(), "../gradle/libs.versions.toml")))
    }
  }
 }
 apply from: new File(["node", "--print", "require.resolve('expo/package.json')"].execute(null, rootDir).text.trim(), "../scripts/autolinking.gradle");
 useExpoModules()
 include ':app'
 includeBuild(new File(["node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile())
@@ -365,13 +365,15 @@ exports.sunoCallback = onRequest(
      const overallTaskId = callbackData?.taskId || callbackData?.task_id || null;
      // Déterminer les éléments piste(s) à traiter
-      const items = Array.isArray(callbackData?.response?.data)
+      const items = Array.isArray(callbackData?.data)
-        ? callbackData.response.data
+        ? callbackData.data
-        : Array.isArray(callbackData?.sunoData)
+        : Array.isArray(callbackData?.response?.data)
-          ? callbackData.sunoData
+          ? callbackData.response.data
-          : id || audioUrl || imageUrl || title || tags || duration
+          : Array.isArray(callbackData?.sunoData)
-            ? [callbackData]
+            ? callbackData.sunoData
-            : [];
+            : id || audioUrl || imageUrl || title || tags || duration
              ? [callbackData]
              : [];
      if (!items.length) {
        // Aucun contenu piste à mettre à jour: acquitter le callback sans erreur
@@ -383,10 +385,28 @@ exports.sunoCallback = onRequest(
        });
      }
      // Retrouver l'association taskId -> projectId via le champ sunoTaskId du projet
      let mappedProjectId = null;
      try {
        if (overallTaskId) {
          const projSnap = await db
            .collection("projects")
            .where("sunoTaskId", "==", overallTaskId)
            .limit(1)
            .get();
          if (!projSnap.empty) {
            mappedProjectId = projSnap.docs[0].id;
          }
        }
      } catch (e) {
        // ignore mapping error, we'll proceed without projectId
      }
      const updates = [];
      for (const item of items) {
        const trackId = item.id || item.musicId || item.audioId || item.audio_id;
        if (!trackId) {
          continue;
        }
@@ -394,10 +414,6 @@ exports.sunoCallback = onRequest(
        // Chercher le document correspondant dans Firestore
        const musicRef = db.collection("music").doc(trackId);
        const musicDoc = await musicRef.get();
        if (!musicDoc.exists) {
          // Si le doc n'existe pas, ignorer silencieusement cet item
          continue;
        }
        const updateData = {
          status: item.status || overallStatus,
@@ -421,18 +437,53 @@ exports.sunoCallback = onRequest(
        if (tagsText) updateData.style = tagsText;
        if (durationVal) updateData.duration = durationVal;
        if (errMsg) updateData.errorMessage = errMsg;
        if (overallTaskId) updateData.taskId = overallTaskId;
        if (mappedProjectId) updateData.projectId = mappedProjectId;
-        updates.push(
+        if (!musicDoc.exists) {
-          musicRef
+          updates.push(
-            .update(updateData)
+            musicRef
-            .then(() => ({ id: trackId, ok: true }))
+              .set(
-            .catch(() => ({ id: trackId, ok: false })),
+                {
-        );
+                  ...updateData,
                  createdAt: admin.firestore.FieldValue.serverTimestamp(),
                },
                { merge: true },
              )
              .then(() => ({ id: trackId, ok: true }))
              .catch(() => ({ id: trackId, ok: false })),
          );
        } else {
          updates.push(
            musicRef
              .update(updateData)
              .then(() => ({ id: trackId, ok: true }))
              .catch(() => ({ id: trackId, ok: false })),
          );
        }
      }
      const results = await Promise.all(updates);
      const updated = results.filter((r) => r.ok).map((r) => r.id);
      // Mettre à jour le statut du projet si on connaît le projectId
      if (
        mappedProjectId &&
        (overallStatus === 200 ||
          overallStatus === "SUCCESS" ||
          callbackData?.callbackType === "complete")
      ) {
        try {
          await db.collection("projects").doc(mappedProjectId).set(
            {
              musicStatus: "GENERATED",
              updatedAt: admin.firestore.FieldValue.serverTimestamp(),
            },
            { merge: true },
          );
        } catch (_) {}
      }
      return res.status(200).json({
        success: true,
        message: "Callback traité avec succès",
@@ -0,0 +1,30 @@
 # OSX
 #
 .DS_Store
 # Xcode
 #
 build/
 *.pbxuser
 !default.pbxuser
 *.mode1v3
 !default.mode1v3
 *.mode2v3
 !default.mode2v3
 *.perspectivev3
 !default.perspectivev3
 xcuserdata
 *.xccheckout
 *.moved-aside
 DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
 project.xcworkspace
 .xcode.env.local
 # Bundle artifacts
 *.jsbundle
 # CocoaPods
 /Pods/
@@ -0,0 +1,11 @@
 # This `.xcode.env` file is versioned and is used to source the environment
 # used when running script phases inside Xcode.
 # To customize your local environment, you can create an `.xcode.env.local`
 # file that is not versioned.
 # NODE_BINARY variable contains the PATH to the node executable.
 #
 # Customize the NODE_BINARY variable here.
 # For example, to use nvm with brew, add the following line
 # . "$(brew --prefix nvm)/nvm.sh" --no-use
 export NODE_BINARY=$(command -v node)
@@ -0,0 +1,66 @@
 require File.join(File.dirname(`node --print "require.resolve('expo/package.json')"`), "scripts/autolinking")
 require File.join(File.dirname(`node --print "require.resolve('react-native/package.json')"`), "scripts/react_native_pods")
 require 'json'
 podfile_properties = JSON.parse(File.read(File.join(__dir__, 'Podfile.properties.json'))) rescue {}
 ENV['RCT_NEW_ARCH_ENABLED'] = podfile_properties['newArchEnabled'] == 'true' ? '1' : '0'
 ENV['EX_DEV_CLIENT_NETWORK_INSPECTOR'] = podfile_properties['EX_DEV_CLIENT_NETWORK_INSPECTOR']
 platform :ios, podfile_properties['ios.deploymentTarget'] || '15.1'
 install! 'cocoapods',
  :deterministic_uuids => false
 prepare_react_native_project!
 target 'minuitstarter' do
  use_expo_modules!
  if ENV['EXPO_USE_COMMUNITY_AUTOLINKING'] == '1'
    config_command = ['node', '-e', "process.argv=['', '', 'config'];require('@react-native-community/cli').run()"];
  else
    config_command = [
      'node',
      '--no-warnings',
      '--eval',
      'require(require.resolve(\'expo-modules-autolinking\', { paths: [require.resolve(\'expo/package.json\')] }))(process.argv.slice(1))',
      'react-native-config',
      '--json',
      '--platform',
      'ios'
    ]
  end
  config = use_native_modules!(config_command)
  use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks']
  use_frameworks! :linkage => ENV['USE_FRAMEWORKS'].to_sym if ENV['USE_FRAMEWORKS']
  use_react_native!(
    :path => config[:reactNativePath],
    :hermes_enabled => podfile_properties['expo.jsEngine'] == nil || podfile_properties['expo.jsEngine'] == 'hermes',
    # An absolute path to your application root.
    :app_path => "#{Pod::Config.instance.installation_root}/..",
    :privacy_file_aggregation_enabled => podfile_properties['apple.privacyManifestAggregationEnabled'] != 'false',
  )
  post_install do |installer|
    react_native_post_install(
      installer,
      config[:reactNativePath],
      :mac_catalyst_enabled => false,
      :ccache_enabled => podfile_properties['apple.ccacheEnabled'] == 'true',
    )
    # This is necessary for Xcode 14, because it signs resource bundles by default
    # when building for devices.
    installer.target_installation_results.pod_target_installation_results
      .each do |pod_name, target_installation_result|
      target_installation_result.resource_bundle_targets.each do |resource_bundle_target|
        resource_bundle_target.build_configurations.each do |config|
          config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO'
        end
      end
    end
  end
 end
@@ -0,0 +1,10 @@
 {
  "expo.jsEngine": "hermes",
  "EX_DEV_CLIENT_NETWORK_INSPECTOR": "true",
  "newArchEnabled": "false",
  "ios.deploymentTarget": "15.1",
  "ios.useFrameworks": "static",
  "apple.extraPods": "[]",
  "apple.ccacheEnabled": "false",
  "apple.privacyManifestAggregationEnabled": "true"
 }
@@ -0,0 +1,88 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
   LastUpgradeVersion = "1130"
   version = "1.3">
   <BuildAction
      parallelizeBuildables = "YES"
      buildImplicitDependencies = "YES">
      <BuildActionEntries>
         <BuildActionEntry
            buildForTesting = "YES"
            buildForRunning = "YES"
            buildForProfiling = "YES"
            buildForArchiving = "YES"
            buildForAnalyzing = "YES">
            <BuildableReference
               BuildableIdentifier = "primary"
               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
               BuildableName = "minuitstarter.app"
               BlueprintName = "minuitstarter"
               ReferencedContainer = "container:minuitstarter.xcodeproj">
            </BuildableReference>
         </BuildActionEntry>
      </BuildActionEntries>
   </BuildAction>
   <TestAction
      buildConfiguration = "Debug"
      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
      shouldUseLaunchSchemeArgsEnv = "YES">
      <Testables>
         <TestableReference
            skipped = "NO">
            <BuildableReference
               BuildableIdentifier = "primary"
               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
               BuildableName = "minuitstarterTests.xctest"
               BlueprintName = "minuitstarterTests"
               ReferencedContainer = "container:minuitstarter.xcodeproj">
            </BuildableReference>
         </TestableReference>
      </Testables>
   </TestAction>
   <LaunchAction
      buildConfiguration = "Debug"
      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
      launchStyle = "0"
      useCustomWorkingDirectory = "NO"
      ignoresPersistentStateOnLaunch = "NO"
      debugDocumentVersioning = "YES"
      debugServiceExtension = "internal"
      allowLocationSimulation = "YES">
      <BuildableProductRunnable
         runnableDebuggingMode = "0">
         <BuildableReference
            BuildableIdentifier = "primary"
            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
            BuildableName = "minuitstarter.app"
            BlueprintName = "minuitstarter"
            ReferencedContainer = "container:minuitstarter.xcodeproj">
         </BuildableReference>
      </BuildableProductRunnable>
   </LaunchAction>
   <ProfileAction
      buildConfiguration = "Release"
      shouldUseLaunchSchemeArgsEnv = "YES"
      savedToolIdentifier = ""
      useCustomWorkingDirectory = "NO"
      debugDocumentVersioning = "YES">
      <BuildableProductRunnable
         runnableDebuggingMode = "0">
         <BuildableReference
            BuildableIdentifier = "primary"
            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
            BuildableName = "minuitstarter.app"
            BlueprintName = "minuitstarter"
            ReferencedContainer = "container:minuitstarter.xcodeproj">
         </BuildableReference>
      </BuildableProductRunnable>
   </ProfileAction>
   <AnalyzeAction
      buildConfiguration = "Debug">
   </AnalyzeAction>
   <ArchiveAction
      buildConfiguration = "Release"
      revealArchiveInOrganizer = "YES">
   </ArchiveAction>
 </Scheme>
@@ -0,0 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Workspace
   version = "1.0">
   <FileRef
      location = "group:minuitstarter.xcodeproj">
   </FileRef>
   <FileRef
      location = "group:Pods/Pods.xcodeproj">
   </FileRef>
 </Workspace>
@@ -0,0 +1,7 @@
 #import <RCTAppDelegate.h>
 #import <UIKit/UIKit.h>
 #import <Expo/Expo.h>
@interface AppDelegate : EXAppDelegateWrapper
@end
@@ -0,0 +1,66 @@
 #import "AppDelegate.h"
 #import <Firebase/Firebase.h>
 #import <React/RCTBundleURLProvider.h>
 #import <React/RCTLinkingManager.h>
@implementation AppDelegate
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
 // @generated begin @react-native-firebase/app-didFinishLaunchingWithOptions - expo prebuild (DO NOT MODIFY) sync-ecd111c37e49fdd1ed6354203cd6b1e2a38cccda
 [FIRApp configure];
 // @generated end @react-native-firebase/app-didFinishLaunchingWithOptions
  self.moduleName = @"main";
  // You can add your custom initial props in the dictionary below.
  // They will be passed down to the ViewController used by React Native.
  self.initialProps = @{};
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
 }
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 {
  return [self bundleURL];
 }
 - (NSURL *)bundleURL
 {
 #if DEBUG
  return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@".expo/.virtual-metro-entry"];
 #else
  return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
 #endif
 }
 // Linking API
 - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
  return [super application:application openURL:url options:options] || [RCTLinkingManager application:application openURL:url options:options];
 }
 // Universal Links
 - (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity restorationHandler:(nonnull void (^)(NSArray<id<UIUserActivityRestoring>> * _Nullable))restorationHandler {
  BOOL result = [RCTLinkingManager application:application continueUserActivity:userActivity restorationHandler:restorationHandler];
  return [super application:application continueUserActivity:userActivity restorationHandler:restorationHandler] || result;
 }
 // Explicitly define remote notification delegates to ensure compatibility with some third-party libraries
 - (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
 {
  return [super application:application didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
 }
 // Explicitly define remote notification delegates to ensure compatibility with some third-party libraries
 - (void)application:(UIApplication *)application didFailToRegisterForRemoteNotificationsWithError:(NSError *)error
 {
  return [super application:application didFailToRegisterForRemoteNotificationsWithError:error];
 }
 // Explicitly define remote notification delegates to ensure compatibility with some third-party libraries
 - (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler
 {
  return [super application:application didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];
 }
@end
@@ -0,0 +1,34 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
 	<key>CLIENT_ID</key>
 	<string>943006074419-h43c7p48nhn5f4td4oimv4dq7b1p3s29.apps.googleusercontent.com</string>
 	<key>REVERSED_CLIENT_ID</key>
 	<string>com.googleusercontent.apps.943006074419-h43c7p48nhn5f4td4oimv4dq7b1p3s29</string>
 	<key>API_KEY</key>
 	<string>AIzaSyAkl2RAzUCYTQCcYhSeij6-tXNk6z7121Y</string>
 	<key>GCM_SENDER_ID</key>
 	<string>943006074419</string>
 	<key>PLIST_VERSION</key>
 	<string>1</string>
 	<key>BUNDLE_ID</key>
 	<string>com.minuit.starter</string>
 	<key>PROJECT_ID</key>
 	<string>minuitcloud</string>
 	<key>STORAGE_BUCKET</key>
 	<string>minuitcloud.appspot.com</string>
 	<key>IS_ADS_ENABLED</key>
 	<false></false>
 	<key>IS_ANALYTICS_ENABLED</key>
 	<false></false>
 	<key>IS_APPINVITE_ENABLED</key>
 	<true></true>
 	<key>IS_GCM_ENABLED</key>
 	<true></true>
 	<key>IS_SIGNIN_ENABLED</key>
 	<true></true>
 	<key>GOOGLE_APP_ID</key>
 	<string>1:943006074419:ios:5deb4cce66c04c09658546</string>
 </dict>
 </plist>
@@ -0,0 +1,14 @@
 {
  "images": [
    {
      "filename": "App-Icon-1024x1024@1x.png",
      "idiom": "universal",
      "platform": "ios",
      "size": "1024x1024"
    }
  ],
  "info": {
    "version": 1,
    "author": "expo"
  }
 }
@@ -0,0 +1,6 @@
 {
  "info" : {
    "version" : 1,
    "author" : "expo"
  }
 }
@@ -0,0 +1,20 @@
 {
  "colors": [
    {
      "color": {
        "components": {
          "alpha": "1.000",
          "blue": "0.0784313725490196",
          "green": "0.0470588235294118",
          "red": "0.0588235294117647"
        },
        "color-space": "srgb"
      },
      "idiom": "universal"
    }
  ],
  "info": {
    "version": 1,
    "author": "expo"
  }
 }
@@ -0,0 +1,23 @@
 {
  "images": [
    {
      "idiom": "universal",
      "filename": "image.png",
      "scale": "1x"
    },
    {
      "idiom": "universal",
      "filename": "image@2x.png",
      "scale": "2x"
    },
    {
      "idiom": "universal",
      "filename": "image@3x.png",
      "scale": "3x"
    }
  ],
  "info": {
    "version": 1,
    "author": "expo"
  }
 }
@@ -0,0 +1,106 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
  <dict>
    <key>CADisableMinimumFrameDurationOnPhone</key>
    <true/>
    <key>CFBundleDevelopmentRegion</key>
    <string>$(DEVELOPMENT_LANGUAGE)</string>
    <key>CFBundleDisplayName</key>
    <string>minuit.starter</string>
    <key>CFBundleExecutable</key>
    <string>$(EXECUTABLE_NAME)</string>
    <key>CFBundleIdentifier</key>
    <string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
    <key>CFBundleInfoDictionaryVersion</key>
    <string>6.0</string>
    <key>CFBundleName</key>
    <string>$(PRODUCT_NAME)</string>
    <key>CFBundlePackageType</key>
    <string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
    <key>CFBundleShortVersionString</key>
    <string>2024.04.1</string>
    <key>CFBundleSignature</key>
    <string>????</string>
    <key>CFBundleURLTypes</key>
    <array>
      <dict>
        <key>CFBundleURLSchemes</key>
        <array>
          <string>minuit</string>
          <string>com.minuit.starter</string>
        </array>
      </dict>
      <dict>
        <key>CFBundleURLSchemes</key>
        <array>
          <string>com.googleusercontent.apps.943006074419-h43c7p48nhn5f4td4oimv4dq7b1p3s29</string>
        </array>
      </dict>
      <dict>
        <key>CFBundleURLSchemes</key>
        <array>
          <string>exp+minuitstarter</string>
        </array>
      </dict>
    </array>
    <key>CFBundleVersion</key>
    <string>1</string>
    <key>ITSAppUsesNonExemptEncryption</key>
    <false/>
    <key>LSApplicationQueriesSchemes</key>
    <array>
      <string>itms-apps</string>
      <string>minuit</string>
    </array>
    <key>LSMinimumSystemVersion</key>
    <string>12.0</string>
    <key>LSRequiresIPhoneOS</key>
    <true/>
    <key>NSAppTransportSecurity</key>
    <dict>
      <key>NSAllowsArbitraryLoads</key>
      <false/>
      <key>NSAllowsLocalNetworking</key>
      <true/>
    </dict>
    <key>NSCameraUsageDescription</key>
    <string>Nous avons besoin d'accéder à votre appareil photo pour vous permettre de prendre des photos de vos tâches.</string>
    <key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
    <string>Allow $(PRODUCT_NAME) to access your location</string>
    <key>NSLocationAlwaysUsageDescription</key>
    <string>Allow $(PRODUCT_NAME) to access your location</string>
    <key>NSLocationWhenInUseUsageDescription</key>
    <string>Allow $(PRODUCT_NAME) to access your location</string>
    <key>NSMicrophoneUsageDescription</key>
    <string>Nous avons besoin d'accéder à votre microphone pour vous permettre d'enregistrer des messages vocaux pour vos tâches.</string>
    <key>NSPhotoLibraryUsageDescription</key>
    <string>Nous avons besoin d'accéder à votre galerie pour vous permettre d'ajouter des photos à vos tâches.</string>
    <key>RCTRootViewBackgroundColor</key>
    <integer>4279176212</integer>
    <key>UILaunchStoryboardName</key>
    <string>SplashScreen</string>
    <key>UIRequiredDeviceCapabilities</key>
    <array>
      <string>arm64</string>
    </array>
    <key>UIRequiresFullScreen</key>
    <true/>
    <key>UIStatusBarStyle</key>
    <string>UIStatusBarStyleDefault</string>
    <key>UISupportedInterfaceOrientations</key>
    <array>
      <string>UIInterfaceOrientationPortrait</string>
      <string>UIInterfaceOrientationPortraitUpsideDown</string>
    </array>
    <key>UISupportedInterfaceOrientations~ipad</key>
    <array>
      <string>UIInterfaceOrientationLandscapeLeft</string>
      <string>UIInterfaceOrientationLandscapeRight</string>
    </array>
    <key>UIUserInterfaceStyle</key>
    <string>Dark</string>
    <key>UIViewControllerBasedStatusBarAppearance</key>
    <false/>
  </dict>
 </plist>
@@ -0,0 +1,50 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
 	<key>NSPrivacyAccessedAPITypes</key>
 	<array>
 		<dict>
 			<key>NSPrivacyAccessedAPIType</key>
 			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
 			<key>NSPrivacyAccessedAPITypeReasons</key>
 			<array>
 				<string>C617.1</string>
 				<string>0A2A.1</string>
 				<string>3B52.1</string>
 			</array>
 		</dict>
 		<dict>
 			<key>NSPrivacyAccessedAPIType</key>
 			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
 			<key>NSPrivacyAccessedAPITypeReasons</key>
 			<array>
 				<string>CA92.1</string>
 				<string>1C8F.1</string>
 				<string>C56D.1</string>
 			</array>
 		</dict>
 		<dict>
 			<key>NSPrivacyAccessedAPIType</key>
 			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
 			<key>NSPrivacyAccessedAPITypeReasons</key>
 			<array>
 				<string>35F9.1</string>
 			</array>
 		</dict>
 		<dict>
 			<key>NSPrivacyAccessedAPIType</key>
 			<string>NSPrivacyAccessedAPICategoryDiskSpace</string>
 			<key>NSPrivacyAccessedAPITypeReasons</key>
 			<array>
 				<string>E174.1</string>
 				<string>85F4.1</string>
 			</array>
 		</dict>
 	</array>
 	<key>NSPrivacyCollectedDataTypes</key>
 	<array/>
 	<key>NSPrivacyTracking</key>
 	<false/>
 </dict>
 </plist>
@@ -0,0 +1,44 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="32700.99.1234" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="EXPO-VIEWCONTROLLER-1">
    <device id="retina6_12" orientation="portrait" appearance="light"/>
    <dependencies>
        <deployment identifier="iOS"/>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="22685"/>
        <capability name="Named colors" minToolsVersion="9.0"/>
        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
    </dependencies>
    <scenes>
        <scene sceneID="EXPO-SCENE-1">
            <objects>
                <viewController storyboardIdentifier="SplashScreenViewController" id="EXPO-VIEWCONTROLLER-1" sceneMemberID="viewController">
                    <view key="view" userInteractionEnabled="NO" contentMode="scaleToFill" insetsLayoutMarginsFromSafeArea="NO" id="EXPO-ContainerView" userLabel="ContainerView">
                        <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                        <subviews>
                            <imageView id="EXPO-SplashScreen" userLabel="SplashScreenLogo" image="SplashScreenLogo" contentMode="scaleAspectFit" clipsSubviews="true" userInteractionEnabled="false" translatesAutoresizingMaskIntoConstraints="false">
                                <rect key="frame" x="0" y="0" width="414" height="736"/>
                            </imageView>
                        </subviews>
                        <viewLayoutGuide key="safeArea" id="Rmq-lb-GrQ"/>
                        <constraints>
                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="top" secondItem="EXPO-ContainerView" secondAttribute="top" id="83fcb9b545b870ba44c24f0feeb116490c499c52"/>
                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="leading" secondItem="EXPO-ContainerView" secondAttribute="leading" id="61d16215e44b98e39d0a2c74fdbfaaa22601b12c"/>
                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="trailing" secondItem="EXPO-ContainerView" secondAttribute="trailing" id="f934da460e9ab5acae3ad9987d5b676a108796c1"/>
                            <constraint firstItem="EXPO-SplashScreen" firstAttribute="bottom" secondItem="EXPO-ContainerView" secondAttribute="bottom" id="d6a0be88096b36fb132659aa90203d39139deda9"/>
                        </constraints>
                        <color key="backgroundColor" name="SplashScreenBackground"/>
                    </view>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="EXPO-PLACEHOLDER-1" userLabel="First Responder" sceneMemberID="firstResponder"/>
            </objects>
            <point key="canvasLocation" x="0.0" y="0.0"/>
        </scene>
    </scenes>
    <resources>
        <image name="SplashScreenLogo" width="414" height="736"/>
        <namedColor name="SplashScreenBackground">
            <color alpha="1.000" blue="0.0784313725490196" green="0.0470588235294118" red="0.0588235294117647" customColorSpace="sRGB" colorSpace="custom"/>
        </namedColor>
    </resources>
 </document>
@@ -0,0 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
  <dict>
    <key>EXUpdatesCheckOnLaunch</key>
    <string>ALWAYS</string>
    <key>EXUpdatesEnabled</key>
    <false/>
    <key>EXUpdatesLaunchWaitMs</key>
    <integer>0</integer>
  </dict>
 </plist>
@@ -0,0 +1,10 @@
 #import <UIKit/UIKit.h>
 #import "AppDelegate.h"
 int main(int argc, char * argv[]) {
  @autoreleasepool {
    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
  }
 }
@@ -0,0 +1,3 @@
 //
 //  Use this file to import your target's public headers that you would like to expose to Swift.
 //
@@ -0,0 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
  <dict>
    <key>aps-environment</key>
    <string>development</string>
    <key>com.apple.developer.associated-domains</key>
    <array>
      <string>applinks:minuit.starter</string>
    </array>
  </dict>
 </plist>
@@ -0,0 +1,4 @@
 //
 // @generated
 // A blank Swift file must be created for native modules with Swift files to work correctly.
 //
@@ -43,6 +43,7 @@
    "expo-av": "~15.0.2",
    "expo-blur": "~14.0.3",
    "expo-build-properties": "~0.13.3",
    "expo-camera": "~16.0.18",
    "expo-constants": "~17.0.8",
    "expo-dev-client": "~5.0.20",
    "expo-device": "~7.0.3",
@@ -96,6 +97,7 @@
    "@babel/core": "^7.20.5",
    "@babel/parser": "^7.25.6",
    "@babel/traverse": "^7.25.6",
    "@types/react": "~18.3.12",
    "eslint": "^8.57.0",
    "eslint-config-expo": "~8.0.1",
    "eslint-config-prettier": "^9.1.0",
@@ -1,137 +0,0 @@
 import { View, Text, ScrollView, StyleSheet, Dimensions } from "react-native";
 import React, { useState } from "react";
 import Animated, {
  runOnJS,
  useAnimatedGestureHandler,
  useAnimatedStyle,
  useSharedValue,
  withSpring,
 } from "react-native-reanimated";
 import { PanGestureHandler } from "react-native-gesture-handler";
 const { width } = Dimensions.get("window");
 const DragDropTest = () => {
  const [leftItems, setLeftItems] = useState([
    "fortnite",
    "apex",
    "callofduty",
  ]);
  const [rightItems, setRightItems] = useState([]);
  const draggingItem = useSharedValue(null);
  const translateX = useSharedValue(0);
  const translateY = useSharedValue(0);
  const moveItem = (item) => {
    setLeftItems((items) => items.filter((i) => i !== item));
    setRightItems((items) => [...items, item]);
  };
  const gestureHandler = useAnimatedGestureHandler({
    onStart: (_, ctx) => {
      ctx.startX = translateX.value;
      ctx.startY = translateY.value;
    },
    onActive: (event, ctx) => {
      translateX.value = ctx.startX + event.translationX;
      translateY.value = ctx.startY + event.translationY;
    },
    onEnd: () => {
      if (translateX.value > width / 2) {
        runOnJS(moveItem)(draggingItem.value);
      }
      translateX.value = withSpring(0);
      translateY.value = withSpring(0);
      draggingItem.value = null;
    },
  });
  const renderDraggable = (item) => {
    const style = useAnimatedStyle(() => ({
      transform: [
        { translateX: draggingItem.value === item ? translateX.value : 0 },
        { translateY: draggingItem.value === item ? translateY.value : 0 },
      ],
      zIndex: draggingItem.value === item ? 10 : 0,
    }));
    return (
      <PanGestureHandler
        key={item}
        onGestureEvent={gestureHandler}
        onHandlerStateChange={() => {
          draggingItem.value = item;
        }}
      >
        <Animated.View style={[styles.item, style]}>
          <Text style={styles.text}>{item}</Text>
        </Animated.View>
      </PanGestureHandler>
    );
  };
  return (
    <View style={styles.scrollWrapper}>
      <ScrollView
        style={{
          ...styles.scroll,
          zIndex: 2,
        }}
      >
        <Text style={styles.title}>Left</Text>
        {leftItems.map(renderDraggable)}
      </ScrollView>
      <ScrollView
        style={{
          ...styles.scroll,
          zIndex: -1,
        }}
      >
        <Text style={styles.title}>Right</Text>
        {rightItems.map((item) => (
          <View key={item} style={[styles.item, { backgroundColor: "#bdf" }]}>
            <Text style={styles.text}>{item}</Text>
          </View>
        ))}
      </ScrollView>
    </View>
  );
 };
 export default DragDropTest;
 const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingTop: 50,
  },
  scrollWrapper: {
    flexDirection: "row",
    justifyContent: "space-around",
  },
  scroll: {
    width: width / 2.2,
    height: "90%",
    backgroundColor: "#f0f0f0",
    borderRadius: 10,
    margin: 5,
    padding: 10,
  },
  title: {
    fontWeight: "bold",
    fontSize: 16,
    marginBottom: 10,
  },
  item: {
    backgroundColor: "#aaf",
    padding: 15,
    marginVertical: 5,
    borderRadius: 10,
  },
  text: {
    color: "#333",
    textAlign: "center",
  },
 });
@@ -12,9 +12,10 @@ const GradientButton = ({
  props,
  containerStyle = {},
  icon,
  disabled = false,
 }) => {
  return (
-    <Pressable onPress={onPress} style={{ ...containerStyle }}>
+    <Pressable onPress={onPress} disabled={disabled} style={{ ...containerStyle, opacity: disabled ? 0.6 : 1 }}>
      <LinearGradient
        colors={colors}
        style={{
@@ -0,0 +1,176 @@
 import { View, Text, ScrollView, StyleSheet, Dimensions } from "react-native";
 import React, { useEffect, useMemo, useState } from "react";
 import Animated, {
  runOnJS,
  useAnimatedGestureHandler,
  useAnimatedStyle,
  useSharedValue,
  withSpring,
 } from "react-native-reanimated";
 import { PanGestureHandler } from "react-native-gesture-handler";
 const { width } = Dimensions.get("window");
 // Child component to respect Rules of Hooks (no hooks in loops)
 const DraggableItem = ({ item, gestureHandler, draggingItem, translateX, translateY, onActivate }) => {
  const style = useAnimatedStyle(() => ({
    transform: [
      { translateX: draggingItem.value === item.id ? translateX.value : 0 },
      { translateY: draggingItem.value === item.id ? translateY.value : 0 },
    ],
    zIndex: draggingItem.value === item.id ? 10 : 0,
  }));
  return (
    <PanGestureHandler
      onGestureEvent={gestureHandler}
      onHandlerStateChange={() => onActivate(item.id)}
    >
      <Animated.View style={[styles.item, style]}>
        <Text style={styles.text}>{item.label ?? String(item)}</Text>
      </Animated.View>
    </PanGestureHandler>
  );
 };
 // Props:
 // - sourceItems: array of { id, label, value } or strings
 // - initialSelected: array of ids to prefill right side (optional)
 // - onChange: callback with array of values (or strings) in right order
 const SongStructureDragDrop = ({ sourceItems, initialSelected, onChange }) => {
  const normalize = (arr = []) =>
    arr.map((item, idx) =>
      typeof item === "string"
        ? { id: `${item}-${idx}`, label: item, value: item }
        : item,
    );
  const normalizedSource = useMemo(
    () => normalize(sourceItems || []),
    [sourceItems],
  );
  const [leftItems, setLeftItems] = useState(normalizedSource);
  const [rightItems, setRightItems] = useState([]);
  // Compare arrays by item id and order to avoid unnecessary state churn
  const sameById = (a = [], b = []) => {
    if (a === b) return true;
    if (!a || !b) return false;
    if (a.length !== b.length) return false;
    for (let idx = 0; idx < a.length; idx++) {
      if (a[idx]?.id !== b[idx]?.id) return false;
    }
    return true;
  };
  useEffect(() => {
    const selected = Array.isArray(initialSelected) ? initialSelected : [];
    const selectedSet = new Set(selected);
    const right = normalizedSource.filter((i) => selectedSet.has(i.id));
    const left = normalizedSource.filter((i) => !selectedSet.has(i.id));
    setLeftItems((prev) => (sameById(prev, left) ? prev : left));
    setRightItems((prev) => (sameById(prev, right) ? prev : right));
  }, [normalizedSource, initialSelected]);
  const draggingItem = useSharedValue(null);
  const translateX = useSharedValue(0);
  const translateY = useSharedValue(0);
  const onActivate = (id) => {
    draggingItem.value = id;
  };
  const moveItem = (itemId) => {
    setLeftItems((items) => {
      const found = items.find((i) => i.id === itemId);
      if (!found) return items;
      setRightItems((r) => {
        const next = [...r, found];
        onChange?.(next.map((i) => i.value ?? i.label));
        return next;
      });
      return items.filter((i) => i.id !== itemId);
    });
  };
  const gestureHandler = useAnimatedGestureHandler({
    onStart: (_, ctx) => {
      ctx.startX = translateX.value;
      ctx.startY = translateY.value;
    },
    onActive: (event, ctx) => {
      translateX.value = ctx.startX + event.translationX;
      translateY.value = ctx.startY + event.translationY;
    },
    onEnd: () => {
      if (translateX.value > width / 2) {
        runOnJS(moveItem)(draggingItem.value);
      }
      translateX.value = withSpring(0);
      translateY.value = withSpring(0);
      draggingItem.value = null;
    },
  });
  return (
    <View style={styles.scrollWrapper}>
      <ScrollView style={{ ...styles.scroll, zIndex: 2 }}>
        <Text style={styles.title}>Left</Text>
        {leftItems.map((item) => (
          <DraggableItem
            key={item.id}
            item={item}
            gestureHandler={gestureHandler}
            draggingItem={draggingItem}
            translateX={translateX}
            translateY={translateY}
            onActivate={onActivate}
          />
        ))}
      </ScrollView>
      <ScrollView style={{ ...styles.scroll, zIndex: -1 }}>
        <Text style={styles.title}>Right</Text>
        {rightItems.map((item) => (
          <View key={item.id} style={[styles.item, { backgroundColor: "#bdf" }]}>
            <Text style={styles.text}>{item.label ?? String(item)}</Text>
          </View>
        ))}
      </ScrollView>
    </View>
  );
 };
 export default SongStructureDragDrop;
 const styles = StyleSheet.create({
  scrollWrapper: {
    flexDirection: "row",
    justifyContent: "space-around",
  },
  scroll: {
    width: width / 2.2,
    height: "90%",
    backgroundColor: "#f0f0f0",
    borderRadius: 10,
    margin: 5,
    padding: 10,
  },
  title: {
    fontWeight: "bold",
    fontSize: 16,
    marginBottom: 10,
  },
  item: {
    backgroundColor: "#aaf",
    padding: 15,
    marginVertical: 5,
    borderRadius: 10,
  },
  text: {
    color: "#333",
    textAlign: "center",
  },
 });
@@ -1,21 +1,24 @@
 import { View, Text, FlatList } from "react-native";
 import React, { useState } from "react";
 import CreateLyricsHeader from "../Writing/components/CreateLyricsHeader";
 import { responsiveHeight } from "react-native-responsive-dimensions";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import { Palette } from "../../styles";
 import { CHOOSE_GENRE } from "../../data/data";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import _ from "lodash";
-const ChooseGenre = () => {
+const ChooseGenre = ({ selected = [], setSelected }) => {
  const [containerLayout, setContainerLayout] = useState(null);
  const [selected, setSelected] = useState(null);
  const onPressSelect = (item) => {
-    if (selected === item) {
+    if (!setSelected) return;
-      setSelected(null);
+    const value = item?.title;
-    } else {
+    const list = _.isArray(selected) ? selected : [];
-      setSelected(item);
+    const exists = _.includes(list, value);
    if (exists) {
      setSelected(_.filter(list, (v) => !_.isEqual(v, value)));
    } else if (_.size(list) < 2) {
      setSelected([...list, value]);
    }
  };
@@ -39,18 +42,19 @@ const ChooseGenre = () => {
              paddingTop: 5,
            }}
            renderItem={({ item, index }) => {
-              const selectedItem = selected === item.title;
+              const list = Array.isArray(selected) ? selected : [];
              const selectedItem = _.includes(list, item.title);
              return (
                <View style={{ paddingHorizontal: 5 }}>
                  <CreateLyricsHeader
-                    colors={
+                    colors={[Palette.tran, Palette.tran]}
                      selectedItem
                        ? ["#FFFFFF00", "#FFFFFF"]
                        : [Palette.tran, Palette.tran]
                    }
                    tint={selectedItem ? "default" : "dark"}
-                    onPress={() => onPressSelect(item.title)}
+                    onPress={() => onPressSelect(item)}
                    containerStyle={{
                      borderWidth: selectedItem ? 2 : 0,
                      borderColor: selectedItem ? "#F94697" : "transparent",
                    }}
                  >
                    <Text
                      style={{
@@ -7,15 +7,17 @@ import { FONT_FAMILY } from "../../styles/Fonts";
 import { BlurView } from "expo-blur";
 import { INSTRUMENTS } from "../../data/data";
-const ChooseInstruments = () => {
+const ChooseInstruments = ({ selected = [], setSelected }) => {
  const [containerLayout, setContainerLayout] = useState(null);
  const [selected, setSelected] = useState(null);
  const onPressSelect = (item) => {
-    if (selected === item) {
+    if (!setSelected) return;
-      setSelected(null);
+    const list = Array.isArray(selected) ? selected : [];
-    } else {
+    const exists = list.includes(item);
-      setSelected(item);
+    if (exists) {
      setSelected(list.filter((v) => v !== item));
    } else if (list.length < 5) {
      setSelected([...list, item]);
    }
  };
@@ -35,19 +37,18 @@ const ChooseInstruments = () => {
            showsVerticalScrollIndicator={false}
            contentContainerStyle={styles.contentContainer}
            renderItem={({ item }) => {
-              const selectedItem = selected === item;
+              const list = Array.isArray(selected) ? selected : [];
              const selectedItem = list.includes(item);
              return (
                <CreateLyricsHeader
                  onPress={() => onPressSelect(item)}
                  tint={selectedItem ? "default" : "dark"}
-                  colors={
+                  colors={[Palette.tran, Palette.tran]}
                    selectedItem
                      ? ["#FFFFFF00", "#FFFFFF"]
                      : [Palette.tran, Palette.tran]
                  }
                  containerStyle={{
                    ...styles.itemContainer,
                    borderWidth: selectedItem ? 2 : 0,
                    borderColor: selectedItem ? "#F94697" : "transparent",
                  }}
                >
                  <View
@@ -7,15 +7,12 @@ import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import { RHYTHM } from "../../data/data";
-const ChooseRhythm = () => {
+const ChooseRhythm = ({ selected, setSelected }) => {
  const [selected, setSelected] = useState(null);
  const onPressSelect = (item) => {
-    if (selected === item) {
+    if (!setSelected) return;
-      setSelected(null);
+    if (selected === item) setSelected(null);
-    } else {
+    else setSelected(item);
      setSelected(item);
    }
  };
  return (
@@ -3,12 +3,15 @@ import React from "react";
 import { ai, background } from "../../assets";
 import Page from "../../layouts/Page";
 import { goBack, navigate } from "../../navigation/NavigationService";
 import { useRoute } from "@react-navigation/native";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { Routes } from "../../navigation";
 import GradientButton from "../../components/GradientButton";
 import { gutters } from "../../styles";
 const Compose = () => {
  const route = useRoute();
  const projectId = route?.params?.projectId;
  return (
    <Page backgroundImg={background.studioBG2} headerType="NONE">
      <Image source={ai.theo} style={styles.img} resizeMode="contain" />
@@ -25,7 +28,7 @@ const Compose = () => {
        >
          <GradientButton
            title="Composer ma chanson"
-            onPress={() => navigate(Routes.ComposeSong)}
+            onPress={() => navigate(Routes.ComposeSong, { projectId })}
          />
        </View>
      </View>
@@ -1,11 +1,10 @@
-import { View, Text, Image, StyleSheet, Dimensions } from "react-native";
+import { View, Dimensions } from "react-native";
-import React, { useRef, useState } from "react";
+import React, { useMemo, useRef, useState } from "react";
 import Page from "../../layouts/Page";
-import { ai, background } from "../../assets";
+import { background } from "../../assets";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import GradientButton from "../../components/GradientButton";
-import { goBack, navigate } from "../../navigation/NavigationService";
+import { goBack } from "../../navigation/NavigationService";
 import { Routes } from "../../navigation";
 import { gutters } from "../../styles";
 import SwiperFlatList from "react-native-swiper-flatlist";
 import ChooseGenre from "./ChooseGenre";
@@ -13,6 +12,9 @@ import CustomizeVoice from "./CustomizeVoice";
 import ChooseInstruments from "./ChooseInstruments";
 import ChooseRhythm from "./ChooseRhythm";
 import CreatingSong from "./CreatingSong";
 import { useRoute } from "@react-navigation/native";
 import firebase from "../../config/firebase";
 import useDataFromRef from "../../hooks/useDataFromRef";
 const { width } = Dimensions.get("window");
@@ -21,6 +23,60 @@ const ComposeSong = () => {
  const [selectedIndex, setSelectedIndex] = useState(0);
  const [progress, setProgress] = useState(18);
  const [containerLayout, setContainerLayout] = useState(null);
  const route = useRoute();
  const projectId = route?.params?.projectId;
  // Selections state
  const [genres, setGenres] = useState(__DEV__ ? ["Hip Hop/Rap", "Punk"] : []);
  const [voice, setVoice] = useState(
    __DEV__ ? "Deux voix pour interpreter ta chanson" : null,
  );
  const [instruments, setInstruments] = useState(
    __DEV__ ? ["Synthétiseur", "Trompette", "Piano classique"] : [],
  );
  const [rhythm, setRhythm] = useState(__DEV__ ? "Rapide" : null);
  // Fetch selected project to get title + lyrics
  const { data: project } = useDataFromRef({
    ref: projectId
      ? firebase.firestore().collection("projects").doc(projectId)
      : null,
    simpleRef: true,
    listener: true,
    condition: !!projectId,
  });
  const isStepValid = useMemo(() => {
    switch (selectedIndex) {
      case 0:
        return Array.isArray(genres) && genres.length > 0;
      case 1:
        return !!voice;
      case 2:
        return Array.isArray(instruments) && instruments.length > 0;
      case 3:
        return !!rhythm;
      default:
        return true;
    }
  }, [selectedIndex, genres, voice, instruments, rhythm]);
  const musicConfig = useMemo(() => {
    const lyricsArr = [];
    const c = project?.lyrics?.couplet;
    const r = project?.lyrics?.refrain;
    if (c) lyricsArr.push({ type: "couplet", lyrics: c });
    if (r) lyricsArr.push({ type: "refrain", lyrics: r });
    return {
      title: project?.title || "",
      lyrics: lyricsArr,
      genres: Array.isArray(genres) ? genres : [],
      voice: voice || undefined,
      instruments: Array.isArray(instruments) ? instruments : [],
      tempo: rhythm || undefined,
      projectId: projectId || undefined,
    };
  }, [project, genres, voice, instruments, rhythm, projectId]);
  const onPressNext = () => {
    setSelectedIndex(selectedIndex + 1);
@@ -64,7 +120,7 @@ const ComposeSong = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <ChooseGenre />
+              <ChooseGenre selected={genres} setSelected={setGenres} />
            </View>
            <View
              style={{
@@ -73,7 +129,7 @@ const ComposeSong = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <CustomizeVoice />
+              <CustomizeVoice selected={voice} setSelected={setVoice} />
            </View>
            <View
              style={{
@@ -82,7 +138,10 @@ const ComposeSong = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <ChooseInstruments />
+              <ChooseInstruments
                selected={instruments}
                setSelected={setInstruments}
              />
            </View>
            <View
              style={{
@@ -91,7 +150,7 @@ const ComposeSong = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <ChooseRhythm />
+              <ChooseRhythm selected={rhythm} setSelected={setRhythm} />
            </View>
            <View
              style={{
@@ -100,16 +159,20 @@ const ComposeSong = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <CreatingSong active={selectedIndex === 4} />
+              <CreatingSong active={selectedIndex === 4} config={musicConfig} />
            </View>
          </SwiperFlatList>
        </View>
        {selectedIndex !== 4 && (
-          <GradientButton title="Suivant" onPress={onPressNext} />
+          <GradientButton
            title={selectedIndex === 3 ? "Générer" : "Suivant"}
            onPress={onPressNext}
            disabled={!isStepValid}
          />
        )}
      </View>
    </Page>
  );
 };
-export default ComposeSong;
+export default ComposeSong;
@@ -9,26 +9,133 @@ import ProgressBar from "../../components/ProgressBar";
 import { goBack, navigate } from "../../navigation/NavigationService";
 import { Routes } from "../../navigation";
 import GradientButton from "../../components/GradientButton";
 import firebase from "../../config/firebase";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import moment from "moment";
-const CreatingSong = ({ active }) => {
+const CreatingSong = ({ active, config }) => {
  const [progress, setProgress] = useState(0);
  const [called, setCalled] = useState(false);
  const [result, setResult] = useState(null);
  const { setIsLoading } = useMinuit();
  const [musicStatus, setMusicStatus] = useState(null);
  const [generationStartAt, setGenerationStartAt] = useState(null);
  const progressTimerRef = React.useRef(null);
  // Abonnement au document projet pour suivre le statut et la date de début
  useEffect(() => {
    if (!config?.projectId) return undefined;
    const unsub = firebase
      .firestore()
      .collection("projects")
      .doc(config.projectId)
      .onSnapshot((doc) => {
        const data = doc.data() || {};
        setMusicStatus(data?.musicStatus || null);
        setGenerationStartAt(data?.generationStartAt || null);
      });
    return () => {
      if (typeof unsub === "function") unsub();
    };
  }, [config?.projectId]);
  // Progression basée sur 8 minutes max, arrête si statut change avant
  useEffect(() => {
    const totalMs = 8 * 60 * 1000; // 8 minutes
    const clearTimer = () => {
      if (progressTimerRef.current) {
        globalThis.clearInterval(progressTimerRef.current);
        progressTimerRef.current = null;
      }
    };
    if (musicStatus && musicStatus !== "GENERATING") {
      setProgress(100);
      clearTimer();
      return () => clearTimer();
    }
    if (!generationStartAt) {
      // En attente de la date de début
      return () => clearTimer();
    }
    const startDate = generationStartAt?.toDate
      ? generationStartAt.toDate()
      : new Date(generationStartAt);
    const update = () => {
      const elapsed = moment().diff(moment(startDate));
      const pct = Math.max(
        0,
        Math.min(100, Math.floor((elapsed / totalMs) * 100)),
      );
      setProgress(pct);
      if (pct >= 100) {
        clearTimer();
      }
    };
    // Initial update + interval chaque seconde
    update();
    clearTimer();
    progressTimerRef.current = globalThis.setInterval(update, 1000);
    return () => clearTimer();
  }, [generationStartAt, musicStatus]);
  useEffect(() => {
-    if (active) {
+    const run = async () => {
-      const interval = setInterval(() => {
+      try {
-        setProgress((prevProgress) => {
+        setCalled(true);
-          if (prevProgress >= 100) {
+        await setIsLoading(true);
-            clearInterval(interval);
+        const callable = firebase
-
+          .functions()
-            return 100;
+          .httpsCallable("music-generateMusic");
-          }
+        const { data } = await callable({
-          return prevProgress + 1;
+          title: config?.title,
          lyrics: config?.lyrics,
          genres: config?.genres,
          voice: config?.voice,
          instruments: config?.instruments,
          tempo: config?.tempo,
          projectId: config?.projectId,
        });
-      }, 100);
+        setResult(data);
-      return () => clearInterval(interval);
+        // Extraire le taskId renvoyé par l'API Suno à travers la Cloud Function
        const taskId =
          data?.response?.data?.taskId || data?.response?.data?.task_id;
        // Si un projectId et un taskId existent, mettre à jour le projet
        if (config?.projectId && taskId) {
          const projectRef = firebase
            .firestore()
            .collection("projects")
            .doc(config.projectId);
          await projectRef.set(
            {
              sunoTaskId: taskId,
              musicStatus: "GENERATING",
              generationStartAt: firebase.firestore.FieldValue.serverTimestamp(),
              updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
            },
            { merge: true },
          );
        }
      } catch (e) {
        console.log(e);
      } finally {
        await setIsLoading(false);
      }
    };
    if (active && !called) {
      run();
    }
-  }, [active]);
+  }, [active, called, config, setIsLoading]);
  return (
    <View
@@ -95,7 +202,7 @@ const CreatingSong = ({ active }) => {
                  textAlign: "center",
                }}
              >
-                Ton texte est{"\n"}en cours de création
+                Ta musique est{"\n"}en cours de création
              </Text>
              <View style={{ alignItems: "center", gap: 16 }}>
                <ProgressBar gradient progress={progress} />
@@ -110,12 +217,12 @@ const CreatingSong = ({ active }) => {
                </Text>
              </View>
              <GradientButton
-                title="Découvrir mon texte"
+                title="Découvrir ma musique"
                containerStyle={{
                  width: "80%",
                  alignSelf: "center",
                }}
-                onPress={() => navigate(Routes.SongReady)}
+                onPress={() => navigate(Routes.SongReady, { result })}
              />
            </View>
          </BlurView>
@@ -7,16 +7,13 @@ import { FONT_FAMILY } from "../../styles/Fonts";
 import { BlurView } from "expo-blur";
 import { VOICE } from "../../data/data";
-const CustomizeVoice = () => {
+const CustomizeVoice = ({ selected, setSelected }) => {
  const [containerLayout, setContainerLayout] = useState(null);
  const [selected, setSelected] = useState(null);
  const onPressSelect = (item) => {
-    if (selected === item) {
+    if (!setSelected) return;
-      setSelected(null);
+    if (selected === item) setSelected(null);
-    } else {
+    else setSelected(item);
      setSelected(item);
    }
  };
  return (
@@ -1,5 +1,5 @@
-import { View } from "react-native";
+import { View, Text, ScrollView, Pressable } from "react-native";
-import React from "react";
+import React, { useEffect, useState, useMemo } from "react";
 import Page from "../../layouts/Page";
 import { background } from "../../assets";
 import GradientButton from "../../components/GradientButton";
@@ -8,9 +8,29 @@ import { Routes } from "../../navigation";
 import { gutters } from "../../styles";
 import firebase from "../../config/firebase";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 import useDataFromRef from "../../hooks/useDataFromRef";
 const Studio = () => {
  const { setIsLoading } = useMinuit();
  const [selectedId, setSelectedId] = useState(null);
  const isDisabled = useMemo(() => !selectedId, [selectedId]);
  const user = firebase.auth().currentUser;
  const { data: projects } = useDataFromRef({
    ref: user
      ? firebase
          .firestore()
          .collection("projects")
          .where("userId", "==", user.uid)
          .orderBy("createdAt", "desc")
      : firebase
          .firestore()
          .collection("projects")
          .orderBy("createdAt", "desc"),
    simpleRef: false,
    listener: true,
    condition: true,
  });
  async function generateMusic() {
    try {
@@ -98,10 +118,87 @@ const Studio = () => {
        padding: gutters * 2,
      }}
    >
-      <View style={{ flex: 1, justifyContent: "flex-end" }}>
+      <View style={{ flex: 1 }}>
        {projects?.length > 0 && (
          <View style={{ marginBottom: gutters * 2 }}>
            <Text
              style={{
                color: "#fff",
                fontSize: 18,
                marginBottom: 12,
                fontWeight: "600",
              }}
            >
              Derniers projets générés
            </Text>
            <ScrollView
              style={{ maxHeight: 260 }}
              contentContainerStyle={{ gap: 10, paddingRight: 6 }}
            >
              {projects.map((p) => {
                const couplet = p?.lyrics?.couplet || "";
                const preview = couplet.split("\n").slice(0, 2).join(" ");
                const selected = selectedId === p.id;
                const createdAt = p?.createdAt?.toDate
                  ? p.createdAt.toDate()
                  : p?.createdAt
                    ? new Date(p.createdAt)
                    : null;
                const createdLabel =
                  createdAt && !Number.isNaN(createdAt.getTime())
                    ? `${createdAt.toLocaleDateString("fr-FR")} • ${createdAt.toLocaleTimeString("fr-FR", { hour: "2-digit", minute: "2-digit" })}`
                    : "";
                return (
                  <Pressable
                    key={p.id}
                    onPress={() => setSelectedId(p.id)}
                    style={{
                      backgroundColor: "#0F0C1933",
                      borderRadius: 12,
                      padding: 12,
                      borderWidth: selected ? 2 : 0,
                      borderColor: selected ? "#F94697" : "transparent",
                    }}
                  >
                    <Text
                      style={{ color: "#fff", fontSize: 16, fontWeight: "600" }}
                    >
                      {p?.title || "Sans titre"}
                    </Text>
                    {!!createdLabel && (
                      <Text
                        style={{ color: "#bbb", marginTop: 4, fontSize: 12 }}
                      >
                        {createdLabel}
                      </Text>
                    )}
                    {!!preview && (
                      <Text
                        style={{ color: "#ddd", marginTop: 6 }}
                        numberOfLines={2}
                      >
                        {preview}
                      </Text>
                    )}
                    {p?.config?.style && (
                      <Text
                        style={{ color: "#aaa", marginTop: 6, fontSize: 12 }}
                      >
                        Style: {String(p.config.style)}
                      </Text>
                    )}
                  </Pressable>
                );
              })}
            </ScrollView>
          </View>
        )}
      </View>
      <View style={{ justifyContent: "flex-end" }}>
        <GradientButton
          title="Commencer"
-          onPress={() => navigate(Routes.Compose)}
+          disabled={isDisabled}
          onPress={() => navigate(Routes.Compose, { projectId: selectedId })}
        />
      </View>
    </Page>
@@ -1,5 +1,6 @@
 import { View, Dimensions } from "react-native";
-import React, { useRef, useState } from "react";
+import React, { useMemo, useRef, useState } from "react";
 import { useRoute } from "@react-navigation/native";
 import Page from "../../layouts/Page";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import GradientButton from "../../components/GradientButton";
@@ -21,10 +22,100 @@ const { width } = Dimensions.get("window");
 const CreateLyricsWithAi = () => {
  const scrollRef = useRef(null);
  const route = useRoute();
  const regenerateKey = route?.params?.regenerateKey;
  const [selectedIndex, setSelectedIndex] = useState(0);
  const [progress, setProgress] = useState(16);
  const [parentLayout, setparentLayout] = useState(null);
  // Collected state across steps
  const [objective, setObjective] = useState(
    __DEV__ ? "Pour mon entreprise" : null,
  ); // from Goals list
  const [otherObjective, setOtherObjective] = useState("");
  const [context, setContext] = useState(
    __DEV__
      ? "L'agence minuit est une agence de développement mobile et web qui accompagnes ses client dans la réalisations de projets divers et variés"
      : "",
  );
  const [emotion, setEmotion] = useState(
    __DEV__
      ? {
          title: "La Joie",
          description:
            "expose un bonheur profond, l'émerveillement, la gratitude, satisfaction intense, énergie positive",
        }
      : null,
  ); // { title, description }
  const [style, setStyle] = useState(__DEV__ ? "Upbeat" : null); // from list
  const [otherStyle, setOtherStyle] = useState("");
  const [audience, setAudience] = useState(
    __DEV__ ? "Aux clients de l'agence minuit" : "",
  );
  const [structure, setStructure] = useState(
    __DEV__ ? "1 couplet, 1 refrain, 1 couplet, 1 refrain" : null,
  ); // selected structure string
  const [rhymes, setRhymes] = useState(__DEV__ ? "Avec rimes" : null);
  const [customStructure, setCustomStructure] = useState(null); // array like ['couplet','refrain']
  const parsedStructure = useMemo(() => {
    // Parses strings like "1 couplet, 1 refrain, 1 couplet, 1 refrain"
    try {
      if (!structure || typeof structure !== "string") return null;
      const parts = structure.split(",");
      const result = [];
      parts.forEach((seg) => {
        const s = seg.trim().toLowerCase();
        const coupletMatch = s.match(/(\d+)\s+couplet/);
        const refrainMatch = s.match(/(\d+)\s+refrain/);
        if (coupletMatch) {
          const count = parseInt(coupletMatch[1], 10);
          for (let i = 0; i < count; i++) result.push("couplet");
        }
        if (refrainMatch) {
          const count = parseInt(refrainMatch[1], 10);
          for (let i = 0; i < count; i++) result.push("refrain");
        }
      });
      return result.length ? result : null;
    } catch (e) {
      return null;
    }
  }, [structure]);
  const lyricsConfig = useMemo(() => {
    return {
      objective: otherObjective?.trim()
        ? otherObjective.trim()
        : objective || undefined,
      context: context?.trim() ? context.trim() : undefined,
      emotion:
        emotion?.title && emotion?.description
          ? `${emotion.title} : ${emotion.description}`
          : undefined,
      style: otherStyle?.trim() ? otherStyle.trim() : style || undefined,
      audience: audience?.trim() ? audience.trim() : undefined,
      structure:
        (customStructure &&
        parsedStructure &&
        customStructure.length === parsedStructure.length
          ? customStructure
          : parsedStructure) || undefined,
      rhymes: rhymes || undefined,
    };
  }, [
    objective,
    otherObjective,
    context,
    emotion,
    style,
    otherStyle,
    audience,
    parsedStructure,
    rhymes,
    customStructure,
  ]);
  const onPressNext = () => {
    setSelectedIndex(selectedIndex + 1);
    setProgress(progress + 9);
@@ -77,7 +168,12 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <Goals />
+              <Goals
                selected={objective}
                setSelected={setObjective}
                otherObjective={otherObjective}
                setOtherObjective={setOtherObjective}
              />
            </View>
            <View
              style={{
@@ -86,7 +182,7 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <SpecificityContext />
+              <SpecificityContext context={context} setContext={setContext} />
            </View>
            <View
              style={{
@@ -95,7 +191,7 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <EmotionConvey />
+              <EmotionConvey selected={emotion} setSelected={setEmotion} />
            </View>
            <View
              style={{
@@ -104,7 +200,12 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <SongStyle />
+              <SongStyle
                selected={style}
                setSelected={setStyle}
                otherStyle={otherStyle}
                setOtherStyle={setOtherStyle}
              />
            </View>
            <View
              style={{
@@ -113,7 +214,7 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <SongTo />
+              <SongTo audience={audience} setAudience={setAudience} />
            </View>
            <View
              style={{
@@ -122,7 +223,7 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <SongStructure />
+              <SongStructure selected={structure} setSelected={setStructure} />
            </View>
            <View
              style={{
@@ -131,7 +232,10 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <CustomizeSongStructure />
+              <CustomizeSongStructure
                baseStructure={parsedStructure || []}
                onChange={setCustomStructure}
              />
            </View>
            <View
              style={{
@@ -140,7 +244,7 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <Rhymes />
+              <Rhymes selected={rhymes} setSelected={setRhymes} />
            </View>
            <View
              style={{
@@ -149,7 +253,24 @@ const CreateLyricsWithAi = () => {
                paddingHorizontal: gutters,
              }}
            >
-              <CreatingLyrics active={selectedIndex === 8} />
+              <CreatingLyrics
                active={selectedIndex === 8}
                config={lyricsConfig}
                regenerateKey={regenerateKey}
                selections={{
                  objective,
                  otherObjective,
                  context,
                  emotion,
                  style,
                  otherStyle,
                  audience,
                  structure,
                  parsedStructure,
                  customStructure,
                  rhymes,
                }}
              />
            </View>
          </SwiperFlatList>
        </View>
@@ -9,9 +9,23 @@ import { FONT_FAMILY } from "../../styles/Fonts";
 import GradientButton from "../../components/GradientButton";
 import { goBack, navigate } from "../../navigation/NavigationService";
 import { Routes } from "../../navigation";
 import firebase from "../../config/firebase";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
-const CreatingLyrics = ({ active }) => {
+const CreatingLyrics = ({ active, config, regenerateKey, selections }) => {
  const [progress, setProgress] = useState(0);
  const [called, setCalled] = useState(false);
  const [result, setResult] = useState(null);
  const { setIsLoading } = useMinuit();
  // When asked to regenerate, reset flags so effect runs again
  useEffect(() => {
    if (active) {
      setCalled(false);
      setResult(null);
      setProgress(0);
    }
  }, [regenerateKey, active]);
  useEffect(() => {
    if (active) {
@@ -29,6 +43,39 @@ const CreatingLyrics = ({ active }) => {
    }
  }, [active]);
  useEffect(() => {
    const run = async () => {
      try {
        setCalled(true);
        await setIsLoading(true);
        const callable = firebase
          .functions()
          .httpsCallable("lyrics-generateLyrics");
        const { data } = await callable({
          objective: config?.objective,
          context: config?.context,
          emotion: config?.emotion,
          style: config?.style,
          audience: config?.audience,
          structure: config?.structure,
          rhymes: config?.rhymes,
        });
        setResult(data);
        setProgress(100);
      } catch (e) {
        console.log(e);
      } finally {
        await setIsLoading(false);
      }
    };
    if (active && !called) {
      run();
    }
  }, [active, called, config, setIsLoading]);
  console.log(result);
  return (
    <View
      style={{
@@ -113,7 +160,9 @@ const CreatingLyrics = ({ active }) => {
                  width: "80%",
                  alignSelf: "center",
                }}
-                onPress={() => navigate(Routes.Lyrics)}
+                onPress={() =>
                  navigate(Routes.Lyrics, { lyricsData: result, config, selections })
                }
              />
            </View>
          </BlurView>
@@ -1,16 +1,33 @@
 import { View, Text, StyleSheet, ScrollView } from "react-native";
-import React, { useState } from "react";
+import React, { useMemo, useState } from "react";
 import CreateLyricsHeader from "./components/CreateLyricsHeader";
 import { BlurView } from "expo-blur";
 import { Palette } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import { CUSTOM_SONG_STRUCTURE } from "../../data/data";
-import DragDropTest from "../../components/DragDropTest";
+import SongStructureDragDrop from "../../components/SongStructureDragDrop";
-const CustomizeSongStructure = () => {
+// baseStructure: array like ['couplet','refrain',...]
 // onChange: callback that receives array like ['couplet','refrain',...]
 const CustomizeSongStructure = ({ baseStructure = [], onChange }) => {
  const [containerLayout, setContainerLayout] = useState(null);
  const sourceItems = useMemo(() => {
    // create unique ids for duplicates
    const counters = { couplet: 0, refrain: 0 };
    return (baseStructure || []).map((type) => {
      const key = (type || '').toLowerCase();
      counters[key] = (counters[key] || 0) + 1;
      const idx = counters[key];
      return {
        id: `${key}-${idx}`,
        label: `${type} ${idx}`,
        value: key,
      };
    });
  }, [baseStructure]);
  return (
    <View style={{ flex: 1, gap: 10, marginTop: 16 }}>
      <CreateLyricsHeader
@@ -59,7 +76,10 @@ const CustomizeSongStructure = () => {
        </View>
      </View> */}
      <View style={{ flex: 1 }}>
-        <DragDropTest />
+        <SongStructureDragDrop
          sourceItems={sourceItems}
          onChange={(arr) => onChange?.(arr)}
        />
      </View>
    </View>
  );
@@ -7,15 +7,18 @@ import { FONT_FAMILY } from "../../styles/Fonts";
 import { EMOTION_CONVEY } from "../../data/data";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
-const EmotionConvey = () => {
+const EmotionConvey = ({ selected: selectedProp, setSelected: setSelectedProp }) => {
  const [containerLayout, setContainerLayout] = useState(null);
-  const [selected, setSelected] = useState(null);
+  const [internalSelected, setInternalSelected] = useState(null);
  const selected = selectedProp ?? internalSelected;
  const setSelected = setSelectedProp ?? setInternalSelected;
  const onPressSelect = (item) => {
-    if (selected === item) {
+    // item is full object { title, description, color }
    if (selected?.title === item.title) {
      setSelected(null);
    } else {
-      setSelected(item);
+      setSelected({ title: item.title, description: item.description });
    }
  };
@@ -40,14 +43,14 @@ const EmotionConvey = () => {
              paddingTop: 5,
            }}
            renderItem={({ item, index }) => {
-              const selectedItem = selected === item.title;
+              const selectedItem = selected?.title === item.title;
              return (
                <View style={{ paddingHorizontal: 5 }}>
                  <CreateLyricsHeader
                    colors={item.color}
                    tint={selectedItem ? "default" : "dark"}
-                    onPress={() => onPressSelect(item.title)}
+                    onPress={() => onPressSelect(item)}
                  >
                    <Text
                      style={{
@@ -7,8 +7,11 @@ import { FONT_FAMILY } from "../../styles/Fonts";
 import CustomInput from "./components/CustomInput";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
-const Goals = () => {
+const Goals = ({ selected: selectedProp, setSelected: setSelectedProp, otherObjective, setOtherObjective }) => {
-  const [selected, setSelected] = useState(null);
+  const [internalSelected, setInternalSelected] = useState(null);
  const selected = selectedProp ?? internalSelected;
  const setSelected = setSelectedProp ?? setInternalSelected;
  const onPressSelect = (item) => {
    if (selected === item) {
@@ -60,6 +63,8 @@ const Goals = () => {
      <CustomInput
        label="Tu as un autre objectif?"
        placeholder="Décrire l’objectif"
        value={otherObjective}
        setValue={setOtherObjective}
      />
    </View>
  );
@@ -1,5 +1,5 @@
-import { View, Text, ScrollView } from "react-native";
+import { View, Text, ScrollView, Alert } from "react-native";
-import React, { useState } from "react";
+import React, { useMemo, useState, useCallback } from "react";
 import Page from "../../layouts/Page";
 import MusicLandHeader from "../../components/MusicLandHeader";
 import { goBack, navigate } from "../../navigation/NavigationService";
@@ -10,9 +10,92 @@ import { Routes } from "../../navigation";
 import CustomInput from "./components/CustomInput";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
 import { useRoute } from "@react-navigation/native";
 import firebase from "../../config/firebase";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
-const Lyrics = () => {
+const Lyrics = ({ navigation }) => {
  const [containerLayout, setContainerLayout] = useState(null);
  const route = useRoute();
  const lyricsData = route?.params?.lyricsData;
  const config = route?.params?.config;
  const selections = route?.params?.selections;
  const { setIsLoading } = useMinuit();
  const initial = useMemo(() => {
    if (!lyricsData || !lyricsData?.success) return {};
    const title = lyricsData?.title || "";
    const sections = Array.isArray(lyricsData?.lyrics) ? lyricsData.lyrics : [];
    const couplets = sections
      .filter((s) => (s?.type || "").toLowerCase().includes("couplet"))
      .map((s) => s?.lyrics || "");
    const refrains = sections
      .filter((s) => (s?.type || "").toLowerCase().includes("refrain"))
      .map((s) => s?.lyrics || "");
    return {
      title,
      couplet: couplets.join("\n\n"),
      refrain: refrains.join("\n\n"),
    };
  }, [lyricsData]);
  const [titleValue, setTitleValue] = useState(initial.title || "");
  const [coupletValue, setCoupletValue] = useState(initial.couplet || "");
  const [refrainValue, setRefrainValue] = useState(initial.refrain || "");
  // Plus d'appel direct à la cloud function ici: on retourne à l'étape précédente
  const regenerate = useCallback(() => {
    navigate(Routes.CreateLyricsWithAi, { regenerateKey: Date.now() });
  }, []);
  const sanitize = (obj) => {
    if (obj === undefined) return null;
    if (obj === null) return null;
    if (Array.isArray(obj)) return obj.map((v) => sanitize(v));
    if (typeof obj === "object") {
      const out = {};
      Object.keys(obj).forEach((k) => {
        const v = obj[k];
        if (v === undefined) return; // omit undefined
        out[k] = sanitize(v);
      });
      return out;
    }
    return obj;
  };
  const onValidate = useCallback(async () => {
    try {
      await setIsLoading(true);
      const user = firebase.auth().currentUser;
      const payload = {
        title: titleValue?.trim() || "",
        lyrics: {
          couplet: coupletValue || "",
          refrain: refrainValue || "",
        },
        config: sanitize(config),
        selections: sanitize(selections),
        userId: user ? user.uid : null,
        createdAt: firebase.firestore.FieldValue.serverTimestamp(),
        updatedAt: firebase.firestore.FieldValue.serverTimestamp(),
      };
      await firebase.firestore().collection("projects").add(payload);
      navigate(Routes.Studio);
    } catch (e) {
      console.log(e);
      Alert.alert("Erreur", "Échec de l'enregistrement dans le projet.");
    } finally {
      await setIsLoading(false);
    }
  }, [
    titleValue,
    coupletValue,
    refrainValue,
    config,
    selections,
    setIsLoading,
  ]);
  return (
    <Page headerType="NONE">
@@ -34,7 +117,13 @@ const Lyrics = () => {
              flexGrow: 1,
            }}
          >
-            <CustomInput label="Titre" placeholder="Titre" height={45} />
+            <CustomInput
              label="Titre"
              placeholder="Titre"
              height={45}
              value={titleValue}
              setValue={setTitleValue}
            />
            <View
              style={{
                height: 45,
@@ -55,8 +144,20 @@ const Lyrics = () => {
                Introduction instrumentale longue
              </Text>
            </View>
-            <CustomInput label="Couplet" placeholder="Couplet" height={225} />
+            <CustomInput
-            <CustomInput label="Refrain" placeholder="Refrain" height={170} />
+              label="Couplet"
              placeholder="Couplet"
              height={225}
              value={coupletValue}
              setValue={setCoupletValue}
            />
            <CustomInput
              label="Refrain"
              placeholder="Refrain"
              height={170}
              value={refrainValue}
              setValue={setRefrainValue}
            />
          </ScrollView>
        </ItemContainer>
      </View>
@@ -68,11 +169,11 @@ const Lyrics = () => {
          gap: 12,
        }}
      >
-        <BorderGradientButton title="Générer des autres paroles" />
+        <BorderGradientButton
-        <GradientButton
+          title="Générer d'autre paroles"
-          title="Valider"
+          onPress={regenerate}
          onPress={() => navigate(Routes.FinishedWriting)}
        />
        <GradientButton title="Valider" onPress={onValidate} />
      </View>
    </Page>
  );
@@ -6,8 +6,10 @@ import { Palette, Style } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
-const Rhymes = () => {
+const Rhymes = ({ selected: selectedProp, setSelected: setSelectedProp }) => {
-  const [selected, setSelected] = useState(null);
+  const [internalSelected, setInternalSelected] = useState(null);
  const selected = selectedProp ?? internalSelected;
  const setSelected = setSelectedProp ?? setInternalSelected;
  const onPressSelect = (item) => {
    if (selected === item) {
@@ -7,8 +7,10 @@ import { Palette, Style } from "../../styles";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
-const SongStructure = () => {
+const SongStructure = ({ selected: selectedProp, setSelected: setSelectedProp }) => {
-  const [selected, setSelected] = useState(null);
+  const [internalSelected, setInternalSelected] = useState(null);
  const selected = selectedProp ?? internalSelected;
  const setSelected = setSelectedProp ?? setInternalSelected;
  const onPressSelect = (item) => {
    if (selected === item) {
@@ -8,8 +8,10 @@ import CustomInput from "./components/CustomInput";
 import { FONT_FAMILY } from "../../styles/Fonts";
 import ItemContainer from "../../components/ItemContainer/ItemContainer";
-const SongStyle = () => {
+const SongStyle = ({ selected: selectedProp, setSelected: setSelectedProp, otherStyle, setOtherStyle }) => {
-  const [selected, setSelected] = useState(null);
+  const [internalSelected, setInternalSelected] = useState(null);
  const selected = selectedProp ?? internalSelected;
  const setSelected = setSelectedProp ?? setInternalSelected;
  const onPressSelect = (item) => {
    if (selected === item) {
@@ -70,6 +72,8 @@ const SongStyle = () => {
      <CustomInput
        label="Tu as un autre style de chanson ?"
        placeholder="Décrire l’objectif"
        value={otherStyle}
        setValue={setOtherStyle}
      />
    </View>
  );
@@ -3,11 +3,16 @@ import React from "react";
 import CreateLyricsHeader from "./components/CreateLyricsHeader";
 import CustomInput from "./components/CustomInput";
-const SongTo = () => {
+const SongTo = ({ audience, setAudience }) => {
  return (
    <View style={{ flex: 1, gap: 10, marginTop: 16 }}>
      <CreateLyricsHeader title="À qui s’adresse ta chanson ?" />
-      <CustomInput placeholder="Ecrire mon contexte" height={283} />
+      <CustomInput
        placeholder="Ecrire mon contexte"
        height={283}
        value={audience}
        setValue={setAudience}
      />
    </View>
  );
 };
@@ -3,14 +3,19 @@ import React from "react";
 import CreateLyricsHeader from "./components/CreateLyricsHeader";
 import CustomInput from "./components/CustomInput";
-const SpecificityContext = () => {
+const SpecificityContext = ({ context, setContext }) => {
  return (
    <View style={{ flex: 1, gap: 10, marginTop: 16 }}>
      <CreateLyricsHeader
        title="Spécificité du contexte"
        subTitle="Dis-nous en un peu plus pour qu’on puisse mieux t’aider."
      />
-      <CustomInput placeholder="Ecrire mon contexte" height={283} />
+      <CustomInput
        placeholder="Ecrire mon contexte"
        height={283}
        value={context}
        setValue={setContext}
      />
    </View>
  );
 };
@@ -9,34 +9,33 @@ import firebase from "../../config/firebase";
 import useMinuit from "react-native-minuit/src/hooks/useMinuit.js";
 const Writing = () => {
  const { setIsLoading } = useMinuit();
-    const { setIsLoading } = useMinuit();
+  async function generateTestLyrics() {
-
+    try {
-    async function generateTestLyrics() {
+      await setIsLoading(true);
-        try {
+      const { data } = await firebase
-            await setIsLoading(true);
+        .functions()
-            const { data } = await firebase
+        .httpsCallable("lyrics-generateLyrics")({
-                .functions()
+        objective:
-                .httpsCallable("lyrics-generateLyrics")({
+          "Célébrer l’agence Minuit et mettre en avant son expertise digitale, son esprit d’équipe et sa créativité.",
-                    objective:
+        context:
-                        "Célébrer l’agence Minuit et mettre en avant son expertise digitale, son esprit d’équipe et sa créativité.",
+          "L’agence Minuit accompagne les startups et entreprises innovantes dans la création de produits digitaux, du prototype à la version de financement, jusqu’à l’optimisation et la mise à l’échelle. Spécialisée dans le développement sur-mesure d’applications mobiles, elle valorise l’humain, le design et l’accompagnement personnalisé. Esprit nocturne, équipe passionnée.",
-                    context:
+        emotion:
-                        "L’agence Minuit accompagne les startups et entreprises innovantes dans la création de produits digitaux, du prototype à la version de financement, jusqu’à l’optimisation et la mise à l’échelle. Spécialisée dans le développement sur-mesure d’applications mobiles, elle valorise l’humain, le design et l’accompagnement personnalisé. Esprit nocturne, équipe passionnée.",
+          "La Joie : expose un bonheur profond, l'émerveillement, la gratitude, satisfaction intense, énergie positive.",
-                    emotion:
+        style: "Upbeat : Pour une ambiance joyeuse et rythmée.",
-                        "La Joie : expose un bonheur profond, l'émerveillement, la gratitude, satisfaction intense, énergie positive.",
+        audience:
-                    style: "Upbeat : Pour une ambiance joyeuse et rythmée.",
+          "L’équipe Minuit et ses clients fidèles, startups ambitieuses et partenaires visionnaires.",
-                    audience:
+        structure: ["couplet", "refrain", "couplet", "refrain"],
-                        "L’équipe Minuit et ses clients fidèles, startups ambitieuses et partenaires visionnaires.",
+        rhymes: "Avec rimes",
-                    structure: ["couplet", "refrain", "couplet", "refrain"],
+      });
-                    rhymes: "Avec rimes",
+      console.log("data", data);
-                });
+    } catch (e) {
-            console.log("data", data);
+      console.log(e);
-        } catch (e) {
+    } finally {
-            console.log(e);
+      await setIsLoading(false);
        } finally {
            await setIsLoading(false);
        }
    }
  }
  return (
    <Page
@@ -17,31 +17,34 @@ const CreateLyricsHeader = ({
  containerStyle = {},
  onPress,
  blurViewStyle = {},
  showBorder = true,
 }) => {
  const [onLayout, setOnLayout] = useState(null);
  const { isWeb } = useLayoutType();
  return (
    <Pressable onPress={onPress}>
-      <BorderGradient
+      {showBorder && (
-        gradientProps={{
+        <BorderGradient
-          colors: colors,
+          gradientProps={{
-          locations: [0.2, 1],
+            colors: colors,
-          start: { x: 0, y: 0 },
+            locations: [0.2, 1],
-          end: { x: 1, y: 0 },
+            start: { x: 0, y: 0 },
-          ...gradientProps,
+            end: { x: 1, y: 0 },
-        }}
+            ...gradientProps,
-        style={{
+          }}
-          height: isWeb ? onLayout?.height + 2 : onLayout?.height,
+          style={{
-          top: isWeb ? -1 : 0,
+            height: isWeb ? onLayout?.height + 2 : onLayout?.height,
-          borderWidth: 1,
+            top: isWeb ? -1 : 0,
-          borderRadius: containerStyle?.borderRadius ?? 18,
+            borderWidth: 1,
-          position: "absolute",
+            borderRadius: containerStyle?.borderRadius ?? 18,
-          width: isWeb ? onLayout?.width + 2 : onLayout?.width,
+            position: "absolute",
-          left: -1,
+            width: isWeb ? onLayout?.width + 2 : onLayout?.width,
-          alignSelf: "center",
+            left: -1,
-        }}
+            alignSelf: "center",
-      />
+          }}
        />
      )}
      <View
        style={{
          backgroundColor: Palette.glass,
@@ -2606,6 +2606,19 @@
  dependencies:
    undici-types "~7.10.0"
 "@types/prop-types@*":
  version "15.7.15"
  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.15.tgz#e6e5a86d602beaca71ce5163fadf5f95d70931c7"
  integrity sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==
 "@types/react@~18.3.12":
  version "18.3.24"
  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.24.tgz#f6a5a4c613242dfe3af0dcee2b4ec47b92d9b6bd"
  integrity sha512-0dLEBsA1kI3OezMBF8nSsb7Nk19ZnsyE1LLhB8r27KbgU5H4pvuqZLdtE+aUkJVoXgTVuA+iLIwmZ0TuK4tx6A==
  dependencies:
    "@types/prop-types" "*"
    csstype "^3.0.2"
 "@types/stack-utils@^2.0.0":
  version "2.0.3"
  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
@@ -4029,6 +4042,11 @@ csso@^5.0.5:
  dependencies:
    css-tree "~2.2.0"
 csstype@^3.0.2:
  version "3.1.3"
  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 currently-unhandled@^0.4.1:
  version "0.4.1"
  resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
@@ -5031,6 +5049,13 @@ expo-build-properties@~0.13.3:
    ajv "^8.11.0"
    semver "^7.6.0"
 expo-camera@~16.0.18:
  version "16.0.18"
  resolved "https://registry.yarnpkg.com/expo-camera/-/expo-camera-16.0.18.tgz#5b54dc1a929c12732c585b137b04cef2b01dee3b"
  integrity sha512-NP5u2yyc+wZc9GdUXH+jcEytyXZwBnHxItMwXoZQQxi4wgltwvs4XfSWjBtRZe1LngnhpBfPyPJV0aShjWlLDg==
  dependencies:
    invariant "^2.2.4"
 expo-constants@~17.0.5, expo-constants@~17.0.8:
  version "17.0.8"
  resolved "https://registry.yarnpkg.com/expo-constants/-/expo-constants-17.0.8.tgz#d7a21ec6f1f4834ea25aa645be20292ef99c0b81"