feat(workbooks): enable voting from grade icons on workbook detail page

Replace GradeLabel with VotableGrade so users can vote directly from the
grade icon on the workbook detail page. Fetches vote statistics in parallel
with task results and adds the voteAbsoluteGrade form action.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: river0525

src/routes/workbooks/[slug]/+page.server.ts

@@ -6,6 +6,8 @@ import type { TaskResult } from '$lib/types/task';
 import * as taskResultsCrud from '$lib/services/task_results';
 import { getWorkbookWithAuthor } from '$features/workbooks/services/workbooks';
 import * as action from '$lib/actions/update_task_result';
+import { getVoteGradeStatistics } from '$features/votes/services/vote_statistics';
+import { voteAbsoluteGrade as voteAbsoluteGradeAction } from '$features/votes/actions/vote_actions';
 
 import { isAdmin, canRead } from '$lib/utils/authorship';
 import { getLoggedInUser } from '$features/auth/services/session';
@@ -36,16 +38,18 @@ export async function load({ locals, params, url }) {
     error(FORBIDDEN, `問題集id: ${slug} にアクセスする権限がありません。`);
   }
 
-  const taskResults: Map<string, TaskResult> = await taskResultsCrud.getTaskResultsByTaskId(
-    workBook.workBookTasks,
-    loggedInUser?.id as string,
-  );
+  const [taskResults, voteStatisticsMap] = await Promise.all([
+    taskResultsCrud.getTaskResultsByTaskId(workBook.workBookTasks, loggedInUser?.id as string),
+    getVoteGradeStatistics(),
+  ]);
 
   return {
     isLoggedIn: loggedInUser !== null,
+    isAtCoderVerified: locals.user?.is_validated === true,
     loggedInAsAdmin: loggedInAsAdmin,
     ...workbookWithAuthor,
     taskResults: taskResults,
+    voteStatisticsMap: voteStatisticsMap,
   };
 }
 
@@ -54,4 +58,7 @@ export const actions = {
     const operationLog = 'workbook -> actions -> update';
     return await action.updateTaskResult({ request, locals }, operationLog);
   },
+  voteAbsoluteGrade: async ({ request, locals }) => {
+    return await voteAbsoluteGradeAction({ request, locals });
+  },
 } satisfies Actions;

src/routes/workbooks/[slug]/+page.svelte

@@ -14,8 +14,8 @@
   import HeadingOne from '$lib/components/HeadingOne.svelte';
   import UpdatingModal from '$lib/components/SubmissionStatus/UpdatingModal.svelte';
   import SubmissionStatusImage from '$lib/components/SubmissionStatus/SubmissionStatusImage.svelte';
-  import GradeLabel from '$lib/components/GradeLabel.svelte';
   import ExternalLinkWrapper from '$lib/components/ExternalLinkWrapper.svelte';
+  import VotableGrade from '$features/votes/components/VotableGrade.svelte';
   import PublicationStatusLabel from '$features/workbooks/components/shared/PublicationStatusLabel.svelte';
   import CommentAndHint from '$features/workbooks/components/detail/CommentAndHint.svelte';
 
@@ -24,7 +24,6 @@
   import { addContestNameToTaskIndex } from '$lib/utils/contest';
   import { getTaskUrl, removeTaskIndexFromTitle } from '$lib/utils/task';
 
-  import { TaskGrade } from '$lib/types/task';
   import type { TaskResult } from '$lib/types/task';
   import type { WorkBookTaskBase } from '$features/workbooks/types/workbook';
 
@@ -33,18 +32,16 @@
   let workBook = data.workBook;
   let workBookTasks: WorkBookTaskBase[] = $state([]);
   let taskResults: Map<string, TaskResult> = $derived(data.taskResults);
+  let voteStatisticsMap = $derived(data.voteStatisticsMap);
 
   let isLoggedIn = data.isLoggedIn;
+  let isAtCoderVerified = $derived(data.isAtCoderVerified);
 
   // TODO: 関数をutilへ移動させる
   const getTaskResult = (taskId: string): TaskResult => {
     return taskResults?.get(taskId) as TaskResult;
   };
 
-  const getTaskGrade = (taskId: string): TaskGrade => {
-    return getTaskResult(taskId)?.grade ?? TaskGrade.PENDING;
-  };
-
   const getContestIdFrom = (taskId: string): string => {
     return getTaskResult(taskId)?.contest_id as string;
   };
@@ -164,7 +161,12 @@
               <!-- 問題のグレード -->
               <TableBodyCell class="justify-center w-16 px-0.5 xs:px-3">
                 <div class="flex items-center justify-center min-w-[54px] max-w-[54px]">
-                  <GradeLabel taskGrade={getTaskGrade(workBookTask.taskId)} />
+                  <VotableGrade
+                    taskResult={getTaskResult(workBookTask.taskId)}
+                    {isLoggedIn}
+                    {isAtCoderVerified}
+                    estimatedGrade={voteStatisticsMap?.get(workBookTask.taskId)?.grade ?? null}
+                  />
                 </div>
               </TableBodyCell>