nwl-components 0.0.2 → 0.0.3

package/dist/nwl-components.es.js

@@ -61,8 +61,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$d = ["value"];
-const _sfc_main$j = {
+const _hoisted_1$f = ["value"];
+const _sfc_main$m = {
   props: {
     placeholder: String,
     disabled: Boolean,
@@ -78,20 +78,20 @@ const _sfc_main$j = {
       return openBlock(), createElementBlock("input", mergeProps({ type: "text" }, props, {
         value: __props.modelValue,
         onInput: handleInput
-      }), null, 16, _hoisted_1$d);
+      }), null, 16, _hoisted_1$f);
     };
   }
 };
-var TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-2cc3f9d3"]]);
+var TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-2cc3f9d3"]]);
 var Autocomplete_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$c = ["aria-owns", "aria-expanded"];
-const _hoisted_2$a = ["id"];
-const _hoisted_3$7 = {
+const _hoisted_1$e = ["aria-owns", "aria-expanded"];
+const _hoisted_2$b = ["id"];
+const _hoisted_3$9 = {
   key: 0,
   class: "loading"
 };
-const _hoisted_4$7 = ["onClick", "id", "aria-selected"];
-const _sfc_main$i = {
+const _hoisted_4$8 = ["onClick", "id", "aria-selected"];
+const _sfc_main$l = {
   props: {
     items: {
       type: Array,
@@ -229,7 +229,7 @@ const _sfc_main$i = {
           class: "autocomplete-results",
           role: "listbox"
         }, [
-          unref(state2).isLoading ? (openBlock(), createElementBlock("li", _hoisted_3$7, "Loading results...")) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(state2).results, (result, i) => {
+          unref(state2).isLoading ? (openBlock(), createElementBlock("li", _hoisted_3$9, "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 +237,19 @@ const _sfc_main$i = {
               role: "option",
               id: getId(i),
               "aria-selected": isSelected(i)
-            }, toDisplayString(props.extractResultText(result)), 11, _hoisted_4$7);
+            }, toDisplayString(props.extractResultText(result)), 11, _hoisted_4$8);
           }), 128))
-        ], 8, _hoisted_2$a), [
+        ], 8, _hoisted_2$b), [
           [vShow, unref(state2).isOpen]
         ])
-      ], 8, _hoisted_1$c);
+      ], 8, _hoisted_1$e);
     };
   }
 };
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ee76199e"]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-ee76199e"]]);
 var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$b = ["title", "disabled"];
-const _sfc_main$h = {
+const _hoisted_1$d = ["title", "disabled"];
+const _sfc_main$k = {
   props: {
     className: String,
     title: String,
@@ -269,13 +269,13 @@ const _sfc_main$h = {
         class: normalizeClass(classes)
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$b);
+      ], 8, _hoisted_1$d);
     };
   }
 };
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-5e5f2114"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5e5f2114"]]);
 var Select_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$g = {
+const _sfc_main$j = {
   props: {
     disabled: Boolean,
     modelValue: String
@@ -304,9 +304,9 @@ const _sfc_main$g = {
     };
   }
 };
-var Select = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-976df3ea"]]);
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-976df3ea"]]);
 var TextArea_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$f = {
+const _sfc_main$i = {
   props: {
     placeholder: String,
     disabled: Boolean,
@@ -328,10 +328,10 @@ const _sfc_main$f = {
     };
   }
 };
-var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0c2bd53c"]]);
+var TextArea = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0c2bd53c"]]);
 var Table_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$a = ["id"];
-const _sfc_main$e = {
+const _hoisted_1$c = ["id"];
+const _sfc_main$h = {
   props: {
     id: String
   },
@@ -342,17 +342,17 @@ const _sfc_main$e = {
         id: props.id
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$a);
+      ], 8, _hoisted_1$c);
     };
   }
 };
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6416d86a"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6416d86a"]]);
 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$9 = { class: "dialog" };
