Kalletlamadhav/sql_optimized_env_new
0
1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/92cf7c11314a092f.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-3779031bac69e6d0.js"/><script src="/_next/static/chunks/fd9d1056-7fd20a574bd932f0.js" async=""></script><script src="/_next/static/chunks/117-9200107e6f00cd77.js" async=""></script><script src="/_next/static/chunks/main-app-239fcfbb05c85c5b.js" async=""></script><script src="/_next/static/chunks/121-70000e607868547b.js" async=""></script><script src="/_next/static/chunks/851-440ed59c79dc692c.js" async=""></script><script src="/_next/static/chunks/app/dashboard/page-061c53351a1b2876.js" async=""></script><script src="/_next/static/chunks/app/error-ef7ed99ebc851302.js" async=""></script><title>SQL Optimization RL Environment</title><meta name="description" content="Meta x PyTorch OpenEnv Hackathon 2026 — Train AI agents to optimize SQL queries"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__className_f367f3" style="background:#0A0B1A;margin:0"><div class="min-h-screen flex flex-col" style="background:var(--bg-primary)"><header class="flex items-center justify-between px-8 py-4" style="background:var(--bg-panel);border-bottom:1px solid var(--border-subtle)"><div class="flex items-center gap-5"><div class="flex items-center gap-2"><div class="w-7 h-7 rounded-lg flex items-center justify-center text-xs font-extrabold" style="background:linear-gradient(135deg,#4A90D9,#00D4FF);color:#fff">SQL</div><span class="font-bold text-sm" style="color:var(--text-primary)">Optimization Dashboard</span></div><span class="text-xs px-3 py-1 rounded-full font-semibold" style="background:linear-gradient(90deg,#4A90D920,#00D4FF15);color:#4A90D9;border:1px solid #4A90D940">Level <!-- -->1<!-- --> — <!-- -->Intro</span><span class="text-xs px-3 py-1 rounded-full" style="background:#FFD74020;color:#FFD740;border:1px solid #FFD74040">● Checking backend…</span></div><div class="flex items-center gap-4"><div class="relative"><select class="text-xs px-3 py-2 rounded-lg outline-none pr-8 appearance-none" style="background:#0F1229;border:1px solid #1E2140;color:#E8EAF6;min-width:240px"><option value="pds_select_star" selected="">PDS: Avoid SELECT *<!-- --> (<!-- -->Easy<!-- -->)</option><option value="mgnrega_count">MGNREGA: Column Reduction<!-- --> (<!-- -->Easy<!-- -->)</option><option value="gst_missing_index" disabled="">🔒 <!-- -->GST: Add Missing Index<!-- --> (<!-- -->Easy<!-- -->)</option><option value="railway_simple_filter" disabled="">🔒 <!-- -->Railway: Filter Index<!-- --> (<!-- -->Easy<!-- -->)</option><option value="railway_missing_index" disabled="">🔒 <!-- -->Railway: Journey Date Index<!-- --> (<!-- -->Medium<!-- -->)</option><option value="gst_unbounded_aggregation" disabled="">🔒 <!-- -->GST: Unbounded Aggregation<!-- --> (<!-- -->Medium<!-- -->)</option><option value="gst_n_plus_one" disabled="">🔒 <!-- -->GST: N+1 Correlated Query<!-- --> (<!-- -->Medium<!-- -->)</option><option value="pds_cartesian" disabled="">🔒 <!-- -->PDS: Cartesian Product Fix<!-- --> (<!-- -->Medium<!-- -->)</option><option value="mgnrega_wildcard" disabled="">🔒 <!-- -->MGNREGA: Wildcard LIKE Fix<!-- --> (<!-- -->Medium<!-- -->)</option><option value="pds_n_plus_one" disabled="">🔒 <!-- -->PDS: N+1 Beneficiary Query<!-- --> (<!-- -->Hard<!-- -->)</option><option value="mgnrega_implicit_cast" disabled="">🔒 <!-- -->MGNREGA: Implicit Type Cast<!-- --> (<!-- -->Hard<!-- -->)</option><option value="gst_multi_join" disabled="">🔒 <!-- -->GST: Multi-Table Join<!-- --> (<!-- -->Hard<!-- -->)</option></select><div class="absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none" style="color:#8892a4">▾</div></div><div class="flex items-center gap-3 text-xs" style="color:var(--text-muted)"><span>Ep: <strong style="color:#E8EAF6">0</strong></span><span>Steps: <strong style="color:#E8EAF6">0</strong></span></div></div></header><div class="flex justify-center items-center gap-8 py-3 px-8" style="background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);position:relative"><div class="absolute left-[10%] right-[10%] top-1/2 h-0.5" style="background:var(--border-subtle)"></div><div class="absolute left-[10%] top-1/2 h-0.5" style="background:linear-gradient(90deg,#4A90D9,#00D4FF);width:0px;transform-origin:0% 50% 0"></div><div class="flex flex-col items-center gap-2" style="opacity:0;transform:translateY(10px)"><div class="relative w-12 h-12 rounded-full flex items-center justify-center text-sm font-bold border-2 cursor-default" style="background-color:#4A90D9;border-color:#00D4FF;color:#FFFFFF;box-shadow:0 0 18px #4A90D940">L<!-- -->1<div class="absolute inset-0 rounded-full border-2 border-cyan-400" style="opacity:0.7;transform:none"></div></div><span class="text-xs" style="color:#8892A4">Intro</span></div><div class="flex flex-col items-center gap-2" style="opacity:0;transform:translateY(10px)"><div class="relative w-12 h-12 rounded-full flex items-center justify-center text-sm font-bold border-2 cursor-default" style="background-color:#1E2140;border-color:#2A3050;color:#4A5568;box-shadow:none">L<!-- -->2</div><span class="text-xs" style="color:#4A5568">Easy</span></div><div class="flex flex-col items-center gap-2" style="opacity:0;transform:translateY(10px)"><div class="relative w-12 h-12 rounded-full flex items-center justify-center text-sm font-bold border-2 cursor-default" style="background-color:#1E2140;border-color:#2A3050;color:#4A5568;box-shadow:none">L<!-- -->3</div><span class="text-xs" style="color:#4A5568">Medium</span></div><div class="flex flex-col items-center gap-2" style="opacity:0;transform:translateY(10px)"><div class="relative w-12 h-12 rounded-full flex items-center justify-center text-sm font-bold border-2 cursor-default" style="background-color:#1E2140;border-color:#2A3050;color:#4A5568;box-shadow:none">L<!-- -->4</div><span class="text-xs" style="color:#4A5568">Hard</span></div><div class="flex flex-col items-center gap-2" style="opacity:0;transform:translateY(10px)"><div class="relative w-12 h-12 rounded-full flex items-center justify-center text-sm font-bold border-2 cursor-default" style="background-color:#1E2140;border-color:#2A3050;color:#4A5568;box-shadow:none">L<!-- -->5</div><span class="text-xs" style="color:#4A5568">Expert</span></div></div><div class="flex-1 grid grid-cols-1 xl:grid-cols-[300px_1fr_300px] gap-5 p-5"><div class="space-y-4"><div class="min-h-[360px] rounded-xl flex flex-col items-center justify-center text-center px-6" style="background:var(--bg-card);border:1px solid var(--border-subtle)"><div class="mb-4 h-10 w-10 rounded-full border-2 border-t-transparent animate-spin" style="border-color:#4A90D9;border-top-color:transparent"></div><div class="text-sm font-semibold" style="color:var(--text-primary)">Preparing environment</div><p class="mt-2 text-xs max-w-sm" style="color:var(--text-muted)">Loading task goal and backend state…</p></div></div><div class="space-y-4 min-h-[360px]"><div class="min-h-[360px] rounded-xl flex flex-col items-center justify-center text-center px-6" style="background:var(--bg-card);border:1px solid var(--border-subtle)"><div class="mb-4 h-10 w-10 rounded-full border-2 border-t-transparent animate-spin" style="border-color:#4A90D9;border-top-color:transparent"></div><div class="text-sm font-semibold" style="color:var(--text-primary)">Preparing environment</div><p class="mt-2 text-xs max-w-sm" style="color:var(--text-muted)">Waking the training environment. HuggingFace cold-starts can take 30–60s…</p></div></div><div class="space-y-4"><div class="rounded-xl p-5" style="background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:0 0 20px #00000030"><div class="flex justify-between items-center mb-4"><h3 class="text-xs font-semibold tracking-wide" style="color:var(--text-muted)">REWARD BREAKDOWN</h3><div class="text-2xl font-bold font-mono" style="color:#FF5252;opacity:0;transform:scale(0.6)">0<!-- -->%</div></div><div class="h-[240px] w-full"><div class="recharts-responsive-container" style="width:100%;height:100%;min-width:0"><div style="width:0;height:0;overflow:visible"></div></div></div></div><div class="rounded-xl p-4 mt-4" style="background:var(--bg-card);border:1px solid var(--border-subtle)"><div class="text-xs font-bold mb-3" style="color:var(--text-muted)">LIVE METRICS</div><div class="text-xs text-center py-4" style="color:var(--text-muted)">Submit an optimization to see metrics</div></div><div class="min-h-[360px] rounded-xl flex flex-col items-center justify-center text-center px-6" style="background:var(--bg-card);border:1px solid var(--border-subtle)"><div class="mb-4 h-10 w-10 rounded-full border-2 border-t-transparent animate-spin" style="border-color:#4A90D9;border-top-color:transparent"></div><div class="text-sm font-semibold" style="color:var(--text-primary)">Preparing environment</div><p class="mt-2 text-xs max-w-sm" style="color:var(--text-muted)">Execution plan appears after backend responds.</p></div><div class="p-4 rounded-xl overflow-y-auto" style="background:#0f172a;border:1px solid #1e2140;max-height:400px;color:#cbd5e1"><div class="text-xs font-bold mb-4" style="color:var(--text-muted)">EPISODE HISTORY</div><div class="space-y-3"><div class="text-center py-6 text-xs" style="color:var(--text-muted)">No steps recorded yet.</div></div></div></div></div><div style="position:fixed;left:16px;bottom:16px;width:200px;height:200px;z-index:50;border-radius:16px;overflow:hidden;box-shadow:0 0 30px #4A90D930;pointer-events:none"><iframe src="https://my.spline.design/miniaturecyborgrobot-9133bd5ccca1c9a405fb5ef1ff2dfd91/" width="100%" height="100%" frameBorder="0" style="pointer-events:auto"></iframe></div></div><script src="/_next/static/chunks/webpack-3779031bac69e6d0.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/92cf7c11314a092f.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"2:I[2846,[],\"\"]\n4:I[9107,[],\"ClientPageRoot\"]\n5:I[7858,[\"121\",\"static/chunks/121-70000e607868547b.js\",\"851\",\"static/chunks/851-440ed59c79dc692c.js\",\"702\",\"static/chunks/app/dashboard/page-061c53351a1b2876.js\"],\"default\",1]\n6:I[4707,[],\"\"]\n7:I[6423,[],\"\"]\n8:I[3490,[\"601\",\"static/chunks/app/error-ef7ed99ebc851302.js\"],\"default\"]\na:I[1060,[],\"\"]\nb:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L2\",null,{\"buildId\":\"zPeYU-NgI_gUzLnLbujuZ\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"dashboard\",\"\"],\"initialTree\":[\"\",{\"children\":[\"dashboard\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"dashboard\",{\"children\":[\"__PAGE__\",{},[[\"$L3\",[\"$\",\"$L4\",null,{\"props\":{\"params\":{},\"searchParams\":{}},\"Component\":\"$5\"}],null],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"dashboard\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/92cf7c11314a092f.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_f367f3\",\"style\":{\"background\":\"#0A0B1A\",\"margin\":0},\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$8\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L9\"],\"globalErrorComponent\":\"$a\",\"missingSlots\":\"$Wb\"}]\n"])</script><script>self.__next_f.push([1,"9:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"SQL Optimization RL Environment\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Meta x PyTorch OpenEnv Hackathon 2026 — Train AI agents to optimize SQL queries\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}]]\n3:null\n"])</script></body></html>