> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gately.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting Started

> Step-by-step guide to connect your Gately AI account with the AI Playground

<Frame>
  <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/chat-interface.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=45c8f3acdc8b539ccb646ce4b877e5a7" alt="Gately AI Playground" width="4320" height="2700" data-path="images/playground/chat-interface.png" />
</Frame>

## Account Connection Steps

<Steps>
  <Step title="Navigate to Dashboard" icon="browser">
    1. Open your web browser
    2. Visit [Gately AI Dashboard](https://app.gately.ai/dashboard/home)
    3. Log in to your account if needed

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/home.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=998370c3b5db82903c3e58c6352e416c" alt="Dashboard Home" width="3840" height="2880" data-path="images/home.png" />
    </Frame>
  </Step>

  <Step title="Access Playground" icon="gamepad">
    1. Locate the sidebar menu
    2. Click on "AI Playground"
    3. Wait for the playground interface to load

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/access-playground.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=f3957e7ac60d6732bcdf7d59f9aa21fc" alt="Access Playground" width="2880" height="2160" data-path="images/playground/access-playground.png" />
    </Frame>
  </Step>

  <Step title="Open Taam AI Chat" icon="message">
    1. Look for the tooltip with action buttons
    2. Click "Open Taam AI Chat"
    3. A new tab will open for authentication

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/open-chat.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=78a531c364d441b6992cc63ff17b95d2" alt="Open AI Chat" width="2880" height="2160" data-path="images/playground/open-chat.png" />
    </Frame>
  </Step>

  <Step title="Account Authentication" icon="key">
    1. Follow authentication prompts
    2. Grant necessary permissions
    3. Wait for confirmation
  </Step>

  <Step title="Return to Playground" icon="rotate-left">
    1. Go back to the Playground tab
    2. Refresh the page
    3. Click the tooltip button again

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/refresh-playground.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=ea48805dec5080dd1c4800611c34747f" alt="Refresh Playground" width="2880" height="2160" data-path="images/playground/refresh-playground.png" />
    </Frame>
  </Step>

  <Step title="Configure Settings" icon="gear">
    1. Open Playground Settings
    2. Locate API configuration section
    3. Prepare to enter credentials

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/playground-settings.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=22a200169be768a995b53333c2e3d2d6" alt="Playground Settings" width="2880" height="2160" data-path="images/playground/playground-settings.png" />
    </Frame>
  </Step>

  <Step title="API Key Setup" icon="key">
    1. Find "Current API Key" field
    2. Copy displayed API key
    3. Paste into API Key field

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/api-key-setup.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=e2c12b2597e88a1d12cc2ed6971e9910" alt="API Key Setup" width="2880" height="2160" data-path="images/playground/api-key-setup.png" />
    </Frame>
  </Step>

  <Step title="Base URL Configuration" icon="link">
    1. Copy base URL: `https://api.gately.ai/v1`
    2. Locate "API Proxy URL" field
    3. Paste the base URL

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/base-url-config.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=0dd7207f5e07a57959b235a377498bb7" alt="Base URL Configuration" width="2880" height="2160" data-path="images/playground/base-url-config.png" />
    </Frame>
  </Step>

  <Step title="Verify Connection" icon="check-circle">
    1. Click "Check" button
    2. Wait for verification
    3. Confirm successful connection

    <Frame>
      <img src="https://mintcdn.com/taamai-c8c27d6c/7tpU7wOp-rlopJuB/images/playground/verify-connection.png?fit=max&auto=format&n=7tpU7wOp-rlopJuB&q=85&s=e57fa5c3003c96cbf7edf862264608c1" alt="Verify Connection" width="2880" height="2160" data-path="images/playground/verify-connection.png" />
    </Frame>
  </Step>
</Steps>

## Next Steps

<CardGroup cols={2}>
  <Card title="Try Models" icon="robot" href="/playground/model-parameters">
    Start experimenting with different AI models
  </Card>

  <Card title="Create Prompts" icon="message" href="/playground/prompt-templates">
    Learn how to write effective prompts
  </Card>
</CardGroup>

<Note>
  Remember to keep your API key secure and never share it publicly.
</Note>

<Warning>
  If you encounter any connection issues, try refreshing your API key or contact [support](mailto:support@taam.cloud).
</Warning>