update agents skill design

src/components/skills/SkillSurface.jsx

@@ -3,7 +3,7 @@ import { Sparkles } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import {
   useApplications, useAssignments, useCourses, useCurrentUser, useInterviews, useJobPostings,
-  usePreferences, useStaff, useUserActivity, useWorkerProfiles,
+  usePreferences, useShiftRecords, useStaff, useUserActivity, useWorkerProfiles,
 } from '@/lib/krowHooks';
 import { allSkills } from '@/lib/skills/registry';
 import { sectionsForPage } from '@/lib/skills/uiConfig';
@@ -84,6 +84,9 @@ export function useSkillDataContext(context) {
      the matching engine reads availability from assignments, and without them
      everybody would look free. */
   const { data: assignments = [] } = useAssignments();
+  /* Shifts worked, missed and overrun, for the attendance and overtime
+     sources. Same cache the panel reads. */
+  const { data: shifts = [] } = useShiftRecords();
   const { data: user } = useCurrentUser();
   const { statesFor } = useWorkforcePaths();
 
@@ -107,12 +110,13 @@ export function useSkillDataContext(context) {
     assignments,
     staff,
     activity,
+    shifts,
     trainingPaths,
     /* `published` belongs here: it is what changes when the reader edits the
        form this panel is sitting beside, and leaving it out froze every
        section on the first value the page ever published. */
   }), [published, context, applications, positions, interviews, courses, workerProfiles, assignments,
-    staff, activity, trainingPaths]);
+    staff, activity, shifts, trainingPaths]);
 }
 
 /** One declared section, resolved and drawn. */