fix: replace remaining built-in icons in chart context menus

Author: graphieros

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"

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"