nwl-components 0.0.3 → 0.0.7

package/dist/nwl-components.es.js

@@ -21,21 +21,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _transformProjectFiles, transformProjectFiles_fn;
-import { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs, createBlock, createCommentVNode, vModelCheckbox } from "vue";
+import { openBlock, createElementBlock, mergeProps, reactive, ref, watch, onMounted, onUnmounted, unref, createVNode, withKeys, withDirectives, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, vShow, renderSlot, isRef, vModelText, getCurrentInstance, createCommentVNode, createBlock, withCtx, pushScopeId, popScopeId, createTextVNode, inject, toRefs } from "vue";
 let nanoid = (size = 21) => {
   let id = "";
   let bytes = crypto.getRandomValues(new Uint8Array(size));
@@ -61,8 +47,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$f = ["value"];
-const _sfc_main$m = {
+const _hoisted_1$k = ["value"];
+const _sfc_main$q = {
   props: {
     placeholder: String,
     disabled: Boolean,
@@ -78,20 +64,20 @@ const _sfc_main$m = {
       return openBlock(), createElementBlock("input", mergeProps({ type: "text" }, props, {
         value: __props.modelValue,
         onInput: handleInput
-      }), null, 16, _hoisted_1$f);
+      }), null, 16, _hoisted_1$k);
     };
   }
 };
-var TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2cc3f9d3"]]);
+var TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2cc3f9d3"]]);
 var Autocomplete_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = ["aria-owns", "aria-expanded"];
-const _hoisted_2$b = ["id"];
-const _hoisted_3$9 = {
+const _hoisted_1$j = ["aria-owns", "aria-expanded"];
+const _hoisted_2$d = ["id"];
+const _hoisted_3$a = {
   key: 0,
   class: "loading"
 };
-const _hoisted_4$8 = ["onClick", "id", "aria-selected"];
-const _sfc_main$l = {
+const _hoisted_4$9 = ["onClick", "id", "aria-selected"];
+const _sfc_main$p = {
   props: {
     items: {
       type: Array,
@@ -229,7 +215,7 @@ const _sfc_main$l = {
           class: "autocomplete-results",
           role: "listbox"
         }, [
-          unref(state2).isLoading ? (openBlock(), createElementBlock("li", _hoisted_3$9, "Loading results...")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(state2).results, (result, i) => {
+          unref(state2).isLoading ? (openBlock(), createElementBlock("li", _hoisted_3$a, "Loading results...")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(state2).results, (result, i) => {
             return openBlock(), createElementBlock("li", {
               key: i,
               onClick: ($event) => setResult(result),
@@ -237,19 +223,19 @@ const _sfc_main$l = {
               role: "option",
               id: getId(i),
               "aria-selected": isSelected(i)
-            }, toDisplayString(props.extractResultText(result)), 11, _hoisted_4$8);
+            }, toDisplayString(props.extractResultText(result)), 11, _hoisted_4$9);
           }), 128))
-        ], 8, _hoisted_2$b), [
+        ], 8, _hoisted_2$d), [
           [vShow, unref(state2).isOpen]
         ])
-      ], 8, _hoisted_1$e);
+      ], 8, _hoisted_1$j);
     };
   }
 };
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-ee76199e"]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ee76199e"]]);
 var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$d = ["title", "disabled"];
-const _sfc_main$k = {
+const _hoisted_1$i = ["title", "disabled"];
+const _sfc_main$o = {
   props: {
     className: String,
     title: String,
@@ -269,13 +255,13 @@ const _sfc_main$k = {
         class: normalizeClass(classes)
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$d);
+      ], 8, _hoisted_1$i);
     };
   }
 };
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5e5f2114"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-5e5f2114"]]);
 var Select_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$j = {
+const _sfc_main$n = {
   props: {
     disabled: Boolean,
     modelValue: String
@@ -304,9 +290,9 @@ const _sfc_main$j = {
     };
   }
 };
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-976df3ea"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-976df3ea"]]);
 var TextArea_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$i = {
+const _sfc_main$m = {
   props: {
     placeholder: String,
     disabled: Boolean,
@@ -328,10 +314,10 @@ const _sfc_main$i = {
     };
   }
 };
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0c2bd53c"]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-0c2bd53c"]]);
 var Table_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$c = ["id"];
-const _sfc_main$h = {
+const _hoisted_1$h = ["id"];
+const _sfc_main$l = {
   props: {
     id: String
   },
@@ -342,27 +328,111 @@ const _sfc_main$h = {
         id: props.id
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$c);
+      ], 8, _hoisted_1$h);
     };
   }
 };
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6416d86a"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-2b42a47b"]]);
+var Checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$g = ["aria-checked"];
+const _sfc_main$k = {
+  props: {
+    modelValue: Boolean
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const isChecked = ref(props.modelValue);
+    if (typeof props.modelValue === "string") {
+      isChecked.value === props.modelValue === "true";
+    }
+    const toggleCheckbox = (key) => {
+      if (key != null && key !== " ") {
+        return;
+      }
+      isChecked.value = !isChecked.value;
+      emit("change", isChecked.value);
+      emit("update:modelValue", isChecked.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        role: "checkbox",
+        "aria-checked": isChecked.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => toggleCheckbox()),
+        onKeydown: _cache[1] || (_cache[1] = ($event) => toggleCheckbox($event.key)),
+        tabindex: "0",
+        "aria-label": "label"
+      }, null, 40, _hoisted_1$g);
+    };
+  }
+};
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f63b8f34"]]);
+var Tabs_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$f = { class: "tabs" };
+const _hoisted_2$c = ["onClick"];
+const _sfc_main$j = {
+  setup(__props) {
+    const selectedIndex = ref(0);
+    const instance = getCurrentInstance();
+    const children = instance.vnode.children.default();
+    const CurrentTab = {
+      render: () => children[selectedIndex.value]
+    };
+    const selectTab = (i) => {
+      selectedIndex.value = i;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (tab, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: tab.props.title,
+              onClick: ($event) => selectTab(index),
+              class: normalizeClass({ "selected": index == selectedIndex.value })
+            }, toDisplayString(tab.props.title), 11, _hoisted_2$c);
+          }), 128))
+        ]),
+        createCommentVNode("", true),
+        (openBlock(), createBlock(CurrentTab, { key: selectedIndex.value }))
+      ]);
+    };
+  }
+};
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-7928afe0"]]);
+var Tab_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$e = { class: "content" };
+const _sfc_main$i = {
+  props: {
+    title: {
+      type: String,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ]);
+    };
+  }
+};
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-33e54edc"]]);
 var ImportFilesDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$6 = (n) => (pushScopeId("data-v-21580a08"), n = n(), popScopeId(), n);
-const _hoisted_1$b = { class: "dialog" };
-const _hoisted_2$a = { class: "contents" };
-const _hoisted_3$8 = { class: "scrollable" };
-const _hoisted_4$7 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("thead", null, [
+const _withScopeId$7 = (n) => (pushScopeId("data-v-21580a08"), n = n(), popScopeId(), n);
+const _hoisted_1$d = { class: "dialog" };
+const _hoisted_2$b = { class: "contents" };
+const _hoisted_3$9 = { class: "scrollable" };
+const _hoisted_4$8 = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "URL"),
     /* @__PURE__ */ createElementVNode("th", null, "Name")
   ])
 ], -1));
