feat(personajes): capacity by weight (L2 dwarf model)

Reemplaza el modelo slots × stack por el modelo real de L2 para
vendedores enanos: capacidad basada en el límite de peso del personaje
con multiplicador por el pasivo 'Weight Limit Increase' del enano.

Modelo:
- maxWeight = baseWeight × (1 + skillLevel)
  - skillLevel 0 → ×1 (sin pasivo)
  - skillLevel 1 → ×2 (+100%, lv1)
  - skillLevel 2 → ×3 (+200%, lv2)
  - skillLevel 3 → ×4 (+300%, lv3)
- capacity(tipo, grado) = floor(maxWeight / shotWeight[tipo][grado])

Backend (V5 migration):
- DROP COLUMN inventory_slots, stack_limit
- ADD COLUMN base_weight DEFAULT 115230
- ADD COLUMN skill_level DEFAULT 0
- Character/CharacterDto/CharacterIn con los nuevos campos
- PUT /api/characters/{id}/weight endpoint (reemplaza /inventory)
- Validación: baseWeight > 0, skillLevel 0..3

Frontend:
- Form: Base weight (default 115230) + Skill level select (0..3)
- Tabla: Peso base + Skill enano (select editable) + Peso máx calculado
- Sección '💼 Capacidad de inventario de shots (por peso)':
  - Por personaje: header con nombre, lvl, base, multiplicador, badge skill
  - Tabla 3×5 con las 15 capacidades (3 tipos × 5 grados)
  - Sub-info: Peso máx = base × (1+skill)
  - Total 15 tipos por personaje
- Shot weights constants en Alpine (SHOT_WEIGHTS, TIPOS, GRADOS)
- Métodos: maxWeightOf(c), capacityOf(c, tipo, grado), totalCapacityOf(c),
  updateWeight(c), tipoShort(tipo)

Pesos de shots (hardcoded):
- SS: D=3, C=3, B=2, A=2, S=2
- SPS: D=5, C=3, B=3, A=2, S=2
- BSS: D=5, C=3, B=3, A=2, S=2

Verificado en navegador:
- Migration V5 aplicada limpiamente (5 migrations total)
- Personajes existentes preservados con default baseWeight=115230 skillLevel=0
- Math correcta: skillLevel=3, baseWeight=115230 → maxWeight=460.920 →
  SS D=153.640, BSS S=230.460
- Edición inline de skill en la tabla persiste via PUT /weight
- Visualización 3×5 por personaje con badge dinámico

src/main/resources/templates/PageResource/personajes.html

@@ -20,7 +20,7 @@
         <h2>Agregar personaje</h2>
       </header>
       <form @submit.prevent="submitCharacter()">
-        <div class="grid" style="grid-template-columns: 1fr 1fr 80px 80px 100px; gap:0.5rem">
+        <div class="grid" style="grid-template-columns: 1fr 1fr 80px 130px 130px; gap:0.5rem">
           <label>
             <span class="text-sm text-muted">Nombre</span>
             <input type="text"
@@ -47,18 +47,21 @@
                    placeholder="85"/>
           </label>
           <label>
-            <span class="text-sm text-muted" title="Slots de inventario del personaje">Slots</span>
+            <span class="text-sm text-muted" title="Peso base que puede cargar el personaje">Peso base</span>
             <input type="number"
-                   x-model.number="form.inventorySlots"
-                   min="0"
-                   placeholder="80"/>
+                   x-model.number="form.baseWeight"
+                   min="1"
+                   step="1"
+                   placeholder="115230"/>
           </label>
           <label>
-            <span class="text-sm text-muted" title="Stack limit por slot (config del server)">Stack</span>
-            <input type="number"
-                   x-model.number="form.stackLimit"
-                   min="0"
-                   placeholder="9999"/>
+            <span class="text-sm text-muted" title="Pasivo del enano: 0=sin skill, 1=+100%, 2=+200%, 3=+300%">Skill enano</span>
+            <select x-model.number="form.skillLevel">
+              <option value="0">Sin pasivo</option>
+              <option value="1">+100% (lv1)</option>
+              <option value="2">+200% (lv2)</option>
+              <option value="3">+300% (lv3)</option>
+            </select>
           </label>
         </div>
         <div style="margin-top: 0.75rem;">
@@ -94,9 +97,9 @@
               <th>Nombre</th>
               <th>Clase</th>
               <th>Nivel</th>
-              <th class="text-right" title="Slots de inventario">Slots</th>
-              <th class="text-right" title="Stack limit por slot">Stack</th>
-              <th class="text-right" title="Capacidad total = slots × stack">Capacidad (shots)</th>
+              <th class="text-right" title="Peso base del personaje">Peso base</th>
+              <th class="text-right" title="Nivel del pasivo del enano (0-3)">Skill enano</th>
+              <th class="text-right" title="Peso máximo = base × (1 + skill)">Peso máx</th>
               <th>Acciones</th>
             </tr>
           </thead>
