From 21cb28fdcf4aa5b0928cbc8fe5993aa7839d97f7 Mon Sep 17 00:00:00 2001
From: river0525 <0525sotaro@gmail.com>
Date: Sat, 11 Apr 2026 10:17:52 +0900
Subject: [PATCH] feat: add tooltip to provisional flask icon in contest table
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Shows "非公式グレード（投票に基づく）" on hover via Flowbite Tooltip,
using a per-component ID to support multiple instances on the same page.
Updates aria-label to match the tooltip text.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/features/votes/components/VotableGrade.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/features/votes/components/VotableGrade.svelte b/src/features/votes/components/VotableGrade.svelte
index c428afd4f..623692cd9 100644
--- a/src/features/votes/components/VotableGrade.svelte
+++ b/src/features/votes/components/VotableGrade.svelte
@@ -3,7 +3,7 @@
   import { enhance } from '$app/forms';
   import { resolve } from '$app/paths';
 
-  import { Dropdown, DropdownItem, DropdownDivider } from 'flowbite-svelte';
+  import { Dropdown, DropdownItem, DropdownDivider, Tooltip } from 'flowbite-svelte';
   import Check from '@lucide/svelte/icons/check';
   import FlaskConical from '@lucide/svelte/icons/flask-conical';
 
@@ -139,9 +139,13 @@
 <div class="inline-flex items-center gap-1">
   {#if isProvisional}
     <FlaskConical
+      id={`provisional-flask-${componentId}`}
       class="w-3.5 h-3.5 shrink-0 text-gray-400 dark:text-gray-500"
-      aria-label="暫定グレード"
+      aria-label="非公式グレード（投票に基づく）"
     />
+    <Tooltip triggeredBy={`#provisional-flask-${componentId}`} placement="bottom">
+      非公式グレード（投票に基づく）
+    </Tooltip>
   {/if}
 
   <button