Skeleton loading

lib/widgets/tasq_adaptive_list.dart

@@ -1,6 +1,8 @@
 import 'dart:math' as math;
 
 import 'package:flutter/material.dart';
+// skeleton rendering is controlled by the caller's `Skeletonizer` wrapper
+// so this widget doesn't import `skeletonizer` directly.
 
 import '../theme/app_typography.dart';
 import '../theme/app_surfaces.dart';
@@ -59,6 +61,7 @@ class TasQAdaptiveList<T> extends StatelessWidget {
     this.onRequestRefresh,
     this.onPageChanged,
     this.isLoading = false,
+    this.skeletonMode = false,
   });
 
   /// The list of items to display.
@@ -117,6 +120,13 @@ class TasQAdaptiveList<T> extends StatelessWidget {
   /// If true, shows a loading indicator for server-side pagination.
   final bool isLoading;
 
+  /// When true the widget renders skeleton placeholders for the
+  /// dashboard, filter panel and list items instead of the real content.
+  /// This is intended to provide a single-source skeleton UI for screens
+  /// that wrap the whole body in a `Skeletonizer` and want consistent
+  /// sectioned placeholders.
+  final bool skeletonMode;
+
   @override
   Widget build(BuildContext context) {
     return LayoutBuilder(
@@ -135,6 +145,54 @@ class TasQAdaptiveList<T> extends StatelessWidget {
   Widget _buildMobile(BuildContext context, BoxConstraints constraints) {
     final hasBoundedHeight = constraints.hasBoundedHeight;
 
+    if (skeletonMode) {
+      // Render structured skeleton sections: summary, filters, and list.
+      final summary = summaryDashboard == null
+          ? const SizedBox.shrink()
+          : Column(
+              children: [
+                SizedBox(width: double.infinity, child: summaryDashboard!),
+                const SizedBox(height: 12),
+              ],
+            );
+      final filter = filterHeader == null
+          ? const SizedBox.shrink()
+          : Column(
+              children: [
+                ExpansionTile(
+                  title: const Text('Filters'),
+                  children: [
+                    Padding(
+                      padding: const EdgeInsets.only(bottom: 8),
+                      child: filterHeader!,
+                    ),
+                  ],
+                ),
+                const SizedBox(height: 8),
+              ],
+            );
+
+      final skeletonList = ListView.separated(
+        padding: const EdgeInsets.only(bottom: 24),
+        itemCount: 6,
+        separatorBuilder: (context, index) => const SizedBox(height: 12),
+        itemBuilder: (context, index) => _loadingTile(context),
+      );
+
+      return Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            if (summaryDashboard != null) ...[summary],
+            if (filterHeader != null) ...[filter],
+            Expanded(child: _buildInfiniteScrollListener(skeletonList)),
+          ],
+        ),
+      );
+    }
+
     // Mobile: Single-column with infinite scroll listeners
     final listView = ListView.separated(
       padding: const EdgeInsets.only(bottom: 24),
@@ -142,14 +200,8 @@ class TasQAdaptiveList<T> extends StatelessWidget {
       separatorBuilder: (context, index) => const SizedBox(height: 12),
       itemBuilder: (context, index) {
         if (index >= items.length) {
-          // Loading indicator for infinite scroll
-          return Padding(
-            padding: const EdgeInsets.only(top: 8),
-            child: SizedBox(
-              height: 24,
-              child: Center(child: CircularProgressIndicator(strokeWidth: 2)),
-            ),
-          );
+          // Loading skeleton for infinite scroll (non-blocking shimmer)
+          return _loadingTile(context);
         }
         final item = items[index];
         final actions = rowActions?.call(item) ?? const <Widget>[];
@@ -169,13 +221,7 @@ class TasQAdaptiveList<T> extends StatelessWidget {
       separatorBuilder: (context, index) => const SizedBox(height: 12),
       itemBuilder: (context, index) {
         if (index >= items.length) {
-          return Padding(
-            padding: const EdgeInsets.only(top: 8),
-            child: SizedBox(
-              height: 24,
-              child: Center(child: CircularProgressIndicator(strokeWidth: 2)),
-            ),
-          );
+          return _loadingTile(context);
         }
         final item = items[index];
         final actions = rowActions?.call(item) ?? const <Widget>[];
@@ -245,6 +291,44 @@ class TasQAdaptiveList<T> extends StatelessWidget {
     );
   }
 
+  Widget _loadingTile(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.only(top: 8),
+      child: SizedBox(
+        height: 72,
+        child: Card(
+          margin: EdgeInsets.zero,
+          child: Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
+            child: Row(
+              children: [
+                Container(
+                  width: 40,
+                  height: 40,
+                  decoration: BoxDecoration(
+                    color: Colors.white,
+                    borderRadius: BorderRadius.circular(6),
+                  ),
+                ),
+                const SizedBox(width: 12),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Container(height: 12, color: Colors.white),
+                      const SizedBox(height: 8),
+                      Container(height: 10, width: 150, color: Colors.white),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+
   Widget _buildDesktop(BuildContext context, BoxConstraints constraints) {
     final dataSource = _TasQTableSource<T>(
       context: context,