Overhaul rack system with split FLOPS, VRAM, cooling, interconnect, and multi-vendor SKUs

Expand from 10 to 18 rack SKUs across NVIDIA, AMD, and custom ASIC vendors, each with distinct training vs inference FLOPS, VRAM capacity, cooling requirements, and interconnect technology. Adds cooling hierarchy (air/liquid/immersion) that gates rack deployment, VRAM requirements that gate model training by generation, interconnect multipliers for distributed training scaling, and PUE-based energy cost reduction for advanced cooling. Includes save migration from v4 to v5, 6 new research nodes, and UI updates showing split compute stats. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-25 02:27:03 -04:00
parent 54220fca70
commit fc1f371c8c
12 changed files with 749 additions and 100 deletions
@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { Brain, Play, Rocket, Globe, SlidersHorizontal, ChevronDown, ChevronUp } from 'lucide-react';
 import { TutorialHint } from '@/components/game/TutorialHint';
 import { useGameStore } from '@/store';
-import { formatNumber, formatPercent, formatDuration } from '@ai-tycoon/shared';
+import { formatNumber, formatPercent, formatDuration, VRAM_REQUIREMENTS_BY_GENERATION } from '@ai-tycoon/shared';
 import type { TuningPreset } from '@ai-tycoon/shared';

 export function ModelsPage() {
@@ -10,6 +10,7 @@ export function ModelsPage() {
  const activeTraining = useGameStore((s) => s.models.activeTraining);
  const productLines = useGameStore((s) => s.models.productLines);
  const totalFlops = useGameStore((s) => s.compute.totalFlops);
+  const totalVramGB = useGameStore((s) => s.compute.totalVramGB);
  const trainingAlloc = useGameStore((s) => s.compute.trainingAllocation);
  const totalData = useGameStore((s) => s.data.totalTrainingTokens);
  const startTraining = useGameStore((s) => s.startTraining);
@@ -89,6 +90,14 @@ export function ModelsPage() {
            <div className="text-xs text-surface-500 mt-1">
              ETA: {formatDuration(activeTraining.totalTicks - activeTraining.progressTicks)}
            </div>
+            {(() => {
+              const reqVram = VRAM_REQUIREMENTS_BY_GENERATION[activeTraining.generation] ?? 0;
+              return reqVram > 0 && totalVramGB < reqVram ? (
+                <p className="text-xs text-error mt-2">
+                  Training stalled — requires {formatNumber(reqVram)} GB VRAM (have {formatNumber(totalVramGB)} GB). Deploy more GPU racks.
+                </p>
+              ) : null;
+            })()}
          </div>
        ) : (
          <div className="space-y-3">
@@ -102,11 +111,15 @@ export function ModelsPage() {
                className="w-full bg-surface-800 border border-surface-600 rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-accent/50"
              />
            </div>
-            <div className="grid grid-cols-3 gap-3 text-sm">
+            <div className="grid grid-cols-4 gap-3 text-sm">
              <div className="bg-surface-800 rounded-lg p-3">
                <div className="text-xs text-surface-400">Training Compute</div>
                <div className="font-mono">{formatNumber(trainingFlops)} FLOPS</div>
              </div>
+              <div className="bg-surface-800 rounded-lg p-3">
+                <div className="text-xs text-surface-400">Available VRAM</div>
+                <div className="font-mono">{formatNumber(totalVramGB)} GB</div>
+              </div>
              <div className="bg-surface-800 rounded-lg p-3">
                <div className="text-xs text-surface-400">Training Data</div>
                <div className="font-mono">{formatNumber(totalData)} tokens</div>