diff --git a/dashboard/src/v2/components/tasks/SelfReflectionRatingBadge.tsx b/dashboard/src/v2/components/tasks/SelfReflectionRatingBadge.tsx
new file mode 100644
index 0000000000..e9e4a56cb2
--- /dev/null
+++ b/dashboard/src/v2/components/tasks/SelfReflectionRatingBadge.tsx
@@ -0,0 +1,240 @@
+import type { FunctionComponent } from "preact";
+import { createPortal } from "preact/compat";
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "preact/hooks";
+import { ListChecks, Star } from "lucide-preact";
+import type { TaskSelfReflectionRating } from "../../../../../src/contracts/task-self-reflection-types.js";
+import {
+  buildSelfReflectionRatingViewModel,
+  type SelfReflectionStarState,
+} from "../../lib/tasks/self-reflection-rating.js";
+import { calculatePosition, type Alignment, type Position } from "../../lib/positioning/index.js";
+
+interface SelfReflectionRatingBadgeProps {
+  rating: TaskSelfReflectionRating | null | undefined;
+  className?: string;
+  position?: Position;
+  align?: Alignment;
+}
+
+export const SelfReflectionRatingBadge: FunctionComponent<SelfReflectionRatingBadgeProps> = ({
+  rating,
+  className = "",
+  position = "bottom",
+  align = "center",
+}) => {
+  const viewModel = buildSelfReflectionRatingViewModel(rating);
+  const [overlayId] = useState(() => `self-reflection-rating-${Math.random().toString(36).slice(2, 10)}`);
+  const [isOpen, setIsOpen] = useState(false);
+  const triggerRef = useRef<HTMLSpanElement>(null);
+  const overlayRef = useRef<HTMLDivElement>(null);
+  const closeTimeoutRef = useRef<number | null>(null);
+  const [coords, setCoords] = useState({ top: 0, left: 0 });
+
+  const clearCloseTimeout = useCallback(() => {
+    if (closeTimeoutRef.current !== null) {
+      window.clearTimeout(closeTimeoutRef.current);
+      closeTimeoutRef.current = null;
+    }
+  }, []);
+
+  const openOverlay = useCallback(() => {
+    clearCloseTimeout();
+    setIsOpen(true);
+  }, [clearCloseTimeout]);
+
+  const closeOverlay = useCallback(() => {
+    clearCloseTimeout();
+    closeTimeoutRef.current = window.setTimeout(() => {
+      setIsOpen(false);
+      closeTimeoutRef.current = null;
+    }, 100);
+  }, [clearCloseTimeout]);
+
+  const updateOverlayPosition = useCallback(() => {
+    if (!triggerRef.current || !overlayRef.current) {
+      return;
+    }
+
+    const nextCoords = calculatePosition({
+      triggerRect: triggerRef.current.getBoundingClientRect(),
+      contentRect: overlayRef.current.getBoundingClientRect(),
+      position,
+      align,
+      gap: 8,
+      padding: 12,
+    });
+
+    setCoords(nextCoords);
+  }, [align, position]);
+
+  useLayoutEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+
+    updateOverlayPosition();
+  }, [isOpen, updateOverlayPosition]);
+
+  useEffect(() => {
+    if (!isOpen) {
+      return undefined;
+    }
+
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key === "Escape") {
+        clearCloseTimeout();
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("resize", updateOverlayPosition);
+    window.addEventListener("scroll", updateOverlayPosition, { capture: true, passive: true });
+
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("resize", updateOverlayPosition);
+      window.removeEventListener("scroll", updateOverlayPosition, { capture: true });
+    };
+  }, [clearCloseTimeout, isOpen, updateOverlayPosition]);
+
+  useEffect(() => () => clearCloseTimeout(), [clearCloseTimeout]);
+
+  if (!viewModel) {
+    return null;
+  }
+
+  return (
+    <span
+      className={`relative inline-flex min-w-[6.75rem] max-w-full shrink-0 ${className}`}
+      onMouseEnter={openOverlay}
+      onMouseLeave={closeOverlay}
+      onFocus={openOverlay}
+      onBlur={closeOverlay}
+    >
+      <span
+        ref={triggerRef}
+        role="meter"
+        tabIndex={0}
+        onFocus={openOverlay}
+        onBlur={closeOverlay}
+        onFocusCapture={openOverlay}
+        onBlurCapture={closeOverlay}
+        aria-label={viewModel.overallAriaLabel}
+        aria-valuemin={0}
+        aria-valuemax={5}
+        aria-valuenow={viewModel.overallRating}
+        aria-valuetext={viewModel.overallAriaLabel}
+        aria-describedby={isOpen ? overlayId : undefined}
+        className="inline-flex h-6 min-w-[6.75rem] items-center gap-1.5 rounded-full border border-black/[0.08] bg-white/80 px-2 text-[10px] font-bold text-slate-700 shadow-[0_4px_14px_rgba(15,23,42,0.08)] outline-none transition-colors duration-200 hover:border-signal-500/35 focus-visible:ring-2 focus-visible:ring-signal-500/40 focus-visible:ring-offset-2 focus-visible:ring-offset-white motion-reduce:transition-none dark:border-white/[0.1] dark:bg-void-800/85 dark:text-slate-200 dark:focus-visible:ring-offset-void-900"
+      >
+        <StarStrip states={viewModel.overallStarStates} sizeClassName="h-3 w-3" />
+        <span className="font-mono text-[10px] leading-none text-slate-600 dark:text-slate-300">
+          {viewModel.overallRatingLabel}
+        </span>
+      </span>
+
+      {isOpen && typeof document !== "undefined" && document.body ? createPortal(
+        <div
+          id={overlayId}
+          ref={overlayRef}
+          role="tooltip"
+          className="fixed z-[99999] max-w-[calc(100vw-1.5rem)] opacity-100 transition-opacity duration-150 motion-reduce:transition-none"
+          style={{ top: coords.top, left: coords.left }}
+          onMouseEnter={openOverlay}
+          onMouseLeave={closeOverlay}
+        >
+          <div className="w-[min(24rem,calc(100vw-1.5rem))] overflow-hidden rounded-[1rem] border border-black/[0.08] bg-white shadow-[0_20px_48px_rgba(15,23,42,0.18),0_0_0_1px_rgba(0,0,0,0.03)] dark:border-white/[0.08] dark:bg-void-800">
+            <div className="border-b border-black/[0.06] bg-black/[0.02] px-3.5 py-3 dark:border-white/[0.08] dark:bg-white/[0.03]">
+              <div className="flex min-w-0 items-center justify-between gap-3">
+                <div className="flex min-w-0 items-center gap-2 text-[11px] font-bold uppercase tracking-[0.14em] text-slate-600 dark:text-slate-300">
+                  <ListChecks className="h-3.5 w-3.5 shrink-0 text-signal-600 dark:text-signal-400" aria-hidden="true" strokeWidth={2.5} />
+                  <span className="truncate">Self-reflection rating</span>
+                </div>
+                <span className="shrink-0 font-mono text-[11px] font-bold text-slate-700 dark:text-slate-200">
+                  {viewModel.overallRatingLabel}
+                </span>
+              </div>
+              <span className="sr-only">{viewModel.overallAriaLabel}</span>
+            </div>
+
+            {viewModel.sections.length > 0 ? (
+              <ul className="max-h-[18rem] overflow-y-auto p-2.5 dropdown-scrollbar">
+                {viewModel.sections.map((section) => (
+                  <li
+                    key={section.normalizedLabel || section.label}
+                    data-self-reflection-section="true"
+                    className="grid gap-1.5 rounded-xl px-2.5 py-2.5 text-left odd:bg-black/[0.02] dark:odd:bg-white/[0.03]"
+                  >
+                    <div className="flex min-w-0 items-center justify-between gap-3">
+                      <span className="min-w-0 truncate text-xs font-semibold text-slate-800 dark:text-slate-100">
+                        {section.label}
+                      </span>
+                      <span className="shrink-0 font-mono text-[11px] font-bold text-slate-600 dark:text-slate-300">
+                        {section.ratingLabel}
+                      </span>
+                    </div>
+                    <div className="flex items-center justify-between gap-3">
+                      <StarStrip states={section.starStates} sizeClassName="h-3.5 w-3.5" />
+                      <span className="sr-only">{section.ariaLabel}</span>
+                    </div>
+                    {section.note ? (
+                      <p className="text-xs leading-snug text-slate-500 dark:text-slate-400">
+                        {section.note}
+                      </p>
+                    ) : null}
+                  </li>
+                ))}
+              </ul>
+            ) : (
+              <p className="px-3.5 py-3 text-xs text-slate-500 dark:text-slate-400">
+                No section ratings recorded.
+              </p>
+            )}
+          </div>
+        </div>,
+        document.body,
+      ) : null}
+    </span>
+  );
+};
+
+interface StarStripProps {
+  states: readonly SelfReflectionStarState[];
+  sizeClassName: string;
+}
+
+const StarStrip: FunctionComponent<StarStripProps> = ({ states, sizeClassName }) => (
+  <span className="inline-grid w-[3.75rem] shrink-0 grid-cols-5 gap-0.5 text-signal-600 dark:text-signal-400" aria-hidden="true">
+    {states.map((state, index) => (
+      <StarGlyph key={`${state}-${index}`} state={state} sizeClassName={sizeClassName} />
+    ))}
+  </span>
+);
+
+interface StarGlyphProps {
+  state: SelfReflectionStarState;
+  sizeClassName: string;
+}
+
+const StarGlyph: FunctionComponent<StarGlyphProps> = ({ state, sizeClassName }) => {
+  if (state === "half") {
+    return (
+      <span className={`relative inline-flex ${sizeClassName}`} data-star-state={state}>
+        <Star className={`${sizeClassName} text-slate-300 dark:text-slate-600`} aria-hidden="true" strokeWidth={2.2} />
+        <span className="absolute inset-y-0 left-0 w-1/2 overflow-hidden">
+          <Star className={`${sizeClassName} fill-current`} aria-hidden="true" strokeWidth={2.2} />
+        </span>
+      </span>
+    );
+  }
+
+  return (
+    <Star
+      className={`${sizeClassName} ${state === "filled" ? "fill-current" : "text-slate-300 dark:text-slate-600"}`}
+      data-star-state={state}
+      aria-hidden="true"
+      strokeWidth={2.2}
+    />
+  );
+};
diff --git a/dashboard/src/v2/lib/tasks/index.ts b/dashboard/src/v2/lib/tasks/index.ts
index d3a69eff6e..7142c50159 100644
--- a/dashboard/src/v2/lib/tasks/index.ts
+++ b/dashboard/src/v2/lib/tasks/index.ts
@@ -1 +1,2 @@
 export * from "./task-card-view-model.js";
