Add walkthrough

vigilcare-records-web/src/views/QueueDashboardView.vue

@@ -3,8 +3,10 @@
     <AppHeader
       title="Queue Dashboard"
       description="Supervisor view of digitization backlog, aging work, and reject rate."
+      tour-anchor="dashboard-header"
     >
       <template #actions>
+        <TourHelpButton />
         <button
           type="button"
           class="text-sm font-medium text-primary-700 hover:text-primary-800"
@@ -28,7 +30,10 @@
         />
 
         <!-- Priority work metrics -->
-        <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3 sm:gap-4">
+        <div
+          class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3 sm:gap-4"
+          data-tour="dashboard-metrics"
+        >
           <div class="card-elevated">
             <p class="text-xs font-semibold uppercase tracking-wide text-ink-secondary">
               Pending Entry
@@ -124,7 +129,7 @@
         </section>
 
         <!-- Existing batch list via batch list API -->
-        <section class="card">
+        <section class="card" data-tour="dashboard-batches">
           <h2 class="text-base font-semibold text-ink-strong mb-4">All Batches</h2>
           <BatchList
             :batches="batchStore.batches"
@@ -145,6 +150,7 @@ import { ref, computed, onMounted } from 'vue'
 import { useBatchStore } from '../stores/batches'
 import { get } from '../api/client'
 import AppHeader from '../components/AppHeader.vue'
+import TourHelpButton from '../components/TourHelpButton.vue'
 import BatchList from '../components/BatchList.vue'
 import StatusBadge from '../components/StatusBadge.vue'
 import EmptyState from '../components/EmptyState.vue'