圈圈之地

代码： 全选

Good — I'll add `orientationDrag: null` here, matching the existing transient-UI-state pattern.Now implementing the drag-to-rotate mechanism:Now let's refactor the orientation calculation and add the drag handlers:Now let's wire up the pointer event listeners near the existing click listener for piece frames:Good, `#gameScreen` starts at line 1455 and the piece frames (1460-1634) are inside it. Now let's verify syntax and check for other issues:已加入「按住棋子拖曳到象限即可即時旋轉」的功能，適用於法諾與維諾（可旋轉的棋子；米諾是單格，本來就沒有方向可言）。

實作重點：

1. **共用象限判斷邏輯** `computeQuadrantOrientation`：以按下當下記錄的棋子圖示中心點為基準，判斷指標目前落在左上／右上／右下／左下哪個象限。因為是相對中心點計算，就算拖曳到圖示範圍外，也能正確判斷方向，不會因為拖出邊框就失效。

2. **按下開始拖曳** `handlePieceFramePointerDown`：滑鼠或觸控按到「目前這方正要放置的」法諾或維諾圖示上時，記錄下該圖示當下的位置與指標 ID，並嘗試呼叫 `setPointerCapture`，確保之後拖到圖示外面（甚至到棋盤上）仍能持續追蹤這個指標。

3. **拖曳中即時旋轉** `handleOrientationDragMove`：指標移動時即時重新計算象限，一旦方向改變就更新 `orientationMemory` 並重新渲染棋子圖示與棋盤預覽，讓玩家可以看到棋子隨拖曳即時轉動。

4. **放開手指／滑鼠時定案** `handleOrientationDragEnd`：以放開當下的象限作為最終方向，並清除拖曳狀態、釋放指標捕獲。

5. 這個手勢只會在該棋子正是「目前這方可以放置的棋子」時啟動，不會影響「提前切換階段」或「切回上一階段」等既有的點擊功能；輕點一下（沒有明顯拖曳）也仍然像原本一樣，落在哪個象限就旋轉到哪個方向，行為保持一致。

6. 也加了對應的 CSS：拖曳中的棋子圖示會有明顯的邊框高亮效果，並將可旋轉棋子的 `touch-action` 設為 `none`，避免在手機上拖曳旋轉時被系統誤判成頁面捲動手勢。

代码： 全选

增加導入導出棋譜功能
當點擊「導出棋譜按鈕」時，將彈出一個「導出導入棋譜」窗口。其內容是「導出textarea，複製按鈕，導入textarea，確認按鈕」。每組按鈕都放到相應的textarea的右邊且與其等高。當打開窗口時將為當前局面生成新的棋譜至「導出textarra」，並清空「導入textarea」。當按下「確認」按鈕，將把導入textarea中的棋譜導入到當前局面，包括undo和redo。

棋譜格式為「xyn」或「xyxyxyn（先移動一個米諾再落下一個維諾）或「xyxy0」（飛子），x是横坐標（從左到右從0到9），y是縱坐標（從上二下從0到9）。

n是棋子類型：
法諾朝左上是1
法諾朝右上是2
法諾朝右下是3
法諾朝左下是4
米諾是5
維諾朝左上是6
維諾朝右上是7
維諾朝右下是8
維諾朝左下是9
飛子是0

朝向指的是V形尖角的朝向，坐標也指的是V形尖角的坐標。

每手棋用空格隔開，在前面是雙方輪流行動，但是當有一步出現飛子0之後，則餘下的行動將只是另一方，直到出現第二個飛子0，則本局結束。

本遊戲會有可能比兩局，則第二局的棋譜將直接加在第一局後面。

明確給出所要修改的地方和所要替換的代碼。

代码： 全选

按以下要求為本遊戲製作MCTS或alpha-beta：
「
記憶體與物件重用（Memory Reuse）

    物件池（Object Pooling）：不要在每一次搜尋時 new Node()，預先分配一個 Tree Node Pool，搜尋結束後重置指標（Pointer），徹底避免 GC。

    扁平化樹狀結構（Flat Array Tree）：將 MCTS 的節點直接儲存在一個大陣列中，用索引（Index）代替物件引用（Reference/Pointer）。

Rollout / Playout（模擬階段）優化

    輕量化模擬（Lightweight Rollout）：只維護必要的棋盤狀態，不觸發任何完整遊戲邏輯（如 UI 更新、複雜規則檢查）。

    啟發式剪枝（Heuristic / Heavy Playout）：把能得分且得更高的分的行動排到前面。