@@ -118,22 +121,25 @@
                 </td>
                 <td class="text-right">
                   <input type="number"
-                         min="0"
-                           x-model.number="c.inventorySlots"
-                           @keydown.enter="updateInventory(c)"
-                           @blur="updateInventory(c)"
-                           style="width: 70px; padding: 0.25rem 0.5rem; font-size: 0.875rem; text-align: right;"/>
+                         min="1"
+                         step="1"
+                         x-model.number="c.baseWeight"
+                         @keydown.enter="updateWeight(c)"
+                         @blur="updateWeight(c)"
+                         style="width: 100px; padding: 0.25rem 0.5rem; font-size: 0.875rem; text-align: right;"/>
                 </td>
                 <td class="text-right">
-                  <input type="number"
-                         min="0"
-                           x-model.number="c.stackLimit"
-                           @keydown.enter="updateInventory(c)"
-                           @blur="updateInventory(c)"
-                           style="width: 80px; padding: 0.25rem 0.5rem; font-size: 0.875rem; text-align: right;"/>
+                  <select x-model.number="c.skillLevel"
+                          @change="updateWeight(c)"
+                          style="width: 130px; padding: 0.25rem 0.5rem; font-size: 0.875rem;">
+                    <option value="0">0 — sin pasivo</option>
+                    <option value="1">1 — +100%</option>
+                    <option value="2">2 — +200%</option>
+                    <option value="3">3 — +300%</option>
+                  </select>
                 </td>
                 <td class="text-right text-mono text-bold"
-                    x-text="fmtAdena(capacityOf(c))"></td>
+                    x-text="fmtAdena(maxWeightOf(c))"></td>
                 <td>
                   <button type="button"
                           class="secondary outline"
@@ -151,34 +157,53 @@
 
     <article x-show="characters.length > 0">
       <header>
-        <h2>💼 Capacidad de inventario de shots</h2>
-        <p class="text-sm text-muted">Total de shots que pueden cargar todos tus personajes en el inventario. Slots × Stack limit por personaje.</p>
+        <h2>💼 Capacidad de inventario de shots (por peso)</h2>
+        <p class="text-sm text-muted">Cada card muestra cuántos shots de cada tipo×grado caben en el inventario según el pasivo del personaje. Peso máx = baseWeight × (1 + skillLevel).</p>
       </header>
 
-      <div class="flex-row gap-4 mb-4" style="flex-wrap:wrap;align-items:center">
-        <div>
-          <p class="text-xs text-muted mb-2">Capacidad total de la cuenta</p>
-          <p class="text-lg text-mono text-bold text-success"
-             x-text="fmtAdena(totalCapacity()) + ' shots'"></p>
-          <p class="text-xs text-muted"
-             x-text="characters.length + ' personaje' + (characters.length === 1 ? '' : 's') + ' · ' + totalSlots() + ' slots · stack máx ' + fmtAdena(maxStack())"></p>
-        </div>
-      </div>
-
-      <div class="grid-3">
+      <div class="flex-row gap-2" style="flex-wrap:wrap">
         <template x-for="c in characters" :key="c.id">
-          <div class="metric-card">
-            <p class="text-sm text-bold mb-2" x-text="c.name"></p>
-            <p class="text-xs text-muted mb-2"
-               x-text="c.characterClass + ' · Lv ' + c.level"></p>
-            <div class="flex-row gap-2" style="font-size:0.75rem">
-              <span class="text-mono"><span x-text="c.inventorySlots"></span> slots</span>
-              <span class="text-mono">× <span x-text="c.stackLimit"></span></span>
+          <article style="flex:1; min-width:320px; max-width:560px">
+            <header style="flex-wrap:wrap;gap:0.5rem;align-items:center">
+              <div>
+                <p class="text-sm text-bold" x-text="c.name" style="margin:0"></p>
+                <p class="text-xs text-muted" style="margin:0"
+                   x-text="c.characterClass + ' · Lv ' + c.level + ' · base ' + fmtAdena(c.baseWeight) + ' · ×' + (c.skillLevel + 1)"></p>
+              </div>
+              <span style="margin-left:auto"
+                    :class="c.skillLevel > 0 ? 'badge-success' : 'badge-muted'"
+                    x-text="c.skillLevel === 0 ? 'Sin pasivo' : 'Skill +' + (c.skillLevel * 100) + '%'"></span>
+            </header>
+
+            <p class="text-xs text-muted mt-2">Peso máx: <span class="text-bold text-mono" x-text="fmtAdena(maxWeightOf(c))"></span></p>
+
+            <div class="table-wrapper" style="margin-top:0.5rem">
+              <table style="font-size:0.7rem; margin:0">
+                <thead>
+                  <tr>
+                    <th class="cell-label text-left"></th>
+                    <template x-for="g in GRADOS" :key="g">
+                      <th class="cell-label text-right" x-text="g"></th>
+                    </template>
+                  </tr>
+                </thead>
+                <tbody>
+                  <template x-for="t in TIPOS" :key="t">
+                    <tr>
+                      <td class="text-bold text-mono" x-text="tipoShort(t)"></td>
+                      <template x-for="g in GRADOS" :key="t + '-' + g">
+                        <td class="text-right text-mono" x-text="fmtAdena(capacityOf(c, t, g))"></td>
+                      </template>
+                    </tr>
+                  </template>
+                </tbody>
+              </table>
             </div>
