From 5f4912e2bd0ecb37ef2e04fa16f82d61f4d80d89 Mon Sep 17 00:00:00 2001
From: graphieros <alec.lloyd.probert@gmail.com>
Date: Sat, 28 Feb 2026 23:25:36 +0100
Subject: [PATCH] fix: replace remaining built-in icons in chart context menus

---
 app/components/Package/TrendsChart.vue        | 34 +++++++++++++++++++
 .../Package/VersionDistribution.vue           | 23 +++++++++++++
 2 files changed, 57 insertions(+)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 2baaacc0e..b94537d5a 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -2034,6 +2034,18 @@ watch(selectedMetric, value => {
             <template #optionSvg>
               <span class="text-fg-subtle font-mono pointer-events-none">SVG</span>
             </template>
+            <template #optionStack="{ isStack }">
+              <span
+                v-if="isStack"
+                class="i-lucide:layers-2 w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+              <span
+                v-else
+                class="i-lucide:chart-spline w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+            </template>
 
             <template #annotator-action-close>
               <span
@@ -2059,6 +2071,28 @@ watch(selectedMetric, value => {
                 aria-hidden="true"
               />
             </template>
+            <template #annotator-action-draw="{ mode }">
+              <span
+                v-if="mode === 'arrow'"
+                class="i-lucide:move-up-right w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+              <span
+                v-if="mode === 'text'"
+                class="i-lucide:type w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+              <span
+                v-if="mode === 'line'"
+                class="i-lucide:pen-line w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+              <span
+                v-if="mode === 'draw'"
+                class="i-lucide:line-squiggle w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+            </template>
             <template #annotator-action-delete>
               <span
                 class="i-lucide:trash w-6 h-6 text-fg-subtle"
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index bb6e7e029..8c5c8ba32 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -565,6 +565,29 @@ const chartConfig = computed<VueUiXyConfig>(() => {
               />
             </template>
 
+            <template #annotator-action-draw="{ mode }">
+              <span
+                v-if="mode === 'arrow'"
+                class="i-lucide:move-up-right w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+              <span
+                v-if="mode === 'text'"
+                class="i-lucide:type w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+              <span
+                v-if="mode === 'line'"
+                class="i-lucide:pen-line w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+              <span
+                v-if="mode === 'draw'"
+                class="i-lucide:line-squiggle w-6 h-6 text-fg-subtle pointer-events-none"
+                aria-hidden="true"
+              />
+            </template>
+
             <template #annotator-action-delete>
               <span
                 class="i-lucide:trash w-6 h-6 text-fg-subtle"