From 85894a18089fd5ea2d00ce2e08cfcfc8cbee7170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Thu, 23 Jul 2026 19:24:52 +0200
Subject: [PATCH 1/3] =?UTF-8?q?=E2=9E=95=20Copy=20labels=20to=20clipboard?=
 =?UTF-8?q?=20for=20horizontal=20bar=20charts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/chart.config.js     |  4 +--
 src/charts/BarChart.vue | 75 +++++++++++++++++++++++++++++++++++++++--
 2 files changed, 75 insertions(+), 4 deletions(-)

diff --git a/src/chart.config.js b/src/chart.config.js
index d45d617..426dfa0 100644
--- a/src/chart.config.js
+++ b/src/chart.config.js
@@ -17,7 +17,7 @@ import {
 } from 'chart.js';
 import { MatrixController, MatrixElement } from 'chartjs-chart-matrix';
 import 'chartjs-adapter-date-fns';
-import { color } from 'chart.js/helpers';
+import { color, getRelativePosition } from 'chart.js/helpers';
 
 // register chart components
 Chart.register(
@@ -67,4 +67,4 @@ const transparentGradientBar = (ctx, chartArea, hexColor, horizontal = false) =>
 	return gradient;
 };
 
-export { Chart, color, transparentGradientLine, transparentGradientBar };
+export { Chart, color, getRelativePosition, transparentGradientLine, transparentGradientBar };
diff --git a/src/charts/BarChart.vue b/src/charts/BarChart.vue
index 4b90226..f9b2df4 100644
--- a/src/charts/BarChart.vue
+++ b/src/charts/BarChart.vue
@@ -4,16 +4,25 @@
 		<p v-if="description">{{ description }}</p>
 		<div class="chart-container">
 			<canvas :id="id"></canvas>
+			<div v-if="copiedFeedback" class="copy-feedback" :style="{ top: `${copiedFeedback.top}px` }">
+				{{ t('stats.addressCopied') }}
+			</div>
 		</div>
 	</div>
 </template>
 
 <script setup>
-import { computed, onMounted, watch } from 'vue';
-import { Chart, transparentGradientBar } from '@/chart.config.js';
+import { computed, onMounted, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { Chart, getRelativePosition, transparentGradientBar } from '@/chart.config.js';
+
+const { t } = useI18n();
 
 let chart = null;
 const id = Math.random().toString(36).substring(7);
+// visible while a copied-label confirmation is shown, positioned next to the clicked label
+const copiedFeedback = ref(null);
+let copiedFeedbackTimeout = null;
 
 const props = defineProps({
 	title: String,
@@ -113,6 +122,55 @@ const draw = () => {
 			},
 		},
 	});
