Add tasks setup nudge and prompt

resources/js/admin/mobile/components/Primitives.tsx

@@ -191,6 +191,8 @@ export function SkeletonCard({ height = 80 }: { height?: number }) {
 export function ActionTile({
   icon: IconCmp,
   label,
+  note,
+  noteTone = 'muted',
   color,
   onPress,
   disabled = false,
@@ -199,13 +201,16 @@ export function ActionTile({
 }: {
   icon: React.ComponentType<{ size?: number; color?: string }>;
   label: string;
+  note?: string;
+  noteTone?: 'warning' | 'muted';
   color: string;
   onPress?: () => void;
   disabled?: boolean;
   variant?: 'grid' | 'cluster';
   delayMs?: number;
 }) {
-  const { textStrong, glassSurface } = useAdminTheme();
+  const { textStrong, glassSurface, muted, warningText } = useAdminTheme();
+  const noteColor = noteTone === 'warning' ? warningText : muted;
   const isCluster = variant === 'cluster';
   const backgroundColor = withAlpha(color, 0.12);
   const borderColor = withAlpha(color, 0.4);
@@ -254,6 +259,11 @@ export function ActionTile({
         <Text fontSize="$sm" fontWeight="800" color={textStrong} textAlign="center">
           {label}
         </Text>
+        {note ? (
+          <Text fontSize="$xs" fontWeight="700" color={noteColor} textAlign="center">
+            {note}
+          </Text>
+        ) : null}
       </YStack>
     </Pressable>
   );