Upload index.html

web/index.html

@@ -77,7 +77,6 @@
               </select></label>
             </div>
             <p class="implementation-mode-help" id="implementationModeHelp">Strict inference requires a real working inference endpoint. The run fails if the generated Space only boots without producing a valid output.</p>
-            <p class="muted cost-note">Pi uses Hugging Face Inference Providers for Qwen. Usage may consume paid inference credits. Automatic fallback avoids high/restricted tiers such as A100/H200; choose those manually in Space Settings only if your account is allowed.</p>
             <div class="form-grid two-cols">
               <label>Preferred GPU<select id="preferredHardware"><option value="zero-a10g" selected>ZeroGPU</option></select></label>
               <label>Fallback GPU<select id="fallbackHardware"><option value="a10g-large" selected>A10G Large</option><option value="l40sx1">L40S x1</option><option value="t4-medium">T4 Medium</option><option value="cpu-basic">CPU Basic</option></select></label>
@@ -103,7 +102,8 @@
               <div><span>Payment</span><strong id="billingPayment">—</strong></div>
               <div hidden><span>Usage / quotas</span><strong id="billingUsage">Dashboard only</strong></div>
             </div>
-            <p class="muted billing-note" id="billingNote">Open Hugging Face Billing to check spend, quotas, Jobs and Inference Providers usage.</p>
+            <p class="muted billing-note" id="billingNote">Billing readiness is checked here. Usage and quota details remain in the Hugging Face Billing dashboard.</p>
+            <div class="billing-cost-note">Pi uses Hugging Face Inference Providers for Qwen. Usage may consume paid inference credits. Automatic fallback avoids high/restricted tiers such as A100/H200; choose those manually in Space Settings only if your account is allowed.</div>
             <a class="link-btn small full" id="openBilling" href="https://huggingface.co/settings/billing" target="_blank">Open billing dashboard ↗</a>
           </section>
         </div>
@@ -163,6 +163,16 @@
             <div id="activityFeed" class="activity-feed"><div class="empty">No activity yet.</div></div>
           </section>
 
+          <section class="mini-panel agent-recovery-card" id="agentRecoveryCard" aria-label="Agent recovery status" hidden>
+            <div class="card-title-row">
+              <h4>Agent recovery</h4>
+              <span class="badge neutral" id="agentRecoveryBadge">Not needed</span>
+            </div>
+            <div id="agentRecoveryBody" class="agent-recovery-body">
+              <div class="empty compact-empty">Recovery details appear when Pi diagnoses a build or runtime blockage.</div>
+            </div>
+          </section>
+
           <section class="mini-panel active-latency-card" id="activeLatencyCard" aria-label="Active run inference latency">
             <div class="card-title-row">
               <h4>Inference latency</h4>