RAVE / Rapid Action Value Estimation：利用「全局移動代換」（All-Moves-As-First）假設，讓更新資訊共享給其他相關節點，大幅加快收斂速度。

重用搜尋樹（Tree Reuse）：對手落子後，保留原搜尋樹中對應的子樹作為下一輪搜尋的根節點，不重新從頭建立。

動態調整探索常數C：如果舊樹佔用的訪問次數過高（例如根節點已有一萬次訪問），可能導致新展開的節點 UCT 權重被稀釋，可以適度在換根時對舊數據進行衰減（Discounting/Decay），例如將所有舊節點的訪問數與勝場數同比例乘以0.5，讓新搜尋更容易改變舊觀點。

記憶體回收（Garbage Collection）：重用子樹時，記得要將未被選中的其他兄弟分支（Sibling Nodes） 的記憶體正確釋放回你的「扁平化陣列（Node Pool）」中，否則搜尋幾十步後池子就會被廢棄節點塞爆。

增量演算法（Incremental Algorithm）。

在 10×10 棋盤中使用 Bitboard 

對於 10×10 的棋盤： 100 個格子只需要一個 100-bit 的 BigInt（佔用空間極小）。

在 Bitboard 系統中，為每一種棋子類型維護一個獨立的位元圖（1 代表有棋子，0 代表沒有）：
    黑方 3 種棋子：black_A, black_B, black_C（3 個 BigInt）
    白方 3 種棋子：white_A, white_B, white_C（3 個 BigInt）
」

當點擊AI控制窗口時，將彈出一個窗口，裡面有AI強度的選擇，每方可選不一樣的強度，右邊是玩家一，左邊是玩家二。控制選項有「人類、簡單、困難、專家、自訂」，每一種選項都有一個相應的svg圖標。

「簡單、困難、專家、自訂」的時間分別是「3s、6s、12s、18s」，下方是時間輸入框，當更改時間時，如果跟前三個預設值不同，則將自動改為自訂。

玩家二默認是簡單AI。

在控制區上加上一個svg圖標，表示當前是人類還是某個AI等級。如果是電腦端，則加在最下方，如果是手機端，則加在最右邊。

明確給出所要修改的地方和所要替換的代碼。

代码： 全选

# 角色與目標
你是一位精通遊戲演算法（MCTS, Alpha-Beta, Bitboard）與前端 UI 互動設計的專家。
請根據以下需求，修改並提供可直接替換的程式碼。

---

## 模組一：MCTS / Alpha-Beta 演算法與記憶體優化 (Engine Component)

請實現/優化遊戲核心 AI 搜尋引擎，需嚴格滿足以下技術規範：

### 1. 記憶體與樹結構 (Memory & Tree Structure)
* **Flat Array Tree & Object Pooling**：
  - 使用大陣列 (TypedArray / Array) 儲存 MCTS 節點，以索引 (Index) 代替物件引用。
  - 預先分配 Node Pool，搜尋結束或換根時重置指標 (Pointer)，徹底避免 GC。
* **樹重用 (Tree Reuse) 與記憶體回收**：
  - 對手落子後，保留對應子樹作為下一輪搜尋的根節點。
  - **必須實現回收機制**：將未被選中的兄弟分支 (Sibling Nodes) 索引歸還給 Node Pool。
* **動態探索常數 (Dynamic C & Decay)**：
  - 換根時若舊樹訪問次數過高，對舊數據進行衰減（例如：訪問數與勝場數同比例乘以 0.5）。

### 2. 搜尋與階段切換邏輯 (Search & Phase Logic)
* **Lightweight Rollout**：模擬階段僅維護核心棋盤狀態，嚴禁觸發任何 UI 更新或完整遊戲邏輯。
* **Heuristic / Heavy Playout**：加入啟發式剪枝，優先排序高得分行動。
* **RAVE (Rapid Action Value Estimation)**：實現 All-Moves-As-First (AMAF) 資訊共享機制。
* **Incremental Algorithm**：棋盤狀態更新採用增量式計算。
* **Alpha-Beta 階段搜尋**：
  - 當滿足預設的觸發條件時，自動切換至 Alpha-Beta 階段。
  - **時間限制規則**：MCTS 階段受設定時間（3s/6s/12s/18s）限制；**一旦進入 Alpha-Beta 階段，立即解除時間限制，直到完全計算出結果為止**。

