fix: errors in analysis + orientation of stockfish eval

src/components/Analysis/MoveRecommendations.tsx

@@ -51,7 +51,7 @@ export const MoveRecommendations: React.FC<Props> = ({
                 key={index}
                 className="flex items-center justify-between"
                 style={{
-                  color: colorSanMapping[move].color,
+                  color: colorSanMapping[move]?.color || '#fff',
                 }}
               >
                 <p
@@ -95,7 +95,10 @@ export const MoveRecommendations: React.FC<Props> = ({
               >
                 {colorSanMapping[move].san}
               </p>
-              <p className="font-mono text-sm">{cp / 100}</p>
+              <p className="font-mono text-sm">
+                {cp > 0 ? '+' : null}
+                {cp / 100}
+              </p>
             </div>
           ))}
         </div>

src/hooks/useAnalysisController/useAnalysisController.ts

@@ -65,7 +65,8 @@ export const useAnalysisController = (
     const board = new Chess(game.moves[controller.currentIndex].board)
 
     ;(async () => {
-      if (status !== 'ready' || maiaEvaluations[controller.currentIndex]) return
+      if (maiaStatus !== 'ready' || maiaEvaluations[controller.currentIndex])
+        return
 
       const { result } = await maia.batchEvaluate(
         Array(9).fill(board.fen()),

src/hooks/useMaiaEngine/model.ts

@@ -138,6 +138,11 @@ class Maia {
       legalMoves,
     )
 
+    console.log({
+      policy,
+      value,
+    })
+
     return {
       policy,
       value,

src/pages/analysis/[...id].tsx

@@ -278,21 +278,25 @@ const Analysis: React.FC<Props> = ({
 
     if (moveEvaluation?.maia) {
       const maia = Object.entries(moveEvaluation?.maia?.policy)[0]
-      arr.push({
-        brush: 'red',
-        orig: maia[0].slice(0, 2) as Key,
-        dest: maia[0].slice(2, 4) as Key,
-      } as DrawShape)
+      if (maia) {
+        arr.push({
+          brush: 'red',
+          orig: maia[0].slice(0, 2) as Key,
+          dest: maia[0].slice(2, 4) as Key,
+        } as DrawShape)
+      }
     }
 
     if (moveEvaluation?.stockfish) {
       const stockfish = Object.entries(moveEvaluation?.stockfish.cp_vec)[0]
-      arr.push({
-        brush: 'blue',
-        orig: stockfish[0].slice(0, 2) as Key,
-        dest: stockfish[0].slice(2, 4) as Key,
-        modifiers: { lineWidth: 8 },
-      })
+      if (stockfish) {
+        arr.push({
+          brush: 'blue',
+          orig: stockfish[0].slice(0, 2) as Key,
+          dest: stockfish[0].slice(2, 4) as Key,
+          modifiers: { lineWidth: 8 },
+        })
+      }
     }
 
     setArrows(arr)
@@ -379,10 +383,16 @@ const Analysis: React.FC<Props> = ({
                 <div className="flex items-center justify-center">
                   <HorizontalEvaluationBar
                     min={0}
-                    max={800}
+                    max={1200}
                     value={
                       moveEvaluation?.stockfish
-                        ? 400 + moveEvaluation.stockfish.model_optimal_cp
+                        ? 600 +
+                          moveEvaluation.stockfish.model_optimal_cp *
+                            (analyzedGame.moves[
+                              controller.currentIndex
+                            ].board.split(' ')[1] !== controller.orientation[0]
+                              ? 1
+                              : -1)
                         : void 0
                     }
                     label="Stockfish Evaluation"