From 4b564d9faed7273dd2dea060b1badda559cc1f76 Mon Sep 17 00:00:00 2001
From: Daniel Arroyo <darroylat@gmail.com>
Date: Sat, 15 Aug 2026 23:05:44 -0400
Subject: [PATCH] fix(historial): use SS/SPS/BSS abbreviations for shot types

- Replace broken chained replace() with tipoShort() helper
- SS = Soulshot, SPS = Spiritshot, BSS = Blessed Spiritshot
- Add tooltip (:title) on chips for full name on hover
- CSS: add cursor:help, font-weight:600, letter-spacing
---
 src/main/resources/META-INF/resources/static/css/app.css | 5 ++++-
 src/main/resources/templates/PageResource/historial.html | 8 ++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/META-INF/resources/static/css/app.css b/src/main/resources/META-INF/resources/static/css/app.css
index 0dab478..4485bdb 100644
--- a/src/main/resources/META-INF/resources/static/css/app.css
+++ b/src/main/resources/META-INF/resources/static/css/app.css
@@ -577,7 +577,10 @@ header {
   border-radius: 3px;
   background: var(--pico-muted-border-color);
   color: var(--pico-muted-color);
-  font-weight: 500;
+  font-weight: 600;
+  font-family: monospace;
+  letter-spacing: 0.3px;
+  cursor: help;
 }
 
 /* ============================================
diff --git a/src/main/resources/templates/PageResource/historial.html b/src/main/resources/templates/PageResource/historial.html
index 0e0fc54..17c5ae6 100644
--- a/src/main/resources/templates/PageResource/historial.html
+++ b/src/main/resources/templates/PageResource/historial.html
@@ -180,7 +180,7 @@
                   <template x-if="r.tiposUsados && r.tiposUsados.length > 0">
                     <div class="flex-row gap-1 mt-1">
                       <template x-for="tipo in r.tiposUsados" :key="tipo">
-                        <span class="tipo-chip" x-text="tipo.replace('Spiritshot','SS').replace('Blessed Spiritshot','BSS').replace('Soulshot','SS')"></span>
+                        <span class="tipo-chip" :title="tipo" x-text="tipoShort(tipo)"></span>
                       </template>
                     </div>
                   </template>
@@ -333,7 +333,7 @@
                       <div class="snapshot-grid" style="font-size:0.7rem">
                         <template x-for="[key, precio] in Object.entries(snapshotVenta())" :key="key">
                           <div class="snapshot-row">
-                            <span class="text-xs text-muted" x-text="key.replace('Soulshot','SS ').replace('Spiritshot','SS ').replace('Blessed Spiritshot','BSS ') + key.split('-')[1]"></span>
+                            <span class="text-xs text-muted" x-text="tipoShort(key.split('-')[0]) + ' ' + key.split('-')[1]"></span>
                             <span class="text-mono text-xs" x-text="fmtAdena(precio)"></span>
                             <template x-if="currentVenta(key) !== null">
                               <span class="diff-badge" :class="currentVenta(key) > precio ? 'diff-up' : currentVenta(key) < precio ? 'diff-down' : 'diff-same'"
@@ -561,6 +561,10 @@
           return window.fmt.number(n);
         },
 
+        tipoShort(tipo) {
+          return { 'Soulshot': 'SS', 'Spiritshot': 'SPS', 'Blessed Spiritshot': 'BSS' }[tipo] || tipo;
+        },
+
         fmtPct(pct) {
           return window.fmt.percent(pct);
         },