added backend which maintains ai instances;

added frontend as control panel

frontend/src/App.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+import {RouterView} from 'vue-router';
+import {Options, Vue} from 'vue-class-component';
+import DocumentLocaleSetter from '@/components/locale/DocumentLocaleSetter.vue';
+import NavBar from '@/components/navbar/NavBar.vue';
+import LocaleSaver from '@/components/locale/LocaleSaver.vue';
+import SideBar from '@/components/sidebar/SideBar.vue';
+
+@Options({
+  name: 'App',
+  components: {
+    DocumentLocaleSetter,
+    LocaleSaver,
+    NavBar,
+    RouterView,
+    SideBar,
+  },
+})
+export default class App extends Vue {
+  sidebarToggled = false;
+}
+
+</script>
+
+<template>
+  <div class="h-100 w-100 overflow-hidden">
+    <LocaleSaver/>
+    <DocumentLocaleSetter/>
+    <SideBar ref="sidebar" class="h-100 w-100 overflow-hidden" :toggled="sidebarToggled"
+             @close="sidebarToggled=false"/>
+    <div class="d-flex flex-column h-100 w-100 overflow-hidden">
+      <NavBar @toggleSidebar="sidebarToggled = !sidebarToggled"/>
+      <RouterView class="flex-grow-1"/>
+    </div>
+  </div>
+</template>