+export * from "./self-reflection-rating.js";
diff --git a/dashboard/src/v2/lib/tasks/self-reflection-rating.ts b/dashboard/src/v2/lib/tasks/self-reflection-rating.ts
new file mode 100644
index 0000000000..f49c9d6158
--- /dev/null
+++ b/dashboard/src/v2/lib/tasks/self-reflection-rating.ts
@@ -0,0 +1,151 @@
+import type {
+  TaskSelfReflectionRating,
+  TaskSelfReflectionSectionRating,
+} from "../../../../../src/contracts/task-self-reflection-types.js";
+
+export type SelfReflectionStarState = "filled" | "half" | "empty";
+
+export interface SelfReflectionSectionRatingViewModel {
+  label: string;
+  normalizedLabel: string;
+  rating: number;
+  ratingLabel: string;
+  ariaLabel: string;
+  starStates: SelfReflectionStarState[];
+  note: string | null;
+}
+
+export interface SelfReflectionRatingViewModel {
+  overallRating: number;
+  overallRatingLabel: string;
+  overallAriaLabel: string;
+  overallStarStates: SelfReflectionStarState[];
+  sections: SelfReflectionSectionRatingViewModel[];
+}
+
+const MAX_RATING = 5;
+const STAR_COUNT = 5;
+
+export function normalizeSelfReflectionRating(value: unknown): number | null {
+  if (typeof value !== "number" || !Number.isFinite(value)) {
+    return null;
+  }
+
+  return Math.min(MAX_RATING, Math.max(0, value));
+}
+
+export function getSelfReflectionStarStates(value: unknown): SelfReflectionStarState[] {
+  const rating = normalizeSelfReflectionRating(value);
+  if (rating === null) {
+    return Array.from({ length: STAR_COUNT }, () => "empty");
+  }
+
+  const nearestHalfRating = Math.round(rating * 2) / 2;
+
+  return Array.from({ length: STAR_COUNT }, (_, index) => {
+    const starValue = index + 1;
+    if (nearestHalfRating >= starValue) {
+      return "filled";
+    }
+    if (nearestHalfRating >= starValue - 0.5) {
+      return "half";
+    }
+    return "empty";
+  });
+}
+
+export function formatSelfReflectionRatingValue(value: number): string {
+  return new Intl.NumberFormat("en-US", {
+    maximumFractionDigits: 1,
+    minimumFractionDigits: Number.isInteger(value) ? 0 : 1,
+  }).format(value);
+}
+
+export function formatSelfReflectionRatingLabel(value: unknown): string | null {
+  const rating = normalizeSelfReflectionRating(value);
+  if (rating === null) {
+    return null;
+  }
+
+  return `${formatSelfReflectionRatingValue(rating)}/5`;
+}
+
+export function formatSelfReflectionRatingAriaLabel(value: unknown): string | null {
+  const rating = normalizeSelfReflectionRating(value);
+  if (rating === null) {
+    return null;
+  }
+
+  return `Self-reflection rating ${formatSelfReflectionRatingValue(rating)} out of 5`;
+}
+
+export function sortSelfReflectionSectionRatings(
+  sections: readonly TaskSelfReflectionSectionRating[] | null | undefined,
+): TaskSelfReflectionSectionRating[] {
+  return [...(sections ?? [])].sort((left, right) => {
+    const leftKey = getSectionSortKey(left);
+    const rightKey = getSectionSortKey(right);
+    if (leftKey !== rightKey) {
+      return leftKey.localeCompare(rightKey);
+    }
+    return left.label.localeCompare(right.label, undefined, { sensitivity: "base" });
+  });
+}
+
+export function buildSelfReflectionRatingViewModel(
+  rating: TaskSelfReflectionRating | null | undefined,
+): SelfReflectionRatingViewModel | null {
+  if (!rating) {
+    return null;
+  }
+
+  const overallRating = normalizeSelfReflectionRating(rating.overallRating);
+  if (overallRating === null) {
+    return null;
+  }
+
+  const overallRatingLabel = formatSelfReflectionRatingLabel(overallRating);
+  const overallAriaLabel = formatSelfReflectionRatingAriaLabel(overallRating);
+  if (!overallRatingLabel || !overallAriaLabel) {
+    return null;
+  }
+
+  return {
+    overallRating,
+    overallRatingLabel,
+    overallAriaLabel,
+    overallStarStates: getSelfReflectionStarStates(overallRating),
+    sections: sortSelfReflectionSectionRatings(rating.sections)
+      .map(toSectionViewModel)
+      .filter((section): section is SelfReflectionSectionRatingViewModel => section !== null),
+  };
+}
+
+function toSectionViewModel(section: TaskSelfReflectionSectionRating): SelfReflectionSectionRatingViewModel | null {
+  const sectionRating = normalizeSelfReflectionRating(section.rating);
+  if (sectionRating === null) {
+    return null;
+  }
+
+  const ratingLabel = formatSelfReflectionRatingLabel(sectionRating);
+  if (!ratingLabel) {
+    return null;
+  }
+
+  const label = section.label.trim() || section.normalizedLabel.trim() || "Unlabeled section";
+  const note = section.note?.trim() || null;
+
+  return {
+    label,
+    normalizedLabel: section.normalizedLabel,
+    rating: sectionRating,
+    ratingLabel,
+    ariaLabel: `${label} self-reflection rating ${formatSelfReflectionRatingValue(sectionRating)} out of 5`,
+    starStates: getSelfReflectionStarStates(sectionRating),
+    note,
+  };
+}
+
+function getSectionSortKey(section: TaskSelfReflectionSectionRating): string {
+  return (section.normalizedLabel.trim() || section.label.trim()).toLocaleLowerCase();
+}
diff --git a/docs-web/content/docs/user-dashboard-tasks.mdx b/docs-web/content/docs/user-dashboard-tasks.mdx
index d03055c8fe..461b9cce11 100644
--- a/docs-web/content/docs/user-dashboard-tasks.mdx
+++ b/docs-web/content/docs/user-dashboard-tasks.mdx
@@ -21,7 +21,9 @@ The board keeps the current sprint scope and filters visible while you work:
 
 ## Columns
 
