From b8f547d3e9943805e8831508e42dbd4c632817f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Pons?= <clement.pons@stms.fr>
Date: Tue, 22 Apr 2025 15:45:10 +0200
Subject: [PATCH] Add modifier edition, fix race selection and add mail debug
 data

---
 components/base/Select.vue           |   5 ++-
 components/base/SelectItem.vue       |   2 +-
 db.sqlite                            | Bin 614400 -> 614400 bytes
 db.sqlite-shm                        | Bin 32768 -> 32768 bytes
 db.sqlite-wal                        | Bin 103032 -> 259592 bytes
 nuxt.config.ts                       |   1 +
 pages/character/[id]/edit.client.vue |  56 ++++++++++++++++-----------
 server/tasks/mail.ts                 |  14 +++++++
 types/character.d.ts                 |   2 +-
 9 files changed, 54 insertions(+), 26 deletions(-)

diff --git a/components/base/Select.vue b/components/base/Select.vue
index a1ea1e7..1464c6f 100644
--- a/components/base/Select.vue
+++ b/components/base/Select.vue
@@ -1,7 +1,7 @@
 <template>
     <Label class="my-2 flex flex-1 items-center justify-between flex-col md:flex-row">
         <span class="pb-1 md:p-0">{{ label }}</span>
-        <SelectRoot v-model="model">
+        <SelectRoot :v-model="model" :default-value="defaultValue">
             <SelectTrigger :disabled="disabled" class="mx-4 inline-flex min-w-[160px] items-center justify-between px-3 text-sm font-semibold leading-none h-8 gap-1
                 bg-light-20 dark:bg-dark-20 border border-light-35 dark:border-dark-35 outline-none data-[placeholder]:font-normal
                 data-[placeholder]:text-light-50 dark:data-[placeholder]:text-dark-50 focus:shadow-raw transition-[box-shadow] focus:shadow-light-40 dark:focus:shadow-dark-40
@@ -31,11 +31,12 @@
 <script setup lang="ts">
 import { SelectContent, SelectPortal, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue, SelectViewport } from 'radix-vue'
 import { Icon } from '@iconify/vue/dist/iconify.js';
