function MainComponent() { const [isRunning, setIsRunning] = useState(false); const [metrics, setMetrics] = useState({ testsRun: 0, successRate: 0, averageTime: 0, activeUsers: 0, aiMetrics: { patternConfidence: 85, detectionAccuracy: 92, falsePositives: 3, modelPrecision: 89 } }); const toggleTest = useCallback(()=>{ setIsRunning(!isRunning); if (!isRunning) { setMetrics((prev)=>({ ...prev, testsRun: prev.testsRun + 1, activeUsers: Math.floor(Math.random() * 100), successRate: Math.floor(Math.random() * 100), averageTime: Math.floor(Math.random() * 60), aiMetrics: { patternConfidence: Math.floor(80 + Math.random() * 20), detectionAccuracy: Math.floor(85 + Math.random() * 15), falsePositives: Math.floor(Math.random() * 10), modelPrecision: Math.floor(85 + Math.random() * 15) } })); } }, [ isRunning ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8fafc] p-6", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex items-center justify-between", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-poppins text-[#1e293b]", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Game Test Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: toggleTest, className: `px-6 py-2 rounded-lg font-semibold ${isRunning ? "bg-[#ef4444] hover:bg-[#dc2626]" : "bg-[#22c55e] hover:bg-[#16a34a]"} text-white transition-colors`, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, isRunning ? "Stop Tests" : "Start Tests")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-vial text-[#3b82f6] text-2xl", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "ml-3 font-semibold font-poppins", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Tests Run")), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mt-4", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, metrics.testsRun)), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-[#8b5cf6] text-2xl", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "ml-3 font-semibold font-poppins", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "Success Rate")), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mt-4", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, metrics.successRate, "%")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#f59e0b] text-2xl", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "ml-3 font-semibold font-poppins", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Avg Time")), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mt-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, metrics.averageTime, "s")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-xl shadow", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-[#10b981] text-2xl", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "ml-3 font-semibold font-poppins", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Active Users")), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold mt-4", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, metrics.activeUsers))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white p-6 rounded-xl shadow", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-poppins", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "AI Analysis Metrics"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-3 h-3 rounded-full ${isRunning ? "bg-[#22c55e]" : "bg-[#ef4444]"}`, __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm", __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, isRunning ? "Running" : "Stopped"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm", __source: { fileName: "", lineNumber: 101, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "Pattern Confidence"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, metrics.aiMetrics.patternConfidence, "%")), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-gray-200 rounded-full", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#3b82f6] rounded-full", style: { width: `${metrics.aiMetrics.patternConfidence}%` }, __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this }, "Detection Accuracy"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 118, columnNumber: 17 }, __self: this }, metrics.aiMetrics.detectionAccuracy, "%")), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-gray-200 rounded-full", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#8b5cf6] rounded-full", style: { width: `${metrics.aiMetrics.detectionAccuracy}%` }, __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, "False Positives"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, metrics.aiMetrics.falsePositives)), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-gray-200 rounded-full", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#ef4444] rounded-full", style: { width: `${metrics.aiMetrics.falsePositives * 10}%` }, __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 145, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm", __source: { fileName: "", lineNumber: 146, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 147, columnNumber: 17 }, __self: this }, "Model Precision"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, metrics.aiMetrics.modelPrecision, "%")), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-gray-200 rounded-full", __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#10b981] rounded-full", style: { width: `${metrics.aiMetrics.modelPrecision}%` }, __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }))))))); }