Show watched status for episode history (#792)

* Show watched status for episode history

- Reuse the completed status chip for watched episode activity cards.\n- Cover episode card rendering without changing release history.\n\nFixes #573

* Make history status chips accessible

- Share one status path for explicit and watched-episode states
- Expose status text to screen readers and keep release history unchanged

Author: srow90

src/app/tests/test_templatetags.py

@@ -607,8 +607,8 @@ def test_history_card_uses_canonical_music_album_url(self):
             content,
         )
 
-    def test_history_card_episode_edit_uses_track_modal(self):
-        """Episode history cards should open the track modal so ratings can be edited."""
+    def test_history_card_episode_shows_watched_status_and_uses_track_modal(self):
+        """Episode history cards show watched status and open the track modal."""
         item = Item.objects.create(
             media_id="episode-history-1",
             source=Sources.TMDB.value,
@@ -621,34 +621,33 @@ def test_history_card_episode_edit_uses_track_modal(self):
         request = self.request_factory.get("/history")
         request.user = self.user
 
+        context = {
+            "entry": SimpleNamespace(
+                media_type=MediaTypes.EPISODE.value,
+                album=None,
+                item=item,
+                poster=item.image,
+                status=None,
+                runtime_display=None,
+                display_title=item.title,
+                title=item.title,
+                played_at_local=timezone.now(),
+                time_range_display="6:00 PM",
+                play_count=1,
+                progress_display=None,
+                episode_label="S1E2",
+                episode_code="S1E2",
+                show=None,
+                score=8,
+                entry_key="episode-entry-1",
+                instance_id=7,
+            ),
+            "card_class": "search-result-card",
+            "history_mode": "activity",
+            "user": self.user,
+        }
         content = render_to_string(
-            "app/components/history_card.html",
-            {
-                "entry": SimpleNamespace(
-                    media_type=MediaTypes.EPISODE.value,
-                    album=None,
-                    item=item,
-                    poster=item.image,
-                    status=None,
-                    runtime_display=None,
-                    display_title=item.title,
-                    title=item.title,
-                    played_at_local=timezone.now(),
-                    time_range_display="6:00 PM",
-                    play_count=1,
-                    progress_display=None,
-                    episode_label="S1E2",
-                    episode_code="S1E2",
-                    show=None,
-                    score=8,
-                    entry_key="episode-entry-1",
-                    instance_id=7,
-                ),
-                "card_class": "search-result-card",
-                "history_mode": "activity",
-                "user": self.user,
-            },
-            request=request,
+            "app/components/history_card.html", context, request=request
         )
 
         expected_track_url = reverse(
@@ -664,6 +663,17 @@ def test_history_card_episode_edit_uses_track_modal(self):
         self.assertIn('"instance_id": "7"', content)
         self.assertIn('"standard_modal": "1"', content)
         self.assertNotIn('hx-get="/history_modal/', content)
+        self.assertIn("media-status-chip", content)
+        self.assertIn("Status: Completed", content)
+        self.assertIn('aria-hidden="true"', content)
+
+        release_content = render_to_string(
+            "app/components/history_card.html",
+            {**context, "history_mode": "release"},
+            request=request,
+        )
+        self.assertNotIn("media-status-chip", release_content)
+        self.assertNotIn("Status: Completed", release_content)
 
     def test_history_card_teleports_alt_title_tooltip(self):
         """History cards should teleport alternate-title tooltips outside the clipped shell."""

src/templates/app/components/history_card.html

@@ -19,10 +19,11 @@
     {% endwith %}
 
     {# Status chip (top-left) #}
-    {% if entry.status %}
-      <div class="media-status-chip absolute top-2 left-2 bg-gray-900/90 text-white text-xs px-2 py-1 rounded-md flex items-center gap-1.5 shadow-md">
-        {% with status_value=entry.status %}
-          <div class="w-4 h-4 {{ status_value|status_color }}">
+    {% if entry.status or entry.media_type == MediaTypes.EPISODE.value and history_mode != "release" %}
+      {% with status_value=entry.status|default:"Completed" %}
+        <div class="media-status-chip absolute top-2 left-2 bg-gray-900/90 text-white text-xs px-2 py-1 rounded-md flex items-center gap-1.5 shadow-md">
+          <span class="sr-only">Status: {{ status_value }}</span>
+          <div class="w-4 h-4 {{ status_value|status_color }}" aria-hidden="true">
             {% if status_value == "Completed" %}
               {% include "app/icons/states/completed.svg" with classes="w-full h-full" %}
             {% elif status_value == "In progress" %}
@@ -35,8 +36,8 @@
               {% include "app/icons/states/dropped.svg" with classes="w-full h-full" %}
             {% endif %}
           </div>
-        {% endwith %}
-      </div>
+        </div>
+      {% endwith %}
     {% endif %}
 
     {# Runtime chip (top-right) #}