+	if (props.horizontal) {
+		chart.canvas.addEventListener('click', onLabelClick);
+		chart.canvas.addEventListener('mousemove', onLabelHover);
+		chart.canvas.addEventListener('mouseleave', resetCursor);
+	}
+};
+
+// resolves the labels[] index for the y-axis category label nearest a given mouse event,
+// or null if it's outside the label gutter to the left of the plot area. Chart.js
+// auto-skips labels to avoid overlap, so rather than resolving to whichever raw
+// category the pixel position mathematically falls on (which could be a hidden
+// label), this snaps to the closest currently-rendered tick, giving every visible
+// label a fair-sized click target spanning halfway to its neighbors.
+// (Chart.js only fires its own onClick for points inside the plot area, so this
+// hit-test is done manually against the raw canvas event)
+const labelIndexAt = (nativeEvent) => {
+	const { x, y } = getRelativePosition(nativeEvent, chart);
+	const { left, top, bottom } = chart.chartArea;
+	if (x >= left || y < top || y > bottom) return null;
+	const yScale = chart.scales.y;
+	const ticks = yScale.ticks;
+	if (!ticks.length) return null;
+	let nearest = ticks[0].value;
+	let nearestDistance = Math.abs(yScale.getPixelForValue(nearest) - y);
+	for (const tick of ticks) {
+		const distance = Math.abs(yScale.getPixelForValue(tick.value) - y);
+		if (distance < nearestDistance) {
+			nearest = tick.value;
+			nearestDistance = distance;
+		}
+	}
+	return props.labels[nearest] !== undefined ? nearest : null;
+};
+
+const resetCursor = () => {
+	chart.canvas.style.cursor = '';
+};
+
+const onLabelHover = (nativeEvent) => {
+	chart.canvas.style.cursor = labelIndexAt(nativeEvent) === null ? '' : 'pointer';
+};
+
+const onLabelClick = (nativeEvent) => {
+	const index = labelIndexAt(nativeEvent);
+	if (index === null) return;
+	navigator.clipboard.writeText(props.labels[index]);
+	clearTimeout(copiedFeedbackTimeout);
+	copiedFeedback.value = { top: chart.scales.y.getPixelForValue(index) };
+	copiedFeedbackTimeout = setTimeout(() => (copiedFeedback.value = null), 1200);
 };
 
 onMounted(() => {
@@ -159,4 +217,17 @@ watch(
 		flex: 1 1 auto;
 	}
 }
+
+.copy-feedback {
+	position: absolute;
+	left: 0.5rem;
+	transform: translateY(-50%);
+	padding: 0.25rem 0.5rem;
+	border-radius: 3px;
+	font-size: 0.75rem;
+	white-space: nowrap;
+	pointer-events: none;
+	color: var(--color-white);
+	background: rgba(var(--color-black-rgb), 0.75);
+}
 </style>

From 6eacca70d62ffef589e712cf7efc19755740c515 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Thu, 23 Jul 2026 19:33:29 +0200
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=8C=90=20Update=20translations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/_locales/ca/messages.json         | 1 +
 public/_locales/cs/messages.json         | 1 +
 public/_locales/de/messages.json         | 1 +
 public/_locales/en/messages.json         | 1 +
 public/_locales/es/messages.json         | 1 +
 public/_locales/fi/messages.json         | 1 +
 public/_locales/fr/messages.json         | 1 +
 public/_locales/gl/messages.json         | 1 +
 public/_locales/hi/messages.json         | 1 +
 public/_locales/hu/messages.json         | 1 +
 public/_locales/id/messages.json         | 1 +
 public/_locales/it/messages.json         | 1 +
 public/_locales/ja/messages.json         | 1 +
 public/_locales/nl/messages.json         | 1 +
 public/_locales/pl/messages.json         | 1 +
 public/_locales/pt-BR/messages.json      | 1 +
 public/_locales/pt/messages.json         | 1 +
 public/_locales/ru/messages.json         | 1 +
 public/_locales/sk/messages.json         | 1 +
 public/_locales/sv/messages.json         | 1 +
 public/_locales/th/messages.json         | 1 +
 public/_locales/tr/messages.json         | 1 +
 public/_locales/uk/messages.json         | 1 +
 public/_locales/uz/messages.json         | 1 +
 public/_locales/zh-Hans-CN/messages.json | 1 +
 public/_locales/zh-Hant-TW/messages.json | 1 +
 26 files changed, 26 insertions(+)

diff --git a/public/_locales/ca/messages.json b/public/_locales/ca/messages.json
index 970c50a..812efba 100644
--- a/public/_locales/ca/messages.json
+++ b/public/_locales/ca/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Compte",
     "accountEmpty": "Aquest compte està buit, no hi ha cap correu electrònic.",
+    "addressCopied": "Copiat al porta-retalls",
     "allAccounts": "Tots els comptes",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/cs/messages.json b/public/_locales/cs/messages.json
index e01b827..1f75c28 100644
--- a/public/_locales/cs/messages.json
+++ b/public/_locales/cs/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Účet",
     "accountEmpty": "Tento účet je prázdný, nejsou tu žádné e-maily.",
+    "addressCopied": "Zkopírováno do schránky",
     "allAccounts": "Všechny účty",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/de/messages.json b/public/_locales/de/messages.json
index 850cd6b..0788f46 100644
--- a/public/_locales/de/messages.json
+++ b/public/_locales/de/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Konto",
     "accountEmpty": "Dieses Konto ist leer und enthält keine E-Mails.",
+    "addressCopied": "In die Zwischenablage kopiert",
     "allAccounts": "Alle Konten",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json
index 03384d9..dfa9bb3 100644
--- a/public/_locales/en/messages.json
+++ b/public/_locales/en/messages.json
@@ -126,6 +126,7 @@
     },
     "account": "Account",
     "accountEmpty": "This account is empty, no emails here.",
+    "addressCopied": "Copied to clipboard",
     "allAccounts": "All Accounts",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/es/messages.json b/public/_locales/es/messages.json
index f628bc0..35c75c2 100644
--- a/public/_locales/es/messages.json
+++ b/public/_locales/es/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Cuenta",
     "accountEmpty": "Esta cuenta está vacía, aquí no hay correos.",
+    "addressCopied": "Copiado al portapapeles",
     "allAccounts": "Todas las cuentas",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/fi/messages.json b/public/_locales/fi/messages.json
index 94deee7..dbe821d 100644
--- a/public/_locales/fi/messages.json
+++ b/public/_locales/fi/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Tili",
     "accountEmpty": "Tämä tili on tyhjä, sillä ei ole sähköposteja.",
