Team Ai
Apppublic

jester1177/cloudnative-devops-debug-env

sourceHugging Faceupdated 6mo agoView on Hugging Face
0likes
index.html470 linesDownload Raw Back to static
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 &middot; 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">&#x1F4E5;</span>245                <h3>1. Reset</h3>246                <p>Agent gets broken config files &mdash; a Dockerfile, a workflow YAML, some K8s manifests &mdash; along with whatever error the pipeline spit out.</p>247            </div>248            <div class="flow-step">249                <span class="flow-icon">&#x1F527;</span>250                <h3>2. Observe &rarr; 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">&#x1F4CA;</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 &mdash; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &mdash; 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 &middot; 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 &mdash; 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">&minus;3-4%</div>390                <h4>Hint Penalty</h4>391                <p>Per hint used &mdash; 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            &middot; 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