Improve onboarding flow with guided navigation and microphone button

app/lib/backend/preferences.dart

@@ -187,6 +187,21 @@ class SharedPreferencesUtil {
 
   bool get hasViewedWrapped2025 => getBool('hasViewedWrapped2025', defaultValue: false);
 
+  // Home onboarding - track completion
+  bool get hasOpenedBrainMap => getBool('hasOpenedBrainMap', defaultValue: false);
+
+  set hasOpenedBrainMap(bool value) => saveBool('hasOpenedBrainMap', value);
+
+  int get homeOnboardingViewCount => getInt('homeOnboardingViewCount', defaultValue: 0);
+
+  set homeOnboardingViewCount(int value) => saveInt('homeOnboardingViewCount', value);
+
+  void incrementHomeOnboardingViewCount() {
+    homeOnboardingViewCount = homeOnboardingViewCount + 1;
+  }
+
+  bool get isHomeOnboardingCompleted => hasOpenedBrainMap || homeOnboardingViewCount >= 10;
+
   set conversationEventsToggled(bool value) => saveBool('conversationEventsToggled', value);
 
   bool get conversationEventsToggled => getBool('conversationEventsToggled');

app/lib/pages/action_items/action_items_page.dart

@@ -2,7 +2,9 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:provider/provider.dart';
 import 'widgets/action_item_form_sheet.dart';
+import 'widgets/tasks_onboarding_widget.dart';
 
+import 'package:omi/backend/preferences.dart';
 import 'package:omi/backend/schema/schema.dart';
 import 'package:omi/providers/action_items_provider.dart';
 import 'package:omi/utils/analytics/mixpanel.dart';
@@ -38,16 +40,36 @@ class _ActionItemsPageState extends State<ActionItemsPage> with AutomaticKeepAli
   void initState() {
     super.initState();
     _scrollController.addListener(_onScroll);
-    WidgetsBinding.instance.addPostFrameCallback((_) {
+    WidgetsBinding.instance.addPostFrameCallback((_) async {
       if (!mounted) return;
       MixpanelManager().actionItemsPageOpened();
       final provider = Provider.of<ActionItemsProvider>(context, listen: false);
       if (provider.actionItems.isEmpty) {
-        provider.fetchActionItems(showShimmer: true);
+        await provider.fetchActionItems(showShimmer: true);
+      }
+
+      // Create onboarding task if needed
+      if (!SharedPreferencesUtil().isHomeOnboardingCompleted) {
+        _createOnboardingTaskIfNeeded(provider);
       }
     });
   }
 
+  void _createOnboardingTaskIfNeeded(ActionItemsProvider provider) {
+    // Check if "Open your brain map" task already exists
+    const onboardingTaskDescription = 'Open your brain map';
+    final existingTask = provider.actionItems.any(
+      (item) => item.description.toLowerCase() == onboardingTaskDescription.toLowerCase(),
+    );
+
+    if (!existingTask) {
+      provider.createActionItem(
+        description: onboardingTaskDescription,
+        dueAt: null, // No deadline
+      );
+    }
+  }
+
   @override
   void dispose() {
     _scrollController.removeListener(_onScroll);
@@ -373,6 +395,10 @@ class _ActionItemsPageState extends State<ActionItemsPage> with AutomaticKeepAli
               ),
             ),
 
+        // Tasks onboarding widget
+        if (!SharedPreferencesUtil().isHomeOnboardingCompleted)
+          const SliverToBoxAdapter(child: TasksOnboardingWidget()),
+
         // Bottom padding
         const SliverPadding(padding: EdgeInsets.only(bottom: 100)),
       ],

app/lib/pages/action_items/widgets/tasks_onboarding_widget.dart

@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+import 'package:omi/backend/preferences.dart';
+
+class TasksOnboardingWidget extends StatelessWidget {
+  const TasksOnboardingWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    if (SharedPreferencesUtil().isHomeOnboardingCompleted) {
+      return const SizedBox.shrink();
+    }
+
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 16.0),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            "Your tasks are created\nautomatically\nfrom conversations and chat",
+            style: TextStyle(
+              color: Colors.grey.shade400,
+              fontSize: 16,
+              fontWeight: FontWeight.w400,
+              height: 1.3,
+            ),
+          ),
+          const SizedBox(height: 12),
+          // Vertical line
+          Padding(
+            padding: const EdgeInsets.only(left: 40),
+            child: Container(
+              width: 2,
+              height: 40,
+              color: Colors.grey.shade600,
+            ),
+          ),
+          const SizedBox(height: 12),
+          Text(
+            "Now let's check your memories",
+            style: TextStyle(
+              color: Colors.grey.shade400,
+              fontSize: 16,
+              fontWeight: FontWeight.w400,
+            ),
+          ),
+          const SizedBox(height: 8),
+          // Arrow pointing down to memories tab (3rd icon, right of center)
+          Padding(
+            padding: const EdgeInsets.only(left: 220),
+            child: CustomPaint(
+              size: const Size(40, 70),
+              painter: _ArrowDownPainter(),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+// Arrow pointing straight down
+class _ArrowDownPainter extends CustomPainter {
+  @override
+  void paint(Canvas canvas, Size size) {
+    final paint = Paint()
+      ..color = Colors.grey.shade600
+      ..strokeWidth = 2
+      ..style = PaintingStyle.stroke
+      ..strokeCap = StrokeCap.round;
+
+    // Curved line going down
+    final path = Path();
+    path.moveTo(size.width * 0.5, 0);
+    path.quadraticBezierTo(
+      size.width * 0.6,
+      size.height * 0.5,
+      size.width * 0.5,
+      size.height * 0.85,
+    );
+
+    canvas.drawPath(path, paint);
+
+    // Arrow head pointing down
+    final arrowPath = Path();
+    arrowPath.moveTo(size.width * 0.5 - 6, size.height * 0.72);
+    arrowPath.lineTo(size.width * 0.5, size.height * 0.85);
+    arrowPath.lineTo(size.width * 0.5 + 6, size.height * 0.72);
+
+    canvas.drawPath(arrowPath, paint);
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
+}

app/lib/pages/conversations/conversations_page.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:omi/backend/preferences.dart';
 import 'package:omi/backend/schema/conversation.dart';
 import 'package:omi/pages/capture/widgets/widgets.dart';
 import 'package:omi/pages/conversations/widgets/processing_capture.dart';
@@ -22,6 +23,7 @@ import 'package:visibility_detector/visibility_detector.dart';
 import 'widgets/empty_conversations.dart';
 import 'widgets/conversations_group_widget.dart';
 import 'widgets/goal_tracker_widget.dart';
+import 'widgets/home_onboarding_widget.dart';
 
 class ConversationsPage extends StatefulWidget {
   const ConversationsPage({super.key});
@@ -63,6 +65,11 @@ class _ConversationsPageState extends State<ConversationsPage> with AutomaticKee
       if (mounted && conversationProvider.conversations.isNotEmpty) {
         await _appReviewService.showReviewPromptIfNeeded(context, isProcessingFirstConversation: true);
       }
+
+      // Increment onboarding view count if not completed
+      if (!SharedPreferencesUtil().isHomeOnboardingCompleted) {
+        SharedPreferencesUtil().incrementHomeOnboardingViewCount();
+      }
     });
   }
 
@@ -229,7 +236,8 @@ class _ConversationsPageState extends State<ConversationsPage> with AutomaticKee
               const DailySummariesList()
             else if (convoProvider.groupedConversations.isEmpty &&
                 !convoProvider.isLoadingConversations &&
-                !convoProvider.isFetchingConversations)
+                !convoProvider.isFetchingConversations &&
+                SharedPreferencesUtil().isHomeOnboardingCompleted)
               SliverToBoxAdapter(
                 child: Center(
                   child: Padding(
@@ -290,6 +298,9 @@ class _ConversationsPageState extends State<ConversationsPage> with AutomaticKee
                   },
                 ),
               ),