-Task cards show the task title, status, priority, dependency state, downstream dependents, executor metadata, recent activity context, and available actions. Dragging a card to another lane changes its status when that transition is available.
+Task cards show the task title, status, priority, dependency state, downstream dependents, executor metadata, recent activity context, optional self-reflection ratings, and available actions. Dragging a card to another lane changes its status when that transition is available.
+
+When a completed task run includes a self-reflection rating, the shared rating badge shows the overall numeric score with a compact 5-star meter. Hovering the badge, or focusing it with the keyboard, opens a viewport-positioned details panel with each section rating, matching stars, numeric score, and any note captured by the worker.
 
 ## Create and edit tasks
 
diff --git a/docs-web/user/dashboard/tasks.md b/docs-web/user/dashboard/tasks.md
index d03055c8fe..461b9cce11 100644
--- a/docs-web/user/dashboard/tasks.md
+++ b/docs-web/user/dashboard/tasks.md
@@ -21,7 +21,9 @@ The board keeps the current sprint scope and filters visible while you work:
 
 ## Columns
 
-Task cards show the task title, status, priority, dependency state, downstream dependents, executor metadata, recent activity context, and available actions. Dragging a card to another lane changes its status when that transition is available.
+Task cards show the task title, status, priority, dependency state, downstream dependents, executor metadata, recent activity context, optional self-reflection ratings, and available actions. Dragging a card to another lane changes its status when that transition is available.
+
+When a completed task run includes a self-reflection rating, the shared rating badge shows the overall numeric score with a compact 5-star meter. Hovering the badge, or focusing it with the keyboard, opens a viewport-positioned details panel with each section rating, matching stars, numeric score, and any note captured by the worker.
 
 ## Create and edit tasks
 
