Upload index.html

web/index.html

@@ -120,6 +120,40 @@
           </section>
 </section>
 
+
+      <section class="panel space-test-panel" id="spaceTestSection">
+        <div class="space-test-grid">
+          <div>
+            <div class="section-head compact"><div><span class="panel-icon">⚗</span><h2>Space Test</h2></div></div>
+            <p class="muted validation-help">Validation launches a separate validation run for an existing Space. It does not replace the current Active Run unless you select it from the Runs Explorer. Test kwargs are endpoint-specific; the validation Job inspects the Gradio API schema and ignores unsupported kwargs with a warning.</p>
+            <div class="form-grid test-top-row">
+              <label>Target Space ID<input id="validateSpace" placeholder="fffiloni/my-llama-31-8b-demo" /></label>
+              <label>API name<input id="validateApi" value="/predict" /></label>
+              <label>Expected output type<select id="expectedOutput"><option value="text">Text</option><option value="image">Image</option><option value="video">Video</option><option value="audio">Audio</option><option value="any">Any</option></select></label>
+              <label>Timeout (s)<input id="validateTimeout" value="60" /></label>
+            </div>
+            <div class="editor-grid">
+              <label>Test args (JSON array)<textarea id="testArgs" rows="7">[
+  "Explain the concept of agentic AI in one paragraph."
+]</textarea></label>
+              <label>Test kwargs (JSON object)<textarea id="testKwargs" rows="7">{}</textarea></label>
+            </div>
+          </div>
+
+          <div class="validation-result-card" id="spaceTestPreview">
+            <div class="validation-grid">
+              <div><span>Validation status</span><strong><span class="badge neutral" id="spaceTestStatus">Pending</span></strong></div>
+              <div><span>Latency</span><strong>—</strong></div>
+              <div><span>Validation run ID</span><strong id="spaceTestOutput">—</strong></div>
+              <div><span>Started at</span><strong id="lastPolled">—</strong></div>
+              <div><span>Verdict</span><strong id="spaceTestVerdict">pending</strong></div>
+            </div>
+            <button class="primary full" id="launchValidate">Launch validation</button>
+          </div>
+        </div>
+      </section>
+
+      
         <section class="panel runs-explorer-panel" id="runsExplorerPanel">
           <div class="section-head compact">
             <div><span class="panel-icon">☰</span><h2>Runs Explorer</h2></div>
@@ -162,45 +196,7 @@
             <div class="blockers" id="selectedBlockers" hidden></div>
           </section>
         </section>
-      </section>
-
-      <section class="panel space-test-panel" id="spaceTestSection">
-        <div class="space-test-grid">
-          <div>
-            <div class="section-head compact"><div><span class="panel-icon">⚗</span><h2>Space Test</h2></div></div>
-            <div class="form-grid test-top-row">
-              <label>Target Space ID<input id="validateSpace" placeholder="fffiloni/my-llama-31-8b-demo" /></label>
-              <label>API name<input id="validateApi" value="/predict" /></label>
-              <label>Expected output type<select id="expectedOutput"><option value="text">Text</option><option value="image">Image</option><option value="video">Video</option><option value="audio">Audio</option><option value="any">Any</option></select></label>
-              <label>Timeout (s)<input id="validateTimeout" value="60" /></label>
-            </div>
-            <div class="editor-grid">
-              <label>Test args (JSON)<textarea id="testArgs" rows="7">[
-  {
-    "inputs": "Explain the concept of agentic AI in one paragraph."
-  }
-]</textarea></label>
-              <label>Test kwargs (JSON)<textarea id="testKwargs" rows="7">{
-  "max_new_tokens": 128,
-  "temperature": 0.2
-}</textarea></label>
-            </div>
-          </div>
-
-          <div class="validation-result-card" id="spaceTestPreview">
-            <div class="validation-grid">
-              <div><span>Validation status</span><strong><span class="badge neutral" id="spaceTestStatus">Pending</span></strong></div>
-              <div><span>Latency</span><strong>—</strong></div>
-              <div><span>Validation run ID</span><strong id="spaceTestOutput">—</strong></div>
-              <div><span>Started at</span><strong id="lastPolled">—</strong></div>
-              <div><span>Verdict</span><strong id="spaceTestVerdict">pending</strong></div>
-            </div>
-            <button class="primary full" id="launchValidate">Launch validation</button>
-          </div>
-        </div>
-      </section>
-
-      <div class="support-elements" hidden>
+      </section><div class="support-elements" hidden>
         <input id="runSearch" />
         <input id="runId" />
         <textarea id="buildGoal"></textarea>