Update browser_automation_ui.html

browser_automation_ui.html

@@ -140,7 +140,7 @@
             <div class="response-area" id="elementResp"></div>
           </div>
         </section>
-
+        
         <!-- Inspector -->
         <section class="api-section">
           <div class="api-header"><i class="lucide lucide-layout-grid"></i><h3>Element Inspector</h3></div>
@@ -152,18 +152,18 @@
         </section>
       </div>
 
-      <!-- Documentation Tab -->
+      <!-- -------------------- Documentation Tab -------------------- -->
       <div class="tab-pane" id="docTab">
         <h2 style="margin-bottom:12px;">API Reference</h2>
-        <pre class="response-area" style="background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;">
-POST /api/browser/launch        → { sessionId }
-POST /api/browser/navigate      {"url": "https://..."}
-POST /api/browser/screenshot    → { b64 }
-POST /api/browser/eval          {"selector":"...","action":"click|type|textContent","text":"..."}
-POST /api/browser/inspect       → { selectors:["#id",".class",...] }
-
-All endpoints return { ok: true/false, data, error }
-        </pre>
+          <pre class="response-area" style="background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0;">
+          POST /api/browser/launch        → { session_id }
+          POST /api/browser/navigate      {"url":"https://..."}
+          POST /api/browser/screenshot    → { screenshot }
+          POST /api/elements/action       {"selector":"...","action":"click|type|textContent","value":"..."}
+          GET  /api/elements/inspect/{session_id} → { elements:[...] }
+          
+          All endpoints return { status / error / data }
+          </pre>
       </div>
     </div>
   </div>
@@ -292,6 +292,10 @@ All endpoints return { ok: true/false, data, error }
       });
     }
 
+    document.getElementById('action').addEventListener('change', e => {
+      document.getElementById('typeTextGroup').style.display = e.target.value === 'type' ? 'block' : 'none';
+    });
+
     // Init icons & status
     window.addEventListener('DOMContentLoaded',()=>{ lucide.createIcons(); checkStatus(); });
   </script>