Explain Current Chrome Tab

using System;
using System.Net.Http;
using System.Net.Http.Headers;
using System.Text;
using System.Text.Json;
using System.Threading.Tasks;

public class ChromeTabDetails
{
    public ChromeOverview[] chromeInstances { get; set; }
    public ChromeElementInfo[] currentChromeTabMostRelevantElements { get; set; }
    public string currentTabTitle { get; set; }
    public int currentTabIndex { get; set; }
    public string note { get; set; }
}

public class ChromeOverview
{
    public string id { get; set; }
    public string title { get; set; }
    public ChromeTab[] tabs { get; set; }
}

public class ChromeTab
{
    public string id { get; set; }
    public string title { get; set; }
    public string url { get; set; }
}

public class ChromeElementInfo
{
    public string elementType { get; set; }
    public string innerText { get; set; }
    public string cssSelector { get; set; }
    public string xpath { get; set; }
    public Dictionary attributes { get; set; }
}

public class ToolsServerClient
{
    private readonly HttpClient _httpClient;
    
    public ToolsServerClient(string apiKey)
    {
        _httpClient = new HttpClient();
        _httpClient.BaseAddress = new Uri("http://localhost:54321/");
        _httpClient.DefaultRequestHeaders.Accept.Clear();
        _httpClient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
        _httpClient.DefaultRequestHeaders.Authorization = new AuthenticationHeaderValue("Bearer", apiKey);
    }
    
    public async Task ExplainCurrentChromeTabAsync()
    {
        var content = new StringContent("{}", Encoding.UTF8, "application/json");
        
        var response = await _httpClient.PostAsync("tools-api/chrome/current-tab/explain", content);
        response.EnsureSuccessStatusCode();
        
        var responseString = await response.Content.ReadAsStringAsync();
        return JsonSerializer.Deserialize(responseString);
    }
}

// Example usage
class Program
{
    static async Task Main()
    {
        var client = new ToolsServerClient("your_api_key_here");
        
        // First open Chrome
        // ... (code to open Chrome)
        
        // Then get tab details
        var tabDetails = await client.ExplainCurrentChromeTabAsync();
        
        // Use the information to interact with elements
        if (tabDetails?.currentChromeTabMostRelevantElements != null)
        {
            var searchInput = tabDetails.currentChromeTabMostRelevantElements
                .FirstOrDefault(e => e.elementType == "input" && 
                    (e.attributes?.ContainsKey("name") == true && 
                     (e.attributes["name"].ToLower().Contains("search") || e.attributes["name"] == "q")));
            
            if (searchInput != null)
            {
                Console.WriteLine($"Found search input with selector: {searchInput.cssSelector}");
                // Now you can use this selector with chrome_simulate_input
            }
            else
            {
                Console.WriteLine("No search input found on page");
            }
        }
    }
}

interface ChromeTab {
  id: string;
  title: string;
  url: string;
}

interface ChromeOverview {
  id: string;
  title: string;
  tabs: ChromeTab[];
}

interface ChromeElementInfo {
  elementType: string;
  innerText: string;
  cssSelector: string;
  xpath: string;
  attributes: Record;
}

interface ChromeTabDetails {
  chromeInstances: ChromeOverview[];
  currentChromeTabMostRelevantElements: ChromeElementInfo[];
  currentTabTitle: string;
  currentTabIndex: number;
  note: string;
}

/**
 * Gets detailed information about the current Chrome tab
 * @param apiKey Your API key for authentication
 * @returns Promise with the Chrome tab details
 */
async function explainCurrentChromeTab(apiKey: string): Promise {
  const endpoint = "http://localhost:54321/tools-api/chrome/current-tab/explain";
  
  const response = await fetch(endpoint, {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      "Authorization": `Bearer ${apiKey}`
    },
    body: JSON.stringify({})
  });
  
  if (!response.ok) {
    throw new Error(`HTTP error! Status: ${response.status}`);
  }
  
  return await response.json() as ChromeTabDetails;
}

// Example usage
const apiKey = "your_api_key_here";

// First open Chrome
// ... (code to open Chrome)

// Then get tab details
explainCurrentChromeTab(apiKey)
  .then(tabDetails => {
    // Use the information to interact with elements
    const elements = tabDetails.currentChromeTabMostRelevantElements;
    
    // Find a search input if it exists
    const searchInput = elements.find(e => 
      e.elementType === "input" && 
      (e.attributes?.name?.toLowerCase().includes("search") || e.attributes?.name === "q")
    );
    
    if (searchInput) {
      console.log(`Found search input with selector: ${searchInput.cssSelector}`);
      // Now you can use this selector with chrome_simulate_input
    } else {
      console.log("No search input found on page");
    }
  })
  .catch(error => console.error("Error:", error));