### 3. 10x10 棋盤 Bitboard 設計
* 使用 100-bit 的 `BigInt` 表示 10×10 棋盤（1 代表有棋子，0 代表無）。
* 維護 6 個獨立的 `BigInt` 位元圖：
  - 黑方：`black_A`, `black_B`, `black_C`
  - 白方：`white_A`, `white_B`, `white_C`

---

## 模組二：AI 控制彈窗與 UI 互動 (UI & Control Component)

### 1. 選單與預設值
* **控制面板佈局**：
  - 點擊 AI 控制區彈出設定視窗。
  - 左側為玩家二（預設：**簡單 AI**），右側為玩家一（預設：**人類**）。
  - 控制選項：`人類`、`簡單`、`困難`、`專家`、`自訂`（每項均需搭配相應 SVG 圖標）。

* **強度與時間預設映射表**：

| 強度選項 | 搜尋時間 | Alpha-Beta 預置觸發條件 |
| :--- | :--- | :--- |
| **簡單** | 3 秒 | 有一方用了 3 個維諾 |
| **困難** | 6 秒 | 有一方用了 2 個維諾 |
| **專家** | 12 秒 | 有一方用了 1 個維諾 |
| **自訂** | 18 秒 (預設) | 有一方用了 3 個米諾 (預設) |

* **連動與邊界邏輯**：
  - 修改時間輸入框時，若值不等於 3s / 6s / 12s，強度自動切換為「自訂」。
  - 觸發條件選項包括：`3個維諾`、`2個維諾`、`1個維諾`、`3個米諾`、`2個米諾`、`1個米諾`。
  - **判定邏輯**：若玩家未放置足夠米諾（如未放滿 3 個或 2 個米諾）即跳至維諾階段，等同於觸發「使用了 3 個或 2 個米諾」。

### 2. 當前狀態圖標與實時思考消息框 (Status & Real-time Info Box)
* **圖標顯示**：
  - 在控制區顯示代表當前玩家/AI 等級的 SVG 圖標。
  - **Desktop (電腦端)**：顯示於最下方；**Mobile (手機端)**：顯示於最右側。
* **實時思考消息框 (Thinking Modal/Toast)**：
  - **思考期間（進行中）**：
    - MCTS 階段：動態顯示「思考時間（秒）」與「當前搜尋次數（Simulations/Visits）」。
    - Alpha-Beta 階段：顯示提示「已進入 Alpha-Beta 終局計算中...（無時間限制）」。
  - **思考結束時（結算數據）**：
    - 展示最終數據結果：**「總用時」**、**「期望值 (Evaluation Value)」** 及 **「預估勝率 (%)」**。
    - **消失邏輯**：若下一回合輪到**人類玩家**操作，思考消息框在展示完整數據後保留 **2 秒**，隨後自動消失；若下一回合仍為 AI 操作，則更新內容並持續顯示。
* **棋盤操作中斷機制 (Interrupt Control)**：
  - 當玩家點擊 **「回退 (Undo)」** 或 **「前進 (Redo)」** 時：
    1. 立即中斷（Abort）當前正在執行的 AI 思考行程。
    2. 關閉思考消息框。
    3. 自動將玩家一與玩家二的控制狀態**均強制切換為「人類」**。

---

## 輸出要求
1. **變更說明**：簡要說明修改的檔案與功能模組（例如 Engine、UI Modal、Game Controller）。
2. **替換代碼**：提供完整且可直接複製替換的程式碼，並標註：
   - `// === [檔名/組件名] 替換開始 ===`
   - `// === [檔名/組件名] 替換結束 ===`

代码： 全选

# 角色與目標
你是一位精通遊戲演算法（MCTS, Alpha-Beta, Bitboard）與前端 UI 互動設計的專家。
請根據以下需求，修改並提供可直接替換的程式碼。

---

## 模組一：MCTS / Alpha-Beta 演算法與記憶體優化 (Engine Component)

請實現/優化遊戲核心 AI 搜尋引擎，需嚴格滿足以下技術規範：

### 1. 記憶體與樹結構 (Memory & Tree Structure)
* **Flat Array Tree & Object Pooling**：
  - 使用大陣列 (TypedArray / Array) 儲存 MCTS 節點，以索引 (Index) 代替物件引用。
  - 預先分配 Node Pool，搜尋結束或換根時重置指標 (Pointer)，徹底避免 GC。
* **樹重用 (Tree Reuse) 與記憶體回收**：
  - 對手落子後，保留對應子樹作為下一輪搜尋的根節點。
  - **必須實現回收機制**：將未被選中的兄弟分支 (Sibling Nodes) 索引歸還給 Node Pool。