-const _hoisted_5$6 = ["onBlur"];
-const _hoisted_6$5 = { class: "actions" };
-const _hoisted_7$5 = /* @__PURE__ */ createTextVNode(" Import ");
-const _hoisted_8$5 = /* @__PURE__ */ createTextVNode(" Cancel ");
-const _sfc_main$g = {
+const _hoisted_5$7 = ["onBlur"];
+const _hoisted_6$6 = { class: "actions" };
+const _hoisted_7$6 = /* @__PURE__ */ createTextVNode(" Import ");
+const _hoisted_8$6 = /* @__PURE__ */ createTextVNode(" Cancel ");
+const _sfc_main$h = {
   props: {
     files: {
       type: Array,
@@ -373,11 +443,11 @@ const _sfc_main$g = {
     const props = __props;
     const filesToImport = ref(props.files);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$a, [
-          createElementVNode("div", _hoisted_3$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createElementVNode("div", _hoisted_2$b, [
+          createElementVNode("div", _hoisted_3$9, [
             createElementVNode("table", null, [
-              _hoisted_4$7,
+              _hoisted_4$8,
               createElementVNode("tbody", null, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(filesToImport.value, (file) => {
                   return openBlock(), createElementBlock("tr", {
@@ -386,20 +456,20 @@ const _sfc_main$g = {
                     createElementVNode("td", {
                       contentEditable: "true",
                       onBlur: ($event) => file.source = $event.currentTarget.textContent
-                    }, toDisplayString(file.source), 41, _hoisted_5$6),
+                    }, toDisplayString(file.source), 41, _hoisted_5$7),
                     createElementVNode("td", null, toDisplayString(file.name), 1)
                   ]);
                 }), 128))
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_6$5, [
+          createElementVNode("div", _hoisted_6$6, [
             createVNode(Button, {
               className: "push-button",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("import", filesToImport.value))
             }, {
               default: withCtx(() => [
-                _hoisted_7$5
+                _hoisted_7$6
               ]),
               _: 1
             }),
@@ -408,7 +478,7 @@ const _sfc_main$g = {
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("cancel"))
             }, {
               default: withCtx(() => [
-                _hoisted_8$5
+                _hoisted_8$6
               ]),
               _: 1
             })
@@ -418,23 +488,23 @@ const _sfc_main$g = {
     };
   }
 };
-var ImportFilesDialog = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-21580a08"]]);
+var ImportFilesDialog = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-21580a08"]]);
 var TwoCols_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$f = {};
-const _hoisted_1$a = { class: "container" };
-const _hoisted_2$9 = { class: "side" };
-const _hoisted_3$7 = { class: "content" };
+const _sfc_main$g = {};
+const _hoisted_1$c = { class: "container" };
+const _hoisted_2$a = { class: "side" };
+const _hoisted_3$8 = { class: "content" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$a, [
-    createElementVNode("div", _hoisted_2$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$c, [
+    createElementVNode("div", _hoisted_2$a, [
       renderSlot(_ctx.$slots, "side")
     ]),
-    createElementVNode("div", _hoisted_3$7, [
+    createElementVNode("div", _hoisted_3$8, [
       renderSlot(_ctx.$slots, "content")
     ])
   ]);
 }
-var TwoCols = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$2]]);
+var TwoCols = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$2]]);
 function parseHex(hash, startPosition, octets) {
   return parseInt(hash.substr(startPosition, octets), 16);
 }
@@ -2305,7 +2375,7 @@ var lodash = { exports: {} };
         if (typeof func != "function") {
           throw new TypeError2(FUNC_ERROR_TEXT);
         }
-        return setTimeout(function() {
+        return setTimeout2(function() {
           func.apply(undefined$1, args);
         }, wait);
       }
@@ -4114,7 +4184,7 @@ var lodash = { exports: {} };
         return object[key];
       }
       var setData = shortOut(baseSetData);
-      var setTimeout = ctxSetTimeout || function(func, wait) {
+      var setTimeout2 = ctxSetTimeout || function(func, wait) {
         return root.setTimeout(func, wait);
       };
       var setToString = shortOut(baseSetToString);
@@ -4906,7 +4976,7 @@ var lodash = { exports: {} };
         }
         function leadingEdge(time) {
           lastInvokeTime = time;
-          timerId = setTimeout(timerExpired, wait);
+          timerId = setTimeout2(timerExpired, wait);
           return leading ? invokeFunc(time) : result2;
         }
         function remainingWait(time) {
@@ -4922,7 +4992,7 @@ var lodash = { exports: {} };
           if (shouldInvoke(time)) {
             return trailingEdge(time);
           }
-          timerId = setTimeout(timerExpired, remainingWait(time));
+          timerId = setTimeout2(timerExpired, remainingWait(time));
         }
         function trailingEdge(time) {
           timerId = undefined$1;
@@ -4953,12 +5023,12 @@ var lodash = { exports: {} };
             }
             if (maxing) {
               clearTimeout(timerId);
-              timerId = setTimeout(timerExpired, wait);
+              timerId = setTimeout2(timerExpired, wait);
               return invokeFunc(lastCallTime);
             }
           }
           if (timerId === undefined$1) {
-            timerId = setTimeout(timerExpired, wait);
+            timerId = setTimeout2(timerExpired, wait);
           }
           return result2;
         }
@@ -6539,38 +6609,52 @@ var lodash = { exports: {} };
 })(lodash, lodash.exports);
 class ProjectService {
   constructor(baseURL) {
-    __privateAdd(this, _transformProjectFiles);
     __publicField(this, "baseURL", "");
     this.baseURL = baseURL;
   }
+  transformProjectFiles(project) {
+    if (lodash.exports.get(project, "files.list") != null) {
+      return __spreadProps(__spreadValues({}, project), {
+        files: __spreadProps(__spreadValues({}, project.files), {
+          list: project.files.list.map((file) => {
+            if (typeof file === "string") {
+              const splitAt = file.lastIndexOf("/");
+              return {
+                source: file,
+                name: splitAt > 0 ? file.substring(splitAt + 1) : ""
+              };
+            }
+            return file;
+          })
+        })
+      });
+    }
+    return project;
+  }
   async fetch(id) {
-    return __privateMethod(this, _transformProjectFiles, transformProjectFiles_fn).call(this, await (await fetch(`${this.baseURL}/project/json/${id}`)).json());
+    return this.transformProjectFiles(await (await fetch(`${this.baseURL}/project/json/${id}`)).json());
   }
   async save(data) {
+    const res = await fetch(`${this.baseURL}/project/json/${data.shortname}`, {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        data
+      })
+    });
+    return await res.json();
   }
   async delete(id) {
-  }
-}
-_transformProjectFiles = new WeakSet();
-transformProjectFiles_fn = function(project2) {
-  if (lodash.exports.get(project2, "files.list") != null) {
-    return __spreadProps(__spreadValues({}, project2), {
-      files: __spreadProps(__spreadValues({}, project2.files), {
-        list: project2.files.list.map((file) => {
-          if (typeof file === "string") {
-            const splitAt = file.lastIndexOf("/");
-            return {
-              source: file,
-              name: splitAt > 0 ? file.substring(splitAt + 1) : ""
-            };
-          }
-          return file;
-        })
-      })
+    const res = await fetch(`${this.baseURL}/project/json/${id}`, {
+      method: "DELETE",
+      headers: { "Content-Type": "application/json" }
     });
+    return await res.json();
   }
-  return project2;
-};
+}
 const state = reactive({
   project: null,
   loading: true
@@ -6578,13 +6662,19 @@ const state = reactive({
 function useProject() {
   const { baseURL } = inject("config");
   const service = new ProjectService(baseURL);
+  const setProject = (project) => {
+    state.project = service.transformProjectFiles(project);
+  };
   const fetchProject = async (id) => {
     state.loading = true;
     state.project = await service.fetch(id);
     state.loading = false;
   };
-  const saveProject = async () => {
-    await service.save(project);
+  const saveProject = async (project) => {
+    return await service.save(project);
+  };
+  const deleteProject = async (id) => {
+    return await service.delete(id);
   };
   const updateProject = (data) => {
     if (!state.project)
@@ -6652,8 +6742,10 @@ function useProject() {
     state.project.files.list = state.project.files.list.filter((file) => !filesIdx.includes(state.project.files.list.indexOf(file)));
   };
   return __spreadProps(__spreadValues({}, toRefs(state)), {
+    setProject,
     fetchProject,
     saveProject,
+    deleteProject,
     updateProject,
     addCollaborator,
     updateCollaborator,
@@ -6667,89 +6759,104 @@ function useProject() {
   });
 }
 var ProjectInfo_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$5 = (n) => (pushScopeId("data-v-7003e800"), n = n(), popScopeId(), n);
-const _hoisted_1$9 = { class: "image" };
-const _hoisted_2$8 = ["href"];
-const _hoisted_3$6 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
+const _withScopeId$6 = (n) => (pushScopeId("data-v-51e11f34"), n = n(), popScopeId(), n);
+const _hoisted_1$b = { class: "image" };
+const _hoisted_2$9 = ["href"];
+const _hoisted_3$7 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("svg", {
   id: "jdenticon",
   width: "100%",
   height: "100%"
 }, null, -1));
-const _hoisted_4$6 = [
-  _hoisted_3$6
+const _hoisted_4$7 = [
+  _hoisted_3$7
 ];
-const _hoisted_5$5 = { class: "description" };
-const _hoisted_6$4 = ["href"];
-const _hoisted_7$4 = /* @__PURE__ */ createTextVNode(" by ");
-const _hoisted_8$4 = ["href"];
-const _hoisted_9$3 = { id: "numCollaborators" };
+const _hoisted_5$6 = { class: "description" };
+const _hoisted_6$5 = ["href"];
+const _hoisted_7$5 = /* @__PURE__ */ createTextVNode(" by ");
+const _hoisted_8$5 = ["href"];
+const _hoisted_9$4 = { id: "numCollaborators" };
 const _hoisted_10$3 = /* @__PURE__ */ createTextVNode(" Collaborators ");
-const _hoisted_11$1 = { id: "numAnnotations" };
-const _hoisted_12$1 = /* @__PURE__ */ createTextVNode(" Annotations ");
+const _hoisted_11$2 = { id: "numAnnotations" };
+const _hoisted_12$2 = /* @__PURE__ */ createTextVNode(" Annotations ");
 const _hoisted_13$1 = { id: "numFiles" };
 const _hoisted_14$1 = /* @__PURE__ */ createTextVNode(" Data Files ");
 const _hoisted_15$1 = { class: "actions" };
 const _hoisted_16$1 = /* @__PURE__ */ createTextVNode("Save Changes");
 const _hoisted_17$1 = /* @__PURE__ */ createTextVNode("Delete Project");
 const _hoisted_18$1 = /* @__PURE__ */ createTextVNode("Go to Project");
-const _hoisted_19$1 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("p", { id: "saveFeedback" }, null, -1));
-const _sfc_main$e = {
+const _hoisted_19$1 = { id: "saveFeedback" };
+const _sfc_main$f = {
   setup(__props) {
-    const { project: project2 } = useProject();
-    const handleProjectSave = () => {
-      alert(JSON.stringify(project2.value));
+    const { project, saveProject, deleteProject } = useProject();
+    const feedback = ref("");
+    const handleProjectSave = async () => {
+      const res = await saveProject(project.value);
+      if (res.success) {
+        feedback.value = res.message;
+      } else if (res.error) {
+        feedback.value = res.error;
+      }
     };
-    const handleProjectDeletion = () => {
-      const res = confirm("Are you sure you want to delete project " + project2.shortname + "? This operation cannot be undone.");
-      if (res !== true) {
+    const handleProjectDeletion = async () => {
+      const confirmation = confirm("Are you sure you want to delete project " + project.value.shortname + "? This operation cannot be undone.");
+      if (!confirmation) {
         return;
       }
+      const res = await deleteProject(project.value.shortname);
+      if (res.success) {
+        feedback.value = "Successfully deleted";
+        setTimeout(function() {
+          window.location.assign("/");
+        }, 2e3);
+      } else {
+        feedback.value = "Unable to delete project";
+      }
     };
     const goToProject = () => {
-      window.location.assign(`/project/${project2.value.shortname}`);
+      window.location.assign(`/project/${project.value.shortname}`);
     };
     onMounted(() => {
-      update(document.getElementById("jdenticon"), md5(project2.value.shortname));
+      update(document.getElementById("jdenticon"), md5(project.value.shortname));
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_1$b, [
           createElementVNode("a", {
-            href: `/project/${unref(project2).shortname}`
-          }, _hoisted_4$6, 8, _hoisted_2$8)
+            href: `/project/${unref(project).shortname}`
+          }, _hoisted_4$7, 8, _hoisted_2$9)
         ]),
-        createElementVNode("div", _hoisted_5$5, [
+        createElementVNode("div", _hoisted_5$6, [
           createElementVNode("a", {
-            href: `/project/${unref(project2).shortname}`
+            href: `/project/${unref(project).shortname}`
           }, [
-            createElementVNode("h1", null, toDisplayString(unref(project2).shortname), 1)
-          ], 8, _hoisted_6$4),
+            createElementVNode("h1", null, toDisplayString(unref(project).shortname), 1)
+          ], 8, _hoisted_6$5),
           createVNode(TextInput, {
-            modelValue: unref(project2).url,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(project2).url = $event),
+            modelValue: unref(project).url,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(project).url = $event),
             placeholder: "Enter a project website"
           }, null, 8, ["modelValue"]),
           createElementVNode("p", null, [
-            _hoisted_7$4,
+            _hoisted_7$5,
             createElementVNode("a", {
-              href: `/user/${unref(project2).owner}`
-            }, toDisplayString(unref(project2).owner), 9, _hoisted_8$4)
+              href: `/user/${unref(project).owner}`
+            }, toDisplayString(unref(project).owner), 9, _hoisted_8$5)
           ]),
           createVNode(TextArea, {
-            modelValue: unref(project2).description,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(project2).description = $event),
+            modelValue: unref(project).description,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(project).description = $event),
             placeholder: "Enter a project description"
           }, null, 8, ["modelValue"]),
           createElementVNode("p", null, [
-            createElementVNode("span", _hoisted_9$3, toDisplayString(unref(project2).collaborators.list.length), 1),
+            createElementVNode("span", _hoisted_9$4, toDisplayString(unref(project).collaborators.list.length), 1),
             _hoisted_10$3
           ]),
           createElementVNode("p", null, [
-            createElementVNode("span", _hoisted_11$1, toDisplayString(unref(project2).annotations.list.length), 1),
-            _hoisted_12$1
+            createElementVNode("span", _hoisted_11$2, toDisplayString(unref(project).annotations.list.length), 1),
+            _hoisted_12$2
           ]),
           createElementVNode("p", null, [
-            createElementVNode("span", _hoisted_13$1, toDisplayString(unref(project2).files.list.length), 1),
+            createElementVNode("span", _hoisted_13$1, toDisplayString(unref(project).files.list.length), 1),
             _hoisted_14$1
           ]),
           createElementVNode("div", _hoisted_15$1, [
@@ -6780,21 +6887,21 @@ const _sfc_main$e = {
               ]),
               _: 1
             }),
-            _hoisted_19$1
+            createElementVNode("p", _hoisted_19$1, toDisplayString(feedback.value), 1)
           ])
         ])
       ], 64);
     };
   }
 };
-var ProjectInfo = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-7003e800"]]);
+var ProjectInfo = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-51e11f34"]]);
 var Access_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$8 = ["data-level"];
-const _hoisted_2$7 = ["title"];
-const _hoisted_3$5 = ["title"];
-const _hoisted_4$5 = ["title"];
-const _hoisted_5$4 = ["title"];
-const _sfc_main$d = {
+const _hoisted_1$a = ["data-level"];
+const _hoisted_2$8 = ["title"];
+const _hoisted_3$6 = ["title"];
+const _hoisted_4$6 = ["title"];
+const _hoisted_5$5 = ["title"];
+const _sfc_main$e = {
   props: {
     collaborator: Object,
     type: String
@@ -6811,30 +6918,30 @@ const _sfc_main$d = {
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 1)),
           class: "view",
           title: `view ${__props.type}`
-        }, null, 8, _hoisted_2$7),
+        }, null, 8, _hoisted_2$8),
         createElementVNode("button", {
           small: true,
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 2)),
           class: "edit",
           title: `edit ${__props.type}`
-        }, null, 8, _hoisted_3$5),
+        }, null, 8, _hoisted_3$6),
         createElementVNode("button", {
           small: true,
           onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 3)),
           class: "add",
           title: `add ${__props.type}`
-        }, null, 8, _hoisted_4$5),
+        }, null, 8, _hoisted_4$6),
         createElementVNode("button", {
           small: true,
           onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 4)),
           class: "remove",
           title: `remove ${__props.type}`
-        }, null, 8, _hoisted_5$4)
-      ], 8, _hoisted_1$8);
+        }, null, 8, _hoisted_5$5)
+      ], 8, _hoisted_1$a);
     };
   }
 };
-var Access = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1db05093"]]);
+var Access = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1db05093"]]);
 const _AccessLevel = class {
   constructor(level) {
     __publicField(this, "numericalLevel", 0);
@@ -6874,10 +6981,10 @@ __publicField(AccessLevel, "EDIT", new _AccessLevel("edit"));
 __publicField(AccessLevel, "ADD", new _AccessLevel("add"));
 __publicField(AccessLevel, "REMOVE", new _AccessLevel("remove"));
 var PureCollaborators_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$4 = (n) => (pushScopeId("data-v-2d19ee37"), n = n(), popScopeId(), n);
-const _hoisted_1$7 = { class: "wrapper" };
-const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("h2", null, "Access", -1));
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("thead", null, [
+const _withScopeId$5 = (n) => (pushScopeId("data-v-2d19ee37"), n = n(), popScopeId(), n);
+const _hoisted_1$9 = { class: "wrapper" };
+const _hoisted_2$7 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("h2", null, "Access", -1));
+const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "User Name"),
     /* @__PURE__ */ createElementVNode("th", null, "Name"),
@@ -6886,12 +6993,12 @@ const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ create
     /* @__PURE__ */ createElementVNode("th", null, "Files")
   ])
 ], -1));
