---
description: >-
  Every Leopard installation has a configuration page that allow you to create
  numerous solution demonstrations. These configurations can be backed up and
  shared.
---

# Solution Configuration

## Initial Load

On initial load of the Leopard chat client the logic in the code will look to see if it can find a [default configuration](#default-configuration) to load. If that configuration can't be located you can head over into the [config page](#config-page) and create a new one.

### Default Configuration

Leopard loads the site's configured in your `.env.solution.json` file located in the root of Leopard's source code. &#x20;

You can export any full solution config from your personal Leopard Admin Area and use that as the default in production.  &#x20;

Example `.env.solution.json`

```javascript
{
  "activeSolution": "241ae1c3-leopard-983c02abe2b3",
  "solutions": [
    {
      "name": "Leopard Test Solution",
      "url": "https://teneo-demos-fusion.presales.artificial-solutions.com/leopard/",
      "deepLink": "leopard",
      "iframeUrl": "https://wi.presales.artificial-solutions.com/leopard-info/",
      "sendContextParams": "all",
      "contextParams": [
        {
          "name": "channel",
          "values": [
            {
              "text": "webview",
              "active": true
            }
          ]
        }
      ],
      "animations": {
        "in": "slideInUp",
        "out": "flipOutY"
      },
      "chatTitle": "Speak with Leo",
      "responseIcon": "mdi-comment-arrow-right",
      "userIcon": "mdi-comment-quote-outline",
      "useLocalStorage": false,
      "enableLiveChat": false,
      "theme": {
        "primary": "#1A237E",
        "secondary": "#880E4F",
        "accent": "#4CAF50",
        "success": "#8BC34A",
        "info": "#E65100",
        "error": "#FF5252",
        "warning": "#FFC107",
        "dark": "#0062B1",
        "custom1": "#6A1B9A",
        "custom2": "#0062B1",
        "custom3": "#0062B1",
        "focusButton": "#C8C4C4",
        "sendButton": "#311B92",
        "textButton": "#000000"
      },
      "displayAccent": true,
      "knowledgeData": ["What's your name?", "Who created you?"],
      "float": true,
      "showChatIcons": true,
      "asrCorrections": "pizza | Peter\nthiss | that",
      "pulseButton": true,
      "playResponseBeep": true,
      "promptTriggers": {
        "enabled": false,
        "pollSeconds": "5"
      },
      "customCssButtonToolbar": "",
      "locale": "en-us-female",
      "longResponsesInModal": false,
      "useInProduction": false,
      "font": "leopard-font-medium",
      "lookAndFeel": {
        "response": {
          "iconColor": "error",
          "blockBgColor": "white",
          "blockTextColor": "dark"
        },
        "question": {
          "iconColor": "accent",
          "blockBgColor": "white",
          "blockTextColor": "dark"
        }
      },
      "id": "241ae1c3-leopard-983c02abe2b3",
      "responseDelay": 0,
      "enableAsrTtsOnOpen": false
    }
  ]
}

```

The solution called,  `Leopard Test Solution` would be loaded for all new users accessing the Leopard deployment.

## Accessing the Config Page

You can always access the config from the Leopard chat window's menu.

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-M-QBr4ZB0fPVXNTysni%2F-M-QDB8AvALOpgcP58Zf%2Fconfig-a.jpg?alt=media&#x26;token=bead671a-f4b5-4b9a-a53e-6caeb27dfcb6" alt=""></div>

## Config Page

### Features

* Create new solution configurations
* Edit existing solution configurations
* Clone existing solution configurations
* Delete existing solution configurations
* Exporting
  * Export an individual solution configuration
  * Exporting all solution configurations
* Importing
  * Importing individual solution configurations
  * Importing a batch of solution configurations
* Share solutions by generating a link that other can follow to import your solution
* Test TIE endpoints for all configured solutions
* Accessing short links for the selected solution configuration
  * Mobile view deep link
  * Website view deep link
* Access the documentation

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-M7To8ZZfcmmLG8LZlT5%2F-M7Tp6u2_JQ6S-5P-aeG%2Fleopard-31.png?alt=media&#x26;token=b09b5a39-de52-4c64-aea7-8d957a4da07c" alt=""></div>

## Solution Add/Edit Screen

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-M7To8ZZfcmmLG8LZlT5%2F-M7To_k8Madsg1mJhXGH%2Fleopard-30.png?alt=media&#x26;token=1fe5b454-8f1c-411c-8520-55542a9052e0" alt=""></div>

## Exporting

You can export the JSON configuration for individual solutions or all solutions from within the config area of Leopard. You can either choose to have the configuration exported to the file system or copied to your clipboard.&#x20;

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-LijNE7wh13qnrKbm7Gm%2F-LijPeBt7QSte_gfaSoM%2Fexport-indiv.png?alt=media&#x26;token=4eaa85c6-7692-4e2a-837e-b2e0d86dc91d" alt=""></div>

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-LijNE7wh13qnrKbm7Gm%2F-LijPj2dIWESe5Bd6iI9%2Fexport-all.png?alt=media&#x26;token=7d664a3f-dd75-4327-a479-e240acc629ae" alt=""></div>

## Importing

Within the Leopard configuration page you can import previously exported solution configurations.  Adding and merging is all automatically handled. &#x20;

![](https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-M7To8ZZfcmmLG8LZlT5%2F-M7TozVahqiYVPgwOH2a%2Fupload.png?alt=media\&token=ccb9cc66-6846-426b-9021-30070fd7b7a9)
