From 15af0849146f395bdc3af103c866fa1ae5317f13 Mon Sep 17 00:00:00 2001
From: Peter Joles <jolzee@gmail.com>
Date: Sun, 23 Feb 2020 12:09:54 -0800
Subject: [PATCH] :sparkles: Add kutt.it as a url shortner option. Used for
 sharing configurations.

---
 .env                       |   43 +-
 .travis.yml                |    5 +-
 secrets.tar.enc            |  Bin 10256 -> 10300 bytes
 src/utils/leopardConfig.js |   97 +-
 src/views/Config.vue       | 2898 ++++++++++++++++++------------------
 5 files changed, 1537 insertions(+), 1506 deletions(-)

diff --git a/.env b/.env
index 7c9ba914..97543991 100644
--- a/.env
+++ b/.env
@@ -1,21 +1,22 @@
-VUE_APP_BUILD_COMPRESS_JAVASCRIPT_ASSETS=true
-VUE_APP_BUILD_COMPRESS_CSS_ASSETS=true
-VUE_APP_EMBED_KILL_SESSION_ON_CLOSE=false
-VUE_APP_FIREBASE_API_KEY=
-VUE_APP_FIREBASE_AUTH_DOMAIN=
-VUE_APP_FIREBASE_DATABASE_URL=
-VUE_APP_FIREBASE_MESSAGING_SENDER_ID=
-VUE_APP_FIREBASE_PROJECT_ID=
-VUE_APP_FIREBASE_STORAGE_BUCKET=
-VUE_APP_GET_STATIC_DEFAULT_CONFIG=false
-VUE_APP_HIDE_CONFIG_MENU=false
-VUE_APP_LIVE_CHAT_AGENT_ASSIST_SERVER=
-VUE_APP_LIVE_CHAT_INC_KEY=
-VUE_APP_LOAD_FRESH_CONFIG_FOR_NEW_SESSIONS=false
-VUE_APP_LOCATION_IQ_KEY=
-VUE_APP_LOG_ROCKET=
-VUE_APP_PUSHER_KEY=
-VUE_APP_SENTRY_DSN=
-VUE_APP_SOLUTION_CONFIG_FILE=.env.solution.json
-VUE_APP_SOURCE_MAP=false
-VUE_APP_HIDE_AS_BRANDING=false
\ No newline at end of file
+VUE_APP_BUILD_COMPRESS_JAVASCRIPT_ASSETS=true
+VUE_APP_BUILD_COMPRESS_CSS_ASSETS=true
+VUE_APP_EMBED_KILL_SESSION_ON_CLOSE=false
+VUE_APP_FIREBASE_API_KEY=
+VUE_APP_FIREBASE_AUTH_DOMAIN=
+VUE_APP_FIREBASE_DATABASE_URL=
+VUE_APP_FIREBASE_MESSAGING_SENDER_ID=
+VUE_APP_FIREBASE_PROJECT_ID=
+VUE_APP_FIREBASE_STORAGE_BUCKET=
+VUE_APP_GET_STATIC_DEFAULT_CONFIG=false
+VUE_APP_HIDE_CONFIG_MENU=false
+VUE_APP_LIVE_CHAT_AGENT_ASSIST_SERVER=
+VUE_APP_LIVE_CHAT_INC_KEY=
+VUE_APP_LOAD_FRESH_CONFIG_FOR_NEW_SESSIONS=false
+VUE_APP_LOCATION_IQ_KEY=
+VUE_APP_LOG_ROCKET=
+VUE_APP_PUSHER_KEY=
+VUE_APP_SENTRY_DSN=
+VUE_APP_SOLUTION_CONFIG_FILE=.env.solution.json
+VUE_APP_SOURCE_MAP=false
+VUE_APP_HIDE_AS_BRANDING=false
+VUE_APP_KUTT_IT_API_KEY=
\ No newline at end of file
diff --git a/.travis.yml b/.travis.yml
index 2fa9db50..356e6159 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -14,7 +14,7 @@ env:
     - secure: Fb0DilEJ862wobrfbO/9tqCfap7gmmUQyUZLx6g9QDsCv/pq7yEeBmOWZT1ld8Praw0rdPSs7r+sgoLqvfYyaBA58bvCkk7HtP6ANuDVH+LKG9z6ThL3ehuS0FBbXTCrgaT77ZA5SJu1ReDlEWRl6SU/lnCyDeV+ZJxOG2lRduDAuYGT9aKH6YVbsjT7mAuQMZPyfp3mjMxeNDtu6Vs07hXbqyv70Usdert3X/NXIMeN2L+jWSBXXYAsLvhQNJ/uGG3mEgqcJInaCI68DIlNGkbgmymBrkbDj7Ii4K3nKu4mV4naTRScF5++eu7nHrzZ+aP3heBCLKY967aNZZiXh9nazvMXpMsSjFb2h4DCeMfMfMmsxIYM/FDtIZa5NxeggRe/8DgahHSaNyw9k60ur40dte8K+ef438jDAsXrIGWTUZlqf5KVOXiOHWOQ0uC0bB3t0heSpvbwvqsaXeU50Hmxn4mqGK4aGuPpGeU7EAFLXZdPvxRa0Zjaw1EAXBpmK430foTxmrcEIaTvjg+jM/b59wLFYcbACnHoouWos4CWKp5kMw2b1HX1Q0bBod3oJAZJL59lwC9nFpQj3p56M5wK9Ptd6VRSGuv8Lw2xiYtnN3fCYP/gsxpqeZFTFsH3MiSGwU7+9RF+4cS5RlXdiCwb7vjLV9qVeAIImL7m1Cw=
     - secure: DUK7mtuIPxnjWlFkZJs1kMpqIgQwQtdee3HPBKRSvLLx99eHv5gFxJDfBjllJ5zJ6UqkTPuRFq23Z69m6ButxDgL4vJ0LKGXr1p/EOpB6LizKH7NKdH/A1ha6HLmkJI39w13uZGZUZ0BjF1KKlKEa79Jile+DiYJGgoayjhyJxVHubJ/0eJx0XdCr3mmFoHet85GncIqf77ohRyVi2dzzY1cFRS6hHb6nxkX6/8wLQmShuB2tuZNOFNA/EnB1D9NhQ1LOEiZLViCweHzt98la02tKH8e08wKA4RurxMkvNaYeVlQlBBDtQ1H/LXJbrQmMjLcNkncyAXWdvig51X5IF4xWHoKtLzK864t87X0PPBuIbZoWfxh3EX1FAdC9+XYIrHGZdbbwewB5QqJz4CYs1CdWrEiIlLO0LVKfxr0kJMR25Gu91Z1y78xlQc06Hc9skmmALNMpPDUQ1vHlzkvlLkgd4Alm6rinzYfJW2PWdAQOB6iNKd+pIH1qN7QWUBU0FKtKN3Z6iwzV6P0Z0FnH3RYC42g6pY+XmPKY1lgfkSlBw9IS3lvpcL2ddv3rXb2nN0o4hFvOl5o1SeDYWNqdeUOmqLDc2kOvrKYHTBoFaVF4T/0YmvUK+CdwKhn1nwqsUjQzoY41leD7Hqa73UWyQZ3i/Jf8lpTaCBjvf9zWu0=
 before_install:
-  - openssl aes-256-cbc -K $encrypted_e0272ac8690c_key -iv $encrypted_e0272ac8690c_iv
+  - openssl aes-256-cbc -K $encrypted_54a1e4422a70_key -iv $encrypted_54a1e4422a70_iv
     -in secrets.tar.enc -out secrets.tar -d
   - tar xvf secrets.tar
 install:
@@ -29,6 +29,7 @@ before_deploy:
   - ssh-add deploy_rsa
 deploy:
   provider: script
-  script: rsync -r -e "ssh -o StrictHostKeyChecking=no" --delete-after --quiet ./dist/
+  script:
+    rsync -r -e "ssh -o StrictHostKeyChecking=no" --delete-after --quiet ./dist/
     ${SSH_USER}@${SSH_HOST}:/var/www/leopard-chat
   edge: true
diff --git a/secrets.tar.enc b/secrets.tar.enc
index ae36f4b09062b68eaceaf5402cd70e79220aa83d..02313ccc960f6ab1e3d9b7148a7868376cd7cc31 100644
GIT binary patch
literal 10300
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
O!@2ab4W@8<u}tyv)cWH9

literal 10256
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
WaKP-QRmNfM>Dqff=BwJEpjruyZszL%