-const _hoisted_4$4 = ["onClick"];
-const _hoisted_5$3 = { style: { "position": "relative" } };
-const _hoisted_6$3 = { class: "actions" };
-const _hoisted_7$3 = /* @__PURE__ */ createTextVNode(" + ");
-const _hoisted_8$3 = /* @__PURE__ */ createTextVNode(" - ");
-const _sfc_main$c = {
+const _hoisted_4$5 = ["onClick"];
+const _hoisted_5$4 = { style: { "position": "relative" } };
+const _hoisted_6$4 = { class: "actions" };
+const _hoisted_7$4 = /* @__PURE__ */ createTextVNode(" + ");
+const _hoisted_8$4 = /* @__PURE__ */ createTextVNode(" - ");
+const _sfc_main$d = {
   props: {
     collaborators: {
       type: Array,
@@ -6945,11 +7052,11 @@ const _sfc_main$c = {
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        _hoisted_2$6,
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        _hoisted_2$7,
         createVNode(Table, { id: "access" }, {
           default: withCtx(() => [
-            _hoisted_3$4,
+            _hoisted_3$5,
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.collaborators, (collaborator, idx) => {
                 return openBlock(), createElementBlock("tr", {
@@ -6957,7 +7064,7 @@ const _sfc_main$c = {
                   class: normalizeClass({ selected: selected.value === idx }),
                   onClick: ($event) => handleRowClick($event, idx)
                 }, [
-                  createElementVNode("td", _hoisted_5$3, [
+                  createElementVNode("td", _hoisted_5$4, [
                     createVNode(Autocomplete, {
                       onInput: unref(handleUserSearch),
                       onSelect: handleUserSelect,
@@ -7001,20 +7108,20 @@ const _sfc_main$c = {
                       onUpdateAccess: handleAccessChange
                     }, null, 8, ["collaborator"])
                   ])
-                ], 10, _hoisted_4$4);
+                ], 10, _hoisted_4$5);
               }), 128))
             ])
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_6$3, [
+        createElementVNode("div", _hoisted_6$4, [
           createVNode(Button, {
             small: true,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("addCollaborator")),
             title: "Add collaborator"
           }, {
             default: withCtx(() => [
-              _hoisted_7$3
+              _hoisted_7$4
             ]),
             _: 1
           }),
@@ -7028,7 +7135,7 @@ const _sfc_main$c = {
             disabled: selected.value == null || __props.collaborators[selected.value].userID === "anyone"
           }, {
             default: withCtx(() => [
-              _hoisted_8$3
+              _hoisted_8$4
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -7037,12 +7144,13 @@ const _sfc_main$c = {
     };
   }
 };
-var PureCollaborators = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-2d19ee37"]]);
+var PureCollaborators = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-2d19ee37"]]);
 const usersFound = reactive([]);
 function useUserSearch() {
+  const { userSearchURL } = inject("config");
   const fetchUsers = async (q) => {
     usersFound.splice(0, usersFound.length);
-    const users = await (await fetch(`https://brainbox.pasteur.fr/api/userNameQuery?q=${q}`)).json();
+    const users = await (await fetch(`${userSearchURL}${q}`)).json();
     usersFound.push(...users);
   };
   return {
@@ -7050,10 +7158,10 @@ function useUserSearch() {
     fetchUsers
   };
 }
-const _sfc_main$b = {
+const _sfc_main$c = {
   setup(__props) {
     const {
-      project: project2,
+      project,
       addCollaborator,
       updateCollaborator,
       removeCollaborators
@@ -7063,9 +7171,9 @@ const _sfc_main$b = {
       fetchUsers
     } = useUserSearch();
     return (_ctx, _cache) => {
-      return unref(project2) && unref(project2).collaborators ? (openBlock(), createBlock(PureCollaborators, {
+      return unref(project) && unref(project).collaborators ? (openBlock(), createBlock(PureCollaborators, {
         key: 0,
-        collaborators: unref(project2).collaborators.list,
+        collaborators: unref(project).collaborators.list,
         "users-found": unref(usersFound2),
         onAddCollaborator: unref(addCollaborator),
         onRemoveCollaborators: unref(removeCollaborators),
@@ -7076,10 +7184,10 @@ const _sfc_main$b = {
   }
 };
 var PureAnnotations_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$3 = (n) => (pushScopeId("data-v-629d4746"), n = n(), popScopeId(), n);
-const _hoisted_1$6 = { class: "wrapper" };
-const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("h2", null, "Annotations", -1));
-const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("thead", null, [
+const _withScopeId$4 = (n) => (pushScopeId("data-v-1ebbe320"), n = n(), popScopeId(), n);
+const _hoisted_1$8 = { class: "wrapper" };
+const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("h2", null, "Annotations", -1));
+const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "Name"),
     /* @__PURE__ */ createElementVNode("th", null, "Type"),
@@ -7087,14 +7195,13 @@ const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
     /* @__PURE__ */ createElementVNode("th", null, "Display")
   ])
 ], -1));
-const _hoisted_4$3 = ["onClick"];
-const _hoisted_5$2 = ["value", "selected"];
-const _hoisted_6$2 = ["value", "selected"];
-const _hoisted_7$2 = ["onUpdate:modelValue", "onChange"];
-const _hoisted_8$2 = { class: "actions" };
-const _hoisted_9$2 = /* @__PURE__ */ createTextVNode(" + ");
-const _hoisted_10$2 = /* @__PURE__ */ createTextVNode(" - ");
-const _sfc_main$a = {
+const _hoisted_4$4 = ["onClick"];
+const _hoisted_5$3 = ["value", "selected"];
+const _hoisted_6$3 = ["value", "selected"];
+const _hoisted_7$3 = { class: "actions" };
+const _hoisted_8$3 = /* @__PURE__ */ createTextVNode(" + ");
+const _hoisted_9$3 = /* @__PURE__ */ createTextVNode(" - ");
+const _sfc_main$b = {
   props: {
     annotations: {
       type: Array,
@@ -7108,13 +7215,12 @@ const _sfc_main$a = {
   ],
   setup(__props, { emit }) {
     const props = __props;
-    const { baseURL } = inject("config");
-    const annotationType = ["volume", "text"];
+    const { baseURL, fetchLabelSets, annotationTypes } = inject("config");
     const labelSets = reactive([]);
-    const fetchLabelSets = async () => {
-      labelSets.push(...await (await fetch(`${baseURL}/api/getLabelsets`)).json());
+    const updateLabelSets = async () => {
+      labelSets.push(...await fetchLabelSets());
     };
-    fetchLabelSets();
+    updateLabelSets();
     const selected = ref(null);
     const handleRowClick = (event, idx) => {
       selected.value = idx;
@@ -7145,17 +7251,18 @@ const _sfc_main$a = {
       emitAnnotationUpdate(idx, { values });
     };
     const handleDisplayChange = (annotation, display) => {
+      console.log("dsfsdfsdf", display);
       const idx = props.annotations.indexOf(annotation);
       if (idx < 0)
         return;
       emitAnnotationUpdate(idx, { display });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        _hoisted_2$5,
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        _hoisted_2$6,
         createVNode(Table, { id: "annotations" }, {
           default: withCtx(() => [
-            _hoisted_3$3,
+            _hoisted_3$4,
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.annotations, (annotation, idx) => {
                 return openBlock(), createElementBlock("tr", {
@@ -7179,19 +7286,19 @@ const _sfc_main$a = {
                       onChange: ($event) => handleTypeChange(annotation, $event.target.value)
                     }, {
                       default: withCtx(() => [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(annotationType, (opt) => {
-                          return createElementVNode("option", {
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(annotationTypes), (opt) => {
+                          return openBlock(), createElementBlock("option", {
                             key: `${annotation.name}${opt}`,
                             value: opt,
                             selected: opt === annotation.type
-                          }, toDisplayString(opt), 9, _hoisted_5$2);
-                        }), 64))
+                          }, toDisplayString(opt), 9, _hoisted_5$3);
+                        }), 128))
                       ]),
                       _: 2
                     }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
                   ]),
                   createElementVNode("td", null, [
-                    annotation.type === "volume" ? (openBlock(), createBlock(Select, {
+                    annotation.type !== "text" ? (openBlock(), createBlock(Select, {
                       key: 0,
                       modelValue: annotation.values,
                       "onUpdate:modelValue": ($event) => annotation.values = $event,
@@ -7203,35 +7310,33 @@ const _sfc_main$a = {
                             value: opt.source,
                             key: `${annotation.name}${opt.source}`,
                             selected: opt.source === annotation.values
-                          }, toDisplayString(opt.name), 9, _hoisted_6$2);
+                          }, toDisplayString(opt.name), 9, _hoisted_6$3);
                         }), 128))
                       ]),
                       _: 2
                     }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : createCommentVNode("", true)
                   ]),
                   createElementVNode("td", null, [
-                    withDirectives(createElementVNode("input", {
-                      type: "checkbox",
+                    createVNode(Checkbox, {
+                      modelValue: annotation.display,
                       "onUpdate:modelValue": ($event) => annotation.display = $event,
-                      onChange: ($event) => handleDisplayChange(annotation, $event.target.checked)
-                    }, null, 40, _hoisted_7$2), [
-                      [vModelCheckbox, annotation.display]
-                    ])
+                      onChange: ($event) => handleDisplayChange(annotation, $event)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                   ])
-                ], 10, _hoisted_4$3);
+                ], 10, _hoisted_4$4);
               }), 128))
             ])
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_8$2, [
+        createElementVNode("div", _hoisted_7$3, [
           createVNode(Button, {
             small: true,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("addAnnotation")),
             title: "Add annotation"
           }, {
             default: withCtx(() => [
-              _hoisted_9$2
+              _hoisted_8$3
             ]),
             _: 1
           }),
@@ -7242,7 +7347,7 @@ const _sfc_main$a = {
             disabled: selected.value == null
           }, {
             default: withCtx(() => [
-              _hoisted_10$2
+              _hoisted_9$3
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -7251,19 +7356,25 @@ const _sfc_main$a = {
     };
   }
 };
-var PureAnnotations = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-629d4746"]]);
-const _sfc_main$9 = {
+var PureAnnotations = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1ebbe320"]]);
+const _sfc_main$a = {
   setup(__props) {
     const {
-      project: project2,
+      project,
       addAnnotation,
       updateAnnotation,
       removeAnnotations
     } = useProject();
+    if (project.value && project.value.annotations && project.value.annotations.list) {
+      if (project.value.annotations.list.length === 0) {
+        console.log("foo");
+        addAnnotation();
+      }
+    }
     return (_ctx, _cache) => {
-      return unref(project2) && unref(project2).annotations ? (openBlock(), createBlock(PureAnnotations, {
+      return unref(project) && unref(project).annotations ? (openBlock(), createBlock(PureAnnotations, {
         key: 0,
-        annotations: unref(project2).annotations.list,
+        annotations: unref(project).annotations.list,
         onAddAnnotation: unref(addAnnotation),
         onRemoveAnnotations: unref(removeAnnotations),
         onUpdateAnnotation: unref(updateAnnotation)
@@ -7274,29 +7385,29 @@ const _sfc_main$9 = {
 var _imports_0$2 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MzguNTMzIDQzOC41MzMiIGhlaWdodD0iNDM4LjUzMyIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgd2lkdGg9IjQzOC41MzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcxMTE2MTExIDAgMCAuNzExMTYxMTEgODEuMDg2NzE2IDI1LjY3MTMwNykiPjxwYXRoIGQ9Im0xMTQuMDA2MzYgMTgzLjM5MzI5aDQ4LjExNTQ2djkxLjIwODljMCAyLjQxOTQzLjc1NjY2IDQuNDA0MTcgMi4yNTg2IDUuOTU5NjUgMS40OTU3OCAxLjU1MDk1IDMuNDE5MDggMi4zMzA1IDUuNzU1OCAyLjMzMDVoNDguMTI0MjFjMi4zMzg0OSAwIDQuMjYwODktLjc3OTU1IDUuNzY0NTktMi4zMzA1IDEuNTA0NTYtMS41NTYzOCAyLjI1NTk2LTMuNTQwMjIgMi4yNTU5Ni01Ljk1OTY1di05MS4yMDUyN2g0OC4xMjA3MWMzLjY3NDUyIDAgNi4xODE1My0xLjcyODgxIDcuNTE5MzItNS4xODEgMS4zMzc3OS0zLjI4NjExLjc0OTY2LTYuMzA0NTEtMS43NTQ3My05LjA3MTUybC04MC4xOTk0My04Mi45MTE0OTNjLTEuODM5ODctMS41NTI3NTktMy43NTk2NS0yLjMyOTU5Ni01Ljc2NDU3LTIuMzI5NTk2LTIuMDAyMyAwLTMuOTI0Ny43NzY4MzctNS43NjYzMyAyLjMyOTU5NmwtNzkuOTQ4MzggODIuNjUwMTMzYy0xLjY2OTU5IDIuMDcxODUtMi41MDI2MyA0LjE1Mjc4LTIuNTAyNjMgNi4yMTgyOSAwIDIuNDE1ODEuNzUwNTMgNC40MDQxNyAyLjI1ODYxIDUuOTYyMzcgMS41MDAxOCAxLjU1MzY3IDMuNDIyNTcgMi4zMjk1OSA1Ljc2MjgxIDIuMzI5NTl6Ii8+PHBhdGggZD0ibTM2LjIzNTI0NCAzMTkuMjQ3Mzl2ODUuMDUxNDRoMzE2LjEzMjgxNnYtODUuMDUxNDRoLTM2LjkwODkydjQ4LjE0MjUyaC0yNDIuMzE0OTcydi00OC4xNDI1MnoiLz48L2c+PC9zdmc+";
 var _imports_1$1 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MzguNTMzIDQzOC41MzMiIGhlaWdodD0iNDM4LjUzMyIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgd2lkdGg9IjQzOC41MzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2Mi4xNjM2MSAxNTYuMDk5OTRoMzQuMjE3ODR2LTY0Ljg2NDIzMWMwLTEuNzIwNi41MzgxMS0zLjEzMjA3IDEuNjA2MjMtNC4yMzgyNyAxLjA2Mzc0LTEuMTAyOTcgMi40MzE1MS0xLjY1NzM2IDQuMDkzMy0xLjY1NzM2aDM0LjIyNDA3YzEuNjYzMDQgMCAzLjAzMDE3LjU1NDM5IDQuMDk5NTUgMS42NTczNiAxLjA2OTk4IDEuMTA2ODQgMS42MDQzNSAyLjUxNzY3IDEuNjA0MzUgNC4yMzgyN3Y2NC44NjE2NTFoMzQuMjIxNThjMi42MTMxNyAwIDQuMzk2MDYgMS4yMjk0NiA1LjM0NzQ0IDMuNjg0NTIuOTUxMzkgMi4zMzY5Ni41MzMxMyA0LjQ4MzUyLTEuMjQ3ODkgNi40NTEzMWwtNTcuMDM0NzIgNTguOTYzNDNjLTEuMzA4NDQgMS4xMDQyNi0yLjY3MzcxIDEuNjU2NzItNC4wOTk1MyAxLjY1NjcyLTEuNDIzOTYgMC0yLjc5MTEtLjU1MjQ2LTQuMTAwNzktMS42NTY3MmwtNTYuODU2MTgtNTguNzc3NTZjLTEuMTg3MzUtMS40NzM0Mi0xLjc3OTc4LTIuOTUzMjktMS43Nzk3OC00LjQyMjIgMC0xLjcxODAzLjUzMzc1LTMuMTMyMDggMS42MDYyNC00LjI0MDIxIDEuMDY2ODctMS4xMDQ5MSAyLjQzNC0xLjY1NjcxIDQuMDk4MjktMS42NTY3MXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMTA2Ljg1NTgxIDI1Mi43MDc2NHY2MC40ODUyN2gyMjQuODIxMzd2LTYwLjQ4NTI3aC0yNi4yNDgxOXYzNC4yMzcwOGgtMTcyLjMyNDk5di0zNC4yMzcwOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var PureFiles_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-3c8f55ac"), n = n(), popScopeId(), n);
-const _hoisted_1$5 = { class: "wrapper" };
-const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("h2", null, "Files", -1));
-const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("thead", null, [
+const _withScopeId$3 = (n) => (pushScopeId("data-v-3c8f55ac"), n = n(), popScopeId(), n);
+const _hoisted_1$7 = { class: "wrapper" };
+const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("h2", null, "Files", -1));
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "URL"),
     /* @__PURE__ */ createElementVNode("th", null, "Name")
   ])
 ], -1));
-const _hoisted_4$2 = ["onClick"];
-const _hoisted_5$1 = ["onBlur", "onKeyup"];
-const _hoisted_6$1 = { class: "actions" };
-const _hoisted_7$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_4$3 = ["onClick"];
+const _hoisted_5$2 = ["onBlur", "onKeyup"];
+const _hoisted_6$2 = { class: "actions" };
+const _hoisted_7$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("img", {
   src: _imports_0$2,
   alt: "Import CSV"
 }, null, -1));
-const _hoisted_8$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_8$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("img", {
   src: _imports_1$1,
   alt: "Download CSV"
 }, null, -1));
-const _hoisted_9$1 = /* @__PURE__ */ createTextVNode(" + ");
-const _hoisted_10$1 = /* @__PURE__ */ createTextVNode(" - ");
-const _sfc_main$8 = {
+const _hoisted_9$2 = /* @__PURE__ */ createTextVNode(" + ");
+const _hoisted_10$2 = /* @__PURE__ */ createTextVNode(" - ");
+const _sfc_main$9 = {
   props: {
     files: {
       type: Array,
@@ -7332,11 +7443,11 @@ const _sfc_main$8 = {
       emitFileUpdate(idx, { source });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        _hoisted_2$4,
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        _hoisted_2$5,
         createVNode(Table, { id: "access" }, {
           default: withCtx(() => [
-            _hoisted_3$2,
+            _hoisted_3$3,
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file, idx) => {
                 return openBlock(), createElementBlock("tr", {
@@ -7350,7 +7461,7 @@ const _sfc_main$8 = {
                       placeholder: "File URL",
                       onBlur: ($event) => handleSourceChange(file, $event.currentTarget.textContent),
                       onKeyup: withKeys(($event) => handleSourceChange(file, $event.currentTarget.textContent), ["enter"])
-                    }, toDisplayString(file.source), 41, _hoisted_5$1)
+                    }, toDisplayString(file.source), 41, _hoisted_5$2)
                   ]),
                   createElementVNode("td", null, [
                     createVNode(TextInput, {
@@ -7361,20 +7472,20 @@ const _sfc_main$8 = {
                       onKeyup: withKeys(($event) => handleNameChange(file, $event.target.value), ["enter"])
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeyup"])
                   ])
-                ], 10, _hoisted_4$2);
+                ], 10, _hoisted_4$3);
               }), 128))
             ])
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_6$1, [
+        createElementVNode("div", _hoisted_6$2, [
           createVNode(Button, {
             small: true,
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("importCsv")),
             title: "Upload CSV"
           }, {
             default: withCtx(() => [
-              _hoisted_7$1
+              _hoisted_7$2
             ]),
             _: 1
           }),
@@ -7384,7 +7495,7 @@ const _sfc_main$8 = {
             title: "Download CSV"
           }, {
             default: withCtx(() => [
-              _hoisted_8$1
+              _hoisted_8$2
             ]),
             _: 1
           }),
@@ -7394,7 +7505,7 @@ const _sfc_main$8 = {
             title: "Add file"
           }, {
             default: withCtx(() => [
-              _hoisted_9$1
+              _hoisted_9$2
             ]),
             _: 1
           }),
@@ -7405,7 +7516,7 @@ const _sfc_main$8 = {
             disabled: selected.value == null
           }, {
             default: withCtx(() => [
-              _hoisted_10$1
+              _hoisted_10$2
             ]),
             _: 1
           }, 8, ["disabled"])
@@ -7414,10 +7525,10 @@ const _sfc_main$8 = {
     };
   }
 };
-var PureFiles = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-3c8f55ac"]]);
-const _sfc_main$7 = {
+var PureFiles = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3c8f55ac"]]);
+const _sfc_main$8 = {
   setup(__props) {
-    const { project: project2, addFile, updateFile, removeFiles } = useProject();
+    const { project, addFile, updateFile, removeFiles } = useProject();
     const displayImportDialog = ref(false);
     const importedFiles = ref([]);
     const handleCSVImport = () => {
@@ -7444,11 +7555,11 @@ const _sfc_main$7 = {
       input.click();
     };
     const handleCSVDownload = () => {
-      const filename = prompt("File name", `${project2.value.shortname}`);
+      const filename = prompt("File name", `${project.value.shortname}`);
       if (filename == null) {
         return;
       }
-      const csv = project2.value.files.list.map((o) => `${o.source},${o.name}`).join("\n");
+      const csv = project.value.files.list.map((o) => `${o.source},${o.name}`).join("\n");
       const csvData = "data:text/ascii;charset=utf-8," + encodeURIComponent(csv);
       const a = document.createElement("a");
       a.href = csvData;
@@ -7463,13 +7574,13 @@ const _sfc_main$7 = {
           console.log("Too short to be an url:", file.source);
           return;
         }
-        const found = project2.value.files.list.find((f) => f.source === file.source);
+        const found = project.value.files.list.find((f) => f.source === file.source);
         if (found != null) {
           if (found.name === "") {
             found.name = file.name;
           }
         } else {
-          project2.value.files.list.push(file);
+          project.value.files.list.push(file);
         }
       });
       displayImportDialog.value = false;
@@ -7482,9 +7593,9 @@ const _sfc_main$7 = {
           onImport: appendFiles,
           onCancel: _cache[0] || (_cache[0] = ($event) => displayImportDialog.value = false)
         }, null, 8, ["files"])) : createCommentVNode("", true),
-        unref(project2) && unref(project2).files ? (openBlock(), createBlock(PureFiles, {
+        unref(project) && unref(project).files ? (openBlock(), createBlock(PureFiles, {
           key: 1,
-          files: unref(project2).files.list,
+          files: unref(project).files.list,
           onAddFile: unref(addFile),
           onRemoveFiles: unref(removeFiles),
           onUpdateFile: unref(updateFile),
@@ -7495,7 +7606,9 @@ const _sfc_main$7 = {
     };
   }
 };
-const _sfc_main$6 = {
+var Settings_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$6 = { class: "content" };
+const _sfc_main$7 = {
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(TwoCols, null, {
@@ -7503,24 +7616,27 @@ const _sfc_main$6 = {
           createVNode(ProjectInfo)
         ]),
         content: withCtx(() => [
-          createVNode(_sfc_main$b),
-          createVNode(_sfc_main$9),
-          createVNode(_sfc_main$7)
+          createElementVNode("div", _hoisted_1$6, [
+            createVNode(_sfc_main$c),
+            createVNode(_sfc_main$a),
+            createVNode(_sfc_main$8)
+          ])
         ]),
         _: 1
       });
     };
   }
 };
+var Settings = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3f5ec6e5"]]);
 var Wrapper_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$5 = {};
-const _hoisted_1$4 = { class: "app" };
+const _sfc_main$6 = {};
+const _hoisted_1$5 = { class: "app" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var Wrapper = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
+var Wrapper = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$1]]);
 var _imports_0$1 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDEuOTk0IDQwMS45OTQiIGhlaWdodD0iNDAxLjk5NCIgdmlld0JveD0iMCAwIDQwMS45OTQgNDAxLjk5NCIgd2lkdGg9IjQwMS45OTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNTAiPjxwYXRoIGQ9Im00MDIuMDMyMjEgMjAxLjg0ODY4aC00MDAuMjkwNjIyOCIvPjxwYXRoIGQ9Im0yMDIuNzAwMzYgMi44NTE2ODA4djQwMC4yOTA2MTkyIi8+PC9nPjwvc3ZnPg==";
 var _imports_1 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MzYiIHdpZHRoPSIxNTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMDI0IDc2OGMwLTcwLjY2NjY3LTI1LTEzMS03NS0xODFzLTExMC4zMzMzMy03NS0xODEtNzUtMTMxIDI1LTE4MSA3NS03NSAxMTAuMzMzMzMtNzUgMTgxIDI1IDEzMSA3NSAxODEgMTEwLjMzMzMzIDc1IDE4MSA3NSAxMzEtMjUgMTgxLTc1IDc1LTExMC4zMzMzMyA3NS0xODF6bTUxMi0xMDl2MjIyYzAgOC0yLjY2NjcgMTUuNjY2NjctOCAyM3MtMTIgMTEuNjY2NjctMjAgMTNsLTI5NS4xMzE3LTEwLjc1MDAzYy0xMi42NjY3IDM2LTI3LjcwNjEgNjQuMjkzODYtNDEuMDM5NCA4OC45NjA1MyAyMy4zMzMzIDMzLjMzMzMgMTcxLjE3MTEgMTIwLjEyMjggMjE5LjE3MTEgMTc4Ljc4OTUgNi42NjY3IDggMTAgMTYuMzMzMyAxMCAyNXMtMyAxNi4zMzMzLTkgMjNjLTE4IDI0LjY2NjctNTEgNjAuNjY2Ny05OSAxMDhzLTc5LjMzMzMgNzEtOTQgNzFjLTggMC0xNi42NjY3LTMtMjYtOWwtMTkxLjAyNjM1LTIxOC4xMzE2Yy0yOS4zMzMzIDE1LjMzMzMtNjUuNzg1MSAzMi4wNzg5LTk3LjExODQzIDQyLjA3ODktMTAuNjY2NjcgOTAuNjY2NyAzOC44MTE0NSAyNTguNzE5NCAzMC4xNDQ3OCAyOTIuMDUyNy00LjY2NjY3IDE4LjY2NjctMTYuNjY2NjcgMjgtMzYgMjhoLTIyMmMtOS4zMzMzMyAwLTE3LjUtMi44MzMzLTI0LjUtOC41cy0xMC44MzMzMy0xMi44MzMzLTExLjUtMjEuNWwyMC45NDc0LTI5Mi4wOTIyYy0zMi42NjY2Ny0xMC42NjY2LTg5LjE3OTg0LTQ3LjQ3MzctMTE2LjUxMzE3LTYxLjQ3MzdsLTE2My40MzQyMyAyMzkuNTY1OXMtMTYuMTQ4MzggOS4zMDUzLTI1IDljLTkuMDk4OTItLjMxMzgtMTcuMzM4ODItNC4wMDk5LTI1LTExLTgzLjY4MDkxLTc2LjM1MTItMTM5LTEzMi0xNjUtMTY4LTQuNjY2NjctNi42NjY3LTctMTQuMzMzMy03LTIzIDAtOCAyLjY2NjY3LTE1LjY2NjcgOC0yMyA3MC4xMDAwOC02Ni43MDYyIDE1Mi41NDMyNy0xMjkuODc0MiAyMTkuMjEwNi0xOTYuMTQ0NzgtMTgtMzMuMzMzMzMtMjMuNTA4NzctNTguMTc1NDMtMzIuODQyMS05MC44NDIxbC0zMDUuMzY4NSAyMy45ODY4OGMtOC42NjY2NjctMS4zMzMzMy0xNS42NjY2NjctNS41LTIxLTEyLjUtNS4zMzMzMzMzLTctOC0xNC44MzMzMy04LTIzLjV2LTIyMmMwLTggMi42NjY2NjY3LTE1LjY2NjY3IDgtMjMgNS4zMzMzMzMtNy4zMzMzMyAxMS42NjY2NjctMTEuNjY2NjcgMTktMTNsMzE2LjUyNjQgNDEuMzQyMTVjOS4zMzMzMy0zMC42NjY2NyAyNi40MTIyOC03NS42MDk2MiA0My4wNzg5NS0xMDYuMjc2MzItMjYuNjY2NjctMzguMDAwMDMtMTk2LjkzODY4LTEzOS4wNjU4My0yNDEuNjA1MzUtMTkzLjA2NTgzLTYuNjY2NjctOC0xMC0xNi0xMC0yNCAwLTYuNjY2NyAzLTE0LjMzMzMgOS0yMyAxNy4zMzMzMy0yNCA1MC4xNjY2Ny01OS44MzMzIDk4LjUtMTA3LjVzNzkuODMzMzMtNzEuNSA5NC41LTcxLjVjOC42NjY2NyAwIDE3LjMzMzMzIDMuMzMzMyAyNiAxMGwxODAuODI4OTggMjM5LjU2NTljMjkuMzMzMzMtMTUuMzMzMyA5NC4zMzc3NC00NC4zMTU4IDEyNS42NzEwNy01NC4zMTU4LTcuNjg4Ni04Ni41ODc4LTU3LjE2NjcyLTI2OC45MTY4LTQ4LjUwMDA1LTMwMi4yNTAxIDQuNjY2NjctMTguNjY2NyAxNi42NjY2Ny0yOCAzNi0yOGgyMjJjOS4zMzMzMyAwIDE3LjUgMi44MzMzIDI0LjUgOC41czEwLjgzMzMzIDEyLjgzMzMgMTEuNSAyMS41bC0zNS4yMjM3MyAyOTYuMTcxMWMzMi42NjY2NyAxMC42NjY3IDk5LjM3NzI1IDM5LjMxNTggMTI2LjcxMDUzIDUzLjMxNThsMTY4LjUxMzItMjM1LjQ4NjljNi02IDE0LTkgMjQtOSA4LjY2NjcgMCAxNyAzLjMzMzMgMjUgMTAgODYgNzkuMzMzMyAxNDEgMTM2IDE2NSAxNzAgNC42NjY3IDUuMzMzMyA3IDEyLjY2NjcgNyAyMiAwIDgtMi42NjY3IDE1LjY2NjctOCAyMy01Ni44MTEzIDQ5LjEyNjUtMTQzLjEzNDQgMTI0LjE0OC0yMTcuMTcxMSAxOTAuMDI2MzUgMTcuMzMzMyAzMy4zMzMzIDMxIDc0LjE1NzkgNDEgMTA2LjE1NzlsMjk1LjE3MTEtMzMuMTg0MjVjOC42NjY3IDEuMzMzMzMgMTUuNjY2NyA1LjUgMjEgMTIuNXM4IDE0LjgzMzMzIDggMjMuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var _imports_2 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NzUuMDg0IDQ3NS4wODQiIGhlaWdodD0iNDc1LjA4NCIgdmlld0JveD0iMCAwIDQ3NS4wODQgNDc1LjA4NCIgd2lkdGg9IjQ3NS4wODQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQ2NC41MjQgNDEyLjg0Ni05Ny45MjktOTcuOTI1YzIzLjYtMzQuMDY4IDM1LjQwNi03Mi4wNDcgMzUuNDA2LTExMy45MTcgMC0yNy4yMTgtNS4yODQtNTMuMjQ5LTE1Ljg1Mi03OC4wODctMTAuNTYxLTI0Ljg0Mi0yNC44MzgtNDYuMjU0LTQyLjgyNS02NC4yNDFzLTM5LjM5Ni0zMi4yNjQtNjQuMjMzLTQyLjgyNmMtMjQuODQ1LTEwLjU2NS01MC44NzQtMTUuODQ3LTc4LjA5Mi0xNS44NDctMjcuMjE2IDAtNTMuMjQ3IDUuMjgyLTc4LjA4NSAxNS44NDctMjQuODQyIDEwLjU2Mi00Ni4yNTQgMjQuODM5LTY0LjI0MSA0Mi44MjYtMTcuOTg5IDE3Ljk4Ny0zMi4yNjQgMzkuNDAzLTQyLjgyNyA2NC4yNDEtMTAuNTY0IDI0Ljg0MS0xNS44NDYgNTAuODY5LTE1Ljg0NiA3OC4wODcgMCAyNy4yMTYgNS4yODIgNTMuMjM4IDE1Ljg0NiA3OC4wODMgMTAuNTYyIDI0LjgzOCAyNC44MzggNDYuMjQ3IDQyLjgyNyA2NC4yMzQgMTcuOTg3IDE3Ljk5MyAzOS40MDMgMzIuMjY0IDY0LjI0MSA0Mi44MzIgMjQuODQxIDEwLjU2MyA1MC44NjkgMTUuODQ0IDc4LjA4NSAxNS44NDQgNDEuODc5IDAgNzkuODUyLTExLjgwNyAxMTMuOTIyLTM1LjQwNWw5Ny45MjkgOTcuNjQxYzYuODUyIDcuMjMxIDE1LjQwNiAxMC44NDkgMjUuNjkzIDEwLjg0OSA5Ljg5NyAwIDE4LjQ2Ny0zLjYxNyAyNS42OTQtMTAuODQ5IDcuMjMtNy4yMyAxMC44NDgtMTUuNzk2IDEwLjg0OC0yNS42OTMuMDAzLTEwLjA4Mi0zLjUxOC0xOC42NTEtMTAuNTYxLTI1LjY5NHptLTE0OS45OTc2Ni0xMDguMzc2OTNjLTI1LjAyOSAyNS4wMzEtNzIuMjY4MzUgNDcuMjcyMjgtMTA3LjQ3NTA4IDQ2LjYwNzgxLTUzLjMzMDYxLTEuMDA2NTMtNzIuMjgzMzUtMTAuNDIyNzItMTA5LjQ4NDE0LTM4LjU1NTU0LTI2LjA4NjY2Mi0xOS43Mjc4NS00NC41OTE3MzEtNjcuMjI1NDEtNDcuNjExMzMyLTEwNi40NjQ1NC0yLjcwMTc4OC0zNS4xMDkyIDExLjE3OTQ4NC03NS43MzM3NyAzOS41NTkwNjUtMTA1LjQ1OCAzNi43MzI3NDctMzguNDczMTc0IDY4LjI3NzU1Ny00Ni42OTgzMzEgMTEwLjQ5MDY3Ny00OC42MTc4NzYgNDQuMjY5OC0yLjAxMzA2OCA4NC40NTUxNCAxOC41NTg2OTggMTA5LjQ4ODE0IDQzLjU4NTE5NiAyNS4wMzMgMjUuMDI2NSA0My4wMTA2NiA2OC4yNjEyNSA0MS41NzQxNCAxMDMuNDQ0OTQtMi4wMTMwNyA0OS4zMDQ0OC0xMS41MTI0NyA4MC40MjcwMS0zNi41NDE0NyAxMDUuNDU4MDF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+";
@@ -7528,9 +7644,9 @@ var _imports_3 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3
 var _imports_4 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDEuOTk0IDQwMS45OTQiIGhlaWdodD0iNDAxLjk5NCIgdmlld0JveD0iMCAwIDQwMS45OTQgNDAxLjk5NCIgd2lkdGg9IjQwMS45OTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLS42ODQxMDcgLTIuNjg1NTQ5KSI+PHBhdGggZD0ibTM5Ny43MTUxOSAyMTYuOTk4MzNjLTMuMTYyMTctMy4xNzE4LTcuMjU5NTYtNy4wNDEwOC0xMS41OTkwOS03LjA5MjY2bC01Ni4wODEyNi0uNjY2Nzd2LTUzLjU1NzExbDQwLjM0OTExLTQxLjU0MjgyYzUuMDU1MDQtNy40MTMyNiA4LjE5ODI4LTEwLjg0NTUxIDkuMTQxMjEtMTkuNDMxMjE3LjQ3MzYtNC4zMTIxNjMtLjE3NTQ0LTEyLjgwNzcyNi0zLjM0NTQ4LTE1Ljk4MDQwMS0zLjE2OTE2LTMuMTcwOTIxLTkuNzU0NjktNS42OTkzMjMtMTQuMDk0NTQtNS42OTkzMjMtNC4zMzk4NCAwLTE1LjczMDc3IDIuODg2MzQyLTIyLjkwMDQ5IDEwLjM5MDMyN2wtNDAuNjgyNDkgMzYuMzQ2ODE0LTE4OS42MzY3MyAxLjAwMDE0LTQ2LjMxNDY5Mi00Mi45ODA5MDVjLTMuMTcxODAzLTMuMTcwOTIxLTEzLjU5MzQ0Ni02LjA4OTg4NS0xNy45MzMzMDUtNi4wODk4ODUtNC4zNDI0NzIgMC0xMS4wOTY5NTggMi45MTk4NDctMTQuMjY4NzUgNi4wODk4ODUtMy4xNzE4MDMgMy4xNzE4MDQtNi4xOTU1ODIgNy45MzM3MzctNi40MjMyOCAxMi4yNjU4NS0uMzMzMzcyIDYuMzQyNzU5LS40MTU2OTIgMTEuMDk4NzI1IDMuNzU2MjQ5IDE3LjkzNTkyNWw0NS45ODEzMDcgNDYuOTgxNDZ2NDcuOTM3MDZsLTU1Ljc0Nzg4MyAxLjAwMDE0Yy04LjA1Mjk3OC4xNDQ0Ni0xMi43NjIxMDkzIDYuNTg3OS0xNC45MzI4ODExIDExLjQyNjU5LTIuODM4NDIwMyA1LjE2OTQ1LTEuNDI0MzQzNyAxNS4yNjM4Ni0xLjQyNDM0MzcgMTkuNjAwMTkgMCA0LjMzOTg2IDEuNTg2MzM3MiA2LjQzMzE2IDQuNzU4MTI5MiA5LjU5OTcgMy4xNzA5MjA2IDMuMTcxNzkgNi45MjU4NjQ2IDQuNzYyNTEgMTEuMjY1NzEyNiA0Ljc2MjUxaDU2LjA4MTI2NmMwIDI2LjY5OTQuNTA4Mzk0IDQxLjIzNzQ0IDEwLjE4Nzc2OSA2MC4yNjEybC00NS41NzA5MzIgNDkuODMwOTdjLTkuODM5NTM1IDkuNjc1MjMtNy43OTkxODggMTcuNTU1MjYtNy41NDc1MTcgMjEuOTc1NzcuMjQ5MDQ2IDQuNDE3MDMgNC45NjAzMiAxMy4xMzIzMiA4LjEzMjExMiAxNi4xNDAxMyAzLjE3MTc5MiAyLjY3MDIgNi43NTgzNyA0LjAwODM3IDEwLjc2NDExMyA0LjAwODM3IDQuNjczOTUzIDAgMTUuMzQ2NDA3LTEuNzQ1OTUgMjQuMDIwNjM2LTEyLjI1ODA2bDQwLjE0Nzc5LTQwLjQ5MjQ1LTIuNTc2NjMtLjgyMjc4YzIuMzM2MSAyLjE3Mzg2IDUuOTYzODkgNC44NzkxNiAxMC44OTAzOSA4LjEzMjUxIDQuOTI1NjMgMy4yNTMzNCAyLjg4OTE0IDQuNjIzNDYgOC45NzkzMSA3Ljg4NTU3IDYuMDk0NTQgMy4yNTMzNSAxMC40NjcyNiA2LjM3MjkgMTAuNDY3MjYgNi4zNzI5cy00My4wMjI4Ny0xNjkuNTIxMTMtOS4wNzcwNy0yMDUuMTIyOWwxMzguMTI2OC42NjY3NmMzNy4xOTcxOSAzNi4xNDkyNy01LjgxODkyIDIwMy42Mzg1OC01LjgxODkyIDIwMy42Mzg1OCA3Ljc0MTM0LTQuMDA0MTkgMTQuMTQzOTgtMTAuNDk0OTUgMjAuMzU3MzEtMTUuNDg0MzYgMS42NzQwNS0xLjMzODE2IDEuOTIyNjUtMS4wODg1NCAyLjc1NjU3LTEuOTE5ODRsNDguOTA4NjkgNDYuOTg2NjFjMy4xNTM1IDMuMDI5NiAxMi43NTkyMSAyLjQyMjcyIDE3LjI2NjU0IDIuNDIyNzIgNC41MDgyMSAwIDguMjIyNjEtMS42MjI2NyAxMS4yNzE4NS00Ljc1NjM4IDMuMTIzODctMy4yMTAzOCA1LjcyNzM5LTcuNjExMSA2LjA4NzI4LTExLjkzNTk4LjMzMzM4LTQuMDA2NDcuNzQyMDktMTIuNzk2MDEtMi40MjAxLTE1LjkzMzAxbC01Mi43NDQ5NS01Mi4zMjQ1N2MxMS4xODUwNC0xOS44NjI5NyAxMy40NDE1OC0zNS43MzEzMiAxMy40NDE1OC02NC4yNzA0N2w1Ni40MTQ2Ni0uMzMzMzdjNC4zMzk3Ny0uMDI1NyA4LjA5OTE4LTQuMjU0MjUgMTEuMjY1NzItNy40MjYwNSAzLjE2OTE2LTMuMTY5MTcgNC43NjMzNy02LjkyNTg3IDQuNzYzMzctMTEuMjY1NzEgMC00LjMzODk3LTEuMjU5OTYtMTMuMDk4OTktNC40NDE0LTE2LjI3MTY2eiIvPjxwYXRoIGQ9Im0yNTguNTY0NjIgMjkuMjFjLTE1LjYwNDY5LTE1LjYwNDY4OC0zNC41MDgzMi0yMy40MTAwOTc0LTU2LjcwNzM5LTIzLjQxMDA5NzQtMjIuMjAyNTggMC00MS4xMDA5NSA3LjgwNTQwOTQtNTYuNzA4MjYgMjMuNDEwMDk3NC0xNS42MDQ2OCAxNS42MDY0MzEtMjMuNDA1NyAzNC41MDkxODctMjMuNDA1NyA1Ni43MDczNzdoMTYwLjIyNjE3YzAtMjIuMTk0NjgzLTcuODAwMTUtNDEuMTAwOTQ2LTIzLjQwNDgyLTU2LjcwNzM3N3oiLz48L2c+PHJlY3QgaGVpZ2h0PSIyMjMuNDc2NTMiIHJ5PSIuNTQ5ODMzIiB3aWR0aD0iNDEuNDg5MzE1IiB4PSIxODAuMTI3MjMiIHk9IjE2My41NzM1NSIvPjwvZz48L3N2Zz4=";
 var _imports_5 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDEuOTk0IDQwMS45OTQiIGhlaWdodD0iNDAxLjk5NCIgdmlld0JveD0iMCAwIDQwMS45OTQgNDAxLjk5NCIgd2lkdGg9IjQwMS45OTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyNi4xMDQzOSAzODguNDI2NzNjLTI3LjE4NTM0NS0xMS4xMDQ5Ny00OC45NzEwMDktMjUuOTg2OTMtNzAuMDQ2MDg2LTQ3Ljg0ODk3LTY2LjI1NDI3Ni02OC43MjgzMi03NS4wNTg0NTMtMTcyLjMzOTIyLTIxLjQ1Mzk1MS0yNTIuNDc4MjIyIDEwLjE1MDYzMS0xNS4xNzUyNDQgMzcuOTA3NjY3LTQyLjkzMjI3IDUzLjA4Mjg5My01My4wODI5MDMgMjIuOTEyNDU0LTE1LjMyNTk5NiA0OS4wMjQzOTQtMjYuMjQ3NzYxIDc1LjE2MDA1NC0zMS40MzY5NzY4IDE4Ljg5NDg5LTMuNzUxNTcwMDYgNTcuNTYzODItMy43NTE1NzAwNiA3Ni40NTg3MSAwIDYwLjk5NDgxIDEyLjExMDQ3NDggMTE0LjUwNDk5IDUzLjExMjIyODggMTQyLjczMTggMTA5LjM2NzEwMTggMTYuOTQ5NjYgMzMuNzgwMDMgMjQuMDA5MTEgNzguNTY1NzcgMTguMzg0NTEgMTE2LjYzMjktNi42NDQ4NCA0NC45NzIwOS0yNC45NDQxOSA4MS4yMjk5Ny01Ny40NTk0IDExMy44NDg2Mi0yMS43Nzg1NiAyMS44NDc4NS00NS42NTcxMyAzNy40NDEwMi03MS44NjMzOCA0Ni45MjgyLTEwLjkyNDAxIDMuOTU0NjctMTcuMzk3MjggMi43OTA5MS0xOC43NjExNS0zLjM3MjkzLS40MzgtMS45Nzk1LTEuMDAwMzEtMTkuNTQ0NS0xLjI0OTYtMzkuMDMzMy0uNDI1MzItMzMuMjUzMjgtLjY4MDQyLTM1Ljk0MDAxLTQuMTQ0NzgtNDMuNjUyNTctMi4wMzAzNC00LjUyMDEzLTQuNjc2ODgtOS4wMzYxNy01Ljg4MTIxLTEwLjAzNTY3LTMuNDQxNjMtMi44NTYzLTIuNTgyMDEtNC41ODEzMiAyLjI4Mjk3LTQuNTgxMzIgNy43MDA1MyAwIDI4Ljg5NTQ5LTYuMTE2NzUgNDAuODk2NDYtMTEuODAyNTMgMTMuMzk2MS02LjM0Njc3IDI3LjA5MDYxLTE5LjIyMDYyIDMzLjgwODItMzEuNzgyMjYgNy4xOTcwMi0xMy40NTgxNSAxMC43NjkxNy0zMC4yOTAyNSAxMC45NzA1OC01MS42OTM3OC4yMDg0NS0yMi4xNTIzOS0yLjgzMjEyLTMzLjMwOTExLTEzLjI0MDY4LTQ4LjU4MzgyLTYuMjY0NTEtOS4xOTMyOC02LjI3MzY1LTkuMjI5MDgtNC4zNzM0My0xNy4xNTAwMSAyLjI1MzY2LTkuMzk0MzUgMS4xNjE2OS0yOS4wODE3MTQtMi4xMTkxNC0zOC4yMDY0NzFsLTIuMjY0OTgtNi4yOTk0MTktOC40ODM0OC4xMzY5MTJjLTEwLjAwNzk2LjE2MTQ5Mi0yMS45OTgyNiA0LjUzMjk0OC0zNi42MTY5MyAxMy4zNDk4NzVsLTEwLjU4NDYyIDYuMzgzOTAzLTEyLjEzODAxLTIuODQ3MTNjLTE2LjY3Mjg1LTMuOTEwNzc3LTU4Ljg2NTIyLTMuOTU1MzIxLTc2LjQyMDUxLS4wODA4bC0xMi4zMTIzNSAyLjcxNzQ4LTEwLjQxMDI4LTYuMjc4NzQ3Yy0xNC41MzA3MS04Ljc2Mzc4NS0yNi40NjczMS0xMy4wODQwODQtMzYuNTk0MDUtMTMuMjQ0NjQxbC04LjYzNDk0Ny0uMTM2ODk4LTIuMTI5NTc1IDYuMjk5NDE5Yy0zLjEzMzQ4OSA5LjI2OTA4MS00LjE2MzA1MSAyOC45ODgxMjctMS45ODcxMTkgMzguMDU4NTA3IDEuODUyODQxIDcuNzIzNDMgMS44MTU3NTYgNy44Njg4OC00LjM3MjU0NCAxNy4xNDk5OC0xMC41MzEwMDkgMTUuNzk0MjUtMTMuNDk4ODk3IDI2LjY5NzY2LTEzLjI2NDY2NiA0OC43MzE4MS4yMjY5MzEgMjEuMzQ4NyAzLjgwNzgyOSAzOC4xNjQzMyAxMS4wMDgyMzUgNTEuNjkzNzggNi4yODkxNzEgMTEuODE3MjcgMjEuMzI5OTU2IDI2LjA2NzY3IDMzLjk4NDE5NiAzMi4xOTgzMiAxMC43MTQyNyA1LjE5MDc4IDMyLjg2ODUgMTEuMzU1MDMgNDAuODgzMjIgMTEuMzc1NDQgNS4yODU1My4wMTQyIDUuMzIyNzEuNDg1NjguNTM2MiA2LjgwOTI0LTIuMDg3MDYgMi43NTcyNS00LjgwNTQzIDguNTU2NjEtNi4wNDA4NCAxMi44ODc0NS0yLjEwNDc3IDcuMzc4NDgtMi43MzM0OSA4LjA0OTUtOS45ODUzMyAxMC42NTc0My0xNy4zNTQ1OCA2LjI0MTEtMzYuODI3ODIuMzE2MTMtNDYuODUxNzQ4LTE0LjI1NTI3LTEyLjI4MjQzNC0xNy44NTQ0My0yMy4wMjk4NjUtMjUuNTM2ODktMzUuNzI1MTM1LTI1LjUzNjg5LTguODk0OTkyIDAtMTAuMDY2OTk2IDMuODAzNDQtMi45ODY2NDIgOS42OTIzNiAxMi4zMTM1NTUgMTAuMjQxNSAxNy42MTM4MjUgMTYuNjI3MjEgMjIuODY4MDEgMjcuNTUxMDggNi42NTc2NDYgMTMuODQxODQgMTIuNjYzODI4IDIwLjE5MDY4IDI0LjIzNzE5NSAyNS42MTk5NiA3LjgyNTU3IDMuNjcxMTEgMTAuNDc2MDEgNC4wNjAzMSAyNy4xNzU4IDMuOTkwNTFsMTguNTA0NTEtLjA3NzJ2MTkuODU1N2MwIDEzLjQ2MDI0LS42MzQwOCAyMC42ODU4LTEuOTY4NTYgMjIuNDMyODEtMy42NTk5NSA0Ljc5MTI5LTkuMjc4OTMgNC41NzUxLTIyLjYwODQyLS44Njk5MXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var Nav_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-0393dbf8"), n = n(), popScopeId(), n);
-const _hoisted_1$3 = { id: "menu" };
-const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("a", { href: "/project/new" }, [
+const _withScopeId$2 = (n) => (pushScopeId("data-v-4004adc6"), n = n(), popScopeId(), n);
+const _hoisted_1$4 = { id: "menu" };
+const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("a", { href: "/project/new" }, [
   /* @__PURE__ */ createElementVNode("img", {
     class: "button",
     title: "add project",
@@ -7538,38 +7654,38 @@ const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
     src: _imports_0$1
   })
 ], -1));
-const _hoisted_3$1 = ["href"];
-const _hoisted_4$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_3$2 = ["href"];
+const _hoisted_4$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   class: "button",
   title: "settings",
   alt: "settings",
   src: _imports_1
 }, null, -1));
-const _hoisted_5 = [
-  _hoisted_4$1
+const _hoisted_5$1 = [
+  _hoisted_4$2
 ];
-const _hoisted_6 = ["href"];
-const _hoisted_7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_6$1 = ["href"];
+const _hoisted_7$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   class: "button",
   title: "search",
   alt: "search",
   src: _imports_2
 }, null, -1));
-const _hoisted_8 = [
-  _hoisted_7
+const _hoisted_8$1 = [
+  _hoisted_7$1
 ];
-const _hoisted_9 = ["href"];
-const _hoisted_10 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_9$1 = ["href"];
+const _hoisted_10$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   class: "button",
   title: "documentation",
   alt: "documentation",
   src: _imports_3
 }, null, -1));
-const _hoisted_11 = [
-  _hoisted_10
+const _hoisted_11$1 = [
+  _hoisted_10$1
 ];
-const _hoisted_12 = ["href"];
-const _hoisted_13 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_12$1 = ["href"];
+const _hoisted_13 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   class: "button",
   title: "report a bug",
   alt: "report a bug",
@@ -7579,7 +7695,7 @@ const _hoisted_14 = [
   _hoisted_13
 ];
 const _hoisted_15 = ["href"];
-const _hoisted_16 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_16 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   class: "button",
   title: "join our github project",
   alt: "join our github project",
@@ -7589,71 +7705,73 @@ const _hoisted_16 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createE
 const _hoisted_17 = [
   _hoisted_16
 ];
-const _hoisted_18 = {
+const _hoisted_18 = { class: "login" };
+const _hoisted_19 = { key: 0 };
+const _hoisted_20 = ["href"];
+const _hoisted_21 = /* @__PURE__ */ createTextVNode(" (");
+const _hoisted_22 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("a", { href: "/logout" }, "Log Out", -1));
+const _hoisted_23 = /* @__PURE__ */ createTextVNode(") ");
+const _hoisted_24 = {
   key: 1,
-  class: "login"
+  href: "/auth/github"
 };
-const _hoisted_19 = ["href"];
-const _hoisted_20 = /* @__PURE__ */ createTextVNode(" (");
-const _hoisted_21 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("a", { href: "/logout" }, "Log Out", -1));
-const _hoisted_22 = /* @__PURE__ */ createTextVNode(") ");
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   setup(__props) {
     const { githubURL, issuesURL, searchURL, docURL } = inject("config");
     const user = inject("user");
     const displaySettings = inject("displaySettings");
-    const { project: project2 } = useProject();
+    const { project } = useProject();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", _hoisted_1$3, [
-        _hoisted_2$3,
-        unref(displaySettings) && unref(project2) != null ? (openBlock(), createElementBlock("a", {
+      return openBlock(), createElementBlock("nav", _hoisted_1$4, [
+        _hoisted_2$4,
+        unref(displaySettings) && unref(project) != null ? (openBlock(), createElementBlock("a", {
           key: 0,
-          href: `/project/${unref(project2).shortname}/settings`
-        }, _hoisted_5, 8, _hoisted_3$1)) : createCommentVNode("", true),
+          href: `/project/${unref(project).shortname}/settings`
+        }, _hoisted_5$1, 8, _hoisted_3$2)) : createCommentVNode("", true),
         createElementVNode("a", {
           href: unref(searchURL),
           target: "_blank"
-        }, _hoisted_8, 8, _hoisted_6),
-        createElementVNode("a", { href: unref(docURL) }, _hoisted_11, 8, _hoisted_9),
+        }, _hoisted_8$1, 8, _hoisted_6$1),
+        createElementVNode("a", { href: unref(docURL) }, _hoisted_11$1, 8, _hoisted_9$1),
         createElementVNode("a", {
           href: unref(issuesURL),
           target: "_blank"
-        }, _hoisted_14, 8, _hoisted_12),
+        }, _hoisted_14, 8, _hoisted_12$1),
         createElementVNode("a", {
           href: unref(githubURL),
           target: "_blank"
         }, _hoisted_17, 8, _hoisted_15),
-        unref(user) != null ? (openBlock(), createElementBlock("div", _hoisted_18, [
-          createElementVNode("span", null, [
+        createElementVNode("div", _hoisted_18, [
+          unref(user) != null ? (openBlock(), createElementBlock("span", _hoisted_19, [
             createElementVNode("a", {
-              href: unref(user).brainboxURL
-            }, toDisplayString(unref(user).nickname), 9, _hoisted_19),
-            _hoisted_20,
+              href: `/user/${unref(user).username}`
+            }, toDisplayString(unref(user).username), 9, _hoisted_20),
             _hoisted_21,
-            _hoisted_22
-          ])
-        ])) : createCommentVNode("", true)
+            _hoisted_22,
+            _hoisted_23
+          ])) : (openBlock(), createElementBlock("a", _hoisted_24, "Log in with GitHub"))
+        ])
       ]);
     };
   }
 };
