uid=4_0 RootWebArea "Test01 - Local-First Venting" url="http://localhost:3000/settings"
  uid=4_1 StaticText "Offline - Saved locally"
  uid=4_2 button "Open Next.js Dev Tools" expandable haspopup="menu"
  uid=4_3 dialog "Add New Provider"
    uid=4_4 heading "Add New Provider" level="2"
    uid=4_5 StaticText "Add New Provider"
    uid=4_6 StaticText "Configure your provider profile. Your API Key is stored locally in your browser."
    uid=4_7 StaticText "Provider Name"
    uid=4_8 textbox "Provider Name" focusable focused
    uid=4_9 StaticText "A label to identify this provider (e.g., "My OpenAI Key")"
    uid=4_10 StaticText "Quick Setup"
    uid=4_11 button "OpenAI" description="Official OpenAI API endpoint"
    uid=4_12 button "DeepSeek" description="DeepSeek AI - High performance, cost effective"
    uid=4_13 button "OpenRouter" description="Unified API for multiple providers"
    uid=4_14 StaticText "Base URL"
    uid=4_15 textbox "Base URL" value="https://api.openai.com/v1"
    uid=4_16 StaticText "API endpoint URL (e.g., https://api.openai.com/v1)"
    uid=4_17 StaticText "Model Name"
    uid=4_18 textbox "Model Name" value="gpt-4o"
    uid=4_19 StaticText "Model identifier (e.g., gpt-4o, deepseek-chat)"
    uid=4_20 StaticText "API Key"
    uid=4_21 textbox "API Key"
    uid=4_22 button "Show API key"
    uid=4_23 StaticText "Stored locally in your browser with basic encoding. Never sent to our servers."
    uid=4_24 button "Cancel"
    uid=4_25 button "Save as New Provider"
    uid=4_26 button "Close"