Fix: Onboarding with vertical scroll

Tiny.xcodeproj/project.pbxproj

@@ -33,6 +33,9 @@
 		433435C42EACD4E4004C6B8C /* Tiny.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Tiny.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		433435D12EACD4E5004C6B8C /* TinyTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = TinyTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
 		433435DB2EACD4E5004C6B8C /* TinyUITests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = TinyUITests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
+		DEFE64C82ECB6123004B115A /* AudioKit */ = {isa = PBXFileReference; lastKnownFileType = wrapper; name = AudioKit; path = "/Users/benedictusyoga/Library/Developer/Xcode/DerivedData/Tiny-avirkidcxafmvjhegizwaahcarxv/SourcePackages/checkouts/AudioKit"; sourceTree = "<absolute>"; };
+		DEFE64C92ECB6126004B115A /* AudioKitEX */ = {isa = PBXFileReference; lastKnownFileType = wrapper; name = AudioKitEX; path = "/Users/benedictusyoga/Library/Developer/Xcode/DerivedData/Tiny-avirkidcxafmvjhegizwaahcarxv/SourcePackages/checkouts/AudioKitEX"; sourceTree = "<absolute>"; };
+		DEFE64CA2ECB6128004B115A /* Orb */ = {isa = PBXFileReference; lastKnownFileType = wrapper; name = Orb; path = "/Users/benedictusyoga/Library/Developer/Xcode/DerivedData/Tiny-avirkidcxafmvjhegizwaahcarxv/SourcePackages/checkouts/Orb"; sourceTree = "<absolute>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFileSystemSynchronizedBuildFileExceptionSet section */
@@ -118,6 +121,9 @@
 		DE5E9C842EB354B200485B15 /* Frameworks */ = {
 			isa = PBXGroup;
 			children = (
+				DEFE64C82ECB6123004B115A /* AudioKit */,
+				DEFE64C92ECB6126004B115A /* AudioKitEX */,
+				DEFE64CA2ECB6128004B115A /* Orb */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -461,7 +467,7 @@
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
-				DEVELOPMENT_TEAM = YPC2WUCUT5;
+				DEVELOPMENT_TEAM = 6PN64DQKLX;
 				ENABLE_PREVIEWS = YES;
 				GENERATE_INFOPLIST_FILE = YES;
 				INFOPLIST_FILE = Tiny/Info.plist;
@@ -502,7 +508,7 @@
 				ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
-				DEVELOPMENT_TEAM = YPC2WUCUT5;
+				DEVELOPMENT_TEAM = 6PN64DQKLX;
 				ENABLE_PREVIEWS = YES;
 				GENERATE_INFOPLIST_FILE = YES;
 				INFOPLIST_FILE = Tiny/Info.plist;

Tiny.xcodeproj/xcshareddata/xcschemes/Tiny.xcscheme

@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "2610"
+   version = "1.7">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES"
+      buildArchitectures = "Automatic">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "433435C32EACD4E4004C6B8C"
+               BuildableName = "Tiny.app"
+               BlueprintName = "Tiny"
+               ReferencedContainer = "container:Tiny.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      shouldAutocreateTestPlan = "YES">
+   </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 = "433435C32EACD4E4004C6B8C"
+            BuildableName = "Tiny.app"
+            BlueprintName = "Tiny"
+            ReferencedContainer = "container:Tiny.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "433435C32EACD4E4004C6B8C"
+            BuildableName = "Tiny.app"
+            BlueprintName = "Tiny"
+            ReferencedContainer = "container:Tiny.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>

Tiny/App/tinyApp.swift

@@ -11,6 +11,8 @@ import SwiftData
 @main
 struct TinyApp: App {
     @StateObject var heartbeatSoundManager = HeartbeatSoundManager()
+    @State private var isShowingSplashScreen: Bool = true // Add state to control splash screen
+
     // Define the container configuration
     var sharedModelContainer: ModelContainer = {
         let schema = Schema([
@@ -27,8 +29,12 @@ struct TinyApp: App {
 
     var body: some Scene {
         WindowGroup {
-            ContentView()
-                .environmentObject(heartbeatSoundManager)
+            if isShowingSplashScreen {
+                SplashScreenView(isShowingSplashScreen: $isShowingSplashScreen)
+            } else {
+                ContentView()
+                    .environmentObject(heartbeatSoundManager)
+            }
         }
         .modelContainer(sharedModelContainer)
     }

Tiny/Core/Components/SplashScreenView.swift

@@ -0,0 +1,43 @@
+//
+//  SplashScreen.swift
+//  Tiny
+//
+//  Created by Destu Cikal Ramdani on 24/11/25.
+//
+
+import SwiftUI
+
+struct SplashScreenView: View {
+    @Binding var isShowingSplashScreen: Bool
+    @State private var animate: Bool = false
+
+    var body: some View {
+        ZStack {
+            Image("bgSplashScreen")
+                .resizable()
+                .scaledToFill()
+
+            Image("titleSplashScreen")
+                .resizable()
+                .scaledToFill()
+                .frame(width: animate ? 100 :80, height: animate ? 100 : 80) // Animate size
+                .opacity(animate ? 1 : 0.5) // Animate opacity
+        }
+        .ignoresSafeArea()
+        .onAppear {
+            withAnimation(.easeOut(duration: 0.5)) {
+                animate = true
+            }
+            DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
+                withAnimation {
+                    isShowingSplashScreen = false
+                }
+            }
+        }
+    }
+}
+
+#Preview {
+    SplashScreenView(isShowingSplashScreen: .constant(true))
+        .preferredColorScheme(.dark)
+}

Tiny/Features/LiveListen/Views/OrbLiveListenView.swift

@@ -48,7 +48,7 @@ struct OrbLiveListenView: View {
     private var backgroundView: some View {
         ZStack {
             Color.black.ignoresSafeArea()
-            Image("background")
+            Image("backgroundPurple")
                 .resizable()
                 .scaleEffect(viewModel.isListening ? 1.2 : 1.0)
                 .animation(.easeInOut(duration: 1.2), value: viewModel.isListening)
@@ -163,7 +163,6 @@ struct OrbLiveListenView: View {
                 viewModel.handleDoubleTap {
                     heartbeatSoundManager.start()
                     heartbeatSoundManager.startRecording()
-                    tutorialViewModel.showListeningTutorialIfNeeded()
                 }
             }
             .onTapGesture(count: 1) {