-var Nav = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-0393dbf8"]]);
+var Nav = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4004adc6"]]);
 var Header_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   class: "logo",
   href: "/"
 };
-const _hoisted_2$2 = ["src", "alt"];
-const _sfc_main$3 = {
+const _hoisted_2$3 = ["src", "alt"];
+const _sfc_main$4 = {
   setup(__props) {
     const { logoURL, siteName } = inject("config");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", null, [
-        createElementVNode("a", _hoisted_1$2, [
+        createElementVNode("a", _hoisted_1$3, [
           createElementVNode("img", {
             src: unref(logoURL),
             alt: unref(siteName)
-          }, null, 8, _hoisted_2$2)
+          }, null, 8, _hoisted_2$3)
         ]),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         createVNode(Nav)
@@ -7661,12 +7779,12 @@ const _sfc_main$3 = {
     };
   }
 };
-var Header = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7353ade4"]]);
+var Header = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-12a1788c"]]);
 var _imports_0 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI3MiIgd2lkdGg9IjI3Ni4yNzM0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTQwLjI4MTI1IDBjLTYzLjI3ODEyMyAwLTExNi4zMTM1MDkgNDMuMjg0OTg2LTEzMS41IDEwMS44MTI1aDcuMjE4NzUgNXYzLjMxMjVjLjYwNDAxLS40MDU3NyAxLjExNzU2LS45NTcxOSAxLjc1LTEuMzEyNWguMDMxMjVjMS4wOTMxOC0uNjA3MzEgMi4yMzY1NTctMS4xNDAwNCAzLjQwNjI1LTEuNTkzNzVzMi4zODkwMTgtLjgyMzcxIDMuNjI1LTEuMTI1YzIuNDcxOTY1LS42MDI1OSA1LjA0Mjk3LS45MDYyMiA3LjcxODc1LS45MDYyNSAyLjE2ODEwMy4wMDAwMiA0LjI3NDQ0My4xOTA2NSA2LjI4MTI1LjU2MjVzMy45MjExNzEuOTQzMTUgNS43MTg3NSAxLjY4NzUgMy40OTA4MyAxLjY2Mzc0IDUuMDMxMjUgMi43ODEyNSAyLjkyMDkyIDIuNDE0OSA0LjE1NjI1IDMuOTA2MjVoLjAzMTI1Yy4wMDU1NS4wMDY2OC0uMDA1NTUuMDI0NTcgMCAuMDMxMjUgMS4yMzM4MDIgMS40ODYyOSAyLjI5Njk4OSAzLjExMzg1IDMuMTg3NSA0Ljg3NXMxLjYxNzA0OSAzLjY2OTk3IDIuMTg3NSA1LjY4NzUuOTc2MzggNC4xNTA4MiAxLjI1IDYuNDA2MjUuNDA2MjMgNC42MTg5MS40MDYyNSA3LjA5Mzc1djQwLjE4NzUgNWgtNS0xMC45Mzc1LTV2LTUtMzkuODQzNzVjLS4wMDAwMi0yLjgyNzQtLjI3NTMzNy01LjExMDEtLjc1LTYuOTM3NXMtMS4xNDg2Ny0zLjE5OTQ4LTEuODc1LTQuMTI1Yy0uNzI5NTA1LS45Mjk0OS0xLjUzOTI1Ni0xLjU5OTU3LTIuNjU2MjUtMi4wNjI1cy0yLjU0MTIzLS43MTg3My00LjQ2ODc1LS43MTg3NWMtMS4yMTE0MDguMDAwMDEtMi4yODEzMjguMDg2MDgtMy4yODEyNS4yNXMtMS45MjA1NjMuNDE4ODctMi43NS43NS0xLjU4MTI5Ny43NDgzNi0yLjI4MTI1IDEuMjUtMS4zNTcyOCAxLjA3NDU0LTEuOTY4NzUgMS43NWMtLjYxMjM2LjY3NjQ1LTEuMTUyNzU4IDEuNDMyMDctMS42MjUgMi4yNXMtLjg2NDAyNiAxLjcwMDYxLTEuMTg3NSAyLjY4NzUtLjU4Mzk0MiAyLjA2NjY3LS43NSAzLjI1LS4yNTAwMDcgMi40Njc3Ny0uMjUgMy44NzV2MzcuNjI1IDVoLTUtNC45MDYyNWMxNy44MzAzNjIgNTQuMzI0NzggNjguODk4ODI1IDkzLjU5Mzc1IDEyOS4xODc1IDkzLjU5Mzc1IDYwLjI5NjcxIDAgMTExLjQxODMyLTM5LjI0NDA0IDEyOS4yNDIxOS05My41ODAwOGgtNC4wMTE3Mi0xMS4yNWMtOS4wNjQxMiAwLTE2LjE4ODY0LTEuNDMxNjUtMjAuOTY4NzUtNi4wOTM3NXYtLjAzMTI1aC0uMDMxMjVjLTQuNzY4MS00LjcwOTIyLTYuMjgxMjYtMTEuODQyNjUtNi4yODEyNS0yMC44MTI1di0zMS4xNTYyNWgtMy4wMzEyNS01di01LTguNS01aDUgMy4wMzEyNXYtMTMuOTM3NDk4LTVoNSAxMSA1djUgMTMuOTM3NDk4aDE3LjUzMTI1IDV2NSA4LjUgNWgtNS0xNy41MzEyNXYzMS4xNTYyNWMtLjAwMDAyIDQuMTkzNjcuOTMxMjQgNi42MzE3Mi45MDQzIDYuOTYyODkuMzkxMjUuMTE4MDQgMi4xMTI1My44MTgzNyA1LjM3Njk1LjgxODM2aDExLjI1IDV2NSA5LjE1NjI1IDEuODU5MzhjMy43NDYxNy0xMi40MzcxNiA1Ljc2OTUzLTI1LjYyMTAzIDUuNzY5NTMtMzkuMjc5MyAwLTc1LjExMDcyOS02MC44ODkyNy0xMzYtMTM2LTEzNnptMTMwLjIzMDQ3IDE3NS4yNzkzYy0uMzE3IDEuMDUyNDItLjY0NjY0IDIuMDk5MTItLjk4ODI4IDMuMTQwNjJoLjk4ODI4em0tMTY0LjQwNjI1LTc1LjA3ODEzYzEwLjQ5OTY1LjAwMDA3IDE5LjI5ODAzIDIuODQ1OSAyNS4yMTg3NSA5LjA2MjUgNS45MjQ0NiA2LjIyMDgyIDguNTMxMTcgMTUuMjI0MDggOC41MzEyNSAyNi4xNTYyNXYzOCA1aC01LTEwLjk2ODc1LTV2LTIuOTM3NWMtLjY2NjA0LjQyNzY0LTEuMzI4MS44ODM0Ni0yLjAzMTI1IDEuMjVsLS4wMzEyNS4wMzEyNWMtNC41OTcxNSAyLjM0NzQ1LTkuOTU2NTggMy40MDYyNS0xNS45Mzc1IDMuNDA2MjUtNy43NTA0NTEgMC0xNC42NTI4MjEtMi4zMjU4LTE5LjcxODc1MS03LjA5Mzc1aC0uMDMxMjVsLS4wMzEyNS0uMDMxMjVjLTUuMDA3ODctNC44MDk1Mi03LjUzMTI2LTExLjUzNzIxLTcuNTMxMjUtMTktLjAwMDAxLTguNjA1MzggMy4yMTQzOC0xNi4xNzIyMiA5LjQ2ODc1LTIwLjkzNzUgNi4yOTk4Ni00Ljc2MjA3IDE0LjkwOTgxLTYuNzE4NzEgMjUuNTAwMDAxLTYuNzE4NzVoOS43MTg3NWMtLjUwMzY1LTEuNTUwODktMS4yNjY1LTIuODM2MDYtMi41MzEyNS0zLjg3NWwtLjAzMTI1LS4wMzEyNWgtLjAzMTI1Yy0yLjE0ODg5LTEuODEyMjUtNS40NzI2Ni0yLjk5OTk1LTEwLjY4NzUtMy0zLjQwNzQuMDAwMDUtNi43MDI4NjEuNDA5MTQtOS45MDYyNTEgMS4yMTg3NS0zLjE5NTAyLjgwNzU4LTYuMjQ3MTkgMi4wMjkwMS05LjIxODc1IDMuNjU2MjVsLTcuNDA2MjUgNC4wMzEyNXYtOC40Mzc1LTEwLjA5Mzc1LTMuNDM3NWwzLjE4NzUtMS4yNWM0LjIxOTAzLTEuNjI5MDcgOC4zODA1NC0yLjg0MDUgMTIuNDM3NS0zLjY1NjI1LjAyMTgxLS4wMDQzOS4wNDA2OS0uMDI2ODkuMDYyNS0uMDMxMjV2LjAzMTI1YzQuMDU3MjQtLjg1MDAxIDguMDQ5NDkxLTEuMzEyNDMgMTEuOTY4NzUxLTEuMzEyNXptNzQuNzE4NzUgMGMxMC40OTk2NS4wMDAwNyAxOS4yOTgwMiAyLjg0NTg5IDI1LjIxODc1IDkuMDYyNSA1LjkyNDQ1IDYuMjIwODIgOC40OTk5NCAxNS4yMjQwNyA4LjUgMjYuMTU2MjV2MzggNWgtNS0xMC45Mzc1LTV2LTIuOTM3NWMtLjY3MDM3LjQzMS0xLjMyMzI1Ljg4MDkzLTIuMDMxMjUgMS4yNWgtLjAzMTI1di4wMzEyNWMtNC41OTcxNSAyLjM0NzQ1LTkuOTg3ODQgMy40MDYyNS0xNS45Njg3NSAzLjQwNjI1LTcuNzUwNDUgMC0xNC42NTI4Mi0yLjMyNTgtMTkuNzE4NzUtNy4wOTM3NWwtLjAzMTI1LS4wMzEyNWMtNS4wMDc4Ny00LjgwOTUyLTcuNTMxMjYtMTEuNTM3MjEtNy41MzEyNS0xOS0uMDAwMDEtOC42MDUzOCAzLjE4MzEzLTE2LjE3MjIyIDkuNDM3NS0yMC45Mzc1aC4wMzEyNWM2LjI5OTg2LTQuNzYyMDcgMTQuOTA5OC02LjcxODcxIDI1LjUtNi43MTg3NWg5LjY4NzVjLS41MDM2OC0xLjU1MDUzLTEuMjY2Ny0yLjgzNjIzLTIuNTMxMjUtMy44NzV2LS4wMzEyNWgtLjAzMTI1Yy0yLjE0ODkxLTEuODEyMjYtNS40NzI2NS0yLjk5OTk1LTEwLjY4NzUtMy0zLjQwNzQuMDAwMDUtNi43MDI4Ni40MDkxNC05LjkwNjI1IDEuMjE4NzUtMy4xOTUwMi44MDc1OC02LjI3ODQ0IDIuMDI5MDEtOS4yNSAzLjY1NjI1bC03LjM3NSA0LjAzMTI1di04LjQzNzUtMTAuMDkzNzUtMy40Mzc1bDMuMTg3NS0xLjI1YzQuMjQxNzItMS42Mzc4MiA4LjM5MDgzLTIuODcxODUgMTIuNDY4NzUtMy42ODc1di4wMzEyNWM0LjA2Nzc5LS44NTQyNiA4LjA3MDg0LTEuMzEyNDMgMTItMS4zMTI1em0tNjcuODEyNSA0NC43NWMtOC40NjEzNC4wMDAwMy0xNC4wMzMzMDEgMS4yNTc0LTE1LjgxMjUwMSAyLjMxMjUtMS44OTMyOCAxLjEyMjc2LTIuNjg3NTIgMi4zNTA2Mi0yLjY4NzUgNi4wNjI1LS4wMDAwMSAyLjc3NTUxLjY1MDM1IDQuMTgyMDkgMi4xMjUgNS41MzEyNS4wMTE2OC4wMTA2OS4wMTk0Ni4wMjA1Ny4wMzEyNS4wMzEyNSAxLjUxNDM2IDEuMzE0NDQgMy42MDI4MzEgMi4wOTM3NiA3LjEyNTAwMSAyLjA5Mzc1IDQuODkwMjcuMDAwMDEgOC4wMjA0NC0xLjQxNTM0IDEwLjc4MTI1LTQuNjU2MjUgMi4zOTE4OC0yLjgwMzQzIDMuNzc2MzctNi40ODYwNSA0LjE1NjI1LTExLjM3NXptNzQuNzE4NzUgMGMtOC40NjEzNC4wMDAwMy0xNC4wNjQ1NSAxLjI1NzQtMTUuODQzNzUgMi4zMTI1LTEuODkzMjggMS4xMjI3Ni0yLjY1NjI3IDIuMzUwNjItMi42NTYyNSA2LjA2MjUtLjAwMDAxIDIuNzk3NDkuNjU2ODEgNC4yMDM2NSAyLjE1NjI1IDUuNTYyNSAxLjUxMjk1IDEuMzA0NTIgMy42MTc4OSAyLjA5Mzc2IDcuMTI1IDIuMDkzNzUgNC44OTAyNy4wMDAwMSA3Ljk4OTE5LTEuNDE1MzQgMTAuNzUtNC42NTYyNSAyLjM5MTg4LTIuODAzNDMgMy44MDc2Mi02LjQ4NjA1IDQuMTg3NS0xMS4zNzV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+";
 var Footer_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$2 = {};
-const _withScopeId = (n) => (pushScopeId("data-v-79b1b506"), n = n(), popScopeId(), n);
-const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", null, [
+const _sfc_main$3 = {};
+const _withScopeId$1 = (n) => (pushScopeId("data-v-79b1b506"), n = n(), popScopeId(), n);
+const _hoisted_1$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("p", null, [
   /* @__PURE__ */ createElementVNode("a", {
     target: "_blank",
     href: "http://neuroanatomy.github.io"
@@ -7681,30 +7799,29 @@ const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
     href: "http://neuroanatomy.github.io"
   }, " groupe de neuroanatomie appliqu\xE9e et th\xE9orique ")
 ], -1));