diff --git a/docs/dashboard/dashboard-guide.md b/docs/dashboard/dashboard-guide.md
index 9b17f8c8f3..7ec5aec940 100644
--- a/docs/dashboard/dashboard-guide.md
+++ b/docs/dashboard/dashboard-guide.md
@@ -344,8 +344,8 @@ Legacy runtime:
 - The organic sprint bubble cells use the same live start/stop control path as the registry list, so the hover play/stop action is now functional instead of decorative
 - Organic sprint bubble cell shadows use the shared project-cell organic shadow underlay from `organic-cell-styles.ts`, keeping sprint and project gallery cells at the same ambient depth in light and dark themes.
 - Sprint cells now surface a QA-reviewed indicator with an expandable overlay section inside the created column, and allow marking sprints completed directly from the cell menu
-- Task rows and Live task cards now surface task-level QA review badges from the latest task QA run, including a running indicator while QA review is in progress. The same task records carry an optional latest `selfReflectionRating` payload when a completed task run persisted one; unrated tasks omit the field.
-- The Tasks page sprint scope selector uses a keyboard-accessible listbox pattern with selected, open, loading, and empty option state, arrow/Home/End navigation, Escape close, outside-click close, and trigger focus restoration. Task board status and priority filters keep the current cards visible during the short filter transition, then announce the settled result count through a polite live region. Task board lanes render as named regions with count summaries, drop-target feedback, reduced-motion drag-disabled copy, and status regions for loading, empty, and error states; Kanban cards expose task id/title/status/priority, dependency blockers, optimistic saving, session, preview, PR, live runtime, rerun availability, duration, QA review context, and screen-reader drag guidance in stable accessible text while keeping drag-and-drop pointer-only. Creating or editing a task opens a named editor viewbox inside the task workspace: it sits to the right of the board on wide screens, becomes the primary full-width region on narrow screens, keeps the selected sprint scope plus active board filters intact, and can persist a task-level `agentPresetId` worker-agent override. Card quick actions sit in the bottom footer below metadata/dependency indicators; fine-pointer layouts reserve the action tray and reveal it on hover or keyboard focus, while touch/coarse-pointer layouts keep actions visible.
+- Task rows and Live task cards now surface task-level QA review badges from the latest task QA run, including a running indicator while QA review is in progress, and the same task records carry an optional latest `selfReflectionRating` payload when a completed task run persisted one; unrated tasks omit the field.
+- The Tasks page sprint scope selector uses a keyboard-accessible listbox pattern with selected, open, loading, and empty option state, arrow/Home/End navigation, Escape close, outside-click close, and trigger focus restoration. Task board status and priority filters keep the current cards visible during the short filter transition, then announce the settled result count through a polite live region. Task board lanes render as named regions with count summaries, drop-target feedback, reduced-motion drag-disabled copy, and status regions for loading, empty, and error states; Kanban cards expose task id/title/status/priority, dependency blockers, optimistic saving, session, preview, PR, live runtime, rerun availability, duration, QA review context, self-reflection rating context, and screen-reader drag guidance in stable accessible text while keeping drag-and-drop pointer-only. Creating or editing a task opens a named editor viewbox inside the task workspace: it sits to the right of the board on wide screens, becomes the primary full-width region on narrow screens, keeps the selected sprint scope plus active board filters intact, and can persist a task-level `agentPresetId` worker-agent override. Card quick actions sit in the bottom footer below metadata/dependency indicators; fine-pointer layouts reserve the action tray and reveal it on hover or keyboard focus, while touch/coarse-pointer layouts keep actions visible.
 - Rendered markdown previews use near-black body, heading, list, blockquote, and table text in light mode while preserving slate/white dark-mode text and signal-colored links/code.
 - Live task cards now include `Edit` and `Force complete` actions:
   - `Edit` deep-links to `/tasks?taskId=<taskId>&sprintId=<sprintId>` so operators can open the task editor directly from the live surface.
