feat(tile): navigate to source/category details

- Added navigation on chip tap
- Avoid render current entity chip

Author: fulleni

lib/shared/widgets/headline_tile_image_start.dart

@@ -1,5 +1,9 @@
 import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart'; // Added
+import 'package:ht_main/entity_details/models/entity_type.dart';
+import 'package:ht_main/entity_details/view/entity_details_page.dart'; // Added for Page Arguments
 import 'package:ht_main/l10n/l10n.dart';
+import 'package:ht_main/router/routes.dart'; // Added
 import 'package:ht_main/shared/constants/app_spacing.dart';
 import 'package:ht_main/shared/utils/utils.dart'; // Import the new utility
 import 'package:ht_shared/ht_shared.dart' show Headline;
@@ -15,6 +19,8 @@ class HeadlineTileImageStart extends StatelessWidget {
     super.key,
     this.onHeadlineTap,
     this.trailing,
+    this.currentContextEntityType,
+    this.currentContextEntityId,
   });
 
   /// The headline data to display.
@@ -26,6 +32,12 @@ class HeadlineTileImageStart extends StatelessWidget {
   /// An optional widget to display at the end of the tile.
   final Widget? trailing;
 
+  /// The type of the entity currently being viewed in detail (e.g., on a category page).
+  final EntityType? currentContextEntityType;
+
+  /// The ID of the entity currently being viewed in detail.
+  final String? currentContextEntityId;
+
   @override
   Widget build(BuildContext context) {
     final l10n = context.l10n;
@@ -50,40 +62,39 @@ class HeadlineTileImageStart extends StatelessWidget {
                 height: 72,
                 child: ClipRRect(
                   borderRadius: BorderRadius.circular(AppSpacing.xs),
-                  child:
-                      headline.imageUrl != null
-                          ? Image.network(
-                            headline.imageUrl!,
-                            fit: BoxFit.cover,
-                            loadingBuilder: (context, child, loadingProgress) {
-                              if (loadingProgress == null) return child;
-                              return Container(
-                                color: colorScheme.surfaceContainerHighest,
-                                child: const Center(
-                                  child: CircularProgressIndicator(
-                                    strokeWidth: 2,
-                                  ),
-                                ),
-                              );
-                            },
-                            errorBuilder:
-                                (context, error, stackTrace) => Container(
-                                  color: colorScheme.surfaceContainerHighest,
-                                  child: Icon(
-                                    Icons.broken_image_outlined,
-                                    color: colorScheme.onSurfaceVariant,
-                                    size: AppSpacing.xl,
-                                  ),
+                  child: headline.imageUrl != null
+                      ? Image.network(
+                          headline.imageUrl!,
+                          fit: BoxFit.cover,
+                          loadingBuilder: (context, child, loadingProgress) {
+                            if (loadingProgress == null) return child;
+                            return Container(
+                              color: colorScheme.surfaceContainerHighest,
+                              child: const Center(
+                                child: CircularProgressIndicator(
+                                  strokeWidth: 2,
                                 ),
-                          )
-                          : Container(
+                              ),
+                            );
+                          },
+                          errorBuilder: (context, error, stackTrace) =>
+                              Container(
                             color: colorScheme.surfaceContainerHighest,
                             child: Icon(
-                              Icons.image_not_supported_outlined,
+                              Icons.broken_image_outlined,
                               color: colorScheme.onSurfaceVariant,
                               size: AppSpacing.xl,
                             ),
                           ),
+                        )
+                      : Container(
+                          color: colorScheme.surfaceContainerHighest,
+                          child: Icon(
+                            Icons.image_not_supported_outlined,
+                            color: colorScheme.onSurfaceVariant,
+                            size: AppSpacing.xl,
+                          ),
+                        ),
                 ),
               ),
               const SizedBox(width: AppSpacing.md), // Always add spacing
@@ -105,6 +116,10 @@ class HeadlineTileImageStart extends StatelessWidget {
                       l10n: l10n,
                       colorScheme: colorScheme,
                       textTheme: textTheme,
+                      currentContextEntityType:
+                          currentContextEntityType, // Pass down
+                      currentContextEntityId:
+                          currentContextEntityId, // Pass down
                     ),
                   ],
                 ),
@@ -128,12 +143,16 @@ class _HeadlineMetadataRow extends StatelessWidget {
     required this.l10n,
     required this.colorScheme,
     required this.textTheme,
+    this.currentContextEntityType,
+    this.currentContextEntityId,
   });
 
   final Headline headline;
   final AppLocalizations l10n;
   final ColorScheme colorScheme;
   final TextTheme textTheme;
+  final EntityType? currentContextEntityType;
+  final String? currentContextEntityId;
 
   @override
   Widget build(BuildContext context) {
@@ -177,7 +196,10 @@ class _HeadlineMetadataRow extends StatelessWidget {
               ],
             ),
           ),
-        if (headline.category?.name != null) ...[
+        // Conditionally render Category Chip
+        if (headline.category?.name != null &&
+            !(currentContextEntityType == EntityType.category &&
+                headline.category!.id == currentContextEntityId)) ...[
           if (formattedDate.isNotEmpty)
             Padding(
               padding: const EdgeInsets.symmetric(
@@ -187,15 +209,12 @@ class _HeadlineMetadataRow extends StatelessWidget {
             ),
           GestureDetector(
             onTap: () {
-              ScaffoldMessenger.of(context)
-                ..hideCurrentSnackBar()
-                ..showSnackBar(
-                  SnackBar(
-                    content: Text(
-                      'Tapped Category: ${headline.category!.name}',
-                    ),
-                  ),
+              if (headline.category != null) {
+                context.push(
+                  Routes.categoryDetails,
+                  extra: EntityDetailsPageArguments(entity: headline.category),
                 );
+              }
             },
             child: Chip(
               label: Text(headline.category!.name),
@@ -210,8 +229,14 @@ class _HeadlineMetadataRow extends StatelessWidget {
             ),
           ),
         ],
-        if (headline.source?.name != null) ...[
-          if (formattedDate.isNotEmpty || headline.category?.name != null)
+        // Conditionally render Source Chip
+        if (headline.source?.name != null &&
+            !(currentContextEntityType == EntityType.source &&
+                headline.source!.id == currentContextEntityId)) ...[
+          if (formattedDate.isNotEmpty ||
+              (headline.category?.name != null &&
+                  !(currentContextEntityType == EntityType.category &&
+                      headline.category!.id == currentContextEntityId)))
             Padding(
               padding: const EdgeInsets.symmetric(
                 horizontal: AppSpacing.xs / 2,
@@ -220,13 +245,12 @@ class _HeadlineMetadataRow extends StatelessWidget {
             ),
           GestureDetector(
             onTap: () {
-              ScaffoldMessenger.of(context)
-                ..hideCurrentSnackBar()
-                ..showSnackBar(
-                  SnackBar(
-                    content: Text('Tapped Source: ${headline.source!.name}'),
-                  ),
+              if (headline.source != null) {
+                context.push(
+                  Routes.sourceDetails,
+                  extra: EntityDetailsPageArguments(entity: headline.source),
                 );
+              }
             },
             child: Chip(
               label: Text(headline.source!.name),