+    "addressCopied": "Kopioitu leikepöydälle",
     "allAccounts": "Kaikki tilit",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/fr/messages.json b/public/_locales/fr/messages.json
index 678b5a3..d449fe0 100644
--- a/public/_locales/fr/messages.json
+++ b/public/_locales/fr/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Compte",
     "accountEmpty": "Ce compte est vide, il n'y a pas d'emails.",
+    "addressCopied": "Copié dans le presse-papiers",
     "allAccounts": "Tous les comptes",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/gl/messages.json b/public/_locales/gl/messages.json
index 69cd98b..0302186 100644
--- a/public/_locales/gl/messages.json
+++ b/public/_locales/gl/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Conta",
     "accountEmpty": "Esta conta non ten ningún correo.",
+    "addressCopied": "Copiado ao portapapeis",
     "allAccounts": "Todas as contas",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/hi/messages.json b/public/_locales/hi/messages.json
index 3de33d8..e679fc4 100644
--- a/public/_locales/hi/messages.json
+++ b/public/_locales/hi/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "खाता",
     "accountEmpty": "इस खाते में कोई मेल नहीं है।",
+    "addressCopied": "क्लिपबोर्ड पर कॉपी किया गया",
     "allAccounts": "सभी खाते",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/hu/messages.json b/public/_locales/hu/messages.json
index 902a0ae..e2fe1d7 100644
--- a/public/_locales/hu/messages.json
+++ b/public/_locales/hu/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Fiók",
     "accountEmpty": "Ez a postafiók üres, itt nincsenek levelek.",
+    "addressCopied": "Vágólapra másolva",
     "allAccounts": "Minden postafiók",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/id/messages.json b/public/_locales/id/messages.json
index 9b1d725..2d28b53 100644
--- a/public/_locales/id/messages.json
+++ b/public/_locales/id/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Akun",
     "accountEmpty": "Akun ini kosong, tidak ada email di sini.",
+    "addressCopied": "Disalin ke clipboard",
     "allAccounts": "Semua Akun",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/it/messages.json b/public/_locales/it/messages.json
index fd813cc..d1a7593 100644
--- a/public/_locales/it/messages.json
+++ b/public/_locales/it/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Conto",
     "accountEmpty": "Questo account è vuoto, non ci sono email qui.",
+    "addressCopied": "Copiato negli appunti",
     "allAccounts": "Tutti i account",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/ja/messages.json b/public/_locales/ja/messages.json
index c2e97e4..4f87dee 100644
--- a/public/_locales/ja/messages.json
+++ b/public/_locales/ja/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "アカウント",
     "accountEmpty": "このアカウントにはメールはありません。",
+    "addressCopied": "クリップボードにコピーしました",
     "allAccounts": "すべてのアカウント",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/nl/messages.json b/public/_locales/nl/messages.json
index 179cd52..2b2ba6d 100644
--- a/public/_locales/nl/messages.json
+++ b/public/_locales/nl/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Rekening",
     "accountEmpty": "Deze rekening is leeg, geen e-mails hier.",
+    "addressCopied": "Gekopieerd naar klembord",
     "allAccounts": "Alle Rekeningen",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/pl/messages.json b/public/_locales/pl/messages.json
index 5983080..fdda3a0 100644
--- a/public/_locales/pl/messages.json
+++ b/public/_locales/pl/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Konto",
     "accountEmpty": "To konto jest puste, nie ma żadnych e-maili.",
+    "addressCopied": "Skopiowano do schowka",
     "allAccounts": "Wszystkie konta",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/pt-BR/messages.json b/public/_locales/pt-BR/messages.json
index 684462e..9e1ceab 100644
--- a/public/_locales/pt-BR/messages.json
+++ b/public/_locales/pt-BR/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Conta",
     "accountEmpty": "Esta conta está vazia, sem e-mails por aqui.",
+    "addressCopied": "Copiado para a área de transferência",
     "allAccounts": "Todas as Contas",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/pt/messages.json b/public/_locales/pt/messages.json
index 6bcaa52..8d5239c 100644
--- a/public/_locales/pt/messages.json
+++ b/public/_locales/pt/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Conta",
     "accountEmpty": "Essa conta está vazia, sem e-mails aqui.",
+    "addressCopied": "Copiado para a área de transferência",
     "allAccounts": "Todas as contas",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/ru/messages.json b/public/_locales/ru/messages.json
index e359726..746ee29 100644
--- a/public/_locales/ru/messages.json
+++ b/public/_locales/ru/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Аккаунт",
     "accountEmpty": "Пустой аккаунт, писем нет.",