-const { placeholder, disabled = false, position = 'popper', label } = defineProps<{
+const { disabled = false, position = 'popper' } = defineProps<{
 	placeholder?: string
     disabled?: boolean
     position?: 'item-aligned' | 'popper'
     label?: string
+    defaultValue?: string
 }>();
 const model = defineModel<string>();
 </script>
\ No newline at end of file
diff --git a/components/base/SelectItem.vue b/components/base/SelectItem.vue
index 23c3bc9..ef26e53 100644
--- a/components/base/SelectItem.vue
+++ b/components/base/SelectItem.vue
@@ -12,7 +12,7 @@ import { Icon } from '@iconify/vue/dist/iconify.js';
 import { SelectItem, SelectItemIndicator, SelectItemText } from 'radix-vue'
 const { disabled = false, value } = defineProps<{
     disabled?: boolean
-    value: NonNullable<any>
+    value: NonNullable<string>
     label: string
 }>();
 </script>
\ No newline at end of file
diff --git a/db.sqlite b/db.sqlite
index aa8c1949889ec5cc537507704b04b6f99d6e7cd0..d6868feb8b76b4cf0a94dc32cca8718b42fb56df 100644
GIT binary patch
delta 283
zcmZoTpxSUib;GncjTAHU6bmy86I~0_R1;kjqclU^BolKZ-9*zwqtuin)1)L5;|%te
z;?4Wwych-eS@~}BU*~V;+sLoazm`98v!cRGK21%QP)<f-4BC7vPg#(;rC7bGVOs+u
zivR~B{}TrOC;TTi3l{9*pMGLKqoTO3v6+E^rGc4&sfB@|xsjQLxmgB#=jCk+7?-|g
zG@8Dwo5`2aWcrtGCN)Om>C!z+azM(ehe?Ccq&>NZ35c12m}Pr%59`8Wp!qKu_+Rp0
f1e$-8fBHp!HW^_o=C=v3wF$7d32-bE;0yo&EeKQ8

delta 283
zcmZoTpxSUib;Gnc4b$Y*G;@ojWZks1v=m(vBjYsPB(pSQUBfi<q~ugH%d|ub(+u`p
zwaxqDych-eHuAIb-R8f}-^{Pizm`98v!cRGK21%QP)<f-4BC7vPg#&TS52*{VOs+u
zivS0M00RU66aEvM1q=4@Pd_oAQBmC3!otAJ!qUvd+`!z})Y#0}!ZbZ`hxoPyj7wiL
z8ctu<&E(5yH2q6AlNykc?qQMxQdT`o8jQy6$vsR!%nZaV+mm}(7ZyXzf60FlX#P?D
a=@<FgWQ4Jp-zLD;Ccxe%z_Cn#GXMYsN>ic$

diff --git a/db.sqlite-shm b/db.sqlite-shm
index f68e0ef159a5ca46c0f23751d386d8a73a830990..70a5b8d059f46d4dfc3d2e2880d775cbf0b32f50 100644
GIT binary patch
delta 288
zcmb7+%Sr+P07cKtsH8|pO8LxuHD!(O)E=ho0}+J&px<cx1BW1VC(;j$8<(!#x^mqI
zh=cBR#$34da4#1wm#eCxs)}F!KLv}rX#qS|{+Moul;PW;U-(S*R@2#}Ja+yrSMs8H
z?B2ZEVf}6n*w>E#)U>8HXzUc$x;}k9e;)}wNfMC0jSsJUL4XhuqQpp$Lgtn`6td(g
z@<4@0UU=1wiM=Lb!@&tI+??X!3?JwC2@>X#E8--%=7u!)WXMsVM42j2)Trx5CoVke
HM$5hhre;SQ

delta 227
zcmZo@U}|V!s+V}A%K!pGK+MR%ARq~(rvb4r-~BJ&H`_k3`+n4ImYB=LJr{4zO0oDC
zL8^M7QD6Wv_dgPV3bQe=f>@JN8RaJ~u;F9}vZa7HadRW%V;@EdAf?X2$T<09xaj64
v#urSC;y{tVOu|e+ZR`x34BQO74Ezj&48jbeKnZIuMoA!*FTuzRqykw1Y^*>o

diff --git a/db.sqlite-wal b/db.sqlite-wal
index f840e85ba4ae57b1028c1b0e3825334879740c8d..e94a241e8ff5a561b5b3e2adf70f17c946df513c 100644
GIT binary patch
delta 3244
zcmb8xZA_C_6bJAMrh=BX*v$}8AjH0b6|7Hb16UDO%UlPH=oYX9C<UsU;7XmcLBKMh
zi^H)2ebIIq)JO?zsNDvlqXFh%yo`w3O2h=$5KOcy(Xr`PkfFUUyWCIrCilzv@ci!o
zoIJ^Sa)GRK(?r55vX;big^);e(z8><H2(49q$6&)ic{Xrn!LACBClNii+Y%Zd7^gt
z4BuWItEY05aYCgiPDJoTf<l5v@QZfx6oin^%NOMH3zZ6iLP6|Ot!tv##e4Rzp}+Ws
zM;BAQg}7T`&!8{SLYpY;)kvaY_I;(Z+m3}$VPt?=8IvmxDhCJ^LA>d;lG%6U6<A0b
zjI@45?0cFU5eASn1iA0{+Q^gqG>(O2z=-Q+&S{Uq)&Y<V1d&g(cFCeT=CBYij5z4=
zorks?@&MvR5bc4MYma`j9mYYL6JTVHnAuW!-L>pPniCMD{DOngz3qAv7P6{cqSjM)
zLdxB9072VT72A<8EpBIHAu2e@Q0sT@nL5cY08t@H)T+FYx2L$T;2?T2jC@pf?Dwg<
z1ga0wixDL4DQCQ1*VT@Nq{4`M=OU|rNmmMxR0KIe<((@V3DsjEnJ}X6?sWQH8W#a1
z6G1G6Zii%3&1+bQ97YUL?<LJuXSV}Hjv!ZdbXHJHqXV#zRfAuM8Eg?Ir}_Z|9sCEj
zp<vnJ`XDSs11C8*@N>N7Nqh}JG)R&K?glG&Y<3X`F$BYi_>RfF`;^q<Lkt@cWYl@H
zxtEi~z(QCsvib9G#IB{j7J#r2#C-f<@vSBEMl3`CBaiz2xnv%gl><b8AmN)#rU`w^
zRV*YCMlzQ*1BxtS1|W$Dl6>{`4oY$5Fcu<%kyH(9!Taaq`v8$4NZn^gwrZs(m$8s+
z7@=$b{^3w^)^31gBgmQUW2M)O8DUsRE{yECak0lkPci}|7eVe>hsiIkPnY5##t9f1
z*<1VIZo!8jiE#o!V*gT|KAX}b!b0X@WO`D~I@ZQs?@MBwN01w9qdt9@v$+umF|GO;
zZ%gt=Zr2a>`w&wwg7|H<IQyf=vvH8~1#lADASdEY-P-Sc$oT>UVVK)24KnAeSjbTr
zG0AP;)^IP=0CE&T`X2vUFctJL0t+dDkv8pq3Uynr0w5&_a!WIRmUy{s4Gv;nHTX~R
z(o;rzi@>&GMhAcV-JXj?<Hr;n#KM4+Sapqq{S8<4Jx>yCVLVI1{r|$9qV*D<VA_VD
zm7;$jpA^Wad`U|VkY0X67|__oc@S88lDv+@4y-?D@8T-`DUoFwbzw=dMim(!YiICs
z{Qq0KlUz2&;HWeY>$&0ZbF&&E7S%__B7Kdwgd>d~^7>hK47_E<LYOep$_qWfH+`}9
KIpS|&vi}8RNq_PH

delta 1588
zcmeBp!~bImn}vBjTN8usBMAlu0R|AT`+n4ImYB;#={3IsQ*OMN02E>a;%PAPl}GGE
zn5C4zZ$Ge=c^aRFX>w|sxkXa4ZdzJeimr)~ahh(DS(>q~VVZeTa;lkSTB3z%277M)
z_PQg?UW@`TQ~n%OWQ_ZJr*?CIz+Zmt+<Y~l6`IJ_I3KmS8Om$W#tRf==CotrwBuRJ
z@5JH0G0>c2`unxauSE@Y3}SVnjlg7E4jVgzI%lu#_Q&g(Q<%30Z(@#RhFfN9Hj&5k
zR*5QUPHsbUvc{bkFSW$B9R@pDI=2nvWR#G3Jhe6IV&AGqBw15E56v3u1B<t>b9ng$
zVomit3~L(ib9GF&O%x~1ngwXqEap^H{oZ-^FVva^7}hMmkSX>y#-4>VYZjteb3<Y6
zW{#bo<e=6p#IUBfVtGq;=#!VES+g9?8aDsvhwO*tr$en-j$sYETxU?ojchj3tXYj_
zjY9Kt{hbo}E1=e_#;|76%=rwfDivpwX3aV@Yo@cb$WD9udm_}Dbr{wdrJdxvZ+h<q
zY1V8&v*xs6yY|aYsYy_4HeguOBb@zbeb{wf(yZBvW=*t5$IaOXDqn-GQL5ewvj$$$
zTwB)gF)Tgz1SqSs^X=Pc-%o6@QVq7tl~I=+x#&3b<L30m`cEvlz~<d%;AiE#&3~Q0
znO~oOEq^3`<mN<ynSA=1ETNo?#FSnfV3m{q@Tst|Lzr6pDr{_E=JW?gm{r(VA#A>*
zKsF16Z3AL6L)cj$Hj@U>KF-Mk0xBv%XGsAu-2Vq3NcJx?aW@C~pOOCw1OF5L6F@ia
z;g6AGVm4+mGqE%`wlFd>FfcYUHn%XdFtA8Z+_6E55h$l?Y-V6!X<%kxYGGh#Ze(U*
zZkEB`c^PO>A`rvN>@WBEgrC@M{tgNeM*f!!{4e=00&O_TuP@GQ%!tJTCNXAXPArB4
E0KGpAYXATM

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 6d18ef8..e4ec170 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -161,6 +161,7 @@ export default defineNuxtConfig({
     sources: ['/api/__sitemap__/urls']
   },
   experimental: {
+    buildCache: true,
     componentIslands: {
       selectiveClient: true,
     },
diff --git a/pages/character/[id]/edit.client.vue b/pages/character/[id]/edit.client.vue
index 485107d..4a3a973 100644
--- a/pages/character/[id]/edit.client.vue
+++ b/pages/character/[id]/edit.client.vue
@@ -74,17 +74,16 @@ const data = ref<Character>({
     },
 });
 
-const peopleOpen = ref(false), trainingOpen = ref(false), abilityOpen = ref(false), trainingTab = ref(0);
-const trainingPoints = computed(() => {
-    const options = data.value.progress.race.index !== undefined ? characterConfig.peoples[data.value.progress.race.index!].options : undefined;
-    return options ? data.value.progress.race.progress?.reduce((p, v) => {
-        return p + (options[v[0]][v[1]].training ?? 0)
-    }, 0) : 0;
-});
-const training = computed(() => Object.entries(characterConfig.training).map(e => [e[0], getFeaturesOf(e[0] as MainStat, data.value.progress.training[e[0] as MainStat])]) as [MainStat, TrainingOption[]][])
+const peopleOpen = ref(false), trainingOpen = ref(false), modifierOpen = ref(false), abilityOpen = ref(false), trainingTab = ref(0);
+const raceOptions = computed(() => data.value.progress.race.index !== undefined ? characterConfig.peoples[data.value.progress.race.index!].options : undefined);
+const selectedRaceOptions = computed(() => raceOptions !== undefined ? data.value.progress.race.progress!.map(e => raceOptions.value![e[0]][e[1]]) : undefined);
+const trainingPoints = computed(() => raceOptions.value ? data.value.progress.race.progress?.reduce((p, v) => p + (raceOptions.value![v[0]][v[1]].training ?? 0), 0) : 0);
+const training = computed(() => Object.entries(characterConfig.training).map(e => [e[0], getFeaturesOf(e[0] as MainStat, data.value.progress.training[e[0] as MainStat])]) as [MainStat, TrainingOption[]][]);
 const maxTraining = computed(() => Object.entries(data.value.progress.training).reduce((p, v) => { p[v[0]] = v[1].reduce((_p, _v) => Math.max(_p, _v[0]) , 0); return p; }, {} as Record<MainStat, number>));
 const trainingSpent = computed(() => Object.values(maxTraining.value).reduce((p, v) => p + v, 0));
 const modifiers = computed(() => Object.entries(maxTraining.value).reduce((p, v) => { p[v[0]] = Math.floor(v[1] / 3) + (data.value.progress.modifiers ? (data.value.progress.modifiers[v[0] as MainStat] ?? 0) : 0); return p; }, {} as Record<MainStat, number>))
+const modifierPoints = computed(() => (selectedRaceOptions.value ? selectedRaceOptions.value.reduce((p, v) => p + (v?.modifier ?? 0), 0) : 0) + training.value.reduce((p, v) => p + v[1].reduce((_p, _v) => _p + (_v?.modifier ?? 0), 0), 0));
+const modifierSpent = computed(() => Object.values(data.value.progress.modifiers ?? {}).reduce((p, v) => p + v, 0));
 const abilityPoints = computed(() => training.value.flatMap(e => e[1].filter(_e => _e.ability !== undefined)).reduce((p, v) => p + v.ability!, 0));
 const abilityMax = computed(() => Object.entries(characterConfig.ability).reduce((p, v) => { p[v[0]] = abilitySpecialFeatures("max", data.value.progress.training.curiosity, Math.floor(maxTraining.value[v[1].max[0]] / 3) + Math.floor(maxTraining.value[v[1].max[1]] / 3)); return p; }, {} as Record<Ability, number>));
 const abilitySpent = computed(() => Object.values(data.value.progress.abilities ?? {}).reduce((p, v) => p + v[0], 0));
@@ -245,14 +244,14 @@ useShortcuts({
             </div>
         </div>
         <div class="flex flex-1 flex-col min-w-[800px] w-[75vw] max-w-[1200px]">
-            <Collapsible class="border-b border-light-30 dark:border-dark-30 p-1" v-model="peopleOpen" @update:model-value="() => { trainingOpen = false; abilityOpen = false; }">
+            <Collapsible class="border-b border-light-30 dark:border-dark-30 p-1" v-model="peopleOpen" @update:model-value="() => { trainingOpen = false; modifierOpen = false; abilityOpen = false; }">
                 <template #label>
                     <span class="font-bold text-xl">Peuple</span>
                 </template>
                 <template #default>
                     <div class="m-2 overflow-auto">
-                        <Select label="Peuple de votre personnage" :v-model="data.progress.race.index" @update:model-value="(index) => { data.progress.race.index = parseInt(index ?? '-1'); data.progress.race.progress = [[1, 0]]}">
-                            <SelectItem v-for="(people, index) of characterConfig.peoples" :label="people.name" :value="index" :key="index" />
+                        <Select label="Peuple de votre personnage" :v-model="data.progress.race.index" :default-value="data.progress.race.index?.toString() ?? ''" @update:model-value="(index) => { data.progress.race.index = parseInt(index ?? '-1'); data.progress.race.progress = [[1, 0]]}">
+                            <SelectItem v-for="(people, index) of characterConfig.peoples" :label="people.name" :value="index.toString()" :key="index" />
                         </Select>
                         <template v-if="data.progress.race.index !== undefined">
                             <div class="w-full border-b border-light-30 dark:border-dark-30 pb-4">
@@ -268,7 +267,7 @@ useShortcuts({
                     </div>
                 </template>
             </Collapsible>
-            <Collapsible class="border-b border-light-30 dark:border-dark-30 p-1" v-model="trainingOpen" :disabled="data.progress.race.index === undefined" @update:model-value="() => { peopleOpen = false; abilityOpen = false; }">
+            <Collapsible class="border-b border-light-30 dark:border-dark-30 p-1" v-model="trainingOpen" :disabled="data.progress.race.index === undefined" @update:model-value="() => { peopleOpen = false; modifierOpen = false; abilityOpen = false; }">
                 <template #label>
                     <span class="font-bold text-xl">Entrainement</span>
                 </template>
@@ -281,7 +280,16 @@ useShortcuts({
                         </div>
                         <div class="flex gap-4 relative" :style="`left: calc(calc(-100% - 1em) * ${trainingTab}); transition: left .5s ease;`">
                             <div class="flex w-full flex-shrink-0 flex-col gap-2 relative" v-for="(text, stat) of mainStatTexts">
-                                <div class="sticky top-1 left-16 py-1 px-3 bg-light-0 dark:bg-dark-0 z-10 text-xl font-bold self-start border border-light-30 dark:border-dark-30">{{ text }}<span v-if="maxTraining[stat] >= 0">: Niveau {{ maxTraining[stat] }} (+{{ modifiers[stat] }})</span></div>
+                                <div class="sticky top-1 left-16 flex justify-between">
+                                    <div class="py-1 px-3 bg-light-0 dark:bg-dark-0 z-10 text-xl font-bold border border-light-30 dark:border-dark-30 flex">{{ text }}
+                                        <div class="flex gap-2" v-if="maxTraining[stat] >= 0">: Niveau {{ maxTraining[stat] }} (+{{ modifiers[stat] }} 
+                                            <NumberFieldRoot :default-value="data.progress.modifiers[stat] ?? 0" v-model="data.progress.modifiers[stat]" class="flex justify-center border border-light-35 dark:border-dark-35 bg-light-20 dark:bg-dark-20 data-[disabled]:border-light-20 dark:data-[disabled]:border-dark-20 data-[disabled]:bg-light-20 dark:data-[disabled]:bg-dark-20 
+                                data-[disabled]:text-light-70 dark:data-[disabled]:text-dark-70 hover:border-light-50 dark:hover:border-dark-50 has-[:focus]:shadow-raw transition-[box-shadow] has-[:focus]:shadow-light-40 dark:has-[:focus]:shadow-dark-40">
+                                                <NumberFieldInput class="tabular-nums w-8 text-base font-normal bg-transparent px-2 outline-none caret-light-50 dark:caret-dark-50" />
+                                            </NumberFieldRoot>
+                                        )</div></div>
+                                    <div class="py-1 px-3 bg-light-0 dark:bg-dark-0 z-10 flex gap-2 justify-center items-center" :class="{ 'text-light-red dark:text-dark-red': (modifierPoints ?? 0) < modifierSpent }">Modifieur bonus: {{ modifierPoints - modifierSpent }}</div>
+                                </div>
                                 <div class="flex flex-row gap-4 justify-center" v-for="(level, index) of characterConfig.training[stat]" :class="{ 'opacity-30': index > maxTraining[stat] + 1 }">
                                     <div class="border border-light-40 dark:border-dark-40 cursor-pointer px-2 py-1 w-1/3" v-for="(option, i) of level" @click="switchTrainingOption(stat, index as TrainingLevel, i)" :class="{ 'hover:border-light-60 dark:hover:border-dark-60': index <= maxTraining[stat] + 1, '!border-accent-blue bg-accent-blue bg-opacity-20': index == 0 || (data.progress.training[stat]?.some(e => e[0] == index && e[1] === i) ?? false) }"><MarkdownRenderer :proses="{ 'a': PreviewA }" :content="option.description.map(e => e.text).join('\n')" /></div>
                                 </div>
@@ -290,7 +298,7 @@ useShortcuts({
                     </div>
                 </template>
             </Collapsible>
-            <Collapsible class="border-b border-light-30 dark:border-dark-30 p-1" v-model="abilityOpen" :disabled="data.progress.race.index === undefined" @update:model-value="() => { trainingOpen = false; peopleOpen = false; }">
+            <Collapsible class="border-b border-light-30 dark:border-dark-30 p-1" v-model="abilityOpen" :disabled="data.progress.race.index === undefined" @update:model-value="() => { trainingOpen = false; modifierOpen = false; peopleOpen = false; }">
                 <template #label>
                     <span class="font-bold text-xl">Compétences</span>
                 </template>
@@ -299,14 +307,18 @@ useShortcuts({
                         <div class="sticky top-0 py-2 bg-light-0 dark:bg-dark-0 z-10 flex justify-between">
                             <span class="text-xl -mx-2" :class="{ 'text-light-red dark:text-dark-red': (abilityPoints ?? 0) < abilitySpent }">Points d'entrainement restants: {{ (abilityPoints ?? 0) - abilitySpent }}</span>
                         </div>
-                        <div v-for="(ability, index) of characterConfig.ability" class="grid grid-cols-10 gap-4 items-center">
-                            <span class="text-lg col-span-2">{{ ability.name }}</span>
-                            <span class="text-sm text-light-70 dark:text-dark-70 col-span-2">({{ mainStatTexts[ability.max[0]] }} + {{ mainStatTexts[ability.max[1]] }})</span>
-                            <NumberFieldRoot :min="0" :max="abilityMax[index]" :default-value="data.progress.abilities[index] ? data.progress.abilities[index][0] : 0" @update:model-value="(value) => { data.progress.abilities[index] = [value, data.progress.abilities[index] ? data.progress.abilities[index][1] : 0]; console.log(abilitySpent) }" class="flex justify-center border border-light-35 dark:border-dark-35 bg-light-20 dark:bg-dark-20 data-[disabled]:border-light-20 dark:data-[disabled]:border-dark-20 data-[disabled]:bg-light-20 dark:data-[disabled]:bg-dark-20 
-                        data-[disabled]:text-light-70 dark:data-[disabled]:text-dark-70 hover:border-light-50 dark:hover:border-dark-50 has-[:focus]:shadow-raw transition-[box-shadow] has-[:focus]:shadow-light-40 dark:has-[:focus]:shadow-dark-40">
-                                <NumberFieldInput class="tabular-nums w-20 bg-transparent px-3 py-1 outline-none caret-light-50 dark:caret-dark-50" />
-                            </NumberFieldRoot>
-                            <span class="font-bold col-span-4">(max: {{ abilityMax[index] }})</span>
+                        <div class="grid gap-4 grid-cols-6">
+                            <div v-for="(ability, index) of characterConfig.ability" class="flex flex-col items-center border border-light-30 dark:border-dark-30 p-2">
+                                <div class="flex items-center justify-center gap-4">
+                                    <NumberFieldRoot :min="0" :max="abilityMax[index]" :default-value="data.progress.abilities[index] ? data.progress.abilities[index][0] : 0" @update:model-value="(value) => { data.progress.abilities[index] = [value, data.progress.abilities[index] ? data.progress.abilities[index][1] : 0]; }" class="border border-light-35 dark:border-dark-35 bg-light-20 dark:bg-dark-20 data-[disabled]:border-light-20 dark:data-[disabled]:border-dark-20 data-[disabled]:bg-light-20 dark:data-[disabled]:bg-dark-20 
+                                data-[disabled]:text-light-70 dark:data-[disabled]:text-dark-70 hover:border-light-50 dark:hover:border-dark-50 has-[:focus]:shadow-raw transition-[box-shadow] has-[:focus]:shadow-light-40 dark:has-[:focus]:shadow-dark-40">
+                                        <NumberFieldInput class="tabular-nums w-8 bg-transparent px-3 py-1 outline-none caret-light-50 dark:caret-dark-50" />
+                                    </NumberFieldRoot>
+                                    <span class="font-bold col-span-4">/{{ abilityMax[index] }}</span>
+                                </div>
+                                <span class="text-xl font-bold flex-2">{{ ability.name }}</span>
+                                <span class="text-sm text-light-70 dark:text-dark-70 flex-1">({{ mainStatTexts[ability.max[0]] }} + {{ mainStatTexts[ability.max[1]] }})</span>
+                            </div>
                         </div>
                     </div>
                 </template>
diff --git a/server/tasks/mail.ts b/server/tasks/mail.ts
index 16df364..7e11f79 100644
--- a/server/tasks/mail.ts
+++ b/server/tasks/mail.ts
@@ -41,6 +41,19 @@ const transport = nodemailer.createTransport({
     },
 });
 
+if(process.env.NODE_ENV === 'production')
+{
+    transport.verify((error) => {
+        if(error)
+        {
+            console.log('Mail server cannot be reached');
+            console.error(error);
+        }
+        else
+            console.log("Mail server is reachable and ready to communicate");
+    });
+}
+
 export default async function(e: TaskEvent) {
     try {
         if(e.payload.type !== 'mail')
@@ -82,6 +95,7 @@ export default async function(e: TaskEvent) {
     }
     catch(e)
     {
+        console.error(e);
         return { result: false, error: e };
     }
 }
diff --git a/types/character.d.ts b/types/character.d.ts
index 9758c52..5f32538 100644
--- a/types/character.d.ts
+++ b/types/character.d.ts
@@ -17,7 +17,7 @@ export type Progression = {
     level: number;
     abilities: Partial<Record<Ability, [number, number]>>; //First is the ability, second is the max increment
     spells?: string[]; //Spell ID
-    modifiers?: Partial<Record<MainStat, number>>;
+    modifiers: Partial<Record<MainStat, number>>;
     aspect?: string;
 };
 export type Character = {