+            // Home onboarding widget - shown AFTER conversations
+            if (!SharedPreferencesUtil().isHomeOnboardingCompleted)
+              const SliverToBoxAdapter(child: HomeOnboardingWidget()),
             SliverToBoxAdapter(
               child: SizedBox(height: convoProvider.isSelectionModeActive ? 160 : 100),
             ),

app/lib/pages/conversations/widgets/home_onboarding_widget.dart

@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+import 'package:omi/backend/preferences.dart';
+
+class HomeOnboardingWidget extends StatelessWidget {
+  const HomeOnboardingWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    if (SharedPreferencesUtil().isHomeOnboardingCompleted) {
+      return const SizedBox.shrink();
+    }
+
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 24.0, vertical: 16.0),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            "Here you'll see your\nconversations",
+            style: TextStyle(
+              color: Colors.grey.shade400,
+              fontSize: 18,
+              fontWeight: FontWeight.w400,
+              height: 1.3,
+            ),
+          ),
+          const SizedBox(height: 12),
+          // Vertical line
+          Padding(
+            padding: const EdgeInsets.only(left: 40),
+            child: Container(
+              width: 2,
+              height: 40,
+              color: Colors.grey.shade600,
+            ),
+          ),
+          const SizedBox(height: 12),
+          Text(
+            "Let's check your tasks",
+            style: TextStyle(
+              color: Colors.grey.shade400,
+              fontSize: 18,
+              fontWeight: FontWeight.w400,
+            ),
+          ),
+          const SizedBox(height: 8),
+          // Arrow pointing down to tasks tab (2nd icon)
+          Padding(
+            padding: const EdgeInsets.only(left: 85),
+            child: CustomPaint(
+              size: const Size(40, 70),
+              painter: _ArrowDownPainter(),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+// Arrow pointing straight down
+class _ArrowDownPainter extends CustomPainter {
+  @override
+  void paint(Canvas canvas, Size size) {
+    final paint = Paint()
+      ..color = Colors.grey.shade600
+      ..strokeWidth = 2
+      ..style = PaintingStyle.stroke
+      ..strokeCap = StrokeCap.round;
+
+    // Curved line going down
+    final path = Path();
+    path.moveTo(size.width * 0.5, 0);
+    path.quadraticBezierTo(
+      size.width * 0.6,
+      size.height * 0.5,
+      size.width * 0.5,
+      size.height * 0.85,
+    );
+
+    canvas.drawPath(path, paint);
+
+    // Arrow head pointing down
+    final arrowPath = Path();
+    arrowPath.moveTo(size.width * 0.5 - 6, size.height * 0.72);
+    arrowPath.lineTo(size.width * 0.5, size.height * 0.85);
+    arrowPath.lineTo(size.width * 0.5 + 6, size.height * 0.72);
+
+    canvas.drawPath(arrowPath, paint);
+  }
+
+  @override
+  bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
+}

app/lib/pages/conversations/widgets/wrapped_banner.dart

@@ -32,6 +32,9 @@ class _WrappedBannerState extends State<WrappedBanner> with SingleTickerProvider
 
   @override
   Widget build(BuildContext context) {
+    // Hide wrapped banner for now
+    return const SizedBox.shrink();
+
     // Don't show banner if user has already viewed their wrapped
     if (SharedPreferencesUtil().hasViewedWrapped2025) {
       return const SizedBox.shrink();

app/lib/pages/memories/page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:omi/backend/preferences.dart';
 import 'package:omi/backend/schema/memory.dart';
 import 'package:omi/providers/home_provider.dart';
 import 'package:omi/providers/memories_provider.dart';
@@ -13,6 +14,7 @@ import 'package:shimmer/shimmer.dart';
 import 'widgets/memory_edit_sheet.dart';
 import 'widgets/memory_item.dart';
 import 'widgets/memory_dialog.dart';
+import 'widgets/memories_onboarding_widget.dart';
 
 import 'package:omi/utils/l10n_extensions.dart';
 
@@ -311,6 +313,10 @@ class MemoriesPageState extends State<MemoriesPage> with AutomaticKeepAliveClien
                                   height: 44,
                                   child: ElevatedButton(
                                     onPressed: () {
+                                      // Mark onboarding as completed when brain map is opened
+                                      if (!SharedPreferencesUtil().hasOpenedBrainMap) {
+                                        SharedPreferencesUtil().hasOpenedBrainMap = true;
+                                      }
                                       Navigator.of(context).push(
                                         MaterialPageRoute(
                                           builder: (context) => const MemoryGraphPage(),
@@ -351,6 +357,9 @@ class MemoriesPageState extends State<MemoriesPage> with AutomaticKeepAliveClien
                             ),
                           ),
                         ),
+                        // Onboarding text widget
+                        if (!SharedPreferencesUtil().isHomeOnboardingCompleted)
+                          const SliverToBoxAdapter(child: MemoriesOnboardingWidget()),
                         if (provider.filteredMemories.isEmpty)
                           SliverFillRemaining(
                             child: Center(