diff --git a/ui/noogle/src/components/Home.vue b/ui/noogle/src/components/Home.vue
index 9a21737..4046ece 100644
--- a/ui/noogle/src/components/Home.vue
+++ b/ui/noogle/src/components/Home.vue
@@ -1,12 +1,11 @@
 <script>
 import Search from "@/components/Search.vue";
 import ResultsTable from "@/components/SearchResultTable.vue";
-import Donate from "@/components/Donate.vue";
 import ProfileResultsTable from "@/components/ProfileResultTable.vue";
 
 export default {
   name: "Home",
-  components: {ProfileResultsTable, Donate, ResultsTable, Search}
+  components: {ProfileResultsTable, ResultsTable, Search}
 
 
 }
diff --git a/ui/noogle/src/components/Image.vue b/ui/noogle/src/components/Image.vue
index 990b856..9edbb69 100644
--- a/ui/noogle/src/components/Image.vue
+++ b/ui/noogle/src/components/Image.vue
@@ -3,8 +3,8 @@ import ImageGeneration from "@/components/ImageGeneration.vue";
 import Donate from "@/components/Donate.vue";
 
 export default {
-  name: "Home",
-  components: {Donate, ImageGeneration}
+  name: "Image",
+  components: {ImageGeneration}
 }
 </script>
 
diff --git a/ui/noogle/src/components/Login.vue b/ui/noogle/src/components/Login.vue
index 4058de6..0602c3c 100644
--- a/ui/noogle/src/components/Login.vue
+++ b/ui/noogle/src/components/Login.vue
@@ -86,7 +86,6 @@ import {
 } from "@rust-nostr/nostr-sdk";
 import VueNotifications from "vue-notifications";
 import store from '../store';
-import Nip89 from "@/components/Nip89.vue";
 import miniToastr from "mini-toastr";
 import deadnip89s from "@/components/data/deadnip89s.json";
 import amberSignerService from "./android-signer/AndroidSigner";
@@ -154,7 +153,7 @@ export default {
         await this.sign_in_anon()
       }
 
-      await this.getnip89s()
+
     } catch (error) {
       console.log(error);
     }
@@ -213,6 +212,7 @@ export default {
       localStorage.setItem('nostr-key', '')
       console.log("Client Nip46 connected")
       await this.get_user_info(pubkey)
+        await this.getnip89s()
         await this.reconcile_all_profiles(pubkey)
       console.log(pubkey.toBech32())
       //await this.reconcile_all_profiles()
@@ -223,8 +223,6 @@ export default {
         console.log(error);
       }
     },