@@ -441,6 +441,7 @@ Legacy runtime:
 - Tasks and sprints now refresh silently on background realtime invalidation, so opening the Tasks page no longer repeatedly flashes loading state when project metadata or structure updates arrive
 - Tasks board is now scoped to the active sprint selection when one is set, filtering the view to only tasks for that sprint
 - Tasks page stores explicit task executor preference (`auto`, `docker_cli`, `jules`) plus optional task-level `agentPresetId` worker-agent overrides.
+- Shared task rating UI uses `SelfReflectionRatingBadge` for optional task-run self-reflection records. The badge stays compact for dense task headers, exposes an accessible 5-star meter with numeric copy, and shows section ratings plus notes in a viewport-positioned tooltip on hover or keyboard focus.
 - The Tasks board entrance animation now replays only for project/view/filter changes instead of every background task refresh
 - Stats page is project-scoped and visualizes tracked token, time, model/provider, source, task/sprint, Git, and system invocation telemetry for the selected project with `1h`, `24h`, `7d`, `30d`, `all time`, and custom date windows.
 - Scheduler page is project-scoped and provides a calendar plus 24-hour day view for timed sprint starts, quicksprint launches, and `/chat` messages. Recurring entries expand into every visible day in the calendar and support minute-level recurrence (`minutely` in API/MCP payloads, `Minutes` in the form) plus endless, fixed-count, and end-date/time recurrence. It also supports editing existing entries directly from scheduled entries or occurrences with full form hydration, title customization, cancellation support, and the shared absolute/after-sprint-end timing contract used by sprint composer and quicksprint scheduling shortcuts. See [Scheduler](./scheduler.md).
