feat: Help debug KP by providing some debug info

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_action_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 import 'package:smooth_app/generic_lib/design_constants.dart';
@@ -108,4 +109,11 @@ class KnowledgePanelActionCard extends StatelessWidget {
         return false;
     }
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('html', element.html));
+    properties.add(IterableProperty<String>('actions', element.actions));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 import 'package:provider/provider.dart';
@@ -91,4 +92,11 @@ class KnowledgePanelCard extends StatelessWidget {
     }
     return false;
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('panelId', panelId));
+    properties.add(DiagnosticsProperty<bool>('clickable', isClickable));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_expanded_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 import 'package:smooth_app/generic_lib/design_constants.dart';
@@ -51,4 +52,14 @@ class KnowledgePanelExpandedCard extends StatelessWidget {
       children: elementWidgets,
     );
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('panelId', panelId));
+    properties.add(
+      DiagnosticsProperty<bool>('initiallyExpanded', isInitiallyExpanded),
+    );
+    properties.add(DiagnosticsProperty<bool>('clickable', isClickable));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_group_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 import 'package:provider/provider.dart';
@@ -43,4 +44,12 @@ class KnowledgePanelGroupCard extends StatelessWidget {
       ),
     );
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('groupElement', groupElement.title));
+    properties.add(DiagnosticsProperty<bool>('clickable', isClickable));
+    properties.add(IterableProperty<String>('panelIds', groupElement.panelIds));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_image_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 
@@ -16,4 +17,12 @@ class KnowledgePanelImageCard extends StatelessWidget {
         width: imageElement.width?.toDouble(),
         height: imageElement.height?.toDouble(),
       );
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('url', imageElement.url));
+    properties.add(IntProperty('width', imageElement.width));
+    properties.add(IntProperty('height', imageElement.height));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_page.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:matomo_tracker/matomo_tracker.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
@@ -124,4 +125,10 @@ class _KnowledgePanelPageState extends State<KnowledgePanelPage>
     }
     return '';
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('panelId', widget.panelId));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_product_cards.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:smooth_app/generic_lib/design_constants.dart';
 import 'package:smooth_app/helpers/product_cards_helper.dart';
@@ -35,4 +36,10 @@ class KnowledgePanelProductCards extends StatelessWidget {
       ),
     );
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(IntProperty('count', knowledgePanelWidgets.length));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_table_card.dart

@@ -1,5 +1,6 @@
 import 'dart:math';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 import 'package:smooth_app/generic_lib/design_constants.dart';
@@ -272,6 +273,14 @@ class _KnowledgePanelTableCardState extends State<KnowledgePanelTableCard> {
 
     return buffer.toString();
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('tableElementId', widget.tableElement.id));
+    properties
+        .add(DiagnosticsProperty<bool>('expanded', widget.isInitiallyExpanded));
+  }
 }
 
 class TableCellWidget extends StatefulWidget {
@@ -404,4 +413,12 @@ class _TableCellWidgetState extends State<TableCellWidget> {
       ),
     );
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties
+        .add(DiagnosticsProperty<bool>('expanded', widget.isInitiallyExpanded));
+    properties.add(DoubleProperty('cellWidth', widget.cellWidth));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_text_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
@@ -56,4 +57,11 @@ class KnowledgePanelTextCard extends StatelessWidget {
   bool get _hasSource =>
       textElement.sourceText?.isNotEmpty == true &&
       textElement.sourceUrl?.isNotEmpty == true;
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(StringProperty('text', textElement.sourceText));
+    properties.add(StringProperty('url', textElement.sourceUrl));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_title_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:openfoodfacts/openfoodfacts.dart';
 import 'package:provider/provider.dart';
@@ -182,4 +183,23 @@ class KnowledgePanelTitleCard extends StatelessWidget {
 
     return buffer.toString();
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+
+    properties.add(
+      StringProperty('iconUrl', knowledgePanelTitleElement.iconUrl),
+    );
+    properties.add(
+      EnumProperty<TitleElementType>('type', knowledgePanelTitleElement.type),
+    );
+    properties.add(
+      EnumProperty<Grade>('grade', knowledgePanelTitleElement.grade),
+    );
+    properties.add(
+      DiagnosticsProperty<bool>('clickable', isClickable),
+    );
+    properties.add(EnumProperty<Evaluation>('evaluation', evaluation));
+  }
 }

packages/smooth_app/lib/knowledge_panel/knowledge_panels/knowledge_panel_world_map_card.dart

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_map/flutter_map.dart';
 import 'package:latlong2/latlong.dart';
@@ -85,4 +86,18 @@ class KnowledgePanelWorldMapCard extends StatelessWidget {
       ),
     );
   }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(
+      IterableProperty<String?>(
+        'pointers',
+        mapElement.pointers.map(
+          (KnowledgePanelGeoPointer pointer) =>
+              pointer.geo?.toJson().toString(),
+        ),
+      ),
+    );
+  }
 }