🐛 Fix some UI issues

pkg/views/src/components/auth/AccountLocator.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex items-center">
     <v-form class="flex-grow-1" @submit.prevent="submit">
-      <v-text-field label="Account ID" variant="solo" density="comfortable" :loading="props.loading" v-model="probe" />
+      <v-text-field label="Account ID" variant="solo" density="comfortable" :disabled="props.loading" v-model="probe" />
 
       <v-expand-transition>
         <v-alert v-show="error" variant="tonal" type="error" class="text-xs mb-3">

pkg/views/src/components/auth/FactorApplicator.vue

@@ -11,7 +11,7 @@
         type="password"
         variant="solo"
         density="comfortable"
-        :loading="loading"
+        :disabled="loading"
         v-model="password"
       />
 

pkg/views/src/views/auth/sign-in.vue

@@ -10,7 +10,11 @@
           <div v-if="challenge" class="flex items-center gap-4">
             <v-tooltip>
               <template v-slot:activator="{ props }">
-                <v-progress-circular v-bind="props" size="large" :model-value="challenge?.progress / challenge?.requirements" />
+                <v-progress-circular
+                  v-bind="props"
+                  size="large"
+                  :model-value="(challenge?.progress / challenge?.requirements) * 100"
+                />
               </template>
               <p><b>Risk: </b> {{ challenge?.risk_level }}</p>
               <p><b>Progress: </b> {{ challenge?.progress }}/{{ challenge?.requirements }}</p>