jester1177/cloudnative-devops-debug-env
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Cloud-Native DevOps Debug Environment</title>7 <meta name="description" content="Train AI agents to debug broken GitHub Actions workflows, Dockerfiles, and Kubernetes manifests. 10 tasks, 50 scenarios, difficulty-aware grading.">8 <link rel="preconnect" href="https://fonts.googleapis.com">9 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">10 <style>11 *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }12 13 :root {14 --bg-primary: #0a0e1a;15 --bg-secondary: #111827;16 --bg-card: rgba(17, 24, 39, 0.6);17 --border-card: rgba(99, 102, 241, 0.15);18 --text-primary: #f1f5f9;19 --text-secondary: #94a3b8;20 --text-muted: #64748b;21 --accent-indigo: #818cf8;22 --accent-blue: #60a5fa;23 --accent-cyan: #22d3ee;24 --accent-emerald: #34d399;25 --accent-amber: #fbbf24;26 --accent-rose: #fb7185;27 --accent-purple: #a78bfa;28 --gradient-primary: linear-gradient(135deg, #818cf8, #60a5fa, #22d3ee);29 --gradient-warm: linear-gradient(135deg, #f97316, #fb7185, #a78bfa);30 }31 32 html { scroll-behavior: smooth; }33 34 body {35 font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;36 background: var(--bg-primary);37 color: var(--text-primary);38 line-height: 1.7;39 overflow-x: hidden;40 }41 42 .bg-grid {43 position: fixed; inset: 0; z-index: 0;44 background-image:45 radial-gradient(circle at 20% 30%, rgba(99,102,241,0.08) 0%, transparent 50%),46 radial-gradient(circle at 80% 70%, rgba(34,211,238,0.06) 0%, transparent 50%),47 radial-gradient(circle at 50% 50%, rgba(168,85,247,0.04) 0%, transparent 60%);48 animation: bgPulse 12s ease-in-out infinite alternate;49 }50 .bg-grid::after {51 content: ''; position: absolute; inset: 0;52 background-image: linear-gradient(rgba(99,102,241,0.03) 1px, transparent 1px),53 linear-gradient(90deg, rgba(99,102,241,0.03) 1px, transparent 1px);54 background-size: 60px 60px;55 }56 @keyframes bgPulse { 0% { opacity: 1; } 100% { opacity: 0.6; transform: scale(1.02); } }57 58 .container { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; padding: 0 24px; }59 60 /* Hero */61 .hero { text-align: center; padding: 80px 0 60px; }62 .hero-badge {63 display: inline-flex; align-items: center; gap: 8px;64 padding: 6px 16px; border-radius: 100px;65 background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.25);66 font-size: 0.8rem; font-weight: 500; color: var(--accent-indigo);67 letter-spacing: 0.5px; margin-bottom: 28px;68 animation: fadeInDown 0.6s ease-out;69 }70 .hero-badge .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-emerald); animation: pulse 2s ease-in-out infinite; }71 @keyframes pulse { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(52,211,153,0.5); } 50% { opacity: 0.7; box-shadow: 0 0 0 6px rgba(52,211,153,0); } }72 @keyframes fadeInDown { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } }73 @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }74 75 .hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 800; line-height: 1.15; letter-spacing: -1.5px; margin-bottom: 20px; animation: fadeInUp 0.7s ease-out 0.1s both; }76 .hero h1 .gradient-text { background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }77 .hero p { font-size: 1.15rem; color: var(--text-secondary); max-width: 680px; margin: 0 auto 36px; animation: fadeInUp 0.7s ease-out 0.2s both; }78 79 .hero-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; animation: fadeInUp 0.7s ease-out 0.3s both; }80 .btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 26px; border-radius: 12px; font-family: inherit; font-size: 0.9rem; font-weight: 600; text-decoration: none; cursor: pointer; border: none; transition: all 0.25s ease; }81 .btn-primary { background: var(--gradient-primary); color: #0a0e1a; }82 .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(99,102,241,0.3); }83 .btn-secondary { background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.25); color: var(--accent-indigo); }84 .btn-secondary:hover { background: rgba(99,102,241,0.18); transform: translateY(-2px); }85 86 /* Stats */87 .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 0 0 64px; animation: fadeInUp 0.7s ease-out 0.4s both; }88 .stat-card { text-align: center; padding: 24px 16px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-card); backdrop-filter: blur(12px); transition: border-color 0.3s; }89 .stat-card:hover { border-color: rgba(99,102,241,0.35); }90 .stat-number { font-size: 2rem; font-weight: 800; letter-spacing: -1px; background: var(--gradient-primary); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }91 .stat-label { font-size: 0.82rem; color: var(--text-muted); margin-top: 4px; font-weight: 500; }92 93 /* Section */94 .section { margin-bottom: 64px; }95 .section-header { margin-bottom: 28px; }96 .section-header h2 { font-size: 1.6rem; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 8px; }97 .section-header p { color: var(--text-secondary); font-size: 0.95rem; }98 99 /* Task Cards */100 .task-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 18px; }101 .task-card { padding: 24px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-card); backdrop-filter: blur(12px); transition: all 0.3s ease; position: relative; overflow: hidden; }102 .task-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 16px 16px 0 0; }103 .task-card:hover { border-color: rgba(99,102,241,0.35); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.3); }104 .task-card.easy::before { background: linear-gradient(90deg, #34d399, #22d3ee); }105 .task-card.medium::before { background: linear-gradient(90deg, #fbbf24, #f97316); }106 .task-card.hard::before { background: linear-gradient(90deg, #fb7185, #a78bfa); }107 .task-card.expert::before { background: linear-gradient(90deg, #a78bfa, #818cf8, #fb7185); }108 109 .task-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; }110 .task-id { font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; color: var(--accent-indigo); background: rgba(99,102,241,0.1); padding: 3px 10px; border-radius: 6px; }111 .difficulty-badge { font-size: 0.72rem; font-weight: 600; padding: 3px 10px; border-radius: 100px; text-transform: uppercase; letter-spacing: 0.5px; }112 .difficulty-badge.easy { background: rgba(52,211,153,0.12); color: #34d399; }113 .difficulty-badge.medium { background: rgba(251,191,36,0.12); color: #fbbf24; }114 .difficulty-badge.medium-hard { background: rgba(249,115,22,0.12); color: #f97316; }115 .difficulty-badge.hard { background: rgba(251,113,133,0.12); color: #fb7185; }116 .difficulty-badge.expert { background: rgba(167,139,250,0.15); color: #a78bfa; }117 118 .task-card h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 8px; }119 .task-card p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }120 .task-scenarios { margin-top: 14px; font-size: 0.78rem; color: var(--text-muted); font-weight: 500; }121 122 /* Flow Steps */123 .flow-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }124 .flow-step { padding: 28px 24px; border-radius: 16px; background: var(--bg-card); border: 1px solid var(--border-card); backdrop-filter: blur(12px); text-align: center; transition: all 0.3s ease; }125 .flow-step:hover { border-color: rgba(99,102,241,0.3); transform: translateY(-3px); }126 .flow-icon { font-size: 2rem; margin-bottom: 14px; display: block; }127 .flow-step h3 { font-size: 1rem; font-weight: 700; margin-bottom: 10px; }128 .flow-step p { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.6; }129 130 /* Grading */131 .grading-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }132 .grade-card { padding: 22px; border-radius: 14px; background: var(--bg-card); border: 1px solid var(--border-card); text-align: center; transition: all 0.3s ease; }133 .grade-card:hover { border-color: rgba(99,102,241,0.3); }134 .grade-weight { font-size: 1.8rem; font-weight: 800; margin-bottom: 6px; }135 .grade-card:nth-child(1) .grade-weight { color: var(--accent-emerald); }136 .grade-card:nth-child(2) .grade-weight { color: var(--accent-blue); }137 .grade-card:nth-child(3) .grade-weight { color: var(--accent-amber); }138 .grade-card:nth-child(4) .grade-weight { color: var(--accent-purple); }139 .grade-card:nth-child(5) .grade-weight { color: var(--accent-rose); }140 .grade-card h4 { font-size: 0.9rem; margin-bottom: 6px; }141 .grade-card p { font-size: 0.8rem; color: var(--text-muted); }142 143 /* Endpoint Table */144 .endpoint-table { width: 100%; border-collapse: collapse; border-radius: 16px; overflow: hidden; background: var(--bg-card); border: 1px solid var(--border-card); backdrop-filter: blur(12px); }145 .endpoint-table th { text-align: left; padding: 14px 20px; font-size: 0.78rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.8px; border-bottom: 1px solid var(--border-card); background: rgba(99,102,241,0.04); }146 .endpoint-table td { padding: 13px 20px; font-size: 0.88rem; border-bottom: 1px solid rgba(99,102,241,0.06); color: var(--text-secondary); }147 .endpoint-table tr:last-child td { border-bottom: none; }148 .endpoint-table tr:hover td { background: rgba(99,102,241,0.03); }149 .endpoint-path { font-family: 'JetBrains Mono', monospace; font-size: 0.84rem; color: var(--accent-cyan); }150 .method-badge { font-family: 'JetBrains Mono', monospace; font-size: 0.72rem; font-weight: 600; padding: 3px 8px; border-radius: 5px; text-transform: uppercase; }151 .method-badge.get { background: rgba(52,211,153,0.12); color: #34d399; }152 .method-badge.post { background: rgba(96,165,250,0.12); color: #60a5fa; }153 154 /* Code Block */155 .code-block { background: rgba(0,0,0,0.4); border: 1px solid var(--border-card); border-radius: 14px; padding: 22px 26px; font-family: 'JetBrains Mono', monospace; font-size: 0.82rem; line-height: 1.8; color: var(--text-secondary); overflow-x: auto; }156 .code-block .comment { color: var(--text-muted); }157 .code-block .cmd { color: var(--accent-cyan); }158 .code-block .flag { color: var(--accent-amber); }159 .code-block .url { color: var(--accent-indigo); }160 161 /* Footer */162 .footer { text-align: center; padding: 48px 0 40px; border-top: 1px solid var(--border-card); margin-top: 40px; }163 .footer p { font-size: 0.82rem; color: var(--text-muted); }164 .footer a { color: var(--accent-indigo); text-decoration: none; }165 .footer a:hover { text-decoration: underline; }166 167 @media (max-width: 768px) {168 .stats { grid-template-columns: repeat(2, 1fr); }169 .flow-steps { grid-template-columns: 1fr; }170 .task-grid { grid-template-columns: 1fr; }171 .grading-grid { grid-template-columns: repeat(2, 1fr); }172 }173 @media (max-width: 480px) {174 .stats { grid-template-columns: 1fr 1fr; gap: 10px; }175 .grading-grid { grid-template-columns: 1fr; }176 .hero { padding: 50px 0 40px; }177 }178 </style>179</head>180<body>181 182<div class="bg-grid"></div>183 184<div class="container">185 186 <section class="hero">187 <div class="hero-badge">188 <span class="dot"></span>189 OpenEnv Environment · Live190 </div>191 <h1>192 <span class="gradient-text">Cloud-Native DevOps</span><br>193 Debug Environment194 </h1>195 <p>196 Broken Dockerfiles. Misconfigured workflows. K8s pods stuck in CrashLoopBackOff.197 This environment throws real-world deployment failures at AI agents and198 measures how well they can track down the root cause and fix it.199 </p>200 <div class="hero-actions">201 <a href="/info" class="btn btn-primary">202 <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><polyline points="13 2 13 9 20 9"/></svg>203 Explore API204 </a>205 <a href="https://github.com/melohub-xbit/GitHubActions-Docker-OpenEnv" target="_blank" class="btn btn-secondary">206 <svg width="16" height="16" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.2 11.39.6.11.82-.26.82-.58v-2.17c-3.34.73-4.04-1.61-4.04-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.75.08-.73.08-.73 1.2.08 1.84 1.24 1.84 1.24 1.07 1.84 2.81 1.31 3.5 1 .1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1-.32 3.3 1.23a11.5 11.5 0 0 1 6.02 0c2.28-1.55 3.28-1.23 3.28-1.23.66 1.66.25 2.88.12 3.18.77.84 1.24 1.91 1.24 3.22 0 4.61-2.81 5.63-5.48 5.92.43.37.81 1.1.81 2.22v3.29c0 .32.22.7.82.58C20.56 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z"/></svg>207 GitHub208 </a>209 <a href="/docs" class="btn btn-secondary">210 <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>211 API Docs212 </a>213 </div>214 </section>215 216 <!-- Stats -->217 <div class="stats">218 <div class="stat-card">219 <div class="stat-number">10</div>220 <div class="stat-label">Task Categories</div>221 </div>222 <div class="stat-card">223 <div class="stat-number">50</div>224 <div class="stat-label">Unique Scenarios</div>225 </div>226 <div class="stat-card">227 <div class="stat-number">3</div>228 <div class="stat-label">Simulators (Docker, GHA, K8s)</div>229 </div>230 <div class="stat-card">231 <div class="stat-number">12</div>232 <div class="stat-label">API Endpoints</div>233 </div>234 </div>235 236 <!-- How It Works -->237 <section class="section">238 <div class="section-header">239 <h2>How It Works</h2>240 <p>Same loop every DevOps engineer runs through, just faster.</p>241 </div>242 <div class="flow-steps">243 <div class="flow-step">244 <span class="flow-icon">📥</span>245 <h3>1. Reset</h3>246 <p>Agent gets broken config files — a Dockerfile, a workflow YAML, some K8s manifests — along with whatever error the pipeline spit out.</p>247 </div>248 <div class="flow-step">249 <span class="flow-icon">🔧</span>250 <h3>2. Observe → Act</h3>251 <p>Read the error, find the bug, edit the file. Could be a typo, a wrong port, a missing secret. Up to 10 steps to get it right.</p>252 </div>253 <div class="flow-step">254 <span class="flow-icon">📊</span>255 <h3>3. Grade</h3>256 <p>Deterministic scoring: how many issues got fixed, how quickly, and whether hints were needed. Harder tasks are graded more generously.</p>257 </div>258 </div>259 </section>260 261 <!-- Tasks -->262 <section class="section">263 <div class="section-header">264 <h2>10 Tasks, 50 Scenarios</h2>265 <p>From single-typo Dockerfile fixes to multi-bug pipeline debugging across GHA + Docker + K8s.</p>266 </div>267 <div class="task-grid">268 <div class="task-card easy">269 <div class="task-header">270 <span class="task-id">dockerfile_syntax</span>271 <span class="difficulty-badge easy">Easy</span>272 </div>273 <h3>Dockerfile Syntax Errors</h3>274 <p>The classic stuff — misspelled filenames, bad base image tags, broken <code>RUN</code> continuations. Things that make <code>docker build</code> fail immediately.</p>275 <div class="task-scenarios">5 scenarios</div>276 </div>277 <div class="task-card medium">278 <div class="task-header">279 <span class="task-id">dockerfile_runtime</span>280 <span class="difficulty-badge medium">Medium</span>281 </div>282 <h3>Dockerfile Runtime Errors</h3>283 <p>It builds fine, then crashes at runtime. Missing WORKDIR, CMD/ENTRYPOINT conflicts, permission issues, missing env vars.</p>284 <div class="task-scenarios">5 scenarios</div>285 </div>286 <div class="task-card easy">287 <div class="task-header">288 <span class="task-id">workflow_syntax_structure</span>289 <span class="difficulty-badge easy">Easy</span>290 </div>291 <h3>Workflow Syntax & Structure</h3>292 <p>GitHub Actions YAML that GitHub refuses to even parse. Missing <code>runs-on</code>, wrong trigger format, steps without actions.</p>293 <div class="task-scenarios">5 scenarios</div>294 </div>295 <div class="task-card medium">296 <div class="task-header">297 <span class="task-id">workflow_secrets_permissions</span>298 <span class="difficulty-badge medium">Medium</span>299 </div>300 <h3>Secrets & Permissions</h3>301 <p>The secret is right there in the repo settings, but the workflow can't see it. Missing <code>env:</code> blocks, wrong <code>${{ }}</code> syntax, token permission gaps.</p>302 <div class="task-scenarios">5 scenarios</div>303 </div>304 <div class="task-card medium">305 <div class="task-header">306 <span class="task-id">ci_docker_integration</span>307 <span class="difficulty-badge medium-hard">Medium-Hard</span>308 </div>309 <h3>CI + Docker Integration</h3>310 <p>The workflow and Dockerfile depend on each other. Build context mismatches, missing buildx setup, login without secrets.</p>311 <div class="task-scenarios">5 scenarios</div>312 </div>313 <div class="task-card hard">314 <div class="task-header">315 <span class="task-id">multi_stage_pipeline_matrix</span>316 <span class="difficulty-badge hard">Hard</span>317 </div>318 <h3>Multi-Stage & Matrix Pipelines</h3>319 <p>Multi-stage builds, matrix strategies, cross-job artifacts. Two or three bugs that only make sense when you look at the files together.</p>320 <div class="task-scenarios">5 scenarios</div>321 </div>322 <div class="task-card medium">323 <div class="task-header">324 <span class="task-id">k8s_pod_failures</span>325 <span class="difficulty-badge medium">Medium</span>326 </div>327 <h3>Kubernetes Pod Failures</h3>328 <p>Pods stuck in CrashLoopBackOff or ImagePullBackOff. OOM kills, wrong commands, missing ConfigMaps, misconfigured probes.</p>329 <div class="task-scenarios">5 scenarios</div>330 </div>331 <div class="task-card hard">332 <div class="task-header">333 <span class="task-id">k8s_networking</span>334 <span class="difficulty-badge hard">Hard</span>335 </div>336 <h3>K8s Service & Ingress Issues</h3>337 <p>Pods are running, but nobody can reach them. Selector mismatches, wrong targetPorts, NetworkPolicies blocking traffic, missing ingress classes.</p>338 <div class="task-scenarios">5 scenarios</div>339 </div>340 <div class="task-card hard">341 <div class="task-header">342 <span class="task-id">pipeline_build_deploy</span>343 <span class="difficulty-badge hard">Hard</span>344 </div>345 <h3>Build & Push Pipeline</h3>346 <p>End-to-end GHA-to-Docker-to-Registry failures. GHCR tokens not wired, image tag mismatches between build and push, missing permissions.</p>347 <div class="task-scenarios">5 scenarios</div>348 </div>349 <div class="task-card expert">350 <div class="task-header">351 <span class="task-id">pipeline_full_stack</span>352 <span class="difficulty-badge expert">Expert</span>353 </div>354 <h3>Full Stack Pipeline</h3>355 <p>The real deal — 2 to 4 bugs scattered across a GHA workflow, Dockerfile, and K8s manifests at the same time. Requires cross-file reasoning.</p>356 <div class="task-scenarios">5 scenarios · multi-error</div>357 </div>358 </div>359 </section>360 361 <!-- Grading -->362 <section class="section">363 <div class="section-header">364 <h2>Grading</h2>365 <p>Deterministic, difficulty-aware scoring. Same actions, same score. Harder tasks get more room to breathe.</p>366 </div>367 <div class="grading-grid">368 <div class="grade-card">369 <div class="grade-weight">35%</div>370 <h4>Partial Fixes</h4>371 <p>Credit for each issue you fix, even if you don't get them all</p>372 </div>373 <div class="grade-card">374 <div class="grade-weight">25%</div>375 <h4>Complete Bonus</h4>376 <p>Extra credit when every single issue is resolved</p>377 </div>378 <div class="grade-card">379 <div class="grade-weight">25%</div>380 <h4>Efficiency</h4>381 <p>Fewer steps is better — decay is gentler on hard tasks</p>382 </div>383 <div class="grade-card">384 <div class="grade-weight">+3%</div>385 <h4>Difficulty Bonus</h4>386 <p>Solving hard/expert tasks perfectly earns extra points</p>387 </div>388 <div class="grade-card">389 <div class="grade-weight">−3-4%</div>390 <h4>Hint Penalty</h4>391 <p>Per hint used — cheaper on harder tasks where hints are fair</p>392 </div>393 </div>394 </section>395 396 <!-- API Endpoints -->397 <section class="section">398 <div class="section-header">399 <h2>API Endpoints</h2>400 <p>Everything you need to run episodes, grade trajectories, and inspect the environment.</p>401 </div>402 <table class="endpoint-table">403 <thead>404 <tr><th>Endpoint</th><th>Method</th><th>Description</th></tr>405 </thead>406 <tbody>407 <tr><td><span class="endpoint-path">/health</span></td><td><span class="method-badge get">GET</span></td><td>Returns <code>{"status": "healthy"}</code></td></tr>408 <tr><td><span class="endpoint-path">/metadata</span></td><td><span class="method-badge get">GET</span></td><td>Environment name, version, tags</td></tr>409 <tr><td><span class="endpoint-path">/tasks</span></td><td><span class="method-badge get">GET</span></td><td>All 10 tasks with difficulty levels</td></tr>410 <tr><td><span class="endpoint-path">/info</span></td><td><span class="method-badge get">GET</span></td><td>Full task list with schemas</td></tr>411 <tr><td><span class="endpoint-path">/reset</span></td><td><span class="method-badge post">POST</span></td><td>Start a new episode (pick a task or get a random one)</td></tr>412 <tr><td><span class="endpoint-path">/step</span></td><td><span class="method-badge post">POST</span></td><td>Take an action, get back observation + reward</td></tr>413 <tr><td><span class="endpoint-path">/state</span></td><td><span class="method-badge get">GET</span></td><td>Current observation without acting</td></tr>414 <tr><td><span class="endpoint-path">/grader</span></td><td><span class="method-badge post">POST</span></td><td>Score a trajectory after the episode</td></tr>415 <tr><td><span class="endpoint-path">/baseline</span></td><td><span class="method-badge post">POST</span></td><td>Run the built-in heuristic baseline</td></tr>416 <tr><td><span class="endpoint-path">/schema</span></td><td><span class="method-badge get">GET</span></td><td>Action and observation JSON schemas</td></tr>417 <tr><td><span class="endpoint-path">/mcp</span></td><td><span class="method-badge post">POST</span></td><td>JSON-RPC 2.0 MCP endpoint</td></tr>418 <tr><td><span class="endpoint-path">/docs</span></td><td><span class="method-badge get">GET</span></td><td>Interactive Swagger docs</td></tr>419 </tbody>420 </table>421 </section>422 423 <!-- Quick Start -->424 <section class="section">425 <div class="section-header">426 <h2>Try It</h2>427 <p>Fix a K8s OOMKilled pod in 3 commands.</p>428 </div>429 <div class="code-block">430<span class="comment"># 1. Get a broken K8s deployment with OOMKilled pods</span>431<span class="cmd">curl</span> -X POST <span class="url">http://localhost:7860/reset</span> \432 -H <span class="flag">"Content-Type: application/json"</span> \433 -d '{"task_id": "k8s_pod_failures", "scenario_id": "oom_killed"}'434 435<span class="comment"># 2. Bump the memory limit from 64Mi to 256Mi</span>436<span class="cmd">curl</span> -X POST <span class="url">http://localhost:7860/step</span> \437 -H <span class="flag">"Content-Type: application/json"</span> \438 -d '{"action": {"action_type": "edit_file", "edits": [{"file_path": "k8s/deployment.yaml", "old_content": "memory: \"64Mi\"", "new_content": "memory: \"256Mi\""}]}}'439 440<span class="comment"># 3. Done - issues_fixed: 1/1, reward: 0.3</span>441 </div>442 </section>443 444 <footer class="footer">445 <p>446 Built for the <strong>OpenEnv Hackathon</strong> by447 <a href="https://github.com/melohub-xbit/GitHubActions-Docker-OpenEnv" target="_blank">Scaler School of Technology</a>448 · Partners: Meta, HuggingFace, PyTorch449 </p>450 <p style="margin-top: 8px;">MIT License</p>451 </footer>452 453</div>454 455<script>456 const cards = document.querySelectorAll('.task-card, .grade-card, .flow-step');457 const obs = new IntersectionObserver((entries) => {458 entries.forEach((entry, i) => {459 if (entry.isIntersecting) {460 entry.target.style.animation = `fadeInUp 0.5s ease-out ${i * 0.06}s both`;461 obs.unobserve(entry.target);462 }463 });464 }, { threshold: 0.15 });465 cards.forEach(c => obs.observe(c));466</script>467 468</body>469</html>470 