From ac78a184149c1e9cb6328f0da7d14dbe59270154 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 23 May 2023 18:27:33 +0000
Subject: [PATCH 001/122] added pairlist configurator

---
 src/components/ftbot/PairlistConfigItem.vue   |  68 ++++++++++
 src/components/ftbot/PairlistConfigurator.vue | 117 ++++++++++++++++++
 .../general/PairlistConfigParameter.vue       |  51 ++++++++
 src/components/layout/NavBar.vue              |   3 +
 src/router/index.ts                           |   5 +
 src/stores/ftbot.ts                           |  40 +++++-
 src/types/types.ts                            |  49 ++++++++
 src/views/PairlistConfigView.vue              | 108 ++++++++++++++++
 8 files changed, 440 insertions(+), 1 deletion(-)
 create mode 100644 src/components/ftbot/PairlistConfigItem.vue
 create mode 100644 src/components/ftbot/PairlistConfigurator.vue
 create mode 100644 src/components/general/PairlistConfigParameter.vue
 create mode 100644 src/views/PairlistConfigView.vue

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
new file mode 100644
index 00000000..a87a2288
--- /dev/null
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -0,0 +1,68 @@
+<template>
+  <b-card no-body class="mb-2">
+    <template #header>
+      <b-row align-v="center">
+        <b-col>
+          <b-row align-v="center">
+            <b-col cols="auto"><ReorderIcon class="handle me-2" /></b-col>
+            <b-col
+              ><b-button variant="link" @click="visible = !visible">
+                <h6 class="mb-0">{{ pairlist.name }}</h6>
+              </b-button></b-col
+            >
+          </b-row>
+        </b-col>
+        <b-col cols="auto">
+          <b-button size="sm" @click="emit('remove', index)">x</b-button>
+        </b-col>
+      </b-row>
+    </template>
+    <b-card-body :class="{ hidden: !visible }">
+      <b-collapse v-model="visible">
+        <PairlistConfigParameter
+          v-for="(parameter, key) in pairlist.params"
+          :key="key"
+          v-model="pairlist.params[key].value"
+          :param="parameter"
+        />
+      </b-collapse>
+    </b-card-body>
+  </b-card>
+</template>
+
+<script setup lang="ts">
+import { Pairlist } from '@/types';
+import { computed, ref } from 'vue';
+import PairlistConfigParameter from '../general/PairlistConfigParameter.vue';
+import ReorderIcon from 'vue-material-design-icons/ReorderHorizontal.vue';
+
+const props = defineProps<{
+  modelValue: Pairlist;
+  index: number;
+}>();
+
+const emit = defineEmits(['update:modelValue', 'remove']);
+
+const visible = ref(false);
+
+const pairlist = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(value: Pairlist) {
+    emit('update:modelValue', value);
+  },
+});
+</script>
+
+<style>
+.hidden {
+  padding: 0;
+}
+
+.collapsing {
+  -webkit-transition: none;
+  transition: none;
+  display: none;
+}
+</style>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
new file mode 100644
index 00000000..b27fc135
--- /dev/null
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -0,0 +1,117 @@
+<template>
+  <b-modal
+    v-model="visible"
+    :scrollable="true"
+    :no-close-on-backdrop="true"
+    ok-title="Save"
+    title="Pairlist configurator"
+    @ok="save"
+    @show="configureConfig"
+  >
+    <div class="mb-2">
+      <b-form-input v-model="config.name" placeholder="Configuration name..."></b-form-input>
+    </div>
+    <b-form-select
+      v-model="selectedPairlist"
+      :options="pairlistSelectOptions"
+      class="mb-2"
+      @input="addToConfig"
+    ></b-form-select>
+    <div ref="pairlistConfigsEl">
+      <PairlistConfigItem
+        v-for="(pairlist, i) in pairlists"
+        :key="pairlist.id"
+        v-model="config.pairlists[i]"
+        :index="i"
+        @remove="removeFromConfig"
+      />
+    </div>
+  </b-modal>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref, toRaw } from 'vue';
+import { useBotStore } from '@/stores/ftbotwrapper';
+import PairlistConfigItem from './PairlistConfigItem.vue';
+import { Pairlist, PairlistConfig } from '@/types';
+import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
+
+const emit = defineEmits(['update:modelValue', 'saveConfig']);
+const props = defineProps<{
+  modelValue: boolean;
+  config: PairlistConfig;
+}>();
+
+const botStore = useBotStore();
+
+const availablePairlists = ref<Pairlist[]>([]);
+const selectedPairlist = ref<Pairlist>({} as Pairlist);
+const config = ref<PairlistConfig>(props.config);
+const pairlistConfigsEl = ref<HTMLElement | null>(null);
+
+const visible = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(value: boolean) {
+    emit('update:modelValue', value);
+  },
+});
+
+// v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
+const pairlists = computed(() =>
+  config.value.pairlists.map((p) => {
+    if (p.id) {
+      return p;
+    } else {
+      return { id: Date.now().toString(36) + Math.random().toString(36).substring(2), ...p };
+    }
+  }),
+);
+
+const pairlistSelectOptions = computed(() => {
+  const pairlists = availablePairlists.value.map((p) => {
+    return { value: p, text: p.name };
+  });
+
+  return [{ text: 'Select a pairlist....', value: {} }, ...pairlists];
+});
+
+useSortable(pairlistConfigsEl, config.value.pairlists, {
+  handle: '.handle',
+  onUpdate: async (e) => {
+    moveArrayElement(config.value.pairlists, e.oldIndex, e.newIndex);
+  },
+});
+
+onMounted(async () => {
+  availablePairlists.value = (await botStore.activeBot.getPairlists()).pairlists;
+});
+
+const addToConfig = () => {
+  if (selectedPairlist.value) {
+    const pairlist = structuredClone(toRaw(selectedPairlist.value));
+    for (const param in pairlist.params) {
+      pairlist.params[param].value = pairlist.params[param].default
+        ? pairlist.params[param].default.toString()
+        : '';
+    }
+    config.value.pairlists.push(pairlist);
+    selectedPairlist.value = {} as Pairlist;
+  }
+};
+
+const removeFromConfig = (index: number) => {
+  config.value.pairlists.splice(index, 1);
+};
+
+const save = async (e: Event) => {
+  e.preventDefault();
+  emit('saveConfig', config.value);
+  visible.value = false;
+};
+
+const configureConfig = () => {
+  config.value = structuredClone(toRaw(props.config));
+};
+</script>
diff --git a/src/components/general/PairlistConfigParameter.vue b/src/components/general/PairlistConfigParameter.vue
new file mode 100644
index 00000000..15728293
--- /dev/null
+++ b/src/components/general/PairlistConfigParameter.vue
@@ -0,0 +1,51 @@
+<template>
+  <b-form-group
+    label-cols="4"
+    label-cols-lg="6"
+    label-size="md"
+    class="pb-1"
+    :description="param.help"
+  >
+    <b-form-input
+      v-if="param.type === PairlistParamType.string || param.type === PairlistParamType.number"
+      v-model="paramValue"
+      size="sm"
+    ></b-form-input>
+
+    <b-form-checkbox
+      v-if="param.type === PairlistParamType.boolean"
+      v-model="paramValue"
+    ></b-form-checkbox>
+
+    <b-form-select
+      v-if="param.type === PairlistParamType.option"
+      v-model="paramValue"
+      :options="param.options"
+    ></b-form-select>
+
+    <template #label>
+      <label> {{ param.description }}</label>
+    </template>
+  </b-form-group>
+</template>
+
+<script setup lang="ts">
+import { PairlistParameter, PairlistParamType } from '@/types';
+import { computed } from 'vue';
+
+const props = defineProps<{
+  param: PairlistParameter;
+  modelValue: string | undefined;
+}>();
+
+const emit = defineEmits(['update:modelValue']);
+
+const paramValue = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(value) {
+    emit('update:modelValue', value);
+  },
+});
+</script>
diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index 20da8173..8298f313 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -23,6 +23,9 @@
           <router-link v-if="botStore.canRunBacktest" class="nav-link navbar-nav" to="/backtest"
             >Backtest</router-link
           >
+          <router-link class="nav-link navbar-nav" to="/pairlist_config"
+            >Pairlist Config</router-link
+          >
           <theme-select />
         </b-navbar-nav>
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 04eb7e9d..d543fe84 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -67,6 +67,11 @@ const routes: Array<RouteRecordRaw> = [
       allowAnonymous: true,
     },
   },
+  {
+    path: '/pairlist_config',
+    name: 'Pairlist Configuration',
+    component: () => import('@/views/PairlistConfigView.vue'),
+  },
   {
     path: '/(.*)*',
     name: '404',
diff --git a/src/stores/ftbot.ts b/src/stores/ftbot.ts
index ed12ef2b..87f0f779 100644
--- a/src/stores/ftbot.ts
+++ b/src/stores/ftbot.ts
@@ -42,7 +42,12 @@ import { showAlert } from './alerts';
 import { useWebSocket } from '@vueuse/core';
 import { FTWsMessage, FtWsMessageTypes } from '@/types/wsMessageTypes';
 import { showNotification } from '@/shared/notifications';
-import { FreqAIModelListResult } from '../types/types';
+import {
+  FreqAIModelListResult,
+  PairlistEvalResponse,
+  PairlistsPayload,
+  PairlistsResponse,
+} from '../types/types';
 
 export function createBotSubStore(botId: string, botName: string) {
   const userService = useUserService(botId);
@@ -535,6 +540,24 @@ export function createBotSubStore(botId: string, botName: string) {
           return Promise.reject(error);
         }
       },
+      async getPairlists() {
+        try {
+          const { data } = await api.get<PairlistsResponse>('/pairlists/available');
+          return Promise.resolve(data);
+        } catch (error) {
+          console.error(error);
+          return Promise.reject(error);
+        }
+      },
+      async getPairlistEvalStatus() {
+        try {
+          const { data } = await api.get<PairlistEvalResponse>('/pairlists/evaluate');
+          return Promise.resolve(data);
+        } catch (error) {
+          console.error(error);
+          return Promise.reject(error);
+        }
+      },
       // // Post methods
       // // TODO: Migrate calls to API to a seperate module unrelated to pinia?
       async startBot() {
@@ -938,6 +961,21 @@ export function createBotSubStore(botId: string, botName: string) {
           },
         );
       },
+      async evaluatePairlist(payload: PairlistsPayload) {
+        try {
+          const { data } = await api.post<WhitelistResponse, AxiosResponse<StatusResponse>>(
+            '/pairlists/evaluate',
+            payload,
+          );
+          return Promise.resolve(data);
+        } catch (error) {
+          if (axios.isAxiosError(error)) {
+            console.error(error.response);
+          }
+          showAlert('Error testing pairlist', 'danger');
+          return Promise.reject(error);
+        }
+      },
     },
   });
 
diff --git a/src/types/types.ts b/src/types/types.ts
index e51a3186..5661ff83 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -271,3 +271,52 @@ export enum LoadingStatus {
   success,
   error,
 }
+
+export interface PairlistsResponse {
+  pairlists: Pairlist[];
+}
+
+export interface PairlistEvalResponse {
+  detail?: string;
+  method?: string[];
+  whitelist?: string[];
+}
+
+export interface Pairlist {
+  id?: string;
+  is_pairlist_generator: boolean;
+  name: string;
+  params: Record<string, PairlistParameter>;
+}
+
+export interface PairlistConfig {
+  name: string;
+  pairlists: Pairlist[];
+}
+
+export enum PairlistParamType {
+  string = 'string',
+  number = 'number',
+  boolean = 'boolean',
+  option = 'option',
+}
+
+export interface PairlistParameter {
+  description: string;
+  help: string;
+  type: PairlistParamType;
+  value?: string;
+  default: string;
+  options?: string[];
+}
+
+export interface PairlistPayloadItem {
+  method: string;
+  [key: string]: string | number | boolean;
+}
+
+export interface PairlistsPayload {
+  pairlists: PairlistPayloadItem[];
+  blacklist: string[];
+  stake_currency: string;
+}
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
new file mode 100644
index 00000000..1fb0b496
--- /dev/null
+++ b/src/views/PairlistConfigView.vue
@@ -0,0 +1,108 @@
+<template>
+  <div>
+    <div>
+      <b-form-select v-model="selectedConfig" :options="configsSelectOptions"></b-form-select>
+      <b-button @click="showConfigurator = !showConfigurator">Configure</b-button>
+      <b-button :disabled="evaluating" @click="test">Test</b-button>
+
+      <PairlistConfigurator
+        v-model="showConfigurator"
+        :config="selectedConfig"
+        @save-config="addConfig"
+      />
+    </div>
+    <p>{{ progressMessage }}</p>
+    <div class="mt-4">{{ whitelist }}</div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useBotStore } from '@/stores/ftbotwrapper';
+import { ref, computed } from 'vue';
+import PairlistConfigurator from '@/components/ftbot/PairlistConfigurator.vue';
+import { PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
+
+const botStore = useBotStore();
+const showConfigurator = ref(false);
+const configs = ref<PairlistConfig[]>([]);
+const selectedConfig = ref<PairlistConfig>({ name: '', pairlists: [] });
+const whitelist = ref<string[]>([]);
+const evaluating = ref(false);
+const progressMessage = ref('');
+
+const addConfig = (config: PairlistConfig) => {
+  const i = configs.value.findIndex((c) => c.name === config.name);
+
+  if (i > -1) {
+    configs.value[i] = config;
+  } else {
+    configs.value.push(config);
+  }
+  selectedConfig.value = config;
+};
+
+const configsSelectOptions = computed(() => {
+  const options = configs.value.map((c) => {
+    return { value: c, text: c.name };
+  });
+
+  const val: PairlistConfig = {
+    name: '',
+    pairlists: [],
+  };
+
+  return [{ text: 'New config...', value: val }, ...options];
+});
+
+const test = async () => {
+  if (!selectedConfig.value) return;
+
+  const pairlists: PairlistPayloadItem[] = [];
+
+  selectedConfig.value.pairlists.forEach((config) => {
+    const pairlist = {
+      method: config.name,
+    };
+    for (const key in config.params) {
+      const param = config.params[key];
+      if (param.value) {
+        pairlist[key] = convertToParamType(param.type, param.value);
+      }
+    }
+    pairlists.push(pairlist);
+  });
+
+  const payload = {
+    pairlists: pairlists,
+    stake_currency: botStore.activeBot.stakeCurrency,
+    blacklist: [],
+  };
+
+  evaluating.value = true;
+  whitelist.value = [];
+  const res = await botStore.activeBot.evaluatePairlist(payload);
+  console.log(res);
+  const evalIntervalId = setInterval(async () => {
+    const res = await botStore.activeBot.getPairlistEvalStatus();
+
+    if (res.whitelist) {
+      whitelist.value = res.whitelist;
+      clearInterval(evalIntervalId);
+      evaluating.value = false;
+      progressMessage.value = '';
+    } else if (res.detail) {
+      progressMessage.value = res.detail;
+    }
+  }, 1000);
+};
+
+const convertToParamType = (type: PairlistParamType, value: string) => {
+  if (type === PairlistParamType.number) {
+    return Number(value);
+  } else if (type === PairlistParamType.boolean) {
+    return Boolean(value);
+  } else {
+    return String(value);
+  }
+};
+</script>

From 257a57fcf2091c374f5cba7a96dca983b8e89419 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 23 May 2023 18:43:16 +0000
Subject: [PATCH 002/122] replace sorting icon

---
 src/components/ftbot/PairlistConfigItem.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index a87a2288..f7477b85 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -4,7 +4,7 @@
       <b-row align-v="center">
         <b-col>
           <b-row align-v="center">
-            <b-col cols="auto"><ReorderIcon class="handle me-2" /></b-col>
+            <b-col cols="auto"><i-mdi-reorder-horizontal class="handle me-2 fs-4" /></b-col>
             <b-col
               ><b-button variant="link" @click="visible = !visible">
                 <h6 class="mb-0">{{ pairlist.name }}</h6>
@@ -34,7 +34,6 @@
 import { Pairlist } from '@/types';
 import { computed, ref } from 'vue';
 import PairlistConfigParameter from '../general/PairlistConfigParameter.vue';
-import ReorderIcon from 'vue-material-design-icons/ReorderHorizontal.vue';
 
 const props = defineProps<{
   modelValue: Pairlist;

From e8c50a167a042763de10ece5c68632837d577496 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 24 May 2023 18:19:46 +0000
Subject: [PATCH 003/122] drag and drop configurator prototype

---
 src/components/ftbot/PairlistConfigurator.vue | 160 +++++++++++-------
 src/views/PairlistConfigView.vue              |  58 +++----
 2 files changed, 126 insertions(+), 92 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index b27fc135..84b785f8 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,36 +1,59 @@
 <template>
-  <b-modal
-    v-model="visible"
-    :scrollable="true"
-    :no-close-on-backdrop="true"
-    ok-title="Save"
-    title="Pairlist configurator"
-    @ok="save"
-    @show="configureConfig"
-  >
-    <div class="mb-2">
-      <b-form-input v-model="config.name" placeholder="Configuration name..."></b-form-input>
-    </div>
-    <b-form-select
-      v-model="selectedPairlist"
-      :options="pairlistSelectOptions"
-      class="mb-2"
-      @input="addToConfig"
-    ></b-form-select>
-    <div ref="pairlistConfigsEl">
-      <PairlistConfigItem
-        v-for="(pairlist, i) in pairlists"
-        :key="pairlist.id"
-        v-model="config.pairlists[i]"
-        :index="i"
-        @remove="removeFromConfig"
-      />
-    </div>
-  </b-modal>
+  <b-container fluid>
+    <b-row align-v="stretch">
+      <b-col cols="2">
+        <div ref="availablePairlistsEl" class="available-pairlists">
+          <b-row
+            v-for="pairlist in availablePairlists"
+            :key="pairlist.name"
+            align-v="center"
+            class="pairlist"
+          >
+            <b-col>
+              {{ pairlist.name }}
+            </b-col>
+            <b-col cols="auto">
+              <b-button
+                class="p-0"
+                style="border: none"
+                variant="outline-light"
+                @click="addToConfig(pairlist, config.pairlists.length)"
+                ><i-mdi-arrow-right-bold-box class="fs-4"
+              /></b-button>
+            </b-col>
+          </b-row>
+        </div>
+      </b-col>
+      <b-col>
+        <b-row>
+          <b-col>
+            <b-form-input
+              v-model="config.name"
+              class="mb-2"
+              placeholder="Configuration name..."
+            ></b-form-input>
+          </b-col>
+          <b-col cols="auto">
+            <b-button @click="save">Save</b-button>
+          </b-col>
+        </b-row>
+        <div ref="pairlistConfigsEl" style="height: 100%">
+          <PairlistConfigItem
+            v-for="(pairlist, i) in pairlists"
+            :key="pairlist.id"
+            v-model="config.pairlists[i]"
+            :index="i"
+            @remove="removeFromConfig"
+          />
+        </div>
+      </b-col>
+      <b-col cols="3">JSON DUMP</b-col>
+    </b-row>
+  </b-container>
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref, toRaw } from 'vue';
+import { computed, onMounted, ref, toRaw, watch } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import { Pairlist, PairlistConfig } from '@/types';
@@ -38,25 +61,15 @@ import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable'
 
 const emit = defineEmits(['update:modelValue', 'saveConfig']);
 const props = defineProps<{
-  modelValue: boolean;
   config: PairlistConfig;
 }>();
 
 const botStore = useBotStore();
 
 const availablePairlists = ref<Pairlist[]>([]);
-const selectedPairlist = ref<Pairlist>({} as Pairlist);
 const config = ref<PairlistConfig>(props.config);
 const pairlistConfigsEl = ref<HTMLElement | null>(null);
-
-const visible = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(value: boolean) {
-    emit('update:modelValue', value);
-  },
-});
+const availablePairlistsEl = ref<HTMLElement | null>(null);
 
 // v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
 const pairlists = computed(() =>
@@ -69,49 +82,72 @@ const pairlists = computed(() =>
   }),
 );
 
