diff --git a/.gitignore b/.gitignore
index 42b1ee6..2e6c75b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -177,7 +177,7 @@ cache/
 cookies_snapshot/satoshi2077@protonmail.com.json
 Todo.md
 tests/gui/svelte/node_modules
-tests/gui/vuejs/noogle/node_modules
-tests/gui/vuejs/noogle/.idea/
-tests/gui/vuejs/noogle/package-lock.json
+ui/noogle/node_modules
+ui/noogle/.idea/
+ui/noogle/package-lock.json
 search.py
diff --git a/tests/gui/vuejs/noogle/README.md b/ui/noogle/README.md
similarity index 100%
rename from tests/gui/vuejs/noogle/README.md
rename to ui/noogle/README.md
diff --git a/tests/gui/vuejs/noogle/index.html b/ui/noogle/index.html
similarity index 100%
rename from tests/gui/vuejs/noogle/index.html
rename to ui/noogle/index.html
diff --git a/tests/gui/vuejs/noogle/jsconfig.json b/ui/noogle/jsconfig.json
similarity index 100%
rename from tests/gui/vuejs/noogle/jsconfig.json
rename to ui/noogle/jsconfig.json
diff --git a/tests/gui/vuejs/noogle/package.json b/ui/noogle/package.json
similarity index 100%
rename from tests/gui/vuejs/noogle/package.json
rename to ui/noogle/package.json
diff --git a/tests/gui/vuejs/noogle/postcss.config.js b/ui/noogle/postcss.config.js
similarity index 100%
rename from tests/gui/vuejs/noogle/postcss.config.js
rename to ui/noogle/postcss.config.js
diff --git a/tests/gui/vuejs/noogle/public/favicon.ico b/ui/noogle/public/favicon.ico
similarity index 100%
rename from tests/gui/vuejs/noogle/public/favicon.ico
rename to ui/noogle/public/favicon.ico
diff --git a/tests/gui/vuejs/noogle/src/App.vue b/ui/noogle/src/App.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/App.vue
rename to ui/noogle/src/App.vue
diff --git a/tests/gui/vuejs/noogle/src/app.css b/ui/noogle/src/app.css
similarity index 100%
rename from tests/gui/vuejs/noogle/src/app.css
rename to ui/noogle/src/app.css
diff --git a/tests/gui/vuejs/noogle/src/assets/base.css b/ui/noogle/src/assets/base.css
similarity index 100%
rename from tests/gui/vuejs/noogle/src/assets/base.css
rename to ui/noogle/src/assets/base.css
diff --git a/tests/gui/vuejs/noogle/src/assets/delete.png b/ui/noogle/src/assets/delete.png
similarity index 100%
rename from tests/gui/vuejs/noogle/src/assets/delete.png
rename to ui/noogle/src/assets/delete.png
diff --git a/tests/gui/vuejs/noogle/src/assets/edit.png b/ui/noogle/src/assets/edit.png
similarity index 100%
rename from tests/gui/vuejs/noogle/src/assets/edit.png
rename to ui/noogle/src/assets/edit.png
diff --git a/tests/gui/vuejs/noogle/src/assets/load.gif b/ui/noogle/src/assets/load.gif
similarity index 100%
rename from tests/gui/vuejs/noogle/src/assets/load.gif
rename to ui/noogle/src/assets/load.gif
diff --git a/tests/gui/vuejs/noogle/src/assets/main.css b/ui/noogle/src/assets/main.css
similarity index 100%
rename from tests/gui/vuejs/noogle/src/assets/main.css
rename to ui/noogle/src/assets/main.css
diff --git a/tests/gui/vuejs/noogle/src/assets/nostr-purple.svg b/ui/noogle/src/assets/nostr-purple.svg
similarity index 100%
rename from tests/gui/vuejs/noogle/src/assets/nostr-purple.svg
rename to ui/noogle/src/assets/nostr-purple.svg
diff --git a/tests/gui/vuejs/noogle/src/assets/usercard.png b/ui/noogle/src/assets/usercard.png
similarity index 100%
rename from tests/gui/vuejs/noogle/src/assets/usercard.png
rename to ui/noogle/src/assets/usercard.png
diff --git a/tests/gui/vuejs/noogle/src/components/AboutPage.vue b/ui/noogle/src/components/AboutPage.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/AboutPage.vue
rename to ui/noogle/src/components/AboutPage.vue
diff --git a/ui/noogle/src/components/AutoComplete.vue b/ui/noogle/src/components/AutoComplete.vue
new file mode 100644
index 0000000..451b87a
--- /dev/null
+++ b/ui/noogle/src/components/AutoComplete.vue
@@ -0,0 +1,91 @@
+<template>
+  <div class="bg-gray-50 min-w-screen min-h-screen flex justify-center items-center">
+    <div class="max-w-xs relative space-y-3">
+      <label
+        for="search"
+        class="text-gray-900"
+      >
+        Type the name of a country to search
+      </label>
+
+      <input
+        type="text"
+        id="search"
+        v-model="searchTerm"
+        placeholder="Type here..."
+        class="p-3 mb-0.5 w-full border border-gray-300 rounded"
+      >
+
+      <ul
+        v-if="searchCountries.length"
+        class="w-full rounded bg-white border border-gray-300 px-4 py-2 space-y-1 absolute z-10"
+      >
+        <li class="px-1 pt-1 pb-2 font-bold border-b border-gray-200">
+          Showing {{ searchCountries.length }} of {{ countries.length }} results
+        </li>
+        <li
+            v-for="country in searchCountries"
+            :key="country.name"
+            @click="selectCountry(country.name)"
+            class="cursor-pointer hover:bg-gray-100 p-1"
+        >
+          {{ country.name }}
+        </li>
+      </ul>
+
+      <p
+        v-if="selectedCountry"
+        class="text-lg pt-2 absolute"
+      >
+        You have selected: <span class="font-semibold">{{ selectedCountry }}</span>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+import countries from './data/countries.json'
+import {ref, computed} from 'vue'
+import '../app.css'
+
+export default {
+  setup() {
+    let searchTerm = ref('')
+
+    const searchCountries = computed(() => {
+      if (searchTerm.value === '')  {
+        return []
+      }
+      if (!searchTerm.value.includes(":from"))  {
+        return []
+      }
+
+      let newsearch = searchTerm.value.split(":from")
+
+      let matches = 0
+
+      return countries.filter(country => {
+        if (country.name.toLowerCase().includes(newsearch[1].toLowerCase()) && matches < 10) {
+          matches++
+          return country
+        }
+      })
+    });
+
+    const selectCountry = (country) => {
+      selectedCountry.value = country
+      searchTerm.value = ''
+    }
+
+    let selectedCountry = ref('')
+
+    return {
+      countries,
+      searchTerm,
+      searchCountries,
+      selectCountry,
+      selectedCountry
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/tests/gui/vuejs/noogle/src/components/Donate.vue b/ui/noogle/src/components/Donate.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/Donate.vue
rename to ui/noogle/src/components/Donate.vue
diff --git a/tests/gui/vuejs/noogle/src/components/Home.vue b/ui/noogle/src/components/Home.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/Home.vue
rename to ui/noogle/src/components/Home.vue
diff --git a/tests/gui/vuejs/noogle/src/components/Image.vue b/ui/noogle/src/components/Image.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/Image.vue
rename to ui/noogle/src/components/Image.vue
diff --git a/tests/gui/vuejs/noogle/src/components/ImageGeneration.vue b/ui/noogle/src/components/ImageGeneration.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/ImageGeneration.vue
rename to ui/noogle/src/components/ImageGeneration.vue
diff --git a/tests/gui/vuejs/noogle/src/components/ImageResultTable.vue b/ui/noogle/src/components/ImageResultTable.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/ImageResultTable.vue
rename to ui/noogle/src/components/ImageResultTable.vue
diff --git a/tests/gui/vuejs/noogle/src/components/Nip07.vue b/ui/noogle/src/components/Nip07.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/Nip07.vue
rename to ui/noogle/src/components/Nip07.vue
diff --git a/tests/gui/vuejs/noogle/src/components/Nip89.vue b/ui/noogle/src/components/Nip89.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/Nip89.vue
rename to ui/noogle/src/components/Nip89.vue
diff --git a/tests/gui/vuejs/noogle/src/components/Nip89view.vue b/ui/noogle/src/components/Nip89view.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/Nip89view.vue
rename to ui/noogle/src/components/Nip89view.vue
diff --git a/tests/gui/vuejs/noogle/src/components/Search.vue b/ui/noogle/src/components/Search.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/Search.vue
rename to ui/noogle/src/components/Search.vue
diff --git a/tests/gui/vuejs/noogle/src/components/SearchResultTable.vue b/ui/noogle/src/components/SearchResultTable.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/SearchResultTable.vue
rename to ui/noogle/src/components/SearchResultTable.vue
diff --git a/ui/noogle/src/components/data/countries.json b/ui/noogle/src/components/data/countries.json
new file mode 100644
index 0000000..209386e
--- /dev/null
+++ b/ui/noogle/src/components/data/countries.json
@@ -0,0 +1,250 @@
+[
+  {"name": "Albania"},
+  {"name": "Åland Islands"},
+  {"name": "Algeria"},
+  {"name": "American Samoa"},
+  {"name": "Andorra"},
+  {"name": "Angola"},
+  {"name": "Anguilla"},
+  {"name": "Antarctica"},
+  {"name": "Antigua and Barbuda"},
+  {"name": "Argentina"},
+  {"name": "Armenia"},
+  {"name": "Aruba"},
+  {"name": "Australia"},
+  {"name": "Austria"},
+  {"name": "Azerbaijan"},
+  {"name": "Bahamas (the)"},
+  {"name": "Bahrain"},
+  {"name": "Bangladesh"},
+  {"name": "Barbados"},
+  {"name": "Belarus"},
+  {"name": "Belgium"},
+  {"name": "Belize"},
+  {"name": "Benin"},
+  {"name": "Bermuda"},
+  {"name": "Bhutan"},
+  {"name": "Bolivia (Plurinational State of)"},
+  {"name": "Bonaire, Sint Eustatius and Saba"},
+  {"name": "Bosnia and Herzegovina"},
+  {"name": "Botswana"},
+  {"name": "Bouvet Island"},
+  {"name": "Brazil"},
+  {"name": "British Indian Ocean Territory (the)"},
+  {"name": "Brunei Darussalam"},
+  {"name": "Bulgaria"},
+  {"name": "Burkina Faso"},
+  {"name": "Burundi"},
+  {"name": "Cabo Verde"},
+  {"name": "Cambodia"},
+  {"name": "Cameroon"},
+  {"name": "Canada"},
+  {"name": "Cayman Islands (the)"},
+  {"name": "Central African Republic (the)"},
+  {"name": "Chad"},
+  {"name": "Chile"},
+  {"name": "China"},
+  {"name": "Christmas Island"},
+  {"name": "Cocos (Keeling) Islands (the)"},
+  {"name": "Colombia"},
+  {"name": "Comoros (the)"},
+  {"name": "Congo (the Democratic Republic of the)"},
+  {"name": "Congo (the)"},
+  {"name": "Cook Islands (the)"},
+  {"name": "Costa Rica"},
+  {"name": "Croatia"},
+  {"name": "Cuba"},
+  {"name": "Curaçao"},
+  {"name": "Cyprus"},
+  {"name": "Czechia"},
+  {"name": "Côte d'Ivoire"},
+  {"name": "Denmark"},
+  {"name": "Djibouti"},
+  {"name": "Dominica"},
+  {"name": "Dominican Republic (the)"},
+  {"name": "Ecuador"},
+  {"name": "Egypt"},
+  {"name": "El Salvador"},
+  {"name": "Equatorial Guinea"},
+  {"name": "Eritrea"},
+  {"name": "Estonia"},
+  {"name": "Eswatini"},
+  {"name": "Ethiopia"},
+  {"name": "Falkland Islands (the) [Malvinas]"},
+  {"name": "Faroe Islands (the)"},
+  {"name": "Fiji"},
+  {"name": "Finland"},
+  {"name": "France"},
+  {"name": "French Guiana"},
+  {"name": "French Polynesia"},
+  {"name": "French Southern Territories (the)"},
+  {"name": "Gabon"},
+  {"name": "Gambia (the)"},
+  {"name": "Georgia"},
+  {"name": "Germany"},
+  {"name": "Ghana"},
+  {"name": "Gibraltar"},
+  {"name": "Greece"},
+  {"name": "Greenland"},
+  {"name": "Grenada"},
+  {"name": "Guadeloupe"},
+  {"name": "Guam"},
+  {"name": "Guatemala"},
+  {"name": "Guernsey"},
+  {"name": "Guinea"},
+  {"name": "Guinea-Bissau"},
+  {"name": "Guyana"},
+  {"name": "Haiti"},
+  {"name": "Heard Island and McDonald Islands"},
+  {"name": "Holy See (the)"},
+  {"name": "Honduras"},
+  {"name": "Hong Kong"},
+  {"name": "Hungary"},
+  {"name": "Iceland"},
+  {"name": "India"},
+  {"name": "Indonesia"},
+  {"name": "Iran (Islamic Republic of)"},
+  {"name": "Iraq"},
+  {"name": "Ireland"},
+  {"name": "Isle of Man"},
+  {"name": "Israel"},
+  {"name": "Italy"},
+  {"name": "Jamaica"},
+  {"name": "Japan"},
+  {"name": "Jersey"},
+  {"name": "Jordan"},
+  {"name": "Kazakhstan"},
+  {"name": "Kenya"},
+  {"name": "Kiribati"},
+  {"name": "Korea (the Democratic People's Republic of)"},
+  {"name": "Korea (the Republic of)"},
+  {"name": "Kuwait"},
+  {"name": "Kyrgyzstan"},
+  {"name": "Lao People's Democratic Republic (the)"},
+  {"name": "Latvia"},
+  {"name": "Lebanon"},
+  {"name": "Lesotho"},
+  {"name": "Liberia"},
+  {"name": "Libya"},
+  {"name": "Liechtenstein"},
+  {"name": "Lithuania"},
+  {"name": "Luxembourg"},
+  {"name": "Macao"},
+  {"name": "Madagascar"},
+  {"name": "Malawi"},
+  {"name": "Malaysia"},
+  {"name": "Maldives"},
+  {"name": "Mali"},
+  {"name": "Malta"},
+  {"name": "Marshall Islands (the)"},
+  {"name": "Martinique"},
+  {"name": "Mauritania"},
+  {"name": "Mauritius"},
+  {"name": "Mayotte"},
+  {"name": "Mexico"},
+  {"name": "Micronesia (Federated States of)"},
+  {"name": "Moldova (the Republic of)"},
+  {"name": "Monaco"},
+  {"name": "Mongolia"},
+  {"name": "Montenegro"},
+  {"name": "Montserrat"},
+  {"name": "Morocco"},
+  {"name": "Mozambique"},
+  {"name": "Myanmar"},
+  {"name": "Namibia"},
+  {"name": "Nauru"},
+  {"name": "Nepal"},
+  {"name": "Netherlands (the)"},
+  {"name": "New Caledonia"},
+  {"name": "New Zealand"},
+  {"name": "Nicaragua"},
+  {"name": "Niger (the)"},
+  {"name": "Nigeria"},
+  {"name": "Niue"},
+  {"name": "Norfolk Island"},
+  {"name": "Northern Mariana Islands (the)"},
+  {"name": "Norway"},
+  {"name": "Oman"},
+  {"name": "Pakistan"},
+  {"name": "Palau"},
+  {"name": "Palestine, State of"},
+  {"name": "Panama"},
+  {"name": "Papua New Guinea"},
+  {"name": "Paraguay"},
+  {"name": "Peru"},
+  {"name": "Philippines (the)"},
+  {"name": "Pitcairn"},
+  {"name": "Poland"},
+  {"name": "Portugal"},
+  {"name": "Puerto Rico"},
+  {"name": "Qatar"},
+  {"name": "Republic of North Macedonia"},
+  {"name": "Romania"},
+  {"name": "Russian Federation (the)"},
+  {"name": "Rwanda"},
+  {"name": "Réunion"},
+  {"name": "Saint Barthélemy"},
+  {"name": "Saint Helena, Ascension and Tristan da Cunha"},
+  {"name": "Saint Kitts and Nevis"},
+  {"name": "Saint Lucia"},
+  {"name": "Saint Martin (French part)"},
+  {"name": "Saint Pierre and Miquelon"},
+  {"name": "Saint Vincent and the Grenadines"},
+  {"name": "Samoa"},
+  {"name": "San Marino"},
+  {"name": "Sao Tome and Principe"},
+  {"name": "Saudi Arabia"},
+  {"name": "Senegal"},
+  {"name": "Serbia"},
+  {"name": "Seychelles"},
+  {"name": "Sierra Leone"},
+  {"name": "Singapore"},
+  {"name": "Sint Maarten (Dutch part)"},
+  {"name": "Slovakia"},
+  {"name": "Slovenia"},
+  {"name": "Solomon Islands"},
+  {"name": "Somalia"},
+  {"name": "South Africa"},
+  {"name": "South Georgia and the South Sandwich Islands"},
+  {"name": "South Sudan"},
+  {"name": "Spain"},
+  {"name": "Sri Lanka"},
+  {"name": "Sudan (the)"},
+  {"name": "Suriname"},
+  {"name": "Svalbard and Jan Mayen"},
+  {"name": "Sweden"},
+  {"name": "Switzerland"},
+  {"name": "Syrian Arab Republic"},
+  {"name": "Taiwan (Province of China)"},
+  {"name": "Tajikistan"},
+  {"name": "Tanzania, United Republic of"},
+  {"name": "Thailand"},
+  {"name": "Timor-Leste"},
+  {"name": "Togo"},
+  {"name": "Tokelau"},
+  {"name": "Tonga"},
+  {"name": "Trinidad and Tobago"},
+  {"name": "Tunisia"},
+  {"name": "Turkey"},
+  {"name": "Turkmenistan"},
+  {"name": "Turks and Caicos Islands (the)"},
+  {"name": "Tuvalu"},
+  {"name": "Uganda"},
+  {"name": "Ukraine"},
+  {"name": "United Arab Emirates (the)"},
+  {"name": "United Kingdom of Great Britain and Northern Ireland (the)"},
+  {"name": "United States Minor Outlying Islands (the)"},
+  {"name": "United States of America (the)"},
+  {"name": "Uruguay"},
+  {"name": "Uzbekistan"},
+  {"name": "Vanuatu"},
+  {"name": "Venezuela (Bolivarian Republic of)"},
+  {"name": "Viet Nam"},
+  {"name": "Virgin Islands (British)"},
+  {"name": "Virgin Islands (U.S.)"},
+  {"name": "Wallis and Futuna"},
+  {"name": "Western Sahara"},
+  {"name": "Yemen"},
+  {"name": "Zambia"},
+  {"name": "Zimbabwe", "code": "ZW"}
+]
\ No newline at end of file
diff --git a/tests/gui/vuejs/noogle/src/components/data/deadnip89s.json b/ui/noogle/src/components/data/deadnip89s.json
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/data/deadnip89s.json
rename to ui/noogle/src/components/data/deadnip89s.json
diff --git a/tests/gui/vuejs/noogle/src/components/data/searchdvms.json b/ui/noogle/src/components/data/searchdvms.json
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/data/searchdvms.json
rename to ui/noogle/src/components/data/searchdvms.json
diff --git a/tests/gui/vuejs/noogle/src/components/icons/IconCommunity.vue b/ui/noogle/src/components/icons/IconCommunity.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/icons/IconCommunity.vue
rename to ui/noogle/src/components/icons/IconCommunity.vue
diff --git a/tests/gui/vuejs/noogle/src/components/icons/IconDocumentation.vue b/ui/noogle/src/components/icons/IconDocumentation.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/icons/IconDocumentation.vue
rename to ui/noogle/src/components/icons/IconDocumentation.vue
diff --git a/tests/gui/vuejs/noogle/src/components/icons/IconEcosystem.vue b/ui/noogle/src/components/icons/IconEcosystem.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/icons/IconEcosystem.vue
rename to ui/noogle/src/components/icons/IconEcosystem.vue
diff --git a/tests/gui/vuejs/noogle/src/components/icons/IconSupport.vue b/ui/noogle/src/components/icons/IconSupport.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/icons/IconSupport.vue
rename to ui/noogle/src/components/icons/IconSupport.vue
diff --git a/tests/gui/vuejs/noogle/src/components/icons/IconTooling.vue b/ui/noogle/src/components/icons/IconTooling.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/icons/IconTooling.vue
rename to ui/noogle/src/components/icons/IconTooling.vue
diff --git a/tests/gui/vuejs/noogle/src/components/modaltest.vue b/ui/noogle/src/components/modaltest.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/components/modaltest.vue
rename to ui/noogle/src/components/modaltest.vue
diff --git a/tests/gui/vuejs/noogle/src/layouts/ThreeColumnLayout.vue b/ui/noogle/src/layouts/ThreeColumnLayout.vue
similarity index 100%
rename from tests/gui/vuejs/noogle/src/layouts/ThreeColumnLayout.vue
rename to ui/noogle/src/layouts/ThreeColumnLayout.vue
diff --git a/tests/gui/vuejs/noogle/src/main.js b/ui/noogle/src/main.js
similarity index 100%
rename from tests/gui/vuejs/noogle/src/main.js
rename to ui/noogle/src/main.js
diff --git a/tests/gui/vuejs/noogle/src/router/index.js b/ui/noogle/src/router/index.js
similarity index 100%
rename from tests/gui/vuejs/noogle/src/router/index.js
rename to ui/noogle/src/router/index.js
diff --git a/tests/gui/vuejs/noogle/src/store.js b/ui/noogle/src/store.js
similarity index 87%
rename from tests/gui/vuejs/noogle/src/store.js
rename to ui/noogle/src/store.js
index 944c3fc..ffbb3ff 100644
--- a/tests/gui/vuejs/noogle/src/store.js
+++ b/ui/noogle/src/store.js
@@ -36,7 +36,12 @@ const store = createStore({
     },
     set_nip89dvms(state, nip89dvms) {
       state.nip89dvms.length = 0
-      state.nip89dvms.push.apply(state.nip89dvms, nip89dvms)
+      console.log(nip89dvms)
+         let nip89dvmssorted =  nip89dvms.sort(function(a, b) {
+          return a.createdAt - b.createdAt;
+      });
+      console.log(nip89dvmssorted)
+      state.nip89dvms.push.apply(state.nip89dvms, nip89dvmssorted)
     },
     set_current_request_id_search(state, requestid){
        state.requestidSearch = requestid
diff --git a/tests/gui/vuejs/noogle/tailwind.config.js b/ui/noogle/tailwind.config.js
similarity index 100%
rename from tests/gui/vuejs/noogle/tailwind.config.js
rename to ui/noogle/tailwind.config.js
diff --git a/tests/gui/vuejs/noogle/vite.config.js b/ui/noogle/vite.config.js
similarity index 100%
rename from tests/gui/vuejs/noogle/vite.config.js
rename to ui/noogle/vite.config.js