-const _hoisted_2$1 = [
-  _hoisted_1$1
+const _hoisted_2$2 = [
+  _hoisted_1$2
 ];
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("footer", null, _hoisted_2$1);
+  return openBlock(), createElementBlock("footer", null, _hoisted_2$2);
 }
-var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render], ["__scopeId", "data-v-79b1b506"]]);
-var SettingsPage_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1 = {
+var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render], ["__scopeId", "data-v-79b1b506"]]);
+const _sfc_main$2 = {
   props: {
-    projectID: {
-      type: String,
+    project: {
+      type: Object,
       required: true
     }
   },
   setup(__props) {
     const props = __props;
-    const { project: project2, fetchProject, updateProject } = useProject();
-    const content = ref(project2.name);
+    const { project, setProject, updateProject } = useProject();
+    setProject(props.project);
+    const content = ref(project.name);
     const onTitleInput = (event) => {
       content.value = event.currentTarget.textContent;
       updateProject({ name: content.value });
     };
-    fetchProject(props.projectID);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Wrapper, null, {
         default: withCtx(() => [
@@ -7720,7 +7837,7 @@ const _sfc_main$1 = {
             _: 1
           }),
           createElementVNode("main", null, [
-            unref(project2) != null ? (openBlock(), createBlock(_sfc_main$6, { key: 0 })) : createCommentVNode("", true)
+            unref(project) != null ? (openBlock(), createBlock(Settings, { key: 0 })) : createCommentVNode("", true)
           ]),
           createVNode(Footer)
         ]),
@@ -7729,13 +7846,11 @@ const _sfc_main$1 = {
     };
   }
 };
-var SettingsPage = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2fdda2ac"]]);
-var UserPage_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1 = { class: "title" };
-const _hoisted_2 = { id: "userImage" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { id: "userDescription" };
-const _sfc_main = {
+const _hoisted_1$1 = { class: "title" };
+const _hoisted_2$1 = { id: "userImage" };
+const _hoisted_3$1 = ["src"];
+const _hoisted_4$1 = { id: "userDescription" };
+const _sfc_main$1 = {
   props: {
     user: {
       type: Object,
@@ -7748,29 +7863,29 @@ const _sfc_main = {
         default: withCtx(() => [
           createVNode(Header, null, {
             default: withCtx(() => [
-              createElementVNode("span", _hoisted_1, toDisplayString(__props.user.nickname), 1)
+              createElementVNode("span", _hoisted_1$1, toDisplayString(__props.user.nickname), 1)
             ]),
             _: 1
           }),
           createElementVNode("main", null, [
             createVNode(TwoCols, null, {
               side: withCtx(() => [
-                createElementVNode("div", _hoisted_2, [
+                createElementVNode("div", _hoisted_2$1, [
                   createElementVNode("img", {
                     alt: "user avatar",
                     src: __props.user.avatarURL,
                     style: { "width": "100%" }
-                  }, null, 8, _hoisted_3)
+                  }, null, 8, _hoisted_3$1)
                 ]),
-                createElementVNode("div", _hoisted_4, [
+                createElementVNode("div", _hoisted_4$1, [
                   createElementVNode("h1", null, toDisplayString(__props.user.name), 1),
                   createElementVNode("h2", null, toDisplayString(__props.user.nickname), 1),
                   createElementVNode("p", null, "Joined " + toDisplayString(new Date(__props.user.joined).toDateString()), 1),
-                  renderSlot(_ctx.$slots, "side", {}, void 0, true)
+                  renderSlot(_ctx.$slots, "side")
                 ])
               ]),
               content: withCtx(() => [
-                renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                renderSlot(_ctx.$slots, "content")
               ]),
               _: 3
             })
@@ -7782,5 +7897,101 @@ const _sfc_main = {
     };
   }
 };
-var UserPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b96434d"]]);
-export { Access, _sfc_main$9 as Annotations, Autocomplete, Button, _sfc_main$b as Collaborators, _sfc_main$7 as Files, Footer, Header, ImportFilesDialog, Nav, ProjectInfo, PureAnnotations, PureCollaborators, PureFiles, Select, _sfc_main$6 as Settings, SettingsPage, Table, TextArea, TextInput, UserPage, Wrapper };
+var NewProjectPage_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId = (n) => (pushScopeId("data-v-34344f58"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "title" }, "BrainBox", -1));
+const _hoisted_2 = { class: "container" };
+const _hoisted_3 = { class: "inner" };
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h1", null, "Create a new project", -1));
+const _hoisted_5 = { class: "warning" };
+const _hoisted_6 = /* @__PURE__ */ createTextVNode(" The project ");
+const _hoisted_7 = ["href"];
+const _hoisted_8 = /* @__PURE__ */ createTextVNode(" already exists ");
+const _hoisted_9 = { class: "warning" };
+const _hoisted_10 = { class: "actions" };
+const _hoisted_11 = /* @__PURE__ */ createTextVNode(" Create Project ");
+const _hoisted_12 = /* @__PURE__ */ createTextVNode("Cancel");
+const _sfc_main = {
+  props: {
+    onKeyDown: Function,
+    validInput: Boolean,
+    existingProject: Boolean
+  },
+  setup(__props) {
+    const createProject = (value) => {
+      location.pathname = `/project/${value}/settings`;
+    };
+    const cancel = () => location.assign("/");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Wrapper, null, {
+        default: withCtx(() => [
+          createVNode(Header, null, {
+            default: withCtx(() => [
+              _hoisted_1
+            ]),
+            _: 1
+          }),
+          createElementVNode("main", null, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                _hoisted_4,
+                createElementVNode("p", null, [
+                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
+                ]),
+                createElementVNode("input", {
+                  class: "input",
+                  type: "text",
+                  onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleNameChange && _ctx.handleNameChange(...args)),
+                  onKeyup: _cache[1] || (_cache[1] = ($event) => {
+                    __props.onKeyDown($event);
+                    _ctx.value = $event.target.value;
+                  }),
+                  placeholder: "Enter the project short name"
+                }, null, 32),
+                withDirectives(createElementVNode("div", _hoisted_5, [
+                  _hoisted_6,
+                  createElementVNode("a", {
+                    href: `/project/${_ctx.value}`
+                  }, [
+                    createElementVNode("strong", null, toDisplayString(_ctx.value), 1)
+                  ], 8, _hoisted_7),
+                  _hoisted_8
+                ], 512), [
+                  [vShow, __props.existingProject]
+                ]),
+                withDirectives(createElementVNode("div", _hoisted_9, " This name is not allowed. Project short names can only contain letters and numbers ", 512), [
+                  [vShow, !__props.validInput]
+                ])
+              ]),
+              createElementVNode("div", _hoisted_10, [
+                createVNode(Button, {
+                  disabled: !__props.validInput || __props.existingProject,
+                  onClick: _cache[2] || (_cache[2] = ($event) => createProject(_ctx.value)),
+                  class: "push-button"
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_11
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]),
+                createVNode(Button, {
+                  class: "push-button",
+                  onClick: cancel
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_12
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          createVNode(Footer)
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+var NewProjectPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-34344f58"]]);
+export { Access, _sfc_main$a as Annotations, Autocomplete, Button, Checkbox, _sfc_main$c as Collaborators, _sfc_main$8 as Files, Footer, Header, ImportFilesDialog, Nav, NewProjectPage, ProjectInfo, PureAnnotations, PureCollaborators, PureFiles, Select, Settings, _sfc_main$2 as SettingsPage, Tab, Table, Tabs, TextArea, TextInput, _sfc_main$1 as UserPage, Wrapper };