* **動態探索常數 (Dynamic C & Decay)**：
  - 換根時若舊樹訪問次數過高，對舊數據進行衰減（例如：訪問數與勝場數同比例乘以 0.5）。

### 2. 搜尋與階段切換邏輯 (Search & Phase Logic)
* **Lightweight Rollout**：模擬階段僅維護核心棋盤狀態，嚴禁觸發任何 UI 更新或完整遊戲邏輯。
* **Heuristic / Heavy Playout**：加入啟發式剪枝，優先排序高得分行動。
* **RAVE (Rapid Action Value Estimation)**：實現 All-Moves-As-First (AMAF) 資訊共享機制。
* **Incremental Algorithm**：棋盤狀態更新採用增量式計算。
* **Alpha-Beta 階段搜尋**：
  - 當滿足預設的觸發條件時，自動切換至 Alpha-Beta 階段。
  - **時間限制規則**：MCTS 階段受設定時間（3s/6s/12s/18s）限制；**一旦進入 Alpha-Beta 階段，立即解除時間限制，直到完全計算出結果為止**。

### 3. 10x10 棋盤 Bitboard 設計
* 使用 100-bit 的 `BigInt` 表示 10×10 棋盤（1 代表有棋子，0 代表無）。
* 維護 6 個獨立的 `BigInt` 位元圖：
  - 黑方：`black_A`, `black_B`, `black_C`
  - 白方：`white_A`, `white_B`, `white_C`

---

## 模組二：AI 控制彈窗與 UI 互動 (UI & Control Component)

### 1. 選單與預設值
* **控制面板佈局**：
  - 點擊 AI 控制區彈出設定視窗。
  - 左側為玩家二（預設：**簡單 AI**），右側為玩家一（預設：**人類**）。
  - 控制選項：`人類`、`簡單`、`困難`、`專家`、`自訂`（每項均需搭配相應 SVG 圖標）。

* **強度與時間預設映射表**：

| 強度選項 | 搜尋時間 | Alpha-Beta 預置觸發條件 |
| :--- | :--- | :--- |
| **簡單** | 3 秒 | 有一方用了 3 個維諾 |
| **困難** | 6 秒 | 有一方用了 2 個維諾 |
| **專家** | 12 秒 | 有一方用了 1 個維諾 |
| **自訂** | 18 秒 (預設) | 有一方用了 3 個米諾 (預設) |

* **連動與邊界邏輯**：
  - 修改時間輸入框時，若值不等於 3s / 6s / 12s，強度自動切換為「自訂」。
  - 觸發條件選項包括：`3個維諾`、`2個維諾`、`1個維諾`、`3個米諾`、`2個米諾`、`1個米諾`。
  - **判定邏輯**：若玩家未放置足夠米諾（如未放滿 3 個或 2 個米諾）即跳至維諾階段，等同於觸發「使用了 3 個或 2 個米諾」。

### 2. 當前狀態圖標與實時思考消息框 (Status & Real-time Info Box)
* **圖標顯示**：
  - 在控制區顯示代表當前玩家/AI 等級的 SVG 圖標。
  - **Desktop (電腦端)**：顯示於最下方；**Mobile (手機端)**：顯示於最右側。
* **實時思考消息框 (Thinking Modal/Toast)**：
  - **思考期間（進行中）**：
    - MCTS 階段：動態顯示「思考時間（秒）」與「當前搜尋次數（Simulations/Visits）」。
    - Alpha-Beta 階段：顯示提示「已進入 Alpha-Beta 終局計算中...（無時間限制）」。
  - **思考結束時（結算數據）**：
    - 展示最終數據結果：**「總用時」**、**「期望值 (Evaluation Value)」** 及 **「預估勝率 (%)」**。
    - **消失邏輯**：若下一回合輪到**人類玩家**操作，思考消息框在展示完整數據後保留 **2 秒**，隨後自動消失；若下一回合仍為 AI 操作，則更新內容並持續顯示。
* **棋盤操作中斷機制 (Interrupt Control)**：
  - 當玩家點擊 **「回退 (Undo)」** 或 **「前進 (Redo)」** 時：
    1. 立即中斷（Abort）當前正在執行的 AI 思考行程。
    2. 關閉思考消息框。
    3. 自動將玩家一與玩家二的控制狀態**均強制切換為「人類」**。

---

## 輸出要求
**替換代碼**：明確指出所要修改的地方，提供完整且可直接複製替換的程式碼，並標註：
 - `// === 替換開始 ===`
 - `// === 替換結束 ===`