diff --git a/src/utils/leopardConfig.js b/src/utils/leopardConfig.js
index a29321d9..f1cede04 100644
--- a/src/utils/leopardConfig.js
+++ b/src/utils/leopardConfig.js
@@ -1,48 +1,49 @@
-const environmentVariables = process.env;
-
-const getEnvValue = (name, fallback = "") => {
-  let result = fallback;
-  if (name in environmentVariables && environmentVariables[name] !== "") {
-    result = environmentVariables[name];
-    if (result === "true") {
-      result = true;
-    } else if (result === "false") {
-      result = false;
-    }
-  }
-  return result;
-};
-
-export default {
-  isProduction: getEnvValue("NODE_ENV", "production") === "production",
-  killSessionOnCloseEmbed: getEnvValue("VUE_APP_EMBED_KILL_SESSION_ON_CLOSE", false),
-  solutionConfig: {
-    buildConfig: getEnvValue("VUE_APP_SOLUTION_CONFIG", {})
-  },
-  hideConfigMenu: getEnvValue("VUE_APP_HIDE_CONFIG_MENU", true),
-  hideArtificalSolutionsBranding: getEnvValue("VUE_APP_HIDE_AS_BRANDING", false),
-  loadFreshConfigForNewSessions: getEnvValue("VUE_APP_LOAD_FRESH_CONFIG_FOR_NEW_SESSIONS", false),
-  mustGetStaticDefaultConfig: getEnvValue("VUE_APP_GET_STATIC_DEFAULT_CONFIG", false),
-  liveChat: {
-    licenseKey: getEnvValue("VUE_APP_LIVE_CHAT_INC_KEY"),
-    agentAssistServerUrl: getEnvValue("VUE_APP_LIVE_CHAT_AGENT_ASSIST_SERVER")
-  },
-  pusherKey: getEnvValue("VUE_APP_PUSHER_KEY"),
-  locationIqKey: getEnvValue("VUE_APP_LOCATION_IQ_KEY"),
-  firebase: {
-    apiKey: getEnvValue("VUE_APP_FIREBASE_API_KEY"),
-    authDomain: getEnvValue("VUE_APP_FIREBASE_AUTH_DOMAIN"),
-    databaseUrl: getEnvValue("VUE_APP_FIREBASE_DATABASE_URL"),
-    projectId: getEnvValue("VUE_APP_FIREBASE_PROJECT_ID"),
-    storageBucket: getEnvValue("VUE_APP_FIREBASE_STORAGE_BUCKET"),
-    messagingSenderId: getEnvValue("VUE_APP_FIREBASE_MESSAGING_SENDER_ID")
-  },
-  logging: {
-    sentryDsn: getEnvValue("VUE_APP_SENTRY_DSN"),
-    logRocket: getEnvValue("VUE_APP_LOG_ROCKET")
-  },
-  build: {
-    compressJavascript: getEnvValue("VUE_APP_BUILD_COMPRESS_JAVASCRIPT_ASSETS", false),
-    compressCss: getEnvValue("VUE_APP_BUILD_COMPRESS_CSS_ASSETS", true)
-  }
-};
+const environmentVariables = process.env;
+
+const getEnvValue = (name, fallback = "") => {
+  let result = fallback;
+  if (name in environmentVariables && environmentVariables[name] !== "") {
+    result = environmentVariables[name];
+    if (result === "true") {
+      result = true;
+    } else if (result === "false") {
+      result = false;
+    }
+  }
+  return result;
+};
+
+export default {
+  isProduction: getEnvValue("NODE_ENV", "production") === "production",
+  killSessionOnCloseEmbed: getEnvValue("VUE_APP_EMBED_KILL_SESSION_ON_CLOSE", false),
+  solutionConfig: {
+    buildConfig: getEnvValue("VUE_APP_SOLUTION_CONFIG", {})
+  },
+  hideConfigMenu: getEnvValue("VUE_APP_HIDE_CONFIG_MENU", true),
+  hideArtificalSolutionsBranding: getEnvValue("VUE_APP_HIDE_AS_BRANDING", false),
+  loadFreshConfigForNewSessions: getEnvValue("VUE_APP_LOAD_FRESH_CONFIG_FOR_NEW_SESSIONS", false),
+  mustGetStaticDefaultConfig: getEnvValue("VUE_APP_GET_STATIC_DEFAULT_CONFIG", false),
+  liveChat: {
+    licenseKey: getEnvValue("VUE_APP_LIVE_CHAT_INC_KEY"),
+    agentAssistServerUrl: getEnvValue("VUE_APP_LIVE_CHAT_AGENT_ASSIST_SERVER")
+  },
+  kuttItKey: getEnvValue("VUE_APP_KUTT_IT_API_KEY"),
+  pusherKey: getEnvValue("VUE_APP_PUSHER_KEY"),
+  locationIqKey: getEnvValue("VUE_APP_LOCATION_IQ_KEY"),
+  firebase: {
+    apiKey: getEnvValue("VUE_APP_FIREBASE_API_KEY"),
+    authDomain: getEnvValue("VUE_APP_FIREBASE_AUTH_DOMAIN"),
+    databaseUrl: getEnvValue("VUE_APP_FIREBASE_DATABASE_URL"),
+    projectId: getEnvValue("VUE_APP_FIREBASE_PROJECT_ID"),
+    storageBucket: getEnvValue("VUE_APP_FIREBASE_STORAGE_BUCKET"),
+    messagingSenderId: getEnvValue("VUE_APP_FIREBASE_MESSAGING_SENDER_ID")
+  },
+  logging: {
+    sentryDsn: getEnvValue("VUE_APP_SENTRY_DSN"),
+    logRocket: getEnvValue("VUE_APP_LOG_ROCKET")
+  },
+  build: {
+    compressJavascript: getEnvValue("VUE_APP_BUILD_COMPRESS_JAVASCRIPT_ASSETS", false),
+    compressCss: getEnvValue("VUE_APP_BUILD_COMPRESS_CSS_ASSETS", true)
+  }
+};
diff --git a/src/views/Config.vue b/src/views/Config.vue
index 639d5358..06faefc1 100644
--- a/src/views/Config.vue
+++ b/src/views/Config.vue
@@ -1,1438 +1,1466 @@
-<template>
-  <v-dialog
-    v-model="showModal"
-    content-class="leopard-config-modal"
-    persistent
-    scrollable
-    max-height="auto"
-    no-click-animation
-    overlay-opacity="0.7"
-    max-width="calc(700px - 5%)"
-    :fullscreen="fullscreen || $vuetify.breakpoint.mdAndDown"
-    light
-  >
-    <v-card style="background-color: #FAFAFA">
-      <v-system-bar
-        height="30px"
-        light
-        :class="{
-          'leopard-config-app-bar-fullscreen': fullscreen || $vuetify.breakpoint.mdAndDown
-        }"
-      >
-        <v-icon>mdi-tune</v-icon>
-        <span>
-          <span class="d-none d-md-inline">Leopard Configuration</span>
-          <!-- <span
-              v-if="selectedSolution"
-              class="white--text px-2 ml-2 py-1 elevation-2 leopard-radius d-none d-sm-inline"
-              style="background-color: indigo"
-          >{{ selectedSolution.name }}</span>-->
-        </span>
-        <v-spacer class="teneo-systembar-spacer"></v-spacer>
-        <v-icon
-          v-if="!embed && !$vuetify.breakpoint.mdAndDown"
-          tabindex="0"
-          tag="button"
-          :aria-label="fullscreen ? 'Restore dialog size' : 'Maximize dialog'"
-          @click="toggleFullscreen"
-        >{{ fullscreen ? "mdi-window-restore" : "mdi-window-maximize" }}</v-icon>
-        <v-icon
-          tabindex="0"
-          tag="button"
-          aria-label="Close Config Area"
-          @click="closeConfigArea(false)"
-        >mdi-close</v-icon>
-      </v-system-bar>
-      <v-app-bar color="#2F286B" max-height="64px">
-        <!-- show the nicely formatted view of the full configuration -->
-        <v-tooltip open-delay="300" bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              aria-label="Import new or additional solution configurations"
-              class="mr-2"
-              v-bind="attrs"
-              v-on="on"
-              fab
-              dark
-              small
-              color="pink"
-              @click="showUploadDialog"
-            >
-              <v-icon dark>mdi-upload</v-icon>
-            </v-btn>
-          </template>
-          <span>Import an individual/multiple solutions from a backup</span>
-        </v-tooltip>
-        <v-tooltip open-delay="300" bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-fab-transition>
-              <v-btn
-                aria-label="Add a new solution"
-                class="mr-2"
-                v-bind="attrs"
-                v-on="on"
-                fab
-                dark
-                small
-                @click="addSolution"
-                color="green"
-              >
-                <v-icon dark>mdi-plus-circle</v-icon>
-              </v-btn>
-            </v-fab-transition>
-          </template>
-          <span>Create a new solution config</span>
-        </v-tooltip>
-        <v-tooltip open-delay="300" bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              aria-label="Copy all solution configurations to the clipboard"
-              class="mr-2"
-              v-bind="attrs"
-              v-on="on"
-              fab
-              dark
-              small
-              color="indigo"
-              @click="copyWholeConfigClipboard"
-            >
-              <v-icon dark>mdi-clipboard-arrow-up-outline</v-icon>
-            </v-btn>
-          </template>
-          <span>Copy the configuration for all solutions to clipboard</span>
-        </v-tooltip>
-        <v-tooltip open-delay="300" bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              aria-label="Download all solution configurations as a JSON file"
-              class="mr-2"
-              v-bind="attrs"
-              v-on="on"
-              fab
-              dark
-              small
-              color="teal darken-3"
-              @click="downloadSolutionConfig"
-            >
-              <v-icon dark>mdi-file-download</v-icon>
-            </v-btn>
-          </template>
-          <span>Export the configuration for all solutions to a file</span>
-        </v-tooltip>
-        <v-tooltip open-delay="300" bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              aria-label="Run audit of all TIE urls"
-              class="mr-2"
-              v-bind="attrs"
-              v-on="on"
-              fab
-              dark
-              small
-              color="orange darken-4"
-              @click="runAudit"
-            >
-              <v-icon dark>mdi-transit-connection-variant</v-icon>
-            </v-btn>
-          </template>
-          <span>Run audit of all TIE urls</span>
-        </v-tooltip>
-        <v-tooltip open-delay="300" bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              aria-label="Toggle a visual display of all solution configurations as JSON"
-              class="mr-2"
-              v-bind="attrs"
-              v-on="on"
-              fab
-              dark
-              small
-              color="deep-purple"
-              @click="toggleDisplayOfSolutionConfig"
-            >
-              <v-icon dark>{{ displayFullSolutionConfig ? "mdi-eye" : "mdi-eye-off" }}</v-icon>
-            </v-btn>
-          </template>
-          <span>Toggle display of the configuration for all solutions</span>
-        </v-tooltip>
-        <v-tooltip open-delay="300" bottom>
-          <template v-slot:activator="{ on, attrs }">
-            <v-btn
-              aria-label="Open documentation for Leopard's Chat UI"
-              class="mr-2"
-              fab
-              v-bind="attrs"
-              v-on="on"
-              dark
-              small
-              color="brown darken-3"
-              href="https://jolzee.gitbook.io/leopard/"
-              target="_blank"
-            >
-              <v-icon dark>mdi-comment-question</v-icon>
-            </v-btn>
-          </template>
-          <span>Help / Documentation</span>
-        </v-tooltip>
-
-        <v-spacer></v-spacer>
-        <v-badge
-          left
-          overlap
-          color="#4051B1"
-          :aria-label="`There are ${config.solutions.length} known teneo solutions`"
-          class="mr-2 d-none d-sm-inline"
-        >
-          <span slot="badge" style="background-color: #4051B1">{{ config.solutions.length }}</span>
-          <v-icon large color="grey lighten-1">mdi-settings</v-icon>
-        </v-badge>
-        <!-- <v-chip
-            v-if="config.activeSolution"
-            color="#24C0CA"
-            text-color="#2F2869"
-            class="pl-1 mr-2 d-none d-sm-none d-md-inline elevation-2"
-          >
-            <v-avatar color="#FE4E5D" class="ml-0 pl-0 mr-2 elevation-2">
-              <v-icon>mdi-check</v-icon>
-            </v-avatar>
-            {{ getDefaultSolutionName }}
-        </v-chip>-->
-      </v-app-bar>
-      <v-card-text height="80%" class="px-2 mx-0 py-0">
-        <v-container fluid>
-          <v-row align="start" justify="start">
-            <v-col cols="12" class="pa-2 pb-0">
-              <v-container fluid class="py-0">
-                <v-row>
-                  <v-col cols="12" v-if="hasSolutions" class="pb-0">
-                    <v-autocomplete
-                      style="max-width: 520px;"
-                      color="#2F2869"
-                      item-avatar="userIcon"
-                      autofocus
-                      clearable
-                      open-on-clear
-                      hint="Buttons below are specific to the selected solution"
-                      persistent-hint
-                      dense
-                      outlined
-                      :allow-overflow="false"
-                      ref="selectedSolution"
-                      item-text="name"
-                      item-value="name"
-                      v-model="selectedSolution"
-                      menu-props="auto"
-                      solo
-                      :items="sortedSolutions"
-                      return-object
-                      no-data-text="No Solutions"
-                      label="Select a Teneo Solution"
-                      aria-label="Select a Teneo solution"
-                      append-icon="mdi-chevron-double-down"
-                    ></v-autocomplete>
-                  </v-col>
-                </v-row>
-                <v-row>
-                  <v-col style="min-height: 72px;">
-                    <template v-if="selectedSolution">
-                      <v-tooltip open-delay="300" bottom>
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              aria-label="Make the selected solution the active solution"
-                              class="mr-2 mb-2"
-                              v-bind="attrs"
-                              v-on="on"
-                              v-show="showSolutionButtons"
-                              fab
-                              dark
-                              color="light-blue darken-1"
-                              small
-                              @click="setActiveSolution"
-                            >
-                              <v-icon dark>
-                                {{
-                                selectedSolution && config.activeSolution === selectedSolution.id
-                                ? "mdi-checkbox-marked"
-                                : "mdi-checkbox-blank-outline"
-                                }}
-                              </v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Make the "{{ getSelectedSolutionName }}" the active solution. An active
-                          solution can be accessed without the deep link
-                        </span>
-                      </v-tooltip>
-                      <v-tooltip open-delay="300" bottom>
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              aria-label="Edit the selected solution"
-                              class="mr-2 mb-2"
-                              v-bind="attrs"
-                              v-on="on"
-                              :loading="displayAddEditDialog"
-                              v-show="showSolutionButtons"
-                              fab
-                              dark
-                              small
-                              color="pink darken-4"
-                              @click="editSolution"
-                            >
-                              <v-icon dark>mdi-pencil</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>Edit solution | {{ getSelectedSolutionName }}</span>
-                      </v-tooltip>
-                      <v-tooltip open-delay="300" bottom>
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              aria-label="Clone the currently selected solution"
-                              class="mr-2 mb-2"
-                              v-bind="attrs"
-                              v-on="on"
-                              v-show="showSolutionButtons"
-                              fab
-                              dark
-                              small
-                              @click="cloneSolution"
-                              color="orange"
-                            >
-                              <v-icon dark>mdi-content-copy</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Clone solution |
-                          {{ getSelectedSolutionName }}
-                        </span>
-                      </v-tooltip>
-                      <v-tooltip open-delay="300" bottom>
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              aria-label="Delete the currently selected solution"
-                              class="mr-2 mb-2"
-                              v-bind="attrs"
-                              v-on="on"
-                              v-show="showSolutionButtons"
-                              fab
-                              dark
-                              small
-                              @click="deleteSolutionConfig"
-                              color="red"
-                            >
-                              <v-icon dark>mdi-trash-can</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Delete solution |
-                          {{ getSelectedSolutionName }}
-                        </span>
-                      </v-tooltip>
-                      <v-tooltip open-delay="300" bottom>
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              aria-label="Copy the selected solution configuration to the clipboard"
-                              class="mr-2 mb-2"
-                              v-bind="attrs"
-                              v-on="on"
-                              v-show="showSolutionButtons"
-                              fab
-                              dark
-                              small
-                              color="indigo"
-                              @click="copySolutionToClipboard"
-                            >
-                              <v-icon dark>mdi-clipboard-arrow-up-outline</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Copy config to clipboard |
-                          {{ getSelectedSolutionName }}
-                        </span>
-                      </v-tooltip>
-                      <v-tooltip open-delay="300" bottom>
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              aria-label="Download the selected solution's configuration as a file"
-                              class="mr-2 mb-2"
-                              v-bind="attrs"
-                              v-on="on"
-                              v-show="showSolutionButtons"
-                              fab
-                              dark
-                              small
-                              color="teal darken-3"
-                              @click="downloadSelectedSolutionConfig"
-                            >
-                              <v-icon dark>mdi-file-download</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Download config |
-                          {{ getSelectedSolutionName }}
-                        </span>
-                      </v-tooltip>
-                      <v-tooltip open-delay="300" bottom>
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              aria-label="Generate sharable link for team members"
-                              class="mr-2 mb-2"
-                              v-bind="attrs"
-                              v-on="on"
-                              v-show="showSolutionButtons"
-                              fab
-                              dark
-                              small
-                              color="red darken-3"
-                              @click="createShareLinkForSolution"
-                            >
-                              <v-icon dark>mdi-link-plus</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Generate sharable link for team members |
-                          {{ getSelectedSolutionName }}
-                        </span>
-                      </v-tooltip>
-
-                      <v-tooltip open-delay="300" bottom color="green">
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              class="mr-2 mb-2"
-                              v-show="showSolutionButtons"
-                              v-bind="attrs"
-                              v-on="on"
-                              aria-label="Open a new window showing the current selected solution embedded in a mobile view"
-                              light
-                              fab
-                              rounded
-                              small
-                              color="#F3C234"
-                              :href="getActiveSolutionDeepLinkMobile"
-                              target="_blank"
-                            >
-                              <v-icon dark>mdi-cellphone-android</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Open mobile view in new page |
-                          {{ getSelectedSolutionName }}
-                        </span>
-                      </v-tooltip>
-                      <v-tooltip open-delay="300" bottom color="green">
-                        <template v-slot:activator="{ on, attrs }">
-                          <v-fab-transition>
-                            <v-btn
-                              class="mr-2 mb-2"
-                              v-show="showSolutionButtons"
-                              v-bind="attrs"
-                              :loading="refresh"
-                              v-on="on"
-                              aria-label="Refresh the browser to a deep link of the selected solution"
-                              fab
-                              light
-                              rounded
-                              small
-                              color="#F3C234"
-                              :href="getActiveSolutionDeepLink"
-                            >
-                              <v-icon dark>mdi-monitor</v-icon>
-                            </v-btn>
-                          </v-fab-transition>
-                        </template>
-                        <span>
-                          Reload page to the active solution |
-                          {{ getSelectedSolutionName }}
-                        </span>
-                      </v-tooltip>
-                      <v-fab-transition>
-                        <v-btn
-                          class="mr-2 mb-2"
-                          :loading="refresh"
-                          v-show="showSolutionButtons"
-                          fab
-                          small
-                          dark
-                          @click="refreshBrowser"
-                          aria-label="Refresh browser taking into account current selected solution"
-                          color="green"
-                        >
-                          <v-icon>mdi-refresh</v-icon>
-                        </v-btn>
-                      </v-fab-transition>
-                    </template>
-                  </v-col>
-                </v-row>
-              </v-container>
-
-              <div v-if="displayFullSolutionConfig && !displayAddEditDialog">
-                <prism language="json">{{ prettyPrintFullConfig }}</prism>
-              </div>
-
-              <!-- upload new configuration -->
-              <v-dialog
-                v-model="uploadDialog"
-                scrollable
-                persistent
-                light
-                max-width="calc(1200px - 20%)"
-                :fullscreen="$vuetify.breakpoint.mdAndDown"
-              >
-                <v-card>
-                  <v-system-bar
-                    height="30px"
-                    color="primary darken-3"
-                    :class="{ 'grab-cursor': !embed && !$vuetify.breakpoint.mdAndDown }"
-                    dark
-                  >
-                    <v-spacer style="height:30px" class="teneo-systembar-spacer"></v-spacer>
-
-                    <v-icon
-                      tag="button"
-                      aria-label="Close dialog"
-                      tabindex="0"
-                      @click="closeUploadDialog"
-                    >mdi-close</v-icon>
-                  </v-system-bar>
-
-                  <v-app-bar
-                    :color="`primary ${textColor('primary')}`"
-                    dense
-                    style="max-height:48px"
-                  >
-                    <v-toolbar-title>Import Solution(s)</v-toolbar-title>
-                  </v-app-bar>
-                  <v-card-text class="mb-0 pb-0 pl-1">
-                    <v-row>
-                      <v-col cols="12">
-                        <div class="upload-btn ml-5 pl-1 mb-2">
-                          <input
-                            id="uploadFile"
-                            type="file"
-                            accept="text/*"
-                            name="uploadFile"
-                            @click="toggleLoading"
-                            @change="readConfigFile"
-                          />
-                          <label for="uploadFile" class="v-btn primary upload-btn px-2 py-1 ml-2">
-                            Browse
-                            <v-icon small dark right>mdi-paperclip</v-icon>
-                          </label>
-                        </div>
-                        <v-textarea
-                          clearable
-                          solo
-                          outlined
-                          v-model="getUploadConfig"
-                          :loading="uploadTextAreaLoading"
-                          ref="newConfig"
-                          filled
-                          name="new-config"
-                          label="Paste in full or partial configurations"
-                          :value="getUploadConfig"
-                          auto-grow
-                          prepend-icon="mdi-settings-transfer"
-                          class="leopard-code-font"
-                        ></v-textarea>
-                      </v-col>
-                    </v-row>
-                  </v-card-text>
-                  <v-divider></v-divider>
-                  <v-card-actions>
-                    <v-spacer></v-spacer>
-                    <v-btn
-                      class="mr-2"
-                      color="blue-grey lighten-5"
-                      light
-                      small
-                      @click="closeUploadDialog"
-                    >Close</v-btn>
-                    <v-btn
-                      :disabled="getUploadConfig === ''"
-                      small
-                      class="mr-2"
-                      color="green"
-                      @click="saveUploadForm"
-                    >
-                      Import
-                      <v-icon right dark>mdi-content-save-move</v-icon>
-                    </v-btn>
-                    <v-snackbar
-                      v-if="uploadSnackbar"
-                      absolute
-                      color="#2F2869"
-                      :timeout="globalSnackbarTimeout"
-                      v-model="uploadSnackbar"
-                    >{{ globalSnackbarMessage }}</v-snackbar>
-                  </v-card-actions>
-                </v-card>
-              </v-dialog>
-              <!-- Show backup solution dialog -->
-
-              <v-dialog v-model="showBackupDialog" persistent max-width="290">
-                <v-card>
-                  <v-card-title class="headline">Configuration Backup</v-card-title>
-                  <v-card-text>
-                    It's been at least 2 weeks since you performed a backup of your solution
-                    configurations. Would you like to perform a backup now?
-                  </v-card-text>
-                  <v-card-actions>
-                    <v-spacer></v-spacer>
-                    <v-btn color="green darken-1" text @click="showBackupDialog = false">No</v-btn>
-                    <v-btn color="green darken-1" text @click="doBackup">Yes</v-btn>
-                  </v-card-actions>
-                </v-card>
-              </v-dialog>
-
-              <!-- Offer refresh on back button -->
-              <v-dialog v-model="showPossibleRefreshDialog" persistent max-width="500">
-                <v-card>
-                  <v-card-title class="title">Refresh to Selected Solution?</v-card-title>
-                  <v-card-text>
-                    You changed the selected solution. Should I naviate to:
-                    <br />
-                    <br />
-                    <span class="leopard-code">
-                      {{
-                      selectedSolution ? selectedSolution.name : ""
-                      }}
-                    </span>
-                  </v-card-text>
-                  <v-card-actions>
-                    <v-spacer></v-spacer>
-                    <v-btn color="green darken-1" text @click="closeConfigArea(true)">No</v-btn>
-                    <v-btn color="green darken-1" text @click="doRefreshToSelectedSolution">Yes</v-btn>
-                  </v-card-actions>
-                </v-card>
-              </v-dialog>
-              <!-- Show Audit Results for TIE Urls -->
-              <Dialog
-                :show="audit.show"
-                @close="closeAuditDialog"
-                :title="audit.title"
-                width="1000px"
-              >
-                <v-simple-table>
-                  <template v-slot:default>
-                    <thead>
-                      <tr class="elevation-2">
-                        <th class="text-left text-uppercase">Name</th>
-                        <th class="text-left text-uppercase">TIE Url</th>
-                        <th class="text-left text-uppercase">Status</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr v-for="result in audit.results" :key="result.solution.id">
-                        <td>{{ result.solution.name }}</td>
-                        <td>
-                          <a
-                            :href="result.solution.url"
-                            :title="result.solution.url"
-                            target="_blank"
-                          >{{ result.solution.url }}</a>
-                        </td>
-                        <td>
-                          <v-progress-circular
-                            v-if="result.status === 'checking'"
-                            :rotate="360"
-                            :size="35"
-                            :width="5"
-                            indeterminate
-                            color="primary"
-                          ></v-progress-circular>
-                          <v-speed-dial
-                            v-else
-                            :v-model="true"
-                            left
-                            direction="left"
-                            open-on-hover
-                            transition="slide-y-reverse-transition"
-                          >
-                            <template v-slot:activator>
-                              <v-icon
-                                v-if="result.status === 'success'"
-                                large
-                                color="blue darken-2"
-                              >mdi-check-network-outline</v-icon>
-                              <v-icon v-else large color="error darken-2">mdi-close-network</v-icon>
-                            </template>
-                            <v-btn
-                              fab
-                              dark
-                              small
-                              color="red"
-                              @click="deleteSolution(result.solution.id)"
-                            >
-                              <v-icon>mdi-trash-can</v-icon>
-                            </v-btn>
-                            <v-btn
-                              fab
-                              dark
-                              small
-                              color="pink darken-4"
-                              @click="editSolutionAudit(result.solution.id)"
-                            >
-                              <v-icon>mdi-pencil</v-icon>
-                            </v-btn>
-                          </v-speed-dial>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </template>
-                </v-simple-table>
-              </Dialog>
-              <ConfigAddEditSolution
-                v-if="displayAddEditDialog"
-                v-on:result="closeAddNewSolutionDialog($event)"
-                :currentModeEdit="currentModeEdit"
-                :config="config"
-                :selectedSolution="solution"
-                key="configAddEditSolution"
-              ></ConfigAddEditSolution>
-            </v-col>
-          </v-row>
-        </v-container>
-      </v-card-text>
-      <v-divider class="ma-0"></v-divider>
-      <v-card-actions class="grey lighten-3">
-        <v-spacer></v-spacer>
-        <v-btn color="#2F2869" dark small @click="closeConfigArea(false)">
-          {{
-          $t("back.to.chat.button")
-          }}
-        </v-btn>
-      </v-card-actions>
-      <!-- global snackbar -->
-      <v-snackbar
-        absolute
-        :timeout="globalSnackbarTimeout"
-        v-model="globalSnackbar"
-        :color="globalSnackbarColor"
-      >{{ globalSnackbarMessage }}</v-snackbar>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script>
-const logger = require("@/utils/logging").getLogger("Config.vue");
-import {
-  doesParameterExist,
-  fixSolutions,
-  fixSolution,
-  cloneObject,
-  uuid,
-  generateRandomId,
-  download,
-  createSharableLink
-} from "@/utils/utils";
-import dayjs from "dayjs";
-// import Prism from "prismjs";
-import copy from "copy-to-clipboard";
-import { STORAGE_KEY, SOLUTION_DEFAULT } from "@/constants/solution-config-default";
-import "prismjs/prism";
-import "prismjs/themes/prism-funky.css";
-import "prismjs/components/prism-json.min";
-import { mapGetters } from "vuex";
-const TIE = require("leopard-tie-client");
-// import ConfigAddEditSolution from "@/components/ConfigAddEditSolution";
-// import Dialog from "@/components/Dialog";
-// import Prism from "vue-prism-component";
-
-export default {
-  name: "ConfigView",
-  components: {
-    Prism: () => import("vue-prism-component"),
-    ConfigAddEditSolution: () => import("@/components/ConfigAddEditSolution"),
-    Dialog: () => import("@/components/Dialog")
-  },
-  data() {
-    return {
-      fullscreen: false,
-      showSolutionButtons: true,
-      audit: {
-        title: "TIE Audit Results",
-        show: false,
-        results: []
-      },
-      showBackupDialog: false,
-      showPossibleRefreshDialog: false,
-      refresh: false,
-      snackbar: false,
-      snackbarTimeout: 3000,
-      globalSnackbarMessage: "",
-      globalSnackbar: false,
-      uploadSnackbar: false,
-      globalSnackbarTimeout: 2000,
-      globalSnackbarColor: "#2F2869",
-      uploadTextAreaLoading: false,
-      displayFullSolutionConfig: false,
-      showProgressUpload: false,
-      displayAddEditDialog: false,
-      currentModeEdit: "",
-      dialogTitle: "",
-      showModal: false,
-      saveLoading: false,
-      uploadDialog: false,
-      uploadConfig: "",
-      selectedSolution: null,
-      config: this.$store.state.chatConfig
-        ? this.$store.state.chatConfig
-        : {
-            activeSolution: "",
-            solutions: []
-          }
-    };
-  },
-  mounted() {
-    if (this.$router.currentRoute.path === "/config") {
-      this.showModal = true;
-      this.$vuetify.theme.dark = false;
-    }
-    let siteFrame = document.getElementById("site-frame");
-    if (siteFrame) {
-      siteFrame.setAttribute("class", ""); // start resizing the iframe - make it larger
-    }
-
-    this.$store.dispatch("shouldBackupSolutionsConfig").then(shouldBackupSolution => {
-      if (shouldBackupSolution) {
-        setTimeout(() => {
-          this.showBackupDialog = true;
-        }, 2000);
-      }
-    });
-  },
-  watch: {
-    selectedSolution() {
-      this.showSolutionButtons = false;
-      setTimeout(() => {
-        this.showSolutionButtons = true;
-      }, 500);
-    }
-  },
-  computed: {
-    ...mapGetters(["embed", "textColor"]),
-    getDefaultSolutionName() {
-      let defaultSolution = this.config.solutions.find(
-        solution => solution.id === this.config.activeSolution
-      );
-      if (defaultSolution) {
-        return defaultSolution.name;
-      } else {
-        return "No default selected";
-      }
-    },
-    getSelectedSolutionName() {
-      let solutionName = "None Selected";
-      if (this.selectedSolution && this.selectedSolution.name) {
-        solutionName = this.selectedSolution.name;
-        logger.debug(`Current Solution Name`, solutionName);
-      }
-      return solutionName;
-    },
-    sortedSolutions() {
-      return this.config.solutions.slice().sort(this.compareSolutions);
-    },
-    getUploadConfig: {
-      get: function() {
-        return this.uploadConfig;
-      },
-      set: function(newValue) {
-        this.uploadConfig = newValue;
-      }
-    },
-    hasSolutions() {
-      return this.config.solutions.length > 0;
-    },
-    prettyPrintFullConfig() {
-      return JSON.stringify(this.config, null, 2);
-    },
-    getActiveSolutionDeepLink() {
-      sessionStorage.removeItem(STORAGE_KEY + "teneo-chat-history");
-      if (this.selectedSolution) {
-        return `${location.protocol}//${location.host}${location.pathname}?dl=${this.selectedSolution.deepLink}`;
-      } else {
-        return `${location.protocol}//${location.host}${location.pathname}`;
-      }
-    },
-    getActiveSolutionDeepLinkMobile() {
-      sessionStorage.removeItem(STORAGE_KEY + "teneo-chat-history");
-      if (this.selectedSolution) {
-        return `${location.protocol}//${location.host}${location.pathname}mobile.html?dl=${this.selectedSolution.deepLink}`;
-      } else {
-        return `${location.protocol}//${location.host}${location.pathname}mobile.html`;
-      }
-    },
-    getCurrentSelectedSolutionConfig() {
-      const result = JSON.stringify(this.selectedSolution, null, 2);
-      logger.debug(result);
-      return result;
-    },
-    getFullSolutionConfig() {
-      const result = JSON.stringify(this.config, null, 2);
-      return result;
-    }
-  },
-  updated: function() {},
-  created() {
-    // add new JSON config if missing
-    this.config = fixSolutions(this.config);
-    this.setActiveSolutionAsSelected();
-    this.saveToLocalStorage();
-  },
-  methods: {
-    doRefreshToSelectedSolution() {
-      this.showPossibleRefreshDialog = false;
-      this.refreshBrowserToSolution(this.selectedSolution);
-    },
-    doBackup() {
-      this.showBackupDialog = false;
-      this.downloadSolutionConfig();
-    },
-    closeAuditDialog() {
-      this.audit.show = false;
-      this.audit.results = [];
-    },
-    testSoluton(solution) {
-      let targetReportResult = this.audit.results.find(
-        result => result.solution.id === solution.id
-      );
-
-      let queryObj = {};
-      queryObj.text = "Ping"; // it's a login we don't have to say anything yet
-      queryObj.channel = "leopardAdmin";
-
-      TIE.sendInput(solution.url, null, queryObj)
-        .then(json => {
-          if ("status" in json && json.status === 0) {
-            targetReportResult.status = "success";
-          } else {
-            targetReportResult.status = "error";
-          }
-        })
-        .catch(err => {
-          targetReportResult.status = err.statusText;
-        });
-    },
-    runAudit() {
-      this.audit.show = true;
-      this.config.solutions.sort((a, b) => (a.name > b.name ? 1 : -1));
-      this.config.solutions.forEach(solution => {
-        this.audit.results.push({
-          status: "checking",
-          solution: solution
-        });
-        this.testSoluton(solution);
-      });
-    },
-    closeConfigArea(skipRefreshDialog) {
+<template>
+  <v-dialog
+    v-model="showModal"
+    content-class="leopard-config-modal"
+    persistent
+    scrollable
+    max-height="auto"
+    no-click-animation
+    overlay-opacity="0.7"
+    max-width="calc(700px - 5%)"
+    :fullscreen="fullscreen || $vuetify.breakpoint.mdAndDown"
+    light
+  >
+    <v-card style="background-color: #FAFAFA">
+      <v-system-bar
+        height="30px"
+        light
+        :class="{
+          'leopard-config-app-bar-fullscreen': fullscreen || $vuetify.breakpoint.mdAndDown
+        }"
+      >
+        <v-icon>mdi-tune</v-icon>
+        <span>
+          <span class="d-none d-md-inline">Leopard Configuration</span>
+          <!-- <span
+              v-if="selectedSolution"
+              class="white--text px-2 ml-2 py-1 elevation-2 leopard-radius d-none d-sm-inline"
+              style="background-color: indigo"
+          >{{ selectedSolution.name }}</span>-->
+        </span>
+        <v-spacer class="teneo-systembar-spacer"></v-spacer>
+        <v-icon
+          v-if="!embed && !$vuetify.breakpoint.mdAndDown"
+          tabindex="0"
+          tag="button"
+          :aria-label="fullscreen ? 'Restore dialog size' : 'Maximize dialog'"
+          @click="toggleFullscreen"
+        >{{ fullscreen ? "mdi-window-restore" : "mdi-window-maximize" }}</v-icon>
+        <v-icon
+          tabindex="0"
+          tag="button"
+          aria-label="Close Config Area"
+          @click="closeConfigArea(false)"
+        >mdi-close</v-icon>
+      </v-system-bar>
+      <v-app-bar color="#2F286B" max-height="64px">
+        <!-- show the nicely formatted view of the full configuration -->
+        <v-tooltip open-delay="300" bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              aria-label="Import new or additional solution configurations"
+              class="mr-2"
+              v-bind="attrs"
+              v-on="on"
+              fab
+              dark
+              small
+              color="pink"
+              @click="showUploadDialog"
+            >
+              <v-icon dark>mdi-upload</v-icon>
+            </v-btn>
+          </template>
+          <span>Import an individual/multiple solutions from a backup</span>
+        </v-tooltip>
+        <v-tooltip open-delay="300" bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-fab-transition>
+              <v-btn
+                aria-label="Add a new solution"
+                class="mr-2"
+                v-bind="attrs"
+                v-on="on"
+                fab
+                dark
+                small
+                @click="addSolution"
+                color="green"
+              >
+                <v-icon dark>mdi-plus-circle</v-icon>
+              </v-btn>
+            </v-fab-transition>
+          </template>
+          <span>Create a new solution config</span>
+        </v-tooltip>
+        <v-tooltip open-delay="300" bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              aria-label="Copy all solution configurations to the clipboard"
+              class="mr-2"
+              v-bind="attrs"
+              v-on="on"
+              fab
+              dark
+              small
+              color="indigo"
+              @click="copyWholeConfigClipboard"
+            >
+              <v-icon dark>mdi-clipboard-arrow-up-outline</v-icon>
+            </v-btn>
+          </template>
+          <span>Copy the configuration for all solutions to clipboard</span>
+        </v-tooltip>
+        <v-tooltip open-delay="300" bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              aria-label="Download all solution configurations as a JSON file"
+              class="mr-2"
+              v-bind="attrs"
+              v-on="on"
+              fab
+              dark
+              small
+              color="teal darken-3"
+              @click="downloadSolutionConfig"
+            >
+              <v-icon dark>mdi-file-download</v-icon>
+            </v-btn>
+          </template>
+          <span>Export the configuration for all solutions to a file</span>
+        </v-tooltip>
+        <v-tooltip open-delay="300" bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              aria-label="Run audit of all TIE urls"
+              class="mr-2"
+              v-bind="attrs"
+              v-on="on"
+              fab
+              dark
+              small
+              color="orange darken-4"
+              @click="runAudit"
+            >
+              <v-icon dark>mdi-transit-connection-variant</v-icon>
+            </v-btn>
+          </template>
+          <span>Run audit of all TIE urls</span>
+        </v-tooltip>
+        <v-tooltip open-delay="300" bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              aria-label="Toggle a visual display of all solution configurations as JSON"
+              class="mr-2"
+              v-bind="attrs"
+              v-on="on"
+              fab
+              dark
+              small
+              color="deep-purple"
+              @click="toggleDisplayOfSolutionConfig"
+            >
+              <v-icon dark>{{ displayFullSolutionConfig ? "mdi-eye" : "mdi-eye-off" }}</v-icon>
+            </v-btn>
+          </template>
+          <span>Toggle display of the configuration for all solutions</span>
+        </v-tooltip>
+        <v-tooltip open-delay="300" bottom>
+          <template v-slot:activator="{ on, attrs }">
+            <v-btn
+              aria-label="Open documentation for Leopard's Chat UI"
+              class="mr-2"
+              fab
+              v-bind="attrs"
+              v-on="on"
+              dark
+              small
+              color="brown darken-3"
+              href="https://jolzee.gitbook.io/leopard/"
+              target="_blank"
+            >
+              <v-icon dark>mdi-comment-question</v-icon>
+            </v-btn>
+          </template>
+          <span>Help / Documentation</span>
+        </v-tooltip>
+
+        <v-spacer></v-spacer>
+        <v-badge
+          left
+          overlap
+          color="#4051B1"
+          :aria-label="`There are ${config.solutions.length} known teneo solutions`"
+          class="mr-2 d-none d-sm-inline"
+        >
+          <span slot="badge" style="background-color: #4051B1">{{ config.solutions.length }}</span>
+          <v-icon large color="grey lighten-1">mdi-settings</v-icon>
+        </v-badge>
+        <!-- <v-chip
+            v-if="config.activeSolution"
+            color="#24C0CA"
+            text-color="#2F2869"
+            class="pl-1 mr-2 d-none d-sm-none d-md-inline elevation-2"
+          >
+            <v-avatar color="#FE4E5D" class="ml-0 pl-0 mr-2 elevation-2">
+              <v-icon>mdi-check</v-icon>
+            </v-avatar>
+            {{ getDefaultSolutionName }}
+        </v-chip>-->
+      </v-app-bar>
+      <v-card-text height="80%" class="px-2 mx-0 py-0">
+        <v-container fluid>
+          <v-row align="start" justify="start">
+            <v-col cols="12" class="pa-2 pb-0">
+              <v-container fluid class="py-0">
+                <v-row>
+                  <v-col cols="12" v-if="hasSolutions" class="pb-0">
+                    <v-autocomplete
+                      style="max-width: 520px;"
+                      color="#2F2869"
+                      item-avatar="userIcon"
+                      autofocus
+                      clearable
+                      open-on-clear
+                      hint="Buttons below are specific to the selected solution"
+                      persistent-hint
+                      dense
+                      outlined
+                      :allow-overflow="false"
+                      ref="selectedSolution"
+                      item-text="name"
+                      item-value="name"
+                      v-model="selectedSolution"
+                      menu-props="auto"
+                      solo
+                      :items="sortedSolutions"
+                      return-object
+                      no-data-text="No Solutions"
+                      label="Select a Teneo Solution"
+                      aria-label="Select a Teneo solution"
+                      append-icon="mdi-chevron-double-down"
+                    ></v-autocomplete>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col style="min-height: 72px;">
+                    <template v-if="selectedSolution">
+                      <v-tooltip open-delay="300" bottom>
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              aria-label="Make the selected solution the active solution"
+                              class="mr-2 mb-2"
+                              v-bind="attrs"
+                              v-on="on"
+                              v-show="showSolutionButtons"
+                              fab
+                              dark
+                              color="light-blue darken-1"
+                              small
+                              @click="setActiveSolution"
+                            >
+                              <v-icon dark>
+                                {{
+                                selectedSolution && config.activeSolution === selectedSolution.id
+                                ? "mdi-checkbox-marked"
+                                : "mdi-checkbox-blank-outline"
+                                }}
+                              </v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Make the "{{ getSelectedSolutionName }}" the active solution. An active
+                          solution can be accessed without the deep link
+                        </span>
+                      </v-tooltip>
+                      <v-tooltip open-delay="300" bottom>
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              aria-label="Edit the selected solution"
+                              class="mr-2 mb-2"
+                              v-bind="attrs"
+                              v-on="on"
+                              :loading="displayAddEditDialog"
+                              v-show="showSolutionButtons"
+                              fab
+                              dark
+                              small
+                              color="pink darken-4"
+                              @click="editSolution"
+                            >
+                              <v-icon dark>mdi-pencil</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>Edit solution | {{ getSelectedSolutionName }}</span>
+                      </v-tooltip>
+                      <v-tooltip open-delay="300" bottom>
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              aria-label="Clone the currently selected solution"
+                              class="mr-2 mb-2"
+                              v-bind="attrs"
+                              v-on="on"
+                              v-show="showSolutionButtons"
+                              fab
+                              dark
+                              small
+                              @click="cloneSolution"
+                              color="orange"
+                            >
+                              <v-icon dark>mdi-content-copy</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Clone solution |
+                          {{ getSelectedSolutionName }}
+                        </span>
+                      </v-tooltip>
+                      <v-tooltip open-delay="300" bottom>
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              aria-label="Delete the currently selected solution"
+                              class="mr-2 mb-2"
+                              v-bind="attrs"
+                              v-on="on"
+                              v-show="showSolutionButtons"
+                              fab
+                              dark
+                              small
+                              @click="deleteSolutionConfig"
+                              color="red"
+                            >
+                              <v-icon dark>mdi-trash-can</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Delete solution |
+                          {{ getSelectedSolutionName }}
+                        </span>
+                      </v-tooltip>
+                      <v-tooltip open-delay="300" bottom>
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              aria-label="Copy the selected solution configuration to the clipboard"
+                              class="mr-2 mb-2"
+                              v-bind="attrs"
+                              v-on="on"
+                              v-show="showSolutionButtons"
+                              fab
+                              dark
+                              small
+                              color="indigo"
+                              @click="copySolutionToClipboard"
+                            >
+                              <v-icon dark>mdi-clipboard-arrow-up-outline</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Copy config to clipboard |
+                          {{ getSelectedSolutionName }}
+                        </span>
+                      </v-tooltip>
+                      <v-tooltip open-delay="300" bottom>
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              aria-label="Download the selected solution's configuration as a file"
+                              class="mr-2 mb-2"
+                              v-bind="attrs"
+                              v-on="on"
+                              v-show="showSolutionButtons"
+                              fab
+                              dark
+                              small
+                              color="teal darken-3"
+                              @click="downloadSelectedSolutionConfig"
+                            >
+                              <v-icon dark>mdi-file-download</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Download config |
+                          {{ getSelectedSolutionName }}
+                        </span>
+                      </v-tooltip>
+                      <v-tooltip open-delay="300" bottom>
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              aria-label="Generate sharable link for team members"
+                              class="mr-2 mb-2"
+                              v-bind="attrs"
+                              v-on="on"
+                              v-show="showSolutionButtons"
+                              fab
+                              dark
+                              small
+                              color="red darken-3"
+                              @click="createShareLinkForSolution"
+                            >
+                              <v-icon dark>mdi-link-plus</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Generate sharable link for team members |
+                          {{ getSelectedSolutionName }}
+                        </span>
+                      </v-tooltip>
+
+                      <v-tooltip open-delay="300" bottom color="green">
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              class="mr-2 mb-2"
+                              v-show="showSolutionButtons"
+                              v-bind="attrs"
+                              v-on="on"
+                              aria-label="Open a new window showing the current selected solution embedded in a mobile view"
+                              light
+                              fab
+                              rounded
+                              small
+                              color="#F3C234"
+                              :href="getActiveSolutionDeepLinkMobile"
+                              target="_blank"
+                            >
+                              <v-icon dark>mdi-cellphone-android</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Open mobile view in new page |
+                          {{ getSelectedSolutionName }}
+                        </span>
+                      </v-tooltip>
+                      <v-tooltip open-delay="300" bottom color="green">
+                        <template v-slot:activator="{ on, attrs }">
+                          <v-fab-transition>
+                            <v-btn
+                              class="mr-2 mb-2"
+                              v-show="showSolutionButtons"
+                              v-bind="attrs"
+                              :loading="refresh"
+                              v-on="on"
+                              aria-label="Refresh the browser to a deep link of the selected solution"
+                              fab
+                              light
+                              rounded
+                              small
+                              color="#F3C234"
+                              :href="getActiveSolutionDeepLink"
+                            >
+                              <v-icon dark>mdi-monitor</v-icon>
+                            </v-btn>
+                          </v-fab-transition>
+                        </template>
+                        <span>
+                          Reload page to the active solution |
+                          {{ getSelectedSolutionName }}
+                        </span>
+                      </v-tooltip>
+                      <v-fab-transition>
+                        <v-btn
+                          class="mr-2 mb-2"
+                          :loading="refresh"
+                          v-show="showSolutionButtons"
+                          fab
+                          small
+                          dark
+                          @click="refreshBrowser"
+                          aria-label="Refresh browser taking into account current selected solution"
+                          color="green"
+                        >
+                          <v-icon>mdi-refresh</v-icon>
+                        </v-btn>
+                      </v-fab-transition>
+                    </template>
+                  </v-col>
+                </v-row>
+              </v-container>
+
+              <div v-if="displayFullSolutionConfig && !displayAddEditDialog">
+                <prism language="json">{{ prettyPrintFullConfig }}</prism>
+              </div>
+
+              <!-- upload new configuration -->
+              <v-dialog
+                v-model="uploadDialog"
+                scrollable
+                persistent
+                light
+                max-width="calc(1200px - 20%)"
+                :fullscreen="$vuetify.breakpoint.mdAndDown"
+              >
+                <v-card>
+                  <v-system-bar
+                    height="30px"
+                    color="primary darken-3"
+                    :class="{ 'grab-cursor': !embed && !$vuetify.breakpoint.mdAndDown }"
+                    dark
+                  >
+                    <v-spacer style="height:30px" class="teneo-systembar-spacer"></v-spacer>
+
+                    <v-icon
+                      tag="button"
+                      aria-label="Close dialog"
+                      tabindex="0"
+                      @click="closeUploadDialog"
+                    >mdi-close</v-icon>
+                  </v-system-bar>
+
+                  <v-app-bar
+                    :color="`primary ${textColor('primary')}`"
+                    dense
+                    style="max-height:48px"
+                  >
+                    <v-toolbar-title>Import Solution(s)</v-toolbar-title>
+                  </v-app-bar>
+                  <v-card-text class="mb-0 pb-0 pl-1">
+                    <v-row>
+                      <v-col cols="12">
+                        <div class="upload-btn ml-5 pl-1 mb-2">
+                          <input
+                            id="uploadFile"
+                            type="file"
+                            accept="text/*"
+                            name="uploadFile"
+                            @click="toggleLoading"
+                            @change="readConfigFile"
+                          />
+                          <label for="uploadFile" class="v-btn primary upload-btn px-2 py-1 ml-2">
+                            Browse
+                            <v-icon small dark right>mdi-paperclip</v-icon>
+                          </label>
+                        </div>
+                        <v-textarea
+                          clearable
+                          solo
+                          outlined
+                          v-model="getUploadConfig"
+                          :loading="uploadTextAreaLoading"
+                          ref="newConfig"
+                          filled
+                          name="new-config"
+                          label="Paste in full or partial configurations"
+                          :value="getUploadConfig"
+                          auto-grow
+                          prepend-icon="mdi-settings-transfer"
+                          class="leopard-code-font"
+                        ></v-textarea>
+                      </v-col>
+                    </v-row>
+                  </v-card-text>
+                  <v-divider></v-divider>
+                  <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn
+                      class="mr-2"
+                      color="blue-grey lighten-5"
+                      light
+                      small
+                      @click="closeUploadDialog"
+                    >Close</v-btn>
+                    <v-btn
+                      :disabled="getUploadConfig === ''"
+                      small
+                      class="mr-2"
+                      color="green"
+                      @click="saveUploadForm"
+                    >
+                      Import
+                      <v-icon right dark>mdi-content-save-move</v-icon>
+                    </v-btn>
+                    <v-snackbar
+                      v-if="uploadSnackbar"
+                      absolute
+                      color="#2F2869"
+                      :timeout="globalSnackbarTimeout"
+                      v-model="uploadSnackbar"
+                    >{{ globalSnackbarMessage }}</v-snackbar>
+                  </v-card-actions>
+                </v-card>
+              </v-dialog>
+              <!-- Show backup solution dialog -->
+
+              <v-dialog v-model="showBackupDialog" persistent max-width="290">
+                <v-card>
+                  <v-card-title class="headline">Configuration Backup</v-card-title>
+                  <v-card-text>
+                    It's been at least 2 weeks since you performed a backup of your solution
+                    configurations. Would you like to perform a backup now?
+                  </v-card-text>
+                  <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="green darken-1" text @click="showBackupDialog = false">No</v-btn>
+                    <v-btn color="green darken-1" text @click="doBackup">Yes</v-btn>
+                  </v-card-actions>
+                </v-card>
+              </v-dialog>
+
+              <!-- Offer refresh on back button -->
+              <v-dialog v-model="showPossibleRefreshDialog" persistent max-width="500">
+                <v-card>
+                  <v-card-title class="title">Refresh to Selected Solution?</v-card-title>
+                  <v-card-text>
+                    You changed the selected solution. Should I naviate to:
+                    <br />
+                    <br />
+                    <span class="leopard-code">
+                      {{
+                      selectedSolution ? selectedSolution.name : ""
+                      }}
+                    </span>
+                  </v-card-text>
+                  <v-card-actions>
+                    <v-spacer></v-spacer>
+                    <v-btn color="green darken-1" text @click="closeConfigArea(true)">No</v-btn>
+                    <v-btn color="green darken-1" text @click="doRefreshToSelectedSolution">Yes</v-btn>
+                  </v-card-actions>
+                </v-card>
+              </v-dialog>
+              <!-- Show Audit Results for TIE Urls -->
+              <Dialog
+                :show="audit.show"
+                @close="closeAuditDialog"
+                :title="audit.title"
+                width="1000px"
+              >
+                <v-simple-table>
+                  <template v-slot:default>
+                    <thead>
+                      <tr class="elevation-2">
+                        <th class="text-left text-uppercase">Name</th>
+                        <th class="text-left text-uppercase">TIE Url</th>
+                        <th class="text-left text-uppercase">Status</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr v-for="result in audit.results" :key="result.solution.id">
+                        <td>{{ result.solution.name }}</td>
+                        <td>
+                          <a
+                            :href="result.solution.url"
+                            :title="result.solution.url"
+                            target="_blank"
+                          >{{ result.solution.url }}</a>
+                        </td>
+                        <td>
+                          <v-progress-circular
+                            v-if="result.status === 'checking'"
+                            :rotate="360"
+                            :size="35"
+                            :width="5"
+                            indeterminate
+                            color="primary"
+                          ></v-progress-circular>
+                          <v-speed-dial
+                            v-else
+                            :v-model="true"
+                            left
+                            direction="left"
+                            open-on-hover
+                            transition="slide-y-reverse-transition"
+                          >
+                            <template v-slot:activator>
+                              <v-icon
+                                v-if="result.status === 'success'"
+                                large
+                                color="blue darken-2"
+                              >mdi-check-network-outline</v-icon>
+                              <v-icon v-else large color="error darken-2">mdi-close-network</v-icon>
+                            </template>
+                            <v-btn
+                              fab
+                              dark
+                              small
+                              color="red"
+                              @click="deleteSolution(result.solution.id)"
+                            >
+                              <v-icon>mdi-trash-can</v-icon>
+                            </v-btn>
+                            <v-btn
+                              fab
+                              dark
+                              small
+                              color="pink darken-4"
+                              @click="editSolutionAudit(result.solution.id)"
+                            >
+                              <v-icon>mdi-pencil</v-icon>
+                            </v-btn>
+                          </v-speed-dial>
+                        </td>
+                      </tr>
+                    </tbody>
+                  </template>
+                </v-simple-table>
+              </Dialog>
+              <ConfigAddEditSolution
+                v-if="displayAddEditDialog"
+                v-on:result="closeAddNewSolutionDialog($event)"
+                :currentModeEdit="currentModeEdit"
+                :config="config"
+                :selectedSolution="solution"
+                key="configAddEditSolution"
+              ></ConfigAddEditSolution>
+            </v-col>
+          </v-row>
+        </v-container>
+      </v-card-text>
+      <v-divider class="ma-0"></v-divider>
+      <v-card-actions class="grey lighten-3">
+        <v-spacer></v-spacer>
+        <v-btn color="#2F2869" dark small @click="closeConfigArea(false)">
+          {{
+          $t("back.to.chat.button")
+          }}
+        </v-btn>
+      </v-card-actions>
+      <!-- global snackbar -->
+      <v-snackbar
+        absolute
+        :timeout="globalSnackbarTimeout"
+        v-model="globalSnackbar"
+        :color="globalSnackbarColor"
+      >{{ globalSnackbarMessage }}</v-snackbar>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+const logger = require("@/utils/logging").getLogger("Config.vue");
+const superagent = require("superagent");
+import {
+  doesParameterExist,
+  fixSolutions,
+  fixSolution,
+  cloneObject,
+  uuid,
+  generateRandomId,
+  download,
+  createSharableLink
+} from "@/utils/utils";
+import dayjs from "dayjs";
+// import Prism from "prismjs";
+import copy from "copy-to-clipboard";
+import { STORAGE_KEY, SOLUTION_DEFAULT } from "@/constants/solution-config-default";
+import "prismjs/prism";
+import "prismjs/themes/prism-funky.css";
+import "prismjs/components/prism-json.min";
+import { mapGetters } from "vuex";
+import { slugify } from "../utils/utils";
+const TIE = require("leopard-tie-client");
+// import ConfigAddEditSolution from "@/components/ConfigAddEditSolution";
+// import Dialog from "@/components/Dialog";
+// import Prism from "vue-prism-component";
+
+export default {
+  name: "ConfigView",
+  components: {
+    Prism: () => import("vue-prism-component"),
+    ConfigAddEditSolution: () => import("@/components/ConfigAddEditSolution"),
+    Dialog: () => import("@/components/Dialog")
+  },
+  data() {
+    return {
+      fullscreen: false,
+      showSolutionButtons: true,
+      audit: {
+        title: "TIE Audit Results",
+        show: false,
+        results: []
+      },
+      showBackupDialog: false,
+      showPossibleRefreshDialog: false,
+      refresh: false,
+      snackbar: false,
+      snackbarTimeout: 3000,
+      globalSnackbarMessage: "",
+      globalSnackbar: false,
+      uploadSnackbar: false,
+      globalSnackbarTimeout: 2000,
+      globalSnackbarColor: "#2F2869",
+      uploadTextAreaLoading: false,
+      displayFullSolutionConfig: false,
+      showProgressUpload: false,
+      displayAddEditDialog: false,
+      currentModeEdit: "",
+      dialogTitle: "",
+      showModal: false,
+      saveLoading: false,
+      uploadDialog: false,
+      uploadConfig: "",
+      selectedSolution: null,
+      config: this.$store.state.chatConfig
+        ? this.$store.state.chatConfig
+        : {
+            activeSolution: "",
+            solutions: []
+          }
+    };
+  },
+  mounted() {
+    if (this.$router.currentRoute.path === "/config") {
+      this.showModal = true;
+      this.$vuetify.theme.dark = false;
+    }
+    let siteFrame = document.getElementById("site-frame");
+    if (siteFrame) {
+      siteFrame.setAttribute("class", ""); // start resizing the iframe - make it larger
+    }
+
+    this.$store.dispatch("shouldBackupSolutionsConfig").then(shouldBackupSolution => {
+      if (shouldBackupSolution) {
+        setTimeout(() => {
+          this.showBackupDialog = true;
+        }, 2000);
+      }
+    });
+  },
+  watch: {
+    selectedSolution() {
+      this.showSolutionButtons = false;
+      setTimeout(() => {
+        this.showSolutionButtons = true;
+      }, 500);
+    }
+  },
+  computed: {
+    ...mapGetters(["embed", "textColor"]),
+    getDefaultSolutionName() {
+      let defaultSolution = this.config.solutions.find(
+        solution => solution.id === this.config.activeSolution
+      );
+      if (defaultSolution) {
+        return defaultSolution.name;
+      } else {
+        return "No default selected";
+      }
+    },
+    getSelectedSolutionName() {
+      let solutionName = "None Selected";
+      if (this.selectedSolution && this.selectedSolution.name) {
+        solutionName = this.selectedSolution.name;
+        logger.debug(`Current Solution Name`, solutionName);
+      }
+      return solutionName;
+    },
+    sortedSolutions() {
+      return this.config.solutions.slice().sort(this.compareSolutions);
+    },
+    getUploadConfig: {
+      get: function() {
+        return this.uploadConfig;
+      },
+      set: function(newValue) {
+        this.uploadConfig = newValue;
+      }
+    },
+    hasSolutions() {
+      return this.config.solutions.length > 0;
+    },
+    prettyPrintFullConfig() {
+      return JSON.stringify(this.config, null, 2);
+    },
+    getActiveSolutionDeepLink() {
+      sessionStorage.removeItem(STORAGE_KEY + "teneo-chat-history");
+      if (this.selectedSolution) {
+        return `${location.protocol}//${location.host}${location.pathname}?dl=${this.selectedSolution.deepLink}`;
+      } else {
+        return `${location.protocol}//${location.host}${location.pathname}`;
+      }
+    },
+    getActiveSolutionDeepLinkMobile() {
+      sessionStorage.removeItem(STORAGE_KEY + "teneo-chat-history");
+      if (this.selectedSolution) {
+        return `${location.protocol}//${location.host}${location.pathname}mobile.html?dl=${this.selectedSolution.deepLink}`;
+      } else {
+        return `${location.protocol}//${location.host}${location.pathname}mobile.html`;
+      }
+    },
+    getCurrentSelectedSolutionConfig() {
+      const result = JSON.stringify(this.selectedSolution, null, 2);
+      logger.debug(result);
+      return result;
+    },
+    getFullSolutionConfig() {
+      const result = JSON.stringify(this.config, null, 2);
+      return result;
+    }
+  },
+  updated: function() {},
+  created() {
+    // add new JSON config if missing
+    this.config = fixSolutions(this.config);
+    this.setActiveSolutionAsSelected();
+    this.saveToLocalStorage();
+  },
+  methods: {
+    doRefreshToSelectedSolution() {
+      this.showPossibleRefreshDialog = false;
+      this.refreshBrowserToSolution(this.selectedSolution);
+    },
+    doBackup() {
+      this.showBackupDialog = false;
+      this.downloadSolutionConfig();
+    },
+    closeAuditDialog() {
+      this.audit.show = false;
+      this.audit.results = [];
+    },
+    testSoluton(solution) {
+      let targetReportResult = this.audit.results.find(
+        result => result.solution.id === solution.id
+      );
+
+      let queryObj = {};
+      queryObj.text = "Ping"; // it's a login we don't have to say anything yet
+      queryObj.channel = "leopardAdmin";
+
+      TIE.sendInput(solution.url, null, queryObj)
+        .then(json => {
+          if ("status" in json && json.status === 0) {
+            targetReportResult.status = "success";
+          } else {
+            targetReportResult.status = "error";
+          }
+        })
+        .catch(err => {
+          targetReportResult.status = err.statusText;
+        });
+    },
+    runAudit() {
+      this.audit.show = true;
+      this.config.solutions.sort((a, b) => (a.name > b.name ? 1 : -1));
+      this.config.solutions.forEach(solution => {
+        this.audit.results.push({
+          status: "checking",
+          solution: solution
+        });
+        this.testSoluton(solution);
+      });
+    },
+    closeConfigArea(skipRefreshDialog) {
       if (this.selectedSolution === null) {
         this.selectedSolution = this.$store.getters.activeSolution;
       }
-      if (this.$store.getters.activeSolution) {
-        const activeSolutionPast = this.$store.getters.activeSolution;
-        const activeSolutionCurrent = this.config.solutions.find(
-          solution => solution.id === activeSolutionPast.id
-        );
-        if (!skipRefreshDialog && activeSolutionCurrent.id !== this.selectedSolution.id) {
-          // another solution is selected than what was originally used to enter the config area
-          this.showPossibleRefreshDialog = true;
-          return;
-        }
-
-        if (JSON.stringify(activeSolutionPast) !== JSON.stringify(activeSolutionCurrent)) {
-          this.refreshBrowserToSolution(activeSolutionCurrent);
-          return;
-        } else {
-          this.showModal = false;
-          setTimeout(() => {
-            this.$router.push("/");
-          }, 300);
-        }
-      } else {
-        this.showModal = false;
-        setTimeout(() => {
-          this.$router.push("/");
-        }, 300);
-      }
-    },
-    refreshBrowserToSolution(solution) {
-      this.showPossibleRefreshDialog = false;
-      this.refresh = true;
-      sessionStorage.removeItem("teneo-chat-history"); // new config delete chat history
-      let addtionalParams = "";
-      if (doesParameterExist("plugin_id")) {
-        const params = new URLSearchParams(window.location.search);
-        const pluginId = params.get("plugin_id");
-        addtionalParams += `&plugin_id=${pluginId}`;
-      }
-      if (doesParameterExist("embed")) {
-        addtionalParams += "&embed";
-      }
-      if (doesParameterExist("button")) {
-        addtionalParams += "&button";
-      }
-      window.location = `${location.protocol}//${location.host}${location.pathname}?dl=${solution.deepLink}${addtionalParams}`;
-    },
-    toggleFullscreen() {
-      let modalElements = document.getElementsByClassName("leopard-config-modal");
-      modalElements[0].setAttribute("style", "");
-      this.fullscreen = !this.fullscreen;
-    },
-    createShareLinkForSolution() {
-      copy(createSharableLink(this.selectedSolution));
-      this.displaySnackBar("📋 Copied Solution Sharable Import Link to Clipboard 🔗");
-      this.snackbarClipboard = true;
-    },
-    closeAddNewSolutionDialog(result) {
-      logger.info("Supposed to close Add Edit Dialog");
-      this.displayAddEditDialog = false;
-
-      if (result) {
-        this.config = result.config;
-        this.selectedSolution = this.config.solutions.find(
-          solution => solution.id === result.selectedSolutionId
-        );
-      }
-      this.currentModeEdit = "";
-      this.saveToLocalStorage();
-      const self = this;
-      setTimeout(function() {
-        self.solution = cloneObject(SOLUTION_DEFAULT);
-        self.solution.id = uuid();
-      }, 1000);
-    },
-    toggleDisplayOfSolutionConfig() {
-      this.displayFullSolutionConfig = !this.displayFullSolutionConfig;
-    },
-    importSolution(newSolution) {
-      let existingSolutionsWithId = this.config.solutions.findIndex(
-        solution => solution.id === newSolution.id
-      );
-
-      let existingSolutionsWithName = this.config.solutions.findIndex(
-        solution => solution.name === newSolution.name
-      );
-      let existingSolutionsWithDeepLink = this.config.solutions.findIndex(
-        solution => solution.deepLink === newSolution.deepLink
-      );
-
-      if (
-        existingSolutionsWithId < 0 &&
-        existingSolutionsWithName < 0 &&
-        existingSolutionsWithDeepLink < 0
-      ) {
-        // no clashes in id, name, deep link
-        this.config.solutions.push(newSolution); // no conflicts
-      } else if (
-        existingSolutionsWithId >= 0 &&
-        existingSolutionsWithName >= 0 &&
-        existingSolutionsWithDeepLink >= 0
-      ) {
-        // id, name and deep link clash
-        newSolution.name = newSolution.name + " [imported]";
-        newSolution.deepLink = newSolution.deepLink + "-" + generateRandomId();
-        newSolution.id = uuid();
-        this.config.solutions.push(newSolution);
-      } else if (
-        existingSolutionsWithId < 0 &&
-        existingSolutionsWithName >= 0 &&
-        existingSolutionsWithDeepLink >= 0
-      ) {
-        // name and deep link clash
-        newSolution.name = newSolution.name + " [imported]";
-        newSolution.deepLink = newSolution.deepLink + "-" + generateRandomId();
-        this.config.solutions.push(newSolution);
-      } else if (
-        existingSolutionsWithId < 0 &&
-        existingSolutionsWithName >= 0 &&
-        existingSolutionsWithDeepLink < 0
-      ) {
-        // name clash only
-        newSolution.name = newSolution.name + " [imported]";
-        this.config.solutions.push(newSolution);
-      } else if (
-        existingSolutionsWithId >= 0 &&
-        existingSolutionsWithDeepLink < 0 &&
-        existingSolutionsWithName < 0
-      ) {
-        // id clash only
-        newSolution.id = uuid();
-        this.config.solutions.push(newSolution);
-      } else if (
-        existingSolutionsWithId < 0 &&
-        existingSolutionsWithDeepLink >= 0 &&
-        existingSolutionsWithName < 0
-      ) {
-        // deeplink clash only
-        newSolution.deepLink = newSolution.deepLink + "-" + generateRandomId();
-        this.config.solutions.push(newSolution);
-      }
-    },
-    toggleLoading() {
-      this.showProgressUpload = true;
-    },
-    readConfigFile(event) {
-      this.showProgressUpload = true;
-      var file = event.target.files[0];
-      this.uploadConfig = "";
-
-      let reader = new FileReader();
-      let self = this;
-      reader.onload = function() {
-        self.uploadConfig = reader.result;
-        self.showProgressUpload = false;
-      };
-      reader.readAsText(file);
-    },
-    compareSolutions(a, b) {
-      if (a.name < b.name) return -1;
-      if (a.name > b.name) return 1;
-      return 0;
-    },
-    downloadSolutionConfig() {
-      download(
-        this.getFullSolutionConfig,
-        `leopard-all-config-${dayjs().format("YYYYMMDD[-]H[-]mm")}.txt`
-      );
-
-      let now = dayjs();
-      localStorage.setItem(STORAGE_KEY + "lastBackupDate", now.format());
-    },
-    downloadSelectedSolutionConfig() {
-      download(
-        JSON.stringify(this.selectedSolution, null, 2),
-        `leopard-${this.selectedSolution.name
-          .replace(/[|&;$%@"<>()+,]/g, "")
-          .replace(/\s+/g, "-")
-          .toLowerCase()}-config-${dayjs().format("YYYYMMDD[-]H[-]mm")}.txt`
-      );
-    },
-    copyWholeConfigClipboard() {
-      copy(JSON.stringify(this.config, null, 2));
-      this.displaySnackBar("📋 Copied All Solution Configs to Clipboard");
-      this.snackbarClipboard = true;
-    },
-    copySolutionToClipboard() {
-      copy(JSON.stringify(this.selectedSolution, null, 2));
-      this.displaySnackBar("📋 Copied Solution Config to Clipboard");
-    },
-    setActiveSolutionAsSelected() {
-      // pre select the solution active in the browser
-      if (this.$store.getters.activeSolution) {
-        this.selectedSolution = this.$store.getters.activeSolution;
-      } else {
-        // fallback to the default active solutions
-        this.selectedSolution = this.config.solutions.find(
-          solution => solution.id === this.config.activeSolution
-        );
-      }
-    },
-    setSolutionAsSelected(solutionId) {
-      this.selectedSolution = this.config.solutions.find(solution => solution.id === solutionId);
-    },
-    refreshBrowser() {
-      if (this.selectedSolution) {
-        this.refresh = true;
-        sessionStorage.removeItem("teneo-chat-history"); // new config delete chat history
-        let addtionalParams = "";
-        if (doesParameterExist("plugin_id")) {
-          const params = new URLSearchParams(window.location.search);
-          const pluginId = params.get("plugin_id");
-          addtionalParams += `&plugin_id=${pluginId}`;
-        }
-        if (doesParameterExist("embed")) {
-          addtionalParams += "&embed";
-        }
-        if (doesParameterExist("button")) {
-          addtionalParams += "&button";
-        }
-        window.location = `${location.protocol}//${location.host}${location.pathname}?dl=${this.selectedSolution.deepLink}${addtionalParams}`;
-      } else {
-        window.location = `${location.protocol}//${location.host}${location.pathname}`;
-      }
-    },
-    saveToLocalStorage() {
-      this.$store.commit("SET_CHAT_CONFIG", this.config);
-      localStorage.setItem(STORAGE_KEY + "config", JSON.stringify(this.config));
-      logger.debug(`Saved all solutions to localStorage`);
-    },
-    editSolution() {
-      if (this.selectedSolution !== null) {
-        this.dialogTitle = "Editing Solution";
-        this.currentModeEdit = "edit";
-        this.solution = cloneObject(this.selectedSolution); // make a copy - we have a save button
-        logger.info("Trying to open Add Edit Dialod");
-        this.showAddEditDialog();
-      }
-    },
-    setActiveSolution() {
-      this.config.activeSolution = this.selectedSolution.id;
-      this.saveToLocalStorage();
-    },
-    cloneSolution() {
-      const newName = this.selectedSolution.name + " - Copy";
-      let clonedSolution = cloneObject(this.selectedSolution);
-      clonedSolution.id = uuid();
-      clonedSolution.name = newName;
-      const duplicateSolutions = this.config.solutions.filter(
-        solution => solution.name === newName
-      );
-      if (duplicateSolutions.length > 0) {
-        clonedSolution.name = clonedSolution.name + " [" + generateRandomId() + "]";
-      }
-      clonedSolution.deepLink = clonedSolution.deepLink + "-" + generateRandomId();
-      this.config.solutions.push(clonedSolution);
-      this.selectedSolution = cloneObject(clonedSolution);
-      this.displaySnackBar("Solution was cloned. New name is " + clonedSolution.name, 3000);
-      this.saveToLocalStorage();
-    },
-    displayUploadSnackBar(message, timeout = 2000, color = "#2F2869") {
-      this.uploadSnackbar = false;
-      this.globalSnackbarMessage = message;
-      this.uploadSnackbar = true;
-      this.globalSnackbarTimeout = timeout;
-      this.globalSnackbarColor = color;
-    },
-    displaySnackBar(message, timeout = 2000, color = "#2F2869") {
-      this.globalSnackbar = false;
-      this.globalSnackbarMessage = message;
-      this.globalSnackbar = true;
-      this.globalSnackbarTimeout = timeout;
-      this.globalSnackbarColor = color;
-    },
-    deleteSolution(solutionId) {
-      this.config.solutions = this.config.solutions.filter(solution => {
-        return solution.id !== solutionId;
-      });
-
-      this.audit.results = this.audit.results.filter(result => {
-        return result.solution.id !== solutionId;
-      });
-
-      this.saveToLocalStorage();
-    },
-    editSolutionAudit(solutionId) {
-      let foundSolution = this.config.solutions.find(solution => solution.id === solutionId);
-      this.selectedSolution = foundSolution;
-      this.solution = cloneObject(this.selectedSolution); // make a copy - we have a save button
-      this.dialogTitle = `Editing Solution | ${this.selectedSolution.name}`;
-      this.currentModeEdit = "edit";
-
-      this.showAddEditDialog();
-    },
-    deleteSolutionConfig() {
-      if (this.selectedSolution) {
-        const theId = this.selectedSolution.id;
-        if (this.config.activeSolution === theId) {
-          this.config.activeSolution = "";
-        }
-        this.config.solutions = this.config.solutions.filter(
-          obj => JSON.stringify(obj) !== JSON.stringify(this.selectedSolution)
-        );
-        if (this.config.solutions.length === 1) {
-          this.config.activeSolution = this.config.solutions[0].id;
-          this.selectedSolution = cloneObject(this.config.solutions[0]);
-        } else if (this.config.solutions.length > 1) {
-          let self = this;
-          this.selectedSolution = cloneObject(
-            this.config.solutions.find(function(solution) {
-              return solution.id === self.config.activeSolution;
-            })
-          );
-        } else {
-          this.selectedSolution = null;
-        }
-        this.displaySnackBar("Solution was deleted", 3000);
-        this.ensureDefaultSolutionIsSet();
-        this.saveToLocalStorage();
-        this.setActiveSolutionAsSelected();
-      }
-    },
-    ensureDefaultSolutionIsSet() {
-      // this.config.activeSolution
-      let foundActiveSolution = this.config.solutions.find(
-        solution => solution.id === this.config.activeSolution
-      );
-      if (!foundActiveSolution && this.config.solutions.length > 0) {
-        this.config.activeSolution = this.config.solutions[0].id;
-      }
-    },
-    closeUploadDialog() {
-      this.newConfig = "";
-      this.uploadConfig = "";
-      this.uploadDialog = false;
-    },
-    saveUploadForm() {
-      // let inputValue = this.$refs.newConfig.inputValue;
-      if (this.uploadConfig && this.uploadConfig.trim()) {
-        let newConfig = "";
-        try {
-          newConfig = JSON.parse(this.uploadConfig);
-        } catch (error) {
-          this.displaySnackBar("Please provide a valid configuration", 3000);
-          return;
-        }
-        if (newConfig && "activeSolution" in newConfig) {
-          // ok uploading a full config
-          if ("activeSolution" in this.config) {
-            // let's merge
-            newConfig.solutions.forEach(newSolution => {
-              this.importSolution(newSolution);
-            });
-            this.displaySnackBar("Merged existing full config with newly uploded", 3000);
-          } else {
-            // current config is empty
-            this.config = fixSolutions(newConfig);
-            this.displaySnackBar("Imported a new full configuration", 3000);
-          }
-          this.setActiveSolutionAsSelected();
-        } else if (newConfig && "name" in newConfig) {
-          // uploading a single config - add it to the current solution config
-          newConfig = fixSolution(newConfig);
-          this.importSolution(newConfig); // import individual solution
-          this.setSolutionAsSelected(newConfig.id);
-          this.displaySnackBar("Imported as " + newConfig.name, 3000);
-        }
-
-        this.config = fixSolutions(this.config);
-
-        this.closeUploadDialog();
-        this.saveToLocalStorage();
-      } else {
-        this.displayUploadSnackBar("Please provide a valid configuration", 3000, "red");
-      }
-    },
-    addSolution() {
-      this.dialogTitle = "Creating a new solution configuration";
-      this.currentModeEdit = ""; // meaning add
-      this.solution = cloneObject(SOLUTION_DEFAULT);
-      this.solution.id = uuid();
-      this.showAddEditDialog();
-    },
-    showAddEditDialog() {
-      this.displayAddEditDialog = true;
-      logger.info(`Ok add edit dialog should be showing...`);
-    },
-    showUploadDialog() {
-      this.uploadDialog = true;
-    }
-  }
-};
-</script>
-
-<style>
-@import url("https://fonts.googleapis.com/css?family=Inconsolata&display=swap");
-
-.leopard-code-font {
-  font-family: "Inconsolata", monospace;
-  font-size: 1em;
-  font-weight: 500;
-  line-height: normal;
-}
-
-.leopard-radius {
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
-  border-radius: 5px;
-}
-.leopard-config-app-bar-fullscreen {
-  -webkit-border-radius: 0 !important;
-  -moz-border-radius: 0 !important;
-  border-radius: 0 !important;
-}
-div.v-input__slot:focus,
-button:focus,
-a:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
-  box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
-}
-</style>
-
-<style scoped>
-div.v-input__slot:focus,
-button:focus,
-a:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
-  box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
-}
-
-#app {
-  border-radius: 0px !important;
-}
-
-.select-options {
-  position: fixed !important;
-  /* margin-left: 15px; */
-}
-
-.upload-btn {
-  padding-right: 16px;
-  padding-left: 16px;
-}
-
-.upload-btn input[type="file"] {
-  overflow: hidden;
-  position: absolute;
-  z-index: -1;
-  width: 0.1px;
-  height: 0.1px;
-  opacity: 0;
-}
-
-.upload-btn-hover {
-  cursor: pointer;
-}
-
-.v-tooltip__content {
-  position: fixed !important;
-}
-
-.code-styling {
-  /* margin: 0 !important; */
-  background-color: inherit;
-  /* margin-bottom: -20px !important; */
-}
-
-.coding-font {
-  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
-  font-size: 1em;
-}
-
-.mono-font {
-  font-family: "Courier New", Courier, monospace;
-  font-size: 10px !important;
-  font-weight: 500;
-  line-height: 1;
-}
-
-code {
-  display: unset !important;
-  border-radius: 2px !important;
-  font-size: unset !important;
-  font-weight: unset !important;
-  white-space: unset !important;
-}
-
-pre[class*="language-"] {
-  border-radius: 5px;
-  background-color: rgba(76, 43, 112, 1) !important;
-  background-size: 1.2em 1.2em !important;
-}
-</style>
+      if (this.$store.getters.activeSolution) {
+        const activeSolutionPast = this.$store.getters.activeSolution;
+        const activeSolutionCurrent = this.config.solutions.find(
+          solution => solution.id === activeSolutionPast.id
+        );
+        if (!skipRefreshDialog && activeSolutionCurrent.id !== this.selectedSolution.id) {
+          // another solution is selected than what was originally used to enter the config area
+          this.showPossibleRefreshDialog = true;
+          return;
+        }
+
+        if (JSON.stringify(activeSolutionPast) !== JSON.stringify(activeSolutionCurrent)) {
+          this.refreshBrowserToSolution(activeSolutionCurrent);
+          return;
+        } else {
+          this.showModal = false;
+          setTimeout(() => {
+            this.$router.push("/");
+          }, 300);
+        }
+      } else {
+        this.showModal = false;
+        setTimeout(() => {
+          this.$router.push("/");
+        }, 300);
+      }
+    },
+    refreshBrowserToSolution(solution) {
+      this.showPossibleRefreshDialog = false;
+      this.refresh = true;
+      sessionStorage.removeItem("teneo-chat-history"); // new config delete chat history
+      let addtionalParams = "";
+      if (doesParameterExist("plugin_id")) {
+        const params = new URLSearchParams(window.location.search);
+        const pluginId = params.get("plugin_id");
+        addtionalParams += `&plugin_id=${pluginId}`;
+      }
+      if (doesParameterExist("embed")) {
+        addtionalParams += "&embed";
+      }
+      if (doesParameterExist("button")) {
+        addtionalParams += "&button";
+      }
+      window.location = `${location.protocol}//${location.host}${location.pathname}?dl=${solution.deepLink}${addtionalParams}`;
+    },
+    toggleFullscreen() {
+      let modalElements = document.getElementsByClassName("leopard-config-modal");
+      modalElements[0].setAttribute("style", "");
+      this.fullscreen = !this.fullscreen;
+    },
+    createShareLinkForSolution() {
+      const sharableLink = createSharableLink(this.selectedSolution);
+      if (window.leopardConfig.kuttItKey) {
+        superagent
+          .post("https://cors-anywhere.herokuapp.com/https://kutt.it/api/v2/links")
+          .send({
+            target: sharableLink,
+            reuse: true
+          })
+          .set("X-API-KEY", window.leopardConfig.kuttItKey)
+          .set("Accept", "application/json")
+          .then(res => {
+            copy(
+              `${res.body.link}#${slugify(this.selectedSolution.name)}-${dayjs().format(
+                "YYYY-MM-DD"
+              )}`
+            );
+            this.displaySnackBar("📋 Copied Solution Sharable Import Link to Clipboard 🔗");
+            this.snackbarClipboard = true;
+          })
+          .catch(() => {
+            copy(sharableLink);
+            this.displaySnackBar("📋 Copied Solution Sharable Import Link to Clipboard 🔗");
+            this.snackbarClipboard = true;
+          });
+      } else {
+        copy(sharableLink);
+        this.displaySnackBar("📋 Copied Solution Sharable Import Link to Clipboard 🔗");
+        this.snackbarClipboard = true;
+      }
+    },
+    closeAddNewSolutionDialog(result) {
+      logger.info("Supposed to close Add Edit Dialog");
+      this.displayAddEditDialog = false;
+
+      if (result) {
+        this.config = result.config;
+        this.selectedSolution = this.config.solutions.find(
+          solution => solution.id === result.selectedSolutionId
+        );
+      }
+      this.currentModeEdit = "";
+      this.saveToLocalStorage();
+      const self = this;
+      setTimeout(function() {
+        self.solution = cloneObject(SOLUTION_DEFAULT);
+        self.solution.id = uuid();
+      }, 1000);
+    },
+    toggleDisplayOfSolutionConfig() {
+      this.displayFullSolutionConfig = !this.displayFullSolutionConfig;
+    },
+    importSolution(newSolution) {
+      let existingSolutionsWithId = this.config.solutions.findIndex(
+        solution => solution.id === newSolution.id
+      );
+
+      let existingSolutionsWithName = this.config.solutions.findIndex(
+        solution => solution.name === newSolution.name
+      );
+      let existingSolutionsWithDeepLink = this.config.solutions.findIndex(
+        solution => solution.deepLink === newSolution.deepLink
+      );
+
+      if (
+        existingSolutionsWithId < 0 &&
+        existingSolutionsWithName < 0 &&
+        existingSolutionsWithDeepLink < 0
+      ) {
+        // no clashes in id, name, deep link
+        this.config.solutions.push(newSolution); // no conflicts
+      } else if (
+        existingSolutionsWithId >= 0 &&
+        existingSolutionsWithName >= 0 &&
+        existingSolutionsWithDeepLink >= 0
+      ) {
+        // id, name and deep link clash
+        newSolution.name = newSolution.name + " [imported]";
+        newSolution.deepLink = newSolution.deepLink + "-" + generateRandomId();
+        newSolution.id = uuid();
+        this.config.solutions.push(newSolution);
+      } else if (
+        existingSolutionsWithId < 0 &&
+        existingSolutionsWithName >= 0 &&
+        existingSolutionsWithDeepLink >= 0
+      ) {
+        // name and deep link clash
+        newSolution.name = newSolution.name + " [imported]";
+        newSolution.deepLink = newSolution.deepLink + "-" + generateRandomId();
+        this.config.solutions.push(newSolution);
+      } else if (
+        existingSolutionsWithId < 0 &&
+        existingSolutionsWithName >= 0 &&
+        existingSolutionsWithDeepLink < 0
+      ) {
+        // name clash only
+        newSolution.name = newSolution.name + " [imported]";
+        this.config.solutions.push(newSolution);
+      } else if (
+        existingSolutionsWithId >= 0 &&
+        existingSolutionsWithDeepLink < 0 &&
+        existingSolutionsWithName < 0
+      ) {
+        // id clash only
+        newSolution.id = uuid();
+        this.config.solutions.push(newSolution);
+      } else if (
+        existingSolutionsWithId < 0 &&
+        existingSolutionsWithDeepLink >= 0 &&
+        existingSolutionsWithName < 0
+      ) {
+        // deeplink clash only
+        newSolution.deepLink = newSolution.deepLink + "-" + generateRandomId();
+        this.config.solutions.push(newSolution);
+      }
+    },
+    toggleLoading() {
+      this.showProgressUpload = true;
+    },
+    readConfigFile(event) {
+      this.showProgressUpload = true;
+      var file = event.target.files[0];
+      this.uploadConfig = "";
+
+      let reader = new FileReader();
+      let self = this;
+      reader.onload = function() {
+        self.uploadConfig = reader.result;
+        self.showProgressUpload = false;
+      };
+      reader.readAsText(file);
+    },
+    compareSolutions(a, b) {
+      if (a.name < b.name) return -1;
+      if (a.name > b.name) return 1;
+      return 0;
+    },
+    downloadSolutionConfig() {
+      download(
+        this.getFullSolutionConfig,
+        `leopard-all-config-${dayjs().format("YYYYMMDD[-]H[-]mm")}.txt`
+      );
+
+      let now = dayjs();
+      localStorage.setItem(STORAGE_KEY + "lastBackupDate", now.format());
+    },
+    downloadSelectedSolutionConfig() {
+      download(
+        JSON.stringify(this.selectedSolution, null, 2),
+        `leopard-${this.selectedSolution.name
+          .replace(/[|&;$%@"<>()+,]/g, "")
+          .replace(/\s+/g, "-")
+          .toLowerCase()}-config-${dayjs().format("YYYYMMDD[-]H[-]mm")}.txt`
+      );
+    },
+    copyWholeConfigClipboard() {
+      copy(JSON.stringify(this.config, null, 2));
+      this.displaySnackBar("📋 Copied All Solution Configs to Clipboard");
+      this.snackbarClipboard = true;
+    },
+    copySolutionToClipboard() {
+      copy(JSON.stringify(this.selectedSolution, null, 2));
+      this.displaySnackBar("📋 Copied Solution Config to Clipboard");
+    },
+    setActiveSolutionAsSelected() {
+      // pre select the solution active in the browser
+      if (this.$store.getters.activeSolution) {
+        this.selectedSolution = this.$store.getters.activeSolution;
+      } else {
+        // fallback to the default active solutions
+        this.selectedSolution = this.config.solutions.find(
+          solution => solution.id === this.config.activeSolution
+        );
+      }
+    },
+    setSolutionAsSelected(solutionId) {
+      this.selectedSolution = this.config.solutions.find(solution => solution.id === solutionId);
+    },
+    refreshBrowser() {
+      if (this.selectedSolution) {
+        this.refresh = true;
+        sessionStorage.removeItem("teneo-chat-history"); // new config delete chat history
+        let addtionalParams = "";
+        if (doesParameterExist("plugin_id")) {
+          const params = new URLSearchParams(window.location.search);
+          const pluginId = params.get("plugin_id");
+          addtionalParams += `&plugin_id=${pluginId}`;
+        }
+        if (doesParameterExist("embed")) {
+          addtionalParams += "&embed";
+        }
+        if (doesParameterExist("button")) {
+          addtionalParams += "&button";
+        }
+        window.location = `${location.protocol}//${location.host}${location.pathname}?dl=${this.selectedSolution.deepLink}${addtionalParams}`;
+      } else {
+        window.location = `${location.protocol}//${location.host}${location.pathname}`;
+      }
+    },
+    saveToLocalStorage() {
+      this.$store.commit("SET_CHAT_CONFIG", this.config);
+      localStorage.setItem(STORAGE_KEY + "config", JSON.stringify(this.config));
+      logger.debug(`Saved all solutions to localStorage`);
+    },
+    editSolution() {
+      if (this.selectedSolution !== null) {
+        this.dialogTitle = "Editing Solution";
+        this.currentModeEdit = "edit";
+        this.solution = cloneObject(this.selectedSolution); // make a copy - we have a save button
+        logger.info("Trying to open Add Edit Dialod");
+        this.showAddEditDialog();
+      }
+    },
+    setActiveSolution() {
+      this.config.activeSolution = this.selectedSolution.id;
+      this.saveToLocalStorage();
+    },
+    cloneSolution() {
+      const newName = this.selectedSolution.name + " - Copy";
+      let clonedSolution = cloneObject(this.selectedSolution);
+      clonedSolution.id = uuid();
+      clonedSolution.name = newName;
+      const duplicateSolutions = this.config.solutions.filter(
+        solution => solution.name === newName
+      );
+      if (duplicateSolutions.length > 0) {
+        clonedSolution.name = clonedSolution.name + " [" + generateRandomId() + "]";
+      }
+      clonedSolution.deepLink = clonedSolution.deepLink + "-" + generateRandomId();
+      this.config.solutions.push(clonedSolution);
+      this.selectedSolution = cloneObject(clonedSolution);
+      this.displaySnackBar("Solution was cloned. New name is " + clonedSolution.name, 3000);
+      this.saveToLocalStorage();
+    },
+    displayUploadSnackBar(message, timeout = 2000, color = "#2F2869") {
+      this.uploadSnackbar = false;
+      this.globalSnackbarMessage = message;
+      this.uploadSnackbar = true;
+      this.globalSnackbarTimeout = timeout;
+      this.globalSnackbarColor = color;
+    },
+    displaySnackBar(message, timeout = 2000, color = "#2F2869") {
+      this.globalSnackbar = false;
+      this.globalSnackbarMessage = message;
+      this.globalSnackbar = true;
+      this.globalSnackbarTimeout = timeout;
+      this.globalSnackbarColor = color;
+    },
+    deleteSolution(solutionId) {
+      this.config.solutions = this.config.solutions.filter(solution => {
+        return solution.id !== solutionId;
+      });
+
+      this.audit.results = this.audit.results.filter(result => {
+        return result.solution.id !== solutionId;
+      });
+
+      this.saveToLocalStorage();
+    },
+    editSolutionAudit(solutionId) {
+      let foundSolution = this.config.solutions.find(solution => solution.id === solutionId);
+      this.selectedSolution = foundSolution;
+      this.solution = cloneObject(this.selectedSolution); // make a copy - we have a save button
+      this.dialogTitle = `Editing Solution | ${this.selectedSolution.name}`;
+      this.currentModeEdit = "edit";
+
+      this.showAddEditDialog();
+    },
+    deleteSolutionConfig() {
+      if (this.selectedSolution) {
+        const theId = this.selectedSolution.id;
+        if (this.config.activeSolution === theId) {
+          this.config.activeSolution = "";
+        }
+        this.config.solutions = this.config.solutions.filter(
+          obj => JSON.stringify(obj) !== JSON.stringify(this.selectedSolution)
+        );
+        if (this.config.solutions.length === 1) {
+          this.config.activeSolution = this.config.solutions[0].id;
+          this.selectedSolution = cloneObject(this.config.solutions[0]);
+        } else if (this.config.solutions.length > 1) {
+          let self = this;
+          this.selectedSolution = cloneObject(
+            this.config.solutions.find(function(solution) {
+              return solution.id === self.config.activeSolution;
+            })
+          );
+        } else {
+          this.selectedSolution = null;
+        }
+        this.displaySnackBar("Solution was deleted", 3000);
+        this.ensureDefaultSolutionIsSet();
+        this.saveToLocalStorage();
+        this.setActiveSolutionAsSelected();
+      }
+    },
+    ensureDefaultSolutionIsSet() {
+      // this.config.activeSolution
+      let foundActiveSolution = this.config.solutions.find(
+        solution => solution.id === this.config.activeSolution
+      );
+      if (!foundActiveSolution && this.config.solutions.length > 0) {
+        this.config.activeSolution = this.config.solutions[0].id;
+      }
+    },
+    closeUploadDialog() {
+      this.newConfig = "";
+      this.uploadConfig = "";
+      this.uploadDialog = false;
+    },
+    saveUploadForm() {
+      // let inputValue = this.$refs.newConfig.inputValue;
+      if (this.uploadConfig && this.uploadConfig.trim()) {
+        let newConfig = "";
+        try {
+          newConfig = JSON.parse(this.uploadConfig);
+        } catch (error) {
+          this.displaySnackBar("Please provide a valid configuration", 3000);
+          return;
+        }
+        if (newConfig && "activeSolution" in newConfig) {
+          // ok uploading a full config
+          if ("activeSolution" in this.config) {
+            // let's merge
+            newConfig.solutions.forEach(newSolution => {
+              this.importSolution(newSolution);
+            });
+            this.displaySnackBar("Merged existing full config with newly uploded", 3000);
+          } else {
+            // current config is empty
+            this.config = fixSolutions(newConfig);
+            this.displaySnackBar("Imported a new full configuration", 3000);
+          }
+          this.setActiveSolutionAsSelected();
+        } else if (newConfig && "name" in newConfig) {
+          // uploading a single config - add it to the current solution config
+          newConfig = fixSolution(newConfig);
+          this.importSolution(newConfig); // import individual solution
+          this.setSolutionAsSelected(newConfig.id);
+          this.displaySnackBar("Imported as " + newConfig.name, 3000);
+        }
+
+        this.config = fixSolutions(this.config);
+
+        this.closeUploadDialog();
+        this.saveToLocalStorage();
+      } else {
+        this.displayUploadSnackBar("Please provide a valid configuration", 3000, "red");
+      }
+    },
+    addSolution() {
+      this.dialogTitle = "Creating a new solution configuration";
+      this.currentModeEdit = ""; // meaning add
+      this.solution = cloneObject(SOLUTION_DEFAULT);
+      this.solution.id = uuid();
+      this.showAddEditDialog();
+    },
+    showAddEditDialog() {
+      this.displayAddEditDialog = true;
+      logger.info(`Ok add edit dialog should be showing...`);
+    },
+    showUploadDialog() {
+      this.uploadDialog = true;
+    }
+  }
+};
+</script>
+
+<style>
+@import url("https://fonts.googleapis.com/css?family=Inconsolata&display=swap");
+
+.leopard-code-font {
+  font-family: "Inconsolata", monospace;
+  font-size: 1em;
+  font-weight: 500;
+  line-height: normal;
+}
+
+.leopard-radius {
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+.leopard-config-app-bar-fullscreen {
+  -webkit-border-radius: 0 !important;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+}
+div.v-input__slot:focus,
+button:focus,
+a:focus {
+  outline: 0;
+  -webkit-box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
+  box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
+}
+</style>
+
+<style scoped>
+div.v-input__slot:focus,
+button:focus,
+a:focus {
+  outline: 0;
+  -webkit-box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
+  box-shadow: 0 0 0 2px rgba(17, 18, 25, 0.2) !important;
+}
+
+#app {
+  border-radius: 0px !important;
+}
+
+.select-options {
+  position: fixed !important;
+  /* margin-left: 15px; */
+}
+
+.upload-btn {
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.upload-btn input[type="file"] {
+  overflow: hidden;
+  position: absolute;
+  z-index: -1;
+  width: 0.1px;
+  height: 0.1px;
+  opacity: 0;
+}
+
+.upload-btn-hover {
+  cursor: pointer;
+}
+
+.v-tooltip__content {
+  position: fixed !important;
+}
+
+.code-styling {
+  /* margin: 0 !important; */
+  background-color: inherit;
+  /* margin-bottom: -20px !important; */
+}
+
+.coding-font {
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+  font-size: 1em;
+}
+
+.mono-font {
+  font-family: "Courier New", Courier, monospace;
+  font-size: 10px !important;
+  font-weight: 500;
+  line-height: 1;
+}
+
+code {
+  display: unset !important;
+  border-radius: 2px !important;
+  font-size: unset !important;
+  font-weight: unset !important;
+  white-space: unset !important;
+}
+
+pre[class*="language-"] {
+  border-radius: 5px;
+  background-color: rgba(76, 43, 112, 1) !important;
+  background-size: 1.2em 1.2em !important;
+}
+</style>