update

frontend/src/store.js

@@ -1,23 +1,37 @@
 import { reactive } from 'vue'
-import { newGame, doAction } from './api.js'
+import { newGame, doAction, fetchReplay } from './api.js'
 
 export const store = reactive({
   gameId: null,
   state: null,
   error: null,
   selectedItem: null,
+  dragging: null,
+  // Kampf-Protokoll der letzten Runde, nur wenn es angefragt wurde.
+  replay: null,
 
   async start() {
     this.error = null
-    const data = await newGame()
-    this.gameId = data.game_id
-    this.state = data
+    this.selectedItem = null
+    try {
+      const data = await newGame()
+      this.gameId = data.game_id
+      this.state = data
+    } catch (e) {
+      this.error = e.message
+    }
   },
 
   async act(action) {
     this.error = null
+    // Jede Aktion ändert das Board — ein alter Kampf gehört dann weg.
+    // Sonst verdeckt das Protokoll das Hex-Feld und man kann nichts
+    // mehr aufstellen.
+    if (action.action !== 'lock') this.replay = null
     try {
       this.state = await doAction(this.gameId, action)
+      // Item-Indizes verschieben sich bei jeder Aktion — Auswahl verfällt.
+      this.selectedItem = null
     } catch (e) {
       this.error = e.message
       setTimeout(() => { if (this.error === e.message) this.error = null }, 2500)
@@ -29,7 +43,19 @@ export const store = reactive({
   reroll() { return this.act({ action: 'reroll' }) },
   buyXp() { return this.act({ action: 'buy_xp' }) },
   move(where, idx) { return this.act({ action: 'move', where, idx }) },
-  next() { return this.act({ action: 'next' }) },
+  place(where, idx, hex) { return this.act({ action: 'place', where, idx, hex }) },
+  async next() {
+    return this.act({ action: 'next' })
+  },
+
+  async loadReplay() {
+    try {
+      this.replay = await fetchReplay(this.gameId)
+    } catch {
+      // Kein Gegner oder leeres Board: dann gibt es nichts zu zeigen.
+      this.replay = null
+    }
+  },
   pickAugment(choice) { return this.act({ action: 'pick_augment', choice }) },
 
   equip(boardIdx) {