-
-
     async sign_in_anon() {
       try {
          await loadWasmAsync();
@@ -274,7 +272,7 @@ export default {
         console.log(error);
       }
     },
-     async sign_in_key(nsec = "") {
+    async sign_in_key(nsec = "") {
       try {
          await loadWasmAsync();
        if(logger){
@@ -330,8 +328,9 @@ export default {
         localStorage.setItem('nostr-key-method', "nsec")
         localStorage.setItem('nostr-key', keys.secretKey.toBech32())
         console.log("Client key connected")
-         await this.get_user_info(pubkey)
-          await this.reconcile_all_profiles(pubkey)
+        await this.get_user_info(pubkey)
+        await this.getnip89s()
+        await this.reconcile_all_profiles(pubkey)
 
 
       } catch (error) {
@@ -396,6 +395,7 @@ export default {
         localStorage.setItem('nostr-key', pubkey.toHex())
         console.log("Client Nip07 connected")
         await this.get_user_info(pubkey)
+          await this.getnip89s()
           await this.reconcile_all_profiles(pubkey)
         //await this.reconcile_all_profiles()
         //miniToastr.showMessage("Login successful!", "Logged in as " + this.current_user, VueNotifications.types.success)
@@ -404,7 +404,6 @@ export default {
         console.log(error);
       }
     },
-
     async sign_in_nip46() {
 
       try {
@@ -465,6 +464,8 @@ export default {
         console.log("Client connected")
 
         await this.get_user_info(pubkey)
+                  await this.getnip89s()
+
           await this.reconcile_all_profiles(pubkey)
 
         //miniToastr.showMessage("Login successful!", "Logged in as " + this.current_user, VueNotifications.types.success)
@@ -523,6 +524,8 @@ export default {
         localStorage.setItem('nostr-key', hexKey)
 
         await this.get_user_info(publicKey)
+          await this.getnip89s()
+
             await this.reconcile_all_profiles(publicKey)
                 }
         catch (error){
@@ -539,7 +542,6 @@ export default {
 
         //let keys = Keys.generate()
         let keys = Keys.parse("ece3c0aa759c3e895ecb3c13ab3813c0f98430c6d4bd22160b9c2219efc9cf0e")
-
         let signer = NostrSigner.keys(keys) //TODO store keys
         let client = new ClientBuilder().signer(signer).build()
         for (const relay of store.state.relays){
@@ -586,8 +588,7 @@ export default {
 
 
     },
-
-async reconcile_all_profiles(publicKey) {
+    async reconcile_all_profiles(publicKey) {
     {
       let dbclient = Client
       let keys = Keys.parse("ece3c0aa759c3e895ecb3c13ab3813c0f98430c6d4bd22160b9c2219efc9cf0e")
@@ -623,7 +624,6 @@ async reconcile_all_profiles(publicKey) {
 
     }
    },
-
     async get_user_info(pubkey){
         let client = store.state.client
         const profile_filter = new Filter().kind(0).author(pubkey).limit(1)
@@ -651,7 +651,6 @@ async reconcile_all_profiles(publicKey) {
 
           }
     },
-
     async sign_out(){
       this.current_user = ""
       if(localStorage.getItem('nostr-key-method') === "nostr-login"){
diff --git a/ui/noogle/src/components/Nip89.vue b/ui/noogle/src/components/Nip89.vue
deleted file mode 100644
index 6040a5a..0000000
--- a/ui/noogle/src/components/Nip89.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<template>
-</template>
-
-<script>
-import {
-  Filter,
-  Keys, ClientBuilder, Alphabet, SingleLetterTag, NostrSigner, Duration
-} from "@rust-nostr/nostr-sdk";
-import store from '../store';
-import miniToastr from "mini-toastr";
-import deadnip89s from "@/components/data/deadnip89s.json";
-let nip89dvms = []
-export default {
-   data() {
-    return {
-      current_user: "",
-      avatar: "",
-      signer: "",
-
-    };
-  },
-  async mounted() {
-     try{
-        await this.getnip89s()
-     }
-    catch (error){
-       console.log(error);
-    }
-
-  },
-
-  methods: {
-    async getnip89s(){
-
-        //let keys = Keys.generate()
-        let keys = Keys.parse("ece3c0aa759c3e895ecb3c13ab3813c0f98430c6d4bd22160b9c2219efc9cf0e")
-
-        let signer = NostrSigner.keys(keys) //TODO store keys
-        let client = new ClientBuilder().signer(signer).build()
-       for (const relay of store.state.relays){
-           await client.addRelay(relay);
-        }
-        await client.connect();
-
-        let dvmkinds = []
-        for (let i = 5000; i < 6000; i++) {
-          dvmkinds.push((i.toString()))
-        }
-
-
-        const filter = new Filter().kind(31990).customTag(SingleLetterTag.lowercase(Alphabet.K), dvmkinds)
-        //await client.reconcile(filter);
-        //const filterl = new Filter().kind(31990)
-        //let evts = await client.database.query([filterl])
-        let evts = await client.getEventsOf([filter],  Duration.fromSecs(3))
-        for (const entry of evts){
-          for (const tag in entry.tags){
-            if (entry.tags[tag].asVec()[0] === "k")
-
-              if(entry.tags[tag].asVec()[1] >= 5000 && entry.tags[tag].asVec()[1] <= 5999 &&  deadnip89s.filter(i => i.id === entry.id.toHex() ).length === 0) {   // blocklist.indexOf(entry.id.toHex()) < 0){
-                try {
-                    let jsonentry = JSON.parse(entry.content)
-                      if (jsonentry.picture){
-                        jsonentry.image = jsonentry.picture
-                      }
-                      else if (!jsonentry.picture && !jsonentry.image){
-                        jsonentry.image = "../assets/nostr-purple.svg"
-                      }
-                    jsonentry.event = entry.asJson()
-                    jsonentry.id = entry.id.toHex()
-                    jsonentry.createdAt = entry.createdAt.asSecs()
-                    jsonentry.kind = entry.tags[tag].asVec()[1]
-                    nip89dvms.push(jsonentry);
-                }
-                catch (error){
-                  console.log(error)
-                }
-
-              }
-           }
-        }
-        store.commit('set_nip89dvms', nip89dvms)
-
-        return nip89dvms
-
-
-    },
-
-  },
-};
-</script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/ui/noogle/src/components/NoteTable.vue b/ui/noogle/src/components/NoteTable.vue
new file mode 100644
index 0000000..a9712f3
--- /dev/null
+++ b/ui/noogle/src/components/NoteTable.vue
@@ -0,0 +1,147 @@
+<template>
+  <EasyDataTable class="customize-table" header-text-direction="left"  table-class-name="customize-table"
+                 :headers="headers"
+                 :items="data" :sort-by="sortBy"
+                 :sort-type="sortType">
+   <template #item-content="{content, author, authorurl, avatar, indicator, links}">
+
+   <div class="playeauthor-wrapper">
+
+
+    <img class="avatar" v-if="avatar" :src="avatar" alt="Avatar" onerror="this.src='https://noogle.lol/favicon.ico'" />
+     <img class="avatar" v-else src="@/assets/nostr-purple.svg" />
+
+     <a class="purple" :href="authorurl" target="_blank">{{ author }}</a>
+    <div class="time"  :data-tip="indicator.time">
+          {{indicator.time.split("T")[1].split("Z")[0].trim()}}
+          {{indicator.time.split("T")[0].split("-")[2].trim()}}.{{indicator.time.split("T")[0].split("-")[1].trim()}}.{{indicator.time.split("T")[0].split("-")[0].trim().slice(2)}}
+        </div>
+   </div>
+
+   <p>{{content.substr(0, 320) + "\u2026"}}</p>
+        <div style="padding: 2px; text-align: left;" >
+          <a class="menusmall" :href="links.uri" target="_blank">Nostr Client</a>
+          <a class="menusmall" :href="links.njump" target="_blank">NJump</a>
+         <a class="menusmall" :href="links.highlighter" target="_blank">Highlighter</a>
+          <a class="menusmall":href="links.nostrudel" target="_blank">Nostrudel</a>
+      </div>
+
+     </template>
+    <!--<template #expand="item">
+      <div style="padding: 15px; text-align: left;" >
+          <a class="menu" :href="item.links.uri" target="_blank">Nostr Client</a>
+          <a class="menu" :href="item.links.njump" target="_blank">NJump</a>
+          <a class="menu" :href="item.links.highlighter" target="_blank">Highlighter</a>
+          <a class="menu":href="item.links.nostrudel" target="_blank">Nostrudel</a>
+      </div>
+    </template> -->
+
+
+      </EasyDataTable>
+<p></p>
+<!-- <p>{{data}}</p> -->
+
+</template>
+
+<script lang="ts" setup>
+
+
+import type {Header, Item, SortType} from "vue3-easy-data-table";
+import store from '../store';
+defineProps<{
+  data?: []
+
+}>()
+
+const sortBy = "indicator.time";
+const sortType: SortType = "desc";
+
+const headers: Header[] = [
+  { text: "Results:", value: "content", fixed:true},
+ // { text: "Time", value: "indicator.time", sortable: true, },
+];
+
+
+</script>
+
+<style scoped>
+.operation-wrapper .operation-icon {
+  width: 20px;
+  cursor: pointer;
+}
+.playeauthor-wrapper {
+  padding: 6px;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+}
+
+.menusmall {
+  @apply btn text-gray-600 bg-transparent border-transparent tracking-wide;
+
+
+  }
+
+.vue3-easy-data-table__footer.previous-page__click-button{
+  height:100px
+}
+
+.time {
+  padding: 6px;
+  display: flex;
+  font-size: 1em;
+  align-items: center;
+  justify-items: center;
+}
+.avatar {
+  margin-right: 10px;
+  display: inline-block;
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  object-fit: cover;
+  box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 10%);
+}
+.customize-table {
+  width: auto;
+  --easy-table-border: 2px solid #000000;
+  --easy-table-row-border: 1px solid #000000;
+
+  --easy-table-header-font-size: 14px;
+  --easy-table-header-height: 50px;
+  --easy-table-header-font-color: bg-accent;
+  --easy-table-header-background-color: bg-base;
+
+  --easy-table-header-item-padding: 10px 15px;
+
+  --easy-table-body-even-row-font-color: bg-accenet;
+  --easy-table-body-even-row-background-color: bg-base;
+
+  --easy-table-body-row-font-color: bg-accent;
+  --easy-table-body-row-background-color: bg-base;
+  --easy-table-body-row-height: 50px;
+  --easy-table-body-row-font-size: 14px;
+
+  --easy-table-body-row-hover-font-color: bg-accent;
+  --easy-table-body-row-hover-background-color: bg-base;
+
+  --easy-table-body-item-padding: 10px 15px;
+
+  --easy-table-footer-background-color: bg-base;
+  --easy-table-footer-font-color: bg-accent;
+  --easy-table-footer-font-size: 14px;
+  --easy-table-footer-padding: 0px 10px;
+  --easy-table-footer-height: 50px;
+
+  --easy-table-rows-per-page-selector-width: 70px;
+  --easy-table-rows-per-page-selector-option-padding: 10px;
+  --easy-table-rows-per-page-selector-z-index: 1;
+
+  --easy-table-scrollbar-track-color: bg-base;
+  --easy-table-scrollbar-color: bg-base;
+  --easy-table-scrollbar-thumb-color: bg-base;
+  --easy-table-scrollbar-corner-color: bg-base;
+
+  --easy-table-loading-mask-background-color: #2d3a4f;
+}
+</style>
\ No newline at end of file
diff --git a/ui/noogle/src/components/Recommendation.vue b/ui/noogle/src/components/Recommendation.vue
new file mode 100644
index 0000000..8325d33
--- /dev/null
+++ b/ui/noogle/src/components/Recommendation.vue
@@ -0,0 +1,27 @@
+<script>
+import ImageGeneration from "@/components/ImageGeneration.vue";
+import Donate from "@/components/Donate.vue";
+import RecommendationGeneration from "@/components/RecommendationGeneration.vue";
+
+export default {
+  name: "Recommendation",
+  components: {RecommendationGeneration}
+}
+</script>
+
+<template>
+  <div class="center">
+    <br>
+    <RecommendationGeneration/>
+    <br>
+  </div>
+</template>
+
+<style scoped>
+
+.center {
+  text-align: center;
+  justify-content: center;
+}
+
+</style>
\ No newline at end of file
diff --git a/ui/noogle/src/components/RecommendationGeneration.vue b/ui/noogle/src/components/RecommendationGeneration.vue
new file mode 100644
index 0000000..f2e633e
--- /dev/null
+++ b/ui/noogle/src/components/RecommendationGeneration.vue
@@ -0,0 +1,713 @@
+<script setup>
+
+
+import {
+  Client,
+  Filter,
+  Timestamp,
+  Event,
+  Metadata,
+  PublicKey,
+  EventBuilder,
+  Tag,
+  EventId,
+  Nip19Event, Alphabet, Keys, nip04_decrypt, SecretKey, Duration
+} from "@rust-nostr/nostr-sdk";
+import store from '../store';
+import miniToastr from "mini-toastr";
+import VueNotifications from "vue-notifications";
+import {computed, watch} from "vue";
+import deadnip89s from "@/components/data/deadnip89s.json";
+import {data} from "autoprefixer";
+import {requestProvider} from "webln";
+import Newnote from "@/components/Newnote.vue";
+import amberSignerService from "./android-signer/AndroidSigner";
+
+let dvms =[]
+let searching = false
+
+
+
+let listener = false
+
+let hasmultipleinputs = false
+
+function showDetails(user) {
+   this.$bvModal.show("modal-details");
+   this.modalData = user;
+}
+
+const sleep = (ms) => {
+  return new Promise(resolve => setTimeout(resolve, ms))
+}
+
+
+async function post_note(note){
+   let client = store.state.client
+   let tags = []
+
+   if (localStorage.getItem('nostr-key-method') === 'android-signer') {
+    const draft = {
+      content: note, 
+      kind: 1, 
+      pubkey: store.state.pubkey.toHex(),
+      tags: tags,
+      createdAt: Date.now()
+    };
+    const eventJson = await amberSignerService.signEvent(draft);
+    await client.sendEvent(Event.fromJson(JSON.stringify(eventJson)));
+   }
+   else
+   {
+    await client.publishTextNote(note, tags);
+   }
+}
+
+async function schedule(note) {
+
+
+  let schedule = Timestamp.fromSecs(datetopost.value/1000)
+  let humandatetime = schedule.toHumanDatetime()
+      let time = humandatetime.split("T")[1].split("Z")[0].trim()
+     let date = humandatetime.split("T")[0].split("-")[2].trim() + "." + humandatetime.split("T")[0].split("-")[1].trim() + "." + humandatetime.split("T")[0].split("-")[0].trim().slice(2)
+
+   console.log("Date: " + date + " Time: "+ time )
+
+  let client = store.state.client
+  let signer = store.state.signer
+
+  let noteevent = EventBuilder.textNote(note, []).customCreatedAt(schedule).toUnsignedEvent(store.state.pubkey)
+  let signedEvent = await signer.signEvent(noteevent)
+
+  let stringifiedevent = signedEvent.asJson()
+
+  let tags_str = []
+  let tag = Tag.parse(["i", stringifiedevent, "text"])
+  tags_str.push(tag.asVec())
+  let tags_as_str = JSON.stringify(tags_str)
+
+
+  let content = await signer.nip04Encrypt(PublicKey.parse("85c20d3760ef4e1976071a569fb363f4ff086ca907669fb95167cdc5305934d1"), tags_as_str)
+
+  let tags_t = []
+  tags_t.push(Tag.parse(["p", "85c20d3760ef4e1976071a569fb363f4ff086ca907669fb95167cdc5305934d1"]))
+  tags_t.push(Tag.parse(["encrypted"]))
+  tags_t.push(Tag.parse(["client", "noogle"]))
+
+
+  let evt = new EventBuilder(5905, content, tags_t)
+  console.log(evt)
+  let res = await client.sendEventBuilder(evt);
+  console.log(res)
+  miniToastr.showMessage("Note scheduled for " + ("Date: " + date + " Time: "+ time ))
+
+
+
+
+}
+
+
+
+async function generate_feed() {
+
+   try {
+
+
+     if(store.state.pubkey === undefined || localStorage.getItem('nostr-key-method') === "anon"){
+               miniToastr.showMessage("In order to receive personalized recommendations, sign-in first.", "Not signed in.", VueNotifications.types.warn)
+          return
+     }
+
+      for (let dvm of dvms){
+        dvm = {}
+        dvms.pop()
+      }
+
+        dvms = []
+        store.commit('set_recommendation_dvms', dvms)
+        let client = store.state.client
+
+        let content = "NIP 90 Content Discovery request"
+        let kind = 5300
+          let tags = [
+
+            ]
+
+
+
+
+        let res;
+        let requestid;
+
+        if (localStorage.getItem('nostr-key-method') === 'android-signer') {
+          let draft = {
+            content: content,
+            kind: kind,
+            pubkey: store.state.pubkey.toHex(),
+            tags: tags,
+            createdAt: Date.now()
+          };
+
+          res = await amberSignerService.signEvent(draft)
+          await client.sendEvent(Event.fromJson(JSON.stringify(res)))
+          requestid = res.id;
+          res = res.id;
+        }
+        else {
+
+          let tags_t = []
+          for (let tag of tags){
+            tags_t.push(Tag.parse(tag))
+          }
+          let evt = new EventBuilder(kind, content, tags_t)
+          res = await client.sendEventBuilder(evt);
+
+
+          requestid = res.toHex();
+                          console.log(requestid)
+
+        }
+
+        store.commit('set_current_request_id_recommendation', requestid)
+        //console.log("IMAGE EVENT SENT: " + res.toHex())
+
+        //miniToastr.showMessage("Sent Request to DVMs", "Awaiting results", VueNotifications.types.warn)
+        searching = true
+        if (!store.state.recommendationehasEventListener){
+           listen()
+           store.commit('set_recommendationEventListener', true)
+        }
+        else{
+          console.log("Already has event listener")
+        }
+
+      } catch (error) {
+        console.log(error);
+      }
+}
+
+
+
+async function getEvents(eventids) {
+  const event_filter = new Filter().ids(eventids)
+  let client = store.state.client
+  return await client.getEventsOf([event_filter], Duration.fromSecs(5))
+}
+
+
+async function get_user_infos(pubkeys){
+        let profiles = []
+        let client = store.state.client
+        const profile_filter = new Filter().kind(0).authors(pubkeys)
+        let evts = await client.getEventsOf([profile_filter],  Duration.fromSecs(10))
+
+        for (const entry of evts){
+          try{
+            let contentjson = JSON.parse(entry.content)
+             //console.log(contentjson)
+            profiles.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
+          }
+          catch(error){
+            console.log("error")
+          }
+
+        }
+
+        return profiles
+
+    }
+
+async function  listen() {
+    listener = true
+
+    let client = store.state.client
+    let pubkey = store.state.pubkey
+
+    const filter = new Filter().kinds([7000, 6300]).pubkey(pubkey).since(Timestamp.now());
+    await client.subscribe([filter]);
+
+    const handle = {
+        // Handle event
+        handleEvent: async (relayUrl, event) => {
+              if (store.state.recommendationehasEventListener === false){
+                return true
+              }
+            //const dvmname =  getNamefromId(event.author.toHex())
+            console.log("Received new event from", relayUrl);
+              console.log(event.asJson())
+           let resonsetorequest = false
+            sleep(1000).then(async () => {
+              for (let tag in event.tags) {
+                if (event.tags[tag].asVec()[0] === "e") {
+                  console.log("RECOMMENDATION ETAG: " + event.tags[tag].asVec()[1])
+                  console.log("RECOMMENDATION LISTEN TO : " + store.state.requestidRecommendation)
+                  if (event.tags[tag].asVec()[1] === store.state.requestidRecommendation) {
+                    resonsetorequest = true
+                  }
+                }
+
+              }
+              if (resonsetorequest === true) {
+                if (event.kind === 7000) {
+
+
+                  try {
+                    console.log("7000: ", event.content);
+                    console.log("DVM: " + event.author.toHex())
+                    searching = false
+                    //miniToastr.showMessage("DVM: " + dvmname, event.content, VueNotifications.types.info)
+
+                    let status = "unknown"
+                    let jsonentry = {
+                      id: event.author.toHex(),
+                      kind: "",
+                      status: status,
+                      result: [],
+                      name: event.author.toBech32(),
+                      about: "",
+                      image: "",
+                      amount: 0,
+                      bolt11: ""
+                    }
+
+                    for (const tag in event.tags) {
+                      if (event.tags[tag].asVec()[0] === "status") {
+                        status = event.tags[tag].asVec()[1]
+                      }
+
+                      if (event.tags[tag].asVec()[0] === "amount") {
+                        jsonentry.amount = event.tags[tag].asVec()[1]
+                        if (event.tags[tag].asVec().length > 2) {
+                          jsonentry.bolt11 = event.tags[tag].asVec()[2]
+                        }
+                        // TODO else request invoice
+                      }
+                    }
+
+
+                    //let dvm = store.state.nip89dvms.find(x => JSON.parse(x.event).pubkey === event.author.toHex())
+                    for (const el of store.state.nip89dvms) {
+                      if (JSON.parse(el.event).pubkey === event.author.toHex().toString()) {
+                        jsonentry.name = el.name
+                        jsonentry.about = el.about
+                        jsonentry.image = el.image
+
+                        console.log(jsonentry)
+
+                      }
+                    }
+                    if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+
+                         dvms.push(jsonentry)
+                    }
+                    if (event.content !== ""){
+                      status = event.content
+                    }
+
+                    dvms.find(i => i.id === jsonentry.id).status = status
+
+                    store.commit('set_recommendation_dvms', dvms)
+
+
+                  } catch (error) {
+                    console.log("Error: ", error);
+                  }
+
+
+                }
+
+                else if (event.kind === 6300) {
+                  let entries = []
+                  console.log("6300:", event.content);
+
+                  let event_etags = JSON.parse(event.content)
+                  if (event_etags.length > 0) {
+                    for (let etag of event_etags) {
+                      const eventid = EventId.fromHex(etag[1])
+                      entries.push(eventid)
+                    }
+                    const events = await getEvents(entries)
+                    let authors = []
+                    for (const evt of events) {
+                      authors.push(evt.author)
+                    }
+
+                      if (authors.length > 0) {
+                      let profiles = await get_user_infos(authors)
+                        let items = []
+                      for (const evt of events) {
+                        let p = profiles.find(record => record.author === evt.author.toHex())
+                        let bech32id = evt.id.toBech32()
+                        let nip19 = new Nip19Event(evt.id, evt.author, store.state.relays)
+                        let nip19bech32 = nip19.toBech32()
+                        let picture = p === undefined ? "../assets/nostr-purple.svg" : p["profile"]["picture"]
+                        let name = p === undefined ? bech32id : p["profile"]["name"]
+                        let highlighterurl = "https://highlighter.com/e/" + nip19bech32
+                        let njumpurl = "https://njump.me/" + nip19bech32
+                        let nostrudelurl = "https://nostrudel.ninja/#/n/" + bech32id
+                        let uri = "nostr:" + bech32id //  nip19.toNostrUri()
+
+
+                        if (items.find(e => e.id.toHex() === evt.id.toHex()) === undefined) {
+                          items.push({
+                            id: evt.id,
+                            content: evt.content,
+                            author: name,
+                            authorurl: "https://njump.me/" + evt.author.toBech32(),
+                            links: {
+                              "uri": uri,
+                              "highlighter": highlighterurl,
+                              "njump": njumpurl,
+                              "nostrudel": nostrudelurl
+                            },
+                            avatar: picture,
+                            indicator: {"time": evt.createdAt.toHumanDatetime()}
+                          })
+                        }
+
+
+                      }
+
+
+
+
+                  //miniToastr.showMessage("DVM: " + dvmname, "Received Results", VueNotifications.types.success)
+                        dvms.find(i => i.id === event.author.toHex()).result.length = 0
+                      dvms.find(i => i.id === event.author.toHex()).result.push.apply(dvms.find(i => i.id === event.author.toHex()).result, items)
+                      dvms.find(i => i.id === event.author.toHex()).status = "finished"
+                         }
+                     }
+                  store.commit('set_recommendation_dvms', dvms)
+
+                  //store.commit('set_imagedvm_results', dvms)
+                }
+              }
+            })
+        },
+        // Handle relay message
+        handleMsg: async (relayUrl, message) => {
+            //console.log("Received message from", relayUrl, message.asJson());
+        }
+    };
+
+    client.handleNotifications(handle);
+}
+
+
+const urlinput = ref("");
+
+function nextInput(e) {
+  const next = e.currentTarget.nextElementSibling;
+  if (next) {
+    next.focus();
+
+  }
+}
+
+
+    async function copyinvoice(invoice){
+       await navigator.clipboard.writeText(invoice)
+        window.open("lightning:" + invoice,"_blank")
+       miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info)
+    }
+
+    async function copyurl(url){
+       await navigator.clipboard.writeText(url)
+       miniToastr.showMessage("", "Copied link to clipboard", VueNotifications.types.info)
+    }
+
+
+    async function zap(invoice) {
+      let webln;
+
+        //this.dvmpaymentaddr =  `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
+        //this.dvminvoice = invoice
+
+
+      try {
+        webln = await requestProvider();
+      } catch (err) {
+          await copyinvoice(invoice)
+      }
+
+      if (webln) {
+        try{
+             let response = await webln.sendPayment(invoice)
+             dvms.find(i => i.bolt11 === invoice).status = "paid"
+              store.commit('set_recommendation_results', dvms)
+        }
+        catch(err){
+              console.log(err)
+              await copyinvoice(invoice)
+        }
+
+      }
+
+
+    }
+
+    async function createBolt11Lud16(lud16, amount) {
+    let url;
+      if (lud16.includes('@')) {  // LNaddress
+        const parts = lud16.split('@');
+        url = `https://${parts[1]}/.well-known/lnurlp/${parts[0]}`;
+    } else {  // No lud16 set or format invalid
+        return null;
+    }
+
+    try {
+        console.log(url);
+        const response = await fetch(url);
+        const ob = await response.json();
+        const callback = ob.callback;
+        const amountInSats = parseInt(amount) * 1000;
+        const callbackResponse = await fetch(`${callback}?amount=${amountInSats}`);
+        const obCallback = await callbackResponse.json();
+        return obCallback.pr;
+        }
+    catch (e) {
+            console.log(`LUD16: ${e}`);
+            return null;
+      }
+
+  }
+
+
+defineProps({
+  msg: {
+    type: String,
+    required: false
+  },
+})
+
+import { ref } from "vue";
+import ModalComponent from "../components/Newnote.vue";
+import VueDatePicker from "@vuepic/vue-datepicker";
+import {timestamp} from "@vueuse/core";
+import NoteTable from "@/components/NoteTable.vue";
+
+const isModalOpened = ref(false);
+const modalcontent = ref("");
+const datetopost = ref(Date.now());
+
+
+const openModal = result => {
+  datetopost.value = Date.now();
+  isModalOpened.value = true;
+  modalcontent.value = result
+};
+const closeModal = () => {
+  isModalOpened.value = false;
+  console.log(datetopost.value)
+};
+
+const submitHandler = async () => {
+
+ // await post_note(modalcontent)
+  await schedule(modalcontent, Timestamp.now())
+}
+
+
+
+</script>
+
+<!--  font-thin bg-gradient-to-r from-white to-nostr bg-clip-text text-transparent -->
+
+<template>
+
+  <div class="greetings">
+   <br>
+    <br>
+    <h1 class="text-7xl font-black tracking-wide">Noogle</h1>
+    <h1 class="text-7xl font-black tracking-wide">Note Recommendations</h1>
+    <h2 class="text-base-200-content text-center tracking-wide text-2xl font-thin ">
+    Algorithms, but you are the one in control.</h2>
+    <h3>
+     <br>
+     <button class="v-Button"  @click="generate_feed()">Recommend me Notes</button>
+    </h3>
+  </div>
+  <br>
+          <ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal">
+            <template #header>Share your creation on Nostr  <br> <br></template>
+            <template #content>
+              <textarea  v-model="modalcontent" className="d-Input" style="height: 300px;">{{modalcontent}}</textarea>
+            </template>
+
+            <template #footer>
+              <div>
+                <VueDatePicker :min-date="new Date()" :teleport="false" :dark="true" position="right" className="bg-base-200 inline-flex flex-none" style="width: 220px;" v-model="datetopost"></VueDatePicker>
+                <button className="v-Button" @click="schedule(modalcontent)"   @click.stop="closeModal"><img width="25px" style="margin-right: 5px" src="../../public/shipyard.ico"/>Schedule Note with Shipyard DVM</button>
+                 <br>
+                or
+                <br>
+                  <button className="v-Button" style="margin-bottom: 0px" @click="post_note(modalcontent)"   @click.stop="closeModal"><img  width="25px" style="margin-right: 5px;" src="../../public/favicon.ico"/>Post Note now</button>
+              </div>
+            </template>
+          </ModalComponent>
+
+  <div class=" relative space-y-3">
+    <div class="grid grid-cols-1 gap-6">
+
+        <div className="card w-70 bg-base-100 shadow-xl flex flex-col"   v-for="dvm in store.state.recommendationhdvms"
+            :key="dvm.id">
+
+
+
+
+        <div className="card-body">
+
+<div className="playeauthor-wrapper">
+  <figure  className="w-20">
+       <img className="avatar"  v-if="dvm.image" :src="dvm.image"  alt="DVM Picture" />
+       <img class="avatar" v-else src="@/assets/nostr-purple.svg" />
+  </figure>
+
+
+          <h2 className="card-title">{{ dvm.name }}</h2>
+  </div>
+          <h3 class="fa-cut" >{{ dvm.about }}</h3>
+
+
+
+          <div className="card-actions justify-end mt-auto" >
+
+              <div className="tooltip mt-auto" :data-tip="dvm.status">
+
+
+                <button v-if="dvm.status !== 'finished' && dvm.status !== 'paid' && dvm.status !== 'payment-required' && dvm.status !== 'error'"  className="btn">{{dvm.status}}</button>
+                <button v-if="dvm.status === 'finished'" className="btn">Done</button>
+                <button v-if="dvm.status === 'paid'" className="btn">Paid, waiting for DVM..</button>
+                <button v-if="dvm.status === 'error'" className="btn">Error</button>
+                <button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button>
+
+
+          </div>
+
+        </div>
+
+         <!--       <div v-if="dvm.result.length > 0" class="collapse bg-base-200">
+        <input type="checkbox" class="peer" />
+        <div class="collapse-title bg-primary text-primary-content peer-checked:bg-secondary peer-checked:text-secondary-content">
+          Click me to show/hide content
+        </div>
+        <div class="collapse-content bg-primary text-primary-content peer-checked:bg-base-200 peer-checked:text-accent">
+
+        </div>
+</div> -->
+
+
+    <details v-if="dvm.status === 'finished'" class="collapse bg-base">
+  <summary class="collapse-title  "><div class="btn">Show/Hide Results</div></summary>
+  <div class="collapse-content font-size-0" className="z-10" id="collapse">
+
+     <NoteTable  :data="dvm.result"  ></NoteTable>
+
+
+    </div>
+</details>
+
+
+
+
+          <!-- <div  v-if="dvm.result.length > 0 && store.state.pubkey.toHex() !== Keys.parse('ece3c0aa759c3e895ecb3c13ab3813c0f98430c6d4bd22160b9c2219efc9cf0e').publicKey.toHex()" >
+                 <button @click="openModal('Look what I created on noogle.lol\n\n' +  dvm.result)"  class="w-8 h-8 rounded-full bg-nostr border-white border-1 text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-offset-2  focus:ring-black tooltip" data-top='Share' aria-label="make note" role="button">
+                                    <svg  xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil" width="20" height="20" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+                                        <path stroke="none" d="M0 0h24v24H0z"></path>
+                                        <path d="M4 20h4l10.5 -10.5a1.5 1.5 0 0 0 -4 -4l-10.5 10.5v4"></path>
+                                        <line x1="13.5" y1="6.5" x2="17.5" y2="10.5"></line>
+                                    </svg>
+                               </button>
+
+          </div> -->
+           </div>
+
+      </div>
+    </div>
+
+      <h2 v-if="dvms.length > 0" class="text-base-200-content text-center tracking-wide text-2xl font-thin ">
+    There will be more algos coming soon..</h2>
+  </div>
+</template>
+
+<style scoped>
+
+.zap-Button{
+  @apply btn hover:bg-amber-400 border-amber-400 text-base;
+  bottom: 0;
+}
+
+.v-Button {
+  @apply bg-nostr hover:bg-nostr2 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-black px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
+   height: 48px;
+   margin: 5px;
+}
+
+.c-Input {
+  @apply bg-base-200 text-accent dark:bg-black dark:text-white  focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
+
+  width: 350px;
+  height: 48px;
+
+}
+
+.d-Input {
+    @apply bg-black hover:bg-gray-900 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
+  width: 300px;
+
+  color: white;
+  background: black;
+}
+
+.playeauthor-wrapper {
+  padding: 6px;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+}
+
+.logo {
+     display: flex;
+    width:100%;
+    height:125px;
+    justify-content: center;
+    align-items: center;
+}
+
+h3 {
+  font-size: 1.0rem;
+   text-align: left;
+}
+
+
+.avatar {
+  margin-right: 10px;
+  margin-left: 0px;
+  display: inline-block;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  object-fit: cover;
+  box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 10%);
+}
+
+.greetings h1,
+.greetings h3 {
+  text-align: left;
+
+}
+
+.center {
+  text-align: center;
+  justify-content: center;
+}
+
+
+@media (min-width: 1024px) {
+
+  .greetings h1,
+  .greetings h3 {
+    text-align: center;
+  }
+}
+</style>
diff --git a/ui/noogle/src/layouts/ThreeColumnLayout.vue b/ui/noogle/src/layouts/ThreeColumnLayout.vue
index d865b35..e863752 100644
--- a/ui/noogle/src/layouts/ThreeColumnLayout.vue
+++ b/ui/noogle/src/layouts/ThreeColumnLayout.vue
@@ -12,6 +12,7 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
   </div>
   <div className="flex-1">
     <router-link  class="menu" to="/">Noogle</router-link>
+    <router-link class="menu" to="/recommendation">Recommendations</router-link>
     <router-link class="menu" to="/image">ImageGen</router-link>
     <router-link class="menu" to="/about">About</router-link>
     <router-link class="menu" to="/nip89">DVMs</router-link>
diff --git a/ui/noogle/src/router/index.js b/ui/noogle/src/router/index.js
index 8a5d465..87c6ff6 100644
--- a/ui/noogle/src/router/index.js
+++ b/ui/noogle/src/router/index.js
@@ -8,6 +8,7 @@ const routes = [
   { path: "/donate", component: () => import("@/components/Donate.vue") },
   { path: "/nip89", component: () => import("@/components/Nip89view.vue") },
   { path: "/image", component: () => import("@/components/Image.vue") },
+  { path: "/recommendation", component: () => import("@/components/Recommendation.vue") },
   { path: "/article/:id", component: () => import("@/components/Home.vue") },
   { path: '/:pathMatch(.*)*', component: () => import("@/components/Home.vue") },
 ];
diff --git a/ui/noogle/src/store.js b/ui/noogle/src/store.js
index 24bfc1d..beea4c8 100644
--- a/ui/noogle/src/store.js
+++ b/ui/noogle/src/store.js
@@ -13,11 +13,14 @@ const store = createStore({
       requestidSearch: String,
       requestidSearchProfile: String,
       requestidImage: String,
+      requestidRecommendation: String,
       hasEventListener: false,
       imagehasEventListener: false,
+      recommendationehasEventListener: false,
       imagedvmreplies: [],
       nip89dvms: [],
       activesearchdvms: [],
+      recommendationhdvms: [],
       results:  [],
       profile_results: [],
       relays: [
@@ -52,6 +55,11 @@ const store = createStore({
     set_imagehasEventListener(state, imagehasEventListener) {
       state.imagehasEventListener = imagehasEventListener
     },
+
+    set_recommendationEventListener(state, recommendationehasEventListener) {
+      state.recommendationehasEventListener = recommendationehasEventListener
+    },
+
     set_nip89dvms(state, nip89dvms) {
       state.nip89dvms.length = 0
       //console.log(nip89dvms)
@@ -71,6 +79,10 @@ const store = createStore({
       state.activesearchdvms.length = 0
       state.activesearchdvms.push.apply(state.activesearchdvms, dvms)
     },
+    set_recommendation_dvms(state, dvms) {
+      state.recommendationhdvms.length = 0
+      state.recommendationhdvms.push.apply(state.recommendationhdvms, dvms)
+    },
     set_search_results_profiles(state, items){
       state.profile_results.length = 0
       state.profile_results.push.apply(state.profile_results, items)
@@ -78,6 +90,10 @@ const store = createStore({
     set_current_request_id_image(state, requestid){
        state.requestidImage = requestid
     },
+    set_current_request_id_recommendation(state, requestid){
+       state.requestidRecommendation = requestid
+    },
+
     set_search_results(state, results){
       state.results.length = 0
       state.results.push.apply(state.results, results)
@@ -85,7 +101,7 @@ const store = createStore({
     set_imagedvm_results(state, results){
       state.imagedvmreplies.length = 0
       state.imagedvmreplies.push.apply(state.imagedvmreplies, results)
-    }
+    },
 
   }
 })