-const _hoisted_2$9 = { class: "contents" };
-const _hoisted_3$6 = { class: "scrollable" };
-const _hoisted_4$6 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("thead", null, [
+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, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "URL"),
     /* @__PURE__ */ createElementVNode("th", null, "Name")
@@ -362,7 +362,7 @@ 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$d = {
+const _sfc_main$g = {
   props: {
     files: {
       type: Array,
@@ -373,11 +373,11 @@ const _sfc_main$d = {
     const props = __props;
     const filesToImport = ref(props.files);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createElementVNode("div", _hoisted_2$9, [
-          createElementVNode("div", _hoisted_3$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createElementVNode("div", _hoisted_2$a, [
+          createElementVNode("div", _hoisted_3$8, [
             createElementVNode("table", null, [
-              _hoisted_4$6,
+              _hoisted_4$7,
               createElementVNode("tbody", null, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(filesToImport.value, (file) => {
                   return openBlock(), createElementBlock("tr", {
@@ -418,7 +418,23 @@ const _sfc_main$d = {
     };
   }
 };
-var ImportFilesDialog = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-21580a08"]]);
+var ImportFilesDialog = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__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" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$a, [
+    createElementVNode("div", _hoisted_2$9, [
+      renderSlot(_ctx.$slots, "side")
+    ]),
+    createElementVNode("div", _hoisted_3$7, [
+      renderSlot(_ctx.$slots, "content")
+    ])
+  ]);
+}
+var TwoCols = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$2]]);
 function parseHex(hash, startPosition, octets) {
   return parseInt(hash.substr(startPosition, octets), 16);
 }
@@ -1806,7 +1822,7 @@ var lodash = { exports: {} };
     }
     var runInContext = function runInContext2(context) {
       context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
-      var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
+      var Array2 = context.Array, Date2 = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
       var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
       var coreJsData = context["__core-js_shared__"];
       var funcToString = funcProto.toString;
@@ -1829,8 +1845,8 @@ var lodash = { exports: {} };
         } catch (e) {
         }
       }();
-      var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
-      var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
+      var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
+      var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
       var DataView = getNative(context, "DataView"), Map = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
       var metaMap = WeakMap2 && new WeakMap2();
       var realNames = {};
@@ -6651,16 +6667,16 @@ function useProject() {
   });
 }
 var ProjectInfo_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$5 = (n) => (pushScopeId("data-v-6fc5d70c"), n = n(), popScopeId(), n);
-const _hoisted_1$8 = { class: "image" };
+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$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_3$6 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
   id: "jdenticon",
   width: "100%",
   height: "100%"
 }, null, -1));
-const _hoisted_4$5 = [
-  _hoisted_3$5
+const _hoisted_4$6 = [
+  _hoisted_3$6
 ];
 const _hoisted_5$5 = { class: "description" };
 const _hoisted_6$4 = ["href"];
@@ -6677,7 +6693,7 @@ 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$c = {
+const _sfc_main$e = {
   setup(__props) {
     const { project: project2 } = useProject();
     const handleProjectSave = () => {
@@ -6696,11 +6712,11 @@ const _sfc_main$c = {
       update(document.getElementById("jdenticon"), md5(project2.value.shortname));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("aside", null, [
-        createElementVNode("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$9, [
           createElementVNode("a", {
             href: `/project/${unref(project2).shortname}`
-          }, _hoisted_4$5, 8, _hoisted_2$8)
+          }, _hoisted_4$6, 8, _hoisted_2$8)
         ]),
         createElementVNode("div", _hoisted_5$5, [
           createElementVNode("a", {
@@ -6767,18 +6783,18 @@ const _sfc_main$c = {
             _hoisted_19$1
           ])
         ])
-      ]);
+      ], 64);
     };
   }
 };
-var ProjectInfo = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-6fc5d70c"]]);
+var ProjectInfo = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-7003e800"]]);
 var Access_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$7 = ["data-level"];
+const _hoisted_1$8 = ["data-level"];
 const _hoisted_2$7 = ["title"];
-const _hoisted_3$4 = ["title"];
-const _hoisted_4$4 = ["title"];
+const _hoisted_3$5 = ["title"];
+const _hoisted_4$5 = ["title"];
 const _hoisted_5$4 = ["title"];
-const _sfc_main$b = {
+const _sfc_main$d = {
   props: {
     collaborator: Object,
     type: String
@@ -6801,24 +6817,24 @@ const _sfc_main$b = {
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("updateAccess", __props.collaborator, __props.type, 2)),
           class: "edit",
           title: `edit ${__props.type}`
-        }, null, 8, _hoisted_3$4),
+        }, null, 8, _hoisted_3$5),
         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$4),
+        }, null, 8, _hoisted_4$5),
         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$7);
+      ], 8, _hoisted_1$8);
     };
   }
 };
