diff --git a/client/src/features/dashboard/api/dashboard-widget.api.ts b/client/src/features/dashboard/api/dashboard-widget.api.ts
new file mode 100644
index 000000000..92e70cc6d
--- /dev/null
+++ b/client/src/features/dashboard/api/dashboard-widget.api.ts
@@ -0,0 +1,87 @@
+import type {
+  CurrentlyReadingWidgetData,
+  DiversityScoreWidgetData,
+  HighlightOfTheDayWidgetData,
+  LibraryOverviewWidgetData,
+  LongWaitWidgetData,
+  MonthlyChallengeWidgetData,
+  NeglectedGemsWidgetData,
+  ReadingDnaWidgetData,
+  ReadingGoalWidgetData,
+  ReadingRhythmWidgetData,
+  ReadingStreakWidgetData,
+  YearProjectionWidgetData,
+} from '@bookorbit/types'
+import { api } from '@/lib/api'
+
+export async function fetchReadingGoal(): Promise<ReadingGoalWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/reading-goal')
+  if (!res.ok) throw new Error('Failed to fetch reading goal')
+  return res.json()
+}
+
+export async function fetchCurrentlyReading(): Promise<CurrentlyReadingWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/currently-reading')
+  if (!res.ok) throw new Error('Failed to fetch currently reading')
+  return res.json()
+}
+
+export async function fetchReadingStreak(): Promise<ReadingStreakWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/reading-streak')
+  if (!res.ok) throw new Error('Failed to fetch reading streak')
+  return res.json()
+}
+
+export async function fetchLibraryOverview(): Promise<LibraryOverviewWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/library-overview')
+  if (!res.ok) throw new Error('Failed to fetch library overview')
+  return res.json()
+}
+
+export async function fetchHighlightOfTheDay(): Promise<HighlightOfTheDayWidgetData | null> {
+  const res = await api('/api/v1/dashboard/widgets/highlight-of-the-day')
+  if (!res.ok) throw new Error('Failed to fetch highlight of the day')
+  return res.json()
+}
+
+export async function fetchMonthlyChallenge(): Promise<MonthlyChallengeWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/monthly-challenge')
+  if (!res.ok) throw new Error('Failed to fetch monthly challenge')
+  return res.json()
+}
+
+export async function fetchYearProjection(): Promise<YearProjectionWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/year-projection')
+  if (!res.ok) throw new Error('Failed to fetch year projection')
+  return res.json()
+}
+
+export async function fetchNeglectedGems(): Promise<NeglectedGemsWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/neglected-gems')
+  if (!res.ok) throw new Error('Failed to fetch neglected gems')
+  return res.json()
+}
+
+export async function fetchReadingDna(): Promise<ReadingDnaWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/reading-dna')
+  if (!res.ok) throw new Error('Failed to fetch reading DNA')
+  return res.json()
+}
+
+export async function fetchLongWait(): Promise<LongWaitWidgetData | null> {
+  const res = await api('/api/v1/dashboard/widgets/long-wait')
+  if (!res.ok) throw new Error('Failed to fetch long wait')
+  return res.json()
+}
+
+export async function fetchDiversityScore(): Promise<DiversityScoreWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/diversity-score')
+  if (!res.ok) throw new Error('Failed to fetch diversity score')
+  return res.json()
+}
+
+export async function fetchReadingRhythm(): Promise<ReadingRhythmWidgetData> {
+  const res = await api('/api/v1/dashboard/widgets/reading-rhythm')
+  if (!res.ok) throw new Error('Failed to fetch reading rhythm')
+  return res.json()
+}
diff --git a/client/src/features/dashboard/components/DashboardSettingsSheet.vue b/client/src/features/dashboard/components/DashboardSettingsSheet.vue
index 9a671cb2a..7f5197e8b 100644
--- a/client/src/features/dashboard/components/DashboardSettingsSheet.vue
+++ b/client/src/features/dashboard/components/DashboardSettingsSheet.vue
@@ -2,59 +2,49 @@
 import { ref, watch } from 'vue'
 import { ChevronDown, ChevronUp, GripVertical, Plus, RotateCcw, Trash2 } from 'lucide-vue-next'
 
-import type { ScrollerConfig, ScrollerType } from '@bookorbit/types'
+import type { ScrollerConfig, ScrollerType, WidgetConfig } from '@bookorbit/types'
 import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet'
 import { useSmartScopes } from '@/features/smart-scope/composables/useSmartScopes'
 import { DEFAULT_SCROLLERS, SCROLLER_LABELS, useDashboardConfig } from '../composables/useDashboardConfig'
+import { useDashboardWidgets } from '../composables/useDashboardWidgets'
+import { useDraggableList } from '../composables/useDraggableList'
 
 const props = defineProps<{ open: boolean }>()
 const emit = defineEmits<{ 'update:open': [value: boolean] }>()
 
 const { scrollers, saveScrollers, MAX_SCROLLERS } = useDashboardConfig()
+const { widgets, saveWidgets, WIDGET_LABELS, DEFAULT_WIDGETS } = useDashboardWidgets()
 const { smartScopes, fetchSmartScopes } = useSmartScopes()
 
+const activeTab = ref<'widgets' | 'shelves'>('widgets')
 const draft = ref<ScrollerConfig[]>([])
+const widgetDraft = ref<WidgetConfig[]>([])
+const widgetSaving = ref(false)
 
 watch(
   () => props.open,
   (isOpen) => {
     if (isOpen) {
       draft.value = (Array.isArray(scrollers.value) ? scrollers.value : DEFAULT_SCROLLERS).map((s) => ({ ...s }))
+      widgetDraft.value = widgets.value.map((w) => ({ ...w }))
       fetchSmartScopes()
     }
   },
 )
 
 // ── Drag to reorder ──────────────────────────────────────────
-const draggedIndex = ref<number | null>(null)
-const dragOverIndex = ref<number | null>(null)
-
-function onDragStart(index: number) {
-  draggedIndex.value = index
-}
-
-function onDragOver(e: DragEvent, index: number) {
-  e.preventDefault()
-  dragOverIndex.value = index
-}
-
-function onDrop(index: number) {
-  if (draggedIndex.value === null || draggedIndex.value === index) return
-  const items = [...draft.value]
-  const [moved] = items.splice(draggedIndex.value, 1)
-  if (moved) {
-    items.splice(index, 0, moved)
-    draft.value = items
-  }
-  draggedIndex.value = null
-  dragOverIndex.value = null
-}
-
-function onDragEnd() {
-  draggedIndex.value = null
-  dragOverIndex.value = null
-}
+const { draggedIndex, dragOverIndex, onDragStart, onDragOver, onDrop, onDragEnd, moveUp, moveDown } = useDraggableList(draft)
 
+const {
+  draggedIndex: widgetDraggedIndex,
+  dragOverIndex: widgetDragOverIndex,
+  onDragStart: onWidgetDragStart,
+  onDragOver: onWidgetDragOver,
+  onDrop: onWidgetDrop,
+  onDragEnd: onWidgetDragEnd,
+  moveUp: widgetMoveUp,
+  moveDown: widgetMoveDown,
+} = useDraggableList(widgetDraft)
 // ── Add / Remove ─────────────────────────────────────────────
 const ALL_TYPES: ScrollerType[] = ['continue-reading', 'recently-added', 'random', 'smart-scope']
 
@@ -76,30 +66,6 @@ function removeScroller(index: number) {
   draft.value.splice(index, 1)
 }
 
-function moveUp(index: number) {
-  if (index === 0) return
-  const items = [...draft.value]
-  const current = items[index]
-  const prev = items[index - 1]
-  if (current && prev) {
-    items[index - 1] = current
-    items[index] = prev
-  }
-  draft.value = items
-}
-
-function moveDown(index: number) {
-  if (index === draft.value.length - 1) return
-  const items = [...draft.value]
-  const current = items[index]
-  const next = items[index + 1]
-  if (current && next) {
-    items[index + 1] = current
-    items[index] = next
-  }
-  draft.value = items
-}
-
 function onTypeChange(scroller: ScrollerConfig) {
   if (scroller.type === 'smart-scope') {
     const firstSmartScope = smartScopes.value[0]
@@ -117,13 +83,35 @@ function onSmartScopeChange(scroller: ScrollerConfig) {
 }
 
 // ── Save / Reset / Close ─────────────────────────────────────
-function save() {
+function saveShelves() {
   saveScrollers(draft.value)
   emit('update:open', false)
 }
 
+async function saveWidgetSettings() {
+  widgetSaving.value = true
+  try {
+    await saveWidgets(widgetDraft.value)
+    emit('update:open', false)
+  } finally {
+    widgetSaving.value = false
+  }
+}
+
+async function handleSave() {
+  if (activeTab.value === 'widgets') {
+    await saveWidgetSettings()
+  } else {
+    saveShelves()
+  }
+}
+
 function resetToDefault() {
-  draft.value = DEFAULT_SCROLLERS.map((s) => ({ ...s }))
+  if (activeTab.value === 'widgets') {
+    widgetDraft.value = DEFAULT_WIDGETS.map((w) => ({ ...w }))
+  } else {
+    draft.value = DEFAULT_SCROLLERS.map((s) => ({ ...s }))
+  }
 }
 </script>
 
@@ -135,107 +123,191 @@ function resetToDefault() {
         <SheetTitle class="text-base font-semibold">Customize Dashboard</SheetTitle>
       </SheetHeader>
 
+      <!-- Tabs -->
+      <div class="border-b border-border px-5 py-2">
+        <div class="flex items-center gap-1 rounded-lg bg-muted p-1">
+          <button
+            :class="[
+              'flex-1 rounded-md px-3 py-1.5 text-sm font-medium transition-colors',
+              activeTab === 'widgets' ? 'bg-background text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground',
+            ]"
+            @click="activeTab = 'widgets'"
+          >
+            Widgets
+          </button>
+          <button
+            :class="[
+              'flex-1 rounded-md px-3 py-1.5 text-sm font-medium transition-colors',
+              activeTab === 'shelves' ? 'bg-background text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground',
+            ]"
+            @click="activeTab = 'shelves'"
+          >
+            Shelves
+          </button>
+        </div>
+      </div>
+
       <!-- Body -->
       <div class="flex-1 overflow-y-auto px-5 py-4">
-        <p class="mb-4 text-xs text-muted-foreground">Drag to reorder. Toggle to show or hide a shelf.</p>
+        <!-- WIDGETS TAB -->
+        <div v-show="activeTab === 'widgets'">
+          <p class="mb-4 text-xs text-muted-foreground">Drag to reorder. Toggle to show or hide a widget.</p>
 
-        <div class="space-y-2">
-          <div
-            v-for="(scroller, index) in draft"
-            :key="scroller.id"
-            draggable="true"
-            class="rounded-lg border border-border bg-card transition-all duration-150"
-            :class="{
-              'border-primary/50 bg-primary/5 shadow-sm': dragOverIndex === index && draggedIndex !== index,
-              'opacity-40': draggedIndex === index,
-            }"
-            @dragstart="onDragStart(index)"
-            @dragover="onDragOver($event, index)"
-            @drop="onDrop(index)"
-            @dragend="onDragEnd"
-          >
-            <!-- Main row -->
-            <div class="flex items-center gap-3 px-3 py-2.5">
-              <!-- Drag handle (desktop) + up/down arrows (mobile fallback) -->
-              <div class="flex shrink-0 flex-col items-center">
-                <button
-                  class="touch-reorder-btn flex h-5 w-5 items-center justify-center rounded text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:opacity-20"
-                  :disabled="index === 0"
-                  @click="moveUp(index)"
-                >
-                  <ChevronUp :size="13" />
-                </button>
-                <div class="drag-handle cursor-grab text-muted-foreground/60 hover:text-muted-foreground active:cursor-grabbing">
-                  <GripVertical :size="16" />
+          <div class="space-y-2">
+            <div
+              v-for="(widget, index) in widgetDraft"
+              :key="widget.id"
+              draggable="true"
+              class="rounded-lg border border-border bg-card transition-all duration-150"
+              :class="{
+                'border-primary/50 bg-primary/5 shadow-sm': widgetDragOverIndex === index && widgetDraggedIndex !== index,
+                'opacity-40': widgetDraggedIndex === index,
+              }"
+              @dragstart="onWidgetDragStart(index)"
+              @dragover="onWidgetDragOver($event, index)"
+              @drop="onWidgetDrop(index)"
+              @dragend="onWidgetDragEnd"
+            >
+              <div class="flex items-center gap-3 px-3 py-2.5">
+                <div class="flex shrink-0 flex-col items-center">
+                  <button
+                    class="touch-reorder-btn flex h-5 w-5 items-center justify-center rounded text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:opacity-20"
+                    :disabled="index === 0"
+                    @click="widgetMoveUp(index)"
+                  >
+                    <ChevronUp :size="13" />
+                  </button>
+                  <div class="drag-handle cursor-grab text-muted-foreground/60 hover:text-muted-foreground active:cursor-grabbing">
+                    <GripVertical :size="16" />
+                  </div>
+                  <button
+                    class="touch-reorder-btn flex h-5 w-5 items-center justify-center rounded text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:opacity-20"
+                    :disabled="index === widgetDraft.length - 1"
+                    @click="widgetMoveDown(index)"
+                  >
+                    <ChevronDown :size="13" />
+                  </button>
                 </div>
+
                 <button
-                  class="touch-reorder-btn flex h-5 w-5 items-center justify-center rounded text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:opacity-20"
-                  :disabled="index === draft.length - 1"
-                  @click="moveDown(index)"
+                  class="relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 focus:outline-none"
+                  :class="widget.enabled ? 'bg-primary' : 'bg-muted'"
+                  @click="widget.enabled = !widget.enabled"
                 >
-                  <ChevronDown :size="13" />
+                  <span
+                    class="pointer-events-none block h-4 w-4 rounded-full bg-white shadow ring-0 transition-transform duration-200"
+                    :class="widget.enabled ? 'translate-x-4' : 'translate-x-0'"
+                  />
                 </button>
+
+                <span class="flex-1 text-sm font-medium">{{ WIDGET_LABELS[widget.type] }}</span>
               </div>
-
-              <!-- Toggle -->
-              <button
-                class="relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 focus:outline-none"
-                :class="scroller.enabled ? 'bg-primary' : 'bg-muted'"
-                @click="scroller.enabled = !scroller.enabled"
-              >
-                <span
-                  class="pointer-events-none block h-4 w-4 rounded-full bg-white shadow ring-0 transition-transform duration-200"
-                  :class="scroller.enabled ? 'translate-x-4' : 'translate-x-0'"
-                />
-              </button>
-
-              <!-- Type selector -->
-              <select
-                v-model="scroller.type"
-                class="h-8 flex-1 appearance-none rounded-md border border-input bg-background px-2 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
-                @change="onTypeChange(scroller)"
-              >
-                <option v-for="t in ALL_TYPES" :key="t" :value="t">
-                  {{ SCROLLER_LABELS[t] }}
-                </option>
-              </select>
-
-              <!-- Remove -->
-              <button
-                class="flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-destructive/10 hover:text-destructive disabled:pointer-events-none disabled:opacity-30"
-                :disabled="draft.length <= 1"
-                @click="removeScroller(index)"
-              >
-                <Trash2 :size="14" />
-              </button>
-            </div>
-
-            <!-- SmartScope picker (shown only when type = smartScope) -->
-            <div v-if="scroller.type === 'smart-scope'" class="border-t border-border/50 px-3 pb-2.5 pt-2">
-              <label class="mb-1.5 block text-[11px] font-medium text-muted-foreground">Smart Scope</label>
-              <select
-                v-if="smartScopes.length > 0"
-                v-model="scroller.smartScopeId"
-                class="h-8 w-full appearance-none rounded-md border border-input bg-background px-2 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
-                @change="onSmartScopeChange(scroller)"
-              >
-                <option v-for="smartScope in smartScopes" :key="smartScope.id" :value="smartScope.id">{{ smartScope.name }}</option>
-              </select>
-              <p v-else class="text-xs text-muted-foreground">No Smart Scopes yet. Create one from the sidebar.</p>
             </div>
           </div>
         </div>
 
-        <!-- Add shelf -->
-        <button
-          class="mt-3 flex w-full items-center justify-center gap-2 rounded-lg border border-dashed border-border py-2.5 text-sm text-muted-foreground transition-colors hover:border-primary/50 hover:text-primary disabled:pointer-events-none disabled:opacity-40"
-          :disabled="draft.length >= MAX_SCROLLERS"
-          @click="addScroller"
-        >
-          <Plus :size="15" />
-          Add shelf
-          <span class="text-xs opacity-60">({{ draft.length }}/{{ MAX_SCROLLERS }})</span>
-        </button>
+        <!-- SHELVES TAB -->
+        <div v-show="activeTab === 'shelves'">
+          <p class="mb-4 text-xs text-muted-foreground">Drag to reorder. Toggle to show or hide a shelf.</p>
+
+          <div class="space-y-2">
+            <div
+              v-for="(scroller, index) in draft"
+              :key="scroller.id"
+              draggable="true"
+              class="rounded-lg border border-border bg-card transition-all duration-150"
+              :class="{
+                'border-primary/50 bg-primary/5 shadow-sm': dragOverIndex === index && draggedIndex !== index,
+                'opacity-40': draggedIndex === index,
+              }"
+              @dragstart="onDragStart(index)"
+              @dragover="onDragOver($event, index)"
+              @drop="onDrop(index)"
+              @dragend="onDragEnd"
+            >
+              <!-- Main row -->
+              <div class="flex items-center gap-3 px-3 py-2.5">
+                <!-- Drag handle (desktop) + up/down arrows (mobile fallback) -->
+                <div class="flex shrink-0 flex-col items-center">
+                  <button
+                    class="touch-reorder-btn flex h-5 w-5 items-center justify-center rounded text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:opacity-20"
+                    :disabled="index === 0"
+                    @click="moveUp(index)"
+                  >
+                    <ChevronUp :size="13" />
+                  </button>
+                  <div class="drag-handle cursor-grab text-muted-foreground/60 hover:text-muted-foreground active:cursor-grabbing">
+                    <GripVertical :size="16" />
+                  </div>
+                  <button
+                    class="touch-reorder-btn flex h-5 w-5 items-center justify-center rounded text-muted-foreground/70 transition-colors hover:bg-muted hover:text-foreground disabled:opacity-20"
+                    :disabled="index === draft.length - 1"
+                    @click="moveDown(index)"
+                  >
+                    <ChevronDown :size="13" />
+                  </button>
+                </div>
+
+                <!-- Toggle -->
+                <button
+                  class="relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 focus:outline-none"
+                  :class="scroller.enabled ? 'bg-primary' : 'bg-muted'"
+                  @click="scroller.enabled = !scroller.enabled"
+                >
+                  <span
+                    class="pointer-events-none block h-4 w-4 rounded-full bg-white shadow ring-0 transition-transform duration-200"
+                    :class="scroller.enabled ? 'translate-x-4' : 'translate-x-0'"
+                  />
+                </button>
+
+                <!-- Type selector -->
+                <select
+                  v-model="scroller.type"
+                  class="h-8 flex-1 appearance-none rounded-md border border-input bg-background px-2 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+                  @change="onTypeChange(scroller)"
+                >
+                  <option v-for="t in ALL_TYPES" :key="t" :value="t">
+                    {{ SCROLLER_LABELS[t] }}
+                  </option>
+                </select>
+
+                <!-- Remove -->
+                <button
+                  class="flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground/70 transition-colors hover:bg-destructive/10 hover:text-destructive disabled:pointer-events-none disabled:opacity-30"
+                  :disabled="draft.length <= 1"
+                  @click="removeScroller(index)"
+                >
+                  <Trash2 :size="14" />
+                </button>
+              </div>
+
+              <!-- SmartScope picker (shown only when type = smartScope) -->
+              <div v-if="scroller.type === 'smart-scope'" class="border-t border-border/50 px-3 pb-2.5 pt-2">
+                <label class="mb-1.5 block text-[11px] font-medium text-muted-foreground">Smart Scope</label>
+                <select
+                  v-if="smartScopes.length > 0"
+                  v-model="scroller.smartScopeId"
+                  class="h-8 w-full appearance-none rounded-md border border-input bg-background px-2 text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+                  @change="onSmartScopeChange(scroller)"
+                >
+                  <option v-for="smartScope in smartScopes" :key="smartScope.id" :value="smartScope.id">{{ smartScope.name }}</option>
+                </select>
+                <p v-else class="text-xs text-muted-foreground">No Smart Scopes yet. Create one from the sidebar.</p>
+              </div>
+            </div>
+          </div>
+
+          <!-- Add shelf -->
+          <button
+            class="mt-3 flex w-full items-center justify-center gap-2 rounded-lg border border-dashed border-border py-2.5 text-sm text-muted-foreground transition-colors hover:border-primary/50 hover:text-primary disabled:pointer-events-none disabled:opacity-40"
+            :disabled="draft.length >= MAX_SCROLLERS"
+            @click="addScroller"
+          >
+            <Plus :size="15" />
+            Add shelf
+            <span class="text-xs opacity-60">({{ draft.length }}/{{ MAX_SCROLLERS }})</span>
+          </button>
+        </div>
       </div>
 
       <!-- Footer -->