diff --git a/docs/dashboard/design-system-tasks.md b/docs/dashboard/design-system-tasks.md
index 81d29f71cf..c38d1d8d86 100644
--- a/docs/dashboard/design-system-tasks.md
+++ b/docs/dashboard/design-system-tasks.md
@@ -35,7 +35,8 @@ The Tasks page and Kanban board should feel like a 'Refined Production Board'. I
     *   QA-failed dependencies must use error semantics and visible `QA failed` copy, while pending dependencies use a visible `Blocked` label and warning semantics.
     *   Each dependency chip should include static `Blocking` or `Clear` copy in addition to the status label so reduced-motion and color-blind users can identify blocker state without relying on color, animation, or lane movement.
 *   **Execution Meta:** Use distinct but subtle icons (Cpu, User) and uniform spacing.
-*   **Live Metadata:** Runtime duration, PR availability, QA review state, and dependency blocker state must be visible or available as text equivalents and announced politely when they change. Default Auto executor metadata should not become prominent visible card content; keep it available only where it adds context, such as screen-reader metadata or detailed execution surfaces.
+*   **Live Metadata:** Runtime duration, PR availability, QA review state, self-reflection rating state, and dependency blocker state must be visible or available as text equivalents and announced politely when they change. Default Auto executor metadata should not become prominent visible card content; keep it available only where it adds context, such as screen-reader metadata or detailed execution surfaces.
+*   **Self-Reflection Ratings:** Use the shared `SelfReflectionRatingBadge` for compact task-run self-reflection scores. It renders a fixed-width 5-star meter with numeric copy, exposes `Self-reflection rating N out of 5` to assistive technology, and opens a viewport-positioned section-rating tooltip on hover or keyboard focus. Section rows must include the section label, numeric score, star state, and note text when present so users are never asked to infer rating from color alone.
 
 ## 4. Compose & Edit Affordances (Task Editor Viewbox)
 *   **Surface:** Use glassmorphism (`backdrop-blur-2xl bg-white/78 dark:bg-void-800/72`) for the main editor surface. The Tasks page create/edit flow is not a detached modal; it opens as a named, full-height editor viewbox inside the task workspace.