-var Access = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-1db05093"]]);
+var Access = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-1db05093"]]);
 const _AccessLevel = class {
   constructor(level) {
     __publicField(this, "numericalLevel", 0);
@@ -6859,9 +6875,9 @@ __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$6 = { class: "wrapper" };
+const _hoisted_1$7 = { class: "wrapper" };
 const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("h2", null, "Access", -1));
-const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("thead", null, [
+const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "User Name"),
     /* @__PURE__ */ createElementVNode("th", null, "Name"),
@@ -6870,12 +6886,12 @@ const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ create
     /* @__PURE__ */ createElementVNode("th", null, "Files")
   ])
 ], -1));
-const _hoisted_4$3 = ["onClick"];
+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$a = {
+const _sfc_main$c = {
   props: {
     collaborators: {
       type: Array,
@@ -6929,11 +6945,11 @@ const _sfc_main$a = {
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         _hoisted_2$6,
         createVNode(Table, { id: "access" }, {
           default: withCtx(() => [
-            _hoisted_3$3,
+            _hoisted_3$4,
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.collaborators, (collaborator, idx) => {
                 return openBlock(), createElementBlock("tr", {
@@ -6985,7 +7001,7 @@ const _sfc_main$a = {
                       onUpdateAccess: handleAccessChange
                     }, null, 8, ["collaborator"])
                   ])
-                ], 10, _hoisted_4$3);
+                ], 10, _hoisted_4$4);
               }), 128))
             ])
           ]),
@@ -7021,7 +7037,7 @@ const _sfc_main$a = {
     };
   }
 };
-var PureCollaborators = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-2d19ee37"]]);
+var PureCollaborators = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-2d19ee37"]]);
 const usersFound = reactive([]);
 function useUserSearch() {
   const fetchUsers = async (q) => {
@@ -7034,7 +7050,7 @@ function useUserSearch() {
     fetchUsers
   };
 }
-const _sfc_main$9 = {
+const _sfc_main$b = {
   setup(__props) {
     const {
       project: project2,
@@ -7061,9 +7077,9 @@ const _sfc_main$9 = {
 };
 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$5 = { class: "wrapper" };
+const _hoisted_1$6 = { class: "wrapper" };
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("h2", null, "Annotations", -1));
-const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("thead", null, [
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "Name"),
     /* @__PURE__ */ createElementVNode("th", null, "Type"),
@@ -7071,14 +7087,14 @@ const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
     /* @__PURE__ */ createElementVNode("th", null, "Display")
   ])
 ], -1));
-const _hoisted_4$2 = ["onClick"];
+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$8 = {
+const _sfc_main$a = {
   props: {
     annotations: {
       type: Array,
@@ -7135,11 +7151,11 @@ const _sfc_main$8 = {
       emitAnnotationUpdate(idx, { display });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         _hoisted_2$5,
         createVNode(Table, { id: "annotations" }, {
           default: withCtx(() => [
-            _hoisted_3$2,
+            _hoisted_3$3,
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.annotations, (annotation, idx) => {
                 return openBlock(), createElementBlock("tr", {
@@ -7202,7 +7218,7 @@ const _sfc_main$8 = {
                       [vModelCheckbox, annotation.display]
                     ])
                   ])
-                ], 10, _hoisted_4$2);
+                ], 10, _hoisted_4$3);
               }), 128))
             ])
           ]),
@@ -7235,8 +7251,8 @@ const _sfc_main$8 = {
     };
   }
 };
-var PureAnnotations = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-629d4746"]]);
-const _sfc_main$7 = {
+var PureAnnotations = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-629d4746"]]);
+const _sfc_main$9 = {
   setup(__props) {
     const {
       project: project2,
@@ -7259,15 +7275,15 @@ var _imports_0$2 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibm
 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$4 = { class: "wrapper" };
+const _hoisted_1$5 = { class: "wrapper" };
 const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("h2", null, "Files", -1));
-const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("thead", null, [
+const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
     /* @__PURE__ */ createElementVNode("th", null, "URL"),
     /* @__PURE__ */ createElementVNode("th", null, "Name")
   ])
 ], -1));
-const _hoisted_4$1 = ["onClick"];
+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", {
@@ -7280,7 +7296,7 @@ const _hoisted_8$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
 }, null, -1));
 const _hoisted_9$1 = /* @__PURE__ */ createTextVNode(" + ");
 const _hoisted_10$1 = /* @__PURE__ */ createTextVNode(" - ");
