added log gui and detailed probes

Author: HarryLuUMN

src/game/scenes/level1.tsx

@@ -28,7 +28,7 @@ import { createScoreUI, resetScoreUI } from '../../langgraph/workflowUtils';
 
 // import { createGenerateVisualizationButton } from '../../langgraph/visualizationGenerate';
 
-import { saveHistory, createHistoryButton, createSimpleInstructionHUD, createDifficultySelector, addPDFIcon, pickAgentForSingleStrict, addTitleWithHoverInfo  } from './levelHelper';
+import { saveHistory, createHistoryButton, createSimpleInstructionHUD, createDifficultySelector, addPDFIcon, pickAgentForSingleStrict, addTitleWithHoverInfo, createDownloadButton  } from './levelHelper';
 import { recorder } from '../utils/recorder';
 
 
@@ -634,6 +634,7 @@ export class Level1 extends ParentScene {
     this.cameras.main.setZoom(zoom);
     this.cameras.main.centerOn(mapWidth / 2, mapHeight / 2);
 
+    createDownloadButton(this, "level1");
     createHistoryButton(this, "level1");
 
     // this.events.on('level-complete', () => {

src/game/scenes/level2.tsx

@@ -28,7 +28,7 @@ import { createScoreUI, resetScoreUI } from '../../langgraph/workflowUtils';
 
 // import { createGenerateVisualizationButton } from '../../langgraph/visualizationGenerate';
 
-import { saveHistory, createHistoryButton, createSimpleInstructionHUD, createDifficultySelector, addPDFIcon, pickAgentForSingleStrict, addTitleWithHoverInfo} from './levelHelper';
+import { saveHistory, createHistoryButton, createSimpleInstructionHUD, createDifficultySelector, addPDFIcon, pickAgentForSingleStrict, addTitleWithHoverInfo, createDownloadButton} from './levelHelper';
 import { recorder } from '../utils/recorder';
 
 
@@ -652,6 +652,7 @@ export class Level2 extends ParentScene {
       }
     });
 
+    createDownloadButton(this, "level2");
     createHistoryButton(this, "level2");
   }
 
@@ -897,6 +898,8 @@ export class Level2 extends ParentScene {
     this.attachInfoIcon(this.kidneyBtn, 'kidney_groundtruth');
 
     this.debateStartBtn.on('pointerdown', async () => {
+
+      recorder.recordEvent('simulation_started');
 
     // Reset old UIs(ReportUI and ScoresUI)
     resetReportIcons(this);

src/game/scenes/level3.tsx

@@ -28,7 +28,7 @@ import { createScoreUI, resetScoreUI } from '../../langgraph/workflowUtils';
 
 // import { createGenerateVisualizationButton } from '../../langgraph/visualizationGenerate';
 
-import { saveHistory, createHistoryButton, createSimpleInstructionHUD, createDifficultySelector, addPDFIcon, pickAgentForSingleStrict, addTitleWithHoverInfo} from './levelHelper';
+import { saveHistory, createHistoryButton, createSimpleInstructionHUD, createDifficultySelector, addPDFIcon, pickAgentForSingleStrict, addTitleWithHoverInfo, createDownloadButton} from './levelHelper';
 import { recorder } from '../utils/recorder';
 
 const level = "level3"
@@ -669,6 +669,7 @@ export class Level3 extends ParentScene {
     this.cameras.main.setZoom(zoom);
     this.cameras.main.centerOn(mapWidth / 2, mapHeight / 2);
 
+    createDownloadButton(this, "level2");
     createHistoryButton(this, "level2");
 
     this.events.on('level-complete', (payload?: { score: number }) => {
@@ -925,6 +926,8 @@ return result;
     this.attachInfoIcon(this.kidneyBtn, 'kidney_groundtruth');
 
     this.debateStartBtn.on('pointerdown', async () => {
+
+      recorder.recordEvent('simulation_started');
 
     // Reset old UIs(ReportUI and ScoresUI)
     resetReportIcons(this);

src/game/scenes/levelHelper.ts

@@ -2,6 +2,29 @@
 import Phaser from 'phaser';
 import { key } from '../constants';
 import { Agent } from '../sprites/Agent';
+import { recorder } from '../utils/recorder';
+
+export function createDownloadButton(scene: Phaser.Scene, level: string) {
+  const screenWidth = scene.cameras.main.width;
+  const screenHeight = scene.cameras.main.height;
+
+  const button = scene.add.text(screenWidth - 65, screenHeight - 80, '📊 Data Download', {
+    fontSize: '18px',
+    fontFamily: 'Verdana',
+    color: '#ffffff',
+    backgroundColor: '#000000',
+    padding: { x: 10, y: 5 },
+  })
+    .setOrigin(0.5)
+    .setScrollFactor(0)
+    .setDepth(2000)
+    .setInteractive();
+
+  button.on('pointerdown', () => {
+    recorder.endRecord();
+  });
+}
+
 
 // === History ===
 interface HistoryRecord {
@@ -48,6 +71,8 @@ export function createHistoryButton(scene: Phaser.Scene, level: string) {
   });
 }
 
+
+
 // Display history
 function showHistory(scene: Phaser.Scene, level: string) {
   const key = HISTORY_KEY_PREFIX + level;

src/utils/interactionUtils.ts

@@ -1,3 +1,5 @@
+import { recorder } from "../game/utils/recorder";
+
 export function createHoveredWindow(
     scene: any,
     pointer: any,
@@ -66,5 +68,6 @@ export function addEventToStrategy(
             scene.registry.set("workflowConfig", tempConfig);
             btn.setTexture(strategy);
             console.log("Updated workflowConfig:", scene.registry.get("workflowConfig"));
+            recorder.recordEvent(`strategy_selected_${strategy}`); // Log event when strategy is selected
         });
 }