-const pairlistSelectOptions = computed(() => {
-  const pairlists = availablePairlists.value.map((p) => {
-    return { value: p, text: p.name };
-  });
-
-  return [{ text: 'Select a pairlist....', value: {} }, ...pairlists];
+useSortable(availablePairlistsEl, availablePairlists.value, {
+  group: {
+    name: 'configurator',
+    pull: 'clone',
+    put: false,
+  },
+  sort: false,
 });
 
 useSortable(pairlistConfigsEl, config.value.pairlists, {
   handle: '.handle',
+  group: 'configurator',
   onUpdate: async (e) => {
     moveArrayElement(config.value.pairlists, e.oldIndex, e.newIndex);
   },
+  onAdd: (e) => {
+    const pairlist = availablePairlists.value[e.oldIndex];
+    addToConfig(pairlist, e.newIndex);
+    e.item.remove();
+  },
 });
 
 onMounted(async () => {
   availablePairlists.value = (await botStore.activeBot.getPairlists()).pairlists;
 });
 
-const addToConfig = () => {
-  if (selectedPairlist.value) {
-    const pairlist = structuredClone(toRaw(selectedPairlist.value));
-    for (const param in pairlist.params) {
-      pairlist.params[param].value = pairlist.params[param].default
-        ? pairlist.params[param].default.toString()
-        : '';
-    }
-    config.value.pairlists.push(pairlist);
-    selectedPairlist.value = {} as Pairlist;
+const addToConfig = (pairlist: Pairlist, index: number) => {
+  pairlist = structuredClone(toRaw(pairlist));
+  for (const param in pairlist.params) {
+    pairlist.params[param].value = pairlist.params[param].default
+      ? pairlist.params[param].default.toString()
+      : '';
   }
+  config.value.pairlists.splice(index, 0, pairlist);
 };
 
 const removeFromConfig = (index: number) => {
   config.value.pairlists.splice(index, 1);
 };
 
-const save = async (e: Event) => {
-  e.preventDefault();
+const save = async () => {
   emit('saveConfig', config.value);
-  visible.value = false;
 };
 
-const configureConfig = () => {
-  config.value = structuredClone(toRaw(props.config));
-};
+watch(
+  () => props.config,
+  () => {
+    config.value = structuredClone(toRaw(props.config));
+  },
+);
 </script>
+
+<style lang="scss">
+.pairlist {
+  padding: 1rem 1rem;
+  width: 100%;
+  border: 1px solid white;
+  text-align: left;
+  margin: 5px 0;
+}
+
+.pairlist:hover {
+  cursor: grab;
+}
+
+[data-theme='light'] .pairlist {
+  border-color: black;
+}
+</style>
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index 1fb0b496..dd3c694b 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -2,17 +2,12 @@
   <div>
     <div>
       <b-form-select v-model="selectedConfig" :options="configsSelectOptions"></b-form-select>
-      <b-button @click="showConfigurator = !showConfigurator">Configure</b-button>
       <b-button :disabled="evaluating" @click="test">Test</b-button>
-
-      <PairlistConfigurator
-        v-model="showConfigurator"
-        :config="selectedConfig"
-        @save-config="addConfig"
-      />
+      <div>
+        <code v-if="whitelist.length > 0">{{ whitelist }}</code>
+      </div>
+      <PairlistConfigurator :config="selectedConfig" @save-config="addConfig" />
     </div>
-    <p>{{ progressMessage }}</p>
-    <div class="mt-4">{{ whitelist }}</div>
   </div>
 </template>
 
@@ -23,7 +18,6 @@ import PairlistConfigurator from '@/components/ftbot/PairlistConfigurator.vue';
 import { PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
 
 const botStore = useBotStore();
-const showConfigurator = ref(false);
 const configs = ref<PairlistConfig[]>([]);
 const selectedConfig = ref<PairlistConfig>({ name: '', pairlists: [] });
 const whitelist = ref<string[]>([]);
@@ -57,26 +51,7 @@ const configsSelectOptions = computed(() => {
 const test = async () => {
   if (!selectedConfig.value) return;
 
-  const pairlists: PairlistPayloadItem[] = [];
-
-  selectedConfig.value.pairlists.forEach((config) => {
-    const pairlist = {
-      method: config.name,
-    };
-    for (const key in config.params) {
-      const param = config.params[key];
-      if (param.value) {
-        pairlist[key] = convertToParamType(param.type, param.value);
-      }
-    }
-    pairlists.push(pairlist);
-  });
-
-  const payload = {
-    pairlists: pairlists,
-    stake_currency: botStore.activeBot.stakeCurrency,
-    blacklist: [],
-  };
+  const payload = configToPayload();
 
   evaluating.value = true;
   whitelist.value = [];
@@ -105,4 +80,27 @@ const convertToParamType = (type: PairlistParamType, value: string) => {
     return String(value);
   }
 };
+
+const configToPayload = () => {
+  const pairlists: PairlistPayloadItem[] = [];
+
+  selectedConfig.value.pairlists.forEach((config) => {
+    const pairlist = {
+      method: config.name,
+    };
+    for (const key in config.params) {
+      const param = config.params[key];
+      if (param.value) {
+        pairlist[key] = convertToParamType(param.type, param.value);
+      }
+    }
+    pairlists.push(pairlist);
+  });
+
+  return {
+    pairlists: pairlists,
+    stake_currency: botStore.activeBot.stakeCurrency,
+    blacklist: [],
+  };
+};
 </script>

From 2f07024f11894a81a063d5266ac02ab4f8805525 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 24 May 2023 20:15:28 +0000
Subject: [PATCH 004/122] stop the timer and show error messages

---
 src/components/ftbot/PairlistConfigurator.vue |  2 +-
 src/types/types.ts                            |  9 ++++++---
 src/views/PairlistConfigView.vue              | 13 ++++++++-----
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 84b785f8..6aa0c495 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -136,7 +136,7 @@ watch(
 
 <style lang="scss">
 .pairlist {
-  padding: 1rem 1rem;
+  padding: 1rem 0;
   width: 100%;
   border: 1px solid white;
   text-align: left;
diff --git a/src/types/types.ts b/src/types/types.ts
index de4541ab..83390c07 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -279,9 +279,12 @@ export interface PairlistsResponse {
 }
 
 export interface PairlistEvalResponse {
-  detail?: string;
-  method?: string[];
-  whitelist?: string[];
+  error?: string;
+  status: string;
+  result?: {
+    method: string[];
+    whitelist: string[];
+  };
 }
 
 export interface Pairlist {
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index dd3c694b..94ba4b71 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -2,6 +2,7 @@
   <div>
     <div>
       <b-form-select v-model="selectedConfig" :options="configsSelectOptions"></b-form-select>
+      <p>{{ progressMessage }}</p>
       <b-button :disabled="evaluating" @click="test">Test</b-button>
       <div>
         <code v-if="whitelist.length > 0">{{ whitelist }}</code>
@@ -57,16 +58,18 @@ const test = async () => {
   whitelist.value = [];
   const res = await botStore.activeBot.evaluatePairlist(payload);
   console.log(res);
+  progressMessage.value = res.status;
   const evalIntervalId = setInterval(async () => {
     const res = await botStore.activeBot.getPairlistEvalStatus();
-
-    if (res.whitelist) {
-      whitelist.value = res.whitelist;
+    if (res.status === 'success' && res.result) {
+      whitelist.value = res.result.whitelist;
       clearInterval(evalIntervalId);
       evaluating.value = false;
       progressMessage.value = '';
-    } else if (res.detail) {
-      progressMessage.value = res.detail;
+    } else if (res.error) {
+      progressMessage.value = res.error;
+      clearInterval(evalIntervalId);
+      evaluating.value = false;
     }
   }, 1000);
 };

From 0085c9ac2ce1ba5ab4ff02cf09367a0751fc3ec3 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 24 May 2023 21:53:10 +0000
Subject: [PATCH 005/122] fix available pairlists losing events after drag

---
 src/components/ftbot/PairlistConfigurator.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 6aa0c495..44a33c04 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -100,7 +100,9 @@ useSortable(pairlistConfigsEl, config.value.pairlists, {
   onAdd: (e) => {
     const pairlist = availablePairlists.value[e.oldIndex];
     addToConfig(pairlist, e.newIndex);
-    e.item.remove();
+    // quick fix from: https://github.com/SortableJS/Sortable/issues/1515
+    e.clone.replaceWith(e.item);
+    e.clone.remove();
   },
 });
 

From 5fbcca0bcfef285b81885a2827af79be7eb65147 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 24 May 2023 23:40:43 +0000
Subject: [PATCH 006/122] start evaluation without the need for saving

---
 src/components/ftbot/PairlistConfigurator.vue | 66 ++++++++++++++-
 src/stores/ftbot.ts                           |  7 +-
 src/views/PairlistConfigView.vue              | 80 +++++--------------
 3 files changed, 86 insertions(+), 67 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 44a33c04..a5fcec20 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -35,6 +35,7 @@
           </b-col>
           <b-col cols="auto">
             <b-button @click="save">Save</b-button>
+            <b-button :disabled="evaluating" @click="test">Test</b-button>
           </b-col>
         </b-row>
         <div ref="pairlistConfigsEl" style="height: 100%">
@@ -56,10 +57,17 @@
 import { computed, onMounted, ref, toRaw, watch } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import PairlistConfigItem from './PairlistConfigItem.vue';
-import { Pairlist, PairlistConfig } from '@/types';
+import { Pairlist, PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 
-const emit = defineEmits(['update:modelValue', 'saveConfig']);
+const emit = defineEmits([
+  'update:modelValue',
+  'saveConfig',
+  'started',
+  'progress',
+  'done',
+  'error',
+]);
 const props = defineProps<{
   config: PairlistConfig;
 }>();
@@ -70,6 +78,7 @@ const availablePairlists = ref<Pairlist[]>([]);
 const config = ref<PairlistConfig>(props.config);
 const pairlistConfigsEl = ref<HTMLElement | null>(null);
 const availablePairlistsEl = ref<HTMLElement | null>(null);
+const evaluating = ref(false);
 
 // v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
 const pairlists = computed(() =>
@@ -128,6 +137,59 @@ const save = async () => {
   emit('saveConfig', config.value);
 };
 
+const test = async () => {
+  const payload = configToPayload();
+
+  evaluating.value = true;
+  const res = await botStore.activeBot.evaluatePairlist(payload);
+  emit('started', res);
+  const evalIntervalId = setInterval(async () => {
+    const res = await botStore.activeBot.getPairlistEvalStatus();
+    if (res.status === 'success' && res.result) {
+      emit('done', res);
+      clearInterval(evalIntervalId);
+      evaluating.value = false;
+    } else if (res.error) {
+      emit('error', res);
+      clearInterval(evalIntervalId);
+      evaluating.value = false;
+    }
+  }, 1000);
+};
+
+const convertToParamType = (type: PairlistParamType, value: string) => {
+  if (type === PairlistParamType.number) {
+    return Number(value);
+  } else if (type === PairlistParamType.boolean) {
+    return Boolean(value);
+  } else {
+    return String(value);
+  }
+};
+
+const configToPayload = () => {
+  const pairlists: PairlistPayloadItem[] = [];
+
+  config.value.pairlists.forEach((config) => {
+    const pairlist = {
+      method: config.name,
+    };
+    for (const key in config.params) {
+      const param = config.params[key];
+      if (param.value) {
+        pairlist[key] = convertToParamType(param.type, param.value);
+      }
+    }
+    pairlists.push(pairlist);
+  });
+
+  return {
+    pairlists: pairlists,
+    stake_currency: botStore.activeBot.stakeCurrency,
+    blacklist: [],
+  };
+};
+
 watch(
   () => props.config,
   () => {
diff --git a/src/stores/ftbot.ts b/src/stores/ftbot.ts
index 05ccdcb6..c83c2a8e 100644
--- a/src/stores/ftbot.ts
+++ b/src/stores/ftbot.ts
@@ -970,16 +970,13 @@ export function createBotSubStore(botId: string, botName: string) {
       },
       async evaluatePairlist(payload: PairlistsPayload) {
         try {
-          const { data } = await api.post<WhitelistResponse, AxiosResponse<StatusResponse>>(
+          const { data } = await api.post<AxiosResponse<StatusResponse>>(
             '/pairlists/evaluate',
             payload,
           );
           return Promise.resolve(data);
         } catch (error) {
-          if (axios.isAxiosError(error)) {
-            console.error(error.response);
-          }
-          showAlert('Error testing pairlist', 'danger');
+          console.error(error);
           return Promise.reject(error);
         }
       },
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index 94ba4b71..9ff6e1a3 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -2,12 +2,16 @@
   <div>
     <div>
       <b-form-select v-model="selectedConfig" :options="configsSelectOptions"></b-form-select>
-      <p>{{ progressMessage }}</p>
-      <b-button :disabled="evaluating" @click="test">Test</b-button>
       <div>
         <code v-if="whitelist.length > 0">{{ whitelist }}</code>
       </div>
-      <PairlistConfigurator :config="selectedConfig" @save-config="addConfig" />
+      <PairlistConfigurator
+        :config="selectedConfig"
+        @save-config="addConfig"
+        @started="evalStarted"
+        @error="evalError"
+        @done="evalDone"
+      />
     </div>
   </div>
 </template>
@@ -16,14 +20,13 @@
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { ref, computed } from 'vue';
 import PairlistConfigurator from '@/components/ftbot/PairlistConfigurator.vue';
-import { PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
+import { PairlistConfig, PairlistEvalResponse, StatusResponse } from '@/types';
+import { showAlert } from '@/stores/alerts';
 
 const botStore = useBotStore();
 const configs = ref<PairlistConfig[]>([]);
 const selectedConfig = ref<PairlistConfig>({ name: '', pairlists: [] });
 const whitelist = ref<string[]>([]);
-const evaluating = ref(false);
-const progressMessage = ref('');
 
 const addConfig = (config: PairlistConfig) => {
   const i = configs.value.findIndex((c) => c.name === config.name);
@@ -49,61 +52,18 @@ const configsSelectOptions = computed(() => {
   return [{ text: 'New config...', value: val }, ...options];
 });
 
-const test = async () => {
-  if (!selectedConfig.value) return;
-
-  const payload = configToPayload();
-
-  evaluating.value = true;
-  whitelist.value = [];
-  const res = await botStore.activeBot.evaluatePairlist(payload);
-  console.log(res);
-  progressMessage.value = res.status;
-  const evalIntervalId = setInterval(async () => {
-    const res = await botStore.activeBot.getPairlistEvalStatus();
-    if (res.status === 'success' && res.result) {
-      whitelist.value = res.result.whitelist;
-      clearInterval(evalIntervalId);
-      evaluating.value = false;
-      progressMessage.value = '';
-    } else if (res.error) {
-      progressMessage.value = res.error;
-      clearInterval(evalIntervalId);
-      evaluating.value = false;
-    }
-  }, 1000);
-};
-
-const convertToParamType = (type: PairlistParamType, value: string) => {
-  if (type === PairlistParamType.number) {
-    return Number(value);
-  } else if (type === PairlistParamType.boolean) {
-    return Boolean(value);
-  } else {
-    return String(value);
+const evalDone = (res: PairlistEvalResponse) => {
+  if (res.result?.whitelist) {
+    whitelist.value = res.result.whitelist;
   }
 };
-
-const configToPayload = () => {
-  const pairlists: PairlistPayloadItem[] = [];
-
-  selectedConfig.value.pairlists.forEach((config) => {
-    const pairlist = {
-      method: config.name,
-    };
-    for (const key in config.params) {
-      const param = config.params[key];
-      if (param.value) {
-        pairlist[key] = convertToParamType(param.type, param.value);
-      }
-    }
-    pairlists.push(pairlist);
-  });
-
-  return {
-    pairlists: pairlists,
-    stake_currency: botStore.activeBot.stakeCurrency,
-    blacklist: [],
-  };
+const evalError = (res: PairlistEvalResponse) => {
+  if (res.error) {
+    showAlert(res.error, 'danger');
+  }
+};
+const evalStarted = (res: StatusResponse) => {
+  whitelist.value = [];
+  showAlert(res.status, 'info');
 };
 </script>

From c3d3ee947e70e47956ec7aeabd8e560d5757c7e4 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 25 May 2023 00:50:38 +0000
Subject: [PATCH 007/122] optionally smoother alert/notification experience

---
 src/components/layout/BodyLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/BodyLayout.vue b/src/components/layout/BodyLayout.vue
index e518e958..4e177f84 100644
--- a/src/components/layout/BodyLayout.vue
+++ b/src/components/layout/BodyLayout.vue
@@ -1,6 +1,6 @@
 <template>
   <main>
-    <BotAlerts />
+    <BotAlerts style="position: absolute; top: 10px; right: 10px; width: 480px; z-index: 100" />
     <router-view />
   </main>
 </template>

From d0e18ce334c8f5f17b45cf8e59faee513a177988 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 26 May 2023 11:12:40 +0000
Subject: [PATCH 008/122] added evaluation results view and some styling

---
 src/components/ftbot/PairlistConfigItem.vue   |  2 +-
 .../ftbot/PairlistConfigResults.vue           | 22 ++++++++
 src/components/ftbot/PairlistConfigurator.vue | 52 +++++++++++++------
 .../general/PairlistConfigParameter.vue       |  8 +--
 src/stores/ftbot.ts                           |  3 +-
 src/views/PairlistConfigView.vue              | 42 ++++++++++-----
 6 files changed, 90 insertions(+), 39 deletions(-)
 create mode 100644 src/components/ftbot/PairlistConfigResults.vue

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index f7477b85..819066da 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -1,7 +1,7 @@
 <template>
   <b-card no-body class="mb-2">
     <template #header>
-      <b-row align-v="center">
+      <b-row align-v="center" class="text-start">
         <b-col>
           <b-row align-v="center">
             <b-col cols="auto"><i-mdi-reorder-horizontal class="handle me-2 fs-4" /></b-col>
diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
new file mode 100644
index 00000000..645ea5a3
--- /dev/null
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -0,0 +1,22 @@
+<template>
+  <b-container fluid>
+    <b-row v-if="whitelist.length > 0">
+      <b-col cols="12" md="3"></b-col>
+      <b-col></b-col>
+      <b-col cols="12" md="3">
+        <pre class="text-start"><code>{{ whitelist }}</code></pre>
+      </b-col>
+    </b-row>
+    <b-row v-else>
+      <b-col>
+        <p>Evaluation returned 0 pairs</p>
+      </b-col>
+    </b-row>
+  </b-container>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  whitelist: string[];
+}>();
+</script>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index a5fcec20..9ae59c3d 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,7 +1,7 @@
 <template>
   <b-container fluid>
     <b-row align-v="stretch">
-      <b-col cols="2">
+      <b-col cols="12" md="3">
         <div ref="availablePairlistsEl" class="available-pairlists">
           <b-row
             v-for="pairlist in availablePairlists"
@@ -17,7 +17,7 @@
                 class="p-0"
                 style="border: none"
                 variant="outline-light"
-                @click="addToConfig(pairlist, config.pairlists.length)"
+                @click="addToConfig(pairlist, selectedConfig.pairlists.length)"
                 ><i-mdi-arrow-right-bold-box class="fs-4"
               /></b-button>
             </b-col>
@@ -35,20 +35,30 @@
           </b-col>
           <b-col cols="auto">
             <b-button @click="save">Save</b-button>
-            <b-button :disabled="evaluating" @click="test">Test</b-button>
           </b-col>
         </b-row>
         <div ref="pairlistConfigsEl" style="height: 100%">
           <PairlistConfigItem
-            v-for="(pairlist, i) in pairlists"
+            v-for="(pairlist, i) in pairlistsComp"
             :key="pairlist.id"
             v-model="config.pairlists[i]"
             :index="i"
             @remove="removeFromConfig"
           />
+          <b-button
+            :disabled="evaluating || config.pairlists.length == 0"
+            variant="primary"
+            size="lg"
+            squared
+            class="mt-2 evaluate"
+            @click="test"
+            >Evaluate</b-button
+          >
         </div>
       </b-col>
-      <b-col cols="3">JSON DUMP</b-col>
+      <b-col cols="12" md="3">
+        <pre class="text-start"><code>{{ configJSON }}</code></pre>
+      </b-col>
     </b-row>
   </b-container>
 </template>
@@ -69,19 +79,19 @@ const emit = defineEmits([
   'error',
 ]);
 const props = defineProps<{
-  config: PairlistConfig;
+  selectedConfig: PairlistConfig;
 }>();
 
 const botStore = useBotStore();
 
 const availablePairlists = ref<Pairlist[]>([]);
-const config = ref<PairlistConfig>(props.config);
+const config = ref<PairlistConfig>(props.selectedConfig);
 const pairlistConfigsEl = ref<HTMLElement | null>(null);
 const availablePairlistsEl = ref<HTMLElement | null>(null);
 const evaluating = ref(false);
 
 // v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
-const pairlists = computed(() =>
+const pairlistsComp = computed(() =>
   config.value.pairlists.map((p) => {
     if (p.id) {
       return p;
@@ -91,6 +101,10 @@ const pairlists = computed(() =>
   }),
 );
 
+const configJSON = computed(() => {
+  return JSON.stringify(configToPayloadItems(), null, 4);
+});
+
 useSortable(availablePairlistsEl, availablePairlists.value, {
   group: {
     name: 'configurator',
@@ -144,7 +158,7 @@ const test = async () => {
   const res = await botStore.activeBot.evaluatePairlist(payload);
   emit('started', res);
   const evalIntervalId = setInterval(async () => {
-    const res = await botStore.activeBot.getPairlistEvalStatus();
+    const res = await botStore.activeBot.getPairlistEvalStatus(evalIntervalId);
     if (res.status === 'success' && res.result) {
       emit('done', res);
       clearInterval(evalIntervalId);
@@ -168,8 +182,16 @@ const convertToParamType = (type: PairlistParamType, value: string) => {
 };
 
 const configToPayload = () => {
-  const pairlists: PairlistPayloadItem[] = [];
+  const pairlists: PairlistPayloadItem[] = configToPayloadItems();
+  return {
+    pairlists: pairlists,
+    stake_currency: botStore.activeBot.stakeCurrency,
+    blacklist: [],
+  };
+};
 
+const configToPayloadItems = () => {
+  const pairlists: PairlistPayloadItem[] = [];
   config.value.pairlists.forEach((config) => {
     const pairlist = {
       method: config.name,
@@ -183,17 +205,13 @@ const configToPayload = () => {
     pairlists.push(pairlist);
   });
 
-  return {
-    pairlists: pairlists,
-    stake_currency: botStore.activeBot.stakeCurrency,
-    blacklist: [],
-  };
+  return pairlists;
 };
 
 watch(
-  () => props.config,
+  () => props.selectedConfig,
   () => {
-    config.value = structuredClone(toRaw(props.config));
+    config.value = structuredClone(toRaw(props.selectedConfig));
   },
 );
 </script>
diff --git a/src/components/general/PairlistConfigParameter.vue b/src/components/general/PairlistConfigParameter.vue
index 15728293..8b315716 100644
--- a/src/components/general/PairlistConfigParameter.vue
+++ b/src/components/general/PairlistConfigParameter.vue
@@ -1,11 +1,5 @@
 <template>
-  <b-form-group
-    label-cols="4"
-    label-cols-lg="6"
-    label-size="md"
-    class="pb-1"
-    :description="param.help"
-  >
+  <b-form-group label-cols="4" label-size="md" class="pb-1 text-start" :description="param.help">
     <b-form-input
       v-if="param.type === PairlistParamType.string || param.type === PairlistParamType.number"
       v-model="paramValue"
diff --git a/src/stores/ftbot.ts b/src/stores/ftbot.ts
index c83c2a8e..f7fb8623 100644
--- a/src/stores/ftbot.ts
+++ b/src/stores/ftbot.ts
@@ -549,13 +549,14 @@ export function createBotSubStore(botId: string, botName: string) {
           return Promise.reject(error);
         }
       },
-      async getPairlistEvalStatus() {
+      async getPairlistEvalStatus(timerIntervalId: number) {
         try {
           const { data } = await api.get<PairlistEvalResponse>('/pairlists/evaluate');
           return Promise.resolve(data);
         } catch (error) {
           console.error(error);
           return Promise.reject(error);
+          clearInterval(timerIntervalId);
         }
       },
       // // Post methods
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index 9ff6e1a3..d0466e61 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -1,18 +1,31 @@
 <template>
   <div>
-    <div>
-      <b-form-select v-model="selectedConfig" :options="configsSelectOptions"></b-form-select>
-      <div>
-        <code v-if="whitelist.length > 0">{{ whitelist }}</code>
-      </div>
-      <PairlistConfigurator
-        :config="selectedConfig"
-        @save-config="addConfig"
-        @started="evalStarted"
-        @error="evalError"
-        @done="evalDone"
-      />
-    </div>
+    <b-button-group class="py-3">
+      <b-button
+        v-model="currentView"
+        :active="currentView === 'configurator'"
+        @click="currentView = 'configurator'"
+        >Configurator</b-button
+      >
+      <b-button
+        v-model="currentView"
+        :disabled="whitelist.length == 0"
+        :active="currentView === 'results'"
+        @click="currentView = 'results'"
+        >Results</b-button
+      >
+    </b-button-group>
+
+    <PairlistConfigurator
+      v-if="currentView == 'configurator'"
+      :selected-config="selectedConfig"
+      @save-config="addConfig"
+      @started="evalStarted"
+      @error="evalError"
+      @done="evalDone"
+    />
+
+    <PairlistConfigResults v-if="currentView == 'results'" :whitelist="whitelist" />
   </div>
 </template>
 
@@ -20,6 +33,7 @@
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { ref, computed } from 'vue';
 import PairlistConfigurator from '@/components/ftbot/PairlistConfigurator.vue';
+import PairlistConfigResults from '@/components/ftbot/PairlistConfigResults.vue';
 import { PairlistConfig, PairlistEvalResponse, StatusResponse } from '@/types';
 import { showAlert } from '@/stores/alerts';
 
@@ -27,6 +41,7 @@ const botStore = useBotStore();
 const configs = ref<PairlistConfig[]>([]);
 const selectedConfig = ref<PairlistConfig>({ name: '', pairlists: [] });
 const whitelist = ref<string[]>([]);
+const currentView = ref<'configurator' | 'results'>('configurator');
 
 const addConfig = (config: PairlistConfig) => {
   const i = configs.value.findIndex((c) => c.name === config.name);
@@ -55,6 +70,7 @@ const configsSelectOptions = computed(() => {
 const evalDone = (res: PairlistEvalResponse) => {
   if (res.result?.whitelist) {
     whitelist.value = res.result.whitelist;
+    currentView.value = 'results';
   }
 };
 const evalError = (res: PairlistEvalResponse) => {

From 10d1089c11d67965787edb0dbb6aa5aaabdb4d95 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 26 May 2023 11:43:15 +0000
Subject: [PATCH 009/122] better json formatting

---
 src/components/ftbot/PairlistConfigurator.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 9ae59c3d..6637389f 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -102,7 +102,7 @@ const pairlistsComp = computed(() =>
 );
 
 const configJSON = computed(() => {
-  return JSON.stringify(configToPayloadItems(), null, 4);
+  return JSON.stringify(configToPayloadItems(), null, 2);
 });
 
 useSortable(availablePairlistsEl, availablePairlists.value, {

From 9b45d22037cc37db935dbba653214f9df02aa045 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 26 May 2023 17:40:07 +0000
Subject: [PATCH 010/122] use icon for removing pairlists

---
 src/components/ftbot/PairlistConfigItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 819066da..a7cf2939 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -13,7 +13,7 @@
           </b-row>
         </b-col>
         <b-col cols="auto">
-          <b-button size="sm" @click="emit('remove', index)">x</b-button>
+          <b-button size="sm" @click="emit('remove', index)"><i-mdi-close></i-mdi-close></b-button>
         </b-col>
       </b-row>
     </template>

From 492aac40af78a1c37a814768f07bb1cd5e32fc33 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 26 May 2023 17:45:03 +0000
Subject: [PATCH 011/122] temporary height fix  for configurator

---
 src/components/ftbot/PairlistConfigurator.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 6637389f..7b192254 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,7 +1,7 @@
 <template>
   <b-container fluid>
     <b-row align-v="stretch">
-      <b-col cols="12" md="3">
+      <b-col cols="12" md="3" style="height: 760px; overflow-y: scroll">
         <div ref="availablePairlistsEl" class="available-pairlists">
           <b-row
             v-for="pairlist in availablePairlists"

From d130ecd16f9b0e9f5392464a6bc17d5ceede8438 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 26 May 2023 17:45:52 +0000
Subject: [PATCH 012/122] filled out results view

---
 .../ftbot/PairlistConfigResults.vue           | 44 ++++++++++++++++---
 src/views/PairlistConfigView.vue              |  2 +-
 2 files changed, 40 insertions(+), 6 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
index 645ea5a3..ee61c15f 100644
--- a/src/components/ftbot/PairlistConfigResults.vue
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -1,10 +1,30 @@
 <template>
   <b-container fluid>
     <b-row v-if="whitelist.length > 0">
-      <b-col cols="12" md="3"></b-col>
-      <b-col></b-col>
-      <b-col cols="12" md="3">
-        <pre class="text-start"><code>{{ whitelist }}</code></pre>
+      <b-col cols="12" md="2">
+        <b-list-group>
+          <b-list-group-item
+            v-for="(pair, i) in whitelist"
+            :key="pair.pair"
+            button
+            class="d-flex justify-content-between align-items-center py-1"
+            :active="pair.pair === botStore.activeBot.selectedPair"
+            :title="pair.pair"
+            @click="botStore.activeBot.selectedPair = pair.pair"
+          >
+            <b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
+            {{ pair.pair }}
+          </b-list-group-item>
+        </b-list-group>
+      </b-col>
+      <b-col>
+        <!-- probably needs changes in backend to work properly -->
+        <CandleChartContainer :available-pairs="inputWhitelist" timeframe="5m" />
+      </b-col>
+      <b-col cols="12" md="2">
+        <pre
+          class="text-start"
+        ><code>{{ whitelist.filter(p => p.enabled === true).map(p => p.pair) }}</code></pre>
       </b-col>
     </b-row>
     <b-row v-else>
@@ -16,7 +36,21 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue';
+import { useBotStore } from '@/stores/ftbotwrapper';
+import CandleChartContainer from '../charts/CandleChartContainer.vue';
+
 const props = defineProps<{
-  whitelist: string[];
+  inputWhitelist: string[];
 }>();
+const botStore = useBotStore();
+
+const whitelist = ref(
+  props.inputWhitelist.map((p) => {
+    return {
+      enabled: true,
+      pair: p,
+    };
+  }),
+);
 </script>
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index d0466e61..8b61b3f0 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -25,7 +25,7 @@
       @done="evalDone"
     />
 
-    <PairlistConfigResults v-if="currentView == 'results'" :whitelist="whitelist" />
+    <PairlistConfigResults v-if="currentView == 'results'" :input-whitelist="whitelist" />
   </div>
 </template>
 

From 1839cc4d4f5e340379eaa52b93116cbee7ca3004 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 26 May 2023 18:14:38 +0000
Subject: [PATCH 013/122] added spinner when evaluating

---
 src/components/ftbot/PairlistConfigurator.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 7b192254..f8557ef3 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -52,8 +52,10 @@
             squared
             class="mt-2 evaluate"
             @click="test"
-            >Evaluate</b-button
           >
+            <b-spinner v-if="evaluating" small></b-spinner>
+            <span>{{ evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
+          </b-button>
         </div>
       </b-col>
       <b-col cols="12" md="3">

From 8a2af48df558610473c908e7c01099bf0ec8ff45 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Sun, 28 May 2023 16:40:57 +0000
Subject: [PATCH 014/122] use already available classes

---
 src/components/ftbot/PairlistConfigurator.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index f8557ef3..54d4db40 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -7,7 +7,7 @@
             v-for="pairlist in availablePairlists"
             :key="pairlist.name"
             align-v="center"
-            class="pairlist"
+            class="pairlist mb-2 py-3 text-start"
           >
             <b-col>
               {{ pairlist.name }}
@@ -220,11 +220,7 @@ watch(
 
 <style lang="scss">
 .pairlist {
-  padding: 1rem 0;
-  width: 100%;
   border: 1px solid white;
-  text-align: left;
-  margin: 5px 0;
 }
 
 .pairlist:hover {

From a869992527d1f70fd14fc6a3d79152fef273e5c8 Mon Sep 17 00:00:00 2001
From: Tako <1001117+Tako88@users.noreply.github.com>
Date: Sun, 28 May 2023 19:41:18 +0300
Subject: [PATCH 015/122] use height class rule instead of style attribute

Co-authored-by: Matthias <xmatthias@outlook.com>
---
 src/components/ftbot/PairlistConfigurator.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 7b192254..bb1805cd 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -37,7 +37,7 @@
             <b-button @click="save">Save</b-button>
           </b-col>
         </b-row>
-        <div ref="pairlistConfigsEl" style="height: 100%">
+        <div ref="pairlistConfigsEl" class="h-100">
           <PairlistConfigItem
             v-for="(pairlist, i) in pairlistsComp"
             :key="pairlist.id"

From cf4fdacd0ec568eed1d7fe9a68ead18570db2b5c Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 17:14:26 +0200
Subject: [PATCH 016/122] Extract pairlist types to separate file

---
 src/stores/ftbot.ts    |  2 +-
 src/types/index.ts     |  3 ++-
 src/types/pairlists.ts | 51 +++++++++++++++++++++++++++++++++++++++++
 src/types/types.ts     | 52 ------------------------------------------
 4 files changed, 54 insertions(+), 54 deletions(-)
 create mode 100644 src/types/pairlists.ts

diff --git a/src/stores/ftbot.ts b/src/stores/ftbot.ts
index f7fb8623..e9c5394f 100644
--- a/src/stores/ftbot.ts
+++ b/src/stores/ftbot.ts
@@ -47,7 +47,7 @@ import {
   PairlistEvalResponse,
   PairlistsPayload,
   PairlistsResponse,
-} from '../types/types';
+} from '../types';
 
 export function createBotSubStore(botId: string, botName: string) {
   const userService = useUserService(botId);
diff --git a/src/types/index.ts b/src/types/index.ts
index e1f8a9e0..d8055dea 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -5,9 +5,10 @@ export * from './blacklist';
 export * from './botComparison';
 export * from './chart';
 export * from './daily';
+export * from './gridLayout';
 export * from './locks';
+export * from './pairlists';
 export * from './plot';
 export * from './profit';
 export * from './trades';
 export * from './types';
-export * from './gridLayout';
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
new file mode 100644
index 00000000..0fa5da6c
--- /dev/null
+++ b/src/types/pairlists.ts
@@ -0,0 +1,51 @@
+export interface PairlistsResponse {
+  pairlists: Pairlist[];
+}
+
+export interface PairlistEvalResponse {
+  error?: string;
+  status: string;
+  result?: {
+    method: string[];
+    whitelist: string[];
+  };
+}
+
+export interface Pairlist {
+  id?: string;
+  is_pairlist_generator: boolean;
+  name: string;
+  params: Record<string, PairlistParameter>;
+}
+
+export interface PairlistConfig {
+  name: string;
+  pairlists: Pairlist[];
+}
+
+export enum PairlistParamType {
+  string = 'string',
+  number = 'number',
+  boolean = 'boolean',
+  option = 'option',
+}
+
+export interface PairlistParameter {
+  description: string;
+  help: string;
+  type: PairlistParamType;
+  value?: string;
+  default: string;
+  options?: string[];
+}
+
+export interface PairlistPayloadItem {
+  method: string;
+  [key: string]: string | number | boolean;
+}
+
+export interface PairlistsPayload {
+  pairlists: PairlistPayloadItem[];
+  blacklist: string[];
+  stake_currency: string;
+}
diff --git a/src/types/types.ts b/src/types/types.ts
index 83390c07..2ac0e7cf 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -273,55 +273,3 @@ export enum LoadingStatus {
   success,
   error,
 }
-
-export interface PairlistsResponse {
-  pairlists: Pairlist[];
-}
-
-export interface PairlistEvalResponse {
-  error?: string;
-  status: string;
-  result?: {
-    method: string[];
-    whitelist: string[];
-  };
-}
-
-export interface Pairlist {
-  id?: string;
-  is_pairlist_generator: boolean;
-  name: string;
-  params: Record<string, PairlistParameter>;
-}
-
-export interface PairlistConfig {
-  name: string;
-  pairlists: Pairlist[];
-}
-
-export enum PairlistParamType {
-  string = 'string',
-  number = 'number',
-  boolean = 'boolean',
-  option = 'option',
-}
-
-export interface PairlistParameter {
-  description: string;
-  help: string;
-  type: PairlistParamType;
-  value?: string;
-  default: string;
-  options?: string[];
-}
-
-export interface PairlistPayloadItem {
-  method: string;
-  [key: string]: string | number | boolean;
-}
-
-export interface PairlistsPayload {
-  pairlists: PairlistPayloadItem[];
-  blacklist: string[];
-  stake_currency: string;
-}

From 2a033370fbdf924ccb241b4277a0e84ac1cce0a9 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 24 May 2023 06:36:33 +0200
Subject: [PATCH 017/122] don't require open trades in cumprofitchart

---
 src/components/charts/CumProfitChart.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index 4a60d869..22f4da23 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -50,7 +50,7 @@ const CHART_PROFIT = 'Profit';
 
 const props = defineProps({
   trades: { required: true, type: Array as () => ClosedTrade[] },
-  openTrades: { required: true, type: Array as () => Trade[] },
+  openTrades: { required: false, type: Array as () => Trade[], default: () => [] },
   showTitle: { default: true, type: Boolean },
   profitColumn: { default: 'profit_abs', type: String },
 });

From 194ed2b58f42e4bee6b6da85ce453a15c4caacfa Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 04:54:46 +0000
Subject: [PATCH 018/122] build(deps-dev): bump eslint-plugin-vue from 9.13.0
 to 9.14.0

Bumps [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) from 9.13.0 to 9.14.0.
- [Release notes](https://github.com/vuejs/eslint-plugin-vue/releases)
- [Commits](https://github.com/vuejs/eslint-plugin-vue/compare/v9.13.0...v9.14.0)

---
updated-dependencies:
- dependency-name: eslint-plugin-vue
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 8a7c25b6..103ad470 100644
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
     "cypress": "^12.12.0",
     "eslint": "^8.40.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.13.0",
+    "eslint-plugin-vue": "^9.14.0",
     "mutationobserver-shim": "^0.3.7",
     "portal-vue": "^3.0.0",
     "prettier": "^2.8.8",
diff --git a/yarn.lock b/yarn.lock
index 04082066..43e937ec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1711,10 +1711,10 @@ eslint-plugin-prettier@^4.0.0, eslint-plugin-prettier@^4.2.1:
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-vue@^9.13.0:
-  version "9.13.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.13.0.tgz#adb21448e65a7c1502af66103ff5f215632c5319"
-  integrity sha512-aBz9A8WB4wmpnVv0pYUt86cmH9EkcwWzgEwecBxMoRNhQjTL5i4sqadnwShv/hOdr8Hbl8XANGV7dtX9UQIAyA==
+eslint-plugin-vue@^9.14.0:
+  version "9.14.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.14.0.tgz#73004a62d794e276a60d471114d81ed8887efcb8"
+  integrity sha512-4O7EuiqPGVQA1wYCzLvCzsBTv9JIPHLHhrf0k55DLzbwtmJbSw2TKS0G/l7pOwi9RWMSkjIT7ftChU5gZpgnJw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.3.0"
     natural-compare "^1.4.0"

From 903f035bda6228481649c8ffd9e7daa21d44f582 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 04:54:25 +0000
Subject: [PATCH 019/122] build(deps): bump pinia from 2.0.36 to 2.1.3

Bumps [pinia](https://github.com/vuejs/pinia) from 2.0.36 to 2.1.3.
- [Release notes](https://github.com/vuejs/pinia/releases)
- [Commits](https://github.com/vuejs/pinia/compare/pinia@2.0.36...pinia@2.1.3)

---
updated-dependencies:
- dependency-name: pinia
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 103ad470..f10594b4 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
     "echarts": "^5.4.2",
     "favico.js": "^0.3.10",
     "humanize-duration": "^3.28.0",
-    "pinia": "^2.0.36",
+    "pinia": "^2.1.3",
     "pinia-plugin-persistedstate": "^3.1.0",
     "sortablejs": "^1.15.0",
     "vue": "^3.3.2",
diff --git a/yarn.lock b/yarn.lock
index 43e937ec..274921e1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2846,13 +2846,13 @@ pinia-plugin-persistedstate@^3.1.0:
   resolved "https://registry.yarnpkg.com/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-3.1.0.tgz#eada2b61ecd478fce88e490a685210415cd7a1b4"
   integrity sha512-8UN+vYMEPBdgNLwceY08mi5olI0wkYaEb8b6hD6xW7SnBRuPydWHlEhZvUWgNb/ibuf4PvufpvtS+dmhYjJQOw==
 
-pinia@^2.0.36:
-  version "2.0.36"
-  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.0.36.tgz#65130f3b94cc7fe25156308634010fab893dff24"
-  integrity sha512-4UKApwjlmJH+VuHKgA+zQMddcCb3ezYnyewQ9NVrsDqZ/j9dMv5+rh+1r48whKNdpFkZAWVxhBp5ewYaYX9JcQ==
+pinia@^2.1.3:
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/pinia/-/pinia-2.1.3.tgz#50c70c7b4c94c109fade0ed4122231cbba72f8c5"
+  integrity sha512-XNA/z/ye4P5rU1pieVmh0g/hSuDO98/a5UC8oSP0DNdvt6YtetJNHTrXwpwsQuflkGT34qKxAEcp7lSxXNjf/A==
   dependencies:
     "@vue/devtools-api" "^6.5.0"
-    vue-demi "*"
+    vue-demi ">=0.14.5"
 
 pkg-types@^1.0.2:
   version "1.0.2"
@@ -3493,10 +3493,10 @@ vue-class-component@^7.2.5:
   resolved "https://registry.yarnpkg.com/vue-class-component/-/vue-class-component-7.2.6.tgz#8471e037b8e4762f5a464686e19e5afc708502e4"
   integrity sha512-+eaQXVrAm/LldalI272PpDe3+i4mPis0ORiMYxF6Ae4hyuCh15W8Idet7wPUEs4N4YptgFHGys4UrgNQOMyO6w==
 
-vue-demi@*, vue-demi@>=0.14.0, vue-demi@^0.14.1:
-  version "0.14.1"
-  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.1.tgz#1ed9af03a27642762bfed83d8750805302d0398d"
-  integrity sha512-rt+yuCtXvscYot9SQQj3WKZJVSriPNqVkpVBNEHPzSgBv7QIYzsS410VqVgvx8f9AAPgjg+XPKvmV3vOqqkJQQ==
+vue-demi@>=0.14.0, vue-demi@>=0.14.5, vue-demi@^0.14.1:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.5.tgz#676d0463d1a1266d5ab5cba932e043d8f5f2fbd9"
+  integrity sha512-o9NUVpl/YlsGJ7t+xuqJKx8EBGf1quRhCiT6D/J0pfwmk9zUwYkC7yrF4SZCe6fETvSM3UNL2edcbYrSyc4QHA==
 
 vue-demi@^0.13.11, vue-demi@^0.13.2:
   version "0.13.11"

From 0cf72c7a55984e361fdea8e3494841b57d189fe0 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 04:54:31 +0000
Subject: [PATCH 020/122] build(deps-dev): bump cypress from 12.12.0 to 12.13.0

Bumps [cypress](https://github.com/cypress-io/cypress) from 12.12.0 to 12.13.0.
- [Release notes](https://github.com/cypress-io/cypress/releases)
- [Changelog](https://github.com/cypress-io/cypress/blob/develop/CHANGELOG.md)
- [Commits](https://github.com/cypress-io/cypress/compare/v12.12.0...v12.13.0)

---
updated-dependencies:
- dependency-name: cypress
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index f10594b4..ba171599 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "@vue/eslint-config-typescript": "^11.0.3",
     "@vue/runtime-dom": "^3.3.2",
     "@vue/test-utils": "^2.3.2",
-    "cypress": "^12.12.0",
+    "cypress": "^12.13.0",
     "eslint": "^8.40.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.14.0",
diff --git a/yarn.lock b/yarn.lock
index 274921e1..d5e04eb9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1440,10 +1440,10 @@ csstype@^3.1.1:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
 
-cypress@^12.12.0:
-  version "12.12.0"
-  resolved "https://registry.yarnpkg.com/cypress/-/cypress-12.12.0.tgz#0da622a34c970d8699ca6562d8e905ed7ce33c77"
-  integrity sha512-UU5wFQ7SMVCR/hyKok/KmzG6fpZgBHHfrXcHzDmPHWrT+UUetxFzQgt7cxCszlwfozckzwkd22dxMwl/vNkWRw==
+cypress@^12.13.0:
+  version "12.13.0"
+  resolved "https://registry.yarnpkg.com/cypress/-/cypress-12.13.0.tgz#725b6617ea19e41e5c59cc509fc3e08097142b01"
+  integrity sha512-QJlSmdPk+53Zhy69woJMySZQJoWfEWun3X5OOenGsXjRPVfByVTHorxNehbzhZrEzH9RDUDqVcck0ahtlS+N/Q==
   dependencies:
     "@cypress/request" "^2.88.10"
     "@cypress/xvfb" "^1.2.4"

From f28601302c61b767ef0bf78a513fc8fec1938319 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 04:54:37 +0000
Subject: [PATCH 021/122] build(deps): bump vue-router from 4.2.0 to 4.2.1

Bumps [vue-router](https://github.com/vuejs/router) from 4.2.0 to 4.2.1.
- [Release notes](https://github.com/vuejs/router/releases)
- [Commits](https://github.com/vuejs/router/compare/v4.2.0...v4.2.1)

---
updated-dependencies:
- dependency-name: vue-router
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index ba171599..c2850f69 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "vue-class-component": "^7.2.5",
     "vue-demi": "^0.14.1",
     "vue-echarts": "^6.5.5",
-    "vue-router": "^4.2.0",
+    "vue-router": "^4.2.1",
     "vue-select": "^4.0.0-beta.6",
     "vue3-drr-grid-layout": "^1.9.7"
   },
diff --git a/yarn.lock b/yarn.lock
index d5e04eb9..97fa286a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3524,10 +3524,10 @@ vue-eslint-parser@^9.1.1, vue-eslint-parser@^9.3.0:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-router@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.2.0.tgz#558f31978a21ce3accf5122ffdf2cec34a5d2517"
-  integrity sha512-c+usESa6ZoWsm4PPdzRSyenp5A4dsUtnDJnrI03fY1IpIihA9TK3x5ffgkFDpjhLJZewsXoKURapNLFdZjuqTg==
+vue-router@^4.2.1:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.2.1.tgz#f8ab85c89e74682cad71519480fdf2b855e8c9e0"
+  integrity sha512-nW28EeifEp8Abc5AfmAShy5ZKGsGzjcnZ3L1yc2DYUo+MqbBClrRP9yda3dIekM4I50/KnEwo1wkBLf7kHH5Cw==
   dependencies:
     "@vue/devtools-api" "^6.5.0"
 

From 49a15af8f1ee8cb84a79ae1e9aec1feae9704eca Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:00:39 +0000
Subject: [PATCH 022/122] build(deps-dev): bump eslint from 8.40.0 to 8.41.0

Bumps [eslint](https://github.com/eslint/eslint) from 8.40.0 to 8.41.0.
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/eslint/eslint/compare/v8.40.0...v8.41.0)

---
updated-dependencies:
- dependency-name: eslint
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  2 +-
 yarn.lock    | 31 +++++++++++++++----------------
 2 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index c2850f69..7fdf8894 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "@vue/runtime-dom": "^3.3.2",
     "@vue/test-utils": "^2.3.2",
     "cypress": "^12.13.0",
-    "eslint": "^8.40.0",
+    "eslint": "^8.41.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.14.0",
     "mutationobserver-shim": "^0.3.7",
diff --git a/yarn.lock b/yarn.lock
index 97fa286a..94e98052 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -211,10 +211,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.40.0":
-  version "8.40.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.40.0.tgz#3ba73359e11f5a7bd3e407f70b3528abfae69cec"
-  integrity sha512-ElyB54bJIhXQYVKjDSvCkPO1iU1tSAeVQJbllWJq1XQSmmA4dgFk8CbiBGpiOPxleE48vDogxCtmMYku4HSVLA==
+"@eslint/js@8.41.0":
+  version "8.41.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.41.0.tgz#080321c3b68253522f7646b55b577dd99d2950b3"
+  integrity sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==
 
 "@floating-ui/core@^1.2.6":
   version "1.2.6"
@@ -1745,15 +1745,15 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz#c22c48f48942d08ca824cc526211ae400478a994"
   integrity sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==
 
-eslint@^8.40.0:
-  version "8.40.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.40.0.tgz#a564cd0099f38542c4e9a2f630fa45bf33bc42a4"
-  integrity sha512-bvR+TsP9EHL3TqNtj9sCNJVAFK3fBN8Q7g5waghxyRsPLIMwL73XSKnZFK0hk/O2ANC+iAoq6PWMQ+IfBAJIiQ==
+eslint@^8.41.0:
+  version "8.41.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.41.0.tgz#3062ca73363b4714b16dbc1e60f035e6134b6f1c"
+  integrity sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.4.0"
     "@eslint/eslintrc" "^2.0.3"
-    "@eslint/js" "8.40.0"
+    "@eslint/js" "8.41.0"
     "@humanwhocodes/config-array" "^0.11.8"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
@@ -1773,13 +1773,12 @@ eslint@^8.40.0:
     find-up "^5.0.0"
     glob-parent "^6.0.2"
     globals "^13.19.0"
-    grapheme-splitter "^1.0.4"
+    graphemer "^1.4.0"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
     is-glob "^4.0.0"
     is-path-inside "^3.0.3"
-    js-sdsl "^4.1.4"
     js-yaml "^4.1.0"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.4.1"
@@ -2170,6 +2169,11 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
+graphemer@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+  integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
@@ -2358,11 +2362,6 @@ js-beautify@1.14.6:
     glob "^8.0.3"
     nopt "^6.0.0"
 
-js-sdsl@^4.1.4:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.4.0.tgz#8b437dbe642daa95760400b602378ed8ffea8430"
-  integrity sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==
-
 js-string-escape@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/js-string-escape/-/js-string-escape-1.0.1.tgz#e2625badbc0d67c7533e9edc1068c587ae4137ef"

From 08e1b09f9c270f8af72a7eb859667aeafe518eef Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:01:17 +0000
Subject: [PATCH 023/122] build(deps-dev): bump
 @typescript-eslint/eslint-plugin

Bumps [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) from 5.59.6 to 5.59.7.
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v5.59.7/packages/eslint-plugin)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/eslint-plugin"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  2 +-
 yarn.lock    | 74 ++++++++++++++++++++++++++++++++++++++--------------
 2 files changed, 55 insertions(+), 21 deletions(-)

diff --git a/package.json b/package.json
index 7fdf8894..02edd875 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
     "@cypress/vue": "^5.0.5",
     "@iconify-json/mdi": "^1.1.52",
     "@types/echarts": "^4.9.17",
-    "@typescript-eslint/eslint-plugin": "^5.59.6",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.6",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/compiler-sfc": "3.3.2",
diff --git a/yarn.lock b/yarn.lock
index 94e98052..c5557978 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -511,15 +511,15 @@
   resolved "https://registry.yarnpkg.com/@types/zrender/-/zrender-4.0.1.tgz#6280c40207927ce086be24b4391d668cd330e956"
   integrity sha512-IyTRf30jPOXK1+1RChI/78U6aV9hyWYf/vhL96Vt66oDz9es/BDjeKpvbNZSOHVA7zAReOwJcmdZS5AGAqhygw==
 
-"@typescript-eslint/eslint-plugin@^5.59.1", "@typescript-eslint/eslint-plugin@^5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.6.tgz#a350faef1baa1e961698240f922d8de1761a9e2b"
-  integrity sha512-sXtOgJNEuRU5RLwPUb1jxtToZbgvq3M6FPpY4QENxoOggK+UpTxUBpj6tD8+Qh2g46Pi9We87E+eHnUw8YcGsw==
+"@typescript-eslint/eslint-plugin@^5.59.1", "@typescript-eslint/eslint-plugin@^5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.59.7.tgz#e470af414f05ecfdc05a23e9ce6ec8f91db56fe2"
+  integrity sha512-BL+jYxUFIbuYwy+4fF86k5vdT9lT0CNJ6HtwrIvGh0PhH8s0yy5rjaKH2fDCrz5ITHy07WCzVGNvAmjJh4IJFA==
   dependencies:
     "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.59.6"
-    "@typescript-eslint/type-utils" "5.59.6"
-    "@typescript-eslint/utils" "5.59.6"
+    "@typescript-eslint/scope-manager" "5.59.7"
+    "@typescript-eslint/type-utils" "5.59.7"
+    "@typescript-eslint/utils" "5.59.7"
     debug "^4.3.4"
     grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
@@ -545,13 +545,21 @@
     "@typescript-eslint/types" "5.59.6"
     "@typescript-eslint/visitor-keys" "5.59.6"
 
-"@typescript-eslint/type-utils@5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.59.6.tgz#37c51d2ae36127d8b81f32a0a4d2efae19277c48"
-  integrity sha512-A4tms2Mp5yNvLDlySF+kAThV9VTBPCvGf0Rp8nl/eoDX9Okun8byTKoj3fJ52IJitjWOk0fKPNQhXEB++eNozQ==
+"@typescript-eslint/scope-manager@5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.7.tgz#0243f41f9066f3339d2f06d7f72d6c16a16769e2"
+  integrity sha512-FL6hkYWK9zBGdxT2wWEd2W8ocXMu3K94i3gvMrjXpx+koFYdYV7KprKfirpgY34vTGzEPPuKoERpP8kD5h7vZQ==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.59.6"
-    "@typescript-eslint/utils" "5.59.6"
+    "@typescript-eslint/types" "5.59.7"
+    "@typescript-eslint/visitor-keys" "5.59.7"
+
+"@typescript-eslint/type-utils@5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.59.7.tgz#89c97291371b59eb18a68039857c829776f1426d"
+  integrity sha512-ozuz/GILuYG7osdY5O5yg0QxXUAEoI4Go3Do5xeu+ERH9PorHBPSdvD3Tjp2NN2bNLh1NJQSsQu2TPu/Ly+HaQ==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "5.59.7"
+    "@typescript-eslint/utils" "5.59.7"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
@@ -560,6 +568,11 @@
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.6.tgz#5a6557a772af044afe890d77c6a07e8c23c2460b"
   integrity sha512-tH5lBXZI7T2MOUgOWFdVNUILsI02shyQvfzG9EJkoONWugCG77NDDa1EeDGw7oJ5IvsTAAGVV8I3Tk2PNu9QfA==
 
+"@typescript-eslint/types@5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.7.tgz#6f4857203fceee91d0034ccc30512d2939000742"
+  integrity sha512-UnVS2MRRg6p7xOSATscWkKjlf/NDKuqo5TdbWck6rIRZbmKpVNTLALzNvcjIfHBE7736kZOFc/4Z3VcZwuOM/A==
+
 "@typescript-eslint/typescript-estree@5.59.6":
   version "5.59.6"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.6.tgz#2fb80522687bd3825504925ea7e1b8de7bb6251b"
@@ -573,17 +586,30 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.59.6.tgz#82960fe23788113fc3b1f9d4663d6773b7907839"
-  integrity sha512-vzaaD6EXbTS29cVH0JjXBdzMt6VBlv+hE31XktDRMX1j3462wZCJa7VzO2AxXEXcIl8GQqZPcOPuW/Z1tZVogg==
+"@typescript-eslint/typescript-estree@5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.7.tgz#b887acbd4b58e654829c94860dbff4ac55c5cff8"
+  integrity sha512-4A1NtZ1I3wMN2UGDkU9HMBL+TIQfbrh4uS0WDMMpf3xMRursDbqEf1ahh6vAAe3mObt8k3ZATnezwG4pdtWuUQ==
+  dependencies:
+    "@typescript-eslint/types" "5.59.7"
+    "@typescript-eslint/visitor-keys" "5.59.7"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.3.7"
+    tsutils "^3.21.0"
+
+"@typescript-eslint/utils@5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.59.7.tgz#7adf068b136deae54abd9a66ba5a8780d2d0f898"
+  integrity sha512-yCX9WpdQKaLufz5luG4aJbOpdXf/fjwGMcLFXZVPUz3QqLirG5QcwwnIHNf8cjLjxK4qtzTO8udUtMQSAToQnQ==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@types/json-schema" "^7.0.9"
     "@types/semver" "^7.3.12"
-    "@typescript-eslint/scope-manager" "5.59.6"
-    "@typescript-eslint/types" "5.59.6"
-    "@typescript-eslint/typescript-estree" "5.59.6"
+    "@typescript-eslint/scope-manager" "5.59.7"
+    "@typescript-eslint/types" "5.59.7"
+    "@typescript-eslint/typescript-estree" "5.59.7"
     eslint-scope "^5.1.1"
     semver "^7.3.7"
 
@@ -595,6 +621,14 @@
     "@typescript-eslint/types" "5.59.6"
     eslint-visitor-keys "^3.3.0"
 
+"@typescript-eslint/visitor-keys@5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.7.tgz#09c36eaf268086b4fbb5eb9dc5199391b6485fc5"
+  integrity sha512-tyN+X2jvMslUszIiYbF0ZleP+RqQsFVpGrKI6e0Eet1w8WmhsAtmzaqm8oM8WJQ1ysLwhnsK/4hYHJjOgJVfQQ==
+  dependencies:
+    "@typescript-eslint/types" "5.59.7"
+    eslint-visitor-keys "^3.3.0"
+
 "@vitejs/plugin-vue@^4.2.3":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz#ee0b6dfcc62fe65364e6395bf38fa2ba10bb44b6"

From e16e05fc94697cbc3bff809bafd9eb52cd9e7cfa Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:06:24 +0000
Subject: [PATCH 024/122] build(deps-dev): bump @vue/runtime-dom from 3.3.2 to
 3.3.4

Bumps [@vue/runtime-dom](https://github.com/vuejs/core/tree/HEAD/packages/runtime-dom) from 3.3.2 to 3.3.4.
- [Release notes](https://github.com/vuejs/core/releases)
- [Changelog](https://github.com/vuejs/core/blob/main/CHANGELOG.md)
- [Commits](https://github.com/vuejs/core/commits/v3.3.4/packages/runtime-dom)

---
updated-dependencies:
- dependency-name: "@vue/runtime-dom"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  2 +-
 yarn.lock    | 33 +++++++++++++++++++++++++++++++--
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 02edd875..ceb173ca 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
     "@vue/compiler-sfc": "3.3.2",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/runtime-dom": "^3.3.2",
+    "@vue/runtime-dom": "^3.3.4",
     "@vue/test-utils": "^2.3.2",
     "cypress": "^12.13.0",
     "eslint": "^8.41.0",
diff --git a/yarn.lock b/yarn.lock
index c5557978..6085daaa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -890,6 +890,13 @@
   dependencies:
     "@vue/shared" "3.3.2"
 
+"@vue/reactivity@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.3.4.tgz#a27a29c6cd17faba5a0e99fbb86ee951653e2253"
+  integrity sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==
+  dependencies:
+    "@vue/shared" "3.3.4"
+
 "@vue/runtime-core@3.2.41":
   version "3.2.41"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.41.tgz#775bfc00b3fadbaddab77138f23322aee3517a76"
@@ -906,6 +913,14 @@
     "@vue/reactivity" "3.3.2"
     "@vue/shared" "3.3.2"
 
+"@vue/runtime-core@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.3.4.tgz#4bb33872bbb583721b340f3088888394195967d1"
+  integrity sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==
+  dependencies:
+    "@vue/reactivity" "3.3.4"
+    "@vue/shared" "3.3.4"
+
 "@vue/runtime-dom@3.2.41":
   version "3.2.41"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.2.41.tgz#cdf86be7410f7b15c29632a96ce879e5b4c9ab92"
@@ -915,7 +930,7 @@
     "@vue/shared" "3.2.41"
     csstype "^2.6.8"
 
-"@vue/runtime-dom@3.3.2", "@vue/runtime-dom@^3.3.2":
+"@vue/runtime-dom@3.3.2":
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.3.2.tgz#b0bf7ce3fa9c181049ce783a0e13480a4f350c4b"
   integrity sha512-+drStsJT+0mtgHdarT7cXZReCcTFfm6ptxMrz0kAW5hms6UNBd8Q1pi4JKlncAhu+Ld/TevsSp7pqAZxBBoGng==
@@ -924,6 +939,15 @@
     "@vue/shared" "3.3.2"
     csstype "^3.1.1"
 
+"@vue/runtime-dom@^3.3.4":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.3.4.tgz#992f2579d0ed6ce961f47bbe9bfe4b6791251566"
+  integrity sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==
+  dependencies:
+    "@vue/runtime-core" "3.3.4"
+    "@vue/shared" "3.3.4"
+    csstype "^3.1.1"
+
 "@vue/server-renderer@3.2.41":
   version "3.2.41"
   resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.2.41.tgz#ca64552c05878f94e8d191ac439141c06c0fb2ad"
@@ -958,11 +982,16 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.47.tgz#e597ef75086c6e896ff5478a6bfc0a7aa4bbd14c"
   integrity sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==
 
-"@vue/shared@3.3.2", "@vue/shared@^3.3.0":
+"@vue/shared@3.3.2":
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.3.2.tgz#774cd9b4635ce801b70a3fc3713779a5ef5d77c3"
   integrity sha512-0rFu3h8JbclbnvvKrs7Fe5FNGV9/5X2rPD7KmOzhLSUAiQH5//Hq437Gv0fR5Mev3u/nbtvmLl8XgwCU20/ZfQ==
 
+"@vue/shared@3.3.4", "@vue/shared@^3.3.0":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.3.4.tgz#06e83c5027f464eef861c329be81454bc8b70780"
+  integrity sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==
+
 "@vue/test-utils@^2.3.2":
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.3.2.tgz#b47ce6d7be7bf9700e0bb4322410e4cd8724d277"

From 117b90a46dffcaa81c3d8d66516cb03c5277c5d2 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:01:42 +0000
Subject: [PATCH 025/122] build(deps): bump @vuepic/vue-datepicker from 5.1.1
 to 5.1.2

Bumps [@vuepic/vue-datepicker](https://github.com/Vuepic/vue-datepicker) from 5.1.1 to 5.1.2.
- [Release notes](https://github.com/Vuepic/vue-datepicker/releases)
- [Commits](https://github.com/Vuepic/vue-datepicker/compare/v5.1.1...v5.1.2)

---
updated-dependencies:
- dependency-name: "@vuepic/vue-datepicker"
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index ceb173ca..2233ef1f 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.7",
-    "@vuepic/vue-datepicker": "^5.1.1",
+    "@vuepic/vue-datepicker": "^5.1.2",
     "@vueuse/core": "^10.1.2",
     "@vueuse/integrations": "^10.1.2",
     "axios": "^1.4.0",
diff --git a/yarn.lock b/yarn.lock
index 6085daaa..ed2e3e21 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1002,10 +1002,10 @@
     "@vue/compiler-dom" "^3.0.1"
     "@vue/server-renderer" "^3.0.1"
 
-"@vuepic/vue-datepicker@^5.1.1":
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/@vuepic/vue-datepicker/-/vue-datepicker-5.1.1.tgz#0311d88c6ec0f70e321bb19d4889de40545ce8f1"
-  integrity sha512-4z2M61JJOJIvmxaFjV1iMZDTBPZI68sLr0mkZ4/XlnGpAaIDK5M5wrqT7iOsPA6hS/b16tLFvkBBSJJD5NfIfg==
+"@vuepic/vue-datepicker@^5.1.2":
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/@vuepic/vue-datepicker/-/vue-datepicker-5.1.2.tgz#f240150b7cecd8ef8549ae2a63ec389683f6e50f"
+  integrity sha512-1SFDntlbH9Ct4f7CRrXbIIq7xsKs584T1ZqZdaeS3REdnaK45+Kob2dJtY7zjyFjeXs8EVpch8YrJKMpmtJ2rw==
   dependencies:
     date-fns "^2.30.0"
     date-fns-tz "^1.3.7"

From e7983857010f5a46c21eb308de81ace03d872025 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:29:18 +0000
Subject: [PATCH 026/122] build(deps-dev): bump vite from 4.3.7 to 4.3.8

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 4.3.7 to 4.3.8.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v4.3.8/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 2233ef1f..619e7152 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
     "typescript": "~5.0.4",
     "unplugin-icons": "^0.16.1",
     "unplugin-vue-components": "^0.24.1",
-    "vite": "^4.3.7",
+    "vite": "^4.3.8",
     "vitest": "^0.31.0",
     "vue-tsc": "^1.6.5"
   }
diff --git a/yarn.lock b/yarn.lock
index ed2e3e21..32834c54 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3508,10 +3508,10 @@ vite-node@0.31.0:
     picocolors "^1.0.0"
     vite "^3.0.0 || ^4.0.0"
 
-"vite@^3.0.0 || ^4.0.0", vite@^4.3.7:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.7.tgz#04f98ab0f4689490545b2f6fa0515e95072bb298"
-  integrity sha512-MTIFpbIm9v7Hh5b0wSBgkcWzSBz7SAa6K/cBTwS4kUiQJfQLFlZZRJRQgqunCVzhTPCk674tW+0Qaqh3Q00dBg==
+"vite@^3.0.0 || ^4.0.0", vite@^4.3.8:
+  version "4.3.8"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.8.tgz#70cd6a294ab52d7fb8f37f5bc63d117dd19e9918"
+  integrity sha512-uYB8PwN7hbMrf4j1xzGDk/lqjsZvCDbt/JC5dyfxc19Pg8kRm14LinK/uq+HSLNswZEoKmweGdtpbnxRtrAXiQ==
   dependencies:
     esbuild "^0.17.5"
     postcss "^8.4.23"

From 4e77324d924bde67689f8ad9ae578a68c2c3419b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:28:41 +0000
Subject: [PATCH 027/122] build(deps-dev): bump @vue/compiler-sfc from 3.3.2 to
 3.3.4

Bumps [@vue/compiler-sfc](https://github.com/vuejs/core/tree/HEAD/packages/compiler-sfc) from 3.3.2 to 3.3.4.
- [Release notes](https://github.com/vuejs/core/releases)
- [Changelog](https://github.com/vuejs/core/blob/main/CHANGELOG.md)
- [Commits](https://github.com/vuejs/core/commits/v3.3.4/packages/compiler-sfc)

---
updated-dependencies:
- dependency-name: "@vue/compiler-sfc"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  2 +-
 yarn.lock    | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 56 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 619e7152..e9d8e070 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "@typescript-eslint/eslint-plugin": "^5.59.7",
     "@typescript-eslint/parser": "^5.59.6",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/compiler-sfc": "3.3.2",
+    "@vue/compiler-sfc": "3.3.4",
     "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^11.0.3",
     "@vue/runtime-dom": "^3.3.4",
diff --git a/yarn.lock b/yarn.lock
index 32834c54..fd878023 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -752,6 +752,16 @@
     estree-walker "^2.0.2"
     source-map-js "^1.0.2"
 
+"@vue/compiler-core@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.3.4.tgz#7fbf591c1c19e1acd28ffd284526e98b4f581128"
+  integrity sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==
+  dependencies:
+    "@babel/parser" "^7.21.3"
+    "@vue/shared" "3.3.4"
+    estree-walker "^2.0.2"
+    source-map-js "^1.0.2"
+
 "@vue/compiler-dom@3.2.41":
   version "3.2.41"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.41.tgz#dc63dcd3ce8ca8a8721f14009d498a7a54380299"
@@ -768,7 +778,7 @@
     "@vue/compiler-core" "3.2.47"
     "@vue/shared" "3.2.47"
 
-"@vue/compiler-dom@3.3.2", "@vue/compiler-dom@^3.0.1", "@vue/compiler-dom@^3.3.0":
+"@vue/compiler-dom@3.3.2":
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.3.2.tgz#2012ef4879375a4ca4ee68012a9256398b848af2"
   integrity sha512-6gS3auANuKXLw0XH6QxkWqyPYPunziS2xb6VRenM3JY7gVfZcJvkCBHkb5RuNY1FCbBO3lkIi0CdXUCW1c7SXw==
@@ -776,6 +786,14 @@
     "@vue/compiler-core" "3.3.2"
     "@vue/shared" "3.3.2"
 
+"@vue/compiler-dom@3.3.4", "@vue/compiler-dom@^3.0.1", "@vue/compiler-dom@^3.3.0":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.3.4.tgz#f56e09b5f4d7dc350f981784de9713d823341151"
+  integrity sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==
+  dependencies:
+    "@vue/compiler-core" "3.3.4"
+    "@vue/shared" "3.3.4"
+
 "@vue/compiler-sfc@3.2.41":
   version "3.2.41"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.41.tgz#238fb8c48318408c856748f4116aff8cc1dc2a73"
@@ -792,7 +810,7 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-sfc@3.3.2", "@vue/compiler-sfc@^3.3.0":
+"@vue/compiler-sfc@3.3.2":
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.3.2.tgz#d6467acba8446655bcee7e751441232e5ddebcbf"
   integrity sha512-jG4jQy28H4BqzEKsQqqW65BZgmo3vzdLHTBjF+35RwtDdlFE+Fk1VWJYUnDMMqkFBo6Ye1ltSKVOMPgkzYj7SQ==
@@ -808,6 +826,22 @@
     postcss "^8.1.10"
     source-map-js "^1.0.2"
 
+"@vue/compiler-sfc@3.3.4", "@vue/compiler-sfc@^3.3.0":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.3.4.tgz#b19d942c71938893535b46226d602720593001df"
+  integrity sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==
+  dependencies:
+    "@babel/parser" "^7.20.15"
+    "@vue/compiler-core" "3.3.4"
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/compiler-ssr" "3.3.4"
+    "@vue/reactivity-transform" "3.3.4"
+    "@vue/shared" "3.3.4"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.0"
+    postcss "^8.1.10"
+    source-map-js "^1.0.2"
+
 "@vue/compiler-ssr@3.2.41":
   version "3.2.41"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.41.tgz#344f564d68584b33367731c04ffc949784611fcb"
@@ -832,6 +866,14 @@
     "@vue/compiler-dom" "3.3.2"
     "@vue/shared" "3.3.2"
 
+"@vue/compiler-ssr@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.3.4.tgz#9d1379abffa4f2b0cd844174ceec4a9721138777"
+  integrity sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==
+  dependencies:
+    "@vue/compiler-dom" "3.3.4"
+    "@vue/shared" "3.3.4"
+
 "@vue/devtools-api@^6.5.0":
   version "6.5.0"
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.5.0.tgz#98b99425edee70b4c992692628fa1ea2c1e57d07"
@@ -876,6 +918,17 @@
     estree-walker "^2.0.2"
     magic-string "^0.30.0"
 
+"@vue/reactivity-transform@3.3.4":
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.3.4.tgz#52908476e34d6a65c6c21cd2722d41ed8ae51929"
+  integrity sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==
+  dependencies:
+    "@babel/parser" "^7.20.15"
+    "@vue/compiler-core" "3.3.4"
+    "@vue/shared" "3.3.4"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.0"
+
 "@vue/reactivity@3.2.41":
   version "3.2.41"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.41.tgz#0ad3bdf76d76822da1502dc9f394dafd02642963"

From ca16e202b4d20550dd42ec29d4f65d4f4f1c1599 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:24:56 +0000
Subject: [PATCH 028/122] build(deps-dev): bump @typescript-eslint/parser from
 5.59.6 to 5.59.7

Bumps [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) from 5.59.6 to 5.59.7.
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v5.59.7/packages/parser)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/parser"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  2 +-
 yarn.lock    | 48 +++++++-----------------------------------------
 2 files changed, 8 insertions(+), 42 deletions(-)

diff --git a/package.json b/package.json
index e9d8e070..50fa2eed 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
     "@iconify-json/mdi": "^1.1.52",
     "@types/echarts": "^4.9.17",
     "@typescript-eslint/eslint-plugin": "^5.59.7",
-    "@typescript-eslint/parser": "^5.59.6",
+    "@typescript-eslint/parser": "^5.59.7",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vue/compiler-sfc": "3.3.4",
     "@vue/eslint-config-prettier": "^7.1.0",
diff --git a/yarn.lock b/yarn.lock
index fd878023..c0a7756f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -527,24 +527,16 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.59.1", "@typescript-eslint/parser@^5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.59.6.tgz#bd36f71f5a529f828e20b627078d3ed6738dbb40"
-  integrity sha512-7pCa6al03Pv1yf/dUg/s1pXz/yGMUBAw5EeWqNTFiSueKvRNonze3hma3lhdsOrQcaOXhbk5gKu2Fludiho9VA==
+"@typescript-eslint/parser@^5.59.1", "@typescript-eslint/parser@^5.59.7":
+  version "5.59.7"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.59.7.tgz#02682554d7c1028b89aa44a48bf598db33048caa"
+  integrity sha512-VhpsIEuq/8i5SF+mPg9jSdIwgMBBp0z9XqjiEay+81PYLJuroN+ET1hM5IhkiYMJd9MkTz8iJLt7aaGAgzWUbQ==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.59.6"
-    "@typescript-eslint/types" "5.59.6"
-    "@typescript-eslint/typescript-estree" "5.59.6"
+    "@typescript-eslint/scope-manager" "5.59.7"
+    "@typescript-eslint/types" "5.59.7"
+    "@typescript-eslint/typescript-estree" "5.59.7"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.6.tgz#d43a3687aa4433868527cfe797eb267c6be35f19"
-  integrity sha512-gLbY3Le9Dxcb8KdpF0+SJr6EQ+hFGYFl6tVY8VxLPFDfUZC7BHFw+Vq7bM5lE9DwWPfx4vMWWTLGXgpc0mAYyQ==
-  dependencies:
-    "@typescript-eslint/types" "5.59.6"
-    "@typescript-eslint/visitor-keys" "5.59.6"
-
 "@typescript-eslint/scope-manager@5.59.7":
   version "5.59.7"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.59.7.tgz#0243f41f9066f3339d2f06d7f72d6c16a16769e2"
@@ -563,29 +555,11 @@
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.6.tgz#5a6557a772af044afe890d77c6a07e8c23c2460b"
-  integrity sha512-tH5lBXZI7T2MOUgOWFdVNUILsI02shyQvfzG9EJkoONWugCG77NDDa1EeDGw7oJ5IvsTAAGVV8I3Tk2PNu9QfA==
-
 "@typescript-eslint/types@5.59.7":
   version "5.59.7"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.59.7.tgz#6f4857203fceee91d0034ccc30512d2939000742"
   integrity sha512-UnVS2MRRg6p7xOSATscWkKjlf/NDKuqo5TdbWck6rIRZbmKpVNTLALzNvcjIfHBE7736kZOFc/4Z3VcZwuOM/A==
 
-"@typescript-eslint/typescript-estree@5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.6.tgz#2fb80522687bd3825504925ea7e1b8de7bb6251b"
-  integrity sha512-vW6JP3lMAs/Tq4KjdI/RiHaaJSO7IUsbkz17it/Rl9Q+WkQ77EOuOnlbaU8kKfVIOJxMhnRiBG+olE7f3M16DA==
-  dependencies:
-    "@typescript-eslint/types" "5.59.6"
-    "@typescript-eslint/visitor-keys" "5.59.6"
-    debug "^4.3.4"
-    globby "^11.1.0"
-    is-glob "^4.0.3"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
-
 "@typescript-eslint/typescript-estree@5.59.7":
   version "5.59.7"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.59.7.tgz#b887acbd4b58e654829c94860dbff4ac55c5cff8"
@@ -613,14 +587,6 @@
     eslint-scope "^5.1.1"
     semver "^7.3.7"
 
-"@typescript-eslint/visitor-keys@5.59.6":
-  version "5.59.6"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.6.tgz#673fccabf28943847d0c8e9e8d008e3ada7be6bb"
-  integrity sha512-zEfbFLzB9ETcEJ4HZEEsCR9HHeNku5/Qw1jSS5McYJv5BR+ftYXwFFAH5Al+xkGaZEqowMwl7uoJjQb1YSPF8Q==
-  dependencies:
-    "@typescript-eslint/types" "5.59.6"
-    eslint-visitor-keys "^3.3.0"
-
 "@typescript-eslint/visitor-keys@5.59.7":
   version "5.59.7"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.59.7.tgz#09c36eaf268086b4fbb5eb9dc5199391b6485fc5"

From fd177b0368d8f8d1d5099cb6c1477b69bd7312be Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 06:51:05 +0000
Subject: [PATCH 029/122] build(deps-dev): bump vitest from 0.31.0 to 0.31.1

Bumps [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest) from 0.31.0 to 0.31.1.
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Commits](https://github.com/vitest-dev/vitest/commits/v0.31.1/packages/vitest)

---
updated-dependencies:
- dependency-name: vitest
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json |  2 +-
 yarn.lock    | 94 ++++++++++++++++++++++++++--------------------------
 2 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/package.json b/package.json
index 50fa2eed..b12270b9 100644
--- a/package.json
+++ b/package.json
@@ -65,7 +65,7 @@
     "unplugin-icons": "^0.16.1",
     "unplugin-vue-components": "^0.24.1",
     "vite": "^4.3.8",
-    "vitest": "^0.31.0",
+    "vitest": "^0.31.1",
     "vue-tsc": "^1.6.5"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index c0a7756f..7dc6b681 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -442,10 +442,10 @@
   dependencies:
     "@types/chai" "*"
 
-"@types/chai@*", "@types/chai@^4.3.4":
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.4.tgz#e913e8175db8307d78b4e8fa690408ba6b65dee4"
-  integrity sha512-KnRanxnpfpjUTqTCXslZSEdLfXExwgNxYPdiO2WGUj8+HDjFi8R3k5RVKPeSCzLjCcshCAtVO2QBbVuAV4kTnw==
+"@types/chai@*", "@types/chai@^4.3.5":
+  version "4.3.5"
+  resolved "https://registry.yarnpkg.com/@types/chai/-/chai-4.3.5.tgz#ae69bcbb1bebb68c4ac0b11e9d8ed04526b3562b"
+  integrity sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==
 
 "@types/echarts@^4.9.17":
   version "4.9.17"
@@ -600,45 +600,45 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.2.3.tgz#ee0b6dfcc62fe65364e6395bf38fa2ba10bb44b6"
   integrity sha512-R6JDUfiZbJA9cMiguQ7jxALsgiprjBeHL5ikpXfJCH62pPHtI+JdJ5xWj6Ev73yXSlYl86+blXn1kZHQ7uElxw==
 
-"@vitest/expect@0.31.0":
-  version "0.31.0"
-  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.31.0.tgz#37ab35d4f75c12826c204f2a0290e0c2e5ef1192"
-  integrity sha512-Jlm8ZTyp6vMY9iz9Ny9a0BHnCG4fqBa8neCF6Pk/c/6vkUk49Ls6UBlgGAU82QnzzoaUs9E/mUhq/eq9uMOv/g==
+"@vitest/expect@0.31.1":
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-0.31.1.tgz#db8cb5a14a91167b948f377b9d29442229c73747"
+  integrity sha512-BV1LyNvhnX+eNYzJxlHIGPWZpwJFZaCcOIzp2CNG0P+bbetenTupk6EO0LANm4QFt0TTit+yqx7Rxd1qxi/SQA==
   dependencies:
-    "@vitest/spy" "0.31.0"
-    "@vitest/utils" "0.31.0"
+    "@vitest/spy" "0.31.1"
+    "@vitest/utils" "0.31.1"
     chai "^4.3.7"
 
-"@vitest/runner@0.31.0":
-  version "0.31.0"
-  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.31.0.tgz#ca830405ae4c2744ae5fb7fbe85df81b56430ebc"
-  integrity sha512-H1OE+Ly7JFeBwnpHTrKyCNm/oZgr+16N4qIlzzqSG/YRQDATBYmJb/KUn3GrZaiQQyL7GwpNHVZxSQd6juLCgw==
+"@vitest/runner@0.31.1":
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/@vitest/runner/-/runner-0.31.1.tgz#fc06260d4824dde624abaeea1825d6a75bad4583"
+  integrity sha512-imWuc82ngOtxdCUpXwtEzZIuc1KMr+VlQ3Ondph45VhWoQWit5yvG/fFcldbnCi8DUuFi+NmNx5ehMUw/cGLUw==
   dependencies:
-    "@vitest/utils" "0.31.0"
+    "@vitest/utils" "0.31.1"
     concordance "^5.0.4"
     p-limit "^4.0.0"
     pathe "^1.1.0"
 
-"@vitest/snapshot@0.31.0":
-  version "0.31.0"
-  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-0.31.0.tgz#f59c4bcf0d03f1f494ee09286965e60a1e0cab64"
-  integrity sha512-5dTXhbHnyUMTMOujZPB0wjFjQ6q5x9c8TvAsSPUNKjp1tVU7i9pbqcKPqntyu2oXtmVxKbuHCqrOd+Ft60r4tg==
+"@vitest/snapshot@0.31.1":
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/@vitest/snapshot/-/snapshot-0.31.1.tgz#7fc3f1e48f0c4313e6cb795c17a2c1aa909a7d64"
+  integrity sha512-L3w5uU9bMe6asrNzJ8WZzN+jUTX4KSgCinEJPXyny0o90fG4FPQMV0OWsq7vrCWfQlAilMjDnOF9nP8lidsJ+g==
   dependencies:
     magic-string "^0.30.0"
     pathe "^1.1.0"
     pretty-format "^27.5.1"
 
-"@vitest/spy@0.31.0":
-  version "0.31.0"
-  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.31.0.tgz#98cb19046c0bd2673a73d6c90ee1533d1be82136"
-  integrity sha512-IzCEQ85RN26GqjQNkYahgVLLkULOxOm5H/t364LG0JYb3Apg0PsYCHLBYGA006+SVRMWhQvHlBBCyuByAMFmkg==
+"@vitest/spy@0.31.1":
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/@vitest/spy/-/spy-0.31.1.tgz#1c3b6a3eec4ce81b8889e19c7fac6a603b600b14"
+  integrity sha512-1cTpt2m9mdo3hRLDyCG2hDQvRrePTDgEJBFQQNz1ydHHZy03EiA6EpFxY+7ODaY7vMRCie+WlFZBZ0/dQWyssQ==
   dependencies:
     tinyspy "^2.1.0"
 
-"@vitest/utils@0.31.0":
-  version "0.31.0"
-  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.31.0.tgz#d0aae17150b95ebf7afdf4e5db8952ac21610ffa"
-  integrity sha512-kahaRyLX7GS1urekRXN2752X4gIgOGVX4Wo8eDUGUkTWlGpXzf5ZS6N9RUUS+Re3XEE8nVGqNyxkSxF5HXlGhQ==
+"@vitest/utils@0.31.1":
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/@vitest/utils/-/utils-0.31.1.tgz#b810a458b37ef16931ab0d384ce79a9500f34e07"
+  integrity sha512-yFyRD5ilwojsZfo3E0BnH72pSVSuLg2356cN1tCEe/0RtDzxTPYwOomIC+eQbot7m6DRy4tPZw+09mB7NkbMmA==
   dependencies:
     concordance "^5.0.4"
     loupe "^2.3.6"
@@ -3337,10 +3337,10 @@ time-zone@^1.0.0:
   resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
   integrity sha512-TIsDdtKo6+XrPtiTm1ssmMngN1sAhyKnTO2kunQWqNPWIVvCm15Wmw4SWInwTVgJ5u/Tr04+8Ei9TNcw4x4ONA==
 
-tinybench@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.4.0.tgz#83f60d9e5545353610fe7993bd783120bc20c7a7"
-  integrity sha512-iyziEiyFxX4kyxSp+MtY1oCH/lvjH3PxFN8PGCDeqcZWAJ/i+9y+nL85w99PxVzrIvew/GSkSbDYtiGVa85Afg==
+tinybench@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tinybench/-/tinybench-2.5.0.tgz#4711c99bbf6f3e986f67eb722fed9cddb3a68ba5"
+  integrity sha512-kRwSG8Zx4tjF9ZiyH4bhaebu+EDz1BOx9hOigYHlUW4xxI/wKIUQUqo018UlU4ar6ATPBsaMrdbKZ+tmPdohFA==
 
 tinypool@^0.5.0:
   version "0.5.0"
@@ -3515,10 +3515,10 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vite-node@0.31.0:
-  version "0.31.0"
-  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.31.0.tgz#8794a98f21b0cf2394bfd2aaa5fc85d2c42be084"
-  integrity sha512-8x1x1LNuPvE2vIvkSB7c1mApX5oqlgsxzHQesYF7l5n1gKrEmrClIiZuOFbFDQcjLsmcWSwwmrWrcGWm9Fxc/g==
+vite-node@0.31.1:
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/vite-node/-/vite-node-0.31.1.tgz#9fea18cbf9552ab262b969068249a8b8e7fb8b38"
+  integrity sha512-BajE/IsNQ6JyizPzu9zRgHrBwczkAs0erQf/JRpgTIESpKvNj9/Gd0vxX905klLkb0I0SJVCKbdrl5c6FnqYKA==
   dependencies:
     cac "^6.7.14"
     debug "^4.3.4"
@@ -3538,19 +3538,19 @@ vite-node@0.31.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
-vitest@^0.31.0:
-  version "0.31.0"
-  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.31.0.tgz#133e98f779aa81afbc7ee1fcb385a0c458b8c2c8"
-  integrity sha512-JwWJS9p3GU9GxkG7eBSmr4Q4x4bvVBSswaCFf1PBNHiPx00obfhHRJfgHcnI0ffn+NMlIh9QGvG75FlaIBdKGA==
+vitest@^0.31.1:
+  version "0.31.1"
+  resolved "https://registry.yarnpkg.com/vitest/-/vitest-0.31.1.tgz#e3d1b68a44e76e24f142c1156fe9772ef603e52c"
+  integrity sha512-/dOoOgzoFk/5pTvg1E65WVaobknWREN15+HF+0ucudo3dDG/vCZoXTQrjIfEaWvQXmqScwkRodrTbM/ScMpRcQ==
   dependencies:
-    "@types/chai" "^4.3.4"
+    "@types/chai" "^4.3.5"
     "@types/chai-subset" "^1.3.3"
     "@types/node" "*"
-    "@vitest/expect" "0.31.0"
-    "@vitest/runner" "0.31.0"
-    "@vitest/snapshot" "0.31.0"
-    "@vitest/spy" "0.31.0"
-    "@vitest/utils" "0.31.0"
+    "@vitest/expect" "0.31.1"
+    "@vitest/runner" "0.31.1"
+    "@vitest/snapshot" "0.31.1"
+    "@vitest/spy" "0.31.1"
+    "@vitest/utils" "0.31.1"
     acorn "^8.8.2"
     acorn-walk "^8.2.0"
     cac "^6.7.14"
@@ -3563,10 +3563,10 @@ vitest@^0.31.0:
     picocolors "^1.0.0"
     std-env "^3.3.2"
     strip-literal "^1.0.1"
-    tinybench "^2.4.0"
+    tinybench "^2.5.0"
     tinypool "^0.5.0"
     vite "^3.0.0 || ^4.0.0"
-    vite-node "0.31.0"
+    vite-node "0.31.1"
     why-is-node-running "^2.2.2"
 
 vue-class-component@^7.2.5:

From d4bc1da369000969269dc4342f8865267b9b130b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 24 May 2023 05:02:28 +0000
Subject: [PATCH 030/122] build(deps): bump bootstrap-vue-next from 0.8.11 to
 0.8.13

Bumps [bootstrap-vue-next](https://github.com/bootstrap-vue-next/bootstrap-vue-next) from 0.8.11 to 0.8.13.
- [Release notes](https://github.com/bootstrap-vue-next/bootstrap-vue-next/releases)
- [Changelog](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/release-please-config.json)
- [Commits](https://github.com/bootstrap-vue-next/bootstrap-vue-next/compare/v0.8.11...bootstrap-vue-next-v0.8.13)

---
updated-dependencies:
- dependency-name: bootstrap-vue-next
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index b12270b9..72383145 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     "@vueuse/integrations": "^10.1.2",
     "axios": "^1.4.0",
     "bootstrap": "^5.2.3",
-    "bootstrap-vue-next": "^0.8.11",
+    "bootstrap-vue-next": "^0.8.13",
     "core-js": "^3.30.2",
     "date-fns": "^2.30.0",
     "date-fns-tz": "^2.0.0",
diff --git a/yarn.lock b/yarn.lock
index 7dc6b681..dc8fd7fd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1253,10 +1253,10 @@ boolbase@^1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
 
-bootstrap-vue-next@^0.8.11:
-  version "0.8.11"
-  resolved "https://registry.yarnpkg.com/bootstrap-vue-next/-/bootstrap-vue-next-0.8.11.tgz#e143c1bb0b3d0ecc1c563ad8fadf09bf343ce175"
-  integrity sha512-7lZjlqxCLT2N0K45ebjSNszpO4EP4keR6SOmzIp+U7kAQMPFRXjg6dPoZ74Msyx0atJlNM1PsUXlL8+sGgUYqw==
+bootstrap-vue-next@^0.8.13:
+  version "0.8.13"
+  resolved "https://registry.yarnpkg.com/bootstrap-vue-next/-/bootstrap-vue-next-0.8.13.tgz#8d0fcc3909fa6615438fcbdead3092c6969f12ee"
+  integrity sha512-DItS+JOEe4wpslLheE4fL3GAeyCghXBSv3okYIWv5ph+G/IlmWT12X8A1zSoLoOt8XFAQX3PjDCks35omdZsug==
   dependencies:
     "@floating-ui/vue" "^1.0.0"
     "@vueuse/core" "^10.1.2"

From 9a719d42bb8739778883488af909a446a7e04b83 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 24 May 2023 17:59:01 +0200
Subject: [PATCH 031/122] Fix newly introduced type restriction

---
 src/components/ThemeSelect.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ThemeSelect.vue b/src/components/ThemeSelect.vue
index cef95287..962c7099 100644
--- a/src/components/ThemeSelect.vue
+++ b/src/components/ThemeSelect.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-link variant="outline-primary" class="nav-link" @click="toggleNight">
+  <b-link variant="primary" class="nav-link" @click="toggleNight">
     <i-mdi-brightness-6 />
   </b-link>
 </template>

From 1fcf8ed1253f1d188f1ae29d541c9e30bd5e3696 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Thu, 25 May 2023 03:56:40 +0000
Subject: [PATCH 032/122] build(deps): bump nginx from 1.23.4-alpine to
 1.25.0-alpine

Bumps nginx from 1.23.4-alpine to 1.25.0-alpine.

---
updated-dependencies:
- dependency-name: nginx
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 Dockerfile | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Dockerfile b/Dockerfile
index e3e4554b..62c39909 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -19,7 +19,7 @@ COPY . /app
 # webpack and node17
 RUN NODE_OPTIONS=--openssl-legacy-provider yarn build
 
-FROM nginx:1.23.4-alpine
+FROM nginx:1.25.0-alpine
 COPY  --from=ui-builder /app/dist /etc/nginx/html
 COPY  --from=ui-builder /app/nginx.conf /etc/nginx/nginx.conf
 EXPOSE 80

From 6fe56a857e091bd8fbe9f3b1343fb388f1bac175 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Thu, 25 May 2023 19:52:52 +0200
Subject: [PATCH 033/122] Organize cumProfit imports

---
 src/components/charts/CumProfitChart.vue | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index 22f4da23..04e693ef 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -3,34 +3,31 @@
 </template>
 
 <script setup lang="ts">
-import ECharts from 'vue-echarts';
 import { EChartsOption } from 'echarts';
+import ECharts from 'vue-echarts';
 
-import { use } from 'echarts/core';
-import { CanvasRenderer } from 'echarts/renderers';
-import { LineChart, BarChart } from 'echarts/charts';
+import { BarChart, LineChart } from 'echarts/charts';
 import {
-  DatasetComponent,
   DataZoomComponent,
+  DatasetComponent,
   LegendComponent,
   TitleComponent,
   TooltipComponent,
 } from 'echarts/components';
+import { use } from 'echarts/core';
+import { CanvasRenderer } from 'echarts/renderers';
 
+import { dataZoomPartial } from '@/shared/charts/chartZoom';
+import { useSettingsStore } from '@/stores/settings';
 import {
   ClosedTrade,
+  CumProfitChartData,
   CumProfitData,
   CumProfitDataPerDate,
-  CumProfitChartData,
   Trade,
 } from '@/types';
-import { computed } from 'vue';
-import { useSettingsStore } from '@/stores/settings';
-import { dataZoomPartial } from '@/shared/charts/chartZoom';
-import { ref } from 'vue';
-import { onMounted } from 'vue';
-import { watch } from 'vue';
 import { watchThrottled } from '@vueuse/core';
+import { computed, onMounted, ref } from 'vue';
 
 use([
   BarChart,

From 6f0ae677df3d18a2e5fef26527c1fa33ac9f3b73 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 08:47:47 +0200
Subject: [PATCH 034/122] Don't throttle Trades list to allow update when
 bot-comparison selection changes

closes #1282
---
 src/components/charts/CumProfitChart.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index 04e693ef..d2464380 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -27,7 +27,7 @@ import {
   Trade,
 } from '@/types';
 import { watchThrottled } from '@vueuse/core';
-import { computed, onMounted, ref } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 
 use([
   BarChart,
@@ -258,12 +258,11 @@ watchThrottled(
   },
   { throttle: 60 * 1000 },
 );
-watchThrottled(
+watch(
   () => props.trades,
   () => {
     updateChart();
   },
-  { throttle: 60 * 1000 },
 );
 </script>
 

From fbdb601ff3cb6eaf5750ff8605947cbc4b4530b9 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 10:14:51 +0200
Subject: [PATCH 035/122] Improve type description

---
 src/types/trades.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/types/trades.ts b/src/types/trades.ts
index c97902f4..525858de 100644
--- a/src/types/trades.ts
+++ b/src/types/trades.ts
@@ -116,8 +116,10 @@ export interface Trade extends TradeBase {
   stoploss_entry_dist_ratio?: number;
   current_rate?: number;
 
+  /* Total Profit, both open and realized*/
   total_profit_abs?: number;
   total_profit_fiat?: number;
+  /* Relative Total profit, bot open and realized */
   total_profit_ratio?: number;
 }
 

From d5ac4bce161b98fd2dd968c347f77b81e51133f3 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 10:16:43 +0200
Subject: [PATCH 036/122] Improve visualization in bot comparison

closes #1281
---
 src/components/ftbot/BotComparisonList.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/BotComparisonList.vue b/src/components/ftbot/BotComparisonList.vue
index 90d26946..e0dcc10c 100644
--- a/src/components/ftbot/BotComparisonList.vue
+++ b/src/components/ftbot/BotComparisonList.vue
@@ -88,9 +88,14 @@ const tableItems = computed<TableItem[]>(() => {
   Object.entries(botStore.allProfit).forEach(([k, v]: [k: string, v: ProfitInterface]) => {
     const allStakes = botStore.allOpenTrades[k].reduce((a, b) => a + b.stake_amount, 0);
     const profitOpenRatio =
-      botStore.allOpenTrades[k].reduce((a, b) => a + b.profit_ratio * b.stake_amount, 0) /
-      allStakes;
-    const profitOpen = botStore.allOpenTrades[k].reduce((a, b) => a + (b.profit_abs ?? 0), 0);
+      botStore.allOpenTrades[k].reduce(
+        (a, b) => a + (b.total_profit_ratio ?? b.profit_ratio) * b.stake_amount,
+        0,
+      ) / allStakes;
+    const profitOpen = botStore.allOpenTrades[k].reduce(
+      (a, b) => a + (b.total_profit_abs ?? b.profit_abs ?? 0),
+      0,
+    );
 
     // TODO: handle one inactive bot ...
     val.push({
@@ -111,7 +116,7 @@ const tableItems = computed<TableItem[]>(() => {
     });
     if (v.profit_closed_coin !== undefined) {
       summary.profitClosed += v.profit_closed_coin;
-      summary.profitOpen += v.profit_all_coin;
+      summary.profitOpen += profitOpen;
       summary.wins += v.winning_trades;
       summary.losses += v.losing_trades;
       // summary.decimals = this.allBotState[k]?.stake_currency_decimals || summary.decimals;

From f374939890fdd7f97ceead42c707e20f75cda659 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 15:51:13 +0200
Subject: [PATCH 037/122] Show tooltip for current_profit

---
 src/components/charts/CumProfitChart.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index d2464380..8bb4f9e5 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -128,9 +128,7 @@ function updateChart(initial = false) {
         name: 'currentProfit',
 
         animation: initial,
-        tooltip: {
-          show: false,
-        },
+
         lineStyle: {
           color: openProfit.value > 0 ? 'green' : 'red',
           type: 'dotted',
@@ -193,9 +191,14 @@ function initializeChart() {
       show: props.showTitle,
     },
     backgroundColor: 'rgba(0, 0, 0, 0)',
-
     tooltip: {
       trigger: 'axis',
+      formatter: (params) => {
+        const profit = params[0].data.profit;
+        const currentProfit = params[0].data['currentProfit'];
+        const profitText = currentProfit ? `Current Profit: ${currentProfit}` : `Profit: ${profit}`;
+        return profitText;
+      },
       axisPointer: {
         type: 'line',
         label: {

From f598a631a55f5d8742b86c54dbd16b63e8d5acb5 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 16:04:59 +0200
Subject: [PATCH 038/122] Use Total profit for open cumprofit calcs

---
 src/components/charts/CumProfitChart.vue    | 5 ++++-
 src/components/ftbot/BacktestGraphsView.vue | 7 +------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index 8bb4f9e5..e2a45adb 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -58,7 +58,10 @@ const settingsStore = useSettingsStore();
 const chart = ref<typeof ECharts>();
 
 const openProfit = computed<number>(() => {
-  return props.openTrades.reduce((a, v) => a + v[props.profitColumn], 0);
+  return props.openTrades.reduce(
+    (a, v) => a + (v['total_profit_abs'] ?? v[props.profitColumn] ?? 0),
+    0,
+  );
 });
 
 const cumulativeData = computed<CumProfitChartData[]>(() => {
diff --git a/src/components/ftbot/BacktestGraphsView.vue b/src/components/ftbot/BacktestGraphsView.vue
index c3f54b2c..6f06676c 100644
--- a/src/components/ftbot/BacktestGraphsView.vue
+++ b/src/components/ftbot/BacktestGraphsView.vue
@@ -11,12 +11,7 @@ defineProps({
 <template>
   <div class="text-center flex-fill mt-2 d-flex flex-column">
     <TradesLogChart :trades="trades" class="trades-log" />
-    <CumProfitChart
-      :trades="trades"
-      profit-column="profit_abs"
-      class="cum-profit"
-      :show-title="true"
-    />
+    <CumProfitChart :trades="trades" class="cum-profit" :show-title="true" />
     <hr />
     <ProfitDistributionChart class="mt-3" :trades="trades" :show-title="true" />
   </div>

From 4549ac783e0f92207d03afb4a2f20450cf41b1d8 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 16:05:42 +0200
Subject: [PATCH 039/122] Improve tooltip wording

---
 src/components/charts/CumProfitChart.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index e2a45adb..012b56e7 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -199,7 +199,9 @@ function initializeChart() {
       formatter: (params) => {
         const profit = params[0].data.profit;
         const currentProfit = params[0].data['currentProfit'];
-        const profitText = currentProfit ? `Current Profit: ${currentProfit}` : `Profit: ${profit}`;
+        const profitText = currentProfit
+          ? `Profit (with unrealized profit): ${currentProfit}`
+          : `Profit: ${profit}`;
         return profitText;
       },
       axisPointer: {

From 58c497b9a86a8f78d4c0fd06c9d06e7fccff1ad9 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 16:10:02 +0200
Subject: [PATCH 040/122] Improved wording

---
 src/components/charts/CumProfitChart.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index 012b56e7..a5590af3 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -200,7 +200,7 @@ function initializeChart() {
         const profit = params[0].data.profit;
         const currentProfit = params[0].data['currentProfit'];
         const profitText = currentProfit
-          ? `Profit (with unrealized profit): ${currentProfit}`
+          ? `Projected profit (including unrealized): ${currentProfit}`
           : `Profit: ${profit}`;
         return profitText;
       },

From f943385ce36942981f8b7e016202292b9b57569c Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 16:18:39 +0200
Subject: [PATCH 041/122] Don't allow disabling of the only series in the chart

---
 src/components/charts/CumProfitChart.vue          | 6 ++++--
 src/components/charts/ProfitDistributionChart.vue | 1 +
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/charts/CumProfitChart.vue b/src/components/charts/CumProfitChart.vue
index a5590af3..55b8a250 100644
--- a/src/components/charts/CumProfitChart.vue
+++ b/src/components/charts/CumProfitChart.vue
@@ -28,6 +28,7 @@ import {
 } from '@/types';
 import { watchThrottled } from '@vueuse/core';
 import { computed, onMounted, ref, watch } from 'vue';
+import { formatPrice } from '@/shared/formatters';
 
 use([
   BarChart,
@@ -200,8 +201,8 @@ function initializeChart() {
         const profit = params[0].data.profit;
         const currentProfit = params[0].data['currentProfit'];
         const profitText = currentProfit
-          ? `Projected profit (including unrealized): ${currentProfit}`
-          : `Profit: ${profit}`;
+          ? `Projected profit (incl. unrealized): ${formatPrice(currentProfit, 3)}`
+          : `Profit: ${formatPrice(profit, 3)}`;
         return profitText;
       },
       axisPointer: {
@@ -214,6 +215,7 @@ function initializeChart() {
     legend: {
       data: [CHART_PROFIT],
       right: '5%',
+      selectedMode: false,
     },
     useUTC: false,
     xAxis: {
diff --git a/src/components/charts/ProfitDistributionChart.vue b/src/components/charts/ProfitDistributionChart.vue
index f5b2cf87..e5fd5ff4 100644
--- a/src/components/charts/ProfitDistributionChart.vue
+++ b/src/components/charts/ProfitDistributionChart.vue
@@ -96,6 +96,7 @@ const chartOptions = computed((): EChartsOption => {
     legend: {
       data: [CHART_PROFIT],
       right: '5%',
+      selectedMode: false,
     },
     xAxis: {
       type: 'category',

From da15452d30e32f07ad4c8488bc4b0f91812ee97a Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 17:25:15 +0200
Subject: [PATCH 042/122] Implement defineModel where applicable

---
 src/components/ftbot/PairlistConfigItem.vue    | 18 +++++-------------
 .../PairlistConfigParameter.vue                | 15 ++-------------
 vite.config.js                                 |  6 +++++-
 3 files changed, 12 insertions(+), 27 deletions(-)
 rename src/components/{general => ftbot}/PairlistConfigParameter.vue (74%)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index a7cf2939..c7fb7aec 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -32,26 +32,18 @@
 
 <script setup lang="ts">
 import { Pairlist } from '@/types';
-import { computed, ref } from 'vue';
-import PairlistConfigParameter from '../general/PairlistConfigParameter.vue';
+import { ref } from 'vue';
+import PairlistConfigParameter from './PairlistConfigParameter.vue';
 
-const props = defineProps<{
-  modelValue: Pairlist;
+defineProps<{
   index: number;
 }>();
 
-const emit = defineEmits(['update:modelValue', 'remove']);
+const emit = defineEmits(['remove']);
 
 const visible = ref(false);
 
-const pairlist = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(value: Pairlist) {
-    emit('update:modelValue', value);
-  },
-});
+const pairlist = defineModel<Pairlist>({ required: true });
 </script>
 
 <style>
diff --git a/src/components/general/PairlistConfigParameter.vue b/src/components/ftbot/PairlistConfigParameter.vue
similarity index 74%
rename from src/components/general/PairlistConfigParameter.vue
rename to src/components/ftbot/PairlistConfigParameter.vue
index 8b315716..ec9df2d7 100644
--- a/src/components/general/PairlistConfigParameter.vue
+++ b/src/components/ftbot/PairlistConfigParameter.vue
@@ -25,21 +25,10 @@
 
 <script setup lang="ts">
 import { PairlistParameter, PairlistParamType } from '@/types';
-import { computed } from 'vue';
 
-const props = defineProps<{
+defineProps<{
   param: PairlistParameter;
-  modelValue: string | undefined;
 }>();
 
-const emit = defineEmits(['update:modelValue']);
-
-const paramValue = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(value) {
-    emit('update:modelValue', value);
-  },
-});
+const paramValue = defineModel<string>();
 </script>
diff --git a/vite.config.js b/vite.config.js
index bc17f0dd..5af04df4 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,7 +9,11 @@ import { BootstrapVueNextResolver } from 'unplugin-vue-components/resolvers';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    createVuePlugin({}),
+    createVuePlugin({
+      script: {
+        defineModel: true,
+      },
+    }),
     Components({
       resolvers: [IconsResolve(), BootstrapVueNextResolver()],
       dirs: [],

From 4c335871bff9bc8e6f5e03f80d7faf95c2219d75 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 17:52:44 +0200
Subject: [PATCH 043/122] Scoped style

---
 src/components/ftbot/PairlistConfigItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index c7fb7aec..b72a1f69 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -46,7 +46,7 @@ const visible = ref(false);
 const pairlist = defineModel<Pairlist>({ required: true });
 </script>
 
-<style>
+<style lang="scss" scoped>
 .hidden {
   padding: 0;
 }

From b4dce3278226614c7a184168b4c18c3935a67897 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 17:54:11 +0200
Subject: [PATCH 044/122] Use classes instead of inline styles

---
 src/components/ftbot/PairlistConfigurator.vue | 2 +-
 src/views/PairlistConfigView.vue              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index bb1805cd..175e8380 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,7 +1,7 @@
 <template>
   <b-container fluid>
     <b-row align-v="stretch">
-      <b-col cols="12" md="3" style="height: 760px; overflow-y: scroll">
+      <b-col cols="12" md="3" class="overflow-auto" style="height: 760px">
         <div ref="availablePairlistsEl" class="available-pairlists">
           <b-row
             v-for="pairlist in availablePairlists"
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index 8b61b3f0..104e4813 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="h-100">
     <b-button-group class="py-3">
       <b-button
         v-model="currentView"

From 7d3d118c996e665946b0ca99cf2539a9cd22fda4 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 18:17:40 +0200
Subject: [PATCH 045/122] Add description to the pairlist visualization

---
 src/components/ftbot/PairlistConfigurator.vue | 37 ++++++++-----------
 src/types/pairlists.ts                        |  1 +
 2 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 175e8380..b6c5067c 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -2,27 +2,26 @@
   <b-container fluid>
     <b-row align-v="stretch">
       <b-col cols="12" md="3" class="overflow-auto" style="height: 760px">
-        <div ref="availablePairlistsEl" class="available-pairlists">
-          <b-row
+        <b-list-group ref="availablePairlistsEl" class="available-pairlists">
+          <b-list-group-item
             v-for="pairlist in availablePairlists"
             :key="pairlist.name"
             align-v="center"
-            class="pairlist"
+            class="pairlist d-flex text-start"
           >
-            <b-col>
-              {{ pairlist.name }}
-            </b-col>
-            <b-col cols="auto">
-              <b-button
-                class="p-0"
-                style="border: none"
-                variant="outline-light"
-                @click="addToConfig(pairlist, selectedConfig.pairlists.length)"
-                ><i-mdi-arrow-right-bold-box class="fs-4"
-              /></b-button>
-            </b-col>
-          </b-row>
-        </div>
+            <div class="d-flex flex-grow-1 align-items-start flex-column">
+              <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
+              <span class="fw-lighter">{{ pairlist.description }}</span>
+            </div>
+            <b-button
+              class="p-0"
+              style="border: none"
+              variant="outline-light"
+              @click="addToConfig(pairlist, selectedConfig.pairlists.length)"
+              ><i-mdi-arrow-right-bold-box class="fs-4"
+            /></b-button>
+          </b-list-group-item>
+        </b-list-group>
       </b-col>
       <b-col>
         <b-row>
@@ -218,11 +217,7 @@ watch(
 
 <style lang="scss">
 .pairlist {
-  padding: 1rem 0;
-  width: 100%;
   border: 1px solid white;
-  text-align: left;
-  margin: 5px 0;
 }
 
 .pairlist:hover {
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
index 0fa5da6c..84ded1fa 100644
--- a/src/types/pairlists.ts
+++ b/src/types/pairlists.ts
@@ -15,6 +15,7 @@ export interface Pairlist {
   id?: string;
   is_pairlist_generator: boolean;
   name: string;
+  description: string;
   params: Record<string, PairlistParameter>;
 }
 

From cf2ca59a7d38727817999d20bddb7b568f9e3f48 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 19:39:06 +0200
Subject: [PATCH 046/122] Sort pairlists by generator first

---
 src/components/ftbot/PairlistConfigurator.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index b6c5067c..125ef993 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -129,7 +129,15 @@ useSortable(pairlistConfigsEl, config.value.pairlists, {
 });
 
 onMounted(async () => {
-  availablePairlists.value = (await botStore.activeBot.getPairlists()).pairlists;
+  availablePairlists.value = (await botStore.activeBot.getPairlists()).pairlists.sort((a, b) =>
+    // Sort by is_pairlist_generator (by name), then by name.
+    // TODO: this might need to be improved
+    a.is_pairlist_generator === b.is_pairlist_generator
+      ? a.name.localeCompare(b.name)
+      : a.is_pairlist_generator
+      ? -1
+      : 1,
+  );
 });
 
 const addToConfig = (pairlist: Pairlist, index: number) => {

From 621f7250312c843407d9834857b5215f5ff455e7 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Sun, 28 May 2023 23:38:44 +0000
Subject: [PATCH 047/122] fixed css rule not working when style scoped

---
 src/components/ftbot/PairlistConfigItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index b72a1f69..ae2ff1c8 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -51,7 +51,7 @@ const pairlist = defineModel<Pairlist>({ required: true });
   padding: 0;
 }
 
-.collapsing {
+:deep(.collapsing) {
   -webkit-transition: none;
   transition: none;
   display: none;

From 52f080f029141931665b0b61c3c85659dfd72a38 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 00:08:49 +0000
Subject: [PATCH 048/122] Revert "optionally smoother alert/notification
 experience"

This reverts commit c3d3ee947e70e47956ec7aeabd8e560d5757c7e4.
---
 src/components/layout/BodyLayout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/BodyLayout.vue b/src/components/layout/BodyLayout.vue
index 4e177f84..e518e958 100644
--- a/src/components/layout/BodyLayout.vue
+++ b/src/components/layout/BodyLayout.vue
@@ -1,6 +1,6 @@
 <template>
   <main>
-    <BotAlerts style="position: absolute; top: 10px; right: 10px; width: 480px; z-index: 100" />
+    <BotAlerts />
     <router-view />
   </main>
 </template>

From 70f9033306b44f4d9f4a8711f4e01964e9febde4 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 08:29:30 +0200
Subject: [PATCH 049/122] Improved Arrow symbol

---
 src/components/ftbot/PairlistConfigurator.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 125ef993..11ce146c 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -7,7 +7,7 @@
             v-for="pairlist in availablePairlists"
             :key="pairlist.name"
             align-v="center"
-            class="pairlist d-flex text-start"
+            class="pairlist d-flex text-start align-items-center"
           >
             <div class="d-flex flex-grow-1 align-items-start flex-column">
               <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
@@ -18,8 +18,9 @@
               style="border: none"
               variant="outline-light"
               @click="addToConfig(pairlist, selectedConfig.pairlists.length)"
-              ><i-mdi-arrow-right-bold-box class="fs-4"
-            /></b-button>
+            >
+              <i-mdi-arrow-right-bold-box-outline class="fs-4" />
+            </b-button>
           </b-list-group-item>
         </b-list-group>
       </b-col>

From cf3d3001e58cf04d2ee5c762da8b2e135559fb38 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 08:40:24 +0200
Subject: [PATCH 050/122] Validate if pairlist can be valid

---
 src/components/ftbot/PairlistConfigurator.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 11ce146c..c7562261 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -46,7 +46,7 @@
             @remove="removeFromConfig"
           />
           <b-button
-            :disabled="evaluating || config.pairlists.length == 0"
+            :disabled="evaluating || !pairlistValid"
             variant="primary"
             size="lg"
             squared
@@ -90,6 +90,18 @@ const pairlistConfigsEl = ref<HTMLElement | null>(null);
 const availablePairlistsEl = ref<HTMLElement | null>(null);
 const evaluating = ref(false);
 
+const firstPairlistIsGenerator = computed<boolean>(() => {
+  // First pairlist must be a generator
+  if (config.value.pairlists[0]?.is_pairlist_generator) {
+    return true;
+  }
+  return false;
+});
+
+const pairlistValid = computed<boolean>(() => {
+  return firstPairlistIsGenerator.value && config.value.pairlists.length > 0;
+});
+
 // v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
 const pairlistsComp = computed(() =>
   config.value.pairlists.map((p) => {

From 6215969b255cc84668efcc351203b9ea1c58cf5a Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 08:45:21 +0200
Subject: [PATCH 051/122] Reorder should have pointer on hover

---
 src/components/ftbot/PairlistConfigItem.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index b72a1f69..802f0e24 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -4,7 +4,9 @@
       <b-row align-v="center" class="text-start">
         <b-col>
           <b-row align-v="center">
-            <b-col cols="auto"><i-mdi-reorder-horizontal class="handle me-2 fs-4" /></b-col>
+            <b-col cols="auto">
+              <i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
+            </b-col>
             <b-col
               ><b-button variant="link" @click="visible = !visible">
                 <h6 class="mb-0">{{ pairlist.name }}</h6>
@@ -13,7 +15,9 @@
           </b-row>
         </b-col>
         <b-col cols="auto">
-          <b-button size="sm" @click="emit('remove', index)"><i-mdi-close></i-mdi-close></b-button>
+          <b-button size="sm" @click="emit('remove', index)">
+            <i-mdi-close />
+          </b-button>
         </b-col>
       </b-row>
     </template>

From 5a8993284d530ecd4ccc5ac11a16c2b89ba4e9e1 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 08:51:40 +0200
Subject: [PATCH 052/122] Simplify layout

---
 src/components/ftbot/PairlistConfigItem.vue | 28 ++++++++-------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 802f0e24..b287b1b8 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -1,25 +1,17 @@
 <template>
   <b-card no-body class="mb-2">
     <template #header>
-      <b-row align-v="center" class="text-start">
-        <b-col>
-          <b-row align-v="center">
-            <b-col cols="auto">
-              <i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
-            </b-col>
-            <b-col
-              ><b-button variant="link" @click="visible = !visible">
-                <h6 class="mb-0">{{ pairlist.name }}</h6>
-              </b-button></b-col
-            >
-          </b-row>
-        </b-col>
-        <b-col cols="auto">
-          <b-button size="sm" @click="emit('remove', index)">
-            <i-mdi-close />
+      <div class="d-flex text-start align-items-center">
+        <div class="d-flex flex-grow-1 align-items-center">
+          <i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
+          <b-button variant="link" @click="visible = !visible">
+            <h6 class="mb-0">{{ pairlist.name }}</h6>
           </b-button>
-        </b-col>
-      </b-row>
+        </div>
+        <b-button size="sm" @click="emit('remove', index)">
+          <i-mdi-close />
+        </b-button>
+      </div>
     </template>
     <b-card-body :class="{ hidden: !visible }">
       <b-collapse v-model="visible">

From 2516d57e9142fc7195d1967d59c5177c18e72e27 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 09:04:34 +0200
Subject: [PATCH 053/122] Add warning on invalid pairlists

---
 src/components/ftbot/PairlistConfigurator.vue | 35 +++++++++++--------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index c7562261..2306b084 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -38,6 +38,13 @@
           </b-col>
         </b-row>
         <div ref="pairlistConfigsEl" class="h-100">
+          <b-alert
+            :model-value="config.pairlists.length > 0 && !firstPairlistIsGenerator"
+            variant="danger"
+          >
+            First entry in the pairlist must be a Generating pairlist, like StaticPairList or
+            VolumePairList.
+          </b-alert>
           <PairlistConfigItem
             v-for="(pairlist, i) in pairlistsComp"
             :key="pairlist.id"
@@ -153,7 +160,7 @@ onMounted(async () => {
   );
 });
 
-const addToConfig = (pairlist: Pairlist, index: number) => {
+function addToConfig(pairlist: Pairlist, index: number) {
   pairlist = structuredClone(toRaw(pairlist));
   for (const param in pairlist.params) {
     pairlist.params[param].value = pairlist.params[param].default
@@ -161,17 +168,17 @@ const addToConfig = (pairlist: Pairlist, index: number) => {
       : '';
   }
   config.value.pairlists.splice(index, 0, pairlist);
-};
+}
 
-const removeFromConfig = (index: number) => {
+function removeFromConfig(index: number) {
   config.value.pairlists.splice(index, 1);
-};
+}
 
-const save = async () => {
+async function save() {
   emit('saveConfig', config.value);
-};
+}
 
-const test = async () => {
+async function test() {
   const payload = configToPayload();
 
   evaluating.value = true;
@@ -189,9 +196,9 @@ const test = async () => {
       evaluating.value = false;
     }
   }, 1000);
-};
+}
 
-const convertToParamType = (type: PairlistParamType, value: string) => {
+function convertToParamType(type: PairlistParamType, value: string) {
   if (type === PairlistParamType.number) {
     return Number(value);
   } else if (type === PairlistParamType.boolean) {
@@ -199,18 +206,18 @@ const convertToParamType = (type: PairlistParamType, value: string) => {
   } else {
     return String(value);
   }
-};
+}
 
-const configToPayload = () => {
+function configToPayload() {
   const pairlists: PairlistPayloadItem[] = configToPayloadItems();
   return {
     pairlists: pairlists,
     stake_currency: botStore.activeBot.stakeCurrency,
     blacklist: [],
   };
-};
+}
 
-const configToPayloadItems = () => {
+function configToPayloadItems() {
   const pairlists: PairlistPayloadItem[] = [];
   config.value.pairlists.forEach((config) => {
     const pairlist = {
@@ -226,7 +233,7 @@ const configToPayloadItems = () => {
   });
 
   return pairlists;
-};
+}
 
 watch(
   () => props.selectedConfig,

From 47d65eb3e25fbc426fa043e88249624108b75d23 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 09:24:17 +0200
Subject: [PATCH 054/122] Alert should be a warning, not a Red box

---
 src/components/ftbot/PairlistConfigurator.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 2306b084..6efbdd5f 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -40,7 +40,7 @@
         <div ref="pairlistConfigsEl" class="h-100">
           <b-alert
             :model-value="config.pairlists.length > 0 && !firstPairlistIsGenerator"
-            variant="danger"
+            variant="warning"
           >
             First entry in the pairlist must be a Generating pairlist, like StaticPairList or
             VolumePairList.

From 159d5bc3079e521296b6034e64e50091d3621762 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 09:34:26 +0200
Subject: [PATCH 055/122] Add copy button to pairlist config

---
 src/components/ftbot/PairlistConfigurator.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 6efbdd5f..9c37f0c0 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -58,12 +58,18 @@
             size="lg"
             squared
             class="mt-2 evaluate"
-            @click="test"
+            @click="evaluateClick"
             >Evaluate</b-button
           >
         </div>
       </b-col>
       <b-col cols="12" md="3">
+        <i-mdi-content-copy
+          v-if="isSupported"
+          role="button"
+          class="position-absolute end-0 me-3"
+          @click="copy(configJSON)"
+        />
         <pre class="text-start"><code>{{ configJSON }}</code></pre>
       </b-col>
     </b-row>
@@ -76,6 +82,7 @@ import { useBotStore } from '@/stores/ftbotwrapper';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import { Pairlist, PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
+import { useClipboard } from '@vueuse/core';
 
 const emit = defineEmits([
   'update:modelValue',
@@ -178,7 +185,9 @@ async function save() {
   emit('saveConfig', config.value);
 }
 
-async function test() {
+const { copy, isSupported } = useClipboard();
+
+async function evaluateClick() {
   const payload = configToPayload();
 
   evaluating.value = true;

From df99d582b0886c9876e7335196e9a62aea01b9ba Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 09:39:32 +0200
Subject: [PATCH 056/122] Improve styles for pairlist selection

---
 src/components/ftbot/PairlistConfigurator.vue | 6 +++---
 src/styles/_styles_ovw.scss                   | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 9c37f0c0..78a7e9b0 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -65,12 +65,12 @@
       </b-col>
       <b-col cols="12" md="3">
         <i-mdi-content-copy
-          v-if="isSupported"
+          v-if="isSupported && pairlistValid"
           role="button"
-          class="position-absolute end-0 me-3"
+          class="position-absolute end-0 mt-1 me-3"
           @click="copy(configJSON)"
         />
-        <pre class="text-start"><code>{{ configJSON }}</code></pre>
+        <pre class="text-start border p-1"><code>{{ configJSON }}</code></pre>
       </b-col>
     </b-row>
   </b-container>
diff --git a/src/styles/_styles_ovw.scss b/src/styles/_styles_ovw.scss
index dcd55b96..d4e04ab3 100644
--- a/src/styles/_styles_ovw.scss
+++ b/src/styles/_styles_ovw.scss
@@ -51,6 +51,10 @@
         color: $fg-color;
     }
 
+    .border {
+        border-color: lighten($bg-dark, 40%) !important;
+    }
+
     .card {
         border-color: lighten($bg-dark, 10%);
         background-color: $bg-dark;

From bf87893d72ad0fc4ee5f549b0c85d30e01da3397 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 09:57:37 +0000
Subject: [PATCH 057/122] only let generators to be added at first

---
 src/components/ftbot/PairlistConfigurator.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 61cdfc61..fd9c45e4 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -7,6 +7,7 @@
             v-for="pairlist in availablePairlists"
             :key="pairlist.name"
             align-v="center"
+            :class="{ 'no-drag': config.pairlists.length == 0 && !pairlist.is_pairlist_generator }"
             class="pairlist d-flex text-start align-items-center"
           >
             <div class="d-flex flex-grow-1 align-items-start flex-column">
@@ -17,6 +18,7 @@
               class="p-0"
               style="border: none"
               variant="outline-light"
+              :disabled="config.pairlists.length == 0 && !pairlist.is_pairlist_generator"
               @click="addToConfig(pairlist, selectedConfig.pairlists.length)"
             >
               <i-mdi-arrow-right-bold-box-outline class="fs-4" />
@@ -140,6 +142,7 @@ useSortable(availablePairlistsEl, availablePairlists.value, {
     put: false,
   },
   sort: false,
+  filter: '.no-drag',
 });
 
 useSortable(pairlistConfigsEl, config.value.pairlists, {
@@ -254,11 +257,19 @@ watch(
 );
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .pairlist {
   border: 1px solid white;
 }
 
+.pairlist.no-drag {
+  color: gray;
+}
+
+.pairlist.no-drag:hover {
+  cursor: default;
+}
+
 .pairlist:hover {
   cursor: grab;
 }

From 1d2ff8e5f607bc1ed6c2d04c8acde935d4b9920a Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 10:04:11 +0000
Subject: [PATCH 058/122] dragging preview nicer

---
 src/components/ftbot/PairlistConfigurator.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index fd9c45e4..5255ebe2 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -8,7 +8,7 @@
             :key="pairlist.name"
             align-v="center"
             :class="{ 'no-drag': config.pairlists.length == 0 && !pairlist.is_pairlist_generator }"
-            class="pairlist d-flex text-start align-items-center"
+            class="pairlist d-flex text-start align-items-center py-2 px-3"
           >
             <div class="d-flex flex-grow-1 align-items-start flex-column">
               <span class="fw-bold fd-italic">{{ pairlist.name }}</span>

From 11515540d01ab5d1dcc6b9741f2971abdec0c071 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 10:28:24 +0000
Subject: [PATCH 059/122] move elements out of sortable container

---
 src/components/ftbot/PairlistConfigurator.vue | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 5255ebe2..31694ae4 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,7 +1,7 @@
 <template>
   <b-container fluid>
     <b-row align-v="stretch">
-      <b-col cols="12" md="3" class="overflow-auto" style="height: 760px">
+      <b-col cols="12" md="3" class="overflow-auto">
         <b-list-group ref="availablePairlistsEl" class="available-pairlists">
           <b-list-group-item
             v-for="pairlist in availablePairlists"
@@ -39,14 +39,25 @@
             <b-button @click="save">Save</b-button>
           </b-col>
         </b-row>
+        <b-button
+          :disabled="evaluating || !pairlistValid"
+          variant="primary"
+          size="lg"
+          squared
+          class="mb-2 evaluate"
+          @click="evaluateClick"
+        >
+          <b-spinner v-if="evaluating" small></b-spinner>
+          <span>{{ evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
+        </b-button>
+        <b-alert
+          :model-value="config.pairlists.length > 0 && !firstPairlistIsGenerator"
+          variant="warning"
+        >
+          First entry in the pairlist must be a Generating pairlist, like StaticPairList or
+          VolumePairList.
+        </b-alert>
         <div ref="pairlistConfigsEl" class="h-100">
-          <b-alert
-            :model-value="config.pairlists.length > 0 && !firstPairlistIsGenerator"
-            variant="warning"
-          >
-            First entry in the pairlist must be a Generating pairlist, like StaticPairList or
-            VolumePairList.
-          </b-alert>
           <PairlistConfigItem
             v-for="(pairlist, i) in pairlistsComp"
             :key="pairlist.id"
@@ -54,17 +65,6 @@
             :index="i"
             @remove="removeFromConfig"
           />
-          <b-button
-            :disabled="evaluating || !pairlistValid"
-            variant="primary"
-            size="lg"
-            squared
-            class="mt-2 evaluate"
-            @click="evaluateClick"
-          >
-            <b-spinner v-if="evaluating" small></b-spinner>
-            <span>{{ evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
-          </b-button>
         </div>
       </b-col>
       <b-col cols="12" md="3">

From 8d477ab0f427cdc998298298820a84dc2aab181a Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 14:55:15 +0200
Subject: [PATCH 060/122] Extract copyable textfield to separate component

---
 .../ftbot/PairlistConfigResults.vue           | 13 +++++++---
 src/components/ftbot/PairlistConfigurator.vue | 12 ++--------
 src/components/general/CopyableTextfield.vue  | 24 +++++++++++++++++++
 3 files changed, 36 insertions(+), 13 deletions(-)
 create mode 100644 src/components/general/CopyableTextfield.vue

diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
index ee61c15f..5eacf96f 100644
--- a/src/components/ftbot/PairlistConfigResults.vue
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -22,9 +22,15 @@
         <CandleChartContainer :available-pairs="inputWhitelist" timeframe="5m" />
       </b-col>
       <b-col cols="12" md="2">
-        <pre
-          class="text-start"
-        ><code>{{ whitelist.filter(p => p.enabled === true).map(p => p.pair) }}</code></pre>
+        <CopyableTextfield
+          :content="
+            JSON.stringify(
+              whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
+              null,
+              2,
+            )
+          "
+        />
       </b-col>
     </b-row>
     <b-row v-else>
@@ -39,6 +45,7 @@
 import { ref } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import CandleChartContainer from '../charts/CandleChartContainer.vue';
+import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 
 const props = defineProps<{
   inputWhitelist: string[];
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 31694ae4..8a7f504d 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -68,13 +68,7 @@
         </div>
       </b-col>
       <b-col cols="12" md="3">
-        <i-mdi-content-copy
-          v-if="isSupported && pairlistValid"
-          role="button"
-          class="position-absolute end-0 mt-1 me-3"
-          @click="copy(configJSON)"
-        />
-        <pre class="text-start border p-1"><code>{{ configJSON }}</code></pre>
+        <CopyableTextfield :content="configJSON" :is-valid="pairlistValid" />
       </b-col>
     </b-row>
   </b-container>
@@ -86,7 +80,7 @@ import { useBotStore } from '@/stores/ftbotwrapper';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import { Pairlist, PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
-import { useClipboard } from '@vueuse/core';
+import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 
 const emit = defineEmits([
   'update:modelValue',
@@ -190,8 +184,6 @@ async function save() {
   emit('saveConfig', config.value);
 }
 
-const { copy, isSupported } = useClipboard();
-
 async function evaluateClick() {
   const payload = configToPayload();
 
diff --git a/src/components/general/CopyableTextfield.vue b/src/components/general/CopyableTextfield.vue
new file mode 100644
index 00000000..b37dc9c9
--- /dev/null
+++ b/src/components/general/CopyableTextfield.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="position-relative">
+    <i-mdi-content-copy
+      v-if="isSupported && isValid"
+      role="button"
+      class="position-absolute end-0 mt-1 me-2"
+      @click="copy(content)"
+    />
+    <pre class="text-start border p-1"><code>{{ content }}</code></pre>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useClipboard } from '@vueuse/core';
+
+defineProps({
+  content: { type: String, required: true },
+  isValid: { type: Boolean, default: true },
+});
+
+const { copy, isSupported } = useClipboard();
+</script>
+
+<style scoped></style>

From 078878df3fbae911b2f8f6503745c54d1d59d87b Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 15:07:54 +0200
Subject: [PATCH 061/122] Improve copy button behavior

---
 src/components/general/CopyableTextfield.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/components/general/CopyableTextfield.vue b/src/components/general/CopyableTextfield.vue
index b37dc9c9..83819171 100644
--- a/src/components/general/CopyableTextfield.vue
+++ b/src/components/general/CopyableTextfield.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="position-relative">
+  <div class="copy-container position-relative">
     <i-mdi-content-copy
       v-if="isSupported && isValid"
       role="button"
-      class="position-absolute end-0 mt-1 me-2"
+      class="copy-button position-absolute end-0 mt-1 me-2"
       @click="copy(content)"
     />
     <pre class="text-start border p-1"><code>{{ content }}</code></pre>
@@ -21,4 +21,16 @@ defineProps({
 const { copy, isSupported } = useClipboard();
 </script>
 
-<style scoped></style>
+<style lang="scss" scoped>
+.copy-container {
+  .copy-button {
+    opacity: 0;
+  }
+
+  &:hover {
+    .copy-button {
+      opacity: 1;
+    }
+  }
+}
+</style>

From 80b8a73d0e9e722786ad042cfb1260302928bf6f Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 17:51:54 +0000
Subject: [PATCH 062/122] improved card header styling

---
 src/components/ftbot/PairlistConfigItem.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 0fcf23f3..5678b9ab 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -4,9 +4,14 @@
       <div class="d-flex text-start align-items-center">
         <div class="d-flex flex-grow-1 align-items-center">
           <i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
-          <b-button variant="link" @click="visible = !visible">
-            <h6 class="mb-0">{{ pairlist.name }}</h6>
-          </b-button>
+          <div
+            role="button"
+            class="d-flex flex-grow-1 align-items-start flex-column"
+            @click="visible = !visible"
+          >
+            <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
+            <span class="fw-lighter">{{ pairlist.description }}</span>
+          </div>
         </div>
         <b-button size="sm" @click="emit('remove', index)">
           <i-mdi-close />

From cebf07bdeec3f8d4be982edf327a29f7b7994f33 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 21:36:23 +0000
Subject: [PATCH 063/122] extracted pairlist logic to pairlist store

---
 .../ftbot/PairlistConfigResults.vue           |  32 +++--
 src/components/ftbot/PairlistConfigurator.vue | 124 ++++++------------
 src/stores/ftbot.ts                           |   3 +-
 src/stores/pairlistConfig.ts                  |  83 ++++++++++++
 src/views/PairlistConfigView.vue              |  71 ++--------
 5 files changed, 154 insertions(+), 159 deletions(-)
 create mode 100644 src/stores/pairlistConfig.ts

diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
index 5eacf96f..8197535f 100644
--- a/src/components/ftbot/PairlistConfigResults.vue
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -18,8 +18,8 @@
         </b-list-group>
       </b-col>
       <b-col>
-        <!-- probably needs changes in backend to work properly -->
-        <CandleChartContainer :available-pairs="inputWhitelist" timeframe="5m" />
+        <!-- TODO: fix layout issues -->
+        <ChartView />
       </b-col>
       <b-col cols="12" md="2">
         <CopyableTextfield
@@ -42,22 +42,26 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
-import CandleChartContainer from '../charts/CandleChartContainer.vue';
+import { usePairlistConfigStore } from '@/stores/pairlistConfig';
+import ChartView from '@/views/ChartsView.vue';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 
-const props = defineProps<{
-  inputWhitelist: string[];
-}>();
 const botStore = useBotStore();
+const pairlistStore = usePairlistConfigStore();
 
-const whitelist = ref(
-  props.inputWhitelist.map((p) => {
-    return {
-      enabled: true,
-      pair: p,
-    };
-  }),
+const whitelist = ref<{ enabled: boolean; pair: string }[]>([]);
+
+watch(
+  () => pairlistStore.whitelist,
+  () => {
+    whitelist.value = pairlistStore.whitelist.map((p) => {
+      return {
+        enabled: true,
+        pair: p,
+      };
+    });
+  },
 );
 </script>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 8a7f504d..7237d422 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -7,7 +7,10 @@
             v-for="pairlist in availablePairlists"
             :key="pairlist.name"
             align-v="center"
-            :class="{ 'no-drag': config.pairlists.length == 0 && !pairlist.is_pairlist_generator }"
+            :class="{
+              'no-drag':
+                pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator,
+            }"
             class="pairlist d-flex text-start align-items-center py-2 px-3"
           >
             <div class="d-flex flex-grow-1 align-items-start flex-column">
@@ -18,8 +21,10 @@
               class="p-0"
               style="border: none"
               variant="outline-light"
-              :disabled="config.pairlists.length == 0 && !pairlist.is_pairlist_generator"
-              @click="addToConfig(pairlist, selectedConfig.pairlists.length)"
+              :disabled="
+                pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator
+              "
+              @click="pairlistStore.addToConfig(pairlist, pairlistStore.config.pairlists.length)"
             >
               <i-mdi-arrow-right-bold-box-outline class="fs-4" />
             </b-button>
@@ -30,28 +35,30 @@
         <b-row>
           <b-col>
             <b-form-input
-              v-model="config.name"
+              v-model="pairlistStore.config.name"
               class="mb-2"
               placeholder="Configuration name..."
             ></b-form-input>
           </b-col>
           <b-col cols="auto">
-            <b-button @click="save">Save</b-button>
+            <b-button @click="pairlistStore.saveConfig()">Save</b-button>
           </b-col>
         </b-row>
         <b-button
-          :disabled="evaluating || !pairlistValid"
+          :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
           variant="primary"
           size="lg"
           squared
           class="mb-2 evaluate"
           @click="evaluateClick"
         >
-          <b-spinner v-if="evaluating" small></b-spinner>
-          <span>{{ evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
+          <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
+          <span>{{ pairlistStore.evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
         </b-button>
         <b-alert
-          :model-value="config.pairlists.length > 0 && !firstPairlistIsGenerator"
+          :model-value="
+            pairlistStore.config.pairlists.length > 0 && !pairlistStore.firstPairlistIsGenerator
+          "
           variant="warning"
         >
           First entry in the pairlist must be a Generating pairlist, like StaticPairList or
@@ -61,62 +68,38 @@
           <PairlistConfigItem
             v-for="(pairlist, i) in pairlistsComp"
             :key="pairlist.id"
-            v-model="config.pairlists[i]"
+            v-model="pairlistStore.config.pairlists[i]"
             :index="i"
-            @remove="removeFromConfig"
+            @remove="pairlistStore.removeFromConfig"
           />
         </div>
       </b-col>
       <b-col cols="12" md="3">
-        <CopyableTextfield :content="configJSON" :is-valid="pairlistValid" />
+        <CopyableTextfield :content="configJSON" :is-valid="pairlistStore.pairlistValid" />
       </b-col>
     </b-row>
   </b-container>
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref, toRaw, watch } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
+import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
-import { Pairlist, PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
+import { Pairlist, PairlistParamType, PairlistPayloadItem } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 
-const emit = defineEmits([
-  'update:modelValue',
-  'saveConfig',
-  'started',
-  'progress',
-  'done',
-  'error',
-]);
-const props = defineProps<{
-  selectedConfig: PairlistConfig;
-}>();
-
 const botStore = useBotStore();
+const pairlistStore = usePairlistConfigStore();
 
 const availablePairlists = ref<Pairlist[]>([]);
-const config = ref<PairlistConfig>(props.selectedConfig);
 const pairlistConfigsEl = ref<HTMLElement | null>(null);
 const availablePairlistsEl = ref<HTMLElement | null>(null);
-const evaluating = ref(false);
-
-const firstPairlistIsGenerator = computed<boolean>(() => {
-  // First pairlist must be a generator
-  if (config.value.pairlists[0]?.is_pairlist_generator) {
-    return true;
-  }
-  return false;
-});
-
-const pairlistValid = computed<boolean>(() => {
-  return firstPairlistIsGenerator.value && config.value.pairlists.length > 0;
-});
 
 // v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
 const pairlistsComp = computed(() =>
-  config.value.pairlists.map((p) => {
+  pairlistStore.config.pairlists.map((p) => {
     if (p.id) {
       return p;
     } else {
@@ -129,6 +112,15 @@ const configJSON = computed(() => {
   return JSON.stringify(configToPayloadItems(), null, 2);
 });
 
+const configsSelectOptions = computed(() =>
+  pairlistStore.savedConfigs.map((c) => {
+    return {
+      text: c.name,
+      value: c,
+    };
+  }),
+);
+
 useSortable(availablePairlistsEl, availablePairlists.value, {
   group: {
     name: 'configurator',
@@ -139,15 +131,15 @@ useSortable(availablePairlistsEl, availablePairlists.value, {
   filter: '.no-drag',
 });
 
-useSortable(pairlistConfigsEl, config.value.pairlists, {
+useSortable(pairlistConfigsEl, pairlistStore.config.pairlists, {
   handle: '.handle',
   group: 'configurator',
   onUpdate: async (e) => {
-    moveArrayElement(config.value.pairlists, e.oldIndex, e.newIndex);
+    moveArrayElement(pairlistStore.config.pairlists, e.oldIndex, e.newIndex);
   },
   onAdd: (e) => {
     const pairlist = availablePairlists.value[e.oldIndex];
-    addToConfig(pairlist, e.newIndex);
+    pairlistStore.addToConfig(pairlist, e.newIndex);
     // quick fix from: https://github.com/SortableJS/Sortable/issues/1515
     e.clone.replaceWith(e.item);
     e.clone.remove();
@@ -166,42 +158,9 @@ onMounted(async () => {
   );
 });
 
-function addToConfig(pairlist: Pairlist, index: number) {
-  pairlist = structuredClone(toRaw(pairlist));
-  for (const param in pairlist.params) {
-    pairlist.params[param].value = pairlist.params[param].default
-      ? pairlist.params[param].default.toString()
-      : '';
-  }
-  config.value.pairlists.splice(index, 0, pairlist);
-}
-
-function removeFromConfig(index: number) {
-  config.value.pairlists.splice(index, 1);
-}
-
-async function save() {
-  emit('saveConfig', config.value);
-}
-
 async function evaluateClick() {
   const payload = configToPayload();
-
-  evaluating.value = true;
-  const res = await botStore.activeBot.evaluatePairlist(payload);
-  emit('started', res);
-  const evalIntervalId = setInterval(async () => {
-    const res = await botStore.activeBot.getPairlistEvalStatus(evalIntervalId);
-    if (res.status === 'success' && res.result) {
-      emit('done', res);
-      clearInterval(evalIntervalId);
-      evaluating.value = false;
-    } else if (res.error) {
-      emit('error', res);
-      clearInterval(evalIntervalId);
-      evaluating.value = false;
-    }
-  }, 1000);
+  pairlistStore.startPairlistEvaluation(payload);
 }
 
 function convertToParamType(type: PairlistParamType, value: string) {
@@ -225,7 +184,7 @@ function configToPayload() {
 
 function configToPayloadItems() {
   const pairlists: PairlistPayloadItem[] = [];
-  config.value.pairlists.forEach((config) => {
+  pairlistStore.config.pairlists.forEach((config) => {
     const pairlist = {
       method: config.name,
     };
@@ -240,13 +199,6 @@ function configToPayloadItems() {
 
   return pairlists;
 }
-
-watch(
-  () => props.selectedConfig,
-  () => {
-    config.value = structuredClone(toRaw(props.selectedConfig));
-  },
-);
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/stores/ftbot.ts b/src/stores/ftbot.ts
index e9c5394f..79fa42ab 100644
--- a/src/stores/ftbot.ts
+++ b/src/stores/ftbot.ts
@@ -549,14 +549,13 @@ export function createBotSubStore(botId: string, botName: string) {
           return Promise.reject(error);
         }
       },
-      async getPairlistEvalStatus(timerIntervalId: number) {
+      async getPairlistEvalStatus() {
         try {
           const { data } = await api.get<PairlistEvalResponse>('/pairlists/evaluate');
           return Promise.resolve(data);
         } catch (error) {
           console.error(error);
           return Promise.reject(error);
-          clearInterval(timerIntervalId);
         }
       },
       // // Post methods
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
new file mode 100644
index 00000000..db0fefe4
--- /dev/null
+++ b/src/stores/pairlistConfig.ts
@@ -0,0 +1,83 @@
+import { defineStore } from 'pinia';
+import { useBotStore } from './ftbotwrapper';
+
+import { Pairlist, PairlistConfig, PairlistsPayload } from '@/types';
+import { computed, ref, toRaw } from 'vue';
+import { showAlert } from './alerts';
+
+export const usePairlistConfigStore = defineStore('pairlistConfig', () => {
+  const botStore = useBotStore();
+
+  const evaluating = ref<boolean>(false);
+  const intervalId = ref<number>();
+  const whitelist = ref<string[]>([]);
+  const config = ref<PairlistConfig>({ name: '', pairlists: [] });
+  const savedConfigs = ref<PairlistConfig[]>([]);
+
+  const firstPairlistIsGenerator = computed<boolean>(() => {
+    // First pairlist must be a generator
+    if (config.value.pairlists[0]?.is_pairlist_generator) {
+      return true;
+    }
+    return false;
+  });
+
+  const pairlistValid = computed<boolean>(() => {
+    return firstPairlistIsGenerator.value && config.value.pairlists.length > 0;
+  });
+
+  async function startPairlistEvaluation(payload: PairlistsPayload) {
+    evaluating.value = true;
+    await botStore.activeBot.evaluatePairlist(payload);
+
+    intervalId.value = setInterval(async () => {
+      const res = await botStore.activeBot.getPairlistEvalStatus();
+      if (res.status === 'success' && res.result) {
+        clearInterval(intervalId.value);
+        evaluating.value = false;
+        whitelist.value = res.result.whitelist;
+      } else if (res.error) {
+        showAlert(res.error, 'danger');
+        clearInterval(intervalId.value);
+        evaluating.value = false;
+      }
+    }, 1000);
+  }
+
+  function addToConfig(pairlist: Pairlist, index: number) {
+    pairlist = structuredClone(toRaw(pairlist));
+    for (const param in pairlist.params) {
+      pairlist.params[param].value = pairlist.params[param].default
+        ? pairlist.params[param].default.toString()
+        : '';
+    }
+    config.value.pairlists.splice(index, 0, pairlist);
+  }
+
+  function removeFromConfig(index: number) {
+    config.value.pairlists.splice(index, 1);
+  }
+
+  const saveConfig = () => {
+    const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
+
+    if (i > -1) {
+      savedConfigs.value[i] = config.value;
+    } else {
+      savedConfigs.value.push(config.value);
+    }
+  };
+
+  return {
+    evaluating,
+    whitelist,
+    config,
+    savedConfigs,
+    startPairlistEvaluation,
+    addToConfig,
+    removeFromConfig,
+    saveConfig,
+    firstPairlistIsGenerator,
+    pairlistValid,
+  };
+});
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index 104e4813..c17c62f7 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -9,77 +9,34 @@
       >
       <b-button
         v-model="currentView"
-        :disabled="whitelist.length == 0"
+        :disabled="pairlistStore.whitelist.length == 0"
         :active="currentView === 'results'"
         @click="currentView = 'results'"
         >Results</b-button
       >
     </b-button-group>
 
-    <PairlistConfigurator
-      v-if="currentView == 'configurator'"
-      :selected-config="selectedConfig"
-      @save-config="addConfig"
-      @started="evalStarted"
-      @error="evalError"
-      @done="evalDone"
-    />
+    <PairlistConfigurator v-if="currentView == 'configurator'" />
 
-    <PairlistConfigResults v-if="currentView == 'results'" :input-whitelist="whitelist" />
+    <PairlistConfigResults v-show="currentView == 'results'" />
   </div>
 </template>
 
 <script setup lang="ts">
-import { useBotStore } from '@/stores/ftbotwrapper';
-import { ref, computed } from 'vue';
+import { usePairlistConfigStore } from '@/stores/pairlistConfig';
+import { ref, watch } from 'vue';
 import PairlistConfigurator from '@/components/ftbot/PairlistConfigurator.vue';
 import PairlistConfigResults from '@/components/ftbot/PairlistConfigResults.vue';
-import { PairlistConfig, PairlistEvalResponse, StatusResponse } from '@/types';
-import { showAlert } from '@/stores/alerts';
 
-const botStore = useBotStore();
-const configs = ref<PairlistConfig[]>([]);
-const selectedConfig = ref<PairlistConfig>({ name: '', pairlists: [] });
-const whitelist = ref<string[]>([]);
+const pairlistStore = usePairlistConfigStore();
 const currentView = ref<'configurator' | 'results'>('configurator');
 
-const addConfig = (config: PairlistConfig) => {
-  const i = configs.value.findIndex((c) => c.name === config.name);
-
-  if (i > -1) {
-    configs.value[i] = config;
-  } else {
-    configs.value.push(config);
-  }
-  selectedConfig.value = config;
-};
-
-const configsSelectOptions = computed(() => {
-  const options = configs.value.map((c) => {
-    return { value: c, text: c.name };
-  });
-
-  const val: PairlistConfig = {
-    name: '',
-    pairlists: [],
-  };
-
-  return [{ text: 'New config...', value: val }, ...options];
-});
-
-const evalDone = (res: PairlistEvalResponse) => {
-  if (res.result?.whitelist) {
-    whitelist.value = res.result.whitelist;
-    currentView.value = 'results';
-  }
-};
-const evalError = (res: PairlistEvalResponse) => {
-  if (res.error) {
-    showAlert(res.error, 'danger');
-  }
-};
-const evalStarted = (res: StatusResponse) => {
-  whitelist.value = [];
-  showAlert(res.status, 'info');
-};
+watch(
+  () => pairlistStore.evaluating,
+  (newVal: boolean, oldVal: boolean) => {
+    if (oldVal === true && newVal === false) {
+      currentView.value = 'results';
+    }
+  },
+);
 </script>

From 0c4c4b7fc613b6cd159ccfbf5899d692db440c1e Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 22:24:48 +0000
Subject: [PATCH 064/122] wip config storage

---
 src/components/ftbot/PairlistConfigurator.vue |  18 ++-
 src/stores/pairlistConfig.ts                  | 145 ++++++++++--------
 2 files changed, 90 insertions(+), 73 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 7237d422..0554e3fb 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -34,13 +34,21 @@
       <b-col>
         <b-row>
           <b-col>
-            <b-form-input
-              v-model="pairlistStore.config.name"
-              class="mb-2"
-              placeholder="Configuration name..."
-            ></b-form-input>
+            <b-row>
+              <b-col>
+                <b-form-select v-model="pairlistStore.config" :options="configsSelectOptions" />
+              </b-col>
+              <b-col
+                ><b-form-input
+                  v-model="pairlistStore.config.name"
+                  class="mb-2"
+                  placeholder="Configuration name..."
+                ></b-form-input
+              ></b-col>
+            </b-row>
           </b-col>
           <b-col cols="auto">
+            <b-button>New</b-button>
             <b-button @click="pairlistStore.saveConfig()">Save</b-button>
           </b-col>
         </b-row>
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index db0fefe4..6af4dbdd 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -5,79 +5,88 @@ import { Pairlist, PairlistConfig, PairlistsPayload } from '@/types';
 import { computed, ref, toRaw } from 'vue';
 import { showAlert } from './alerts';
 
-export const usePairlistConfigStore = defineStore('pairlistConfig', () => {
-  const botStore = useBotStore();
+export const usePairlistConfigStore = defineStore(
+  'pairlistConfig',
+  () => {
+    const botStore = useBotStore();
 
-  const evaluating = ref<boolean>(false);
-  const intervalId = ref<number>();
-  const whitelist = ref<string[]>([]);
-  const config = ref<PairlistConfig>({ name: '', pairlists: [] });
-  const savedConfigs = ref<PairlistConfig[]>([]);
+    const evaluating = ref<boolean>(false);
+    const intervalId = ref<number>();
+    const whitelist = ref<string[]>([]);
+    const config = ref<PairlistConfig>({ name: '', pairlists: [] });
+    const savedConfigs = ref<PairlistConfig[]>([]);
 
-  const firstPairlistIsGenerator = computed<boolean>(() => {
-    // First pairlist must be a generator
-    if (config.value.pairlists[0]?.is_pairlist_generator) {
-      return true;
-    }
-    return false;
-  });
-
-  const pairlistValid = computed<boolean>(() => {
-    return firstPairlistIsGenerator.value && config.value.pairlists.length > 0;
-  });
-
-  async function startPairlistEvaluation(payload: PairlistsPayload) {
-    evaluating.value = true;
-    await botStore.activeBot.evaluatePairlist(payload);
-
-    intervalId.value = setInterval(async () => {
-      const res = await botStore.activeBot.getPairlistEvalStatus();
-      if (res.status === 'success' && res.result) {
-        clearInterval(intervalId.value);
-        evaluating.value = false;
-        whitelist.value = res.result.whitelist;
-      } else if (res.error) {
-        showAlert(res.error, 'danger');
-        clearInterval(intervalId.value);
-        evaluating.value = false;
+    const firstPairlistIsGenerator = computed<boolean>(() => {
+      // First pairlist must be a generator
+      if (config.value.pairlists[0]?.is_pairlist_generator) {
+        return true;
       }
-    }, 1000);
-  }
+      return false;
+    });
 
-  function addToConfig(pairlist: Pairlist, index: number) {
-    pairlist = structuredClone(toRaw(pairlist));
-    for (const param in pairlist.params) {
-      pairlist.params[param].value = pairlist.params[param].default
-        ? pairlist.params[param].default.toString()
-        : '';
+    const pairlistValid = computed<boolean>(() => {
+      return firstPairlistIsGenerator.value && config.value.pairlists.length > 0;
+    });
+
+    async function startPairlistEvaluation(payload: PairlistsPayload) {
+      evaluating.value = true;
+      await botStore.activeBot.evaluatePairlist(payload);
+
+      intervalId.value = setInterval(async () => {
+        const res = await botStore.activeBot.getPairlistEvalStatus();
+        if (res.status === 'success' && res.result) {
+          clearInterval(intervalId.value);
+          evaluating.value = false;
+          whitelist.value = res.result.whitelist;
+        } else if (res.error) {
+          showAlert(res.error, 'danger');
+          clearInterval(intervalId.value);
+          evaluating.value = false;
+        }
+      }, 1000);
     }
-    config.value.pairlists.splice(index, 0, pairlist);
-  }
 
-  function removeFromConfig(index: number) {
-    config.value.pairlists.splice(index, 1);
-  }
-
-  const saveConfig = () => {
-    const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
-
-    if (i > -1) {
-      savedConfigs.value[i] = config.value;
-    } else {
-      savedConfigs.value.push(config.value);
+    function addToConfig(pairlist: Pairlist, index: number) {
+      pairlist = structuredClone(toRaw(pairlist));
+      for (const param in pairlist.params) {
+        pairlist.params[param].value = pairlist.params[param].default
+          ? pairlist.params[param].default.toString()
+          : '';
+      }
+      config.value.pairlists.splice(index, 0, pairlist);
     }
-  };
 
-  return {
-    evaluating,
-    whitelist,
-    config,
-    savedConfigs,
-    startPairlistEvaluation,
-    addToConfig,
-    removeFromConfig,
-    saveConfig,
-    firstPairlistIsGenerator,
-    pairlistValid,
-  };
-});
+    function removeFromConfig(index: number) {
+      config.value.pairlists.splice(index, 1);
+    }
+
+    const saveConfig = () => {
+      const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
+
+      if (i > -1) {
+        savedConfigs.value[i] = structuredClone(toRaw(config.value));
+      } else {
+        savedConfigs.value.push(structuredClone(toRaw(config.value)));
+      }
+    };
+
+    return {
+      evaluating,
+      whitelist,
+      config,
+      savedConfigs,
+      startPairlistEvaluation,
+      addToConfig,
+      removeFromConfig,
+      saveConfig,
+      firstPairlistIsGenerator,
+      pairlistValid,
+    };
+  },
+  {
+    persist: {
+      key: 'pairlist-configs',
+      paths: ['savedConfigs'],
+    },
+  },
+);

From 2c65c37caa14ef202e344c0677da62164197cfb3 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 10:42:17 +0000
Subject: [PATCH 065/122] save and load configs

---
 src/components/ftbot/PairlistConfigurator.vue | 65 ++++++++++---------
 src/stores/pairlistConfig.ts                  | 18 +++--
 2 files changed, 47 insertions(+), 36 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 0554e3fb..3b131f04 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -32,37 +32,38 @@
         </b-list-group>
       </b-col>
       <b-col>
-        <b-row>
-          <b-col>
-            <b-row>
-              <b-col>
-                <b-form-select v-model="pairlistStore.config" :options="configsSelectOptions" />
-              </b-col>
-              <b-col
-                ><b-form-input
-                  v-model="pairlistStore.config.name"
-                  class="mb-2"
-                  placeholder="Configuration name..."
-                ></b-form-input
-              ></b-col>
-            </b-row>
-          </b-col>
-          <b-col cols="auto">
-            <b-button>New</b-button>
-            <b-button @click="pairlistStore.saveConfig()">Save</b-button>
-          </b-col>
-        </b-row>
-        <b-button
-          :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
-          variant="primary"
-          size="lg"
-          squared
-          class="mb-2 evaluate"
-          @click="evaluateClick"
-        >
-          <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
-          <span>{{ pairlistStore.evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
-        </b-button>
+        <b-input-group class="mb-2">
+          <template #prepend>
+            <b-dropdown text="Configs">
+              <b-dropdown-item
+                v-for="config in pairlistStore.savedConfigs"
+                :key="config.name"
+                @click="pairlistStore.selectConfig(config)"
+                >{{ config.name }}</b-dropdown-item
+              >
+            </b-dropdown>
+          </template>
+
+          <b-form-input v-model="pairlistStore.config.name" placeholder="Configuration name..." />
+
+          <template #append>
+            <b-button @click="pairlistStore.saveConfig()"
+              ><i-mdi-content-save class="fs-4"
+            /></b-button>
+            <b-button @click="pairlistStore.newConfig()"><i-mdi-plus class="fs-4" /></b-button>
+            <b-button
+              :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
+              variant="primary"
+              size="lg"
+              squared
+              class="evaluate"
+              @click="evaluateClick"
+            >
+              <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
+              <span>{{ pairlistStore.evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
+            </b-button>
+          </template>
+        </b-input-group>
         <b-alert
           :model-value="
             pairlistStore.config.pairlists.length > 0 && !pairlistStore.firstPairlistIsGenerator
@@ -94,7 +95,7 @@ import { computed, onMounted, ref } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
-import { Pairlist, PairlistParamType, PairlistPayloadItem } from '@/types';
+import { Pairlist, PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 6af4dbdd..64bcf9ed 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -60,15 +60,23 @@ export const usePairlistConfigStore = defineStore(
       config.value.pairlists.splice(index, 1);
     }
 
-    const saveConfig = () => {
+    function saveConfig() {
       const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
 
       if (i > -1) {
-        savedConfigs.value[i] = structuredClone(toRaw(config.value));
+        savedConfigs.value[i] = config.value;
       } else {
-        savedConfigs.value.push(structuredClone(toRaw(config.value)));
+        savedConfigs.value.push(config.value);
       }
-    };
+    }
+
+    function newConfig() {
+      config.value = { name: '', pairlists: [] };
+    }
+
+    function selectConfig(selected: PairlistConfig) {
+      config.value = structuredClone(toRaw(selected));
+    }
 
     return {
       evaluating,
@@ -79,6 +87,8 @@ export const usePairlistConfigStore = defineStore(
       addToConfig,
       removeFromConfig,
       saveConfig,
+      selectConfig,
+      newConfig,
       firstPairlistIsGenerator,
       pairlistValid,
     };

From ee8db64f28fc22225932628f7eba5b79aa061bb6 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 10:49:25 +0000
Subject: [PATCH 066/122] remove configsSelectOptions function

---
 src/components/ftbot/PairlistConfigurator.vue | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 3b131f04..2c301d18 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -121,15 +121,6 @@ const configJSON = computed(() => {
   return JSON.stringify(configToPayloadItems(), null, 2);
 });
 
-const configsSelectOptions = computed(() =>
-  pairlistStore.savedConfigs.map((c) => {
-    return {
-      text: c.name,
-      value: c,
-    };
-  }),
-);
-
 useSortable(availablePairlistsEl, availablePairlists.value, {
   group: {
     name: 'configurator',

From 5e927d406ef1ad15908e0c788a149ee434748a33 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 11:28:55 +0000
Subject: [PATCH 067/122] added blacklist configuration

---
 .../ftbot/PairlistConfigBlacklist.vue         | 48 +++++++++++++++++++
 src/components/ftbot/PairlistConfigurator.vue |  6 ++-
 src/stores/pairlistConfig.ts                  | 14 +++++-
 3 files changed, 65 insertions(+), 3 deletions(-)
 create mode 100644 src/components/ftbot/PairlistConfigBlacklist.vue

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
new file mode 100644
index 00000000..ac4ca130
--- /dev/null
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -0,0 +1,48 @@
+<template>
+  <b-card no-body class="mb-2">
+    <template #header>
+      <div class="d-flex text-start align-items-center">
+        <div class="d-flex flex-grow-1 align-items-center">
+          <div
+            role="button"
+            class="d-flex flex-grow-1 align-items-center flex-column"
+            @click="visible = !visible"
+          >
+            <span class="fw-bold fd-italic">Blacklist</span>
+          </div>
+        </div>
+      </div>
+    </template>
+    <b-card-body :class="{ hidden: !visible }">
+      <b-collapse v-model="visible">
+        <b-input-group v-for="(item, i) in pairlistStore.blacklist" :key="i" class="mb-2">
+          <b-form-input v-model="pairlistStore.blacklist[i]" />
+          <b-input-group-append>
+            <b-button size="sm" @click="pairlistStore.removeFromBlacklist(i)"
+              ><i-mdi-close
+            /></b-button>
+          </b-input-group-append>
+        </b-input-group>
+        <b-button @click="pairlistStore.addToBlacklist()">Add</b-button>
+      </b-collapse>
+    </b-card-body>
+  </b-card>
+</template>
+<script setup>
+import { ref } from 'vue';
+import { usePairlistConfigStore } from '@/stores/pairlistConfig';
+const pairlistStore = usePairlistConfigStore();
+
+const visible = ref(false);
+</script>
+<style lang="scss" scoped>
+.hidden {
+  padding: 0;
+}
+
+:deep(.collapsing) {
+  -webkit-transition: none;
+  transition: none;
+  display: none;
+}
+</style>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 2c301d18..504cf4fa 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -64,6 +64,7 @@
             </b-button>
           </template>
         </b-input-group>
+        <PairlistConfigBlacklist />
         <b-alert
           :model-value="
             pairlistStore.config.pairlists.length > 0 && !pairlistStore.firstPairlistIsGenerator
@@ -95,7 +96,8 @@ import { computed, onMounted, ref } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
-import { Pairlist, PairlistConfig, PairlistParamType, PairlistPayloadItem } from '@/types';
+import PairlistConfigBlacklist from './PairlistConfigBlacklist.vue';
+import { Pairlist, PairlistParamType, PairlistPayloadItem } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 
@@ -178,7 +180,7 @@ function configToPayload() {
   return {
     pairlists: pairlists,
     stake_currency: botStore.activeBot.stakeCurrency,
-    blacklist: [],
+    blacklist: pairlistStore.blacklist,
   };
 }
 
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 64bcf9ed..db468050 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -13,6 +13,7 @@ export const usePairlistConfigStore = defineStore(
     const evaluating = ref<boolean>(false);
     const intervalId = ref<number>();
     const whitelist = ref<string[]>([]);
+    const blacklist = ref<string[]>([]);
     const config = ref<PairlistConfig>({ name: '', pairlists: [] });
     const savedConfigs = ref<PairlistConfig[]>([]);
 
@@ -78,17 +79,28 @@ export const usePairlistConfigStore = defineStore(
       config.value = structuredClone(toRaw(selected));
     }
 
+    function addToBlacklist() {
+      blacklist.value.push('');
+    }
+
+    function removeFromBlacklist(index: number) {
+      blacklist.value.splice(index, 1);
+    }
+
     return {
       evaluating,
       whitelist,
       config,
       savedConfigs,
+      blacklist,
       startPairlistEvaluation,
       addToConfig,
       removeFromConfig,
       saveConfig,
       selectConfig,
       newConfig,
+      addToBlacklist,
+      removeFromBlacklist,
       firstPairlistIsGenerator,
       pairlistValid,
     };
@@ -96,7 +108,7 @@ export const usePairlistConfigStore = defineStore(
   {
     persist: {
       key: 'pairlist-configs',
-      paths: ['savedConfigs'],
+      paths: ['savedConfigs', 'blacklist'],
     },
   },
 );

From 13324c8d372947119da508f399484f49837f25b1 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 11:41:37 +0000
Subject: [PATCH 068/122] more things to pairlistStore

---
 src/components/ftbot/PairlistConfigurator.vue | 51 ++---------
 src/stores/pairlistConfig.ts                  | 86 +++++++++++++++----
 2 files changed, 74 insertions(+), 63 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 504cf4fa..cc22d696 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -85,7 +85,10 @@
         </div>
       </b-col>
       <b-col cols="12" md="3">
-        <CopyableTextfield :content="configJSON" :is-valid="pairlistStore.pairlistValid" />
+        <CopyableTextfield
+          :content="pairlistStore.configJSON"
+          :is-valid="pairlistStore.pairlistValid"
+        />
       </b-col>
     </b-row>
   </b-container>
@@ -97,7 +100,7 @@ import { useBotStore } from '@/stores/ftbotwrapper';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import PairlistConfigBlacklist from './PairlistConfigBlacklist.vue';
-import { Pairlist, PairlistParamType, PairlistPayloadItem } from '@/types';
+import { Pairlist } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 
@@ -119,10 +122,6 @@ const pairlistsComp = computed(() =>
   }),
 );
 
-const configJSON = computed(() => {
-  return JSON.stringify(configToPayloadItems(), null, 2);
-});
-
 useSortable(availablePairlistsEl, availablePairlists.value, {
   group: {
     name: 'configurator',
@@ -161,45 +160,7 @@ onMounted(async () => {
 });
 
 async function evaluateClick() {
-  const payload = configToPayload();
-  pairlistStore.startPairlistEvaluation(payload);
-}
-
-function convertToParamType(type: PairlistParamType, value: string) {
-  if (type === PairlistParamType.number) {
-    return Number(value);
-  } else if (type === PairlistParamType.boolean) {
-    return Boolean(value);
-  } else {
-    return String(value);
-  }
-}
-
-function configToPayload() {
-  const pairlists: PairlistPayloadItem[] = configToPayloadItems();
-  return {
-    pairlists: pairlists,
-    stake_currency: botStore.activeBot.stakeCurrency,
-    blacklist: pairlistStore.blacklist,
-  };
-}
-
-function configToPayloadItems() {
-  const pairlists: PairlistPayloadItem[] = [];
-  pairlistStore.config.pairlists.forEach((config) => {
-    const pairlist = {
-      method: config.name,
-    };
-    for (const key in config.params) {
-      const param = config.params[key];
-      if (param.value) {
-        pairlist[key] = convertToParamType(param.type, param.value);
-      }
-    }
-    pairlists.push(pairlist);
-  });
-
-  return pairlists;
+  pairlistStore.startPairlistEvaluation();
 }
 </script>
 
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index db468050..923709b8 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -1,7 +1,13 @@
 import { defineStore } from 'pinia';
 import { useBotStore } from './ftbotwrapper';
 
-import { Pairlist, PairlistConfig, PairlistsPayload } from '@/types';
+import {
+  Pairlist,
+  PairlistConfig,
+  PairlistParamType,
+  PairlistPayloadItem,
+  PairlistsPayload,
+} from '@/types';
 import { computed, ref, toRaw } from 'vue';
 import { showAlert } from './alerts';
 
@@ -29,23 +35,9 @@ export const usePairlistConfigStore = defineStore(
       return firstPairlistIsGenerator.value && config.value.pairlists.length > 0;
     });
 
-    async function startPairlistEvaluation(payload: PairlistsPayload) {
-      evaluating.value = true;
-      await botStore.activeBot.evaluatePairlist(payload);
-
-      intervalId.value = setInterval(async () => {
-        const res = await botStore.activeBot.getPairlistEvalStatus();
-        if (res.status === 'success' && res.result) {
-          clearInterval(intervalId.value);
-          evaluating.value = false;
-          whitelist.value = res.result.whitelist;
-        } else if (res.error) {
-          showAlert(res.error, 'danger');
-          clearInterval(intervalId.value);
-          evaluating.value = false;
-        }
-      }, 1000);
-    }
+    const configJSON = computed(() => {
+      return JSON.stringify(configToPayloadItems(), null, 2);
+    });
 
     function addToConfig(pairlist: Pairlist, index: number) {
       pairlist = structuredClone(toRaw(pairlist));
@@ -87,10 +79,68 @@ export const usePairlistConfigStore = defineStore(
       blacklist.value.splice(index, 1);
     }
 
+    async function startPairlistEvaluation() {
+      const payload: PairlistsPayload = configToPayload();
+
+      evaluating.value = true;
+      await botStore.activeBot.evaluatePairlist(payload);
+
+      intervalId.value = setInterval(async () => {
+        const res = await botStore.activeBot.getPairlistEvalStatus();
+        if (res.status === 'success' && res.result) {
+          clearInterval(intervalId.value);
+          evaluating.value = false;
+          whitelist.value = res.result.whitelist;
+        } else if (res.error) {
+          showAlert(res.error, 'danger');
+          clearInterval(intervalId.value);
+          evaluating.value = false;
+        }
+      }, 1000);
+    }
+
+    function convertToParamType(type: PairlistParamType, value: string) {
+      if (type === PairlistParamType.number) {
+        return Number(value);
+      } else if (type === PairlistParamType.boolean) {
+        return Boolean(value);
+      } else {
+        return String(value);
+      }
+    }
+
+    function configToPayload() {
+      const pairlists: PairlistPayloadItem[] = configToPayloadItems();
+      return {
+        pairlists: pairlists,
+        stake_currency: botStore.activeBot.stakeCurrency,
+        blacklist: blacklist.value,
+      };
+    }
+
+    function configToPayloadItems() {
+      const pairlists: PairlistPayloadItem[] = [];
+      config.value.pairlists.forEach((config) => {
+        const pairlist = {
+          method: config.name,
+        };
+        for (const key in config.params) {
+          const param = config.params[key];
+          if (param.value) {
+            pairlist[key] = convertToParamType(param.type, param.value);
+          }
+        }
+        pairlists.push(pairlist);
+      });
+
+      return pairlists;
+    }
+
     return {
       evaluating,
       whitelist,
       config,
+      configJSON,
       savedConfigs,
       blacklist,
       startPairlistEvaluation,

From 53a8e988f86c319e3d59b0d571d251743eccc7bc Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 12:01:19 +0000
Subject: [PATCH 069/122] prepend config action buttons

---
 src/components/ftbot/PairlistConfigurator.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index cc22d696..4e1d9c36 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -42,15 +42,15 @@
                 >{{ config.name }}</b-dropdown-item
               >
             </b-dropdown>
+            <b-button @click="pairlistStore.saveConfig()"
+              ><i-mdi-content-save class="fs-4"
+            /></b-button>
+            <b-button @click="pairlistStore.newConfig()"><i-mdi-plus class="fs-4" /></b-button>
           </template>
 
           <b-form-input v-model="pairlistStore.config.name" placeholder="Configuration name..." />
 
           <template #append>
-            <b-button @click="pairlistStore.saveConfig()"
-              ><i-mdi-content-save class="fs-4"
-            /></b-button>
-            <b-button @click="pairlistStore.newConfig()"><i-mdi-plus class="fs-4" /></b-button>
             <b-button
               :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
               variant="primary"

From af50b74a95e98485e4b7830c69c04346c11f239e Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 12:48:08 +0000
Subject: [PATCH 070/122] disable config actions contextually

---
 src/components/ftbot/PairlistConfigurator.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 4e1d9c36..264ee53a 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -42,10 +42,14 @@
                 >{{ config.name }}</b-dropdown-item
               >
             </b-dropdown>
-            <b-button @click="pairlistStore.saveConfig()"
+            <b-button :disabled="!pairlistStore.config.name" @click="pairlistStore.saveConfig()"
               ><i-mdi-content-save class="fs-4"
             /></b-button>
-            <b-button @click="pairlistStore.newConfig()"><i-mdi-plus class="fs-4" /></b-button>
+            <b-button
+              :disabled="pairlistStore.config.pairlists.length == 0"
+              @click="pairlistStore.newConfig()"
+              ><i-mdi-plus class="fs-4"
+            /></b-button>
           </template>
 
           <b-form-input v-model="pairlistStore.config.name" placeholder="Configuration name..." />

From ee3cf53e6bfa4a04c470d794f2ada710b701b507 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 15:44:38 +0000
Subject: [PATCH 071/122] deleting configs

---
 src/stores/pairlistConfig.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 923709b8..53a9cfb3 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -63,6 +63,15 @@ export const usePairlistConfigStore = defineStore(
       }
     }
 
+    function deleteConfig() {
+      const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
+      console.log(i);
+      if (i > -1) {
+        savedConfigs.value.splice(i, 1);
+        config.value = { name: '', pairlists: [] };
+      }
+    }
+
     function newConfig() {
       config.value = { name: '', pairlists: [] };
     }
@@ -147,6 +156,7 @@ export const usePairlistConfigStore = defineStore(
       addToConfig,
       removeFromConfig,
       saveConfig,
+      deleteConfig,
       selectConfig,
       newConfig,
       addToBlacklist,

From 954100eb636f9cd780ad9e9805ffe634adb6d882 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 15:45:03 +0000
Subject: [PATCH 072/122] added PairlistConfigActions component

---
 .../ftbot/PairlistConfigActions.vue           | 48 +++++++++++++++++++
 src/components/ftbot/PairlistConfigurator.vue | 42 +---------------
 2 files changed, 50 insertions(+), 40 deletions(-)
 create mode 100644 src/components/ftbot/PairlistConfigActions.vue

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
new file mode 100644
index 00000000..0827d805
--- /dev/null
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -0,0 +1,48 @@
+<template>
+  <b-input-group class="mb-2">
+    <template #prepend>
+      <b-button
+        :disabled="!pairlistStore.config.name"
+        variant="danger"
+        @click="pairlistStore.deleteConfig()"
+        ><i-mdi-close class="fs-4"
+      /></b-button>
+      <b-dropdown text="Configs">
+        <b-dropdown-item
+          v-for="config in pairlistStore.savedConfigs"
+          :key="config.name"
+          @click="pairlistStore.selectConfig(config)"
+          >{{ config.name }}</b-dropdown-item
+        >
+      </b-dropdown>
+      <b-button :disabled="!pairlistStore.config.name" @click="pairlistStore.saveConfig()"
+        ><i-mdi-content-save class="fs-4"
+      /></b-button>
+      <b-button
+        :disabled="pairlistStore.config.pairlists.length == 0"
+        @click="pairlistStore.newConfig()"
+        ><i-mdi-plus class="fs-4"
+      /></b-button>
+    </template>
+
+    <b-form-input v-model="pairlistStore.config.name" placeholder="Configuration name..." />
+
+    <template #append>
+      <b-button
+        :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
+        variant="primary"
+        size="lg"
+        squared
+        class="evaluate"
+        @click="pairlistStore.startPairlistEvaluation()"
+      >
+        <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
+        <span>{{ pairlistStore.evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
+      </b-button>
+    </template>
+  </b-input-group>
+</template>
+<script setup>
+import { usePairlistConfigStore } from '@/stores/pairlistConfig';
+const pairlistStore = usePairlistConfigStore();
+</script>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 264ee53a..8225c1df 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -32,42 +32,7 @@
         </b-list-group>
       </b-col>
       <b-col>
-        <b-input-group class="mb-2">
-          <template #prepend>
-            <b-dropdown text="Configs">
-              <b-dropdown-item
-                v-for="config in pairlistStore.savedConfigs"
-                :key="config.name"
-                @click="pairlistStore.selectConfig(config)"
-                >{{ config.name }}</b-dropdown-item
-              >
-            </b-dropdown>
-            <b-button :disabled="!pairlistStore.config.name" @click="pairlistStore.saveConfig()"
-              ><i-mdi-content-save class="fs-4"
-            /></b-button>
-            <b-button
-              :disabled="pairlistStore.config.pairlists.length == 0"
-              @click="pairlistStore.newConfig()"
-              ><i-mdi-plus class="fs-4"
-            /></b-button>
-          </template>
-
-          <b-form-input v-model="pairlistStore.config.name" placeholder="Configuration name..." />
-
-          <template #append>
-            <b-button
-              :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
-              variant="primary"
-              size="lg"
-              squared
-              class="evaluate"
-              @click="evaluateClick"
-            >
-              <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
-              <span>{{ pairlistStore.evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
-            </b-button>
-          </template>
-        </b-input-group>
+        <PairlistConfigActions />
         <PairlistConfigBlacklist />
         <b-alert
           :model-value="
@@ -104,6 +69,7 @@ import { useBotStore } from '@/stores/ftbotwrapper';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import PairlistConfigBlacklist from './PairlistConfigBlacklist.vue';
+import PairlistConfigActions from './PairlistConfigActions.vue';
 import { Pairlist } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
@@ -162,10 +128,6 @@ onMounted(async () => {
       : 1,
   );
 });
-
-async function evaluateClick() {
-  pairlistStore.startPairlistEvaluation();
-}
 </script>
 
 <style lang="scss" scoped>

From 37c06453dfb05a0848e720b11aefa75cbe41e466 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 15:51:19 +0000
Subject: [PATCH 073/122] hide config delete button if not saved

---
 src/components/ftbot/PairlistConfigActions.vue | 2 +-
 src/stores/pairlistConfig.ts                   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index 0827d805..6076e6e9 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -2,7 +2,7 @@
   <b-input-group class="mb-2">
     <template #prepend>
       <b-button
-        :disabled="!pairlistStore.config.name"
+        :disabled="!pairlistStore.isSavedConfig"
         variant="danger"
         @click="pairlistStore.deleteConfig()"
         ><i-mdi-close class="fs-4"
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 53a9cfb3..3b1d9770 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -39,6 +39,10 @@ export const usePairlistConfigStore = defineStore(
       return JSON.stringify(configToPayloadItems(), null, 2);
     });
 
+    const isSavedConfig = computed(
+      () => savedConfigs.value.findIndex((c) => c.name === config.value.name) > -1,
+    );
+
     function addToConfig(pairlist: Pairlist, index: number) {
       pairlist = structuredClone(toRaw(pairlist));
       for (const param in pairlist.params) {
@@ -161,6 +165,7 @@ export const usePairlistConfigStore = defineStore(
       newConfig,
       addToBlacklist,
       removeFromBlacklist,
+      isSavedConfig,
       firstPairlistIsGenerator,
       pairlistValid,
     };

From 79bfc72f8a6c751075ed865e0806ed122a053445 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 16:19:08 +0000
Subject: [PATCH 074/122] remove console.log statement

---
 src/stores/pairlistConfig.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 3b1d9770..f91a3759 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -69,7 +69,6 @@ export const usePairlistConfigStore = defineStore(
 
     function deleteConfig() {
       const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
-      console.log(i);
       if (i > -1) {
         savedConfigs.value.splice(i, 1);
         config.value = { name: '', pairlists: [] };

From 4baf1bc7d8b1adac4f683e249dbbf6abb1490ef2 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 18:43:35 +0000
Subject: [PATCH 075/122] use flexbox instead of grid components

---
 .../ftbot/PairlistConfigBlacklist.vue         |  16 +--
 .../ftbot/PairlistConfigResults.vue           |  76 ++++++------
 src/components/ftbot/PairlistConfigurator.vue | 112 ++++++++----------
 src/views/PairlistConfigView.vue              |   2 +-
 4 files changed, 95 insertions(+), 111 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index ac4ca130..02691fba 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -1,16 +1,12 @@
 <template>
   <b-card no-body class="mb-2">
     <template #header>
-      <div class="d-flex text-start align-items-center">
-        <div class="d-flex flex-grow-1 align-items-center">
-          <div
-            role="button"
-            class="d-flex flex-grow-1 align-items-center flex-column"
-            @click="visible = !visible"
-          >
-            <span class="fw-bold fd-italic">Blacklist</span>
-          </div>
-        </div>
+      <div
+        class="d-flex flex-column align-items-center fw-bold fd-italic"
+        role="button"
+        @click="visible = !visible"
+      >
+        Blacklist
       </div>
     </template>
     <b-card-body :class="{ hidden: !visible }">
diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
index 8197535f..62187f12 100644
--- a/src/components/ftbot/PairlistConfigResults.vue
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -1,44 +1,40 @@
 <template>
-  <b-container fluid>
-    <b-row v-if="whitelist.length > 0">
-      <b-col cols="12" md="2">
-        <b-list-group>
-          <b-list-group-item
-            v-for="(pair, i) in whitelist"
-            :key="pair.pair"
-            button
-            class="d-flex justify-content-between align-items-center py-1"
-            :active="pair.pair === botStore.activeBot.selectedPair"
-            :title="pair.pair"
-            @click="botStore.activeBot.selectedPair = pair.pair"
-          >
-            <b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
-            {{ pair.pair }}
-          </b-list-group-item>
-        </b-list-group>
-      </b-col>
-      <b-col>
-        <!-- TODO: fix layout issues -->
-        <ChartView />
-      </b-col>
-      <b-col cols="12" md="2">
-        <CopyableTextfield
-          :content="
-            JSON.stringify(
-              whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
-              null,
-              2,
-            )
-          "
-        />
-      </b-col>
-    </b-row>
-    <b-row v-else>
-      <b-col>
-        <p>Evaluation returned 0 pairs</p>
-      </b-col>
-    </b-row>
-  </b-container>
+  <div v-if="whitelist.length > 0" class="d-flex flex-column flex-lg-row px-2">
+    <div class="col-12 col-md-2">
+      <b-list-group>
+        <b-list-group-item
+          v-for="(pair, i) in whitelist"
+          :key="pair.pair"
+          button
+          class="d-flex justify-content-between align-items-center py-1"
+          :active="pair.pair === botStore.activeBot.selectedPair"
+          :title="pair.pair"
+          @click="botStore.activeBot.selectedPair = pair.pair"
+        >
+          <b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
+          {{ pair.pair }}
+        </b-list-group-item>
+      </b-list-group>
+    </div>
+    <div class="flex-fill">
+      <!-- TODO: fix layout issues -->
+      <ChartView />
+    </div>
+    <div class="col-12 col-md-2">
+      <CopyableTextfield
+        :content="
+          JSON.stringify(
+            whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
+            null,
+            2,
+          )
+        "
+      />
+    </div>
+  </div>
+  <div v-else>
+    <p>Evaluation returned 0 pairs</p>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 8225c1df..7501b544 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,66 +1,58 @@
 <template>
-  <b-container fluid>
-    <b-row align-v="stretch">
-      <b-col cols="12" md="3" class="overflow-auto">
-        <b-list-group ref="availablePairlistsEl" class="available-pairlists">
-          <b-list-group-item
-            v-for="pairlist in availablePairlists"
-            :key="pairlist.name"
-            align-v="center"
-            :class="{
-              'no-drag':
-                pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator,
-            }"
-            class="pairlist d-flex text-start align-items-center py-2 px-3"
-          >
-            <div class="d-flex flex-grow-1 align-items-start flex-column">
-              <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
-              <span class="fw-lighter">{{ pairlist.description }}</span>
-            </div>
-            <b-button
-              class="p-0"
-              style="border: none"
-              variant="outline-light"
-              :disabled="
-                pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator
-              "
-              @click="pairlistStore.addToConfig(pairlist, pairlistStore.config.pairlists.length)"
-            >
-              <i-mdi-arrow-right-bold-box-outline class="fs-4" />
-            </b-button>
-          </b-list-group-item>
-        </b-list-group>
-      </b-col>
-      <b-col>
-        <PairlistConfigActions />
-        <PairlistConfigBlacklist />
-        <b-alert
-          :model-value="
-            pairlistStore.config.pairlists.length > 0 && !pairlistStore.firstPairlistIsGenerator
-          "
-          variant="warning"
-        >
-          First entry in the pairlist must be a Generating pairlist, like StaticPairList or
-          VolumePairList.
-        </b-alert>
-        <div ref="pairlistConfigsEl" class="h-100">
-          <PairlistConfigItem
-            v-for="(pairlist, i) in pairlistsComp"
-            :key="pairlist.id"
-            v-model="pairlistStore.config.pairlists[i]"
-            :index="i"
-            @remove="pairlistStore.removeFromConfig"
-          />
+  <div class="d-flex px-3 gap-3 flex-column flex-lg-row">
+    <b-list-group ref="availablePairlistsEl" class="available-pairlists">
+      <b-list-group-item
+        v-for="pairlist in availablePairlists"
+        :key="pairlist.name"
+        :class="{
+          'no-drag': pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator,
+        }"
+        class="pairlist d-flex text-start align-items-center py-2 px-3"
+      >
+        <div class="d-flex flex-grow-1 align-items-start flex-column">
+          <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
+          <span class="fw-lighter">{{ pairlist.description }}</span>
         </div>
-      </b-col>
-      <b-col cols="12" md="3">
-        <CopyableTextfield
-          :content="pairlistStore.configJSON"
-          :is-valid="pairlistStore.pairlistValid"
+        <b-button
+          class="p-0"
+          style="border: none"
+          variant="outline-light"
+          :disabled="pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator"
+          @click="pairlistStore.addToConfig(pairlist, pairlistStore.config.pairlists.length)"
+        >
+          <i-mdi-arrow-right-bold-box-outline class="fs-4" />
+        </b-button>
+      </b-list-group-item>
+    </b-list-group>
+    <div class="flex-fill">
+      <PairlistConfigActions />
+      <PairlistConfigBlacklist />
+      <b-alert
+        :model-value="
+          pairlistStore.config.pairlists.length > 0 && !pairlistStore.firstPairlistIsGenerator
+        "
+        variant="warning"
+      >
+        First entry in the pairlist must be a Generating pairlist, like StaticPairList or
+        VolumePairList.
+      </b-alert>
+      <div ref="pairlistConfigsEl" class="h-100">
+        <PairlistConfigItem
+          v-for="(pairlist, i) in pairlistsComp"
+          :key="pairlist.id"
+          v-model="pairlistStore.config.pairlists[i]"
+          :index="i"
+          @remove="pairlistStore.removeFromConfig"
         />
-      </b-col>
-    </b-row>
-  </b-container>
+      </div>
+    </div>
+    <div class="col-12 col-lg-3">
+      <CopyableTextfield
+        :content="pairlistStore.configJSON"
+        :is-valid="pairlistStore.pairlistValid"
+      />
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index c17c62f7..eedb8b9a 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-100">
+  <div>
     <b-button-group class="py-3">
       <b-button
         v-model="currentView"

From c8a5af207ea51ba58301e46ecf7d717333ad2147 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 30 May 2023 18:50:04 +0000
Subject: [PATCH 076/122] wrap in div

---
 .../ftbot/PairlistConfigResults.vue           | 68 ++++++++++---------
 1 file changed, 35 insertions(+), 33 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
index 62187f12..0d1dde4b 100644
--- a/src/components/ftbot/PairlistConfigResults.vue
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -1,39 +1,41 @@
 <template>
-  <div v-if="whitelist.length > 0" class="d-flex flex-column flex-lg-row px-2">
-    <div class="col-12 col-md-2">
-      <b-list-group>
-        <b-list-group-item
-          v-for="(pair, i) in whitelist"
-          :key="pair.pair"
-          button
-          class="d-flex justify-content-between align-items-center py-1"
-          :active="pair.pair === botStore.activeBot.selectedPair"
-          :title="pair.pair"
-          @click="botStore.activeBot.selectedPair = pair.pair"
-        >
-          <b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
-          {{ pair.pair }}
-        </b-list-group-item>
-      </b-list-group>
+  <div>
+    <div v-if="whitelist.length > 0" class="d-flex flex-column flex-lg-row px-2">
+      <div class="col-12 col-md-2">
+        <b-list-group>
+          <b-list-group-item
+            v-for="(pair, i) in whitelist"
+            :key="pair.pair"
+            button
+            class="d-flex justify-content-between align-items-center py-1"
+            :active="pair.pair === botStore.activeBot.selectedPair"
+            :title="pair.pair"
+            @click="botStore.activeBot.selectedPair = pair.pair"
+          >
+            <b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
+            {{ pair.pair }}
+          </b-list-group-item>
+        </b-list-group>
+      </div>
+      <div class="flex-fill">
+        <!-- TODO: fix layout issues -->
+        <ChartView />
+      </div>
+      <div class="col-12 col-md-2">
+        <CopyableTextfield
+          :content="
+            JSON.stringify(
+              whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
+              null,
+              2,
+            )
+          "
+        />
+      </div>
     </div>
-    <div class="flex-fill">
-      <!-- TODO: fix layout issues -->
-      <ChartView />
+    <div v-else>
+      <p>Evaluation returned 0 pairs</p>
     </div>
-    <div class="col-12 col-md-2">
-      <CopyableTextfield
-        :content="
-          JSON.stringify(
-            whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
-            null,
-            2,
-          )
-        "
-      />
-    </div>
-  </div>
-  <div v-else>
-    <p>Evaluation returned 0 pairs</p>
   </div>
 </template>
 

From aa6fb5c6f849af06fa320ac8f70b488e457fb0f7 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 31 May 2023 10:32:36 +0000
Subject: [PATCH 077/122] layout improvements

---
 .../ftbot/PairlistConfigResults.vue           | 34 +++++++++----------
 src/components/ftbot/PairlistConfigurator.vue |  4 +--
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
index 0d1dde4b..252ebb15 100644
--- a/src/components/ftbot/PairlistConfigResults.vue
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -1,28 +1,28 @@
 <template>
   <div>
     <div v-if="whitelist.length > 0" class="d-flex flex-column flex-lg-row px-2">
-      <div class="col-12 col-md-2">
-        <b-list-group>
-          <b-list-group-item
-            v-for="(pair, i) in whitelist"
-            :key="pair.pair"
-            button
-            class="d-flex justify-content-between align-items-center py-1"
-            :active="pair.pair === botStore.activeBot.selectedPair"
-            :title="pair.pair"
-            @click="botStore.activeBot.selectedPair = pair.pair"
-          >
-            <b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
-            {{ pair.pair }}
-          </b-list-group-item>
-        </b-list-group>
-      </div>
+      <!-- TODO: look into flexbox solution to have overflow scroll? -->
+      <b-list-group class="col-12 col-md-2 overflow-auto" style="height: calc(100vh - 135px)">
+        <b-list-group-item
+          v-for="(pair, i) in whitelist"
+          :key="pair.pair"
+          button
+          class="d-flex justify-content-between align-items-center py-1"
+          :active="pair.pair === botStore.activeBot.selectedPair"
+          :title="pair.pair"
+          @click="botStore.activeBot.selectedPair = pair.pair"
+        >
+          <b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
+          {{ pair.pair }}
+        </b-list-group-item>
+      </b-list-group>
       <div class="flex-fill">
-        <!-- TODO: fix layout issues -->
         <ChartView />
       </div>
       <div class="col-12 col-md-2">
         <CopyableTextfield
+          style="height: calc(100vh - 135px)"
+          class="overflow-auto"
           :content="
             JSON.stringify(
               whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 7501b544..c8ebb0d8 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -24,7 +24,7 @@
         </b-button>
       </b-list-group-item>
     </b-list-group>
-    <div class="flex-fill">
+    <div class="d-flex flex-column flex-fill">
       <PairlistConfigActions />
       <PairlistConfigBlacklist />
       <b-alert
@@ -36,7 +36,7 @@
         First entry in the pairlist must be a Generating pairlist, like StaticPairList or
         VolumePairList.
       </b-alert>
-      <div ref="pairlistConfigsEl" class="h-100">
+      <div ref="pairlistConfigsEl" class="flex-grow-1">
         <PairlistConfigItem
           v-for="(pairlist, i) in pairlistsComp"
           :key="pairlist.id"

From 1d0709d1b47e2736bcbae2536740188d5bb1ee7c Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 31 May 2023 20:22:36 +0200
Subject: [PATCH 078/122] Update to bgjob interface

---
 src/stores/ftbot.ts          | 39 +++++++++++++++++++++++-------------
 src/stores/pairlistConfig.ts | 20 ++++++++++--------
 src/types/backgroundtasks.ts | 16 +++++++++++++++
 src/types/index.ts           |  1 +
 src/types/pairlists.ts       | 12 +++++------
 5 files changed, 59 insertions(+), 29 deletions(-)
 create mode 100644 src/types/backgroundtasks.ts

diff --git a/src/stores/ftbot.ts b/src/stores/ftbot.ts
index 79fa42ab..1622b2c1 100644
--- a/src/stores/ftbot.ts
+++ b/src/stores/ftbot.ts
@@ -35,6 +35,8 @@ import {
   TradeResponse,
   ClosedTrade,
   BotDescriptor,
+  BgTaskStarted,
+  BackgroundTaskStatus,
 } from '@/types';
 import axios, { AxiosResponse } from 'axios';
 import { defineStore } from 'pinia';
@@ -549,9 +551,30 @@ export function createBotSubStore(botId: string, botName: string) {
           return Promise.reject(error);
         }
       },
-      async getPairlistEvalStatus() {
+      async evaluatePairlist(payload: PairlistsPayload) {
         try {
-          const { data } = await api.get<PairlistEvalResponse>('/pairlists/evaluate');
+          const { data } = await api.post<PairlistsPayload, AxiosResponse<BgTaskStarted>>(
+            '/pairlists/evaluate',
+            payload,
+          );
+          return Promise.resolve(data);
+        } catch (error) {
+          console.error(error);
+          return Promise.reject(error);
+        }
+      },
+      async getPairlistEvalResult(jobId: string) {
+        try {
+          const { data } = await api.get<PairlistEvalResponse>(`/pairlists/evaluate/${jobId}`);
+          return Promise.resolve(data);
+        } catch (error) {
+          console.error(error);
+          return Promise.reject(error);
+        }
+      },
+      async getBackgroundJobStatus(jobId: string) {
+        try {
+          const { data } = await api.get<BackgroundTaskStatus>(`/background/${jobId}`);
           return Promise.resolve(data);
         } catch (error) {
           console.error(error);
@@ -968,18 +991,6 @@ export function createBotSubStore(botId: string, botName: string) {
           },
         );
       },
-      async evaluatePairlist(payload: PairlistsPayload) {
-        try {
-          const { data } = await api.post<AxiosResponse<StatusResponse>>(
-            '/pairlists/evaluate',
-            payload,
-          );
-          return Promise.resolve(data);
-        } catch (error) {
-          console.error(error);
-          return Promise.reject(error);
-        }
-      },
     },
   });
 
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index f91a3759..93a75c01 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -95,18 +95,22 @@ export const usePairlistConfigStore = defineStore(
       const payload: PairlistsPayload = configToPayload();
 
       evaluating.value = true;
-      await botStore.activeBot.evaluatePairlist(payload);
+      const { job_id: jobId } = await botStore.activeBot.evaluatePairlist(payload);
+      console.log('jobId', jobId);
 
       intervalId.value = setInterval(async () => {
-        const res = await botStore.activeBot.getPairlistEvalStatus();
-        if (res.status === 'success' && res.result) {
-          clearInterval(intervalId.value);
-          evaluating.value = false;
-          whitelist.value = res.result.whitelist;
-        } else if (res.error) {
-          showAlert(res.error, 'danger');
+        const res = await botStore.activeBot.getBackgroundJobStatus(jobId);
+        if (!res.running) {
           clearInterval(intervalId.value);
+          const wl = await botStore.activeBot.getPairlistEvalResult(jobId);
           evaluating.value = false;
+          if (wl.status === 'success') {
+            whitelist.value = wl.result.whitelist;
+          } else if (wl.error) {
+            showAlert(wl.error, 'danger');
+            clearInterval(intervalId.value);
+            evaluating.value = false;
+          }
         }
       }, 1000);
     }
diff --git a/src/types/backgroundtasks.ts b/src/types/backgroundtasks.ts
new file mode 100644
index 00000000..d9c1f425
--- /dev/null
+++ b/src/types/backgroundtasks.ts
@@ -0,0 +1,16 @@
+export interface BgTaskStarted {
+  job_id: string;
+}
+
+export interface BackgroundTaskStatus {
+  job_id: string;
+  job_category: string;
+  status: string;
+  running: boolean;
+  progress?: number;
+}
+
+export interface BackgroundTaskResult {
+  error?: string;
+  status: string;
+}
diff --git a/src/types/index.ts b/src/types/index.ts
index d8055dea..1be49633 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,5 +1,6 @@
 export * from './auth';
 export * from './backtest';
+export * from './backgroundtasks';
 export * from './balance';
 export * from './blacklist';
 export * from './botComparison';
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
index 84ded1fa..8d1839be 100644
--- a/src/types/pairlists.ts
+++ b/src/types/pairlists.ts
@@ -1,14 +1,12 @@
+import { BackgroundTaskResult } from './backgroundtasks';
+import { WhitelistResponse } from './blacklist';
+
 export interface PairlistsResponse {
   pairlists: Pairlist[];
 }
 
-export interface PairlistEvalResponse {
-  error?: string;
-  status: string;
-  result?: {
-    method: string[];
-    whitelist: string[];
-  };
+export interface PairlistEvalResponse extends BackgroundTaskResult {
+  result: WhitelistResponse;
 }
 
 export interface Pairlist {

From fa7ea5e7977f77e8f092b57e9f7ce74b08399be4 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 31 May 2023 20:33:43 +0200
Subject: [PATCH 079/122] Don't prevent animation

---
 src/components/ftbot/PairlistConfigItem.vue | 28 ++++++++-------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 5678b9ab..78afc5e6 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -18,14 +18,16 @@
         </b-button>
       </div>
     </template>
-    <b-card-body :class="{ hidden: !visible }">
+    <b-card-body class="p-0">
       <b-collapse v-model="visible">
-        <PairlistConfigParameter
-          v-for="(parameter, key) in pairlist.params"
-          :key="key"
-          v-model="pairlist.params[key].value"
-          :param="parameter"
-        />
+        <div class="p-3">
+          <PairlistConfigParameter
+            v-for="(parameter, key) in pairlist.params"
+            :key="key"
+            v-model="pairlist.params[key].value"
+            :param="parameter"
+          />
+        </div>
       </b-collapse>
     </b-card-body>
   </b-card>
@@ -47,14 +49,4 @@ const visible = ref(false);
 const pairlist = defineModel<Pairlist>({ required: true });
 </script>
 
-<style lang="scss" scoped>
-.hidden {
-  padding: 0;
-}
-
-:deep(.collapsing) {
-  -webkit-transition: none;
-  transition: none;
-  display: none;
-}
-</style>
+<style lang="scss" scoped></style>

From 97e3290a310b4775082f8f2861378ded68d33e16 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 31 May 2023 20:42:32 +0200
Subject: [PATCH 080/122] Add "expanding" chevron to highlight that there's
 more parameters

---
 src/components/ftbot/PairlistConfigItem.vue | 27 +++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 78afc5e6..cbe6affc 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -7,13 +7,27 @@
           <div
             role="button"
             class="d-flex flex-grow-1 align-items-start flex-column"
-            @click="visible = !visible"
+            @click="toggleVisible"
           >
             <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
             <span class="fw-lighter">{{ pairlist.description }}</span>
           </div>
         </div>
-        <b-button size="sm" @click="emit('remove', index)">
+        <i-mdi-chevron-down
+          v-if="!visible"
+          :class="hasParameters && !visible ? 'visible' : 'invisible'"
+          role="button"
+          class="fs-4"
+          @click="toggleVisible"
+        />
+        <i-mdi-chevron-up
+          v-if="visible"
+          :class="hasParameters && visible ? 'visible' : 'invisible'"
+          role="button"
+          class="fs-4"
+          @click="toggleVisible"
+        />
+        <b-button size="sm" class="ms-1" @click="emit('remove', index)">
           <i-mdi-close />
         </b-button>
       </div>
@@ -37,6 +51,7 @@
 import { Pairlist } from '@/types';
 import { ref } from 'vue';
 import PairlistConfigParameter from './PairlistConfigParameter.vue';
+import { computed } from 'vue';
 
 defineProps<{
   index: number;
@@ -47,6 +62,14 @@ const emit = defineEmits(['remove']);
 const visible = ref(false);
 
 const pairlist = defineModel<Pairlist>({ required: true });
+
+const hasParameters = computed(() => Object.keys(pairlist.value.params).length > 0);
+
+function toggleVisible() {
+  if (hasParameters.value) {
+    visible.value = !visible.value;
+  }
+}
 </script>
 
 <style lang="scss" scoped></style>

From 136610dbda659851425288cf84fbb3c470d081df Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 31 May 2023 20:51:06 +0200
Subject: [PATCH 081/122] Keep icon fixed size

---
 src/components/ftbot/PairlistConfigItem.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index cbe6affc..fafa357d 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -3,7 +3,12 @@
     <template #header>
       <div class="d-flex text-start align-items-center">
         <div class="d-flex flex-grow-1 align-items-center">
-          <i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
+          <i-mdi-reorder-horizontal
+            role="button"
+            class="handle me-2 fs-4 flex-shrink-0"
+            width="24"
+            height="24"
+          />
           <div
             role="button"
             class="d-flex flex-grow-1 align-items-start flex-column"

From ef21ec94acb929587337088dbd99a7c4c9769c8a Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 31 May 2023 20:55:11 +0200
Subject: [PATCH 082/122] Add open/close collapsible, enable animation for
 blacklist

---
 .../ftbot/PairlistConfigBlacklist.vue         | 52 +++++++++++--------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index 02691fba..15a5253c 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -2,24 +2,40 @@
   <b-card no-body class="mb-2">
     <template #header>
       <div
-        class="d-flex flex-column align-items-center fw-bold fd-italic"
+        class="d-flex flex-row align-items-center justify-content-between"
         role="button"
         @click="visible = !visible"
       >
-        Blacklist
+        <span class="fw-bold fd-italic">Blacklist</span>
+        <i-mdi-chevron-down
+          v-if="!visible"
+          :class="!visible ? 'visible' : 'invisible'"
+          role="button"
+          class="fs-4"
+          @click="visible = !visible"
+        />
+        <i-mdi-chevron-up
+          v-if="visible"
+          :class="visible ? 'visible' : 'invisible'"
+          role="button"
+          class="fs-4"
+          @click="visible = !visible"
+        />
       </div>
     </template>
-    <b-card-body :class="{ hidden: !visible }">
+    <b-card-body class="p-0">
       <b-collapse v-model="visible">
-        <b-input-group v-for="(item, i) in pairlistStore.blacklist" :key="i" class="mb-2">
-          <b-form-input v-model="pairlistStore.blacklist[i]" />
-          <b-input-group-append>
-            <b-button size="sm" @click="pairlistStore.removeFromBlacklist(i)"
-              ><i-mdi-close
-            /></b-button>
-          </b-input-group-append>
-        </b-input-group>
-        <b-button @click="pairlistStore.addToBlacklist()">Add</b-button>
+        <div class="p-3">
+          <b-input-group v-for="(item, i) in pairlistStore.blacklist" :key="i" class="mb-2">
+            <b-form-input v-model="pairlistStore.blacklist[i]" />
+            <b-input-group-append>
+              <b-button size="sm" @click="pairlistStore.removeFromBlacklist(i)"
+                ><i-mdi-close
+              /></b-button>
+            </b-input-group-append>
+          </b-input-group>
+          <b-button @click="pairlistStore.addToBlacklist()">Add</b-button>
+        </div>
       </b-collapse>
     </b-card-body>
   </b-card>
@@ -31,14 +47,4 @@ const pairlistStore = usePairlistConfigStore();
 
 const visible = ref(false);
 </script>
-<style lang="scss" scoped>
-.hidden {
-  padding: 0;
-}
-
-:deep(.collapsing) {
-  -webkit-transition: none;
-  transition: none;
-  display: none;
-}
-</style>
+<style lang="scss" scoped></style>

From ecbbcf4323c8cafbbc3dcac6df716eefe485e4e6 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 31 May 2023 20:36:04 +0000
Subject: [PATCH 083/122] simplified card

---
 .../ftbot/PairlistConfigBlacklist.vue         | 28 +++++++++----------
 1 file changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index 15a5253c..0e754ba0 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -23,21 +23,19 @@
         />
       </div>
     </template>
-    <b-card-body class="p-0">
-      <b-collapse v-model="visible">
-        <div class="p-3">
-          <b-input-group v-for="(item, i) in pairlistStore.blacklist" :key="i" class="mb-2">
-            <b-form-input v-model="pairlistStore.blacklist[i]" />
-            <b-input-group-append>
-              <b-button size="sm" @click="pairlistStore.removeFromBlacklist(i)"
-                ><i-mdi-close
-              /></b-button>
-            </b-input-group-append>
-          </b-input-group>
-          <b-button @click="pairlistStore.addToBlacklist()">Add</b-button>
-        </div>
-      </b-collapse>
-    </b-card-body>
+    <b-collapse v-model="visible">
+      <b-card-body>
+        <b-input-group v-for="(item, i) in pairlistStore.blacklist" :key="i" class="mb-2">
+          <b-form-input v-model="pairlistStore.blacklist[i]" />
+          <b-input-group-append>
+            <b-button size="sm" @click="pairlistStore.removeFromBlacklist(i)"
+              ><i-mdi-close
+            /></b-button>
+          </b-input-group-append>
+        </b-input-group>
+        <b-button @click="pairlistStore.addToBlacklist()">Add</b-button>
+      </b-card-body>
+    </b-collapse>
   </b-card>
 </template>
 <script setup>

From b09020f72e831e0320f339a98a7e0fcd4a1759f8 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 31 May 2023 20:37:29 +0000
Subject: [PATCH 084/122] better remove btn, simplified card

---
 src/components/ftbot/PairlistConfigItem.vue | 37 +++++++++++----------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index fafa357d..254bfb6c 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -18,6 +18,13 @@
             <span class="fw-lighter">{{ pairlist.description }}</span>
           </div>
         </div>
+        <i-mdi-close
+          role="button"
+          width="24"
+          height="24"
+          class="mx-2"
+          @click="pairlistStore.removeFromConfig(index)"
+        />
         <i-mdi-chevron-down
           v-if="!visible"
           :class="hasParameters && !visible ? 'visible' : 'invisible'"
@@ -32,23 +39,18 @@
           class="fs-4"
           @click="toggleVisible"
         />
-        <b-button size="sm" class="ms-1" @click="emit('remove', index)">
-          <i-mdi-close />
-        </b-button>
       </div>
     </template>
-    <b-card-body class="p-0">
-      <b-collapse v-model="visible">
-        <div class="p-3">
-          <PairlistConfigParameter
-            v-for="(parameter, key) in pairlist.params"
-            :key="key"
-            v-model="pairlist.params[key].value"
-            :param="parameter"
-          />
-        </div>
-      </b-collapse>
-    </b-card-body>
+    <b-collapse v-model="visible">
+      <b-card-body>
+        <PairlistConfigParameter
+          v-for="(parameter, key) in pairlist.params"
+          :key="key"
+          v-model="pairlist.params[key].value"
+          :param="parameter"
+        />
+      </b-card-body>
+    </b-collapse>
   </b-card>
 </template>
 
@@ -57,13 +59,14 @@ import { Pairlist } from '@/types';
 import { ref } from 'vue';
 import PairlistConfigParameter from './PairlistConfigParameter.vue';
 import { computed } from 'vue';
+import { usePairlistConfigStore } from '@/stores/pairlistConfig';
+
+const pairlistStore = usePairlistConfigStore();
 
 defineProps<{
   index: number;
 }>();
 
-const emit = defineEmits(['remove']);
-
 const visible = ref(false);
 
 const pairlist = defineModel<Pairlist>({ required: true });

From fbdc221652e0aaf2600dcf4c155635b6910ff924 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 31 May 2023 20:48:27 +0000
Subject: [PATCH 085/122] removed extra clearInterval

---
 src/stores/pairlistConfig.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 93a75c01..5164661b 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -108,7 +108,6 @@ export const usePairlistConfigStore = defineStore(
             whitelist.value = wl.result.whitelist;
           } else if (wl.error) {
             showAlert(wl.error, 'danger');
-            clearInterval(intervalId.value);
             evaluating.value = false;
           }
         }

From 6c89bb8513cb6e80207f7b6582dedf399287b52d Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 1 Jun 2023 10:49:27 +0000
Subject: [PATCH 086/122] drag help box when config empty and small styling
 improvements

---
 src/components/ftbot/PairlistConfigurator.vue | 49 +++++++++++++------
 1 file changed, 34 insertions(+), 15 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index c8ebb0d8..b81c733f 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -36,7 +36,11 @@
         First entry in the pairlist must be a Generating pairlist, like StaticPairList or
         VolumePairList.
       </b-alert>
-      <div ref="pairlistConfigsEl" class="flex-grow-1">
+      <div
+        ref="pairlistConfigsEl"
+        class="d-flex flex-column flex-grow-1 position-relative"
+        :class="{ empty: configEmpty }"
+      >
         <PairlistConfigItem
           v-for="(pairlist, i) in pairlistsComp"
           :key="pairlist.id"
@@ -84,6 +88,10 @@ const pairlistsComp = computed(() =>
   }),
 );
 
+const configEmpty = computed(() => {
+  return pairlistStore.config.pairlists.length == 0;
+});
+
 useSortable(availablePairlistsEl, availablePairlists.value, {
   group: {
     name: 'configurator',
@@ -92,6 +100,7 @@ useSortable(availablePairlistsEl, availablePairlists.value, {
   },
   sort: false,
   filter: '.no-drag',
+  dragClass: 'dragging',
 });
 
 useSortable(pairlistConfigsEl, pairlistStore.config.pairlists, {
@@ -124,22 +133,32 @@ onMounted(async () => {
 
 <style lang="scss" scoped>
 .pairlist {
-  border: 1px solid white;
+  &:hover {
+    cursor: grab;
+  }
+  &.no-drag {
+    color: gray;
+  }
+  &.no-drag:hover {
+    cursor: default;
+  }
+  &.dragging {
+    border: 1px solid white;
+    border-radius: 0;
+  }
 }
 
-.pairlist.no-drag {
-  color: gray;
-}
+.empty {
+  border: 3px dashed rgba(255, 255, 255, 0.65);
 
-.pairlist.no-drag:hover {
-  cursor: default;
-}
-
-.pairlist:hover {
-  cursor: grab;
-}
-
-[data-theme='light'] .pairlist {
-  border-color: black;
+  &:after {
+    content: 'Drag pairlist here';
+    position: absolute;
+    align-self: center;
+    font-size: 1.1rem;
+    text-transform: uppercase;
+    line-height: 0;
+    top: 50%;
+  }
 }
 </style>

From b6af5c63d324a9d26da769169539a159e2ee7fcd Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 1 Jun 2023 15:51:16 +0000
Subject: [PATCH 087/122] improved pairlist actions

---
 .../ftbot/PairlistConfigActions.vue           | 80 ++++++++++---------
 1 file changed, 42 insertions(+), 38 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index 6076e6e9..d1ee76fd 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -1,46 +1,50 @@
 <template>
-  <b-input-group class="mb-2">
-    <template #prepend>
-      <b-button
-        :disabled="!pairlistStore.isSavedConfig"
-        variant="danger"
-        @click="pairlistStore.deleteConfig()"
-        ><i-mdi-close class="fs-4"
-      /></b-button>
-      <b-dropdown text="Configs">
-        <b-dropdown-item
-          v-for="config in pairlistStore.savedConfigs"
-          :key="config.name"
-          @click="pairlistStore.selectConfig(config)"
-          >{{ config.name }}</b-dropdown-item
-        >
-      </b-dropdown>
-      <b-button :disabled="!pairlistStore.config.name" @click="pairlistStore.saveConfig()"
-        ><i-mdi-content-save class="fs-4"
-      /></b-button>
-      <b-button
-        :disabled="pairlistStore.config.pairlists.length == 0"
-        @click="pairlistStore.newConfig()"
-        ><i-mdi-plus class="fs-4"
-      /></b-button>
-    </template>
+  <div class="d-flex flex-row mb-2 gap-2">
+    <b-button
+      title="Delete config"
+      :disabled="!pairlistStore.isSavedConfig"
+      variant="dark"
+      @click="pairlistStore.deleteConfig()"
+      ><i-mdi-delete width="24" height="24"
+    /></b-button>
 
     <b-form-input v-model="pairlistStore.config.name" placeholder="Configuration name..." />
 
-    <template #append>
+    <b-button-group>
+      <b-dropdown variant="dark" title="Saved configs">
+        <b-dropdown-item-button
+          v-for="config in pairlistStore.savedConfigs"
+          :key="config.name"
+          @click="pairlistStore.selectConfig(config)"
+          >{{ config.name }}</b-dropdown-item-button
+        >
+      </b-dropdown>
       <b-button
-        :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
-        variant="primary"
-        size="lg"
-        squared
-        class="evaluate"
-        @click="pairlistStore.startPairlistEvaluation()"
-      >
-        <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
-        <span>{{ pairlistStore.evaluating ? 'Evaluating...' : 'Evaluate' }}</span>
-      </b-button>
-    </template>
-  </b-input-group>
+        title="Save config"
+        variant="dark"
+        :disabled="!pairlistStore.config.name"
+        @click="pairlistStore.saveConfig()"
+        ><i-mdi-content-save width="24" height="24"
+      /></b-button>
+    </b-button-group>
+    <b-button
+      title="New config"
+      variant="dark"
+      :disabled="pairlistStore.config.pairlists.length == 0"
+      @click="pairlistStore.newConfig()"
+      ><i-mdi-plus width="24" height="24"
+    /></b-button>
+    <b-button
+      title="Evaluate pairlist"
+      :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
+      variant="primary"
+      class="col-lg-2"
+      @click="pairlistStore.startPairlistEvaluation()"
+    >
+      <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
+      <span>{{ pairlistStore.evaluating ? '' : 'Evaluate' }}</span>
+    </b-button>
+  </div>
 </template>
 <script setup>
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';

From 019a95100bc4d14ea9eea3862cdfadf69b8c57bb Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 1 Jun 2023 16:26:48 +0000
Subject: [PATCH 088/122] whitelist styiling improvements

---
 src/components/ftbot/PairlistConfigResults.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigResults.vue b/src/components/ftbot/PairlistConfigResults.vue
index 252ebb15..be133488 100644
--- a/src/components/ftbot/PairlistConfigResults.vue
+++ b/src/components/ftbot/PairlistConfigResults.vue
@@ -7,7 +7,7 @@
           v-for="(pair, i) in whitelist"
           :key="pair.pair"
           button
-          class="d-flex justify-content-between align-items-center py-1"
+          class="d-flex py-2"
           :active="pair.pair === botStore.activeBot.selectedPair"
           :title="pair.pair"
           @click="botStore.activeBot.selectedPair = pair.pair"

From 654d68a24066578e5155b8101c54ce779342ecc8 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 31 May 2023 05:15:43 +0000
Subject: [PATCH 089/122] build(deps-dev): bump vite from 4.3.8 to 4.3.9

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 4.3.8 to 4.3.9.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v4.3.9/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index fbe380da..38580900 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
     "typescript": "~5.0.4",
     "unplugin-icons": "^0.16.1",
     "unplugin-vue-components": "^0.25.0",
-    "vite": "^4.3.8",
+    "vite": "^4.3.9",
     "vitest": "^0.31.2",
     "vue-tsc": "^1.6.5"
   }
diff --git a/yarn.lock b/yarn.lock
index ad5cd1a0..ed90b4e7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3509,10 +3509,10 @@ vite-node@0.31.2:
     picocolors "^1.0.0"
     vite "^3.0.0 || ^4.0.0"
 
-"vite@^3.0.0 || ^4.0.0", vite@^4.3.8:
-  version "4.3.8"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.8.tgz#70cd6a294ab52d7fb8f37f5bc63d117dd19e9918"
-  integrity sha512-uYB8PwN7hbMrf4j1xzGDk/lqjsZvCDbt/JC5dyfxc19Pg8kRm14LinK/uq+HSLNswZEoKmweGdtpbnxRtrAXiQ==
+"vite@^3.0.0 || ^4.0.0", vite@^4.3.9:
+  version "4.3.9"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.9.tgz#db896200c0b1aa13b37cdc35c9e99ee2fdd5f96d"
+  integrity sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==
   dependencies:
     esbuild "^0.17.5"
     postcss "^8.4.23"

From 32214a5ab45b42ce51ff3bdce95c55a50e96a861 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Thu, 1 Jun 2023 06:23:28 +0200
Subject: [PATCH 090/122] Fix disappearing theme select button

---
 src/components/ThemeSelect.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ThemeSelect.vue b/src/components/ThemeSelect.vue
index 962c7099..d8b1601c 100644
--- a/src/components/ThemeSelect.vue
+++ b/src/components/ThemeSelect.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-link variant="primary" class="nav-link" @click="toggleNight">
+  <b-link class="nav-link" @click="toggleNight">
     <i-mdi-brightness-6 />
   </b-link>
 </template>
@@ -11,7 +11,7 @@ import { onMounted, ref } from 'vue';
 const activeTheme = ref('');
 const settingsStore = useSettingsStore();
 
-const setTheme = (themeName) => {
+const setTheme = (themeName: string) => {
   // If theme is already active, do nothing.
   if (activeTheme.value === themeName) {
     return;

From 6a8e3bb873b02a2b0f2c7d37be2c6f55771d4849 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Thu, 1 Jun 2023 20:24:42 +0200
Subject: [PATCH 091/122] Only show Pairlist config in webserver mode

---
 src/components/layout/NavBar.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index 8298f313..e9142f45 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -23,7 +23,10 @@
           <router-link v-if="botStore.canRunBacktest" class="nav-link navbar-nav" to="/backtest"
             >Backtest</router-link
           >
-          <router-link class="nav-link navbar-nav" to="/pairlist_config"
+          <router-link
+            v-if="botStore.activeBot?.isWebserverMode ?? false"
+            class="nav-link navbar-nav"
+            to="/pairlist_config"
             >Pairlist Config</router-link
           >
           <theme-select />

From 8606115064481f5fc7113172b896132670167200 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Thu, 1 Jun 2023 21:06:32 +0200
Subject: [PATCH 092/122] Improve Styling of pairlist display

---
 src/components/ftbot/PairlistConfigItem.vue   | 4 ++--
 src/components/ftbot/PairlistConfigurator.vue | 4 ++--
 src/styles/_styles_ovw.scss                   | 4 ++++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 254bfb6c..c58b20e9 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -14,8 +14,8 @@
             class="d-flex flex-grow-1 align-items-start flex-column"
             @click="toggleVisible"
           >
-            <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
-            <span class="fw-lighter">{{ pairlist.description }}</span>
+            <span class="fw-bold">{{ pairlist.name }}</span>
+            <span class="text-small">{{ pairlist.description }}</span>
           </div>
         </div>
         <i-mdi-close
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index b81c733f..ffcdf1fc 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -10,8 +10,8 @@
         class="pairlist d-flex text-start align-items-center py-2 px-3"
       >
         <div class="d-flex flex-grow-1 align-items-start flex-column">
-          <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
-          <span class="fw-lighter">{{ pairlist.description }}</span>
+          <span class="fw-bold">{{ pairlist.name }}</span>
+          <span class="text-small">{{ pairlist.description }}</span>
         </div>
         <b-button
           class="p-0"
diff --git a/src/styles/_styles_ovw.scss b/src/styles/_styles_ovw.scss
index d4e04ab3..a1019c9f 100644
--- a/src/styles/_styles_ovw.scss
+++ b/src/styles/_styles_ovw.scss
@@ -37,6 +37,10 @@
     transform: none !important;
 }
 
+.text-small {
+    font-size: 0.8rem;
+}
+
 [data-theme="dark"] {
     $bg-dark: rgb(18, 18, 18);
 

From 64d165828b3843ae274b15d51840e87c8225b772 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 1 Jun 2023 19:47:12 +0000
Subject: [PATCH 093/122] improved light theme styling

---
 src/components/ftbot/PairlistConfigurator.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index ffcdf1fc..076d7db8 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -14,7 +14,7 @@
           <span class="text-small">{{ pairlist.description }}</span>
         </div>
         <b-button
-          class="p-0"
+          class="p-0 add-pairlist"
           style="border: none"
           variant="outline-light"
           :disabled="pairlistStore.config.pairlists.length == 0 && !pairlist.is_pairlist_generator"
@@ -148,9 +148,17 @@ onMounted(async () => {
   }
 }
 
+[data-theme='light'] .add-pairlist {
+  color: black;
+}
+
 .empty {
   border: 3px dashed rgba(255, 255, 255, 0.65);
 
+  [data-theme='light'] & {
+    border: 3px dashed rgba(0, 0, 0, 0.5);
+  }
+
   &:after {
     content: 'Drag pairlist here';
     position: absolute;

From 600c99fca477ffc6393a89a3f944ca1978cdd80c Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 1 Jun 2023 23:44:04 +0000
Subject: [PATCH 094/122] config saving improvements

---
 .../ftbot/PairlistConfigActions.vue           | 23 ++++++++++++++++---
 src/stores/pairlistConfig.ts                  | 11 ++++++++-
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index d1ee76fd..27c33ff8 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -8,7 +8,7 @@
       ><i-mdi-delete width="24" height="24"
     /></b-button>
 
-    <b-form-input v-model="pairlistStore.config.name" placeholder="Configuration name..." />
+    <b-form-input v-model="configName" placeholder="Configuration name..." />
 
     <b-button-group>
       <b-dropdown variant="dark" title="Saved configs">
@@ -22,10 +22,17 @@
       <b-button
         title="Save config"
         variant="dark"
-        :disabled="!pairlistStore.config.name"
-        @click="pairlistStore.saveConfig()"
+        :disabled="!configName || pairlistStore.config.pairlists.length == 0"
+        @click="pairlistStore.saveConfig(configName)"
         ><i-mdi-content-save width="24" height="24"
       /></b-button>
+      <b-button
+        title="Clone config"
+        variant="dark"
+        :disabled="!pairlistStore.config.name || !pairlistStore.isSavedConfig"
+        @click="pairlistStore.cloneConfig()"
+        ><i-mdi-content-copy width="24" height="24"
+      /></b-button>
     </b-button-group>
     <b-button
       title="New config"
@@ -48,5 +55,15 @@
 </template>
 <script setup>
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
+import { ref, watch } from 'vue';
 const pairlistStore = usePairlistConfigStore();
+
+const configName = ref(pairlistStore.config.name);
+
+watch(
+  () => pairlistStore.config.name,
+  () => {
+    configName.value = pairlistStore.config.name;
+  },
+);
 </script>
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 5164661b..0d9c8d10 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -57,8 +57,9 @@ export const usePairlistConfigStore = defineStore(
       config.value.pairlists.splice(index, 1);
     }
 
-    function saveConfig() {
+    function saveConfig(name: string) {
       const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
+      config.value.name = name;
 
       if (i > -1) {
         savedConfigs.value[i] = config.value;
@@ -67,6 +68,13 @@ export const usePairlistConfigStore = defineStore(
       }
     }
 
+    function cloneConfig() {
+      config.value = {
+        name: '',
+        pairlists: structuredClone(toRaw(config.value.pairlists)),
+      };
+    }
+
     function deleteConfig() {
       const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
       if (i > -1) {
@@ -162,6 +170,7 @@ export const usePairlistConfigStore = defineStore(
       addToConfig,
       removeFromConfig,
       saveConfig,
+      cloneConfig,
       deleteConfig,
       selectConfig,
       newConfig,

From f7e87e914f1d777a0c0fc690125ea06d5aaef634 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 1 Jun 2023 23:54:03 +0000
Subject: [PATCH 095/122] separate clone button

---
 src/components/ftbot/PairlistConfigActions.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index 27c33ff8..91d922af 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -26,14 +26,14 @@
         @click="pairlistStore.saveConfig(configName)"
         ><i-mdi-content-save width="24" height="24"
       /></b-button>
-      <b-button
-        title="Clone config"
-        variant="dark"
-        :disabled="!pairlistStore.config.name || !pairlistStore.isSavedConfig"
-        @click="pairlistStore.cloneConfig()"
-        ><i-mdi-content-copy width="24" height="24"
-      /></b-button>
     </b-button-group>
+    <b-button
+      title="Clone config"
+      variant="dark"
+      :disabled="!pairlistStore.config.name || !pairlistStore.isSavedConfig"
+      @click="pairlistStore.cloneConfig()"
+      ><i-mdi-content-copy width="24" height="24"
+    /></b-button>
     <b-button
       title="New config"
       variant="dark"

From b938a9f41aa9c0c3c3387ddc3844ee1433a64565 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Fri, 2 Jun 2023 10:02:13 +0200
Subject: [PATCH 096/122] Enhance Types, expose stakeCurrency from store

---
 src/stores/pairlistConfig.ts | 6 ++++--
 src/types/pairlists.ts       | 3 +++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 0d9c8d10..18d1c2f0 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -18,6 +18,7 @@ export const usePairlistConfigStore = defineStore(
 
     const evaluating = ref<boolean>(false);
     const intervalId = ref<number>();
+    const stakeCurrency = ref<string>(botStore.activeBot?.stakeCurrency ?? 'USDT');
     const whitelist = ref<string[]>([]);
     const blacklist = ref<string[]>([]);
     const config = ref<PairlistConfig>({ name: '', pairlists: [] });
@@ -132,11 +133,11 @@ export const usePairlistConfigStore = defineStore(
       }
     }
 
-    function configToPayload() {
+    function configToPayload(): PairlistsPayload {
       const pairlists: PairlistPayloadItem[] = configToPayloadItems();
       return {
         pairlists: pairlists,
-        stake_currency: botStore.activeBot.stakeCurrency,
+        stake_currency: stakeCurrency.value,
         blacklist: blacklist.value,
       };
     }
@@ -179,6 +180,7 @@ export const usePairlistConfigStore = defineStore(
       isSavedConfig,
       firstPairlistIsGenerator,
       pairlistValid,
+      stakeCurrency,
     };
   },
   {
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
index 8d1839be..bd68646f 100644
--- a/src/types/pairlists.ts
+++ b/src/types/pairlists.ts
@@ -1,5 +1,6 @@
 import { BackgroundTaskResult } from './backgroundtasks';
 import { WhitelistResponse } from './blacklist';
+import { TradingMode } from './types';
 
 export interface PairlistsResponse {
   pairlists: Pairlist[];
@@ -47,4 +48,6 @@ export interface PairlistsPayload {
   pairlists: PairlistPayloadItem[];
   blacklist: string[];
   stake_currency: string;
+  exchange?: string;
+  trading_mode?: TradingMode;
 }

From 895cf030c268aa171d56d6682492c005c5f4bc8e Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 4 Jun 2023 09:24:11 +0200
Subject: [PATCH 097/122] Add missing lang=ts entries

---
 src/components/ftbot/PairlistConfigActions.vue   | 2 +-
 src/components/ftbot/PairlistConfigBlacklist.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index 91d922af..3b908177 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -53,7 +53,7 @@
     </b-button>
   </div>
 </template>
-<script setup>
+<script setup lang="ts">
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import { ref, watch } from 'vue';
 const pairlistStore = usePairlistConfigStore();
diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index 0e754ba0..d170e70c 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -38,7 +38,7 @@
     </b-collapse>
   </b-card>
 </template>
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 const pairlistStore = usePairlistConfigStore();

From 9312ff26db4ffc6543b867ab4ccdc658582e361f Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 4 Jun 2023 10:01:28 +0200
Subject: [PATCH 098/122] Add exchange select

---
 src/components/ftbot/ExchangeSelect.vue       | 66 +++++++++++++++++++
 src/components/ftbot/PairlistConfigurator.vue |  7 +-
 src/types/exchange.ts                         |  5 ++
 3 files changed, 77 insertions(+), 1 deletion(-)
 create mode 100644 src/components/ftbot/ExchangeSelect.vue

diff --git a/src/components/ftbot/ExchangeSelect.vue b/src/components/ftbot/ExchangeSelect.vue
new file mode 100644
index 00000000..48679631
--- /dev/null
+++ b/src/components/ftbot/ExchangeSelect.vue
@@ -0,0 +1,66 @@
+<template>
+  <div class="w-100 d-flex">
+    <b-form-select id="exchange-select" v-model="exchangeModel.exchange" :options="exchangeList">
+    </b-form-select>
+    <b-form-select
+      id="tradeMode-select"
+      v-model="exchangeModel.trade_mode"
+      :options="tradeModes"
+      :disabled="tradeModes.length < 2"
+    >
+    </b-form-select>
+    <div class="ms-2">
+      <b-button @click="botStore.activeBot.getExchangeList">
+        <i-mdi-refresh />
+      </b-button>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { useBotStore } from '@/stores/ftbotwrapper';
+import { computed, onMounted } from 'vue';
+import { ExchangeSelection } from '@/types';
+
+const exchangeModel = defineModel({
+  type: Object as () => ExchangeSelection,
+  required: true,
+});
+const botStore = useBotStore();
+
+const exchangeList = computed(() => {
+  return botStore.activeBot.exchangeList
+    .filter((ex) => ex.valid === true)
+    .sort((a, b) => {
+      // Sort by supported (alphabetically), then by name (alphabetically).
+      if (a.supported && !b.supported) {
+        return -1;
+      } else if (!a.supported && b.supported) {
+        return 1;
+      } else {
+        return a.name.localeCompare(b.name);
+      }
+    })
+    .map((e) => e.name);
+});
+
+const tradeModes = computed<Record<string, unknown>[]>(() => {
+  const val = botStore.activeBot.exchangeList
+    .find((ex) => ex.name === exchangeModel.value.exchange)
+    ?.trade_modes.map((tm) => {
+      return (
+        {
+          text: `${tm.margin_mode} ${tm.trading_mode}`,
+          value: tm,
+        } ?? []
+      );
+    });
+  return (val ?? []) as Record<string, unknown>[];
+});
+
+onMounted(() => {
+  if (botStore.activeBot.exchangeList.length === 0) {
+    botStore.activeBot.getExchangeList();
+  }
+});
+</script>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 076d7db8..8228bc65 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -25,6 +25,7 @@
       </b-list-group-item>
     </b-list-group>
     <div class="d-flex flex-column flex-fill">
+      <exchange-select v-model="selectedExchange" />
       <PairlistConfigActions />
       <PairlistConfigBlacklist />
       <b-alert
@@ -66,12 +67,16 @@ import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import PairlistConfigBlacklist from './PairlistConfigBlacklist.vue';
 import PairlistConfigActions from './PairlistConfigActions.vue';
-import { Pairlist } from '@/types';
+import { ExchangeSelection, Pairlist } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
+import ExchangeSelect from './ExchangeSelect.vue';
 
 const botStore = useBotStore();
 const pairlistStore = usePairlistConfigStore();
+const selectedExchange = ref<ExchangeSelection>({
+  exchange: '',
+});
 
 const availablePairlists = ref<Pairlist[]>([]);
 const pairlistConfigsEl = ref<HTMLElement | null>(null);
diff --git a/src/types/exchange.ts b/src/types/exchange.ts
index adcec421..c7fe4384 100644
--- a/src/types/exchange.ts
+++ b/src/types/exchange.ts
@@ -16,3 +16,8 @@ export interface Exchange {
 export interface ExchangeListResult {
   exchanges: Exchange[];
 }
+
+export interface ExchangeSelection {
+  exchange: string;
+  trade_mode?: TradeMode;
+}

From 35a81a8d9bf1981776d1177c3dbe574a5d5e6708 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 4 Jun 2023 13:41:14 +0200
Subject: [PATCH 099/122] Allow exchange selection for pairlist config

---
 src/components/ftbot/PairlistConfigurator.vue | 14 +++--
 src/stores/pairlistConfig.ts                  | 57 ++++++++++++++-----
 src/types/exchange.ts                         |  2 +-
 src/types/pairlists.ts                        |  3 +-
 4 files changed, 54 insertions(+), 22 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 8228bc65..49ffa550 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -25,8 +25,15 @@
       </b-list-group-item>
     </b-list-group>
     <div class="d-flex flex-column flex-fill">
-      <exchange-select v-model="selectedExchange" />
       <PairlistConfigActions />
+      <b-form-checkbox v-model="pairlistStore.customExchange" class="mb-2"
+        >Custom Exchange</b-form-checkbox
+      >
+      <exchange-select
+        v-if="pairlistStore.customExchange"
+        v-model="pairlistStore.selectedExchange"
+        class="mb-2"
+      />
       <PairlistConfigBlacklist />
       <b-alert
         :model-value="
@@ -67,16 +74,13 @@ import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
 import PairlistConfigBlacklist from './PairlistConfigBlacklist.vue';
 import PairlistConfigActions from './PairlistConfigActions.vue';
-import { ExchangeSelection, Pairlist } from '@/types';
+import { Pairlist } from '@/types';
 import { useSortable, moveArrayElement } from '@vueuse/integrations/useSortable';
 import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
 import ExchangeSelect from './ExchangeSelect.vue';
 
 const botStore = useBotStore();
 const pairlistStore = usePairlistConfigStore();
-const selectedExchange = ref<ExchangeSelection>({
-  exchange: '',
-});
 
 const availablePairlists = ref<Pairlist[]>([]);
 const pairlistConfigsEl = ref<HTMLElement | null>(null);
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 18d1c2f0..c93a7a5b 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -2,11 +2,14 @@ import { defineStore } from 'pinia';
 import { useBotStore } from './ftbotwrapper';
 
 import {
+  ExchangeSelection,
+  MarginMode,
   Pairlist,
   PairlistConfig,
   PairlistParamType,
   PairlistPayloadItem,
   PairlistsPayload,
+  TradingMode,
 } from '@/types';
 import { computed, ref, toRaw } from 'vue';
 import { showAlert } from './alerts';
@@ -21,6 +24,15 @@ export const usePairlistConfigStore = defineStore(
     const stakeCurrency = ref<string>(botStore.activeBot?.stakeCurrency ?? 'USDT');
     const whitelist = ref<string[]>([]);
     const blacklist = ref<string[]>([]);
+    const customExchange = ref<boolean>(false);
+    const selectedExchange = ref<ExchangeSelection>({
+      exchange: '',
+      trade_mode: {
+        trading_mode: TradingMode.SPOT,
+        margin_mode: MarginMode.NONE,
+      },
+    });
+
     const config = ref<PairlistConfig>({ name: '', pairlists: [] });
     const savedConfigs = ref<PairlistConfig[]>([]);
 
@@ -104,23 +116,28 @@ export const usePairlistConfigStore = defineStore(
       const payload: PairlistsPayload = configToPayload();
 
       evaluating.value = true;
-      const { job_id: jobId } = await botStore.activeBot.evaluatePairlist(payload);
-      console.log('jobId', jobId);
+      try {
+        const { job_id: jobId } = await botStore.activeBot.evaluatePairlist(payload);
+        console.log('jobId', jobId);
 
-      intervalId.value = setInterval(async () => {
-        const res = await botStore.activeBot.getBackgroundJobStatus(jobId);
-        if (!res.running) {
-          clearInterval(intervalId.value);
-          const wl = await botStore.activeBot.getPairlistEvalResult(jobId);
-          evaluating.value = false;
-          if (wl.status === 'success') {
-            whitelist.value = wl.result.whitelist;
-          } else if (wl.error) {
-            showAlert(wl.error, 'danger');
+        intervalId.value = setInterval(async () => {
+          const res = await botStore.activeBot.getBackgroundJobStatus(jobId);
+          if (!res.running) {
+            clearInterval(intervalId.value);
+            const wl = await botStore.activeBot.getPairlistEvalResult(jobId);
             evaluating.value = false;
+            if (wl.status === 'success') {
+              whitelist.value = wl.result.whitelist;
+            } else if (wl.error) {
+              showAlert(wl.error, 'danger');
+              evaluating.value = false;
+            }
           }
-        }
-      }, 1000);
+        }, 1000);
+      } catch (error) {
+        showAlert('Evaluation failed', 'danger');
+        evaluating.value = false;
+      }
     }
 
     function convertToParamType(type: PairlistParamType, value: string) {
@@ -135,11 +152,19 @@ export const usePairlistConfigStore = defineStore(
 
     function configToPayload(): PairlistsPayload {
       const pairlists: PairlistPayloadItem[] = configToPayloadItems();
-      return {
+      const config: PairlistsPayload = {
         pairlists: pairlists,
         stake_currency: stakeCurrency.value,
         blacklist: blacklist.value,
       };
+      console.log('asdf');
+      if (customExchange.value) {
+        console.log('setting custom exchange props');
+        config.exchange = selectedExchange.value.exchange;
+        config.trading_mode = selectedExchange.value.trade_mode.trading_mode;
+        config.margin_mode = selectedExchange.value.trade_mode.margin_mode;
+      }
+      return config;
     }
 
     function configToPayloadItems() {
@@ -181,6 +206,8 @@ export const usePairlistConfigStore = defineStore(
       firstPairlistIsGenerator,
       pairlistValid,
       stakeCurrency,
+      customExchange,
+      selectedExchange,
     };
   },
   {
diff --git a/src/types/exchange.ts b/src/types/exchange.ts
index c7fe4384..85e44556 100644
--- a/src/types/exchange.ts
+++ b/src/types/exchange.ts
@@ -19,5 +19,5 @@ export interface ExchangeListResult {
 
 export interface ExchangeSelection {
   exchange: string;
-  trade_mode?: TradeMode;
+  trade_mode: Partial<TradeMode>;
 }
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
index bd68646f..307c3808 100644
--- a/src/types/pairlists.ts
+++ b/src/types/pairlists.ts
@@ -1,6 +1,6 @@
 import { BackgroundTaskResult } from './backgroundtasks';
 import { WhitelistResponse } from './blacklist';
-import { TradingMode } from './types';
+import { MarginMode, TradingMode } from './types';
 
 export interface PairlistsResponse {
   pairlists: Pairlist[];
@@ -50,4 +50,5 @@ export interface PairlistsPayload {
   stake_currency: string;
   exchange?: string;
   trading_mode?: TradingMode;
+  margin_mode?: MarginMode;
 }

From f6c0e3d0b6503fd81657170f08bd43565d766218 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 4 Jun 2023 15:45:49 +0200
Subject: [PATCH 100/122] Improve exchange Select behavior

---
 src/components/ftbot/ExchangeSelect.vue | 39 ++++++++++++++++---------
 src/stores/pairlistConfig.ts            |  9 ++++--
 src/types/types.ts                      |  2 +-
 3 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/src/components/ftbot/ExchangeSelect.vue b/src/components/ftbot/ExchangeSelect.vue
index 48679631..5a8c806d 100644
--- a/src/components/ftbot/ExchangeSelect.vue
+++ b/src/components/ftbot/ExchangeSelect.vue
@@ -19,7 +19,7 @@
 
 <script setup lang="ts">
 import { useBotStore } from '@/stores/ftbotwrapper';
-import { computed, onMounted } from 'vue';
+import { computed, onMounted, watch } from 'vue';
 import { ExchangeSelection } from '@/types';
 
 const exchangeModel = defineModel({
@@ -44,20 +44,33 @@ const exchangeList = computed(() => {
     .map((e) => e.name);
 });
 
-const tradeModes = computed<Record<string, unknown>[]>(() => {
-  const val = botStore.activeBot.exchangeList
-    .find((ex) => ex.name === exchangeModel.value.exchange)
-    ?.trade_modes.map((tm) => {
-      return (
-        {
-          text: `${tm.margin_mode} ${tm.trading_mode}`,
-          value: tm,
-        } ?? []
-      );
-    });
-  return (val ?? []) as Record<string, unknown>[];
+const tradeModesTyped = computed(() => {
+  const val = botStore.activeBot.exchangeList.find(
+    (ex) => ex.name === exchangeModel.value.exchange,
+  )?.trade_modes;
+  return val ?? [];
 });
 
+const tradeModes = computed<Record<string, unknown>[]>(() => {
+  return tradeModesTyped.value.map((tm) => {
+    return (
+      {
+        text: `${tm.margin_mode} ${tm.trading_mode}`,
+        value: tm,
+      } ?? []
+    );
+  }) as Record<string, unknown>[];
+});
+
+watch(
+  () => exchangeModel.value.exchange,
+  () => {
+    if (tradeModesTyped.value.length < 2) {
+      exchangeModel.value.trade_mode = tradeModesTyped.value[0];
+    }
+  },
+);
+
 onMounted(() => {
   if (botStore.activeBot.exchangeList.length === 0) {
     botStore.activeBot.getExchangeList();
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index c93a7a5b..d9935bc2 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -26,10 +26,13 @@ export const usePairlistConfigStore = defineStore(
     const blacklist = ref<string[]>([]);
     const customExchange = ref<boolean>(false);
     const selectedExchange = ref<ExchangeSelection>({
-      exchange: '',
+      exchange: botStore.activeBot?.botState.exchange ?? '',
       trade_mode: {
-        trading_mode: TradingMode.SPOT,
-        margin_mode: MarginMode.NONE,
+        trading_mode: botStore.activeBot?.botState.trading_mode ?? TradingMode.SPOT,
+        margin_mode:
+          botStore.activeBot?.botState.trading_mode === TradingMode.FUTURES
+            ? MarginMode.ISOLATED
+            : MarginMode.NONE,
       },
     });
 
diff --git a/src/types/types.ts b/src/types/types.ts
index 64c13465..887f62b1 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -81,7 +81,7 @@ export enum TradingMode {
 }
 
 export enum MarginMode {
-  NONE = 'none',
+  NONE = '',
   ISOLATED = 'isolated',
   // CROSS = 'cross',
 }

From ef70eaded889d84a19eb818ef38ead0b289af4d3 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 5 Jun 2023 10:25:23 +0000
Subject: [PATCH 101/122] data-theme to data-bs-theme

---
 src/components/ftbot/PairlistConfigurator.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 49ffa550..470a1e9c 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -157,14 +157,14 @@ onMounted(async () => {
   }
 }
 
-[data-theme='light'] .add-pairlist {
+[data-bs-theme='light'] .add-pairlist {
   color: black;
 }
 
 .empty {
   border: 3px dashed rgba(255, 255, 255, 0.65);
 
-  [data-theme='light'] & {
+  [data-bs-theme='light'] & {
     border: 3px dashed rgba(0, 0, 0, 0.5);
   }
 

From 8cee684a58e4aaa6448f878bf1b5f272b95f2aff Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 6 Jun 2023 14:39:32 +0000
Subject: [PATCH 102/122] use edit-value for config actions

---
 .../ftbot/PairlistConfigActions.vue           | 77 ++++++-------------
 src/stores/pairlistConfig.ts                  | 31 ++++----
 2 files changed, 40 insertions(+), 68 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index 3b908177..d641afe3 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -1,51 +1,33 @@
 <template>
-  <div class="d-flex flex-row mb-2 gap-2">
-    <b-button
-      title="Delete config"
-      :disabled="!pairlistStore.isSavedConfig"
-      variant="dark"
-      @click="pairlistStore.deleteConfig()"
-      ><i-mdi-delete width="24" height="24"
-    /></b-button>
-
-    <b-form-input v-model="configName" placeholder="Configuration name..." />
-
-    <b-button-group>
-      <b-dropdown variant="dark" title="Saved configs">
-        <b-dropdown-item-button
-          v-for="config in pairlistStore.savedConfigs"
-          :key="config.name"
-          @click="pairlistStore.selectConfig(config)"
-          >{{ config.name }}</b-dropdown-item-button
-        >
-      </b-dropdown>
-      <b-button
-        title="Save config"
-        variant="dark"
-        :disabled="!configName || pairlistStore.config.pairlists.length == 0"
-        @click="pairlistStore.saveConfig(configName)"
-        ><i-mdi-content-save width="24" height="24"
-      /></b-button>
-    </b-button-group>
-    <b-button
-      title="Clone config"
-      variant="dark"
-      :disabled="!pairlistStore.config.name || !pairlistStore.isSavedConfig"
-      @click="pairlistStore.cloneConfig()"
-      ><i-mdi-content-copy width="24" height="24"
-    /></b-button>
-    <b-button
-      title="New config"
-      variant="dark"
-      :disabled="pairlistStore.config.pairlists.length == 0"
-      @click="pairlistStore.newConfig()"
-      ><i-mdi-plus width="24" height="24"
-    /></b-button>
+  <div class="d-flex mb-2 gap-2">
+    <edit-value
+      v-model="pairlistStore.config.name"
+      editable-name="config"
+      :allow-add="true"
+      :allow-duplicate="true"
+      :allow-edit="true"
+      class="d-flex flex-grow-1"
+      @delete="pairlistStore.deleteConfig"
+      @duplicate="(oldName:string,newName:string) => pairlistStore.duplicateConfig(oldName, newName)"
+      @new="(name:string) => pairlistStore.newConfig(name)"
+      @rename="(oldName: string, newName:string) => pairlistStore.renameOrSaveConfig(oldName,newName)"
+    >
+      <b-form-select
+        v-model="pairlistStore.config"
+        size="sm"
+        :options="
+          pairlistStore.savedConfigs.map((c) => {
+            return { text: c.name, value: c };
+          })
+        "
+      />
+    </edit-value>
     <b-button
       title="Evaluate pairlist"
       :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
       variant="primary"
       class="col-lg-2"
+      size="sm"
       @click="pairlistStore.startPairlistEvaluation()"
     >
       <b-spinner v-if="pairlistStore.evaluating" small></b-spinner>
@@ -55,15 +37,6 @@
 </template>
 <script setup lang="ts">
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
-import { ref, watch } from 'vue';
+import EditValue from '../general/EditValue.vue';
 const pairlistStore = usePairlistConfigStore();
-
-const configName = ref(pairlistStore.config.name);
-
-watch(
-  () => pairlistStore.config.name,
-  () => {
-    configName.value = pairlistStore.config.name;
-  },
-);
 </script>
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index d9935bc2..d7ff9624 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -73,9 +73,9 @@ export const usePairlistConfigStore = defineStore(
       config.value.pairlists.splice(index, 1);
     }
 
-    function saveConfig(name: string) {
+    function renameOrSaveConfig(oldName: string, newName: string) {
       const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
-      config.value.name = name;
+      config.value.name = newName;
 
       if (i > -1) {
         savedConfigs.value[i] = config.value;
@@ -84,11 +84,19 @@ export const usePairlistConfigStore = defineStore(
       }
     }
 
-    function cloneConfig() {
-      config.value = {
-        name: '',
+    function newConfig(name: string) {
+      const c = { name: name, pairlists: [] };
+      savedConfigs.value.push(c);
+      config.value = c;
+    }
+
+    function duplicateConfig(oldName: string, newName: string) {
+      const c = {
+        name: newName,
         pairlists: structuredClone(toRaw(config.value.pairlists)),
       };
+      savedConfigs.value.push(c);
+      config.value = c;
     }
 
     function deleteConfig() {
@@ -99,14 +107,6 @@ export const usePairlistConfigStore = defineStore(
       }
     }
 
-    function newConfig() {
-      config.value = { name: '', pairlists: [] };
-    }
-
-    function selectConfig(selected: PairlistConfig) {
-      config.value = structuredClone(toRaw(selected));
-    }
-
     function addToBlacklist() {
       blacklist.value.push('');
     }
@@ -198,10 +198,9 @@ export const usePairlistConfigStore = defineStore(
       startPairlistEvaluation,
       addToConfig,
       removeFromConfig,
-      saveConfig,
-      cloneConfig,
+      renameOrSaveConfig,
+      duplicateConfig,
       deleteConfig,
-      selectConfig,
       newConfig,
       addToBlacklist,
       removeFromBlacklist,

From 74caaef7f088ba63a0a68a8532b2d462f664d2f6 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 7 Jun 2023 17:26:33 +0000
Subject: [PATCH 103/122] improved config actions

---
 .../ftbot/PairlistConfigActions.vue           | 20 +++++---
 src/components/ftbot/PairlistConfigurator.vue |  3 ++
 src/stores/pairlistConfig.ts                  | 50 ++++++++++++++-----
 3 files changed, 52 insertions(+), 21 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index d641afe3..d7dad257 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -1,5 +1,12 @@
 <template>
   <div class="d-flex mb-2 gap-2">
+    <b-button
+      title="Save configuration"
+      size="sm"
+      @click="pairlistStore.saveConfig(pairlistStore.config.name)"
+    >
+      <i-mdi-content-save />
+    </b-button>
     <edit-value
       v-model="pairlistStore.config.name"
       editable-name="config"
@@ -8,18 +15,15 @@
       :allow-edit="true"
       class="d-flex flex-grow-1"
       @delete="pairlistStore.deleteConfig"
-      @duplicate="(oldName:string,newName:string) => pairlistStore.duplicateConfig(oldName, newName)"
+      @duplicate="(oldName:string,newName:string) => pairlistStore.duplicateConfig(newName)"
       @new="(name:string) => pairlistStore.newConfig(name)"
-      @rename="(oldName: string, newName:string) => pairlistStore.renameOrSaveConfig(oldName,newName)"
+      @rename="(oldName: string, newName:string) => pairlistStore.saveConfig(newName)"
     >
       <b-form-select
-        v-model="pairlistStore.config"
+        v-model="pairlistStore.configName"
         size="sm"
-        :options="
-          pairlistStore.savedConfigs.map((c) => {
-            return { text: c.name, value: c };
-          })
-        "
+        :options="pairlistStore.savedConfigs.map((c) => c.name)"
+        @change="(config) => pairlistStore.selectOrCreateConfig(config)"
       />
     </edit-value>
     <b-button
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 470a1e9c..82ba7a3e 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -137,6 +137,9 @@ onMounted(async () => {
       ? -1
       : 1,
   );
+  pairlistStore.selectOrCreateConfig(
+    pairlistStore.savedConfigs.length > 0 ? pairlistStore.savedConfigs[0].name : 'default',
+  );
 });
 </script>
 
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index d7ff9624..e2efc956 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -11,7 +11,7 @@ import {
   PairlistsPayload,
   TradingMode,
 } from '@/types';
-import { computed, ref, toRaw } from 'vue';
+import { computed, ref, toRaw, watch } from 'vue';
 import { showAlert } from './alerts';
 
 export const usePairlistConfigStore = defineStore(
@@ -38,6 +38,7 @@ export const usePairlistConfigStore = defineStore(
 
     const config = ref<PairlistConfig>({ name: '', pairlists: [] });
     const savedConfigs = ref<PairlistConfig[]>([]);
+    const configName = ref<string>('');
 
     const firstPairlistIsGenerator = computed<boolean>(() => {
       // First pairlist must be a generator
@@ -73,37 +74,48 @@ export const usePairlistConfigStore = defineStore(
       config.value.pairlists.splice(index, 1);
     }
 
-    function renameOrSaveConfig(oldName: string, newName: string) {
+    function saveConfig(name = '') {
       const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
-      config.value.name = newName;
+      config.value.name = name;
 
       if (i > -1) {
-        savedConfigs.value[i] = config.value;
+        savedConfigs.value[i] = structuredClone(toRaw(config.value));
       } else {
-        savedConfigs.value.push(config.value);
+        savedConfigs.value.push(structuredClone(toRaw(config.value)));
       }
     }
 
     function newConfig(name: string) {
       const c = { name: name, pairlists: [] };
       savedConfigs.value.push(c);
-      config.value = c;
+      config.value = structuredClone(c);
     }
 
-    function duplicateConfig(oldName: string, newName: string) {
+    function duplicateConfig(name = '') {
       const c = {
-        name: newName,
-        pairlists: structuredClone(toRaw(config.value.pairlists)),
+        name: name,
+        pairlists: toRaw(config.value.pairlists),
       };
       savedConfigs.value.push(c);
-      config.value = c;
+      config.value = structuredClone(c);
     }
 
     function deleteConfig() {
       const i = savedConfigs.value.findIndex((c) => c.name === config.value.name);
       if (i > -1) {
         savedConfigs.value.splice(i, 1);
-        config.value = { name: '', pairlists: [] };
+        selectOrCreateConfig(
+          savedConfigs.value.length > 0 ? savedConfigs.value[0].name : 'default',
+        );
+      }
+    }
+
+    function selectOrCreateConfig(name: string) {
+      const c = savedConfigs.value.find((c) => name === c.name);
+      if (c) {
+        config.value = structuredClone(toRaw(c));
+      } else {
+        newConfig(name);
       }
     }
 
@@ -188,6 +200,16 @@ export const usePairlistConfigStore = defineStore(
       return pairlists;
     }
 
+    watch(
+      () => config.value,
+      () => {
+        configName.value = config.value.name;
+      },
+      {
+        deep: true,
+      },
+    );
+
     return {
       evaluating,
       whitelist,
@@ -195,13 +217,15 @@ export const usePairlistConfigStore = defineStore(
       configJSON,
       savedConfigs,
       blacklist,
+      configName,
       startPairlistEvaluation,
       addToConfig,
       removeFromConfig,
-      renameOrSaveConfig,
+      saveConfig,
       duplicateConfig,
       deleteConfig,
       newConfig,
+      selectOrCreateConfig,
       addToBlacklist,
       removeFromBlacklist,
       isSavedConfig,
@@ -214,7 +238,7 @@ export const usePairlistConfigStore = defineStore(
   },
   {
     persist: {
-      key: 'pairlist-configs',
+      key: 'ftPairlistConfig',
       paths: ['savedConfigs', 'blacklist'],
     },
   },

From 567c8693486d3f78bed4ac6428874fdd1c3a96f4 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 7 Jun 2023 18:33:22 +0000
Subject: [PATCH 104/122] use groups in exchange select

---
 src/components/ftbot/ExchangeSelect.vue | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/ftbot/ExchangeSelect.vue b/src/components/ftbot/ExchangeSelect.vue
index 5a8c806d..ab127a1e 100644
--- a/src/components/ftbot/ExchangeSelect.vue
+++ b/src/components/ftbot/ExchangeSelect.vue
@@ -29,19 +29,18 @@ const exchangeModel = defineModel({
 const botStore = useBotStore();
 
 const exchangeList = computed(() => {
-  return botStore.activeBot.exchangeList
-    .filter((ex) => ex.valid === true)
-    .sort((a, b) => {
-      // Sort by supported (alphabetically), then by name (alphabetically).
-      if (a.supported && !b.supported) {
-        return -1;
-      } else if (!a.supported && b.supported) {
-        return 1;
-      } else {
-        return a.name.localeCompare(b.name);
-      }
-    })
-    .map((e) => e.name);
+  const supported = botStore.activeBot.exchangeList
+    .filter((ex) => ex.valid && ex.supported)
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  const unsupported = botStore.activeBot.exchangeList
+    .filter((ex) => ex.valid && !ex.supported)
+    .sort((a, b) => a.name.localeCompare(b.name));
+
+  return [
+    { label: 'Supported', options: supported.map((e) => e.name) },
+    { label: 'Unsupported', options: unsupported.map((e) => e.name) },
+  ];
 });
 
 const tradeModesTyped = computed(() => {

From 6fcf47cd46f48f9cf3bde26e4b48a82b611daa64 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Wed, 7 Jun 2023 18:59:57 +0000
Subject: [PATCH 105/122] padding in evaluate btn

---
 src/components/ftbot/PairlistConfigActions.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index d7dad257..edae0933 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -30,7 +30,7 @@
       title="Evaluate pairlist"
       :disabled="pairlistStore.evaluating || !pairlistStore.pairlistValid"
       variant="primary"
-      class="col-lg-2"
+      class="px-5"
       size="sm"
       @click="pairlistStore.startPairlistEvaluation()"
     >

From 7dde1648fceaed6b07360785473bf8548e16a482 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 9 Jun 2023 11:02:21 +0000
Subject: [PATCH 106/122] per config blacklist with copy option

---
 .../ftbot/PairlistConfigBlacklist.vue         | 17 +++++--
 src/stores/pairlistConfig.ts                  | 46 +++++++++++--------
 src/types/pairlists.ts                        |  1 +
 3 files changed, 43 insertions(+), 21 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index d170e70c..82c0c68f 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -25,8 +25,19 @@
     </template>
     <b-collapse v-model="visible">
       <b-card-body>
-        <b-input-group v-for="(item, i) in pairlistStore.blacklist" :key="i" class="mb-2">
-          <b-form-input v-model="pairlistStore.blacklist[i]" />
+        <div class="d-flex mb-4 align-items-center gap-2">
+          <span class="col-auto">Copy from:</span
+          ><b-form-select
+            v-model="copyFromConfig"
+            size="sm"
+            :options="pairlistStore.savedConfigs.map((c) => c.name)"
+          />
+          <b-button title="Copy" size="sm" @click="pairlistStore.duplicateBlacklist(copyFromConfig)"
+            ><i-mdi-content-copy
+          /></b-button>
+        </div>
+        <b-input-group v-for="(item, i) in pairlistStore.config.blacklist" :key="i" class="mb-2">
+          <b-form-input v-model="pairlistStore.config.blacklist[i]" />
           <b-input-group-append>
             <b-button size="sm" @click="pairlistStore.removeFromBlacklist(i)"
               ><i-mdi-close
@@ -42,7 +53,7 @@
 import { ref } from 'vue';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 const pairlistStore = usePairlistConfigStore();
-
+const copyFromConfig = ref(pairlistStore.config.name);
 const visible = ref(false);
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index e2efc956..6b471b06 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -23,7 +23,6 @@ export const usePairlistConfigStore = defineStore(
     const intervalId = ref<number>();
     const stakeCurrency = ref<string>(botStore.activeBot?.stakeCurrency ?? 'USDT');
     const whitelist = ref<string[]>([]);
-    const blacklist = ref<string[]>([]);
     const customExchange = ref<boolean>(false);
     const selectedExchange = ref<ExchangeSelection>({
       exchange: botStore.activeBot?.botState.exchange ?? '',
@@ -36,7 +35,7 @@ export const usePairlistConfigStore = defineStore(
       },
     });
 
-    const config = ref<PairlistConfig>({ name: '', pairlists: [] });
+    const config = ref<PairlistConfig>(makeConfig());
     const savedConfigs = ref<PairlistConfig[]>([]);
     const configName = ref<string>('');
 
@@ -86,16 +85,17 @@ export const usePairlistConfigStore = defineStore(
     }
 
     function newConfig(name: string) {
-      const c = { name: name, pairlists: [] };
+      const c = makeConfig({ name });
       savedConfigs.value.push(c);
       config.value = structuredClone(c);
     }
 
     function duplicateConfig(name = '') {
-      const c = {
-        name: name,
-        pairlists: toRaw(config.value.pairlists),
-      };
+      const c = makeConfig({
+        name,
+        pairlists: toRaw(config.value.pairlists) as [],
+        blacklist: toRaw(config.value.blacklist) as [],
+      });
       savedConfigs.value.push(c);
       config.value = structuredClone(c);
     }
@@ -119,12 +119,23 @@ export const usePairlistConfigStore = defineStore(
       }
     }
 
+    function makeConfig({ name = '', pairlists = [], blacklist = [] } = {}): PairlistConfig {
+      return { name, pairlists, blacklist };
+    }
+
     function addToBlacklist() {
-      blacklist.value.push('');
+      config.value.blacklist.push('');
     }
 
     function removeFromBlacklist(index: number) {
-      blacklist.value.splice(index, 1);
+      config.value.blacklist.splice(index, 1);
+    }
+
+    function duplicateBlacklist(configName: string) {
+      const conf = savedConfigs.value.find((c) => c.name === configName);
+      if (conf) {
+        config.value.blacklist = structuredClone(toRaw(conf.blacklist));
+      }
     }
 
     async function startPairlistEvaluation() {
@@ -167,19 +178,18 @@ export const usePairlistConfigStore = defineStore(
 
     function configToPayload(): PairlistsPayload {
       const pairlists: PairlistPayloadItem[] = configToPayloadItems();
-      const config: PairlistsPayload = {
+      const c: PairlistsPayload = {
         pairlists: pairlists,
         stake_currency: stakeCurrency.value,
-        blacklist: blacklist.value,
+        blacklist: config.value.blacklist,
       };
-      console.log('asdf');
       if (customExchange.value) {
         console.log('setting custom exchange props');
-        config.exchange = selectedExchange.value.exchange;
-        config.trading_mode = selectedExchange.value.trade_mode.trading_mode;
-        config.margin_mode = selectedExchange.value.trade_mode.margin_mode;
+        c.exchange = selectedExchange.value.exchange;
+        c.trading_mode = selectedExchange.value.trade_mode.trading_mode;
+        c.margin_mode = selectedExchange.value.trade_mode.margin_mode;
       }
-      return config;
+      return c;
     }
 
     function configToPayloadItems() {
@@ -216,7 +226,6 @@ export const usePairlistConfigStore = defineStore(
       config,
       configJSON,
       savedConfigs,
-      blacklist,
       configName,
       startPairlistEvaluation,
       addToConfig,
@@ -228,6 +237,7 @@ export const usePairlistConfigStore = defineStore(
       selectOrCreateConfig,
       addToBlacklist,
       removeFromBlacklist,
+      duplicateBlacklist,
       isSavedConfig,
       firstPairlistIsGenerator,
       pairlistValid,
@@ -239,7 +249,7 @@ export const usePairlistConfigStore = defineStore(
   {
     persist: {
       key: 'ftPairlistConfig',
-      paths: ['savedConfigs', 'blacklist'],
+      paths: ['savedConfigs'],
     },
   },
 );
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
index 307c3808..f5b0998d 100644
--- a/src/types/pairlists.ts
+++ b/src/types/pairlists.ts
@@ -20,6 +20,7 @@ export interface Pairlist {
 
 export interface PairlistConfig {
   name: string;
+  blacklist: string[];
   pairlists: Pairlist[];
 }
 

From c3378f0f2696d0c44e276ca98fccbaba4e9f5900 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 9 Jun 2023 12:05:27 +0000
Subject: [PATCH 107/122] remove separate results view for now

---
 src/components/ftbot/PairlistConfigurator.vue | 18 ++++++++-
 src/views/PairlistConfigView.vue              | 37 +------------------
 2 files changed, 18 insertions(+), 37 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 82ba7a3e..47ec3db0 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -59,16 +59,24 @@
       </div>
     </div>
     <div class="col-12 col-lg-3">
+      <b-form-radio-group v-model="selectedView" class="mb-2" size="sm" buttons>
+        <b-form-radio button value="Config"> Config</b-form-radio>
+        <b-form-radio button value="Results" :disabled="pairlistStore.whitelist.length === 0">
+          Results</b-form-radio
+        >
+      </b-form-radio-group>
       <CopyableTextfield
+        v-if="selectedView === 'Config'"
         :content="pairlistStore.configJSON"
         :is-valid="pairlistStore.pairlistValid"
       />
+      <CopyableTextfield v-if="selectedView === 'Results'" :content="pairlistStore.whitelist" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, ref } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import PairlistConfigItem from './PairlistConfigItem.vue';
@@ -85,6 +93,7 @@ const pairlistStore = usePairlistConfigStore();
 const availablePairlists = ref<Pairlist[]>([]);
 const pairlistConfigsEl = ref<HTMLElement | null>(null);
 const availablePairlistsEl = ref<HTMLElement | null>(null);
+const selectedView = ref<'Config' | 'Results'>('Config');
 
 // v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
 const pairlistsComp = computed(() =>
@@ -141,6 +150,13 @@ onMounted(async () => {
     pairlistStore.savedConfigs.length > 0 ? pairlistStore.savedConfigs[0].name : 'default',
   );
 });
+
+watch(
+  () => pairlistStore.whitelist,
+  () => {
+    selectedView.value = 'Results';
+  },
+);
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/PairlistConfigView.vue b/src/views/PairlistConfigView.vue
index eedb8b9a..5b1e833a 100644
--- a/src/views/PairlistConfigView.vue
+++ b/src/views/PairlistConfigView.vue
@@ -1,42 +1,7 @@
 <template>
-  <div>
-    <b-button-group class="py-3">
-      <b-button
-        v-model="currentView"
-        :active="currentView === 'configurator'"
-        @click="currentView = 'configurator'"
-        >Configurator</b-button
-      >
-      <b-button
-        v-model="currentView"
-        :disabled="pairlistStore.whitelist.length == 0"
-        :active="currentView === 'results'"
-        @click="currentView = 'results'"
-        >Results</b-button
-      >
-    </b-button-group>
-
-    <PairlistConfigurator v-if="currentView == 'configurator'" />
-
-    <PairlistConfigResults v-show="currentView == 'results'" />
-  </div>
+  <PairlistConfigurator class="pt-4" />
 </template>
 
 <script setup lang="ts">
-import { usePairlistConfigStore } from '@/stores/pairlistConfig';
-import { ref, watch } from 'vue';
 import PairlistConfigurator from '@/components/ftbot/PairlistConfigurator.vue';
-import PairlistConfigResults from '@/components/ftbot/PairlistConfigResults.vue';
-
-const pairlistStore = usePairlistConfigStore();
-const currentView = ref<'configurator' | 'results'>('configurator');
-
-watch(
-  () => pairlistStore.evaluating,
-  (newVal: boolean, oldVal: boolean) => {
-    if (oldVal === true && newVal === false) {
-      currentView.value = 'results';
-    }
-  },
-);
 </script>

From e6e64f6ec89a4b244191890f975a2727f02cb171 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 9 Jun 2023 12:45:56 +0000
Subject: [PATCH 108/122] hide current config

---
 src/components/ftbot/PairlistConfigBlacklist.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index 82c0c68f..4e2135ac 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -27,11 +27,7 @@
       <b-card-body>
         <div class="d-flex mb-4 align-items-center gap-2">
           <span class="col-auto">Copy from:</span
-          ><b-form-select
-            v-model="copyFromConfig"
-            size="sm"
-            :options="pairlistStore.savedConfigs.map((c) => c.name)"
-          />
+          ><b-form-select v-model="copyFromConfig" size="sm" :options="configNames" />
           <b-button title="Copy" size="sm" @click="pairlistStore.duplicateBlacklist(copyFromConfig)"
             ><i-mdi-content-copy
           /></b-button>
@@ -50,10 +46,14 @@
   </b-card>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 const pairlistStore = usePairlistConfigStore();
-const copyFromConfig = ref(pairlistStore.config.name);
+const copyFromConfig = ref('');
 const visible = ref(false);
+
+const configNames = computed(() =>
+  pairlistStore.savedConfigs.filter((c) => c.name !== pairlistStore.config.name).map((c) => c.name),
+);
 </script>
 <style lang="scss" scoped></style>

From 1dabe912265a87c0cf2b3d251b2c4c54004a0c5f Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 9 Jun 2023 15:24:07 +0000
Subject: [PATCH 109/122] add stake currency field

---
 .../ftbot/PairlistConfigBlacklist.vue         |  9 ++++++--
 src/components/ftbot/PairlistConfigurator.vue | 23 ++++++++++++-------
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index 4e2135ac..fc81f854 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -32,7 +32,12 @@
             ><i-mdi-content-copy
           /></b-button>
         </div>
-        <b-input-group v-for="(item, i) in pairlistStore.config.blacklist" :key="i" class="mb-2">
+        <b-input-group
+          v-for="(item, i) in pairlistStore.config.blacklist"
+          :key="i"
+          class="mb-2"
+          size="sm"
+        >
           <b-form-input v-model="pairlistStore.config.blacklist[i]" />
           <b-input-group-append>
             <b-button size="sm" @click="pairlistStore.removeFromBlacklist(i)"
@@ -40,7 +45,7 @@
             /></b-button>
           </b-input-group-append>
         </b-input-group>
-        <b-button @click="pairlistStore.addToBlacklist()">Add</b-button>
+        <b-button size="sm" @click="pairlistStore.addToBlacklist()">Add</b-button>
       </b-card-body>
     </b-collapse>
   </b-card>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 47ec3db0..398f365f 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -26,14 +26,21 @@
     </b-list-group>
     <div class="d-flex flex-column flex-fill">
       <PairlistConfigActions />
-      <b-form-checkbox v-model="pairlistStore.customExchange" class="mb-2"
-        >Custom Exchange</b-form-checkbox
-      >
-      <exchange-select
-        v-if="pairlistStore.customExchange"
-        v-model="pairlistStore.selectedExchange"
-        class="mb-2"
-      />
+
+      <div class="d-flex align-items-center gap-2 my-2">
+        <span class="col-auto">Stake currency: </span>
+        <b-form-input v-model="pairlistStore.stakeCurrency" size="sm" />
+      </div>
+
+      <div class="mb-2">
+        <b-form-checkbox v-model="pairlistStore.customExchange" class="mb-2"
+          >Custom Exchange</b-form-checkbox
+        >
+        <exchange-select
+          v-if="pairlistStore.customExchange"
+          v-model="pairlistStore.selectedExchange"
+        />
+      </div>
       <PairlistConfigBlacklist />
       <b-alert
         :model-value="

From 5ada9e5a0bc759a9dce24309c59266c11dfa0c5b Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 9 Jun 2023 18:47:34 +0000
Subject: [PATCH 110/122] save btn to primary

---
 src/components/ftbot/PairlistConfigActions.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index edae0933..c8fbac7f 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -3,6 +3,7 @@
     <b-button
       title="Save configuration"
       size="sm"
+      variant="primary"
       @click="pairlistStore.saveConfig(pairlistStore.config.name)"
     >
       <i-mdi-content-save />

From 3cb7d7560115317dacbfa6841554a698a17e9752 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Fri, 9 Jun 2023 19:32:47 +0000
Subject: [PATCH 111/122] remember last used config on reload

---
 src/components/ftbot/PairlistConfigurator.vue | 2 +-
 src/stores/pairlistConfig.ts                  | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 398f365f..9a35cd46 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -154,7 +154,7 @@ onMounted(async () => {
       : 1,
   );
   pairlistStore.selectOrCreateConfig(
-    pairlistStore.savedConfigs.length > 0 ? pairlistStore.savedConfigs[0].name : 'default',
+    pairlistStore.isSavedConfig(pairlistStore.configName) ? pairlistStore.configName : 'default',
   );
 });
 
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 6b471b06..f11b05ce 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -55,9 +55,8 @@ export const usePairlistConfigStore = defineStore(
       return JSON.stringify(configToPayloadItems(), null, 2);
     });
 
-    const isSavedConfig = computed(
-      () => savedConfigs.value.findIndex((c) => c.name === config.value.name) > -1,
-    );
+    const isSavedConfig = (name: string) =>
+      savedConfigs.value.findIndex((c) => c.name === name) > -1;
 
     function addToConfig(pairlist: Pairlist, index: number) {
       pairlist = structuredClone(toRaw(pairlist));
@@ -249,7 +248,7 @@ export const usePairlistConfigStore = defineStore(
   {
     persist: {
       key: 'ftPairlistConfig',
-      paths: ['savedConfigs'],
+      paths: ['savedConfigs', 'configName'],
     },
   },
 );

From c3a4f1def6fe169df309bceaab16553ed3af170c Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 10 Jun 2023 08:46:36 +0200
Subject: [PATCH 112/122] Make parameter types more explicit

---
 src/components/ftbot/PairlistConfigItem.vue |  7 ++---
 src/stores/pairlistConfig.ts                |  3 +-
 src/types/pairlists.ts                      | 34 +++++++++++++++++++--
 3 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index c58b20e9..da798418 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -55,11 +55,10 @@
 </template>
 
 <script setup lang="ts">
-import { Pairlist } from '@/types';
-import { ref } from 'vue';
-import PairlistConfigParameter from './PairlistConfigParameter.vue';
-import { computed } from 'vue';
+import PairlistConfigParameter from '@/components/ftbot/PairlistConfigParameter.vue';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
+import { Pairlist } from '@/types';
+import { computed, ref } from 'vue';
 
 const pairlistStore = usePairlistConfigStore();
 
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index f11b05ce..84fdd793 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -7,6 +7,7 @@ import {
   Pairlist,
   PairlistConfig,
   PairlistParamType,
+  PairlistParamValue,
   PairlistPayloadItem,
   PairlistsPayload,
   TradingMode,
@@ -165,7 +166,7 @@ export const usePairlistConfigStore = defineStore(
       }
     }
 
-    function convertToParamType(type: PairlistParamType, value: string) {
+    function convertToParamType(type: PairlistParamType, value: PairlistParamValue) {
       if (type === PairlistParamType.number) {
         return Number(value);
       } else if (type === PairlistParamType.boolean) {
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
index f5b0998d..a4308557 100644
--- a/src/types/pairlists.ts
+++ b/src/types/pairlists.ts
@@ -31,15 +31,45 @@ export enum PairlistParamType {
   option = 'option',
 }
 
-export interface PairlistParameter {
+export type PairlistParamValue = string | number | boolean;
+
+interface PairlistParameterBase {
   description: string;
   help: string;
   type: PairlistParamType;
+}
+
+export interface StringPairlistParameter extends PairlistParameterBase {
+  type: PairlistParamType.string;
   value?: string;
   default: string;
-  options?: string[];
 }
 
+export interface NumberPairlistParameter extends PairlistParameterBase {
+  type: PairlistParamType.number;
+  value?: number;
+  default: number;
+}
+
+export interface BooleanPairlistParameter extends PairlistParameterBase {
+  type: PairlistParamType.boolean;
+  value?: boolean;
+  default: boolean;
+}
+
+export interface OptionPairlistParameter extends PairlistParameterBase {
+  type: PairlistParamType.option;
+  options: string[];
+  value?: string;
+  default: string;
+}
+
+export type PairlistParameter =
+  | StringPairlistParameter
+  | NumberPairlistParameter
+  | BooleanPairlistParameter
+  | OptionPairlistParameter;
+
 export interface PairlistPayloadItem {
   method: string;
   [key: string]: string | number | boolean;

From a2614d09bf6df22e1c3bf53e0dbe10b36205590f Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 10 Jun 2023 08:53:45 +0200
Subject: [PATCH 113/122] Fix "default" bug in pairlists

---
 src/stores/pairlistConfig.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index 84fdd793..a77946e7 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -14,6 +14,7 @@ import {
 } from '@/types';
 import { computed, ref, toRaw, watch } from 'vue';
 import { showAlert } from './alerts';
+import { isNotUndefined } from '@/shared/formatters';
 
 export const usePairlistConfigStore = defineStore(
   'pairlistConfig',
@@ -62,8 +63,8 @@ export const usePairlistConfigStore = defineStore(
     function addToConfig(pairlist: Pairlist, index: number) {
       pairlist = structuredClone(toRaw(pairlist));
       for (const param in pairlist.params) {
-        pairlist.params[param].value = pairlist.params[param].default
-          ? pairlist.params[param].default.toString()
+        pairlist.params[param].value = isNotUndefined(pairlist.params[param].default)
+          ? pairlist.params[param].default
           : '';
       }
       config.value.pairlists.splice(index, 0, pairlist);

From e98701b99eb14328b12c53719b708676c35d1f7b Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 11 Jun 2023 12:51:09 +0200
Subject: [PATCH 114/122] Limit pairlist config generator to correct api
 version

---
 src/components/layout/NavBar.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index e9142f45..e7ab4c94 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -24,7 +24,10 @@
             >Backtest</router-link
           >
           <router-link
-            v-if="botStore.activeBot?.isWebserverMode ?? false"
+            v-if="
+              (botStore.activeBot?.isWebserverMode ?? false) &&
+              botStore.activeBot.botApiVersion >= 2.3
+            "
             class="nav-link navbar-nav"
             to="/pairlist_config"
             >Pairlist Config</router-link

From 1842d89284ec5793ec201c72260909d67ff7fba0 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 11 Jun 2023 13:07:15 +0200
Subject: [PATCH 115/122] Improve "settings" box

---
 src/components/ftbot/ExchangeSelect.vue       | 10 ++++--
 src/components/ftbot/PairlistConfigurator.vue | 35 ++++++++-----------
 2 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/components/ftbot/ExchangeSelect.vue b/src/components/ftbot/ExchangeSelect.vue
index ab127a1e..fab8bc56 100644
--- a/src/components/ftbot/ExchangeSelect.vue
+++ b/src/components/ftbot/ExchangeSelect.vue
@@ -1,16 +1,22 @@
 <template>
   <div class="w-100 d-flex">
-    <b-form-select id="exchange-select" v-model="exchangeModel.exchange" :options="exchangeList">
+    <b-form-select
+      id="exchange-select"
+      v-model="exchangeModel.exchange"
+      size="sm"
+      :options="exchangeList"
+    >
     </b-form-select>
     <b-form-select
       id="tradeMode-select"
       v-model="exchangeModel.trade_mode"
+      size="sm"
       :options="tradeModes"
       :disabled="tradeModes.length < 2"
     >
     </b-form-select>
     <div class="ms-2">
-      <b-button @click="botStore.activeBot.getExchangeList">
+      <b-button size="sm" @click="botStore.activeBot.getExchangeList">
         <i-mdi-refresh />
       </b-button>
     </div>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 9a35cd46..d5be8a7d 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -26,20 +26,21 @@
     </b-list-group>
     <div class="d-flex flex-column flex-fill">
       <PairlistConfigActions />
+      <div class="border rounded-1 p-2 mb-2">
+        <div class="d-flex align-items-center gap-2 my-2">
+          <span class="col-auto">Stake currency: </span>
+          <b-form-input v-model="pairlistStore.stakeCurrency" size="sm" />
+        </div>
 
-      <div class="d-flex align-items-center gap-2 my-2">
-        <span class="col-auto">Stake currency: </span>
-        <b-form-input v-model="pairlistStore.stakeCurrency" size="sm" />
-      </div>
-
-      <div class="mb-2">
-        <b-form-checkbox v-model="pairlistStore.customExchange" class="mb-2"
-          >Custom Exchange</b-form-checkbox
-        >
-        <exchange-select
-          v-if="pairlistStore.customExchange"
-          v-model="pairlistStore.selectedExchange"
-        />
+        <div class="mb-2 border rounded-1 p-2 text-start">
+          <b-form-checkbox v-model="pairlistStore.customExchange" class="mb-2">
+            Custom Exchange
+          </b-form-checkbox>
+          <exchange-select
+            v-if="pairlistStore.customExchange"
+            v-model="pairlistStore.selectedExchange"
+          />
+        </div>
       </div>
       <PairlistConfigBlacklist />
       <b-alert
@@ -53,7 +54,7 @@
       </b-alert>
       <div
         ref="pairlistConfigsEl"
-        class="d-flex flex-column flex-grow-1 position-relative"
+        class="d-flex flex-column flex-grow-1 position-relative border rounded-1 p-1"
         :class="{ empty: configEmpty }"
       >
         <PairlistConfigItem
@@ -188,12 +189,6 @@ watch(
 }
 
 .empty {
-  border: 3px dashed rgba(255, 255, 255, 0.65);
-
-  [data-bs-theme='light'] & {
-    border: 3px dashed rgba(0, 0, 0, 0.5);
-  }
-
   &:after {
     content: 'Drag pairlist here';
     position: absolute;

From ae192a9455a215541c97fa4a56634327c27624c2 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 11 Jun 2023 13:20:06 +0200
Subject: [PATCH 116/122] Fix odd behavior when clicking on the blacklist Arrow

---
 src/components/ftbot/PairlistConfigBlacklist.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigBlacklist.vue b/src/components/ftbot/PairlistConfigBlacklist.vue
index fc81f854..c36975b5 100644
--- a/src/components/ftbot/PairlistConfigBlacklist.vue
+++ b/src/components/ftbot/PairlistConfigBlacklist.vue
@@ -12,14 +12,12 @@
           :class="!visible ? 'visible' : 'invisible'"
           role="button"
           class="fs-4"
-          @click="visible = !visible"
         />
         <i-mdi-chevron-up
           v-if="visible"
           :class="visible ? 'visible' : 'invisible'"
           role="button"
           class="fs-4"
-          @click="visible = !visible"
         />
       </div>
     </template>

From 69a282582236315cc4a66f4bb73b8f383344a131 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 11 Jun 2023 19:54:01 +0200
Subject: [PATCH 117/122] Improve naming and some behavior

---
 src/components/ftbot/PairlistConfigItem.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index da798418..db8c8532 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -11,7 +11,7 @@
           />
           <div
             role="button"
-            class="d-flex flex-grow-1 align-items-start flex-column"
+            class="d-flex flex-grow-1 align-items-start flex-column user-select-none"
             @click="toggleVisible"
           >
             <span class="fw-bold">{{ pairlist.name }}</span>
@@ -26,22 +26,22 @@
           @click="pairlistStore.removeFromConfig(index)"
         />
         <i-mdi-chevron-down
-          v-if="!visible"
-          :class="hasParameters && !visible ? 'visible' : 'invisible'"
+          v-if="!showParameters"
+          :class="hasParameters && !showParameters ? 'visible' : 'invisible'"
           role="button"
           class="fs-4"
           @click="toggleVisible"
         />
         <i-mdi-chevron-up
-          v-if="visible"
-          :class="hasParameters && visible ? 'visible' : 'invisible'"
+          v-if="showParameters"
+          :class="hasParameters && showParameters ? 'visible' : 'invisible'"
           role="button"
           class="fs-4"
           @click="toggleVisible"
         />
       </div>
     </template>
-    <b-collapse v-model="visible">
+    <b-collapse v-model="showParameters">
       <b-card-body>
         <PairlistConfigParameter
           v-for="(parameter, key) in pairlist.params"
@@ -66,7 +66,7 @@ defineProps<{
   index: number;
 }>();
 
-const visible = ref(false);
+const showParameters = ref(false);
 
 const pairlist = defineModel<Pairlist>({ required: true });
 
@@ -74,7 +74,7 @@ const hasParameters = computed(() => Object.keys(pairlist.value.params).length >
 
 function toggleVisible() {
   if (hasParameters.value) {
-    visible.value = !visible.value;
+    showParameters.value = !showParameters.value;
   }
 }
 </script>

From e136127e4c857bf520f7d3ca4a4b8ba56e926676 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 13 Jun 2023 13:00:45 +0000
Subject: [PATCH 118/122] remember pairlist collapsed state

---
 src/components/ftbot/PairlistConfigItem.vue   | 16 +++++++---------
 src/components/ftbot/PairlistConfigurator.vue | 13 +------------
 src/stores/pairlistConfig.ts                  |  4 ++++
 src/types/pairlists.ts                        |  1 +
 4 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index db8c8532..b6d29d97 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -26,22 +26,22 @@
           @click="pairlistStore.removeFromConfig(index)"
         />
         <i-mdi-chevron-down
-          v-if="!showParameters"
-          :class="hasParameters && !showParameters ? 'visible' : 'invisible'"
+          v-if="!pairlist.showParameters"
+          :class="hasParameters && !pairlist.showParameters ? 'visible' : 'invisible'"
           role="button"
           class="fs-4"
           @click="toggleVisible"
         />
         <i-mdi-chevron-up
-          v-if="showParameters"
-          :class="hasParameters && showParameters ? 'visible' : 'invisible'"
+          v-if="pairlist.showParameters"
+          :class="hasParameters && pairlist.showParameters ? 'visible' : 'invisible'"
           role="button"
           class="fs-4"
           @click="toggleVisible"
         />
       </div>
     </template>
-    <b-collapse v-model="showParameters">
+    <b-collapse v-model="pairlist.showParameters">
       <b-card-body>
         <PairlistConfigParameter
           v-for="(parameter, key) in pairlist.params"
@@ -58,7 +58,7 @@
 import PairlistConfigParameter from '@/components/ftbot/PairlistConfigParameter.vue';
 import { usePairlistConfigStore } from '@/stores/pairlistConfig';
 import { Pairlist } from '@/types';
-import { computed, ref } from 'vue';
+import { computed } from 'vue';
 
 const pairlistStore = usePairlistConfigStore();
 
@@ -66,15 +66,13 @@ defineProps<{
   index: number;
 }>();
 
-const showParameters = ref(false);
-
 const pairlist = defineModel<Pairlist>({ required: true });
 
 const hasParameters = computed(() => Object.keys(pairlist.value.params).length > 0);
 
 function toggleVisible() {
   if (hasParameters.value) {
-    showParameters.value = !showParameters.value;
+    pairlist.value.showParameters = !pairlist.value.showParameters;
   }
 }
 </script>
diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index d5be8a7d..f368c805 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -58,7 +58,7 @@
         :class="{ empty: configEmpty }"
       >
         <PairlistConfigItem
-          v-for="(pairlist, i) in pairlistsComp"
+          v-for="(pairlist, i) in pairlistStore.config.pairlists"
           :key="pairlist.id"
           v-model="pairlistStore.config.pairlists[i]"
           :index="i"
@@ -103,17 +103,6 @@ const pairlistConfigsEl = ref<HTMLElement | null>(null);
 const availablePairlistsEl = ref<HTMLElement | null>(null);
 const selectedView = ref<'Config' | 'Results'>('Config');
 
-// v-for updates with sorting, deleting and adding items seem to get wonky without unique keys for every item
-const pairlistsComp = computed(() =>
-  pairlistStore.config.pairlists.map((p) => {
-    if (p.id) {
-      return p;
-    } else {
-      return { id: Date.now().toString(36) + Math.random().toString(36).substring(2), ...p };
-    }
-  }),
-);
-
 const configEmpty = computed(() => {
   return pairlistStore.config.pairlists.length == 0;
 });
diff --git a/src/stores/pairlistConfig.ts b/src/stores/pairlistConfig.ts
index a77946e7..23898730 100644
--- a/src/stores/pairlistConfig.ts
+++ b/src/stores/pairlistConfig.ts
@@ -62,6 +62,10 @@ export const usePairlistConfigStore = defineStore(
 
     function addToConfig(pairlist: Pairlist, index: number) {
       pairlist = structuredClone(toRaw(pairlist));
+      pairlist.showParameters = false;
+      if (!pairlist.id) {
+        pairlist.id = Date.now().toString(36) + Math.random().toString(36).substring(2);
+      }
       for (const param in pairlist.params) {
         pairlist.params[param].value = isNotUndefined(pairlist.params[param].default)
           ? pairlist.params[param].default
diff --git a/src/types/pairlists.ts b/src/types/pairlists.ts
index a4308557..786653ac 100644
--- a/src/types/pairlists.ts
+++ b/src/types/pairlists.ts
@@ -15,6 +15,7 @@ export interface Pairlist {
   is_pairlist_generator: boolean;
   name: string;
   description: string;
+  showParameters: boolean;
   params: Record<string, PairlistParameter>;
 }
 

From 93be009b74b0d1afe4197e9ad159ebfa9d684da7 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Tue, 13 Jun 2023 17:09:24 +0000
Subject: [PATCH 119/122] better config/results scroll

---
 src/components/ftbot/PairlistConfigurator.vue | 23 ++++++++++++-------
 src/components/general/CopyableTextfield.vue  |  2 +-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index f368c805..d1e3f54e 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex px-3 gap-3 flex-column flex-lg-row">
+  <div class="d-flex px-3 mb-3 gap-3 flex-column flex-lg-row">
     <b-list-group ref="availablePairlistsEl" class="available-pairlists">
       <b-list-group-item
         v-for="pairlist in availablePairlists"
@@ -66,19 +66,26 @@
         />
       </div>
     </div>
-    <div class="col-12 col-lg-3">
+    <div class="d-flex flex-column col-12 col-lg-3">
       <b-form-radio-group v-model="selectedView" class="mb-2" size="sm" buttons>
         <b-form-radio button value="Config"> Config</b-form-radio>
         <b-form-radio button value="Results" :disabled="pairlistStore.whitelist.length === 0">
           Results</b-form-radio
         >
       </b-form-radio-group>
-      <CopyableTextfield
-        v-if="selectedView === 'Config'"
-        :content="pairlistStore.configJSON"
-        :is-valid="pairlistStore.pairlistValid"
-      />
-      <CopyableTextfield v-if="selectedView === 'Results'" :content="pairlistStore.whitelist" />
+      <div class="position-relative flex-fill overflow-auto">
+        <CopyableTextfield
+          v-if="selectedView === 'Config'"
+          class="position-absolute w-100"
+          :content="pairlistStore.configJSON"
+          :is-valid="pairlistStore.pairlistValid"
+        />
+        <CopyableTextfield
+          v-if="selectedView === 'Results'"
+          class="position-absolute w-100"
+          :content="pairlistStore.whitelist"
+        />
+      </div>
     </div>
   </div>
 </template>
diff --git a/src/components/general/CopyableTextfield.vue b/src/components/general/CopyableTextfield.vue
index 83819171..2b535a0c 100644
--- a/src/components/general/CopyableTextfield.vue
+++ b/src/components/general/CopyableTextfield.vue
@@ -6,7 +6,7 @@
       class="copy-button position-absolute end-0 mt-1 me-2"
       @click="copy(content)"
     />
-    <pre class="text-start border p-1"><code>{{ content }}</code></pre>
+    <pre class="text-start border p-1 mb-0"><code>{{ content }}</code></pre>
   </div>
 </template>
 

From 01e4ed704c9b47c0387ec95fb82d86b69ea56d45 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Thu, 15 Jun 2023 06:44:43 +0200
Subject: [PATCH 120/122] Improve responsive behavior for Pairlist config
 actions

---
 src/components/ftbot/PairlistConfigActions.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigActions.vue b/src/components/ftbot/PairlistConfigActions.vue
index c8fbac7f..538bcf06 100644
--- a/src/components/ftbot/PairlistConfigActions.vue
+++ b/src/components/ftbot/PairlistConfigActions.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="d-flex mb-2 gap-2">
+  <div class="d-flex flex-column flex-sm-row mb-2 gap-2">
     <b-button
       title="Save configuration"
       size="sm"

From b11564b742fbbf60b593f2b10d41ca14dc88cc7b Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 15 Jun 2023 14:01:19 +0000
Subject: [PATCH 121/122] fix results hidden on small screens

---
 src/components/ftbot/PairlistConfigurator.vue | 4 ++--
 src/styles/_styles_ovw.scss                   | 7 +++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index d1e3f54e..2f06068a 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -76,13 +76,13 @@
       <div class="position-relative flex-fill overflow-auto">
         <CopyableTextfield
           v-if="selectedView === 'Config'"
-          class="position-absolute w-100"
+          class="position-lg-absolute w-100"
           :content="pairlistStore.configJSON"
           :is-valid="pairlistStore.pairlistValid"
         />
         <CopyableTextfield
           v-if="selectedView === 'Results'"
-          class="position-absolute w-100"
+          class="position-lg-absolute w-100"
           :content="pairlistStore.whitelist"
         />
       </div>
diff --git a/src/styles/_styles_ovw.scss b/src/styles/_styles_ovw.scss
index a9221d72..11921ec7 100644
--- a/src/styles/_styles_ovw.scss
+++ b/src/styles/_styles_ovw.scss
@@ -246,3 +246,10 @@ body.ft-theme-transition *:after {
         ;
     transition-delay: 0 !important;
 }
+
+.position-lg-absolute{
+    position: inherit;
+    @include media-breakpoint-up(lg){
+        position: absolute !important;
+    }
+}
\ No newline at end of file

From 5d3b64cdc921a092fca066e0be3d1be726f1a7bb Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Thu, 15 Jun 2023 14:03:13 +0000
Subject: [PATCH 122/122] remove unnecessary rule

---
 src/styles/_styles_ovw.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/styles/_styles_ovw.scss b/src/styles/_styles_ovw.scss
index 11921ec7..0a8c3dab 100644
--- a/src/styles/_styles_ovw.scss
+++ b/src/styles/_styles_ovw.scss
@@ -248,7 +248,6 @@ body.ft-theme-transition *:after {
 }
 
 .position-lg-absolute{
-    position: inherit;
     @include media-breakpoint-up(lg){
         position: absolute !important;
     }