+    "addressCopied": "Скопировано в буфер обмена",
     "allAccounts": "Все Аккаунты",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/sk/messages.json b/public/_locales/sk/messages.json
index 7871a00..ccfd981 100644
--- a/public/_locales/sk/messages.json
+++ b/public/_locales/sk/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Účet",
     "accountEmpty": "Tento účet je prázdny, nie sú tu žiadne emaily.",
+    "addressCopied": "Skopírované do schránky",
     "allAccounts": "Všetky účty",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/sv/messages.json b/public/_locales/sv/messages.json
index 0853d82..a863578 100644
--- a/public/_locales/sv/messages.json
+++ b/public/_locales/sv/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Konto",
     "accountEmpty": "Detta konto är tomt, inga mejl hittas.",
+    "addressCopied": "Kopierat till urklipp",
     "allAccounts": "Alla Konton",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/th/messages.json b/public/_locales/th/messages.json
index 60622dc..5337fec 100644
--- a/public/_locales/th/messages.json
+++ b/public/_locales/th/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "บัญชีผู้ใช้",
     "accountEmpty": "บัญชีนี้ว่างเปล่า ไม่พบอีเมล",
+    "addressCopied": "คัดลอกไปยังคลิปบอร์ดแล้ว",
     "allAccounts": "บัญชีผู้ใช้ทั้งหมด",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/tr/messages.json b/public/_locales/tr/messages.json
index 8541b32..614d6fc 100644
--- a/public/_locales/tr/messages.json
+++ b/public/_locales/tr/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Hesap",
     "accountEmpty": "Bu hesap boş, e-posta yok.",
+    "addressCopied": "Panoya kopyalandı",
     "allAccounts": "Tüm hesaplar",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/uk/messages.json b/public/_locales/uk/messages.json
index 8c464da..646f530 100644
--- a/public/_locales/uk/messages.json
+++ b/public/_locales/uk/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Обліковий запис",
     "accountEmpty": "Цей обліковий запис не містить електронних листів.",
+    "addressCopied": "Скопійовано в буфер обміну",
     "allAccounts": "Усі облікові записи",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/uz/messages.json b/public/_locales/uz/messages.json
index bf80933..3a3bed0 100644
--- a/public/_locales/uz/messages.json
+++ b/public/_locales/uz/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "Аккаунт",
     "accountEmpty": "Бу аккаунт бўш, бу ерда електрон почта хабарлари йўқ.",
+    "addressCopied": "Vaqtinchalik xotiraga nusxalandi",
     "allAccounts": "Барча Аккаунтлар",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/zh-Hans-CN/messages.json b/public/_locales/zh-Hans-CN/messages.json
index b5265bc..a79dfb2 100644
--- a/public/_locales/zh-Hans-CN/messages.json
+++ b/public/_locales/zh-Hans-CN/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "账号",
     "accountEmpty": "此账号为空，没有邮件。",