@@ -253,7 +325,8 @@ function resetToDefault() {
           </button>
           <button
             class="h-8 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
-            @click="save"
+            :disabled="widgetSaving"
+            @click="handleSave"
           >
             Save
           </button>
diff --git a/client/src/features/dashboard/components/DashboardWidgetRow.vue b/client/src/features/dashboard/components/DashboardWidgetRow.vue
new file mode 100644
index 000000000..f8935aee4
--- /dev/null
+++ b/client/src/features/dashboard/components/DashboardWidgetRow.vue
@@ -0,0 +1,143 @@
+<script setup lang="ts">
+import { ref, watch, type Component, type ComponentPublicInstance } from 'vue'
+import { ChevronLeft, ChevronRight, GripVertical } from 'lucide-vue-next'
+import { VueDraggable } from 'vue-draggable-plus'
+
+import type { WidgetConfig, WidgetType } from '@bookorbit/types'
+import { useDashboardWidgets } from '../composables/useDashboardWidgets'
+import ReadingGoalWidget from './widgets/ReadingGoalWidget.vue'
+import CurrentlyReadingWidget from './widgets/CurrentlyReadingWidget.vue'
+import ReadingStreakWidget from './widgets/ReadingStreakWidget.vue'
+import LibraryOverviewWidget from './widgets/LibraryOverviewWidget.vue'
+import HighlightOfTheDayWidget from './widgets/HighlightOfTheDayWidget.vue'
+import MonthlyChallengeWidget from './widgets/MonthlyChallengeWidget.vue'
+import YearProjectionWidget from './widgets/YearProjectionWidget.vue'
+import NeglectedGemsWidget from './widgets/NeglectedGemsWidget.vue'
+import ReadingDnaWidget from './widgets/ReadingDnaWidget.vue'
+import LongWaitWidget from './widgets/LongWaitWidget.vue'
+import DiversityScoreWidget from './widgets/DiversityScoreWidget.vue'
+import ReadingRhythmWidget from './widgets/ReadingRhythmWidget.vue'
+
+const { widgets, enabledWidgets, saveWidgets } = useDashboardWidgets()
+
+// Local copy for optimistic drag updates — prevents flash on drop caused by
+// the async me() refresh briefly reverting the computed enabledWidgets.
+const localWidgets = ref<WidgetConfig[]>([...enabledWidgets.value])
+watch(enabledWidgets, (val) => {
+  localWidgets.value = [...val]
+})
+
+const scrollEl = ref<ComponentPublicInstance | null>(null)
+
+function scrollBy(delta: number) {
+  scrollEl.value?.$el?.scrollBy({ left: delta, behavior: 'smooth' })
+}
+
+function handleReorder(newEnabled: WidgetConfig[]) {
+  localWidgets.value = newEnabled
+  const disabledWidgets = widgets.value.filter((w) => !w.enabled)
+  const reordered = newEnabled.map((w, i) => ({ ...w, order: i + 1 }))
+  const disabledReordered = disabledWidgets.map((w, i) => ({ ...w, order: newEnabled.length + i + 1 }))
+  saveWidgets([...reordered, ...disabledReordered])
+}
+
+const widgetComponents: Record<WidgetType, Component> = {
+  'reading-goal': ReadingGoalWidget,
+  'currently-reading': CurrentlyReadingWidget,
+  'reading-streak': ReadingStreakWidget,
+  'library-overview': LibraryOverviewWidget,
+  'highlight-of-the-day': HighlightOfTheDayWidget,
+  'monthly-challenge': MonthlyChallengeWidget,
+  'year-projection': YearProjectionWidget,
+  'neglected-gems': NeglectedGemsWidget,
+  'reading-dna': ReadingDnaWidget,
+  'long-wait': LongWaitWidget,
+  'diversity-score': DiversityScoreWidget,
+  'reading-rhythm': ReadingRhythmWidget,
+}
+
+type DashboardWidgetSize = '1x1' | '1x1.5'
+
+const widgetLayout: Record<WidgetType, { size: DashboardWidgetSize }> = {
+  'reading-goal': { size: '1x1' },
+  'currently-reading': { size: '1x1.5' },
+  'reading-streak': { size: '1x1' },
+  'library-overview': { size: '1x1.5' },
+  'highlight-of-the-day': { size: '1x1.5' },
+  'monthly-challenge': { size: '1x1' },
+  'year-projection': { size: '1x1' },
+  'neglected-gems': { size: '1x1' },
+  'reading-dna': { size: '1x1.5' },
+  'long-wait': { size: '1x1' },
+  'diversity-score': { size: '1x1' },
+  'reading-rhythm': { size: '1x1.5' },
+}
+
+const widgetSizeClass: Record<DashboardWidgetSize, string> = {
+  '1x1': 'w-[220px]',
+  '1x1.5': 'w-[336px]',
+}
+</script>
+
+<template>
+  <section v-if="enabledWidgets.length > 0" class="group/widgets">
+    <!-- Header -->
+    <div class="mb-1 flex items-center justify-between px-1 pt-1">
+      <h2 class="text-[18px] font-bold tracking-tight"></h2>
+      <div class="flex items-center gap-0.5 opacity-0 transition-opacity duration-200 group-hover/widgets:opacity-100">
+        <button
+          class="flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          @click="scrollBy(-300)"
+        >
+          <ChevronLeft :size="16" />
+        </button>
+        <button
+          class="flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          @click="scrollBy(300)"
+        >
+          <ChevronRight :size="16" />
+        </button>
+      </div>
+    </div>
+
+    <!-- Widgets row -->
+    <VueDraggable
+      ref="scrollEl"
+      :model-value="localWidgets"
+      class="flex gap-4 overflow-x-auto px-1 pb-1 pt-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
+      handle=".widget-drag-handle"
+      :animation="200"
+      @update:model-value="handleReorder"
+    >
+      <div
+        v-for="(widget, index) in localWidgets"
+        :key="widget.id"
+        class="group/card relative h-55 shrink-0 overflow-hidden rounded-2xl border border-primary/40 bg-card/30 shadow-sm backdrop-blur-[1px]"
+        :class="widgetSizeClass[widgetLayout[widget.type].size]"
+        style="animation: dashboardWidgetFadeUp 0.35s ease both"
+        :style="{ animationDelay: `${index * 80}ms` }"
+      >
+        <component :is="widgetComponents[widget.type]" :size="widgetLayout[widget.type].size" />
+        <!-- Drag handle — visible on card hover -->
+        <div
+          class="widget-drag-handle absolute right-2 top-2 flex h-6 w-6 cursor-grab items-center justify-center rounded-md text-muted-foreground/0 transition-all duration-150 hover:bg-background/80 hover:text-muted-foreground group-hover/card:text-muted-foreground/60 active:cursor-grabbing"
+        >
+          <GripVertical :size="14" />
+        </div>
+      </div>
+    </VueDraggable>
+  </section>
+</template>
+
+<style scoped>
+@keyframes dashboardWidgetFadeUp {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+</style>
diff --git a/client/src/features/dashboard/components/widgets/CurrentlyReadingWidget.vue b/client/src/features/dashboard/components/widgets/CurrentlyReadingWidget.vue
new file mode 100644
index 000000000..fffb75174
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/CurrentlyReadingWidget.vue
@@ -0,0 +1,102 @@
+<script setup lang="ts">
+import { BookOpen, Play } from 'lucide-vue-next'
+import { useRouter } from 'vue-router'
+
+import { useCurrentlyReadingWidget } from '../../composables/useCurrentlyReadingWidget'
+
+const { data, loading, error } = useCurrentlyReadingWidget()
+const router = useRouter()
+
+function goToBook(bookId: number) {
+  void router.push({ name: 'book-detail', params: { bookId } })
+}
+
+function continueReading(bookId: number, fileId: number | null, fileFormat: string | null) {
+  if (fileId) {
+    void router.push({ name: 'reader', params: { bookId, fileId }, query: { format: fileFormat ?? 'epub' } })
+  } else {
+    void router.push({ name: 'book-detail', params: { bookId } })
+  }
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <BookOpen :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Currently Reading</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 gap-3">
+      <div v-for="n in 2" :key="n" class="flex w-full gap-2.5">
+        <div class="h-16 w-11 shrink-0 animate-pulse rounded bg-muted" />
+        <div class="flex-1 space-y-2">
+          <div class="h-3 w-3/4 animate-pulse rounded bg-muted" />
+          <div class="h-2.5 w-1/2 animate-pulse rounded bg-muted" />
+          <div class="mt-1 h-1.5 w-full animate-pulse rounded-full bg-muted" />
+        </div>
+      </div>
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Empty -->
+    <div v-else-if="!data || data.books.length === 0" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <BookOpen :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">No books in progress. Start reading one to see it here.</p>
+    </div>
+
+    <!-- Books list -->
+    <div v-else class="flex-1 overflow-y-auto pr-1 [scrollbar-width:thin]">
+      <div class="flex flex-col gap-2">
+        <div
+          v-for="book in data.books"
+          :key="book.bookId"
+          class="group/book relative flex min-w-0 cursor-pointer gap-2.5 rounded-lg bg-muted/20 p-1.5 transition-colors hover:bg-muted/40"
+          @click="goToBook(book.bookId)"
+        >
+          <!-- Cover thumbnail -->
+          <div class="h-14 w-9 shrink-0 overflow-hidden rounded shadow-sm">
+            <img
+              v-if="book.hasCover"
+              :src="`/api/v1/books/${book.bookId}/thumbnail`"
+              :alt="book.title ?? 'Book cover'"
+              class="h-full w-full object-cover"
+            />
+            <div v-else class="flex h-full w-full items-center justify-center bg-muted text-muted-foreground">
+              <BookOpen :size="12" />
+            </div>
+          </div>
+
+          <!-- Info -->
+          <div class="flex min-w-0 flex-1 flex-col justify-center">
+            <p class="truncate text-xs font-semibold leading-tight">{{ book.title ?? 'Untitled' }}</p>
+            <p v-if="book.authors.length > 0" class="truncate text-xs text-muted-foreground">
+              {{ book.authors.join(', ') }}
+            </p>
+            <!-- Progress bar -->
+            <div class="mt-1.5 flex items-center gap-1.5">
+              <div class="h-1.5 flex-1 overflow-hidden rounded-full bg-muted">
+                <div class="h-full rounded-full bg-primary transition-all duration-300" :style="{ width: `${Math.round(book.progress)}%` }" />
+              </div>
+              <span class="shrink-0 text-[11px] tabular-nums text-muted-foreground">{{ Math.round(book.progress) }}%</span>
+            </div>
+          </div>
+
+          <!-- Continue button (hover) -->
+          <button
+            class="absolute right-2 top-1/3 -translate-y-1/2 flex h-7 w-7 items-center justify-center rounded-full bg-primary text-primary-foreground opacity-0 shadow transition-opacity group-hover/book:opacity-100"
+            title="Continue reading"
+            @click.stop="continueReading(book.bookId, book.fileId, book.fileFormat)"
+          >
+            <Play :size="11" class="translate-x-px" />
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/DiversityScoreWidget.vue b/client/src/features/dashboard/components/widgets/DiversityScoreWidget.vue
new file mode 100644
index 000000000..aa5d82940
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/DiversityScoreWidget.vue
@@ -0,0 +1,60 @@
+<script setup lang="ts">
+import { Compass } from 'lucide-vue-next'
+
+import { useDiversityScoreWidget } from '../../composables/useDiversityScoreWidget'
+
+const { data, loading, error } = useDiversityScoreWidget()
+
+const subScores = [
+  { key: 'genre', label: 'Genre' },
+  { key: 'author', label: 'Author' },
+  { key: 'era', label: 'Era' },
+  { key: 'language', label: 'Lang' },
+] as const
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <Compass :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Diversity Score</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="h-10 w-10 animate-pulse rounded-full bg-muted" />
+      <div class="h-3 w-20 animate-pulse rounded bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Not enough data -->
+    <div v-else-if="!data || data.booksAnalyzed < 3" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <Compass :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">Read at least 3 books to see your diversity score</p>
+    </div>
+
+    <!-- Score -->
+    <div v-else class="flex flex-1 flex-col items-center justify-center gap-2.5">
+      <div class="flex flex-col items-center">
+        <span class="text-3xl font-bold tabular-nums">{{ data.score }}</span>
+        <span class="text-[11px] text-muted-foreground">/100</span>
+      </div>
+      <p class="text-xs font-medium text-primary">{{ data.label }}</p>
+
+      <div class="w-full space-y-1">
+        <div v-for="sub in subScores" :key="sub.key" class="flex items-center gap-2">
+          <span class="w-9 text-right text-[10px] text-muted-foreground">{{ sub.label }}</span>
+          <div class="h-1.5 flex-1 overflow-hidden rounded-full bg-muted">
+            <div class="h-full rounded-full bg-primary/70 transition-all duration-500" :style="{ width: `${data[`${sub.key}Score`]}%` }" />
+          </div>
+        </div>
+      </div>
+
+      <p class="text-[10px] text-muted-foreground">{{ data.booksAnalyzed }} books analyzed</p>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/HighlightOfTheDayWidget.vue b/client/src/features/dashboard/components/widgets/HighlightOfTheDayWidget.vue
new file mode 100644
index 000000000..74a6e47f6
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/HighlightOfTheDayWidget.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { Highlighter, BookOpen, ExternalLink } from 'lucide-vue-next'
+import { useRouter } from 'vue-router'
+
+import { useHighlightOfTheDayWidget } from '../../composables/useHighlightOfTheDayWidget'
+
+const { data, loading, error } = useHighlightOfTheDayWidget()
+const router = useRouter()
+
+function goToBook() {
+  if (!data.value) return
+  void router.push({ name: 'book-detail', params: { bookId: data.value.bookId } })
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-2 flex items-center gap-2 self-start">
+      <Highlighter :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Highlight of the Day</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col gap-2">
+      <div class="h-16 w-full animate-pulse rounded bg-muted" />
+      <div class="h-3 w-2/3 animate-pulse rounded bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Empty -->
+    <div v-else-if="!data" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <Highlighter :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">Highlight passages while reading to see them here</p>
+    </div>
+
+    <!-- Quote -->
+    <div v-else class="flex flex-1 flex-col justify-between gap-2 overflow-hidden">
+      <blockquote
+        class="overflow-y-auto border-l-2 border-primary/40 py-1 pl-3 text-xs italic leading-relaxed text-foreground/90 [scrollbar-width:thin]"
+      >
+        "{{ data.text.length > 200 ? data.text.slice(0, 200) + '...' : data.text }}"
+      </blockquote>
+      <button class="flex cursor-pointer items-center gap-2 rounded-lg pb-1 pl-1 text-left transition-colors hover:bg-muted/40" @click="goToBook">
+        <div v-if="data.hasCover" class="h-9 w-6 shrink-0 overflow-hidden rounded shadow-sm">
+          <img :src="`/api/v1/books/${data.bookId}/thumbnail`" :alt="data.bookTitle ?? 'Cover'" class="h-full w-full object-cover" />
+        </div>
+        <div v-else class="flex h-8 w-5 shrink-0 items-center justify-center rounded bg-muted">
+          <BookOpen :size="10" class="text-muted-foreground" />
+        </div>
+        <div class="min-w-0 flex-1">
+          <p class="truncate text-[12px] font-medium leading-tight">{{ data.bookTitle ?? 'Untitled' }}</p>
+          <p v-if="data.chapterTitle" class="truncate text-[11px] text-muted-foreground">{{ data.chapterTitle }}</p>
+        </div>
+        <ExternalLink :size="14" class="mr-1 shrink-0 text-muted-foreground/50" />
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/LibraryOverviewWidget.vue b/client/src/features/dashboard/components/widgets/LibraryOverviewWidget.vue
new file mode 100644
index 000000000..9b999407b
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/LibraryOverviewWidget.vue
@@ -0,0 +1,103 @@
+<script setup lang="ts">
+import { computed, type Component } from 'vue'
+import { BookCopy, HardDrive, Library, Users } from 'lucide-vue-next'
+import { useRouter } from 'vue-router'
+import type { RouteLocationRaw } from 'vue-router'
+
+import { useLibraries } from '@/features/library/composables/useLibraries'
+import { useLibraryOverviewWidget } from '../../composables/useLibraryOverviewWidget'
+
+const { data, loading, error } = useLibraryOverviewWidget()
+const router = useRouter()
+const { libraries } = useLibraries()
+
+function formatStorage(bytes: number): string {
+  if (bytes === 0) return '0 B'
+  const units = ['B', 'KB', 'MB', 'GB', 'TB']
+  const i = Math.floor(Math.log(bytes) / Math.log(1024))
+  return `${(bytes / Math.pow(1024, i)).toFixed(i === 0 ? 0 : 1)} ${units[i]}`
+}
+
+type StatRoute = RouteLocationRaw | null
+
+interface Stat {
+  label: string
+  value: string | number
+  icon: Component
+  route: StatRoute
+}
+
+const stats = computed<Stat[]>(() => {
+  if (!data.value) return []
+  const firstLibraryId = libraries.value[0]?.id ?? null
+  return [
+    {
+      label: 'Books',
+      value: data.value.totalBooks,
+      icon: Library,
+      route: firstLibraryId ? { name: 'library', params: { id: firstLibraryId } } : null,
+    },
+    { label: 'Authors', value: data.value.totalAuthors, icon: Users, route: { name: 'authors' } },
+    { label: 'Series', value: data.value.totalSeries, icon: BookCopy, route: { name: 'series' } },
+    { label: 'Storage', value: formatStorage(data.value.totalStorageBytes), icon: HardDrive, route: null },
+  ]
+})
+
+function navigate(route: StatRoute) {
+  if (route) void router.push(route)
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-2 flex items-center gap-2 self-start">
+      <Library :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Library Overview</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="grid flex-1 grid-cols-2 gap-2">
+      <div v-for="n in 4" :key="n" class="flex flex-col items-center justify-center rounded-lg bg-muted/40 p-2">
+        <div class="h-5 w-10 animate-pulse rounded bg-muted" />
+        <div class="mt-1 h-2.5 w-8 animate-pulse rounded bg-muted" />
+      </div>
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Empty -->
+    <div v-else-if="!data || data.totalBooks === 0" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <Library :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">Your library is empty. Add some books to get started.</p>
+    </div>
+
+    <!-- Stats grid -->
+    <div v-else class="flex min-h-0 flex-1 flex-col gap-2 p-1">
+      <div class="grid min-h-0 flex-1 grid-cols-2 gap-2">
+        <div
+          v-for="stat in stats"
+          :key="stat.label"
+          class="flex min-h-0 min-w-0 items-center justify-center gap-2 rounded-lg border border-border/50 bg-muted/30 px-2 py-1.5 transition-colors"
+          :class="stat.route ? 'cursor-pointer hover:bg-muted/60 hover:border-border' : ''"
+          @click="navigate(stat.route)"
+        >
+          <div class="flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground">
+            <component :is="stat.icon" :size="14" />
+          </div>
+          <div class="min-w-0 text-left">
+            <span class="block max-w-full truncate text-[15px] font-bold tabular-nums leading-tight">{{ stat.value }}</span>
+            <span class="block text-[11px] leading-tight text-muted-foreground">{{ stat.label }}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Added this year callout -->
+      <div v-if="data.booksAddedThisYear > 0" class="shrink-0 rounded-md border border-primary/20 bg-primary/5 px-2 py-1 text-center">
+        <span class="text-[11px] font-medium leading-none text-primary">+{{ data.booksAddedThisYear }} added this year</span>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/LongWaitWidget.vue b/client/src/features/dashboard/components/widgets/LongWaitWidget.vue
new file mode 100644
index 000000000..9741b64e6
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/LongWaitWidget.vue
@@ -0,0 +1,88 @@
+<script setup lang="ts">
+import { Clock, BookOpen, Play } from 'lucide-vue-next'
+import { useRouter } from 'vue-router'
+
+import { useLongWaitWidget } from '../../composables/useLongWaitWidget'
+
+const { data, loading, error } = useLongWaitWidget()
+const router = useRouter()
+
+function goToBook() {
+  if (!data.value) return
+  void router.push({ name: 'book-detail', params: { bookId: data.value.bookId } })
+}
+
+function startReading() {
+  if (!data.value) return
+  if (data.value.fileId) {
+    void router.push({
+      name: 'reader',
+      params: { bookId: data.value.bookId, fileId: data.value.fileId },
+      query: { format: data.value.fileFormat ?? 'epub' },
+    })
+  } else {
+    goToBook()
+  }
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <Clock :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">The Long Wait</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="h-16 w-12 animate-pulse rounded bg-muted" />
+      <div class="h-3 w-20 animate-pulse rounded bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Empty -->
+    <div v-else-if="!data" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <Clock :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">No books waiting. You've started everything!</p>
+    </div>
+
+    <!-- Long wait book -->
+    <div v-else class="flex flex-1 flex-col">
+      <div class="flex flex-1 items-center justify-center gap-4">
+        <button class="h-24 w-18 shrink-0 cursor-pointer overflow-hidden rounded shadow-sm transition-opacity hover:opacity-80" @click="goToBook">
+          <img v-if="data.hasCover" :src="`/api/v1/books/${data.bookId}/thumbnail`" :alt="data.title ?? 'Cover'" class="h-full w-full object-cover" />
+          <div v-else class="flex h-full w-full items-center justify-center bg-muted">
+            <BookOpen :size="14" class="text-muted-foreground" />
+          </div>
+        </button>
+
+        <div class="min-w-0 text-left">
+          <button class="block cursor-pointer truncate text-xs font-semibold leading-tight hover:underline" @click="goToBook">
+            {{ data.title ?? 'Untitled' }}
+          </button>
+          <p class="mt-2 text-2xl font-bold leading-none tabular-nums text-primary">{{ data.waitingDays }}</p>
+          <p class="text-[11px] text-muted-foreground">days waiting</p>
+
+          <div class="mt-2 flex min-w-0 items-center gap-1 text-[10px] text-muted-foreground">
+            <span v-if="data.pageCount" class="shrink-0">{{ data.pageCount }} pages</span>
+            <span v-if="data.pageCount && data.genre" class="shrink-0">&middot;</span>
+            <span v-if="data.genre" class="truncate">{{ data.genre }}</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Start Reading CTA -->
+      <button
+        class="mt-1.5 flex w-full items-center justify-center gap-1.5 rounded-lg bg-primary/10 py-2 text-[12px] font-medium text-primary transition-colors hover:bg-primary/20"
+        @click="startReading"
+      >
+        <Play :size="12" class="translate-x-px" />
+        Start Reading
+      </button>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/MonthlyChallengeWidget.vue b/client/src/features/dashboard/components/widgets/MonthlyChallengeWidget.vue
new file mode 100644
index 000000000..e1c329c42
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/MonthlyChallengeWidget.vue
@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { Swords } from 'lucide-vue-next'
+
+import { useMonthlyChallengeWidget } from '../../composables/useMonthlyChallengeWidget'
+
+const { data, loading, error } = useMonthlyChallengeWidget()
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <Swords :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Monthly Challenge</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="h-10 w-10 animate-pulse rounded-full bg-muted" />
+      <div class="h-3 w-24 animate-pulse rounded bg-muted" />
+      <div class="h-2 w-full animate-pulse rounded-full bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Data -->
+    <div v-else-if="data" class="flex flex-1 flex-col items-center justify-center gap-2.5">
+      <div class="text-center">
+        <p class="text-sm font-bold">{{ data.title }}</p>
+        <p class="mt-0.5 text-[11px] text-muted-foreground">{{ data.description }}</p>
+      </div>
+
+      <!-- Progress bar -->
+      <div class="w-full">
+        <div class="h-2.5 w-full overflow-hidden rounded-full bg-muted">
+          <div
+            class="h-full rounded-full transition-all duration-500"
+            :class="data.completed ? 'bg-green-500' : 'bg-primary'"
+            :style="{ width: `${Math.min(100, (data.progress / data.target) * 100)}%` }"
+          />
+        </div>
+        <div class="mt-1 flex items-center justify-between text-[11px] text-muted-foreground">
+          <span>{{ data.progress }} / {{ data.target }}</span>
+          <span v-if="data.completed" class="font-medium text-green-500">Complete!</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/NeglectedGemsWidget.vue b/client/src/features/dashboard/components/widgets/NeglectedGemsWidget.vue
new file mode 100644
index 000000000..419cbaed9
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/NeglectedGemsWidget.vue
@@ -0,0 +1,105 @@
+<script setup lang="ts">
+import { Gem, Star, BookOpen, BookMarked, Check } from 'lucide-vue-next'
+import { ref, computed } from 'vue'
+import { useRouter } from 'vue-router'
+
+import { useBookStatus } from '@/features/book/composables/useBookStatus'
+import { useNeglectedGemsWidget } from '../../composables/useNeglectedGemsWidget'
+
+const { data, loading, error } = useNeglectedGemsWidget()
+const router = useRouter()
+const { setStatus } = useBookStatus()
+
+const displayIndex = ref(0)
+const currentGem = computed(() => data.value?.gems[displayIndex.value] ?? null)
+const queuedIds = ref<Set<number>>(new Set())
+
+function handleShuffle() {
+  if (!data.value || data.value.gems.length <= 1) return
+  displayIndex.value = (displayIndex.value + 1) % data.value.gems.length
+}
+
+function goToBook() {
+  if (!currentGem.value) return
+  void router.push({ name: 'book-detail', params: { bookId: currentGem.value.bookId } })
+}
+
+async function addToQueue() {
+  if (!currentGem.value) return
+  const bookId = currentGem.value.bookId
+  await setStatus(bookId, 'want_to_read')
+  queuedIds.value = new Set([...queuedIds.value, bookId])
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <Gem :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Neglected Gems</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="h-16 w-12 animate-pulse rounded bg-muted" />
+      <div class="h-3 w-20 animate-pulse rounded bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Empty -->
+    <div v-else-if="!data || data.gems.length === 0" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <Gem :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">All your top-rated books have been read!</p>
+    </div>
+
+    <!-- Gem -->
+    <div v-else-if="currentGem" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <button class="h-19 w-13 cursor-pointer overflow-hidden rounded shadow-sm transition-opacity hover:opacity-80" @click="goToBook">
+        <img
+          v-if="currentGem.hasCover"
+          :src="`/api/v1/books/${currentGem.bookId}/thumbnail`"
+          :alt="currentGem.title ?? 'Cover'"
+          class="h-full w-full object-cover"
+        />
+        <div v-else class="flex h-full w-full items-center justify-center bg-muted">
+          <BookOpen :size="14" class="text-muted-foreground" />
+        </div>
+      </button>
+      <button class="max-w-full cursor-pointer truncate text-center text-xs font-semibold hover:underline" @click="goToBook">
+        {{ currentGem.title ?? 'Untitled' }}
+      </button>
+      <div class="flex items-center gap-1 text-[11px] text-muted-foreground">
+        <Star :size="12" class="fill-amber-400 text-amber-400" />
+        <span>{{ (currentGem.rating / 2).toFixed(1) }}</span>
+        <span>&middot;</span>
+        <span>{{ currentGem.waitingDays }}d waiting</span>
+      </div>
+
+      <!-- Actions -->
+      <div class="mt-1 flex items-center gap-1.5">
+        <button
+          class="flex items-center gap-1 rounded-md border border-input px-2 py-0.5 text-[11px] transition-colors"
+          :class="
+            queuedIds.has(currentGem.bookId) ? 'border-emerald-500/40 bg-emerald-500/10 text-emerald-600' : 'text-muted-foreground hover:bg-muted'
+          "
+          :disabled="queuedIds.has(currentGem.bookId)"
+          @click="addToQueue"
+        >
+          <component :is="queuedIds.has(currentGem.bookId) ? Check : BookMarked" :size="11" />
+          {{ queuedIds.has(currentGem.bookId) ? 'Queued' : 'Add to queue' }}
+        </button>
+        <button
+          v-if="data.gems.length > 1"
+          class="rounded-md border border-input px-2 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-muted"
+          @click="handleShuffle"
+        >
+          Shuffle
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/ReadingDnaWidget.vue b/client/src/features/dashboard/components/widgets/ReadingDnaWidget.vue
new file mode 100644
index 000000000..e7b302e44
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/ReadingDnaWidget.vue
@@ -0,0 +1,66 @@
+<script setup lang="ts">
+import { Dna } from 'lucide-vue-next'
+
+import { useReadingDnaWidget } from '../../composables/useReadingDnaWidget'
+
+const { data, loading, error } = useReadingDnaWidget()
+
+const traitColors: Record<string, string> = {
+  length: 'bg-blue-500',
+  variety: 'bg-emerald-500',
+  rhythm: 'bg-amber-500',
+  time: 'bg-purple-500',
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-2 flex items-center gap-2 self-start">
+      <Dna :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Reading DNA</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="h-4 w-32 animate-pulse rounded bg-muted" />
+      <div v-for="n in 4" :key="n" class="h-2 w-full animate-pulse rounded-full bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Not enough data -->
+    <div v-else-if="!data || data.booksAnalyzed < 5" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <Dna :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">Read at least 5 books to unlock your Reading DNA</p>
+    </div>
+
+    <!-- DNA Card -->
+    <div v-else class="flex flex-1 flex-col justify-center gap-2.5">
+      <p class="text-center text-sm font-bold text-foreground">"{{ data.archetype }}"</p>
+
+      <div class="space-y-1.5">
+        <div
+          v-for="trait in [
+            { key: 'length', label: 'Length', score: data.lengthScore, valueLabel: data.lengthLabel },
+            { key: 'variety', label: 'Variety', score: data.varietyScore, valueLabel: data.varietyLabel },
+            { key: 'rhythm', label: 'Rhythm', score: data.rhythmScore, valueLabel: data.rhythmLabel },
+            { key: 'time', label: 'Time', score: data.timeScore, valueLabel: data.timeLabel },
+          ]"
+          :key="trait.key"
+          class="flex items-center gap-2"
+        >
+          <span class="w-12 text-right text-[10px] text-muted-foreground">{{ trait.label }}</span>
+          <div class="h-1.5 flex-1 overflow-hidden rounded-full bg-muted">
+            <div class="h-full rounded-full transition-all duration-500" :class="traitColors[trait.key]" :style="{ width: `${trait.score}%` }" />
+          </div>
+          <span class="w-14 text-[10px] text-muted-foreground">{{ trait.valueLabel }}</span>
+        </div>
+      </div>
+
+      <p class="text-center text-[10px] text-muted-foreground">Based on {{ data.booksAnalyzed }} books</p>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/ReadingGoalWidget.vue b/client/src/features/dashboard/components/widgets/ReadingGoalWidget.vue
new file mode 100644
index 000000000..45b20d7fa
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/ReadingGoalWidget.vue
@@ -0,0 +1,160 @@
+<script setup lang="ts">
+import { computed, ref, shallowRef, watchEffect } from 'vue'
+import VChart from 'vue-echarts'
+import { Target, Pencil } from 'lucide-vue-next'
+
+import { readCssColor } from '@/lib/echarts'
+import { useReadingGoalWidget } from '../../composables/useReadingGoalWidget'
+import { useDashboardWidgets } from '../../composables/useDashboardWidgets'
+
+const { data, loading, error, refresh } = useReadingGoalWidget()
+const { readingGoal, saveReadingGoal } = useDashboardWidgets()
+
+const editing = ref(false)
+const goalInput = ref('')
+const saving = ref(false)
+
+const hasGoal = computed(() => data.value?.goalBooks != null && data.value.goalBooks > 0)
+const percentage = computed(() => {
+  if (!data.value || !hasGoal.value) return 0
+  return Math.min(100, Math.round((data.value.completedBooks / data.value.goalBooks!) * 100))
+})
+
+const option = shallowRef({})
+
+watchEffect(() => {
+  if (!data.value || !hasGoal.value) {
+    option.value = {}
+    return
+  }
+
+  option.value = {
+    tooltip: { show: false },
+    series: [
+      {
+        type: 'pie',
+        radius: ['78%', '100%'],
+        center: ['50%', '50%'],
+        clockwise: true,
+        startAngle: 90,
+        avoidLabelOverlap: true,
+        silent: true,
+        emphasis: { disabled: true },
+        label: { show: false },
+        labelLine: { show: false },
+        data: [
+          { value: Math.min(data.value.completedBooks, data.value.goalBooks), name: 'Completed' },
+          {
+            value: Math.max(data.value.goalBooks - data.value.completedBooks, 0),
+            name: 'Remaining',
+            itemStyle: { color: readCssColor('--muted') },
+          },
+        ],
+      },
+    ],
+  }
+})
+
+function handleStartEditing() {
+  goalInput.value = String(readingGoal.value ?? 12)
+  editing.value = true
+}
+
+async function handleSaveGoal() {
+  const parsed = parseInt(goalInput.value, 10)
+  if (isNaN(parsed) || parsed < 1 || parsed > 999) return
+  saving.value = true
+  try {
+    await saveReadingGoal(parsed)
+    editing.value = false
+    await refresh()
+  } finally {
+    saving.value = false
+  }
+}
+
+function handleCancelEdit() {
+  editing.value = false
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <Target :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Reading Goal {{ data?.year ?? '' }}</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 items-center justify-center">
+      <div class="h-20 w-20 animate-pulse rounded-full bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- No goal set -->
+    <template v-else-if="!hasGoal && !editing">
+      <div class="flex flex-1 flex-col items-center justify-center gap-2">
+        <p class="text-center text-xs text-muted-foreground">Set a reading goal to track your progress</p>
+        <button
+          class="rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90"
+          @click="handleStartEditing"
+        >
+          Set goal
+        </button>
+      </div>
+    </template>
+
+    <!-- Editing goal -->
+    <template v-else-if="editing">
+      <div class="flex flex-1 flex-col items-center justify-center gap-2">
+        <label class="text-xs text-muted-foreground">Books per year</label>
+        <input
+          v-model="goalInput"
+          type="number"
+          min="1"
+          max="999"
+          class="h-8 w-20 rounded-md border border-input bg-background px-2 text-center text-sm text-foreground focus:outline-none focus:ring-1 focus:ring-ring"
+        />
+        <div class="flex gap-1.5">
+          <button
+            class="rounded-md border border-input px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:bg-muted"
+            :disabled="saving"
+            @click="handleCancelEdit"
+          >
+            Cancel
+          </button>
+          <button
+            class="rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90"
+            :disabled="saving"
+            @click="handleSaveGoal"
+          >
+            Save
+          </button>
+        </div>
+      </div>
+    </template>
+
+    <!-- Goal gauge -->
+    <template v-else>
+      <div class="relative flex flex-1 items-center justify-center">
+        <VChart :option="option" autoresize style="width: 124px; height: 124px" />
+        <div class="pointer-events-none absolute inset-0 flex flex-col items-center justify-center">
+          <p class="text-xl leading-none font-semibold tabular-nums text-foreground">{{ data?.completedBooks ?? 0 }}</p>
+          <p class="mt-1 text-[11px] leading-none text-muted-foreground">of {{ data?.goalBooks ?? 0 }}</p>
+        </div>
+      </div>
+      <div class="flex items-center justify-between">
+        <p class="text-xs text-muted-foreground">{{ percentage }}% complete</p>
+        <button
+          class="flex h-6 w-6 items-center justify-center rounded text-muted-foreground/50 transition-colors hover:bg-muted hover:text-muted-foreground"
+          title="Edit goal"
+          @click="handleStartEditing"
+        >
+          <Pencil :size="12.5" />
+        </button>
+      </div>
+    </template>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/ReadingRhythmWidget.vue b/client/src/features/dashboard/components/widgets/ReadingRhythmWidget.vue
new file mode 100644
index 000000000..819b812d5
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/ReadingRhythmWidget.vue
@@ -0,0 +1,80 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { HeartPulse } from 'lucide-vue-next'
+
+import { useReadingRhythmWidget } from '../../composables/useReadingRhythmWidget'
+
+const { data, loading, error } = useReadingRhythmWidget()
+
+const maxSeconds = computed(() => {
+  if (!data.value) return 1
+  return Math.max(1, ...data.value.days.map((d) => d.readingSeconds))
+})
+
+function formatTime(seconds: number): string {
+  if (seconds < 60) return `${seconds}s`
+  const mins = Math.round(seconds / 60)
+  if (mins < 60) return `${mins}m`
+  const hours = Math.floor(mins / 60)
+  const remainMins = mins % 60
+  return remainMins > 0 ? `${hours}h ${remainMins}m` : `${hours}h`
+}
+
+function getDayLabel(dateStr: string): string {
+  const d = new Date(dateStr + 'T12:00:00Z')
+  return ['S', 'M', 'T', 'W', 'T', 'F', 'S'][d.getUTCDay()]!
+}
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-2 flex items-center gap-2 self-start">
+      <HeartPulse :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Reading Rhythm</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col gap-2">
+      <div class="flex-1 animate-pulse rounded bg-muted" />
+      <div class="h-3 w-20 animate-pulse rounded bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Empty -->
+    <div v-else-if="!data || data.activeDays === 0" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <HeartPulse :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">Start reading to see your rhythm take shape</p>
+    </div>
+
+    <!-- Rhythm chart -->
+    <div v-else class="flex flex-1 flex-col">
+      <!-- Bars area — columns stretch to full height via default align-items:stretch -->
+      <div class="flex flex-1 gap-[3px]">
+        <div v-for="day in data.days" :key="day.date" class="flex flex-1 flex-col-reverse">
+          <div
+            class="w-full rounded-t-sm transition-all duration-300"
+            :class="day.readingSeconds > 0 ? 'bg-primary/70' : 'bg-muted/50'"
+            :style="{ height: `${Math.max(3, (day.readingSeconds / maxSeconds) * 100)}%`, minHeight: '3px' }"
+          />
+        </div>
+      </div>
+
+      <!-- Day labels row -->
+      <div class="flex gap-[3px] pb-1 pt-0.5">
+        <div v-for="day in data.days" :key="day.date + '-lbl'" class="flex flex-1 justify-center">
+          <span class="text-[8.5px] text-muted-foreground/70">{{ getDayLabel(day.date) }}</span>
+        </div>
+      </div>
+
+      <!-- Stats footer -->
+      <div class="flex items-center justify-between border-t border-border/30 pt-1.5">
+        <span class="text-[11px] text-muted-foreground"> {{ data.consistencyPercent }}% consistent </span>
+        <span class="text-[11px] text-muted-foreground"> avg {{ formatTime(data.avgSecondsPerDay) }}/day </span>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/ReadingStreakWidget.vue b/client/src/features/dashboard/components/widgets/ReadingStreakWidget.vue
new file mode 100644
index 000000000..e86973cdd
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/ReadingStreakWidget.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { Flame, Trophy } from 'lucide-vue-next'
+
+import { useReadingStreakWidget } from '../../composables/useReadingStreakWidget'
+
+const { data, loading, error } = useReadingStreakWidget()
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <Flame :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Reading Streak</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="h-12 w-12 animate-pulse rounded-full bg-muted" />
+      <div class="h-3 w-20 animate-pulse rounded bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Empty (no reading at all) -->
+    <div v-else-if="!data || (data.currentStreak === 0 && data.longestStreak === 0)" class="flex flex-1 flex-col items-center justify-center gap-2">
+      <div class="flex h-10 w-10 items-center justify-center rounded-full bg-muted">
+        <Flame :size="16" class="text-muted-foreground/60" />
+      </div>
+      <p class="text-center text-xs text-muted-foreground">Read today to start your streak</p>
+    </div>
+
+    <!-- Streak data -->
+    <div v-else class="flex flex-1 flex-col items-center justify-center gap-2.5">
+      <!-- Current streak -->
+      <div class="flex flex-col items-center mb-1">
+        <div class="flex items-baseline gap-1">
+          <Flame :size="20" class="text-orange-500" />
+          <span class="text-3xl font-bold tabular-nums">{{ data.currentStreak }}</span>
+        </div>
+        <span class="text-xs text-muted-foreground">{{ data.currentStreak === 1 ? 'day' : 'days' }} streak</span>
+      </div>
+
+      <!-- Best streak -->
+      <div class="flex items-center gap-1 text-xs text-muted-foreground">
+        <Trophy :size="12" />
+        <span>Best: {{ data.longestStreak }} {{ data.longestStreak === 1 ? 'day' : 'days' }}</span>
+      </div>
+
+      <!-- Last 7 days dots -->
+      <div class="flex items-center gap-1.5">
+        <div
+          v-for="(active, i) in data.lastSevenDays"
+          :key="i"
+          class="h-3 w-3 rounded-full transition-colors"
+          :class="active ? 'bg-primary' : 'bg-muted'"
+        />
+      </div>
+      <p class="text-[11px] text-muted-foreground">Last 7 days</p>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/components/widgets/YearProjectionWidget.vue b/client/src/features/dashboard/components/widgets/YearProjectionWidget.vue
new file mode 100644
index 000000000..60e5b5360
--- /dev/null
+++ b/client/src/features/dashboard/components/widgets/YearProjectionWidget.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { TrendingUp, TrendingDown, Minus } from 'lucide-vue-next'
+
+import { useYearProjectionWidget } from '../../composables/useYearProjectionWidget'
+
+const { data, loading, error } = useYearProjectionWidget()
+
+const trendIcons = { up: TrendingUp, down: TrendingDown, stable: Minus }
+const trendColors = { up: 'text-green-500', down: 'text-red-400', stable: 'text-muted-foreground' }
+</script>
+
+<template>
+  <div class="flex h-full flex-col p-3">
+    <div class="mb-3 flex items-center gap-2 self-start">
+      <TrendingUp :size="16" class="text-primary/90" />
+      <span class="text-[15px] font-semibold text-foreground">Year Projection</span>
+    </div>
+
+    <!-- Loading -->
+    <div v-if="loading" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="h-8 w-16 animate-pulse rounded bg-muted" />
+      <div class="h-3 w-20 animate-pulse rounded bg-muted" />
+    </div>
+
+    <!-- Error -->
+    <div v-else-if="error" class="flex flex-1 items-center justify-center text-sm text-muted-foreground">Failed to load</div>
+
+    <!-- Data -->
+    <div v-else-if="data" class="flex flex-1 flex-col items-center justify-center gap-3">
+      <div class="text-center">
+        <span class="text-3xl font-bold tabular-nums">{{ data.projectedBooks }}</span>
+        <span class="ml-1 text-xs text-muted-foreground">books</span>
+      </div>
+
+      <div class="flex items-center gap-1 text-xs" :class="trendColors[data.trend]">
+        <component :is="trendIcons[data.trend]" :size="14" />
+        <span>{{ data.trend === 'up' ? 'Trending up' : data.trend === 'down' ? 'Trending down' : 'Steady pace' }}</span>
+      </div>
+
+      <div class="grid w-full grid-cols-2 gap-3 text-center">
+        <div class="rounded-md bg-muted/30 px-2 py-1">
+          <span class="block text-xs font-semibold tabular-nums">{{ data.projectedPages.toLocaleString() }}</span>
+          <span class="text-[11px] text-muted-foreground">pages</span>
+        </div>
+        <div class="rounded-md bg-muted/30 px-2 py-1">
+          <span class="block text-xs font-semibold tabular-nums">{{ data.projectedHours }}</span>
+          <span class="text-[11px] text-muted-foreground">hours</span>
+        </div>
+      </div>
+
+      <p class="text-[11px] text-muted-foreground">{{ data.booksCompletedYtd }} read &middot; {{ data.daysRemaining }}d left</p>
+    </div>
+  </div>
+</template>
diff --git a/client/src/features/dashboard/composables/useCurrentlyReadingWidget.ts b/client/src/features/dashboard/composables/useCurrentlyReadingWidget.ts
new file mode 100644
index 000000000..8c7af4392
--- /dev/null
+++ b/client/src/features/dashboard/composables/useCurrentlyReadingWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { CurrentlyReadingWidgetData } from '@bookorbit/types'
+import { fetchCurrentlyReading } from '../api/dashboard-widget.api'
+
+export function useCurrentlyReadingWidget() {
+  const data = ref<CurrentlyReadingWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchCurrentlyReading()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useDashboardConfig.ts b/client/src/features/dashboard/composables/useDashboardConfig.ts
index a7bbba538..4a41cbb81 100644
--- a/client/src/features/dashboard/composables/useDashboardConfig.ts
+++ b/client/src/features/dashboard/composables/useDashboardConfig.ts
@@ -6,7 +6,7 @@ const STORAGE_KEY = 'bookorbit:dashboard:config'
 const MAX_SCROLLERS = 6
 
 export const DEFAULT_SCROLLERS: ScrollerConfig[] = [
-  { id: '1', type: 'continue-reading', label: 'Continue Reading', enabled: true, order: 1, limit: 20 },
+  { id: '1', type: 'continue-reading', label: 'Continue Reading', enabled: false, order: 1, limit: 20 },
   { id: '2', type: 'recently-added', label: 'Recently Added', enabled: true, order: 2, limit: 20 },
   { id: '3', type: 'random', label: 'Discover Something New', enabled: true, order: 3, limit: 20 },
 ]
diff --git a/client/src/features/dashboard/composables/useDashboardWidgets.test.ts b/client/src/features/dashboard/composables/useDashboardWidgets.test.ts
new file mode 100644
index 000000000..a862a4673
--- /dev/null
+++ b/client/src/features/dashboard/composables/useDashboardWidgets.test.ts
@@ -0,0 +1,205 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { ref } from 'vue'
+import type { AuthUser, WidgetConfig } from '@bookorbit/types'
+import { WIDGET_TYPES } from '@bookorbit/types'
+
+vi.mock('@/features/auth/composables/useAuth', () => ({
+  useAuth: vi.fn<() => unknown>(),
+}))
+
+vi.mock('@/lib/api', () => ({
+  api: vi.fn<() => unknown>(),
+}))
+
+import { useAuth } from '@/features/auth/composables/useAuth'
+import { api } from '@/lib/api'
+import { useDashboardWidgets } from './useDashboardWidgets'
+
+const mockUseAuth = vi.mocked(useAuth)
+const mockApi = vi.mocked(api)
+
+function makeUser(settings: Record<string, unknown> = {}): AuthUser {
+  return {
+    id: 1,
+    username: 'tester',
+    name: 'Tester',
+    email: undefined,
+    active: true,
+    isSuperuser: false,
+    isDefaultPassword: false,
+    settings,
+    avatarUrl: null,
+    provisioningMethod: 'local',
+    permissions: [],
+  }
+}
+
+function setupAuth(settings: Record<string, unknown> = {}) {
+  const userRef = ref<AuthUser | null>(makeUser(settings))
+  const me = vi.fn<() => Promise<void>>().mockResolvedValue(undefined)
+  mockUseAuth.mockReturnValue({ user: userRef, me } as unknown as ReturnType<typeof useAuth>)
+  return { userRef, me }
+}
+
+describe('useDashboardWidgets', () => {
+  beforeEach(() => {
+    vi.resetAllMocks()
+    mockApi.mockResolvedValue(new Response(null, { status: 200 }))
+  })
+
+  describe('widgets', () => {
+    it('returns default widgets when user has no dashboardConfig', () => {
+      setupAuth()
+      const { widgets } = useDashboardWidgets()
+
+      expect(widgets.value).toHaveLength(WIDGET_TYPES.length)
+      expect(widgets.value[0]!.type).toBe('reading-streak')
+      expect(widgets.value[1]!.type).toBe('currently-reading')
+      expect(widgets.value[2]!.type).toBe('reading-goal')
+      expect(widgets.value[3]!.type).toBe('reading-dna')
+      expect(widgets.value[11]!.type).toBe('long-wait')
+      expect(widgets.value[9]!.enabled).toBe(false)
+      expect(widgets.value[10]!.enabled).toBe(false)
+      expect(widgets.value[11]!.enabled).toBe(false)
+    })
+
+    it('returns user-saved widgets first, then appends any missing types', () => {
+      const widgets: WidgetConfig[] = [
+        { id: 'a', type: 'library-overview', enabled: true, order: 1 },
+        { id: 'b', type: 'reading-goal', enabled: false, order: 2 },
+      ]
+      setupAuth({ dashboardConfig: { widgets } })
+      const { widgets: result } = useDashboardWidgets()
+
+      expect(result.value).toHaveLength(WIDGET_TYPES.length)
+      expect(result.value[0]!.type).toBe('library-overview')
+      expect(result.value[1]!.type).toBe('reading-goal')
+      expect(result.value[1]!.enabled).toBe(false)
+      // Missing types appended after saved ones
+      const appendedTypes = result.value.slice(2).map((w) => w.type)
+      expect(appendedTypes).toContain('currently-reading')
+      expect(appendedTypes).toContain('reading-streak')
+    })
+
+    it('falls back to defaults when widgets array is empty', () => {
+      setupAuth({ dashboardConfig: { widgets: [] } })
+      const { widgets } = useDashboardWidgets()
+
+      expect(widgets.value).toHaveLength(WIDGET_TYPES.length)
+    })
+
+    it('filters out widgets with invalid types and appends all valid defaults', () => {
+      setupAuth({
+        dashboardConfig: {
+          widgets: [
+            { id: '1', type: 'invalid-type', enabled: true, order: 1 },
+            { id: '2', type: 'reading-goal', enabled: true, order: 2 },
+          ],
+        },
+      })
+      const { widgets } = useDashboardWidgets()
+
+      // Only reading-goal is valid; the other types are appended
+      expect(widgets.value).toHaveLength(WIDGET_TYPES.length)
+      expect(widgets.value[0]!.type).toBe('reading-goal')
+    })
+
+    it('normalizes missing enabled field to true', () => {
+      setupAuth({
+        dashboardConfig: {
+          widgets: [{ id: '1', type: 'reading-goal' }],
+        },
+      })
+      const { widgets } = useDashboardWidgets()
+
+      const goal = widgets.value.find((w) => w.type === 'reading-goal')!
+      expect(goal.enabled).toBe(true)
+    })
+  })
+
+  describe('enabledWidgets', () => {
+    it('returns only enabled widgets sorted by order', () => {
+      const widgetsList: WidgetConfig[] = WIDGET_TYPES.map((type, index) => ({
+        id: String(index + 1),
+        type,
+        enabled: type === 'currently-reading' || type === 'reading-streak',
+        order: index + 1,
+      }))
+      setupAuth({ dashboardConfig: { widgets: widgetsList } })
+      const { enabledWidgets } = useDashboardWidgets()
+
+      expect(enabledWidgets.value).toHaveLength(2)
+      expect(enabledWidgets.value[0]!.type).toBe('reading-streak')
+      expect(enabledWidgets.value[1]!.type).toBe('currently-reading')
+    })
+  })
+
+  describe('readingGoal', () => {
+    it('returns null when no reading goal is set', () => {
+      setupAuth()
+      const { readingGoal } = useDashboardWidgets()
+
+      expect(readingGoal.value).toBeNull()
+    })
+
+    it('returns the reading goal when set', () => {
+      setupAuth({ dashboardConfig: { readingGoal: 24 } })
+      const { readingGoal } = useDashboardWidgets()
+
+      expect(readingGoal.value).toBe(24)
+    })
+  })
+
+  describe('saveWidgets', () => {
+    it('calls PATCH /api/v1/users/me with read-modify-write pattern, appending missing types', async () => {
+      const { me } = setupAuth({ dashboardConfig: { readingGoal: 12, widgets: [] } })
+      const { saveWidgets } = useDashboardWidgets()
+
+      const newWidgets: WidgetConfig[] = [{ id: '1', type: 'reading-goal', enabled: true, order: 1 }]
+      await saveWidgets(newWidgets)
+
+      expect(mockApi).toHaveBeenCalledWith('/api/v1/users/me', {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: expect.any(String),
+      })
+
+      const body = JSON.parse((mockApi.mock.calls[0]![1] as { body: string }).body)
+      expect(body.settings.dashboardConfig.readingGoal).toBe(12)
+      expect(body.settings.dashboardConfig.widgets).toHaveLength(WIDGET_TYPES.length)
+      expect(body.settings.dashboardConfig.widgets[0].type).toBe('reading-goal')
+      expect(me).toHaveBeenCalled()
+    })
+
+    it('throws if API returns non-ok response', async () => {
+      mockApi.mockResolvedValueOnce(new Response(null, { status: 500 }))
+      setupAuth({})
+      const { saveWidgets } = useDashboardWidgets()
+
+      await expect(saveWidgets([])).rejects.toThrow('500')
+    })
+  })
+
+  describe('saveReadingGoal', () => {
+    it('preserves existing widgets when saving reading goal', async () => {
+      const existingWidgets: WidgetConfig[] = [{ id: '1', type: 'reading-goal', enabled: true, order: 1 }]
+      const { me } = setupAuth({ dashboardConfig: { widgets: existingWidgets } })
+      const { saveReadingGoal } = useDashboardWidgets()
+
+      await saveReadingGoal(30)
+
+      const body = JSON.parse((mockApi.mock.calls[0]![1] as { body: string }).body)
+      expect(body.settings.dashboardConfig.readingGoal).toBe(30)
+      expect(body.settings.dashboardConfig.widgets).toEqual(existingWidgets)
+      expect(me).toHaveBeenCalled()
+    })
+
+    it('throws if API returns non-ok response', async () => {
+      mockApi.mockResolvedValueOnce(new Response(null, { status: 403 }))
+      setupAuth({})
+      const { saveReadingGoal } = useDashboardWidgets()
+
+      await expect(saveReadingGoal(12)).rejects.toThrow('403')
+    })
+  })
+})
diff --git a/client/src/features/dashboard/composables/useDashboardWidgets.ts b/client/src/features/dashboard/composables/useDashboardWidgets.ts
new file mode 100644
index 000000000..e55075234
--- /dev/null
+++ b/client/src/features/dashboard/composables/useDashboardWidgets.ts
@@ -0,0 +1,140 @@
+import { computed } from 'vue'
+
+import type { DashboardConfig, WidgetConfig, WidgetType } from '@bookorbit/types'
+import { WIDGET_TYPES } from '@bookorbit/types'
+import { api } from '@/lib/api'
+import { useAuth } from '@/features/auth/composables/useAuth'
+
+const WIDGET_LABELS: Record<WidgetType, string> = {
+  'reading-goal': 'Reading Goal',
+  'currently-reading': 'Currently Reading',
+  'reading-streak': 'Reading Streak',
+  'library-overview': 'Library Overview',
+  'highlight-of-the-day': 'Highlight of the Day',
+  'monthly-challenge': 'Monthly Challenge',
+  'year-projection': 'Year Projection',
+  'neglected-gems': 'Neglected Gems',
+  'reading-dna': 'Reading DNA',
+  'long-wait': 'The Long Wait',
+  'diversity-score': 'Diversity Score',
+  'reading-rhythm': 'Reading Rhythm',
+}
+
+const DEFAULT_WIDGETS: WidgetConfig[] = [
+  { id: '1', type: 'reading-streak', enabled: true, order: 1 },
+  { id: '2', type: 'currently-reading', enabled: true, order: 2 },
+  { id: '3', type: 'reading-goal', enabled: true, order: 3 },
+  { id: '4', type: 'reading-dna', enabled: true, order: 4 },
+  { id: '5', type: 'monthly-challenge', enabled: true, order: 5 },
+  { id: '6', type: 'highlight-of-the-day', enabled: true, order: 6 },
+  { id: '7', type: 'neglected-gems', enabled: true, order: 7 },
+  { id: '8', type: 'reading-rhythm', enabled: true, order: 8 },
+  { id: '9', type: 'diversity-score', enabled: true, order: 9 },
+  { id: '10', type: 'library-overview', enabled: false, order: 10 },
+  { id: '11', type: 'year-projection', enabled: false, order: 11 },
+  { id: '12', type: 'long-wait', enabled: false, order: 12 },
+]
+
+const VALID_TYPES = new Set<WidgetType>(WIDGET_TYPES)
+
+function cloneDefaultWidgets(): WidgetConfig[] {
+  return DEFAULT_WIDGETS.map((w) => ({ ...w }))
+}
+
+function normalizeWidgets(raw: unknown): WidgetConfig[] {
+  const seenTypes = new Set<WidgetType>()
+  let normalized: WidgetConfig[] = []
+
+  if (Array.isArray(raw)) {
+    normalized = raw
+      .filter(
+        (w): w is Record<string, unknown> => w != null && typeof w === 'object' && VALID_TYPES.has((w as Record<string, unknown>).type as WidgetType),
+      )
+      .map((w, i) => {
+        const type = w.type as WidgetType
+        seenTypes.add(type)
+        return {
+          id: typeof w.id === 'string' ? w.id : String(i + 1),
+          type,
+          enabled: typeof w.enabled === 'boolean' ? w.enabled : true,
+          order: i + 1,
+        }
+      })
+  }
+
+  if (normalized.length === 0) {
+    normalized = cloneDefaultWidgets()
+    for (const w of normalized) seenTypes.add(w.type)
+  }
+
+  // Append any widget types not in the saved config so new widgets
+  // automatically appear for users who already have a saved config.
+  // Types outside the default set are added disabled so they don't clutter the dashboard.
+  const defaultTypes = new Set(DEFAULT_WIDGETS.map((d) => d.type))
+  const nextOrder = normalized.length + 1
+  const missing = WIDGET_TYPES.filter((t) => !seenTypes.has(t)).map((t, i) => ({
+    id: String(nextOrder + i),
+    type: t,
+    enabled: defaultTypes.has(t),
+    order: nextOrder + i,
+  }))
+
+  return [...normalized, ...missing]
+}
+
+export function useDashboardWidgets() {
+  const { user, me } = useAuth()
+
+  const dashboardConfig = computed<DashboardConfig>(() => {
+    return (user.value?.settings?.dashboardConfig as DashboardConfig) ?? {}
+  })
+
+  const widgets = computed<WidgetConfig[]>(() => {
+    return normalizeWidgets(dashboardConfig.value.widgets)
+  })
+
+  const enabledWidgets = computed(() => widgets.value.filter((w) => w.enabled).sort((a, b) => a.order - b.order))
+
+  const readingGoal = computed(() => dashboardConfig.value.readingGoal ?? null)
+
+  async function saveWidgets(newWidgets: WidgetConfig[]): Promise<void> {
+    const normalized = normalizeWidgets(newWidgets)
+    const updatedConfig: DashboardConfig = {
+      ...dashboardConfig.value,
+      widgets: normalized,
+    }
+
+    const res = await api('/api/v1/users/me', {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ settings: { dashboardConfig: updatedConfig } }),
+    })
+    if (!res.ok) throw new Error(`Failed to save widgets: ${res.status}`)
+    await me()
+  }
+
+  async function saveReadingGoal(goalBooks: number): Promise<void> {
+    const updatedConfig: DashboardConfig = {
+      ...dashboardConfig.value,
+      readingGoal: goalBooks,
+    }
+
+    const res = await api('/api/v1/users/me', {
+      method: 'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ settings: { dashboardConfig: updatedConfig } }),
+    })
+    if (!res.ok) throw new Error(`Failed to save reading goal: ${res.status}`)
+    await me()
+  }
+
+  return {
+    widgets,
+    enabledWidgets,
+    readingGoal,
+    saveWidgets,
+    saveReadingGoal,
+    WIDGET_LABELS,
+    DEFAULT_WIDGETS,
+  }
+}
diff --git a/client/src/features/dashboard/composables/useDiversityScoreWidget.ts b/client/src/features/dashboard/composables/useDiversityScoreWidget.ts
new file mode 100644
index 000000000..1db21a475
--- /dev/null
+++ b/client/src/features/dashboard/composables/useDiversityScoreWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { DiversityScoreWidgetData } from '@bookorbit/types'
+import { fetchDiversityScore } from '../api/dashboard-widget.api'
+
+export function useDiversityScoreWidget() {
+  const data = ref<DiversityScoreWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchDiversityScore()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useDraggableList.ts b/client/src/features/dashboard/composables/useDraggableList.ts
new file mode 100644
index 000000000..21c0bc4e7
--- /dev/null
+++ b/client/src/features/dashboard/composables/useDraggableList.ts
@@ -0,0 +1,50 @@
+import { ref, type Ref } from 'vue'
+
+export function useDraggableList<T>(list: Ref<T[]>) {
+  const draggedIndex = ref<number | null>(null)
+  const dragOverIndex = ref<number | null>(null)
+
+  function onDragStart(index: number) {
+    draggedIndex.value = index
+  }
+
+  function onDragOver(e: DragEvent, index: number) {
+    e.preventDefault()
+    dragOverIndex.value = index
+  }
+
+  function onDrop(index: number) {
+    if (draggedIndex.value === null || draggedIndex.value === index) {
+      draggedIndex.value = null
+      dragOverIndex.value = null
+      return
+    }
+    const items = [...list.value]
+    const [moved] = items.splice(draggedIndex.value, 1)
+    if (moved) items.splice(index, 0, moved)
+    list.value = items
+    draggedIndex.value = null
+    dragOverIndex.value = null
+  }
+
+  function onDragEnd() {
+    draggedIndex.value = null
+    dragOverIndex.value = null
+  }
+
+  function moveUp(index: number) {
+    if (index === 0) return
+    const items = [...list.value]
+    ;[items[index - 1], items[index]] = [items[index]!, items[index - 1]!]
+    list.value = items
+  }
+
+  function moveDown(index: number) {
+    if (index === list.value.length - 1) return
+    const items = [...list.value]
+    ;[items[index], items[index + 1]] = [items[index + 1]!, items[index]!]
+    list.value = items
+  }
+
+  return { draggedIndex, dragOverIndex, onDragStart, onDragOver, onDrop, onDragEnd, moveUp, moveDown }
+}
diff --git a/client/src/features/dashboard/composables/useHighlightOfTheDayWidget.ts b/client/src/features/dashboard/composables/useHighlightOfTheDayWidget.ts
new file mode 100644
index 000000000..7959edd9f
--- /dev/null
+++ b/client/src/features/dashboard/composables/useHighlightOfTheDayWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { HighlightOfTheDayWidgetData } from '@bookorbit/types'
+import { fetchHighlightOfTheDay } from '../api/dashboard-widget.api'
+
+export function useHighlightOfTheDayWidget() {
+  const data = ref<HighlightOfTheDayWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchHighlightOfTheDay()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useLibraryOverviewWidget.ts b/client/src/features/dashboard/composables/useLibraryOverviewWidget.ts
new file mode 100644
index 000000000..f10000c27
--- /dev/null
+++ b/client/src/features/dashboard/composables/useLibraryOverviewWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { LibraryOverviewWidgetData } from '@bookorbit/types'
+import { fetchLibraryOverview } from '../api/dashboard-widget.api'
+
+export function useLibraryOverviewWidget() {
+  const data = ref<LibraryOverviewWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchLibraryOverview()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useLongWaitWidget.ts b/client/src/features/dashboard/composables/useLongWaitWidget.ts
new file mode 100644
index 000000000..58df5690d
--- /dev/null
+++ b/client/src/features/dashboard/composables/useLongWaitWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { LongWaitWidgetData } from '@bookorbit/types'
+import { fetchLongWait } from '../api/dashboard-widget.api'
+
+export function useLongWaitWidget() {
+  const data = ref<LongWaitWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchLongWait()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useMonthlyChallengeWidget.ts b/client/src/features/dashboard/composables/useMonthlyChallengeWidget.ts
new file mode 100644
index 000000000..1dc8d5bed
--- /dev/null
+++ b/client/src/features/dashboard/composables/useMonthlyChallengeWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { MonthlyChallengeWidgetData } from '@bookorbit/types'
+import { fetchMonthlyChallenge } from '../api/dashboard-widget.api'
+
+export function useMonthlyChallengeWidget() {
+  const data = ref<MonthlyChallengeWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchMonthlyChallenge()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useNeglectedGemsWidget.ts b/client/src/features/dashboard/composables/useNeglectedGemsWidget.ts
new file mode 100644
index 000000000..deab24b0a
--- /dev/null
+++ b/client/src/features/dashboard/composables/useNeglectedGemsWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { NeglectedGemsWidgetData } from '@bookorbit/types'
+import { fetchNeglectedGems } from '../api/dashboard-widget.api'
+
+export function useNeglectedGemsWidget() {
+  const data = ref<NeglectedGemsWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchNeglectedGems()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useReadingDnaWidget.ts b/client/src/features/dashboard/composables/useReadingDnaWidget.ts
new file mode 100644
index 000000000..7d42f19d2
--- /dev/null
+++ b/client/src/features/dashboard/composables/useReadingDnaWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { ReadingDnaWidgetData } from '@bookorbit/types'
+import { fetchReadingDna } from '../api/dashboard-widget.api'
+
+export function useReadingDnaWidget() {
+  const data = ref<ReadingDnaWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchReadingDna()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useReadingGoalWidget.ts b/client/src/features/dashboard/composables/useReadingGoalWidget.ts
new file mode 100644
index 000000000..0e2afaa7d
--- /dev/null
+++ b/client/src/features/dashboard/composables/useReadingGoalWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { ReadingGoalWidgetData } from '@bookorbit/types'
+import { fetchReadingGoal } from '../api/dashboard-widget.api'
+
+export function useReadingGoalWidget() {
+  const data = ref<ReadingGoalWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchReadingGoal()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useReadingRhythmWidget.ts b/client/src/features/dashboard/composables/useReadingRhythmWidget.ts
new file mode 100644
index 000000000..57d3fe1c2
--- /dev/null
+++ b/client/src/features/dashboard/composables/useReadingRhythmWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { ReadingRhythmWidgetData } from '@bookorbit/types'
+import { fetchReadingRhythm } from '../api/dashboard-widget.api'
+
+export function useReadingRhythmWidget() {
+  const data = ref<ReadingRhythmWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchReadingRhythm()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useReadingStreakWidget.ts b/client/src/features/dashboard/composables/useReadingStreakWidget.ts
new file mode 100644
index 000000000..aae7376e7
--- /dev/null
+++ b/client/src/features/dashboard/composables/useReadingStreakWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { ReadingStreakWidgetData } from '@bookorbit/types'
+import { fetchReadingStreak } from '../api/dashboard-widget.api'
+
+export function useReadingStreakWidget() {
+  const data = ref<ReadingStreakWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchReadingStreak()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/features/dashboard/composables/useYearProjectionWidget.ts b/client/src/features/dashboard/composables/useYearProjectionWidget.ts
new file mode 100644
index 000000000..ac08952cc
--- /dev/null
+++ b/client/src/features/dashboard/composables/useYearProjectionWidget.ts
@@ -0,0 +1,25 @@
+import { onMounted, ref } from 'vue'
+
+import type { YearProjectionWidgetData } from '@bookorbit/types'
+import { fetchYearProjection } from '../api/dashboard-widget.api'
+
+export function useYearProjectionWidget() {
+  const data = ref<YearProjectionWidgetData | null>(null)
+  const loading = ref(true)
+  const error = ref(false)
+
+  async function load() {
+    loading.value = true
+    error.value = false
+    try {
+      data.value = await fetchYearProjection()
+    } catch {
+      error.value = true
+    } finally {
+      loading.value = false
+    }
+  }
+
+  onMounted(load)
+  return { data, loading, error, refresh: load }
+}
diff --git a/client/src/views/DashboardView.vue b/client/src/views/DashboardView.vue
index 0b8efcb7a..ded4dfd84 100644
--- a/client/src/views/DashboardView.vue
+++ b/client/src/views/DashboardView.vue
@@ -8,6 +8,7 @@ import { useLibraries } from '@/features/library/composables/useLibraries'
 import DashboardScroller from '@/features/dashboard/components/DashboardScroller.vue'
 import DashboardSettingsSheet from '@/features/dashboard/components/DashboardSettingsSheet.vue'
 import DashboardWelcome from '@/features/dashboard/components/DashboardWelcome.vue'
+import DashboardWidgetRow from '@/features/dashboard/components/DashboardWidgetRow.vue'
 import { useDashboardConfig } from '@/features/dashboard/composables/useDashboardConfig'
 import { useOnboardingTour } from '@/features/onboarding/composables/useOnboardingTour'
 
@@ -58,6 +59,7 @@ onMounted(() => {
     <div class="space-y-5 pb-8 pt-4 sm:pr-2">
       <DashboardWelcome v-if="hasNoLibraries" :can-create="hasPermission('manage_libraries')" />
       <template v-else>
+        <DashboardWidgetRow class="animate-fade-up" />
         <DashboardScroller
           v-for="(scroller, index) in enabledScrollers"
           :key="`${scroller.id}-${scroller.type}-${scroller.smartScopeId ?? 0}`"
diff --git a/packages/types/src/auth.ts b/packages/types/src/auth.ts
index 4b23de387..5c9be486a 100644
--- a/packages/types/src/auth.ts
+++ b/packages/types/src/auth.ts
@@ -22,6 +22,7 @@ export interface UserSettings {
   };
   notificationPreferences?: import("./notification").NotificationPreferences;
   seriesCollapsePreferences?: import("./series-collapse").SeriesCollapsePreferences;
+  dashboardConfig?: import("./dashboard").DashboardConfig;
 }
 
 export interface AuthUser {
diff --git a/packages/types/src/dashboard.ts b/packages/types/src/dashboard.ts
index 145ef7ae6..ad96df26b 100644
--- a/packages/types/src/dashboard.ts
+++ b/packages/types/src/dashboard.ts
@@ -17,3 +17,166 @@ export interface ScrollerConfig {
   limit: number;
   smartScopeId?: number;
 }
+
+export const WIDGET_TYPE = {
+  READING_STREAK: "reading-streak",
+  CURRENTLY_READING: "currently-reading",
+  READING_GOAL: "reading-goal",
+  READING_DNA: "reading-dna",
+  MONTHLY_CHALLENGE: "monthly-challenge",
+  HIGHLIGHT_OF_THE_DAY: "highlight-of-the-day",
+  NEGLECTED_GEMS: "neglected-gems",
+  READING_RHYTHM: "reading-rhythm",
+  DIVERSITY_SCORE: "diversity-score",
+  LIBRARY_OVERVIEW: "library-overview",
+  YEAR_PROJECTION: "year-projection",
+  LONG_WAIT: "long-wait",
+} as const;
+
+export type WidgetType = (typeof WIDGET_TYPE)[keyof typeof WIDGET_TYPE];
+export const WIDGET_TYPES = Object.values(WIDGET_TYPE) as ReadonlyArray<WidgetType>;
+
+export interface WidgetConfig {
+  id: string;
+  type: WidgetType;
+  enabled: boolean;
+  order: number;
+}
+
+export interface DashboardConfig {
+  readingGoal?: number;
+  widgets?: WidgetConfig[];
+}
+
+export interface ReadingGoalWidgetData {
+  goalBooks: number | null;
+  completedBooks: number;
+  year: number;
+}
+
+export interface CurrentlyReadingBook {
+  bookId: number;
+  title: string | null;
+  authors: string[];
+  progress: number;
+  hasCover: boolean;
+  fileId: number | null;
+  fileFormat: string | null;
+}
+
+export interface CurrentlyReadingWidgetData {
+  books: CurrentlyReadingBook[];
+}
+
+export interface ReadingStreakWidgetData {
+  currentStreak: number;
+  longestStreak: number;
+  lastSevenDays: boolean[];
+}
+
+export interface LibraryOverviewWidgetData {
+  totalBooks: number;
+  totalAuthors: number;
+  totalSeries: number;
+  totalStorageBytes: number;
+  booksAddedThisYear: number;
+}
+
+export interface HighlightOfTheDayWidgetData {
+  text: string;
+  note: string | null;
+  bookTitle: string | null;
+  bookId: number;
+  hasCover: boolean;
+  chapterTitle: string | null;
+  createdAt: string;
+}
+
+export type ChallengeType =
+  | "short-read"
+  | "genre-explorer"
+  | "finish-oldest"
+  | "streak-builder"
+  | "new-author"
+  | "page-milestone";
+
+export interface MonthlyChallengeWidgetData {
+  challengeType: ChallengeType;
+  title: string;
+  description: string;
+  progress: number;
+  target: number;
+  completed: boolean;
+  month: number;
+  year: number;
+}
+
+export interface YearProjectionWidgetData {
+  projectedBooks: number;
+  projectedPages: number;
+  projectedHours: number;
+  booksCompletedYtd: number;
+  daysRemaining: number;
+  trend: "up" | "down" | "stable";
+}
+
+export interface NeglectedGem {
+  bookId: number;
+  title: string | null;
+  hasCover: boolean;
+  rating: number;
+  waitingDays: number;
+  genre: string | null;
+}
+
+export interface NeglectedGemsWidgetData {
+  gems: NeglectedGem[];
+}
+
+export interface ReadingDnaWidgetData {
+  archetype: string;
+  lengthScore: number;
+  varietyScore: number;
+  rhythmScore: number;
+  timeScore: number;
+  lengthLabel: string;
+  varietyLabel: string;
+  rhythmLabel: string;
+  timeLabel: string;
+  booksAnalyzed: number;
+}
+
+export interface LongWaitWidgetData {
+  bookId: number;
+  title: string | null;
+  hasCover: boolean;
+  addedAt: string;
+  waitingDays: number;
+  pageCount: number | null;
+  genre: string | null;
+  fileId: number | null;
+  fileFormat: string | null;
+}
+
+export interface DiversityScoreWidgetData {
+  score: number;
+  label: string;
+  genreScore: number;
+  authorScore: number;
+  eraScore: number;
+  languageScore: number;
+  booksAnalyzed: number;
+}
+
+export interface ReadingRhythmDay {
+  date: string;
+  readingSeconds: number;
+}
+
+export interface ReadingRhythmWidgetData {
+  days: ReadingRhythmDay[];
+  consistencyPercent: number;
+  avgSecondsPerDay: number;
+  activeDays: number;
+  totalDays: number;
+}
diff --git a/scripts/fixtures/seed-dashboard-widgets.sh b/scripts/fixtures/seed-dashboard-widgets.sh
new file mode 100755
index 000000000..0263f00f9
--- /dev/null
+++ b/scripts/fixtures/seed-dashboard-widgets.sh
@@ -0,0 +1,203 @@
+#!/usr/bin/env bash
+# Seeds data for dashboard widgets for user_id=1.
+# Covers: Highlight of the Day, Monthly Challenge, Year Projection,
+#         Neglected Gems, Reading DNA, The Long Wait,
+#         Diversity Score, Reading Rhythm.
+#
+# Safe to run multiple times - uses INSERT ... ON CONFLICT DO NOTHING / DO UPDATE.
+# Usage: ./scripts/fixtures/seed-dashboard-widgets.sh [USER_ID]
+
+set -euo pipefail
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/../.." && pwd)"
+cd "$ROOT_DIR"
+
+POSTGRES_USER="${POSTGRES_USER:-bookorbit}"
+POSTGRES_DB="${POSTGRES_DB:-bookorbit}"
+TARGET_USER_ID="${1:-1}"
+
+echo "Seeding dashboard widget data for user_id=${TARGET_USER_ID}..."
+
+docker compose -f docker-compose.dev.yml exec -T postgres psql -v ON_ERROR_STOP=1 -U "$POSTGRES_USER" -d "$POSTGRES_DB" << EOSQL
+
+DO \$\$
+DECLARE
+  v_uid         int  := ${TARGET_USER_ID};
+  v_book_id     int;
+  v_lib_id      int;
+  v_day         date;
+  v_secs        int;
+  i             int;
+BEGIN
+
+  -- ─── Pick a library (superuser sees all libraries) ────────────────────────
+  SELECT id INTO v_lib_id FROM libraries ORDER BY id LIMIT 1;
+
+  IF v_lib_id IS NULL THEN
+    RAISE EXCEPTION 'No libraries found in the database. Create a library first.';
+  END IF;
+
+  RAISE NOTICE 'Using library_id=%', v_lib_id;
+
+  -- ─── WIDGET 1: Highlight of the Day ───────────────────────────────────────
+  -- Need 15+ annotations with real-looking highlight text.
+  -- Pick the first book that belongs to this user's library.
+  SELECT b.id INTO v_book_id
+  FROM books b
+  WHERE b.library_id = v_lib_id AND b.status = 'present'
+  LIMIT 1;
+
+  IF v_book_id IS NOT NULL THEN
+    INSERT INTO annotations (user_id, book_id, cfi, text, style, chapter_title, created_at, updated_at)
+    VALUES
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/2)', 'The man who does not read has no advantage over the man who cannot read.', 'highlight', 'Preface', now() - interval '10 days', now() - interval '10 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/4)', 'Not all those who wander are lost; the roots of some are deeper than most.', 'highlight', 'Chapter 1', now() - interval '9 days', now() - interval '9 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/6)', 'It is our choices that show what we truly are, far more than our abilities.', 'highlight', 'Chapter 2', now() - interval '8 days', now() - interval '8 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/8)', 'In the middle of every difficulty lies opportunity. The curious mind finds it first.', 'highlight', 'Chapter 3', now() - interval '7 days', now() - interval '7 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/10)', 'Words are, in my not-so-humble opinion, our most inexhaustible source of magic.', 'highlight', 'Chapter 4', now() - interval '6 days', now() - interval '6 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/12)', 'A reader lives a thousand lives before he dies. The man who never reads lives only one.', 'highlight', 'Chapter 5', now() - interval '5 days', now() - interval '5 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/14)', 'The more that you read, the more things you will know. The more that you learn, the more places you will go.', 'highlight', 'Chapter 6', now() - interval '4 days', now() - interval '4 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/16)', 'Until I feared I would lose it, I never loved to read. One does not love breathing.', 'highlight', 'Chapter 7', now() - interval '3 days', now() - interval '3 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/18)', 'I declare after all there is no enjoyment like reading! How much sooner one tires of any thing than of a book!', 'highlight', 'Chapter 8', now() - interval '2 days', now() - interval '2 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/20)', 'There is no friend as loyal as a book. It waits for you without judgment, always open.', 'highlight', 'Chapter 9', now() - interval '1 day', now() - interval '1 day'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/22)', 'Reading gives us someplace to go when we have to stay where we are.', 'highlight', 'Chapter 10', now(), now()),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/24)', 'One must always be careful of books, and what is inside them, for words have the power to change us.', 'highlight', 'Chapter 11', now() - interval '12 days', now() - interval '12 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/26)', 'The world was hers for the reading.', 'highlight', 'Chapter 12', now() - interval '11 days', now() - interval '11 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/28)', 'Books are mirrors: you only see in them what you already have inside you.', 'underline', 'Chapter 13', now() - interval '13 days', now() - interval '13 days'),
+      (v_uid, v_book_id, 'epubcfi(/6/4!/4/2/30)', 'I took a deep breath and listened to the old brag of my heart: I am, I am, I am.', 'highlight', 'Chapter 14', now() - interval '14 days', now() - interval '14 days')
+    ON CONFLICT DO NOTHING;
+    RAISE NOTICE 'Annotations: inserted up to 15 highlights for book_id=%', v_book_id;
+  END IF;
+
+  -- ─── WIDGET 3: Monthly Challenge ───────────────────────────────────────────
+  -- Need user_reading_daily_stats with a recent streak + books finished this month.
+  -- Daily stats already seeded by seed-reading-sessions.sh; just ensure this month
+  -- has solid data (upsert so we don't lose existing stats).
+  FOR i IN 1..28 LOOP
+    v_day := date_trunc('month', current_date) + ((i - 1) * interval '1 day');
+    IF v_day <= current_date THEN
+      v_secs := CASE WHEN (i % 7 < 2) THEN 600 ELSE 2400 + (i * 120) END;
+      INSERT INTO user_reading_daily_stats (user_id, library_id, day, reading_seconds, progress_delta, sessions_count, updated_at)
+      VALUES (v_uid, v_lib_id, v_day, v_secs, 0.02 + (i % 5) * 0.01, 2, now())
+      ON CONFLICT (user_id, library_id, day) DO UPDATE
+        SET reading_seconds = GREATEST(user_reading_daily_stats.reading_seconds, EXCLUDED.reading_seconds),
+            updated_at = EXCLUDED.updated_at;
+    END IF;
+  END LOOP;
+  RAISE NOTICE 'Monthly Challenge: upserted daily stats for current month';
+
+  -- ─── WIDGET 4: Year Projection ─────────────────────────────────────────────
+  -- Need books marked 'read' with finished_at spread across this year.
+  i := 0;
+  FOR v_book_id IN
+    SELECT b.id
+    FROM books b
+    LEFT JOIN user_book_status ubs ON ubs.book_id = b.id AND ubs.user_id = v_uid
+    WHERE b.library_id = v_lib_id AND b.status = 'present'
+      AND (ubs.status IS NULL OR ubs.status NOT IN ('read', 'skimmed', 'reading', 'rereading'))
+    LIMIT 18
+  LOOP
+    i := i + 1;
+    INSERT INTO user_book_status (user_id, book_id, status, started_at, finished_at, updated_at)
+    VALUES (
+      v_uid, v_book_id, 'read',
+      date_trunc('year', current_date) + ((i * 14 - 10) * interval '1 day'),
+      date_trunc('year', current_date) + (i * 14 * interval '1 day'),
+      now()
+    )
+    ON CONFLICT (user_id, book_id) DO UPDATE
+      SET status = 'read',
+          finished_at = COALESCE(user_book_status.finished_at,
+            date_trunc('year', current_date) + (i * 14 * interval '1 day')),
+          updated_at = EXCLUDED.updated_at;
+  END LOOP;
+  RAISE NOTICE 'Year Projection: marked % books as read this year', i;
+
+  -- ─── WIDGET 5: Neglected Gems ──────────────────────────────────────────────
+  -- Need books with bm.rating >= 8 that are NOT read by this user.
+  -- Set high ratings on some unread books and ensure they have no 'read' status.
+  i := 0;
+  FOR v_book_id IN
+    SELECT b.id
+    FROM books b
+    JOIN book_metadata bm ON bm.book_id = b.id
+    LEFT JOIN user_book_status ubs ON ubs.book_id = b.id AND ubs.user_id = v_uid
+    WHERE b.library_id = v_lib_id AND b.status = 'present'
+      AND (ubs.status IS NULL OR ubs.status NOT IN ('read', 'skimmed'))
+    LIMIT 10
+  LOOP
+    i := i + 1;
+    -- Give them a high rating (8, 9, or 10)
+    UPDATE book_metadata SET rating = 8 + (i % 3) WHERE book_id = v_book_id AND (rating IS NULL OR rating < 8);
+    -- Set as want_to_read so they appear as "neglected"
+    INSERT INTO user_book_status (user_id, book_id, status, started_at, updated_at)
+    VALUES (v_uid, v_book_id, 'want_to_read', now() - (i * 30 * interval '1 day'), now())
+    ON CONFLICT (user_id, book_id) DO NOTHING;
+  END LOOP;
+  RAISE NOTICE 'Neglected Gems: set high ratings + want_to_read on % books', i;
+
+  -- ─── WIDGET 6: Reading DNA ─────────────────────────────────────────────────
+  -- Needs: many books read (already done above), genres, authors.
+  -- Make sure genres are mapped. Check book_genres / book_authors are populated.
+  -- (They come from metadata import; we just ensure enough 'read' books exist.)
+  RAISE NOTICE 'Reading DNA: relies on book_genres/book_authors + read books (already seeded)';
+
+  -- ─── WIDGET 7: The Long Wait ───────────────────────────────────────────────
+  -- Need 1+ book with status = 'want_to_read' added a long time ago.
+  SELECT b.id INTO v_book_id
+  FROM books b
+  LEFT JOIN user_book_status ubs ON ubs.book_id = b.id AND ubs.user_id = v_uid
+  WHERE b.library_id = v_lib_id AND b.status = 'present'
+    AND ubs.book_id IS NULL
+  LIMIT 1;
+
+  IF v_book_id IS NOT NULL THEN
+    INSERT INTO user_book_status (user_id, book_id, status, started_at, updated_at)
+    VALUES (v_uid, v_book_id, 'want_to_read', now() - interval '730 days', now())
+    ON CONFLICT (user_id, book_id) DO UPDATE
+      SET status = 'want_to_read',
+          started_at = LEAST(user_book_status.started_at, EXCLUDED.started_at),
+          updated_at = EXCLUDED.updated_at
+      WHERE user_book_status.status NOT IN ('read', 'skimmed', 'reading', 'rereading');
+    RAISE NOTICE 'Long Wait: marked book_id=% as want_to_read 730 days ago', v_book_id;
+  END IF;
+
+  -- ─── WIDGET 8: Diversity Score ─────────────────────────────────────────────
+  -- Relies on read books having genres, authors, languages.
+  -- Ensure book_metadata has language populated for some read books.
+  UPDATE book_metadata bm
+  SET language = (ARRAY['en','fr','de','es','ja','pt'])[1 + (bm.book_id % 6)]
+  WHERE bm.book_id IN (
+    SELECT ubs.book_id FROM user_book_status ubs
+    WHERE ubs.user_id = v_uid AND ubs.status IN ('read','skimmed')
+    LIMIT 20
+  ) AND bm.language IS NULL;
+  RAISE NOTICE 'Diversity Score: set languages on read books';
+
+  -- ─── WIDGET 9: Reading Rhythm ─────────────────────────────────────────────
+  -- Need user_reading_daily_stats for the last 28 days with realistic variance.
+  -- Use a mix of active and rest days.
+  FOR i IN 1..28 LOOP
+    v_day := current_date - ((28 - i) * interval '1 day');
+    v_secs := CASE
+      WHEN (i % 7 = 0) THEN 0          -- one rest day per week
+      WHEN (i % 7 = 6) THEN 4500       -- Saturday: long session
+      ELSE 1800 + (i % 5) * 600        -- weekdays: 30-80 min
+    END;
+    IF v_secs > 0 THEN
+      INSERT INTO user_reading_daily_stats (user_id, library_id, day, reading_seconds, progress_delta, sessions_count, updated_at)
+      VALUES (v_uid, v_lib_id, v_day, v_secs, 0.01 + (i % 6) * 0.008, 1 + (i % 3), now())
+      ON CONFLICT (user_id, library_id, day) DO UPDATE
+        SET reading_seconds = GREATEST(user_reading_daily_stats.reading_seconds, EXCLUDED.reading_seconds),
+            sessions_count  = GREATEST(user_reading_daily_stats.sessions_count, EXCLUDED.sessions_count),
+            updated_at      = EXCLUDED.updated_at;
+    END IF;
+  END LOOP;
+  RAISE NOTICE 'Reading Rhythm: upserted 28-day daily stats';
+
+  RAISE NOTICE '=== Widget seed complete for user_id=% ===', v_uid;
+END;
+\$\$;
+
+EOSQL
+
+echo "Done."
diff --git a/scripts/fixtures/seed-reading-sessions.sh b/scripts/fixtures/seed-reading-sessions.sh
index 3e60d63b9..a5d014d17 100755
--- a/scripts/fixtures/seed-reading-sessions.sh
+++ b/scripts/fixtures/seed-reading-sessions.sh
@@ -20,7 +20,7 @@ TARGET_USER_ID="${1:-1}"
 
 echo "Seeding reading sessions for user_id=${TARGET_USER_ID}..."
 
-docker compose -f docker-compose.dev.yml exec -T postgres psql -U "$POSTGRES_USER" -d "$POSTGRES_DB" << EOSQL
+docker compose -f docker-compose.dev.yml exec -T postgres psql -v ON_ERROR_STOP=1 -U "$POSTGRES_USER" -d "$POSTGRES_DB" << EOSQL
 
 DO \$\$
 DECLARE
@@ -41,6 +41,9 @@ DECLARE
   v_file_ids   int[];
   v_total_sessions int := 0;
   v_total_completions int := 0;
+  v_inserted_sessions int := 0;
+  v_inserted int;
+  v_is_completion boolean;
 BEGIN
   -- Verify user exists
   IF NOT EXISTS (SELECT 1 FROM users WHERE id = v_user_id) THEN
@@ -103,18 +106,25 @@ BEGIN
       -- ~15% of sessions are completions (every 7th deterministically by loop)
       IF (v_total_sessions % 7) = 0 THEN
         v_end_pct := 100;
-        v_total_completions := v_total_completions + 1;
+        v_is_completion := true;
       ELSE
         v_end_pct := round((10 + random() * 80)::numeric, 2);
+        v_is_completion := false;
       END IF;
 
       v_session_id := md5(v_user_id::text || v_file_id::text || v_started::text || v_i::text);
+      v_total_sessions := v_total_sessions + 1;
 
       INSERT INTO reading_sessions
         (user_id, book_file_id, session_id, started_at, ended_at, duration_seconds, progress_delta, end_progress)
       VALUES
         (v_user_id, v_file_id, v_session_id, v_started, v_ended, v_duration, v_delta, v_end_pct)
-      ON CONFLICT (session_id) DO NOTHING;
+      ON CONFLICT (user_id, session_id) DO NOTHING;
+
+      GET DIAGNOSTICS v_inserted = ROW_COUNT;
+      IF v_inserted = 0 THEN
+        CONTINUE;
+      END IF;
 
       -- Real-time upsert of daily stats (mirrors what the server does on session save)
       INSERT INTO user_reading_daily_stats
@@ -127,11 +137,14 @@ BEGIN
         sessions_count  = user_reading_daily_stats.sessions_count  + 1,
         updated_at      = now();
 
-      v_total_sessions := v_total_sessions + 1;
+      v_inserted_sessions := v_inserted_sessions + 1;
+      IF v_is_completion THEN
+        v_total_completions := v_total_completions + 1;
+      END IF;
     END LOOP;
   END LOOP;
 
-  RAISE NOTICE 'Done: % sessions inserted (% completions)', v_total_sessions, v_total_completions;
+  RAISE NOTICE 'Done: % sessions generated, % inserted (% completions)', v_total_sessions, v_inserted_sessions, v_total_completions;
 END;
 \$\$;
 
diff --git a/server/src/modules/dashboard/dashboard-widget.calculations.test.ts b/server/src/modules/dashboard/dashboard-widget.calculations.test.ts
new file mode 100644
index 000000000..90c2047fd
--- /dev/null
+++ b/server/src/modules/dashboard/dashboard-widget.calculations.test.ts
@@ -0,0 +1,462 @@
+import {
+  buildDaysSeries,
+  computeAuthorSpread,
+  computeChallengeResult,
+  computeDailySeed,
+  computeDiversityScore,
+  computeEraRange,
+  computeGenreBreadth,
+  computeLanguageVariety,
+  computeLengthScore,
+  computeProjection,
+  computeReadingDna,
+  computeRhythm,
+  computeRhythmScore,
+  computeTimeScore,
+  computeVarietyScore,
+  findEligibleChallenges,
+  pickAnnotationIndex,
+  selectChallenge,
+} from './dashboard-widget.calculations';
+
+describe('computeDailySeed', () => {
+  it('returns a non-negative integer', () => {
+    const seed = computeDailySeed(42, '2026-04-28');
+    expect(seed).toBeGreaterThanOrEqual(0);
+    expect(Number.isInteger(seed)).toBe(true);
+  });
+
+  it('is deterministic for same inputs', () => {
+    expect(computeDailySeed(42, '2026-04-28')).toBe(computeDailySeed(42, '2026-04-28'));
+  });
+
+  it('differs for different users', () => {
+    expect(computeDailySeed(1, '2026-04-28')).not.toBe(computeDailySeed(2, '2026-04-28'));
+  });
+
+  it('differs for different dates', () => {
+    expect(computeDailySeed(42, '2026-04-28')).not.toBe(computeDailySeed(42, '2026-04-29'));
+  });
+});
+
+describe('pickAnnotationIndex', () => {
+  it('returns -1 when total is 0', () => {
+    expect(pickAnnotationIndex(42, '2026-04-28', 0)).toBe(-1);
+  });
+
+  it('returns -1 when total is negative', () => {
+    expect(pickAnnotationIndex(42, '2026-04-28', -5)).toBe(-1);
+  });
+
+  it('returns a valid index within range', () => {
+    const idx = pickAnnotationIndex(42, '2026-04-28', 100);
+    expect(idx).toBeGreaterThanOrEqual(0);
+    expect(idx).toBeLessThan(100);
+  });
+
+  it('returns 0 when total is 1', () => {
+    expect(pickAnnotationIndex(42, '2026-04-28', 1)).toBe(0);
+  });
+});
+
+describe('findEligibleChallenges', () => {
+  const basePatterns = {
+    avgPageCount: 200,
+    uniqueGenresLast6Months: 10,
+    staleInProgressCount: 0,
+    currentStreak: 10,
+    maxStreakThisMonth: 10,
+    topAuthorBookCount: 1,
+    totalBooksRead: 20,
+    pagesThisMonth: 0,
+  };
+
+  it('includes short-read when avg page count > 250', () => {
+    const result = findEligibleChallenges({ ...basePatterns, avgPageCount: 300 });
+    expect(result).toContain('short-read');
+  });
+
+  it('includes genre-explorer when genres < 5', () => {
+    const result = findEligibleChallenges({ ...basePatterns, uniqueGenresLast6Months: 3 });
+    expect(result).toContain('genre-explorer');
+  });
+
+  it('includes finish-oldest when stale books exist', () => {
+    const result = findEligibleChallenges({ ...basePatterns, staleInProgressCount: 2 });
+    expect(result).toContain('finish-oldest');
+  });
+
+  it('includes streak-builder when maxStreakThisMonth < 5', () => {
+    const result = findEligibleChallenges({ ...basePatterns, maxStreakThisMonth: 3 });
+    expect(result).toContain('streak-builder');
+  });
+
+  it('excludes streak-builder when maxStreakThisMonth >= 5', () => {
+    const result = findEligibleChallenges({ ...basePatterns, maxStreakThisMonth: 7 });
+    expect(result).not.toContain('streak-builder');
+  });
+
+  it('includes new-author when top author has 4+ books', () => {
+    const result = findEligibleChallenges({ ...basePatterns, topAuthorBookCount: 5 });
+    expect(result).toContain('new-author');
+  });
+
+  it('always includes page-milestone', () => {
+    const result = findEligibleChallenges(basePatterns);
+    expect(result).toContain('page-milestone');
+  });
+});
+
+describe('selectChallenge', () => {
+  it('returns page-milestone when no eligible challenges', () => {
+    expect(selectChallenge([], 42, 2026, 4)).toBe('page-milestone');
+  });
+
+  it('is deterministic for same inputs', () => {
+    const eligible = ['short-read', 'genre-explorer', 'page-milestone'] as const;
+    const a = selectChallenge([...eligible], 42, 2026, 4);
+    const b = selectChallenge([...eligible], 42, 2026, 4);
+    expect(a).toBe(b);
+  });
+
+  it('may differ for different months', () => {
+    const eligible = ['short-read', 'genre-explorer', 'page-milestone'] as const;
+    const a = selectChallenge([...eligible], 42, 2026, 4);
+    const b = selectChallenge([...eligible], 42, 2026, 5);
+    expect(typeof a).toBe('string');
+    expect(typeof b).toBe('string');
+  });
+});
+
+describe('computeChallengeResult', () => {
+  const baseProgress = {
+    shortBooksCompleted: 0,
+    newGenresRead: 0,
+    oldestInProgressFinished: false,
+    maxStreakThisMonth: 0,
+    newAuthorsRead: 0,
+    pagesReadThisMonth: 0,
+  };
+
+  it('computes page-milestone progress correctly', () => {
+    const result = computeChallengeResult('page-milestone', { ...baseProgress, pagesReadThisMonth: 300 }, 2026, 4);
+    expect(result.progress).toBe(300);
+    expect(result.target).toBe(500);
+    expect(result.completed).toBe(false);
+    expect(result.month).toBe(4);
+    expect(result.year).toBe(2026);
+  });
+
+  it('caps progress at target', () => {
+    const result = computeChallengeResult('page-milestone', { ...baseProgress, pagesReadThisMonth: 999 }, 2026, 4);
+    expect(result.progress).toBe(500);
+    expect(result.completed).toBe(true);
+  });
+
+  it('handles streak-builder correctly', () => {
+    const result = computeChallengeResult('streak-builder', { ...baseProgress, maxStreakThisMonth: 7 }, 2026, 4);
+    expect(result.progress).toBe(5);
+    expect(result.completed).toBe(true);
+  });
+
+  it('handles streak-builder incomplete', () => {
+    const result = computeChallengeResult('streak-builder', { ...baseProgress, maxStreakThisMonth: 3 }, 2026, 4);
+    expect(result.progress).toBe(3);
+    expect(result.completed).toBe(false);
+  });
+
+  it('handles short-read when completed', () => {
+    const result = computeChallengeResult('short-read', { ...baseProgress, shortBooksCompleted: 1 }, 2026, 4);
+    expect(result.progress).toBe(1);
+    expect(result.completed).toBe(true);
+  });
+
+  it('handles short-read when incomplete', () => {
+    const result = computeChallengeResult('short-read', baseProgress, 2026, 4);
+    expect(result.progress).toBe(0);
+    expect(result.completed).toBe(false);
+  });
+
+  it('handles genre-explorer when completed', () => {
+    const result = computeChallengeResult('genre-explorer', { ...baseProgress, newGenresRead: 1 }, 2026, 4);
+    expect(result.progress).toBe(1);
+    expect(result.completed).toBe(true);
+  });
+
+  it('handles finish-oldest when completed', () => {
+    const result = computeChallengeResult('finish-oldest', { ...baseProgress, oldestInProgressFinished: true }, 2026, 4);
+    expect(result.progress).toBe(1);
+    expect(result.completed).toBe(true);
+  });
+
+  it('handles finish-oldest when incomplete', () => {
+    const result = computeChallengeResult('finish-oldest', baseProgress, 2026, 4);
+    expect(result.progress).toBe(0);
+    expect(result.completed).toBe(false);
+  });
+
+  it('handles new-author when completed', () => {
+    const result = computeChallengeResult('new-author', { ...baseProgress, newAuthorsRead: 2 }, 2026, 4);
+    expect(result.progress).toBe(1);
+    expect(result.completed).toBe(true);
+  });
+});
+
+describe('computeProjection', () => {
+  it('projects correctly with active reading', () => {
+    const result = computeProjection({
+      booksCompletedYtd: 10,
+      booksCompletedLast30Days: 3,
+      pagesReadLast30Days: 900,
+      hoursReadLast30Days: 30,
+      daysInYear: 365,
+      dayOfYear: 100,
+      prevProjectedBooks: null,
+    });
+
+    expect(result.projectedBooks).toBeGreaterThan(10);
+    expect(result.projectedPages).toBeGreaterThan(0);
+    expect(result.projectedHours).toBeGreaterThan(0);
+    expect(result.daysRemaining).toBe(265);
+    expect(result.trend).toBe('stable');
+  });
+
+  it('never projects fewer books than already completed', () => {
+    const result = computeProjection({
+      booksCompletedYtd: 50,
+      booksCompletedLast30Days: 0,
+      pagesReadLast30Days: 0,
+      hoursReadLast30Days: 0,
+      daysInYear: 365,
+      dayOfYear: 300,
+      prevProjectedBooks: null,
+    });
+    expect(result.projectedBooks).toBe(50);
+  });
+
+  it('detects upward trend', () => {
+    const result = computeProjection({
+      booksCompletedYtd: 10,
+      booksCompletedLast30Days: 5,
+      pagesReadLast30Days: 1500,
+      hoursReadLast30Days: 50,
+      daysInYear: 365,
+      dayOfYear: 100,
+      prevProjectedBooks: 30,
+    });
+    expect(result.trend).toBe('up');
+  });
+
+  it('detects downward trend', () => {
+    const result = computeProjection({
+      booksCompletedYtd: 10,
+      booksCompletedLast30Days: 1,
+      pagesReadLast30Days: 200,
+      hoursReadLast30Days: 5,
+      daysInYear: 365,
+      dayOfYear: 100,
+      prevProjectedBooks: 50,
+    });
+    expect(result.trend).toBe('down');
+  });
+});
+
+describe('Reading DNA calculations', () => {
+  describe('computeLengthScore', () => {
+    it('returns 0 for 0 pages', () => {
+      expect(computeLengthScore(0)).toBe(0);
+    });
+
+    it('caps at 100', () => {
+      expect(computeLengthScore(1000)).toBe(100);
+    });
+
+    it('scales linearly to 500 pages', () => {
+      expect(computeLengthScore(250)).toBe(50);
+    });
+  });
+
+  describe('computeVarietyScore', () => {
+    it('returns 0 when no books', () => {
+      expect(computeVarietyScore(5, 0)).toBe(0);
+    });
+
+    it('returns high score when many unique genres', () => {
+      expect(computeVarietyScore(10, 10)).toBe(100);
+    });
+
+    it('returns low score when few unique genres', () => {
+      expect(computeVarietyScore(1, 20)).toBe(10);
+    });
+  });
+
+  describe('computeRhythmScore', () => {
+    it('returns 0 for 0 ratio', () => {
+      expect(computeRhythmScore(0)).toBe(0);
+    });
+
+    it('returns 100 for 100% ratio', () => {
+      expect(computeRhythmScore(1.0)).toBe(100);
+    });
+  });
+
+  describe('computeTimeScore', () => {
+    it('returns 0 for midnight', () => {
+      expect(computeTimeScore(0)).toBe(0);
+    });
+
+    it('returns 100 for hour 23', () => {
+      expect(computeTimeScore(23)).toBe(100);
+    });
+  });
+
+  describe('computeReadingDna', () => {
+    it('returns valid archetype and scores', () => {
+      const dna = computeReadingDna(300, 5, 20, 0.8, 21);
+      expect(dna.archetype).toBeTruthy();
+      expect(dna.lengthScore).toBeGreaterThanOrEqual(0);
+      expect(dna.lengthScore).toBeLessThanOrEqual(100);
+      expect(dna.booksAnalyzed).toBe(20);
+      expect(dna.lengthLabel).toBeTruthy();
+      expect(dna.varietyLabel).toBeTruthy();
+      expect(dna.rhythmLabel).toBeTruthy();
+      expect(dna.timeLabel).toBeTruthy();
+    });
+
+    it('identifies Deep Specialist for low variety', () => {
+      const dna = computeReadingDna(200, 1, 20, 0.5, 12);
+      expect(dna.archetype).toBe('Deep Specialist');
+    });
+
+    it('identifies Steady Eclectic Explorer', () => {
+      const dna = computeReadingDna(400, 15, 20, 0.9, 14);
+      expect(dna.archetype).toBe('Steady Eclectic Explorer');
+    });
+  });
+});
+
+describe('Diversity Score calculations', () => {
+  describe('computeGenreBreadth', () => {
+    it('returns 0 when no genres in library', () => {
+      expect(computeGenreBreadth(5, 0)).toBe(0);
+    });
+
+    it('returns 100 when all genres read', () => {
+      expect(computeGenreBreadth(10, 10)).toBe(100);
+    });
+  });
+
+  describe('computeAuthorSpread', () => {
+    it('returns 0 when no books read', () => {
+      expect(computeAuthorSpread(5, 0)).toBe(0);
+    });
+
+    it('returns 100 when every book is a different author', () => {
+      expect(computeAuthorSpread(10, 10)).toBe(100);
+    });
+  });
+
+  describe('computeEraRange', () => {
+    it('returns 0 for 0 or 1 years', () => {
+      expect(computeEraRange([])).toBe(0);
+      expect(computeEraRange([2020])).toBe(0);
+    });
+
+    it('returns 100 for 100+ year span', () => {
+      expect(computeEraRange([1900, 2000])).toBe(100);
+    });
+
+    it('scales linearly', () => {
+      expect(computeEraRange([2000, 2050])).toBe(50);
+    });
+  });
+
+  describe('computeLanguageVariety', () => {
+    it('returns 0 for 0 languages', () => {
+      expect(computeLanguageVariety(0)).toBe(0);
+    });
+
+    it('returns 100 for 5+ languages', () => {
+      expect(computeLanguageVariety(5)).toBe(100);
+    });
+  });
+
+  describe('computeDiversityScore', () => {
+    it('returns valid composite score', () => {
+      const result = computeDiversityScore(5, 10, 8, 15, [1990, 2020], 3);
+      expect(result.score).toBeGreaterThanOrEqual(0);
+      expect(result.score).toBeLessThanOrEqual(100);
+      expect(result.label).toBeTruthy();
+      expect(result.booksAnalyzed).toBe(15);
+    });
+
+    it('returns Deep Specialist label for low scores', () => {
+      const result = computeDiversityScore(1, 20, 2, 20, [2020], 1);
+      expect(result.label).toBe('Deep Specialist');
+    });
+  });
+});
+
+describe('Reading Rhythm calculations', () => {
+  describe('buildDaysSeries', () => {
+    it('fills missing days with zeroes', () => {
+      const today = new Date('2026-04-28T12:00:00Z');
+      const result = buildDaysSeries([], today, 7);
+      expect(result).toHaveLength(7);
+      expect(result.every((d) => d.readingSeconds === 0)).toBe(true);
+    });
+
+    it('maps existing data to correct dates', () => {
+      const today = new Date('2026-04-28T12:00:00Z');
+      const data = [{ day: '2026-04-28', readingSeconds: 600 }];
+      const result = buildDaysSeries(data, today, 3);
+
+      expect(result).toHaveLength(3);
+      expect(result[2]!.date).toBe('2026-04-28');
+      expect(result[2]!.readingSeconds).toBe(600);
+      expect(result[0]!.readingSeconds).toBe(0);
+    });
+
+    it('orders oldest to newest', () => {
+      const today = new Date('2026-04-28T12:00:00Z');
+      const result = buildDaysSeries([], today, 3);
+      expect(result[0]!.date).toBe('2026-04-26');
+      expect(result[2]!.date).toBe('2026-04-28');
+    });
+  });
+
+  describe('computeRhythm', () => {
+    it('returns zeroes for empty input', () => {
+      const result = computeRhythm([]);
+      expect(result.consistencyPercent).toBe(0);
+      expect(result.avgSecondsPerDay).toBe(0);
+      expect(result.activeDays).toBe(0);
+      expect(result.totalDays).toBe(0);
+    });
+
+    it('computes consistency correctly', () => {
+      const days = [
+        { readingSeconds: 600 },
+        { readingSeconds: 0 },
+        { readingSeconds: 300 },
+        { readingSeconds: 0 },
+        { readingSeconds: 1200 },
+        { readingSeconds: 0 },
+        { readingSeconds: 0 },
+      ];
+      const result = computeRhythm(days);
+
+      expect(result.activeDays).toBe(3);
+      expect(result.totalDays).toBe(7);
+      expect(result.consistencyPercent).toBe(43);
+    });
+
+    it('computes average correctly', () => {
+      const days = [{ readingSeconds: 100 }, { readingSeconds: 200 }, { readingSeconds: 300 }];
+      const result = computeRhythm(days);
+      expect(result.avgSecondsPerDay).toBe(200);
+      expect(result.activeDays).toBe(3);
+      expect(result.consistencyPercent).toBe(100);
+    });
+  });
+});
diff --git a/server/src/modules/dashboard/dashboard-widget.calculations.ts b/server/src/modules/dashboard/dashboard-widget.calculations.ts
new file mode 100644
index 000000000..974823792
--- /dev/null
+++ b/server/src/modules/dashboard/dashboard-widget.calculations.ts
@@ -0,0 +1,410 @@
+import type {
+  ChallengeType,
+  DiversityScoreWidgetData,
+  MonthlyChallengeWidgetData,
+  ReadingDnaWidgetData,
+  ReadingRhythmWidgetData,
+  ReadingStreakWidgetData,
+  YearProjectionWidgetData,
+} from '@bookorbit/types';
+
+// ── Date Helpers ─────────────────────────────────────────────────────
+
+export function formatDay(date: Date): string {
+  return date.toISOString().slice(0, 10);
+}
+
+export function computeLongestStreak(readDays: Set<string>): number {
+  if (readDays.size === 0) return 0;
+
+  const sortedDays = [...readDays].sort();
+  let longest = 1;
+  let current = 1;
+
+  for (let i = 1; i < sortedDays.length; i++) {
+    const prev = new Date(sortedDays[i - 1]!);
+    const curr = new Date(sortedDays[i]!);
+    const diffDays = Math.round((curr.getTime() - prev.getTime()) / (1000 * 60 * 60 * 24));
+
+    if (diffDays === 1) {
+      current++;
+      if (current > longest) longest = current;
+    } else {
+      current = 1;
+    }
+  }
+
+  return longest;
+}
+
+export function computeStreakData(readDays: Set<string>, today: Date): ReadingStreakWidgetData {
+  const todayStr = formatDay(today);
+
+  const lastSevenDays: boolean[] = [];
+  for (let i = 6; i >= 0; i--) {
+    const d = new Date(today);
+    d.setUTCDate(d.getUTCDate() - i);
+    lastSevenDays.push(readDays.has(formatDay(d)));
+  }
+
+  if (readDays.size === 0) {
+    return { currentStreak: 0, longestStreak: 0, lastSevenDays };
+  }
+
+  let currentStreak = 0;
+  const startDate = new Date(today);
+  if (!readDays.has(todayStr)) {
+    startDate.setUTCDate(startDate.getUTCDate() - 1);
+    if (!readDays.has(formatDay(startDate))) {
+      return { currentStreak: 0, longestStreak: computeLongestStreak(readDays), lastSevenDays };
+    }
+  }
+
+  const cursor = new Date(startDate);
+  while (readDays.has(formatDay(cursor))) {
+    currentStreak++;
+    cursor.setUTCDate(cursor.getUTCDate() - 1);
+  }
+
+  return { currentStreak, longestStreak: computeLongestStreak(readDays), lastSevenDays };
+}
+
+// ── Highlight of the Day ────────────────────────────────────────────
+
+export function computeDailySeed(userId: number, dateStr: string): number {
+  let hash = 0;
+  const key = `${userId}:${dateStr}`;
+  for (let i = 0; i < key.length; i++) {
+    hash = (hash * 31 + key.charCodeAt(i)) | 0;
+  }
+  return Math.abs(hash);
+}
+
+export function pickAnnotationIndex(userId: number, dateStr: string, total: number): number {
+  if (total <= 0) return -1;
+  return computeDailySeed(userId, dateStr) % total;
+}
+
+// ── Monthly Mini Challenge ──────────────────────────────────────────
+
+export interface ReadingPatterns {
+  avgPageCount: number;
+  uniqueGenresLast6Months: number;
+  staleInProgressCount: number;
+  currentStreak: number;
+  maxStreakThisMonth: number;
+  topAuthorBookCount: number;
+  totalBooksRead: number;
+  pagesThisMonth: number;
+}
+
+const CHALLENGE_META: Record<ChallengeType, { title: string; description: string; target: number }> = {
+  'short-read': { title: 'Quick Read', description: 'Finish a book under 200 pages this month', target: 1 },
+  'genre-explorer': { title: 'Genre Explorer', description: 'Read a book in a genre new to you this month', target: 1 },
+  'finish-oldest': { title: 'Clear the Backlog', description: 'Finish your oldest in-progress book', target: 1 },
+  'streak-builder': { title: 'Streak Builder', description: 'Read for 5 consecutive days this month', target: 5 },
+  'new-author': { title: 'New Voice', description: 'Read a book by an author new to you this month', target: 1 },
+  'page-milestone': { title: 'Page Turner', description: 'Read 500 pages this month', target: 500 },
+};
+
+export function findEligibleChallenges(patterns: ReadingPatterns): ChallengeType[] {
+  const eligible: ChallengeType[] = [];
+
+  if (patterns.avgPageCount > 250) eligible.push('short-read');
+  if (patterns.uniqueGenresLast6Months < 5) eligible.push('genre-explorer');
+  if (patterns.staleInProgressCount > 0) eligible.push('finish-oldest');
+  if (patterns.maxStreakThisMonth < 5) eligible.push('streak-builder');
+  if (patterns.topAuthorBookCount > 3) eligible.push('new-author');
+
+  eligible.push('page-milestone');
+
+  return eligible;
+}
+
+export function selectChallenge(eligible: ChallengeType[], userId: number, year: number, month: number): ChallengeType {
+  if (eligible.length === 0) return 'page-milestone';
+  const seed = computeDailySeed(userId, `${year}-${String(month).padStart(2, '0')}`);
+  return eligible[seed % eligible.length]!;
+}
+
+export interface ChallengeProgress {
+  shortBooksCompleted: number;
+  newGenresRead: number;
+  oldestInProgressFinished: boolean;
+  maxStreakThisMonth: number;
+  newAuthorsRead: number;
+  pagesReadThisMonth: number;
+}
+
+export function computeChallengeResult(
+  type: ChallengeType,
+  progress: ChallengeProgress,
+  year: number,
+  month: number,
+): Omit<MonthlyChallengeWidgetData, 'challengeType'> {
+  const meta = CHALLENGE_META[type];
+  let current: number;
+
+  switch (type) {
+    case 'short-read':
+      current = progress.shortBooksCompleted;
+      break;
+    case 'genre-explorer':
+      current = progress.newGenresRead;
+      break;
+    case 'finish-oldest':
+      current = progress.oldestInProgressFinished ? 1 : 0;
+      break;
+    case 'streak-builder':
+      current = progress.maxStreakThisMonth;
+      break;
+    case 'new-author':
+      current = progress.newAuthorsRead;
+      break;
+    case 'page-milestone':
+      current = progress.pagesReadThisMonth;
+      break;
+  }
+
+  return {
+    title: meta.title,
+    description: meta.description,
+    progress: Math.min(current, meta.target),
+    target: meta.target,
+    completed: current >= meta.target,
+    month,
+    year,
+  };
+}
+
+// ── Year-End Projection ─────────────────────────────────────────────
+
+export interface ProjectionInput {
+  booksCompletedYtd: number;
+  pagesReadLast30Days: number;
+  hoursReadLast30Days: number;
+  booksCompletedLast30Days: number;
+  daysInYear: number;
+  dayOfYear: number;
+  prevProjectedBooks: number | null;
+}
+
+export function computeProjection(input: ProjectionInput): Omit<YearProjectionWidgetData, 'trend'> & { trend: 'up' | 'down' | 'stable' } {
+  const daysRemaining = input.daysInYear - input.dayOfYear;
+  const activeDays = 30;
+
+  const booksPerDay = input.booksCompletedLast30Days / activeDays;
+  const pagesPerDay = input.pagesReadLast30Days / activeDays;
+  const hoursPerDay = input.hoursReadLast30Days / activeDays;
+
+  const projectedBooks = Math.round(input.booksCompletedYtd + booksPerDay * daysRemaining);
+  const projectedPages = Math.round(pagesPerDay * input.daysInYear);
+  const projectedHours = Math.round(hoursPerDay * input.daysInYear * 10) / 10;
+
+  let trend: 'up' | 'down' | 'stable' = 'stable';
+  if (input.prevProjectedBooks != null) {
+    if (projectedBooks > input.prevProjectedBooks) trend = 'up';
+    else if (projectedBooks < input.prevProjectedBooks) trend = 'down';
+  }
+
+  return {
+    projectedBooks: Math.max(projectedBooks, input.booksCompletedYtd),
+    projectedPages: Math.max(projectedPages, 0),
+    projectedHours: Math.max(projectedHours, 0),
+    booksCompletedYtd: input.booksCompletedYtd,
+    daysRemaining,
+    trend,
+  };
+}
+
+// ── Reading DNA ─────────────────────────────────────────────────────
+
+export function computeLengthScore(avgPageCount: number): number {
+  return Math.min(100, Math.round((avgPageCount / 500) * 100));
+}
+
+export function computeVarietyScore(uniqueGenres: number, totalBooks: number): number {
+  if (totalBooks === 0) return 0;
+  const ratio = uniqueGenres / totalBooks;
+  return Math.min(100, Math.round(ratio * 200));
+}
+
+export function computeRhythmScore(readingDaysRatio: number): number {
+  return Math.min(100, Math.round(readingDaysRatio * 100));
+}
+
+export function computeTimeScore(peakHour: number): number {
+  return Math.min(100, Math.round((peakHour / 23) * 100));
+}
+
+function getLengthLabel(score: number): string {
+  if (score <= 30) return 'Short';
+  if (score <= 60) return 'Medium';
+  return 'Long';
+}
+
+function getVarietyLabel(score: number): string {
+  if (score <= 30) return 'Focused';
+  if (score <= 60) return 'Balanced';
+  return 'Eclectic';
+}
+
+function getRhythmLabel(score: number): string {
+  if (score <= 30) return 'Bursty';
+  if (score <= 60) return 'Moderate';
+  return 'Steady';
+}
+
+function getTimeLabel(peakHour: number): string {
+  if (peakHour < 6) return 'Night Owl';
+  if (peakHour < 12) return 'Early Bird';
+  if (peakHour < 18) return 'Afternoon';
+  return 'Evening';
+}
+
+interface DnaTraits {
+  lengthScore: number;
+  varietyScore: number;
+  rhythmScore: number;
+  timeLabel: string;
+}
+
+const ARCHETYPES: [predicate: (traits: DnaTraits) => boolean, label: string][] = [
+  [({ lengthScore, varietyScore, timeLabel }) => lengthScore > 60 && varietyScore <= 30 && timeLabel === 'Night Owl', 'Night Owl Epic Specialist'],
+  [({ lengthScore, varietyScore, rhythmScore }) => lengthScore > 60 && varietyScore > 60 && rhythmScore > 60, 'Steady Eclectic Explorer'],
+  [({ varietyScore, rhythmScore }) => varietyScore > 60 && rhythmScore > 60, 'Disciplined Genre Hopper'],
+  [({ lengthScore, timeLabel }) => lengthScore > 60 && timeLabel === 'Early Bird', 'Early Bird Marathon Reader'],
+  [({ varietyScore }) => varietyScore <= 30, 'Deep Specialist'],
+  [({ rhythmScore }) => rhythmScore <= 30, 'Weekend Binge Reader'],
+  [({ varietyScore }) => varietyScore > 60, 'Curious Explorer'],
+  [({ rhythmScore }) => rhythmScore > 60, 'Steady Habit Reader'],
+];
+
+export function computeReadingDna(
+  avgPageCount: number,
+  uniqueGenres: number,
+  totalBooks: number,
+  readingDaysRatio: number,
+  peakHour: number,
+): ReadingDnaWidgetData {
+  const lengthScore = computeLengthScore(avgPageCount);
+  const varietyScore = computeVarietyScore(uniqueGenres, totalBooks);
+  const rhythmScore = computeRhythmScore(readingDaysRatio);
+  const timeScore = computeTimeScore(peakHour);
+  const timeLabel = getTimeLabel(peakHour);
+
+  let archetype = 'Avid Reader';
+  for (const [predicate, label] of ARCHETYPES) {
+    if (predicate({ lengthScore, varietyScore, rhythmScore, timeLabel })) {
+      archetype = label;
+      break;
+    }
+  }
+
+  return {
+    archetype,
+    lengthScore,
+    varietyScore,
+    rhythmScore,
+    timeScore,
+    lengthLabel: getLengthLabel(lengthScore),
+    varietyLabel: getVarietyLabel(varietyScore),
+    rhythmLabel: getRhythmLabel(rhythmScore),
+    timeLabel,
+    booksAnalyzed: totalBooks,
+  };
+}
+
+// ── Shelf Diversity Score ───────────────────────────────────────────
+
+export function computeGenreBreadth(uniqueGenres: number, totalGenresInLibrary: number): number {
+  if (totalGenresInLibrary === 0) return 0;
+  return Math.min(100, Math.round((uniqueGenres / totalGenresInLibrary) * 100));
+}
+
+export function computeAuthorSpread(uniqueAuthors: number, totalBooksRead: number): number {
+  if (totalBooksRead === 0) return 0;
+  return Math.min(100, Math.round((uniqueAuthors / totalBooksRead) * 100));
+}
+
+export function computeEraRange(publicationYears: number[]): number {
+  if (publicationYears.length <= 1) return 0;
+  const min = Math.min(...publicationYears);
+  const max = Math.max(...publicationYears);
+  const span = max - min;
+  return Math.min(100, Math.round((span / 100) * 100));
+}
+
+export function computeLanguageVariety(uniqueLanguages: number): number {
+  return Math.min(100, Math.round((uniqueLanguages / 5) * 100));
+}
+
+function getDiversityLabel(score: number): string {
+  if (score <= 30) return 'Deep Specialist';
+  if (score <= 55) return 'Comfortable Reader';
+  if (score <= 75) return 'Curious Explorer';
+  return 'Literary Adventurer';
+}
+
+export function computeDiversityScore(
+  uniqueGenres: number,
+  totalGenresInLibrary: number,
+  uniqueAuthors: number,
+  totalBooksRead: number,
+  publicationYears: number[],
+  uniqueLanguages: number,
+): DiversityScoreWidgetData {
+  const genreScore = computeGenreBreadth(uniqueGenres, totalGenresInLibrary);
+  const authorScore = computeAuthorSpread(uniqueAuthors, totalBooksRead);
+  const eraScore = computeEraRange(publicationYears);
+  const languageScore = computeLanguageVariety(uniqueLanguages);
+
+  const score = Math.round((genreScore + authorScore + eraScore + languageScore) / 4);
+
+  return {
+    score,
+    label: getDiversityLabel(score),
+    genreScore,
+    authorScore,
+    eraScore,
+    languageScore,
+    booksAnalyzed: totalBooksRead,
+  };
+}
+
+// ── Reading Rhythm Pulse ────────────────────────────────────────────
+
+export function buildDaysSeries(
+  dailyData: { day: string; readingSeconds: number }[],
+  today: Date,
+  windowDays: number,
+): { date: string; readingSeconds: number }[] {
+  const lookup = new Map(dailyData.map((d) => [d.day, d.readingSeconds]));
+  const result: { date: string; readingSeconds: number }[] = [];
+
+  for (let i = windowDays - 1; i >= 0; i--) {
+    const d = new Date(today);
+    d.setUTCDate(d.getUTCDate() - i);
+    const dateStr = d.toISOString().slice(0, 10);
+    result.push({ date: dateStr, readingSeconds: lookup.get(dateStr) ?? 0 });
+  }
+
+  return result;
+}
+
+export function computeRhythm(days: { readingSeconds: number }[]): Omit<ReadingRhythmWidgetData, 'days'> {
+  const totalDays = days.length;
+  if (totalDays === 0) {
+    return { consistencyPercent: 0, avgSecondsPerDay: 0, activeDays: 0, totalDays: 0 };
+  }
+
+  const activeDays = days.filter((d) => d.readingSeconds > 0).length;
+  const totalSeconds = days.reduce((sum, d) => sum + d.readingSeconds, 0);
+
+  return {
+    consistencyPercent: Math.round((activeDays / totalDays) * 100),
+    avgSecondsPerDay: Math.round(totalSeconds / totalDays),
+    activeDays,
+    totalDays,
+  };
+}
diff --git a/server/src/modules/dashboard/dashboard-widget.repository.test.ts b/server/src/modules/dashboard/dashboard-widget.repository.test.ts
new file mode 100644
index 000000000..1b5d0b5a6
--- /dev/null
+++ b/server/src/modules/dashboard/dashboard-widget.repository.test.ts
@@ -0,0 +1,123 @@
+import { computeLongestStreak, computeStreakData, formatDay } from './dashboard-widget.calculations';
+
+describe('formatDay', () => {
+  it('formats a UTC date as YYYY-MM-DD', () => {
+    expect(formatDay(new Date('2025-03-15T12:00:00Z'))).toBe('2025-03-15');
+  });
+
+  it('uses UTC date even near midnight', () => {
+    expect(formatDay(new Date('2025-01-01T23:59:59Z'))).toBe('2025-01-01');
+  });
+});
+
+describe('computeLongestStreak', () => {
+  it('returns 0 for empty set', () => {
+    expect(computeLongestStreak(new Set())).toBe(0);
+  });
+
+  it('returns 1 for a single day', () => {
+    expect(computeLongestStreak(new Set(['2025-06-01']))).toBe(1);
+  });
+
+  it('returns correct streak for consecutive days', () => {
+    const days = new Set(['2025-06-01', '2025-06-02', '2025-06-03']);
+    expect(computeLongestStreak(days)).toBe(3);
+  });
+
+  it('handles gaps and finds the longest run', () => {
+    const days = new Set(['2025-06-01', '2025-06-02', '2025-06-05', '2025-06-06', '2025-06-07', '2025-06-08']);
+    expect(computeLongestStreak(days)).toBe(4);
+  });
+
+  it('handles unsorted input', () => {
+    const days = new Set(['2025-06-03', '2025-06-01', '2025-06-02']);
+    expect(computeLongestStreak(days)).toBe(3);
+  });
+
+  it('returns 1 for non-consecutive days', () => {
+    const days = new Set(['2025-06-01', '2025-06-05', '2025-06-10']);
+    expect(computeLongestStreak(days)).toBe(1);
+  });
+});
+
+describe('computeStreakData', () => {
+  it('returns all zeros and false for empty reading days', () => {
+    const result = computeStreakData(new Set(), new Date('2025-07-10T12:00:00Z'));
+    expect(result).toEqual({
+      currentStreak: 0,
+      longestStreak: 0,
+      lastSevenDays: [false, false, false, false, false, false, false],
+    });
+  });
+
+  it('computes current streak starting from today', () => {
+    const today = new Date('2025-07-10T12:00:00Z');
+    const days = new Set(['2025-07-10', '2025-07-09', '2025-07-08']);
+    const result = computeStreakData(days, today);
+
+    expect(result.currentStreak).toBe(3);
+    expect(result.longestStreak).toBe(3);
+  });
+
+  it('computes current streak starting from yesterday if today has no reading', () => {
+    const today = new Date('2025-07-10T12:00:00Z');
+    const days = new Set(['2025-07-09', '2025-07-08', '2025-07-07']);
+    const result = computeStreakData(days, today);
+
+    expect(result.currentStreak).toBe(3);
+    expect(result.longestStreak).toBe(3);
+  });
+
+  it('returns currentStreak 0 when neither today nor yesterday has reading', () => {
+    const today = new Date('2025-07-10T12:00:00Z');
+    const days = new Set(['2025-07-05', '2025-07-06']);
+    const result = computeStreakData(days, today);
+
+    expect(result.currentStreak).toBe(0);
+    expect(result.longestStreak).toBe(2);
+  });
+
+  it('builds lastSevenDays array oldest-first', () => {
+    const today = new Date('2025-07-10T12:00:00Z');
+    const days = new Set(['2025-07-10', '2025-07-08', '2025-07-04']);
+
+    const result = computeStreakData(days, today);
+
+    expect(result.lastSevenDays).toEqual([
+      true, // July 4
+      false, // July 5
+      false, // July 6
+      false, // July 7
+      true, // July 8
+      false, // July 9
+      true, // July 10
+    ]);
+  });
+
+  it('handles a streak of exactly 1 day (today only)', () => {
+    const today = new Date('2025-07-10T12:00:00Z');
+    const days = new Set(['2025-07-10']);
+    const result = computeStreakData(days, today);
+
+    expect(result.currentStreak).toBe(1);
+    expect(result.longestStreak).toBe(1);
+  });
+
+  it('handles longest streak being different from current streak', () => {
+    const today = new Date('2025-07-10T12:00:00Z');
+    const days = new Set(['2025-07-10', '2025-06-01', '2025-06-02', '2025-06-03', '2025-06-04', '2025-06-05']);
+    const result = computeStreakData(days, today);
+
+    expect(result.currentStreak).toBe(1);
+    expect(result.longestStreak).toBe(5);
+  });
+
+  it('handles year boundary in streak', () => {
+    const today = new Date('2025-01-02T12:00:00Z');
+    const days = new Set(['2025-01-02', '2025-01-01', '2024-12-31', '2024-12-30']);
+    const result = computeStreakData(days, today);
+
+    expect(result.currentStreak).toBe(4);
+    expect(result.longestStreak).toBe(4);
+  });
+});
diff --git a/server/src/modules/dashboard/dashboard-widget.repository.ts b/server/src/modules/dashboard/dashboard-widget.repository.ts
new file mode 100644
index 000000000..b3cce0969
--- /dev/null
+++ b/server/src/modules/dashboard/dashboard-widget.repository.ts
@@ -0,0 +1,811 @@
+import { Inject, Injectable } from '@nestjs/common';
+import { and, desc, eq, gt, gte, inArray, isNotNull, isNull, lt, notInArray, sql } from 'drizzle-orm';
+import type { NodePgDatabase } from 'drizzle-orm/node-postgres';
+
+import type {
+  CurrentlyReadingBook,
+  CurrentlyReadingWidgetData,
+  HighlightOfTheDayWidgetData,
+  LibraryOverviewWidgetData,
+  LongWaitWidgetData,
+  NeglectedGemsWidgetData,
+  ReadingStreakWidgetData,
+} from '@bookorbit/types';
+
+import { DB } from '../../db';
+import * as schema from '../../db/schema';
+import {
+  annotations,
+  authors,
+  bookAuthors,
+  bookFiles,
+  bookGenres,
+  bookMetadata,
+  books,
+  genres,
+  readingProgress,
+  readingSessions,
+  userBookStatus,
+  userReadingDailyStats,
+} from '../../db/schema';
+import { computeLongestStreak, computeStreakData, formatDay } from './dashboard-widget.calculations';
+
+type Db = NodePgDatabase<typeof schema>;
+
+const CURRENTLY_READING_LIMIT = 3;
+
+@Injectable()
+export class DashboardWidgetRepository {
+  constructor(@Inject(DB) private readonly db: Db) {}
+
+  async getCompletedBooksThisYear(userId: number, accessibleLibraryIds: number[]): Promise<number> {
+    if (accessibleLibraryIds.length === 0) return 0;
+
+    const yearStart = sql`date_trunc('year', current_date)`;
+    const [row] = await this.db
+      .select({ count: sql<number>`count(*)::int` })
+      .from(userBookStatus)
+      .innerJoin(books, eq(books.id, userBookStatus.bookId))
+      .where(
+        and(
+          eq(userBookStatus.userId, userId),
+          inArray(userBookStatus.status, ['read', 'skimmed']),
+          isNotNull(userBookStatus.finishedAt),
+          gte(userBookStatus.finishedAt, yearStart),
+          inArray(books.libraryId, accessibleLibraryIds),
+        ),
+      );
+    return row?.count ?? 0;
+  }
+
+  async getCurrentlyReadingBooks(userId: number, accessibleLibraryIds: number[]): Promise<CurrentlyReadingWidgetData> {
+    if (accessibleLibraryIds.length === 0) return { books: [] };
+
+    const rows = await this.db
+      .select({
+        bookId: books.id,
+        title: bookMetadata.title,
+        progress: readingProgress.percentage,
+        coverSource: bookMetadata.coverSource,
+        lastReadAt: readingProgress.updatedAt,
+        fileId: bookFiles.id,
+        fileFormat: bookFiles.format,
+      })
+      .from(userBookStatus)
+      .innerJoin(books, eq(books.id, userBookStatus.bookId))
+      .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+      .leftJoin(bookFiles, eq(bookFiles.id, books.primaryFileId))
+      .leftJoin(readingProgress, and(isNotNull(bookFiles.id), eq(readingProgress.bookFileId, bookFiles.id), eq(readingProgress.userId, userId)))
+      .where(
+        and(
+          eq(userBookStatus.userId, userId),
+          inArray(userBookStatus.status, ['reading', 'rereading']),
+          inArray(books.libraryId, accessibleLibraryIds),
+        ),
+      )
+      .orderBy(desc(sql`coalesce(${readingProgress.updatedAt}, ${userBookStatus.updatedAt})`))
+      .limit(CURRENTLY_READING_LIMIT);
+
+    if (rows.length === 0) return { books: [] };
+
+    const bookIds = rows.map((r) => r.bookId);
+    const authorRows = await this.db
+      .select({
+        bookId: bookAuthors.bookId,
+        authorName: authors.name,
+      })
+      .from(bookAuthors)
+      .innerJoin(authors, eq(authors.id, bookAuthors.authorId))
+      .where(inArray(bookAuthors.bookId, bookIds));
+
+    const authorsByBookId = new Map<number, string[]>();
+    for (const row of authorRows) {
+      const list = authorsByBookId.get(row.bookId) ?? [];
+      list.push(row.authorName);
+      authorsByBookId.set(row.bookId, list);
+    }
+
+    const result: CurrentlyReadingBook[] = rows.map((row) => ({
+      bookId: row.bookId,
+      title: row.title,
+      authors: authorsByBookId.get(row.bookId) ?? [],
+      progress: row.progress ?? 0,
+      hasCover: row.coverSource != null,
+      fileId: row.fileId ?? null,
+      fileFormat: row.fileFormat ?? null,
+    }));
+
+    return { books: result };
+  }
+
+  async getReadingStreak(userId: number, accessibleLibraryIds: number[]): Promise<ReadingStreakWidgetData> {
+    if (accessibleLibraryIds.length === 0) {
+      return { currentStreak: 0, longestStreak: 0, lastSevenDays: [false, false, false, false, false, false, false] };
+    }
+
+    const rows = await this.db
+      .select({
+        day: userReadingDailyStats.day,
+        totalSeconds: sql<number>`sum(${userReadingDailyStats.readingSeconds})::int`,
+      })
+      .from(userReadingDailyStats)
+      .where(and(eq(userReadingDailyStats.userId, userId), inArray(userReadingDailyStats.libraryId, accessibleLibraryIds)))
+      .groupBy(userReadingDailyStats.day)
+      .orderBy(desc(userReadingDailyStats.day));
+
+    const readDays = new Set(rows.filter((r) => r.totalSeconds > 0).map((r) => r.day));
+    return computeStreakData(readDays, new Date());
+  }
+
+  async getLibraryOverview(accessibleLibraryIds: number[]): Promise<LibraryOverviewWidgetData> {
+    if (accessibleLibraryIds.length === 0) {
+      return { totalBooks: 0, totalAuthors: 0, totalSeries: 0, totalStorageBytes: 0, booksAddedThisYear: 0 };
+    }
+
+    const filter = inArray(books.libraryId, accessibleLibraryIds);
+
+    const [[booksRow], [authorsRow], [seriesRow], [storageRow], [thisYearRow]] = await Promise.all([
+      this.db
+        .select({ count: sql<number>`count(distinct ${books.id})::int` })
+        .from(books)
+        .where(filter),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookAuthors.authorId})::int` })
+        .from(bookAuthors)
+        .innerJoin(books, eq(books.id, bookAuthors.bookId))
+        .where(filter),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookMetadata.seriesName})::int` })
+        .from(bookMetadata)
+        .innerJoin(books, eq(books.id, bookMetadata.bookId))
+        .where(and(isNotNull(bookMetadata.seriesName), filter)),
+      this.db
+        .select({ total: sql<number>`coalesce(sum(${bookFiles.sizeBytes}), 0)::bigint` })
+        .from(bookFiles)
+        .innerJoin(books, eq(books.id, bookFiles.bookId))
+        .where(filter),
+      this.db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(books)
+        .where(and(gte(books.addedAt, sql`date_trunc('year', current_date)`), filter)),
+    ]);
+
+    return {
+      totalBooks: booksRow?.count ?? 0,
+      totalAuthors: authorsRow?.count ?? 0,
+      totalSeries: seriesRow?.count ?? 0,
+      totalStorageBytes: Number(storageRow?.total ?? 0),
+      booksAddedThisYear: thisYearRow?.count ?? 0,
+    };
+  }
+
+  // ── Highlight of the Day ────────────────────────────────────────
+
+  async getAnnotationCount(userId: number, accessibleLibraryIds: number[]): Promise<number> {
+    if (accessibleLibraryIds.length === 0) return 0;
+
+    const [row] = await this.db
+      .select({ count: sql<number>`count(*)::int` })
+      .from(annotations)
+      .innerJoin(books, eq(books.id, annotations.bookId))
+      .where(and(eq(annotations.userId, userId), inArray(books.libraryId, accessibleLibraryIds)));
+
+    return row?.count ?? 0;
+  }
+
+  async getAnnotationByOffset(userId: number, accessibleLibraryIds: number[], offset: number): Promise<HighlightOfTheDayWidgetData | null> {
+    if (accessibleLibraryIds.length === 0) return null;
+
+    const rows = await this.db
+      .select({
+        text: annotations.text,
+        note: annotations.note,
+        bookTitle: bookMetadata.title,
+        bookId: annotations.bookId,
+        coverSource: bookMetadata.coverSource,
+        chapterTitle: annotations.chapterTitle,
+        createdAt: annotations.createdAt,
+      })
+      .from(annotations)
+      .innerJoin(books, eq(books.id, annotations.bookId))
+      .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+      .where(and(eq(annotations.userId, userId), inArray(books.libraryId, accessibleLibraryIds)))
+      .orderBy(annotations.id)
+      .limit(1)
+      .offset(offset);
+
+    const row = rows[0];
+    if (!row) return null;
+
+    return {
+      text: row.text,
+      note: row.note,
+      bookTitle: row.bookTitle,
+      bookId: row.bookId,
+      hasCover: row.coverSource != null,
+      chapterTitle: row.chapterTitle,
+      createdAt: row.createdAt.toISOString(),
+    };
+  }
+
+  // ── Monthly Challenge (raw data) ────────────────────────────────
+
+  async getChallengePatternData(
+    userId: number,
+    accessibleLibraryIds: number[],
+    monthStart: Date,
+    sixMonthsAgo: Date,
+  ): Promise<{
+    avgPageCount: number;
+    uniqueGenresLast6Months: number;
+    staleInProgressCount: number;
+    currentStreak: number;
+    topAuthorBookCount: number;
+    totalBooksRead: number;
+    pagesThisMonth: number;
+    shortBooksCompleted: number;
+    newGenresRead: number;
+    oldestInProgressFinished: boolean;
+    maxStreakThisMonth: number;
+    newAuthorsRead: number;
+    pagesReadThisMonth: number;
+  }> {
+    if (accessibleLibraryIds.length === 0) {
+      return {
+        avgPageCount: 0,
+        uniqueGenresLast6Months: 0,
+        staleInProgressCount: 0,
+        currentStreak: 0,
+        topAuthorBookCount: 0,
+        totalBooksRead: 0,
+        pagesThisMonth: 0,
+        shortBooksCompleted: 0,
+        newGenresRead: 0,
+        oldestInProgressFinished: false,
+        maxStreakThisMonth: 0,
+        newAuthorsRead: 0,
+        pagesReadThisMonth: 0,
+      };
+    }
+
+    const libFilter = inArray(books.libraryId, accessibleLibraryIds);
+    const presentFilter = eq(books.status, 'present');
+
+    const authorCountsSubq = this.db
+      .select({ c: sql<number>`count(${userBookStatus.bookId})::int`.as('c') })
+      .from(userBookStatus)
+      .innerJoin(books, eq(books.id, userBookStatus.bookId))
+      .innerJoin(bookAuthors, eq(bookAuthors.bookId, books.id))
+      .where(and(eq(userBookStatus.userId, userId), eq(userBookStatus.status, 'read'), libFilter, presentFilter))
+      .groupBy(bookAuthors.authorId)
+      .as('author_counts');
+
+    const [
+      [avgRow],
+      [genreRow],
+      [staleRow],
+      [authorRow],
+      [totalRow],
+      [pagesRow],
+      [shortRow],
+      [newGenreRow],
+      [newAuthorRow],
+      [sessionPagesRow],
+      [finishedThisMonthRow],
+      thisMonthReadDays,
+    ] = await Promise.all([
+      this.db
+        .select({ avg: sql<number>`coalesce(avg(${bookMetadata.pageCount}), 0)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(and(eq(userBookStatus.userId, userId), eq(userBookStatus.status, 'read'), libFilter, presentFilter)),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookGenres.genreId})::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookGenres, eq(bookGenres.bookId, books.id))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, sixMonthsAgo),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['reading', 'rereading']),
+            lt(userBookStatus.updatedAt, sixMonthsAgo),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db.select({ count: sql<number>`coalesce(max(${authorCountsSubq.c}), 0)::int` }).from(authorCountsSubq),
+      this.db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .where(and(eq(userBookStatus.userId, userId), eq(userBookStatus.status, 'read'), libFilter, presentFilter)),
+      this.db
+        .select({ total: sql<number>`coalesce(sum(${bookMetadata.pageCount}), 0)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, monthStart),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, monthStart),
+            lt(bookMetadata.pageCount, 200),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookGenres.genreId})::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookGenres, eq(bookGenres.bookId, books.id))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, monthStart),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookAuthors.authorId})::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookAuthors, eq(bookAuthors.bookId, books.id))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, monthStart),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db
+        .select({
+          total: sql<number>`floor(coalesce(sum(coalesce(${bookMetadata.pageCount}, 0) * least(greatest(coalesce(${readingSessions.progressDelta}, 0), 0), 100) / 100.0), 0))::int`,
+        })
+        .from(readingSessions)
+        .innerJoin(bookFiles, eq(bookFiles.id, readingSessions.bookFileId))
+        .innerJoin(books, eq(books.id, bookFiles.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(
+          and(
+            eq(readingSessions.userId, userId),
+            gte(readingSessions.startedAt, monthStart),
+            gt(readingSessions.progressDelta, 0),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      // Any book finished this month — approximates whether the oldest in-progress book was cleared
+      this.db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, monthStart),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      // Reading days within this month for max-streak computation
+      this.db
+        .select({ day: userReadingDailyStats.day })
+        .from(userReadingDailyStats)
+        .where(
+          and(
+            eq(userReadingDailyStats.userId, userId),
+            inArray(userReadingDailyStats.libraryId, accessibleLibraryIds),
+            gte(userReadingDailyStats.day, formatDay(monthStart)),
+            gt(userReadingDailyStats.readingSeconds, 0),
+          ),
+        )
+        .groupBy(userReadingDailyStats.day),
+    ]);
+
+    const streakData = await this.getReadingStreak(userId, accessibleLibraryIds);
+    const pagesReadThisMonth = Math.max(sessionPagesRow?.total ?? 0, pagesRow?.total ?? 0);
+    const maxStreakThisMonth = computeLongestStreak(new Set(thisMonthReadDays.map((r) => r.day)));
+
+    return {
+      avgPageCount: avgRow?.avg ?? 0,
+      uniqueGenresLast6Months: genreRow?.count ?? 0,
+      staleInProgressCount: staleRow?.count ?? 0,
+      currentStreak: streakData.currentStreak,
+      maxStreakThisMonth,
+      topAuthorBookCount: authorRow?.count ?? 0,
+      totalBooksRead: totalRow?.count ?? 0,
+      pagesThisMonth: pagesReadThisMonth,
+      shortBooksCompleted: shortRow?.count ?? 0,
+      newGenresRead: newGenreRow?.count ?? 0,
+      oldestInProgressFinished: (finishedThisMonthRow?.count ?? 0) > 0,
+      newAuthorsRead: newAuthorRow?.count ?? 0,
+      pagesReadThisMonth,
+    };
+  }
+
+  // ── Year Projection (raw data) ─────────────────────────────────
+
+  async getYearProjectionData(
+    userId: number,
+    accessibleLibraryIds: number[],
+    yearStart: Date,
+    thirtyDaysAgo: Date,
+  ): Promise<{
+    booksCompletedYtd: number;
+    pagesReadLast30Days: number;
+    hoursReadLast30Days: number;
+    booksCompletedLast30Days: number;
+  }> {
+    if (accessibleLibraryIds.length === 0) {
+      return { booksCompletedYtd: 0, pagesReadLast30Days: 0, hoursReadLast30Days: 0, booksCompletedLast30Days: 0 };
+    }
+
+    const libFilter = inArray(books.libraryId, accessibleLibraryIds);
+    const presentFilter = eq(books.status, 'present');
+
+    const [[ytdRow], [last30BooksRow], [last30ReadingRow]] = await Promise.all([
+      this.db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, yearStart),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db
+        .select({
+          count: sql<number>`count(*)::int`,
+          pages: sql<number>`coalesce(sum(${bookMetadata.pageCount}), 0)::int`,
+        })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(
+          and(
+            eq(userBookStatus.userId, userId),
+            inArray(userBookStatus.status, ['read', 'skimmed']),
+            gte(userBookStatus.finishedAt, thirtyDaysAgo),
+            libFilter,
+            presentFilter,
+          ),
+        ),
+      this.db
+        .select({
+          hours: sql<number>`coalesce(sum(${userReadingDailyStats.readingSeconds}), 0)::real / 3600`,
+        })
+        .from(userReadingDailyStats)
+        .where(
+          and(
+            eq(userReadingDailyStats.userId, userId),
+            inArray(userReadingDailyStats.libraryId, accessibleLibraryIds),
+            gte(userReadingDailyStats.day, thirtyDaysAgo.toISOString().slice(0, 10)),
+          ),
+        ),
+    ]);
+
+    return {
+      booksCompletedYtd: ytdRow?.count ?? 0,
+      pagesReadLast30Days: last30BooksRow?.pages ?? 0,
+      hoursReadLast30Days: last30ReadingRow?.hours ?? 0,
+      booksCompletedLast30Days: last30BooksRow?.count ?? 0,
+    };
+  }
+
+  // ── Neglected Gems ──────────────────────────────────────────────
+
+  async getNeglectedGems(userId: number, accessibleLibraryIds: number[], today: Date): Promise<NeglectedGemsWidgetData> {
+    if (accessibleLibraryIds.length === 0) return { gems: [] };
+
+    const booksAlreadyRead = this.db
+      .select({ bookId: userBookStatus.bookId })
+      .from(userBookStatus)
+      .where(and(eq(userBookStatus.userId, userId), inArray(userBookStatus.status, ['read', 'skimmed'])))
+      .as('already_read');
+
+    const rows = await this.db
+      .select({
+        bookId: books.id,
+        title: bookMetadata.title,
+        coverSource: bookMetadata.coverSource,
+        rating: bookMetadata.rating,
+        addedAt: books.addedAt,
+        genre: sql<
+          string | null
+        >`(select ${genres.name} from ${bookGenres} inner join ${genres} on ${genres.id} = ${bookGenres.genreId} where ${bookGenres.bookId} = ${books.id} limit 1)`,
+      })
+      .from(books)
+      .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+      .leftJoin(booksAlreadyRead, eq(booksAlreadyRead.bookId, books.id))
+      .where(
+        and(
+          inArray(books.libraryId, accessibleLibraryIds),
+          eq(books.status, 'present'),
+          gte(bookMetadata.rating, 8),
+          isNull(booksAlreadyRead.bookId),
+        ),
+      )
+      .orderBy(books.addedAt)
+      .limit(5);
+
+    return {
+      gems: rows.map((r) => ({
+        bookId: r.bookId,
+        title: r.title,
+        hasCover: r.coverSource != null,
+        rating: r.rating!,
+        waitingDays: Math.floor((today.getTime() - new Date(r.addedAt).getTime()) / (1000 * 60 * 60 * 24)),
+        genre: r.genre,
+      })),
+    };
+  }
+
+  // ── Reading DNA (raw data) ──────────────────────────────────────
+
+  async getReadingDnaData(
+    userId: number,
+    accessibleLibraryIds: number[],
+    since: Date,
+  ): Promise<{
+    avgPageCount: number;
+    uniqueGenres: number;
+    totalBooks: number;
+    readingDaysRatio: number;
+    peakHour: number;
+  }> {
+    if (accessibleLibraryIds.length === 0) {
+      return { avgPageCount: 0, uniqueGenres: 0, totalBooks: 0, readingDaysRatio: 0, peakHour: 12 };
+    }
+
+    const libFilter = inArray(books.libraryId, accessibleLibraryIds);
+    const presentFilter = eq(books.status, 'present');
+
+    const [[statsRow], [genreRow], dailyRows, [peakRow]] = await Promise.all([
+      this.db
+        .select({
+          avg: sql<number>`coalesce(avg(${bookMetadata.pageCount}), 0)::int`,
+          total: sql<number>`count(*)::int`,
+        })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(and(eq(userBookStatus.userId, userId), eq(userBookStatus.status, 'read'), libFilter, presentFilter)),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookGenres.genreId})::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookGenres, eq(bookGenres.bookId, books.id))
+        .where(and(eq(userBookStatus.userId, userId), eq(userBookStatus.status, 'read'), libFilter, presentFilter)),
+      this.db
+        .select({
+          day: userReadingDailyStats.day,
+          seconds: sql<number>`sum(${userReadingDailyStats.readingSeconds})::int`,
+        })
+        .from(userReadingDailyStats)
+        .where(
+          and(
+            eq(userReadingDailyStats.userId, userId),
+            inArray(userReadingDailyStats.libraryId, accessibleLibraryIds),
+            gte(userReadingDailyStats.day, since.toISOString().slice(0, 10)),
+          ),
+        )
+        .groupBy(userReadingDailyStats.day),
+      this.db
+        .select({
+          hour: sql<number>`extract(hour from ${readingSessions.startedAt})::int`,
+          total: sql<number>`sum(${readingSessions.durationSeconds})::int`,
+        })
+        .from(readingSessions)
+        .innerJoin(bookFiles, eq(bookFiles.id, readingSessions.bookFileId))
+        .innerJoin(books, eq(books.id, bookFiles.bookId))
+        .where(and(eq(readingSessions.userId, userId), libFilter, presentFilter))
+        .groupBy(sql`extract(hour from ${readingSessions.startedAt})`)
+        .orderBy(desc(sql`sum(${readingSessions.durationSeconds})`))
+        .limit(1),
+    ]);
+
+    const daysSinceLookback = Math.max(1, Math.ceil((Date.now() - since.getTime()) / (1000 * 60 * 60 * 24)));
+    const activeDays = dailyRows.filter((r) => r.seconds > 0).length;
+
+    return {
+      avgPageCount: statsRow?.avg ?? 0,
+      uniqueGenres: genreRow?.count ?? 0,
+      totalBooks: statsRow?.total ?? 0,
+      readingDaysRatio: activeDays / daysSinceLookback,
+      peakHour: peakRow?.hour ?? 12,
+    };
+  }
+
+  // ── The Long Wait ───────────────────────────────────────────────
+
+  async getLongWait(userId: number, accessibleLibraryIds: number[], today: Date): Promise<LongWaitWidgetData | null> {
+    if (accessibleLibraryIds.length === 0) return null;
+
+    const booksWithProgress = this.db
+      .select({ bookId: bookFiles.bookId })
+      .from(readingProgress)
+      .innerJoin(bookFiles, eq(bookFiles.id, readingProgress.bookFileId))
+      .where(eq(readingProgress.userId, userId))
+      .as('with_progress');
+
+    const booksWithStatus = this.db
+      .select({ bookId: userBookStatus.bookId })
+      .from(userBookStatus)
+      .where(and(eq(userBookStatus.userId, userId), notInArray(userBookStatus.status, ['unread'])))
+      .as('with_status');
+
+    const rows = await this.db
+      .select({
+        bookId: books.id,
+        title: bookMetadata.title,
+        coverSource: bookMetadata.coverSource,
+        addedAt: books.addedAt,
+        pageCount: bookMetadata.pageCount,
+        genre: sql<
+          string | null
+        >`(select ${genres.name} from ${bookGenres} inner join ${genres} on ${genres.id} = ${bookGenres.genreId} where ${bookGenres.bookId} = ${books.id} limit 1)`,
+        fileId: bookFiles.id,
+        fileFormat: bookFiles.format,
+      })
+      .from(books)
+      .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+      .leftJoin(bookFiles, eq(bookFiles.id, books.primaryFileId))
+      .leftJoin(booksWithProgress, eq(booksWithProgress.bookId, books.id))
+      .leftJoin(booksWithStatus, eq(booksWithStatus.bookId, books.id))
+      .where(
+        and(
+          inArray(books.libraryId, accessibleLibraryIds),
+          eq(books.status, 'present'),
+          isNull(booksWithProgress.bookId),
+          isNull(booksWithStatus.bookId),
+        ),
+      )
+      .orderBy(books.addedAt)
+      .limit(1);
+
+    const row = rows[0];
+    if (!row) return null;
+
+    return {
+      bookId: row.bookId,
+      title: row.title,
+      hasCover: row.coverSource != null,
+      addedAt: row.addedAt.toISOString(),
+      waitingDays: Math.floor((today.getTime() - new Date(row.addedAt).getTime()) / (1000 * 60 * 60 * 24)),
+      pageCount: row.pageCount,
+      genre: row.genre,
+      fileId: row.fileId ?? null,
+      fileFormat: row.fileFormat ?? null,
+    };
+  }
+
+  // ── Shelf Diversity Score (raw data) ────────────────────────────
+
+  async getDiversityData(
+    userId: number,
+    accessibleLibraryIds: number[],
+  ): Promise<{
+    uniqueGenresRead: number;
+    totalGenresInLibrary: number;
+    uniqueAuthorsRead: number;
+    totalBooksRead: number;
+    publicationYears: number[];
+    uniqueLanguages: number;
+  }> {
+    if (accessibleLibraryIds.length === 0) {
+      return { uniqueGenresRead: 0, totalGenresInLibrary: 0, uniqueAuthorsRead: 0, totalBooksRead: 0, publicationYears: [], uniqueLanguages: 0 };
+    }
+
+    const libFilter = inArray(books.libraryId, accessibleLibraryIds);
+    const presentFilter = eq(books.status, 'present');
+    const readFilter = and(eq(userBookStatus.userId, userId), eq(userBookStatus.status, 'read'));
+
+    const [[genresReadRow], [totalGenresRow], [authorsRow], [booksRow], yearRows, [langRow]] = await Promise.all([
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookGenres.genreId})::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookGenres, eq(bookGenres.bookId, books.id))
+        .where(and(readFilter, libFilter, presentFilter)),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookGenres.genreId})::int` })
+        .from(bookGenres)
+        .innerJoin(books, eq(books.id, bookGenres.bookId))
+        .where(and(libFilter, presentFilter)),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookAuthors.authorId})::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookAuthors, eq(bookAuthors.bookId, books.id))
+        .where(and(readFilter, libFilter, presentFilter)),
+      this.db
+        .select({ count: sql<number>`count(*)::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .where(and(readFilter, libFilter, presentFilter)),
+      this.db
+        .select({ year: bookMetadata.publishedYear })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(and(readFilter, libFilter, presentFilter, isNotNull(bookMetadata.publishedYear))),
+      this.db
+        .select({ count: sql<number>`count(distinct ${bookMetadata.language})::int` })
+        .from(userBookStatus)
+        .innerJoin(books, eq(books.id, userBookStatus.bookId))
+        .innerJoin(bookMetadata, eq(bookMetadata.bookId, books.id))
+        .where(and(readFilter, libFilter, presentFilter, isNotNull(bookMetadata.language))),
+    ]);
+
+    return {
+      uniqueGenresRead: genresReadRow?.count ?? 0,
+      totalGenresInLibrary: totalGenresRow?.count ?? 0,
+      uniqueAuthorsRead: authorsRow?.count ?? 0,
+      totalBooksRead: booksRow?.count ?? 0,
+      publicationYears: yearRows.map((r) => r.year!),
+      uniqueLanguages: langRow?.count ?? 0,
+    };
+  }
+
+  // ── Reading Rhythm (raw daily data) ─────────────────────────────
+
+  async getReadingRhythmData(userId: number, accessibleLibraryIds: number[], since: string): Promise<{ day: string; readingSeconds: number }[]> {
+    if (accessibleLibraryIds.length === 0) return [];
+
+    const rows = await this.db
+      .select({
+        day: userReadingDailyStats.day,
+        readingSeconds: sql<number>`sum(${userReadingDailyStats.readingSeconds})::int`,
+      })
+      .from(userReadingDailyStats)
+      .where(
+        and(
+          eq(userReadingDailyStats.userId, userId),
+          inArray(userReadingDailyStats.libraryId, accessibleLibraryIds),
+          gte(userReadingDailyStats.day, since),
+        ),
+      )
+      .groupBy(userReadingDailyStats.day)
+      .orderBy(userReadingDailyStats.day);
+
+    return rows;
+  }
+}
diff --git a/server/src/modules/dashboard/dashboard-widget.service.test.ts b/server/src/modules/dashboard/dashboard-widget.service.test.ts
new file mode 100644
index 000000000..709ae677a
--- /dev/null
+++ b/server/src/modules/dashboard/dashboard-widget.service.test.ts
@@ -0,0 +1,364 @@
+import type { CurrentlyReadingWidgetData, LibraryOverviewWidgetData, NeglectedGemsWidgetData, ReadingStreakWidgetData } from '@bookorbit/types';
+
+import type { RequestUser } from '../../common/types/request-user';
+import { DashboardWidgetService } from './dashboard-widget.service';
+
+function makeUser(overrides: Partial<RequestUser> = {}): RequestUser {
+  return {
+    id: 42,
+    username: 'reader',
+    name: 'Reader',
+    email: null,
+    active: true,
+    isSuperuser: false,
+    isDefaultPassword: false,
+    tokenVersion: 1,
+    settings: {},
+    avatarUrl: null,
+    provisioningMethod: 'local',
+    permissions: [],
+    ...overrides,
+  };
+}
+
+function makeService() {
+  const widgetRepo = {
+    getCompletedBooksThisYear: vi.fn(),
+    getCurrentlyReadingBooks: vi.fn(),
+    getReadingStreak: vi.fn(),
+    getLibraryOverview: vi.fn(),
+    getAnnotationCount: vi.fn(),
+    getAnnotationByOffset: vi.fn(),
+    getChallengePatternData: vi.fn(),
+    getYearProjectionData: vi.fn(),
+    getNeglectedGems: vi.fn(),
+    getReadingDnaData: vi.fn(),
+    getLongWait: vi.fn(),
+    getDiversityData: vi.fn(),
+    getReadingRhythmData: vi.fn(),
+  };
+  const libraryService = {
+    findAccessibleLibraryIds: vi.fn(),
+  };
+
+  const service = new DashboardWidgetService(widgetRepo as never, libraryService as never);
+  return { service, widgetRepo, libraryService };
+}
+
+describe('DashboardWidgetService', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('getReadingGoal', () => {
+    it('returns goal and completed count for user with a reading goal', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      const user = makeUser({
+        settings: { dashboardConfig: { readingGoal: 24, widgets: [] } },
+      });
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1, 2]);
+      widgetRepo.getCompletedBooksThisYear.mockResolvedValue(7);
+
+      const result = await service.getReadingGoal(user);
+
+      expect(libraryService.findAccessibleLibraryIds).toHaveBeenCalledWith(user);
+      expect(widgetRepo.getCompletedBooksThisYear).toHaveBeenCalledWith(42, [1, 2]);
+      expect(result).toEqual({
+        goalBooks: 24,
+        completedBooks: 7,
+        year: new Date().getUTCFullYear(),
+      });
+    });
+
+    it('returns null goalBooks when user has no reading goal set', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getCompletedBooksThisYear.mockResolvedValue(0);
+
+      const result = await service.getReadingGoal(makeUser());
+
+      expect(result.goalBooks).toBeNull();
+      expect(result.completedBooks).toBe(0);
+    });
+
+    it('returns null goalBooks when dashboardConfig exists but readingGoal is absent', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      const user = makeUser({ settings: { dashboardConfig: { widgets: [] } } });
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([]);
+      widgetRepo.getCompletedBooksThisYear.mockResolvedValue(0);
+
+      const result = await service.getReadingGoal(user);
+
+      expect(result.goalBooks).toBeNull();
+    });
+  });
+
+  describe('getCurrentlyReading', () => {
+    it('delegates to widgetRepo with accessible library ids', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      const user = makeUser({ id: 7 });
+      const mockData: CurrentlyReadingWidgetData = {
+        books: [{ bookId: 10, title: 'Test Book', authors: ['Author'], progress: 45, hasCover: true }],
+      };
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([3, 5]);
+      widgetRepo.getCurrentlyReadingBooks.mockResolvedValue(mockData);
+
+      const result = await service.getCurrentlyReading(user);
+
+      expect(libraryService.findAccessibleLibraryIds).toHaveBeenCalledWith(user);
+      expect(widgetRepo.getCurrentlyReadingBooks).toHaveBeenCalledWith(7, [3, 5]);
+      expect(result).toEqual(mockData);
+    });
+  });
+
+  describe('getReadingStreak', () => {
+    it('delegates to widgetRepo with user id and accessible library ids', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      const user = makeUser({ id: 99 });
+      const mockData: ReadingStreakWidgetData = {
+        currentStreak: 5,
+        longestStreak: 12,
+        lastSevenDays: [true, false, true, true, true, true, true],
+      };
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1, 2]);
+      widgetRepo.getReadingStreak.mockResolvedValue(mockData);
+
+      const result = await service.getReadingStreak(user);
+
+      expect(libraryService.findAccessibleLibraryIds).toHaveBeenCalledWith(user);
+      expect(widgetRepo.getReadingStreak).toHaveBeenCalledWith(99, [1, 2]);
+      expect(result).toEqual(mockData);
+    });
+  });
+
+  describe('getLibraryOverview', () => {
+    it('delegates to widgetRepo with accessible library ids', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      const user = makeUser({ id: 55 });
+      const mockData: LibraryOverviewWidgetData = {
+        totalBooks: 500,
+        totalAuthors: 120,
+        totalSeries: 30,
+        totalStorageBytes: 5000000000,
+        booksAddedThisYear: 45,
+      };
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([10]);
+      widgetRepo.getLibraryOverview.mockResolvedValue(mockData);
+
+      const result = await service.getLibraryOverview(user);
+
+      expect(libraryService.findAccessibleLibraryIds).toHaveBeenCalledWith(user);
+      expect(widgetRepo.getLibraryOverview).toHaveBeenCalledWith([10]);
+      expect(result).toEqual(mockData);
+    });
+  });
+
+  describe('getHighlightOfTheDay', () => {
+    it('returns null when no annotations exist', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getAnnotationCount.mockResolvedValue(0);
+
+      const result = await service.getHighlightOfTheDay(makeUser());
+      expect(result).toBeNull();
+      expect(widgetRepo.getAnnotationByOffset).not.toHaveBeenCalled();
+    });
+
+    it('fetches annotation by offset when annotations exist', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getAnnotationCount.mockResolvedValue(10);
+      widgetRepo.getAnnotationByOffset.mockResolvedValue({
+        text: 'A great quote',
+        note: null,
+        bookTitle: 'Test Book',
+        bookId: 5,
+        hasCover: true,
+        chapterTitle: 'Chapter 1',
+        createdAt: '2026-01-01T00:00:00.000Z',
+      });
+
+      const result = await service.getHighlightOfTheDay(makeUser());
+      expect(result).not.toBeNull();
+      expect(result!.text).toBe('A great quote');
+      expect(widgetRepo.getAnnotationByOffset).toHaveBeenCalled();
+    });
+  });
+
+  describe('getMonthlyChallenge', () => {
+    it('returns a challenge with computed progress', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getChallengePatternData.mockResolvedValue({
+        avgPageCount: 300,
+        uniqueGenresLast6Months: 3,
+        staleInProgressCount: 1,
+        currentStreak: 2,
+        maxStreakThisMonth: 3,
+        topAuthorBookCount: 5,
+        totalBooksRead: 20,
+        pagesThisMonth: 200,
+        shortBooksCompleted: 1,
+        newGenresRead: 0,
+        oldestInProgressFinished: false,
+        newAuthorsRead: 1,
+        pagesReadThisMonth: 200,
+      });
+
+      const result = await service.getMonthlyChallenge(makeUser());
+      expect(result.challengeType).toBeTruthy();
+      expect(result.title).toBeTruthy();
+      expect(result.target).toBeGreaterThan(0);
+      expect(typeof result.completed).toBe('boolean');
+    });
+
+    it('marks finish-oldest challenge complete when oldestInProgressFinished is true', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getChallengePatternData.mockResolvedValue({
+        avgPageCount: 200,
+        uniqueGenresLast6Months: 10,
+        staleInProgressCount: 1,
+        currentStreak: 10,
+        maxStreakThisMonth: 10,
+        topAuthorBookCount: 1,
+        totalBooksRead: 20,
+        pagesThisMonth: 0,
+        shortBooksCompleted: 0,
+        newGenresRead: 0,
+        oldestInProgressFinished: true,
+        newAuthorsRead: 0,
+        pagesReadThisMonth: 0,
+      });
+
+      const result = await service.getMonthlyChallenge(makeUser());
+      if (result.challengeType === 'finish-oldest') {
+        expect(result.completed).toBe(true);
+        expect(result.progress).toBe(1);
+      }
+    });
+  });
+
+  describe('getYearProjection', () => {
+    it('returns projection data', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getYearProjectionData.mockResolvedValue({
+        booksCompletedYtd: 10,
+        pagesReadLast30Days: 900,
+        hoursReadLast30Days: 30,
+        booksCompletedLast30Days: 3,
+      });
+
+      const result = await service.getYearProjection(makeUser());
+      expect(result.projectedBooks).toBeGreaterThanOrEqual(10);
+      expect(result.daysRemaining).toBeGreaterThan(0);
+    });
+  });
+
+  describe('getNeglectedGems', () => {
+    it('delegates to repo and returns result', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      const mockData: NeglectedGemsWidgetData = {
+        gems: [{ bookId: 1, title: 'Gem', hasCover: true, rating: 9, waitingDays: 100, genre: 'Fantasy' }],
+      };
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getNeglectedGems.mockResolvedValue(mockData);
+
+      const result = await service.getNeglectedGems(makeUser());
+      expect(result.gems).toHaveLength(1);
+    });
+  });
+
+  describe('getReadingDna', () => {
+    it('computes DNA from raw repo data', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getReadingDnaData.mockResolvedValue({
+        avgPageCount: 350,
+        uniqueGenres: 8,
+        totalBooks: 25,
+        readingDaysRatio: 0.7,
+        peakHour: 21,
+      });
+
+      const result = await service.getReadingDna(makeUser());
+      expect(result.archetype).toBeTruthy();
+      expect(result.booksAnalyzed).toBe(25);
+      expect(result.timeLabel).toBe('Evening');
+    });
+  });
+
+  describe('getLongWait', () => {
+    it('returns null when repo returns null', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getLongWait.mockResolvedValue(null);
+
+      const result = await service.getLongWait(makeUser());
+      expect(result).toBeNull();
+    });
+
+    it('returns book data when found', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getLongWait.mockResolvedValue({
+        bookId: 7,
+        title: 'Old Book',
+        hasCover: false,
+        addedAt: '2024-01-01T00:00:00.000Z',
+        waitingDays: 847,
+        pageCount: 400,
+        genre: 'Mystery',
+      });
+
+      const result = await service.getLongWait(makeUser());
+      expect(result!.bookId).toBe(7);
+      expect(result!.waitingDays).toBe(847);
+    });
+  });
+
+  describe('getDiversityScore', () => {
+    it('computes diversity from raw data', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getDiversityData.mockResolvedValue({
+        uniqueGenresRead: 5,
+        totalGenresInLibrary: 10,
+        uniqueAuthorsRead: 8,
+        totalBooksRead: 15,
+        publicationYears: [1990, 2020],
+        uniqueLanguages: 3,
+      });
+
+      const result = await service.getDiversityScore(makeUser());
+      expect(result.score).toBeGreaterThanOrEqual(0);
+      expect(result.score).toBeLessThanOrEqual(100);
+      expect(result.booksAnalyzed).toBe(15);
+    });
+  });
+
+  describe('getReadingRhythm', () => {
+    it('fills missing days and computes consistency', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getReadingRhythmData.mockResolvedValue([{ day: new Date().toISOString().slice(0, 10), readingSeconds: 600 }]);
+
+      const result = await service.getReadingRhythm(makeUser());
+      expect(result.days).toHaveLength(14);
+      expect(result.totalDays).toBe(14);
+      expect(result.activeDays).toBeGreaterThanOrEqual(1);
+    });
+
+    it('returns all zeroes when no reading data', async () => {
+      const { service, widgetRepo, libraryService } = makeService();
+      libraryService.findAccessibleLibraryIds.mockResolvedValue([1]);
+      widgetRepo.getReadingRhythmData.mockResolvedValue([]);
+
+      const result = await service.getReadingRhythm(makeUser());
+      expect(result.days).toHaveLength(14);
+      expect(result.activeDays).toBe(0);
+      expect(result.consistencyPercent).toBe(0);
+    });
+  });
+});
diff --git a/server/src/modules/dashboard/dashboard-widget.service.ts b/server/src/modules/dashboard/dashboard-widget.service.ts
new file mode 100644
index 000000000..1988d39cb
--- /dev/null
+++ b/server/src/modules/dashboard/dashboard-widget.service.ts
@@ -0,0 +1,180 @@
+import { Injectable } from '@nestjs/common';
+
+import type {
+  CurrentlyReadingWidgetData,
+  DiversityScoreWidgetData,
+  HighlightOfTheDayWidgetData,
+  LibraryOverviewWidgetData,
+  LongWaitWidgetData,
+  MonthlyChallengeWidgetData,
+  NeglectedGemsWidgetData,
+  ReadingDnaWidgetData,
+  ReadingGoalWidgetData,
+  ReadingRhythmWidgetData,
+  ReadingStreakWidgetData,
+  UserSettings,
+  YearProjectionWidgetData,
+} from '@bookorbit/types';
+
+import type { RequestUser } from '../../common/types/request-user';
+import { LibraryService } from '../library/library.service';
+import {
+  buildDaysSeries,
+  computeChallengeResult,
+  computeDiversityScore,
+  computeProjection,
+  computeReadingDna,
+  computeRhythm,
+  findEligibleChallenges,
+  formatDay,
+  pickAnnotationIndex,
+  selectChallenge,
+} from './dashboard-widget.calculations';
+import { DashboardWidgetRepository } from './dashboard-widget.repository';
+
+@Injectable()
+export class DashboardWidgetService {
+  constructor(
+    private readonly widgetRepo: DashboardWidgetRepository,
+    private readonly libraryService: LibraryService,
+  ) {}
+
+  async getReadingGoal(user: RequestUser): Promise<ReadingGoalWidgetData> {
+    const settings = user.settings as UserSettings | undefined;
+    const goalBooks = settings?.dashboardConfig?.readingGoal ?? null;
+
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    const completedBooks = await this.widgetRepo.getCompletedBooksThisYear(user.id, accessibleLibraryIds);
+
+    return {
+      goalBooks,
+      completedBooks,
+      year: new Date().getUTCFullYear(),
+    };
+  }
+
+  async getCurrentlyReading(user: RequestUser): Promise<CurrentlyReadingWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    return this.widgetRepo.getCurrentlyReadingBooks(user.id, accessibleLibraryIds);
+  }
+
+  async getReadingStreak(user: RequestUser): Promise<ReadingStreakWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    return this.widgetRepo.getReadingStreak(user.id, accessibleLibraryIds);
+  }
+
+  async getLibraryOverview(user: RequestUser): Promise<LibraryOverviewWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    return this.widgetRepo.getLibraryOverview(accessibleLibraryIds);
+  }
+
+  async getHighlightOfTheDay(user: RequestUser): Promise<HighlightOfTheDayWidgetData | null> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    const total = await this.widgetRepo.getAnnotationCount(user.id, accessibleLibraryIds);
+    if (total === 0) return null;
+
+    const dateStr = formatDay(new Date());
+    const offset = pickAnnotationIndex(user.id, dateStr, total);
+    return this.widgetRepo.getAnnotationByOffset(user.id, accessibleLibraryIds, offset);
+  }
+
+  async getMonthlyChallenge(user: RequestUser): Promise<MonthlyChallengeWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    const today = new Date();
+    const year = today.getUTCFullYear();
+    const month = today.getUTCMonth() + 1;
+    const monthStart = new Date(Date.UTC(year, month - 1, 1));
+    const sixMonthsAgo = new Date(today);
+    sixMonthsAgo.setUTCMonth(sixMonthsAgo.getUTCMonth() - 6);
+
+    const data = await this.widgetRepo.getChallengePatternData(user.id, accessibleLibraryIds, monthStart, sixMonthsAgo);
+    const eligible = findEligibleChallenges(data);
+    const challengeType = selectChallenge(eligible, user.id, year, month);
+
+    const result = computeChallengeResult(
+      challengeType,
+      {
+        shortBooksCompleted: data.shortBooksCompleted,
+        newGenresRead: data.newGenresRead,
+        oldestInProgressFinished: data.oldestInProgressFinished,
+        maxStreakThisMonth: data.maxStreakThisMonth,
+        newAuthorsRead: data.newAuthorsRead,
+        pagesReadThisMonth: data.pagesReadThisMonth,
+      },
+      year,
+      month,
+    );
+
+    return { challengeType, ...result };
+  }
+
+  async getYearProjection(user: RequestUser): Promise<YearProjectionWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    const today = new Date();
+    const year = today.getUTCFullYear();
+    const yearStart = new Date(Date.UTC(year, 0, 1));
+    const thirtyDaysAgo = new Date(today);
+    thirtyDaysAgo.setUTCDate(thirtyDaysAgo.getUTCDate() - 30);
+
+    const isLeapYear = (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+    const daysInYear = isLeapYear ? 366 : 365;
+    const dayOfYear = Math.ceil((today.getTime() - yearStart.getTime()) / (1000 * 60 * 60 * 24));
+
+    const data = await this.widgetRepo.getYearProjectionData(user.id, accessibleLibraryIds, yearStart, thirtyDaysAgo);
+
+    return computeProjection({
+      ...data,
+      daysInYear,
+      dayOfYear,
+      prevProjectedBooks: null,
+    });
+  }
+
+  async getNeglectedGems(user: RequestUser): Promise<NeglectedGemsWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    return this.widgetRepo.getNeglectedGems(user.id, accessibleLibraryIds, new Date());
+  }
+
+  async getReadingDna(user: RequestUser): Promise<ReadingDnaWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    const since = new Date();
+    since.setUTCMonth(since.getUTCMonth() - 6);
+
+    const data = await this.widgetRepo.getReadingDnaData(user.id, accessibleLibraryIds, since);
+
+    return computeReadingDna(data.avgPageCount, data.uniqueGenres, data.totalBooks, data.readingDaysRatio, data.peakHour);
+  }
+
+  async getLongWait(user: RequestUser): Promise<LongWaitWidgetData | null> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    return this.widgetRepo.getLongWait(user.id, accessibleLibraryIds, new Date());
+  }
+
+  async getDiversityScore(user: RequestUser): Promise<DiversityScoreWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    const data = await this.widgetRepo.getDiversityData(user.id, accessibleLibraryIds);
+
+    return computeDiversityScore(
+      data.uniqueGenresRead,
+      data.totalGenresInLibrary,
+      data.uniqueAuthorsRead,
+      data.totalBooksRead,
+      data.publicationYears,
+      data.uniqueLanguages,
+    );
+  }
+
+  async getReadingRhythm(user: RequestUser): Promise<ReadingRhythmWidgetData> {
+    const accessibleLibraryIds = await this.libraryService.findAccessibleLibraryIds(user);
+    const today = new Date();
+    const since = new Date(today);
+    since.setUTCDate(since.getUTCDate() - 13);
+    const sinceStr = formatDay(since);
+
+    const rawDays = await this.widgetRepo.getReadingRhythmData(user.id, accessibleLibraryIds, sinceStr);
+    const days = buildDaysSeries(rawDays, today, 14);
+    const rhythm = computeRhythm(days);
+
+    return { days, ...rhythm };
+  }
+}
diff --git a/server/src/modules/dashboard/dashboard.controller.test.ts b/server/src/modules/dashboard/dashboard.controller.test.ts
new file mode 100644
index 000000000..40dd144ae
--- /dev/null
+++ b/server/src/modules/dashboard/dashboard.controller.test.ts
@@ -0,0 +1,129 @@
+import type { RequestUser } from '../../common/types/request-user';
+import { DashboardController } from './dashboard.controller';
+
+function makeUser(overrides: Partial<RequestUser> = {}): RequestUser {
+  return {
+    id: 42,
+    username: 'reader',
+    name: 'Reader',
+    email: null,
+    active: true,
+    isSuperuser: false,
+    isDefaultPassword: false,
+    tokenVersion: 1,
+    settings: {},
+    avatarUrl: null,
+    provisioningMethod: 'local',
+    permissions: [],
+    ...overrides,
+  };
+}
+
+function makeController() {
+  const dashboardService = {
+    getScroller: vi.fn(),
+  };
+  const widgetService = {
+    getReadingGoal: vi.fn(),
+    getCurrentlyReading: vi.fn(),
+    getReadingStreak: vi.fn(),
+    getLibraryOverview: vi.fn(),
+    getHighlightOfTheDay: vi.fn(),
+    getMonthlyChallenge: vi.fn(),
+    getYearProjection: vi.fn(),
+    getNeglectedGems: vi.fn(),
+    getReadingDna: vi.fn(),
+    getLongWait: vi.fn(),
+    getDiversityScore: vi.fn(),
+    getReadingRhythm: vi.fn(),
+  };
+
+  const controller = new DashboardController(dashboardService as never, widgetService as never);
+  return { controller, dashboardService, widgetService };
+}
+
+describe('DashboardController', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('widget endpoints', () => {
+    it('getReadingGoal delegates to widgetService', async () => {
+      const { controller, widgetService } = makeController();
+      const user = makeUser();
+      const mockResult = { goalBooks: 12, completedBooks: 5, year: 2025 };
+      widgetService.getReadingGoal.mockResolvedValue(mockResult);
+
+      const result = await controller.getReadingGoal(user);
+
+      expect(widgetService.getReadingGoal).toHaveBeenCalledWith(user);
+      expect(result).toEqual(mockResult);
+    });
+
+    it('getCurrentlyReading delegates to widgetService', async () => {
+      const { controller, widgetService } = makeController();
+      const user = makeUser({ id: 7 });
+      const mockResult = { books: [] };
+      widgetService.getCurrentlyReading.mockResolvedValue(mockResult);
+
+      const result = await controller.getCurrentlyReading(user);
+
+      expect(widgetService.getCurrentlyReading).toHaveBeenCalledWith(user);
+      expect(result).toEqual(mockResult);
+    });
+
+    it('getReadingStreak delegates to widgetService', async () => {
+      const { controller, widgetService } = makeController();
+      const user = makeUser({ id: 99 });
+      const mockResult = {
+        currentStreak: 3,
+        longestStreak: 10,
+        lastSevenDays: [false, false, true, true, true, false, false],
+      };
+      widgetService.getReadingStreak.mockResolvedValue(mockResult);
+
+      const result = await controller.getReadingStreak(user);
+
+      expect(widgetService.getReadingStreak).toHaveBeenCalledWith(user);
+      expect(result).toEqual(mockResult);
+    });
+
+    it('getLibraryOverview delegates to widgetService', async () => {
+      const { controller, widgetService } = makeController();
+      const user = makeUser({ id: 55 });
+      const mockResult = {
+        totalBooks: 100,
+        totalAuthors: 40,
+        totalSeries: 10,
+        totalStorageBytes: 1234567890,
+        booksAddedThisYear: 15,
+      };
+      widgetService.getLibraryOverview.mockResolvedValue(mockResult);
+
+      const result = await controller.getLibraryOverview(user);
+
+      expect(widgetService.getLibraryOverview).toHaveBeenCalledWith(user);
+      expect(result).toEqual(mockResult);
+    });
+
+    it.each([
+      ['getHighlightOfTheDay', { text: 'quote', bookId: 1 }],
+      ['getMonthlyChallenge', { challengeType: 'page-milestone', progress: 0, target: 500 }],
+      ['getYearProjection', { projectedBooks: 30, daysRemaining: 200 }],
+      ['getNeglectedGems', { gems: [] }],
+      ['getReadingDna', { archetype: 'Reader', booksAnalyzed: 10 }],
+      ['getLongWait', null],
+      ['getDiversityScore', { score: 50, label: 'Curious Explorer' }],
+      ['getReadingRhythm', { days: [], consistencyPercent: 0 }],
+    ] as const)('%s delegates to widgetService', async (method, mockResult) => {
+      const { controller, widgetService } = makeController();
+      const user = makeUser();
+      (widgetService[method] as ReturnType<typeof vi.fn>).mockResolvedValue(mockResult);
+
+      const result = await (controller as Record<string, (u: RequestUser) => Promise<unknown>>)[method]!(user);
+
+      expect(widgetService[method]).toHaveBeenCalledWith(user);
+      expect(result).toEqual(mockResult);
+    });
+  });
+});
diff --git a/server/src/modules/dashboard/dashboard.controller.ts b/server/src/modules/dashboard/dashboard.controller.ts
index 67068b089..487acdb15 100644
--- a/server/src/modules/dashboard/dashboard.controller.ts
+++ b/server/src/modules/dashboard/dashboard.controller.ts
@@ -3,11 +3,15 @@ import { Controller, DefaultValuePipe, Get, Param, ParseEnumPipe, ParseIntPipe,
 import { CurrentUser } from '../../common/decorators/current-user.decorator';
 import type { RequestUser } from '../../common/types/request-user';
 import { DashboardService } from './dashboard.service';
+import { DashboardWidgetService } from './dashboard-widget.service';
 import { ScrollerType } from './dto/scroller-type.enum';
 
 @Controller('dashboard')
 export class DashboardController {
-  constructor(private readonly dashboardService: DashboardService) {}
+  constructor(
+    private readonly dashboardService: DashboardService,
+    private readonly widgetService: DashboardWidgetService,
+  ) {}
 
   @Get('scrollers/:type')
   getScroller(
@@ -18,4 +22,64 @@ export class DashboardController {
   ) {
     return this.dashboardService.getScroller(type, user, limit, smartScopeId);
   }
+
+  @Get('widgets/reading-goal')
+  getReadingGoal(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getReadingGoal(user);
+  }
+
+  @Get('widgets/currently-reading')
+  getCurrentlyReading(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getCurrentlyReading(user);
+  }
+
+  @Get('widgets/reading-streak')
+  getReadingStreak(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getReadingStreak(user);
+  }
+
+  @Get('widgets/library-overview')
+  getLibraryOverview(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getLibraryOverview(user);
+  }
+
+  @Get('widgets/highlight-of-the-day')
+  getHighlightOfTheDay(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getHighlightOfTheDay(user);
+  }
+
+  @Get('widgets/monthly-challenge')
+  getMonthlyChallenge(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getMonthlyChallenge(user);
+  }
+
+  @Get('widgets/year-projection')
+  getYearProjection(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getYearProjection(user);
+  }
+
+  @Get('widgets/neglected-gems')
+  getNeglectedGems(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getNeglectedGems(user);
+  }
+
+  @Get('widgets/reading-dna')
+  getReadingDna(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getReadingDna(user);
+  }
+
+  @Get('widgets/long-wait')
+  getLongWait(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getLongWait(user);
+  }
+
+  @Get('widgets/diversity-score')
+  getDiversityScore(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getDiversityScore(user);
+  }
+
+  @Get('widgets/reading-rhythm')
+  getReadingRhythm(@CurrentUser() user: RequestUser) {
+    return this.widgetService.getReadingRhythm(user);
+  }
 }
diff --git a/server/src/modules/dashboard/dashboard.module.ts b/server/src/modules/dashboard/dashboard.module.ts
index df65e274c..b99ccfd59 100644
--- a/server/src/modules/dashboard/dashboard.module.ts
+++ b/server/src/modules/dashboard/dashboard.module.ts
@@ -6,10 +6,12 @@ import { LibraryModule } from '../library/library.module';
 import { DashboardController } from './dashboard.controller';
 import { DashboardRepository } from './dashboard.repository';
 import { DashboardService } from './dashboard.service';
+import { DashboardWidgetRepository } from './dashboard-widget.repository';
+import { DashboardWidgetService } from './dashboard-widget.service';
 
 @Module({
   imports: [BookModule, LibraryModule, SmartScopeModule],
   controllers: [DashboardController],
-  providers: [DashboardService, DashboardRepository],
+  providers: [DashboardService, DashboardRepository, DashboardWidgetService, DashboardWidgetRepository],
 })
 export class DashboardModule {}
diff --git a/server/src/modules/dashboard/dto/widget-type.enum.ts b/server/src/modules/dashboard/dto/widget-type.enum.ts
new file mode 100644
index 000000000..932197848
--- /dev/null
+++ b/server/src/modules/dashboard/dto/widget-type.enum.ts
@@ -0,0 +1,5 @@
+import { WIDGET_TYPE } from '@bookorbit/types';
+import type { WidgetType as SharedWidgetType } from '@bookorbit/types';
+
+export const WidgetType = WIDGET_TYPE;
+export type WidgetType = SharedWidgetType;