-const _sfc_main$6 = {
+const _sfc_main$8 = {
   props: {
     files: {
       type: Array,
@@ -7316,11 +7332,11 @@ const _sfc_main$6 = {
       emitFileUpdate(idx, { source });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         _hoisted_2$4,
         createVNode(Table, { id: "access" }, {
           default: withCtx(() => [
-            _hoisted_3$1,
+            _hoisted_3$2,
             createElementVNode("tbody", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file, idx) => {
                 return openBlock(), createElementBlock("tr", {
@@ -7345,7 +7361,7 @@ const _sfc_main$6 = {
                       onKeyup: withKeys(($event) => handleNameChange(file, $event.target.value), ["enter"])
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onBlur", "onKeyup"])
                   ])
-                ], 10, _hoisted_4$1);
+                ], 10, _hoisted_4$2);
               }), 128))
             ])
           ]),
@@ -7398,8 +7414,8 @@ const _sfc_main$6 = {
     };
   }
 };
-var PureFiles = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-3c8f55ac"]]);
-const _sfc_main$5 = {
+var PureFiles = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-3c8f55ac"]]);
+const _sfc_main$7 = {
   setup(__props) {
     const { project: project2, addFile, updateFile, removeFiles } = useProject();
     const displayImportDialog = ref(false);
@@ -7479,24 +7495,32 @@ const _sfc_main$5 = {
     };
   }
 };
-var Settings_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$3 = { class: "settings" };
-const _hoisted_2$3 = { class: "content" };
-const _sfc_main$4 = {
+const _sfc_main$6 = {
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createVNode(ProjectInfo),
-        createElementVNode("div", _hoisted_2$3, [
+      return openBlock(), createBlock(TwoCols, null, {
+        side: withCtx(() => [
+          createVNode(ProjectInfo)
+        ]),
+        content: withCtx(() => [
+          createVNode(_sfc_main$b),
           createVNode(_sfc_main$9),
-          createVNode(_sfc_main$7),
-          createVNode(_sfc_main$5)
-        ])
-      ]);
+          createVNode(_sfc_main$7)
+        ]),
+        _: 1
+      });
     };
   }
 };
-var Settings = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-7df5bbe0"]]);
+var Wrapper_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$5 = {};
+const _hoisted_1$4 = { class: "app" };
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var Wrapper = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["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+";
@@ -7505,8 +7529,8 @@ var _imports_4 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3
 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$2 = { id: "menu" };
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("a", { href: "/project/new" }, [
+const _hoisted_1$3 = { id: "menu" };
+const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("a", { href: "/project/new" }, [
   /* @__PURE__ */ createElementVNode("img", {
     class: "button",
     title: "add project",
@@ -7514,15 +7538,15 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
     src: _imports_0$1
   })
 ], -1));
-const _hoisted_3 = ["href"];
-const _hoisted_4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_3$1 = ["href"];
+const _hoisted_4$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
   class: "button",
   title: "settings",
   alt: "settings",
   src: _imports_1
 }, null, -1));
 const _hoisted_5 = [
-  _hoisted_4
+  _hoisted_4$1
 ];
 const _hoisted_6 = ["href"];
 const _hoisted_7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