diff --git a/tests/dashboard/v2/components/tasks/self-reflection-rating-badge.test.tsx b/tests/dashboard/v2/components/tasks/self-reflection-rating-badge.test.tsx
new file mode 100644
index 0000000000..eb8161d12b
--- /dev/null
+++ b/tests/dashboard/v2/components/tasks/self-reflection-rating-badge.test.tsx
@@ -0,0 +1,146 @@
+/** @vitest-environment happy-dom */
+import { cleanup, fireEvent, render, screen, waitFor, within } from "@testing-library/preact";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import type { TaskSelfReflectionRating } from "../../../../../src/contracts/task-self-reflection-types.js";
+import { SelfReflectionRatingBadge } from "../../../../../dashboard/src/v2/components/tasks/SelfReflectionRatingBadge.js";
+
+const createRating = (overrides: Partial<TaskSelfReflectionRating> = {}): TaskSelfReflectionRating => ({
+  id: "rating-1",
+  projectId: "project-1",
+  sprintId: "sprint-1",
+  taskId: "task-1",
+  sourceTaskRunId: "run-1",
+  overallRating: 4.2,
+  sections: [
+    {
+      label: "Scope control",
+      normalizedLabel: "scope_control",
+      rating: 3,
+      note: null,
+    },
+    {
+      label: "Implementation",
+      normalizedLabel: "implementation",
+      rating: 4.5,
+      note: "Covered edge cases.",
+    },
+  ],
+  capturedAt: "2026-07-07T00:00:00.000Z",
+  createdAt: "2026-07-07T00:00:00.000Z",
+  updatedAt: "2026-07-07T00:00:00.000Z",
+  ...overrides,
+});
+
+describe("SelfReflectionRatingBadge", () => {
+  afterEach(() => {
+    cleanup();
+    vi.restoreAllMocks();
+  });
+
+  it("renders nothing when rating data is absent or malformed", () => {
+    const { container, rerender } = render(<SelfReflectionRatingBadge rating={null} />);
+    expect(container.firstChild).toBeNull();
+
+    rerender(<SelfReflectionRatingBadge rating={createRating({ overallRating: Number.NaN })} />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it("renders compact stars, numeric copy, and accessible rating text", () => {
+    render(<SelfReflectionRatingBadge rating={createRating()} />);
+
+    const trigger = screen.getByLabelText("Self-reflection rating 4.2 out of 5");
+    expect(trigger.getAttribute("role")).toBe("meter");
+    expect(trigger.getAttribute("aria-valuenow")).toBe("4.2");
+    expect(trigger.textContent).toContain("4.2/5");
+    expect(trigger.querySelectorAll("[data-star-state='filled']")).toHaveLength(4);
+    expect(trigger.querySelectorAll("[data-star-state='empty']")).toHaveLength(1);
+  });
+
+  it("opens an accessible section-rating overlay on keyboard focus", async () => {
+    render(<SelfReflectionRatingBadge rating={createRating()} />);
+
+    const trigger = screen.getByLabelText("Self-reflection rating 4.2 out of 5");
+    fireEvent.focus(trigger);
+
+    const overlay = await screen.findByRole("tooltip");
+    expect(trigger.getAttribute("aria-describedby")).toBe(overlay.id);
+    expect(within(overlay).getByText("Self-reflection rating")).toBeTruthy();
+    expect(within(overlay).getByText("4.2/5")).toBeTruthy();
+    expect(within(overlay).getByText("Implementation")).toBeTruthy();
+    expect(within(overlay).getByText("4.5/5")).toBeTruthy();
+    expect(within(overlay).getByText("Covered edge cases.")).toBeTruthy();
+    expect(within(overlay).getByText("Scope control")).toBeTruthy();
+
+    const rows = Array.from(overlay.querySelectorAll("[data-self-reflection-section='true']"));
+    expect(rows.map((row) => row.textContent)).toEqual([
+      expect.stringContaining("Implementation"),
+      expect.stringContaining("Scope control"),
+    ]);
+  });
+
+  it("positions the overlay with the shared viewport helper on hover", async () => {
+    vi.spyOn(HTMLElement.prototype, "getBoundingClientRect").mockImplementation(function getRect() {
+      const element = this as HTMLElement;
+      if (element.getAttribute("role") === "meter") {
+        return {
+          x: 100,
+          y: 40,
+          top: 40,
+          left: 100,
+          right: 208,
+          bottom: 64,
+          width: 108,
+          height: 24,
+          toJSON: () => ({}),
+        } as DOMRect;
+      }
+      if (element.getAttribute("role") === "tooltip") {
+        return {
+          x: 0,
+          y: 0,
+          top: 0,
+          left: 0,
+          right: 240,
+          bottom: 160,
+          width: 240,
+          height: 160,
+          toJSON: () => ({}),
+        } as DOMRect;
+      }
+      return {
+        x: 0,
+        y: 0,
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        width: 0,
+        height: 0,
+        toJSON: () => ({}),
+      } as DOMRect;
+    });
+
+    render(<SelfReflectionRatingBadge rating={createRating()} position="right" />);
+    const trigger = screen.getByLabelText("Self-reflection rating 4.2 out of 5");
+    fireEvent.mouseEnter(trigger.parentElement as Element);
+
+    const overlay = await screen.findByRole("tooltip");
+    await waitFor(() => {
+      expect(overlay.style.left).toBe("216px");
+      expect(overlay.style.top).toBe("12px");
+    });
+  });
+
+  it("closes the overlay when focus leaves the badge", async () => {
+    render(<SelfReflectionRatingBadge rating={createRating()} />);
+
+    const trigger = screen.getByLabelText("Self-reflection rating 4.2 out of 5");
+    fireEvent.focus(trigger);
+    expect(await screen.findByRole("tooltip")).toBeTruthy();
+
+    fireEvent.blur(trigger);
+    await waitFor(() => {
+      expect(screen.queryByRole("tooltip")).toBeNull();
+    });
+  });
+});
diff --git a/tests/dashboard/v2/lib/tasks/self-reflection-rating.test.ts b/tests/dashboard/v2/lib/tasks/self-reflection-rating.test.ts
new file mode 100644
index 0000000000..a6c7956bb8
--- /dev/null
+++ b/tests/dashboard/v2/lib/tasks/self-reflection-rating.test.ts
@@ -0,0 +1,97 @@
+import { describe, expect, it } from "vitest";
+import type { TaskSelfReflectionRating } from "../../../../../src/contracts/task-self-reflection-types.js";
+import {
+  buildSelfReflectionRatingViewModel,
+  formatSelfReflectionRatingAriaLabel,
+  formatSelfReflectionRatingLabel,
+  getSelfReflectionStarStates,
+  normalizeSelfReflectionRating,
+  sortSelfReflectionSectionRatings,
+} from "../../../../../dashboard/src/v2/lib/tasks/self-reflection-rating.js";
+
+const createRating = (overrides: Partial<TaskSelfReflectionRating> = {}): TaskSelfReflectionRating => ({
+  id: "rating-1",
+  projectId: "project-1",
+  sprintId: "sprint-1",
+  taskId: "task-1",
+  sourceTaskRunId: "run-1",
+  overallRating: 4.2,
+  sections: [],
+  capturedAt: "2026-07-07T00:00:00.000Z",
+  createdAt: "2026-07-07T00:00:00.000Z",
+  updatedAt: "2026-07-07T00:00:00.000Z",
+  ...overrides,
+});
+
+describe("self-reflection rating helpers", () => {
+  it("normalizes finite ratings and rejects absent or non-numeric values", () => {
+    expect(normalizeSelfReflectionRating(-2)).toBe(0);
+    expect(normalizeSelfReflectionRating(2.75)).toBe(2.75);
+    expect(normalizeSelfReflectionRating(7)).toBe(5);
+    expect(normalizeSelfReflectionRating(Number.NaN)).toBeNull();
+    expect(normalizeSelfReflectionRating("4" as unknown)).toBeNull();
+    expect(normalizeSelfReflectionRating(undefined)).toBeNull();
+  });
+
+  it("computes filled, half, and empty star states from clamped ratings", () => {
+    expect(getSelfReflectionStarStates(3.25)).toEqual(["filled", "filled", "filled", "half", "empty"]);
+    expect(getSelfReflectionStarStates(4.8)).toEqual(["filled", "filled", "filled", "filled", "filled"]);
+    expect(getSelfReflectionStarStates(-1)).toEqual(["empty", "empty", "empty", "empty", "empty"]);
+    expect(getSelfReflectionStarStates(Number.POSITIVE_INFINITY)).toEqual(["empty", "empty", "empty", "empty", "empty"]);
+  });
+
+  it("formats compact and accessible rating labels", () => {
+    expect(formatSelfReflectionRatingLabel(4)).toBe("4/5");
+    expect(formatSelfReflectionRatingLabel(4.24)).toBe("4.2/5");
+    expect(formatSelfReflectionRatingAriaLabel(4.24)).toBe("Self-reflection rating 4.2 out of 5");
+    expect(formatSelfReflectionRatingLabel("bad" as unknown)).toBeNull();
+  });
+
+  it("sorts section ratings by normalized label and then visible label", () => {
+    const sorted = sortSelfReflectionSectionRatings([
+      { label: "Scope", normalizedLabel: "scope", rating: 3, note: null },
+      { label: "Build", normalizedLabel: "implementation", rating: 5, note: null },
+      { label: "Architecture", normalizedLabel: "architecture", rating: 4, note: null },
+      { label: "Implementation", normalizedLabel: "implementation", rating: 4, note: null },
+    ]);
+
+    expect(sorted.map((section) => section.label)).toEqual([
+      "Architecture",
+      "Build",
+      "Implementation",
+      "Scope",
+    ]);
+  });
+
+  it("builds a view model with clamped section ratings and trimmed notes", () => {
+    const viewModel = buildSelfReflectionRatingViewModel(createRating({
+      overallRating: 6,
+      sections: [
+        { label: "Implementation", normalizedLabel: "implementation", rating: 4.5, note: "  Strong coverage. " },
+        { label: "Scope", normalizedLabel: "scope", rating: -1, note: "   " },
+        { label: "Invalid", normalizedLabel: "invalid", rating: Number.NaN, note: "Drop me" },
+      ],
+    }));
+
+    expect(viewModel?.overallRating).toBe(5);
+    expect(viewModel?.overallRatingLabel).toBe("5/5");
+    expect(viewModel?.sections).toHaveLength(2);
+    expect(viewModel?.sections[0]).toMatchObject({
+      label: "Implementation",
+      rating: 4.5,
+      ratingLabel: "4.5/5",
+      note: "Strong coverage.",
+    });
+    expect(viewModel?.sections[1]).toMatchObject({
+      label: "Scope",
+      rating: 0,
+      ratingLabel: "0/5",
+      note: null,
+    });
+  });
+
+  it("returns null when overall rating data is absent or malformed", () => {
+    expect(buildSelfReflectionRatingViewModel(null)).toBeNull();
+    expect(buildSelfReflectionRatingViewModel(createRating({ overallRating: Number.NaN }))).toBeNull();
+  });
+});