From b10569dc443a69bae77e4ba2d783d1d8161ba0c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Mon, 1 Jun 2026 21:14:08 +0200
Subject: [PATCH] fix(insights): give the mood distribution chart a zero-bucket
 track

A mood level with no days painted a zero-height bar with no affordance,
reading as missing rather than "0". Add a faint full-height track behind
each bar so empty buckets stay legible; the coloured bar paints over the
track for the populated levels.
---
 .../insights/mood/mood-distribution-chart.tsx          | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/insights/mood/mood-distribution-chart.tsx b/src/components/insights/mood/mood-distribution-chart.tsx
index 5e049daff..7e2f39915 100644
--- a/src/components/insights/mood/mood-distribution-chart.tsx
+++ b/src/components/insights/mood/mood-distribution-chart.tsx
@@ -85,7 +85,15 @@ export function MoodDistributionChart({
               ] as [string, string]
             }
           />
-          <Bar dataKey="count" radius={[3, 3, 0, 0]}>
+          <Bar
+            dataKey="count"
+            radius={[3, 3, 0, 0]}
+            // v1.8.5 — faint full-height track behind each bar so a
+            // zero-count level still reads as a present "0" bucket rather
+            // than a missing slot. The coloured bar paints over the track
+            // for non-empty levels.
+            background={{ fill: "var(--secondary)", opacity: 0.35, radius: 3 }}
+          >
             {data.map((row) => (
               <Cell
                 key={row.score}