@@ -7573,19 +7597,19 @@ 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$3 = {
+const _sfc_main$4 = {
   setup(__props) {
     const { githubURL, issuesURL, searchURL, docURL } = inject("config");
     const user = inject("user");
     const displaySettings = inject("displaySettings");
     const { project: project2 } = useProject();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", _hoisted_1$2, [
-        _hoisted_2$2,
+      return openBlock(), createElementBlock("nav", _hoisted_1$3, [
+        _hoisted_2$3,
         unref(displaySettings) && unref(project2) != null ? (openBlock(), createElementBlock("a", {
           key: 0,
           href: `/project/${unref(project2).shortname}/settings`
-        }, _hoisted_5, 8, _hoisted_3)) : createCommentVNode("", true),
+        }, _hoisted_5, 8, _hoisted_3$1)) : createCommentVNode("", true),
         createElementVNode("a", {
           href: unref(searchURL),
           target: "_blank"
@@ -7613,23 +7637,23 @@ const _sfc_main$3 = {
     };
   }
 };
-var Nav = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0393dbf8"]]);
+var Nav = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-0393dbf8"]]);
 var Header_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   class: "logo",
   href: "/"
 };
-const _hoisted_2$1 = ["src", "alt"];
-const _sfc_main$2 = {
+const _hoisted_2$2 = ["src", "alt"];
+const _sfc_main$3 = {
   setup(__props) {
     const { logoURL, siteName } = inject("config");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", null, [
-        createElementVNode("a", _hoisted_1$1, [
+        createElementVNode("a", _hoisted_1$2, [
           createElementVNode("img", {
             src: unref(logoURL),
             alt: unref(siteName)
-          }, null, 8, _hoisted_2$1)
+          }, null, 8, _hoisted_2$2)
         ]),
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         createVNode(Nav)
@@ -7637,12 +7661,12 @@ const _sfc_main$2 = {
     };
   }
 };
-var Header = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-251127d1"]]);
+var Header = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7353ade4"]]);
 var _imports_0 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI3MiIgd2lkdGg9IjI3Ni4yNzM0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTQwLjI4MTI1IDBjLTYzLjI3ODEyMyAwLTExNi4zMTM1MDkgNDMuMjg0OTg2LTEzMS41IDEwMS44MTI1aDcuMjE4NzUgNXYzLjMxMjVjLjYwNDAxLS40MDU3NyAxLjExNzU2LS45NTcxOSAxLjc1LTEuMzEyNWguMDMxMjVjMS4wOTMxOC0uNjA3MzEgMi4yMzY1NTctMS4xNDAwNCAzLjQwNjI1LTEuNTkzNzVzMi4zODkwMTgtLjgyMzcxIDMuNjI1LTEuMTI1YzIuNDcxOTY1LS42MDI1OSA1LjA0Mjk3LS45MDYyMiA3LjcxODc1LS45MDYyNSAyLjE2ODEwMy4wMDAwMiA0LjI3NDQ0My4xOTA2NSA2LjI4MTI1LjU2MjVzMy45MjExNzEuOTQzMTUgNS43MTg3NSAxLjY4NzUgMy40OTA4MyAxLjY2Mzc0IDUuMDMxMjUgMi43ODEyNSAyLjkyMDkyIDIuNDE0OSA0LjE1NjI1IDMuOTA2MjVoLjAzMTI1Yy4wMDU1NS4wMDY2OC0uMDA1NTUuMDI0NTcgMCAuMDMxMjUgMS4yMzM4MDIgMS40ODYyOSAyLjI5Njk4OSAzLjExMzg1IDMuMTg3NSA0Ljg3NXMxLjYxNzA0OSAzLjY2OTk3IDIuMTg3NSA1LjY4NzUuOTc2MzggNC4xNTA4MiAxLjI1IDYuNDA2MjUuNDA2MjMgNC42MTg5MS40MDYyNSA3LjA5Mzc1djQwLjE4NzUgNWgtNS0xMC45Mzc1LTV2LTUtMzkuODQzNzVjLS4wMDAwMi0yLjgyNzQtLjI3NTMzNy01LjExMDEtLjc1LTYuOTM3NXMtMS4xNDg2Ny0zLjE5OTQ4LTEuODc1LTQuMTI1Yy0uNzI5NTA1LS45Mjk0OS0xLjUzOTI1Ni0xLjU5OTU3LTIuNjU2MjUtMi4wNjI1cy0yLjU0MTIzLS43MTg3My00LjQ2ODc1LS43MTg3NWMtMS4yMTE0MDguMDAwMDEtMi4yODEzMjguMDg2MDgtMy4yODEyNS4yNXMtMS45MjA1NjMuNDE4ODctMi43NS43NS0xLjU4MTI5Ny43NDgzNi0yLjI4MTI1IDEuMjUtMS4zNTcyOCAxLjA3NDU0LTEuOTY4NzUgMS43NWMtLjYxMjM2LjY3NjQ1LTEuMTUyNzU4IDEuNDMyMDctMS42MjUgMi4yNXMtLjg2NDAyNiAxLjcwMDYxLTEuMTg3NSAyLjY4NzUtLjU4Mzk0MiAyLjA2NjY3LS43NSAzLjI1LS4yNTAwMDcgMi40Njc3Ny0uMjUgMy44NzV2MzcuNjI1IDVoLTUtNC45MDYyNWMxNy44MzAzNjIgNTQuMzI0NzggNjguODk4ODI1IDkzLjU5Mzc1IDEyOS4xODc1IDkzLjU5Mzc1IDYwLjI5NjcxIDAgMTExLjQxODMyLTM5LjI0NDA0IDEyOS4yNDIxOS05My41ODAwOGgtNC4wMTE3Mi0xMS4yNWMtOS4wNjQxMiAwLTE2LjE4ODY0LTEuNDMxNjUtMjAuOTY4NzUtNi4wOTM3NXYtLjAzMTI1aC0uMDMxMjVjLTQuNzY4MS00LjcwOTIyLTYuMjgxMjYtMTEuODQyNjUtNi4yODEyNS0yMC44MTI1di0zMS4xNTYyNWgtMy4wMzEyNS01di01LTguNS01aDUgMy4wMzEyNXYtMTMuOTM3NDk4LTVoNSAxMSA1djUgMTMuOTM3NDk4aDE3LjUzMTI1IDV2NSA4LjUgNWgtNS0xNy41MzEyNXYzMS4xNTYyNWMtLjAwMDAyIDQuMTkzNjcuOTMxMjQgNi42MzE3Mi45MDQzIDYuOTYyODkuMzkxMjUuMTE4MDQgMi4xMTI1My44MTgzNyA1LjM3Njk1LjgxODM2aDExLjI1IDV2NSA5LjE1NjI1IDEuODU5MzhjMy43NDYxNy0xMi40MzcxNiA1Ljc2OTUzLTI1LjYyMTAzIDUuNzY5NTMtMzkuMjc5MyAwLTc1LjExMDcyOS02MC44ODkyNy0xMzYtMTM2LTEzNnptMTMwLjIzMDQ3IDE3NS4yNzkzYy0uMzE3IDEuMDUyNDItLjY0NjY0IDIuMDk5MTItLjk4ODI4IDMuMTQwNjJoLjk4ODI4em0tMTY0LjQwNjI1LTc1LjA3ODEzYzEwLjQ5OTY1LjAwMDA3IDE5LjI5ODAzIDIuODQ1OSAyNS4yMTg3NSA5LjA2MjUgNS45MjQ0NiA2LjIyMDgyIDguNTMxMTcgMTUuMjI0MDggOC41MzEyNSAyNi4xNTYyNXYzOCA1aC01LTEwLjk2ODc1LTV2LTIuOTM3NWMtLjY2NjA0LjQyNzY0LTEuMzI4MS44ODM0Ni0yLjAzMTI1IDEuMjVsLS4wMzEyNS4wMzEyNWMtNC41OTcxNSAyLjM0NzQ1LTkuOTU2NTggMy40MDYyNS0xNS45Mzc1IDMuNDA2MjUtNy43NTA0NTEgMC0xNC42NTI4MjEtMi4zMjU4LTE5LjcxODc1MS03LjA5Mzc1aC0uMDMxMjVsLS4wMzEyNS0uMDMxMjVjLTUuMDA3ODctNC44MDk1Mi03LjUzMTI2LTExLjUzNzIxLTcuNTMxMjUtMTktLjAwMDAxLTguNjA1MzggMy4yMTQzOC0xNi4xNzIyMiA5LjQ2ODc1LTIwLjkzNzUgNi4yOTk4Ni00Ljc2MjA3IDE0LjkwOTgxLTYuNzE4NzEgMjUuNTAwMDAxLTYuNzE4NzVoOS43MTg3NWMtLjUwMzY1LTEuNTUwODktMS4yNjY1LTIuODM2MDYtMi41MzEyNS0zLjg3NWwtLjAzMTI1LS4wMzEyNWgtLjAzMTI1Yy0yLjE0ODg5LTEuODEyMjUtNS40NzI2Ni0yLjk5OTk1LTEwLjY4NzUtMy0zLjQwNzQuMDAwMDUtNi43MDI4NjEuNDA5MTQtOS45MDYyNTEgMS4yMTg3NS0zLjE5NTAyLjgwNzU4LTYuMjQ3MTkgMi4wMjkwMS05LjIxODc1IDMuNjU2MjVsLTcuNDA2MjUgNC4wMzEyNXYtOC40Mzc1LTEwLjA5Mzc1LTMuNDM3NWwzLjE4NzUtMS4yNWM0LjIxOTAzLTEuNjI5MDcgOC4zODA1NC0yLjg0MDUgMTIuNDM3NS0zLjY1NjI1LjAyMTgxLS4wMDQzOS4wNDA2OS0uMDI2ODkuMDYyNS0uMDMxMjV2LjAzMTI1YzQuMDU3MjQtLjg1MDAxIDguMDQ5NDkxLTEuMzEyNDMgMTEuOTY4NzUxLTEuMzEyNXptNzQuNzE4NzUgMGMxMC40OTk2NS4wMDAwNyAxOS4yOTgwMiAyLjg0NTg5IDI1LjIxODc1IDkuMDYyNSA1LjkyNDQ1IDYuMjIwODIgOC40OTk5NCAxNS4yMjQwNyA4LjUgMjYuMTU2MjV2MzggNWgtNS0xMC45Mzc1LTV2LTIuOTM3NWMtLjY3MDM3LjQzMS0xLjMyMzI1Ljg4MDkzLTIuMDMxMjUgMS4yNWgtLjAzMTI1di4wMzEyNWMtNC41OTcxNSAyLjM0NzQ1LTkuOTg3ODQgMy40MDYyNS0xNS45Njg3NSAzLjQwNjI1LTcuNzUwNDUgMC0xNC42NTI4Mi0yLjMyNTgtMTkuNzE4NzUtNy4wOTM3NWwtLjAzMTI1LS4wMzEyNWMtNS4wMDc4Ny00LjgwOTUyLTcuNTMxMjYtMTEuNTM3MjEtNy41MzEyNS0xOS0uMDAwMDEtOC42MDUzOCAzLjE4MzEzLTE2LjE3MjIyIDkuNDM3NS0yMC45Mzc1aC4wMzEyNWM2LjI5OTg2LTQuNzYyMDcgMTQuOTA5OC02LjcxODcxIDI1LjUtNi43MTg3NWg5LjY4NzVjLS41MDM2OC0xLjU1MDUzLTEuMjY2Ny0yLjgzNjIzLTIuNTMxMjUtMy44NzV2LS4wMzEyNWgtLjAzMTI1Yy0yLjE0ODkxLTEuODEyMjYtNS40NzI2NS0yLjk5OTk1LTEwLjY4NzUtMy0zLjQwNzQuMDAwMDUtNi43MDI4Ni40MDkxNC05LjkwNjI1IDEuMjE4NzUtMy4xOTUwMi44MDc1OC02LjI3ODQ0IDIuMDI5MDEtOS4yNSAzLjY1NjI1bC03LjM3NSA0LjAzMTI1di04LjQzNzUtMTAuMDkzNzUtMy40Mzc1bDMuMTg3NS0xLjI1YzQuMjQxNzItMS42Mzc4MiA4LjM5MDgzLTIuODcxODUgMTIuNDY4NzUtMy42ODc1di4wMzEyNWM0LjA2Nzc5LS44NTQyNiA4LjA3MDg0LTEuMzEyNDMgMTItMS4zMTI1em0tNjcuODEyNSA0NC43NWMtOC40NjEzNC4wMDAwMy0xNC4wMzMzMDEgMS4yNTc0LTE1LjgxMjUwMSAyLjMxMjUtMS44OTMyOCAxLjEyMjc2LTIuNjg3NTIgMi4zNTA2Mi0yLjY4NzUgNi4wNjI1LS4wMDAwMSAyLjc3NTUxLjY1MDM1IDQuMTgyMDkgMi4xMjUgNS41MzEyNS4wMTE2OC4wMTA2OS4wMTk0Ni4wMjA1Ny4wMzEyNS4wMzEyNSAxLjUxNDM2IDEuMzE0NDQgMy42MDI4MzEgMi4wOTM3NiA3LjEyNTAwMSAyLjA5Mzc1IDQuODkwMjcuMDAwMDEgOC4wMjA0NC0xLjQxNTM0IDEwLjc4MTI1LTQuNjU2MjUgMi4zOTE4OC0yLjgwMzQzIDMuNzc2MzctNi40ODYwNSA0LjE1NjI1LTExLjM3NXptNzQuNzE4NzUgMGMtOC40NjEzNC4wMDAwMy0xNC4wNjQ1NSAxLjI1NzQtMTUuODQzNzUgMi4zMTI1LTEuODkzMjggMS4xMjI3Ni0yLjY1NjI3IDIuMzUwNjItMi42NTYyNSA2LjA2MjUtLjAwMDAxIDIuNzk3NDkuNjU2ODEgNC4yMDM2NSAyLjE1NjI1IDUuNTYyNSAxLjUxMjk1IDEuMzA0NTIgMy42MTc4OSAyLjA5Mzc2IDcuMTI1IDIuMDkzNzUgNC44OTAyNy4wMDAwMSA3Ljk4OTE5LTEuNDE1MzQgMTAuNzUtNC42NTYyNSAyLjM5MTg4LTIuODAzNDMgMy44MDc2Mi02LjQ4NjA1IDQuMTg3NS0xMS4zNzV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+";
 var Footer_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$1 = {};
+const _sfc_main$2 = {};
 const _withScopeId = (n) => (pushScopeId("data-v-79b1b506"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", null, [
+const _hoisted_1$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("p", null, [
   /* @__PURE__ */ createElementVNode("a", {
     target: "_blank",
     href: "http://neuroanatomy.github.io"
@@ -7657,15 +7681,15 @@ const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElem
     href: "http://neuroanatomy.github.io"
   }, " groupe de neuroanatomie appliqu\xE9e et th\xE9orique ")
 ], -1));
-const _hoisted_2 = [
-  _hoisted_1
+const _hoisted_2$1 = [
+  _hoisted_1$1
 ];
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("footer", null, _hoisted_2);
+  return openBlock(), createElementBlock("footer", null, _hoisted_2$1);
 }
-var Footer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-79b1b506"]]);
+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 = {
+const _sfc_main$1 = {
   props: {
     projectID: {
       type: String,
@@ -7674,7 +7698,6 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    console.log(inject("config"));
     const { project: project2, fetchProject, updateProject } = useProject();
     const content = ref(project2.name);
     const onTitleInput = (event) => {
@@ -7683,25 +7706,81 @@ const _sfc_main = {
     };
     fetchProject(props.projectID);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(Header, null, {
-          default: withCtx(() => [
-            createElementVNode("span", {
-              contenteditable: "true",
-              onInput: onTitleInput,
-              placeholder: "Enter a project name",
-              class: normalizeClass({ title: true, empty: !content.value || content.value.trim().length === 0 })
-            }, toDisplayString(content.value), 35)
+      return openBlock(), createBlock(Wrapper, null, {
+        default: withCtx(() => [
+          createVNode(Header, null, {
+            default: withCtx(() => [
+              createElementVNode("span", {
+                contenteditable: "true",
+                onInput: onTitleInput,
+                placeholder: "Enter a project name",
+                class: normalizeClass({ title: true, empty: !content.value || content.value.trim().length === 0 })
+              }, toDisplayString(content.value), 35)
+            ]),
+            _: 1
+          }),
+          createElementVNode("main", null, [
+            unref(project2) != null ? (openBlock(), createBlock(_sfc_main$6, { key: 0 })) : createCommentVNode("", true)
           ]),
-          _: 1
-        }),
-        createElementVNode("main", null, [
-          unref(project2) != null ? (openBlock(), createBlock(Settings, { key: 0 })) : createCommentVNode("", true)
+          createVNode(Footer)
         ]),
-        createVNode(Footer)
-      ], 64);
+        _: 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 = {
+  props: {
+    user: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Wrapper, null, {
+        default: withCtx(() => [
+          createVNode(Header, null, {
+            default: withCtx(() => [
+              createElementVNode("span", _hoisted_1, toDisplayString(__props.user.nickname), 1)
+            ]),
+            _: 1
+          }),
+          createElementVNode("main", null, [
+            createVNode(TwoCols, null, {
+              side: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("img", {
+                    alt: "user avatar",
+                    src: __props.user.avatarURL,
+                    style: { "width": "100%" }
+                  }, null, 8, _hoisted_3)
+                ]),
+                createElementVNode("div", _hoisted_4, [
+                  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)
+                ])
+              ]),
+              content: withCtx(() => [
+                renderSlot(_ctx.$slots, "content", {}, void 0, true)
+              ]),
+              _: 3
+            })
+          ]),
+          createVNode(Footer)
+        ]),
+        _: 3
+      });
     };
   }
 };
-var SettingsPage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06da6966"]]);
-export { Access, _sfc_main$7 as Annotations, Autocomplete, Button, _sfc_main$9 as Collaborators, _sfc_main$5 as Files, Footer, Header, ImportFilesDialog, Nav, ProjectInfo, PureAnnotations, PureCollaborators, PureFiles, Select, Settings, SettingsPage, Table, TextArea, TextInput };
+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 };