-            <p class="text-lg text-mono text-bold mt-2"
-               x-text="fmtAdena(capacityOf(c))"></p>
-            <p class="text-xs text-muted">shots</p>
-          </div>
+
+            <p class="text-xs text-muted mt-2">
+              Total 15 tipos: <span class="text-mono text-bold" x-text="fmtAdena(totalCapacityOf(c))"></span> shots
+            </p>
+          </article>
         </template>
       </div>
     </article>
@@ -204,12 +229,20 @@
         submitting: false,
         error: null,
 
+        SHOT_WEIGHTS: {
+          Soulshot:           { D: 3, C: 3, B: 2, A: 2, S: 2 },
+          Spiritshot:         { D: 5, C: 3, B: 3, A: 2, S: 2 },
+          'Blessed Spiritshot': { D: 5, C: 3, B: 3, A: 2, S: 2 },
+        },
+        TIPOS: ['Soulshot', 'Spiritshot', 'Blessed Spiritshot'],
+        GRADOS: ['D', 'C', 'B', 'A', 'S'],
+
         form: {
           name: '',
           characterClass: '',
           level: null,
-          inventorySlots: 80,
-          stackLimit: 9999,
+          baseWeight: 115230,
+          skillLevel: 0,
         },
 
         async init() {
@@ -243,14 +276,14 @@
               name: this.form.name.trim(),
               characterClass: this.form.characterClass.trim(),
               level: this.form.level,
-              inventorySlots: this.form.inventorySlots || null,
-              stackLimit: this.form.stackLimit || null,
+              baseWeight: this.form.baseWeight || null,
+              skillLevel: this.form.skillLevel,
             });
             this.form.name = '';
             this.form.characterClass = '';
             this.form.level = null;
-            this.form.inventorySlots = 80;
-            this.form.stackLimit = 9999;
+            this.form.baseWeight = 115230;
+            this.form.skillLevel = 0;
             await this.loadCharacters();
           } catch (e) {
             this.error = e.message || 'Error al guardar';
@@ -259,21 +292,28 @@
           }
         },
 
-        capacityOf(c) {
-          return (c.inventorySlots || 0) * (c.stackLimit || 0);
+        tipoShort(tipo) {
+          return { 'Soulshot': 'SS', 'Spiritshot': 'SPS', 'Blessed Spiritshot': 'BSS' }[tipo] || tipo;
         },
 
-        totalCapacity() {
-          return this.characters.reduce((sum, c) => sum + this.capacityOf(c), 0);
+        maxWeightOf(c) {
+          return (c.baseWeight || 115230) * (1 + (c.skillLevel || 0));
         },
 
-        totalSlots() {
-          return this.characters.reduce((sum, c) => sum + (c.inventorySlots || 0), 0);
+        capacityOf(c, tipo, grado) {
+          const maxW = this.maxWeightOf(c);
+          const w = this.SHOT_WEIGHTS[tipo]?.[grado] || 0;
+          return w > 0 ? Math.floor(maxW / w) : 0;
         },
 
-        maxStack() {
-          if (!this.characters.length) return 0;
-          return this.characters.reduce((m, c) => Math.max(m, c.stackLimit || 0), 0);
+        totalCapacityOf(c) {
+          let total = 0;
+          for (const t of this.TIPOS) {
+            for (const g of this.GRADOS) {
+              total += this.capacityOf(c, t, g);
+            }
+          }
+          return total;
         },
 
         async updateLevel(c) {
@@ -287,15 +327,15 @@
           }
         },
 
-        async updateInventory(c) {
-          const slots = Math.max(0, c.inventorySlots || 0);
-          const stack = Math.max(0, c.stackLimit || 0);
-          c.inventorySlots = slots;
-          c.stackLimit = stack;
+        async updateWeight(c) {
+          const bw = Math.max(1, c.baseWeight || 115230);
+          const sk = Math.max(0, Math.min(3, c.skillLevel || 0));
+          c.baseWeight = bw;
+          c.skillLevel = sk;
           try {
-            await window.api.updateCharacterInventory(c.id, slots, stack);
+            await window.api.updateCharacterWeight(c.id, bw, sk);
           } catch (e) {
-            this.error = e.message || 'Error al actualizar inventario';
+            this.error = e.message || 'Error al actualizar peso/skill';
           }
         },