Overhaul dashboard into command center with compute tracking, era-gated sections

Add compute history time-series (capacity vs demand chart), revenue vs expenses
dual-line chart, enhanced system status (training allocation, network uptime,
model freshness), active operations panel, market position bars, and competitor
snapshot. Stat cards expand from 3 to 6 as player progresses through eras.
Graceful v9→v10 save migration preserves existing games.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/shared/src/constants/gameBalance.ts

@@ -10,6 +10,8 @@ export const AUTO_SAVE_INTERVAL_TICKS = 60;
 export const FINANCIAL_SNAPSHOT_INTERVAL = 60;
 export const MAX_FINANCIAL_HISTORY = 1000;
 export const MAX_REPUTATION_HISTORY = 500;
+export const COMPUTE_SNAPSHOT_INTERVAL = 60;
+export const MAX_COMPUTE_HISTORY = 500;
 
 export const STARTING_MONEY = 600_000;
 export const BASE_ENERGY_COST_PER_FLOP = 0.001;

packages/shared/src/types/compute.ts

@@ -1,3 +1,13 @@
+export interface ComputeSnapshot {
+  tick: number;
+  totalFlops: number;
+  effectiveTrainingFlops: number;
+  effectiveInferenceFlops: number;
+  inferenceUtilization: number;
+  tokensPerSecondCapacity: number;
+  tokensPerSecondDemand: number;
+}
+
 export interface ComputeState {
   totalFlops: number;
   totalTrainingFlops: number;
@@ -10,6 +20,7 @@ export interface ComputeState {
   inferenceUtilization: number;
   tokensPerSecondCapacity: number;
   tokensPerSecondDemand: number;
+  computeHistory: ComputeSnapshot[];
 }
 
 export const INITIAL_COMPUTE: ComputeState = {
@@ -24,4 +35,5 @@ export const INITIAL_COMPUTE: ComputeState = {
   inferenceUtilization: 0,
   tokensPerSecondCapacity: 0,
   tokensPerSecondDemand: 0,
+  computeHistory: [],
 };

packages/shared/src/types/gameState.ts

@@ -52,4 +52,4 @@ export const INITIAL_SETTINGS: GameSettings = {
   musicVolume: 0.5,
 };
 
-export const SAVE_VERSION = 9;
+export const SAVE_VERSION = 10;