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

# Installation

> Install and configure Synta MCP for your AI client

## Choose Your Setup Method

Synta MCP supports two authentication methods:

<CardGroup cols="2">
  <Card title="OAuth" icon="shield-check">
    **Easy setup** - One-click install with automatic credential sync

    **Requirements:**

    * A Synta account at [synta.io](https://synta.io)
    * Your n8n instance setup in your Synta account
    * A **paid Claude plan** (Pro, Team, or Enterprise)

    For free plan users, see **API Key** installation.
  </Card>

  <Card title="API Key" icon="key">
    **Full control** - Manual credential management

    Works on **all Claude plans**, but only in the **desktop app**.

    **Requirements:**

    * [Node.js 16+](https://nodejs.org/en/download) installed
    * Synta API Key from [synta.io/mcp](https://synta.io/mcp)
    * Your n8n instance URL and API key
  </Card>
</CardGroup>

### How to Get These Details

<Tabs>
  <Tab title="OAuth Requirements">
    <Accordion title="Synta Account Setup">
      1. Go to [synta.io](https://synta.io)
      2. Click **Continue with Google** to sign up or log in
      3. Complete the onboarding to configure your n8n instance URL and API key (and optionally login email and password for self-healing)
      4. Your credentials are now stored securely for OAuth access

      <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
        <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
          <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
          </svg>
        </div>

        <div class="mint-text-sm mint-text-[#c15f3c]">
          Your n8n instance must be publicly accessible (e.g., `https://your-instance.app.n8n.cloud`). Localhost URLs are not supported.
        </div>
      </div>
    </Accordion>
  </Tab>

  <Tab title="API Key Requirements">
    <Accordion title="Install Node.js">
      Download and install Node.js 16 or higher from [nodejs.org](https://nodejs.org/en/download).

      Verify installation:

      ```bash theme={null}
      node --version
      ```
    </Accordion>

    <Accordion title="Get Your Synta API Key">
      1. Go to [synta.io/mcp](https://synta.io/mcp)
      2. Sign up or log in
      3. Navigate to the API Keys section
      4. Create a new API key and copy it
    </Accordion>

    <Accordion title="Get Your n8n Instance URL & API Key">
      **n8n Instance URL:**
      Your publicly accessible n8n URL (e.g., `https://your-instance.app.n8n.cloud`)

      **n8n API Key:**

      1. Open your n8n instance and log in
      2. Go to **Settings** → **n8n API**
      3. Click "Create an API Key", give it a label, and click "Create"
      4. Copy and save the key (you won't see it again!)

      <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
        <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
          <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
          </svg>
        </div>

        <div class="mint-text-sm mint-text-[#c15f3c]">
          Localhost URLs are not supported. Your n8n instance must be publicly accessible.
        </div>
      </div>
    </Accordion>

    <Accordion title="(Optional) n8n Login Credentials for Self-Healing">
      For AI-driven workflow testing and self-healing capabilities, you can optionally add your n8n login credentials:

      * **Login Email**: Your n8n account email
      * **Login Password**: Your n8n account password

      This enables advanced tools:

      * **`n8n_trigger_execution`**: Execute workflows directly, detect errors, and automatically fix issues
      * **`n8n_manage_pindata`** CRUD operations: Add/update/remove/clear pin data for testing workflows
    </Accordion>
  </Tab>
</Tabs>

## Configuration by Client

Select your AI client below:

<Tabs>
  <Tab title="Cursor">
    <Tabs>
      <Tab title="OAuth">
        OAuth provides automatic credential sync from your Synta account.

        <div class="mint-p-5 mint-rounded-xl mint-border mint-border-zinc-200 dark:mint-border-zinc-700 mint-bg-zinc-50/50 dark:mint-bg-zinc-800/50">
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-3">
            <span class="mint-font-semibold mint-text-zinc-900 dark:mint-text-zinc-100">One-Click Install</span>
            <span class="mint-px-2 mint-py-0.5 mint-text-xs mint-font-medium mint-rounded-full mint-bg-[#c15f3c]/10 mint-text-[#c15f3c]">Recommended</span>
          </div>

          <div class="mint-text-zinc-600 dark:mint-text-zinc-400">
            <span data-as="p">Click the button to add Synta MCP to Cursor automatically:</span>

            <div class="mint-mt-3">
              <a href="cursor://anysphere.cursor-deeplink/mcp/install?name=synta-mcp&config=eyJ1cmwiOiJodHRwczovL21jcC5zeW50YS5pby9tY3AifQ%3D%3D" target="" rel="noreferrer" class="link mint-group mint-inline-flex mint-items-center mint-gap-3 mint-px-5 mint-py-3 mint-rounded-xl mint-border-2 mint-border-zinc-900 dark:mint-border-zinc-100 mint-bg-zinc-900 dark:mint-bg-zinc-100 hover:mint-bg-zinc-800 dark:hover:mint-bg-zinc-200 mint-transition-all mint-duration-200 mint-no-underline mint-w-fit">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 22" class="mint-w-6 mint-h-6 mint-text-white dark:mint-text-zinc-900" fill="currentColor">
                  <path d="M19.162 5.452 10.698.565a.88.88 0 0 0-.879 0L1.356 5.452a.74.74 0 0 0-.37.64v9.853a.74.74 0 0 0 .37.64l8.464 4.887a.879.879 0 0 0 .879 0l8.464-4.886a.74.74 0 0 0 .37-.64V6.091a.74.74 0 0 0-.37-.64Zm-.531 1.035L10.46 20.639c-.055.095-.201.056-.201-.055v-9.266a.52.52 0 0 0-.26-.45L1.975 6.237c-.096-.056-.057-.202.054-.202h16.34c.233 0 .378.252.262.453Z" />
                </svg>

                <span class="mint-text-sm mint-font-semibold mint-text-white dark:mint-text-zinc-900">Add to Cursor</span>

                <svg class="mint-w-4 mint-h-4 mint-text-white/70 dark:mint-text-zinc-900/70 group-hover:mint-translate-x-0.5 mint-transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
                </svg>
              </a>
            </div>
          </div>
        </div>

        <div class="mint-flex mint-items-center mint-gap-4 mint-my-6"><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /><span class="mint-text-sm mint-text-zinc-500 dark:mint-text-zinc-400 mint-font-medium">or</span><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /></div>

        <Accordion title="Manual Installation">
          <Steps>
            <Step title="Open Cursor Settings">
              Go to **Cursor** → **Settings** → **Cursor Settings** → **Tools & MCP**
            </Step>

            <Step title="Add MCP Server">
              Click on **"New MCP Server"** and add the configuration below:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "url": "https://mcp.synta.io/mcp"
                  }
                }
              }
              ```
            </Step>

            <Step title="Authenticate">
              When Cursor connects, it will open your browser for OAuth. Log in with the **same account** you used at [synta.io](https://synta.io).
            </Step>
          </Steps>
        </Accordion>
      </Tab>

      <Tab title="API Key">
        Use API keys for manual credential management. Requires [Node.js](https://nodejs.org/en/download).

        <div class="mint-p-5 mint-rounded-xl mint-border mint-border-zinc-200 dark:mint-border-zinc-700 mint-bg-zinc-50/50 dark:mint-bg-zinc-800/50">
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-3">
            <span class="mint-font-semibold mint-text-zinc-900 dark:mint-text-zinc-100">One-Click Install</span>
            <span class="mint-px-2 mint-py-0.5 mint-text-xs mint-font-medium mint-rounded-full mint-bg-[#c15f3c]/10 mint-text-[#c15f3c]">Recommended</span>
          </div>

          <div class="mint-text-zinc-600 dark:mint-text-zinc-400">
            <span data-as="p">Click the button, then edit to add your credentials:</span>

            <div class="mint-mt-3">
              <a href="cursor://anysphere.cursor-deeplink/mcp/install?name=synta-mcp&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsIm1jcC1yZW1vdGUiLCJodHRwczovL21jcC5zeW50YS5pby9tY3AiLCItLWhlYWRlciIsIlgtU3ludGEtQXBpLUtleTogWU9VUl9TWU5UQV9BUElfS0VZIiwiLS1oZWFkZXIiLCJYLU44bi1Vcmw6IFlPVVJfTjhOX1VSTCIsIi0taGVhZGVyIiwiWC1OOG4tS2V5OiBZT1VSX044Tl9BUElfS0VZIl19" target="" rel="noreferrer" class="link mint-group mint-inline-flex mint-items-center mint-gap-3 mint-px-5 mint-py-3 mint-rounded-xl mint-border-2 mint-border-zinc-900 dark:mint-border-zinc-100 mint-bg-zinc-900 dark:mint-bg-zinc-100 hover:mint-bg-zinc-800 dark:hover:mint-bg-zinc-200 mint-transition-all mint-duration-200 mint-no-underline mint-w-fit">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 22" class="mint-w-6 mint-h-6 mint-text-white dark:mint-text-zinc-900" fill="currentColor">
                  <path d="M19.162 5.452 10.698.565a.88.88 0 0 0-.879 0L1.356 5.452a.74.74 0 0 0-.37.64v9.853a.74.74 0 0 0 .37.64l8.464 4.887a.879.879 0 0 0 .879 0l8.464-4.886a.74.74 0 0 0 .37-.64V6.091a.74.74 0 0 0-.37-.64Zm-.531 1.035L10.46 20.639c-.055.095-.201.056-.201-.055v-9.266a.52.52 0 0 0-.26-.45L1.975 6.237c-.096-.056-.057-.202.054-.202h16.34c.233 0 .378.252.262.453Z" />
                </svg>

                <span class="mint-text-sm mint-font-semibold mint-text-white dark:mint-text-zinc-900">Add to Cursor</span>

                <svg class="mint-w-4 mint-h-4 mint-text-white/70 dark:mint-text-zinc-900/70 group-hover:mint-translate-x-0.5 mint-transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
                </svg>
              </a>
            </div>

            <span data-as="p" class="mint-mt-2 mint-text-sm">After installing, edit the config to replace `YOUR_SYNTA_API_KEY`, `YOUR_N8N_URL`, and `YOUR_N8N_API_KEY`.</span>
          </div>
        </div>

        <div class="mint-flex mint-items-center mint-gap-4 mint-my-6"><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /><span class="mint-text-sm mint-text-zinc-500 dark:mint-text-zinc-400 mint-font-medium">or</span><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /></div>

        <Accordion title="Manual Installation">
          <Steps>
            <Step title="Open Cursor Settings">
              Go to **Cursor** → **Settings** → **Cursor Settings** → **Tools & MCP**
            </Step>

            <Step title="Add MCP Server">
              Click on **"New MCP Server"**, add the configuration below and save the file:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY"
                    ]
                  }
                }
              }
              ```
            </Step>

            <Step title="Replace Credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials for AI-driven workflow testing:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY",
                      "--header",
                      "X-N8n-Login-Email: YOUR_EMAIL",
                      "--header",
                      "X-N8n-Login-Password: YOUR_PASSWORD"
                    ]
                  }
                }
              }
              ```

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging
            </Step>
          </Steps>
        </Accordion>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="Claude.ai">
    <Tabs>
      <Tab title="OAuth">
        OAuth works on both the Desktop app and Claude.ai website, and provides automatic credential sync from your Synta account.

        <Card>
          <Steps>
            <Step title="Open Connectors Settings">
              Go to **Settings** → **Connectors** → **Add custom connector**
            </Step>

            <Step title="Add MCP Server">
              **Name**:

              ```text theme={null}
              synta-mcp
              ```

              **Remote MCP server URL**:

              ```text theme={null}
              https://mcp.synta.io/mcp
              ```
            </Step>

            <Step title="Authenticate">
              Log in with the **same account** you used at [synta.io](https://synta.io). Your n8n credentials are fetched automatically.
            </Step>
          </Steps>
        </Card>
      </Tab>

      <Tab title="API Key (Desktop app only)">
        API key authentication only works in the **Claude Desktop app**. Requires [Node.js](https://nodejs.org/en/download).

        <Card>
          <Steps>
            <Step title="Locate Config File">
              **Via Claude Desktop UI:**

              * Go to **Claude** → **Settings** → **Developer** → **Edit Config**
            </Step>

            <Step title="Add Configuration">
              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY"
                    ]
                  }
                }
              }
              ```
            </Step>

            <Step title="Replace Credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials for AI-driven workflow testing:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY",
                      "--header",
                      "X-N8n-Login-Email: YOUR_EMAIL",
                      "--header",
                      "X-N8n-Login-Password: YOUR_PASSWORD"
                    ]
                  }
                }
              }
              ```

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging
            </Step>

            <Step title="Save & Restart Claude Desktop">
              Save the file and restart Claude Desktop.
            </Step>
          </Steps>
        </Card>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="Claude Code">
    <Tabs>
      <Tab title="OAuth">
        OAuth provides automatic credential sync from your Synta account.

        <Card>
          <Steps>
            <Step title="Add MCP Server">
              Run this command in your terminal:

              ```bash theme={null}
              claude mcp add --transport http --scope user synta-mcp https://mcp.synta.io/mcp
              ```
            </Step>

            <Step title="Open Claude Code">
              Start Claude Code in your terminal:

              ```bash theme={null}
              claude
              ```
            </Step>

            <Step title="Access MCP Menu">
              Inside Claude Code, type this command and press Enter:

              ```
              /mcp
              ```
            </Step>

            <Step title="Authenticate">
              You should see `synta-mcp` with a `⚠️ needs authentication` message next to it. Navigate to it, press Enter, then select `Authenticate` and press Enter again. Claude Code will open a browser window. Log in with the **same account** you used at [synta.io](https://synta.io).
            </Step>

            <Step title="Confirm Success">
              After login, you should see: `✓ Authentication successful. Connected to synta-mcp.`

              Verify the server is authenticated by running:

              ```
              /mcp
              ```
            </Step>
          </Steps>
        </Card>
      </Tab>

      <Tab title="API Key">
        Use API keys for manual credential management. Requires [Node.js](https://nodejs.org/en/download).

        <Steps>
          <Step title="Add MCP Server">
            <CodeGroup>
              ```bash macOS/Linux theme={null}
              claude mcp add --scope user synta-mcp \
                -- npx -y mcp-remote https://mcp.synta.io/mcp \
                --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" \
                --header "X-N8n-Url: YOUR_N8N_URL" \
                --header "X-N8n-Key: YOUR_N8N_API_KEY"
              ```

              ```powershell Windows (PowerShell) theme={null}
              claude mcp add --scope user synta-mcp `
                -- npx -y mcp-remote https://mcp.synta.io/mcp `
                --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" `
                --header "X-N8n-Url: YOUR_N8N_URL" `
                --header "X-N8n-Key: YOUR_N8N_API_KEY"
              ```

              ```cmd Windows (Command Prompt) theme={null}
              claude mcp add --scope user synta-mcp ^
                -- npx -y mcp-remote https://mcp.synta.io/mcp ^
                --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" ^
                --header "X-N8n-Url: YOUR_N8N_URL" ^
                --header "X-N8n-Key: YOUR_N8N_API_KEY"
              ```
            </CodeGroup>
          </Step>

          <Step title="Replace Credentials">
            * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
            * `YOUR_N8N_URL` - Your n8n instance URL
            * `YOUR_N8N_API_KEY` - Your n8n API key
          </Step>

          <Step title="(Optional) Enable Self-Healing">
            Add n8n login credentials:

            <CodeGroup>
              ```bash macOS/Linux theme={null}
              claude mcp add --scope user synta-mcp \
                -- npx -y mcp-remote https://mcp.synta.io/mcp \
                --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" \
                --header "X-N8n-Url: YOUR_N8N_URL" \
                --header "X-N8n-Key: YOUR_N8N_API_KEY" \
                --header "X-N8n-Login-Email: YOUR_EMAIL" \
                --header "X-N8n-Login-Password: YOUR_PASSWORD"
              ```

              ```powershell Windows (PowerShell) theme={null}
              claude mcp add --scope user synta-mcp `
                -- npx -y mcp-remote https://mcp.synta.io/mcp `
                --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" `
                --header "X-N8n-Url: YOUR_N8N_URL" `
                --header "X-N8n-Key: YOUR_N8N_API_KEY" `
                --header "X-N8n-Login-Email: YOUR_EMAIL" `
                --header "X-N8n-Login-Password: YOUR_PASSWORD"
              ```

              ```cmd Windows (Command Prompt) theme={null}
              claude mcp add --scope user synta-mcp ^
                -- npx -y mcp-remote https://mcp.synta.io/mcp ^
                --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" ^
                --header "X-N8n-Url: YOUR_N8N_URL" ^
                --header "X-N8n-Key: YOUR_N8N_API_KEY" ^
                --header "X-N8n-Login-Email: YOUR_EMAIL" ^
                --header "X-N8n-Login-Password: YOUR_PASSWORD"
              ```
            </CodeGroup>

            **Self-Healing Benefits:**

            * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
            * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
            * Full execution data for debugging
          </Step>

          <Step title="Verify Installation">
            Run:

            ```bash theme={null}
            claude mcp get synta-mcp
            ```
          </Step>
        </Steps>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="ChatGPT">
    ChatGPT **only** supports OAuth authentication. This works with **Pro, Plus, Business, Enterprise and Education** paid plans on the web.

    <Card>
      <Steps>
        <Step title="Enable Developer Mode">
          Go to **Settings** → **Apps** → **Advanced settings**

          Toggle **Developer Mode** on
        </Step>

        <Step title="Create MCP App">
          Go back and click **"Create app"**

          **Name**:

          ```text theme={null}
          synta-mcp
          ```

          **MCP Server URL**:

          ```text theme={null}
          https://mcp.synta.io/mcp
          ```

          **Authentication**: Leave as OAuth (default)
        </Step>

        <Step title="Authenticate">
          Click **Create** and log in with the **same account** you used at [synta.io](https://synta.io). Your n8n credentials are fetched automatically.
        </Step>
      </Steps>
    </Card>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong class="mint-text-[#c15f3c]">Connection issues?</strong> ChatGPT's MCP link is very unstable. If the server doesn't load, repeat the steps 3-5 times. This is a known ChatGPT issue, and we advise using other clients for now.
      </div>
    </div>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="Google Antigravity">
    <Tabs>
      <Tab title="OAuth">
        OAuth provides automatic credential sync from your Synta account.

        <Card>
          <Steps>
            <Step title="Open MCP Settings">
              Click the three dots (**…**) at the top of the editor's agent panel, then go to **MCP Servers** → **Manage MCP Servers** → **View raw config**
            </Step>

            <Step title="Add Configuration">
              Paste the following configuration and click **Save**:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "serverUrl": "https://mcp.synta.io/mcp"
                  }
                }
              }
              ```
            </Step>

            <Step title="Authenticate">
              When Antigravity connects, it will open your browser for OAuth. Log in with the **same account** you used at [synta.io](https://synta.io). Your n8n credentials are fetched automatically.
            </Step>

            <Step title="Refresh and Verify">
              Go back and click **Refresh** — you'll see a list of available tools.
            </Step>
          </Steps>
        </Card>
      </Tab>

      <Tab title="API Key">
        Use API keys for manual credential management. Requires [Node.js](https://nodejs.org/en/download).

        <Card>
          <Steps>
            <Step title="Open MCP Settings">
              Click the three dots (**…**) at the top of the editor's agent panel, then go to **MCP Servers** → **Manage MCP Servers** → **View raw config**
            </Step>

            <Step title="Add Configuration">
              Paste the following configuration and click **Save**:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY"
                    ]
                  }
                }
              }
              ```
            </Step>

            <Step title="Replace Credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials for AI-driven workflow testing:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY",
                      "--header",
                      "X-N8n-Login-Email: YOUR_EMAIL",
                      "--header",
                      "X-N8n-Login-Password: YOUR_PASSWORD"
                    ]
                  }
                }
              }
              ```

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging
            </Step>

            <Step title="Refresh and Verify">
              Go back and click **Refresh** — you'll see a list of available tools.
            </Step>
          </Steps>
        </Card>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="Codex">
    <Tabs>
      <Tab title="OAuth">
        OAuth provides automatic credential sync from your Synta account.

        <Card>
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-4">
            <span class="mint-font-semibold">Command Setup</span>
            <span class="mint-px-2 mint-py-0.5 mint-text-xs mint-font-medium mint-rounded-full mint-bg-[#c15f3c]/10 mint-text-[#c15f3c]">Recommended</span>
          </div>

          <Steps>
            <Step title="Enable rMCP Client">
              Enable experimental rMCP client support:

              ```bash theme={null}
              codex --config experimental_use_rmcp_client=true
              ```
            </Step>

            <Step title="Add MCP Server">
              Run this command in your terminal:

              ```bash theme={null}
              codex mcp add synta-mcp --url https://mcp.synta.io/mcp
              ```
            </Step>

            <Step title="Authenticate">
              When Codex connects, it will open your browser for OAuth. Log in with the **same account** you used at [synta.io](https://synta.io).
            </Step>

            <Step title="Verify Installation">
              Run:

              ```bash theme={null}
              codex mcp list
              ```
            </Step>
          </Steps>
        </Card>

        <div class="mint-flex mint-items-center mint-gap-4 mint-my-6"><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /><span class="mint-text-sm mint-text-zinc-500 dark:mint-text-zinc-400 mint-font-medium">or</span><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /></div>

        <Accordion title="Direct Config File Setup">
          <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
            <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
              <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
              </svg>
            </div>

            <div class="mint-text-sm mint-text-[#c15f3c]">
              Codex requires extended timeout settings for Synta to work properly. If you see startup timeout errors, try increasing <code>startup\_timeout\_sec</code> to 40.
            </div>
          </div>

          <Steps>
            <Step title="Open Configuration File">
              Open your global Codex configuration file in your preferred text editor:

              **File path:**

              * **macOS/Linux**: `~/.codex/config.toml`
              * **Windows**: `C:\Users\<YourUsername>\.codex\config.toml`

              **Command example:**

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                nano ~/.codex/config.toml
                ```

                ```powershell Windows (PowerShell) theme={null}
                notepad $env:USERPROFILE\.codex\config.toml
                ```
              </CodeGroup>
            </Step>

            <Step title="Enable Experimental Feature">
              At the top level of the file (not nested under any existing brackets), add:

              ```toml theme={null}
              experimental_use_rmcp_client = true
              ```
            </Step>

            <Step title="Add MCP Server">
              Add a new section for the Synta server at the bottom of the file:

              ```toml theme={null}
              [mcp_servers.synta-mcp]
              url = "https://mcp.synta.io/mcp"
              type = "http"
              startup_timeout_sec = 30
              tool_timeout_sec = 360
              ```
            </Step>

            <Step title="Authenticate">
              When Codex connects, it will open your browser for OAuth. Log in with the **same account** you used at [synta.io](https://synta.io).
            </Step>

            <Step title="Save and Verify">
              Save the file and exit your editor. Restart your terminal or Codex session to reload the configuration.

              Run:

              ```bash theme={null}
              codex mcp list
              ```
            </Step>
          </Steps>
        </Accordion>
      </Tab>

      <Tab title="API Key">
        Use API keys for manual credential management. Requires [Node.js](https://nodejs.org/en/download).

        <Card>
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-4">
            <span class="mint-font-semibold">Command Setup</span>
            <span class="mint-px-2 mint-py-0.5 mint-text-xs mint-font-medium mint-rounded-full mint-bg-[#c15f3c]/10 mint-text-[#c15f3c]">Recommended</span>
          </div>

          <Steps>
            <Step title="Add MCP Server">
              <CodeGroup>
                ```bash macOS/Linux theme={null}
                codex mcp add synta-mcp \
                  -- npx -y mcp-remote https://mcp.synta.io/mcp \
                  --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" \
                  --header "X-N8n-Url: YOUR_N8N_URL" \
                  --header "X-N8n-Key: YOUR_N8N_API_KEY"
                ```

                ```powershell Windows (PowerShell) theme={null}
                codex mcp add synta-mcp `
                  -- npx -y mcp-remote https://mcp.synta.io/mcp `
                  --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" `
                  --header "X-N8n-Url: YOUR_N8N_URL" `
                  --header "X-N8n-Key: YOUR_N8N_API_KEY"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                codex mcp add synta-mcp ^
                  -- npx -y mcp-remote https://mcp.synta.io/mcp ^
                  --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" ^
                  --header "X-N8n-Url: YOUR_N8N_URL" ^
                  --header "X-N8n-Key: YOUR_N8N_API_KEY"
                ```
              </CodeGroup>

              <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
                <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
                  <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                  </svg>
                </div>

                <div class="mint-text-sm mint-text-[#c15f3c]">
                  Note: This command does not configure timeout settings. For extended timeouts, use the Direct Config File Setup below.
                </div>
              </div>
            </Step>

            <Step title="Replace Credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials:

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                codex mcp add synta-mcp \
                  -- npx -y mcp-remote https://mcp.synta.io/mcp \
                  --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" \
                  --header "X-N8n-Url: YOUR_N8N_URL" \
                  --header "X-N8n-Key: YOUR_N8N_API_KEY" \
                  --header "X-N8n-Login-Email: YOUR_EMAIL" \
                  --header "X-N8n-Login-Password: YOUR_PASSWORD"
                ```

                ```powershell Windows (PowerShell) theme={null}
                codex mcp add synta-mcp `
                  -- npx -y mcp-remote https://mcp.synta.io/mcp `
                  --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" `
                  --header "X-N8n-Url: YOUR_N8N_URL" `
                  --header "X-N8n-Key: YOUR_N8N_API_KEY" `
                  --header "X-N8n-Login-Email: YOUR_EMAIL" `
                  --header "X-N8n-Login-Password: YOUR_PASSWORD"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                codex mcp add synta-mcp ^
                  -- npx -y mcp-remote https://mcp.synta.io/mcp ^
                  --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" ^
                  --header "X-N8n-Url: YOUR_N8N_URL" ^
                  --header "X-N8n-Key: YOUR_N8N_API_KEY" ^
                  --header "X-N8n-Login-Email: YOUR_EMAIL" ^
                  --header "X-N8n-Login-Password: YOUR_PASSWORD"
                ```
              </CodeGroup>

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging
            </Step>

            <Step title="Verify Installation">
              Run:

              ```bash theme={null}
              codex mcp list
              ```
            </Step>
          </Steps>
        </Card>

        <div class="mint-flex mint-items-center mint-gap-4 mint-my-6"><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /><span class="mint-text-sm mint-text-zinc-500 dark:mint-text-zinc-400 mint-font-medium">or</span><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /></div>

        <Accordion title="Direct Config File Setup">
          <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
            <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
              <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
              </svg>
            </div>

            <div class="mint-text-sm mint-text-[#c15f3c]">
              Codex requires extended timeout settings for Synta to work properly. If you see startup timeout errors, try increasing <code>startup\_timeout\_sec</code> to 40.
            </div>
          </div>

          <Steps>
            <Step title="Open Configuration File">
              Open your global Codex configuration file in your preferred text editor:

              **File path:**

              * **macOS/Linux**: `~/.codex/config.toml`
              * **Windows**: `C:\Users\<YourUsername>\.codex\config.toml`

              **Command example:**

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                nano ~/.codex/config.toml
                ```

                ```powershell Windows (PowerShell) theme={null}
                notepad $env:USERPROFILE\.codex\config.toml
                ```
              </CodeGroup>
            </Step>

            <Step title="Enable Experimental Feature">
              At the top level of the file (not nested under any existing brackets), add:

              ```toml theme={null}
              experimental_use_rmcp_client = true
              ```
            </Step>

            <Step title="Add MCP Server with Headers">
              Add a new section for the Synta server at the bottom of the file:

              ```toml theme={null}
              [mcp_servers.synta-mcp]
              command = "npx"
              args = [
                "-y",
                "mcp-remote",
                "https://mcp.synta.io/mcp",
                "--header",
                "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                "--header",
                "X-N8n-Url: YOUR_N8N_URL",
                "--header",
                "X-N8n-Key: YOUR_N8N_API_KEY"
              ]
              startup_timeout_sec = 30
              tool_timeout_sec = 360
              ```
            </Step>

            <Step title="Replace Credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials to the args array:

              ```toml theme={null}
              [mcp_servers.synta-mcp]
              command = "npx"
              args = [
                "-y",
                "mcp-remote",
                "https://mcp.synta.io/mcp",
                "--header",
                "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                "--header",
                "X-N8n-Url: YOUR_N8N_URL",
                "--header",
                "X-N8n-Key: YOUR_N8N_API_KEY",
                "--header",
                "X-N8n-Login-Email: YOUR_EMAIL",
                "--header",
                "X-N8n-Login-Password: YOUR_PASSWORD"
              ]
              startup_timeout_sec = 30
              tool_timeout_sec = 360
              ```

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging

              Note: `n8n_manage_pindata`'s `analyzePinDataRequirement` mode works without login credentials.
            </Step>

            <Step title="Save and Verify">
              Save the file and exit your editor. Restart your terminal or Codex session to reload the configuration.

              Run:

              ```bash theme={null}
              codex mcp list
              ```
            </Step>
          </Steps>
        </Accordion>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="OpenCode">
    <Tabs>
      <Tab title="OAuth">
        OAuth provides automatic credential sync from your Synta account.

        <Card>
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-4">
            <span class="mint-font-semibold">Interactive Setup</span>
            <span class="mint-px-2 mint-py-0.5 mint-text-xs mint-font-medium mint-rounded-full mint-bg-[#c15f3c]/10 mint-text-[#c15f3c]">Recommended</span>
          </div>

          <Steps>
            <Step title="Run Interactive Setup">
              Run this command in your terminal:

              ```bash theme={null}
              opencode mcp add
              ```
            </Step>

            <Step title="Follow the Prompts">
              Answer the interactive prompts:

              **MCP server name:**

              ```
              synta-mcp
              ```

              **Select MCP server type:** Remote

              **MCP server URL:**

              ```
              https://mcp.synta.io/mcp
              ```

              **Does this server require OAuth authentication?:** Yes

              **Do you have a pre-registered client ID?:** No
            </Step>

            <Step title="Authenticate">
              Run the auth command:

              ```bash theme={null}
              opencode mcp auth synta-mcp
              ```

              Your browser will open for OAuth authentication. Log in with the **same account** you used at [synta.io](https://synta.io).
            </Step>

            <Step title="Verify Connection">
              Run:

              ```bash theme={null}
              opencode mcp list
              ```
            </Step>
          </Steps>
        </Card>

        <div class="mint-flex mint-items-center mint-gap-4 mint-my-6"><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /><span class="mint-text-sm mint-text-zinc-500 dark:mint-text-zinc-400 mint-font-medium">or</span><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /></div>

        <Accordion title="Edit Config File Directly">
          <Steps>
            <Step title="Open Config File">
              Edit your OpenCode configuration file:

              **File path:**

              * **macOS/Linux**: `~/.config/opencode/opencode.json`
              * **Windows**: `%APPDATA%\opencode\opencode.json`

              **Command example:**

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                nano ~/.config/opencode/opencode.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                notepad $env:APPDATA\opencode\opencode.json
                ```

                ```cmd Windows (Command Prompt) theme={null}
                notepad %APPDATA%\opencode\opencode.json
                ```
              </CodeGroup>
            </Step>

            <Step title="Add MCP Server Configuration">
              Add the following to your config file:

              ```json theme={null}
              {
                "$schema": "https://opencode.ai/config.json",
                "mcp": {
                  "synta-mcp": {
                    "type": "remote",
                    "url": "https://mcp.synta.io/mcp",
                    "enabled": true
                  }
                }
              }
              ```
            </Step>

            <Step title="Authenticate">
              Run the auth command in your terminal:

              ```bash theme={null}
              opencode mcp auth synta-mcp
              ```

              Your browser will open for OAuth authentication. Log in with the **same account** you used at [synta.io](https://synta.io).
            </Step>

            <Step title="Verify Connection">
              Run:

              ```bash theme={null}
              opencode mcp list
              ```
            </Step>
          </Steps>
        </Accordion>
      </Tab>

      <Tab title="API Key">
        Use API keys for manual credential management. Requires [Node.js](https://nodejs.org/en/download).

        <Card>
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-4">
            <span class="mint-font-semibold">Interactive Setup</span>
            <span class="mint-px-2 mint-py-0.5 mint-text-xs mint-font-medium mint-rounded-full mint-bg-[#c15f3c]/10 mint-text-[#c15f3c]">Recommended</span>
          </div>

          <Steps>
            <Step title="Run Interactive Setup">
              Run this command in your terminal:

              ```bash theme={null}
              opencode mcp add
              ```
            </Step>

            <Step title="Follow the Prompts">
              Answer the interactive prompts:

              **MCP server name:**

              ```
              synta-mcp
              ```

              **Select MCP server type:** Local

              **Enter command to run:**

              ```
              npx -y mcp-remote https://mcp.synta.io/mcp --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" --header "X-N8n-Url: YOUR_N8N_URL" --header "X-N8n-Key: YOUR_N8N_API_KEY"
              ```
            </Step>

            <Step title="Replace Credentials">
              Edit the command you just pasted and replace:

              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              To add self-healing capabilities, run the interactive setup again with the full command including login credentials:

              ```bash theme={null}
              opencode mcp add
              ```

              When prompted for **Enter command to run**, paste:

              ```
              npx -y mcp-remote https://mcp.synta.io/mcp --header "X-Synta-Api-Key: YOUR_SYNTA_API_KEY" --header "X-N8n-Url: YOUR_N8N_URL" --header "X-N8n-Key: YOUR_N8N_API_KEY" --header "X-N8n-Login-Email: YOUR_EMAIL" --header "X-N8n-Login-Password: YOUR_PASSWORD"
              ```

              Replace all credentials including:

              * `YOUR_EMAIL` - Your n8n account email
              * `YOUR_PASSWORD` - Your n8n account password

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging

              Note: `n8n_manage_pindata`'s `analyzePinDataRequirement` mode works without login credentials.
            </Step>

            <Step title="Verify Installation">
              Run:

              ```bash theme={null}
              opencode mcp list
              ```
            </Step>
          </Steps>
        </Card>

        <div class="mint-flex mint-items-center mint-gap-4 mint-my-6"><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /><span class="mint-text-sm mint-text-zinc-500 dark:mint-text-zinc-400 mint-font-medium">or</span><div class="mint-flex-1 mint-h-px mint-bg-zinc-200 dark:mint-bg-zinc-700" /></div>

        <Accordion title="Edit Config File Directly">
          <Steps>
            <Step title="Open Config File">
              Edit your OpenCode configuration file:

              **File path:**

              * **macOS/Linux**: `~/.config/opencode/opencode.json`
              * **Windows**: `%APPDATA%\opencode\opencode.json`

              **Command example:**

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                nano ~/.config/opencode/opencode.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                notepad $env:APPDATA\opencode\opencode.json
                ```

                ```cmd Windows (Command Prompt) theme={null}
                notepad %APPDATA%\opencode\opencode.json
                ```
              </CodeGroup>
            </Step>

            <Step title="Add MCP Server with Headers">
              Add the following to your config file:

              ```json theme={null}
              {
                "$schema": "https://opencode.ai/config.json",
                "mcp": {
                  "synta-mcp": {
                    "type": "local",
                    "command": [
                      "npx",
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY"
                    ],
                    "enabled": true
                  }
                }
              }
              ```
            </Step>

            <Step title="Replace Credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials to the command array:

              ```json theme={null}
              {
                "$schema": "https://opencode.ai/config.json",
                "mcp": {
                  "synta-mcp": {
                    "type": "local",
                    "command": [
                      "npx",
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY",
                      "--header",
                      "X-N8n-Login-Email: YOUR_EMAIL",
                      "--header",
                      "X-N8n-Login-Password: YOUR_PASSWORD"
                    ],
                    "enabled": true
                  }
                }
              }
              ```

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging

              Note: `n8n_manage_pindata`'s `analyzePinDataRequirement` mode works without login credentials.
            </Step>

            <Step title="Verify Installation">
              Run:

              ```bash theme={null}
              opencode mcp list
              ```
            </Step>
          </Steps>
        </Accordion>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="OpenClaw">
    <Tabs>
      <Tab title="OAuth">
        OAuth provides automatic credential sync from your Synta account. Requires the **mcporter** skill.

        <Card>
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-4">
            <span class="mint-font-semibold">Command Setup</span>
          </div>

          <Steps>
            <Step title="Install the mcporter Skill">
              In the OpenClaw gateway UI:

              1. On the sidebar, navigate to **Agent** → **Skills** and search for **mcporter**.
              2. Expand **Built-in skills**, find the **mcporter** skill, click **Install**, and wait until it shows **Installed**.
            </Step>

            <Step title="Add Synta MCP">
              Run the command for your OS:

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                mcporter config add synta \
                  --url "https://mcp.synta.io/mcp" \
                  --auth oauth \
                  --config ~/.openclaw/workspace/config/mcporter.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                mcporter config add synta `
                  --url "https://mcp.synta.io/mcp" `
                  --auth oauth `
                  --config "$HOME/.openclaw/workspace/config/mcporter.json"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                mcporter config add synta ^
                  --url "https://mcp.synta.io/mcp" ^
                  --auth oauth ^
                  --config "%USERPROFILE%\.openclaw\workspace\config\mcporter.json"
                ```
              </CodeGroup>
            </Step>

            <Step title="Authenticate">
              Run the auth command:

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                mcporter auth synta-mcp --config ~/.openclaw/workspace/config/mcporter.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                mcporter auth synta-mcp --config "$HOME/.openclaw/workspace/config/mcporter.json"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                mcporter auth synta-mcp --config "%USERPROFILE%\.openclaw\workspace\config\mcporter.json"
                ```
              </CodeGroup>

              A browser window will open. Log in with your Synta account and finish when you see **Authorization successful**.

              <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
                <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
                  <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
                  </svg>
                </div>

                <div class="mint-text-sm mint-text-[#c15f3c]">
                  <strong className="mint-text-[#c15f3c]">Expected mcporter bug:</strong> If you see this message after signing in:

                  <div class="mint-mt-1 mint-mb-1">
                    <code>Failed to authorize 'synta-mcp': MCP error -32001: Request timed out</code>
                  </div>

                  This is a <strong className="mint-text-[#c15f3c]">mcporter</strong> bug. Authentication can still succeed and the MCP can still work normally.
                </div>
              </div>
            </Step>

            <Step title="Enable full tool profile and restart gateway">
              Run this command:

              ```bash theme={null}
              openclaw config set tools.profile full && openclaw gateway restart
              ```
            </Step>

            <Step title="Verify Synta MCP is available">
              Run:

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                mcporter list --config ~/.openclaw/workspace/config/mcporter.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                mcporter list --config "$HOME/.openclaw/workspace/config/mcporter.json"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                mcporter list --config "%USERPROFILE%\.openclaw\workspace\config\mcporter.json"
                ```
              </CodeGroup>

              You should see `synta-mcp` in the list of configured MCP servers.
            </Step>
          </Steps>
        </Card>
      </Tab>

      <Tab title="API Key">
        Use API keys for manual credential management. Requires the **mcporter** skill and [Node.js](https://nodejs.org/en/download) installed.

        <Card>
          <div class="mint-flex mint-items-center mint-gap-2 mint-mb-4">
            <span class="mint-font-semibold">Command Setup</span>
          </div>

          <Steps>
            <Step title="Install the mcporter Skill">
              In the OpenClaw gateway UI:

              1. On the sidebar, navigate to **Agent** → **Skills** and search for **mcporter**.
              2. Expand **Built-in skills**, find the **mcporter** skill, click **Install**, and wait until it shows **Installed**.
            </Step>

            <Step title="Add Synta MCP with API key headers">
              Run the command for your OS:

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                mcporter config add synta \
                  --url "https://mcp.synta.io/mcp" \
                  --header "X-Synta-Api-Key=YOUR_SYNTA_API_KEY" \
                  --header "X-N8n-Url=YOUR_N8N_URL" \
                  --header "X-N8n-Key=YOUR_N8N_API_KEY" \
                  --config ~/.openclaw/workspace/config/mcporter.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                mcporter config add synta `
                  --url "https://mcp.synta.io/mcp" `
                  --header "X-Synta-Api-Key=YOUR_SYNTA_API_KEY" `
                  --header "X-N8n-Url=YOUR_N8N_URL" `
                  --header "X-N8n-Key=YOUR_N8N_API_KEY" `
                  --config "$HOME/.openclaw/workspace/config/mcporter.json"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                mcporter config add synta ^
                  --url "https://mcp.synta.io/mcp" ^
                  --header "X-Synta-Api-Key=YOUR_SYNTA_API_KEY" ^
                  --header "X-N8n-Url=YOUR_N8N_URL" ^
                  --header "X-N8n-Key=YOUR_N8N_API_KEY" ^
                  --config "%USERPROFILE%\.openclaw\workspace\config\mcporter.json"
                ```
              </CodeGroup>
            </Step>

            <Step title="Replace credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials for self-healing:

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                mcporter config add synta \
                  --url "https://mcp.synta.io/mcp" \
                  --header "X-Synta-Api-Key=YOUR_SYNTA_API_KEY" \
                  --header "X-N8n-Url=YOUR_N8N_URL" \
                  --header "X-N8n-Key=YOUR_N8N_API_KEY" \
                  --header "X-N8n-Login-Email=YOUR_EMAIL" \
                  --header "X-N8n-Login-Password=YOUR_PASSWORD" \
                  --config ~/.openclaw/workspace/config/mcporter.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                mcporter config add synta `
                  --url "https://mcp.synta.io/mcp" `
                  --header "X-Synta-Api-Key=YOUR_SYNTA_API_KEY" `
                  --header "X-N8n-Url=YOUR_N8N_URL" `
                  --header "X-N8n-Key=YOUR_N8N_API_KEY" `
                  --header "X-N8n-Login-Email=YOUR_EMAIL" `
                  --header "X-N8n-Login-Password=YOUR_PASSWORD" `
                  --config "$HOME/.openclaw/workspace/config/mcporter.json"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                mcporter config add synta ^
                  --url "https://mcp.synta.io/mcp" ^
                  --header "X-Synta-Api-Key=YOUR_SYNTA_API_KEY" ^
                  --header "X-N8n-Url=YOUR_N8N_URL" ^
                  --header "X-N8n-Key=YOUR_N8N_API_KEY" ^
                  --header "X-N8n-Login-Email=YOUR_EMAIL" ^
                  --header "X-N8n-Login-Password=YOUR_PASSWORD" ^
                  --config "%USERPROFILE%\.openclaw\workspace\config\mcporter.json"
                ```
              </CodeGroup>

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging

              Note: `n8n_manage_pindata`'s `analyzePinDataRequirement` mode works without login credentials.
            </Step>

            <Step title="Enable full tool profile and restart gateway">
              Run this command:

              ```bash theme={null}
              openclaw config set tools.profile full && openclaw gateway restart
              ```
            </Step>

            <Step title="Verify Synta MCP is available">
              Run:

              <CodeGroup>
                ```bash macOS/Linux theme={null}
                mcporter list --config ~/.openclaw/workspace/config/mcporter.json
                ```

                ```powershell Windows (PowerShell) theme={null}
                mcporter list --config "$HOME/.openclaw/workspace/config/mcporter.json"
                ```

                ```cmd Windows (Command Prompt) theme={null}
                mcporter list --config "%USERPROFILE%\.openclaw\workspace\config\mcporter.json"
                ```
              </CodeGroup>

              You should see `synta` in the list of configured MCP servers.
            </Step>
          </Steps>
        </Card>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>

  <Tab title="Windsurf">
    <Tabs>
      <Tab title="OAuth">
        OAuth provides automatic credential sync from your Synta account.

        <Card>
          <Steps>
            <Step title="Open MCP Settings">
              Go to **Windsurf** → **Settings** → **Windsurf Settings**, click the **Cascade** tab on the left-hand sidebar, find the **MCP Servers** heading and click on **"Open MCP Marketplace"**.
            </Step>

            <Step title="Add Configuration">
              In the text labelled **"Installed MCPs"** on the right-hand side, click the **gear** icon to open the raw configuration editor.

              Paste the following configuration and save:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "serverUrl": "https://mcp.synta.io/mcp"
                  }
                }
              }
              ```
            </Step>

            <Step title="Authenticate">
              When you save the configuration, Windsurf will prompt you to authorize. Log in with the **same account** you used at [synta.io](https://synta.io). Your n8n credentials are fetched automatically.
            </Step>

            <Step title="Verify Installation">
              Go back to the **MCP Marketplace** tab and confirm that `synta-mcp` appears in your list of installed servers.
            </Step>
          </Steps>
        </Card>
      </Tab>

      <Tab title="API Key">
        Use API keys for manual credential management. Requires [Node.js](https://nodejs.org/en/download).

        <Card>
          <Steps>
            <Step title="Open MCP Settings">
              Go to **Windsurf** → **Settings** → **Windsurf Settings**, click the **Cascade** tab on the left-hand sidebar, find the **MCP Servers** heading and click on **"Open MCP Marketplace"**.
            </Step>

            <Step title="Add Configuration">
              In the text labelled **"Installed MCPs"** on the right-hand side, click the **gear** icon to open the raw configuration editor.

              Paste the following configuration:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY"
                    ]
                  }
                }
              }
              ```
            </Step>

            <Step title="Replace Credentials">
              * `YOUR_SYNTA_API_KEY` - Get from [synta.io/mcp](https://synta.io/mcp)
              * `YOUR_N8N_URL` - Your n8n instance URL
              * `YOUR_N8N_API_KEY` - Your n8n API key
            </Step>

            <Step title="(Optional) Enable Self-Healing">
              Add n8n login credentials for AI-driven workflow testing:

              ```json theme={null}
              {
                "mcpServers": {
                  "synta-mcp": {
                    "command": "npx",
                    "args": [
                      "-y",
                      "mcp-remote",
                      "https://mcp.synta.io/mcp",
                      "--header",
                      "X-Synta-Api-Key: YOUR_SYNTA_API_KEY",
                      "--header",
                      "X-N8n-Url: YOUR_N8N_URL",
                      "--header",
                      "X-N8n-Key: YOUR_N8N_API_KEY",
                      "--header",
                      "X-N8n-Login-Email: YOUR_EMAIL",
                      "--header",
                      "X-N8n-Login-Password: YOUR_PASSWORD"
                    ]
                  }
                }
              }
              ```

              **Self-Healing Benefits:**

              * Enables `n8n_trigger_execution` - execute workflows and auto-fix errors
              * Enables `n8n_manage_pindata` CRUD operations - add/update/remove/clear pin data for testing
              * Full execution data for debugging
            </Step>

            <Step title="Verify Installation">
              Go back to the **MCP Marketplace** tab and confirm that `synta-mcp` appears in your list of installed servers.
            </Step>
          </Steps>
        </Card>
      </Tab>
    </Tabs>

    <div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
      <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
        <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
      </div>

      <div class="mint-text-sm mint-text-[#c15f3c]">
        <strong className="mint-text-[#c15f3c]">Highly recommended:</strong> Configure <a href="/rules" class="mint-text-[#c15f3c]">Rules & Agent Instructions</a> to improve workflow quality.
      </div>
    </div>
  </Tab>
</Tabs>

## Verify Installation

After setup, verify by asking your AI agent:

```
Can you search for the slack node in n8n?
```

Your AI should respond with Slack node search results if configured correctly.

<div class="callout mint-my-4 mint-px-4 mint-py-3 mint-overflow-hidden mint-rounded-xl mint-flex mint-gap-3 mint-border mint-border-[#c15f3c]/30 mint-bg-[#c15f3c]/10">
  <div class="mint-mt-0.5 mint-w-4 mint-flex-shrink-0">
    <svg class="mint-w-4 mint-h-4 mint-text-[#c15f3c]" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
      <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
    </svg>
  </div>

  <div class="mint-text-sm mint-text-[#c15f3c]">
    Having issues? Check the <a href="/troubleshooting" className="mint-text-[#c15f3c]">Troubleshooting</a> page for common problems and solutions.
  </div>
</div>

## Next Steps

<CardGroup cols="2">
  <Card title="Explore Agent Tools" icon="toolbox" href="/agent-tools">
    Discover all 23 MCP tools with self-healing capabilities
  </Card>

  <Card title="Configure Agent Rules" icon="sliders" href="/rules">
    Set up client-specific rules for optimal workflow building
  </Card>
</CardGroup>
