feat: redesign Quick Actions with 6 practical tools and set 50% default starting energy

index.html

@@ -134,14 +134,64 @@
 
         <!-- Quick Actions Card -->
         <div class="card">
-          <div class="card-title" data-i18n="quickActionsTitle">⚡ ดำเนินการด่วน</div>
-          <p class="card-subtitle" data-i18n="quickActionsSubtitle">ส่งคำสั่งไปยังเซิร์ฟเวอร์ทันที</p>
-          <div style="display: flex; flex-direction: column; gap: 0.75rem;">
-            <button class="btn btn-gold" id="btn-quick-max-all" data-i18n="btnMaxAll">
-              ⭐ ปรับเลเวล 80 & ปลด E6 ตัวละครทั้งหมด
+          <div class="card-title" style="display: flex; justify-content: space-between; align-items: center;">
+            <span data-i18n="quickActionsTitle">⚡ ดำเนินการด่วน</span>
+            <span class="btn-sm btn-secondary" style="font-size: 0.75rem;" data-i18n="quickActionsBadge">คำสั่งด่วน</span>
+          </div>
+          <p class="card-subtitle" data-i18n="quickActionsSubtitle">เครื่องมือจัดการทีมและเซิร์ฟเวอร์แบบทันที</p>
+          <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 0.75rem;">
+            <!-- 1. Set Team Energy to 50% (Standard) -->
+            <button type="button" class="btn btn-secondary" id="btn-quick-energy-50" style="display: flex; align-items: center; justify-content: flex-start; gap: 0.6rem; text-align: left; padding: 0.75rem 0.9rem;">
+              <span style="font-size: 1.35rem; line-height: 1;">🔋</span>
+              <div>
+                <div style="font-weight: 700; font-size: 0.875rem;" data-i18n="qaEnergy50Title">พลังงานทีม 50%</div>
+                <div style="font-size: 0.725rem; color: var(--text-muted);" data-i18n="qaEnergy50Desc">ค่าเริ่มต้นมาตรฐานเมื่อเข้าสู้</div>
+              </div>
             </button>
-            <button class="btn btn-secondary" id="btn-quick-sync-persistent" data-i18n="btnSyncPersistent">
-              💾 ซิงค์ข้อมูล Persistent ล่าสุด
+
+            <!-- 2. Set Team Energy to 100% (Instant Burst) -->
+            <button type="button" class="btn btn-primary" id="btn-quick-energy-100" style="display: flex; align-items: center; justify-content: flex-start; gap: 0.6rem; text-align: left; padding: 0.75rem 0.9rem;">
+              <span style="font-size: 1.35rem; line-height: 1;">💥</span>
+              <div>
+                <div style="font-weight: 700; font-size: 0.875rem;" data-i18n="qaEnergy100Title">พลังงานทีม 100%</div>
+                <div style="font-size: 0.725rem; opacity: 0.85;" data-i18n="qaEnergy100Desc">พร้อมกดท่าไม้ตายทันที</div>
+              </div>
+            </button>
+
+            <!-- 3. Unlock All Avatars -->
+            <button type="button" class="btn btn-gold" id="btn-quick-unlock-all-avatars" style="display: flex; align-items: center; justify-content: flex-start; gap: 0.6rem; text-align: left; padding: 0.75rem 0.9rem;">
+              <span style="font-size: 1.35rem; line-height: 1;">👥</span>
+              <div>
+                <div style="font-weight: 700; font-size: 0.875rem;" data-i18n="qaUnlockAllTitle">ปลดล็อกตัวละครครบทุกตัว</div>
+                <div style="font-size: 0.725rem; opacity: 0.85;" data-i18n="qaUnlockAllDesc">เพิ่มครบ 70+ ตัว E6 เต็มคลัง</div>
+              </div>
+            </button>
+
+            <!-- 4. Add All 5-Star Light Cones -->
+            <button type="button" class="btn btn-secondary" id="btn-quick-add-all-lcs" style="display: flex; align-items: center; justify-content: flex-start; gap: 0.6rem; text-align: left; padding: 0.75rem 0.9rem;">
+              <span style="font-size: 1.35rem; line-height: 1;">🗡️</span>
+              <div>
+                <div style="font-weight: 700; font-size: 0.875rem;" data-i18n="qaAddLcsTitle">เพิ่มกรวยแสง 5★ ทั้งหมด</div>
+                <div style="font-size: 0.725rem; color: var(--text-muted);" data-i18n="qaAddLcsDesc">กรวยแสงประจำตัว S5 เข้าคลัง</div>
+              </div>
+            </button>
+
+            <!-- 5. Teleport to Astral Express -->
+            <button type="button" class="btn btn-secondary" id="btn-quick-teleport-train" style="display: flex; align-items: center; justify-content: flex-start; gap: 0.6rem; text-align: left; padding: 0.75rem 0.9rem;">
+              <span style="font-size: 1.35rem; line-height: 1;">🚂</span>
+              <div>
+                <div style="font-weight: 700; font-size: 0.875rem;" data-i18n="qaTeleportTitle">วาร์ปกลับรถไฟ Astral Express</div>
+                <div style="font-size: 0.725rem; color: var(--text-muted);" data-i18n="qaTeleportDesc">กลับสู่ Parlor Car จุดปลอดภัย</div>
+              </div>
+            </button>
+
+            <!-- 6. Clear Lineup Slots -->
+            <button type="button" class="btn btn-danger" id="btn-quick-clear-lineup" style="display: flex; align-items: center; justify-content: flex-start; gap: 0.6rem; text-align: left; padding: 0.75rem 0.9rem;">
+              <span style="font-size: 1.35rem; line-height: 1;">🧹</span>
+              <div>
+                <div style="font-weight: 700; font-size: 0.875rem;" data-i18n="qaClearLineupTitle">ล้างตัวละครในทีม</div>
+                <div style="font-size: 0.725rem; opacity: 0.85;" data-i18n="qaClearLineupDesc">เคลียร์ทุกช่องเพื่อจัดทีมใหม่</div>
+              </div>
             </button>
           </div>
         </div>
@@ -599,8 +649,8 @@
             </div>
           </div>
           <div style="display: flex; gap: 0.75rem; align-items: center;">
-            <input type="range" id="range-char-energy" min="0" max="140" value="140" class="skill-range" style="flex: 1;">
-            <span id="val-char-energy" style="font-weight: 800; font-family: monospace; min-width: 60px; text-align: right;">140/140</span>
+            <input type="range" id="range-char-energy" min="0" max="140" value="70" class="skill-range" style="flex: 1;">
+            <span id="val-char-energy" style="font-weight: 800; font-family: monospace; min-width: 60px; text-align: right;">70/140</span>
           </div>
         </div>
       </div>