Merge PR #1505: emphasize task creation and empty-list actions

ui/flutter/lib/features/home/presentation/pages/home_page.dart

@@ -30,6 +30,7 @@ import '../../../tasks/presentation/widgets/task_drawer.dart';
 import '../../../tasks/presentation/widgets/task_context_menu.dart';
 import '../../../tasks/presentation/widgets/task_delete_dialog.dart';
 import '../../../tasks/presentation/widgets/task_empty_state.dart';
+import '../../../tasks/presentation/widgets/task_create_button.dart';
 import '../../../tasks/presentation/widgets/task_file_browser_dialog.dart';
 import '../../../tasks/presentation/widgets/task_update_url_dialog.dart';
 import '../widgets/primary_rail.dart';
@@ -172,7 +173,10 @@ class _HomePageState extends ConsumerState<HomePage> {
                                     loading: () => const Center(child: shad.CircularProgressIndicator()),
                                     error: (error, _) => const TaskEmptyState(),
                                     data: (_) => filteredTasks.isEmpty
-                                        ? TaskEmptyState(message: emptyStateMessage)
+                                        ? TaskEmptyState(
+                                            message: emptyStateMessage,
+                                            onCreateTask: _searchController.text.trim().isEmpty ? _handleAddTask : null,
+                                          )
                                         : ListView.separated(
                                             padding: const EdgeInsets.only(bottom: 16),
                                             itemCount: filteredTasks.length,
@@ -260,6 +264,7 @@ class _HomePageState extends ConsumerState<HomePage> {
         data: (_) => _MobileTasksView(
           tasks: filteredTasks,
           emptyStateMessage: emptyStateMessage,
+          onCreateTask: _searchController.text.trim().isEmpty ? _handleAddTask : null,
           batchMode: _batchMode,
           batchSelection: _batchSelection,
           onToggleSelectAll: _toggleSelectAll,
@@ -685,6 +690,7 @@ class _MobileTasksView extends StatelessWidget {
     required this.contextActionsForTask,
     required this.pendingUpdateTaskId,
     this.emptyStateMessage,
+    this.onCreateTask,
     this.loading = false,
   });
 
@@ -705,6 +711,7 @@ class _MobileTasksView extends StatelessWidget {
   final TaskContextActions Function(TaskRecord task, bool selected, bool allSelected) contextActionsForTask;
   final String? pendingUpdateTaskId;
   final String? emptyStateMessage;
+  final VoidCallback? onCreateTask;
   final bool loading;
 
   @override
@@ -745,7 +752,7 @@ class _MobileTasksView extends StatelessWidget {
             child: loading
                 ? const Center(child: shad.CircularProgressIndicator())
                 : tasks.isEmpty
-                ? TaskEmptyState(message: emptyStateMessage)
+                ? TaskEmptyState(message: emptyStateMessage, onCreateTask: onCreateTask)
                 : ListView.separated(
                     padding: const EdgeInsets.fromLTRB(16, 8, 16, 12),
                     itemCount: tasks.length,
@@ -814,7 +821,15 @@ class _MobileTasksHeader extends StatelessWidget {
                   style: TextStyle(color: palette.textPrimary, fontSize: 22, fontWeight: FontWeight.w800),
                 ),
               ),
-              _MobileHeaderIconButton(icon: Icons.add_rounded, onPressed: onAddTask),
+              const SizedBox(width: AppDesignTokens.space8),
+              ConstrainedBox(
+                constraints: BoxConstraints(maxWidth: MediaQuery.sizeOf(context).width * 0.5),
+                child: TaskCreateButton(
+                  key: const ValueKey('tasks-mobile-create-button'),
+                  onPressed: onAddTask,
+                  minHeight: 44,
+                ),
+              ),
               const SizedBox(width: 8),
               _MobileHeaderIconButton(
                 icon: Icons.checklist_rtl_outlined,

ui/flutter/lib/features/home/presentation/widgets/tasks_top_bar.dart

@@ -4,7 +4,7 @@ import 'package:shadcn_flutter/shadcn_flutter.dart' as shad;
 
 import '../../../../shared/theme/app_design_tokens.dart';
 import '../../../../shared/theme/app_palette.dart';
-import '../../../../shared/widgets/app_primary_button.dart';
+import '../../../tasks/presentation/widgets/task_create_button.dart';
 import '../../../../shared/widgets/app_text_field.dart';
 import '../../../../l10n/l10n.dart';
 
@@ -62,7 +62,7 @@ class TasksTopBar extends StatelessWidget {
               ConstrainedBox(
                 key: const ValueKey('tasks-create-button-container'),
                 constraints: const BoxConstraints(minWidth: 120, maxWidth: 190),
-                child: _AddTaskButton(onPressed: onAddTask),
+                child: TaskCreateButton(onPressed: onAddTask),
               ),
               const SizedBox(width: 16),
               Row(
@@ -131,27 +131,6 @@ class _SearchField extends StatelessWidget {
   }
 }
 
-class _AddTaskButton extends StatelessWidget {
-  const _AddTaskButton({required this.onPressed});
-
-  final VoidCallback onPressed;
-
-  @override
-  Widget build(BuildContext context) {
-    return AppPrimaryButton(
-      onPressed: onPressed,
-      child: Row(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          const Icon(Icons.add),
-          const SizedBox(width: AppDesignTokens.space8),
-          Flexible(child: Text(context.l10n.create, maxLines: 1, overflow: TextOverflow.ellipsis)),
-        ],
-      ),
-    );
-  }
-}
-
 class _ActionIconButton extends StatelessWidget {
   const _ActionIconButton({required this.icon, required this.onPressed});
 

ui/flutter/lib/features/tasks/presentation/widgets/task_create_button.dart

@@ -0,0 +1,32 @@
+import 'package:flutter/material.dart' show Icons;
+import 'package:flutter/widgets.dart';
+
+import '../../../../l10n/l10n.dart';
+import '../../../../shared/theme/app_design_tokens.dart';
+import '../../../../shared/widgets/app_primary_button.dart';
+
+/// Shared creation action for task headers and empty-list guidance.
+class TaskCreateButton extends StatelessWidget {
+  const TaskCreateButton({super.key, required this.onPressed, this.minHeight = 0});
+
+  final VoidCallback onPressed;
+  final double minHeight;
+
+  @override
+  Widget build(BuildContext context) {
+    return ConstrainedBox(
+      constraints: BoxConstraints(minHeight: minHeight),
+      child: AppPrimaryButton(
+        onPressed: onPressed,
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            const Icon(Icons.add),
+            const SizedBox(width: AppDesignTokens.space8),
+            Flexible(child: Text(context.l10n.create, maxLines: 1, overflow: TextOverflow.ellipsis)),
+          ],
+        ),
+      ),
+    );
+  }
+}

ui/flutter/lib/features/tasks/presentation/widgets/task_empty_state.dart

@@ -1,35 +1,49 @@
 import 'package:flutter/widgets.dart';
 
 import '../../../../shared/theme/app_palette.dart';
+import '../../../../shared/theme/app_design_tokens.dart';
+import 'task_create_button.dart';
 import '../../../../l10n/l10n.dart';
 
 class TaskEmptyState extends StatelessWidget {
-  const TaskEmptyState({super.key, this.message});
+  const TaskEmptyState({super.key, this.message, this.onCreateTask});
 
   final String? message;
+  final VoidCallback? onCreateTask;
 
   @override
   Widget build(BuildContext context) {
     final palette = AppPalette.of(context);
     return Center(
-      child: ConstrainedBox(
-        constraints: const BoxConstraints(maxWidth: 360),
-        child: Padding(
-          padding: const EdgeInsets.all(24),
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              CustomPaint(
-                key: const ValueKey('task-empty-illustration'),
-                size: const Size(148, 108),
-                painter: _TaskEmptyIllustrationPainter(palette: palette),
-              ),
-              const SizedBox(height: 18),
-              Text(
-                message ?? context.l10n.emptyTaskList,
-                style: TextStyle(color: palette.textPrimary, fontSize: 17, fontWeight: FontWeight.w700),
-              ),
-            ],
+      child: SingleChildScrollView(
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: 360),
+          child: Padding(
+            padding: const EdgeInsets.all(24),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                CustomPaint(
+                  key: const ValueKey('task-empty-illustration'),
+                  size: const Size(148, 108),
+                  painter: _TaskEmptyIllustrationPainter(palette: palette),
+                ),
+                const SizedBox(height: 18),
+                Text(
+                  message ?? context.l10n.emptyTaskList,
+                  textAlign: TextAlign.center,
+                  style: TextStyle(color: palette.textPrimary, fontSize: 17, fontWeight: FontWeight.w700),
+                ),
+                if (onCreateTask != null) ...[
+                  const SizedBox(height: AppDesignTokens.space24),
+                  TaskCreateButton(
+                    key: const ValueKey('tasks-empty-create-button'),
+                    onPressed: onCreateTask!,
+                    minHeight: 48,
+                  ),
+                ],
+              ],
+            ),
           ),
         ),
       ),