From d00379905eb6e09461fd47ce81b2639a38e00ac4 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Sun, 17 May 2026 16:31:40 -0400
Subject: [PATCH] =?UTF-8?q?feat(reader):=20Read=20entry=20points=20?=
 =?UTF-8?q?=E2=80=94=20TagCard=20icon,=20TagsView=20route,=20SeriesManageV?=
 =?UTF-8?q?iew=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/discovery/TagCard.vue | 7 ++++++-
 frontend/src/views/SeriesManageView.vue       | 7 +++++++
 frontend/src/views/TagsView.vue               | 6 +++++-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/discovery/TagCard.vue b/frontend/src/components/discovery/TagCard.vue
index 2216526..acb3905 100644
--- a/frontend/src/components/discovery/TagCard.vue
+++ b/frontend/src/components/discovery/TagCard.vue
@@ -25,6 +25,11 @@
             icon="mdi-book-open-page-variant"
             title="Manage series" @click.stop="$emit('manage', card.id)"
           />
+          <v-icon
+            v-if="card.kind === 'series'"
+            class="fc-tagcard__edit" size="14" icon="mdi-book-open"
+            title="Read series" @click.stop="$emit('read', card.id)"
+          />
         </template>
         <v-text-field
           v-else
@@ -49,7 +54,7 @@
 import { ref } from 'vue'
 
 const props = defineProps({ card: { type: Object, required: true } })
-const emit = defineEmits(['open', 'rename', 'manage'])
+const emit = defineEmits(['open', 'rename', 'manage', 'read'])
 
 const editing = ref(false)
 const draft = ref('')
diff --git a/frontend/src/views/SeriesManageView.vue b/frontend/src/views/SeriesManageView.vue
index 8048fc7..510b5aa 100644
--- a/frontend/src/views/SeriesManageView.vue
+++ b/frontend/src/views/SeriesManageView.vue
@@ -3,6 +3,13 @@
     <div class="fc-series__head">
       <span class="fc-series__name">{{ store.series?.name || 'Series' }}</span>
       <span class="fc-series__count">{{ store.pages.length }} page(s)</span>
+      <v-btn
+        v-if="store.pages.length > 0"
+        size="small" variant="tonal" color="accent"
+        prepend-icon="mdi-book-open"
+        class="fc-series__read"
+        @click="$router.push({ name: 'series-read', params: { tagId: store.tagId } })"
+      >Read</v-btn>
     </div>
 
     <div class="fc-series__body">
diff --git a/frontend/src/views/TagsView.vue b/frontend/src/views/TagsView.vue
index 9ed92e7..e34b860 100644
--- a/frontend/src/views/TagsView.vue
+++ b/frontend/src/views/TagsView.vue
@@ -26,7 +26,7 @@
     <div class="fc-tags__grid">
       <TagCard
         v-for="c in store.cards" :key="c.id" :card="c"
-        @open="openTag" @rename="onRename" @manage="onManage"
+        @open="openTag" @rename="onRename" @manage="onManage" @read="onRead"
       />
     </div>
 
@@ -101,6 +101,10 @@ function openTag(tagId) {
 function onManage(id) {
   router.push({ name: 'series-manage', params: { tagId: id } })
 }
+
+function onRead(id) {
+  router.push({ name: 'series-read', params: { tagId: id } })
+}
 </script>
 
 <style scoped>