+    "addressCopied": "已复制到剪贴板",
     "allAccounts": "所有帐户",
     "charts": {
       "contactsJunk": {
diff --git a/public/_locales/zh-Hant-TW/messages.json b/public/_locales/zh-Hant-TW/messages.json
index 7b2a053..281342b 100644
--- a/public/_locales/zh-Hant-TW/messages.json
+++ b/public/_locales/zh-Hant-TW/messages.json
@@ -130,6 +130,7 @@
     },
     "account": "帳號",
     "accountEmpty": "當前帳號為空，並沒有任何郵件。",
+    "addressCopied": "已複製到剪貼簿",
     "allAccounts": "所有帳號",
     "charts": {
       "contactsJunk": {

From 80cabe17ead4ebe110918ca6b4aa64cc880aeeb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Thu, 23 Jul 2026 19:55:49 +0200
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=94=A8=20Simplify=20code=20by=20click?=
 =?UTF-8?q?ing=20the=20bar=20instead=20of=20the=20label?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/chart.config.js     |  4 +--
 src/charts/BarChart.vue | 54 ++++++++++++++---------------------------
 2 files changed, 20 insertions(+), 38 deletions(-)

diff --git a/src/chart.config.js b/src/chart.config.js
index 426dfa0..d45d617 100644
--- a/src/chart.config.js
+++ b/src/chart.config.js
@@ -17,7 +17,7 @@ import {
 } from 'chart.js';
 import { MatrixController, MatrixElement } from 'chartjs-chart-matrix';
 import 'chartjs-adapter-date-fns';
-import { color, getRelativePosition } from 'chart.js/helpers';
+import { color } from 'chart.js/helpers';
 
 // register chart components
 Chart.register(
@@ -67,4 +67,4 @@ const transparentGradientBar = (ctx, chartArea, hexColor, horizontal = false) =>
 	return gradient;
 };
 
-export { Chart, color, getRelativePosition, transparentGradientLine, transparentGradientBar };
+export { Chart, color, transparentGradientLine, transparentGradientBar };
diff --git a/src/charts/BarChart.vue b/src/charts/BarChart.vue
index f9b2df4..1a19279 100644
--- a/src/charts/BarChart.vue
+++ b/src/charts/BarChart.vue
@@ -14,13 +14,13 @@
 <script setup>
 import { computed, onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { Chart, getRelativePosition, transparentGradientBar } from '@/chart.config.js';
+import { Chart, transparentGradientBar } from '@/chart.config.js';
 
 const { t } = useI18n();
 
 let chart = null;
 const id = Math.random().toString(36).substring(7);
-// visible while a copied-label confirmation is shown, positioned next to the clicked label
+// visible while a copied-address confirmation is shown, positioned next to the clicked bar
 const copiedFeedback = ref(null);
 let copiedFeedbackTimeout = null;
 
@@ -123,53 +123,35 @@ const draw = () => {
 		},
 	});
 	if (props.horizontal) {
-		chart.canvas.addEventListener('click', onLabelClick);
-		chart.canvas.addEventListener('mousemove', onLabelHover);
+		chart.canvas.addEventListener('click', onBarClick);
+		chart.canvas.addEventListener('mousemove', onBarHover);
 		chart.canvas.addEventListener('mouseleave', resetCursor);
 	}
 };
 
-// resolves the labels[] index for the y-axis category label nearest a given mouse event,
-// or null if it's outside the label gutter to the left of the plot area. Chart.js
-// auto-skips labels to avoid overlap, so rather than resolving to whichever raw
-// category the pixel position mathematically falls on (which could be a hidden
-// label), this snaps to the closest currently-rendered tick, giving every visible
-// label a fair-sized click target spanning halfway to its neighbors.
-// (Chart.js only fires its own onClick for points inside the plot area, so this
-// hit-test is done manually against the raw canvas event)
-const labelIndexAt = (nativeEvent) => {
-	const { x, y } = getRelativePosition(nativeEvent, chart);
-	const { left, top, bottom } = chart.chartArea;
-	if (x >= left || y < top || y > bottom) return null;
-	const yScale = chart.scales.y;
-	const ticks = yScale.ticks;
-	if (!ticks.length) return null;
-	let nearest = ticks[0].value;
-	let nearestDistance = Math.abs(yScale.getPixelForValue(nearest) - y);
-	for (const tick of ticks) {
-		const distance = Math.abs(yScale.getPixelForValue(tick.value) - y);
-		if (distance < nearestDistance) {
-			nearest = tick.value;
-			nearestDistance = distance;
-		}
-	}
-	return props.labels[nearest] !== undefined ? nearest : null;
+// finds the bar under/nearest a given mouse event, matching by row regardless of
+// exact x position within it, so the whole row is a fair-sized click target
+// (bars are never auto-skipped for space the way axis labels are, so unlike
+// hit-testing against tick positions, every row stays reliably clickable)
+const barElementAt = (nativeEvent) => {
+	const elements = chart.getElementsAtEventForMode(nativeEvent, 'index', { axis: 'y', intersect: false }, true);
+	return elements.length ? elements[0] : null;
 };
 
 const resetCursor = () => {
 	chart.canvas.style.cursor = '';
 };
 
-const onLabelHover = (nativeEvent) => {
-	chart.canvas.style.cursor = labelIndexAt(nativeEvent) === null ? '' : 'pointer';
+const onBarHover = (nativeEvent) => {
+	chart.canvas.style.cursor = barElementAt(nativeEvent) ? 'pointer' : '';
 };
 
-const onLabelClick = (nativeEvent) => {
-	const index = labelIndexAt(nativeEvent);
-	if (index === null) return;
-	navigator.clipboard.writeText(props.labels[index]);
+const onBarClick = (nativeEvent) => {
+	const hit = barElementAt(nativeEvent);
+	if (!hit) return;
+	navigator.clipboard.writeText(props.labels[hit.index]);
 	clearTimeout(copiedFeedbackTimeout);
-	copiedFeedback.value = { top: chart.scales.y.getPixelForValue(index) };
+	copiedFeedback.value = { top: hit.element.y };
 	copiedFeedbackTimeout = setTimeout(() => (copiedFeedback.value = null), 1200);
 };