From 61134622a6a68607fa48ef9953c7fb67a2a74c2b Mon Sep 17 00:00:00 2001
From: Believethehype <1097224+believethehype@users.noreply.github.com>
Date: Mon, 4 Nov 2024 08:16:44 +0100
Subject: [PATCH] noogle: reformat code

---
 ui/noogle/index.html                          |   18 +-
 ui/noogle/jsconfig.json                       |    9 +-
 ui/noogle/package.json                        |    4 +-
 ui/noogle/postcss.config.js                   |    8 +-
 ui/noogle/public/opensearch.xml               |   19 +-
 ui/noogle/src/App.vue                         |   13 +-
 ui/noogle/src/app.css                         |   44 +-
 ui/noogle/src/assets/base.css                 |   92 +-
 ui/noogle/src/assets/main.css                 |   40 +-
 ui/noogle/src/assets/nostr-purple.svg         |   18 +-
 ui/noogle/src/components/AboutPage.vue        |  145 +-
 ui/noogle/src/components/Chat.vue             |    1 -
 ui/noogle/src/components/ChatGeneration.vue   |  892 ++++---
 ui/noogle/src/components/Donate.vue           |  130 +-
 ui/noogle/src/components/FilterGeneration.vue | 2193 +++++++++--------
 ui/noogle/src/components/Home.vue             |    1 -
 ui/noogle/src/components/Image.vue            |    1 -
 ui/noogle/src/components/ImageGeneration.vue  |  867 ++++---
 ui/noogle/src/components/Login.vue            | 1261 +++++-----
 ui/noogle/src/components/Newnote.vue          |   20 +-
 ui/noogle/src/components/Nip89view.vue        |  309 +--
 ui/noogle/src/components/NoteTable.vue        |  408 +--
 .../src/components/ProfileResultTable.vue     |   50 +-
 .../components/RecommendationGeneration.vue   | 1747 ++++++-------
 ui/noogle/src/components/Search.vue           | 1167 +++++----
 .../src/components/SearchResultTable.vue      |   59 +-
 .../components/SummarizationGeneration.vue    |  513 ++--
 ui/noogle/src/components/data/deadnip89s.json |  288 ++-
 ui/noogle/src/components/helper/Helper.vue    |  569 ++---
 ui/noogle/src/components/helper/Zap.vue       |  291 +--
 ui/noogle/src/components/helper/string.ts     |   12 +-
 .../src/components/icons/IconCommunity.vue    |    4 +-
 .../components/icons/IconDocumentation.vue    |    4 +-
 .../src/components/icons/IconEcosystem.vue    |    4 +-
 .../src/components/icons/IconSupport.vue      |    4 +-
 .../src/components/icons/IconTooling.vue      |   21 +-
 ui/noogle/src/layouts/ThreeColumnLayout.vue   |   84 +-
 ui/noogle/src/main.js                         |   24 +-
 ui/noogle/src/router/index.js                 |   27 +-
 ui/noogle/src/store.js                        |  298 ++-
 ui/noogle/tailwind.config.js                  |   22 +-
 ui/noogle/tsconfig.app.json                   |   16 +-
 ui/noogle/tsconfig.node.json                  |    5 +-
 ui/noogle/vite.config.ts                      |   74 +-
 44 files changed, 5974 insertions(+), 5802 deletions(-)
diff --git a/ui/noogle/index.html b/ui/noogle/index.html
index 7890890..4d907db 100644
--- a/ui/noogle/index.html
+++ b/ui/noogle/index.html
@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="/favicon.ico" rel="icon">
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
     <title>Nostr decentralized search and other stuff</title>
-    <meta name="theme-color" content="#ffffff">
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+    <meta content="#ffffff" name="theme-color">
+</head>
+<body>
+<div id="app"></div>
+<script src="/src/main.js" type="module"></script>
+</body>
 </html>
diff --git a/ui/noogle/jsconfig.json b/ui/noogle/jsconfig.json
index 5a1f2d2..e04cd5e 100644
--- a/ui/noogle/jsconfig.json
+++ b/ui/noogle/jsconfig.json
@@ -1,8 +1,13 @@
 {
   "compilerOptions": {
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     }
   },
-  "exclude": ["node_modules", "dist"]
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
 }
diff --git a/ui/noogle/package.json b/ui/noogle/package.json
index 075cb58..84fa1be 100644
--- a/ui/noogle/package.json
+++ b/ui/noogle/package.json
@@ -12,14 +12,14 @@
   },
   "dependencies": {
     "@getalby/sdk": "^3.4.0",
-    "@rust-nostr/nostr-sdk": "^0.14.0",
+    "@rust-nostr/nostr-sdk": "^0.14.1",
     "@vuepic/vue-datepicker": "^7.4.1",
     "@vueuse/core": "^10.7.2",
     "bech32": "^2.0.0",
     "bootstrap": "^5.3.2",
     "daisyui": "^4.6.0",
     "mini-toastr": "^0.8.1",
-    "nostr-login": "^1.6.6",
+    "nostr-login": "^1.6.7",
     "nostr-tools": "^2.4.0",
     "vue": "^3.4.15",
     "vue-notifications": "^1.0.2",
diff --git a/ui/noogle/postcss.config.js b/ui/noogle/postcss.config.js
index 2e7af2b..d41ad63 100644
--- a/ui/noogle/postcss.config.js
+++ b/ui/noogle/postcss.config.js
@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
 }
diff --git a/ui/noogle/public/opensearch.xml b/ui/noogle/public/opensearch.xml
index f917e8c..2396d01 100644
--- a/ui/noogle/public/opensearch.xml
+++ b/ui/noogle/public/opensearch.xml
@@ -1,11 +1,12 @@
-<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/">
-   <ShortName>Noogle</ShortName>
-   <Description>Search the Nostr</Description>
-   <Url type="text/html" method="get" template="https://noogle.lol?search={searchTerms}"/>
-   <Image height="16" width="16" type="image/vnd.microsoft.icon">
-         https://noogle.lol/favicon.ico
-   </Image>
-   <moz:SearchForm>http://my-site/search</moz:SearchForm>
-   <Url type="application/opensearchdescription+xml" rel="self" template="https://noogle.lol/opensearch.xml"/>
+<OpenSearchDescription xmlns:moz="http://www.mozilla.org/2006/browser/search/"
+                       xmlns="http://a9.com/-/spec/opensearch/1.1/">
+    <ShortName>Noogle</ShortName>
+    <Description>Search the Nostr</Description>
+    <Url type="text/html" method="get" template="https://noogle.lol?search={searchTerms}"/>
+    <Image height="16" width="16" type="image/vnd.microsoft.icon">
+        https://noogle.lol/favicon.ico
+    </Image>
+    <moz:SearchForm>http://my-site/search</moz:SearchForm>
+    <Url type="application/opensearchdescription+xml" rel="self" template="https://noogle.lol/opensearch.xml"/>
 </OpenSearchDescription>
 
diff --git a/ui/noogle/src/App.vue b/ui/noogle/src/App.vue
index 4ea3646..a1a4299 100644
--- a/ui/noogle/src/App.vue
+++ b/ui/noogle/src/App.vue
@@ -1,22 +1,18 @@
 <script setup>
 import ThreeColumnLayout from "./layouts/ThreeColumnLayout.vue";
 import ProfileResultsTable from "@/components/ProfileResultTable.vue";
-import router from "@/router/index.js";
-
-
-
 </script>
 
 <template>
-  <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Noogle Search" />
+  <link href="/opensearch.xml" rel="search" title="Noogle Search" type="application/opensearchdescription+xml"/>
 
 
   <main>
     <ThreeColumnLayout>
-  <template #aside>
+      <template #aside>
 
-    <ProfileResultsTable style="margin-top: 450px"/>
-    </template>
+        <ProfileResultsTable style="margin-top: 450px"/>
+      </template>
 
     </ThreeColumnLayout>
 
@@ -30,7 +26,6 @@ header {
 }
 
 
-
 @media (min-width: 768px) {
   header {
     display: flex;
diff --git a/ui/noogle/src/app.css b/ui/noogle/src/app.css
index 8333a98..b694489 100644
--- a/ui/noogle/src/app.css
+++ b/ui/noogle/src/app.css
@@ -3,43 +3,45 @@
 @tailwind utilities;
 
 :root {
-  color-scheme: light;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
+    color-scheme: light;
+    color: rgba(255, 255, 255, 0.87);
+    background-color: #242424;
 }
 
 @media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
+    :root {
+        color: #213547;
+        background-color: #ffffff;
+    }
 }
+
 a,
 .green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-  padding: 3px;
+    text-decoration: none;
+    color: hsla(160, 100%, 37%, 1);
+    transition: 0.4s;
+    padding: 3px;
 }
 
 .purple {
-  @apply  text-nostr hover:text-orange-400;
-  text-decoration: none;
-  transition: 0.4s;
-  padding: 3px;
+    @apply text-nostr hover:text-orange-400;
+    text-decoration: none;
+    transition: 0.4s;
+    padding: 3px;
 }
 
 .white {
-  @apply  text-white;
-  text-decoration: none;
-  transition: 0.4s;
-  padding: 3px;
+    @apply text-white;
+    text-decoration: none;
+    transition: 0.4s;
+    padding: 3px;
 }
+
 .menu {
-color: white;
+    color: white;
     @apply btn bg-transparent border-transparent tracking-wide;
 
-  }
+}
 
 
 
diff --git a/ui/noogle/src/assets/base.css b/ui/noogle/src/assets/base.css
index 8816868..e055f8d 100644
--- a/ui/noogle/src/assets/base.css
+++ b/ui/noogle/src/assets/base.css
@@ -1,73 +1,71 @@
 /* color palette from <https://github.com/vuejs/theme> */
 :root {
-  --vt-c-white: #ffffff;
-  --vt-c-white-soft: #f8f8f8;
-  --vt-c-white-mute: #f2f2f2;
+    --vt-c-white: #ffffff;
+    --vt-c-white-soft: #f8f8f8;
+    --vt-c-white-mute: #f2f2f2;
 
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
+    --vt-c-black: #181818;
+    --vt-c-black-soft: #222222;
+    --vt-c-black-mute: #282828;
 
-  --vt-c-indigo: #2c3e50;
+    --vt-c-indigo: #2c3e50;
 
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+    --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+    --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+    --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+    --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
 
-  --vt-c-text-light-1: var(--vt-c-indigo);
-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
-  --vt-c-text-dark-1: var(--vt-c-white);
-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+    --vt-c-text-light-1: var(--vt-c-indigo);
+    --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+    --vt-c-text-dark-1: var(--vt-c-white);
+    --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
 }
 
 /* semantic color variables for this project */
 :root {
-  --color-background: var(--vt-c-white);
-  --color-background-soft: var(--vt-c-white-soft);
-  --color-background-mute: var(--vt-c-white-mute);
+    --color-background: var(--vt-c-white);
+    --color-background-soft: var(--vt-c-white-soft);
+    --color-background-mute: var(--vt-c-white-mute);
 
-  --color-border: var(--vt-c-divider-light-2);
-  --color-border-hover: var(--vt-c-divider-light-1);
+    --color-border: var(--vt-c-divider-light-2);
+    --color-border-hover: var(--vt-c-divider-light-1);
 
-  --color-heading: var(--vt-c-text-light-1);
-  --color-text: var(--vt-c-text-light-1);
+    --color-heading: var(--vt-c-text-light-1);
+    --color-text: var(--vt-c-text-light-1);
 
-  --section-gap: 160px;
+    --section-gap: 160px;
 }
 
 @media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
+    :root {
+        --color-background: var(--vt-c-black);
+        --color-background-soft: var(--vt-c-black-soft);
+        --color-background-mute: var(--vt-c-black-mute);
 
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
+        --color-border: var(--vt-c-divider-dark-2);
+        --color-border-hover: var(--vt-c-divider-dark-1);
 
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
+        --color-heading: var(--vt-c-text-dark-1);
+        --color-text: var(--vt-c-text-dark-2);
+    }
 }
 
 *,
 *::before,
 *::after {
-  box-sizing: border-box;
-  margin: 0;
-  font-weight: normal;
+    box-sizing: border-box;
+    margin: 0;
+    font-weight: normal;
 }
 
 body {
-  min-height: 100vh;
-  color: var(--color-text);
-  background: var(--color-background);
-  transition:
-    color 0.5s,
+    min-height: 100vh;
+    color: var(--color-text);
+    background: var(--color-background);
+    transition: color 0.5s,
     background-color 0.5s;
-  line-height: 1.6;
-  font-family:
-    Inter,
+    line-height: 1.6;
+    font-family: Inter,
     -apple-system,
     BlinkMacSystemFont,
     'Segoe UI',
@@ -79,8 +77,8 @@ body {
     'Droid Sans',
     'Helvetica Neue',
     sans-serif;
-  font-size: 15px;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+    font-size: 15px;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
diff --git a/ui/noogle/src/assets/main.css b/ui/noogle/src/assets/main.css
index 36fb845..2fe73bb 100644
--- a/ui/noogle/src/assets/main.css
+++ b/ui/noogle/src/assets/main.css
@@ -1,35 +1,35 @@
 @import './base.css';
 
 #app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  font-weight: normal;
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 2rem;
+    font-weight: normal;
 }
 
 a,
 .green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-  padding: 3px;
+    text-decoration: none;
+    color: hsla(160, 100%, 37%, 1);
+    transition: 0.4s;
+    padding: 3px;
 }
 
 @media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
+    a:hover {
+        background-color: hsla(160, 100%, 37%, 0.2);
+    }
 }
 
 @media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
+    body {
+        display: flex;
+        place-items: center;
+    }
 
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
+    #app {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        padding: 0 2rem;
+    }
 }
diff --git a/ui/noogle/src/assets/nostr-purple.svg b/ui/noogle/src/assets/nostr-purple.svg
index 254dca8..a16f01d 100644
--- a/ui/noogle/src/assets/nostr-purple.svg
+++ b/ui/noogle/src/assets/nostr-purple.svg
@@ -1,10 +1,12 @@
 <svg width="225" height="224" viewBox="0 0 225 224" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="224.047" height="224" rx="64" fill="url(#paint0_radial_855_5166)"/>
-<path d="M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z" fill="white"/>
-<defs>
-<radialGradient id="paint0_radial_855_5166" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(224.047 224) rotate(-135.006) scale(316.817 473.813)">
-<stop stop-color="#6951FA"/>
-<stop offset="1" stop-color="#9151FA"/>
-</radialGradient>
-</defs>
+    <rect width="224.047" height="224" rx="64" fill="url(#paint0_radial_855_5166)"/>
+    <path d="M162.441 135.941V88.0593C170.359 85.1674 176 77.5348 176 68.6696C176 57.2919 166.708 48 155.33 48C143.953 48 134.661 57.2444 134.661 68.6696C134.661 77.5822 140.302 85.1674 148.219 88.0593V135.941C147.698 136.13 147.176 136.367 146.655 136.604L87.3956 77.3452C88.6282 74.6904 89.2919 71.7511 89.2919 68.6696C89.2919 57.2444 80.0474 48 68.6696 48C57.2919 48 48 57.2444 48 68.6696C48 77.5822 53.6415 85.1674 61.5585 88.0593V135.941C53.6415 138.833 48 146.465 48 155.33C48 166.708 57.2444 176 68.6696 176C80.0948 176 89.3393 166.708 89.3393 155.33C89.3393 146.418 83.6978 138.833 75.7807 135.941V88.0593C76.3022 87.8696 76.8237 87.6326 77.3452 87.3956L136.604 146.655C135.372 149.31 134.708 152.249 134.708 155.33C134.708 166.708 143.953 176 155.378 176C166.803 176 176.047 166.708 176.047 155.33C176.047 146.418 170.406 138.833 162.489 135.941H162.441Z"
+          fill="white"/>
+    <defs>
+        <radialGradient id="paint0_radial_855_5166" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+                        gradientTransform="translate(224.047 224) rotate(-135.006) scale(316.817 473.813)">
+            <stop stop-color="#6951FA"/>
+            <stop offset="1" stop-color="#9151FA"/>
+        </radialGradient>
+    </defs>
 </svg>
diff --git a/ui/noogle/src/components/AboutPage.vue b/ui/noogle/src/components/AboutPage.vue
index d2d6e1f..9dfc88f 100644
--- a/ui/noogle/src/components/AboutPage.vue
+++ b/ui/noogle/src/components/AboutPage.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="max-w-5xl mx-auto flex flex-col gap-8">
     <div class="flex flex-row gap-6 items-center">
-        <Logo />
-        <div class="flex flex-col gap-2">
-            <h1 class="text-7xl font-black tracking-wide">About</h1>
-           <!-- <div class="text-lg text-nostr">
-                There are many things that make using and working with DVMs a bit of a magical experience.
-            </div> -->
-        </div>
+      <Logo/>
+      <div class="flex flex-col gap-2">
+        <h1 class="text-7xl font-black tracking-wide">About</h1>
+        <!-- <div class="text-lg text-nostr">
+             There are many things that make using and working with DVMs a bit of a magical experience.
+         </div> -->
+      </div>
     </div>
-<br><br>
+    <br><br>
     <!-- <div class="grid grid-cols-2 gap-6">
         <div class="card card-compact rounded-box bg-black">
             <div class="card-body !text-base">
@@ -71,84 +71,97 @@
             </div>
         </div>
     </div>-->
-</div>
-
-
-
-
+  </div>
 
 
   <div className="chat chat-start">
-  <div className="chat-image avatar">
-    <div className="w-10 rounded-full">
-      <img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
+    <div className="chat-image avatar">
+      <div className="w-10 rounded-full">
+        <img alt="Tailwind CSS chat bubble component"
+             src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
+      </div>
+    </div>
+    <div className="chat-bubble">NIP 90 Data Vending Machines can perform multiple tasks leveraging the Nostr
+      Protocol.
     </div>
   </div>
-  <div className="chat-bubble">NIP 90 Data Vending Machines can perform multiple tasks leveraging the Nostr Protocol.</div>
-</div>
-<div className="chat chat-start">
-  <div className="chat-image avatar">
-    <div className="w-10 rounded-full">
-      <img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
+  <div className="chat chat-start">
+    <div className="chat-image avatar">
+      <div className="w-10 rounded-full">
+        <img alt="Tailwind CSS chat bubble component"
+             src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
+      </div>
+    </div>
+    <div className="chat-bubble">This Demo Application uses a Kind 5302 event to ask DVMs to search for content on the
+      Nostr.
     </div>
   </div>
-  <div className="chat-bubble">This Demo Application uses a Kind 5302 event to ask DVMs to search for content on the Nostr.</div>
-</div>
 
   <div className="chat chat-start">
-  <div className="chat-image avatar">
-    <div className="w-10 rounded-full">
-      <img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
+    <div className="chat-image avatar">
+      <div className="w-10 rounded-full">
+        <img alt="Tailwind CSS chat bubble component"
+             src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
+      </div>
     </div>
+    <div className="chat-bubble">You can add from:npub.... to your search to filter content for a specific user.</div>
   </div>
-  <div className="chat-bubble">You can add from:npub.... to your search to filter content for a specific user.</div>
-</div>
-    <div className="chat chat-start">
-  <div className="chat-image avatar">
-    <div className="w-10 rounded-full">
-      <img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
-    </div>
-  </div>
-  <div className="chat-bubble">When you're logged in (via getalby or nos2x extension) you can add from:me to search content from yourself</div>
-</div>
   <div className="chat chat-start">
-  <div className="chat-image avatar">
-    <div className="w-10 rounded-full">
-      <img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
+    <div className="chat-image avatar">
+      <div className="w-10 rounded-full">
+        <img alt="Tailwind CSS chat bubble component"
+             src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
+      </div>
+    </div>
+    <div className="chat-bubble">When you're logged in (via getalby or nos2x extension) you can add from:me to search
+      content from yourself
     </div>
   </div>
-  <div className="chat-bubble">This page then combines all the results from available search dvms.</div>
-</div>
-<div className="chat chat-start">
-  <div className="chat-image avatar">
-    <div className="w-10 rounded-full">
-      <img alt="Tailwind CSS chat bubble component" src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg" />
+  <div className="chat chat-start">
+    <div className="chat-image avatar">
+      <div className="w-10 rounded-full">
+        <img alt="Tailwind CSS chat bubble component"
+             src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
+      </div>
+    </div>
+    <div className="chat-bubble">This page then combines all the results from available search dvms.</div>
+  </div>
+  <div className="chat chat-start">
+    <div className="chat-image avatar">
+      <div className="w-10 rounded-full">
+        <img alt="Tailwind CSS chat bubble component"
+             src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"/>
+      </div>
+    </div>
+    <div className="chat-bubble">This way we will be able to decentralize the most centralized thing on the internet.
+      Search.
     </div>
   </div>
-  <div className="chat-bubble">This way we will be able to decentralize the most centralized thing on the internet. Search.</div>
-</div>
 </template>
-  <script>
+<script>
 export default {
-    name: 'dailyUIdemo',
+  name: 'dailyUIdemo',
 
 }
 
 
 </script>
-  <style scoped>
-  h3 {
-      margin: 40px 0 0;
-  }
-  ul {
-      list-style-type: none;
-      padding: 0;
-  }
-  li {
-      display: inline-block;
-      margin: 0 10px;
-  }
-  a {
-      color: #42b983;
-  }
-  </style>
\ No newline at end of file
+<style scoped>
+h3 {
+  margin: 40px 0 0;
+}
+
+ul {
+  list-style-type: none;
+  padding: 0;
+}
+
+li {
+  display: inline-block;
+  margin: 0 10px;
+}
+
+a {
+  color: #42b983;
+}
+</style>
\ No newline at end of file
diff --git a/ui/noogle/src/components/Chat.vue b/ui/noogle/src/components/Chat.vue
index 4f6fc68..78222a4 100644
--- a/ui/noogle/src/components/Chat.vue
+++ b/ui/noogle/src/components/Chat.vue
@@ -1,6 +1,5 @@
 <script>
 import ImageGeneration from "@/components/ChatGeneration.vue";
-import Donate from "@/components/Donate.vue";
 
 export default {
   name: "Image",
diff --git a/ui/noogle/src/components/ChatGeneration.vue b/ui/noogle/src/components/ChatGeneration.vue
index 1f66b8d..73e5643 100644
--- a/ui/noogle/src/components/ChatGeneration.vue
+++ b/ui/noogle/src/components/ChatGeneration.vue
@@ -1,342 +1,302 @@
 <script setup>
 
 
-import {
-  Client,
-  Filter,
-  Timestamp,
-  Event,
-  Metadata,
-  PublicKey,
-  EventBuilder,
-  Tag,
-  EventId,
-  Nip19Event, Alphabet, Keys, nip04_decrypt, SecretKey
-} from "@rust-nostr/nostr-sdk";
+import {Event, EventBuilder, Filter, Keys, Tag, Timestamp} 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 { ref } from "vue";
+import {ref} from "vue";
 import ModalComponent from "../components/Newnote.vue";
 import VueDatePicker from "@vuepic/vue-datepicker";
-import {timestamp} from "@vueuse/core";
-import {post_note, schedule, react_to_dvm, copyinvoice, copyurl, sleep, nextInput, get_user_infos, dvmreactions} from "../components/helper/Helper.vue"
-import {zap, createBolt11Lud16, zaprequest} from "../components/helper/Zap.vue"
+import {get_user_infos, nextInput, post_note, schedule, sleep} from "../components/helper/Helper.vue"
+import {zap, zaprequest} from "../components/helper/Zap.vue"
 
 import StringUtil from "@/components/helper/string.ts";
 
 
-
-
-let dvms =[]
+let dvms = []
 let hasmultipleinputs = false
 let requestids = []
 
 async function generate_chat(message) {
 
-       listen()
+  listen()
 
-   try {
-     if (message === undefined){
-       message = "What is Nostr?"
-     }
+  try {
+    if (message === undefined) {
+      message = "What is Nostr?"
+    }
 
-     if(store.state.pubkey === undefined){
+    if (store.state.pubkey === undefined) {
 
-          return
-     }
+      return
+    }
 
-        dvms = []
-        store.commit('set_chat_dvm_results', dvms)
-        let client = store.state.client
+    dvms = []
+    store.commit('set_chat_dvm_results', dvms)
+    let client = store.state.client
 
-        let content = "NIP 90 Text Generation Request"
-        let kind = 5050
-        let tags = [
-              ["i", message, "text"]
-            ]
+    let content = "NIP 90 Text Generation Request"
+    let kind = 5050
+    let tags = [
+      ["i", message, "text"]
+    ]
 
-        let r = ["relays"]
-        for (let relay of store.state.relays){
-              r.push(relay)
-            }
-        tags.push(r)
+    let r = ["relays"]
+    for (let relay of store.state.relays) {
+      r.push(relay)
+    }
+    tags.push(r)
 
-        hasmultipleinputs = false
-        if (urlinput.value !== "" && urlinput.value.startsWith('http')){
-          let imagetag = ["i", urlinput.value, "url"]
-          tags.push(imagetag)
-          hasmultipleinputs = true
-           console.log(urlinput.value)
-        }
+    hasmultipleinputs = false
+    if (urlinput.value !== "" && urlinput.value.startsWith('http')) {
+      let imagetag = ["i", urlinput.value, "url"]
+      tags.push(imagetag)
+      hasmultipleinputs = true
+      console.log(urlinput.value)
+    }
 
-        let res;
-        let requestid;
+    let res;
+    let requestid;
 
 
-
-          let tags_t = []
-          for (let tag of tags){
-            tags_t.push(Tag.parse(tag))
-          }
+    let tags_t = []
+    for (let tag of tags) {
+      tags_t.push(Tag.parse(tag))
+    }
 
 
-           let evt = new EventBuilder(kind, content, tags_t)
-                let unsigned =   evt.toUnsignedEvent(store.state.pubkey)
-               let signedEvent = await (await client.signer()).signEvent(unsigned)
-               console.log(signedEvent.id.toHex())
-               requestid = signedEvent.id.toHex()
-               requestids.push(requestid)
-               store.commit('set_current_request_id_chat', requestids)
-               await client.sendEvent(signedEvent)
+    let evt = new EventBuilder(kind, content, tags_t)
+    let unsigned = evt.toUnsignedEvent(store.state.pubkey)
+    let signedEvent = await (await client.signer()).signEvent(unsigned)
+    console.log(signedEvent.id.toHex())
+    requestid = signedEvent.id.toHex()
+    requestids.push(requestid)
+    store.commit('set_current_request_id_chat', requestids)
+    await client.sendEvent(signedEvent)
 
 
-
-
-
-
-      } catch (error) {
-        console.log(error);
-      }
+  } catch (error) {
+    console.log(error);
+  }
 }
 
-async function  listen() {
-    let client = store.state.client
-    let pubkey = store.state.pubkey
+async function listen() {
+  let client = store.state.client
+  let pubkey = store.state.pubkey
 
-    const filter = new Filter().kinds([7000, 6050, 6905]).pubkey(pubkey).since(Timestamp.now());
-    await client.subscribe([filter]);
+  const filter = new Filter().kinds([7000, 6050, 6905]).pubkey(pubkey).since(Timestamp.now());
+  await client.subscribe([filter]);
 
-    const handle = {
-        // Handle event
-        handleEvent: async (relayUrl, subscriptionId, event) => {
-             /* if (store.state.imagehasEventListener === false){
-                return true
-              }*/
-            //const dvmname =  getNamefromId(event.author.toHex())
+  const handle = {
+    // Handle event
+    handleEvent: async (relayUrl, subscriptionId, event) => {
+      /* if (store.state.imagehasEventListener === false){
+         return true
+       }*/
+      //const dvmname =  getNamefromId(event.author.toHex())
 
-             // console.log(event.asJ())
-           let resonsetorequest = false
-            sleep(0).then(async () => {
-              for (let tag in event.tags) {
-                if (event.tags[tag].asVec()[0] === "e") {
-                   if (store.state.requestidChat.includes(event.tags[tag].asVec()[1])){
-                    resonsetorequest = true
-                  }
-                }
+      // console.log(event.asJ())
+      let resonsetorequest = false
+      sleep(0).then(async () => {
+        for (let tag in event.tags) {
+          if (event.tags[tag].asVec()[0] === "e") {
+            if (store.state.requestidChat.includes(event.tags[tag].asVec()[1])) {
+              resonsetorequest = true
+            }
+          }
 
-              }
-              if (resonsetorequest === true) {
-                if (event.kind === 7000) {
-
-
-                  try {
-                    //console.log("7000: ", event.content);
-                    //console.log("DVM: " + event.author.toHex())
-                    //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: "",
-                      amount: 0,
-                      bolt11: "",
-                      nip90params: {},
-
-                    }
-
-                    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]
-                        }
-                        else{
-                            let profiles = await get_user_infos([event.author.toHex()])
-                           let created = 0
-                            let current
-                          console.log("NUM KIND0 FOUND " + profiles.length)
-                            if (profiles.length > 0){
-                             // for (const profile of profiles){
-                                console.log(profiles[0].profile)
-                              let current = profiles[0]
-                               // if (profiles[0].profile.createdAt > created){
-                               //     created = profile.profile.createdAt
-                               //     current = profile
-                               //   }
-
-
-                               let lud16 = current.profile.lud16
-                              if (lud16 !== null && lud16 !== ""){
-                                console.log("LUD16: " +  lud16)
-                                //jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest
-                                jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount , "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)  //Not working yet
-
-                                console.log(jsonentry.bolt11)
-                                if(jsonentry.bolt11 === ""){
-                                 status = "error"
-                                }
-                            }
-                              else {
-                                console.log("NO LNURL")
-                              }
-
-                          }
-
-                            else {
-                              console.log("PROFILE NOT FOUND")
-                            }
-                        }
-
-                      }
-                    }
-
-                    //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() && el.kind === "5050" ) {
-                        jsonentry.name = el.name
-                        jsonentry.about = el.about
-                        jsonentry.image = el.image
-                        jsonentry.nip90Params = el.nip90Params
-                        //jsonentry.reactions = await dvmreactions(PublicKey.parse(el.id), store.state.followings)
-                        //jsonentry.reactions.negativeUser = false
-                        //jsonentry.reactions.positiveUser = false
-                        jsonentry.event = Event.fromJson(el.event)
-
-
-                      }
-                    }
-
-                    if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-                         dvms.push(jsonentry)
-                    }
-
-                    dvms.find(i => i.id === jsonentry.id).status = status
-
-                    store.commit('set_chat_dvm_results', dvms)
-
-
-                  } catch (error) {
-                    console.log("Error: ", error);
-                  }
-
-
-                }
-                else if (event.kind === 6905) {
-                  console.log(event.content)
-
-                }
-                else if (event.kind === 6050) {
-                  let entries = []
-                  //console.log("6050:", event.content);
-                   let  entryfound = false
-                   for (const el of store.state.nip89dvms) {
-
-
-
-
-                      if (JSON.parse(el.event).pubkey === event.author.toHex().toString()) { // && el.kind === "5050" ) {
-                          let jsonentry = {
-                          id: event.author.toHex(),
-                          kind: el.kind,
-                          status: "finished",
-                          result: event.content,
-                          name: el.name,
-                          about: el.about,
-                          image: el.image,
-                          amount: 0,
-                          bolt11: "",
-                          nip90params: el.nip90Params,
-                            event:  Event.fromJson(el.event)
-                        }
-                          if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-                            console.log("YES HERE")
-                           dvms.push(jsonentry)
-                           }
-                        else{
-                            dvms.find(i => i.id === event.author.toHex()).result = event.content
-                            dvms.find(i => i.id === event.author.toHex()).status = "finished"
-                        }
-
-                        entryfound = true
-
-
-                    }
-
-
-
-                      store.commit('set_chat_dvm_results', dvms)
-
-
-
-
-                }
-
-
-                 if (!entryfound){
-
-                        let jsonentry = {
-                          id: event.author.toHex(),
-                          kind: "",
-                          status: "finished",
-                          result: "",
-                          name: "Unannounced DVM",
-                          about: "",
-                          image: "",
-                          amount: 0,
-                          bolt11: "",
-                          nip90params: {},
-                        }
-                          if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-                         console.log("IN THE OTHER THING")
-                           dvms.push(jsonentry)
-                           }
-                        else{
-                            dvms.find(i => i.id === event.author.toHex()).result = event.content
-                            dvms.find(i => i.id === event.author.toHex()).status = "finished"
-                        }
-                    store.commit('set_chat_dvm_results', dvms)
-                      }
-
-              }
-              }
-            })
-        },
-
-        handleMsg: async (relayUrl, message) => {
-            //console.log("Received message from", relayUrl, message.asJson());
         }
-    };
+        if (resonsetorequest === true) {
+          if (event.kind === 7000) {
 
-    client.handleNotifications(handle);
+
+            try {
+              //console.log("7000: ", event.content);
+              //console.log("DVM: " + event.author.toHex())
+              //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: "",
+                amount: 0,
+                bolt11: "",
+                nip90params: {},
+
+              }
+
+              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]
+                  } else {
+                    let profiles = await get_user_infos([event.author.toHex()])
+                    let created = 0
+                    let current
+                    console.log("NUM KIND0 FOUND " + profiles.length)
+                    if (profiles.length > 0) {
+                      // for (const profile of profiles){
+                      console.log(profiles[0].profile)
+                      let current = profiles[0]
+                      // if (profiles[0].profile.createdAt > created){
+                      //     created = profile.profile.createdAt
+                      //     current = profile
+                      //   }
+
+
+                      let lud16 = current.profile.lud16
+                      if (lud16 !== null && lud16 !== "") {
+                        console.log("LUD16: " + lud16)
+                        //jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest
+                        jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount, "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)  //Not working yet
+
+                        console.log(jsonentry.bolt11)
+                        if (jsonentry.bolt11 === "") {
+                          status = "error"
+                        }
+                      } else {
+                        console.log("NO LNURL")
+                      }
+
+                    } else {
+                      console.log("PROFILE NOT FOUND")
+                    }
+                  }
+
+                }
+              }
+
+              //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() && el.kind === "5050") {
+                  jsonentry.name = el.name
+                  jsonentry.about = el.about
+                  jsonentry.image = el.image
+                  jsonentry.nip90Params = el.nip90Params
+                  //jsonentry.reactions = await dvmreactions(PublicKey.parse(el.id), store.state.followings)
+                  //jsonentry.reactions.negativeUser = false
+                  //jsonentry.reactions.positiveUser = false
+                  jsonentry.event = Event.fromJson(el.event)
+
+
+                }
+              }
+
+              if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+                dvms.push(jsonentry)
+              }
+
+              dvms.find(i => i.id === jsonentry.id).status = status
+
+              store.commit('set_chat_dvm_results', dvms)
+
+
+            } catch (error) {
+              console.log("Error: ", error);
+            }
+
+
+          } else if (event.kind === 6905) {
+            console.log(event.content)
+
+          } else if (event.kind === 6050) {
+            let entries = []
+            //console.log("6050:", event.content);
+            let entryfound = false
+            for (const el of store.state.nip89dvms) {
+
+
+              if (JSON.parse(el.event).pubkey === event.author.toHex().toString()) { // && el.kind === "5050" ) {
+                let jsonentry = {
+                  id: event.author.toHex(),
+                  kind: el.kind,
+                  status: "finished",
+                  result: event.content,
+                  name: el.name,
+                  about: el.about,
+                  image: el.image,
+                  amount: 0,
+                  bolt11: "",
+                  nip90params: el.nip90Params,
+                  event: Event.fromJson(el.event)
+                }
+                if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+                  console.log("YES HERE")
+                  dvms.push(jsonentry)
+                } else {
+                  dvms.find(i => i.id === event.author.toHex()).result = event.content
+                  dvms.find(i => i.id === event.author.toHex()).status = "finished"
+                }
+
+                entryfound = true
+
+
+              }
+
+
+              store.commit('set_chat_dvm_results', dvms)
+
+
+            }
+
+
+            if (!entryfound) {
+
+              let jsonentry = {
+                id: event.author.toHex(),
+                kind: "",
+                status: "finished",
+                result: "",
+                name: "Unannounced DVM",
+                about: "",
+                image: "",
+                amount: 0,
+                bolt11: "",
+                nip90params: {},
+              }
+              if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+                console.log("IN THE OTHER THING")
+                dvms.push(jsonentry)
+              } else {
+                dvms.find(i => i.id === event.author.toHex()).result = event.content
+                dvms.find(i => i.id === event.author.toHex()).status = "finished"
+              }
+              store.commit('set_chat_dvm_results', dvms)
+            }
+
+          }
+        }
+      })
+    },
+
+    handleMsg: async (relayUrl, message) => {
+      //console.log("Received message from", relayUrl, message.asJson());
+    }
+  };
+
+  client.handleNotifications(handle);
 }
 
 
 const urlinput = ref("");
 
 
-
 async function zap_local(invoice) {
-    let success = await zap(invoice)
-      if (success){
-         dvms.find(i => i.bolt11 === invoice).status = "paid"
-         store.commit('set_chat_dvm_results', dvms)
-      }
+  let success = await zap(invoice)
+  if (success) {
+    dvms.find(i => i.bolt11 === invoice).status = "paid"
+    store.commit('set_chat_dvm_results', dvms)
+  }
 }
 
 
@@ -348,7 +308,6 @@ defineProps({
 })
 
 
-
 const isModalOpened = ref(false);
 const modalcontent = ref("");
 const datetopost = ref(Date.now());
@@ -372,243 +331,249 @@ const submitHandler = async () => {
 <template>
 
   <div class="greetings">
-   <br>
+    <br>
     <br>
     <h1 class="text-7xl font-black tracking-wide">DVM</h1>
     <h1 class="text-7xl font-black tracking-wide">Text Generation</h1>
     <h2 class="text-base-200-content text-center tracking-wide text-2xl font-thin ">
-    Ask AI Agents living on the Nostr</h2>
+      Ask AI Agents living on the Nostr</h2>
     <h3>
-     <br>
-     <input class="c-Input" autofocus placeholder="What is Nostr?" v-model="message" @keyup.enter="generate_chat(message)" @keydown.enter="nextInput">
-     <button class="v-Button"  @click="generate_chat(message)">Send</button>
+      <br>
+      <input v-model="message" autofocus class="c-Input" placeholder="What is Nostr?"
+             @keyup.enter="generate_chat(message)" @keydown.enter="nextInput">
+      <button class="v-Button" @click="generate_chat(message)">Send</button>
     </h3>
-<!--<details class="collapse bg-base " className="advanced" >-->
-<!--  <summary class="collapse-title font-thin bg">Advanced Options</summary>-->
-<!--  <div class="collapse-content font-size-0" className="z-10" id="collapse-settings">-->
-<!--    <div>-->
-<!--      <h4 className="inline-flex flex-none font-thin">Url to existing image:</h4>-->
-<!--      <div className="inline-flex flex-none" style="width: 10px;"></div>-->
-<!--      <input class="c-Input" style="width: 300px;"  placeholder="https://image.nostr.build/image123.jpg"  v-model="urlinput">-->
-<!--      </div>-->
-<!--  </div>-->
-<!--</details>-->
+    <!--<details class="collapse bg-base " className="advanced" >-->
+    <!--  <summary class="collapse-title font-thin bg">Advanced Options</summary>-->
+    <!--  <div class="collapse-content font-size-0" className="z-10" id="collapse-settings">-->
+    <!--    <div>-->
+    <!--      <h4 className="inline-flex flex-none font-thin">Url to existing image:</h4>-->
+    <!--      <div className="inline-flex flex-none" style="width: 10px;"></div>-->
+    <!--      <input class="c-Input" style="width: 300px;"  placeholder="https://image.nostr.build/image123.jpg"  v-model="urlinput">-->
+    <!--      </div>-->
+    <!--  </div>-->
+    <!--</details>-->
   </div>
   <br>
 
 
-          <ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal">
-            <template #header>Share your creation on Nostr  <br> <br></template>
+  <ModalComponent :isOpen="isModalOpened" name="first-modal" @submit="submitHandler" @modal-close="closeModal">
+    <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 #content>
+      <textarea v-model="modalcontent" className="d-Input" style="height: 300px;">{{modalcontent}}</textarea>
+    </template>
 
 
-            <template #footer>
+    <template #footer>
 
-              <div class="inline-flex flex-none">
-                 <VueDatePicker :min-date="new Date()"  :dark="true" style="max-width: 200px;"  className="bg-base-200" teleport-center v-model="datetopost"></VueDatePicker>
+      <div class="inline-flex flex-none">
+        <VueDatePicker v-model="datetopost" :dark="true" :min-date="new Date()" className="bg-base-200"
+                       style="max-width: 200px;" teleport-center></VueDatePicker>
 
-              </div>
+      </div>
 
-           <div class="content-center">
-              <button className="v-Button" @click="schedule(modalcontent, datetopost)"  @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="content-center">
+        <button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img
+            src="../../public/shipyard.ico" style="margin-right: 5px" width="25px"/>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 src="../../public/favicon.ico" style="margin-right: 5px;" width="25px"/>Post
+          Note now
+        </button>
+      </div>
+    </template>
+  </ModalComponent>
 
   <div class="max-w-5xl 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.chatdvmreplies"
-            :key="dvm.id">
-
-
+      <div v-for="dvm in store.state.chatdvmreplies" :key="dvm.id"
+           className="card w-70 bg-base-100 shadow-xl flex flex-col">
 
 
         <div className="card-body">
 
-<div className="playeauthor-wrapper">
+          <div className="playeauthor-wrapper">
 
-    <figure  className="w-28">
-                   <img className="avatar"  v-if="dvm.image && dvm.image !== ''" :src="dvm.image"  alt="DVM Picture" />
-                   <img class="avatar" v-else src="@/assets/nostr-purple.svg" />
-    </figure>
+            <figure className="w-28">
+              <img v-if="dvm.image && dvm.image !== ''" :src="dvm.image" alt="DVM Picture" className="avatar"/>
+              <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
+            </figure>
 
-          <h2 className="card-title">{{ dvm.name }}</h2>
-  </div>
-        <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
-         <!-- <p>{{dvm.nip90Params}}</p> -->
-               <!-- <div   v-for="param in dvm.nip90Params">
-                    <p>{{param}}</p>
-                  </div> -->
+            <h2 className="card-title">{{ dvm.name }}</h2>
+          </div>
+          <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
+          <!-- <p>{{dvm.nip90Params}}</p> -->
+          <!-- <div   v-for="param in dvm.nip90Params">
+               <p>{{param}}</p>
+             </div> -->
 
 
+          <div className="card-actions justify-end mt-auto">
+
+            <div className="tooltip mt-auto">
 
 
-          <div className="card-actions justify-end mt-auto" >
-
-              <div className="tooltip mt-auto" >
+              <button v-if="dvm.status === 'processing'" className="btn">Processing</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_local(dvm.bolt11);">
+                {{ dvm.amount / 1000 }} Sats
+              </button>
 
 
-                <button v-if="dvm.status === 'processing'" className="btn">Processing</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_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button>
-
+            </div>
 
           </div>
-
-        </div>
           <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.result)"></h3>
 
-<!--            <figure className="w-full" >-->
-<!--            <img  v-if="dvm.result" :src="dvm.result"  className="tooltip" data-top='Click to copy url' height="200" alt="DVM Picture" @click="copyurl(dvm.result)"/>-->
-<!--           </figure>-->
+          <!--            <figure className="w-full" >-->
+          <!--            <img  v-if="dvm.result" :src="dvm.result"  className="tooltip" data-top='Click to copy url' height="200" alt="DVM Picture" @click="copyurl(dvm.result)"/>-->
+          <!--           </figure>-->
 
           <div class="flex">
 
 
+            <div
+                v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()">
+              <button aria-label="make note"
+                      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'
+                      role="button" style="margin-right: 5px" @click="openModal('Look what I created on noogle.lol\n\n' +  dvm.result)">
+                <svg class="icon icon-tabler icon-tabler-pencil" fill="none" height="20"
+                     stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24"
+                     width="20" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M0 0h24v24H0z" stroke="none"></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" x2="17.5" y1="6.5" y2="10.5"></line>
+                </svg>
+              </button>
+
+            </div>
+
+            <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()"
+                 style="margin-right: 5px">
+              <!--                && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser-->
 
 
-           <div  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" >
-                 <button @click="openModal('Look what I created on noogle.lol\n\n' +  dvm.result)"  style="margin-right: 5px" 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>
+              <!--                 <button @click="react_to_dvm(dvm, '👍')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
+              <!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
+              <!--          </svg>-->
+              <!--                 </button>-->
+              <!--          </div>-->
+
+
+              <!--                <div  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >-->
+              <!--                 <button @click="react_to_dvm(dvm, '👎')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
+              <!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
+              <!--</svg>-->
+              <!--                 </button>-->
+
+            </div>
 
           </div>
 
-              <div  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" style="margin-right: 5px">
-<!--                && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser-->
+          <div>
+            <!--            <p class="flex"> {{dvm.reactions.positiveUser.length}}-->
 
 
-
-<!--                 <button @click="react_to_dvm(dvm, '👍')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
-<!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
-<!--          </svg>-->
-<!--                 </button>-->
-<!--          </div>-->
-
-
-<!--                <div  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >-->
-<!--                 <button @click="react_to_dvm(dvm, '👎')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
-<!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
-<!--</svg>-->
-<!--                 </button>-->
-
-          </div>
-
-                </div>
-
             <div>
-<!--            <p class="flex"> {{dvm.reactions.positiveUser.length}}-->
-
-
-     <div>
-
-<!--        <div className="dropdown">-->
-<!--           <div tabIndex={0} role="button" class="button" >-->
-<!--           <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
-<!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
-<!--          </svg>-->
-<!--             </div>-->
-<!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
-<!--        <div className="card-body">-->
-<!--          <h3 className="card-title">Liked results by</h3>-->
-<!--            <div class="flex" >-->
-<!--           <div  v-for="user in dvm.reactions.positive">-->
-<!--                <div className="wotplayeauthor-wrapper">-->
-<!--                  <figure>-->
-<!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
-<!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
-<!--                  </figure>-->
-<!--                </div>-->
-<!--              </div>-->
-
-</div>
+
+              <!--        <div className="dropdown">-->
+              <!--           <div tabIndex={0} role="button" class="button" >-->
+              <!--           <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
+              <!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
+              <!--          </svg>-->
+              <!--             </div>-->
+              <!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
+              <!--        <div className="card-body">-->
+              <!--          <h3 className="card-title">Liked results by</h3>-->
+              <!--            <div class="flex" >-->
+              <!--           <div  v-for="user in dvm.reactions.positive">-->
+              <!--                <div className="wotplayeauthor-wrapper">-->
+              <!--                  <figure>-->
+              <!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
+              <!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
+              <!--                  </figure>-->
+              <!--                </div>-->
+              <!--              </div>-->
+
+            </div>
 
 
+          </div>
         </div>
       </div>
+      <!--<p>{{ this.current_user }}</p> -->
     </div>
-        <!--<p>{{ this.current_user }}</p> -->
-     </div>
 
 
-              <div style="width: 10px"></div>
+    <div style="width: 10px"></div>
 
-<!--              {{dvm.reactions.negative.length}}-->
-<!--     <div>-->
+    <!--              {{dvm.reactions.negative.length}}-->
+    <!--     <div>-->
 
-<!--        <div className="dropdown">-->
-<!--           <div tabIndex={0} role="button" class="button" >-->
-<!--                       <svg  style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
-<!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
-<!--</svg>-->
-<!--             </div>-->
-<!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
-<!--        <div className="card-body">-->
-<!--          <h3 className="card-title">Disliked results by</h3>-->
-<!--            <div class="flex" >-->
-<!--           <div  v-for="user in dvm.reactions.negative">-->
-<!--                <div className="wotplayeauthor-wrapper">-->
+    <!--        <div className="dropdown">-->
+    <!--           <div tabIndex={0} role="button" class="button" >-->
+    <!--                       <svg  style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
+    <!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
+    <!--</svg>-->
+    <!--             </div>-->
+    <!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
+    <!--        <div className="card-body">-->
+    <!--          <h3 className="card-title">Disliked results by</h3>-->
+    <!--            <div class="flex" >-->
+    <!--           <div  v-for="user in dvm.reactions.negative">-->
+    <!--                <div className="wotplayeauthor-wrapper">-->
 
-<!--                      <figure>-->
+    <!--                      <figure>-->
 
-<!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
-<!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
-<!--                  </figure>-->
+    <!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
+    <!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
+    <!--                  </figure>-->
 
 
-<!--                </div>-->
-<!--              </div>-->
+    <!--                </div>-->
+    <!--              </div>-->
 
-<!--</div>-->
+    <!--</div>-->
 
 
-<!--        </div>-->
-<!--      </div>-->
-<!--    </div>-->
-<!--        &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
-<!--     </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </div>-->
+    <!--        &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
+    <!--     </div>-->
 
 
+  </div>
 
 
+  <!--           </div>-->
 
-              </div>
-
-
-<!--           </div>-->
-
-<!--      </div>-->
-<!--    </div>-->
-<!--  </div>-->
+  <!--      </div>-->
+  <!--    </div>-->
+  <!--  </div>-->
 </template>
 
 <style scoped>
 
-.zap-Button{
+.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;
+  height: 48px;
+  margin: 5px;
 }
 
 .c-Input {
@@ -620,7 +585,7 @@ const submitHandler = async () => {
 }
 
 .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;
+  @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: 500px;
 
   color: white;
@@ -635,16 +600,16 @@ const submitHandler = async () => {
 }
 
 .logo {
-     display: flex;
-    width:100%;
-    height:125px;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  width: 100%;
+  height: 125px;
+  justify-content: center;
+  align-items: center;
 }
 
 h3 {
   font-size: 1.0rem;
-   text-align: left;
+  text-align: left;
 }
 
 
@@ -661,10 +626,9 @@ h3 {
 
 .wotplayeauthor-wrapper {
   padding: 0px;
-  display: flex;
-
-;
+  display: flex;;
 }
+
 .wotavatar {
   margin-right: 0px;
   margin-left: 0px;
diff --git a/ui/noogle/src/components/Donate.vue b/ui/noogle/src/components/Donate.vue
index f994599..14f9b56 100644
--- a/ui/noogle/src/components/Donate.vue
+++ b/ui/noogle/src/components/Donate.vue
@@ -1,59 +1,58 @@
 <script>
-import { requestProvider } from "webln";
+import {requestProvider} from "webln";
 import miniToastr from "mini-toastr";
 import VueNotifications from "vue-notifications";
 import {PublicKey, ZapDetails, ZapEntity, ZapType} from "@rust-nostr/nostr-sdk";
 import store from "@/store.js";
-import {data} from "autoprefixer";
 
 
 export default {
 
- data() {
+  data() {
     return {
-      dvmlnaddress:  "hype@bitcoinfixesthis.org",
-      dvmpaymentaddr:  "",
+      dvmlnaddress: "hype@bitcoinfixesthis.org",
+      dvmpaymentaddr: "",
       dvminvoice: "",
       nostrsdklnaddress: "yuki@getalby.com",
       nostrsdkpaymentaddr: "",
       nostrsdkinvoice: "",
       amount: 1000
-    }},
-
-  methods: {
-   async  handleZap(){
-    try {
-      let pk = PublicKey.fromBech32("npub1nxa4tywfz9nqp7z9zp7nr7d4nchhclsf58lcqt5y782rmf2hefjquaa6q8");
-      let entity = ZapEntity.publicKey(pk);
-      let details = new ZapDetails(ZapType.Private).message("Zap for Rust Nostr!");
-      await store.state.client.zap(entity, 1000, details);
-    } catch (error) {
-        console.log(error)
     }
   },
 
-    async copyinvoice(invoice){
-       await navigator.clipboard.writeText(invoice)
-        window.open("lightning:" + invoice,"_blank")
-       miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info)
+  methods: {
+    async handleZap() {
+      try {
+        let pk = PublicKey.fromBech32("npub1nxa4tywfz9nqp7z9zp7nr7d4nchhclsf58lcqt5y782rmf2hefjquaa6q8");
+        let entity = ZapEntity.publicKey(pk);
+        let details = new ZapDetails(ZapType.Private).message("Zap for Rust Nostr!");
+        await store.state.client.zap(entity, 1000, details);
+      } catch (error) {
+        console.log(error)
+      }
+    },
+
+    async copyinvoice(invoice) {
+      await navigator.clipboard.writeText(invoice)
+      window.open("lightning:" + invoice, "_blank")
+      miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info)
     },
 
     async zap(lnaddress, amount) {
       let webln;
       let invoice = await this.createBolt11Lud16(lnaddress, amount)
-      if (lnaddress === this.nostrsdklnaddress){
-         this.nostrsdkpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
-         this.nostrsdkinvoice = invoice
-      }
-      else{
-        this.dvmpaymentaddr =  `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
+      if (lnaddress === this.nostrsdklnaddress) {
+        this.nostrsdkpaymentaddr = `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
+        this.nostrsdkinvoice = invoice
+      } else {
+        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 this.copyinvoice(invoice)
+        await this.copyinvoice(invoice)
       }
 
       if (webln) {
@@ -64,15 +63,15 @@ export default {
     },
 
     async createBolt11Lud16(lud16, amount) {
-    let url;
+      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
+      } else {  // No lud16 set or format invalid
         return null;
-    }
+      }
 
-    try {
+      try {
         console.log(url);
         const response = await fetch(url);
         const ob = await response.json();
@@ -81,10 +80,9 @@ export default {
         const callbackResponse = await fetch(`${callback}?amount=${amountInSats}`);
         const obCallback = await callbackResponse.json();
         return obCallback.pr;
-        }
-    catch (e) {
-            console.log(`LUD16: ${e}`);
-            return null;
+      } catch (e) {
+        console.log(`LUD16: ${e}`);
+        return null;
       }
     }
   }
@@ -94,21 +92,42 @@ export default {
 
 <template>
   <div className="dropdown dropdown-top">
-    <div tabIndex={0} role="button"  class="v-Button"><svg class="relative  w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>Donate</div>
-      <div tabIndex={0} className="dropdown-content z-[1] -start-20 card card-compact w-64 p-2 shadow bg-primary text-primary-content">
-        <div className="card-body">
-          <div>
-            <p>Sats:</p><input  class="c-Input" v-model="amount" placeholder="1000">
-          </div>
-
-          <h3 className="card-title">Donate to Noogle</h3>
-            <button class="v-Button2" @click="zap(this.dvmlnaddress, amount)"><svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>Donate</button>
-            <img v-if="this.dvmpaymentaddr" alt="Invoice" width="250"  :src=this.dvmpaymentaddr @click="this.copyinvoice(this.dvminvoice)" />
-
-          <h3 className="card-title">Donate to NostrSDK</h3>
-            <button class="v-Button2" @click="zap(this.nostrsdklnaddress, amount)"><svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>Donate</button>
-            <img v-if="this.nostrsdkpaymentaddr" alt="Invoice" width="250"  :src=this.nostrsdkpaymentaddr @click="this.copyinvoice(this.nostrsdkinvoice)" />
+    <div class="v-Button" role="button" tabIndex={0}>
+      <svg class="relative  w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+           xmlns="http://www.w3.org/2000/svg">
+        <path d="M13 10V3L4 14h7v7l9-11h-7z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
+      </svg>
+      Donate
+    </div>
+    <div className="dropdown-content z-[1] -start-20 card card-compact w-64 p-2 shadow bg-primary text-primary-content"
+         tabIndex={0}>
+      <div className="card-body">
+        <div>
+          <p>Sats:</p><input v-model="amount" class="c-Input" placeholder="1000">
         </div>
+
+        <h3 className="card-title">Donate to Noogle</h3>
+        <button class="v-Button2" @click="zap(this.dvmlnaddress, amount)">
+          <svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+               xmlns="http://www.w3.org/2000/svg">
+            <path d="M13 10V3L4 14h7v7l9-11h-7z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
+          </svg>
+          Donate
+        </button>
+        <img v-if="this.dvmpaymentaddr" :src=this.dvmpaymentaddr alt="Invoice" width="250"
+             @click="this.copyinvoice(this.dvminvoice)"/>
+
+        <h3 className="card-title">Donate to NostrSDK</h3>
+        <button class="v-Button2" @click="zap(this.nostrsdklnaddress, amount)">
+          <svg class="relative w-5 h-5 mr-2 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+               xmlns="http://www.w3.org/2000/svg">
+            <path d="M13 10V3L4 14h7v7l9-11h-7z" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"></path>
+          </svg>
+          Donate
+        </button>
+        <img v-if="this.nostrsdkpaymentaddr" :src=this.nostrsdkpaymentaddr alt="Invoice" width="250"
+             @click="this.copyinvoice(this.nostrsdkinvoice)"/>
+      </div>
     </div>
   </div>
 </template>
@@ -116,17 +135,18 @@ export default {
 <style scoped>
 
 .v-Button {
- @apply  tracking-wide bg-black hover:bg-amber-400 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;
-   height: 24px;
+  @apply tracking-wide bg-black hover:bg-amber-400 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;
+  height: 24px;
 }
+
 .v-Button2 {
- @apply  tracking-wide bg-black hover:bg-amber-400 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;
+  @apply tracking-wide bg-black hover:bg-amber-400 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;
 }
 
 .c-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;
-    color: white;
-    background: black;
+  @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;
+  color: white;
+  background: black;
 }
 
 </style>
\ No newline at end of file
diff --git a/ui/noogle/src/components/FilterGeneration.vue b/ui/noogle/src/components/FilterGeneration.vue
index 9dd8a87..3cb520b 100644
--- a/ui/noogle/src/components/FilterGeneration.vue
+++ b/ui/noogle/src/components/FilterGeneration.vue
@@ -2,17 +2,20 @@
 
 
 import {
-  Client, ClientBuilder, Contact,
+  Client,
+  ClientBuilder,
+  Contact,
   Duration,
   Event,
   EventBuilder,
   Filter,
-  Keys, NostrDatabase,
-  NostrSigner, Options,
-  PublicKey, RelayLimits,
+  Keys,
+  NostrSigner,
+  Options,
+  PublicKey,
+  RelayLimits,
   Tag,
-  Timestamp,
-  UnsignedEvent
+  Timestamp
 } from "@rust-nostr/nostr-sdk";
 import store from '../store';
 import miniToastr from "mini-toastr";
@@ -25,21 +28,20 @@ import {webln} from "@getalby/sdk";
 import StringUtil from "@/components/helper/string.ts";
 
 
-let dvms =[]
+let dvms = []
 let requestids = []
 
 
 onMounted(async () => {
 
-  while(store.state.nip89dvms.length === 0){
-     await sleep(100)
+  while (store.state.nip89dvms.length === 0) {
+    await sleep(100)
   }
-await addAllContentDVMs()
+  await addAllContentDVMs()
   console.log(dvms)
 })
 
 
-
 function set_subscription_props(amount, cadence, dvm) {
   console.log(dvm)
   current_subscription_dvm.value = dvm
@@ -54,7 +56,7 @@ function set_subscription_props(amount, cadence, dvm) {
 
 async function generate_feed(id) {
 
-   if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon"){
+  if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon") {
     miniToastr.showMessage("Login to use Filter DVMs.", "Not logged in", "error")
     return
   }
@@ -62,406 +64,385 @@ async function generate_feed(id) {
   listen()
 
 
-   try {
+  try {
 
-        let client = store.state.client
-        //console.log(dvms.find(i => i.id === id).encryptionSupported)
+    let client = store.state.client
+    //console.log(dvms.find(i => i.id === id).encryptionSupported)
 
-        let current_dvm = dvms.find(i => i.id === id)
+    let current_dvm = dvms.find(i => i.id === id)
 
-        let content = "NIP 90 Profile Discovery request"
-        let kind = 5301
-        let tags = []
-        //tags.push(["param", "max_results", "200"])
-        tags.push(["param", "user", store.state.pubkey.toHex()])
-        let r = ["relays"]
-        for (let relay of store.state.relays){
-              r.push(relay)
-            }
-        tags.push(r)
-        let res;
-        let requestid;
+    let content = "NIP 90 Profile Discovery request"
+    let kind = 5301
+    let tags = []
+    //tags.push(["param", "max_results", "200"])
+    tags.push(["param", "user", store.state.pubkey.toHex()])
+    let r = ["relays"]
+    for (let relay of store.state.relays) {
+      r.push(relay)
+    }
+    tags.push(r)
+    let res;
+    let requestid;
 
-        // for now we only want to use encrypted events for subscribed dvms (might change later, also we dont encrypt on amber because decryption and update doesnt work)
-        if(current_dvm.encryptionSupported && current_dvm.nip88 && current_dvm.nip88.hasActiveSubscription && localStorage.getItem('nostr-key-method') !== 'android-signer'  && localStorage.getItem('nostr-key-method') !== 'nostr-login'){
+    // for now we only want to use encrypted events for subscribed dvms (might change later, also we dont encrypt on amber because decryption and update doesnt work)
+    if (current_dvm.encryptionSupported && current_dvm.nip88 && current_dvm.nip88.hasActiveSubscription && localStorage.getItem('nostr-key-method') !== 'android-signer' && localStorage.getItem('nostr-key-method') !== 'nostr-login') {
 
-             let  tags_str = []
-            for (let tag of tags){
+      let tags_str = []
+      for (let tag of tags) {
 
-               tags_str.push(tag)
-            }
-
-            let params_as_str = JSON.stringify(tags_str)
-            //console.log(params_as_str)
-
-              let client = store.state.client
-              let signer = store.state.signer
-
-
-              let pk = PublicKey.parse(id)
-              let content = await signer.nip04Encrypt(pk, params_as_str)
-
-              let tags_t = []
-              tags_t.push(Tag.parse(["p", id]))
-              tags_t.push(Tag.parse(["encrypted"]))
-              tags_t.push(Tag.parse(["client", "noogle"]))
-
-
-
-                let evt = new EventBuilder(kind, content, tags_t)
-                let unsigned =   evt.toUnsignedEvent(store.state.pubkey)
-                try{
-                      let sign = await client.signer()
-                    let signedEvent = await sign.signEvent(unsigned)
-                    requestids.push(signedEvent.id.toHex())
-                   store.commit('set_current_request_id_filter', requestids)
-
-                   res = await client.sendEvent(signedEvent)
-                    }
-                catch(e){
-                console.log(e)
-                }
-
-
-
-
-
-
-
-
-        }
-
-        else{
-           tags.push(["p", id])
-
-          let tags_t = []
-          for (let tag of tags){
-            tags_t.push(Tag.parse(tag))
-          }
-          let evt = new EventBuilder(kind, content, tags_t)
-           let unsigned =   evt.toUnsignedEvent(store.state.pubkey)
-               let signedEvent = await (await client.signer()).signEvent(unsigned)
-               console.log(signedEvent.id.toHex())
-               requestids.push(signedEvent.id.toHex())
-               store.commit('set_current_request_id_filter', requestids)
-               res = await client.sendEvent(signedEvent)
-
-        }
-
-
-      } catch (error) {
-        console.log(error);
+        tags_str.push(tag)
       }
+
+      let params_as_str = JSON.stringify(tags_str)
+      //console.log(params_as_str)
+
+      let client = store.state.client
+      let signer = store.state.signer
+
+
+      let pk = PublicKey.parse(id)
+      let content = await signer.nip04Encrypt(pk, params_as_str)
+
+      let tags_t = []
+      tags_t.push(Tag.parse(["p", id]))
+      tags_t.push(Tag.parse(["encrypted"]))
+      tags_t.push(Tag.parse(["client", "noogle"]))
+
+
+      let evt = new EventBuilder(kind, content, tags_t)
+      let unsigned = evt.toUnsignedEvent(store.state.pubkey)
+      try {
+        let sign = await client.signer()
+        let signedEvent = await sign.signEvent(unsigned)
+        requestids.push(signedEvent.id.toHex())
+        store.commit('set_current_request_id_filter', requestids)
+
+        res = await client.sendEvent(signedEvent)
+      } catch (e) {
+        console.log(e)
+      }
+
+
+    } else {
+      tags.push(["p", id])
+
+      let tags_t = []
+      for (let tag of tags) {
+        tags_t.push(Tag.parse(tag))
+      }
+      let evt = new EventBuilder(kind, content, tags_t)
+      let unsigned = evt.toUnsignedEvent(store.state.pubkey)
+      let signedEvent = await (await client.signer()).signEvent(unsigned)
+      console.log(signedEvent.id.toHex())
+      requestids.push(signedEvent.id.toHex())
+      store.commit('set_current_request_id_filter', requestids)
+      res = await client.sendEvent(signedEvent)
+
+    }
+
+
+  } catch (error) {
+    console.log(error);
+  }
 }
 
-async function  listen() {
-    let client = store.state.client
-    let pubkey = store.state.pubkey
+async function listen() {
+  let client = store.state.client
+  let pubkey = store.state.pubkey
 
-    const filter = new Filter().kinds([7000, 6301]).pubkey(pubkey).since(Timestamp.now());
-    await client.subscribe([filter]);
+  const filter = new Filter().kinds([7000, 6301]).pubkey(pubkey).since(Timestamp.now());
+  await client.subscribe([filter]);
 
-    const handle = {
-        // Handle event
-        handleEvent: async (relayUrl, subscriptionId, event) => {
-           let resonsetorequest = false
-            //sleep(1200).then(async () => {
-              for (let tag in event.tags) {
-                if (event.tags[tag].asVec()[0] === "e") {
-                  if (store.state.requestidFilter.includes(event.tags[tag].asVec()[1])){
-                    resonsetorequest = true
+  const handle = {
+    // Handle event
+    handleEvent: async (relayUrl, subscriptionId, event) => {
+      let resonsetorequest = false
+      //sleep(1200).then(async () => {
+      for (let tag in event.tags) {
+        if (event.tags[tag].asVec()[0] === "e") {
+          if (store.state.requestidFilter.includes(event.tags[tag].asVec()[1])) {
+            resonsetorequest = true
 
-                  }
-                }
+          }
+        }
 
+      }
+      if (resonsetorequest === true) {
+        if (event.kind === 7000) {
+          try {
+            console.log("7000: ", event.content);
+            console.log("DVM: " + event.author.toHex())
+            //miniToastr.showMessage("DVM: " + dvmname, event.content, VueNotifications.types.info)
+            dvms.find(i => i.id === event.author.toHex()).laststatusid = event.id.toHex()
+            let ob = dvms.find(i => i.id === event.author.toHex())
+            console.log(ob)
+            let is_encrypted = false
+            let ptag = ""
+
+            console.log(event.content)
+            for (const tag in event.tags) {
+              if (event.tags[tag].asVec()[0] === "encrypted") {
+                is_encrypted = true
+                console.log("encrypted response")
+              } else if (event.tags[tag].asVec()[0] === "p") {
+                ptag = event.tags[tag].asVec()[1]
               }
-              if (resonsetorequest === true) {
-                if (event.kind === 7000) {
-                  try {
-                     console.log("7000: ", event.content);
-                     console.log("DVM: " + event.author.toHex())
-                    //miniToastr.showMessage("DVM: " + dvmname, event.content, VueNotifications.types.info)
-                    dvms.find(i => i.id === event.author.toHex()).laststatusid = event.id.toHex()
-                    let ob = dvms.find(i => i.id === event.author.toHex())
-                    console.log(ob)
-                    let is_encrypted = false
-                    let ptag = ""
-
-                    console.log(event.content)
-                    for (const tag in event.tags) {
-                      if (event.tags[tag].asVec()[0] === "encrypted") {
-                        is_encrypted = true
-                        console.log("encrypted response")
-                      }
-                      else if (event.tags[tag].asVec()[0] === "p") {
-                        ptag = event.tags[tag].asVec()[1]
-                      }
-                    }
-
-                    if (is_encrypted){
-                      let tags_str = ""
-                       if (ptag === store.state.pubkey.toHex()){
-                            let signer = store.state.signer
-                            if (localStorage.getItem('nostr-key-method') === 'android-signer') {
-                              return
-                             // tags_str = await amberSignerService.nip04Decrypt(event.author.toHex(), event.content)
-                            }
-                            else{
-                                tags_str = await signer.nip04Decrypt(event.author, event.content)
-                            }
-
-
-
-                            let params = JSON.parse(tags_str)
-                            //console.log(params)
-                           // params.push(["p", ptag])
-                           // params.push(["encrypted"])
-                            let event_as_json = JSON.parse(event.asJson())
-                            event_as_json['tags'] = params
-                           let content = ""
-                           for (const tag in params){
-                             if (params[tag][0] === "content"){
-                               content = params[tag][1]
-                             }
-                           }
-                            event_as_json['content'] = content
-                            event = Event.fromJson(JSON.stringify(event_as_json))
-                       }
-                        else {
-                          console.log("not addressed to us")
-                          console.log(ptag)
-
-                          return
-                        }
-                    }
-
-
-                    for (const tag in event.tags) {
-                      if (event.tags[tag].asVec()[0] === "status") {
-
-                           if (event.content !== "" && (event.tags[tag].asVec()[1] === "processing" || event.tags[tag].asVec()[1] === "subscription-required" ) ) {
-                              if(event.tags[tag].asVec().length > 2) {
-                               dvms.find(i => i.id === event.author.toHex()).status  = event.tags[tag].asVec()[2]
-                              }
-                              else{
-                                dvms.find(i => i.id === event.author.toHex()).status  = event.content
-                              }
-                           }
-                           else{
-                               dvms.find(i => i.id === event.author.toHex()).status = event.tags[tag].asVec()[1]
-
-                           }
-                     }
-
-                    if (event.tags[tag].asVec()[0] === "subscribed") {
-                      if (Timestamp.fromSecs(parseInt(event.tags[tag].asVec()[1])).asSecs() > Timestamp.now().asSecs()) {
-                        dvms.find(i => i.id === event.author.toHex()).subscription = event.tags[tag].asVec()[1]
-                      }
-                    }
-
-                      if (event.tags[tag].asVec()[0] === "amount") {
-                        dvms.find(i => i.id === event.author.toHex()).amount = event.tags[tag].asVec()[1]
-                        if (event.tags[tag].asVec().length > 2) {
-                          dvms.find(i => i.id === event.author.toHex()).bolt11 = event.tags[tag].asVec()[2]
-                        } else {
-                          let profiles = await get_user_infos([event.author.toHex()])
-                          let created = 0
-                          if (profiles.length > 0) {
-                            console.log(profiles[0].profile)
-                            let current = profiles[0]
-                            let lud16 = current.profile.lud16
-                            if (lud16 !== null && lud16 !== "") {
-                              console.log("LUD16: " + lud16)
-                              dvms.find(i => i.id === event.author.toHex()).bolt11 = await zaprequest(lud16, dvms.find(i => i.id === event.author.toHex()).amount, "paid from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)
-                              //dvms.find(i => i.id === event.author.toHex()).bolt11 = await createBolt11Lud16(lud16, dvms.find(i => i.id === event.author.toHex()).amount)
-                              console.log(dvms.find(i => i.id === event.author.toHex()).bolt11)
-                              if (dvms.find(i => i.id === event.author.toHex()).bolt11 === "") {
-                                dvms.find(i => i.id === event.author.toHex()).status = "error"
-
-                              }
-                            } else {
-                              console.log("NO LNURL")
-                            }
-
-                          } else {
-                            console.log("PROFILE NOT FOUND")
-                          }
-                        }
-                      }
-                      store.commit('set_filter_dvms', dvms)
-                    }
-                  } catch (error) {
-                    console.log("Error: ", error);
-                  }
-
+            }
 
+            if (is_encrypted) {
+              let tags_str = ""
+              if (ptag === store.state.pubkey.toHex()) {
+                let signer = store.state.signer
+                if (localStorage.getItem('nostr-key-method') === 'android-signer') {
+                  return
+                  // tags_str = await amberSignerService.nip04Decrypt(event.author.toHex(), event.content)
+                } else {
+                  tags_str = await signer.nip04Decrypt(event.author, event.content)
                 }
 
-                else if (event.kind === 6301) {
-                  let entries = []
-                  console.log("6301:", event.content);
-                    let is_encrypted = false
-                    let ptag = ""
 
-                    for (const tag in event.tags) {
-                      if (event.tags[tag].asVec()[0] === "encrypted") {
-                        is_encrypted = true
-                        console.log("encrypted reply")
-                      }
-                      else if (event.tags[tag].asVec()[0] === "p") {
-                        ptag = event.tags[tag].asVec()[1]
-                      }
-                    }
-
-                    let content = event.content
-
-                    if (is_encrypted){
-                      if (ptag === store.state.pubkey.toHex()){
-                        let signer = store.state.signer
-                         content = await signer.nip04Decrypt(event.author, event.content)
-
-                      }
-                      else {
-                        console.log("not addressed to us")
-                        return
-                      }
-                    }
-
-
-                  if (content === "" || content === "[]" || content === "None" ){
-                        let items = []
-                        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_filter_dvms', dvms)
+                let params = JSON.parse(tags_str)
+                //console.log(params)
+                // params.push(["p", ptag])
+                // params.push(["encrypted"])
+                let event_as_json = JSON.parse(event.asJson())
+                event_as_json['tags'] = params
+                let content = ""
+                for (const tag in params) {
+                  if (params[tag][0] === "content") {
+                    content = params[tag][1]
                   }
-                  else{
+                }
+                event_as_json['content'] = content
+                event = Event.fromJson(JSON.stringify(event_as_json))
+              } else {
+                console.log("not addressed to us")
+                console.log(ptag)
 
-                  let event_ptags = JSON.parse(content)
-                  if (event_ptags.length > 0) {
-                    for (let ptag of event_ptags) {
-                      const eventid = ptag[1]
-                      entries.push(eventid)
-                      //console.log(eventid)
+                return
+              }
+            }
+
+
+            for (const tag in event.tags) {
+              if (event.tags[tag].asVec()[0] === "status") {
+
+                if (event.content !== "" && (event.tags[tag].asVec()[1] === "processing" || event.tags[tag].asVec()[1] === "subscription-required")) {
+                  if (event.tags[tag].asVec().length > 2) {
+                    dvms.find(i => i.id === event.author.toHex()).status = event.tags[tag].asVec()[2]
+                  } else {
+                    dvms.find(i => i.id === event.author.toHex()).status = event.content
+                  }
+                } else {
+                  dvms.find(i => i.id === event.author.toHex()).status = event.tags[tag].asVec()[1]
+
+                }
+              }
+
+              if (event.tags[tag].asVec()[0] === "subscribed") {
+                if (Timestamp.fromSecs(parseInt(event.tags[tag].asVec()[1])).asSecs() > Timestamp.now().asSecs()) {
+                  dvms.find(i => i.id === event.author.toHex()).subscription = event.tags[tag].asVec()[1]
+                }
+              }
+
+              if (event.tags[tag].asVec()[0] === "amount") {
+                dvms.find(i => i.id === event.author.toHex()).amount = event.tags[tag].asVec()[1]
+                if (event.tags[tag].asVec().length > 2) {
+                  dvms.find(i => i.id === event.author.toHex()).bolt11 = event.tags[tag].asVec()[2]
+                } else {
+                  let profiles = await get_user_infos([event.author.toHex()])
+                  let created = 0
+                  if (profiles.length > 0) {
+                    console.log(profiles[0].profile)
+                    let current = profiles[0]
+                    let lud16 = current.profile.lud16
+                    if (lud16 !== null && lud16 !== "") {
+                      console.log("LUD16: " + lud16)
+                      dvms.find(i => i.id === event.author.toHex()).bolt11 = await zaprequest(lud16, dvms.find(i => i.id === event.author.toHex()).amount, "paid from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)
+                      //dvms.find(i => i.id === event.author.toHex()).bolt11 = await createBolt11Lud16(lud16, dvms.find(i => i.id === event.author.toHex()).amount)
+                      console.log(dvms.find(i => i.id === event.author.toHex()).bolt11)
+                      if (dvms.find(i => i.id === event.author.toHex()).bolt11 === "") {
+                        dvms.find(i => i.id === event.author.toHex()).status = "error"
+
+                      }
+                    } else {
+                      console.log("NO LNURL")
                     }
 
-
-                      let items = []
-                      let index = 0
-
-                      if (entries.length > 0) {
-
-                        try{
+                  } else {
+                    console.log("PROFILE NOT FOUND")
+                  }
+                }
+              }
+              store.commit('set_filter_dvms', dvms)
+            }
+          } catch (error) {
+            console.log("Error: ", error);
+          }
 
 
-                        let profiles = await get_user_infos(entries)
+        } else if (event.kind === 6301) {
+          let entries = []
+          console.log("6301:", event.content);
+          let is_encrypted = false
+          let ptag = ""
+
+          for (const tag in event.tags) {
+            if (event.tags[tag].asVec()[0] === "encrypted") {
+              is_encrypted = true
+              console.log("encrypted reply")
+            } else if (event.tags[tag].asVec()[0] === "p") {
+              ptag = event.tags[tag].asVec()[1]
+            }
+          }
+
+          let content = event.content
+
+          if (is_encrypted) {
+            if (ptag === store.state.pubkey.toHex()) {
+              let signer = store.state.signer
+              content = await signer.nip04Decrypt(event.author, event.content)
+
+            } else {
+              console.log("not addressed to us")
+              return
+            }
+          }
 
 
-                        for (let profile of profiles){
+          if (content === "" || content === "[]" || content === "None") {
+            let items = []
+            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_filter_dvms', dvms)
+          } else {
 
-                          let name = profile === undefined ? "" : profile["profile"]["name"]
-                          let picture = profile === undefined ? "../assets/nostr-purple.svg" : profile["profile"]["picture"]
-
-                          let highlighterurl = "https://highlighter.com/e/" + profile["author"]
-                          let njumpurl = "https://njump.me/" + PublicKey.parse(profile["author"]).toBech32()
-                           let nostrudelurl = "https://nostrudel.ninja/#/n/" + profile["author"]
-
-                        let isnip05valid = false
+            let event_ptags = JSON.parse(content)
+            if (event_ptags.length > 0) {
+              for (let ptag of event_ptags) {
+                const eventid = ptag[1]
+                entries.push(eventid)
+                //console.log(eventid)
+              }
 
 
-                         /* 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 authorid = evt.author.toHex()
+              let items = []
+              let index = 0
 
-                          let nostrudelurl = "https://nostrudel.ninja/#/n/" + bech32id
-                          let uri = "nostr:" + bech32id //  nip19.toNostrUri()
-                          let lud16 = p === undefined ? "" : (p["profile"] === undefined ? "" : p["profile"]["lud16"])
+              if (entries.length > 0) {
+
+                try {
+
+
+                  let profiles = await get_user_infos(entries)
+
+
+                  for (let profile of profiles) {
+
+                    let name = profile === undefined ? "" : profile["profile"]["name"]
+                    let picture = profile === undefined ? "../assets/nostr-purple.svg" : profile["profile"]["picture"]
+
+                    let highlighterurl = "https://highlighter.com/e/" + profile["author"]
+                    let njumpurl = "https://njump.me/" + PublicKey.parse(profile["author"]).toBech32()
+                    let nostrudelurl = "https://nostrudel.ninja/#/n/" + profile["author"]
+
+                    let isnip05valid = false
+
+
+                    /* 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 authorid = evt.author.toHex()
+
+                     let nostrudelurl = "https://nostrudel.ninja/#/n/" + bech32id
+                     let uri = "nostr:" + bech32id //  nip19.toNostrUri()
+                     let lud16 = p === undefined ? "" : (p["profile"] === undefined ? "" : p["profile"]["lud16"])
 */
 
-                          if (items.find(e => e.id === profile["author"]) === undefined) {
+                    if (items.find(e => e.id === profile["author"]) === undefined) {
 
 
-                            items.push({
-                              id: profile["author"],
-                              isnip05valid: isnip05valid,
-                              event: profile,
-                              author: name,
-                              authorid: profile["author"],
-                              authorurl: "https://njump.me/" + PublicKey.parse(profile["author"]).toBech32(),
-                              links: {
-                                "highlighter": highlighterurl,
-                                "njump": njumpurl,
-                                "nostrudel": nostrudelurl
-                              },
-                              avatar: picture,
-                              index: index,
-                              indicator: {"time": profile.createdAt.toHumanDatetime(), "index": index},
-                              active:  true,
-                            })
+                      items.push({
+                        id: profile["author"],
+                        isnip05valid: isnip05valid,
+                        event: profile,
+                        author: name,
+                        authorid: profile["author"],
+                        authorurl: "https://njump.me/" + PublicKey.parse(profile["author"]).toBech32(),
+                        links: {
+                          "highlighter": highlighterurl,
+                          "njump": njumpurl,
+                          "nostrudel": nostrudelurl
+                        },
+                        avatar: picture,
+                        index: index,
+                        indicator: {"time": profile.createdAt.toHumanDatetime(), "index": index},
+                        active: true,
+                      })
 
-                            index = index + 1
-                          }
+                      index = index + 1
+                    }
 
                   }
 
 
-                       /* if (dvms.find(i => i.id === event.author.toHex()) === undefined) {
-                          await addDVM(event)
-                          console.log("add dvm because of bug")
-                        } */
+                  /* if (dvms.find(i => i.id === event.author.toHex()) === undefined) {
+                     await addDVM(event)
+                     console.log("add dvm because of bug")
+                   } */
 
 
-                        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"
-                      }
-                         catch(error){
-                        console.log(error)}
-                      }
-                     }
-                  store.commit('set_filter_dvms', dvms)
+                  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"
+                } catch (error) {
+                  console.log(error)
                 }
-}
-              }
-          //  })
-        },
-        // Handle relay message
-        handleMsg: async (relayUrl, message) => {
-            //console.log("Received message from", relayUrl, message.asJson());
-        }
-    };
-
-    client.handleNotifications(handle);
-}
-
-async function isnip05valid(profile){
-         let  isnip05valid = false
-          if (profile["profile"]["nip05"] !== undefined && profile["profile"]["nip05"] !== ""){
-            try{
-              let domain = profile["profile"]["nip05"].split('@')[1]
-            let user = profile["profile"]["nip05"].split('@')[0]
-            let checknip05url = "https://" + domain + "/.well-known/nostr.json?name=" + user
-            //console.log(checknip05url)
-            let response = await fetch(checknip05url);
-            let data = await response.json();
-            let usernpub = data.names[user]
-              if (usernpub === profile["author"]){
-                isnip05valid = true
               }
             }
-            catch (error){
-              isnip05valid = false
-            }
-
+            store.commit('set_filter_dvms', dvms)
           }
+        }
+      }
+      //  })
+    },
+    // Handle relay message
+    handleMsg: async (relayUrl, message) => {
+      //console.log("Received message from", relayUrl, message.asJson());
+    }
+  };
 
-          return isnip05valid
+  client.handleNotifications(handle);
+}
+
+async function isnip05valid(profile) {
+  let isnip05valid = false
+  if (profile["profile"]["nip05"] !== undefined && profile["profile"]["nip05"] !== "") {
+    try {
+      let domain = profile["profile"]["nip05"].split('@')[1]
+      let user = profile["profile"]["nip05"].split('@')[0]
+      let checknip05url = "https://" + domain + "/.well-known/nostr.json?name=" + user
+      //console.log(checknip05url)
+      let response = await fetch(checknip05url);
+      let data = await response.json();
+      let usernpub = data.names[user]
+      if (usernpub === profile["author"]) {
+        isnip05valid = true
+      }
+    } catch (error) {
+      isnip05valid = false
+    }
+
+  }
+
+  return isnip05valid
 
 }
+
 async function addAllContentDVMs() {
 
   let relevant_dvms = []
@@ -509,41 +490,41 @@ async function addAllContentDVMs() {
       final_dvms.push(store.state.nip89dvms.find(x => x.id === element.id))
     }
 
-  for (let el of final_dvms){
+    for (let el of final_dvms) {
 
-    let status = "announced"
-    let jsonentry = {
-      id: el.id,
-      kind: "",
-      status: status,
-      laststatusid: "",
-      result: [],
-      name: el.name,
-      about: el.about,
-      image: el.image,
-      amount: el.amount,
-      encryptionSupported: el.encryptionSupported,
-      cashuAccepted: el.cashuAccepted,
-      bolt11: "",
-      lud16: el.lud16,
-      subscription: "",
-      nip88: el.nip88,
-       action: el.action
+      let status = "announced"
+      let jsonentry = {
+        id: el.id,
+        kind: "",
+        status: status,
+        laststatusid: "",
+        result: [],
+        name: el.name,
+        about: el.about,
+        image: el.image,
+        amount: el.amount,
+        encryptionSupported: el.encryptionSupported,
+        cashuAccepted: el.cashuAccepted,
+        bolt11: "",
+        lud16: el.lud16,
+        subscription: "",
+        nip88: el.nip88,
+        action: el.action
+      }
+
+
+      //console.log(jsonentry)
+      if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+        dvms.push(jsonentry)
+      }
     }
 
-
-    //console.log(jsonentry)
-    if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-      dvms.push(jsonentry)
-    }
-  }
-
-  store.commit('set_filter_dvms', dvms)
+    store.commit('set_filter_dvms', dvms)
   }
 
 }
 
-async function addDVM(event){
+async function addDVM(event) {
   let status = "unknown"
   let jsonentry = {
     id: event.author.toHex(),
@@ -570,32 +551,28 @@ async function addDVM(event){
       jsonentry.amount = event.tags[tag].asVec()[1]
       if (event.tags[tag].asVec().length > 2) {
         jsonentry.bolt11 = event.tags[tag].asVec()[2]
-      }
-        else{
-          let profiles = await get_user_infos([event.author.toHex()])
-         let created = 0
-          if (profiles.length > 0){
-           // for (const profile of profiles){
-              console.log(profiles[0].profile)
-            let current = profiles[0]
-            let lud16 = current.profile.lud16
-            if (lud16 !== null && lud16 !== ""){
-              console.log("LUD16: " +  lud16)
-              jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount)
-              console.log(jsonentry.bolt11)
-              if(jsonentry.bolt11 === ""){
-               status = "error"
-              }
-          }
-            else {
-              console.log("NO LNURL")
+      } else {
+        let profiles = await get_user_infos([event.author.toHex()])
+        let created = 0
+        if (profiles.length > 0) {
+          // for (const profile of profiles){
+          console.log(profiles[0].profile)
+          let current = profiles[0]
+          let lud16 = current.profile.lud16
+          if (lud16 !== null && lud16 !== "") {
+            console.log("LUD16: " + lud16)
+            jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount)
+            console.log(jsonentry.bolt11)
+            if (jsonentry.bolt11 === "") {
+              status = "error"
             }
-
-        }
-
-          else {
-            console.log("PROFILE NOT FOUND")
+          } else {
+            console.log("NO LNURL")
           }
+
+        } else {
+          console.log("PROFILE NOT FOUND")
+        }
       }
     }
   }
@@ -607,9 +584,9 @@ async function addDVM(event){
       jsonentry.about = el.about
       jsonentry.image = el.image
       jsonentry.lud16 = el.lud16
-     jsonentry.encryptionSupported = el.encryptionSupported
-     jsonentry.cashuAccepted = el.cashuAccepted
-       jsonentry.action = el.action
+      jsonentry.encryptionSupported = el.encryptionSupported
+      jsonentry.cashuAccepted = el.cashuAccepted
+      jsonentry.action = el.action
 
       console.log(jsonentry)
 
@@ -617,13 +594,13 @@ async function addDVM(event){
   }
 
 
-   if (event.content !== "" && status !== "payment-required" &&  status !== "error" &&  status !== "finished" &&  status !== "paid"){
+  if (event.content !== "" && status !== "payment-required" && status !== "error" && status !== "finished" && status !== "paid") {
     status = event.content
   }
 
   console.log(dvms)
   if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-       dvms.push(jsonentry)
+    dvms.push(jsonentry)
   }
 
 
@@ -632,37 +609,36 @@ async function addDVM(event){
 
 }
 
-async function cancelSubscription(kind7001, recipent){
-        console.log(kind7001)
-        console.log(recipent)
-        let client = store.state.client
-        let res;
-        let requestid;
-        let content = "Canceled from Noogle"
-        let kind = 7002
-        let tags = [
-              ["p", recipent],
-              ["e", kind7001]
-            ]
+async function cancelSubscription(kind7001, recipent) {
+  console.log(kind7001)
+  console.log(recipent)
+  let client = store.state.client
+  let res;
+  let requestid;
+  let content = "Canceled from Noogle"
+  let kind = 7002
+  let tags = [
+    ["p", recipent],
+    ["e", kind7001]
+  ]
 
-          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)
+  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)
 
 
-
-       dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.hasActiveSubscription = true
-       dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.expires = true
+  dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.hasActiveSubscription = true
+  dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.expires = true
 }
 
 async function subscribe_to_dvm() {
 
-  if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon"){
+  if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon") {
     miniToastr.showMessage("Login to subscribe to a DVM.", "Not logged in", "error")
     return
   }
@@ -674,31 +650,31 @@ async function subscribe_to_dvm() {
   store.commit('set_filter_dvms', dvms)
 
 
-if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subscription_dvm.value.nip88.subscriptionId  ) {
+  if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subscription_dvm.value.nip88.subscriptionId) {
 
-  let res;
-  let requestid;
-  let kind = 7001
-  let content = "Subscription from noogle.lol"
+    let res;
+    let requestid;
+    let kind = 7001
+    let content = "Subscription from noogle.lol"
 
 
-  let tags = [
-    ["p", current_subscription_dvm.value.id],
-    ["e", current_subscription_dvm.value.nip88.eventid],
-    ["event", JSON.stringify(current_subscription_dvm.value.nip88.event)],
-    ["amount", (current_subscription_amount.value).toString(), "msats", current_subscription_cadence.value],
-  ]
-  for (let zap of current_subscription_dvm.value.nip88.zaps) {
-    console.log(zap.key + " " + zap.split)
-    if(zap.key === ""){
-      //if Tier allows an empty key, the client might add itself for the zap share here
-      zap.key = Keys.parse(store.state.nooglekey).publicKey.toHex()
+    let tags = [
+      ["p", current_subscription_dvm.value.id],
+      ["e", current_subscription_dvm.value.nip88.eventid],
+      ["event", JSON.stringify(current_subscription_dvm.value.nip88.event)],
+      ["amount", (current_subscription_amount.value).toString(), "msats", current_subscription_cadence.value],
+    ]
+    for (let zap of current_subscription_dvm.value.nip88.zaps) {
+      console.log(zap.key + " " + zap.split)
+      if (zap.key === "") {
+        //if Tier allows an empty key, the client might add itself for the zap share here
+        zap.key = Keys.parse(store.state.nooglekey).publicKey.toHex()
+      }
+      let zaptag = ["zap", zap.key, zap.split]
+      tags.push(zaptag)
     }
-    let zaptag = ["zap", zap.key, zap.split]
-    tags.push(zaptag)
-  }
 
-  console.log("Creating 7001 event")
+    console.log("Creating 7001 event")
 
     let tags_t = []
     for (let tag of tags) {
@@ -710,78 +686,75 @@ if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subsc
     console.log(res)
 
 
-  current_subscription_dvm.value.nip88.subscriptionId = requestid
-  console.log(current_subscription_dvm.value.nip88.subscriptionId)
+    current_subscription_dvm.value.nip88.subscriptionId = requestid
+    console.log(current_subscription_dvm.value.nip88.subscriptionId)
 
-}
+  }
 
-  try{
-      let nwcdvm = PublicKey.parse(store.state.subscription_verifier_pubkey)
+  try {
+    let nwcdvm = PublicKey.parse(store.state.subscription_verifier_pubkey)
     let key = Keys.parse(store.state.nooglekey)
-      console.log(key.publicKey.toHex())
-      let nsigner = NostrSigner.keys(key)
-      let nclient = new Client(nsigner)
+    console.log(key.publicKey.toHex())
+    let nsigner = NostrSigner.keys(key)
+    let nclient = new Client(nsigner)
 
-       for (const relay of store.state.relays) {
-        await nclient.addRelay(relay)
-      }
-       await nclient.connect()
+    for (const relay of store.state.relays) {
+      await nclient.addRelay(relay)
+    }
+    await nclient.connect()
 
-      let tags_str = []
-      let nwctag = Tag.parse(["param", "nwc", current_subscription_nwc.value])
-      tags_str.push(nwctag.asVec())
+    let tags_str = []
+    let nwctag = Tag.parse(["param", "nwc", current_subscription_nwc.value])
+    tags_str.push(nwctag.asVec())
 
-      let ptag = Tag.parse(["param", "p", store.state.pubkey.toHex()])
-      tags_str.push(ptag.asVec())
-      let tags_as_str = JSON.stringify(tags_str)
+    let ptag = Tag.parse(["param", "p", store.state.pubkey.toHex()])
+    tags_str.push(ptag.asVec())
+    let tags_as_str = JSON.stringify(tags_str)
 
-    try{
+    try {
 
-       let msg =  await (await nclient.signer()).nip04Encrypt(nwcdvm, tags_as_str)
-        let tags_t = []
-        tags_t.push(Tag.parse(["p", store.state.subscription_verifier_pubkey]))
-        tags_t.push(Tag.parse(["encrypted"]))
-        tags_t.push(Tag.parse(["client", "noogle"]))
-        let evt = new EventBuilder(5906, msg, tags_t)
-        console.log(evt)
-        let res = await nclient.sendEventBuilder(evt);
-           }
-    catch (e){
-        console.log(e)
+      let msg = await (await nclient.signer()).nip04Encrypt(nwcdvm, tags_as_str)
+      let tags_t = []
+      tags_t.push(Tag.parse(["p", store.state.subscription_verifier_pubkey]))
+      tags_t.push(Tag.parse(["encrypted"]))
+      tags_t.push(Tag.parse(["client", "noogle"]))
+      let evt = new EventBuilder(5906, msg, tags_t)
+      console.log(evt)
+      let res = await nclient.sendEventBuilder(evt);
+    } catch (e) {
+      console.log(e)
     }
 
 
-
-      let isSubscribed = false
-     let timeout = 0
-     let subscription_status
-      while (!isSubscribed && timeout < 30){
-         dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status = "Subscribing, please wait.."
-         await sleep(5000)
-         timeout = timeout +1
-        subscription_status = await hasActiveSubscription(store.state.pubkey.toHex(), current_subscription_dvm.value.nip88.d, current_subscription_dvm.value.id)
-         if (subscription_status["isActive"] === true){
-           isSubscribed = true
-           dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status = "announced"
-         }
+    let isSubscribed = false
+    let timeout = 0
+    let subscription_status
+    while (!isSubscribed && timeout < 30) {
+      dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status = "Subscribing, please wait.."
+      await sleep(5000)
+      timeout = timeout + 1
+      subscription_status = await hasActiveSubscription(store.state.pubkey.toHex(), current_subscription_dvm.value.nip88.d, current_subscription_dvm.value.id)
+      if (subscription_status["isActive"] === true) {
+        isSubscribed = true
+        dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status = "announced"
       }
-      console.log(subscription_status)
+    }
+    console.log(subscription_status)
 
 
-       dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.hasActiveSubscription = subscription_status["isActive"]
-       dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.expires = false
-       dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.subscribedUntil = subscription_status.validUntil
+    dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.hasActiveSubscription = subscription_status["isActive"]
+    dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.expires = false
+    dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).nip88.subscribedUntil = subscription_status.validUntil
 
 
-       if (subscription_status["isActive"] === false){
-          dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status  = "Timeout, please refresh the page"
+    if (subscription_status["isActive"] === false) {
+      dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status = "Timeout, please refresh the page"
 
-       }
+    }
     store.commit('set_filter_dvms', dvms)
 
-  }
-  catch(error){
-      console.log(error)
+  } catch (error) {
+    console.log(error)
   }
 
 }
@@ -789,7 +762,7 @@ if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subsc
 async function zap_local(invoice) {
 
   let success = await zap(invoice)
-  if (success){
+  if (success) {
     dvms.find(i => i.bolt11 === invoice).status = "paid"
     store.commit('set_filter_dvms', dvms)
   }
@@ -797,235 +770,211 @@ async function zap_local(invoice) {
 }
 
 
-
-
-async function mute_all(results){
+async function mute_all(results) {
   console.log(results)
-      let client = store.state.client
-    let signer = store.state.signer
-    let publicKey = store.state.pubkey
+  let client = store.state.client
+  let signer = store.state.signer
+  let publicKey = store.state.pubkey
 
-    let mute_filter = new Filter().author(publicKey).kind(10000)
-    let mutes = await client.getEventsOf([mute_filter], Duration.fromSecs(5))
-    console.log(mutes.length)
+  let mute_filter = new Filter().author(publicKey).kind(10000)
+  let mutes = await client.getEventsOf([mute_filter], Duration.fromSecs(5))
+  console.log(mutes.length)
 
 
-    let list = new Event()
+  let list = new Event()
 
-    if (mutes.length > 0) {
-       list = mutes[0]
+  if (mutes.length > 0) {
+    list = mutes[0]
 
 
-         try {
-            let eventasjson = JSON.parse(list.asJson())
-            let content = await (await signer).nip04Decrypt(store.state.pubkey, list.content)
-            let jsonObject = JSON.parse(content)
-            console.log(content)
-
-           for (let result of results){
-          console.log(result)
-
-            let exists = false
-            for(let i = 0; i < jsonObject.length; i++)
-              {
-                if(jsonObject[i][1] === result.authorid)
-                {
-                 exists = true
-                  break;
-                }
-              }
-            if (exists){
-             console.log("already muted")
-            }
-            else{
-
-                jsonObject.push(["p", result.authorid])
-                store.state.mutes.push(result.authorid)
-
-
-
-              }
-            }
-
-             let newcontent = JSON.stringify(jsonObject)
-                console.log(newcontent)
-                let lol = "[]"
-                eventasjson.content = await (await signer).nip04Encrypt(store.state.pubkey, newcontent)
-                let newList = new EventBuilder(list.kind, eventasjson.content, list.tags).toUnsignedEvent(store.state.pubkey)
-
-                 try{
-                      let signedMuteList = await signer.signEvent(newList)
-                      //console.log(signedMuteList.asJson())
-                      await client.sendEvent(signedMuteList)
-                 }
-                 catch (error){
-                    console.log("Inner " + error)
-                 }
+    try {
+      let eventasjson = JSON.parse(list.asJson())
+      let content = await (await signer).nip04Decrypt(store.state.pubkey, list.content)
+      let jsonObject = JSON.parse(content)
+      console.log(content)
 
+      for (let result of results) {
+        console.log(result)
 
+        let exists = false
+        for (let i = 0; i < jsonObject.length; i++) {
+          if (jsonObject[i][1] === result.authorid) {
+            exists = true
+            break;
           }
-        catch(error){
-          console.log(error)
         }
-    }
-
-       else{
-          let jsonObject = []
-          for (let result of results){
-                jsonObject.push(["p", result.authorid])
-                store.state.mutes.push(result.authorid)
-              }
-
-
-          let newcontent = JSON.stringify(jsonObject)
-          let content = await (await signer).nip04Encrypt(store.state.pubkey, newcontent)
-      let tags = []
-          let newList = new EventBuilder(10000, content, tags).toUnsignedEvent(store.state.pubkey)
-          try{
-            let signedMuteList = await signer.signEvent(newList)
-            //console.log(signedMuteList.asJson())
-            let id = await client.sendEvent(signedMuteList)
-            console.log(id)
-       }
-       catch (error){
-          console.log("Inner " + error)
-       }
-          }
-
-
-}
-
-async function mute(result) {
-    let client = store.state.client
-    let signer = store.state.signer
-    let publicKey = store.state.pubkey
-
-    let mute_filter = new Filter().author(publicKey).kind(10000)
-    let mutes = await client.getEventsOf([mute_filter], Duration.fromSecs(5))
-    console.log(mutes.length)
-    if (mutes.length > 0) {
-       let list = mutes[0]
-       let content = ""
-         try {
-            let eventasjson = JSON.parse(list.asJson())
-           try{
-            //  console.log(list.content)
-            let signer = await store.state.signer
-           content = await signer.nip04Decrypt(store.state.pubkey, list.content)
-               //    console.log(content)
-
-           }
-           catch(error){
-              console.log(error)
-           }
-
-             let jsonObject = JSON.parse(content)
-            let exists = false
-            for(let i = 0; i < jsonObject.length; i++)
-              {
-                if(jsonObject[i][1] === result.authorid)
-                {
-                 exists = true
-                }
-              }
-            if (exists){
-             console.log("already muted")
-            }
-            else{
-
-                jsonObject.push(["p", result.authorid])
-                store.state.mutes.push(result.authorid)
-                let newcontent = JSON.stringify(jsonObject)
-                console.log(newcontent)
-                eventasjson.content = await store.state.signer.nip04Encrypt(store.state.pubkey, newcontent)
-                let newList = new EventBuilder(list.kind, eventasjson.content, list.tags).toUnsignedEvent(store.state.pubkey)
-                      //console.log(signedMuteList.asJson())
-                 try{
-                  let signedMuteList
-                       try{
-                            signedMuteList = await signer.signEvent(newList)
-                            console.log(signedMuteList)
-                        }
-                        catch (error){
-                            console.log(error)
-                        }
-
-                      let id = await client.sendEvent(signedMuteList)
-                      console.log(id)
-                 }
-                 catch (error){
-                    console.log("Inner " + error)
-                 }
-              }
-          }
-        catch(error){
-          console.log(error)
-        }
-    }
-    else{
-          let jsonObject = []
+        if (exists) {
+          console.log("already muted")
+        } else {
 
           jsonObject.push(["p", result.authorid])
           store.state.mutes.push(result.authorid)
 
 
+        }
+      }
 
-          let newcontent = JSON.stringify(jsonObject)
-          let content = await (await signer).nip04Encrypt(store.state.pubkey, newcontent)
-          let tags = []
-          let newList = new EventBuilder(10000, content, tags).toUnsignedEvent(store.state.pubkey)
-          try{
-            let signedMuteList = await signer.signEvent(newList)
-            //console.log(signedMuteList.asJson())
-            let id = await client.sendEvent(signedMuteList)
-            console.log(id)
-       }
-       catch (error){
-          console.log("Inner " + error)
-       }
+      let newcontent = JSON.stringify(jsonObject)
+      console.log(newcontent)
+      let lol = "[]"
+      eventasjson.content = await (await signer).nip04Encrypt(store.state.pubkey, newcontent)
+      let newList = new EventBuilder(list.kind, eventasjson.content, list.tags).toUnsignedEvent(store.state.pubkey)
+
+      try {
+        let signedMuteList = await signer.signEvent(newList)
+        //console.log(signedMuteList.asJson())
+        await client.sendEvent(signedMuteList)
+      } catch (error) {
+        console.log("Inner " + error)
+      }
+
+
+    } catch (error) {
+      console.log(error)
+    }
+  } else {
+    let jsonObject = []
+    for (let result of results) {
+      jsonObject.push(["p", result.authorid])
+      store.state.mutes.push(result.authorid)
     }
 
 
+    let newcontent = JSON.stringify(jsonObject)
+    let content = await (await signer).nip04Encrypt(store.state.pubkey, newcontent)
+    let tags = []
+    let newList = new EventBuilder(10000, content, tags).toUnsignedEvent(store.state.pubkey)
+    try {
+      let signedMuteList = await signer.signEvent(newList)
+      //console.log(signedMuteList.asJson())
+      let id = await client.sendEvent(signedMuteList)
+      console.log(id)
+    } catch (error) {
+      console.log("Inner " + error)
+    }
+  }
+
+
+}
+
+async function mute(result) {
+  let client = store.state.client
+  let signer = store.state.signer
+  let publicKey = store.state.pubkey
+
+  let mute_filter = new Filter().author(publicKey).kind(10000)
+  let mutes = await client.getEventsOf([mute_filter], Duration.fromSecs(5))
+  console.log(mutes.length)
+  if (mutes.length > 0) {
+    let list = mutes[0]
+    let content = ""
+    try {
+      let eventasjson = JSON.parse(list.asJson())
+      try {
+        //  console.log(list.content)
+        let signer = await store.state.signer
+        content = await signer.nip04Decrypt(store.state.pubkey, list.content)
+        //    console.log(content)
+
+      } catch (error) {
+        console.log(error)
+      }
+
+      let jsonObject = JSON.parse(content)
+      let exists = false
+      for (let i = 0; i < jsonObject.length; i++) {
+        if (jsonObject[i][1] === result.authorid) {
+          exists = true
+        }
+      }
+      if (exists) {
+        console.log("already muted")
+      } else {
+
+        jsonObject.push(["p", result.authorid])
+        store.state.mutes.push(result.authorid)
+        let newcontent = JSON.stringify(jsonObject)
+        console.log(newcontent)
+        eventasjson.content = await store.state.signer.nip04Encrypt(store.state.pubkey, newcontent)
+        let newList = new EventBuilder(list.kind, eventasjson.content, list.tags).toUnsignedEvent(store.state.pubkey)
+        //console.log(signedMuteList.asJson())
+        try {
+          let signedMuteList
+          try {
+            signedMuteList = await signer.signEvent(newList)
+            console.log(signedMuteList)
+          } catch (error) {
+            console.log(error)
+          }
+
+          let id = await client.sendEvent(signedMuteList)
+          console.log(id)
+        } catch (error) {
+          console.log("Inner " + error)
+        }
+      }
+    } catch (error) {
+      console.log(error)
+    }
+  } else {
+    let jsonObject = []
+
+    jsonObject.push(["p", result.authorid])
+    store.state.mutes.push(result.authorid)
+
+
+    let newcontent = JSON.stringify(jsonObject)
+    let content = await (await signer).nip04Encrypt(store.state.pubkey, newcontent)
+    let tags = []
+    let newList = new EventBuilder(10000, content, tags).toUnsignedEvent(store.state.pubkey)
+    try {
+      let signedMuteList = await signer.signEvent(newList)
+      //console.log(signedMuteList.asJson())
+      let id = await client.sendEvent(signedMuteList)
+      console.log(id)
+    } catch (error) {
+      console.log("Inner " + error)
+    }
+  }
+
 
 }
 
 
-
-
-async function unfollow_all(results){
-    let keys = Keys.parse(store.state.nooglekey)
+async function unfollow_all(results) {
+  let keys = Keys.parse(store.state.nooglekey)
   let signer = NostrSigner.keys(keys)
   let limits = RelayLimits.disable()
   let relayopts = new Options().relayLimits(limits);
   let dbclient = new ClientBuilder().signer(signer).opts(relayopts).build()
   await dbclient.addRelay("wss://relay.damus.io");
-  await dbclient.addRelay( "wss://purplepag.es");
+  await dbclient.addRelay("wss://purplepag.es");
   await dbclient.connect()
   let found = false
   let element
   let publicKey = store.state.pubkey
   console.log(publicKey.toHex())
-   let followers_filter = new Filter().author(publicKey).kind(3).limit(1)
-   let followers = await dbclient.getEventsOf([followers_filter], Duration.fromSecs(5))
-     console.log(followers.length)
-   let contacts = []
-     let followings = [] //TODO legacy, try to remove with contacts
-       let ids = []
+  let followers_filter = new Filter().author(publicKey).kind(3).limit(1)
+  let followers = await dbclient.getEventsOf([followers_filter], Duration.fromSecs(5))
+  console.log(followers.length)
+  let contacts = []
+  let followings = [] //TODO legacy, try to remove with contacts
+  let ids = []
 
-    if (followers.length > 0){
-          for (let tag of followers[0].tags) {
-            if (tag.asVec()[0] === "p") {
-              let following = tag.asVec()[1]
-              let contact = new Contact(PublicKey.parse(tag.asVec()[1]), tag.asVec()[2], tag.asVec()[3])
-              contacts.push(contact)
-              followings.push(PublicKey.parse(following))
-              ids.push(following)
-            }
-          }
+  if (followers.length > 0) {
+    for (let tag of followers[0].tags) {
+      if (tag.asVec()[0] === "p") {
+        let following = tag.asVec()[1]
+        let contact = new Contact(PublicKey.parse(tag.asVec()[1]), tag.asVec()[2], tag.asVec()[3])
+        contacts.push(contact)
+        followings.push(PublicKey.parse(following))
+        ids.push(following)
+      }
+    }
 
 
-  console.log(contacts)
-  for (let result of results) {
+    console.log(contacts)
+    for (let result of results) {
       for (let em of contacts) {
         if (em.publicKey.toHex() === result.authorid) {
           found = true
@@ -1062,121 +1011,119 @@ async function unfollow_all(results){
           console.log(error)
         }
 
-      }
-      else {
+      } else {
         console.log("not found")
         return false
       }
 
-  }}
+    }
+  }
 
 }
 
-async function unfollow(result){
+async function unfollow(result) {
   let keys = Keys.parse(store.state.nooglekey)
   let signer = NostrSigner.keys(keys)
   let limits = RelayLimits.disable()
   let relayopts = new Options().relayLimits(limits);
   let dbclient = new ClientBuilder().signer(signer).opts(relayopts).build()
   await dbclient.addRelay("wss://relay.damus.io");
-  await dbclient.addRelay( "wss://purplepag.es");
+  await dbclient.addRelay("wss://purplepag.es");
   await dbclient.connect()
   console.log(result.authorid)
   let found = false
   let element
   let publicKey = store.state.pubkey
   console.log(publicKey.toHex())
-   let followers_filter = new Filter().author(publicKey).kind(3).limit(1)
-   let followers = await dbclient.getEventsOf([followers_filter], Duration.fromSecs(5))
-     console.log(followers.length)
-   let contacts = []
-     let followings = [] //TODO legacy, try to remove with contacts
-       let ids = []
+  let followers_filter = new Filter().author(publicKey).kind(3).limit(1)
+  let followers = await dbclient.getEventsOf([followers_filter], Duration.fromSecs(5))
+  console.log(followers.length)
+  let contacts = []
+  let followings = [] //TODO legacy, try to remove with contacts
+  let ids = []
 
-    if (followers.length > 0){
-          for (let tag of followers[0].tags) {
-            if (tag.asVec()[0] === "p") {
-              let following = tag.asVec()[1]
-              let contact = new Contact(PublicKey.parse(tag.asVec()[1]), tag.asVec()[2], tag.asVec()[3])
-              contacts.push(contact)
-              followings.push(PublicKey.parse(following))
-              ids.push(following)
-            }
-          }
-
-
-  console.log(contacts)
-  for (let em of contacts){
-    if (em.publicKey.toHex() === result.authorid){
-      found = true
-      element = em
-      break
+  if (followers.length > 0) {
+    for (let tag of followers[0].tags) {
+      if (tag.asVec()[0] === "p") {
+        let following = tag.asVec()[1]
+        let contact = new Contact(PublicKey.parse(tag.asVec()[1]), tag.asVec()[2], tag.asVec()[3])
+        contacts.push(contact)
+        followings.push(PublicKey.parse(following))
+        ids.push(following)
+      }
     }
 
-  }
- // let element  = store.state.contacts.find(x => x.publicKey.toHex() === result.authorid)
 
-  if (found){
+    console.log(contacts)
+    for (let em of contacts) {
+      if (em.publicKey.toHex() === result.authorid) {
+        found = true
+        element = em
+        break
+      }
 
-  console.log(element)
-  let index = contacts.indexOf(element)
-  console.log(index)
-  console.log(contacts.length)
+    }
+    // let element  = store.state.contacts.find(x => x.publicKey.toHex() === result.authorid)
 
-  let rm =  contacts.splice(index, 1)
-     store.commit('set_contacts', contacts)
-     store.commit('set_followings', ids)
+    if (found) {
+
+      console.log(element)
+      let index = contacts.indexOf(element)
+      console.log(index)
+      console.log(contacts.length)
+
+      let rm = contacts.splice(index, 1)
+      store.commit('set_contacts', contacts)
+      store.commit('set_followings', ids)
 
 
-    try{
+      try {
 
-     let event = EventBuilder.contactList(contacts)
-      let client = store.state.client
-      let requestid = await client.sendEventBuilder(event);
+        let event = EventBuilder.contactList(contacts)
+        let client = store.state.client
+        let requestid = await client.sendEventBuilder(event);
 
-      console.log("unfollowing "  + result.event.profile.name + " " +  requestid.toHex())
-      console.log( contacts)
+        console.log("unfollowing " + result.event.profile.name + " " + requestid.toHex())
+        console.log(contacts)
 
         return true
+      } catch (error) {
+        console.log(error)
+      }
+
+    } else {
+      console.log("not found")
+      return false
     }
-    catch(error){
-    console.log(error)
-    }
-
-     }
-  else {
-    console.log("not found")
-    return false
   }
-}}
+}
 
-async  function store_nwc(){
+async function store_nwc() {
 
-  if (nwcalby.value.startsWith("nostr")){
+  if (nwcalby.value.startsWith("nostr")) {
 
-    current_subscription_nwc.value  = nwcalby.value
-  }
-  else if (nwcmutiny.value.startsWith("nostr") ){
+    current_subscription_nwc.value = nwcalby.value
+  } else if (nwcmutiny.value.startsWith("nostr")) {
 
-    current_subscription_nwc.value  = nwcmutiny.value
-  }
-  else{
+    current_subscription_nwc.value = nwcmutiny.value
+  } else {
 
-    current_subscription_nwc.value  = nwc.value
+    current_subscription_nwc.value = nwc.value
   }
 
 }
-async function connect_alby_nwc(dvm_name){
 
-const alby = webln.NostrWebLNProvider.withNewSecret();
-let result = await alby.client.initNWC({
-        name: dvm_name,
-      });
+async function connect_alby_nwc(dvm_name) {
 
- if (result.payload.success){
-   nwcalby.value =  alby.client.getNostrWalletConnectUrl(true);
-   await store_nwc()
- }
+  const alby = webln.NostrWebLNProvider.withNewSecret();
+  let result = await alby.client.initNWC({
+    name: dvm_name,
+  });
+
+  if (result.payload.success) {
+    nwcalby.value = alby.client.getNostrWalletConnectUrl(true);
+    await store_nwc()
+  }
 }
 
 
@@ -1188,10 +1135,6 @@ defineProps({
 })
 
 
-
-
-
-
 const isModalOpened = ref(false);
 const isNWCModalOpened = ref(false);
 const modalcontent = ref("");
@@ -1200,7 +1143,7 @@ const datetopost = ref(Date.now());
 
 const nwc = ref("");
 const nwcmutiny = ref("");
-const nwcalby= ref("");
+const nwcalby = ref("");
 const current_subscription_amount = ref(0)
 const current_subscription_cadence = ref("")
 const current_subscription_dvm = ref(null)
@@ -1216,10 +1159,10 @@ const closeModal = () => {
   isModalOpened.value = false;
 };
 
-function openNWCModal(zaps, amount, cadence, subscriptionId, evt, eventid, id, p){
+function openNWCModal(zaps, amount, cadence, subscriptionId, evt, eventid, id, p) {
   isNWCModalOpened.value = true;
   nwcmodalcontent.value = result
-};
+}
 const closeNWCModal = () => {
   isNWCModalOpened.value = false;
 };
@@ -1228,11 +1171,6 @@ const submitHandler = async () => {
 }
 
 
-
-
-
-
-
 </script>
 
 <!--  font-thin bg-gradient-to-r from-white to-nostr bg-clip-text text-transparent -->
@@ -1240,377 +1178,485 @@ const submitHandler = async () => {
 <template>
 
   <div class="greetings">
-   <br>
+    <br>
     <br>
     <h1 class="text-7xl font-black tracking-wide">Nostr</h1>
     <h1 class="text-7xl font-black tracking-wide">Profile Filters</h1>
     <!--<h1 class="text-7xl font-black tracking-wide">Filter</h1> -->
 
     <h2 class="text-base-200-content text-center tracking-wide text-2xl font-thin ">
-    Curate your feed with pubkeys you love. And nothing else.</h2>
-     <br>
-    <div style="text-align: center"  v-if="store.state.filterdvms.length === 0">
-          <button  class="v-Button">Loading DVMs <span class="loading loading-infinity loading-md"></span>
+      Curate your feed with pubkeys you love. And nothing else.</h2>
+    <br>
+    <div v-if="store.state.filterdvms.length === 0" style="text-align: center">
+      <button class="v-Button">Loading DVMs <span class="loading loading-infinity loading-md"></span>
 
 
-    </button>
-          </div>
+      </button>
+    </div>
   </div>
   <br>
 
-   <ModalComponent  :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal">
-        <template #header>Summarize Results <br></template>
-        <template #content>
-          <SummarizationGeneration :events="modalcontent"></SummarizationGeneration>
-        </template>
-        <template #footer>
-        </template>
-   </ModalComponent>
+  <ModalComponent :isOpen="isModalOpened" name="first-modal" @submit="submitHandler" @modal-close="closeModal">
+    <template #header>Summarize Results <br></template>
+    <template #content>
+      <SummarizationGeneration :events="modalcontent"></SummarizationGeneration>
+    </template>
+    <template #footer>
+    </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 dvms"
-            :key="dvm.id">
-          <div className="card-body">
-            <div className="playeauthor-wrapper">
-              <figure  className="w-28">
-                   <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 v-for="dvm in dvms" :key="dvm.id"
+           className="card w-70 bg-base-100 shadow-xl flex flex-col">
+        <div className="card-body">
+          <div className="playeauthor-wrapper">
+            <figure className="w-28">
+              <img v-if="dvm.image" :src="dvm.image" alt="DVM Picture" className="avatar"/>
+              <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
+            </figure>
+            <h2 className="card-title">{{ dvm.name }}</h2>
 
-              </div>
-            <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
-            <div className="card-actions justify-end mt-auto"  >
-              <div className="tooltip mt-auto" style="border-width: 0" >
+          </div>
+          <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
+          <div className="card-actions justify-end mt-auto">
+            <div className="tooltip mt-auto" style="border-width: 0">
 
 
-                 <button v-if="dvm.status !== 'finished' && dvm.status !== 'paid' && dvm.status !== 'payment-required' && dvm.status !== 'subscription-required' && dvm.status !== 'subscription-success' && dvm.status !== 'error' && dvm.status !== 'announced'" className="btn">{{dvm.status}}</button>
-                  <button v-if="(dvm.status === 'finished'  && !dvm.nip88) || (dvm.status === 'finished' && dvm.nip88 && !dvm.nip88.hasActiveSubscription)" @click="generate_feed(dvm.id)" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
-                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              <button
+                  v-if="dvm.status !== 'finished' && dvm.status !== 'paid' && dvm.status !== 'payment-required' && dvm.status !== 'subscription-required' && dvm.status !== 'subscription-success' && dvm.status !== 'error' && dvm.status !== 'announced'"
+                  className="btn">{{ dvm.status }}
+              </button>
+              <button
+                  v-if="(dvm.status === 'finished'  && !dvm.nip88) || (dvm.status === 'finished' && dvm.nip88 && !dvm.nip88.hasActiveSubscription)"
+                  class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800"
+                  @click="generate_feed(dvm.id)">
+                  <span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Done, again?
                   </span>
-                  </button>
-                    <button v-if="dvm.status === 'finished'  && dvm.nip88 && dvm.nip88.hasActiveSubscription" @click="generate_feed(dvm.id);" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              </button>
+              <button v-if="dvm.status === 'finished'  && dvm.nip88 && dvm.nip88.hasActiveSubscription"
+                      class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      @click="generate_feed(dvm.id);">
+                  <span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Done, Again?
                   </span>
-                  </button>
+              </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 === '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_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button>
-                  <h3 v-if="dvm.status === 'subscription-required'" className="sub-Button" >Subscription required</h3>
+              <button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">
+                {{ dvm.amount / 1000 }} Sats
+              </button>
+              <h3 v-if="dvm.status === 'subscription-required'" className="sub-Button">Subscription required</h3>
 
 
-                  <button v-if="dvm.status === 'subscription-success'" className="sub-Button"  @click="generate_feed(dvm.id);">Subscribed. Request job</button>
+              <button v-if="dvm.status === 'subscription-success'" className="sub-Button"
+                      @click="generate_feed(dvm.id);">Subscribed. Request job
+              </button>
 
-                 <!-- <button v-if="dvm.status === 'announced'" className="request-Button" @click="generate_feed(dvm.id);">Request</button> -->
-                  <button v-if="(dvm.status === 'announced' && !dvm.nip88)" @click="generate_feed(dvm.id);" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
-                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              <!-- <button v-if="dvm.status === 'announced'" className="request-Button" @click="generate_feed(dvm.id);">Request</button> -->
+              <button v-if="(dvm.status === 'announced' && !dvm.nip88)" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800"
+                      @click="generate_feed(dvm.id);">
+                  <span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Request
                   </span>
-                  </button>
+              </button>
 
-                  <button v-if="dvm.status === 'announced'  && dvm.nip88 && dvm.nip88.hasActiveSubscription" @click="generate_feed(dvm.id);" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-              <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              <button v-if="dvm.status === 'announced'  && dvm.nip88 && dvm.nip88.hasActiveSubscription"
+                      class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      @click="generate_feed(dvm.id);">
+              <span
+                  class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Request
                   </span>
-                  </button>
+              </button>
 
-                    <button v-if="dvm.status === 'announced'  && dvm.nip88 && !dvm.nip88.hasActiveSubscription"  onclick='subscr.showModal()' class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                      <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">Subscription
+              <button v-if="dvm.status === 'announced'  && dvm.nip88 && !dvm.nip88.hasActiveSubscription"
+                      class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      onclick='subscr.showModal()'>
+                      <span
+                          class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">Subscription
                       </span>
-                 </button>
-
-         
+              </button>
 
 
-
-               <!--<h3 v-if="dvm.amount.toString().toLowerCase()==='free'" class="bg-nostr btn rounded-full" >{{ "Free" }}</h3> -->
+              <!--<h3 v-if="dvm.amount.toString().toLowerCase()==='free'" class="bg-nostr btn rounded-full" >{{ "Free" }}</h3> -->
 
 
             </div>
-            </div>
-            <div style="margin-left: auto; margin-right: 3px;">
-       <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr" >Free</p>
-        <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2" >Flexible</p>
+          </div>
+          <div style="margin-left: auto; margin-right: 3px;">
+            <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p>
+            <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2">
+              Flexible</p>
 
 
-       <!-- <p v-if="dvm.nip88 && !dvm.nip88.hasActiveSubscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400"  onclick='subscr.showModal()' >Subscription</p> -->
+            <!-- <p v-if="dvm.nip88 && !dvm.nip88.hasActiveSubscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400"  onclick='subscr.showModal()' >Subscription</p> -->
 
-                 <div class="flex">
-                   <div class="tooltip" style="border-width: 0">
-                       <svg v-if="dvm.encryptionSupported && dvm.nip88" style="margin-left: auto; margin-right: 5px" class="w-4 h-4 text-gray-800 dark:text-white flex" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 22">
-                            <path d="M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-5 7.723v2.277h-2v-2.277c-.595-.347-1-.984-1-1.723 0-1.104.896-2 2-2s2 .896 2 2c0 .738-.404 1.376-1 1.723zm-5-7.723v-4c0-2.206 1.794-4 4-4 2.205 0 4 1.794 4 4v4h-8z"/>
-                       </svg>
-                  <span class="tooltiptext">This DVM uses encrypted communication. Only the DVM can see your request, and only you can see the results. <br> Currently not encrypted when using Amber Signer.</span>
-                </div>
-                  <button v-if="dvm.nip88 && dvm.nip88.hasActiveSubscription"  onclick='subscr.showModal()' class=" badge relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
+            <div class="flex">
+              <div class="tooltip" style="border-width: 0">
+                <svg v-if="dvm.encryptionSupported && dvm.nip88" aria-hidden="true"
+                     class="w-4 h-4 text-gray-800 dark:text-white flex" fill="currentColor"
+                     style="margin-left: auto; margin-right: 5px" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                      d="M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-5 7.723v2.277h-2v-2.277c-.595-.347-1-.984-1-1.723 0-1.104.896-2 2-2s2 .896 2 2c0 .738-.404 1.376-1 1.723zm-5-7.723v-4c0-2.206 1.794-4 4-4 2.205 0 4 1.794 4 4v4h-8z"/>
+                </svg>
+                <span class="tooltiptext">This DVM uses encrypted communication. Only the DVM can see your request, and only you can see the results. <br> Currently not encrypted when using Amber Signer.</span>
+              </div>
+              <button v-if="dvm.nip88 && dvm.nip88.hasActiveSubscription" class=" badge relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      onclick='subscr.showModal()'>
+                                  <span
+                                      class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
                                    Subscription</span>
-                 </button>
+              </button>
 
 
-                </div>
-        </div>
-            <div>
-              <div class="playeauthor-wrapper" v-if="dvm.nip88">
+            </div>
+          </div>
+          <div>
+            <div v-if="dvm.nip88" class="playeauthor-wrapper">
 
 
-                <dialog id="nwc_modal" class="modal">
-                  <div class="modal-box rounded-2xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-base-600/60  ">
-                <h3 class="font-bold text-lg">Connect with Nostr Wallet Connect</h3>
-                <br>
+              <dialog id="nwc_modal" class="modal">
+                <div
+                    class="modal-box rounded-2xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-base-600/60  ">
+                  <h3 class="font-bold text-lg">Connect with Nostr Wallet Connect</h3>
+                  <br>
                   <div class="flex">
-                      <img class="avatar"  :src="dvm.nip88.image" alt="" />
-                    <h3 class="text-lg">{{dvm.nip88.title}}</h3>
+                    <img :src="dvm.nip88.image" alt="" class="avatar"/>
+                    <h3 class="text-lg">{{ dvm.nip88.title }}</h3>
                   </div>
-                <div>
-                   <p  class="py-4">Enter a Nostr Wallet connect to subscribe</p>
-                <div class="collapse bg-base-200">
-                <input type="radio" name="my-accordion-1" />
-                <div class="collapse-title text-xl font-medium bg-black/30 flex">
-                    <img  class="w-12 h-12 mask mask-squircle bg-zinc-700" style="width: 46px; height: 46px" src="/Alby.jpg"/>
-                   <div style="margin-left: 30px">
-                         <h3>Alby NWC</h3>
+                  <div>
+                    <p class="py-4">Enter a Nostr Wallet connect to subscribe</p>
+                    <div class="collapse bg-base-200">
+                      <input name="my-accordion-1" type="radio"/>
+                      <div class="collapse-title text-xl font-medium bg-black/30 flex">
+                        <img class="w-12 h-12 mask mask-squircle bg-zinc-700" src="/Alby.jpg"
+                             style="width: 46px; height: 46px"/>
+                        <div style="margin-left: 30px">
+                          <h3>Alby NWC</h3>
 
-                         <h3 class="text-sm text-neutral">Connect with your Alby Wallet</h3>
-                       </div>
+                          <h3 class="text-sm text-neutral">Connect with your Alby Wallet</h3>
+                        </div>
 
-                </div>
-                  <div class="collapse-content">
-                          <button v-if="!nwcalby.startsWith('nostr')" style="margin-top: 20px;" @click="connect_alby_nwc(dvm.nip88.title)">
-                          <svg width="211" height="40" viewBox="0 0 211 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <rect x="0.5" width="210" height="40" rx="6" fill="url(#paint0_linear_1_148)"/>
-                          <circle cx="1.575" cy="1.575" r="1.575" transform="matrix(-1 0 0 1 22.1176 13.8575)" fill="black"/>
-                          <path d="M20.28 15.1963L23.22 18.1363" stroke="black" stroke-width="0.7875"/>
-                          <circle cx="33.405" cy="15.4325" r="1.575" fill="black"/>
-                          <path d="M33.6938 15.1963L30.7538 18.1363" stroke="black" stroke-width="0.7875"/>
-                          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9896 24.831C20.1407 24.4269 19.6467 23.5194 19.8122 22.5939C20.5225 18.6217 23.4825 15.6425 27.0263 15.6425C30.5786 15.6425 33.5444 18.6362 34.2455 22.6228C34.4085 23.5499 33.9105 24.457 33.0587 24.8578C31.2361 25.7155 29.2003 26.195 27.0525 26.195C24.8824 26.195 22.8267 25.7055 20.9896 24.831Z" fill="#FFDF6F"/>
-                          <path d="M34.2455 22.6228L33.8577 22.691L34.2455 22.6228ZM33.0587 24.8578L32.8911 24.5016L33.0587 24.8578ZM20.9896 24.831L21.1588 24.4754L20.9896 24.831ZM20.1998 22.6632C20.8861 18.825 23.7231 16.0362 27.0263 16.0362V15.2487C23.242 15.2487 20.1588 18.4184 19.4246 22.5246L20.1998 22.6632ZM27.0263 16.0362C30.3374 16.0362 33.1802 18.8386 33.8577 22.691L34.6333 22.5546C33.9086 18.4337 30.8198 15.2487 27.0263 15.2487V16.0362ZM32.8911 24.5016C31.1198 25.3351 29.1411 25.8012 27.0525 25.8012V26.5887C29.2595 26.5887 31.3524 26.096 33.2264 25.2141L32.8911 24.5016ZM27.0525 25.8012C24.9422 25.8012 22.9442 25.3254 21.1588 24.4754L20.8203 25.1865C22.7092 26.0857 24.8226 26.5887 27.0525 26.5887V25.8012ZM33.8577 22.691C33.9884 23.4343 33.5904 24.1725 32.8911 24.5016L33.2264 25.2141C34.2306 24.7415 34.8287 23.6655 34.6333 22.5546L33.8577 22.691ZM19.4246 22.5246C19.2263 23.6336 19.8196 24.7101 20.8203 25.1865L21.1588 24.4754C20.4618 24.1436 20.0671 23.4052 20.1998 22.6632L19.4246 22.5246Z" fill="black"/>
-                          <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5042 23.8434C21.8209 23.5652 21.4155 22.8381 21.6523 22.1394C22.3825 19.9844 24.5124 18.425 27.0263 18.425C29.5401 18.425 31.67 19.9844 32.4002 22.1394C32.637 22.8381 32.2317 23.5652 31.5484 23.8434C30.1528 24.4118 28.6261 24.725 27.0263 24.725C25.4264 24.725 23.8997 24.4118 22.5042 23.8434Z" fill="black"/>
-                          <ellipse cx="28.8375" cy="21.785" rx="1.3125" ry="1.05" fill="white"/>
-                          <ellipse cx="25.0802" cy="21.7856" rx="1.3125" ry="1.05" fill="white"/>
-                          <path d="M55.5064 18.1477C55.1712 18.1477 54.9893 17.983 54.87 17.6648C54.4325 16.4659 53.3018 15.8068 51.9893 15.8068C49.9837 15.8068 48.4837 17.358 48.4837 20.1818C48.4837 23.0284 49.9893 24.5568 51.9837 24.5568C53.2905 24.5568 54.4155 23.9148 54.87 22.733C54.9893 22.4091 55.1712 22.25 55.5064 22.25H56.1371C56.5348 22.25 56.7507 22.4943 56.6314 22.8807C56.0405 24.8409 54.2905 26.1591 51.9723 26.1591C48.9496 26.1591 46.7393 23.9034 46.7393 20.1818C46.7393 16.4602 48.9609 14.2045 51.9723 14.2045C54.2166 14.2045 56.0348 15.4148 56.6371 17.517C56.7507 17.9091 56.5348 18.1477 56.1371 18.1477H55.5064ZM62.4197 26.1761C59.9595 26.1761 58.3516 24.375 58.3516 21.6761C58.3516 18.9602 59.9595 17.1591 62.4197 17.1591C64.88 17.1591 66.4879 18.9602 66.4879 21.6761C66.4879 24.375 64.88 26.1761 62.4197 26.1761ZM60.0675 21.6705C60.0675 23.3466 60.8175 24.75 62.4254 24.75C64.022 24.75 64.772 23.3466 64.772 21.6705C64.772 20 64.022 18.5795 62.4254 18.5795C60.8175 18.5795 60.0675 20 60.0675 21.6705ZM70.0831 25.4318C70.0831 25.8011 69.8842 26 69.5149 26H68.9524C68.5831 26 68.3842 25.8011 68.3842 25.4318V17.8409C68.3842 17.4716 68.5831 17.2727 68.9524 17.2727H69.4467C69.8161 17.2727 70.0149 17.4716 70.0149 17.8409V18.6932H70.1229C70.5263 17.767 71.3842 17.1591 72.6967 17.1591C74.4808 17.1591 75.6683 18.2898 75.6683 20.4489V25.4318C75.6683 25.8011 75.4695 26 75.1001 26H74.5376C74.1683 26 73.9695 25.8011 73.9695 25.4318V20.6534C73.9695 19.3864 73.2706 18.6307 72.1172 18.6307C70.9354 18.6307 70.0831 19.4261 70.0831 20.8182V25.4318ZM79.6456 25.4318C79.6456 25.8011 79.4467 26 79.0774 26H78.5149C78.1456 26 77.9467 25.8011 77.9467 25.4318V17.8409C77.9467 17.4716 78.1456 17.2727 78.5149 17.2727H79.0092C79.3786 17.2727 79.5774 17.4716 79.5774 17.8409V18.6932H79.6854C80.0888 17.767 80.9467 17.1591 82.2592 17.1591C84.0433 17.1591 85.2308 18.2898 85.2308 20.4489V25.4318C85.2308 25.8011 85.032 26 84.6626 26H84.1001C83.7308 26 83.532 25.8011 83.532 25.4318V20.6534C83.532 19.3864 82.8331 18.6307 81.6797 18.6307C80.4979 18.6307 79.6456 19.4261 79.6456 20.8182V25.4318ZM91.2706 26.1761C88.6967 26.1761 87.1172 24.4034 87.1172 21.6932C87.1172 19.0114 88.7195 17.1591 91.1513 17.1591C93.1286 17.1591 95.0149 18.392 95.0149 21.5455V21.5795C95.0149 21.9489 94.8161 22.1477 94.4467 22.1477H88.8104C88.8558 23.8295 89.8331 24.7727 91.2876 24.7727C92.0661 24.7727 92.6967 24.5 93.0717 23.9659C93.2649 23.6818 93.4581 23.5511 93.7876 23.6136L94.2876 23.7045C94.674 23.7784 94.8672 24 94.7365 24.2898C94.2024 25.4432 92.9524 26.1761 91.2706 26.1761ZM88.8161 20.875H93.3501C93.3445 19.5398 92.4808 18.5625 91.1626 18.5625C89.782 18.5625 88.8842 19.6364 88.8161 20.875ZM100.576 26.1761C98.0419 26.1761 96.5078 24.3068 96.5078 21.6761C96.5078 19.0114 98.0987 17.1591 100.559 17.1591C102.298 17.1591 103.621 18.0625 104.042 19.4716C104.15 19.8523 103.923 20.0909 103.531 20.0909H102.996C102.667 20.0909 102.491 19.9375 102.349 19.6307C102.053 19.0341 101.457 18.5909 100.587 18.5909C99.1669 18.5909 98.2237 19.767 98.2237 21.6364C98.2237 23.5398 99.1499 24.7386 100.587 24.7386C101.388 24.7386 102.025 24.3636 102.349 23.6989C102.491 23.3977 102.667 23.2386 102.996 23.2386H103.531C103.923 23.2386 104.15 23.4375 104.059 23.767C103.678 25.1875 102.417 26.1761 100.576 26.1761ZM110.052 18.0682C110.052 18.4375 109.853 18.6364 109.484 18.6364H108.262V23.4375C108.262 24.4205 108.756 24.6023 109.308 24.6023H109.364C109.722 24.5909 109.944 24.7102 110.018 25.0625L110.092 25.3864C110.171 25.7386 110.035 26.0114 109.671 26.0682C109.512 26.0909 109.325 26.1136 109.109 26.1136C107.768 26.142 106.558 25.375 106.563 23.7898V18.6364H105.853C105.484 18.6364 105.285 18.4375 105.285 18.0682V17.8409C105.285 17.4716 105.484 17.2727 105.853 17.2727H106.563V15.75C106.563 15.3807 106.762 15.1818 107.131 15.1818H107.694C108.063 15.1818 108.262 15.3807 108.262 15.75V17.2727H109.484C109.853 17.2727 110.052 17.4716 110.052 17.8409V18.0682ZM115.677 17.9148C115.563 17.5227 115.745 17.2727 116.154 17.2727H116.745C117.08 17.2727 117.29 17.4318 117.376 17.7557L118.955 23.6818H119.04L120.626 17.7557C120.711 17.4261 120.921 17.2727 121.256 17.2727H122.012C122.347 17.2727 122.558 17.4318 122.643 17.7557L124.217 23.6534H124.302L125.87 17.7557C125.955 17.4318 126.165 17.2727 126.501 17.2727H127.092C127.501 17.2727 127.683 17.517 127.569 17.9148L125.336 25.5227C125.239 25.8409 125.035 26 124.7 26H123.961C123.626 26 123.415 25.8466 123.325 25.517L121.688 19.6989H121.558L119.921 25.517C119.83 25.8466 119.62 26 119.285 26H118.552C118.217 26 118.012 25.8409 117.915 25.5227L115.677 17.9148ZM130.227 15.9261C129.636 15.9261 129.153 15.4716 129.153 14.9148C129.153 14.358 129.636 13.8977 130.227 13.8977C130.812 13.8977 131.3 14.358 131.3 14.9148C131.3 15.4716 130.812 15.9261 130.227 15.9261ZM129.369 25.4318V17.8409C129.369 17.4716 129.567 17.2727 129.937 17.2727H130.499C130.869 17.2727 131.067 17.4716 131.067 17.8409V25.4318C131.067 25.8011 130.869 26 130.499 26H129.937C129.567 26 129.369 25.8011 129.369 25.4318ZM137.427 18.0682C137.427 18.4375 137.228 18.6364 136.859 18.6364H135.637V23.4375C135.637 24.4205 136.131 24.6023 136.683 24.6023H136.739C137.097 24.5909 137.319 24.7102 137.393 25.0625L137.467 25.3864C137.546 25.7386 137.41 26.0114 137.046 26.0682C136.887 26.0909 136.7 26.1136 136.484 26.1136C135.143 26.142 133.933 25.375 133.938 23.7898V18.6364H133.228C132.859 18.6364 132.66 18.4375 132.66 18.0682V17.8409C132.66 17.4716 132.859 17.2727 133.228 17.2727H133.938V15.75C133.938 15.3807 134.137 15.1818 134.506 15.1818H135.069C135.438 15.1818 135.637 15.3807 135.637 15.75V17.2727H136.859C137.228 17.2727 137.427 17.4716 137.427 17.8409V18.0682ZM141.192 25.4318C141.192 25.8011 140.994 26 140.624 26H140.062C139.692 26 139.494 25.8011 139.494 25.4318V14.9318C139.494 14.5625 139.692 14.3636 140.062 14.3636H140.602C140.971 14.3636 141.17 14.5625 141.17 14.9318V18.6932H141.278C141.687 17.75 142.505 17.1591 143.863 17.1591C145.658 17.1591 146.852 18.2727 146.852 20.4489V25.4318C146.852 25.8011 146.653 26 146.283 26H145.721C145.352 26 145.153 25.8011 145.153 25.4318V20.6534C145.153 19.375 144.454 18.6307 143.283 18.6307C142.073 18.6307 141.192 19.4261 141.192 20.8182V25.4318ZM153.302 26C152.881 26 152.7 25.7386 152.842 25.3466L156.631 14.8182C156.745 14.5114 156.95 14.3636 157.279 14.3636H158.342C158.671 14.3636 158.876 14.5114 158.989 14.8182L162.779 25.3466C162.921 25.7386 162.739 26 162.319 26H161.637C161.308 26 161.097 25.858 160.989 25.5398L160.086 22.9205H155.54L154.631 25.5398C154.523 25.8523 154.313 26 153.984 26H153.302ZM156.052 21.4432H159.575L157.859 16.4773H157.768L156.052 21.4432ZM166.255 25.4318C166.255 25.8011 166.056 26 165.687 26H165.124C164.755 26 164.556 25.8011 164.556 25.4318V14.9318C164.556 14.5625 164.755 14.3636 165.124 14.3636H165.687C166.056 14.3636 166.255 14.5625 166.255 14.9318V25.4318ZM168.677 14.9318C168.677 14.5625 168.876 14.3636 169.245 14.3636H169.808C170.177 14.3636 170.376 14.5625 170.376 14.9318V18.6875H170.478C170.779 18.1477 171.364 17.1591 172.984 17.1591C175.092 17.1591 176.648 18.8239 176.648 21.6534C176.648 24.4773 175.114 26.1705 173.001 26.1705C171.41 26.1705 170.785 25.1989 170.478 24.642H170.336V25.4318C170.336 25.8011 170.137 26 169.768 26H169.245C168.876 26 168.677 25.8011 168.677 25.4318V14.9318ZM170.342 21.6364C170.342 23.4716 171.16 24.7216 172.62 24.7216C174.137 24.7216 174.933 23.3864 174.933 21.6364C174.933 19.9034 174.16 18.6023 172.62 18.6023C171.137 18.6023 170.342 19.8125 170.342 21.6364ZM179.317 29.2727C179.096 29.2727 178.891 29.2557 178.71 29.2273C178.346 29.1705 178.215 28.892 178.317 28.5341L178.414 28.2102C178.516 27.8636 178.744 27.7614 179.102 27.8011C179.744 27.8636 180.198 27.6136 180.539 26.6932L180.749 26.1136L177.789 17.9261C177.647 17.5341 177.829 17.2727 178.249 17.2727H178.886C179.215 17.2727 179.425 17.4261 179.528 17.7386L181.585 24.0455H181.675L183.732 17.7386C183.835 17.4261 184.045 17.2727 184.374 17.2727H185.016C185.437 17.2727 185.613 17.5341 185.471 17.9261L182.113 27.1648C181.607 28.5398 180.721 29.2727 179.317 29.2727Z" fill="black"/>
-                          <defs>
-                          <linearGradient id="paint0_linear_1_148" x1="105.5" y1="0" x2="105.5" y2="38.0952" gradientUnits="userSpaceOnUse">
-                          <stop offset="0.669102" stop-color="#FFDE6E"/>
-                          <stop offset="1" stop-color="#F8C455"/>
-                          </linearGradient>
-                          </defs>
+                      </div>
+                      <div class="collapse-content">
+                        <button v-if="!nwcalby.startsWith('nostr')" style="margin-top: 20px;"
+                                @click="connect_alby_nwc(dvm.nip88.title)">
+                          <svg fill="none" height="40" viewBox="0 0 211 40" width="211"
+                               xmlns="http://www.w3.org/2000/svg">
+                            <rect fill="url(#paint0_linear_1_148)" height="40" rx="6" width="210" x="0.5"/>
+                            <circle cx="1.575" cy="1.575" fill="black" r="1.575"
+                                    transform="matrix(-1 0 0 1 22.1176 13.8575)"/>
+                            <path d="M20.28 15.1963L23.22 18.1363" stroke="black" stroke-width="0.7875"/>
+                            <circle cx="33.405" cy="15.4325" fill="black" r="1.575"/>
+                            <path d="M33.6938 15.1963L30.7538 18.1363" stroke="black" stroke-width="0.7875"/>
+                            <path clip-rule="evenodd" d="M20.9896 24.831C20.1407 24.4269 19.6467 23.5194 19.8122 22.5939C20.5225 18.6217 23.4825 15.6425 27.0263 15.6425C30.5786 15.6425 33.5444 18.6362 34.2455 22.6228C34.4085 23.5499 33.9105 24.457 33.0587 24.8578C31.2361 25.7155 29.2003 26.195 27.0525 26.195C24.8824 26.195 22.8267 25.7055 20.9896 24.831Z"
+                                  fill="#FFDF6F"
+                                  fill-rule="evenodd"/>
+                            <path
+                                d="M34.2455 22.6228L33.8577 22.691L34.2455 22.6228ZM33.0587 24.8578L32.8911 24.5016L33.0587 24.8578ZM20.9896 24.831L21.1588 24.4754L20.9896 24.831ZM20.1998 22.6632C20.8861 18.825 23.7231 16.0362 27.0263 16.0362V15.2487C23.242 15.2487 20.1588 18.4184 19.4246 22.5246L20.1998 22.6632ZM27.0263 16.0362C30.3374 16.0362 33.1802 18.8386 33.8577 22.691L34.6333 22.5546C33.9086 18.4337 30.8198 15.2487 27.0263 15.2487V16.0362ZM32.8911 24.5016C31.1198 25.3351 29.1411 25.8012 27.0525 25.8012V26.5887C29.2595 26.5887 31.3524 26.096 33.2264 25.2141L32.8911 24.5016ZM27.0525 25.8012C24.9422 25.8012 22.9442 25.3254 21.1588 24.4754L20.8203 25.1865C22.7092 26.0857 24.8226 26.5887 27.0525 26.5887V25.8012ZM33.8577 22.691C33.9884 23.4343 33.5904 24.1725 32.8911 24.5016L33.2264 25.2141C34.2306 24.7415 34.8287 23.6655 34.6333 22.5546L33.8577 22.691ZM19.4246 22.5246C19.2263 23.6336 19.8196 24.7101 20.8203 25.1865L21.1588 24.4754C20.4618 24.1436 20.0671 23.4052 20.1998 22.6632L19.4246 22.5246Z"
+                                fill="black"/>
+                            <path clip-rule="evenodd" d="M22.5042 23.8434C21.8209 23.5652 21.4155 22.8381 21.6523 22.1394C22.3825 19.9844 24.5124 18.425 27.0263 18.425C29.5401 18.425 31.67 19.9844 32.4002 22.1394C32.637 22.8381 32.2317 23.5652 31.5484 23.8434C30.1528 24.4118 28.6261 24.725 27.0263 24.725C25.4264 24.725 23.8997 24.4118 22.5042 23.8434Z"
+                                  fill="black"
+                                  fill-rule="evenodd"/>
+                            <ellipse cx="28.8375" cy="21.785" fill="white" rx="1.3125" ry="1.05"/>
+                            <ellipse cx="25.0802" cy="21.7856" fill="white" rx="1.3125" ry="1.05"/>
+                            <path
+                                d="M55.5064 18.1477C55.1712 18.1477 54.9893 17.983 54.87 17.6648C54.4325 16.4659 53.3018 15.8068 51.9893 15.8068C49.9837 15.8068 48.4837 17.358 48.4837 20.1818C48.4837 23.0284 49.9893 24.5568 51.9837 24.5568C53.2905 24.5568 54.4155 23.9148 54.87 22.733C54.9893 22.4091 55.1712 22.25 55.5064 22.25H56.1371C56.5348 22.25 56.7507 22.4943 56.6314 22.8807C56.0405 24.8409 54.2905 26.1591 51.9723 26.1591C48.9496 26.1591 46.7393 23.9034 46.7393 20.1818C46.7393 16.4602 48.9609 14.2045 51.9723 14.2045C54.2166 14.2045 56.0348 15.4148 56.6371 17.517C56.7507 17.9091 56.5348 18.1477 56.1371 18.1477H55.5064ZM62.4197 26.1761C59.9595 26.1761 58.3516 24.375 58.3516 21.6761C58.3516 18.9602 59.9595 17.1591 62.4197 17.1591C64.88 17.1591 66.4879 18.9602 66.4879 21.6761C66.4879 24.375 64.88 26.1761 62.4197 26.1761ZM60.0675 21.6705C60.0675 23.3466 60.8175 24.75 62.4254 24.75C64.022 24.75 64.772 23.3466 64.772 21.6705C64.772 20 64.022 18.5795 62.4254 18.5795C60.8175 18.5795 60.0675 20 60.0675 21.6705ZM70.0831 25.4318C70.0831 25.8011 69.8842 26 69.5149 26H68.9524C68.5831 26 68.3842 25.8011 68.3842 25.4318V17.8409C68.3842 17.4716 68.5831 17.2727 68.9524 17.2727H69.4467C69.8161 17.2727 70.0149 17.4716 70.0149 17.8409V18.6932H70.1229C70.5263 17.767 71.3842 17.1591 72.6967 17.1591C74.4808 17.1591 75.6683 18.2898 75.6683 20.4489V25.4318C75.6683 25.8011 75.4695 26 75.1001 26H74.5376C74.1683 26 73.9695 25.8011 73.9695 25.4318V20.6534C73.9695 19.3864 73.2706 18.6307 72.1172 18.6307C70.9354 18.6307 70.0831 19.4261 70.0831 20.8182V25.4318ZM79.6456 25.4318C79.6456 25.8011 79.4467 26 79.0774 26H78.5149C78.1456 26 77.9467 25.8011 77.9467 25.4318V17.8409C77.9467 17.4716 78.1456 17.2727 78.5149 17.2727H79.0092C79.3786 17.2727 79.5774 17.4716 79.5774 17.8409V18.6932H79.6854C80.0888 17.767 80.9467 17.1591 82.2592 17.1591C84.0433 17.1591 85.2308 18.2898 85.2308 20.4489V25.4318C85.2308 25.8011 85.032 26 84.6626 26H84.1001C83.7308 26 83.532 25.8011 83.532 25.4318V20.6534C83.532 19.3864 82.8331 18.6307 81.6797 18.6307C80.4979 18.6307 79.6456 19.4261 79.6456 20.8182V25.4318ZM91.2706 26.1761C88.6967 26.1761 87.1172 24.4034 87.1172 21.6932C87.1172 19.0114 88.7195 17.1591 91.1513 17.1591C93.1286 17.1591 95.0149 18.392 95.0149 21.5455V21.5795C95.0149 21.9489 94.8161 22.1477 94.4467 22.1477H88.8104C88.8558 23.8295 89.8331 24.7727 91.2876 24.7727C92.0661 24.7727 92.6967 24.5 93.0717 23.9659C93.2649 23.6818 93.4581 23.5511 93.7876 23.6136L94.2876 23.7045C94.674 23.7784 94.8672 24 94.7365 24.2898C94.2024 25.4432 92.9524 26.1761 91.2706 26.1761ZM88.8161 20.875H93.3501C93.3445 19.5398 92.4808 18.5625 91.1626 18.5625C89.782 18.5625 88.8842 19.6364 88.8161 20.875ZM100.576 26.1761C98.0419 26.1761 96.5078 24.3068 96.5078 21.6761C96.5078 19.0114 98.0987 17.1591 100.559 17.1591C102.298 17.1591 103.621 18.0625 104.042 19.4716C104.15 19.8523 103.923 20.0909 103.531 20.0909H102.996C102.667 20.0909 102.491 19.9375 102.349 19.6307C102.053 19.0341 101.457 18.5909 100.587 18.5909C99.1669 18.5909 98.2237 19.767 98.2237 21.6364C98.2237 23.5398 99.1499 24.7386 100.587 24.7386C101.388 24.7386 102.025 24.3636 102.349 23.6989C102.491 23.3977 102.667 23.2386 102.996 23.2386H103.531C103.923 23.2386 104.15 23.4375 104.059 23.767C103.678 25.1875 102.417 26.1761 100.576 26.1761ZM110.052 18.0682C110.052 18.4375 109.853 18.6364 109.484 18.6364H108.262V23.4375C108.262 24.4205 108.756 24.6023 109.308 24.6023H109.364C109.722 24.5909 109.944 24.7102 110.018 25.0625L110.092 25.3864C110.171 25.7386 110.035 26.0114 109.671 26.0682C109.512 26.0909 109.325 26.1136 109.109 26.1136C107.768 26.142 106.558 25.375 106.563 23.7898V18.6364H105.853C105.484 18.6364 105.285 18.4375 105.285 18.0682V17.8409C105.285 17.4716 105.484 17.2727 105.853 17.2727H106.563V15.75C106.563 15.3807 106.762 15.1818 107.131 15.1818H107.694C108.063 15.1818 108.262 15.3807 108.262 15.75V17.2727H109.484C109.853 17.2727 110.052 17.4716 110.052 17.8409V18.0682ZM115.677 17.9148C115.563 17.5227 115.745 17.2727 116.154 17.2727H116.745C117.08 17.2727 117.29 17.4318 117.376 17.7557L118.955 23.6818H119.04L120.626 17.7557C120.711 17.4261 120.921 17.2727 121.256 17.2727H122.012C122.347 17.2727 122.558 17.4318 122.643 17.7557L124.217 23.6534H124.302L125.87 17.7557C125.955 17.4318 126.165 17.2727 126.501 17.2727H127.092C127.501 17.2727 127.683 17.517 127.569 17.9148L125.336 25.5227C125.239 25.8409 125.035 26 124.7 26H123.961C123.626 26 123.415 25.8466 123.325 25.517L121.688 19.6989H121.558L119.921 25.517C119.83 25.8466 119.62 26 119.285 26H118.552C118.217 26 118.012 25.8409 117.915 25.5227L115.677 17.9148ZM130.227 15.9261C129.636 15.9261 129.153 15.4716 129.153 14.9148C129.153 14.358 129.636 13.8977 130.227 13.8977C130.812 13.8977 131.3 14.358 131.3 14.9148C131.3 15.4716 130.812 15.9261 130.227 15.9261ZM129.369 25.4318V17.8409C129.369 17.4716 129.567 17.2727 129.937 17.2727H130.499C130.869 17.2727 131.067 17.4716 131.067 17.8409V25.4318C131.067 25.8011 130.869 26 130.499 26H129.937C129.567 26 129.369 25.8011 129.369 25.4318ZM137.427 18.0682C137.427 18.4375 137.228 18.6364 136.859 18.6364H135.637V23.4375C135.637 24.4205 136.131 24.6023 136.683 24.6023H136.739C137.097 24.5909 137.319 24.7102 137.393 25.0625L137.467 25.3864C137.546 25.7386 137.41 26.0114 137.046 26.0682C136.887 26.0909 136.7 26.1136 136.484 26.1136C135.143 26.142 133.933 25.375 133.938 23.7898V18.6364H133.228C132.859 18.6364 132.66 18.4375 132.66 18.0682V17.8409C132.66 17.4716 132.859 17.2727 133.228 17.2727H133.938V15.75C133.938 15.3807 134.137 15.1818 134.506 15.1818H135.069C135.438 15.1818 135.637 15.3807 135.637 15.75V17.2727H136.859C137.228 17.2727 137.427 17.4716 137.427 17.8409V18.0682ZM141.192 25.4318C141.192 25.8011 140.994 26 140.624 26H140.062C139.692 26 139.494 25.8011 139.494 25.4318V14.9318C139.494 14.5625 139.692 14.3636 140.062 14.3636H140.602C140.971 14.3636 141.17 14.5625 141.17 14.9318V18.6932H141.278C141.687 17.75 142.505 17.1591 143.863 17.1591C145.658 17.1591 146.852 18.2727 146.852 20.4489V25.4318C146.852 25.8011 146.653 26 146.283 26H145.721C145.352 26 145.153 25.8011 145.153 25.4318V20.6534C145.153 19.375 144.454 18.6307 143.283 18.6307C142.073 18.6307 141.192 19.4261 141.192 20.8182V25.4318ZM153.302 26C152.881 26 152.7 25.7386 152.842 25.3466L156.631 14.8182C156.745 14.5114 156.95 14.3636 157.279 14.3636H158.342C158.671 14.3636 158.876 14.5114 158.989 14.8182L162.779 25.3466C162.921 25.7386 162.739 26 162.319 26H161.637C161.308 26 161.097 25.858 160.989 25.5398L160.086 22.9205H155.54L154.631 25.5398C154.523 25.8523 154.313 26 153.984 26H153.302ZM156.052 21.4432H159.575L157.859 16.4773H157.768L156.052 21.4432ZM166.255 25.4318C166.255 25.8011 166.056 26 165.687 26H165.124C164.755 26 164.556 25.8011 164.556 25.4318V14.9318C164.556 14.5625 164.755 14.3636 165.124 14.3636H165.687C166.056 14.3636 166.255 14.5625 166.255 14.9318V25.4318ZM168.677 14.9318C168.677 14.5625 168.876 14.3636 169.245 14.3636H169.808C170.177 14.3636 170.376 14.5625 170.376 14.9318V18.6875H170.478C170.779 18.1477 171.364 17.1591 172.984 17.1591C175.092 17.1591 176.648 18.8239 176.648 21.6534C176.648 24.4773 175.114 26.1705 173.001 26.1705C171.41 26.1705 170.785 25.1989 170.478 24.642H170.336V25.4318C170.336 25.8011 170.137 26 169.768 26H169.245C168.876 26 168.677 25.8011 168.677 25.4318V14.9318ZM170.342 21.6364C170.342 23.4716 171.16 24.7216 172.62 24.7216C174.137 24.7216 174.933 23.3864 174.933 21.6364C174.933 19.9034 174.16 18.6023 172.62 18.6023C171.137 18.6023 170.342 19.8125 170.342 21.6364ZM179.317 29.2727C179.096 29.2727 178.891 29.2557 178.71 29.2273C178.346 29.1705 178.215 28.892 178.317 28.5341L178.414 28.2102C178.516 27.8636 178.744 27.7614 179.102 27.8011C179.744 27.8636 180.198 27.6136 180.539 26.6932L180.749 26.1136L177.789 17.9261C177.647 17.5341 177.829 17.2727 178.249 17.2727H178.886C179.215 17.2727 179.425 17.4261 179.528 17.7386L181.585 24.0455H181.675L183.732 17.7386C183.835 17.4261 184.045 17.2727 184.374 17.2727H185.016C185.437 17.2727 185.613 17.5341 185.471 17.9261L182.113 27.1648C181.607 28.5398 180.721 29.2727 179.317 29.2727Z"
+                                fill="black"/>
+                            <defs>
+                              <linearGradient id="paint0_linear_1_148" gradientUnits="userSpaceOnUse" x1="105.5" x2="105.5" y1="0"
+                                              y2="38.0952">
+                                <stop offset="0.669102" stop-color="#FFDE6E"/>
+                                <stop offset="1" stop-color="#F8C455"/>
+                              </linearGradient>
+                            </defs>
                           </svg>
 
-                          </button>
-                         <p style="margin-top: 20px;"  v-if="nwcalby.startsWith('nostr')">Connected to Alby Wallet.</p>
-                          </div>
-                </div>
-                <div class="collapse bg-base-200">
-                  <input type="radio" name="my-accordion-1" />
-                  <div class="collapse-title text-xl font-medium bg-black/30  flex">
-                         <img class="w-12 h-12 mask mask-squircle bg-zinc-700" style="width: 46px; height: 46px" src="/Mutiny.png"/>
-                    <div style="margin-left: 30px">
-                            <h3> Mutiny Wallet</h3>
-                           <h3 class="text-sm text-neutral">Connect with your Mutiny Wallet</h3>
-                         </div>
-                  </div>
+                        </button>
+                        <p v-if="nwcalby.startsWith('nostr')" style="margin-top: 20px;">Connected to Alby Wallet.</p>
+                      </div>
+                    </div>
+                    <div class="collapse bg-base-200">
+                      <input name="my-accordion-1" type="radio"/>
+                      <div class="collapse-title text-xl font-medium bg-black/30  flex">
+                        <img class="w-12 h-12 mask mask-squircle bg-zinc-700" src="/Mutiny.png"
+                             style="width: 46px; height: 46px"/>
+                        <div style="margin-left: 30px">
+                          <h3> Mutiny Wallet</h3>
+                          <h3 class="text-sm text-neutral">Connect with your Mutiny Wallet</h3>
+                        </div>
+                      </div>
 
-                  <div class="collapse-content">
-                     <p>Add a new Wallet Connection from:</p>
-                    <ul class="steps steps-vertical">
-                  <li class="step">Settings</li>
-                  <li class="step">Wallet Connections</li>
-                  <li class="step">Add Connection</li><li class="step">copy the connection string.</li>
-                </ul>
-                  <textarea class="nwc-Input" style="width: auto; margin-left: 10px; margin-top: 10px" name="Text1" type="password"   placeholder="nostr+walletconnect://..." cols="40" rows="5"  v-model="nwcmutiny"></textarea>
-                  </div>
-                </div>
-                <div class="collapse bg-base-200">
-                <input type="radio" name="my-accordion-1" />
-                <div class="collapse-title text-xl font-medium transparent bg-black/30 flex">
-                  <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12 h-12 mask mask-squircle"><g clip-path="url(#clip0_1138_8450)"><rect width="56" height="56" rx="16" fill="black"></rect><rect width="56" height="56" fill="url(#paint0_radial_1138_8450)"></rect><rect width="56" height="56" fill="black" fill-opacity="0.9"></rect><path d="M42.7656 23.2125C42.7656 33.8416 32.4114 42.9297 28 42.9297C23.5886 42.9297 13.2344 33.8416 13.2344 23.2125C13.2344 15.0741 19.8452 8.47656 28 8.47656C36.1548 8.47656 42.7656 15.0741 42.7656 23.2125Z" fill="url(#paint1_radial_1138_8450)"></path><path d="M25.5108 47.4784L27.7337 46.747C27.9067 46.6901 28.0933 46.6901 28.2663 46.747L30.4892 47.4784C31.2399 47.7255 31.8928 46.9058 31.4827 46.231L28.7272 41.6978C28.396 41.1528 27.604 41.1528 27.2728 41.6978L24.5173 46.231C24.1072 46.9058 24.7601 47.7255 25.5108 47.4784Z" fill="url(#paint2_radial_1138_8450)"></path><circle cx="28" cy="23.2422" r="5.79688" fill="black" fill-opacity="0.66"></circle></g><defs><radialGradient id="paint0_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(56 56) rotate(-135) scale(79.196 118.441)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><radialGradient id="paint1_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><radialGradient id="paint2_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><clipPath id="clip0_1138_8450"><rect width="56" height="56" rx="16" fill="white"></rect></clipPath></defs></svg>
-                       <div style="margin-left: 30px">
-                         <h3>Nostr Wallet Connect</h3>
-                         <h3 class="text-sm text-neutral">Manually connect with NWC string</h3>
-                       </div>
+                      <div class="collapse-content">
+                        <p>Add a new Wallet Connection from:</p>
+                        <ul class="steps steps-vertical">
+                          <li class="step">Settings</li>
+                          <li class="step">Wallet Connections</li>
+                          <li class="step">Add Connection</li>
+                          <li class="step">copy the connection string.</li>
+                        </ul>
+                        <textarea v-model="nwcmutiny" class="nwc-Input"
+                                  cols="40" name="Text1" placeholder="nostr+walletconnect://..." rows="5"
+                                  style="width: auto; margin-left: 10px; margin-top: 10px" type="password"></textarea>
+                      </div>
+                    </div>
+                    <div class="collapse bg-base-200">
+                      <input name="my-accordion-1" type="radio"/>
+                      <div class="collapse-title text-xl font-medium transparent bg-black/30 flex">
+                        <svg class="w-12 h-12 mask mask-squircle" fill="none" height="56" viewBox="0 0 56 56" width="56"
+                             xmlns="http://www.w3.org/2000/svg">
+                          <g clip-path="url(#clip0_1138_8450)">
+                            <rect fill="black" height="56" rx="16" width="56"></rect>
+                            <rect fill="url(#paint0_radial_1138_8450)" height="56" width="56"></rect>
+                            <rect fill="black" fill-opacity="0.9" height="56" width="56"></rect>
+                            <path
+                                d="M42.7656 23.2125C42.7656 33.8416 32.4114 42.9297 28 42.9297C23.5886 42.9297 13.2344 33.8416 13.2344 23.2125C13.2344 15.0741 19.8452 8.47656 28 8.47656C36.1548 8.47656 42.7656 15.0741 42.7656 23.2125Z"
+                                fill="url(#paint1_radial_1138_8450)"></path>
+                            <path
+                                d="M25.5108 47.4784L27.7337 46.747C27.9067 46.6901 28.0933 46.6901 28.2663 46.747L30.4892 47.4784C31.2399 47.7255 31.8928 46.9058 31.4827 46.231L28.7272 41.6978C28.396 41.1528 27.604 41.1528 27.2728 41.6978L24.5173 46.231C24.1072 46.9058 24.7601 47.7255 25.5108 47.4784Z"
+                                fill="url(#paint2_radial_1138_8450)"></path>
+                            <circle cx="28" cy="23.2422" fill="black" fill-opacity="0.66" r="5.79688"></circle>
+                          </g>
+                          <defs>
+                            <radialGradient id="paint0_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(56 56) rotate(-135) scale(79.196 118.441)"
+                                            gradientUnits="userSpaceOnUse"
+                                            r="1">
+                              <stop stop-color="#6951FA"></stop>
+                              <stop offset="1" stop-color="#9151FA"></stop>
+                            </radialGradient>
+                            <radialGradient id="paint1_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"
+                                            gradientUnits="userSpaceOnUse"
+                                            r="1">
+                              <stop stop-color="#6951FA"></stop>
+                              <stop offset="1" stop-color="#9151FA"></stop>
+                            </radialGradient>
+                            <radialGradient id="paint2_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"
+                                            gradientUnits="userSpaceOnUse"
+                                            r="1">
+                              <stop stop-color="#6951FA"></stop>
+                              <stop offset="1" stop-color="#9151FA"></stop>
+                            </radialGradient>
+                            <clipPath id="clip0_1138_8450">
+                              <rect fill="white" height="56" rx="16" width="56"></rect>
+                            </clipPath>
+                          </defs>
+                        </svg>
+                        <div style="margin-left: 30px">
+                          <h3>Nostr Wallet Connect</h3>
+                          <h3 class="text-sm text-neutral">Manually connect with NWC string</h3>
+                        </div>
 
 
-                </div>
-                <div class="collapse-content">
-                <textarea class="nwc-Input" style="width: auto; margin-left: 10px; margin-top: 10px" name="Text1" type="password"  placeholder="nostr+walletconnect://..." cols="40" rows="5"  v-model="nwc"></textarea>
+                      </div>
+                      <div class="collapse-content">
+                        <textarea v-model="nwc" class="nwc-Input"
+                                  cols="40" name="Text1" placeholder="nostr+walletconnect://..." rows="5"
+                                  style="width: auto; margin-left: 10px; margin-top: 10px" type="password"></textarea>
 
-                </div>
-              </div>
+                      </div>
+                    </div>
 
 
-                <div class="modal-action">
-                  <form method="dialog">
-                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-                    <!-- if there is a button in form, it will close the modal -->
-                        <button @click="store_nwc(); subscribe_to_dvm()" class=" relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                                <span class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
+                    <div class="modal-action">
+                      <form method="dialog">
+                        <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                        <!-- if there is a button in form, it will close the modal -->
+                        <button class=" relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                                @click="store_nwc(); subscribe_to_dvm()">
+                                <span
+                                    class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
                                 Subscribe
                                 </span>
-                      </button>
+                        </button>
 
 
-                  </form>
-                </div>
+                      </form>
+                    </div>
+                  </div>
+
                 </div>
+              </dialog>
 
-              </div>
-                </dialog>
+              <dialog id="subscr" class="modal">
+                <div
+                    className="modal-box rounded-3xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-gradient-to-br from-pink-500 to-orange-400 ">
+                  <h3 class="font-bold text-lg">Manage your Subscription</h3>
+                  <img :src="dvm.nip88.image" class="w-full" style="flex: content; width: 300px"></img>
+                  <div class="grid grid-cols-1 gap-6">
+                    <br>
+                    <div className="card-body rounded-2xl bg-black/10  ring-2 ring-white">
+                      <h3 className="card-title">{{ dvm.nip88.title }}</h3>
 
-                <dialog id="subscr" class="modal">
-                         <div  className="modal-box rounded-3xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-gradient-to-br from-pink-500 to-orange-400 ">
-                                 <h3 class="font-bold text-lg">Manage your Subscription</h3>
-                              <img style="flex: content; width: 300px" class="w-full" :src="dvm.nip88.image"></img>
-                           <div class="grid grid-cols-1 gap-6">
-                              <br>
-  <div  className="card-body rounded-2xl bg-black/10  ring-2 ring-white">
-                                <h3 className="card-title">{{dvm.nip88.title}}</h3>
+                      <br>
+                      <h3 style="text-align: left">{{ dvm.nip88.description }}</h3>
 
-<br>
-                                 <h3 style="text-align: left">{{dvm.nip88.description}}</h3>
+                      <h3 className="card-title">Perks:</h3>
+                      <div v-for="perk in dvm.nip88.perks">
+                        <p style="text-align: left">- {{ perk }}</p>
+                      </div>
+                    </div>
+                    <div v-if="dvm.nip88.hasActiveSubscription"
+                         className="card-body rounded-2xl bg-black/10  ring-2 ring-black">
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && !dvm.nip88.expires " className="card-title">
+                        Subscription renewing at
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2) }}
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim() }}
+                        GMT</h3>
 
-                                  <h3 className="card-title">Perks:</h3>
-                                  <div v-for="perk in dvm.nip88.perks">
-                                  <p  style="text-align: left">- {{perk}}</p>
-                                </div>
-                              </div>
-                                       <div  v-if="dvm.nip88.hasActiveSubscription"  className="card-body rounded-2xl bg-black/10  ring-2 ring-black">
-                                   <h3 className="card-title"  v-if="dvm.nip88.hasActiveSubscription && !dvm.nip88.expires ">Subscription renewing at
-                  {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2)}} {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim()}} GMT</h3>
-
-                                 <h3 className="card-title"  v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires ">Subscription expires on
-                  {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2)}} {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim()}} GMT</h3>
-
-                                         <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> Changed your mind? Resubscribe anytime!</h3>
-                                         <h3  v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> The current subscription will then continue with a new Nostr Wallet Connect string</h3>
-                                      </div>
-                                <div v-if="!dvm.nip88.hasActiveSubscription || dvm.nip88.expires" v-for="amount_item in dvm.nip88.amounts">
-
-                                  <div class="grid grid-cols-1 gap-6">
-                                    <div class="card card-compact rounded-box bg-black/30 border-black">
-                                        <div class="card-body !text-base">
-                                            <div class="card-title text-base-100-content font-bold">
-                                                <h3 >Subscribe and pay {{amount_item.cadence}}</h3>
-                                                <div class="modal-action" style="margin-right: 5px; margin-left: auto">
-                                            <form method="dialog" >
-                                              <!-- if there is a button in form, it will close the modal -->
-
-                                                <button className="sub-Button"  @click="set_subscription_props(amount_item.amount, amount_item.cadence, dvm)" onclick='nwc_modal.showModal();'>{{ amount_item.amount/1000 }} Sats</button>
-
-                                            </form>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                               </div>
-
-
-
-
-
-
-                                </div>
-
-                              </div>
-
-                                <button class="btn" v-if="!dvm.nip88.expires && dvm.nip88.hasActiveSubscription" @click="set_subscription_props(0, '', dvm); cancelSubscription(dvm.nip88.subscriptionId, dvm.id)"> Cancel Subscription
-
-
-                                </button>
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires " className="card-title">
+                        Subscription expires on
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2) }}
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim() }}
+                        GMT</h3>
 
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> Changed your mind? Resubscribe
+                        anytime!</h3>
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> The current subscription will
+                        then continue with a new Nostr Wallet Connect string</h3>
+                    </div>
+                    <div v-for="amount_item in dvm.nip88.amounts"
+                         v-if="!dvm.nip88.hasActiveSubscription || dvm.nip88.expires">
 
+                      <div class="grid grid-cols-1 gap-6">
+                        <div class="card card-compact rounded-box bg-black/30 border-black">
+                          <div class="card-body !text-base">
+                            <div class="card-title text-base-100-content font-bold">
+                              <h3>Subscribe and pay {{ amount_item.cadence }}</h3>
+                              <div class="modal-action" style="margin-right: 5px; margin-left: auto">
                                 <form method="dialog">
-                                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-                                  </form>
-                            </div>
+                                  <!-- if there is a button in form, it will close the modal -->
+
+                                  <button className="sub-Button"
+                                          onclick='nwc_modal.showModal();'
+                                          @click="set_subscription_props(amount_item.amount, amount_item.cadence, dvm)">{{ amount_item.amount / 1000 }} Sats
+                                  </button>
+
+                                </form>
+                              </div>
+
                             </div>
+                          </div>
+                        </div>
 
 
+                      </div>
+
+                    </div>
+
+                    <button v-if="!dvm.nip88.expires && dvm.nip88.hasActiveSubscription" class="btn"
+                            @click="set_subscription_props(0, '', dvm); cancelSubscription(dvm.nip88.subscriptionId, dvm.id)">
+                      Cancel Subscription
 
 
-        </dialog>
-             </div>
+                    </button>
 
 
-           <!--  <p v-if="dvm.subscription ==='' && !isNaN(parseInt(dvm.amount)) && dvm.status !=='subscription-required' && dvm.status !=='subscription-success'" class="badge bg-amber" ><div class="flex"><svg style="margin-top:3px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20">
-            <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/></svg> {{dvm.amount/1000}}</div></p>
-          -->
+                    <form method="dialog">
+                      <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                    </form>
+                  </div>
+                </div>
+
+
+              </dialog>
             </div>
 
- <details open 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">
-                  <div class="max-w-5xl relative space-y-3">
-    <div class="grid grid-cols-1">
-      <button v-if="dvm.result.length > 0 && dvm.action === 'mute'" @click="mute_all(dvm.result);dvm.result = []
-       store.commit('set_filter_dvms', dvms)"><span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+
+            <!--  <p v-if="dvm.subscription ==='' && !isNaN(parseInt(dvm.amount)) && dvm.status !=='subscription-required' && dvm.status !=='subscription-success'" class="badge bg-amber" ><div class="flex"><svg style="margin-top:3px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20">
+             <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/></svg> {{dvm.amount/1000}}</div></p>
+           -->
+          </div>
+
+          <details v-if="dvm.status === 'finished'" class="collapse bg-base" open>
+            <summary class="collapse-title   ">
+              <div class="btn">Show/Hide Results</div>
+            </summary>
+            <div id="collapse" class="collapse-content font-size-0" className="z-10">
+              <div class="max-w-5xl relative space-y-3">
+                <div class="grid grid-cols-1">
+                  <button v-if="dvm.result.length > 0 && dvm.action === 'mute'" @click="mute_all(dvm.result);dvm.result = []
+       store.commit('set_filter_dvms', dvms)"><span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                 Mute All
                   </span></button>
-       <button v-if="dvm.result.length > 0 && dvm.action === 'unfollow'" @click="unfollow_all(dvm.result);dvm.result = []
-       store.commit('set_filter_dvms', dvms)"><span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+                  <button v-if="dvm.result.length > 0 && dvm.action === 'unfollow'" @click="unfollow_all(dvm.result);dvm.result = []
+       store.commit('set_filter_dvms', dvms)"><span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                 Unfollow All
                   </span></button>
 
-      <br>
+                  <br>
 
 
                   <div v-for="result in dvm.result">
                     <div v-if="result.active === true">
-                       <div v-if="dvm.action === 'mute' && store.state.mutes.find(x => x === result.authorid) === undefined || dvm.action !== 'mute'">
-                    <div v-if="result.active === true" className="card w-70 bg-base-200 shadow-xl flex flex-col">
+                      <div
+                          v-if="dvm.action === 'mute' && store.state.mutes.find(x => x === result.authorid) === undefined || dvm.action !== 'mute'">
+                        <div v-if="result.active === true" className="card w-70 bg-base-200 shadow-xl flex flex-col">
 
-                   <div  className="playeauthor-wrapper" style="margin-left: 10px; margin-top: 10px">
-                      <figure  className="w-28">
-                           <img className="avatar"  v-if="result.event.profile.picture" :src="result.event.profile.picture"  alt="DVM Picture" />
-                           <img class="avatar" v-else src="@/assets/nostr-purple.svg" />
-                      </figure>
-                     <div>
+                          <div className="playeauthor-wrapper" style="margin-left: 10px; margin-top: 10px">
+                            <figure className="w-28">
+                              <img v-if="result.event.profile.picture" :src="result.event.profile.picture"
+                                   alt="DVM Picture" className="avatar"/>
+                              <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
+                            </figure>
+                            <div>
 
-                        <a  class="purple" :href="result.authorurl" target="_blank">{{ result.event.profile.name }}</a>
+                              <a :href="result.authorurl" class="purple" target="_blank">{{
+                                  result.event.profile.name
+                                }}</a>
 
-                        <a v-if="result.event.profile.nip05 !== undefined && result.event.profile.nip05 !== '' " class="purple" :href="result.authorurl" target="_blank">({{result.event.profile.nip05 }})</a>
-                                                    <a className="white" style="background: #1f2937; font-size: xx-small" v-if="store.state.followings.find(x => x == result.authorid) !== undefined">Following</a>
+                              <a v-if="result.event.profile.nip05 !== undefined && result.event.profile.nip05 !== '' "
+                                 :href="result.authorurl" class="purple" target="_blank">({{
+                                  result.event.profile.nip05
+                                }})</a>
+                              <a v-if="store.state.followings.find(x => x == result.authorid) !== undefined" className="white"
+                                 style="background: #1f2937; font-size: xx-small">Following</a>
 
-                       <!-- <p v-if="isnip05valid(result.event) === true"> Valid</p> -->
-                     </div>
+                              <!-- <p v-if="isnip05valid(result.event) === true"> Valid</p> -->
+                            </div>
 
-                </div>
-                     <h2 className="card-body">{{ result.event.profile.about }} </h2>
-                      <div className="justify-end mt-auto" style="margin-left: auto; margin-right: 10px; margin-bottom: 10px" >
-                        <button v-if="dvm.action === 'unfollow'" class="v-Button" @click="unfollow(result);result.active = false; store.commit('set_filter_dvms', dvms)
-"> Unfollow</button>
-                         <button v-if="dvm.action === 'mute' && result.active !== false" class="v-Button" @click="result.active = false; store.commit('set_filter_dvms', dvms)
- mute(result)"> Mute</button>
-                     </div>
+                          </div>
+                          <h2 className="card-body">{{ result.event.profile.about }} </h2>
+                          <div className="justify-end mt-auto"
+                               style="margin-left: auto; margin-right: 10px; margin-bottom: 10px">
+                            <button v-if="dvm.action === 'unfollow'" class="v-Button" @click="unfollow(result);result.active = false; store.commit('set_filter_dvms', dvms)
+"> Unfollow
+                            </button>
+                            <button v-if="dvm.action === 'mute' && result.active !== false" class="v-Button" @click="result.active = false; store.commit('set_filter_dvms', dvms)
+ mute(result)"> Mute
+                            </button>
+                          </div>
 
 
-      </div></div>
+                        </div>
+                      </div>
                       <div v-if="store.state.mutes.find(x => x === result.authorid) === undefined">
                         <br>
                       </div>
-                           </div>
                     </div>
                   </div>
-                  <!--   <div style=": inline">
-                  ({{ result.event.profile.nip05 }})
+                </div>
+                <!--   <div style=": inline">
+                ({{ result.event.profile.nip05 }})
 
-                     </div> -->
+                   </div> -->
 
 
-
-                    </div>
               </div>
-            </details>
+            </div>
+          </details>
 
 
-
-          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -1618,26 +1664,26 @@ const submitHandler = async () => {
 
 <style scoped>
 
-.zap-Button{
+.zap-Button {
   @apply btn hover:bg-amber-400 border-amber-400 text-base;
   bottom: 0;
 }
 
-.sub-Button{
+.sub-Button {
   @apply btn hover:bg-nostr border-orange-500 text-base;
 
   bottom: 0;
 }
 
-.request-Button{
+.request-Button {
   @apply btn hover:bg-nostr border-nostr 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;
+  height: 48px;
+  margin: 5px;
 }
 
 .c-Input {
@@ -1649,14 +1695,13 @@ const submitHandler = async () => {
 }
 
 .nwc-Input {
-    @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-white px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
-
+  @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-white px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
 
 
 }
 
 .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;
+  @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;
@@ -1671,16 +1716,16 @@ const submitHandler = async () => {
 }
 
 .logo {
-     display: flex;
-    width:100%;
-    height:125px;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  width: 100%;
+  height: 125px;
+  justify-content: center;
+  align-items: center;
 }
 
 h3 {
   font-size: 1.0rem;
-   text-align: left;
+  text-align: left;
 }
 
 
@@ -1714,7 +1759,7 @@ h3 {
 
 /* Tooltip text */
 .tooltip .tooltiptext {
-   top: -5px;
+  top: -5px;
   right: 105%;
   visibility: hidden;
   width: 200px;
diff --git a/ui/noogle/src/components/Home.vue b/ui/noogle/src/components/Home.vue
index 4046ece..b1932f3 100644
--- a/ui/noogle/src/components/Home.vue
+++ b/ui/noogle/src/components/Home.vue
@@ -24,7 +24,6 @@ export default {
 </template>
 
 
-
 <style scoped>
 
 .center {
diff --git a/ui/noogle/src/components/Image.vue b/ui/noogle/src/components/Image.vue
index 9edbb69..a347f0a 100644
--- a/ui/noogle/src/components/Image.vue
+++ b/ui/noogle/src/components/Image.vue
@@ -1,6 +1,5 @@
 <script>
 import ImageGeneration from "@/components/ImageGeneration.vue";
-import Donate from "@/components/Donate.vue";
 
 export default {
   name: "Image",
diff --git a/ui/noogle/src/components/ImageGeneration.vue b/ui/noogle/src/components/ImageGeneration.vue
index 0eac0ab..0cba9b3 100644
--- a/ui/noogle/src/components/ImageGeneration.vue
+++ b/ui/noogle/src/components/ImageGeneration.vue
@@ -1,311 +1,290 @@
 <script setup>
 
 
-import {
-  Client,
-  Filter,
-  Timestamp,
-  Event,
-  Metadata,
-  PublicKey,
-  EventBuilder,
-  Tag,
-  EventId,
-  Nip19Event, Alphabet, Keys, nip04_decrypt, SecretKey, Kind
-} from "@rust-nostr/nostr-sdk";
+import {Event, EventBuilder, Filter, Keys, PublicKey, Tag, Timestamp} 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 { ref } from "vue";
+import {ref} from "vue";
 import ModalComponent from "../components/Newnote.vue";
 import VueDatePicker from "@vuepic/vue-datepicker";
-import {timestamp} from "@vueuse/core";
-import {post_note, schedule, react_to_dvm, copyinvoice, copyurl, sleep, nextInput, get_user_infos, dvmreactions} from "../components/helper/Helper.vue"
-import {zap, createBolt11Lud16, zaprequest} from "../components/helper/Zap.vue"
+import {
+  copyurl,
+  dvmreactions,
+  get_user_infos,
+  nextInput,
+  post_note,
+  schedule,
+  sleep
+} from "../components/helper/Helper.vue"
+import {zap, zaprequest} from "../components/helper/Zap.vue"
 
 import StringUtil from "@/components/helper/string.ts";
 
 
-
-
-let dvms =[]
+let dvms = []
 let hasmultipleinputs = false
 let requestids = []
 
 async function generate_image(message) {
 
-       listen()
+  listen()
 
-   try {
-     if (message === undefined){
-       message = "A purple Ostrich"
-     }
+  try {
+    if (message === undefined) {
+      message = "A purple Ostrich"
+    }
 
-     if(store.state.pubkey === undefined){
+    if (store.state.pubkey === undefined) {
 
-          return
-     }
+      return
+    }
 
-        dvms = []
-        store.commit('set_imagedvm_results', dvms)
-        let client = store.state.client
+    dvms = []
+    store.commit('set_imagedvm_results', dvms)
+    let client = store.state.client
 
-        let content = "NIP 90 Image Generation request"
-        let kind = 5100
-        let tags = [
-              Tag.parse(["i", message, "text"])
-            ]
+    let content = "NIP 90 Image Generation request"
+    let kind = 5100
+    let tags = [
+      Tag.parse(["i", message, "text"])
+    ]
 
-        let r = ["relays"]
-        for (let relay of store.state.relays){
-              r.push(relay)
-            }
-        console.log(r)
-        tags.push(Tag.parse(r))
+    let r = ["relays"]
+    for (let relay of store.state.relays) {
+      r.push(relay)
+    }
+    console.log(r)
+    tags.push(Tag.parse(r))
 
-        hasmultipleinputs = false
-        if (urlinput.value !== "" && urlinput.value.startsWith('http')){
-          let imagetag = Tag.parse(["i", urlinput.value, "url"])
-          tags.push(imagetag)
-          hasmultipleinputs = true
-           console.log(urlinput.value)
-        }
+    hasmultipleinputs = false
+    if (urlinput.value !== "" && urlinput.value.startsWith('http')) {
+      let imagetag = Tag.parse(["i", urlinput.value, "url"])
+      tags.push(imagetag)
+      hasmultipleinputs = true
+      console.log(urlinput.value)
+    }
 
-        let res;
-        let requestid;
+    let res;
+    let requestid;
 
-          /*let tags_t = []
-          for (let tag of tags){
-            tag = Tag.parse(tag)
-            console.log(tag.asVec())
-            tags_t.push(tag) */
+    /*let tags_t = []
+    for (let tag of tags){
+      tag = Tag.parse(tag)
+      console.log(tag.asVec())
+      tags_t.push(tag) */
 
-           let evt = new EventBuilder(kind, content, tags)
-                let unsigned =   evt.toUnsignedEvent(store.state.pubkey)
-               let signedEvent = await (await client.signer()).signEvent(unsigned)
-               console.log(signedEvent.id.toHex())
-               requestid = signedEvent.id.toHex()
-               requestids.push(requestid)
-               store.commit('set_current_request_id_image', requestids)
-               await client.sendEvent(signedEvent)
+    let evt = new EventBuilder(kind, content, tags)
+    let unsigned = evt.toUnsignedEvent(store.state.pubkey)
+    let signedEvent = await (await client.signer()).signEvent(unsigned)
+    console.log(signedEvent.id.toHex())
+    requestid = signedEvent.id.toHex()
+    requestids.push(requestid)
+    store.commit('set_current_request_id_image', requestids)
+    await client.sendEvent(signedEvent)
 
 
-      } catch (error) {
-        console.log(error);
-      }
+  } catch (error) {
+    console.log(error);
+  }
 }
 
-async function  listen() {
-    let client = store.state.client
-    let pubkey = store.state.pubkey
+async function listen() {
+  let client = store.state.client
+  let pubkey = store.state.pubkey
 
-    const filter = new Filter().kinds([7000, 6100, 6905]).pubkey(pubkey).since(Timestamp.now());
-    await client.subscribe([filter]);
+  const filter = new Filter().kinds([7000, 6100, 6905]).pubkey(pubkey).since(Timestamp.now());
+  await client.subscribe([filter]);
 
-    const handle = {
-        // Handle event
-        handleEvent: async (relayUrl, subscriptionId, event) => {
-             /* if (store.state.imagehasEventListener === false){
-                return true
-              }*/
-            //const dvmname =  getNamefromId(event.author.toHex())
-            console.log("Received new event from", relayUrl);
-             // console.log(event.asJ())
-           let resonsetorequest = false
-            sleep(0).then(async () => {
-              for (let tag in event.tags) {
-                if (event.tags[tag].asVec()[0] === "e") {
-                   if (store.state.requestidImage.includes(event.tags[tag].asVec()[1])){
-                    resonsetorequest = true
-                  }
-                }
+  const handle = {
+    // Handle event
+    handleEvent: async (relayUrl, subscriptionId, event) => {
+      /* if (store.state.imagehasEventListener === false){
+         return true
+       }*/
+      //const dvmname =  getNamefromId(event.author.toHex())
+      console.log("Received new event from", relayUrl);
+      // console.log(event.asJ())
+      let resonsetorequest = false
+      sleep(0).then(async () => {
+        for (let tag in event.tags) {
+          if (event.tags[tag].asVec()[0] === "e") {
+            if (store.state.requestidImage.includes(event.tags[tag].asVec()[1])) {
+              resonsetorequest = true
+            }
+          }
 
-              }
-              if (resonsetorequest === true) {
-                if (event.kind === 7000) {
-
-
-                  try {
-                    //console.log("7000: ", event.content);
-                    //console.log("DVM: " + event.author.toHex())
-                    //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: "",
-                      nip90params: {},
-
-                    }
-
-                    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]
-                        }
-                        else{
-                            let profiles = await get_user_infos([event.author.toHex()])
-                           let created = 0
-                            let current
-                          console.log("NUM KIND0 FOUND " + profiles.length)
-                            if (profiles.length > 0){
-                             // for (const profile of profiles){
-                                console.log(profiles[0].profile)
-                              let current = profiles[0]
-                               // if (profiles[0].profile.createdAt > created){
-                               //     created = profile.profile.createdAt
-                               //     current = profile
-                               //   }
-
-
-                               let lud16 = current.profile.lud16
-                              if (lud16 !== null && lud16 !== ""){
-                                console.log("LUD16: " +  lud16)
-                                //jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest
-                                jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount , "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)  //Not working yet
-
-                                console.log(jsonentry.bolt11)
-                                if(jsonentry.bolt11 === ""){
-                                  console.log("no bolt 11")
-                                 //status = "error"
-                                }
-                            }
-                              else {
-                                console.log("NO LNURL")
-                              }
-
-                          }
-
-                            else {
-                              console.log("PROFILE NOT FOUND")
-                            }
-                        }
-
-                      }
-                    }
-
-                    //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() && el.kind === "5100" ) {
-                        jsonentry.name = el.name
-                        jsonentry.about = el.about
-                        jsonentry.image = el.image
-                        jsonentry.nip90Params = el.nip90Params
-                        jsonentry.reactions = await dvmreactions(PublicKey.parse(el.id), store.state.followings)
-                        jsonentry.reactions.negativeUser = false
-                        jsonentry.reactions.positiveUser = false
-                        jsonentry.event = Event.fromJson(el.event)
-
-
-                      }
-                    }
-                    if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-                      if (!hasmultipleinputs  ||
-                          (hasmultipleinputs && jsonentry.id !==  "04f74530a6ede6b24731b976b8e78fb449ea61f40ff10e3d869a3030c4edc91f")){
-                                              // DVM can not handle multiple inputs, straight up censorship until spec is fulfilled or requests are ignored.
-                         dvms.push(jsonentry)
-                      }
-
-                    }
-
-                    dvms.find(i => i.id === jsonentry.id).status = status
-
-                    store.commit('set_imagedvm_results', dvms)
-
-
-                  } catch (error) {
-                    console.log("Error: ", error);
-                  }
-
-
-                }
-                else if (event.kind === 6905) {
-                  console.log(event.content)
-
-                }
-                else if (event.kind === 6100) {
-                  let entries = []
-                  console.log("6100:", event.content);
-
-
-
-                   for (const el of store.state.nip89dvms) {
-                         let status = "unknown"
-                          let jsonentry = {
-                            id: event.author.toHex(),
-                            kind: "",
-                            status: status,
-                            result: "",
-                            name: "Not announced" + event.author.toBech32(),
-                            about: "",
-                            image: "",
-                            amount: 0,
-                            bolt11: "",
-                            nip90params: {},
-
-                          }
-                        if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5100" ) {
-                          jsonentry.name = el.name
-                          jsonentry.about = el.about
-                          jsonentry.image = el.image
-                          jsonentry.nip90Params = el.nip90Params
-                          jsonentry.reactions = await dvmreactions(PublicKey.parse(el.id), store.state.followings)
-                          jsonentry.event = Event.fromJson(el.event)
-
-
-                        }
-
-                  if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-                       dvms.push(jsonentry)
-                  }
-                }
-                  //miniToastr.showMessage("DVM: " + dvmname, "Received Results", VueNotifications.types.success)
-                  dvms.find(i => i.id === event.author.toHex()).result = event.content
-                  dvms.find(i => i.id === event.author.toHex()).status = "finished"
-                  store.commit('set_imagedvm_results', dvms)
-                }
-              }
-            })
-        },
-
-        handleMsg: async (relayUrl, message) => {
-            //console.log("Received message from", relayUrl, message.asJson());
         }
-    };
+        if (resonsetorequest === true) {
+          if (event.kind === 7000) {
 
-    client.handleNotifications(handle);
+
+            try {
+              //console.log("7000: ", event.content);
+              //console.log("DVM: " + event.author.toHex())
+              //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: "",
+                nip90params: {},
+
+              }
+
+              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]
+                  } else {
+                    let profiles = await get_user_infos([event.author.toHex()])
+                    let created = 0
+                    let current
+                    console.log("NUM KIND0 FOUND " + profiles.length)
+                    if (profiles.length > 0) {
+                      // for (const profile of profiles){
+                      console.log(profiles[0].profile)
+                      let current = profiles[0]
+                      // if (profiles[0].profile.createdAt > created){
+                      //     created = profile.profile.createdAt
+                      //     current = profile
+                      //   }
+
+
+                      let lud16 = current.profile.lud16
+                      if (lud16 !== null && lud16 !== "") {
+                        console.log("LUD16: " + lud16)
+                        //jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount) //todo replace with zaprequest
+                        jsonentry.bolt11 = await zaprequest(lud16, jsonentry.amount, "zapped from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)  //Not working yet
+
+                        console.log(jsonentry.bolt11)
+                        if (jsonentry.bolt11 === "") {
+                          console.log("no bolt 11")
+                          //status = "error"
+                        }
+                      } else {
+                        console.log("NO LNURL")
+                      }
+
+                    } else {
+                      console.log("PROFILE NOT FOUND")
+                    }
+                  }
+
+                }
+              }
+
+              //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() && el.kind === "5100") {
+                  jsonentry.name = el.name
+                  jsonentry.about = el.about
+                  jsonentry.image = el.image
+                  jsonentry.nip90Params = el.nip90Params
+                  jsonentry.reactions = await dvmreactions(PublicKey.parse(el.id), store.state.followings)
+                  jsonentry.reactions.negativeUser = false
+                  jsonentry.reactions.positiveUser = false
+                  jsonentry.event = Event.fromJson(el.event)
+
+
+                }
+              }
+              if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+                if (!hasmultipleinputs ||
+                    (hasmultipleinputs && jsonentry.id !== "04f74530a6ede6b24731b976b8e78fb449ea61f40ff10e3d869a3030c4edc91f")) {
+                  // DVM can not handle multiple inputs, straight up censorship until spec is fulfilled or requests are ignored.
+                  dvms.push(jsonentry)
+                }
+
+              }
+
+              dvms.find(i => i.id === jsonentry.id).status = status
+
+              store.commit('set_imagedvm_results', dvms)
+
+
+            } catch (error) {
+              console.log("Error: ", error);
+            }
+
+
+          } else if (event.kind === 6905) {
+            console.log(event.content)
+
+          } else if (event.kind === 6100) {
+            let entries = []
+            console.log("6100:", event.content);
+
+
+            for (const el of store.state.nip89dvms) {
+              let status = "unknown"
+              let jsonentry = {
+                id: event.author.toHex(),
+                kind: "",
+                status: status,
+                result: "",
+                name: "Not announced" + event.author.toBech32(),
+                about: "",
+                image: "",
+                amount: 0,
+                bolt11: "",
+                nip90params: {},
+
+              }
+              if (JSON.parse(el.event).pubkey === event.author.toHex().toString() && el.kind === "5100") {
+                jsonentry.name = el.name
+                jsonentry.about = el.about
+                jsonentry.image = el.image
+                jsonentry.nip90Params = el.nip90Params
+                jsonentry.reactions = await dvmreactions(PublicKey.parse(el.id), store.state.followings)
+                jsonentry.event = Event.fromJson(el.event)
+
+
+              }
+
+              if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+                dvms.push(jsonentry)
+              }
+            }
+            //miniToastr.showMessage("DVM: " + dvmname, "Received Results", VueNotifications.types.success)
+            dvms.find(i => i.id === event.author.toHex()).result = event.content
+            dvms.find(i => i.id === event.author.toHex()).status = "finished"
+            store.commit('set_imagedvm_results', dvms)
+          }
+        }
+      })
+    },
+
+    handleMsg: async (relayUrl, message) => {
+      //console.log("Received message from", relayUrl, message.asJson());
+    }
+  };
+
+  client.handleNotifications(handle);
 }
 
 
 const urlinput = ref("");
 
 
-
 async function zap_local(invoice) {
-    let success = await zap(invoice)
-      if (success){
-         dvms.find(i => i.bolt11 === invoice).status = "paid"
-         store.commit('set_imagedvm_results', dvms)
-      }
+  let success = await zap(invoice)
+  if (success) {
+    dvms.find(i => i.bolt11 === invoice).status = "paid"
+    store.commit('set_imagedvm_results', dvms)
+  }
 }
 
 
@@ -317,7 +296,6 @@ defineProps({
 })
 
 
-
 const isModalOpened = ref(false);
 const modalcontent = ref("");
 const datetopost = ref(Date.now());
@@ -341,240 +319,248 @@ const submitHandler = async () => {
 <template>
 
   <div class="greetings">
-   <br>
+    <br>
     <br>
     <h1 class="text-7xl font-black tracking-wide">DVM</h1>
     <h1 class="text-7xl font-black tracking-wide">Image Generation</h1>
     <h2 class="text-base-200-content text-center tracking-wide text-2xl font-thin ">
-    Generate Images, the decentralized way</h2>
+      Generate Images, the decentralized way</h2>
     <h3>
-     <br>
-     <input class="c-Input" autofocus placeholder="A purple ostrich..." v-model="message" @keyup.enter="generate_image(message)" @keydown.enter="nextInput">
-     <button class="v-Button"  @click="generate_image(message)">Generate Image</button>
+      <br>
+      <input v-model="message" autofocus class="c-Input" placeholder="A purple ostrich..."
+             @keyup.enter="generate_image(message)" @keydown.enter="nextInput">
+      <button class="v-Button" @click="generate_image(message)">Generate Image</button>
     </h3>
-<details class="collapse bg-base " className="advanced" >
-  <summary class="collapse-title font-thin bg">Advanced Options</summary>
-  <div class="collapse-content font-size-0" className="z-10" id="collapse-settings">
-    <div>
-      <h4 className="inline-flex flex-none font-thin">Url to existing image:</h4>
-      <div className="inline-flex flex-none" style="width: 10px;"></div>
-      <input class="c-Input" style="width: 300px;"  placeholder="https://image.nostr.build/image123.jpg"  v-model="urlinput">
+    <details class="collapse bg-base " className="advanced">
+      <summary class="collapse-title font-thin bg">Advanced Options</summary>
+      <div id="collapse-settings" class="collapse-content font-size-0" className="z-10">
+        <div>
+          <h4 className="inline-flex flex-none font-thin">Url to existing image:</h4>
+          <div className="inline-flex flex-none" style="width: 10px;"></div>
+          <input v-model="urlinput" class="c-Input" placeholder="https://image.nostr.build/image123.jpg"
+                 style="width: 300px;">
+        </div>
       </div>
-  </div>
-</details>
+    </details>
   </div>
   <br>
 
 
-          <ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal">
-            <template #header>Share your creation on Nostr  <br> <br></template>
+  <ModalComponent :isOpen="isModalOpened" name="first-modal" @submit="submitHandler" @modal-close="closeModal">
+    <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 #content>
+      <textarea v-model="modalcontent" className="d-Input" style="height: 300px;">{{modalcontent}}</textarea>
+    </template>
 
 
-            <template #footer>
+    <template #footer>
 
-              <div class="inline-flex flex-none">
-                 <VueDatePicker :min-date="new Date()"  :dark="true" style="max-width: 200px;"  className="bg-base-200" teleport-center v-model="datetopost"></VueDatePicker>
+      <div class="inline-flex flex-none">
+        <VueDatePicker v-model="datetopost" :dark="true" :min-date="new Date()" className="bg-base-200"
+                       style="max-width: 200px;" teleport-center></VueDatePicker>
 
-              </div>
+      </div>
 
-           <div class="content-center">
-              <button className="v-Button" @click="schedule(modalcontent, datetopost)"  @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="content-center">
+        <button className="v-Button" @click="schedule(modalcontent, datetopost)" @click.stop="closeModal"><img
+            src="../../public/shipyard.ico" style="margin-right: 5px" width="25px"/>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 src="../../public/favicon.ico" style="margin-right: 5px;" width="25px"/>Post
+          Note now
+        </button>
+      </div>
+    </template>
+  </ModalComponent>
 
   <div class="max-w-5xl 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.imagedvmreplies"
-            :key="dvm.id">
-
-
+      <div v-for="dvm in store.state.imagedvmreplies" :key="dvm.id"
+           className="card w-70 bg-base-100 shadow-xl flex flex-col">
 
 
         <div className="card-body">
 
-<div className="playeauthor-wrapper">
-  <figure  className="w-20">
-       <img className="avatar" :src="dvm.image"  alt="DVM Picture" />
-  </figure>
+          <div className="playeauthor-wrapper">
+            <figure className="w-20">
+              <img :src="dvm.image" alt="DVM Picture" className="avatar"/>
+            </figure>
 
 
-          <h2 className="card-title">{{ dvm.name }}</h2>
-  </div>
-        <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
-         <!-- <p>{{dvm.nip90Params}}</p> -->
-               <!-- <div   v-for="param in dvm.nip90Params">
-                    <p>{{param}}</p>
-                  </div> -->
+            <h2 className="card-title">{{ dvm.name }}</h2>
+          </div>
+          <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
+          <!-- <p>{{dvm.nip90Params}}</p> -->
+          <!-- <div   v-for="param in dvm.nip90Params">
+               <p>{{param}}</p>
+             </div> -->
 
 
+          <div className="card-actions justify-end mt-auto">
+
+            <div className="tooltip mt-auto">
 
 
-          <div className="card-actions justify-end mt-auto" >
-
-              <div className="tooltip mt-auto" >
+              <button v-if="dvm.status === 'processing'" className="btn">Processing</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_local(dvm.bolt11);">
+                {{ dvm.amount / 1000 }} Sats
+              </button>
 
 
-                <button v-if="dvm.status === 'processing'" className="btn">Processing</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_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button>
+            </div>
 
+          </div>
+          <figure className="w-full">
+            <img v-if="dvm.result" :src="dvm.result" alt="DVM Picture" className="tooltip" data-top='Click to copy url'
+                 height="200" @click="copyurl(dvm.result)"/>
+          </figure>
+
+          <div class="flex">
+
+
+            <div
+                v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()">
+              <button aria-label="make note"
+                      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'
+                      role="button" style="margin-right: 5px" @click="openModal('Look what I created on noogle.lol\n\n' +  dvm.result)">
+                <svg class="icon icon-tabler icon-tabler-pencil" fill="none" height="20"
+                     stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24"
+                     width="20" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M0 0h24v24H0z" stroke="none"></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" x2="17.5" y1="6.5" y2="10.5"></line>
+                </svg>
+              </button>
+
+            </div>
+
+            <div v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()"
+                 style="margin-right: 5px">
+              <!--                && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser-->
+
+
+              <!--                 <button @click="react_to_dvm(dvm, '👍')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
+              <!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
+              <!--          </svg>-->
+              <!--                 </button>-->
+              <!--          </div>-->
+
+
+              <!--                <div  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >-->
+              <!--                 <button @click="react_to_dvm(dvm, '👎')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
+              <!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
+              <!--</svg>-->
+              <!--                 </button>-->
+
+            </div>
 
           </div>
 
-        </div>
-            <figure className="w-full" >
-            <img  v-if="dvm.result" :src="dvm.result"  className="tooltip" data-top='Click to copy url' height="200" alt="DVM Picture" @click="copyurl(dvm.result)"/>
-           </figure>
+          <div>
+            <!--            <p class="flex"> {{dvm.reactions.positiveUser.length}}-->
 
-          <div class="flex"  >
-
-
-
-
-           <div  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" >
-                 <button @click="openModal('Look what I created on noogle.lol\n\n' +  dvm.result)"  style="margin-right: 5px" 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  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()" style="margin-right: 5px">
-<!--                && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser-->
-
-
-
-<!--                 <button @click="react_to_dvm(dvm, '👍')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
-<!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
-<!--          </svg>-->
-<!--                 </button>-->
-<!--          </div>-->
-
-
-<!--                <div  v-if="dvm.result && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex() && !dvm.reactions.negativeUser && !dvm.reactions.positiveUser" >-->
-<!--                 <button @click="react_to_dvm(dvm, '👎')"  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" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
-<!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
-<!--</svg>-->
-<!--                 </button>-->
-
-          </div>
-
-                </div>
 
             <div>
-<!--            <p class="flex"> {{dvm.reactions.positiveUser.length}}-->
-
-
-     <div>
-
-<!--        <div className="dropdown">-->
-<!--           <div tabIndex={0} role="button" class="button" >-->
-<!--           <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
-<!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
-<!--          </svg>-->
-<!--             </div>-->
-<!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
-<!--        <div className="card-body">-->
-<!--          <h3 className="card-title">Liked results by</h3>-->
-<!--            <div class="flex" >-->
-<!--           <div  v-for="user in dvm.reactions.positive">-->
-<!--                <div className="wotplayeauthor-wrapper">-->
-<!--                  <figure>-->
-<!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
-<!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
-<!--                  </figure>-->
-<!--                </div>-->
-<!--              </div>-->
-
-</div>
+
+              <!--        <div className="dropdown">-->
+              <!--           <div tabIndex={0} role="button" class="button" >-->
+              <!--           <svg style="margin-left: 3px; margin-right: 10px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">-->
+              <!--            <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a9 9 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.2 2.2 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.9.9 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>-->
+              <!--          </svg>-->
+              <!--             </div>-->
+              <!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
+              <!--        <div className="card-body">-->
+              <!--          <h3 className="card-title">Liked results by</h3>-->
+              <!--            <div class="flex" >-->
+              <!--           <div  v-for="user in dvm.reactions.positive">-->
+              <!--                <div className="wotplayeauthor-wrapper">-->
+              <!--                  <figure>-->
+              <!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
+              <!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
+              <!--                  </figure>-->
+              <!--                </div>-->
+              <!--              </div>-->
+
+            </div>
 
 
+          </div>
         </div>
       </div>
+      <!--<p>{{ this.current_user }}</p> -->
     </div>
-        <!--<p>{{ this.current_user }}</p> -->
-     </div>
 
 
-              <div style="width: 10px"></div>
+    <div style="width: 10px"></div>
 
-<!--              {{dvm.reactions.negative.length}}-->
-<!--     <div>-->
+    <!--              {{dvm.reactions.negative.length}}-->
+    <!--     <div>-->
 
-<!--        <div className="dropdown">-->
-<!--           <div tabIndex={0} role="button" class="button" >-->
-<!--                       <svg  style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
-<!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
-<!--</svg>-->
-<!--             </div>-->
-<!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
-<!--        <div className="card-body">-->
-<!--          <h3 className="card-title">Disliked results by</h3>-->
-<!--            <div class="flex" >-->
-<!--           <div  v-for="user in dvm.reactions.negative">-->
-<!--                <div className="wotplayeauthor-wrapper">-->
+    <!--        <div className="dropdown">-->
+    <!--           <div tabIndex={0} role="button" class="button" >-->
+    <!--                       <svg  style="margin-left: 3px; margin-top: 3px" xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">-->
+    <!--  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856s-.036.586-.113.856c-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a10 10 0 0 1-.443-.05 9.36 9.36 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a9 9 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581s-.027-.414-.075-.581c-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.2 2.2 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.9.9 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1"/>-->
+    <!--</svg>-->
+    <!--             </div>-->
+    <!--      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">-->
+    <!--        <div className="card-body">-->
+    <!--          <h3 className="card-title">Disliked results by</h3>-->
+    <!--            <div class="flex" >-->
+    <!--           <div  v-for="user in dvm.reactions.negative">-->
+    <!--                <div className="wotplayeauthor-wrapper">-->
 
-<!--                      <figure>-->
+    <!--                      <figure>-->
 
-<!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
-<!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
-<!--                  </figure>-->
+    <!--                       <img className="wotavatar" v-if="user.profile && user.profile.picture" :src="user.profile.picture"  onerror="this.src='https://noogle.lol/favicon.ico'" alt="DVM Picture" />-->
+    <!--                     <img class="wotavatar" v-else src="@/assets/nostr-purple.svg" />-->
+    <!--                  </figure>-->
 
 
-<!--                </div>-->
-<!--              </div>-->
+    <!--                </div>-->
+    <!--              </div>-->
 
-<!--</div>-->
+    <!--</div>-->
 
 
-<!--        </div>-->
-<!--      </div>-->
-<!--    </div>-->
-<!--        &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
-<!--     </div>-->
+    <!--        </div>-->
+    <!--      </div>-->
+    <!--    </div>-->
+    <!--        &lt;!&ndash;<p>{{ this.current_user }}</p> &ndash;&gt;-->
+    <!--     </div>-->
 
 
+  </div>
 
 
+  <!--           </div>-->
 
-              </div>
-
-
-<!--           </div>-->
-
-<!--      </div>-->
-<!--    </div>-->
-<!--  </div>-->
+  <!--      </div>-->
+  <!--    </div>-->
+  <!--  </div>-->
 </template>
 
 <style scoped>
 
-.zap-Button{
+.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;
+  height: 48px;
+  margin: 5px;
 }
 
 .c-Input {
@@ -586,7 +572,7 @@ const submitHandler = async () => {
 }
 
 .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;
+  @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: 500px;
 
   color: white;
@@ -601,16 +587,16 @@ const submitHandler = async () => {
 }
 
 .logo {
-     display: flex;
-    width:100%;
-    height:125px;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  width: 100%;
+  height: 125px;
+  justify-content: center;
+  align-items: center;
 }
 
 h3 {
   font-size: 1.0rem;
-   text-align: left;
+  text-align: left;
 }
 
 
@@ -627,10 +613,9 @@ h3 {
 
 .wotplayeauthor-wrapper {
   padding: 0px;
-  display: flex;
-
-;
+  display: flex;;
 }
+
 .wotavatar {
   margin-right: 0px;
   margin-left: 0px;
diff --git a/ui/noogle/src/components/Login.vue b/ui/noogle/src/components/Login.vue
index a74903a..ba311c3 100644
--- a/ui/noogle/src/components/Login.vue
+++ b/ui/noogle/src/components/Login.vue
@@ -1,215 +1,280 @@
 <template>
-<!--<label class="swap swap-rotate">
+  <!--<label class="swap swap-rotate">
 
-  <input type="checkbox" class="theme-controller" value="synthwave"  @click="toggleDark()" />
+    <input type="checkbox" class="theme-controller" value="synthwave"  @click="toggleDark()" />
 
-  <svg class="swap-on fill-current w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"/></svg>
+    <svg class="swap-on fill-current w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5.64,17l-.71.71a1,1,0,0,0,0,1.41,1,1,0,0,0,1.41,0l.71-.71A1,1,0,0,0,5.64,17ZM5,12a1,1,0,0,0-1-1H3a1,1,0,0,0,0,2H4A1,1,0,0,0,5,12Zm7-7a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V4A1,1,0,0,0,12,5ZM5.64,7.05a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.41l-.71-.71A1,1,0,0,0,4.93,6.34Zm12,.29a1,1,0,0,0,.7-.29l.71-.71a1,1,0,1,0-1.41-1.41L17,5.64a1,1,0,0,0,0,1.41A1,1,0,0,0,17.66,7.34ZM21,11H20a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Zm-9,8a1,1,0,0,0-1,1v1a1,1,0,0,0,2,0V20A1,1,0,0,0,12,19ZM18.36,17A1,1,0,0,0,17,18.36l.71.71a1,1,0,0,0,1.41,0,1,1,0,0,0,0-1.41ZM12,6.5A5.5,5.5,0,1,0,17.5,12,5.51,5.51,0,0,0,12,6.5Zm0,9A3.5,3.5,0,1,1,15.5,12,3.5,3.5,0,0,1,12,15.5Z"/></svg>
 
-  <svg class="swap-off fill-current w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"/></svg>
+    <svg class="swap-off fill-current w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z"/></svg>
 
-</label> -->
-  <div   >
+  </label> -->
+  <div>
 
-     <div class="playeauthor-wrapper" v-if="current_user">
+    <div v-if="current_user" class="playeauthor-wrapper">
 
-        <div className="dropdown">
-          <div tabIndex={0} role="button" class="button" >
-              <img class="avatar"  :src="this.avatar" alt="" />
-          </div>
-      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">
-        <div className="card-body">
-          <h3 className="card-title">Your account</h3>
-          <!--<p>Sign out</p> -->
-
-          <button className="btn" onclick="nwcmodal.showModal()" >Nostr Wallet Connect</button>
-           <dialog id="nwcmodal" class="modal">
-      <div class="modal-box rounded-3xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-base-600/60  ">
-        <h3 class="font-bold text-lg">Connect with Nostr Wallet Connect</h3>
-        <br>
-          <div class="flex">
-              <img class="avatar"  src="/favicon.ico" alt="" />
-            <h3 class="text-lg">Noogle</h3>
-          </div>
-        <div v-if="!this.hasNWC">
-           <p  class="py-4">Enter a Nostr Wallet connect string for easier zapping on the page</p>
-        <div class="collapse bg-base-200">
-  <input type="radio" name="my-accordion-1" />
-  <div class="collapse-title text-xl font-medium bg-black/30 flex">
-      <img  class="w-12 h-12 mask mask-squircle bg-zinc-700" style="width: 46px; height: 46px" src="/Alby.jpg"/>
-     <div style="margin-left: 30px">
-           <h3>Alby NWC</h3>
-           <h3 class="text-sm text-neutral">Connect with your Alby Wallet</h3>
-         </div>
-
-  </div>
-          <div class="collapse-content">
-            <button style="margin-top: 20px;" @click="connect_alby_nwc()">
-            <svg width="211" height="40" viewBox="0 0 211 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <rect x="0.5" width="210" height="40" rx="6" fill="url(#paint0_linear_1_148)"/>
-            <circle cx="1.575" cy="1.575" r="1.575" transform="matrix(-1 0 0 1 22.1176 13.8575)" fill="black"/>
-            <path d="M20.28 15.1963L23.22 18.1363" stroke="black" stroke-width="0.7875"/>
-            <circle cx="33.405" cy="15.4325" r="1.575" fill="black"/>
-            <path d="M33.6938 15.1963L30.7538 18.1363" stroke="black" stroke-width="0.7875"/>
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9896 24.831C20.1407 24.4269 19.6467 23.5194 19.8122 22.5939C20.5225 18.6217 23.4825 15.6425 27.0263 15.6425C30.5786 15.6425 33.5444 18.6362 34.2455 22.6228C34.4085 23.5499 33.9105 24.457 33.0587 24.8578C31.2361 25.7155 29.2003 26.195 27.0525 26.195C24.8824 26.195 22.8267 25.7055 20.9896 24.831Z" fill="#FFDF6F"/>
-            <path d="M34.2455 22.6228L33.8577 22.691L34.2455 22.6228ZM33.0587 24.8578L32.8911 24.5016L33.0587 24.8578ZM20.9896 24.831L21.1588 24.4754L20.9896 24.831ZM20.1998 22.6632C20.8861 18.825 23.7231 16.0362 27.0263 16.0362V15.2487C23.242 15.2487 20.1588 18.4184 19.4246 22.5246L20.1998 22.6632ZM27.0263 16.0362C30.3374 16.0362 33.1802 18.8386 33.8577 22.691L34.6333 22.5546C33.9086 18.4337 30.8198 15.2487 27.0263 15.2487V16.0362ZM32.8911 24.5016C31.1198 25.3351 29.1411 25.8012 27.0525 25.8012V26.5887C29.2595 26.5887 31.3524 26.096 33.2264 25.2141L32.8911 24.5016ZM27.0525 25.8012C24.9422 25.8012 22.9442 25.3254 21.1588 24.4754L20.8203 25.1865C22.7092 26.0857 24.8226 26.5887 27.0525 26.5887V25.8012ZM33.8577 22.691C33.9884 23.4343 33.5904 24.1725 32.8911 24.5016L33.2264 25.2141C34.2306 24.7415 34.8287 23.6655 34.6333 22.5546L33.8577 22.691ZM19.4246 22.5246C19.2263 23.6336 19.8196 24.7101 20.8203 25.1865L21.1588 24.4754C20.4618 24.1436 20.0671 23.4052 20.1998 22.6632L19.4246 22.5246Z" fill="black"/>
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5042 23.8434C21.8209 23.5652 21.4155 22.8381 21.6523 22.1394C22.3825 19.9844 24.5124 18.425 27.0263 18.425C29.5401 18.425 31.67 19.9844 32.4002 22.1394C32.637 22.8381 32.2317 23.5652 31.5484 23.8434C30.1528 24.4118 28.6261 24.725 27.0263 24.725C25.4264 24.725 23.8997 24.4118 22.5042 23.8434Z" fill="black"/>
-            <ellipse cx="28.8375" cy="21.785" rx="1.3125" ry="1.05" fill="white"/>
-            <ellipse cx="25.0802" cy="21.7856" rx="1.3125" ry="1.05" fill="white"/>
-            <path d="M55.5064 18.1477C55.1712 18.1477 54.9893 17.983 54.87 17.6648C54.4325 16.4659 53.3018 15.8068 51.9893 15.8068C49.9837 15.8068 48.4837 17.358 48.4837 20.1818C48.4837 23.0284 49.9893 24.5568 51.9837 24.5568C53.2905 24.5568 54.4155 23.9148 54.87 22.733C54.9893 22.4091 55.1712 22.25 55.5064 22.25H56.1371C56.5348 22.25 56.7507 22.4943 56.6314 22.8807C56.0405 24.8409 54.2905 26.1591 51.9723 26.1591C48.9496 26.1591 46.7393 23.9034 46.7393 20.1818C46.7393 16.4602 48.9609 14.2045 51.9723 14.2045C54.2166 14.2045 56.0348 15.4148 56.6371 17.517C56.7507 17.9091 56.5348 18.1477 56.1371 18.1477H55.5064ZM62.4197 26.1761C59.9595 26.1761 58.3516 24.375 58.3516 21.6761C58.3516 18.9602 59.9595 17.1591 62.4197 17.1591C64.88 17.1591 66.4879 18.9602 66.4879 21.6761C66.4879 24.375 64.88 26.1761 62.4197 26.1761ZM60.0675 21.6705C60.0675 23.3466 60.8175 24.75 62.4254 24.75C64.022 24.75 64.772 23.3466 64.772 21.6705C64.772 20 64.022 18.5795 62.4254 18.5795C60.8175 18.5795 60.0675 20 60.0675 21.6705ZM70.0831 25.4318C70.0831 25.8011 69.8842 26 69.5149 26H68.9524C68.5831 26 68.3842 25.8011 68.3842 25.4318V17.8409C68.3842 17.4716 68.5831 17.2727 68.9524 17.2727H69.4467C69.8161 17.2727 70.0149 17.4716 70.0149 17.8409V18.6932H70.1229C70.5263 17.767 71.3842 17.1591 72.6967 17.1591C74.4808 17.1591 75.6683 18.2898 75.6683 20.4489V25.4318C75.6683 25.8011 75.4695 26 75.1001 26H74.5376C74.1683 26 73.9695 25.8011 73.9695 25.4318V20.6534C73.9695 19.3864 73.2706 18.6307 72.1172 18.6307C70.9354 18.6307 70.0831 19.4261 70.0831 20.8182V25.4318ZM79.6456 25.4318C79.6456 25.8011 79.4467 26 79.0774 26H78.5149C78.1456 26 77.9467 25.8011 77.9467 25.4318V17.8409C77.9467 17.4716 78.1456 17.2727 78.5149 17.2727H79.0092C79.3786 17.2727 79.5774 17.4716 79.5774 17.8409V18.6932H79.6854C80.0888 17.767 80.9467 17.1591 82.2592 17.1591C84.0433 17.1591 85.2308 18.2898 85.2308 20.4489V25.4318C85.2308 25.8011 85.032 26 84.6626 26H84.1001C83.7308 26 83.532 25.8011 83.532 25.4318V20.6534C83.532 19.3864 82.8331 18.6307 81.6797 18.6307C80.4979 18.6307 79.6456 19.4261 79.6456 20.8182V25.4318ZM91.2706 26.1761C88.6967 26.1761 87.1172 24.4034 87.1172 21.6932C87.1172 19.0114 88.7195 17.1591 91.1513 17.1591C93.1286 17.1591 95.0149 18.392 95.0149 21.5455V21.5795C95.0149 21.9489 94.8161 22.1477 94.4467 22.1477H88.8104C88.8558 23.8295 89.8331 24.7727 91.2876 24.7727C92.0661 24.7727 92.6967 24.5 93.0717 23.9659C93.2649 23.6818 93.4581 23.5511 93.7876 23.6136L94.2876 23.7045C94.674 23.7784 94.8672 24 94.7365 24.2898C94.2024 25.4432 92.9524 26.1761 91.2706 26.1761ZM88.8161 20.875H93.3501C93.3445 19.5398 92.4808 18.5625 91.1626 18.5625C89.782 18.5625 88.8842 19.6364 88.8161 20.875ZM100.576 26.1761C98.0419 26.1761 96.5078 24.3068 96.5078 21.6761C96.5078 19.0114 98.0987 17.1591 100.559 17.1591C102.298 17.1591 103.621 18.0625 104.042 19.4716C104.15 19.8523 103.923 20.0909 103.531 20.0909H102.996C102.667 20.0909 102.491 19.9375 102.349 19.6307C102.053 19.0341 101.457 18.5909 100.587 18.5909C99.1669 18.5909 98.2237 19.767 98.2237 21.6364C98.2237 23.5398 99.1499 24.7386 100.587 24.7386C101.388 24.7386 102.025 24.3636 102.349 23.6989C102.491 23.3977 102.667 23.2386 102.996 23.2386H103.531C103.923 23.2386 104.15 23.4375 104.059 23.767C103.678 25.1875 102.417 26.1761 100.576 26.1761ZM110.052 18.0682C110.052 18.4375 109.853 18.6364 109.484 18.6364H108.262V23.4375C108.262 24.4205 108.756 24.6023 109.308 24.6023H109.364C109.722 24.5909 109.944 24.7102 110.018 25.0625L110.092 25.3864C110.171 25.7386 110.035 26.0114 109.671 26.0682C109.512 26.0909 109.325 26.1136 109.109 26.1136C107.768 26.142 106.558 25.375 106.563 23.7898V18.6364H105.853C105.484 18.6364 105.285 18.4375 105.285 18.0682V17.8409C105.285 17.4716 105.484 17.2727 105.853 17.2727H106.563V15.75C106.563 15.3807 106.762 15.1818 107.131 15.1818H107.694C108.063 15.1818 108.262 15.3807 108.262 15.75V17.2727H109.484C109.853 17.2727 110.052 17.4716 110.052 17.8409V18.0682ZM115.677 17.9148C115.563 17.5227 115.745 17.2727 116.154 17.2727H116.745C117.08 17.2727 117.29 17.4318 117.376 17.7557L118.955 23.6818H119.04L120.626 17.7557C120.711 17.4261 120.921 17.2727 121.256 17.2727H122.012C122.347 17.2727 122.558 17.4318 122.643 17.7557L124.217 23.6534H124.302L125.87 17.7557C125.955 17.4318 126.165 17.2727 126.501 17.2727H127.092C127.501 17.2727 127.683 17.517 127.569 17.9148L125.336 25.5227C125.239 25.8409 125.035 26 124.7 26H123.961C123.626 26 123.415 25.8466 123.325 25.517L121.688 19.6989H121.558L119.921 25.517C119.83 25.8466 119.62 26 119.285 26H118.552C118.217 26 118.012 25.8409 117.915 25.5227L115.677 17.9148ZM130.227 15.9261C129.636 15.9261 129.153 15.4716 129.153 14.9148C129.153 14.358 129.636 13.8977 130.227 13.8977C130.812 13.8977 131.3 14.358 131.3 14.9148C131.3 15.4716 130.812 15.9261 130.227 15.9261ZM129.369 25.4318V17.8409C129.369 17.4716 129.567 17.2727 129.937 17.2727H130.499C130.869 17.2727 131.067 17.4716 131.067 17.8409V25.4318C131.067 25.8011 130.869 26 130.499 26H129.937C129.567 26 129.369 25.8011 129.369 25.4318ZM137.427 18.0682C137.427 18.4375 137.228 18.6364 136.859 18.6364H135.637V23.4375C135.637 24.4205 136.131 24.6023 136.683 24.6023H136.739C137.097 24.5909 137.319 24.7102 137.393 25.0625L137.467 25.3864C137.546 25.7386 137.41 26.0114 137.046 26.0682C136.887 26.0909 136.7 26.1136 136.484 26.1136C135.143 26.142 133.933 25.375 133.938 23.7898V18.6364H133.228C132.859 18.6364 132.66 18.4375 132.66 18.0682V17.8409C132.66 17.4716 132.859 17.2727 133.228 17.2727H133.938V15.75C133.938 15.3807 134.137 15.1818 134.506 15.1818H135.069C135.438 15.1818 135.637 15.3807 135.637 15.75V17.2727H136.859C137.228 17.2727 137.427 17.4716 137.427 17.8409V18.0682ZM141.192 25.4318C141.192 25.8011 140.994 26 140.624 26H140.062C139.692 26 139.494 25.8011 139.494 25.4318V14.9318C139.494 14.5625 139.692 14.3636 140.062 14.3636H140.602C140.971 14.3636 141.17 14.5625 141.17 14.9318V18.6932H141.278C141.687 17.75 142.505 17.1591 143.863 17.1591C145.658 17.1591 146.852 18.2727 146.852 20.4489V25.4318C146.852 25.8011 146.653 26 146.283 26H145.721C145.352 26 145.153 25.8011 145.153 25.4318V20.6534C145.153 19.375 144.454 18.6307 143.283 18.6307C142.073 18.6307 141.192 19.4261 141.192 20.8182V25.4318ZM153.302 26C152.881 26 152.7 25.7386 152.842 25.3466L156.631 14.8182C156.745 14.5114 156.95 14.3636 157.279 14.3636H158.342C158.671 14.3636 158.876 14.5114 158.989 14.8182L162.779 25.3466C162.921 25.7386 162.739 26 162.319 26H161.637C161.308 26 161.097 25.858 160.989 25.5398L160.086 22.9205H155.54L154.631 25.5398C154.523 25.8523 154.313 26 153.984 26H153.302ZM156.052 21.4432H159.575L157.859 16.4773H157.768L156.052 21.4432ZM166.255 25.4318C166.255 25.8011 166.056 26 165.687 26H165.124C164.755 26 164.556 25.8011 164.556 25.4318V14.9318C164.556 14.5625 164.755 14.3636 165.124 14.3636H165.687C166.056 14.3636 166.255 14.5625 166.255 14.9318V25.4318ZM168.677 14.9318C168.677 14.5625 168.876 14.3636 169.245 14.3636H169.808C170.177 14.3636 170.376 14.5625 170.376 14.9318V18.6875H170.478C170.779 18.1477 171.364 17.1591 172.984 17.1591C175.092 17.1591 176.648 18.8239 176.648 21.6534C176.648 24.4773 175.114 26.1705 173.001 26.1705C171.41 26.1705 170.785 25.1989 170.478 24.642H170.336V25.4318C170.336 25.8011 170.137 26 169.768 26H169.245C168.876 26 168.677 25.8011 168.677 25.4318V14.9318ZM170.342 21.6364C170.342 23.4716 171.16 24.7216 172.62 24.7216C174.137 24.7216 174.933 23.3864 174.933 21.6364C174.933 19.9034 174.16 18.6023 172.62 18.6023C171.137 18.6023 170.342 19.8125 170.342 21.6364ZM179.317 29.2727C179.096 29.2727 178.891 29.2557 178.71 29.2273C178.346 29.1705 178.215 28.892 178.317 28.5341L178.414 28.2102C178.516 27.8636 178.744 27.7614 179.102 27.8011C179.744 27.8636 180.198 27.6136 180.539 26.6932L180.749 26.1136L177.789 17.9261C177.647 17.5341 177.829 17.2727 178.249 17.2727H178.886C179.215 17.2727 179.425 17.4261 179.528 17.7386L181.585 24.0455H181.675L183.732 17.7386C183.835 17.4261 184.045 17.2727 184.374 17.2727H185.016C185.437 17.2727 185.613 17.5341 185.471 17.9261L182.113 27.1648C181.607 28.5398 180.721 29.2727 179.317 29.2727Z" fill="black"/>
-            <defs>
-            <linearGradient id="paint0_linear_1_148" x1="105.5" y1="0" x2="105.5" y2="38.0952" gradientUnits="userSpaceOnUse">
-            <stop offset="0.669102" stop-color="#FFDE6E"/>
-            <stop offset="1" stop-color="#F8C455"/>
-            </linearGradient>
-            </defs>
-            </svg>
-
-            </button>
-            </div>
-
-</div>
-        <div class="collapse bg-base-200">
-          <input type="radio" name="my-accordion-1" />
-          <div class="collapse-title text-xl font-medium bg-black/30  flex">
-                 <img class="w-12 h-12 mask mask-squircle bg-zinc-700" style="width: 46px; height: 46px" src="/Mutiny.png"/>
-            <div style="margin-left: 30px">
-                    <h3> Mutiny Wallet</h3>
-                   <h3 class="text-sm text-neutral">Connect with your Mutiny Wallet</h3>
-                 </div>
-          </div>
-
-          <div class="collapse-content">
-             <p>Add a new Wallet Connection from:</p>
-            <ul class="steps steps-vertical">
-          <li class="step">Settings</li>
-          <li class="step">Wallet Connections</li>
-          <li class="step">Add Connection</li><li class="step">copy the connection string.</li>
-        </ul>
-          <textarea class="nwc-Input" style="width: 400px; margin-left: 10px; margin-top: 10px" name="Text1" type="password"   placeholder="nostr+walletconnect://..." cols="40" rows="5"  v-model="this.nwcmutiny"></textarea>
-          </div>
+      <div className="dropdown">
+        <div class="button" role="button" tabIndex={0}>
+          <img :src="this.avatar" alt="" class="avatar"/>
         </div>
-        <div class="collapse bg-base-200">
-        <input type="radio" name="my-accordion-1" />
-        <div class="collapse-title text-xl font-medium transparent bg-black/30 flex">
-          <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12 h-12 mask mask-squircle"><g clip-path="url(#clip0_1138_8450)"><rect width="56" height="56" rx="16" fill="black"></rect><rect width="56" height="56" fill="url(#paint0_radial_1138_8450)"></rect><rect width="56" height="56" fill="black" fill-opacity="0.9"></rect><path d="M42.7656 23.2125C42.7656 33.8416 32.4114 42.9297 28 42.9297C23.5886 42.9297 13.2344 33.8416 13.2344 23.2125C13.2344 15.0741 19.8452 8.47656 28 8.47656C36.1548 8.47656 42.7656 15.0741 42.7656 23.2125Z" fill="url(#paint1_radial_1138_8450)"></path><path d="M25.5108 47.4784L27.7337 46.747C27.9067 46.6901 28.0933 46.6901 28.2663 46.747L30.4892 47.4784C31.2399 47.7255 31.8928 46.9058 31.4827 46.231L28.7272 41.6978C28.396 41.1528 27.604 41.1528 27.2728 41.6978L24.5173 46.231C24.1072 46.9058 24.7601 47.7255 25.5108 47.4784Z" fill="url(#paint2_radial_1138_8450)"></path><circle cx="28" cy="23.2422" r="5.79688" fill="black" fill-opacity="0.66"></circle></g><defs><radialGradient id="paint0_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(56 56) rotate(-135) scale(79.196 118.441)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><radialGradient id="paint1_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><radialGradient id="paint2_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><clipPath id="clip0_1138_8450"><rect width="56" height="56" rx="16" fill="white"></rect></clipPath></defs></svg>
-               <div style="margin-left: 30px">
-                 <h3>Nostr Wallet Connect</h3>
-                 <h3 class="text-sm text-neutral">Manually connect with NWC string</h3>
-               </div>
+        <div className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content"
+             tabIndex={0}>
+          <div className="card-body">
+            <h3 className="card-title">Your account</h3>
+            <!--<p>Sign out</p> -->
+
+            <button className="btn" onclick="nwcmodal.showModal()">Nostr Wallet Connect</button>
+            <dialog id="nwcmodal" class="modal">
+              <div
+                  class="modal-box rounded-3xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-base-600/60  ">
+                <h3 class="font-bold text-lg">Connect with Nostr Wallet Connect</h3>
+                <br>
+                <div class="flex">
+                  <img alt="" class="avatar" src="/favicon.ico"/>
+                  <h3 class="text-lg">Noogle</h3>
+                </div>
+                <div v-if="!this.hasNWC">
+                  <p class="py-4">Enter a Nostr Wallet connect string for easier zapping on the page</p>
+                  <div class="collapse bg-base-200">
+                    <input name="my-accordion-1" type="radio"/>
+                    <div class="collapse-title text-xl font-medium bg-black/30 flex">
+                      <img class="w-12 h-12 mask mask-squircle bg-zinc-700" src="/Alby.jpg" alt="Alby"
+                           style="width: 46px; height: 46px"/>
+                      <div style="margin-left: 30px">
+                        <h3>Alby NWC</h3>
+                        <h3 class="text-sm text-neutral">Connect with your Alby Wallet</h3>
+                      </div>
+
+                    </div>
+                    <div class="collapse-content">
+                      <button style="margin-top: 20px;" @click="connect_alby_nwc()">
+                        <svg fill="none" height="40" viewBox="0 0 211 40" width="211"
+                             xmlns="http://www.w3.org/2000/svg">
+                          <rect fill="url(#paint0_linear_1_148)" height="40" rx="6" width="210" x="0.5"/>
+                          <circle cx="1.575" cy="1.575" fill="black" r="1.575"
+                                  transform="matrix(-1 0 0 1 22.1176 13.8575)"/>
+                          <path d="M20.28 15.1963L23.22 18.1363" stroke="black" stroke-width="0.7875"/>
+                          <circle cx="33.405" cy="15.4325" fill="black" r="1.575"/>
+                          <path d="M33.6938 15.1963L30.7538 18.1363" stroke="black" stroke-width="0.7875"/>
+                          <path clip-rule="evenodd" d="M20.9896 24.831C20.1407 24.4269 19.6467 23.5194 19.8122 22.5939C20.5225 18.6217 23.4825 15.6425 27.0263 15.6425C30.5786 15.6425 33.5444 18.6362 34.2455 22.6228C34.4085 23.5499 33.9105 24.457 33.0587 24.8578C31.2361 25.7155 29.2003 26.195 27.0525 26.195C24.8824 26.195 22.8267 25.7055 20.9896 24.831Z"
+                                fill="#FFDF6F"
+                                fill-rule="evenodd"/>
+                          <path
+                              d="M34.2455 22.6228L33.8577 22.691L34.2455 22.6228ZM33.0587 24.8578L32.8911 24.5016L33.0587 24.8578ZM20.9896 24.831L21.1588 24.4754L20.9896 24.831ZM20.1998 22.6632C20.8861 18.825 23.7231 16.0362 27.0263 16.0362V15.2487C23.242 15.2487 20.1588 18.4184 19.4246 22.5246L20.1998 22.6632ZM27.0263 16.0362C30.3374 16.0362 33.1802 18.8386 33.8577 22.691L34.6333 22.5546C33.9086 18.4337 30.8198 15.2487 27.0263 15.2487V16.0362ZM32.8911 24.5016C31.1198 25.3351 29.1411 25.8012 27.0525 25.8012V26.5887C29.2595 26.5887 31.3524 26.096 33.2264 25.2141L32.8911 24.5016ZM27.0525 25.8012C24.9422 25.8012 22.9442 25.3254 21.1588 24.4754L20.8203 25.1865C22.7092 26.0857 24.8226 26.5887 27.0525 26.5887V25.8012ZM33.8577 22.691C33.9884 23.4343 33.5904 24.1725 32.8911 24.5016L33.2264 25.2141C34.2306 24.7415 34.8287 23.6655 34.6333 22.5546L33.8577 22.691ZM19.4246 22.5246C19.2263 23.6336 19.8196 24.7101 20.8203 25.1865L21.1588 24.4754C20.4618 24.1436 20.0671 23.4052 20.1998 22.6632L19.4246 22.5246Z"
+                              fill="black"/>
+                          <path clip-rule="evenodd" d="M22.5042 23.8434C21.8209 23.5652 21.4155 22.8381 21.6523 22.1394C22.3825 19.9844 24.5124 18.425 27.0263 18.425C29.5401 18.425 31.67 19.9844 32.4002 22.1394C32.637 22.8381 32.2317 23.5652 31.5484 23.8434C30.1528 24.4118 28.6261 24.725 27.0263 24.725C25.4264 24.725 23.8997 24.4118 22.5042 23.8434Z"
+                                fill="black"
+                                fill-rule="evenodd"/>
+                          <ellipse cx="28.8375" cy="21.785" fill="white" rx="1.3125" ry="1.05"/>
+                          <ellipse cx="25.0802" cy="21.7856" fill="white" rx="1.3125" ry="1.05"/>
+                          <path
+                              d="M55.5064 18.1477C55.1712 18.1477 54.9893 17.983 54.87 17.6648C54.4325 16.4659 53.3018 15.8068 51.9893 15.8068C49.9837 15.8068 48.4837 17.358 48.4837 20.1818C48.4837 23.0284 49.9893 24.5568 51.9837 24.5568C53.2905 24.5568 54.4155 23.9148 54.87 22.733C54.9893 22.4091 55.1712 22.25 55.5064 22.25H56.1371C56.5348 22.25 56.7507 22.4943 56.6314 22.8807C56.0405 24.8409 54.2905 26.1591 51.9723 26.1591C48.9496 26.1591 46.7393 23.9034 46.7393 20.1818C46.7393 16.4602 48.9609 14.2045 51.9723 14.2045C54.2166 14.2045 56.0348 15.4148 56.6371 17.517C56.7507 17.9091 56.5348 18.1477 56.1371 18.1477H55.5064ZM62.4197 26.1761C59.9595 26.1761 58.3516 24.375 58.3516 21.6761C58.3516 18.9602 59.9595 17.1591 62.4197 17.1591C64.88 17.1591 66.4879 18.9602 66.4879 21.6761C66.4879 24.375 64.88 26.1761 62.4197 26.1761ZM60.0675 21.6705C60.0675 23.3466 60.8175 24.75 62.4254 24.75C64.022 24.75 64.772 23.3466 64.772 21.6705C64.772 20 64.022 18.5795 62.4254 18.5795C60.8175 18.5795 60.0675 20 60.0675 21.6705ZM70.0831 25.4318C70.0831 25.8011 69.8842 26 69.5149 26H68.9524C68.5831 26 68.3842 25.8011 68.3842 25.4318V17.8409C68.3842 17.4716 68.5831 17.2727 68.9524 17.2727H69.4467C69.8161 17.2727 70.0149 17.4716 70.0149 17.8409V18.6932H70.1229C70.5263 17.767 71.3842 17.1591 72.6967 17.1591C74.4808 17.1591 75.6683 18.2898 75.6683 20.4489V25.4318C75.6683 25.8011 75.4695 26 75.1001 26H74.5376C74.1683 26 73.9695 25.8011 73.9695 25.4318V20.6534C73.9695 19.3864 73.2706 18.6307 72.1172 18.6307C70.9354 18.6307 70.0831 19.4261 70.0831 20.8182V25.4318ZM79.6456 25.4318C79.6456 25.8011 79.4467 26 79.0774 26H78.5149C78.1456 26 77.9467 25.8011 77.9467 25.4318V17.8409C77.9467 17.4716 78.1456 17.2727 78.5149 17.2727H79.0092C79.3786 17.2727 79.5774 17.4716 79.5774 17.8409V18.6932H79.6854C80.0888 17.767 80.9467 17.1591 82.2592 17.1591C84.0433 17.1591 85.2308 18.2898 85.2308 20.4489V25.4318C85.2308 25.8011 85.032 26 84.6626 26H84.1001C83.7308 26 83.532 25.8011 83.532 25.4318V20.6534C83.532 19.3864 82.8331 18.6307 81.6797 18.6307C80.4979 18.6307 79.6456 19.4261 79.6456 20.8182V25.4318ZM91.2706 26.1761C88.6967 26.1761 87.1172 24.4034 87.1172 21.6932C87.1172 19.0114 88.7195 17.1591 91.1513 17.1591C93.1286 17.1591 95.0149 18.392 95.0149 21.5455V21.5795C95.0149 21.9489 94.8161 22.1477 94.4467 22.1477H88.8104C88.8558 23.8295 89.8331 24.7727 91.2876 24.7727C92.0661 24.7727 92.6967 24.5 93.0717 23.9659C93.2649 23.6818 93.4581 23.5511 93.7876 23.6136L94.2876 23.7045C94.674 23.7784 94.8672 24 94.7365 24.2898C94.2024 25.4432 92.9524 26.1761 91.2706 26.1761ZM88.8161 20.875H93.3501C93.3445 19.5398 92.4808 18.5625 91.1626 18.5625C89.782 18.5625 88.8842 19.6364 88.8161 20.875ZM100.576 26.1761C98.0419 26.1761 96.5078 24.3068 96.5078 21.6761C96.5078 19.0114 98.0987 17.1591 100.559 17.1591C102.298 17.1591 103.621 18.0625 104.042 19.4716C104.15 19.8523 103.923 20.0909 103.531 20.0909H102.996C102.667 20.0909 102.491 19.9375 102.349 19.6307C102.053 19.0341 101.457 18.5909 100.587 18.5909C99.1669 18.5909 98.2237 19.767 98.2237 21.6364C98.2237 23.5398 99.1499 24.7386 100.587 24.7386C101.388 24.7386 102.025 24.3636 102.349 23.6989C102.491 23.3977 102.667 23.2386 102.996 23.2386H103.531C103.923 23.2386 104.15 23.4375 104.059 23.767C103.678 25.1875 102.417 26.1761 100.576 26.1761ZM110.052 18.0682C110.052 18.4375 109.853 18.6364 109.484 18.6364H108.262V23.4375C108.262 24.4205 108.756 24.6023 109.308 24.6023H109.364C109.722 24.5909 109.944 24.7102 110.018 25.0625L110.092 25.3864C110.171 25.7386 110.035 26.0114 109.671 26.0682C109.512 26.0909 109.325 26.1136 109.109 26.1136C107.768 26.142 106.558 25.375 106.563 23.7898V18.6364H105.853C105.484 18.6364 105.285 18.4375 105.285 18.0682V17.8409C105.285 17.4716 105.484 17.2727 105.853 17.2727H106.563V15.75C106.563 15.3807 106.762 15.1818 107.131 15.1818H107.694C108.063 15.1818 108.262 15.3807 108.262 15.75V17.2727H109.484C109.853 17.2727 110.052 17.4716 110.052 17.8409V18.0682ZM115.677 17.9148C115.563 17.5227 115.745 17.2727 116.154 17.2727H116.745C117.08 17.2727 117.29 17.4318 117.376 17.7557L118.955 23.6818H119.04L120.626 17.7557C120.711 17.4261 120.921 17.2727 121.256 17.2727H122.012C122.347 17.2727 122.558 17.4318 122.643 17.7557L124.217 23.6534H124.302L125.87 17.7557C125.955 17.4318 126.165 17.2727 126.501 17.2727H127.092C127.501 17.2727 127.683 17.517 127.569 17.9148L125.336 25.5227C125.239 25.8409 125.035 26 124.7 26H123.961C123.626 26 123.415 25.8466 123.325 25.517L121.688 19.6989H121.558L119.921 25.517C119.83 25.8466 119.62 26 119.285 26H118.552C118.217 26 118.012 25.8409 117.915 25.5227L115.677 17.9148ZM130.227 15.9261C129.636 15.9261 129.153 15.4716 129.153 14.9148C129.153 14.358 129.636 13.8977 130.227 13.8977C130.812 13.8977 131.3 14.358 131.3 14.9148C131.3 15.4716 130.812 15.9261 130.227 15.9261ZM129.369 25.4318V17.8409C129.369 17.4716 129.567 17.2727 129.937 17.2727H130.499C130.869 17.2727 131.067 17.4716 131.067 17.8409V25.4318C131.067 25.8011 130.869 26 130.499 26H129.937C129.567 26 129.369 25.8011 129.369 25.4318ZM137.427 18.0682C137.427 18.4375 137.228 18.6364 136.859 18.6364H135.637V23.4375C135.637 24.4205 136.131 24.6023 136.683 24.6023H136.739C137.097 24.5909 137.319 24.7102 137.393 25.0625L137.467 25.3864C137.546 25.7386 137.41 26.0114 137.046 26.0682C136.887 26.0909 136.7 26.1136 136.484 26.1136C135.143 26.142 133.933 25.375 133.938 23.7898V18.6364H133.228C132.859 18.6364 132.66 18.4375 132.66 18.0682V17.8409C132.66 17.4716 132.859 17.2727 133.228 17.2727H133.938V15.75C133.938 15.3807 134.137 15.1818 134.506 15.1818H135.069C135.438 15.1818 135.637 15.3807 135.637 15.75V17.2727H136.859C137.228 17.2727 137.427 17.4716 137.427 17.8409V18.0682ZM141.192 25.4318C141.192 25.8011 140.994 26 140.624 26H140.062C139.692 26 139.494 25.8011 139.494 25.4318V14.9318C139.494 14.5625 139.692 14.3636 140.062 14.3636H140.602C140.971 14.3636 141.17 14.5625 141.17 14.9318V18.6932H141.278C141.687 17.75 142.505 17.1591 143.863 17.1591C145.658 17.1591 146.852 18.2727 146.852 20.4489V25.4318C146.852 25.8011 146.653 26 146.283 26H145.721C145.352 26 145.153 25.8011 145.153 25.4318V20.6534C145.153 19.375 144.454 18.6307 143.283 18.6307C142.073 18.6307 141.192 19.4261 141.192 20.8182V25.4318ZM153.302 26C152.881 26 152.7 25.7386 152.842 25.3466L156.631 14.8182C156.745 14.5114 156.95 14.3636 157.279 14.3636H158.342C158.671 14.3636 158.876 14.5114 158.989 14.8182L162.779 25.3466C162.921 25.7386 162.739 26 162.319 26H161.637C161.308 26 161.097 25.858 160.989 25.5398L160.086 22.9205H155.54L154.631 25.5398C154.523 25.8523 154.313 26 153.984 26H153.302ZM156.052 21.4432H159.575L157.859 16.4773H157.768L156.052 21.4432ZM166.255 25.4318C166.255 25.8011 166.056 26 165.687 26H165.124C164.755 26 164.556 25.8011 164.556 25.4318V14.9318C164.556 14.5625 164.755 14.3636 165.124 14.3636H165.687C166.056 14.3636 166.255 14.5625 166.255 14.9318V25.4318ZM168.677 14.9318C168.677 14.5625 168.876 14.3636 169.245 14.3636H169.808C170.177 14.3636 170.376 14.5625 170.376 14.9318V18.6875H170.478C170.779 18.1477 171.364 17.1591 172.984 17.1591C175.092 17.1591 176.648 18.8239 176.648 21.6534C176.648 24.4773 175.114 26.1705 173.001 26.1705C171.41 26.1705 170.785 25.1989 170.478 24.642H170.336V25.4318C170.336 25.8011 170.137 26 169.768 26H169.245C168.876 26 168.677 25.8011 168.677 25.4318V14.9318ZM170.342 21.6364C170.342 23.4716 171.16 24.7216 172.62 24.7216C174.137 24.7216 174.933 23.3864 174.933 21.6364C174.933 19.9034 174.16 18.6023 172.62 18.6023C171.137 18.6023 170.342 19.8125 170.342 21.6364ZM179.317 29.2727C179.096 29.2727 178.891 29.2557 178.71 29.2273C178.346 29.1705 178.215 28.892 178.317 28.5341L178.414 28.2102C178.516 27.8636 178.744 27.7614 179.102 27.8011C179.744 27.8636 180.198 27.6136 180.539 26.6932L180.749 26.1136L177.789 17.9261C177.647 17.5341 177.829 17.2727 178.249 17.2727H178.886C179.215 17.2727 179.425 17.4261 179.528 17.7386L181.585 24.0455H181.675L183.732 17.7386C183.835 17.4261 184.045 17.2727 184.374 17.2727H185.016C185.437 17.2727 185.613 17.5341 185.471 17.9261L182.113 27.1648C181.607 28.5398 180.721 29.2727 179.317 29.2727Z"
+                              fill="black"/>
+                          <defs>
+                            <linearGradient id="paint0_linear_1_148" gradientUnits="userSpaceOnUse" x1="105.5" x2="105.5" y1="0"
+                                            y2="38.0952">
+                              <stop offset="0.669102" stop-color="#FFDE6E"/>
+                              <stop offset="1" stop-color="#F8C455"/>
+                            </linearGradient>
+                          </defs>
+                        </svg>
+
+                      </button>
+                    </div>
+
+                  </div>
+                  <div class="collapse bg-base-200">
+                    <input name="my-accordion-1" type="radio"/>
+                    <div class="collapse-title text-xl font-medium bg-black/30  flex">
+                      <img class="w-12 h-12 mask mask-squircle bg-zinc-700" src="/Mutiny.png" alt="Mutiny"
+                           style="width: 46px; height: 46px"/>
+                      <div style="margin-left: 30px">
+                        <h3> Mutiny Wallet</h3>
+                        <h3 class="text-sm text-neutral">Connect with your Mutiny Wallet</h3>
+                      </div>
+                    </div>
+
+                    <div class="collapse-content">
+                      <p>Add a new Wallet Connection from:</p>
+                      <ul class="steps steps-vertical">
+                        <li class="step">Settings</li>
+                        <li class="step">Wallet Connections</li>
+                        <li class="step">Add Connection</li>
+                        <li class="step">copy the connection string.</li>
+                      </ul>
+                      <textarea v-model="this.nwcmutiny" class="nwc-Input" cols="40"
+                                name="Text1" placeholder="nostr+walletconnect://..." rows="5" style="width: 400px; margin-left: 10px; margin-top: 10px"
+                                type="password"></textarea>
+                    </div>
+                  </div>
+                  <div class="collapse bg-base-200">
+                    <input name="my-accordion-1" type="radio"/>
+                    <div class="collapse-title text-xl font-medium transparent bg-black/30 flex">
+                      <svg class="w-12 h-12 mask mask-squircle" fill="none" height="56" viewBox="0 0 56 56" width="56"
+                           xmlns="http://www.w3.org/2000/svg">
+                        <g clip-path="url(#clip0_1138_8450)">
+                          <rect fill="black" height="56" rx="16" width="56"></rect>
+                          <rect fill="url(#paint0_radial_1138_8450)" height="56" width="56"></rect>
+                          <rect fill="black" fill-opacity="0.9" height="56" width="56"></rect>
+                          <path
+                              d="M42.7656 23.2125C42.7656 33.8416 32.4114 42.9297 28 42.9297C23.5886 42.9297 13.2344 33.8416 13.2344 23.2125C13.2344 15.0741 19.8452 8.47656 28 8.47656C36.1548 8.47656 42.7656 15.0741 42.7656 23.2125Z"
+                              fill="url(#paint1_radial_1138_8450)"></path>
+                          <path
+                              d="M25.5108 47.4784L27.7337 46.747C27.9067 46.6901 28.0933 46.6901 28.2663 46.747L30.4892 47.4784C31.2399 47.7255 31.8928 46.9058 31.4827 46.231L28.7272 41.6978C28.396 41.1528 27.604 41.1528 27.2728 41.6978L24.5173 46.231C24.1072 46.9058 24.7601 47.7255 25.5108 47.4784Z"
+                              fill="url(#paint2_radial_1138_8450)"></path>
+                          <circle cx="28" cy="23.2422" fill="black" fill-opacity="0.66" r="5.79688"></circle>
+                        </g>
+                        <defs>
+                          <radialGradient id="paint0_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(56 56) rotate(-135) scale(79.196 118.441)"
+                                          gradientUnits="userSpaceOnUse"
+                                          r="1">
+                            <stop offset="0" stop-color="#6951FA"></stop>
+                            <stop offset="1" stop-color="#9151FA"></stop>
+                          </radialGradient>
+                          <radialGradient id="paint1_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"
+                                          gradientUnits="userSpaceOnUse"
+                                          r="1">
+                            <stop stop-color="#6951FA"></stop>
+                            <stop offset="1" stop-color="#9151FA"></stop>
+                          </radialGradient>
+                          <radialGradient id="paint2_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"
+                                          gradientUnits="userSpaceOnUse"
+                                          r="1">
+                            <stop stop-color="#6951FA"></stop>
+                            <stop offset="1" stop-color="#9151FA"></stop>
+                          </radialGradient>
+                          <clipPath id="clip0_1138_8450">
+                            <rect fill="white" height="56" rx="16" width="56"></rect>
+                          </clipPath>
+                        </defs>
+                      </svg>
+                      <div style="margin-left: 30px">
+                        <h3>Nostr Wallet Connect</h3>
+                        <h3 class="text-sm text-neutral">Manually connect with NWC string</h3>
+                      </div>
 
 
-        </div>
-        <div class="collapse-content">
-        <textarea class="nwc-Input" style="width: 400px; margin-left: 10px; margin-top: 10px" name="Text1" type="password"  placeholder="nostr+walletconnect://..." cols="40" rows="5"  v-model="this.nwc"></textarea>
+                    </div>
+                    <div class="collapse-content">
+                      <textarea v-model="this.nwc" class="nwc-Input" cols="40"
+                                name="Text1" placeholder="nostr+walletconnect://..." rows="5" style="width: 400px; margin-left: 10px; margin-top: 10px"
+                                type="password"></textarea>
 
+                    </div>
+                  </div>
+
+
+                  <div class="modal-action">
+                    <form method="dialog">
+                      <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                      <!-- if there is a button in form, it will close the modal -->
+                      <button class="btn" @click="store_nwc()">Save</button>
+                    </form>
+                  </div>
+                </div>
+                <div v-if="this.hasNWC">
+                  <br>
+                  <br>
+                  <form method="dialog">
+                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                    <!-- if there is a button in form, it will close the modal -->
+                    <button class="btn" @click="disconnect_nwc()">Disconnect NWC</button>
+                  </form>
+                </div>
+
+              </div>
+            </dialog>
+
+            <button className="btn" @click="sign_out()">Sign Out</button>
+          </div>
         </div>
       </div>
-
-
-        <div class="modal-action">
-          <form method="dialog">
-            <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-            <!-- if there is a button in form, it will close the modal -->
-            <button class="btn" @click="store_nwc()">Save</button>
-          </form>
-        </div>
-        </div>
-        <div v-if="this.hasNWC">
-          <br>
-          <br>
-           <form method="dialog">
-            <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-            <!-- if there is a button in form, it will close the modal -->
-            <button class="btn" @click="disconnect_nwc()">Disconnect NWC</button>
-          </form>
-        </div>
-
-      </div>
-</dialog>
-
-          <button className="btn" @click="sign_out()">Sign Out</button>
-        </div>
-      </div>
+      <!--<p>{{ this.current_user }}</p> -->
     </div>
-        <!--<p>{{ this.current_user }}</p> -->
-     </div>
 
     <template v-if="!current_user">
       <div className="dropdown">
-      <div tabIndex={0} role="button" class="v-Button" >Sign in</div>
-      <div tabIndex={0} className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content">
-        <div className="card-body">
-          <h3 className="card-title">Login</h3>
-          <p>Use a Browser Nip07 Extension like getalby, nos2x or nsec.app, a nsec or ncryptsec or use Amber on Android to sign-in</p>
-<!--         <button className="btn" @click="sign_in_nip07()">Browser Extension</button>-->
-         <button className="btn" @click="sign_in_nostr_login()">Nostr Login</button>
+        <div class="v-Button" role="button" tabIndex={0}>Sign in</div>
+        <div className="dropdown-content -start-56 z-[1] horizontal card card-compact w-64 p-2 shadow bg-nostr text-primary-content"
+             tabIndex={0}>
+          <div className="card-body">
+            <h3 className="card-title">Login</h3>
+            <p>Use a Browser Nip07 Extension like getalby, nos2x or nsec.app, a nsec or ncryptsec or use Amber on
+              Android to sign-in</p>
+            <!--         <button className="btn" @click="sign_in_nip07()">Browser Extension</button>-->
+            <button className="btn" @click="sign_in_nostr_login()">Nostr Login</button>
 
-<!--         <template v-if="supports_android_signer">-->
-<!--          <button className="btn" @click="sign_in_amber()">Amber Sign in</button>-->
-<!--        </template>-->
-           <button className="btn" onclick="nsecmodal.showModal()">NSec/NCryptSec</button>
-      <dialog id="nsecmodal" class="modal">
-      <div class="modal-box">
-        <h3 class="font-bold text-lg">Login with key</h3>
-        <p class="py-4">Login with nsec or ncryptsec. Your keys will be stored in your Browser. This is the least recommended sign-in method</p>
-        <input class="u-Input" style="margin-left: 10px" type="search" name="user" autofocus  placeholder="nsec.../ncryptsec..." v-model="this.ncryptsec">
-        <input v-if="ncryptsec.startsWith('ncryptsec')" class="u-Input" style="margin-left: 10px" type="password" name="user" autofocus  placeholder="password..." v-model="this.pw">
+            <!--         <template v-if="supports_android_signer">-->
+            <!--          <button className="btn" @click="sign_in_amber()">Amber Sign in</button>-->
+            <!--        </template>-->
+            <button className="btn" onclick="nsecmodal.showModal()">NSec/NCryptSec</button>
+            <dialog id="nsecmodal" class="modal">
+              <div class="modal-box">
+                <h3 class="font-bold text-lg">Login with key</h3>
+                <p class="py-4">Login with nsec or ncryptsec. Your keys will be stored in your Browser. This is the
+                  least recommended sign-in method</p>
+                <input v-model="this.ncryptsec" autofocus class="u-Input" name="user" placeholder="nsec.../ncryptsec..."
+                       style="margin-left: 10px" type="search">
+                <input v-if="ncryptsec.startsWith('ncryptsec')" v-model="this.pw" autofocus
+                       class="u-Input" name="user" placeholder="password..." style="margin-left: 10px" type="password">
 
-        <div class="modal-action">
-          <form method="dialog">
-            <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-            <!-- if there is a button in form, it will close the modal -->
-            <button class="btn" @click="sign_in_key()">Login</button>
-          </form>
+                <div class="modal-action">
+                  <form method="dialog">
+                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                    <!-- if there is a button in form, it will close the modal -->
+                    <button class="btn" @click="sign_in_key()">Login</button>
+                  </form>
+                </div>
+              </div>
+            </dialog>
+          </div>
         </div>
       </div>
-</dialog>
-        </div>
-      </div>
-    </div>
     </template>
   </div>
 </template>
 
 <script>
 import {
-  loadWasmAsync,
+  Alphabet,
   Client,
-  Nip07Signer,
+  ClientBuilder,
+  Contact,
+  Duration,
   Filter,
   initLogger,
-  LogLevel,
-  Timestamp,
   Keys,
+  loadWasmAsync,
+  LogLevel,
+  NegentropyDirection,
+  NegentropyOptions,
+  Nip07Signer,
+  Nip46Signer,
   NostrDatabase,
-  ClientBuilder,
-  ClientZapper,
-  Alphabet,
-  SingleLetterTag,
+  NostrSigner,
   Options,
-  Duration,
   PublicKey,
-  Nip46Signer, NegentropyDirection, NegentropyOptions, NostrSigner, RelayLimits, Contact, Event
+  RelayLimits,
+  SingleLetterTag
 } from "@rust-nostr/nostr-sdk";
-import VueNotifications from "vue-notifications";
 import store from '../store';
 import miniToastr from "mini-toastr";
 import deadnip89s from "@/components/data/deadnip89s.json";
-import { init as initNostrLogin  } from "nostr-login"
-import { NostrLoginInitializer as launchNostrLoginDialog } from "nostr-login"
-import { logout as logoutNostrLogin } from "nostr-login"
-import {parseandreplacenpubs, hasActiveSubscription, dvmreactions} from "@/components/helper/Helper.vue"
+import {
+  init as initNostrLogin,
+  logout as logoutNostrLogin,
+  NostrLoginInitializer as launchNostrLoginDialog
+} from "nostr-login"
+import {hasActiveSubscription, parseandreplacenpubs} from "@/components/helper/Helper.vue"
 import {loadNWCObject} from "@/components/helper/Zap.vue"
-import {useDark, useEventListener, useToggle} from "@vueuse/core";
+import {useDark, useToggle} from "@vueuse/core";
 import {ref} from "vue";
 import {webln} from "@getalby/sdk";
-import app from "@/App.vue";
+
 const isDark = useDark();
 
 //const toggleDark = useToggle(isDark);
 
 
-
 let nip89dvms = []
 
 let logger = false
@@ -218,7 +283,7 @@ let logoutcounter = 0
 
 
 export default {
-  created () {
+  created() {
     document.addEventListener('nlAuth', this.handleNostrLoginEvent, false)
   },
 
@@ -247,37 +312,29 @@ export default {
 
       if (localStorage.getItem('nostr-key-method') === 'nip07') {
         await this.sign_in_nip07()
-      }
-      else if (localStorage.getItem('nostr-key-method') === 'nsec') {
+      } else if (localStorage.getItem('nostr-key-method') === 'nsec') {
         await this.sign_in_key(localStorage.getItem('localNostrPrivkey'))
-      }
-      else if (localStorage.getItem('nostr-key-method') === 'nostr-login'){
+      } else if (localStorage.getItem('nostr-key-method') === 'nostr-login') {
         console.log(localStorage.getItem('__nostrlogin_nip46'))
         await this.sign_in_nostr_login()
-      }
-
-
-      else {
+      } else {
         await this.sign_in_anon()
       }
-    await this.getnip89s()
+      await this.getnip89s()
       let nwc = loadNWCObject()
       this.hasNWC = false
 
-      if(nwc != null && nwc.nwcUrl){
-         this.hasNWC = true
+      if (nwc != null && nwc.nwcUrl) {
+        this.hasNWC = true
 
-        if(nwc.connectorType === "alby"){
+        if (nwc.connectorType === "alby") {
           this.nwcalby = nwc.nwcUrl
-        }
-        else if(nwc.connectorType === "user"){
+        } else if (nwc.connectorType === "user") {
           this.nwc = nwc.nwcUrl
-        }
-        else if (nwc.connectorType === "mutiny"){
+        } else if (nwc.connectorType === "mutiny") {
           this.nwcmutiny = nwc.nwcUrl
         }
-       }
-
+      }
 
 
     } catch (error) {
@@ -297,105 +354,102 @@ export default {
         document.documentElement.classList.remove('dark')
       }
     },
-    async handleNostrLoginEvent(e){
+    async handleNostrLoginEvent(e) {
       console.log(e)
 
-       if (e.detail.type === "login") {
+      if (e.detail.type === "login") {
         //await this.state.client.shutdown()G;
         await this.sign_in_nostr_login(false)
         let pubkeyinfo = localStorage.getItem('__nostrlogin_nip46')
-           console.log(JSON.parse(pubkeyinfo).pubkey)
+        console.log(JSON.parse(pubkeyinfo).pubkey)
         //await this.get_user_info(JSON.parse(pubkeyinfo).pubkey)
         //this.reconcile_all_profiles(JSON.parse(pubkeyinfo).pubkey)
         console.log("Logged in")
-  }
-    console.log(logoutcounter)
+      }
+      console.log(logoutcounter)
       if (e.detail.type === "logout" && logoutcounter === 0) {
-        logoutcounter  = logoutcounter + 1
-       }
-      else if (e.detail.type === "logout" && logoutcounter > 0) {
+        logoutcounter = logoutcounter + 1
+      } else if (e.detail.type === "logout" && logoutcounter > 0) {
         await this.sign_out_event()
         //await this.state.client.shutdown()G;
         console.log("Logged out")
-  }
+      }
     },
-    async sign_in_nostr_login(launch=true) {
+    async sign_in_nostr_login(launch = true) {
       await loadWasmAsync();
 
       // launch signup screen
-      if (launch){
+      if (launch) {
         await initNostrLogin({bunkers: 'nsec.app,highlighter.com', iife: true, noBanner: true})
         //perms: "sign_event:1,nip04_encrypt,nip04_decrypt,nip44_encrypt,nip44_decrypt"
-        if (!localStorage.getItem('__nostrlogin_nip46')){
-           await new launchNostrLoginDialog({
-        bunkers: 'nsec.app,highlighter.com'
-      })
-      }
+        if (!localStorage.getItem('__nostrlogin_nip46')) {
+          await new launchNostrLoginDialog({
+            bunkers: 'nsec.app,highlighter.com'
+          })
+        }
 
       }
 
 
-
       let nip07_signer = new Nip07Signer();
       try {
         this.signer = NostrSigner.nip07(nip07_signer);
         console.log("SIGNER: " + this.signer.toString())
         let limits = RelayLimits.disable()
 
-      let opts = new Options().waitForSend(false).connectionTimeout(Duration.fromSecs(5)).relayLimits(limits);
-      let client = new ClientBuilder().signer(this.signer).opts(opts).build()
+        let opts = new Options().waitForSend(false).connectionTimeout(Duration.fromSecs(5)).relayLimits(limits);
+        let client = new ClientBuilder().signer(this.signer).opts(opts).build()
 
 
-      for (const relay of store.state.relays) {
-        await client.addRelay(relay);
-      }
+        for (const relay of store.state.relays) {
+          await client.addRelay(relay);
+        }
 
-      const pubkey = await nip07_signer.getPublicKey();
-      await client.connect();
+        const pubkey = await nip07_signer.getPublicKey();
+        await client.connect();
 
 
         store.commit('set_client', client)
         store.commit('set_signer', this.signer)
-      store.commit('set_pubkey', pubkey)
-      localStorage.setItem('nostr-key-method', "nostr-login")
-      localStorage.setItem('nostr-key', pubkey.toHex())
-      console.log("Client Nip46 connected")
-      await this.get_user_info(pubkey)
-        if (launch){
-                  this.reconcile_all_profiles(pubkey)
+        store.commit('set_pubkey', pubkey)
+        localStorage.setItem('nostr-key-method', "nostr-login")
+        localStorage.setItem('nostr-key', pubkey.toHex())
+        console.log("Client Nip46 connected")
+        await this.get_user_info(pubkey)
+        if (launch) {
+          await this.reconcile_all_profiles(pubkey)
 
         }
-      console.log(pubkey.toBech32())
-      //await this.reconcile_all_profiles()
+        console.log(pubkey.toBech32())
+        //await this.reconcile_all_profiles()
 
 
-
- } catch (error) {
+      } catch (error) {
         console.log(error);
       }
     },
     async sign_in_anon() {
       try {
-         await loadWasmAsync();
-       if(logger){
-            try {
-                initLogger(LogLevel.debug());
-            } catch (error) {
-                console.log(error);
-            }
+        await loadWasmAsync();
+        if (logger) {
+          try {
+            initLogger(LogLevel.debug());
+          } catch (error) {
+            console.log(error);
+          }
         }
 
         let keys = Keys.parse(store.state.nooglekey)
         this.signer = NostrSigner.keys(keys) //TODO store keys
-          let limits = RelayLimits.disable()
+        let limits = RelayLimits.disable()
         let opts = new Options().waitForSend(false).connectionTimeout(Duration.fromSecs(5)).relayLimits(limits);
         let client = new ClientBuilder().signer(this.signer).opts(opts).build()
 
-        for (const relay of store.state.relays){
-           await client.addRelay(relay);
+        for (const relay of store.state.relays) {
+          await client.addRelay(relay);
         }
 
-        const pubkey =  keys.publicKey
+        const pubkey = keys.publicKey
         await client.connect();
 
         /*
@@ -408,8 +462,6 @@ export default {
         }*/
 
 
-
-
         store.commit('set_client', client)
         store.commit('set_signer', this.signer)
         store.commit('set_pubkey', pubkey)
@@ -425,39 +477,37 @@ export default {
     },
     async sign_in_key(nsec = "") {
       try {
-         await loadWasmAsync();
-       if(logger){
-            try {
-                initLogger(LogLevel.debug());
-            } catch (error) {
-                console.log(error);
-            }
+        await loadWasmAsync();
+        if (logger) {
+          try {
+            initLogger(LogLevel.debug());
+          } catch (error) {
+            console.log(error);
+          }
         }
-       let key = ""
-       if (nsec !== ""){
-         key = nsec
-       }
-       else{
-           key = this.ncryptsec
-        if(this.ncryptsec.startsWith("ncryptsec")){
+        let key = ""
+        if (nsec !== "") {
+          key = nsec
+        } else {
+          key = this.ncryptsec
+          if (this.ncryptsec.startsWith("ncryptsec")) {
 
-          key = nip49.decryptwrapper(this.ncryptsec, this.pw)
+            key = nip49.decryptwrapper(this.ncryptsec, this.pw)
+          }
         }
-       }
-
 
 
         let keys = Keys.parse(key)
         this.signer = NostrSigner.keys(keys)
-          let limits = RelayLimits.disable()
+        let limits = RelayLimits.disable()
         let opts = new Options().waitForSend(false).connectionTimeout(Duration.fromSecs(5)).relayLimits(limits);
         let client = new ClientBuilder().signer(this.signer).opts(opts).build()
 
-        for (const relay of store.state.relays){
-           await client.addRelay(relay);
+        for (const relay of store.state.relays) {
+          await client.addRelay(relay);
         }
 
-        const pubkey =  keys.publicKey
+        const pubkey = keys.publicKey
         await client.connect();
 
         /*
@@ -470,8 +520,6 @@ export default {
         }*/
 
 
-
-
         store.commit('set_client', client)
         store.commit('set_signer', this.signer)
         store.commit('set_pubkey', pubkey)
@@ -495,35 +543,35 @@ export default {
 
         await loadWasmAsync();
 
-        if(logger){
-            try {
-                initLogger(LogLevel.debug());
-            } catch (error) {
-                console.log(error);
-            }
+        if (logger) {
+          try {
+            initLogger(LogLevel.debug());
+          } catch (error) {
+            console.log(error);
+          }
         }
 
 
         let nip07_signer = new Nip07Signer();
-            try{
-              this.signer = NostrSigner.nip07(nip07_signer);
-              console.log("SIGNER: " + this.signer)
+        try {
+          this.signer = NostrSigner.nip07(nip07_signer);
+          console.log("SIGNER: " + this.signer)
 
 
-            } catch (error) {
-            console.log(error);
-             this.signer = NostrSigner.keys(Keys.generate())
-          }
+        } catch (error) {
+          console.log(error);
+          this.signer = NostrSigner.keys(Keys.generate())
+        }
 
         //let zapper = ClientZapper.webln()
-         let limits = RelayLimits.disable()
+        let limits = RelayLimits.disable()
         let opts = new Options().waitForSend(false).connectionTimeout(Duration.fromSecs(5)).relayLimits(limits);
         let client = new ClientBuilder().signer(this.signer).opts(opts).build()
 
 
-        for (const relay of store.state.relays){
-                 await client.addRelay(relay);
-              }
+        for (const relay of store.state.relays) {
+          await client.addRelay(relay);
+        }
 
         const pubkey = await nip07_signer.getPublicKey();
 
@@ -546,7 +594,6 @@ export default {
         localStorage.setItem('nostr-key', pubkey.toHex())
 
 
-
         console.log("Client Nip07 connected")
         await this.get_user_info(pubkey)
 
@@ -565,69 +612,65 @@ export default {
         await loadWasmAsync();
 
 
-
-          let connectionstring = ""
-          if (localStorage.getItem('nostr-key') !== "" && localStorage.getItem('nostr-key').startsWith("nsecbunker://") ){
-            connectionstring = localStorage.getItem('nostr-key')
-          }
-
-        if (connectionstring === ""){
-              //ADD DEFAULT TEST STRING FOR NOW, USE USER INPUT LATER
-              connectionstring = ""
+        let connectionstring = ""
+        if (localStorage.getItem('nostr-key') !== "" && localStorage.getItem('nostr-key').startsWith("nsecbunker://")) {
+          connectionstring = localStorage.getItem('nostr-key')
         }
 
-        if (connectionstring.startsWith("nsecbunker://")){
-           connectionstring = connectionstring.replace("nsecbunker://", "")
-           let split = connectionstring.split("?relay=")
-           let relay_url = split[1]
-           let split2 = split[0].split("#")
-           let publickey = Keys.parse(split2[0]).publicKey
-           let app_keys = Keys.fromPublicKey(PublicKey.parse(split2[1]))
+        if (connectionstring === "") {
+          //ADD DEFAULT TEST STRING FOR NOW, USE USER INPUT LATER
+          connectionstring = ""
+        }
+
+        if (connectionstring.startsWith("nsecbunker://")) {
+          connectionstring = connectionstring.replace("nsecbunker://", "")
+          let split = connectionstring.split("?relay=")
+          let relay_url = split[1]
+          let split2 = split[0].split("#")
+          let publickey = Keys.parse(split2[0]).publicKey
+          let app_keys = Keys.fromPublicKey(PublicKey.parse(split2[1]))
 
 
-        let nip46_signer = new Nip46Signer(relay_url, app_keys, publickey, Duration.fromSecs(10)) ;
-            try{
-              this.signer = NostrSigner.nip46(nip46_signer);
-              console.log("SIGNER: " + this.signer)
+          let nip46_signer = new Nip46Signer(relay_url, app_keys, publickey, Duration.fromSecs(10));
+          try {
+            this.signer = NostrSigner.nip46(nip46_signer);
+            console.log("SIGNER: " + this.signer)
 
 
-            } catch (error) {
+          } catch (error) {
             console.log(error);
-             this.signer = NostrSigner.keys(Keys.generate())
+            this.signer = NostrSigner.keys(Keys.generate())
           }
 
-        //let zapper = ClientZapper.webln()
-           let limits = RelayLimits.disable()
-        let opts = new Options().waitForSend(false).connectionTimeout(Duration.fromSecs(5)).relayLimits(limits);
-        let client = new ClientBuilder().signer(this.signer).opts(opts).build()
+          //let zapper = ClientZapper.webln()
+          let limits = RelayLimits.disable()
+          let opts = new Options().waitForSend(false).connectionTimeout(Duration.fromSecs(5)).relayLimits(limits);
+          let client = new ClientBuilder().signer(this.signer).opts(opts).build()
 
-        await client.addRelay(relay_url)
-        for (const relay of store.state.relays){
-                 await client.addRelay(relay);
-              }
+          await client.addRelay(relay_url)
+          for (const relay of store.state.relays) {
+            await client.addRelay(relay);
+          }
 
-        const pubkey = await nip46_signer.signerPublicKey()
-        console.log("PUBKEY : " + pubkey.toBech32())
-        await client.connect();
+          const pubkey = await nip46_signer.signerPublicKey()
+          console.log("PUBKEY : " + pubkey.toBech32())
+          await client.connect();
 
-        store.commit('set_client', client)
+          store.commit('set_client', client)
           store.commit('set_signer', this.signer)
-        store.commit('set_pubkey', pubkey)
-        localStorage.setItem('nostr-key-method', "nip46")
-        localStorage.setItem('nostr-key', connectionstring)
-        console.log("Client connected")
+          store.commit('set_pubkey', pubkey)
+          localStorage.setItem('nostr-key-method', "nip46")
+          localStorage.setItem('nostr-key', connectionstring)
+          console.log("Client connected")
 
 
-
-
-          this.reconcile_all_profiles(pubkey)
+          await this.reconcile_all_profiles(pubkey)
           await this.get_user_info(pubkey)
 
-        //miniToastr.showMessage("Login successful!", "Logged in as " + this.current_user, VueNotifications.types.success)
+          //miniToastr.showMessage("Login successful!", "Logged in as " + this.current_user, VueNotifications.types.success)
 
 
-     }
-        else {
+        } else {
           miniToastr.showMessage("Invalid Nsecbunker url")
         }
 
@@ -637,356 +680,330 @@ export default {
       }
     },
 
-    async getnip89s(){
+    async getnip89s() {
 
-        //let keys = Keys.generate()
-            let keys = Keys.parse(store.state.nooglekey)
-            let signer = NostrSigner.keys(keys)
-            let client = new ClientBuilder().signer(signer).build()
+      //let keys = Keys.generate()
+      let keys = Keys.parse(store.state.nooglekey)
+      let signer = NostrSigner.keys(keys)
+      let client = new ClientBuilder().signer(signer).build()
 
-            for (const relay of store.state.relays) {
-              await client.addRelay(relay);
-            }
-            await client.connect();
+      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()))
+      }
+      //console.log(dvmkinds)
 
-        let dvmkinds = []
-        for (let i = 5000; i < 6000; i++) {
-          dvmkinds.push((i.toString()))
-        }
-        //console.log(dvmkinds)
+      const filter = new Filter().kind(31990).customTag(SingleLetterTag.lowercase(Alphabet.K), dvmkinds)
+      let evts = await client.getEventsOf([filter], Duration.fromSecs(5))
 
-        const filter = new Filter().kind(31990).customTag(SingleLetterTag.lowercase(Alphabet.K), dvmkinds)
-        let evts = await client.getEventsOf([filter], Duration.fromSecs(5))
-
-        let dvmkeys = []
-        for (let evt of evts){
-          for (const tag in evt.tags) {
-            if (evt.tags[tag].asVec()[1] >= 5000 && evt.tags[tag].asVec()[1] <= 5999 && deadnip89s.filter(i => i.id === evt.id.toHex()).length === 0) {
-              dvmkeys.push(evt.author)
-            }
+      let dvmkeys = []
+      for (let evt of evts) {
+        for (const tag in evt.tags) {
+          if (evt.tags[tag].asVec()[1] >= 5000 && evt.tags[tag].asVec()[1] <= 5999 && deadnip89s.filter(i => i.id === evt.id.toHex()).length === 0) {
+            dvmkeys.push(evt.author)
           }
-
         }
 
-        const filtersubscription = new Filter().kind(37001).authors(dvmkeys)
-        let subscription_tiers = await client.getEventsOf([filtersubscription], Duration.fromSecs(5))
-        //console.log(subscription_tiers)
+      }
 
-        for (const entry of evts){
+      const filtersubscription = new Filter().kind(37001).authors(dvmkeys)
+      let subscription_tiers = await client.getEventsOf([filtersubscription], Duration.fromSecs(5))
+      //console.log(subscription_tiers)
 
-          try {
+      for (const entry of evts) {
+
+        try {
 
 
-
-          for (const tag in entry.tags){
+          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){
-
+              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)
+                  let jsonentry = JSON.parse(entry.content)
 
 
-                     let nip88    = {
-                        title: "",
-                        image: "",
-                        amounts: [],
-                        zaps: [],
-                        perks: [],
-                        description: "",
-                        eventid: "",
-                        event: "",
-                        p: "",
-                        hasActiveSubscription:  false,
-                        subscribedUntil:  0,
-                        d : "",
-                        expires : false,
-                        subscriptionId: ""
+                  let nip88 = {
+                    title: "",
+                    image: "",
+                    amounts: [],
+                    zaps: [],
+                    perks: [],
+                    description: "",
+                    eventid: "",
+                    event: "",
+                    p: "",
+                    hasActiveSubscription: false,
+                    subscribedUntil: 0,
+                    d: "",
+                    expires: false,
+                    subscriptionId: ""
 
+                  }
+
+                  if (jsonentry.picture) {
+                    jsonentry.image = jsonentry.picture
+                  }
+
+                  if (!jsonentry.amount) {
+                    jsonentry.amount = ""
+                  }
+
+                  if (!jsonentry.encryptionSupported) {
+                    jsonentry.encryptionSupported = false
+                  }
+
+                  if (!jsonentry.action) {
+                    jsonentry.action = "None"
+                  }
+
+                  if (!jsonentry.cashuAccepted) {
+                    jsonentry.cashuAccepted = false
+                  }
+
+                  if (jsonentry.subscription === true) {
+                    // if(susbcrition_tier) {
+                    const filter = new Filter().kind(37001).author(entry.author)
+                    let tiers = await client.getEventsOf([filter], Duration.fromSecs(5))
+
+                    // todo handle multiple tiers
+                    if (tiers.length > 0) {
+                      let evt = tiers[0]
+                      nip88.description = evt.content
+                      nip88.eventid = evt.id.toHex()
+                      nip88.event = evt.asJson()
+
+
+                      for (let tag of evt.tags) {
+                        if (tag.asVec()[0] === "amount") {
+                          let amount = {
+                            amount: tag.asVec()[1],
+                            unit: tag.asVec()[2],
+                            cadence: tag.asVec()[3]
                           }
+                          nip88.amounts.push(amount)
 
-                      if (jsonentry.picture){
-                        jsonentry.image = jsonentry.picture
-                      }
-
-                      if(!jsonentry.amount){
-                        jsonentry.amount = ""
-                      }
-
-                       if(!jsonentry.encryptionSupported){
-                        jsonentry.encryptionSupported = false
-                      }
-
-                        if(!jsonentry.action){
-                        jsonentry.action = "None"
-                      }
-
-                     if(!jsonentry.cashuAccepted){
-                        jsonentry.cashuAccepted = false
-                      }
-
-                      if(jsonentry.subscription === true){
-                     // if(susbcrition_tier) {
-                        const filter = new Filter().kind(37001).author(entry.author)
-                        let tiers = await client.getEventsOf([filter], Duration.fromSecs(5))
-
-                        // todo handle multiple tiers
-                        if (tiers.length > 0) {
-                          let evt = tiers[0]
-                          nip88.description = evt.content
-                          nip88.eventid = evt.id.toHex()
-                          nip88.event = evt.asJson()
-
-
-                          for (let tag of evt.tags) {
-                           if (tag.asVec()[0] === "amount"){
-                             let amount = {
-                               amount:  tag.asVec()[1],
-                               unit: tag.asVec()[2],
-                               cadence: tag.asVec()[3]
-                             }
-                            nip88.amounts.push(amount)
-
-                            }
-                            else if(tag.asVec()[0] === "title"){
-                               nip88.title = tag.asVec()[1]
-                            }
-                             else if(tag.asVec()[0] === "image"){
-                               nip88.image = tag.asVec()[1]
-                            }
-                             else if(tag.asVec()[0] === "perk") {
-                              nip88.perks.push(tag.asVec()[1])
-                            }
-
-                           else if(tag.asVec()[0] === "p") {
-                              nip88.p = tag.asVec()[1]
-                            }
-
-                           else if(tag.asVec()[0] === "d") {
-                              nip88.d = tag.asVec()[1]
-                            }
-
-                             else if(tag.asVec()[0] === "zap"){
-                                  let zap = {
-                               key:  (tag.asVec()[1] !== "" ? tag.asVec()[1] : PublicKey.parse("npub1nxa4tywfz9nqp7z9zp7nr7d4nchhclsf58lcqt5y782rmf2hefjquaa6q8").toHex()) ,
-                               relay: tag.asVec()[2],
-                               split: tag.asVec()[3]
-                             }
-                             nip88.zaps.push(zap)
-                            }
+                        } else if (tag.asVec()[0] === "title") {
+                          nip88.title = tag.asVec()[1]
+                        } else if (tag.asVec()[0] === "image") {
+                          nip88.image = tag.asVec()[1]
+                        } else if (tag.asVec()[0] === "perk") {
+                          nip88.perks.push(tag.asVec()[1])
+                        } else if (tag.asVec()[0] === "p") {
+                          nip88.p = tag.asVec()[1]
+                        } else if (tag.asVec()[0] === "d") {
+                          nip88.d = tag.asVec()[1]
+                        } else if (tag.asVec()[0] === "zap") {
+                          let zap = {
+                            key: (tag.asVec()[1] !== "" ? tag.asVec()[1] : PublicKey.parse("npub1nxa4tywfz9nqp7z9zp7nr7d4nchhclsf58lcqt5y782rmf2hefjquaa6q8").toHex()),
+                            relay: tag.asVec()[2],
+                            split: tag.asVec()[3]
                           }
-
-                          let subscription_status = await hasActiveSubscription(store.state.pubkey.toHex(), nip88.d, evt.author.toHex())
-                          nip88.hasActiveSubscription  = subscription_status.isActive
-                          nip88.subscribedUntil = subscription_status.validUntil
-                          nip88.subscriptionId = subscription_status.subscriptionId
-                          nip88.expires = subscription_status.expires
-                          // console.log(subscription_status)
-
-
-                          jsonentry.nip88 = nip88
-                          // console.log(jsonentry.nip88)
-
+                          nip88.zaps.push(zap)
                         }
                       }
 
-                      //jsonentry.reactions = await dvmreactions(entry.author.toHex())
+                      let subscription_status = await hasActiveSubscription(store.state.pubkey.toHex(), nip88.d, evt.author.toHex())
+                      nip88.hasActiveSubscription = subscription_status.isActive
+                      nip88.subscribedUntil = subscription_status.validUntil
+                      nip88.subscriptionId = subscription_status.subscriptionId
+                      nip88.expires = subscription_status.expires
+                      // console.log(subscription_status)
+
+
+                      jsonentry.nip88 = nip88
+                      // console.log(jsonentry.nip88)
+
+                    }
+                  }
+
+                  //jsonentry.reactions = await dvmreactions(entry.author.toHex())
                   //     console.log("REACTIONS:" + jsonentry.reactions)
-                      jsonentry.id = entry.author.toHex()
-                       try{
-                           if (jsonentry.about != null){
-                                 jsonentry.about = await parseandreplacenpubs(jsonentry.about)
-                           }
+                  jsonentry.id = entry.author.toHex()
+                  try {
+                    if (jsonentry.about != null) {
+                      jsonentry.about = await parseandreplacenpubs(jsonentry.about)
+                    }
 
 
-                       }
-                      catch(Error){
-                        console.log(Error)
-                      }
+                  } catch (Error) {
+                    console.log(Error)
+                  }
 
-                      jsonentry.event = entry.asJson()
-                      jsonentry.kind = entry.tags[tag].asVec()[1]
+                  jsonentry.event = entry.asJson()
+                  jsonentry.kind = entry.tags[tag].asVec()[1]
 
-                     if(nip89dvms.find(x=> x.id === jsonentry.id && x.kind === jsonentry.kind) === undefined)
-                     {
-                         nip89dvms.push(jsonentry);
-                     }
-                  
-                }
-                catch (error){
+                  if (nip89dvms.find(x => x.id === jsonentry.id && x.kind === jsonentry.kind) === undefined) {
+                    nip89dvms.push(jsonentry);
+                  }
+
+                } catch (error) {
                   console.log(error)
 
                 }
 
               }
-           }
-     }
-          catch {}
+          }
+        } catch {
         }
+      }
 
-       store.commit('set_nip89dvms', nip89dvms)
-        return nip89dvms
+      store.commit('set_nip89dvms', nip89dvms)
+      return nip89dvms
 
 
     },
     async reconcile_all_profiles(publicKey) {
-    {
-      let dbclient = Client
-      let keys = Keys.parse(store.state.nooglekey)
-      let db = NostrDatabase.indexeddb("profiles");
-      let signer = NostrSigner.keys(keys)
-      let limits = RelayLimits.disable()
-      let relayopts = new Options().relayLimits(limits);
-      dbclient = new ClientBuilder().signer(signer).database(await db).opts(relayopts).build()
+      {
+        let dbclient = Client
+        let keys = Keys.parse(store.state.nooglekey)
+        let db = NostrDatabase.indexeddb("profiles");
+        let signer = NostrSigner.keys(keys)
+        let limits = RelayLimits.disable()
+        let relayopts = new Options().relayLimits(limits);
+        dbclient = new ClientBuilder().signer(signer).database(await db).opts(relayopts).build()
 
-      await dbclient.addRelay("wss://relay.damus.io");
-      await dbclient.addRelay( "wss://purplepag.es");
-      await dbclient.connect()
+        await dbclient.addRelay("wss://relay.damus.io");
+        await dbclient.addRelay("wss://purplepag.es");
+        await dbclient.connect()
 
-      store.commit('set_dbclient', dbclient)
-      let direction = NegentropyDirection.Down;
-      let opts = new NegentropyOptions().direction(direction);
+        store.commit('set_dbclient', dbclient)
+        let direction = NegentropyDirection.Down;
+        let opts = new NegentropyOptions().direction(direction);
 
 
-      let followings = [] //TODO legacy, try to remove with contacts
-      let contacts = []
-       let ids = []
-      let followers_filter = new Filter().author(publicKey).kind(3).limit(1)
-      let followers = await dbclient.getEventsOf([followers_filter], Duration.fromSecs(5))
+        let followings = [] //TODO legacy, try to remove with contacts
+        let contacts = []
+        let ids = []
+        let followers_filter = new Filter().author(publicKey).kind(3).limit(1)
+        let followers = await dbclient.getEventsOf([followers_filter], Duration.fromSecs(5))
 
 
-
-
-      console.log(followers)
-    if (followers.length > 0){
+        console.log(followers)
+        if (followers.length > 0) {
           for (let tag of followers[0].tags) {
-        if (tag.asVec()[0] === "p") {
-          let following = tag.asVec()[1]
-          let contact = new Contact(PublicKey.parse(tag.asVec()[1]), tag.asVec()[2], tag.asVec()[3])
-          contacts.push(contact)
-          followings.push(PublicKey.parse(following))
-          ids.push(following)
+            if (tag.asVec()[0] === "p") {
+              let following = tag.asVec()[1]
+              let contact = new Contact(PublicKey.parse(tag.asVec()[1]), tag.asVec()[2], tag.asVec()[3])
+              contacts.push(contact)
+              followings.push(PublicKey.parse(following))
+              ids.push(following)
+            }
+          }
+
         }
-    }
+        console.log("Contacts: " + (contacts.length).toString())
 
-      }
-       console.log("Contacts: " + (contacts.length).toString())
-
-      //console.log(followings)
-      let filter = new Filter().kind(0).authors(followings)
+        //console.log(followings)
+        let filter = new Filter().kind(0).authors(followings)
 
 
-      store.commit('set_followings', ids)
-      store.commit('set_contacts', contacts)
+        store.commit('set_followings', ids)
+        store.commit('set_contacts', contacts)
 
-          let mute_filter = new Filter().author(publicKey).kind(10000)
-      let mutes = await dbclient.getEventsOf([mute_filter], Duration.fromSecs(5))
-      let mutelist = []
-      store.commit('set_mutes', mutelist)
-      if(mutes.length > 0){
-
-        for (let list of mutes){
-          console.log(list.id.toHex())
-          try {
-            for (let tag of list.tags) {
-              if (tag.asVec()[0] === "p") {
-                //console.log(tag.asVec()[1])
-                mutelist.push(tag.asVec()[1])
-
-              }
-            }
-          }
-
-         catch(error){
-           console.log(error)
-                }
-
-
-
-        console.log("Public mutes: " + mutelist.length)
-
-        //private mutes
-          try {
-          let content = ""
-            //console.log(store.state.pubkey.toHex())
-            //console.log(list.content)
-
-            try{
-            content = await this.signer.nip04Decrypt(store.state.pubkey, list.content)
-            //console.log(content)
-            }
-            catch(error){
-               console.log(error)
-            }
-
-
-
-
-            let json = JSON.parse(content)
-            for (let entry of json) {
-              if (entry[0] === "p") {
-                //console.log(entry[1])
-                mutelist.push(entry[1])
-
-              }
-            }
-          }
-        catch(error){
-          console.log(error)
-            }
-
-
-                console.log("Overall mutes: " + mutelist.length)
-}
+        let mute_filter = new Filter().author(publicKey).kind(10000)
+        let mutes = await dbclient.getEventsOf([mute_filter], Duration.fromSecs(5))
+        let mutelist = []
         store.commit('set_mutes', mutelist)
-      }
-      else{
-        console.log("No mute list found")
-      }
+        if (mutes.length > 0) {
+
+          for (let list of mutes) {
+            console.log(list.id.toHex())
+            try {
+              for (let tag of list.tags) {
+                if (tag.asVec()[0] === "p") {
+                  //console.log(tag.asVec()[1])
+                  mutelist.push(tag.asVec()[1])
+
+                }
+              }
+            } catch (error) {
+              console.log(error)
+            }
 
 
-      await dbclient.reconcile(filter, opts);
-      console.log("Done syncing profiles")
+            console.log("Public mutes: " + mutelist.length)
 
-    }
-   },
-    async get_user_info(pubkey){
-        let client = store.state.client
-        const profile_filter = new Filter().kind(0).author(pubkey).limit(1)
-        let evts = await client.getEventsOf([profile_filter], Duration.fromSecs(5))
-        if (evts.length > 0){
-             let latest_entry = evts[0]
-             let latest_time = 0
+            //private mutes
+            try {
+              let content = ""
+              //console.log(store.state.pubkey.toHex())
+              //console.log(list.content)
 
-              for (const entry of evts){
-                 if (entry.createdAt.asSecs() > latest_time){
-                    latest_time = entry.createdAt.asSecs();
-                    latest_entry = entry
-                 }
+              try {
+                content = await this.signer.nip04Decrypt(store.state.pubkey, list.content)
+                //console.log(content)
+              } catch (error) {
+                console.log(error)
               }
 
-              let profile =  JSON.parse(latest_entry.content);
-              this.current_user = profile["name"]
-              this.avatar = profile["picture"]
 
-        }
-        else{
-           this.current_user = pubkey.toBech32()
-           this.avatar = "https://noogle.lol/favicon.ico"
+              let json = JSON.parse(content)
+              for (let entry of json) {
+                if (entry[0] === "p") {
+                  //console.log(entry[1])
+                  mutelist.push(entry[1])
 
+                }
+              }
+            } catch (error) {
+              console.log(error)
+            }
+
+
+            console.log("Overall mutes: " + mutelist.length)
           }
+          store.commit('set_mutes', mutelist)
+        } else {
+          console.log("No mute list found")
+        }
+
+
+        await dbclient.reconcile(filter, opts);
+        console.log("Done syncing profiles")
+
+      }
     },
-    async sign_out(){
+    async get_user_info(pubkey) {
+      let client = store.state.client
+      const profile_filter = new Filter().kind(0).author(pubkey).limit(1)
+      let evts = await client.getEventsOf([profile_filter], Duration.fromSecs(5))
+      if (evts.length > 0) {
+        let latest_entry = evts[0]
+        let latest_time = 0
+
+        for (const entry of evts) {
+          if (entry.createdAt.asSecs() > latest_time) {
+            latest_time = entry.createdAt.asSecs();
+            latest_entry = entry
+          }
+        }
+
+        let profile = JSON.parse(latest_entry.content);
+        this.current_user = profile["name"]
+        this.avatar = profile["picture"]
+
+      } else {
+        this.current_user = pubkey.toBech32()
+        this.avatar = "https://noogle.lol/favicon.ico"
+
+      }
+    },
+    async sign_out() {
       this.current_user = ""
-      if(localStorage.getItem('nostr-key-method') === "nostr-login"){
+      if (localStorage.getItem('nostr-key-method') === "nostr-login") {
         await logoutNostrLogin()
       }
       console.log("LOGOUT")
-       logoutcounter = 0
+      logoutcounter = 0
       localStorage.setItem('nostr-key-method', "anon")
       localStorage.setItem('nostr-key', "")
 
@@ -995,10 +1012,10 @@ export default {
 
     },
 
-    async sign_out_event(){
+    async sign_out_event() {
       this.current_user = ""
       console.log("LOGOUT")
-       logoutcounter = 0
+      logoutcounter = 0
       localStorage.setItem('nostr-key-method', "anon")
       localStorage.setItem('nostr-key', "")
 
@@ -1007,46 +1024,44 @@ export default {
 
     },
 
-    async disconnect_nwc(){
+    async disconnect_nwc() {
       this.nwc = ""
       this.nwcalby = ""
       this.nwcmutiny = ""
       this.hasNWC = false
-       localStorage.setItem("nwc", "{\"nwcUrl\":\"" + "" + "\",\"connectorName\":\""+ "" +"\",\"connectorType\":\"" + "" +"\"}" )
+      localStorage.setItem("nwc", "{\"nwcUrl\":\"" + "" + "\",\"connectorName\":\"" + "" + "\",\"connectorType\":\"" + "" + "\"}")
     },
 
-    async store_nwc(){
+    async store_nwc() {
       let connector = ""
       let nwc = ""
-      if (this.nwcalby.startsWith("nostr")){
+      if (this.nwcalby.startsWith("nostr")) {
         connector = "alby"
         nwc = this.nwcalby
-      }
-      else if (this.nwcmutiny.startsWith("nostr") ){
+      } else if (this.nwcmutiny.startsWith("nostr")) {
         connector = "mutiny"
         nwc = this.nwcmutiny
-      }
-      else{
+      } else {
         connector = "user"
-        nwc  = this.nwc
+        nwc = this.nwc
       }
-      localStorage.setItem("nwc", "{\"nwcUrl\":\"" + nwc + "\",\"connectorName\":\""+ connector +"\",\"connectorType\":\"" + connector +"\"}" )
+      localStorage.setItem("nwc", "{\"nwcUrl\":\"" + nwc + "\",\"connectorName\":\"" + connector + "\",\"connectorType\":\"" + connector + "\"}")
       this.hasNWC = true
     },
 
 
-async connect_alby_nwc(){
+    async connect_alby_nwc() {
 
-const alby = webln.NostrWebLNProvider.withNewSecret();
-let result = await alby.client.initNWC({
+      const alby = webln.NostrWebLNProvider.withNewSecret();
+      let result = await alby.client.initNWC({
         name: `Noogle`,
       });
 
- if (result.payload.success){
-   this.nwcalby =  alby.client.getNostrWalletConnectUrl(true);
-   await this.store_nwc()
- }
-},
+      if (result.payload.success) {
+        this.nwcalby = alby.client.getNostrWalletConnectUrl(true);
+        await this.store_nwc()
+      }
+    },
 
   },
 };
@@ -1057,12 +1072,14 @@ let result = await alby.client.initNWC({
   width: 20px;
   cursor: pointer;
 }
+
 .playeauthor-wrapper {
   padding: 5px;
   display: flex;
   align-items: center;
   justify-items: center;
 }
+
 .avatar {
   margin-right: 10px;
   display: inline-block;
@@ -1082,22 +1099,20 @@ let result = await alby.client.initNWC({
 
 
 .u-Input {
-    @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-transparent px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
+  @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-transparent px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
 
   width: 220px;
 }
 
 .nwc-Input {
-    @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-white px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
-
+  @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-white px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
 
 
 }
 
-.modal{
+.modal {
   @apply dark:text-white
 }
 
 
-
 </style>
\ No newline at end of file
diff --git a/ui/noogle/src/components/Newnote.vue b/ui/noogle/src/components/Newnote.vue
index 8a6321d..ea618de 100644
--- a/ui/noogle/src/components/Newnote.vue
+++ b/ui/noogle/src/components/Newnote.vue
@@ -1,8 +1,6 @@
 <script setup>
-import { ref } from "vue";
+import {ref} from "vue";
 import {onClickOutside} from '@vueuse/core'
-import store from "@/store.js";
-import {EventBuilder, PublicKey, Tag, Timestamp} from "@rust-nostr/nostr-sdk";
 
 const props = defineProps({
   isOpen: Boolean,
@@ -11,27 +9,26 @@ const props = defineProps({
 const emit = defineEmits(["modal-close"]);
 
 const target = ref(null)
-onClickOutside(target, ()=>emit('modal-close'))
-
+onClickOutside(target, () => emit('modal-close'))
 
 
 </script>
 
 <template>
-  <div v-if="isOpen" class="modal-mask" >
-    <div class="modal-wrapper"  >
-      <div class="modal-container" ref="target">
+  <div v-if="isOpen" class="modal-mask">
+    <div class="modal-wrapper">
+      <div ref="target" class="modal-container">
         <div class="modal-header">
-          <slot name="header"> default header </slot>
+          <slot name="header"> default header</slot>
         </div>
         <div class="modal-body">
-          <slot name="content"> default content </slot>
+          <slot name="content"> default content</slot>
         </div>
         <div class="modal-footer">
           <slot name="footer">
             <div>
               <button @click.stop="emit('modal-close')"></button>
-             <button @click.stop="schedule(Date.now())"></button>
+              <button @click.stop="schedule(Date.now())"></button>
             </div>
           </slot>
         </div>
@@ -54,6 +51,7 @@ onClickOutside(target, ()=>emit('modal-close'))
 
   background-color: rgba(0, 0, 0, 0.5);
 }
+
 .modal-container {
   @apply bg-base-200;
 
diff --git a/ui/noogle/src/components/Nip89view.vue b/ui/noogle/src/components/Nip89view.vue
index a892518..d1be5ab 100644
--- a/ui/noogle/src/components/Nip89view.vue
+++ b/ui/noogle/src/components/Nip89view.vue
@@ -1,155 +1,168 @@
 <template>
 
-   <div class="flex flex-row gap-6 items-center">
-        <Logo />
-        <div class="flex flex-col gap-2">
-            <h1 class="text-7xl font-black tracking-wide">About</h1>
-              <h2 class="text-4xl font-black tracking-wide">Nostr NIP 90 Data Vending Machines</h2>
-          <div class="text-lg text-default">
-            <!--    There are many things that make using DVMs a bit of a magical experience. -->
-            </div>
-        </div>
+  <div class="flex flex-row gap-6 items-center">
+    <Logo/>
+    <div class="flex flex-col gap-2">
+      <h1 class="text-7xl font-black tracking-wide">About</h1>
+      <h2 class="text-4xl font-black tracking-wide">Nostr NIP 90 Data Vending Machines</h2>
+      <div class="text-lg text-default">
+        <!--    There are many things that make using DVMs a bit of a magical experience. -->
+      </div>
     </div>
-<br><br>
+  </div>
+  <br><br>
+
+  <div class="card card-compact rounded-box bg-black/30">
+    <div class="card-body">
+      <div class="card-title text-base-100-content font-bold">
+        What is this?
+      </div>
+      <p>Data Vending Machines are data-processing tools on top of the Nostr protocol.
+      </p>
+      <p>
+        You give them some data, sometimes a few sats, and they give you back some data.</p>
+      <p>
+        This page is just a demo client, showcasing a variety of DVM use-cases. Search Content, Search Profiles, Content
+        Discovery, Summarization of events, Image Generation, Scheduling Notes.
+
+      </p>
+      <p>
+        There's an ever growing number of tasks added to the protocol. The current list of tasks can be found <a
+          class="purple" href="https://www.data-vending-machines.org/" target="_blank">here</a>.
+      </p>
+      <p>
+        These DVMs are not running or being hosted on this site. Instead, the DVMs communicate via Nostr and are
+        available to any App or Client that wants to interact with them.
+        Want your app or website to support any of these tasks? See <a class="purple" href="https://github.com/nostr-protocol/nips/blob/master/90.md"
+                                                                       target="_blank">NIP90</a>
+        for more details.
+      </p>
+      <p>
+        Got interested in building your own DVM and provide it to the whole world? There's OpenSource frameworks to
+        start with, for example <a class="purple" href="https://github.com/believethehype/nostrdvm" target="_blank">NostrDVM</a>
+        in Python.
+      </p>
+
+      <p>
+        A List of all DVMs that have a NIP89 announcement is available below, ordered by latest announcement.
+      </p>
+    </div>
+
+  </div>
+
+
+  <br><br>
+
+  <div class="grid gap-5">
+    <div v-for="dvm in store.state.nip89dvms" :key="dvm.id" className="card  bg-base-200 shadow-xl"
+         style="height: 300px">
+      <!--   -->
+
+
+      <!-- <div class="card bg-base-100 shadow-xl image-full"  style="height: 400px">
+        <figure><img v-if="dvm.image"  :src="dvm.image"    style=" width: 100%; object-fit: cover;"
+       :alt="dvm.name" onerror="this.src='https://noogle.lol/favicon.ico'"/></figure>
+        <div class="card-body">
+             <div style="margin-left: auto; margin-right: 10px;">
+         <p v-if="dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p>
+          <p v-if="dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2" >Flexible</p>
+
+         <p v-if="dvm.amount.toString().toLowerCase()==='subscription'" class="badge bg-orange-500">Subscription</p>
+         <p v-if="dvm.amount.toString()===''" ></p>
+         <p v-if="!isNaN(parseInt(dvm.amount))" class="text-sm  text-gray-600 rounded" ><div class="flex"><svg style="margin-top:3px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20">
+        <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/></svg> {{dvm.amount/1000}}</div></p>
+        </div>
+          <div class="">
+
+
+          <h2 class="card-title">{{ dvm.name }}</h2>
+          <h3 class="fa-cut text-gray" >Kind: {{ dvm.kind }}</h3>
+
+                <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
 
-          <div class="card card-compact rounded-box bg-black/30">
-            <div class="card-body">
-                <div class="card-title text-base-100-content font-bold">
-                  What is this?
                 </div>
-              <p>Data Vending Machines are data-processing tools on top of the Nostr protocol.
-                </p>
-                 <p>
-                You give them some data, sometimes a few sats, and they give you back some data.</p>
-                <p>
-                    This page is just a demo client, showcasing a variety of DVM use-cases. Search Content, Search Profiles, Content Discovery, Summarization of events, Image Generation, Scheduling Notes.
-
-              </p>
-                <p>
-                   There's an ever growing number of tasks added to the protocol. The current list of tasks can be found  <a class="purple" target="_blank" href="https://www.data-vending-machines.org/">here</a>.
-                </p>
-                <p>
-                   These DVMs are not running or being hosted on this site. Instead, the DVMs communicate via Nostr and are available to any App or Client that wants to interact with them.
-                    Want your app or website to support any of these tasks? See  <a class="purple" target="_blank" href="https://github.com/nostr-protocol/nips/blob/master/90.md">NIP90</a> for more details.
-                </p>
-                  <p>
-                   Got interested in building your own DVM and provide it to the whole world? There's OpenSource frameworks to start with, for example <a class="purple" target="_blank" href="https://github.com/believethehype/nostrdvm">NostrDVM</a> in Python.
-                </p>
-
-                <p>
-                   A List of all DVMs that have a NIP89 announcement is available below, ordered by latest announcement.
-                </p>
-            </div>
-
-        </div>
-
-
-<br><br>
-
-<div class="grid gap-5">
-    <div className="card  bg-base-200 shadow-xl"  style="height: 300px"   v-for="dvm in store.state.nip89dvms"
-        :key="dvm.id">
-     <!--   -->
-
-
-<!-- <div class="card bg-base-100 shadow-xl image-full"  style="height: 400px">
-  <figure><img v-if="dvm.image"  :src="dvm.image"    style=" width: 100%; object-fit: cover;"
- :alt="dvm.name" onerror="this.src='https://noogle.lol/favicon.ico'"/></figure>
-  <div class="card-body">
-       <div style="margin-left: auto; margin-right: 10px;">
-   <p v-if="dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p>
-    <p v-if="dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2" >Flexible</p>
-
-   <p v-if="dvm.amount.toString().toLowerCase()==='subscription'" class="badge bg-orange-500">Subscription</p>
-   <p v-if="dvm.amount.toString()===''" ></p>
-   <p v-if="!isNaN(parseInt(dvm.amount))" class="text-sm  text-gray-600 rounded" ><div class="flex"><svg style="margin-top:3px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20">
-  <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/></svg> {{dvm.amount/1000}}</div></p>
-  </div>
-    <div class="">
-
-
-    <h2 class="card-title">{{ dvm.name }}</h2>
-    <h3 class="fa-cut text-gray" >Kind: {{ dvm.kind }}</h3>
-
-          <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
-
+            <div class="card-actions justify-end ">
+           <button className="btn " style="margin-bottom: 10px" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
           </div>
-      <div class="card-actions justify-end ">
-     <button className="btn " style="margin-bottom: 10px" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
-    </div>
-  </div>
-</div> -->
-
-
- <div class="card card-side bg-black/20 shadow-xl" style="height: 300px">
-
-
-  <figure style="max-width: 20%; flex:  fit-content; background-size: cover;" >
-    <img v-if="dvm.image"  style=" width: 90%; object-fit: cover;" :src="dvm.image"  :alt="dvm.name" onerror="this.src='https://noogle.lol/favicon.ico'"/>
-  </figure>
-  <div class="card-body">
-      <div style="margin-left: auto; margin-right: 10px;">
-   <p v-if="dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p>
-    <p v-if="dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2" >Flexible</p>
-   <p v-if="dvm.subscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400">Subscription</p>
-
-   <p v-if="dvm.amount.toString()===''" ></p>
-   <p v-if="!isNaN(parseInt(dvm.amount))" class="text-sm  text-gray-600 rounded" ><div class="flex"><svg style="margin-top:3px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20">
-  <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/></svg> {{dvm.amount/1000}}</div></p>
-  </div>
-    <h2 class="card-title">{{ dvm.name }}</h2>
-    <h3 class="text-gray" >Kind: {{ dvm.kind }}</h3>
-
-          <h4  v-if="dvm.about !== null" class="fa-cut" style="max-width: 200px" v-html="dvm.about"></h4>
-    <div class="card-actions justify-end">
-     <button className="btn" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
-    </div>
-  </div>
-</div>
-
-
-
-   <!--
-    <h2 className="card-title justify-center">{{ dvm.name }}</h2>
-      <div className="card-body">
-
-
-
-
-        <div className="playeauthor-wrapper flex align-top">
-            <figure  className="w-40">
-                 <img className="avatar" :src="dvm.image"  alt="DVM Picture" />
-            </figure>
         </div>
+      </div> -->
 
 
-        <br>
-         <h3 class="fa-cut" >Kind: {{ dvm.kind }}</h3>
+      <div class="card card-side bg-black/20 shadow-xl" style="height: 300px">
 
-          <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
-          <div className="card-actions justify-end mt-auto" >
 
-             <div className="card-actions justify-end">
+        <figure style="max-width: 20%; flex:  fit-content; background-size: cover;">
+          <img v-if="dvm.image" :alt="dvm.name" :src="dvm.image" onerror="this.src='https://noogle.lol/favicon.ico'"
+               style=" width: 90%; object-fit: cover;"/>
+        </figure>
+        <div class="card-body">
+          <div style="margin-left: auto; margin-right: 10px;">
+            <p v-if="dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p>
+            <p v-if="dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2">Flexible</p>
+            <p v-if="dvm.subscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400">
+              Subscription</p>
 
-                <button className="btn glass" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
-            </div>
+            <p v-if="dvm.amount.toString()===''"></p>
+            <p v-if="!isNaN(parseInt(dvm.amount))" class="text-sm  text-gray-600 rounded">
+              <div class="flex">
+                <svg class="bi bi-lightning" fill="currentColor" height="16" style="margin-top:3px"
+                     viewBox="0 0 16 20" width="14" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                      d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/>
+                </svg>
+                {{ dvm.amount / 1000 }}
+              </div>
+            </p>
           </div>
-      </div>-->
+          <h2 class="card-title">{{ dvm.name }}</h2>
+          <h3 class="text-gray">Kind: {{ dvm.kind }}</h3>
+
+          <h4 v-if="dvm.about !== null" class="fa-cut" style="max-width: 200px" v-html="dvm.about"></h4>
+          <div class="card-actions justify-end">
+            <button className="btn" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
+          </div>
+        </div>
+      </div>
+
+
+      <!--
+       <h2 className="card-title justify-center">{{ dvm.name }}</h2>
+         <div className="card-body">
+
+
+
+
+           <div className="playeauthor-wrapper flex align-top">
+               <figure  className="w-40">
+                    <img className="avatar" :src="dvm.image"  alt="DVM Picture" />
+               </figure>
+           </div>
+
+
+           <br>
+            <h3 class="fa-cut" >Kind: {{ dvm.kind }}</h3>
+
+             <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
+             <div className="card-actions justify-end mt-auto" >
+
+                <div className="card-actions justify-end">
+
+                   <button className="btn glass" @click="copyDoiToClipboard(dvm.event);">Copy Event Json</button>
+               </div>
+             </div>
+         </div>-->
     </div>
-</div>
+  </div>
 </template>
 
 <script>
 
 import '../app.css'
 import store from "@/store.js";
-import {Alphabet, ClientBuilder, NostrSigner, Filter, Keys, NostrDatabase, Tag} from "@rust-nostr/nostr-sdk";
+import {Keys} from "@rust-nostr/nostr-sdk";
 import miniToastr from "mini-toastr";
 import VueNotifications from "vue-notifications";
 import StringUtil from "@/components/helper/string.ts";
-import Donate from "@/components/Donate.vue"
-
-import deadnip89s from './data/deadnip89s.json'
 
 export default {
   computed: {
@@ -164,17 +177,17 @@ export default {
     }
   },
   methods: {
-  copyDoiToClipboard (doi) {
-    navigator.clipboard.writeText(doi)
-    miniToastr.showMessage("", "Copied Nip89 Event to clipboard", VueNotifications.types.info)
-
-  },
-  },
-
-
-async mounted(){
+    copyDoiToClipboard(doi) {
+      navigator.clipboard.writeText(doi)
+      miniToastr.showMessage("", "Copied Nip89 Event to clipboard", VueNotifications.types.info)
 
     },
+  },
+
+
+  async mounted() {
+
+  },
 
   setup() {
 
@@ -182,16 +195,16 @@ async mounted(){
 }
 </script>
 <style scoped>
-  donate{
+donate {
 
-    position: fixed;
-    bottom:0;
-    background: rgba(0, 0, 0, 0.5);;
-    grid-area: footer;
-    width: 100vw;
-    height: 32px;
+  position: fixed;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);;
+  grid-area: footer;
+  width: 100vw;
+  height: 32px;
 
-    z-index: 10;
-    text-align: center;
-  }
+  z-index: 10;
+  text-align: center;
+}
 </style>
diff --git a/ui/noogle/src/components/NoteTable.vue b/ui/noogle/src/components/NoteTable.vue
index 100b593..847c131 100644
--- a/ui/noogle/src/components/NoteTable.vue
+++ b/ui/noogle/src/components/NoteTable.vue
@@ -1,150 +1,179 @@
-
 <template>
-  <EasyDataTable class="customize-table" header-text-direction="left"  table-class-name="customize-table"
-                 :headers="headers"
-                 :items="data"
-                 :sort-by="sortBy"
-                 :sort-type="sortType">
+  <EasyDataTable :headers="headers" :items="data" :sort-by="sortBy"
+                 :sort-type="sortType"
+                 class="customize-table"
+                 header-text-direction="left"
+                 table-class-name="customize-table">
 
 
-        <!--<template #expand="item">
-      <div style="padding: 15px">
-        <input class="c-Input" v-model="message">
-         <button class="v-Button" v-if="!item.replied" @click="reply(item.id, item.author, message)">Reply</button>
-         <button class="btn" v-if="item.replied" >Replied</button>
-      </div>
-    </template> -->
-   <template #item-content="{content, author, authorurl, avatar, indicator, links, lud16, id, authorid, zapped, zapAmount, reacted, reactions, boosts, boosted, event, replied}">
+    <!--<template #expand="item">
+  <div style="padding: 15px">
+    <input class="c-Input" v-model="message">
+     <button class="v-Button" v-if="!item.replied" @click="reply(item.id, item.author, message)">Reply</button>
+     <button class="btn" v-if="item.replied" >Replied</button>
+  </div>
+</template> -->
+    <template
+        #item-content="{content, author, authorurl, avatar, indicator, links, lud16, id, authorid, zapped, zapAmount, reacted, reactions, boosts, boosted, event, replied}">
 
-   <div class="playeauthor-wrapper">
+      <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" />
+        <img v-if="avatar" :src="avatar" alt="Avatar" class="avatar"
+             onerror="this.src='https://noogle.lol/favicon.ico'"/>
+        <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
 
-     <a class="purple" :href="authorurl" target="_blank">{{ author }}</a>
-       <a className="white" style="background: #1f2937; font-size: xx-small" v-if="store.state.followings.find(x => x == authorid) !== undefined">Following</a>
-    <div class="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)}}
+        <a :href="authorurl" class="purple" target="_blank">{{ author }}</a>
+        <a v-if="store.state.followings.find(x => x == authorid) !== undefined" className="white"
+           style="background: #1f2937; font-size: xx-small">Following</a>
+        <div class="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>
-<!--.substr(0, 320) + "\u2026"}} -->
+      </div>
+      <!--.substr(0, 320) + "\u2026"}} -->
 
-       <h3 v-html="StringUtil.parseImages(content)"></h3>
-     <!-- <h3>{{StringUtil.parseImages(content)}}</h3> -->
-   <!--<p>{{content.substr(0, 320) + "\u2026"}}</p> -->
-        <div style="padding: 2px; text-align: left;" >
-          <a class="menusmall" :href="links.uri" target="_blank">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>
+      <h3 v-html="StringUtil.parseImages(content)"></h3>
+      <!-- <h3>{{StringUtil.parseImages(content)}}</h3> -->
+      <!--<p>{{content.substr(0, 320) + "\u2026"}}</p> -->
+      <div style="padding: 2px; text-align: left;">
+        <a :href="links.uri" class="menusmall" target="_blank">Client</a>
+        <a :href="links.njump" class="menusmall" target="_blank">NJump</a>
+        <!--<a class="menusmall" :href="links.highlighter" target="_blank">Highlighter</a> -->
+        <a :href="links.nostrudel" class="menusmall" target="_blank">Nostrudel</a>
 
-<div  class="flex" >
+        <div class="flex">
 
 
-  <div  class="flex" style="margin-right: 5px;" v-if="!reacted"  @click="react(id, authorid, event)">
-     <div  style="margin-right: 5px;">
-         <svg  style="margin-top:4px"  width="14" height="12" xmlns="http://www.w3.org/2000/svg" class="bi bi-heart" fill-rule="evenodd" fill="currentColor" viewBox="0 0 20 25" clip-rule="evenodd"><path d="M12 21.593c-5.63-5.539-11-10.297-11-14.402 0-3.791 3.068-5.191 5.281-5.191 1.312 0 4.151.501 5.719 4.457 1.59-3.968 4.464-4.447 5.726-4.447 2.54 0 5.274 1.621 5.274 5.181 0 4.069-5.136 8.625-11 14.402m5.726-20.583c-2.203 0-4.446 1.042-5.726 3.238-1.285-2.206-3.522-3.248-5.719-3.248-3.183 0-6.281 2.187-6.281 6.191 0 4.661 5.571 9.429 12 15.809 6.43-6.38 12-11.148 12-15.809 0-4.011-3.095-6.181-6.274-6.181"/></svg>
-     </div>
+          <div v-if="!reacted" class="flex" style="margin-right: 5px;" @click="react(id, authorid, event)">
+            <div style="margin-right: 5px;">
+              <svg class="bi bi-heart" clip-rule="evenodd" fill="currentColor" fill-rule="evenodd" height="12"
+                   style="margin-top:4px" viewBox="0 0 20 25" width="14" xmlns="http://www.w3.org/2000/svg">
+                <path
+                    d="M12 21.593c-5.63-5.539-11-10.297-11-14.402 0-3.791 3.068-5.191 5.281-5.191 1.312 0 4.151.501 5.719 4.457 1.59-3.968 4.464-4.447 5.726-4.447 2.54 0 5.274 1.621 5.274 5.181 0 4.069-5.136 8.625-11 14.402m5.726-20.583c-2.203 0-4.446 1.042-5.726 3.238-1.285-2.206-3.522-3.248-5.719-3.248-3.183 0-6.281 2.187-6.281 6.191 0 4.661 5.571 9.429 12 15.809 6.43-6.38 12-11.148 12-15.809 0-4.011-3.095-6.181-6.274-6.181"/>
+              </svg>
+            </div>
 
 
-  <div>
-    <p style="float: left;">{{reactions}}</p>
-  </div>
-  </div>
-  <div  class="flex" v-if="reacted"  style="margin-right: 5px;" @click="react(id, authorid, event)">
-     <div  style="margin-left: auto; margin-right: 5px; float: left;">
-          <svg   style="margin-top:4px" xmlns="http://www.w3.org/2000/svg" width="14" height="12" class="bi bi-heart fill-red-500" viewBox="0 0 20 25"><path d="M12 4.419c-2.826-5.695-11.999-4.064-11.999 3.27 0 7.27 9.903 10.938 11.999 15.311 2.096-4.373 12-8.041 12-15.311 0-7.327-9.17-8.972-12-3.27z"/></svg> </div>
-
-              <div>
-    <p className="text-red-500" style="float: left;">{{reactions}}</p>
-  </div>
-  </div>
-  <div  class="flex" v-if="lud16 != null && lud16 != '' && !zapped" style="margin-right: 5px;"  @click="zap_local(lud16, id, authorid)">
-     <div  style="margin-left: auto; margin-right: 5px; float: left;">
-          <svg  style="margin-top:4px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20">
-              <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/>
-
-  </svg> </div>
-  <div>
-    <p style="float: left;">{{zapAmount/1000}}</p>
-  </div>
-  </div>
-  <div  class="flex" v-if="lud16 != null && lud16 != '' && zapped"  style="margin-right: 5px;"  @click="zap_local(lud16, id, authorid)"  >
-     <div style="margin-left: auto; margin-right: 5px;">
-          <svg style="margin-top:4px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" class="bi bi-lightning fill-amber-400" viewBox="0 0 16 20">
-    <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641z"/>
-          </svg></div>
-    <div>
-    <p style="float: left;" className="text-amber-400">{{zapAmount/1000}}</p>
-  </div>
-  </div>
-  <div  class="flex" v-if="!boosted"  @click="boost(id, authorid, event)">
-  <div  style="margin-left: auto; margin-right: 5px; float: left;">
-  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="28" viewBox="0 0 20 34"><path class="bi" fill="currentColor" d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"/></svg>     </div>
-
-  <div>
-  <p  style="float: left;">{{boosts}}</p>
-  </div>
-  </div>
-  <div  class="flex" v-if="boosted"  @click="boost(id, authorid, event)">
-  <div  style="margin-left: auto; margin-right: 5px; float: left;">
-  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="28" viewBox="0 0 20 34">
-    <path class="bi fill-green-700" d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"/>
-  </svg>     </div>
-
-  <div>
-  <p className="text-green-700" style="float: left;">{{boosts}}</p>
-  </div>
-  </div>
-  <details>
-    <summary class="" style="  margin-right: 5px">
-
-    <div style="margin-right: 5px; margin-left: 10px;margin-top: 4px"> <svg id="Capa_1"   fill="currentColor" height="14" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg"><g>
-      <g id="ad">
-<path d="m113.241 463.222-4.3-88.312c-68.332-36.05-108.941-95.703-108.941-160.522 0-52.154 26.017-101.029 73.259-137.619 46.512-36.024 108.215-55.864 173.741-55.864s127.229 19.84 173.742 55.865c47.242 36.59 73.259 85.465 73.259 137.619s-26.017 101.03-73.259 137.621c-46.512 36.023-108.215 55.863-173.742 55.863-1.889 0-3.843-.021-6.01-.067l-113.406 63.371c-9.113 4.959-14.343-.411-14.343-7.955zm133.759-423.021c-125.556 0-227.703 78.141-227.703 174.189 0 58.936 38.629 113.466 103.33 145.859 3.116 1.56 5.148 4.679 5.317 8.159l3.814 78.334 102.12-57.064c1.514-.852 3.232-1.275 4.968-1.222 3.108.084 5.698.124 8.152.124 125.556 0 227.703-78.141 227.703-174.188s-102.144-174.191-227.701-174.191z"/>      </g></g></svg> </div>
-
-    </summary>
-
-
-
-    <div class="collapse-content font-size-0" className="z-10" id="collapse">
-    <textarea class="c-Input"  style="width: auto;  margin-left: -100px" v-model="message"></textarea>
-<br>
-    <button class="v-Button" v-if="!replied" @click="reply(id, author, message); message=''">Reply</button>
-    <button class="btn" v-if="replied" >Replied</button>
-
-    </div>
-  </details>
-
-</div>
-
+            <div>
+              <p style="float: left;">{{ reactions }}</p>
+            </div>
           </div>
-     </template>
+          <div v-if="reacted" class="flex" style="margin-right: 5px;" @click="react(id, authorid, event)">
+            <div style="margin-left: auto; margin-right: 5px; float: left;">
+              <svg class="bi bi-heart fill-red-500" height="12" style="margin-top:4px" viewBox="0 0 20 25"
+                   width="14" xmlns="http://www.w3.org/2000/svg">
+                <path
+                    d="M12 4.419c-2.826-5.695-11.999-4.064-11.999 3.27 0 7.27 9.903 10.938 11.999 15.311 2.096-4.373 12-8.041 12-15.311 0-7.327-9.17-8.972-12-3.27z"/>
+              </svg>
+            </div>
+
+            <div>
+              <p className="text-red-500" style="float: left;">{{ reactions }}</p>
+            </div>
+          </div>
+          <div v-if="lud16 != null && lud16 != '' && !zapped" class="flex" style="margin-right: 5px;"
+               @click="zap_local(lud16, id, authorid)">
+            <div style="margin-left: auto; margin-right: 5px; float: left;">
+              <svg class="bi bi-lightning" fill="currentColor" height="16" style="margin-top:4px" viewBox="0 0 16 20"
+                   width="14" xmlns="http://www.w3.org/2000/svg">
+                <path
+                    d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/>
+
+              </svg>
+            </div>
+            <div>
+              <p style="float: left;">{{ zapAmount / 1000 }}</p>
+            </div>
+          </div>
+          <div v-if="lud16 != null && lud16 != '' && zapped" class="flex" style="margin-right: 5px;"
+               @click="zap_local(lud16, id, authorid)">
+            <div style="margin-left: auto; margin-right: 5px;">
+              <svg class="bi bi-lightning fill-amber-400" height="16" style="margin-top:4px" viewBox="0 0 16 20"
+                   width="14" xmlns="http://www.w3.org/2000/svg">
+                <path
+                    d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641z"/>
+              </svg>
+            </div>
+            <div>
+              <p className="text-amber-400" style="float: left;">{{ zapAmount / 1000 }}</p>
+            </div>
+          </div>
+          <div v-if="!boosted" class="flex" @click="boost(id, authorid, event)">
+            <div style="margin-left: auto; margin-right: 5px; float: left;">
+              <svg height="28" viewBox="0 0 20 34" width="14" xmlns="http://www.w3.org/2000/svg">
+                <path class="bi" d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"
+                      fill="currentColor"/>
+              </svg>
+            </div>
+
+            <div>
+              <p style="float: left;">{{ boosts }}</p>
+            </div>
+          </div>
+          <div v-if="boosted" class="flex" @click="boost(id, authorid, event)">
+            <div style="margin-left: auto; margin-right: 5px; float: left;">
+              <svg height="28" viewBox="0 0 20 34" width="14" xmlns="http://www.w3.org/2000/svg">
+                <path class="bi fill-green-700"
+                      d="M19 7a1 1 0 0 0-1-1h-8v2h7v5h-3l3.969 5L22 13h-3zM5 17a1 1 0 0 0 1 1h8v-2H7v-5h3L6 6l-4 5h3z"/>
+              </svg>
+            </div>
+
+            <div>
+              <p className="text-green-700" style="float: left;">{{ boosts }}</p>
+            </div>
+          </div>
+          <details>
+            <summary class="" style="  margin-right: 5px">
+
+              <div style="margin-right: 5px; margin-left: 10px;margin-top: 4px">
+                <svg id="Capa_1" fill="currentColor" height="14" viewBox="0 0 600 600"
+                     xmlns="http://www.w3.org/2000/svg">
+                  <g>
+                    <g id="ad">
+                      <path
+                          d="m113.241 463.222-4.3-88.312c-68.332-36.05-108.941-95.703-108.941-160.522 0-52.154 26.017-101.029 73.259-137.619 46.512-36.024 108.215-55.864 173.741-55.864s127.229 19.84 173.742 55.865c47.242 36.59 73.259 85.465 73.259 137.619s-26.017 101.03-73.259 137.621c-46.512 36.023-108.215 55.863-173.742 55.863-1.889 0-3.843-.021-6.01-.067l-113.406 63.371c-9.113 4.959-14.343-.411-14.343-7.955zm133.759-423.021c-125.556 0-227.703 78.141-227.703 174.189 0 58.936 38.629 113.466 103.33 145.859 3.116 1.56 5.148 4.679 5.317 8.159l3.814 78.334 102.12-57.064c1.514-.852 3.232-1.275 4.968-1.222 3.108.084 5.698.124 8.152.124 125.556 0 227.703-78.141 227.703-174.188s-102.144-174.191-227.701-174.191z"/>
+                    </g>
+                  </g>
+                </svg>
+              </div>
+
+            </summary>
 
 
-      </EasyDataTable>
-<p></p>
-<!-- <p>{{data}}</p> -->
+            <div id="collapse" class="collapse-content font-size-0" className="z-10">
+              <textarea v-model="message" class="c-Input" style="width: auto;  margin-left: -100px"></textarea>
+              <br>
+              <button v-if="!replied" class="v-Button" @click="reply(id, author, message); message=''">Reply</button>
+              <button v-if="replied" class="btn">Replied</button>
+
+            </div>
+          </details>
+
+        </div>
+
+      </div>
+    </template>
+
+
+  </EasyDataTable>
+  <p></p>
+  <!-- <p>{{data}}</p> -->
 
 </template>
 
 <script lang="ts" setup>
 
 
-import type {Header, Item, SortType} from "vue3-easy-data-table";
+import type {Header, SortType} from "vue3-easy-data-table";
 import store from '../store';
 import {types} from "sass";
-import Null = types.Null;
 import StringUtil from "@/components/helper/string";
-import {copyinvoice, parseandreplacenpubs, } from "@/components/helper/Helper.vue";
-import {requestProvider} from "webln";
-import {Event, EventBuilder, EventId, PublicKey, Tag} from "@rust-nostr/nostr-sdk";
-import {zap, zap_lud16, createBolt11Lud16, zaprequest} from "@/components/helper/Zap.vue";
+import {EventBuilder, EventId, PublicKey, Tag} from "@rust-nostr/nostr-sdk";
+import {zap_lud16} from "@/components/helper/Zap.vue";
 import {ref} from "vue";
 
-const props =  defineProps<{
+const props = defineProps<{
   data: any[]
 
 }>()
@@ -154,99 +183,98 @@ const sortBy: String = "index";
 const sortType: SortType = "asc";
 
 const headers: Header[] = [
-  { text: "Results:", value: "content", fixed: true},
- // { text: "Time", value: "indicator.index", sortable: true, },
+  {text: "Results:", value: "content", fixed: true},
+  // { text: "Time", value: "indicator.index", sortable: true, },
 ];
 
 const message = ref("");
-async function react(eventid, authorid, evt){
+
+async function react(eventid, authorid, evt) {
 
 
-   let event_id = EventId.parse(eventid)
-    let public_key = PublicKey.parse(authorid);
-    let signer = store.state.signer
-    let client = store.state.client
-        let objects =  (props.data.find(x=> x.id === eventid))
-          if (objects !== undefined){
-                if(!objects.reacted ){
+  let event_id = EventId.parse(eventid)
+  let public_key = PublicKey.parse(authorid);
+  let signer = store.state.signer
+  let client = store.state.client
+  let objects = (props.data.find(x => x.id === eventid))
+  if (objects !== undefined) {
+    if (!objects.reacted) {
 
 
-                        let event = EventBuilder.reaction(evt, "🧡")
-                        let requestid = await client.sendEventBuilder(event);
-                   }
+      let event = EventBuilder.reaction(evt, "🧡")
+      let requestid = await client.sendEventBuilder(event);
+    }
 
-                    objects.reacted = true
-                    objects.reactions += 1
-                    console.log("reacted")
+    objects.reacted = true
+    objects.reactions += 1
+    console.log("reacted")
 
 
-                }
+  }
 
 }
 
 
+async function reply(eventid, authorid, message) {
 
-async function reply (eventid, authorid, message){
-
-   console.log(eventid)
-    let signer = store.state.signer
-    let client = store.state.client
-        let objects =  (props.data.find(x=> x.id === eventid))
-          if (objects !== undefined){
+  console.log(eventid)
+  let signer = store.state.signer
+  let client = store.state.client
+  let objects = (props.data.find(x => x.id === eventid))
+  if (objects !== undefined) {
 
 
-            let tags = [Tag.parse(["e", eventid])]
-            let event = EventBuilder.textNote(message, tags)
+    let tags = [Tag.parse(["e", eventid])]
+    let event = EventBuilder.textNote(message, tags)
 
-           let requestid = await client.sendEventBuilder(event);
-             console.log(requestid.toHex())
+    let requestid = await client.sendEventBuilder(event);
+    console.log(requestid.toHex())
 
-          objects.replied = true
-
-          console.log("replied")
-                   }
+    objects.replied = true
 
+    console.log("replied")
+  }
 
 
 }
-async function boost(eventid, authorid, evt){
+
+async function boost(eventid, authorid, evt) {
 
 // TODO
-   let event_id = EventId.parse(eventid)
-    let public_key = PublicKey.parse(authorid);
-    let signer = store.state.signer
-    let client = store.state.client
-        let objects =  (props.data.find(x=> x.id === eventid))
-          if (objects !== undefined){
-                if(!objects.boosted ){
+  let event_id = EventId.parse(eventid)
+  let public_key = PublicKey.parse(authorid);
+  let signer = store.state.signer
+  let client = store.state.client
+  let objects = (props.data.find(x => x.id === eventid))
+  if (objects !== undefined) {
+    if (!objects.boosted) {
 
-                    console.log(evt.asJson())
-                     let relay = "wss://relay.damus.io"
-                     for (let tag of evt.tags){
-                       if (tag.asVec()[0] == "relays"){
-                         console.log(tag.asVec()[1])
-                       }
+      console.log(evt.asJson())
+      let relay = "wss://relay.damus.io"
+      for (let tag of evt.tags) {
+        if (tag.asVec()[0] == "relays") {
+          console.log(tag.asVec()[1])
+        }
 
-                     }
+      }
 
 
-                        let event = EventBuilder.repost(evt)
-                        let requestid = await client.sendEventBuilder(event);
-                   }
+      let event = EventBuilder.repost(evt)
+      let requestid = await client.sendEventBuilder(event);
+    }
 
-                    objects.boosted = true
-                    objects.boosts += 1
-
-                    console.log("boosted")
-                   }
+    objects.boosted = true
+    objects.boosts += 1
 
+    console.log("boosted")
+  }
 
 
 }
 
 async function zap_local(lud16, eventid, authorid) {
-  if (lud16 == undefined || lud16 == ""){
-      console.log("User has no lightning address")
+  if (lud16 == undefined || lud16 == "") {
+    console.log("User has no lightning address")
     return
   }
 
@@ -265,12 +293,9 @@ async function zap_local(lud16, eventid, authorid) {
         console.log("zapped")
       }
     }
-     }
-    catch (error)
-      {
-        console.log(error)
-      }
-
+  } catch (error) {
+    console.log(error)
+  }
 
 
 }
@@ -283,6 +308,7 @@ async function zap_local(lud16, eventid, authorid) {
   width: 20px;
   cursor: pointer;
 }
+
 .playeauthor-wrapper {
   padding: 6px;
   display: flex;
@@ -294,10 +320,10 @@ async function zap_local(lud16, eventid, authorid) {
   @apply btn text-gray-600 bg-transparent border-transparent tracking-wide ;
 
 
-  }
+}
 
-.vue3-easy-data-table__footer.previous-page__click-button{
-  height:100px
+.vue3-easy-data-table__footer.previous-page__click-button {
+  height: 100px
 }
 
 .time {
@@ -307,6 +333,7 @@ async function zap_local(lud16, eventid, authorid) {
   align-items: center;
   justify-items: center;
 }
+
 .avatar {
   margin-right: 10px;
   display: inline-block;
@@ -318,19 +345,20 @@ async function zap_local(lud16, eventid, authorid) {
 }
 
 .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;
-height: 180px;
+  @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;
+  height: 180px;
 
-margin-top: 15px;
+  margin-top: 15px;
 
 
 }
 
 .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-left: 10px;
+  height: 48px;
+  margin-left: 10px;
 }
+
 .customize-table {
   width: auto;
   --easy-table-border: 2px solid bg-base;
diff --git a/ui/noogle/src/components/ProfileResultTable.vue b/ui/noogle/src/components/ProfileResultTable.vue
index ee6f663..a3d42a8 100644
--- a/ui/noogle/src/components/ProfileResultTable.vue
+++ b/ui/noogle/src/components/ProfileResultTable.vue
@@ -1,17 +1,20 @@
 <template>
-  <EasyDataTable style="margin-top: 450px"
- class="customize-table" header-text-direction="left" hide-rows-per-page=true  rows-per-page=10 v-if="store.state.profile_results.length != 0 && router.currentRoute.value.path == '/'" table-class-name="customize-table"
-    :headers="headers"
-    :items="store.state.profile_results" >
-   <template #item-content="{ author, authorurl, avatar}">
-   <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>
+  <EasyDataTable v-if="store.state.profile_results.length != 0 && router.currentRoute.value.path == '/'"
+                 :headers="headers" :items="store.state.profile_results" class="customize-table" header-text-direction="left"
+                 hide-rows-per-page=true
+                 rows-per-page=10
+                 style="margin-top: 450px"
+                 table-class-name="customize-table">
+    <template #item-content="{ author, authorurl, avatar}">
+      <div class="playeauthor-wrapper">
+        <img v-if="avatar" :src="avatar" alt="Avatar" class="avatar"
+             onerror="this.src='https://noogle.lol/favicon.ico'"/>
+        <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
+        <a :href="authorurl" class="purple" target="_blank">{{ author }}</a>
+      </div>
 
-   <!--   <p>{{content}}</p> -->
-     </template>
+      <!--   <p>{{content}}</p> -->
+    </template>
     <!--<template #expand="item">
       <div style="padding: 15px; text-align: left;" >
           <a class="menu" :href="item.links.uri" target="_blank">Nostr Client</a>
@@ -22,7 +25,7 @@
     </template> -->
 
 
-      </EasyDataTable>
+  </EasyDataTable>
 
 
 </template>
@@ -30,19 +33,17 @@
 <script lang="ts" setup>
 
 
-import type {Header, Item, SortType} from "vue3-easy-data-table";
+import type {Header} from "vue3-easy-data-table";
 import store from '../store';
 import router from "../router";
 
 
 const headers: Header[] = [
-  { text: "Relevant Profiles:", value: "content", fixed:true},
- // { text: "Time", value: "indicator.time", sortable: true, },
+  {text: "Relevant Profiles:", value: "content", fixed: true},
+  // { text: "Time", value: "indicator.time", sortable: true, },
 ];
 
 
-
-
 </script>
 
 <style scoped>
@@ -50,6 +51,7 @@ const headers: Header[] = [
   width: 20px;
   cursor: pointer;
 }
+
 .playeauthor-wrapper {
   padding: 6px;
   display: flex;
@@ -61,10 +63,10 @@ const headers: Header[] = [
   @apply btn text-gray-600 bg-transparent border-transparent tracking-wide;
 
 
-  }
+}
 
-.vue3-easy-data-table__footer.previous-page__click-button{
-  height:100px
+.vue3-easy-data-table__footer.previous-page__click-button {
+  height: 100px
 }
 
 .time {
@@ -74,6 +76,7 @@ const headers: Header[] = [
   align-items: center;
   justify-items: center;
 }
+
 .avatar {
   margin-right: 10px;
   display: inline-block;
@@ -83,8 +86,9 @@ const headers: Header[] = [
   object-fit: cover;
   box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 10%);
 }
+
 .customize-table {
-  width:auto;
+  width: auto;
   --easy-table-border: 3px solid #000000;
   --easy-table-row-border: 0px;
 
@@ -118,7 +122,7 @@ const headers: Header[] = [
   --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-track-color: bg-base;
   --easy-table-scrollbar-color: bg-base;
   --easy-table-scrollbar-thumb-color: bg-base;
   --easy-table-scrollbar-corner-color: bg-base;
diff --git a/ui/noogle/src/components/RecommendationGeneration.vue b/ui/noogle/src/components/RecommendationGeneration.vue
index d925a64..dec2bea 100644
--- a/ui/noogle/src/components/RecommendationGeneration.vue
+++ b/ui/noogle/src/components/RecommendationGeneration.vue
@@ -3,39 +3,32 @@
 
 import {
   Client,
-  Filter,
-  Timestamp,
-  Event,
-  Metadata,
-  PublicKey,
-  EventBuilder,
-  Tag,
-  EventId,
-  Nip19Event,
-  Alphabet,
-  Keys,
-  SecretKey,
   Duration,
-  SingleLetterTag,
+  Event,
+  EventBuilder,
+  EventId,
+  Filter,
+  Keys,
+  Nip19Event,
   NostrSigner,
-  nip44Encrypt,
-  NIP44Version, nip04Encrypt
+  PublicKey,
+  Tag,
+  Timestamp
 } from "@rust-nostr/nostr-sdk";
 import store from '../store';
 import miniToastr from "mini-toastr";
-import VueNotifications from "vue-notifications";
-import {computed, onMounted, 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 {onMounted, ref} from "vue";
 import SummarizationGeneration from "@/components/SummarizationGeneration.vue"
-import {sleep, get_user_infos, get_event_reactions, hasActiveSubscription, getEventsOriginalOrder, parseandreplacenpubsName} from "../components/helper/Helper.vue"
-import {zap, createBolt11Lud16, zaprequest} from "../components/helper/Zap.vue"
-import { ref } from "vue";
+import {
+  get_event_reactions,
+  get_user_infos,
+  getEventsOriginalOrder,
+  hasActiveSubscription,
+  parseandreplacenpubsName,
+  sleep
+} from "../components/helper/Helper.vue"
+import {createBolt11Lud16, zap, zaprequest} from "../components/helper/Zap.vue"
 import ModalComponent from "../components/Newnote.vue";
-import VueDatePicker from "@vuepic/vue-datepicker";
-import {timestamp} from "@vueuse/core";
 import NoteTable from "@/components/NoteTable.vue";
 import {webln} from "@getalby/sdk";
 
@@ -43,22 +36,21 @@ import {webln} from "@getalby/sdk";
 import StringUtil from "@/components/helper/string.ts";
 
 
-let dvms =[]
+let dvms = []
 let requestids = []
 
 
 onMounted(async () => {
 
-  while(store.state.nip89dvms.length === 0){
-     await sleep(100)
+  while (store.state.nip89dvms.length === 0) {
+    await sleep(100)
   }
-await addAllContentDVMs()
+  await addAllContentDVMs()
   console.log(dvms)
 
 })
 
 
-
 function set_subscription_props(amount, cadence, dvm) {
   console.log(dvm)
   current_subscription_dvm.value = dvm
@@ -72,7 +64,7 @@ function set_subscription_props(amount, cadence, dvm) {
 }
 
 async function generate_feed(id) {
-  if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon"){
+  if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon") {
     miniToastr.showMessage("Login to use Discovery DVMs.", "Not logged in", "error")
     return
   }
@@ -80,399 +72,376 @@ async function generate_feed(id) {
   listen()
 
 
-   try {
+  try {
 
-        let client = store.state.client
-        //console.log(dvms.find(i => i.id === id).encryptionSupported)
+    let client = store.state.client
+    //console.log(dvms.find(i => i.id === id).encryptionSupported)
 
-        let current_dvm = dvms.find(i => i.id === id)
+    let current_dvm = dvms.find(i => i.id === id)
 
-        let content = "NIP 90 Content Discovery request"
-        let kind = 5300
-        let tags = []
-        tags.push(["param", "max_results", "200"])
-        tags.push(["param", "user", store.state.pubkey.toHex()])
-        let r = ["relays"]
+    let content = "NIP 90 Content Discovery request"
+    let kind = 5300
+    let tags = []
+    tags.push(["param", "max_results", "200"])
+    tags.push(["param", "user", store.state.pubkey.toHex()])
+    let r = ["relays"]
 
-         for (let relay of store.state.relays){
-              r.push(relay)
-            }
+    for (let relay of store.state.relays) {
+      r.push(relay)
+    }
 
-        tags.push(r)
+    tags.push(r)
 
-        let res;
-        let requestid;
+    let res;
+    let requestid;
 
-        // for now we only want to use encrypted events for subscribed dvms (might change later, also we dont encrypt on amber because decryption and update doesnt work)
-        if(current_dvm.encryptionSupported && current_dvm.nip88 && current_dvm.nip88.hasActiveSubscription && localStorage.getItem('nostr-key-method') !== 'android-signer'  && localStorage.getItem('nostr-key-method') !== 'nostr-login'){
+    // for now we only want to use encrypted events for subscribed dvms (might change later, also we dont encrypt on amber because decryption and update doesnt work)
+    if (current_dvm.encryptionSupported && current_dvm.nip88 && current_dvm.nip88.hasActiveSubscription && localStorage.getItem('nostr-key-method') !== 'android-signer' && localStorage.getItem('nostr-key-method') !== 'nostr-login') {
 
-             let  tags_str = []
-            for (let tag of tags){
+      let tags_str = []
+      for (let tag of tags) {
 
-               tags_str.push(tag)
-            }
-
-            let params_as_str = JSON.stringify(tags_str)
-            //console.log(params_as_str)
-
-              let client = store.state.client
-              let signer = store.state.signer
-
-
-              let pk = PublicKey.parse(id)
-              let content = await signer.nip04Encrypt(pk, params_as_str)
-
-              let tags_t = []
-              tags_t.push(Tag.parse(["p", id]))
-              tags_t.push(Tag.parse(["encrypted"]))
-              tags_t.push(Tag.parse(["client", "noogle"]))
-
-
-
-                let evt = new EventBuilder(kind, content, tags_t)
-                let unsigned =   evt.toUnsignedEvent(store.state.pubkey)
-                try{
-                      let sign = await client.signer()
-                    let signedEvent = await sign.signEvent(unsigned)
-                    requestids.push(signedEvent.id.toHex())
-                   store.commit('set_current_request_id_recommendation', requestids)
-
-                   res = await client.sendEvent(signedEvent)
-                    }
-                catch(e){
-                console.log(e)
-                }
-
-        }
-
-        else{
-           tags.push(["p", id])
-
-          let tags_t = []
-          for (let tag of tags){
-            tags_t.push(Tag.parse(tag))
-          }
-          let evt = new EventBuilder(kind, content, tags_t)
-           let unsigned =   evt.toUnsignedEvent(store.state.pubkey)
-               let signedEvent = await (await client.signer()).signEvent(unsigned)
-               console.log(signedEvent.id.toHex())
-               requestids.push(signedEvent.id.toHex())
-               store.commit('set_current_request_id_recommendation', requestids)
-               res = await client.sendEvent(signedEvent)
-
-        }
-
-
-
-
-
-
-
-      } catch (error) {
-        console.log(error);
+        tags_str.push(tag)
       }
+
+      let params_as_str = JSON.stringify(tags_str)
+      //console.log(params_as_str)
+
+      let client = store.state.client
+      let signer = store.state.signer
+
+
+      let pk = PublicKey.parse(id)
+      let content = await signer.nip04Encrypt(pk, params_as_str)
+
+      let tags_t = []
+      tags_t.push(Tag.parse(["p", id]))
+      tags_t.push(Tag.parse(["encrypted"]))
+      tags_t.push(Tag.parse(["client", "noogle"]))
+
+
+      let evt = new EventBuilder(kind, content, tags_t)
+      let unsigned = evt.toUnsignedEvent(store.state.pubkey)
+      try {
+        let sign = await client.signer()
+        let signedEvent = await sign.signEvent(unsigned)
+        requestids.push(signedEvent.id.toHex())
+        store.commit('set_current_request_id_recommendation', requestids)
+
+        res = await client.sendEvent(signedEvent)
+      } catch (e) {
+        console.log(e)
+      }
+
+    } else {
+      tags.push(["p", id])
+
+      let tags_t = []
+      for (let tag of tags) {
+        tags_t.push(Tag.parse(tag))
+      }
+      let evt = new EventBuilder(kind, content, tags_t)
+      let unsigned = evt.toUnsignedEvent(store.state.pubkey)
+      let signedEvent = await (await client.signer()).signEvent(unsigned)
+      console.log(signedEvent.id.toHex())
+      requestids.push(signedEvent.id.toHex())
+      store.commit('set_current_request_id_recommendation', requestids)
+      res = await client.sendEvent(signedEvent)
+
+    }
+
+
+  } catch (error) {
+    console.log(error);
+  }
 }
 
-async function  listen() {
-    let client = store.state.client
-    let pubkey = store.state.pubkey
+async function listen() {
+  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 filter = new Filter().kinds([7000, 6300]).pubkey(pubkey).since(Timestamp.now());
+  await client.subscribe([filter]);
 
-    const handle = {
-        // Handle event
-        handleEvent: async (relayUrl, subscriptionId, event) => {
-           let resonsetorequest = false
-            //sleep(1200).then(async () => {
-              for (let tag in event.tags) {
-                if (event.tags[tag].asVec()[0] === "e") {
-                  if (store.state.requestidRecommendation.includes(event.tags[tag].asVec()[1])){
-                    resonsetorequest = true
+  const handle = {
+    // Handle event
+    handleEvent: async (relayUrl, subscriptionId, event) => {
+      let resonsetorequest = false
+      //sleep(1200).then(async () => {
+      for (let tag in event.tags) {
+        if (event.tags[tag].asVec()[0] === "e") {
+          if (store.state.requestidRecommendation.includes(event.tags[tag].asVec()[1])) {
+            resonsetorequest = true
 
-                  }
-                }
-
-              }
-              if (resonsetorequest === true) {
-                if (event.kind === 7000) {
-                  try {
-                     console.log("7000: ", event.content);
-                     console.log("DVM: " + event.author.toHex())
-                    //miniToastr.showMessage("DVM: " + dvmname, event.content, VueNotifications.types.info)
-                    dvms.find(i => i.id === event.author.toHex()).laststatusid = event.id.toHex()
-                    let ob = dvms.find(i => i.id === event.author.toHex())
-                    console.log(ob)
-                    let is_encrypted = false
-                    let ptag = ""
-
-                    console.log(event.content)
-                    for (const tag in event.tags) {
-                      if (event.tags[tag].asVec()[0] === "encrypted") {
-                        is_encrypted = true
-                        console.log("encrypted response")
-                      }
-                      else if (event.tags[tag].asVec()[0] === "p") {
-                        ptag = event.tags[tag].asVec()[1]
-                      }
-                    }
-
-                    if (is_encrypted){
-                      let tags_str = ""
-                       if (ptag === store.state.pubkey.toHex()){
-                            let signer = store.state.signer
-                            tags_str = await signer.nip04Decrypt(event.author, event.content)
-
-
-
-
-                            let params = JSON.parse(tags_str)
-                            //console.log(params)
-                           // params.push(["p", ptag])
-                           // params.push(["encrypted"])
-                            let event_as_json = JSON.parse(event.asJson())
-                            event_as_json['tags'] = params
-                           let content = ""
-                           for (const tag in params){
-                             if (params[tag][0] === "content"){
-                               content = params[tag][1]
-                             }
-                           }
-                            event_as_json['content'] = content
-                            event = Event.fromJson(JSON.stringify(event_as_json))
-                       }
-                        else {
-                          console.log("not addressed to us")
-                          console.log(ptag)
-
-                          return
-                        }
-                    }
-
-
-                    for (const tag in event.tags) {
-                      if (event.tags[tag].asVec()[0] === "status") {
-
-                           if (event.content !== "" && (event.tags[tag].asVec()[1] === "processing" || event.tags[tag].asVec()[1] === "subscription-required" || event.tags[tag].asVec()[1] === "subscription-active" ) ) {
-                              if(event.tags[tag].asVec().length > 2) {
-                               dvms.find(i => i.id === event.author.toHex()).status  = event.tags[tag].asVec()[2]
-                              }
-                              else{
-                                dvms.find(i => i.id === event.author.toHex()).status  = event.content
-                              }
-                           }
-                           else{
-                               dvms.find(i => i.id === event.author.toHex()).status = event.tags[tag].asVec()[1]
-
-                           }
-                     }
-
-                    if (event.tags[tag].asVec()[0] === "subscribed") {
-                      if (Timestamp.fromSecs(parseInt(event.tags[tag].asVec()[1])).asSecs() > Timestamp.now().asSecs()) {
-                        dvms.find(i => i.id === event.author.toHex()).subscription = event.tags[tag].asVec()[1]
-                      }
-                    }
-
-                      if (event.tags[tag].asVec()[0] === "amount") {
-                        dvms.find(i => i.id === event.author.toHex()).amount = event.tags[tag].asVec()[1]
-                        if (event.tags[tag].asVec().length > 2) {
-                          dvms.find(i => i.id === event.author.toHex()).bolt11 = event.tags[tag].asVec()[2]
-                        } else {
-                          let profiles = await get_user_infos([event.author.toHex()])
-                          let created = 0
-                          if (profiles.length > 0) {
-                            console.log(profiles[0].profile)
-                            let current = profiles[0]
-                            let lud16 = current.profile.lud16
-                            if (lud16 !== null && lud16 !== "") {
-                              console.log("LUD16: " + lud16)
-                              dvms.find(i => i.id === event.author.toHex()).bolt11 = await zaprequest(lud16, dvms.find(i => i.id === event.author.toHex()).amount, "paid from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)
-                              //dvms.find(i => i.id === event.author.toHex()).bolt11 = await createBolt11Lud16(lud16, dvms.find(i => i.id === event.author.toHex()).amount)
-                              console.log(dvms.find(i => i.id === event.author.toHex()).bolt11)
-                              if (dvms.find(i => i.id === event.author.toHex()).bolt11 === "") {
-                                dvms.find(i => i.id === event.author.toHex()).status = "error"
-
-                              }
-                            } else {
-                              console.log("NO LNURL")
-                            }
-
-                          } else {
-                            console.log("PROFILE NOT FOUND")
-                          }
-                        }
-                      }
-                      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 is_encrypted = false
-                    let ptag = ""
-
-                    for (const tag in event.tags) {
-                      if (event.tags[tag].asVec()[0] === "encrypted") {
-                        is_encrypted = true
-                        console.log("encrypted reply")
-                      }
-                      else if (event.tags[tag].asVec()[0] === "p") {
-                        ptag = event.tags[tag].asVec()[1]
-                      }
-                    }
-
-                    let content = event.content
-
-                    if (is_encrypted){
-                      if (ptag === store.state.pubkey.toHex()){
-                        let signer = store.state.signer
-                        content = await signer.nip04Decrypt(event.author, event.content)
-
-                      }
-                      else {
-                        console.log("not addressed to us")
-                        return
-                      }
-                    }
-
-
-
-                  let event_etags = JSON.parse(content)
-                  if (event_etags.length > 0) {
-                    for (let etag of event_etags) {
-                      const eventid = EventId.fromHex(etag[1]).toHex()
-                      entries.push(eventid)
-                    }
-                    const events = await getEventsOriginalOrder(entries)
-                    let authors = []
-
-                   for (const evt of events) {
-                      try{
-                      authors.push(evt.author.toHex())
-                          }
-                          catch(error){
-                        //console.log(error)
-                     }
-
-                    }
-
-
-                      if (authors.length > 0) {
-
-                        try{
-
-                        let profiles = await get_user_infos(authors)
-
-                            let ids = []
-                            for (let evt of events){
-                              try {ids.push(evt.id)}
-                              catch(error){
-                                console.log(error)
-                              }
-
-                            }
-                          let zaps = await get_event_reactions(ids)
-                        let items = []
-                        let index = 0
-                        for (const evt of events) {
-                            if(!evt){
-                            continue
-                          }
-                          if(store.state.mutes.find(record => record === evt.author.toHex()) !== undefined){
-                             console.log("hidding muted user")
-
-
-                          }
-                          else{
-
-
-
-                          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 authorid = evt.author.toHex()
-                          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()
-                          let lud16 = p === undefined ? "" : (p["profile"] === undefined ? "" : p["profile"]["lud16"])
-
-
-                          if (items.find(e => e.id === evt.id.toHex()) === undefined) {
-
-                            let react = zaps.find(x => x.id === evt.id.toHex())
-
-
-
-                            items.push({
-                              id: evt.id.toHex(),
-                              content: await parseandreplacenpubsName(evt.content),
-                              event: evt,
-                              author: name,
-                              authorid: authorid,
-                              authorurl: "https://njump.me/" + evt.author.toBech32(),
-                              links: {
-                                "uri": uri,
-                                "highlighter": highlighterurl,
-                                "njump": njumpurl,
-                                "nostrudel": nostrudelurl
-                              },
-                              avatar: picture,
-                              index: index,
-                              indicator: {"time": evt.createdAt.toHumanDatetime(), "index": index},
-                              lud16: lud16,
-                              zapped: react.zappedbyUser,
-                              zapAmount: react.amount,
-                              reacted: react.reactedbyUser,
-                              reactions: react.reactions,
-                              boosts: react.reposts,
-                              boosted: react.repostedbyUser,
-                              replied: false,
-                              response:  ref("")
-
-                            })
-                            index = index + 1
-                          }
-                             }
-
-                        }
-
-                       /* if (dvms.find(i => i.id === event.author.toHex()) === undefined) {
-                          await addDVM(event)
-                          console.log("add dvm because of bug")
-                        } */
-
-
-                        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"
-                      }
-                         catch(error){
-                        console.log(error)}
-                      }
-                     }
-                  store.commit('set_recommendation_dvms', dvms)
-                }
-
-              }
-          //  })
-        },
-        // Handle relay message
-        handleMsg: async (relayUrl, message) => {
-            //console.log("Received message from", relayUrl, message.asJson());
+          }
         }
-    };
 
-    client.handleNotifications(handle);
+      }
+      if (resonsetorequest === true) {
+        if (event.kind === 7000) {
+          try {
+            console.log("7000: ", event.content);
+            console.log("DVM: " + event.author.toHex())
+            //miniToastr.showMessage("DVM: " + dvmname, event.content, VueNotifications.types.info)
+            dvms.find(i => i.id === event.author.toHex()).laststatusid = event.id.toHex()
+            let ob = dvms.find(i => i.id === event.author.toHex())
+            console.log(ob)
+            let is_encrypted = false
+            let ptag = ""
+
+            console.log(event.content)
+            for (const tag in event.tags) {
+              if (event.tags[tag].asVec()[0] === "encrypted") {
+                is_encrypted = true
+                console.log("encrypted response")
+              } else if (event.tags[tag].asVec()[0] === "p") {
+                ptag = event.tags[tag].asVec()[1]
+              }
+            }
+
+            if (is_encrypted) {
+              let tags_str = ""
+              if (ptag === store.state.pubkey.toHex()) {
+                let signer = store.state.signer
+                tags_str = await signer.nip04Decrypt(event.author, event.content)
+
+
+                let params = JSON.parse(tags_str)
+                //console.log(params)
+                // params.push(["p", ptag])
+                // params.push(["encrypted"])
+                let event_as_json = JSON.parse(event.asJson())
+                event_as_json['tags'] = params
+                let content = ""
+                for (const tag in params) {
+                  if (params[tag][0] === "content") {
+                    content = params[tag][1]
+                  }
+                }
+                event_as_json['content'] = content
+                event = Event.fromJson(JSON.stringify(event_as_json))
+              } else {
+                console.log("not addressed to us")
+                console.log(ptag)
+
+                return
+              }
+            }
+
+
+            for (const tag in event.tags) {
+              if (event.tags[tag].asVec()[0] === "status") {
+
+                if (event.content !== "" && (event.tags[tag].asVec()[1] === "processing" || event.tags[tag].asVec()[1] === "subscription-required" || event.tags[tag].asVec()[1] === "subscription-active")) {
+                  if (event.tags[tag].asVec().length > 2) {
+                    dvms.find(i => i.id === event.author.toHex()).status = event.tags[tag].asVec()[2]
+                  } else {
+                    dvms.find(i => i.id === event.author.toHex()).status = event.content
+                  }
+                } else {
+                  dvms.find(i => i.id === event.author.toHex()).status = event.tags[tag].asVec()[1]
+
+                }
+              }
+
+              if (event.tags[tag].asVec()[0] === "subscribed") {
+                if (Timestamp.fromSecs(parseInt(event.tags[tag].asVec()[1])).asSecs() > Timestamp.now().asSecs()) {
+                  dvms.find(i => i.id === event.author.toHex()).subscription = event.tags[tag].asVec()[1]
+                }
+              }
+
+              if (event.tags[tag].asVec()[0] === "amount") {
+                dvms.find(i => i.id === event.author.toHex()).amount = event.tags[tag].asVec()[1]
+                if (event.tags[tag].asVec().length > 2) {
+                  dvms.find(i => i.id === event.author.toHex()).bolt11 = event.tags[tag].asVec()[2]
+                } else {
+                  let profiles = await get_user_infos([event.author.toHex()])
+                  let created = 0
+                  if (profiles.length > 0) {
+                    console.log(profiles[0].profile)
+                    let current = profiles[0]
+                    let lud16 = current.profile.lud16
+                    if (lud16 !== null && lud16 !== "") {
+                      console.log("LUD16: " + lud16)
+                      dvms.find(i => i.id === event.author.toHex()).bolt11 = await zaprequest(lud16, dvms.find(i => i.id === event.author.toHex()).amount, "paid from noogle.lol", event.id.toHex(), event.author.toHex(), store.state.relays)
+                      //dvms.find(i => i.id === event.author.toHex()).bolt11 = await createBolt11Lud16(lud16, dvms.find(i => i.id === event.author.toHex()).amount)
+                      console.log(dvms.find(i => i.id === event.author.toHex()).bolt11)
+                      if (dvms.find(i => i.id === event.author.toHex()).bolt11 === "") {
+                        dvms.find(i => i.id === event.author.toHex()).status = "error"
+
+                      }
+                    } else {
+                      console.log("NO LNURL")
+                    }
+
+                  } else {
+                    console.log("PROFILE NOT FOUND")
+                  }
+                }
+              }
+              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 is_encrypted = false
+          let ptag = ""
+
+          for (const tag in event.tags) {
+            if (event.tags[tag].asVec()[0] === "encrypted") {
+              is_encrypted = true
+              console.log("encrypted reply")
+            } else if (event.tags[tag].asVec()[0] === "p") {
+              ptag = event.tags[tag].asVec()[1]
+            }
+          }
+
+          let content = event.content
+
+          if (is_encrypted) {
+            if (ptag === store.state.pubkey.toHex()) {
+              let signer = store.state.signer
+              content = await signer.nip04Decrypt(event.author, event.content)
+
+            } else {
+              console.log("not addressed to us")
+              return
+            }
+          }
+
+
+          let event_etags = JSON.parse(content)
+          if (event_etags.length > 0) {
+            for (let etag of event_etags) {
+              const eventid = EventId.fromHex(etag[1]).toHex()
+              entries.push(eventid)
+            }
+            const events = await getEventsOriginalOrder(entries)
+            let authors = []
+
+            for (const evt of events) {
+              try {
+                authors.push(evt.author.toHex())
+              } catch (error) {
+                //console.log(error)
+              }
+
+            }
+
+
+            if (authors.length > 0) {
+
+              try {
+
+                let profiles = await get_user_infos(authors)
+
+                let ids = []
+                for (let evt of events) {
+                  try {
+                    ids.push(evt.id)
+                  } catch (error) {
+                    console.log(error)
+                  }
+
+                }
+                let zaps = await get_event_reactions(ids)
+                let items = []
+                let index = 0
+                for (const evt of events) {
+                  if (!evt) {
+                    continue
+                  }
+                  if (store.state.mutes.find(record => record === evt.author.toHex()) !== undefined) {
+                    console.log("hidding muted user")
+
+
+                  } else {
+
+
+                    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 authorid = evt.author.toHex()
+                    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()
+                    let lud16 = p === undefined ? "" : (p["profile"] === undefined ? "" : p["profile"]["lud16"])
+
+
+                    if (items.find(e => e.id === evt.id.toHex()) === undefined) {
+
+                      let react = zaps.find(x => x.id === evt.id.toHex())
+
+
+                      items.push({
+                        id: evt.id.toHex(),
+                        content: await parseandreplacenpubsName(evt.content),
+                        event: evt,
+                        author: name,
+                        authorid: authorid,
+                        authorurl: "https://njump.me/" + evt.author.toBech32(),
+                        links: {
+                          "uri": uri,
+                          "highlighter": highlighterurl,
+                          "njump": njumpurl,
+                          "nostrudel": nostrudelurl
+                        },
+                        avatar: picture,
+                        index: index,
+                        indicator: {"time": evt.createdAt.toHumanDatetime(), "index": index},
+                        lud16: lud16,
+                        zapped: react.zappedbyUser,
+                        zapAmount: react.amount,
+                        reacted: react.reactedbyUser,
+                        reactions: react.reactions,
+                        boosts: react.reposts,
+                        boosted: react.repostedbyUser,
+                        replied: false,
+                        response: ref("")
+
+                      })
+                      index = index + 1
+                    }
+                  }
+
+                }
+
+                /* if (dvms.find(i => i.id === event.author.toHex()) === undefined) {
+                   await addDVM(event)
+                   console.log("add dvm because of bug")
+                 } */
+
+
+                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"
+              } catch (error) {
+                console.log(error)
+              }
+            }
+          }
+          store.commit('set_recommendation_dvms', dvms)
+        }
+
+      }
+      //  })
+    },
+    // Handle relay message
+    handleMsg: async (relayUrl, message) => {
+      //console.log("Received message from", relayUrl, message.asJson());
+    }
+  };
+
+  client.handleNotifications(handle);
 }
 
 async function addAllContentDVMs() {
@@ -522,41 +491,41 @@ async function addAllContentDVMs() {
       final_dvms.push(store.state.nip89dvms.find(x => x.id === element.id))
     }
 
-  for (let el of final_dvms){
+    for (let el of final_dvms) {
 
-    let status = "announced"
-    let jsonentry = {
-      id: el.id,
-      kind: "",
-      status: status,
-      laststatusid: "",
-      result: [],
-      name: el.name,
-      about: el.about,
-      image: el.image,
-      amount: el.amount,
-      encryptionSupported: el.encryptionSupported,
-      cashuAccepted: el.cashuAccepted,
-      bolt11: "",
-      lud16: el.lud16,
-      subscription: "",
-      nip88: el.nip88,
-      action: el.action
+      let status = "announced"
+      let jsonentry = {
+        id: el.id,
+        kind: "",
+        status: status,
+        laststatusid: "",
+        result: [],
+        name: el.name,
+        about: el.about,
+        image: el.image,
+        amount: el.amount,
+        encryptionSupported: el.encryptionSupported,
+        cashuAccepted: el.cashuAccepted,
+        bolt11: "",
+        lud16: el.lud16,
+        subscription: "",
+        nip88: el.nip88,
+        action: el.action
+      }
+
+
+      //console.log(jsonentry)
+      if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+        dvms.push(jsonentry)
+      }
     }
 
-
-    //console.log(jsonentry)
-    if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-      dvms.push(jsonentry)
-    }
-  }
-
-  store.commit('set_recommendation_dvms', dvms)
+    store.commit('set_recommendation_dvms', dvms)
   }
 
 }
 
-async function addDVM(event){
+async function addDVM(event) {
   let status = "unknown"
   let jsonentry = {
     id: event.author.toHex(),
@@ -583,32 +552,28 @@ async function addDVM(event){
       jsonentry.amount = event.tags[tag].asVec()[1]
       if (event.tags[tag].asVec().length > 2) {
         jsonentry.bolt11 = event.tags[tag].asVec()[2]
-      }
-        else{
-          let profiles = await get_user_infos([event.author.toHex()])
-         let created = 0
-          if (profiles.length > 0){
-           // for (const profile of profiles){
-              console.log(profiles[0].profile)
-            let current = profiles[0]
-            let lud16 = current.profile.lud16
-            if (lud16 !== null && lud16 !== ""){
-              console.log("LUD16: " +  lud16)
-              jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount)
-              console.log(jsonentry.bolt11)
-              if(jsonentry.bolt11 === ""){
-               status = "error"
-              }
-          }
-            else {
-              console.log("NO LNURL")
+      } else {
+        let profiles = await get_user_infos([event.author.toHex()])
+        let created = 0
+        if (profiles.length > 0) {
+          // for (const profile of profiles){
+          console.log(profiles[0].profile)
+          let current = profiles[0]
+          let lud16 = current.profile.lud16
+          if (lud16 !== null && lud16 !== "") {
+            console.log("LUD16: " + lud16)
+            jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount)
+            console.log(jsonentry.bolt11)
+            if (jsonentry.bolt11 === "") {
+              status = "error"
             }
-
-        }
-
-          else {
-            console.log("PROFILE NOT FOUND")
+          } else {
+            console.log("NO LNURL")
           }
+
+        } else {
+          console.log("PROFILE NOT FOUND")
+        }
       }
     }
   }
@@ -620,8 +585,8 @@ async function addDVM(event){
       jsonentry.about = el.about
       jsonentry.image = el.image
       jsonentry.lud16 = el.lud16
-     jsonentry.encryptionSupported = el.encryptionSupported
-     jsonentry.cashuAccepted = el.cashuAccepted
+      jsonentry.encryptionSupported = el.encryptionSupported
+      jsonentry.cashuAccepted = el.cashuAccepted
 
       console.log(jsonentry)
 
@@ -629,13 +594,13 @@ async function addDVM(event){
   }
 
 
-   if (event.content !== "" && status !== "payment-required" &&  status !== "error" &&  status !== "finished" &&  status !== "paid"){
+  if (event.content !== "" && status !== "payment-required" && status !== "error" && status !== "finished" && status !== "paid") {
     status = event.content
   }
 
   console.log(dvms)
   if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-       dvms.push(jsonentry)
+    dvms.push(jsonentry)
   }
 
 
@@ -644,38 +609,37 @@ async function addDVM(event){
 
 }
 
-async function cancelSubscription(kind7001, recipent){
-        console.log(kind7001)
-        console.log(recipent)
-        let client = store.state.client
-        let res;
-        let requestid;
-        let content = "Canceled from Noogle"
-        let kind = 7002
-        let tags = [
-              ["p", recipent],
-              ["e", kind7001]
-            ]
+async function cancelSubscription(kind7001, recipent) {
+  console.log(kind7001)
+  console.log(recipent)
+  let client = store.state.client
+  let res;
+  let requestid;
+  let content = "Canceled from Noogle"
+  let kind = 7002
+  let tags = [
+    ["p", recipent],
+    ["e", kind7001]
+  ]
 
 
-          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)
+  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)
 
 
-
-       dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.hasActiveSubscription = true
-       dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.expires = true
+  dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.hasActiveSubscription = true
+  dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.expires = true
 }
 
 async function subscribe_to_dvm() {
 
-  if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon"){
+  if (!localStorage.getItem("nostr-key-method") || localStorage.getItem("nostr-key-method") === "anon") {
     miniToastr.showMessage("Login to subscribe to a DVM.", "Not logged in", "error")
     return
   }
@@ -687,31 +651,31 @@ async function subscribe_to_dvm() {
   store.commit('set_recommendation_dvms', dvms)
 
 
-if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subscription_dvm.value.nip88.subscriptionId  ) {
+  if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subscription_dvm.value.nip88.subscriptionId) {
 
-  let res;
-  let requestid;
-  let kind = 7001
-  let content = "Subscription from noogle.lol"
+    let res;
+    let requestid;
+    let kind = 7001
+    let content = "Subscription from noogle.lol"
 
 
-  let tags = [
-    ["p", current_subscription_dvm.value.id],
-    ["e", current_subscription_dvm.value.nip88.eventid],
-    ["event", JSON.stringify(current_subscription_dvm.value.nip88.event)],
-    ["amount", (current_subscription_amount.value).toString(), "msats", current_subscription_cadence.value],
-  ]
-  for (let zap of current_subscription_dvm.value.nip88.zaps) {
-    console.log(zap.key + " " + zap.split)
-    if(zap.key === ""){
-      //if Tier allows an empty key, the client might add itself for the zap share here
-      zap.key = Keys.parse(store.state.nooglekey).publicKey.toHex()
+    let tags = [
+      ["p", current_subscription_dvm.value.id],
+      ["e", current_subscription_dvm.value.nip88.eventid],
+      ["event", JSON.stringify(current_subscription_dvm.value.nip88.event)],
+      ["amount", (current_subscription_amount.value).toString(), "msats", current_subscription_cadence.value],
+    ]
+    for (let zap of current_subscription_dvm.value.nip88.zaps) {
+      console.log(zap.key + " " + zap.split)
+      if (zap.key === "") {
+        //if Tier allows an empty key, the client might add itself for the zap share here
+        zap.key = Keys.parse(store.state.nooglekey).publicKey.toHex()
+      }
+      let zaptag = ["zap", zap.key, zap.split]
+      tags.push(zaptag)
     }
-    let zaptag = ["zap", zap.key, zap.split]
-    tags.push(zaptag)
-  }
 
-  console.log("Creating 7001 event")
+    console.log("Creating 7001 event")
 
     let tags_t = []
     for (let tag of tags) {
@@ -723,78 +687,75 @@ if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subsc
     console.log(res)
 
 
-  current_subscription_dvm.value.nip88.subscriptionId = requestid
-  console.log(current_subscription_dvm.value.nip88.subscriptionId)
+    current_subscription_dvm.value.nip88.subscriptionId = requestid
+    console.log(current_subscription_dvm.value.nip88.subscriptionId)
 
-}
+  }
 
-  try{
-      let nwcdvm = PublicKey.parse(store.state.subscription_verifier_pubkey)
+  try {
+    let nwcdvm = PublicKey.parse(store.state.subscription_verifier_pubkey)
     let key = Keys.parse(store.state.nooglekey)
-      console.log(key.publicKey.toHex())
-      let nsigner = NostrSigner.keys(key)
-      let nclient = new Client(nsigner)
+    console.log(key.publicKey.toHex())
+    let nsigner = NostrSigner.keys(key)
+    let nclient = new Client(nsigner)
 
-       for (const relay of store.state.relays) {
-        await nclient.addRelay(relay);
-      }
-       await nclient.connect()
+    for (const relay of store.state.relays) {
+      await nclient.addRelay(relay);
+    }
+    await nclient.connect()
 
-      let tags_str = []
-      let nwctag = Tag.parse(["param", "nwc", current_subscription_nwc.value])
-      tags_str.push(nwctag.asVec())
+    let tags_str = []
+    let nwctag = Tag.parse(["param", "nwc", current_subscription_nwc.value])
+    tags_str.push(nwctag.asVec())
 
-      let ptag = Tag.parse(["param", "p", store.state.pubkey.toHex()])
-      tags_str.push(ptag.asVec())
-      let tags_as_str = JSON.stringify(tags_str)
+    let ptag = Tag.parse(["param", "p", store.state.pubkey.toHex()])
+    tags_str.push(ptag.asVec())
+    let tags_as_str = JSON.stringify(tags_str)
 
-    try{
+    try {
 
-       let msg =  await (await nclient.signer()).nip04Encrypt(nwcdvm, tags_as_str)
-        let tags_t = []
-        tags_t.push(Tag.parse(["p", store.state.subscription_verifier_pubkey]))
-        tags_t.push(Tag.parse(["encrypted"]))
-        tags_t.push(Tag.parse(["client", "noogle"]))
-        let evt = new EventBuilder(5906, msg, tags_t)
-        console.log(evt)
-        let res = await nclient.sendEventBuilder(evt);
-           }
-    catch (e){
-        console.log(e)
+      let msg = await (await nclient.signer()).nip04Encrypt(nwcdvm, tags_as_str)
+      let tags_t = []
+      tags_t.push(Tag.parse(["p", store.state.subscription_verifier_pubkey]))
+      tags_t.push(Tag.parse(["encrypted"]))
+      tags_t.push(Tag.parse(["client", "noogle"]))
+      let evt = new EventBuilder(5906, msg, tags_t)
+      console.log(evt)
+      let res = await nclient.sendEventBuilder(evt);
+    } catch (e) {
+      console.log(e)
     }
 
 
-
-      let isSubscribed = false
-     let timeout = 0
-     let subscription_status
-      while (!isSubscribed && timeout < 30){
-         dvms.find(x => x.id === current_subscription_dvm.value.id).status = "Subscribing, please wait.."
-         await sleep(5000)
-         timeout = timeout +1
-        subscription_status = await hasActiveSubscription(store.state.pubkey.toHex(), current_subscription_dvm.value.nip88.d, current_subscription_dvm.value.id)
-         if (subscription_status["isActive"] === true){
-           isSubscribed = true
-           dvms.find(x => x.id === current_subscription_dvm.value.id).status = "announced"
-         }
+    let isSubscribed = false
+    let timeout = 0
+    let subscription_status
+    while (!isSubscribed && timeout < 30) {
+      dvms.find(x => x.id === current_subscription_dvm.value.id).status = "Subscribing, please wait.."
+      await sleep(5000)
+      timeout = timeout + 1
+      subscription_status = await hasActiveSubscription(store.state.pubkey.toHex(), current_subscription_dvm.value.nip88.d, current_subscription_dvm.value.id)
+      if (subscription_status["isActive"] === true) {
+        isSubscribed = true
+        dvms.find(x => x.id === current_subscription_dvm.value.id).status = "announced"
       }
-      console.log(subscription_status)
+    }
+    console.log(subscription_status)
 
 
-       dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.hasActiveSubscription = subscription_status["isActive"]
-       dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.expires = false
-       dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.subscribedUntil = subscription_status.validUntil
+    dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.hasActiveSubscription = subscription_status["isActive"]
+    dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.expires = false
+    dvms.find(x => x.id === current_subscription_dvm.value.id).nip88.subscribedUntil = subscription_status.validUntil
 
 
-       if (subscription_status["isActive"] === false){
-          dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status  = "Timeout, please refresh the page"
+    if (subscription_status["isActive"] === false) {
+      dvms.find(x => x.nip88.eventid === current_subscription_dvm.value.nip88.eventid).status = "Timeout, please refresh the page"
 
-       }
+    }
     store.commit('set_recommendation_dvms', dvms)
 
-  }
-  catch(error){
-      console.log(error)
+  } catch (error) {
+    console.log(error)
   }
 
 }
@@ -802,40 +763,39 @@ if (current_subscription_dvm.value.nip88.subscriptionId === '' || !current_subsc
 async function zap_local(invoice) {
 
   let success = await zap(invoice)
-  if (success){
+  if (success) {
     dvms.find(i => i.bolt11 === invoice).status = "paid"
     store.commit('set_recommendation_dvms', dvms)
   }
 
 }
 
-async  function store_nwc(){
+async function store_nwc() {
 
-  if (nwcalby.value.startsWith("nostr")){
+  if (nwcalby.value.startsWith("nostr")) {
 
-    current_subscription_nwc.value  = nwcalby.value
-  }
-  else if (nwcmutiny.value.startsWith("nostr") ){
+    current_subscription_nwc.value = nwcalby.value
+  } else if (nwcmutiny.value.startsWith("nostr")) {
 
-    current_subscription_nwc.value  = nwcmutiny.value
-  }
-  else{
+    current_subscription_nwc.value = nwcmutiny.value
+  } else {
 
-    current_subscription_nwc.value  = nwc.value
+    current_subscription_nwc.value = nwc.value
   }
 
 }
-async function connect_alby_nwc(dvm_name){
 
-const alby = webln.NostrWebLNProvider.withNewSecret();
-let result = await alby.client.initNWC({
-        name: dvm_name,
-      });
+async function connect_alby_nwc(dvm_name) {
 
- if (result.payload.success){
-   nwcalby.value =  alby.client.getNostrWalletConnectUrl(true);
-   await store_nwc()
- }
+  const alby = webln.NostrWebLNProvider.withNewSecret();
+  let result = await alby.client.initNWC({
+    name: dvm_name,
+  });
+
+  if (result.payload.success) {
+    nwcalby.value = alby.client.getNostrWalletConnectUrl(true);
+    await store_nwc()
+  }
 }
 
 
@@ -847,10 +807,6 @@ defineProps({
 })
 
 
-
-
-
-
 const isModalOpened = ref(false);
 const isNWCModalOpened = ref(false);
 const modalcontent = ref("");
@@ -859,7 +815,7 @@ const datetopost = ref(Date.now());
 
 const nwc = ref("");
 const nwcmutiny = ref("");
-const nwcalby= ref("");
+const nwcalby = ref("");
 const current_subscription_amount = ref(0)
 const current_subscription_cadence = ref("")
 const current_subscription_dvm = ref(null)
@@ -875,10 +831,10 @@ const closeModal = () => {
   isModalOpened.value = false;
 };
 
-function openNWCModal(zaps, amount, cadence, subscriptionId, evt, eventid, id, p){
+function openNWCModal(zaps, amount, cadence, subscriptionId, evt, eventid, id, p) {
   isNWCModalOpened.value = true;
   nwcmodalcontent.value = result
-};
+}
 const closeNWCModal = () => {
   isNWCModalOpened.value = false;
 };
@@ -887,11 +843,6 @@ const submitHandler = async () => {
 }
 
 
-
-
-
-
-
 </script>
 
 <!--  font-thin bg-gradient-to-r from-white to-nostr bg-clip-text text-transparent -->
@@ -899,323 +850,434 @@ const submitHandler = async () => {
 <template>
 
   <div class="greetings">
-   <br>
+    <br>
     <br>
     <h1 class="text-7xl font-black tracking-wide">Nostr</h1>
     <h1 class="text-7xl font-black tracking-wide">Content</h1>
     <h1 class="text-7xl font-black tracking-wide">Discovery</h1>
 
     <h2 class="text-base-200-content text-center tracking-wide text-2xl font-thin ">
-    Algorithms, but you are the one in control.</h2>
-     <br>
-     <div style="text-align: center">
-    <button v-if="store.state.recommendationdvms.length === 0" class="v-Button">Loading DVMs <span class="loading loading-infinity loading-md"></span></button>
+      Algorithms, but you are the one in control.</h2>
+    <br>
+    <div style="text-align: center">
+      <button v-if="store.state.recommendationdvms.length === 0" class="v-Button">Loading DVMs <span
+          class="loading loading-infinity loading-md"></span></button>
     </div>
   </div>
   <br>
 
-   <ModalComponent  :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal">
-        <template #header>Summarize Results <br></template>
-        <template #content>
-          <SummarizationGeneration :events="modalcontent"></SummarizationGeneration>
-        </template>
-        <template #footer>
-        </template>
-   </ModalComponent>
+  <ModalComponent :isOpen="isModalOpened" name="first-modal" @submit="submitHandler" @modal-close="closeModal">
+    <template #header>Summarize Results <br></template>
+    <template #content>
+      <SummarizationGeneration :events="modalcontent"></SummarizationGeneration>
+    </template>
+    <template #footer>
+    </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.recommendationdvms"
-            :key="dvm.id">
-          <div className="card-body">
-            <div className="playeauthor-wrapper">
-              <figure  className="w-28">
-                   <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" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
-            <div className="card-actions justify-end mt-auto"  >
-              <div className="tooltip mt-auto" style="border-width: 0" >
+      <div v-for="dvm in store.state.recommendationdvms" :key="dvm.id"
+           className="card w-70 bg-base-100 shadow-xl flex flex-col">
+        <div className="card-body">
+          <div className="playeauthor-wrapper">
+            <figure className="w-28">
+              <img v-if="dvm.image" :src="dvm.image" alt="DVM Picture" className="avatar"/>
+              <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
+            </figure>
+            <h2 className="card-title">{{ dvm.name }}</h2>
+          </div>
+          <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
+          <div className="card-actions justify-end mt-auto">
+            <div className="tooltip mt-auto" style="border-width: 0">
 
 
-                 <button v-if="dvm.status !== 'finished' && dvm.status !== 'paid' && dvm.status !== 'payment-required' && dvm.status !== 'subscription-required' && dvm.status !== 'subscription-active' && dvm.status !== 'subscription-success' && dvm.status !== 'error' && dvm.status !== 'announced'" className="btn">{{dvm.status}}</button>
-                  <button v-if="(dvm.status === 'finished'  && !dvm.nip88) || (dvm.status === 'finished' && dvm.nip88 && !dvm.nip88.hasActiveSubscription)" @click="generate_feed(dvm.id)" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
-                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              <button
+                  v-if="dvm.status !== 'finished' && dvm.status !== 'paid' && dvm.status !== 'payment-required' && dvm.status !== 'subscription-required' && dvm.status !== 'subscription-active' && dvm.status !== 'subscription-success' && dvm.status !== 'error' && dvm.status !== 'announced'"
+                  className="btn">{{ dvm.status }}
+              </button>
+              <button
+                  v-if="(dvm.status === 'finished'  && !dvm.nip88) || (dvm.status === 'finished' && dvm.nip88 && !dvm.nip88.hasActiveSubscription)"
+                  class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800"
+                  @click="generate_feed(dvm.id)">
+                  <span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Done, again?
                   </span>
-                  </button>
-                    <button v-if="dvm.status === 'finished'  && dvm.nip88 && dvm.nip88.hasActiveSubscription" @click="generate_feed(dvm.id);" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              </button>
+              <button v-if="dvm.status === 'finished'  && dvm.nip88 && dvm.nip88.hasActiveSubscription"
+                      class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      @click="generate_feed(dvm.id);">
+                  <span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Done, Again?
                   </span>
-                  </button>
+              </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 === '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_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button>
-                  <h3 v-if="dvm.status === 'subscription-required'" className="sub-Button" >Subscription required</h3>
+              <button v-if="dvm.status === 'payment-required'" className="zap-Button" @click="zap_local(dvm.bolt11);">
+                {{ dvm.amount / 1000 }} Sats
+              </button>
+              <h3 v-if="dvm.status === 'subscription-required'" className="sub-Button">Subscription required</h3>
 
 
-                  <button v-if="dvm.status === 'subscription-success'" className="sub-Button"  @click="generate_feed(dvm.id);">Subscribed. Request job</button>
+              <button v-if="dvm.status === 'subscription-success'" className="sub-Button"
+                      @click="generate_feed(dvm.id);">Subscribed. Request job
+              </button>
 
-                 <!-- <button v-if="dvm.status === 'announced'" className="request-Button" @click="generate_feed(dvm.id);">Request</button> -->
-                  <button v-if="(dvm.status === 'announced' && !dvm.nip88)" @click="generate_feed(dvm.id);" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800">
-                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              <!-- <button v-if="dvm.status === 'announced'" className="request-Button" @click="generate_feed(dvm.id);">Request</button> -->
+              <button v-if="(dvm.status === 'announced' && !dvm.nip88)" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-purple-600 to-blue-500 group-hover:from-purple-600 group-hover:to-blue-500 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800"
+                      @click="generate_feed(dvm.id);">
+                  <span
+                      class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Request
                   </span>
-                  </button>
+              </button>
 
-                  <button v-if="dvm.status === 'announced'  && dvm.nip88 && dvm.nip88.hasActiveSubscription" @click="generate_feed(dvm.id);" class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-              <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
+              <button v-if="dvm.status === 'announced'  && dvm.nip88 && dvm.nip88.hasActiveSubscription"
+                      class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      @click="generate_feed(dvm.id);">
+              <span
+                  class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">
                   Request
                   </span>
-                  </button>
+              </button>
 
-                    <button v-if="dvm.status === 'announced'  && dvm.nip88 && !dvm.nip88.hasActiveSubscription"  onclick='subscr.showModal()' class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                      <span class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">Subscription
+              <button v-if="dvm.status === 'announced'  && dvm.nip88 && !dvm.nip88.hasActiveSubscription"
+                      class="relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      onclick='subscr.showModal()'>
+                      <span
+                          class="relative px-5 py-2.5 transition-all ease-in duration-75 bg-white dark:bg-gray-900 rounded-md group-hover:bg-opacity-0">Subscription
                       </span>
-                 </button>
-
-         
+              </button>
 
 
-
-               <!--<h3 v-if="dvm.amount.toString().toLowerCase()==='free'" class="bg-nostr btn rounded-full" >{{ "Free" }}</h3> -->
+              <!--<h3 v-if="dvm.amount.toString().toLowerCase()==='free'" class="bg-nostr btn rounded-full" >{{ "Free" }}</h3> -->
 
 
             </div>
-            </div>
-            <div style="margin-left: auto; margin-right: 3px;">
-       <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr" >Free</p>
-        <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2" >Flexible</p>
+          </div>
+          <div style="margin-left: auto; margin-right: 3px;">
+            <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='free'" class="badge bg-nostr">Free</p>
+            <p v-if="!dvm.subscription && dvm.amount.toString().toLowerCase()==='flexible'" class="badge bg-nostr2">
+              Flexible</p>
 
 
-       <!-- <p v-if="dvm.nip88 && !dvm.nip88.hasActiveSubscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400"  onclick='subscr.showModal()' >Subscription</p> -->
+            <!-- <p v-if="dvm.nip88 && !dvm.nip88.hasActiveSubscription" class="badge text-white bg-gradient-to-br from-pink-500 to-orange-400"  onclick='subscr.showModal()' >Subscription</p> -->
 
-                 <div class="flex">
-                   <div class="tooltip" style="border-width: 0">
-                       <svg v-if="dvm.encryptionSupported && dvm.nip88" style="margin-left: auto; margin-right: 5px" class="w-4 h-4 text-gray-800 dark:text-white flex" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 22">
-                            <path d="M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-5 7.723v2.277h-2v-2.277c-.595-.347-1-.984-1-1.723 0-1.104.896-2 2-2s2 .896 2 2c0 .738-.404 1.376-1 1.723zm-5-7.723v-4c0-2.206 1.794-4 4-4 2.205 0 4 1.794 4 4v4h-8z"/>
-                       </svg>
-                  <span class="tooltiptext">This DVM uses encrypted communication. Only the DVM can see your request, and only you can see the results. <br> Currently not encrypted when using Amber Signer.</span>
-                </div>
-                  <button v-if="dvm.nip88 && dvm.nip88.hasActiveSubscription"  onclick='subscr.showModal()' class=" badge relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                                  <span class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
+            <div class="flex">
+              <div class="tooltip" style="border-width: 0">
+                <svg v-if="dvm.encryptionSupported && dvm.nip88" aria-hidden="true"
+                     class="w-4 h-4 text-gray-800 dark:text-white flex" fill="currentColor"
+                     style="margin-left: auto; margin-right: 5px" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                      d="M18 10v-4c0-3.313-2.687-6-6-6s-6 2.687-6 6v4h-3v14h18v-14h-3zm-5 7.723v2.277h-2v-2.277c-.595-.347-1-.984-1-1.723 0-1.104.896-2 2-2s2 .896 2 2c0 .738-.404 1.376-1 1.723zm-5-7.723v-4c0-2.206 1.794-4 4-4 2.205 0 4 1.794 4 4v4h-8z"/>
+                </svg>
+                <span class="tooltiptext">This DVM uses encrypted communication. Only the DVM can see your request, and only you can see the results. <br> Currently not encrypted when using Amber Signer.</span>
+              </div>
+              <button v-if="dvm.nip88 && dvm.nip88.hasActiveSubscription" class=" badge relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                      onclick='subscr.showModal()'>
+                                  <span
+                                      class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
                                    Subscription</span>
-                 </button>
+              </button>
 
 
-                </div>
-        </div>
-            <div>
-              <div class="playeauthor-wrapper" v-if="dvm.nip88">
+            </div>
+          </div>
+          <div>
+            <div v-if="dvm.nip88" class="playeauthor-wrapper">
 
 
-                <dialog id="nwc_modal" class="modal">
-                  <div class="modal-box rounded-2xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-base-600/60  ">
-                <h3 class="font-bold text-lg">Connect with Nostr Wallet Connect</h3>
-                <br>
+              <dialog id="nwc_modal" class="modal">
+                <div
+                    class="modal-box rounded-2xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-base-600/60  ">
+                  <h3 class="font-bold text-lg">Connect with Nostr Wallet Connect</h3>
+                  <br>
                   <div class="flex">
-                      <img class="avatar"  :src="dvm.nip88.image" alt="" />
-                    <h3 class="text-lg">{{dvm.nip88.title}}</h3>
+                    <img :src="dvm.nip88.image" alt="" class="avatar"/>
+                    <h3 class="text-lg">{{ dvm.nip88.title }}</h3>
                   </div>
-                <div>
-                   <p  class="py-4">Enter a Nostr Wallet connect to subscribe</p>
-                <div class="collapse bg-base-200">
-                <input type="radio" name="my-accordion-1" />
-                <div class="collapse-title text-xl font-medium bg-black/30 flex">
-                    <img  class="w-12 h-12 mask mask-squircle bg-zinc-700" style="width: 46px; height: 46px" src="/Alby.jpg"/>
-                   <div style="margin-left: 30px">
-                         <h3>Alby NWC</h3>
+                  <div>
+                    <p class="py-4">Enter a Nostr Wallet connect to subscribe</p>
+                    <div class="collapse bg-base-200">
+                      <input name="my-accordion-1" type="radio"/>
+                      <div class="collapse-title text-xl font-medium bg-black/30 flex">
+                        <img class="w-12 h-12 mask mask-squircle bg-zinc-700" src="/Alby.jpg"
+                             style="width: 46px; height: 46px"/>
+                        <div style="margin-left: 30px">
+                          <h3>Alby NWC</h3>
 
-                         <h3 class="text-sm text-neutral">Connect with your Alby Wallet</h3>
-                       </div>
+                          <h3 class="text-sm text-neutral">Connect with your Alby Wallet</h3>
+                        </div>
 
-                </div>
-                  <div class="collapse-content">
-                          <button v-if="!nwcalby.startsWith('nostr')" style="margin-top: 20px;" @click="connect_alby_nwc(dvm.nip88.title)">
-                          <svg width="211" height="40" viewBox="0 0 211 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-                          <rect x="0.5" width="210" height="40" rx="6" fill="url(#paint0_linear_1_148)"/>
-                          <circle cx="1.575" cy="1.575" r="1.575" transform="matrix(-1 0 0 1 22.1176 13.8575)" fill="black"/>
-                          <path d="M20.28 15.1963L23.22 18.1363" stroke="black" stroke-width="0.7875"/>
-                          <circle cx="33.405" cy="15.4325" r="1.575" fill="black"/>
-                          <path d="M33.6938 15.1963L30.7538 18.1363" stroke="black" stroke-width="0.7875"/>
-                          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9896 24.831C20.1407 24.4269 19.6467 23.5194 19.8122 22.5939C20.5225 18.6217 23.4825 15.6425 27.0263 15.6425C30.5786 15.6425 33.5444 18.6362 34.2455 22.6228C34.4085 23.5499 33.9105 24.457 33.0587 24.8578C31.2361 25.7155 29.2003 26.195 27.0525 26.195C24.8824 26.195 22.8267 25.7055 20.9896 24.831Z" fill="#FFDF6F"/>
-                          <path d="M34.2455 22.6228L33.8577 22.691L34.2455 22.6228ZM33.0587 24.8578L32.8911 24.5016L33.0587 24.8578ZM20.9896 24.831L21.1588 24.4754L20.9896 24.831ZM20.1998 22.6632C20.8861 18.825 23.7231 16.0362 27.0263 16.0362V15.2487C23.242 15.2487 20.1588 18.4184 19.4246 22.5246L20.1998 22.6632ZM27.0263 16.0362C30.3374 16.0362 33.1802 18.8386 33.8577 22.691L34.6333 22.5546C33.9086 18.4337 30.8198 15.2487 27.0263 15.2487V16.0362ZM32.8911 24.5016C31.1198 25.3351 29.1411 25.8012 27.0525 25.8012V26.5887C29.2595 26.5887 31.3524 26.096 33.2264 25.2141L32.8911 24.5016ZM27.0525 25.8012C24.9422 25.8012 22.9442 25.3254 21.1588 24.4754L20.8203 25.1865C22.7092 26.0857 24.8226 26.5887 27.0525 26.5887V25.8012ZM33.8577 22.691C33.9884 23.4343 33.5904 24.1725 32.8911 24.5016L33.2264 25.2141C34.2306 24.7415 34.8287 23.6655 34.6333 22.5546L33.8577 22.691ZM19.4246 22.5246C19.2263 23.6336 19.8196 24.7101 20.8203 25.1865L21.1588 24.4754C20.4618 24.1436 20.0671 23.4052 20.1998 22.6632L19.4246 22.5246Z" fill="black"/>
-                          <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5042 23.8434C21.8209 23.5652 21.4155 22.8381 21.6523 22.1394C22.3825 19.9844 24.5124 18.425 27.0263 18.425C29.5401 18.425 31.67 19.9844 32.4002 22.1394C32.637 22.8381 32.2317 23.5652 31.5484 23.8434C30.1528 24.4118 28.6261 24.725 27.0263 24.725C25.4264 24.725 23.8997 24.4118 22.5042 23.8434Z" fill="black"/>
-                          <ellipse cx="28.8375" cy="21.785" rx="1.3125" ry="1.05" fill="white"/>
-                          <ellipse cx="25.0802" cy="21.7856" rx="1.3125" ry="1.05" fill="white"/>
-                          <path d="M55.5064 18.1477C55.1712 18.1477 54.9893 17.983 54.87 17.6648C54.4325 16.4659 53.3018 15.8068 51.9893 15.8068C49.9837 15.8068 48.4837 17.358 48.4837 20.1818C48.4837 23.0284 49.9893 24.5568 51.9837 24.5568C53.2905 24.5568 54.4155 23.9148 54.87 22.733C54.9893 22.4091 55.1712 22.25 55.5064 22.25H56.1371C56.5348 22.25 56.7507 22.4943 56.6314 22.8807C56.0405 24.8409 54.2905 26.1591 51.9723 26.1591C48.9496 26.1591 46.7393 23.9034 46.7393 20.1818C46.7393 16.4602 48.9609 14.2045 51.9723 14.2045C54.2166 14.2045 56.0348 15.4148 56.6371 17.517C56.7507 17.9091 56.5348 18.1477 56.1371 18.1477H55.5064ZM62.4197 26.1761C59.9595 26.1761 58.3516 24.375 58.3516 21.6761C58.3516 18.9602 59.9595 17.1591 62.4197 17.1591C64.88 17.1591 66.4879 18.9602 66.4879 21.6761C66.4879 24.375 64.88 26.1761 62.4197 26.1761ZM60.0675 21.6705C60.0675 23.3466 60.8175 24.75 62.4254 24.75C64.022 24.75 64.772 23.3466 64.772 21.6705C64.772 20 64.022 18.5795 62.4254 18.5795C60.8175 18.5795 60.0675 20 60.0675 21.6705ZM70.0831 25.4318C70.0831 25.8011 69.8842 26 69.5149 26H68.9524C68.5831 26 68.3842 25.8011 68.3842 25.4318V17.8409C68.3842 17.4716 68.5831 17.2727 68.9524 17.2727H69.4467C69.8161 17.2727 70.0149 17.4716 70.0149 17.8409V18.6932H70.1229C70.5263 17.767 71.3842 17.1591 72.6967 17.1591C74.4808 17.1591 75.6683 18.2898 75.6683 20.4489V25.4318C75.6683 25.8011 75.4695 26 75.1001 26H74.5376C74.1683 26 73.9695 25.8011 73.9695 25.4318V20.6534C73.9695 19.3864 73.2706 18.6307 72.1172 18.6307C70.9354 18.6307 70.0831 19.4261 70.0831 20.8182V25.4318ZM79.6456 25.4318C79.6456 25.8011 79.4467 26 79.0774 26H78.5149C78.1456 26 77.9467 25.8011 77.9467 25.4318V17.8409C77.9467 17.4716 78.1456 17.2727 78.5149 17.2727H79.0092C79.3786 17.2727 79.5774 17.4716 79.5774 17.8409V18.6932H79.6854C80.0888 17.767 80.9467 17.1591 82.2592 17.1591C84.0433 17.1591 85.2308 18.2898 85.2308 20.4489V25.4318C85.2308 25.8011 85.032 26 84.6626 26H84.1001C83.7308 26 83.532 25.8011 83.532 25.4318V20.6534C83.532 19.3864 82.8331 18.6307 81.6797 18.6307C80.4979 18.6307 79.6456 19.4261 79.6456 20.8182V25.4318ZM91.2706 26.1761C88.6967 26.1761 87.1172 24.4034 87.1172 21.6932C87.1172 19.0114 88.7195 17.1591 91.1513 17.1591C93.1286 17.1591 95.0149 18.392 95.0149 21.5455V21.5795C95.0149 21.9489 94.8161 22.1477 94.4467 22.1477H88.8104C88.8558 23.8295 89.8331 24.7727 91.2876 24.7727C92.0661 24.7727 92.6967 24.5 93.0717 23.9659C93.2649 23.6818 93.4581 23.5511 93.7876 23.6136L94.2876 23.7045C94.674 23.7784 94.8672 24 94.7365 24.2898C94.2024 25.4432 92.9524 26.1761 91.2706 26.1761ZM88.8161 20.875H93.3501C93.3445 19.5398 92.4808 18.5625 91.1626 18.5625C89.782 18.5625 88.8842 19.6364 88.8161 20.875ZM100.576 26.1761C98.0419 26.1761 96.5078 24.3068 96.5078 21.6761C96.5078 19.0114 98.0987 17.1591 100.559 17.1591C102.298 17.1591 103.621 18.0625 104.042 19.4716C104.15 19.8523 103.923 20.0909 103.531 20.0909H102.996C102.667 20.0909 102.491 19.9375 102.349 19.6307C102.053 19.0341 101.457 18.5909 100.587 18.5909C99.1669 18.5909 98.2237 19.767 98.2237 21.6364C98.2237 23.5398 99.1499 24.7386 100.587 24.7386C101.388 24.7386 102.025 24.3636 102.349 23.6989C102.491 23.3977 102.667 23.2386 102.996 23.2386H103.531C103.923 23.2386 104.15 23.4375 104.059 23.767C103.678 25.1875 102.417 26.1761 100.576 26.1761ZM110.052 18.0682C110.052 18.4375 109.853 18.6364 109.484 18.6364H108.262V23.4375C108.262 24.4205 108.756 24.6023 109.308 24.6023H109.364C109.722 24.5909 109.944 24.7102 110.018 25.0625L110.092 25.3864C110.171 25.7386 110.035 26.0114 109.671 26.0682C109.512 26.0909 109.325 26.1136 109.109 26.1136C107.768 26.142 106.558 25.375 106.563 23.7898V18.6364H105.853C105.484 18.6364 105.285 18.4375 105.285 18.0682V17.8409C105.285 17.4716 105.484 17.2727 105.853 17.2727H106.563V15.75C106.563 15.3807 106.762 15.1818 107.131 15.1818H107.694C108.063 15.1818 108.262 15.3807 108.262 15.75V17.2727H109.484C109.853 17.2727 110.052 17.4716 110.052 17.8409V18.0682ZM115.677 17.9148C115.563 17.5227 115.745 17.2727 116.154 17.2727H116.745C117.08 17.2727 117.29 17.4318 117.376 17.7557L118.955 23.6818H119.04L120.626 17.7557C120.711 17.4261 120.921 17.2727 121.256 17.2727H122.012C122.347 17.2727 122.558 17.4318 122.643 17.7557L124.217 23.6534H124.302L125.87 17.7557C125.955 17.4318 126.165 17.2727 126.501 17.2727H127.092C127.501 17.2727 127.683 17.517 127.569 17.9148L125.336 25.5227C125.239 25.8409 125.035 26 124.7 26H123.961C123.626 26 123.415 25.8466 123.325 25.517L121.688 19.6989H121.558L119.921 25.517C119.83 25.8466 119.62 26 119.285 26H118.552C118.217 26 118.012 25.8409 117.915 25.5227L115.677 17.9148ZM130.227 15.9261C129.636 15.9261 129.153 15.4716 129.153 14.9148C129.153 14.358 129.636 13.8977 130.227 13.8977C130.812 13.8977 131.3 14.358 131.3 14.9148C131.3 15.4716 130.812 15.9261 130.227 15.9261ZM129.369 25.4318V17.8409C129.369 17.4716 129.567 17.2727 129.937 17.2727H130.499C130.869 17.2727 131.067 17.4716 131.067 17.8409V25.4318C131.067 25.8011 130.869 26 130.499 26H129.937C129.567 26 129.369 25.8011 129.369 25.4318ZM137.427 18.0682C137.427 18.4375 137.228 18.6364 136.859 18.6364H135.637V23.4375C135.637 24.4205 136.131 24.6023 136.683 24.6023H136.739C137.097 24.5909 137.319 24.7102 137.393 25.0625L137.467 25.3864C137.546 25.7386 137.41 26.0114 137.046 26.0682C136.887 26.0909 136.7 26.1136 136.484 26.1136C135.143 26.142 133.933 25.375 133.938 23.7898V18.6364H133.228C132.859 18.6364 132.66 18.4375 132.66 18.0682V17.8409C132.66 17.4716 132.859 17.2727 133.228 17.2727H133.938V15.75C133.938 15.3807 134.137 15.1818 134.506 15.1818H135.069C135.438 15.1818 135.637 15.3807 135.637 15.75V17.2727H136.859C137.228 17.2727 137.427 17.4716 137.427 17.8409V18.0682ZM141.192 25.4318C141.192 25.8011 140.994 26 140.624 26H140.062C139.692 26 139.494 25.8011 139.494 25.4318V14.9318C139.494 14.5625 139.692 14.3636 140.062 14.3636H140.602C140.971 14.3636 141.17 14.5625 141.17 14.9318V18.6932H141.278C141.687 17.75 142.505 17.1591 143.863 17.1591C145.658 17.1591 146.852 18.2727 146.852 20.4489V25.4318C146.852 25.8011 146.653 26 146.283 26H145.721C145.352 26 145.153 25.8011 145.153 25.4318V20.6534C145.153 19.375 144.454 18.6307 143.283 18.6307C142.073 18.6307 141.192 19.4261 141.192 20.8182V25.4318ZM153.302 26C152.881 26 152.7 25.7386 152.842 25.3466L156.631 14.8182C156.745 14.5114 156.95 14.3636 157.279 14.3636H158.342C158.671 14.3636 158.876 14.5114 158.989 14.8182L162.779 25.3466C162.921 25.7386 162.739 26 162.319 26H161.637C161.308 26 161.097 25.858 160.989 25.5398L160.086 22.9205H155.54L154.631 25.5398C154.523 25.8523 154.313 26 153.984 26H153.302ZM156.052 21.4432H159.575L157.859 16.4773H157.768L156.052 21.4432ZM166.255 25.4318C166.255 25.8011 166.056 26 165.687 26H165.124C164.755 26 164.556 25.8011 164.556 25.4318V14.9318C164.556 14.5625 164.755 14.3636 165.124 14.3636H165.687C166.056 14.3636 166.255 14.5625 166.255 14.9318V25.4318ZM168.677 14.9318C168.677 14.5625 168.876 14.3636 169.245 14.3636H169.808C170.177 14.3636 170.376 14.5625 170.376 14.9318V18.6875H170.478C170.779 18.1477 171.364 17.1591 172.984 17.1591C175.092 17.1591 176.648 18.8239 176.648 21.6534C176.648 24.4773 175.114 26.1705 173.001 26.1705C171.41 26.1705 170.785 25.1989 170.478 24.642H170.336V25.4318C170.336 25.8011 170.137 26 169.768 26H169.245C168.876 26 168.677 25.8011 168.677 25.4318V14.9318ZM170.342 21.6364C170.342 23.4716 171.16 24.7216 172.62 24.7216C174.137 24.7216 174.933 23.3864 174.933 21.6364C174.933 19.9034 174.16 18.6023 172.62 18.6023C171.137 18.6023 170.342 19.8125 170.342 21.6364ZM179.317 29.2727C179.096 29.2727 178.891 29.2557 178.71 29.2273C178.346 29.1705 178.215 28.892 178.317 28.5341L178.414 28.2102C178.516 27.8636 178.744 27.7614 179.102 27.8011C179.744 27.8636 180.198 27.6136 180.539 26.6932L180.749 26.1136L177.789 17.9261C177.647 17.5341 177.829 17.2727 178.249 17.2727H178.886C179.215 17.2727 179.425 17.4261 179.528 17.7386L181.585 24.0455H181.675L183.732 17.7386C183.835 17.4261 184.045 17.2727 184.374 17.2727H185.016C185.437 17.2727 185.613 17.5341 185.471 17.9261L182.113 27.1648C181.607 28.5398 180.721 29.2727 179.317 29.2727Z" fill="black"/>
-                          <defs>
-                          <linearGradient id="paint0_linear_1_148" x1="105.5" y1="0" x2="105.5" y2="38.0952" gradientUnits="userSpaceOnUse">
-                          <stop offset="0.669102" stop-color="#FFDE6E"/>
-                          <stop offset="1" stop-color="#F8C455"/>
-                          </linearGradient>
-                          </defs>
+                      </div>
+                      <div class="collapse-content">
+                        <button v-if="!nwcalby.startsWith('nostr')" style="margin-top: 20px;"
+                                @click="connect_alby_nwc(dvm.nip88.title)">
+                          <svg fill="none" height="40" viewBox="0 0 211 40" width="211"
+                               xmlns="http://www.w3.org/2000/svg">
+                            <rect fill="url(#paint0_linear_1_148)" height="40" rx="6" width="210" x="0.5"/>
+                            <circle cx="1.575" cy="1.575" fill="black" r="1.575"
+                                    transform="matrix(-1 0 0 1 22.1176 13.8575)"/>
+                            <path d="M20.28 15.1963L23.22 18.1363" stroke="black" stroke-width="0.7875"/>
+                            <circle cx="33.405" cy="15.4325" fill="black" r="1.575"/>
+                            <path d="M33.6938 15.1963L30.7538 18.1363" stroke="black" stroke-width="0.7875"/>
+                            <path clip-rule="evenodd" d="M20.9896 24.831C20.1407 24.4269 19.6467 23.5194 19.8122 22.5939C20.5225 18.6217 23.4825 15.6425 27.0263 15.6425C30.5786 15.6425 33.5444 18.6362 34.2455 22.6228C34.4085 23.5499 33.9105 24.457 33.0587 24.8578C31.2361 25.7155 29.2003 26.195 27.0525 26.195C24.8824 26.195 22.8267 25.7055 20.9896 24.831Z"
+                                  fill="#FFDF6F"
+                                  fill-rule="evenodd"/>
+                            <path
+                                d="M34.2455 22.6228L33.8577 22.691L34.2455 22.6228ZM33.0587 24.8578L32.8911 24.5016L33.0587 24.8578ZM20.9896 24.831L21.1588 24.4754L20.9896 24.831ZM20.1998 22.6632C20.8861 18.825 23.7231 16.0362 27.0263 16.0362V15.2487C23.242 15.2487 20.1588 18.4184 19.4246 22.5246L20.1998 22.6632ZM27.0263 16.0362C30.3374 16.0362 33.1802 18.8386 33.8577 22.691L34.6333 22.5546C33.9086 18.4337 30.8198 15.2487 27.0263 15.2487V16.0362ZM32.8911 24.5016C31.1198 25.3351 29.1411 25.8012 27.0525 25.8012V26.5887C29.2595 26.5887 31.3524 26.096 33.2264 25.2141L32.8911 24.5016ZM27.0525 25.8012C24.9422 25.8012 22.9442 25.3254 21.1588 24.4754L20.8203 25.1865C22.7092 26.0857 24.8226 26.5887 27.0525 26.5887V25.8012ZM33.8577 22.691C33.9884 23.4343 33.5904 24.1725 32.8911 24.5016L33.2264 25.2141C34.2306 24.7415 34.8287 23.6655 34.6333 22.5546L33.8577 22.691ZM19.4246 22.5246C19.2263 23.6336 19.8196 24.7101 20.8203 25.1865L21.1588 24.4754C20.4618 24.1436 20.0671 23.4052 20.1998 22.6632L19.4246 22.5246Z"
+                                fill="black"/>
+                            <path clip-rule="evenodd" d="M22.5042 23.8434C21.8209 23.5652 21.4155 22.8381 21.6523 22.1394C22.3825 19.9844 24.5124 18.425 27.0263 18.425C29.5401 18.425 31.67 19.9844 32.4002 22.1394C32.637 22.8381 32.2317 23.5652 31.5484 23.8434C30.1528 24.4118 28.6261 24.725 27.0263 24.725C25.4264 24.725 23.8997 24.4118 22.5042 23.8434Z"
+                                  fill="black"
+                                  fill-rule="evenodd"/>
+                            <ellipse cx="28.8375" cy="21.785" fill="white" rx="1.3125" ry="1.05"/>
+                            <ellipse cx="25.0802" cy="21.7856" fill="white" rx="1.3125" ry="1.05"/>
+                            <path
+                                d="M55.5064 18.1477C55.1712 18.1477 54.9893 17.983 54.87 17.6648C54.4325 16.4659 53.3018 15.8068 51.9893 15.8068C49.9837 15.8068 48.4837 17.358 48.4837 20.1818C48.4837 23.0284 49.9893 24.5568 51.9837 24.5568C53.2905 24.5568 54.4155 23.9148 54.87 22.733C54.9893 22.4091 55.1712 22.25 55.5064 22.25H56.1371C56.5348 22.25 56.7507 22.4943 56.6314 22.8807C56.0405 24.8409 54.2905 26.1591 51.9723 26.1591C48.9496 26.1591 46.7393 23.9034 46.7393 20.1818C46.7393 16.4602 48.9609 14.2045 51.9723 14.2045C54.2166 14.2045 56.0348 15.4148 56.6371 17.517C56.7507 17.9091 56.5348 18.1477 56.1371 18.1477H55.5064ZM62.4197 26.1761C59.9595 26.1761 58.3516 24.375 58.3516 21.6761C58.3516 18.9602 59.9595 17.1591 62.4197 17.1591C64.88 17.1591 66.4879 18.9602 66.4879 21.6761C66.4879 24.375 64.88 26.1761 62.4197 26.1761ZM60.0675 21.6705C60.0675 23.3466 60.8175 24.75 62.4254 24.75C64.022 24.75 64.772 23.3466 64.772 21.6705C64.772 20 64.022 18.5795 62.4254 18.5795C60.8175 18.5795 60.0675 20 60.0675 21.6705ZM70.0831 25.4318C70.0831 25.8011 69.8842 26 69.5149 26H68.9524C68.5831 26 68.3842 25.8011 68.3842 25.4318V17.8409C68.3842 17.4716 68.5831 17.2727 68.9524 17.2727H69.4467C69.8161 17.2727 70.0149 17.4716 70.0149 17.8409V18.6932H70.1229C70.5263 17.767 71.3842 17.1591 72.6967 17.1591C74.4808 17.1591 75.6683 18.2898 75.6683 20.4489V25.4318C75.6683 25.8011 75.4695 26 75.1001 26H74.5376C74.1683 26 73.9695 25.8011 73.9695 25.4318V20.6534C73.9695 19.3864 73.2706 18.6307 72.1172 18.6307C70.9354 18.6307 70.0831 19.4261 70.0831 20.8182V25.4318ZM79.6456 25.4318C79.6456 25.8011 79.4467 26 79.0774 26H78.5149C78.1456 26 77.9467 25.8011 77.9467 25.4318V17.8409C77.9467 17.4716 78.1456 17.2727 78.5149 17.2727H79.0092C79.3786 17.2727 79.5774 17.4716 79.5774 17.8409V18.6932H79.6854C80.0888 17.767 80.9467 17.1591 82.2592 17.1591C84.0433 17.1591 85.2308 18.2898 85.2308 20.4489V25.4318C85.2308 25.8011 85.032 26 84.6626 26H84.1001C83.7308 26 83.532 25.8011 83.532 25.4318V20.6534C83.532 19.3864 82.8331 18.6307 81.6797 18.6307C80.4979 18.6307 79.6456 19.4261 79.6456 20.8182V25.4318ZM91.2706 26.1761C88.6967 26.1761 87.1172 24.4034 87.1172 21.6932C87.1172 19.0114 88.7195 17.1591 91.1513 17.1591C93.1286 17.1591 95.0149 18.392 95.0149 21.5455V21.5795C95.0149 21.9489 94.8161 22.1477 94.4467 22.1477H88.8104C88.8558 23.8295 89.8331 24.7727 91.2876 24.7727C92.0661 24.7727 92.6967 24.5 93.0717 23.9659C93.2649 23.6818 93.4581 23.5511 93.7876 23.6136L94.2876 23.7045C94.674 23.7784 94.8672 24 94.7365 24.2898C94.2024 25.4432 92.9524 26.1761 91.2706 26.1761ZM88.8161 20.875H93.3501C93.3445 19.5398 92.4808 18.5625 91.1626 18.5625C89.782 18.5625 88.8842 19.6364 88.8161 20.875ZM100.576 26.1761C98.0419 26.1761 96.5078 24.3068 96.5078 21.6761C96.5078 19.0114 98.0987 17.1591 100.559 17.1591C102.298 17.1591 103.621 18.0625 104.042 19.4716C104.15 19.8523 103.923 20.0909 103.531 20.0909H102.996C102.667 20.0909 102.491 19.9375 102.349 19.6307C102.053 19.0341 101.457 18.5909 100.587 18.5909C99.1669 18.5909 98.2237 19.767 98.2237 21.6364C98.2237 23.5398 99.1499 24.7386 100.587 24.7386C101.388 24.7386 102.025 24.3636 102.349 23.6989C102.491 23.3977 102.667 23.2386 102.996 23.2386H103.531C103.923 23.2386 104.15 23.4375 104.059 23.767C103.678 25.1875 102.417 26.1761 100.576 26.1761ZM110.052 18.0682C110.052 18.4375 109.853 18.6364 109.484 18.6364H108.262V23.4375C108.262 24.4205 108.756 24.6023 109.308 24.6023H109.364C109.722 24.5909 109.944 24.7102 110.018 25.0625L110.092 25.3864C110.171 25.7386 110.035 26.0114 109.671 26.0682C109.512 26.0909 109.325 26.1136 109.109 26.1136C107.768 26.142 106.558 25.375 106.563 23.7898V18.6364H105.853C105.484 18.6364 105.285 18.4375 105.285 18.0682V17.8409C105.285 17.4716 105.484 17.2727 105.853 17.2727H106.563V15.75C106.563 15.3807 106.762 15.1818 107.131 15.1818H107.694C108.063 15.1818 108.262 15.3807 108.262 15.75V17.2727H109.484C109.853 17.2727 110.052 17.4716 110.052 17.8409V18.0682ZM115.677 17.9148C115.563 17.5227 115.745 17.2727 116.154 17.2727H116.745C117.08 17.2727 117.29 17.4318 117.376 17.7557L118.955 23.6818H119.04L120.626 17.7557C120.711 17.4261 120.921 17.2727 121.256 17.2727H122.012C122.347 17.2727 122.558 17.4318 122.643 17.7557L124.217 23.6534H124.302L125.87 17.7557C125.955 17.4318 126.165 17.2727 126.501 17.2727H127.092C127.501 17.2727 127.683 17.517 127.569 17.9148L125.336 25.5227C125.239 25.8409 125.035 26 124.7 26H123.961C123.626 26 123.415 25.8466 123.325 25.517L121.688 19.6989H121.558L119.921 25.517C119.83 25.8466 119.62 26 119.285 26H118.552C118.217 26 118.012 25.8409 117.915 25.5227L115.677 17.9148ZM130.227 15.9261C129.636 15.9261 129.153 15.4716 129.153 14.9148C129.153 14.358 129.636 13.8977 130.227 13.8977C130.812 13.8977 131.3 14.358 131.3 14.9148C131.3 15.4716 130.812 15.9261 130.227 15.9261ZM129.369 25.4318V17.8409C129.369 17.4716 129.567 17.2727 129.937 17.2727H130.499C130.869 17.2727 131.067 17.4716 131.067 17.8409V25.4318C131.067 25.8011 130.869 26 130.499 26H129.937C129.567 26 129.369 25.8011 129.369 25.4318ZM137.427 18.0682C137.427 18.4375 137.228 18.6364 136.859 18.6364H135.637V23.4375C135.637 24.4205 136.131 24.6023 136.683 24.6023H136.739C137.097 24.5909 137.319 24.7102 137.393 25.0625L137.467 25.3864C137.546 25.7386 137.41 26.0114 137.046 26.0682C136.887 26.0909 136.7 26.1136 136.484 26.1136C135.143 26.142 133.933 25.375 133.938 23.7898V18.6364H133.228C132.859 18.6364 132.66 18.4375 132.66 18.0682V17.8409C132.66 17.4716 132.859 17.2727 133.228 17.2727H133.938V15.75C133.938 15.3807 134.137 15.1818 134.506 15.1818H135.069C135.438 15.1818 135.637 15.3807 135.637 15.75V17.2727H136.859C137.228 17.2727 137.427 17.4716 137.427 17.8409V18.0682ZM141.192 25.4318C141.192 25.8011 140.994 26 140.624 26H140.062C139.692 26 139.494 25.8011 139.494 25.4318V14.9318C139.494 14.5625 139.692 14.3636 140.062 14.3636H140.602C140.971 14.3636 141.17 14.5625 141.17 14.9318V18.6932H141.278C141.687 17.75 142.505 17.1591 143.863 17.1591C145.658 17.1591 146.852 18.2727 146.852 20.4489V25.4318C146.852 25.8011 146.653 26 146.283 26H145.721C145.352 26 145.153 25.8011 145.153 25.4318V20.6534C145.153 19.375 144.454 18.6307 143.283 18.6307C142.073 18.6307 141.192 19.4261 141.192 20.8182V25.4318ZM153.302 26C152.881 26 152.7 25.7386 152.842 25.3466L156.631 14.8182C156.745 14.5114 156.95 14.3636 157.279 14.3636H158.342C158.671 14.3636 158.876 14.5114 158.989 14.8182L162.779 25.3466C162.921 25.7386 162.739 26 162.319 26H161.637C161.308 26 161.097 25.858 160.989 25.5398L160.086 22.9205H155.54L154.631 25.5398C154.523 25.8523 154.313 26 153.984 26H153.302ZM156.052 21.4432H159.575L157.859 16.4773H157.768L156.052 21.4432ZM166.255 25.4318C166.255 25.8011 166.056 26 165.687 26H165.124C164.755 26 164.556 25.8011 164.556 25.4318V14.9318C164.556 14.5625 164.755 14.3636 165.124 14.3636H165.687C166.056 14.3636 166.255 14.5625 166.255 14.9318V25.4318ZM168.677 14.9318C168.677 14.5625 168.876 14.3636 169.245 14.3636H169.808C170.177 14.3636 170.376 14.5625 170.376 14.9318V18.6875H170.478C170.779 18.1477 171.364 17.1591 172.984 17.1591C175.092 17.1591 176.648 18.8239 176.648 21.6534C176.648 24.4773 175.114 26.1705 173.001 26.1705C171.41 26.1705 170.785 25.1989 170.478 24.642H170.336V25.4318C170.336 25.8011 170.137 26 169.768 26H169.245C168.876 26 168.677 25.8011 168.677 25.4318V14.9318ZM170.342 21.6364C170.342 23.4716 171.16 24.7216 172.62 24.7216C174.137 24.7216 174.933 23.3864 174.933 21.6364C174.933 19.9034 174.16 18.6023 172.62 18.6023C171.137 18.6023 170.342 19.8125 170.342 21.6364ZM179.317 29.2727C179.096 29.2727 178.891 29.2557 178.71 29.2273C178.346 29.1705 178.215 28.892 178.317 28.5341L178.414 28.2102C178.516 27.8636 178.744 27.7614 179.102 27.8011C179.744 27.8636 180.198 27.6136 180.539 26.6932L180.749 26.1136L177.789 17.9261C177.647 17.5341 177.829 17.2727 178.249 17.2727H178.886C179.215 17.2727 179.425 17.4261 179.528 17.7386L181.585 24.0455H181.675L183.732 17.7386C183.835 17.4261 184.045 17.2727 184.374 17.2727H185.016C185.437 17.2727 185.613 17.5341 185.471 17.9261L182.113 27.1648C181.607 28.5398 180.721 29.2727 179.317 29.2727Z"
+                                fill="black"/>
+                            <defs>
+                              <linearGradient id="paint0_linear_1_148" gradientUnits="userSpaceOnUse" x1="105.5" x2="105.5" y1="0"
+                                              y2="38.0952">
+                                <stop offset="0.669102" stop-color="#FFDE6E"/>
+                                <stop offset="1" stop-color="#F8C455"/>
+                              </linearGradient>
+                            </defs>
                           </svg>
 
-                          </button>
-                         <p style="margin-top: 20px;"  v-if="nwcalby.startsWith('nostr')">Connected to Alby Wallet.</p>
-                          </div>
-                </div>
-                <div class="collapse bg-base-200">
-                  <input type="radio" name="my-accordion-1" />
-                  <div class="collapse-title text-xl font-medium bg-black/30  flex">
-                         <img class="w-12 h-12 mask mask-squircle bg-zinc-700" style="width: 46px; height: 46px" src="/Mutiny.png"/>
-                    <div style="margin-left: 30px">
-                            <h3> Mutiny Wallet</h3>
-                           <h3 class="text-sm text-neutral">Connect with your Mutiny Wallet</h3>
-                         </div>
-                  </div>
+                        </button>
+                        <p v-if="nwcalby.startsWith('nostr')" style="margin-top: 20px;">Connected to Alby Wallet.</p>
+                      </div>
+                    </div>
+                    <div class="collapse bg-base-200">
+                      <input name="my-accordion-1" type="radio"/>
+                      <div class="collapse-title text-xl font-medium bg-black/30  flex">
+                        <img class="w-12 h-12 mask mask-squircle bg-zinc-700" src="/Mutiny.png"
+                             style="width: 46px; height: 46px"/>
+                        <div style="margin-left: 30px">
+                          <h3> Mutiny Wallet</h3>
+                          <h3 class="text-sm text-neutral">Connect with your Mutiny Wallet</h3>
+                        </div>
+                      </div>
 
-                  <div class="collapse-content">
-                     <p>Add a new Wallet Connection from:</p>
-                    <ul class="steps steps-vertical">
-                  <li class="step">Settings</li>
-                  <li class="step">Wallet Connections</li>
-                  <li class="step">Add Connection</li><li class="step">copy the connection string.</li>
-                </ul>
-                  <textarea class="nwc-Input" style="width: auto; margin-left: 10px; margin-top: 10px" name="Text1" type="password"   placeholder="nostr+walletconnect://..." cols="40" rows="5"  v-model="nwcmutiny"></textarea>
-                  </div>
-                </div>
-                <div class="collapse bg-base-200">
-                <input type="radio" name="my-accordion-1" />
-                <div class="collapse-title text-xl font-medium transparent bg-black/30 flex">
-                  <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-12 h-12 mask mask-squircle"><g clip-path="url(#clip0_1138_8450)"><rect width="56" height="56" rx="16" fill="black"></rect><rect width="56" height="56" fill="url(#paint0_radial_1138_8450)"></rect><rect width="56" height="56" fill="black" fill-opacity="0.9"></rect><path d="M42.7656 23.2125C42.7656 33.8416 32.4114 42.9297 28 42.9297C23.5886 42.9297 13.2344 33.8416 13.2344 23.2125C13.2344 15.0741 19.8452 8.47656 28 8.47656C36.1548 8.47656 42.7656 15.0741 42.7656 23.2125Z" fill="url(#paint1_radial_1138_8450)"></path><path d="M25.5108 47.4784L27.7337 46.747C27.9067 46.6901 28.0933 46.6901 28.2663 46.747L30.4892 47.4784C31.2399 47.7255 31.8928 46.9058 31.4827 46.231L28.7272 41.6978C28.396 41.1528 27.604 41.1528 27.2728 41.6978L24.5173 46.231C24.1072 46.9058 24.7601 47.7255 25.5108 47.4784Z" fill="url(#paint2_radial_1138_8450)"></path><circle cx="28" cy="23.2422" r="5.79688" fill="black" fill-opacity="0.66"></circle></g><defs><radialGradient id="paint0_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(56 56) rotate(-135) scale(79.196 118.441)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><radialGradient id="paint1_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><radialGradient id="paint2_radial_1138_8450" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"><stop stop-color="#6951FA"></stop><stop offset="1" stop-color="#9151FA"></stop></radialGradient><clipPath id="clip0_1138_8450"><rect width="56" height="56" rx="16" fill="white"></rect></clipPath></defs></svg>
-                       <div style="margin-left: 30px">
-                         <h3>Nostr Wallet Connect</h3>
-                         <h3 class="text-sm text-neutral">Manually connect with NWC string</h3>
-                       </div>
+                      <div class="collapse-content">
+                        <p>Add a new Wallet Connection from:</p>
+                        <ul class="steps steps-vertical">
+                          <li class="step">Settings</li>
+                          <li class="step">Wallet Connections</li>
+                          <li class="step">Add Connection</li>
+                          <li class="step">copy the connection string.</li>
+                        </ul>
+                        <textarea v-model="nwcmutiny" class="nwc-Input"
+                                  cols="40" name="Text1" placeholder="nostr+walletconnect://..." rows="5"
+                                  style="width: auto; margin-left: 10px; margin-top: 10px" type="password"></textarea>
+                      </div>
+                    </div>
+                    <div class="collapse bg-base-200">
+                      <input name="my-accordion-1" type="radio"/>
+                      <div class="collapse-title text-xl font-medium transparent bg-black/30 flex">
+                        <svg class="w-12 h-12 mask mask-squircle" fill="none" height="56" viewBox="0 0 56 56" width="56"
+                             xmlns="http://www.w3.org/2000/svg">
+                          <g clip-path="url(#clip0_1138_8450)">
+                            <rect fill="black" height="56" rx="16" width="56"></rect>
+                            <rect fill="url(#paint0_radial_1138_8450)" height="56" width="56"></rect>
+                            <rect fill="black" fill-opacity="0.9" height="56" width="56"></rect>
+                            <path
+                                d="M42.7656 23.2125C42.7656 33.8416 32.4114 42.9297 28 42.9297C23.5886 42.9297 13.2344 33.8416 13.2344 23.2125C13.2344 15.0741 19.8452 8.47656 28 8.47656C36.1548 8.47656 42.7656 15.0741 42.7656 23.2125Z"
+                                fill="url(#paint1_radial_1138_8450)"></path>
+                            <path
+                                d="M25.5108 47.4784L27.7337 46.747C27.9067 46.6901 28.0933 46.6901 28.2663 46.747L30.4892 47.4784C31.2399 47.7255 31.8928 46.9058 31.4827 46.231L28.7272 41.6978C28.396 41.1528 27.604 41.1528 27.2728 41.6978L24.5173 46.231C24.1072 46.9058 24.7601 47.7255 25.5108 47.4784Z"
+                                fill="url(#paint2_radial_1138_8450)"></path>
+                            <circle cx="28" cy="23.2422" fill="black" fill-opacity="0.66" r="5.79688"></circle>
+                          </g>
+                          <defs>
+                            <radialGradient id="paint0_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(56 56) rotate(-135) scale(79.196 118.441)"
+                                            gradientUnits="userSpaceOnUse"
+                                            r="1">
+                              <stop stop-color="#6951FA"></stop>
+                              <stop offset="1" stop-color="#9151FA"></stop>
+                            </radialGradient>
+                            <radialGradient id="paint1_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"
+                                            gradientUnits="userSpaceOnUse"
+                                            r="1">
+                              <stop stop-color="#6951FA"></stop>
+                              <stop offset="1" stop-color="#9151FA"></stop>
+                            </radialGradient>
+                            <radialGradient id="paint2_radial_1138_8450" cx="0" cy="0" gradientTransform="translate(42.7656 47.5234) rotate(-127.1) scale(48.9566 70.4506)"
+                                            gradientUnits="userSpaceOnUse"
+                                            r="1">
+                              <stop stop-color="#6951FA"></stop>
+                              <stop offset="1" stop-color="#9151FA"></stop>
+                            </radialGradient>
+                            <clipPath id="clip0_1138_8450">
+                              <rect fill="white" height="56" rx="16" width="56"></rect>
+                            </clipPath>
+                          </defs>
+                        </svg>
+                        <div style="margin-left: 30px">
+                          <h3>Nostr Wallet Connect</h3>
+                          <h3 class="text-sm text-neutral">Manually connect with NWC string</h3>
+                        </div>
 
 
-                </div>
-                <div class="collapse-content">
-                <textarea class="nwc-Input" style="width: auto; margin-left: 10px; margin-top: 10px" name="Text1" type="password"  placeholder="nostr+walletconnect://..." cols="40" rows="5"  v-model="nwc"></textarea>
+                      </div>
+                      <div class="collapse-content">
+                        <textarea v-model="nwc" class="nwc-Input"
+                                  cols="40" name="Text1" placeholder="nostr+walletconnect://..." rows="5"
+                                  style="width: auto; margin-left: 10px; margin-top: 10px" type="password"></textarea>
 
-                </div>
-              </div>
+                      </div>
+                    </div>
 
 
-                <div class="modal-action">
-                  <form method="dialog">
-                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-                    <!-- if there is a button in form, it will close the modal -->
-                        <button @click="store_nwc(); subscribe_to_dvm()" class=" relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800">
-                                <span class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
+                    <div class="modal-action">
+                      <form method="dialog">
+                        <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                        <!-- if there is a button in form, it will close the modal -->
+                        <button class=" relative inline-flex items-center justify-center p-0.5 mb-2 me-2 overflow-hidden text-sm font-medium text-gray-900 rounded-lg group bg-gradient-to-br from-pink-500 to-orange-400 group-hover:from-pink-500 group-hover:to-orange-400 hover:text-white dark:text-white focus:ring-4 focus:outline-none focus:ring-pink-200 dark:focus:ring-pink-800"
+                                @click="store_nwc(); subscribe_to_dvm()">
+                                <span
+                                    class="relative px-5 py-2.5 transition-all ease-in duration-75  rounded-md group-hover:bg-opacity-0">
                                 Subscribe
                                 </span>
-                      </button>
+                        </button>
 
 
-                  </form>
-                </div>
+                      </form>
+                    </div>
+                  </div>
+
                 </div>
+              </dialog>
 
-              </div>
-                </dialog>
+              <dialog id="subscr" class="modal">
+                <div
+                    className="modal-box rounded-3xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-gradient-to-br from-pink-500 to-orange-400 ">
+                  <h3 class="font-bold text-lg">Manage your Subscription</h3>
+                  <img :src="dvm.nip88.image" class="w-full" style="flex: content; width: 300px"></img>
+                  <div class="grid grid-cols-1 gap-6">
+                    <br>
+                    <div className="card-body rounded-2xl bg-black/10  ring-2 ring-white">
+                      <h3 className="card-title">{{ dvm.nip88.title }}</h3>
 
-                <dialog id="subscr" class="modal">
-                         <div  className="modal-box rounded-3xl inner shadow-lg p-6 flex flex-col items-center transition-all duration-1000 bg-gradient-to-br from-pink-500 to-orange-400 ">
-                                 <h3 class="font-bold text-lg">Manage your Subscription</h3>
-                              <img style="flex: content; width: 300px" class="w-full" :src="dvm.nip88.image"></img>
-                           <div class="grid grid-cols-1 gap-6">
-                              <br>
-  <div  className="card-body rounded-2xl bg-black/10  ring-2 ring-white">
-                                <h3 className="card-title">{{dvm.nip88.title}}</h3>
+                      <br>
+                      <h3 style="text-align: left">{{ dvm.nip88.description }}</h3>
 
-<br>
-                                 <h3 style="text-align: left">{{dvm.nip88.description}}</h3>
+                      <h3 className="card-title">Perks:</h3>
+                      <div v-for="perk in dvm.nip88.perks">
+                        <p style="text-align: left">- {{ perk }}</p>
+                      </div>
+                    </div>
+                    <div v-if="dvm.nip88.hasActiveSubscription"
+                         className="card-body rounded-2xl bg-black/10  ring-2 ring-black">
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && !dvm.nip88.expires " className="card-title">
+                        Subscription renewing at
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2) }}
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim() }}
+                        GMT</h3>
 
-                                  <h3 className="card-title">Perks:</h3>
-                                  <div v-for="perk in dvm.nip88.perks">
-                                  <p  style="text-align: left">- {{perk}}</p>
-                                </div>
-                              </div>
-                                       <div  v-if="dvm.nip88.hasActiveSubscription"  className="card-body rounded-2xl bg-black/10  ring-2 ring-black">
-                                   <h3 className="card-title"  v-if="dvm.nip88.hasActiveSubscription && !dvm.nip88.expires ">Subscription renewing at
-                  {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2)}} {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim()}} GMT</h3>
-
-                                 <h3 className="card-title"  v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires ">Subscription expires on
-                  {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim()}}.{{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2)}} {{Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim()}} GMT</h3>
-
-                                         <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> Changed your mind? Resubscribe anytime!</h3>
-                                         <h3  v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> The current subscription will then continue with a new Nostr Wallet Connect string</h3>
-                                      </div>
-                                <div v-if="!dvm.nip88.hasActiveSubscription || dvm.nip88.expires" v-for="amount_item in dvm.nip88.amounts">
-
-                                  <div class="grid grid-cols-1 gap-6">
-                                    <div class="card card-compact rounded-box bg-black/30 border-black">
-                                        <div class="card-body !text-base">
-                                            <div class="card-title text-base-100-content font-bold">
-                                                <h3 >Subscribe and pay {{amount_item.cadence}}</h3>
-                                                <div class="modal-action" style="margin-right: 5px; margin-left: auto">
-                                            <form method="dialog" >
-                                              <!-- if there is a button in form, it will close the modal -->
-
-                                                <button className="sub-Button"  @click="set_subscription_props(amount_item.amount, amount_item.cadence, dvm)" onclick='nwc_modal.showModal();'>{{ amount_item.amount/1000 }} Sats</button>
-
-                                            </form>
-                                            </div>
-
-                                        </div>
-                                    </div>
-                               </div>
-
-
-
-
-
-
-                                </div>
-
-                              </div>
-
-                                <button class="btn" v-if="!dvm.nip88.expires && dvm.nip88.hasActiveSubscription" @click="set_subscription_props(0, '', dvm); cancelSubscription(dvm.nip88.subscriptionId, dvm.id)"> Cancel Subscription
-
-
-                                </button>
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires " className="card-title">
+                        Subscription expires on
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[2].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[1].trim() }}.{{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[0].split("-")[0].trim().slice(2) }}
+                        {{ Timestamp.fromSecs(parseInt(dvm.nip88.subscribedUntil)).toHumanDatetime().split("T")[1].split("Z")[0].trim() }}
+                        GMT</h3>
 
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> Changed your mind? Resubscribe
+                        anytime!</h3>
+                      <h3 v-if="dvm.nip88.hasActiveSubscription && dvm.nip88.expires"> The current subscription will
+                        then continue with a new Nostr Wallet Connect string</h3>
+                    </div>
+                    <div v-for="amount_item in dvm.nip88.amounts"
+                         v-if="!dvm.nip88.hasActiveSubscription || dvm.nip88.expires">
 
+                      <div class="grid grid-cols-1 gap-6">
+                        <div class="card card-compact rounded-box bg-black/30 border-black">
+                          <div class="card-body !text-base">
+                            <div class="card-title text-base-100-content font-bold">
+                              <h3>Subscribe and pay {{ amount_item.cadence }}</h3>
+                              <div class="modal-action" style="margin-right: 5px; margin-left: auto">
                                 <form method="dialog">
-                                    <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
-                                  </form>
-                            </div>
+                                  <!-- if there is a button in form, it will close the modal -->
+
+                                  <button className="sub-Button"
+                                          onclick='nwc_modal.showModal();'
+                                          @click="set_subscription_props(amount_item.amount, amount_item.cadence, dvm)">{{ amount_item.amount / 1000 }} Sats
+                                  </button>
+
+                                </form>
+                              </div>
+
                             </div>
+                          </div>
+                        </div>
 
 
+                      </div>
+
+                    </div>
+
+                    <button v-if="!dvm.nip88.expires && dvm.nip88.hasActiveSubscription" class="btn"
+                            @click="set_subscription_props(0, '', dvm); cancelSubscription(dvm.nip88.subscriptionId, dvm.id)">
+                      Cancel Subscription
 
 
-        </dialog>
-             </div>
+                    </button>
 
 
-             <p v-if="dvm.subscription ==='' && !isNaN(parseInt(dvm.amount)) && dvm.status !=='subscription-required' && dvm.status !=='subscription-active' && dvm.status !=='subscription-success'" class="badge bg-amber" ><div class="flex"><svg style="margin-top:3px" xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 20">
-            <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/></svg> {{dvm.amount/1000}}</div></p>
+                    <form method="dialog">
+                      <button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2">✕</button>
+                    </form>
+                  </div>
+                </div>
+
+
+              </dialog>
             </div>
 
 
-
-            <details open 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>
+            <p v-if="dvm.subscription ==='' && !isNaN(parseInt(dvm.amount)) && dvm.status !=='subscription-required' && dvm.status !=='subscription-active' && dvm.status !=='subscription-success'"
+               class="badge bg-amber">
+              <div class="flex">
+                <svg class="bi bi-lightning" fill="currentColor" height="16" style="margin-top:3px"
+                     viewBox="0 0 16 20" width="14" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                      d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z"/>
+                </svg>
+                {{ dvm.amount / 1000 }}
               </div>
-            </details>
-
-             <div v-if="dvm.status === 'finished' && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()"  style="margin-left: 10px; margin-right: auto"  >
-                         <button @click="openModal(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 class="w-4 h-4 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"  style="margin-left: 7px; margin-right: auto" >
-                              <path d="M9 19V.352A3.451 3.451 0 0 0 7.5 0a3.5 3.5 0 0 0-3.261 2.238A3.5 3.5 0 0 0 2.04 6.015a3.518 3.518 0 0 0-.766 1.128c-.042.1-.064.209-.1.313a3.34 3.34 0 0 0-.106.344 3.463 3.463 0 0 0 .02 1.468A4.016 4.016 0 0 0 .3 10.5l-.015.036a3.861 3.861 0 0 0-.216.779A3.968 3.968 0 0 0 0 12a4.032 4.032 0 0 0 .107.889 4 4 0 0 0 .2.659c.006.014.015.027.021.041a3.85 3.85 0 0 0 .417.727c.105.146.219.284.342.415.072.076.148.146.225.216.1.091.205.179.315.26.11.081.2.14.308.2.02.013.039.028.059.04v.053a3.506 3.506 0 0 0 3.03 3.469 3.426 3.426 0 0 0 4.154.577A.972.972 0 0 1 9 19Zm10.934-7.68a3.956 3.956 0 0 0-.215-.779l-.017-.038a4.016 4.016 0 0 0-.79-1.235 3.417 3.417 0 0 0 .017-1.468 3.387 3.387 0 0 0-.1-.333c-.034-.108-.057-.22-.1-.324a3.517 3.517 0 0 0-.766-1.128 3.5 3.5 0 0 0-2.202-3.777A3.5 3.5 0 0 0 12.5 0a3.451 3.451 0 0 0-1.5.352V19a.972.972 0 0 1-.184.546 3.426 3.426 0 0 0 4.154-.577A3.506 3.506 0 0 0 18 15.5v-.049c.02-.012.039-.027.059-.04.106-.064.208-.13.308-.2s.214-.169.315-.26c.077-.07.153-.14.225-.216a4.007 4.007 0 0 0 .459-.588c.115-.176.215-.361.3-.554.006-.014.015-.027.021-.041.087-.213.156-.434.205-.659.013-.057.024-.115.035-.173.046-.237.07-.478.073-.72a3.948 3.948 0 0 0-.066-.68Z"/>
-                             </svg>
-                         </button>
-
-
-             </div>
+            </p>
           </div>
+
+
+          <details v-if="dvm.status === 'finished'" class="collapse bg-base" open>
+            <summary class="collapse-title   ">
+              <div class="btn">Show/Hide Results</div>
+            </summary>
+            <div id="collapse" class="collapse-content font-size-0" className="z-10">
+              <NoteTable :data="dvm.result"></NoteTable>
+            </div>
+          </details>
+
+          <div
+              v-if="dvm.status === 'finished' && store.state.pubkey.toHex() !== Keys.parse(store.state.nooglekey).publicKey.toHex()"
+              style="margin-left: 10px; margin-right: auto">
+            <button aria-label="make note"
+                    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' role="button" @click="openModal(dvm.result)">
+              <svg aria-hidden="true" class="w-4 h-4 text-gray-800 dark:text-white" fill="currentColor"
+                   style="margin-left: 7px; margin-right: auto" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+                <path
+                    d="M9 19V.352A3.451 3.451 0 0 0 7.5 0a3.5 3.5 0 0 0-3.261 2.238A3.5 3.5 0 0 0 2.04 6.015a3.518 3.518 0 0 0-.766 1.128c-.042.1-.064.209-.1.313a3.34 3.34 0 0 0-.106.344 3.463 3.463 0 0 0 .02 1.468A4.016 4.016 0 0 0 .3 10.5l-.015.036a3.861 3.861 0 0 0-.216.779A3.968 3.968 0 0 0 0 12a4.032 4.032 0 0 0 .107.889 4 4 0 0 0 .2.659c.006.014.015.027.021.041a3.85 3.85 0 0 0 .417.727c.105.146.219.284.342.415.072.076.148.146.225.216.1.091.205.179.315.26.11.081.2.14.308.2.02.013.039.028.059.04v.053a3.506 3.506 0 0 0 3.03 3.469 3.426 3.426 0 0 0 4.154.577A.972.972 0 0 1 9 19Zm10.934-7.68a3.956 3.956 0 0 0-.215-.779l-.017-.038a4.016 4.016 0 0 0-.79-1.235 3.417 3.417 0 0 0 .017-1.468 3.387 3.387 0 0 0-.1-.333c-.034-.108-.057-.22-.1-.324a3.517 3.517 0 0 0-.766-1.128 3.5 3.5 0 0 0-2.202-3.777A3.5 3.5 0 0 0 12.5 0a3.451 3.451 0 0 0-1.5.352V19a.972.972 0 0 1-.184.546 3.426 3.426 0 0 0 4.154-.577A3.506 3.506 0 0 0 18 15.5v-.049c.02-.012.039-.027.059-.04.106-.064.208-.13.308-.2s.214-.169.315-.26c.077-.07.153-.14.225-.216a4.007 4.007 0 0 0 .459-.588c.115-.176.215-.361.3-.554.006-.014.015-.027.021-.041.087-.213.156-.434.205-.659.013-.057.024-.115.035-.173.046-.237.07-.478.073-.72a3.948 3.948 0 0 0-.066-.68Z"/>
+              </svg>
+            </button>
+
+
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -1223,26 +1285,26 @@ const submitHandler = async () => {
 
 <style scoped>
 
-.zap-Button{
+.zap-Button {
   @apply btn hover:bg-amber-400 border-amber-400 text-base;
   bottom: 0;
 }
 
-.sub-Button{
+.sub-Button {
   @apply btn hover:bg-nostr border-orange-500 text-base;
 
   bottom: 0;
 }
 
-.request-Button{
+.request-Button {
   @apply btn hover:bg-nostr border-nostr 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;
+  height: 48px;
+  margin: 5px;
 }
 
 .c-Input {
@@ -1254,14 +1316,13 @@ const submitHandler = async () => {
 }
 
 .nwc-Input {
-    @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-white px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
-
+  @apply bg-base-200 dark:bg-base-200 dark:text-white  focus:ring-white  border border-white px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
 
 
 }
 
 .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;
+  @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;
@@ -1276,16 +1337,16 @@ const submitHandler = async () => {
 }
 
 .logo {
-     display: flex;
-    width:100%;
-    height:125px;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  width: 100%;
+  height: 125px;
+  justify-content: center;
+  align-items: center;
 }
 
 h3 {
   font-size: 1.0rem;
-   text-align: left;
+  text-align: left;
 }
 
 
@@ -1319,7 +1380,7 @@ h3 {
 
 /* Tooltip text */
 .tooltip .tooltiptext {
-   top: -5px;
+  top: -5px;
   right: 105%;
   visibility: hidden;
   width: 200px;
diff --git a/ui/noogle/src/components/Search.vue b/ui/noogle/src/components/Search.vue
index 41bce06..f3ef8a5 100644
--- a/ui/noogle/src/components/Search.vue
+++ b/ui/noogle/src/components/Search.vue
@@ -1,39 +1,20 @@
 <script setup>
 
 
-import {
-  Client,
-  Filter,
-  Timestamp,
-  Event,
-  Metadata,
-  PublicKey,
-  EventBuilder,
-  Tag,
-  EventId,
-  Nip19Event,
-  Alphabet,
-  ClientBuilder,
-  Keys,
-  NostrDatabase,
-  NegentropyOptions,
-  NegentropyDirection,
-  Duration, nip04Encrypt, nip04Decrypt
-} from "@rust-nostr/nostr-sdk";
+import {Event, EventBuilder, EventId, Filter, Nip19Event, PublicKey, Tag, Timestamp} from "@rust-nostr/nostr-sdk";
 import store from '../store';
 import miniToastr from "mini-toastr";
 import VueNotifications from "vue-notifications";
-import {computed, onMounted, ref} from "vue";
-import deadnip89s from "@/components/data/deadnip89s.json";
+import {onMounted, ref} from "vue";
 import VueDatePicker from '@vuepic/vue-datepicker';
 import '@vuepic/vue-datepicker/dist/main.css'
-import {post_note, schedule, copyurl, copyinvoice, sleep, getEvents, get_user_infos, nextInput} from "../components/helper/Helper.vue"
+import {get_user_infos, getEvents, nextInput, sleep} from "../components/helper/Helper.vue"
 import StringUtil from "@/components/helper/string.ts";
 
 
 let items = []
 let profiles = []
-let dvms =[]
+let dvms = []
 
 const message = ref("");
 const fromuser = ref("");
@@ -50,15 +31,15 @@ onMounted(async () => {
   let urlParams = new URLSearchParams(window.location.search);
   if (urlParams.has('q')) {
     message.value = urlParams.get('q')
-    if(urlParams.get('npub') != null){
-       fromuser.value = urlParams.get('npub')
+    if (urlParams.get('npub') != null) {
+      fromuser.value = urlParams.get('npub')
     }
 
     await sleep(1000)
     await send_search_request(message.value)
   }
 
- await sleep(2000)
+  await sleep(2000)
 
 })
 
@@ -66,537 +47,503 @@ onMounted(async () => {
 async function send_search_request(msg) {
 
 
-   if (!store.state.hasEventListener){
-          //store.commit('set_hasEventListener', true)
-          listen()
+  if (!store.state.hasEventListener) {
+    //store.commit('set_hasEventListener', true)
+    listen()
 
-      }
-      else{
-        console.log("Already has event listener")
-      }
-   try {
-     if (msg === undefined){
-       msg = "Nostr"
-     }
-
-     if(store.state.pubkey === undefined){
-               miniToastr.showMessage("Please login first", "No pubkey set", VueNotifications.types.warn)
-          return
-     }
-        items = []
-        profiles = []
-        dvms =[]
-        store.commit('set_search_results', items)
-        store.commit('set_search_results_profiles', profiles)
-        let client = store.state.client
-        let signer = store.state.signer
-
-        let users = [];
-
-        const taggedUsersFrom = msg.split(' ')
-          .filter(word => word.startsWith('from:'))
-          .map(word => word.replace('from:', ''));
-
-        // search
-        let search = msg;
-        for (let word of taggedUsersFrom) {
-          search = search.replace(word, "");
-          if(word === "me"){
-            word = store.state.pubkey.toBech32()
-
-          }
-          const userPubkey = PublicKey.fromBech32(word.replace("@", "")).toHex()
-          const pTag = Tag.parse(["p", userPubkey]);
-          users.push(pTag.asVec());
-        }
-
-       //const urlParams = new URLSearchParams(window.location.search);
-        const url = new URL(window.location.href);
-        url.searchParams.set('q', msg);
-         msg = search.replace(/from:|to:|@/g, '').trim();
-        console.log(search);
-
-
-        if (fromuser.value !== ""){
-           const userPubkey = PublicKey.fromBech32(fromuser.value.replace("@", "")).toHex()
-           const userPubkeyBech32 = PublicKey.fromBech32(fromuser.value.replace("@", "")).toBech32()
-           const pTag = Tag.parse(["p", userPubkey]);
-            users.push(pTag.asVec());
-              url.searchParams.set('npub', userPubkeyBech32);
-        }
-        else{
-            url.searchParams.delete('npub');
-        }
-
-
-
-
-
-      window.history.pushState(null, '', url.toString());
-
-
-
-
-
-
-
-        //window.location.search = urlParams;
-
-        //let content = "NIP 90 Search request"
-        let kind = 5302
-        let kind_profiles = 5303
-        let tags = [
-              ["i", msg, "text"],
-              ["param", "max_results", "150"],
-              ["param", "since", ((datefrom.value/1000).toFixed(0))],
-              ["param", "until", ((dateto.value/1000).toFixed(0))],
-              ['param', 'users', JSON.stringify(users)]
-            ]
-       let r = ["relays"]
-        for (let relay of store.state.relays){
-              r.push(relay)
-            }
-        tags.push(r)
-
-
-      let tags_as_str = JSON.stringify(tags)
-
-     let tagsprofile = [
-         ["i", msg, "text"],
-           ["param", "max_results", "500"]
-         ]
-     let tags_profile_as_str = JSON.stringify(tagsprofile)
-
-      //
-     let nostrbadnsearch =  "1c986b929f61d7a696719c9f92d41e2163e82c0fcdf30779a09f9b70886ad59c"
-     let winesearch = "4897ca2ad3e081f7e98dff6fc8f11b5dfa2909b33dbea6fa59b8d8665686181d"
-     let profilesearch = "d378e056a3a4d01c785d24f9b352f1e9cfbec02450a6d6babf5baeda54d4a6de"
-
-     let contentnb = await signer.nip04Encrypt(PublicKey.parse(nostrbadnsearch), tags_as_str)
-     console.log(contentnb)
-     let contentwine = await signer.nip04Encrypt(PublicKey.parse(winesearch), tags_as_str)
-     let contentprofile = await signer.nip04Encrypt(PublicKey.parse(profilesearch), tags_profile_as_str)
-
-
-       let tags_nb = [
-              ["p", nostrbadnsearch],
-              ["encrypted"],
-              ["client", "noogle"]
-            ]
-
-        let tags_wine = [
-              ["p", winesearch],
-              ["encrypted"],
-              ["client", "noogle"]
-            ]
-      let tags_profile = [
-              ["p", profilesearch],
-              ["encrypted"],
-              ["client", "noogle"]
-            ]
-
-
-        let res;
-        let requestid;
-        let requestid2;
-        let requestid_profile;
-
-          let tags_t_nb = []
-          for (let tag of tags_nb){
-            tags_t_nb.push(Tag.parse(tag))
-          }
-
-          let tags_t_wine = []
-          for (let tag of tags_wine){
-            tags_t_wine.push(Tag.parse(tag))
-          }
-
-           let tags_t_profile = []
-          for (let tag of tags_profile){
-            tags_t_profile.push(Tag.parse(tag))
-          }
-
-          console.log(tags_t_nb)
-          let evt = new EventBuilder(kind, contentnb, tags_t_nb)
-          let evt2 = new EventBuilder(kind, contentwine, tags_t_wine)
-          let evt_profiles = new EventBuilder(kind_profiles, contentprofile, tags_t_profile )
-          try{
-             let res1 = await client.sendEventBuilder(evt_profiles)
-             requestid_profile = res1.toHex()
-
-
-             res = await client.sendEventBuilder(evt)
-             requestid = res.toHex()
-
-             let res2 = await client.sendEventBuilder(evt2)
-              requestid2 = res2.toHex()
-
-
-
-          }
-          catch(error){
-            console.log(error)
-          }
-
-
-        store.commit('set_current_request_id_search', requestid)
-        store.commit('set_current_request_id_search2', requestid2)
-        store.commit('set_current_request_profile_id_search', requestid_profile)
-
-
-
-      } catch (error) {
-        console.log(error);
-      }
-}
-
-async function  listen() {
-    let client = store.state.client
-    let pubkey = store.state.pubkey
-    let originale = [store.state.requestidSearch]
-
-    const filter = new Filter().kinds([7000, 6302, 6303]).pubkey(pubkey).since(Timestamp.now());
-    await client.subscribe([filter]);
-
-    const handle = {
-        // Handle event
-        handleEvent: async (relayUrl, subscriptionId, event) => {
-             /* if (store.state.hasEventListener === false){
-                return true
-              }*/
-            console.log("Received new event from", relayUrl);
-            let resonsetorequest = false
-
-            sleep(500).then(async () => {
-
-              for (let tag in event.tags) {
-                if (event.tags[tag].asVec()[0] === "e") {
-                  if (event.tags[tag].asVec()[1] === store.state.requestidSearch  || event.tags[tag].asVec()[1] === store.state.requestidSearch2  || event.tags[tag].asVec()[1] === store.state.requestidSearchProfile) {
-                    resonsetorequest = true
-                  }
-                }
-
-              }
-
-              if (resonsetorequest) {
-                   let  is_encrypted = false
-
-                    let etag = ""
-                    let ptag = ""
-                    let content = event.content
-                    for (let tag of event.tags){
-                       if (tag.asVec()[0] === "status"){
-                          status = tag.asVec()[1]
-                            if (tag.asVec().length > 2){
-                               content = tag.asVec()[2]
-                            }
-                       }
-                        else if (tag.asVec()[0] === "e"){
-                            etag = tag.asVec()[1]
-                       }
-                        else if (tag.asVec()[0] === "p"){
-                           ptag = tag.asVec()[1]
-                       }
-                        else if (tag.asVec()[0] === "encrypted"){
-                            is_encrypted = true
-                       }
-
-                    }
-
-
-
-                if (event.kind === 7000) {
-                  try {
-
-                    //console.log("7000: ", event.content);
-                    console.log("DVM: " + event.author.toHex())
-
-                      let status = "unknown"
-                      let jsonentry = {
-                      id: event.author.toHex(),
-                      kind: "",
-                      status: status,
-                      result: "",
-                      name: event.author.toBech32(),
-                      about: "",
-                      image: "",
-                      amount: 0,
-                      bolt11: ""
-                    }
-
-
-
-
-                    if (is_encrypted){
-                      let signer = store.state.signer
-                      if (ptag === store.state.pubkey.toHex()) {
-                        let tags_str = await signer.nip04Decrypt(event.author, event.content)
-                        let params = JSON.parse(tags_str)
-                        params.push(Tag.parse(["p", ptag]).asVec())
-                        params.push(Tag.parse(["encrypted"]).asVec())
-                        let event_as_json = JSON.parse(event.asJson())
-                        event_as_json['tags'] = params
-                        event_as_json['content'] = ""
-                        let nostr_event = Event.fromJson(JSON.stringify(event_as_json))
-
-                        for (let tag of nostr_event.tags) {
-                          if (tag.asVec()[0] === "status") {
-                            status = tag.asVec()[1]
-                            console.log(status)
-                            if (tag.asVec().length > 2) {
-                              content = tag.asVec()[2]
-                              jsonentry.about = tag.asVec()[2]
-                            }
-
-                          } else if (tag.asVec()[0] === "e") {
-                            etag = tag.asVec()[1]
-                          } else if (tag.asVec()[0] === "content") {
-                            content = tag.asVec()[1]
-                          }
-                          else if  (tag.asVec()[0] === "amount") {
-                          jsonentry.amount = tag.asVec()[1]
-                          if (tag.asVec().length > 2) {
-                            jsonentry.bolt11 = tag.asVec()[2]
-                          }
-                          // TODO else request invoice
-                        }
-                        }
-
-                      }
-                       }
-
-                    else {
-                      for (const tag in event.tags) {
-                      if (event.tags[tag].asVec()[0] === "status") {
-                        status = event.tags[tag].asVec()[1]
-                        if (event.tags[tag].asVec().length > 2) {
-                          jsonentry.about = event.tags[tag].asVec()[2]
-                        }
-                      }
-
-                      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 = content
-                        jsonentry.image = el.image
-                        console.log(jsonentry)
-
-                      }
-                    }
-                    if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
-                      dvms.push(jsonentry)
-                    }
-
-                    dvms.find(i => i.id === jsonentry.id).status = status
-                    if (status === "error") {
-                      const index = dvms.indexOf((dvms.find(i => i.id === event.author.toHex())));
-                      if (index > -1) {
-                        dvms.splice(index, 1);
-                      }
-                    }
-
-                    store.commit('set_active_search_dvms', dvms)
-                    console.log(store.state.activesearchdvms)
-
-                  } catch (error) {
-                    console.log("Error: ", error);
-                  }
-                }
-
-                else if (event.kind === 6302) {
-                  let entries = []
-                  //console.log("6302:", event.content);
-
-                    if (is_encrypted){
-                        let signer = store.state.signer
-                        if (ptag === store.state.pubkey.toHex()) {
-                          content = await signer.nip04Decrypt(event.author, event.content)
-                        }
-                    }
-
-
-                  try{
-
-                  let event_etags = JSON.parse(content)
-                      console.log(event_etags)
-                  if (event_etags.length > 0) {
-                    for (let etag of event_etags) {
-                      const eventid = EventId.parse(etag[1]).toHex() //a bit unnecessary
-                      entries.push(eventid)
-                    }
-                    const events = await getEvents(entries)
-                    let authors = []
-                    for (const evt of events) {
-                      authors.push(evt.author.toHex())
-                    }
-                    if (authors.length > 0) {
-                      let profiles = await get_user_infos(authors)
-                      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()}
-                          })
-                        }
-                      }
-                    }
-                  }
-
-                  const index = dvms.indexOf((dvms.find(i => i.id === event.author.toHex())));
-                  if (index > -1) {
-                    dvms.splice(index, 1);
-                  }
-
-                  store.commit('set_active_search_dvms', dvms)
-                  console.log("Events from" + event.author.toHex())
-                  store.commit('set_search_results', items)
-                     }
-                catch{
-
-                  }
-                }
-
-
-                else if (event.kind === 6303) {
-                  let entries = []
-                  //console.log("6303:", event.content);
-
-                    if (is_encrypted) {
-                      let signer = store.state.signer
-                      if (ptag === store.state.pubkey.toHex()) {
-                        content = await signer.nip04Decrypt(event.author, event.content)
-                      }
-                    }
-
-
-
-
-                  let event_ptags = JSON.parse(content)
-                  let authors = []
-                  if (event_ptags.length > 0) {
-                    for (let ptag of event_ptags) {
-                        authors.push(ptag[1])
-                    }
-
-                    if (authors.length > 0) {
-                      let infos = await get_user_infos(authors)
-
-                      for (const profile of infos) {
-                        //console.log(profile["author"])
-                        if (profiles.findIndex(e => e.id === profile["author"]) === -1 && profile["profile"]["name"] !== "" ) {
-                          profiles.push({
-                            id: profile["author"],
-                            content: profile["profile"],
-                            author: profile["profile"]["name"],
-                            authorurl: "https://njump.me/" +PublicKey.parse(profile["author"]).toBech32(),
-                            avatar: profile["profile"]["picture"]
-                          })
-                        }
-                      }
-                    }
-                  }
-
-
-                  const index = dvms.indexOf((dvms.find(i => i.id === event.author.toHex())));
-                  if (index > -1) {
-                    dvms.splice(index, 1);
-                  }
-
-                  store.commit('set_active_search_dvms', dvms)
-                  store.commit('set_search_results_profiles', profiles)
-                }
-              }
-            })
-        },
-        // Handle relay message
-        handleMsg: async (relayUrl, message) => {
-            //console.log(`Received message from ${relayUrl} ${message.asJson()}`);
-        }
-    };
-
-    client.handleNotifications(handle);
-}
-
-
-function getNamefromId(id){
-  let elements = searchdvms.filter(i => i.id === id)
-  if (elements.length === 0){
-    return id
+  } else {
+    console.log("Already has event listener")
   }
-  else return elements[0].name
+  try {
+    if (msg === undefined) {
+      msg = "Nostr"
+    }
+
+    if (store.state.pubkey === undefined) {
+      miniToastr.showMessage("Please login first", "No pubkey set", VueNotifications.types.warn)
+      return
+    }
+    items = []
+    profiles = []
+    dvms = []
+    store.commit('set_search_results', items)
+    store.commit('set_search_results_profiles', profiles)
+    let client = store.state.client
+    let signer = store.state.signer
+
+    let users = [];
+
+    const taggedUsersFrom = msg.split(' ')
+        .filter(word => word.startsWith('from:'))
+        .map(word => word.replace('from:', ''));
+
+    // search
+    let search = msg;
+    for (let word of taggedUsersFrom) {
+      search = search.replace(word, "");
+      if (word === "me") {
+        word = store.state.pubkey.toBech32()
+
+      }
+      const userPubkey = PublicKey.fromBech32(word.replace("@", "")).toHex()
+      const pTag = Tag.parse(["p", userPubkey]);
+      users.push(pTag.asVec());
+    }
+
+    //const urlParams = new URLSearchParams(window.location.search);
+    const url = new URL(window.location.href);
+    url.searchParams.set('q', msg);
+    msg = search.replace(/from:|to:|@/g, '').trim();
+    console.log(search);
+
+
+    if (fromuser.value !== "") {
+      const userPubkey = PublicKey.fromBech32(fromuser.value.replace("@", "")).toHex()
+      const userPubkeyBech32 = PublicKey.fromBech32(fromuser.value.replace("@", "")).toBech32()
+      const pTag = Tag.parse(["p", userPubkey]);
+      users.push(pTag.asVec());
+      url.searchParams.set('npub', userPubkeyBech32);
+    } else {
+      url.searchParams.delete('npub');
+    }
+
+
+    window.history.pushState(null, '', url.toString());
+
+
+    //window.location.search = urlParams;
+
+    //let content = "NIP 90 Search request"
+    let kind = 5302
+    let kind_profiles = 5303
+    let tags = [
+      ["i", msg, "text"],
+      ["param", "max_results", "150"],
+      ["param", "since", ((datefrom.value / 1000).toFixed(0))],
+      ["param", "until", ((dateto.value / 1000).toFixed(0))],
+      ['param', 'users', JSON.stringify(users)]
+    ]
+    let r = ["relays"]
+    for (let relay of store.state.relays) {
+      r.push(relay)
+    }
+    tags.push(r)
+
+
+    let tags_as_str = JSON.stringify(tags)
+
+    let tagsprofile = [
+      ["i", msg, "text"],
+      ["param", "max_results", "500"]
+    ]
+    let tags_profile_as_str = JSON.stringify(tagsprofile)
+
+    //
+    let nostrbadnsearch = "1c986b929f61d7a696719c9f92d41e2163e82c0fcdf30779a09f9b70886ad59c"
+    let winesearch = "4897ca2ad3e081f7e98dff6fc8f11b5dfa2909b33dbea6fa59b8d8665686181d"
+    let profilesearch = "d378e056a3a4d01c785d24f9b352f1e9cfbec02450a6d6babf5baeda54d4a6de"
+
+    let contentnb = await signer.nip04Encrypt(PublicKey.parse(nostrbadnsearch), tags_as_str)
+    console.log(contentnb)
+    let contentwine = await signer.nip04Encrypt(PublicKey.parse(winesearch), tags_as_str)
+    let contentprofile = await signer.nip04Encrypt(PublicKey.parse(profilesearch), tags_profile_as_str)
+
+
+    let tags_nb = [
+      ["p", nostrbadnsearch],
+      ["encrypted"],
+      ["client", "noogle"]
+    ]
+
+    let tags_wine = [
+      ["p", winesearch],
+      ["encrypted"],
+      ["client", "noogle"]
+    ]
+    let tags_profile = [
+      ["p", profilesearch],
+      ["encrypted"],
+      ["client", "noogle"]
+    ]
+
+
+    let res;
+    let requestid;
+    let requestid2;
+    let requestid_profile;
+
+    let tags_t_nb = []
+    for (let tag of tags_nb) {
+      tags_t_nb.push(Tag.parse(tag))
+    }
+
+    let tags_t_wine = []
+    for (let tag of tags_wine) {
+      tags_t_wine.push(Tag.parse(tag))
+    }
+
+    let tags_t_profile = []
+    for (let tag of tags_profile) {
+      tags_t_profile.push(Tag.parse(tag))
+    }
+
+    console.log(tags_t_nb)
+    let evt = new EventBuilder(kind, contentnb, tags_t_nb)
+    let evt2 = new EventBuilder(kind, contentwine, tags_t_wine)
+    let evt_profiles = new EventBuilder(kind_profiles, contentprofile, tags_t_profile)
+    try {
+      let res1 = await client.sendEventBuilder(evt_profiles)
+      requestid_profile = res1.toHex()
+
+
+      res = await client.sendEventBuilder(evt)
+      requestid = res.toHex()
+
+      let res2 = await client.sendEventBuilder(evt2)
+      requestid2 = res2.toHex()
+
+
+    } catch (error) {
+      console.log(error)
+    }
+
+
+    store.commit('set_current_request_id_search', requestid)
+    store.commit('set_current_request_id_search2', requestid2)
+    store.commit('set_current_request_profile_id_search', requestid_profile)
+
+
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+async function listen() {
+  let client = store.state.client
+  let pubkey = store.state.pubkey
+  let originale = [store.state.requestidSearch]
+
+  const filter = new Filter().kinds([7000, 6302, 6303]).pubkey(pubkey).since(Timestamp.now());
+  await client.subscribe([filter]);
+
+  const handle = {
+    // Handle event
+    handleEvent: async (relayUrl, subscriptionId, event) => {
+      /* if (store.state.hasEventListener === false){
+         return true
+       }*/
+      console.log("Received new event from", relayUrl);
+      let resonsetorequest = false
+
+      sleep(500).then(async () => {
+
+        for (let tag in event.tags) {
+          if (event.tags[tag].asVec()[0] === "e") {
+            if (event.tags[tag].asVec()[1] === store.state.requestidSearch || event.tags[tag].asVec()[1] === store.state.requestidSearch2 || event.tags[tag].asVec()[1] === store.state.requestidSearchProfile) {
+              resonsetorequest = true
+            }
+          }
+
+        }
+
+        if (resonsetorequest) {
+          let is_encrypted = false
+
+          let etag = ""
+          let ptag = ""
+          let content = event.content
+          for (let tag of event.tags) {
+            if (tag.asVec()[0] === "status") {
+              status = tag.asVec()[1]
+              if (tag.asVec().length > 2) {
+                content = tag.asVec()[2]
+              }
+            } else if (tag.asVec()[0] === "e") {
+              etag = tag.asVec()[1]
+            } else if (tag.asVec()[0] === "p") {
+              ptag = tag.asVec()[1]
+            } else if (tag.asVec()[0] === "encrypted") {
+              is_encrypted = true
+            }
+
+          }
+
+
+          if (event.kind === 7000) {
+            try {
+
+              //console.log("7000: ", event.content);
+              console.log("DVM: " + event.author.toHex())
+
+              let status = "unknown"
+              let jsonentry = {
+                id: event.author.toHex(),
+                kind: "",
+                status: status,
+                result: "",
+                name: event.author.toBech32(),
+                about: "",
+                image: "",
+                amount: 0,
+                bolt11: ""
+              }
+
+
+              if (is_encrypted) {
+                let signer = store.state.signer
+                if (ptag === store.state.pubkey.toHex()) {
+                  let tags_str = await signer.nip04Decrypt(event.author, event.content)
+                  let params = JSON.parse(tags_str)
+                  params.push(Tag.parse(["p", ptag]).asVec())
+                  params.push(Tag.parse(["encrypted"]).asVec())
+                  let event_as_json = JSON.parse(event.asJson())
+                  event_as_json['tags'] = params
+                  event_as_json['content'] = ""
+                  let nostr_event = Event.fromJson(JSON.stringify(event_as_json))
+
+                  for (let tag of nostr_event.tags) {
+                    if (tag.asVec()[0] === "status") {
+                      status = tag.asVec()[1]
+                      console.log(status)
+                      if (tag.asVec().length > 2) {
+                        content = tag.asVec()[2]
+                        jsonentry.about = tag.asVec()[2]
+                      }
+
+                    } else if (tag.asVec()[0] === "e") {
+                      etag = tag.asVec()[1]
+                    } else if (tag.asVec()[0] === "content") {
+                      content = tag.asVec()[1]
+                    } else if (tag.asVec()[0] === "amount") {
+                      jsonentry.amount = tag.asVec()[1]
+                      if (tag.asVec().length > 2) {
+                        jsonentry.bolt11 = tag.asVec()[2]
+                      }
+                      // TODO else request invoice
+                    }
+                  }
+
+                }
+              } else {
+                for (const tag in event.tags) {
+                  if (event.tags[tag].asVec()[0] === "status") {
+                    status = event.tags[tag].asVec()[1]
+                    if (event.tags[tag].asVec().length > 2) {
+                      jsonentry.about = event.tags[tag].asVec()[2]
+                    }
+                  }
+
+                  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 = content
+                  jsonentry.image = el.image
+                  console.log(jsonentry)
+
+                }
+              }
+              if (dvms.filter(i => i.id === jsonentry.id).length === 0) {
+                dvms.push(jsonentry)
+              }
+
+              dvms.find(i => i.id === jsonentry.id).status = status
+              if (status === "error") {
+                const index = dvms.indexOf((dvms.find(i => i.id === event.author.toHex())));
+                if (index > -1) {
+                  dvms.splice(index, 1);
+                }
+              }
+
+              store.commit('set_active_search_dvms', dvms)
+              console.log(store.state.activesearchdvms)
+
+            } catch (error) {
+              console.log("Error: ", error);
+            }
+          } else if (event.kind === 6302) {
+            let entries = []
+            //console.log("6302:", event.content);
+
+            if (is_encrypted) {
+              let signer = store.state.signer
+              if (ptag === store.state.pubkey.toHex()) {
+                content = await signer.nip04Decrypt(event.author, event.content)
+              }
+            }
+
+
+            try {
+
+              let event_etags = JSON.parse(content)
+              console.log(event_etags)
+              if (event_etags.length > 0) {
+                for (let etag of event_etags) {
+                  const eventid = EventId.parse(etag[1]).toHex() //a bit unnecessary
+                  entries.push(eventid)
+                }
+                const events = await getEvents(entries)
+                let authors = []
+                for (const evt of events) {
+                  authors.push(evt.author.toHex())
+                }
+                if (authors.length > 0) {
+                  let profiles = await get_user_infos(authors)
+                  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()}
+                      })
+                    }
+                  }
+                }
+              }
+
+              const index = dvms.indexOf((dvms.find(i => i.id === event.author.toHex())));
+              if (index > -1) {
+                dvms.splice(index, 1);
+              }
+
+              store.commit('set_active_search_dvms', dvms)
+              console.log("Events from" + event.author.toHex())
+              store.commit('set_search_results', items)
+            } catch {
+
+            }
+          } else if (event.kind === 6303) {
+            let entries = []
+            //console.log("6303:", event.content);
+
+            if (is_encrypted) {
+              let signer = store.state.signer
+              if (ptag === store.state.pubkey.toHex()) {
+                content = await signer.nip04Decrypt(event.author, event.content)
+              }
+            }
+
+
+            let event_ptags = JSON.parse(content)
+            let authors = []
+            if (event_ptags.length > 0) {
+              for (let ptag of event_ptags) {
+                authors.push(ptag[1])
+              }
+
+              if (authors.length > 0) {
+                let infos = await get_user_infos(authors)
+
+                for (const profile of infos) {
+                  //console.log(profile["author"])
+                  if (profiles.findIndex(e => e.id === profile["author"]) === -1 && profile["profile"]["name"] !== "") {
+                    profiles.push({
+                      id: profile["author"],
+                      content: profile["profile"],
+                      author: profile["profile"]["name"],
+                      authorurl: "https://njump.me/" + PublicKey.parse(profile["author"]).toBech32(),
+                      avatar: profile["profile"]["picture"]
+                    })
+                  }
+                }
+              }
+            }
+
+
+            const index = dvms.indexOf((dvms.find(i => i.id === event.author.toHex())));
+            if (index > -1) {
+              dvms.splice(index, 1);
+            }
+
+            store.commit('set_active_search_dvms', dvms)
+            store.commit('set_search_results_profiles', profiles)
+          }
+        }
+      })
+    },
+    // Handle relay message
+    handleMsg: async (relayUrl, message) => {
+      //console.log(`Received message from ${relayUrl} ${message.asJson()}`);
+    }
+  };
+
+  client.handleNotifications(handle);
 }
 
 
-async function checkuser(msg){
+function getNamefromId(id) {
+  let elements = searchdvms.filter(i => i.id === id)
+  if (elements.length === 0) {
+    return id
+  } else return elements[0].name
+}
+
+
+async function checkuser(msg) {
   usernames = []
-    let profiles = await get_user_from_search(msg)
-    for (let profile of profiles){
-      usernames.push(profile)
-    }
+  let profiles = await get_user_from_search(msg)
+  for (let profile of profiles) {
+    usernames.push(profile)
+  }
 }
 
-async function get_user_from_search(name){
-        name = "\"name\":" + name
-        if (store.state.dbclient.database === undefined){
-          console.log("not logged in, not getting profile suggestions")
-          return []
-        }
-        let client = store.state.dbclient
-        let profiles = []
-        let filter1 = new Filter().kind(0)
-         let evts = await client.database.query([filter1])
- console.log(evts.length)
-      for (const entry of evts){
-          try{
+async function get_user_from_search(name) {
+  name = "\"name\":" + name
+  if (store.state.dbclient.database === undefined) {
+    console.log("not logged in, not getting profile suggestions")
+    return []
+  }
+  let client = store.state.dbclient
+  let profiles = []
+  let filter1 = new Filter().kind(0)
+  let evts = await client.database.query([filter1])
+  console.log(evts.length)
+  for (const entry of evts) {
+    try {
 
-               let contentjson = JSON.parse(entry.content)
-            console.log(entry.content)
-            profiles.push({profile: contentjson, author: entry.author.toBech32(), createdAt: entry.createdAt});
+      let contentjson = JSON.parse(entry.content)
+      console.log(entry.content)
+      profiles.push({profile: contentjson, author: entry.author.toBech32(), createdAt: entry.createdAt});
 
 
-          }
-          catch(error){
-            console.log(error)
-          }
-        }
-        return profiles
+    } catch (error) {
+      console.log(error)
     }
+  }
+  return profiles
+}
 
 defineProps({
   msg: {
@@ -609,77 +556,82 @@ defineProps({
 
 <template>
 
-    <div class="greetings">
-      <img alt="Nostr logo" class="logo" src="../assets/nostr-purple.svg" />
-      <br>
-      <h1 class="text-7xl font-black tracking-wide">Noogle</h1>
-      <h2 class="text-base-200-content text-center tracking-wide text-2xl">
+  <div class="greetings">
+    <img alt="Nostr logo" class="logo" src="../assets/nostr-purple.svg"/>
+    <br>
+    <h1 class="text-7xl font-black tracking-wide">Noogle</h1>
+    <h2 class="text-base-200-content text-center tracking-wide text-2xl">
       Search the Nostr with Data Vending Machines</h2>
-      <h3>
-        <br>
-        <input class="c-Input" type="search" name="s" autofocus placeholder="Search..." v-model="message"   @keyup.enter="send_search_request(message)" @keydown.enter="nextInput">
-        <button class="v-Button"  @click="send_search_request(message)">Search the Nostr</button>
-      </h3>
+    <h3>
+      <br>
+      <input v-model="message" autofocus class="c-Input" name="s" placeholder="Search..." type="search"
+             @keyup.enter="send_search_request(message)" @keydown.enter="nextInput">
+      <button class="v-Button" @click="send_search_request(message)">Search the Nostr</button>
+    </h3>
 
-    <details class="collapse bg-base " className="advanced" >
-  <summary class="collapse-title font-thin bg">Advanced Options</summary>
-  <div class="collapse-content font-size-0" className="z-10" id="collapse-settings">
+    <details class="collapse bg-base " className="advanced">
+      <summary class="collapse-title font-thin bg">Advanced Options</summary>
+      <div id="collapse-settings" class="collapse-content font-size-0" className="z-10">
 
-    <div>
-    <h4 className="inline-flex flex-none font-thin">by: </h4>
-       <div className="inline-flex flex-none" style="width: 10px;"></div>
-        <input list="users" id="user" class="u-Input" style="margin-left: 10px" type="search" name="user" autofocus  placeholder="npub..." v-model="fromuser" @input="checkuser(fromuser)">
+        <div>
+          <h4 className="inline-flex flex-none font-thin">by: </h4>
+          <div className="inline-flex flex-none" style="width: 10px;"></div>
+          <input id="user" v-model="fromuser" autofocus class="u-Input" list="users" name="user" placeholder="npub..."
+                 style="margin-left: 10px" type="search" @input="checkuser(fromuser)">
 
-     <datalist id="users">
-          <option v-for="profile in usernames" :value="profile.author">
-            {{profile.profile.name + ' (' + profile.profile.nip05 + ')'}}
+          <datalist id="users">
+            <option v-for="profile in usernames" :value="profile.author">
+              {{ profile.profile.name + ' (' + profile.profile.nip05 + ')' }}
 
-          </option>
-      </datalist>
-    </div>
-  </div>
+            </option>
+          </datalist>
+        </div>
+      </div>
 
 
       <div className="inline-flex flex-none" style="width: 20px;"></div>
 
-    <div>
-          <h4 className="inline-flex flex-none font-thin">from:</h4>
-    <div className="inline-flex flex-none" style="width: 10px;"></div>
-    <VueDatePicker :teleport="true" :dark="true" position="left" className="bg-base-200 inline-flex flex-none" style="width: 220px;" v-model="datefrom"></VueDatePicker>
-    </div>
+      <div>
+        <h4 className="inline-flex flex-none font-thin">from:</h4>
+        <div className="inline-flex flex-none" style="width: 10px;"></div>
+        <VueDatePicker v-model="datefrom" :dark="true" :teleport="true" className="bg-base-200 inline-flex flex-none"
+                       position="left" style="width: 220px;"></VueDatePicker>
+      </div>
 
-    <div className="inline-flex flex-none" style="width: 20px;"></div>
-    <div>
-      <h4 className="inline-flex font-thin ">until: </h4>
-    <div className="inline-flex flex-none" style="width: 10px;"></div>
-    <VueDatePicker :teleport="true" :dark="true" position="left" className="bg-base-200 inline-flex flex-none" style="width: 220px;" v-model="dateto"></VueDatePicker>
-    </div>
-</details>
-    </div>
-    <div class="max-w-5xl relative space-y-3">
-      <div class="grid grid-cols-1 gap-6">
-        <div className="card w-30 h-60 bg-base-100 shadow-xl"  v-for="dvm in store.state.activesearchdvms"
-                  :key="dvm.name">
-                 <div className="card-body">
-                <div class="grid grid-cols-1 gap-6">
+      <div className="inline-flex flex-none" style="width: 20px;"></div>
+      <div>
+        <h4 className="inline-flex font-thin ">until: </h4>
+        <div className="inline-flex flex-none" style="width: 10px;"></div>
+        <VueDatePicker v-model="dateto" :dark="true" :teleport="true" className="bg-base-200 inline-flex flex-none"
+                       position="left" style="width: 220px;"></VueDatePicker>
+      </div>
+    </details>
+  </div>
+  <div class="max-w-5xl relative space-y-3">
+    <div class="grid grid-cols-1 gap-6">
+      <div v-for="dvm in store.state.activesearchdvms" :key="dvm.name"
+           className="card w-30 h-60 bg-base-100 shadow-xl">
+        <div className="card-body">
+          <div class="grid grid-cols-1 gap-6">
 
-                <div className="col-end-1">
-                  <h2 className="card-title">{{ dvm.name }}</h2>
-                  <figure v-if="dvm.image!==''" className="w-40"><img className="h-30" :src="dvm.image" alt="DVM Picture" /></figure>
-                </div>
+            <div className="col-end-1">
+              <h2 className="card-title">{{ dvm.name }}</h2>
+              <figure v-if="dvm.image!==''" className="w-40"><img :src="dvm.image" alt="DVM Picture" className="h-30"/>
+              </figure>
+            </div>
 
-                <div className="col-end-2 w-auto card-body">
-                    <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
+            <div className="col-end-2 w-auto card-body">
+              <h3 class="fa-cut" v-html="StringUtil.parseHyperlinks(dvm.about)"></h3>
 
-                   <div><br>
-                   <span className="loading loading-dots loading-lg" ></span>
-                </div>
-                </div>
+              <div><br>
+                <span className="loading loading-dots loading-lg"></span>
+              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
+  </div>
 
 </template>
 
@@ -687,12 +639,12 @@ defineProps({
 
 .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;
+  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;
+  @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;
@@ -700,7 +652,7 @@ defineProps({
 }
 
 .u-Input {
-    @apply bg-base-200 text-accent dark:bg-base-200 dark:text-white  focus:ring-white  border border-transparent px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
+  @apply bg-base-200 text-accent dark:bg-base-200 dark:text-white  focus:ring-white  border border-transparent px-3 py-1.5 text-sm leading-4 text-accent-content transition-colors duration-300  focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
 
   width: 220px;
   height: 35px;
@@ -709,11 +661,11 @@ defineProps({
 }
 
 .logo {
-     display: flex;
-    width:100%;
-    height:125px;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  width: 100%;
+  height: 125px;
+  justify-content: center;
+  align-items: center;
 }
 
 h3 {
@@ -732,7 +684,6 @@ h4 {
 }
 
 
-
 @media (min-width: 1000px) {
 
   .greetings h1,
diff --git a/ui/noogle/src/components/SearchResultTable.vue b/ui/noogle/src/components/SearchResultTable.vue
index 8da3ef4..a8f5ca2 100644
--- a/ui/noogle/src/components/SearchResultTable.vue
+++ b/ui/noogle/src/components/SearchResultTable.vue
@@ -1,31 +1,33 @@
 <template>
-  <EasyDataTable  class="customize-table"  header-text-direction="left"  v-if="store.state.results.length != 0" table-class-name="customize-table"
-    :headers="headers"
-    :items="store.state.results" :sort-by="sortBy"
-     :sort-type="sortType">
-   <template #item-content="{ content, author, authorurl, avatar, indicator, links}">
-   <div class="playeauthor-wrapper">
+  <EasyDataTable v-if="store.state.results.length != 0" :headers="headers" :items="store.state.results"
+                 :sort-by="sortBy"
+                 :sort-type="sortType"
+                 class="customize-table" header-text-direction="left"
+                 table-class-name="customize-table">
+    <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" />
+        <img v-if="avatar" :src="avatar" alt="Avatar" class="avatar"
+             onerror="this.src='https://noogle.lol/favicon.ico'"/>
+        <img v-else class="avatar" 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)}}
+        <a :href="authorurl" class="purple" target="_blank">{{ author }}</a>
+        <div :data-tip="indicator.time" class="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>
 
-      </EasyDataTable>
+      <p>{{ content.substr(0, 320) + "\u2026" }}</p>
+      <div style="padding: 2px; text-align: left;">
+        <a :href="links.uri" class="menusmall" target="_blank">Nostr Client</a>
+        <a :href="links.njump" class="menusmall" target="_blank">NJump</a>
+        <a :href="links.highlighter" class="menusmall" target="_blank">Highlighter</a>
+        <a :href="links.nostrudel" class="menusmall" target="_blank">Nostrudel</a>
+      </div>
+    </template>
+
+  </EasyDataTable>
 
 
 </template>
@@ -33,14 +35,14 @@
 <script lang="ts" setup>
 
 
-import type {Header, Item, SortType} from "vue3-easy-data-table";
+import type {Header, SortType} from "vue3-easy-data-table";
 import store from '../store';
 
 const sortBy = "indicator.time";
 const sortType: SortType = "desc";
 
 const headers: Header[] = [
-  { text: "Results:", value: "content", fixed:true},
+  {text: "Results:", value: "content", fixed: true},
 ];
 
 
@@ -51,6 +53,7 @@ const headers: Header[] = [
   width: 20px;
   cursor: pointer;
 }
+
 .playeauthor-wrapper {
   padding: 6px;
   display: flex;
@@ -62,10 +65,10 @@ const headers: Header[] = [
   @apply btn text-gray-600 bg-transparent border-transparent tracking-wide;
 
 
-  }
+}
 
-.vue3-easy-data-table__footer.previous-page__click-button{
-  height:100px
+.vue3-easy-data-table__footer.previous-page__click-button {
+  height: 100px
 }
 
 .time {
@@ -75,6 +78,7 @@ const headers: Header[] = [
   align-items: center;
   justify-items: center;
 }
+
 .avatar {
   margin-right: 10px;
   display: inline-block;
@@ -84,6 +88,7 @@ const headers: Header[] = [
   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;
diff --git a/ui/noogle/src/components/SummarizationGeneration.vue b/ui/noogle/src/components/SummarizationGeneration.vue
index 315dacc..56b0940 100644
--- a/ui/noogle/src/components/SummarizationGeneration.vue
+++ b/ui/noogle/src/components/SummarizationGeneration.vue
@@ -1,249 +1,221 @@
 <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 {EventBuilder, Filter, Tag, Timestamp} 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 {post_note, schedule, copyurl, copyinvoice, sleep, nextInput} from "../components/helper/Helper.vue"
-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";
+import {ref} from "vue";
+import {sleep} from "../components/helper/Helper.vue"
 import {zap} from "@/components/helper/Zap.vue";
-import index from "vuex";
 
-let dvms =[]
+let dvms = []
 let requestids = []
+
 async function summarizefeed(eventids) {
 
   listen()
 
 
+  let sortedIds = eventids.sort(function (a, b) {
+    return (a.index > b.index) ? 1 : ((b.index > a.index) ? -1 : 0);
+  });
 
-let sortedIds = eventids.sort(function(a,b) {return (a.index > b.index) ? 1 : ((b.index > a.index) ? -1 : 0);} );
+  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
+    }
 
-   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
-     }
+    dvms = []
+    store.commit('set_summarization_dvms', dvms)
 
-        dvms = []
-        store.commit('set_summarization_dvms', dvms)
+    let client = store.state.client
+    let content = "NIP 90 Summarization request"
+    let kind = 5001
 
-        let client = store.state.client
-        let content = "NIP 90 Summarization request"
-        let kind = 5001
-
-         let tags = []
-         for (const tag of sortedIds){
-           try{
-              tags.push(["i", tag.id, "event"])
-           }
-
-           catch{}
-         }
-
-       let r = ["relays"]
-        for (let relay of store.state.relays){
-              r.push(relay)
-            }
-        tags.push(r)
-
-
-        let res;
-        let requestid;
-
-
-          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(res)
-
-
-
-        requestids.push(requestid)
-        store.commit('set_current_request_id_summarization', requestids)
-
-
-      } catch (error) {
-        console.log(error);
+    let tags = []
+    for (const tag of sortedIds) {
+      try {
+        tags.push(["i", tag.id, "event"])
+      } catch {
       }
+    }
+
+    let r = ["relays"]
+    for (let relay of store.state.relays) {
+      r.push(relay)
+    }
+    tags.push(r)
+
+
+    let res;
+    let requestid;
+
+
+    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(res)
+
+
+    requestids.push(requestid)
+    store.commit('set_current_request_id_summarization', requestids)
+
+
+  } catch (error) {
+    console.log(error);
+  }
 }
 
 
-async function  listen() {
-    let client = store.state.client
-    let pubkey = store.state.pubkey
+async function listen() {
+  let client = store.state.client
+  let pubkey = store.state.pubkey
 
-    const filter = new Filter().kinds([7000, 6001]).pubkey(pubkey).since(Timestamp.now());
-    await client.subscribe([filter]);
+  const filter = new Filter().kinds([7000, 6001]).pubkey(pubkey).since(Timestamp.now());
+  await client.subscribe([filter]);
 
-    const handle = {
-        // Handle event
-        handleEvent: async (relayUrl, subscriptionId, event) => {
-           /*   if (store.state.summarizationhasEventListener === false){
-                return true
-              }*/
-            //const dvmname =  getNamefromId(event.author.toHex())
-            console.log("Received new event from", relayUrl);
-              console.log(event.asJson())
-           let resonsetorequest = false
-            sleep(0).then(async () => {
-              for (let tag in event.tags) {
-                if (event.tags[tag].asVec()[0] === "e") {
+  const handle = {
+    // Handle event
+    handleEvent: async (relayUrl, subscriptionId, event) => {
+      /*   if (store.state.summarizationhasEventListener === false){
+           return true
+         }*/
+      //const dvmname =  getNamefromId(event.author.toHex())
+      console.log("Received new event from", relayUrl);
+      console.log(event.asJson())
+      let resonsetorequest = false
+      sleep(0).then(async () => {
+        for (let tag in event.tags) {
+          if (event.tags[tag].asVec()[0] === "e") {
 
-                  if (store.state.requestidSummarization.includes(event.tags[tag].asVec()[1])){
-                    resonsetorequest = true
-                  }
-                }
+            if (store.state.requestidSummarization.includes(event.tags[tag].asVec()[1])) {
+              resonsetorequest = true
+            }
+          }
 
-              }
-              if (resonsetorequest === true) {
-                if (event.kind === 7000) {
-
-
-                  try {
-                    console.log("7000: ", event.content);
-                    console.log("DVM: " + event.author.toHex())
-
-                    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]
-                        }
-                          else{
-                            let profiles = await get_user_infos([event.author.toHex()])
-                           let created = 0
-                            let current
-                          console.log("NUM KIND0 FOUND " + profiles.length)
-                            if (profiles.length > 0){
-                             // for (const profile of profiles){
-                                console.log(profiles[0].profile)
-                              let current = profiles[0]
-                               // if (profiles[0].profile.createdAt > created){
-                               //     created = profile.profile.createdAt
-                               //     current = profile
-                               //   }
-
-
-                               let lud16 = current.profile.lud16
-                              if (lud16 !== null && lud16 !== ""){
-                                console.log("LUD16: " +  lud16)
-                                jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount)
-                                console.log(jsonentry.bolt11)
-                                if(jsonentry.bolt11 === ""){
-                                 status = "error"
-                                }
-                            }
-                              else {
-                                console.log("NO LNURL")
-                              }
-
-                          }
-
-                            else {
-                              console.log("PROFILE NOT FOUND")
-                            }
-                        }
-                      }
-                    }
-
-
-                    //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_summarization_dvms', dvms)
-
-                  } catch (error) {
-                    console.log("Error: ", error);
-                  }
-
-
-                }
-
-
-                 else if (event.kind === 6001){
-                   console.log(event.content)
-                    dvms.find(i => i.id === event.author.toHex()).result = event.content
-                    dvms.find(i => i.id === event.author.toHex()).status = "finished"
-                    store.commit('set_summarization_dvms', dvms)
-                }
-              }
-            })
-        },
-        // Handle relay message
-        handleMsg: async (relayUrl, message) => {
-            //console.log("Received message from", relayUrl, message.asJson());
         }
-    };
+        if (resonsetorequest === true) {
+          if (event.kind === 7000) {
 
-    client.handleNotifications(handle);
+
+            try {
+              console.log("7000: ", event.content);
+              console.log("DVM: " + event.author.toHex())
+
+              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]
+                  } else {
+                    let profiles = await get_user_infos([event.author.toHex()])
+                    let created = 0
+                    let current
+                    console.log("NUM KIND0 FOUND " + profiles.length)
+                    if (profiles.length > 0) {
+                      // for (const profile of profiles){
+                      console.log(profiles[0].profile)
+                      let current = profiles[0]
+                      // if (profiles[0].profile.createdAt > created){
+                      //     created = profile.profile.createdAt
+                      //     current = profile
+                      //   }
+
+
+                      let lud16 = current.profile.lud16
+                      if (lud16 !== null && lud16 !== "") {
+                        console.log("LUD16: " + lud16)
+                        jsonentry.bolt11 = await createBolt11Lud16(lud16, jsonentry.amount)
+                        console.log(jsonentry.bolt11)
+                        if (jsonentry.bolt11 === "") {
+                          status = "error"
+                        }
+                      } else {
+                        console.log("NO LNURL")
+                      }
+
+                    } else {
+                      console.log("PROFILE NOT FOUND")
+                    }
+                  }
+                }
+              }
+
+
+              //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_summarization_dvms', dvms)
+
+            } catch (error) {
+              console.log("Error: ", error);
+            }
+
+
+          } else if (event.kind === 6001) {
+            console.log(event.content)
+            dvms.find(i => i.id === event.author.toHex()).result = event.content
+            dvms.find(i => i.id === event.author.toHex()).status = "finished"
+            store.commit('set_summarization_dvms', dvms)
+          }
+        }
+      })
+    },
+    // Handle relay message
+    handleMsg: async (relayUrl, message) => {
+      //console.log("Received message from", relayUrl, message.asJson());
+    }
+  };
+
+  client.handleNotifications(handle);
 }
 
 
 async function zap_local(invoice) {
 
   let success = await zap(invoice)
-  if (success){
-     dvms.find(i => i.bolt11 === invoice).status = "paid"
+  if (success) {
+    dvms.find(i => i.bolt11 === invoice).status = "paid"
     store.commit('set_summarization_dvms', dvms)
   }
 
@@ -257,7 +229,6 @@ defineProps({
 })
 
 
-
 const isModalOpened = ref(false);
 const modalcontent = ref("");
 const datetopost = ref(Date.now());
@@ -284,7 +255,6 @@ const submitHandler = async () => {
 }
 
 
-
 </script>
 
 <!--  font-thin bg-gradient-to-r from-white to-nostr bg-clip-text text-transparent -->
@@ -296,79 +266,80 @@ const submitHandler = async () => {
     <h3 class="text-7xl font-black tracking-wide">Summarization</h3>
 
     <h3>
-     <br>
-     <button class="v-Button"  @click="summarizefeed($props.events)">Summarize Results</button>
+      <br>
+      <button class="v-Button" @click="summarizefeed($props.events)">Summarize Results</button>
     </h3>
 
   </div>
   <br>
 
 
-
   <div class=" relative space-y-2">
-    <div class="grid grid-cols-1 gap-2 "  >
-
-        <div className="card w-70 bg-base-100 shadow-xl"   v-for="dvm in store.state.summarizationdvms"
-            :key="dvm.id">
-
+    <div class="grid grid-cols-1 gap-2 ">
 
+      <div v-for="dvm in store.state.summarizationdvms" :key="dvm.id"
+           className="card w-70 bg-base-100 shadow-xl">
 
 
         <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>
+          <div className="playeauthor-wrapper">
+            <figure className="w-20">
+              <img v-if="dvm.image" :src="dvm.image" alt="DVM Picture" className="avatar"/>
+              <img v-else class="avatar" src="@/assets/nostr-purple.svg"/>
+            </figure>
 
 
-          <h2 className="card-title">{{ dvm.name }}</h2>
-  </div>
-          <h3 class="fa-cut" >{{ dvm.about }}</h3>
+            <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="card-actions justify-end mt-auto" >
-
-              <div className="tooltip mt-auto">
+            <div className="tooltip mt-auto">
 
 
-                <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_local(dvm.bolt11);">{{ dvm.amount/1000 }} Sats</button>
+              <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_local(dvm.bolt11);">
+                {{ dvm.amount / 1000 }} Sats
+              </button>
 
 
+            </div>
+
           </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> -->
+          <p v-if="dvm.status === 'finished'">{{ dvm.result }}</p>
+
+          <!--   <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">
+
+
+
+
+            </div>
+        </details>-->
 
-         <!--       <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> -->
- <p  v-if="dvm.status === 'finished'">{{dvm.result}}</p>
-
-  <!--   <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">
-
-
-
-
-    </div>
-</details>-->
-
-
-           </div>
 
       </div>
     </div>
@@ -380,15 +351,15 @@ const submitHandler = async () => {
 
 <style scoped>
 
-.zap-Button{
+.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;
+  height: 48px;
+  margin: 5px;
 }
 
 .c-Input {
@@ -400,7 +371,7 @@ const submitHandler = async () => {
 }
 
 .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;
+  @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;
@@ -415,16 +386,16 @@ const submitHandler = async () => {
 }
 
 .logo {
-     display: flex;
-    width:100%;
-    height:125px;
-    justify-content: center;
-    align-items: center;
+  display: flex;
+  width: 100%;
+  height: 125px;
+  justify-content: center;
+  align-items: center;
 }
 
 h3 {
   font-size: 1.0rem;
-   text-align: left;
+  text-align: left;
 }
 
 
diff --git a/ui/noogle/src/components/data/deadnip89s.json b/ui/noogle/src/components/data/deadnip89s.json
index 2b2e63d..2826b12 100644
--- a/ui/noogle/src/components/data/deadnip89s.json
+++ b/ui/noogle/src/components/data/deadnip89s.json
@@ -1,74 +1,218 @@
 [
-  {"id": "766809b054c9b772652377ef968625509a7e92c56669e302940ac08c8c3d0f96"},
-  {"id": "7fb49260fbd9148e08672b8339bca6c5a866cf7aaa03051898ed02f6d85109b2"},
-  {"id": "edd11ae518e4f59a25472d5ef869f114c8e5399723fd7bed32389eef37a6ec0c"},
-  {"id": "b6e93a7185036b69b04a55665409957ba4d9fb2a944e43c690e6f4d64678c43f"},
-  {"id": "be40dfce56ff47bce6cfa2073dd6c6d88e53d44d7e1178cc30ebb4ca991de4e4"},
-  {"id": "72d86d5428049c74f94ac335cd662772f580fa27497398dd06b443653a16b4ad"},
-  {"id": "0e2b90ea31426f03f9ccfff6093aacde0322a2c026d3fedf47fa35e722970fdf"},
-  {"id": "ad281d17781cdcbdfce38cf13188f56b9dbb16977ca029823a3d6e0fa502e73a"},
-  {"id": "c0361dd4bbae4cc32be424cf564f547b29496b3bd7bbbf3ede0cb0b8d8930b5c"},
-  {"id": "349fdcad3da119f09bde6861806ae3ff461b1eb3b3708067f0abb0e669c54841"},
-  {"id": "d9a016283161f262b2764e6a5710f9c2dc1aca19a42d19cca5af7cc20ff2955e"},
-  {"id": "365aa211f1e873988dacb4ff1a10fe3b7221a940c3d155b8f4d33a25ca42fa52"},
-  {"id": "2b07103533f747c0899f00f575c79cdea960ac62b33d06780e284eb020215c0b"},
-  {"id": "5f7ce70135b7172358ee41b0f1f0ff9110af7294eef7ca7878882e129e6104db"},
-  {"id": "b570d7d7d68130750c4b84aa3808fd209ed767300246365a5deaaedffcfb6d0b"},
-  {"id": "3468c0769e9a8c10cc74e9bdbf11a00df1b35480b65059f71357c7f1a9e35d68"},
-  {"id": "1f0cf47de297037e91450631552b3ff7ce6567b73eac57e94bbbe2d6ca99e744"},
-  {"id": "02650e51270e0a734505fb2876adbef89f26bbe660ca4e8fadea0ecf1ea1b1d0"},
-  {"id": "764b2ac58c23310f2caeecd155eff294f190e433438d3df5a244b5af979d3a81"},
-  {"id": "c788b8a0ce4e9d795dd1895e87c0e3dd019766ebbfcd4f99112d523b8374e9de"},
-  {"id": "e9ec70f0f0c1e8134efacb9941647d451f4c6d3acccb40b878598ade9308599a"},
-  {"id": "4f3e5fbbb27392ce4b4ef46ee0d5bc42e5112bde6cb72644a34d89bc7505b9d5"},
-  {"id": "5e4e3c95215be93be3bc5bac242f6b332c1265140d179f31af858e8f172c8d6a"},
-  {"id": "bdbcfb112b0f7d55e2bcc231ec06335ea5051d49edcbed8170f717f8ecf1a965"},
-  {"id": "294303fbde21251093bb86683701023bd1d7e310a64e0b1068f6160696f3c6a4"},
-  {"id": "00ef6f71fcaa72742493178b8409c32bb68d92c9f67af717f92bef35272a74d4"},
-  {"id": "4fff1259602cf46619d379ee8c790a1acc310a53cb617fa46d522978d6b4876b"},
-  {"id": "aab06b1602f0380e6c2f442c7992c82259968d8abbba1da69d774a32d747c3b4"},
-  {"id": "4bbee7e48d393b692f80e5a5357fcb435adbd46172b38f367a43c3aeb45b2fb3"},
-  {"id": "97a7fa0776225a5eb644da81db9a73eacebf046d7fe745f567345c1cec0a9e32"},
-  {"id": "aad1de5bb5dc4ce80de3d55a6ce7037ddb46aadb4e44c3742781d1422cf79765"},
-  {"id": "2dcd9ea8b4959c7b986bfda2bdc8175ed156a474457d38be42f54f027a1dff5a"},
-  {"id": "747215ea31506d60af14bae6914fd1107de0893f99c0f2e178216bea79de4677"},
-  {"id": "d69a3d1b7d635ba12be30ebb9473ad4a973138e54ef1aaa2f6cce060a82937b4"},
-  {"id": "c4ba426af0bb7be9de06b774aec33b7733cb952c5e1bc723c9bf021b3e2be1ea"},
-  {"id": "0f7dac8f31a9aac4d4479373153489fc57889c964e82dd619bed2f60f0af27ee"},
-  {"id": "561420baa35477e27b85e62ecfded0b76cab0c0acaedc9b3ab6ac7d88be42165"},
-  {"id": "d68d8eab7bad9c263f5af0eb46db168d2d82ad19acc5fb19c606fcb18de7994b"},
-  {"id": "86f7e9f6d98831e0ad19a575512f3d969d3af6921260809cc7a33b3b918d87f1"},
-  {"id": "f9287d47f86cc0af606026fe5e017fd479230b6cd2dcc82db915603658312d82"},
-  {"id": "cb83acb45cd810d8fd0df5f1f40d5bfd5406b74e37c9cda54c77114c5dcd357a"},
-  {"id": "5457c08086b3e78887c8eeb39cdd8dcb6559ceea13f32cc4a6f8a84513bfacf1"},
-  {"id": "1c86e2d22620ec6c94aac12fad7ed304bdf439020e74bbc0f0fc096bd5335891"},
-  {"id": "6ad22ca994d0b5952b26cb0b4cae939d474f57729e18509574ace9882a635641"},
-  {"id": "e15e167f70fb7d3ab740248e993096ecd7819de7ad5640f05e5c302b34737f33"},
-  {"id": "a391df97b5fdf380f78091d18da0626afbf9ca2f9517935f3dee766cd0ac72fe"},
-  {"id": "7b4185b0d115b5a12ba57f6804703789c68fb52d1587487161e96011a6a72223"},
-  {"id": "dbd86fc945e0748b2f263abad2338ff212ae02a895f38b0a2c262a0da518ebd2"},
-  {"id": "91591d5dd56657a1acbcc04116f17b2264dd369b9ad361bf15033e6ca326f5ac"},
-  {"id": "eb382df17d822d81d85097f28a49f86dc69ba8a05285dff39e2d877ea31e21cc"},
-  {"id": "b4a85c1e7e4c13281ae58538c57529cc6035ee465a2f69e40b41a6711a2eeb18"},
-  {"id": "0ea69892da43e1b4de82bde7bb599c3f15a71120f9f506fd210c2712ba7026a3"},
-  {"id": "b424c79388a2ea8b04e72f7ea32c0648db15ca5f25705bcd4231d0b658156af1"},
-  {"id": "db11596a64f76082991df4d1d1e8764f4d8da926f81ddbe09333d2ca1335ecd6"},
-  {"id": "f6e4c5cba1dc008f9b9611515ba163ccd1489105265dc8b2809eb846c1b94209"},
-  {"id": "cd4c4f1e65bd1f351dabf8c04fe2903b043ce98ce5613808c027c6609a0556d5"},
-  {"id": "9b0172004b25ee43e517ed6dd969bceb3fef4db3a577f91d8a3dc9cb6fe4e1d1"},
-  {"id": "ca0ee728c85f4df5ffab3561f55fdd2295291a86cd409839c59b92903d041025"},
-  {"id": "c589506d090796e304763dc269731029be08dee1706c1e87413fb376a2e84a97"},
-  {"id": "99ea6a5a7701c255661fc2bea32cb615ca0d4674c45fe6633e58e7eeb5f92873"},
-  {"id": "8e55f6ec8de9e8b4f75e3a771c601c1583855b5d113124ac9fb997b8589117fc"},
-  {"id": "11803eb1505d5014bc13c48621638a94f0b852587f0b5adbcb3ee471d9488ec3"},
-  {"id": "488cf9801acccc925b75d6828287ecaaff8b2bee9b58ce26fa0a2abdd61bd155"},
-  {"id": "0e9bc4a5989a39d4fc7ba73876c88822928b1cc965ed158b431759378363c182"},
-  {"id": "386b2cd47df9260f5b313b151ae988d0710e83e615dfd2abc948f1fa93eb76d6"},
-  {"id": "a451833e4856194aa5f56508eb34c298a5718539b9d320a2b7b30f32a107cc37"},
-  {"id": "91c0639025aba28c5af2178f49d653757bcc68e88d7cc461c86edc1ac2a61942"},
-  {"id": "aaf0b0846e265dec3dcf7b943ea2fc0331daf29a6114ac2eb971c10988e73f6d"},
-  {"id": "d26a9c5d89b9ce197e03bf91e2768df571cf04df796b5ae08742aea97be1c8c5"},
-  {"id": "490debe9303abe3c72fae49c62f8be15556a78c77c4d74e82305c5ce5723986a"},
-  {"id": "52348da7537eb13da45277d755b7b26dfcb249b3b602b2c49b65ecd908c6cde0"},
-  {"id": "1f31fe5bfb3e75c5e984201bfd6be15632f266171ecaf8714829a503818865bf"}
+  {
+    "id": "766809b054c9b772652377ef968625509a7e92c56669e302940ac08c8c3d0f96"
+  },
+  {
+    "id": "7fb49260fbd9148e08672b8339bca6c5a866cf7aaa03051898ed02f6d85109b2"
+  },
+  {
+    "id": "edd11ae518e4f59a25472d5ef869f114c8e5399723fd7bed32389eef37a6ec0c"
+  },
+  {
+    "id": "b6e93a7185036b69b04a55665409957ba4d9fb2a944e43c690e6f4d64678c43f"
+  },
+  {
+    "id": "be40dfce56ff47bce6cfa2073dd6c6d88e53d44d7e1178cc30ebb4ca991de4e4"
+  },
+  {
+    "id": "72d86d5428049c74f94ac335cd662772f580fa27497398dd06b443653a16b4ad"
+  },
+  {
+    "id": "0e2b90ea31426f03f9ccfff6093aacde0322a2c026d3fedf47fa35e722970fdf"
+  },
+  {
+    "id": "ad281d17781cdcbdfce38cf13188f56b9dbb16977ca029823a3d6e0fa502e73a"
+  },
+  {
+    "id": "c0361dd4bbae4cc32be424cf564f547b29496b3bd7bbbf3ede0cb0b8d8930b5c"
+  },
+  {
+    "id": "349fdcad3da119f09bde6861806ae3ff461b1eb3b3708067f0abb0e669c54841"
+  },
+  {
+    "id": "d9a016283161f262b2764e6a5710f9c2dc1aca19a42d19cca5af7cc20ff2955e"
+  },
+  {
+    "id": "365aa211f1e873988dacb4ff1a10fe3b7221a940c3d155b8f4d33a25ca42fa52"
+  },
+  {
+    "id": "2b07103533f747c0899f00f575c79cdea960ac62b33d06780e284eb020215c0b"
+  },
+  {
+    "id": "5f7ce70135b7172358ee41b0f1f0ff9110af7294eef7ca7878882e129e6104db"
+  },
+  {
+    "id": "b570d7d7d68130750c4b84aa3808fd209ed767300246365a5deaaedffcfb6d0b"
+  },
+  {
+    "id": "3468c0769e9a8c10cc74e9bdbf11a00df1b35480b65059f71357c7f1a9e35d68"
+  },
+  {
+    "id": "1f0cf47de297037e91450631552b3ff7ce6567b73eac57e94bbbe2d6ca99e744"
+  },
+  {
+    "id": "02650e51270e0a734505fb2876adbef89f26bbe660ca4e8fadea0ecf1ea1b1d0"
+  },
+  {
+    "id": "764b2ac58c23310f2caeecd155eff294f190e433438d3df5a244b5af979d3a81"
+  },
+  {
+    "id": "c788b8a0ce4e9d795dd1895e87c0e3dd019766ebbfcd4f99112d523b8374e9de"
+  },
+  {
+    "id": "e9ec70f0f0c1e8134efacb9941647d451f4c6d3acccb40b878598ade9308599a"
+  },
+  {
+    "id": "4f3e5fbbb27392ce4b4ef46ee0d5bc42e5112bde6cb72644a34d89bc7505b9d5"
+  },
+  {
+    "id": "5e4e3c95215be93be3bc5bac242f6b332c1265140d179f31af858e8f172c8d6a"
+  },
+  {
+    "id": "bdbcfb112b0f7d55e2bcc231ec06335ea5051d49edcbed8170f717f8ecf1a965"
+  },
+  {
+    "id": "294303fbde21251093bb86683701023bd1d7e310a64e0b1068f6160696f3c6a4"
+  },
+  {
+    "id": "00ef6f71fcaa72742493178b8409c32bb68d92c9f67af717f92bef35272a74d4"
+  },
+  {
+    "id": "4fff1259602cf46619d379ee8c790a1acc310a53cb617fa46d522978d6b4876b"
+  },
+  {
+    "id": "aab06b1602f0380e6c2f442c7992c82259968d8abbba1da69d774a32d747c3b4"
+  },
+  {
+    "id": "4bbee7e48d393b692f80e5a5357fcb435adbd46172b38f367a43c3aeb45b2fb3"
+  },
+  {
+    "id": "97a7fa0776225a5eb644da81db9a73eacebf046d7fe745f567345c1cec0a9e32"
+  },
+  {
+    "id": "aad1de5bb5dc4ce80de3d55a6ce7037ddb46aadb4e44c3742781d1422cf79765"
+  },
+  {
+    "id": "2dcd9ea8b4959c7b986bfda2bdc8175ed156a474457d38be42f54f027a1dff5a"
+  },
+  {
+    "id": "747215ea31506d60af14bae6914fd1107de0893f99c0f2e178216bea79de4677"
+  },
+  {
+    "id": "d69a3d1b7d635ba12be30ebb9473ad4a973138e54ef1aaa2f6cce060a82937b4"
+  },
+  {
+    "id": "c4ba426af0bb7be9de06b774aec33b7733cb952c5e1bc723c9bf021b3e2be1ea"
+  },
+  {
+    "id": "0f7dac8f31a9aac4d4479373153489fc57889c964e82dd619bed2f60f0af27ee"
+  },
+  {
+    "id": "561420baa35477e27b85e62ecfded0b76cab0c0acaedc9b3ab6ac7d88be42165"
+  },
+  {
+    "id": "d68d8eab7bad9c263f5af0eb46db168d2d82ad19acc5fb19c606fcb18de7994b"
+  },
+  {
+    "id": "86f7e9f6d98831e0ad19a575512f3d969d3af6921260809cc7a33b3b918d87f1"
+  },
+  {
+    "id": "f9287d47f86cc0af606026fe5e017fd479230b6cd2dcc82db915603658312d82"
+  },
+  {
+    "id": "cb83acb45cd810d8fd0df5f1f40d5bfd5406b74e37c9cda54c77114c5dcd357a"
+  },
+  {
+    "id": "5457c08086b3e78887c8eeb39cdd8dcb6559ceea13f32cc4a6f8a84513bfacf1"
+  },
+  {
+    "id": "1c86e2d22620ec6c94aac12fad7ed304bdf439020e74bbc0f0fc096bd5335891"
+  },
+  {
+    "id": "6ad22ca994d0b5952b26cb0b4cae939d474f57729e18509574ace9882a635641"
+  },
+  {
+    "id": "e15e167f70fb7d3ab740248e993096ecd7819de7ad5640f05e5c302b34737f33"
+  },
+  {
+    "id": "a391df97b5fdf380f78091d18da0626afbf9ca2f9517935f3dee766cd0ac72fe"
+  },
+  {
+    "id": "7b4185b0d115b5a12ba57f6804703789c68fb52d1587487161e96011a6a72223"
+  },
+  {
+    "id": "dbd86fc945e0748b2f263abad2338ff212ae02a895f38b0a2c262a0da518ebd2"
+  },
+  {
+    "id": "91591d5dd56657a1acbcc04116f17b2264dd369b9ad361bf15033e6ca326f5ac"
+  },
+  {
+    "id": "eb382df17d822d81d85097f28a49f86dc69ba8a05285dff39e2d877ea31e21cc"
+  },
+  {
+    "id": "b4a85c1e7e4c13281ae58538c57529cc6035ee465a2f69e40b41a6711a2eeb18"
+  },
+  {
+    "id": "0ea69892da43e1b4de82bde7bb599c3f15a71120f9f506fd210c2712ba7026a3"
+  },
+  {
+    "id": "b424c79388a2ea8b04e72f7ea32c0648db15ca5f25705bcd4231d0b658156af1"
+  },
+  {
+    "id": "db11596a64f76082991df4d1d1e8764f4d8da926f81ddbe09333d2ca1335ecd6"
+  },
+  {
+    "id": "f6e4c5cba1dc008f9b9611515ba163ccd1489105265dc8b2809eb846c1b94209"
+  },
+  {
+    "id": "cd4c4f1e65bd1f351dabf8c04fe2903b043ce98ce5613808c027c6609a0556d5"
+  },
+  {
+    "id": "9b0172004b25ee43e517ed6dd969bceb3fef4db3a577f91d8a3dc9cb6fe4e1d1"
+  },
+  {
+    "id": "ca0ee728c85f4df5ffab3561f55fdd2295291a86cd409839c59b92903d041025"
+  },
+  {
+    "id": "c589506d090796e304763dc269731029be08dee1706c1e87413fb376a2e84a97"
+  },
+  {
+    "id": "99ea6a5a7701c255661fc2bea32cb615ca0d4674c45fe6633e58e7eeb5f92873"
+  },
+  {
+    "id": "8e55f6ec8de9e8b4f75e3a771c601c1583855b5d113124ac9fb997b8589117fc"
+  },
+  {
+    "id": "11803eb1505d5014bc13c48621638a94f0b852587f0b5adbcb3ee471d9488ec3"
+  },
+  {
+    "id": "488cf9801acccc925b75d6828287ecaaff8b2bee9b58ce26fa0a2abdd61bd155"
+  },
+  {
+    "id": "0e9bc4a5989a39d4fc7ba73876c88822928b1cc965ed158b431759378363c182"
+  },
+  {
+    "id": "386b2cd47df9260f5b313b151ae988d0710e83e615dfd2abc948f1fa93eb76d6"
+  },
+  {
+    "id": "a451833e4856194aa5f56508eb34c298a5718539b9d320a2b7b30f32a107cc37"
+  },
+  {
+    "id": "91c0639025aba28c5af2178f49d653757bcc68e88d7cc461c86edc1ac2a61942"
+  },
+  {
+    "id": "aaf0b0846e265dec3dcf7b943ea2fc0331daf29a6114ac2eb971c10988e73f6d"
+  },
+  {
+    "id": "d26a9c5d89b9ce197e03bf91e2768df571cf04df796b5ae08742aea97be1c8c5"
+  },
+  {
+    "id": "490debe9303abe3c72fae49c62f8be15556a78c77c4d74e82305c5ce5723986a"
+  },
+  {
+    "id": "52348da7537eb13da45277d755b7b26dfcb249b3b602b2c49b65ecd908c6cde0"
+  },
+  {
+    "id": "1f31fe5bfb3e75c5e984201bfd6be15632f266171ecaf8714829a503818865bf"
+  }
 ]
\ No newline at end of file
diff --git a/ui/noogle/src/components/helper/Helper.vue b/ui/noogle/src/components/helper/Helper.vue
index e2afa48..ccc5fdc 100644
--- a/ui/noogle/src/components/helper/Helper.vue
+++ b/ui/noogle/src/components/helper/Helper.vue
@@ -4,65 +4,61 @@ import store from "@/store";
 import {
   Alphabet,
   Duration,
-  Event,
   EventBuilder,
   EventId,
   Filter,
-  Keys,
   PublicKey,
   SingleLetterTag,
   Tag,
-  Timestamp, UnsignedEvent
+  Timestamp
 } from "@rust-nostr/nostr-sdk";
 import miniToastr from "mini-toastr/mini-toastr";
 import VueNotifications from "vue-notifications";
-import {bech32} from "bech32";
-
 
 
 export default defineComponent({
   name: "posting"
 })
 
-export async function post_note(note){
-   let client = store.state.client
-   let tags = []
+export async function post_note(note) {
+  let client = store.state.client
+  let tags = []
 
 
-    await client.publishTextNote(note, tags);
+  await client.publishTextNote(note, tags);
 
 }
+
 export async function react_to_dvm(dvm, reaction) {
-    let client = store.state.client
+  let client = store.state.client
 
-     let event = EventBuilder.reaction(dvm.event, reaction)
-     let requestid = await client.sendEventBuilder(event);
+  let event = EventBuilder.reaction(dvm.event, reaction)
+  let requestid = await client.sendEventBuilder(event);
 
 
-
-    let users = await get_user_infos([store.state.pubkey])
-     console.log(users[0])
-    if (reaction === "👎"){
-      dvm.reactions.negativeUser = true
+  let users = await get_user_infos([store.state.pubkey])
+  console.log(users[0])
+  if (reaction === "👎") {
+    dvm.reactions.negativeUser = true
 
 
-      dvm.reactions.negative.push(users[0])
-    }
-     else {
-      dvm.reactions.positiveUser = true
-      dvm.reactions.positive.push(users[0])
-    }
+    dvm.reactions.negative.push(users[0])
+  } else {
+    dvm.reactions.positiveUser = true
+    dvm.reactions.positive.push(users[0])
+  }
 
 }
+
 export async function schedule(note, datetopost) {
 
 
-  let schedule = Timestamp.fromSecs(datetopost/1000)
+  let schedule = Timestamp.fromSecs(datetopost / 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)
+  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 )
+  console.log("Date: " + date + " Time: " + time)
 
   let client = store.state.client
   let signer = store.state.signer
@@ -90,14 +86,14 @@ export async function schedule(note, datetopost) {
   console.log(evt)
   let res = await client.sendEventBuilder(evt);
   console.log(res)
-  miniToastr.showMessage("Note scheduled for " + ("Date: " + date + " Time: "+ time ))
+  miniToastr.showMessage("Note scheduled for " + ("Date: " + date + " Time: " + time))
 
 
 }
 
 export async function getEvents(eventids) {
   let ids = []
-  for (let eid of eventids){
+  for (let eid of eventids) {
     ids.push(EventId.parse(eid))
   }
   const event_filter = new Filter().ids(ids)
@@ -105,21 +101,22 @@ export async function getEvents(eventids) {
   return await client.getEventsOf([event_filter], Duration.fromSecs(5))
 
 }
+
 export async function getEventsOriginalOrder(eventids) {
   let ids = []
-  for (let eid of eventids){
+  for (let eid of eventids) {
     ids.push(EventId.parse(eid))
   }
   const event_filter = new Filter().ids(ids)
   let client = store.state.client
-  let results =  await client.getEventsOf([event_filter], Duration.fromSecs(5))
+  let results = await client.getEventsOf([event_filter], Duration.fromSecs(5))
   /*console.log(results.length)
   for (let e of results){
     console.log(e.id.toHex())
   } */
 
   let final = []
-  for (let f of eventids){
+  for (let f of eventids) {
     let note = results.find(value => value.id.toHex() === f)
     //console.log(note)
     final.push(note)
@@ -137,164 +134,161 @@ export function nextInput(e) {
   }
 }
 
-export async function get_user_infos(pubkeys){
-        let pkeys = []
-        for (let pk of pubkeys){
-          pkeys.push(PublicKey.parse(pk))
-        }
-        let profiles = []
-        let client = store.state.client
-        const profile_filter = new Filter().kind(0).authors(pkeys)
-        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
-
-    }
-export async function get_event_reactions(ids){
-        let zapsandreactions = []
-
-        for (let id of ids){
-            zapsandreactions.push({
-             id: id.toHex(),
-             amount: 0,
-              reactions: 0,
-              reposts: 0,
-            zappedbyUser: false,
-            reactedbyUser: false,
-             repostedbyUser: false,})
-        }
-
-        let client = store.state.client
-        const zap_filter = new Filter().kinds([9735, 6, 7]).events(ids)
-        let evts = await client.getEventsOf([zap_filter],  Duration.fromSecs(10))
-
-        for (const entry of evts){
-          try{
-            //let contentjson = JSON.parse(entry.content)
-            if (entry.kind === 9735){
-              for (let tag of entry.tags) {
-                if (tag.asVec()[0] === "description") {
-                  let request = JSON.parse(tag.asVec()[1])
-                  let etag = ""
-                  let amount = 0
-                  for (let tg of request.tags) {
-                    if (tg[0] === "amount") {
-                      amount = parseInt(tg[1])
-                    }
-                    if (tg[0] === "e") {
-                      etag = tg[1]
-                      //console.log(request.pubkey)
-                      if (request.pubkey === localStorage.getItem("nostr-key")) {
-                        zapsandreactions.find(x => x.id === etag).zappedbyUser = true
-                      }
-                    }
-                  }
-
-                  zapsandreactions.find(x => x.id === etag).amount += amount
-                }
-                }
-            }
-              else if (entry.kind === 7) {
-                  for (let tag of entry.tags) {
-
-                    if (tag.asVec()[0] === "e") {
-                      if (entry.author.toHex() === localStorage.getItem("nostr-key")) {
-                        zapsandreactions.find(x => x.id === tag.asVec()[1]).reactedbyUser = true
-                      }
-                      zapsandreactions.find(x => x.id === tag.asVec()[1]).reactions += 1
-
-                    }
-                  }
-
-
-                }
-                else if (entry.kind === 6) {
-                  for (let tag of entry.tags) {
-
-                    if (tag.asVec()[0] === "e") {
-                      if (entry.author.toHex() === localStorage.getItem("nostr-key")) {
-                        zapsandreactions.find(x => x.id === tag.asVec()[1]).repostedbyUser = true
-                      }
-                      zapsandreactions.find(x => x.id === tag.asVec()[1]).reposts += 1
-
-                    }
-                  }
-
-
-                }
-
-
-             //console.log(contentjson)
-            //zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
-          }
-          catch(error){
-            //console.log(error)
-          }
-
-        }
-
-        //console.log(zapsandreactions)
-
-        return zapsandreactions
+export async function get_user_infos(pubkeys) {
+  let pkeys = []
+  for (let pk of pubkeys) {
+    pkeys.push(PublicKey.parse(pk))
+  }
+  let profiles = []
+  let client = store.state.client
+  const profile_filter = new Filter().kind(0).authors(pkeys)
+  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")
     }
 
-export async function get_reactions(ids){
-        let reactions = []
-        let jsonentry = {}
-        for (let id of ids){
-            reactions.push({
-             id: id.toHex(),
-             amount: 0,
-             ReactedbyUser: false,})
-        }
+  }
 
-        let client = store.state.client
-        const zap_filter = new Filter().kind(7).events(ids)
-        let evts = await client.getEventsOf([zap_filter],  Duration.fromSecs(10))
+  return profiles
 
-        for (const entry of evts){
-          try{
-            //let contentjson = JSON.parse(entry.content)
+}
 
-            for (let tag of entry.tags){
+export async function get_event_reactions(ids) {
+  let zapsandreactions = []
 
-              if (tag.asVec()[0] === "e") {
-                console.log(entry.pubkey )
-                if(entry.pubkey === localStorage.getItem("nostr-key")){
-                  reactions.find(x=> x.id === tag.asVec()[1]).ReactedbyUser = true
+  for (let id of ids) {
+    zapsandreactions.push({
+      id: id.toHex(),
+      amount: 0,
+      reactions: 0,
+      reposts: 0,
+      zappedbyUser: false,
+      reactedbyUser: false,
+      repostedbyUser: false,
+    })
+  }
+
+  let client = store.state.client
+  const zap_filter = new Filter().kinds([9735, 6, 7]).events(ids)
+  let evts = await client.getEventsOf([zap_filter], Duration.fromSecs(10))
+
+  for (const entry of evts) {
+    try {
+      //let contentjson = JSON.parse(entry.content)
+      if (entry.kind === 9735) {
+        for (let tag of entry.tags) {
+          if (tag.asVec()[0] === "description") {
+            let request = JSON.parse(tag.asVec()[1])
+            let etag = ""
+            let amount = 0
+            for (let tg of request.tags) {
+              if (tg[0] === "amount") {
+                amount = parseInt(tg[1])
+              }
+              if (tg[0] === "e") {
+                etag = tg[1]
+                //console.log(request.pubkey)
+                if (request.pubkey === localStorage.getItem("nostr-key")) {
+                  zapsandreactions.find(x => x.id === etag).zappedbyUser = true
                 }
-                reactions.find(x=> x.id ===  tag.asVec()[1]).amount += 1
-
               }
             }
-             //console.log(contentjson)
-            //zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
-          }
-          catch(error){
-            console.log("error")
-          }
 
+            zapsandreactions.find(x => x.id === etag).amount += amount
+          }
+        }
+      } else if (entry.kind === 7) {
+        for (let tag of entry.tags) {
+
+          if (tag.asVec()[0] === "e") {
+            if (entry.author.toHex() === localStorage.getItem("nostr-key")) {
+              zapsandreactions.find(x => x.id === tag.asVec()[1]).reactedbyUser = true
+            }
+            zapsandreactions.find(x => x.id === tag.asVec()[1]).reactions += 1
+
+          }
         }
 
-        console.log(reactions)
 
-        return reactions
+      } else if (entry.kind === 6) {
+        for (let tag of entry.tags) {
 
+          if (tag.asVec()[0] === "e") {
+            if (entry.author.toHex() === localStorage.getItem("nostr-key")) {
+              zapsandreactions.find(x => x.id === tag.asVec()[1]).repostedbyUser = true
+            }
+            zapsandreactions.find(x => x.id === tag.asVec()[1]).reposts += 1
+
+          }
+        }
+
+
+      }
+
+
+      //console.log(contentjson)
+      //zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
+    } catch (error) {
+      //console.log(error)
     }
 
+  }
+
+  //console.log(zapsandreactions)
+
+  return zapsandreactions
+
+}
+
+export async function get_reactions(ids) {
+  let reactions = []
+  let jsonentry = {}
+  for (let id of ids) {
+    reactions.push({
+      id: id.toHex(),
+      amount: 0,
+      ReactedbyUser: false,
+    })
+  }
+
+  let client = store.state.client
+  const zap_filter = new Filter().kind(7).events(ids)
+  let evts = await client.getEventsOf([zap_filter], Duration.fromSecs(10))
+
+  for (const entry of evts) {
+    try {
+      //let contentjson = JSON.parse(entry.content)
+
+      for (let tag of entry.tags) {
+
+        if (tag.asVec()[0] === "e") {
+          console.log(entry.pubkey)
+          if (entry.pubkey === localStorage.getItem("nostr-key")) {
+            reactions.find(x => x.id === tag.asVec()[1]).ReactedbyUser = true
+          }
+          reactions.find(x => x.id === tag.asVec()[1]).amount += 1
+
+        }
+      }
+      //console.log(contentjson)
+      //zaps.push({profile: contentjson, author: entry.author.toHex(), createdAt: entry.createdAt});
+    } catch (error) {
+      console.log("error")
+    }
+
+  }
+
+  console.log(reactions)
+
+  return reactions
+
+}
 
 
 export const sleep = (ms) => {
@@ -302,38 +296,36 @@ export const sleep = (ms) => {
 }
 
 
- export  async function copyinvoice(invoice){
+export async function copyinvoice(invoice) {
 
-        window.open("lightning:" + invoice,"_blank")
-    await navigator.clipboard.writeText(invoice)
-        miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info)
-    }
+  window.open("lightning:" + invoice, "_blank")
+  await navigator.clipboard.writeText(invoice)
+  miniToastr.showMessage("", "Copied Invoice to clipboard", VueNotifications.types.info)
+}
 
- export async function copyurl(url){
-       await navigator.clipboard.writeText(url)
-       miniToastr.showMessage("", "Copied link to clipboard", VueNotifications.types.info)
-    }
+export async function copyurl(url) {
+  await navigator.clipboard.writeText(url)
+  miniToastr.showMessage("", "Copied link to clipboard", VueNotifications.types.info)
+}
 
 
-
-export async function parseandreplacenpubs(note){
+export async function parseandreplacenpubs(note) {
   note = note.replace("\n", " ")
   const myArray = note.split(" ");
   let finalnote = ""
-  for (let word in myArray){
+  for (let word in myArray) {
 
-    if(myArray[word].startsWith("nostr:npub")){
+    if (myArray[word].startsWith("nostr:npub")) {
 
-  console.log(myArray[word])
-       //console.log(pk.toBech32())
-      try{
+      console.log(myArray[word])
+      //console.log(pk.toBech32())
+      try {
         let pk = PublicKey.parse(myArray[word].replace("nostr:", ""))
         let profiles = await get_user_infos([pk.toHex()])
         console.log(profiles)
         //console.log(profiles[0].profile.nip05)
         myArray[word] = profiles[0].profile.nip05 // replace with nip05 for now
-      }
-      catch{
+      } catch {
 
       }
     }
@@ -345,40 +337,35 @@ export async function parseandreplacenpubs(note){
 }
 
 
-export async function parseandreplacenpubsName(note){
+export async function parseandreplacenpubsName(note) {
 
   const myArray = note.split(/\n | \r | /);
   let finalnote = ""
-  for (let word in myArray){
+  for (let word in myArray) {
 
-        if (myArray[word].startsWith("https")){
-          myArray[word] = myArray[word] + "\n"
-        }
+    if (myArray[word].startsWith("https")) {
+      myArray[word] = myArray[word] + "\n"
+    }
 
-      if(myArray[word].startsWith("nostr:note")){
-               myArray[word] =  "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "")+ "'>" +myArray[word].replace("nostr:", "") + "</a> "
-      }
-     else  if(myArray[word].startsWith("nostr:nevent")){
-               myArray[word] =  "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "")+ "'>" +myArray[word].replace("nostr:", "") + "</a> "
-      }
-
-
-    else if(myArray[word].startsWith("nostr:npub")){
+    if (myArray[word].startsWith("nostr:note")) {
+      myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "") + "'>" + myArray[word].replace("nostr:", "") + "</a> "
+    } else if (myArray[word].startsWith("nostr:nevent")) {
+      myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "") + "'>" + myArray[word].replace("nostr:", "") + "</a> "
+    } else if (myArray[word].startsWith("nostr:npub")) {
       //console.log(myArray[word])
 
-       //console.log(pk.toBech32())
-      try{
+      //console.log(pk.toBech32())
+      try {
         let pk = PublicKey.parse(myArray[word].replace("nostr:", ""))
         let profiles = await get_user_infos([pk.toHex()])
         //console.log(profiles[0].profile.nip05)
 
-       // myArray[word] =  "<a class='purple' target=\"_blank\"  href=\"https://njump.com/" + myArray[word].replace("nostr:", "") +" \">" + profiles[0].profile.name + "</a> "
-       myArray[word] =  "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "")+ "'>" + profiles[0].profile.name + "</a> "
+        // myArray[word] =  "<a class='purple' target=\"_blank\"  href=\"https://njump.com/" + myArray[word].replace("nostr:", "") +" \">" + profiles[0].profile.name + "</a> "
+        myArray[word] = "<a class='purple' target=\"_blank\" href='https://njump.me/" + myArray[word].replace("nostr:", "") + "'>" + profiles[0].profile.name + "</a> "
 
 
-          //  profiles[0].profile.name // replace with nip05 for now
-      }
-      catch{
+        //  profiles[0].profile.name // replace with nip05 for now
+      } catch {
 
       }
     }
@@ -389,7 +376,7 @@ export async function parseandreplacenpubsName(note){
   return finalnote.trimEnd()
 }
 
-export async function fetchAsync (url) {
+export async function fetchAsync(url) {
   let response = await fetch(url);
   let data = await response.json();
   return data;
@@ -397,125 +384,111 @@ export async function fetchAsync (url) {
 
 export async function dvmreactions(dvmid, authors) {
   let reactions = {
-      positive: [],
-      negative: [],
-      positiveUser: false,
-      negativeUser: false
-    }
+    positive: [],
+    negative: [],
+    positiveUser: false,
+    negativeUser: false
+  }
 
-    let client = store.state.client
+  let client = store.state.client
 
   let authorscheck = []
-  for (let author of authors){
-    try{
+  for (let author of authors) {
+    try {
       authorscheck.push(PublicKey.parse(author))
-    }
-    catch{
+    } catch {
       console.log("err" + author)
     }
   }
 
 
-
-    let reactionfilter = new Filter().kind(7).pubkey (dvmid).authors(authorscheck).since(Timestamp.fromSecs(Timestamp.now().asSecs() - 60*60*24*60)) // reactions by our followers in the last 2 months
-    let evts = await client.getEventsOf([reactionfilter], Duration.fromSecs(5))
-    let npubs = []
-    for (let evt of evts){
-      npubs.push(evt.author.toHex())
-    }
+  let reactionfilter = new Filter().kind(7).pubkey(dvmid).authors(authorscheck).since(Timestamp.fromSecs(Timestamp.now().asSecs() - 60 * 60 * 24 * 60)) // reactions by our followers in the last 2 months
+  let evts = await client.getEventsOf([reactionfilter], Duration.fromSecs(5))
+  let npubs = []
+  for (let evt of evts) {
+    npubs.push(evt.author.toHex())
+  }
 
   let users = await get_user_infos(npubs)
   console.log(users)
 
-    if (evts.length > 0){
-      for (let reaction of evts){
-        if (reaction.content === "👎"){
-         let profile =  users.find(x => x.author === reaction.author.toHex() )
-          reactions.negative.push(profile)
-          /*if (reaction.author.toHex() === store.state.pubkey.toHex()){
-            reactions.negativeUser = true
-          }*/
-        }
-
-        else{
-           let profile =  users.find(x => x.author === reaction.author.toHex() )
-           reactions.positive.push(profile)
-             // if (reaction.author.toHex() === store.state.pubkey.toHex()){
-            //reactions.positiveUser = true
-             // }
-
-        }
+  if (evts.length > 0) {
+    for (let reaction of evts) {
+      if (reaction.content === "👎") {
+        let profile = users.find(x => x.author === reaction.author.toHex())
+        reactions.negative.push(profile)
+        /*if (reaction.author.toHex() === store.state.pubkey.toHex()){
+          reactions.negativeUser = true
+        }*/
+      } else {
+        let profile = users.find(x => x.author === reaction.author.toHex())
+        reactions.positive.push(profile)
+        // if (reaction.author.toHex() === store.state.pubkey.toHex()){
+        //reactions.positiveUser = true
+        // }
 
       }
 
-
     }
 
 
+  }
+
 
   return reactions
 }
 
 export async function hasActiveSubscription(pubkeystring, tiereventdtag, tierauthorid) {
 
-    console.log("Checking for subscription")
-    let client = store.state.client
-    let subscriptionstatus = {
-      isActive: false,
-      validUntil: 0,
-      subscriptionId: "",
-      expires: false
+  console.log("Checking for subscription")
+  let client = store.state.client
+  let subscriptionstatus = {
+    isActive: false,
+    validUntil: 0,
+    subscriptionId: "",
+    expires: false
+  }
+
+  let subscriptionfilter = new Filter().kind(7003).pubkey(PublicKey.parse(tierauthorid)).customTag(SingleLetterTag.uppercase(Alphabet.P), [pubkeystring]).limit(1)
+  let evts = await client.getEventsOf([subscriptionfilter], Duration.fromSecs(5))
+
+  if (evts.length > 0) {
+    console.log(evts[0].asJson())
+    let matchesdtag = false
+    for (let tag of evts[0].tags) {
+      if (tag.asVec()[0] === "valid") {
+        subscriptionstatus["validUntil"] = parseInt(tag.asVec()[2])
+      } else if (tag.asVec()[0] === "e") {
+        subscriptionstatus["subscriptionId"] = tag.asVec()[1]
+      } else if (tag.asVec()[0] === "tier") {
+        if (tag.asVec()[1] === tiereventdtag) {
+          matchesdtag = true
+        }
+      }
     }
 
-    let subscriptionfilter = new Filter().kind(7003).pubkey(PublicKey.parse(tierauthorid)).customTag(SingleLetterTag.uppercase(Alphabet.P), [pubkeystring]).limit(1)
-    let evts = await client.getEventsOf([subscriptionfilter], Duration.fromSecs(5))
+    if (subscriptionstatus["validUntil"] > Timestamp.now().asSecs() && matchesdtag) {
+      subscriptionstatus["isActive"] = true
+    }
 
-    if (evts.length > 0){
-       console.log(evts[0].asJson())
-        let matchesdtag = false
-        for (let tag of evts[0].tags){
-          if (tag.asVec()[0] === "valid"){
-            subscriptionstatus["validUntil"] = parseInt(tag.asVec()[2])
-          }
-          else if (tag.asVec()[0] === "e"){
-            subscriptionstatus["subscriptionId"] = tag.asVec()[1]
-          }
-          else if (tag.asVec()[0] === "tier"){
-            if (tag.asVec()[1] === tiereventdtag)
-            {
-              matchesdtag = true
-            }
-          }
+    if (subscriptionstatus["isActive"] === true) {
+      const filter = new Filter().kind(7002).author(PublicKey.parse(pubkeystring)).pubkey(PublicKey.parse(tierauthorid)).event(EventId.parse(subscriptionstatus["subscriptionId"])).limit(1)  // get latest with these conditons   # customTag(SingleLetterTag.lowercase(Alphabet.A), [eventid])
+      let cancelevts = await client.getEventsOf([filter], Duration.fromSecs(5))
+      if (cancelevts.length > 0) {
+        if (cancelevts[0].createdAt.asSecs() > evts[0].createdAt.asSecs()) {
+          subscriptionstatus["expires"] = true
         }
-
-        if (subscriptionstatus["validUntil"] > Timestamp.now().asSecs() && matchesdtag){
-            subscriptionstatus["isActive"] = true
-        }
-
-        if(  subscriptionstatus["isActive"] === true){
-          const filter = new Filter().kind(7002).author(PublicKey.parse(pubkeystring)).pubkey(PublicKey.parse(tierauthorid)).event(EventId.parse(subscriptionstatus["subscriptionId"])).limit(1)  // get latest with these conditons   # customTag(SingleLetterTag.lowercase(Alphabet.A), [eventid])
-          let cancelevts = await client.getEventsOf([filter], Duration.fromSecs(5))
-          if (cancelevts.length > 0) {
-            if (cancelevts[0].createdAt.asSecs() > evts[0].createdAt.asSecs()) {
-                subscriptionstatus["expires"] = true
-            }
-          }
-
-        }
-
-        return subscriptionstatus
+      }
 
     }
-      return subscriptionstatus
+
+    return subscriptionstatus
+
+  }
+  return subscriptionstatus
 }
 
 
-
-
-
-
-
-
 </script>
 
 <template>
diff --git a/ui/noogle/src/components/helper/Zap.vue b/ui/noogle/src/components/helper/Zap.vue
index 4ef8631..7ae7b59 100644
--- a/ui/noogle/src/components/helper/Zap.vue
+++ b/ui/noogle/src/components/helper/Zap.vue
@@ -11,133 +11,122 @@ import miniToastr from "mini-toastr";
 import VueNotifications from "vue-notifications";
 
 
+async function zap_nwc(invoice) {
 
 
-async function zap_nwc(invoice){
+  const nwc = new webln.NostrWebLNProvider({
+    nostrWalletConnectUrl: loadNWCUrl(),
+  }); // loadNWCUrl is some function to get the NWC URL from some (encrypted) storage
 
 
-    const nwc = new webln.NostrWebLNProvider({
-        nostrWalletConnectUrl: loadNWCUrl(),
-      }); // loadNWCUrl is some function to get the NWC URL from some (encrypted) storage
+  // connect to the relay
+  await nwc.enable();
 
-
-      // connect to the relay
-      await nwc.enable();
-
-      // now you can send payments by passing in the invoice
-  try{
-     const response = await nwc.sendPayment(invoice);
-      console.log(response)
-      return true
-  }
-  catch (error){
+  // now you can send payments by passing in the invoice
+  try {
+    const response = await nwc.sendPayment(invoice);
+    console.log(response)
+    return true
+  } catch (error) {
     miniToastr.showMessage(error, "This didn't work", VueNotifications.types.error)
     console.log(error)
-     return false
+    return false
   }
 
-    }
+}
 
 
 export function loadNWCObject() {
-      if (localStorage.getItem("nwc")){
-          if(JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")){
-             return JSON.parse(localStorage.getItem("nwc"))
-          }
+  if (localStorage.getItem("nwc")) {
+    if (JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")) {
+      return JSON.parse(localStorage.getItem("nwc"))
+    }
 
-      }
-      return null
+  }
+  return null
 }
 
 function loadNWCUrl() {
-      if (localStorage.getItem("nwc")){
-          if(JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")){
-             return JSON.parse(localStorage.getItem("nwc")).nwcUrl
-          }
+  if (localStorage.getItem("nwc")) {
+    if (JSON.parse(localStorage.getItem("nwc")).nwcUrl.startsWith("nostr+walletconnect://")) {
+      return JSON.parse(localStorage.getItem("nwc")).nwcUrl
+    }
 
-      }
-      return ""
+  }
+  return ""
 }
 
-export async function zap(invoice){
+export async function zap(invoice) {
   let nwcstring = loadNWCUrl()
-  if (nwcstring.startsWith("nostr+walletconnect://"))
-  {
+  if (nwcstring.startsWith("nostr+walletconnect://")) {
     return zap_nwc(invoice)
-  }
-  else{
+  } else {
     let webln;
 
-        //this.dvmpaymentaddr =  `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
+    //this.dvmpaymentaddr =  `https://chart.googleapis.com/chart?cht=qr&chl=${invoice}&chs=250x250&chld=M|0`;
 
     try {
       webln = await requestProvider();
     } catch (err) {
-        await copyinvoice(invoice)
-    }
-
-    if (webln) {
-      try{
-           let response = await webln.sendPayment(invoice)
-           return true
-      }
-      catch(err){
-            console.log(err)
-            await copyinvoice(invoice)
-
-      }
-    }
-  }
-
-   return false
-}
-
-export async function zap_lud16(lud16, eventid, authorid){
-  if(lud16 !== null && lud16 !== ""){
-  let invoice = await zaprequest(lud16, 21 , "with love from noogle.lol", eventid, authorid, store.state.relays)
-
-   let nwcstring = loadNWCUrl()
-  if (nwcstring.startsWith("nostr+walletconnect://"))
-  {
-    return zap_nwc(invoice)
-  }
-
-  else{
-      let webln;
-    try {
-      webln = await requestProvider();
-    } catch (err) {
-      if (invoice === null){
-        invoice = await createBolt11Lud16(lud16, 21)
-      }
-
       await copyinvoice(invoice)
-
-
     }
+
     if (webln) {
       try {
         let response = await webln.sendPayment(invoice)
-        if (response.preimage != null && response.preimage !== "") {
-          return true
-        }
-      }
+        return true
+      } catch (err) {
+        console.log(err)
+        await copyinvoice(invoice)
 
-    catch(err){
+      }
+    }
+  }
+
+  return false
+}
+
+export async function zap_lud16(lud16, eventid, authorid) {
+  if (lud16 !== null && lud16 !== "") {
+    let invoice = await zaprequest(lud16, 21, "with love from noogle.lol", eventid, authorid, store.state.relays)
+
+    let nwcstring = loadNWCUrl()
+    if (nwcstring.startsWith("nostr+walletconnect://")) {
+      return zap_nwc(invoice)
+    } else {
+      let webln;
+      try {
+        webln = await requestProvider();
+      } catch (err) {
+        if (invoice === null) {
+          invoice = await createBolt11Lud16(lud16, 21)
+        }
+
+        await copyinvoice(invoice)
+
+
+      }
+      if (webln) {
+        try {
+          let response = await webln.sendPayment(invoice)
+          if (response.preimage != null && response.preimage !== "") {
+            return true
+          }
+        } catch (err) {
           console.log(err)
           await copyinvoice(invoice)
 
+        }
+      }
     }
-  }
-  }
 
 
-   return false
-}
+    return false
+  }
 }
 
-  export async function zaprequest(lud16, amount, content, zapped_evt_id, zapped_usr_id, relay_list){
-    let url = ""
+export async function zaprequest(lud16, amount, content, zapped_evt_id, zapped_usr_id, relay_list) {
+  let url = ""
 
   console.log(lud16)
   console.log(zapped_evt_id)
@@ -147,87 +136,81 @@ export async function zap_lud16(lud16, eventid, authorid){
   let zapped_event_id = EventId.parse(zapped_evt_id).toHex()
 
 
-    if (lud16 !== "" && lud16.toString().includes('@')){
+  if (lud16 !== "" && lud16.toString().includes('@')) {
     url = `https://${lud16.split('@')[1]}/.well-known/lnurlp/${lud16.split('@')[0]}`;
-      console.log(url)
+    console.log(url)
+  } else {
+    return null
+  }
+  try {
+
+    let ob = await fetchAsync(url)
+    let callback = ob["callback"]
+    console.log(callback)
+
+
+    const urlBytes = new TextEncoder().encode(url);
+    const encoded_lnurl = bech32.encode('lnurl', bech32.toWords(urlBytes), 1023);
+
+
+    const amount_tag = ['amount', (amount * 1000).toString()];
+    let relays = ['relays']
+    relays.push.apply(relays, relay_list)
+    //let  relays_tag = Tag.parse(relays);
+
+    const lnurl_tag = ['lnurl', encoded_lnurl];
+
+    let tags = []
+    let p_tag = ['p', zapped_user_id]
+    if (zapped_event_id !== null) {
+      let e_tag = ['e', zapped_event_id]
+      tags = [amount_tag, relays, p_tag, e_tag, lnurl_tag]
+    } else {
+      tags = [amount_tag, relays, p_tag, lnurl_tag]
     }
-    else{
-       return null
+    /*if (zaptype === "private") {
+       const key_str = keys.secret_key().to_hex() + zapped_event.id().to_hex() + zapped_event.created_at().as_secs().toString();
+       const encryption_key = sha256(key_str).toString('hex');
+       const zap_request = new EventBuilder(9733, content, [p_tag, e_tag]).to_event(keys).as_json();
+       keys = Keys.parse(encryption_key);
+       const encrypted_content = enrypt_private_zap_message(zap_request, keys.secret_key(), zapped_event.author());
+       const anon_tag = Tag.parse(['anon', encrypted_content]);
+       tags.push(anon_tag);
+       content = "";
+     } */
+
+
+    let signer = store.state.signer
+    let zap_request = ""
+
+    let tags_t = []
+    for (let tag of tags) {
+      tags_t.push(Tag.parse(tag))
     }
-    try{
-
-        let ob = await fetchAsync(url)
-        let callback = ob["callback"]
-        console.log(callback)
+    let noteevent = new EventBuilder(9734, content, tags_t).toUnsignedEvent(store.state.pubkey)
+    let signedEvent = await signer.signEvent(noteevent)
+    zap_request = signedEvent.asJson()
 
 
-        const urlBytes = new TextEncoder().encode(url);
-        const encoded_lnurl = bech32.encode('lnurl', bech32.toWords(urlBytes), 1023);
+    try {
 
+      const queryString = `amount=${(amount * 1000).toString()}&nostr=${encodeURIComponent(zap_request)}&lnurl=${encoded_lnurl}`;
 
-           const amount_tag = ['amount', (amount * 1000).toString()];
-           let relays = ['relays']
-           relays.push.apply(relays, relay_list)
-           //let  relays_tag = Tag.parse(relays);
-
-           const lnurl_tag = ['lnurl', encoded_lnurl];
-
-        let tags = []
-        let p_tag = ['p', zapped_user_id]
-        if (zapped_event_id !== null){
-            let e_tag = ['e', zapped_event_id]
-            tags = [amount_tag, relays, p_tag, e_tag, lnurl_tag]
-        }
-
-        else{
-            tags = [amount_tag, relays, p_tag, lnurl_tag]
-        }
-       /*if (zaptype === "private") {
-          const key_str = keys.secret_key().to_hex() + zapped_event.id().to_hex() + zapped_event.created_at().as_secs().toString();
-          const encryption_key = sha256(key_str).toString('hex');
-          const zap_request = new EventBuilder(9733, content, [p_tag, e_tag]).to_event(keys).as_json();
-          keys = Keys.parse(encryption_key);
-          const encrypted_content = enrypt_private_zap_message(zap_request, keys.secret_key(), zapped_event.author());
-          const anon_tag = Tag.parse(['anon', encrypted_content]);
-          tags.push(anon_tag);
-          content = "";
-        } */
-
-
-
-        let signer = store.state.signer
-        let zap_request = ""
-
-            let tags_t = []
-            for (let tag of tags){
-              tags_t.push(Tag.parse(tag))
-            }
-            let noteevent =  new EventBuilder(9734, content, tags_t).toUnsignedEvent(store.state.pubkey)
-            let signedEvent = await signer.signEvent(noteevent)
-            zap_request = signedEvent.asJson()
-
-
-   try{
-
-         const queryString = `amount=${(amount * 1000).toString()}&nostr=${encodeURIComponent(zap_request)}&lnurl=${encoded_lnurl}`;
-
-          console.log(queryString)
-        let ob = await fetchAsync(`${callback}?${queryString}`)
-        return ob["pr"]
-          }
-      catch(e){
-        console.log(e)
-      }
+      console.log(queryString)
+      let ob = await fetchAsync(`${callback}?${queryString}`)
+      return ob["pr"]
+    } catch (e) {
+      console.log(e)
     }
-    catch(error){
+  } catch (error) {
 
-      console.log("ZAP REQUEST: " + error)
+    console.log("ZAP REQUEST: " + error)
   }
 
 
-
-        return null
+  return null
 }
+
 export async function createBolt11Lud16(lud16, amount) {
   if (lud16 === null || lud16 === "") {
     return null;
diff --git a/ui/noogle/src/components/helper/string.ts b/ui/noogle/src/components/helper/string.ts
index 148c551..31eb3ee 100644
--- a/ui/noogle/src/components/helper/string.ts
+++ b/ui/noogle/src/components/helper/string.ts
@@ -1,18 +1,18 @@
 const Regex_Url_Str = "^https?:\/\/(?:.*\/)?[^\/.]+$" // domain name
 const Regex_Url_Img = "(https?:\\/\\/.*\\.(?:png|jpg|jpeg|webp|gif))" // domain name
 const Regex_Url_Video = "(https?:\\/\\/.*\\.(?:mp4|mov|avi))" // domain name
-const Regex_Urlw_Str = "(https:\\/\\/)"+ "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,})+[\\/]{0,1}" // domain name
+const Regex_Urlw_Str = "(https:\\/\\/)" + "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,})+[\\/]{0,1}" // domain name
 
 ;
 
-const Regex_Nip05_Str= "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\\])"
+const Regex_Nip05_Str = "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])*\")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\\[(?:(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\\.){3}(?:(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9])|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\\])"
 
 const StringUtil = {
-  isValidUrl: (str: string): boolean => new RegExp(Regex_Url_Str, "i").test(str),
-  parseHyperlinks: (str: string): string => str.replace(new RegExp(Regex_Urlw_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"$&\">$&</a>").replace(new RegExp(Regex_Nip05_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"https://njump.me/$&\">$&</a> "),
-  parseImages: (str: string): string =>  str.toLowerCase().includes('nsfw') || str.toLowerCase().includes('lingerie') || str.toLowerCase().includes('sex') || str.toLowerCase().includes('porn')  ? str.replace(" http", "\nhttp").replace(new RegExp(Regex_Url_Img, "gim"), "<details><summary class=\"collapse-title   \"><div class=\"btn\">NSFW Show/Hide Results</div></summary><img src='$&'/></div></details> ").replace(new RegExp(Regex_Url_Video, "gim"), "<details><summary class=\"collapse-title   \"><div class=\"btn\">NSFW Show/Hide Results</div><video controls muted autoplay src=\"$&\"></video></summary></details>").replace(new RegExp(Regex_Url_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"$&\">$&</a> ") :  str.replace(" http", "\nhttp").replace(new RegExp(Regex_Url_Img, "gim"), "<img src='$&'/> ").replace(new RegExp(Regex_Url_Video, "gim"), "<video controls muted autoplay src=\"$&\"></video> ").replace(new RegExp(Regex_Url_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"$&\">$&</a> "),
+    isValidUrl: (str: string): boolean => new RegExp(Regex_Url_Str, "i").test(str),
+    parseHyperlinks: (str: string): string => str.replace(new RegExp(Regex_Urlw_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"$&\">$&</a>").replace(new RegExp(Regex_Nip05_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"https://njump.me/$&\">$&</a> "),
+    parseImages: (str: string): string => str.toLowerCase().includes('nsfw') || str.toLowerCase().includes('lingerie') || str.toLowerCase().includes('sex') || str.toLowerCase().includes('porn') ? str.replace(" http", "\nhttp").replace(new RegExp(Regex_Url_Img, "gim"), "<details><summary class=\"collapse-title   \"><div class=\"btn\">NSFW Show/Hide Results</div></summary><img src='$&'/></div></details> ").replace(new RegExp(Regex_Url_Video, "gim"), "<details><summary class=\"collapse-title   \"><div class=\"btn\">NSFW Show/Hide Results</div><video controls muted autoplay src=\"$&\"></video></summary></details>").replace(new RegExp(Regex_Url_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"$&\">$&</a> ") : str.replace(" http", "\nhttp").replace(new RegExp(Regex_Url_Img, "gim"), "<img src='$&'/> ").replace(new RegExp(Regex_Url_Video, "gim"), "<video controls muted autoplay src=\"$&\"></video> ").replace(new RegExp(Regex_Url_Str, "gim"), "<a class='purple' target=\"_blank\" rel=\"noreferrer\" href=\"$&\">$&</a> "),
 
-  //parseImages: (str: string): string => str.replace(" http", "<br>http") //.replace("\n", " ").replace(new RegExp(Regex_Url_Img, "gim"), "<img src='$&'/> ")
+    //parseImages: (str: string): string => str.replace(" http", "<br>http") //.replace("\n", " ").replace(new RegExp(Regex_Url_Img, "gim"), "<img src='$&'/> ")
 
 
 };
diff --git a/ui/noogle/src/components/icons/IconCommunity.vue b/ui/noogle/src/components/icons/IconCommunity.vue
index 2dc8b05..b1aab64 100644
--- a/ui/noogle/src/components/icons/IconCommunity.vue
+++ b/ui/noogle/src/components/icons/IconCommunity.vue
@@ -1,7 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+  <svg fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
     <path
-      d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
+        d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
     />
   </svg>
 </template>
diff --git a/ui/noogle/src/components/icons/IconDocumentation.vue b/ui/noogle/src/components/icons/IconDocumentation.vue
index 6d4791c..d3dcc26 100644
--- a/ui/noogle/src/components/icons/IconDocumentation.vue
+++ b/ui/noogle/src/components/icons/IconDocumentation.vue
@@ -1,7 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
+  <svg fill="currentColor" height="17" width="20" xmlns="http://www.w3.org/2000/svg">
     <path
-      d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
+        d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
     />
   </svg>
 </template>
diff --git a/ui/noogle/src/components/icons/IconEcosystem.vue b/ui/noogle/src/components/icons/IconEcosystem.vue
index c3a4f07..2fd1f54 100644
--- a/ui/noogle/src/components/icons/IconEcosystem.vue
+++ b/ui/noogle/src/components/icons/IconEcosystem.vue
@@ -1,7 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
+  <svg fill="currentColor" height="20" width="18" xmlns="http://www.w3.org/2000/svg">
     <path
-      d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
+        d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
     />
   </svg>
 </template>
diff --git a/ui/noogle/src/components/icons/IconSupport.vue b/ui/noogle/src/components/icons/IconSupport.vue
index 7452834..efde829 100644
--- a/ui/noogle/src/components/icons/IconSupport.vue
+++ b/ui/noogle/src/components/icons/IconSupport.vue
@@ -1,7 +1,7 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
+  <svg fill="currentColor" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
     <path
-      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
+        d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
     />
   </svg>
 </template>
diff --git a/ui/noogle/src/components/icons/IconTooling.vue b/ui/noogle/src/components/icons/IconTooling.vue
index 660598d..1930ff9 100644
--- a/ui/noogle/src/components/icons/IconTooling.vue
+++ b/ui/noogle/src/components/icons/IconTooling.vue
@@ -1,19 +1,18 @@
 <!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
 <template>
   <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    aria-hidden="true"
-    role="img"
-    class="iconify iconify--mdi"
-    width="24"
-    height="24"
-    preserveAspectRatio="xMidYMid meet"
-    viewBox="0 0 24 24"
+      aria-hidden="true"
+      class="iconify iconify--mdi"
+      height="24"
+      preserveAspectRatio="xMidYMid meet"
+      role="img"
+      viewBox="0 0 24 24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
-      fill="currentColor"
+        d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
+        fill="currentColor"
     ></path>
   </svg>
 </template>
diff --git a/ui/noogle/src/layouts/ThreeColumnLayout.vue b/ui/noogle/src/layouts/ThreeColumnLayout.vue
index 607968e..c174748 100644
--- a/ui/noogle/src/layouts/ThreeColumnLayout.vue
+++ b/ui/noogle/src/layouts/ThreeColumnLayout.vue
@@ -1,52 +1,51 @@
 <script setup>
 import Login from "@/components/Login.vue";
-import {isVisible} from "bootstrap/js/src/util/index.js";
 </script>
 
 <template>
 
   <div className="navbar bg-base-100 scroll-auto">
-  <div className="flex-none">
+    <div className="flex-none">
 
-  </div>
-  <div className="flex-1">
-    <div class="scroll">
-       <router-link  class="menu" to="/">Search</router-link>
-    <router-link class="menu" to="/discover">Discover</router-link>
-      <router-link class="menu" to="/filter">Filter</router-link>
-    <router-link class="menu" to="/image">Create</router-link>
-      <router-link class="menu" to="/ai">AI</router-link>
-    <router-link class="menu" to="/nip89">DVMs</router-link>
     </div>
+    <div className="flex-1">
+      <div class="scroll">
+        <router-link class="menu" to="/">Search</router-link>
+        <router-link class="menu" to="/discover">Discover</router-link>
+        <router-link class="menu" to="/filter">Filter</router-link>
+        <router-link class="menu" to="/image">Create</router-link>
+        <router-link class="menu" to="/ai">AI</router-link>
+        <router-link class="menu" to="/nip89">DVMs</router-link>
+      </div>
+
+    </div>
+    <Login/>
 
   </div>
- <Login/>
-
-</div>
 
   <div class="three-column-layout">
     <header>
 
-     <!-- <AppLogo />-->
+      <!-- <AppLogo />-->
 
     </header>
 
-    <main  >
-      <router-view />
+    <main>
+      <router-view/>
       <slot/>
     </main>
 
     <aside>
-      <slot name="aside" />
+      <slot name="aside"/>
 
     </aside>
-<footer>
-    <!--<Donate style="margin-top: 4px"/> -->
+    <footer>
+      <!--<Donate style="margin-top: 4px"/> -->
     </footer>
- </div>
+  </div>
 </template>
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .three-column-layout {
   display: grid;
   grid-template-areas:
@@ -55,20 +54,21 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
     "aside"
     "footer";
 
-   div.scroll {
-            margin: 4px;
-            padding: 4px;
-            background-color: #08c708;
-            width: 300px;
-            overflow-x: auto;
-            overflow-y: hidden;
-            white-space: nowrap;
-        }
+  div.scroll {
+    margin: 4px;
+    padding: 4px;
+    background-color: #08c708;
+    width: 300px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+  }
 
   header {
     grid-area: header;
     margin-top: 30px;
   }
+
   main {
 
     grid-area: main;
@@ -77,10 +77,11 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
     padding: 20px;
 
   }
-  footer{
+
+  footer {
 
     position: fixed;
-    bottom:0;
+    bottom: 0;
     background: rgba(0, 0, 0, 0);;
     grid-area: footer;
     width: 100vw;
@@ -89,6 +90,7 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
     z-index: 10;
     text-align: center;
   }
+
   aside {
     grid-area: aside;
     margin-top: 10px;
@@ -96,18 +98,16 @@ import {isVisible} from "bootstrap/js/src/util/index.js";
   }
 
 
-.router-link-exact-active{
-  color: rgba(255, 255, 255, 0.87);
-}
+  .router-link-exact-active {
+    color: rgba(255, 255, 255, 0.87);
+  }
 
 
-.v-Button {
-  @apply bg-black hover:bg-nostr focus:ring-nostr mb-2 inline-flex flex-none items-center rounded-lg border border-nostr 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: 44px;
-}
-
+  .v-Button {
+    @apply bg-black hover:bg-nostr focus:ring-nostr mb-2 inline-flex flex-none items-center rounded-lg border border-nostr 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: 44px;
+  }
 
 
   @media (min-width: 768px) {
diff --git a/ui/noogle/src/main.js b/ui/noogle/src/main.js
index be34c94..f95412e 100644
--- a/ui/noogle/src/main.js
+++ b/ui/noogle/src/main.js
@@ -1,5 +1,5 @@
 //import './assets/main.css'
-import { createApp } from 'vue'
+import {createApp} from 'vue'
 
 import App from './App.vue'
 import store from './store';
@@ -13,31 +13,25 @@ import VueDatePicker from '@vuepic/vue-datepicker';
 import '@vuepic/vue-datepicker/dist/main.css'
 
 
-
-
-
-
-
-
 //This is all for notifications
 import VueNotifications from "vue-notifications";
 import miniToastr from 'mini-toastr'
-import { registerSW } from 'virtual:pwa-register'
+import {registerSW} from 'virtual:pwa-register'
 
-registerSW({ immediate: true })
+registerSW({immediate: true})
 
 miniToastr.init()
 
 
-function toast ({title, message, type, timeout, cb}) {
-  return miniToastr[type](message, title, timeout, cb)
+function toast({title, message, type, timeout, cb}) {
+    return miniToastr[type](message, title, timeout, cb)
 }
 
 const options = {
-  success: toast,
-  error: toast,
-  info: toast,
-  warn: toast
+    success: toast,
+    error: toast,
+    info: toast,
+    warn: toast
 }
 //This is all for notifications end
 
diff --git a/ui/noogle/src/router/index.js b/ui/noogle/src/router/index.js
index 75052fb..a3f958d 100644
--- a/ui/noogle/src/router/index.js
+++ b/ui/noogle/src/router/index.js
@@ -1,24 +1,23 @@
-import { createWebHistory, createRouter } from "vue-router";
-
+import {createRouter, createWebHistory} from "vue-router";
 
 
 const routes = [
-  { path: "/", component: () => import("@/components/Home.vue") },
-  { path: "/about", component: () => import("@/components/AboutPage.vue") },
-  { path: "/donate", component: () => import("@/components/Donate.vue") },
-  { path: "/nip89", component: () => import("@/components/Nip89view.vue") },
-  { path: "/image", component: () => import("@/components/Image.vue") },
-  { path: "/filter", component: () => import("@/components/FilterGeneration.vue") },
-  { path: "/ai", component: () => import("@/components/ChatGeneration.vue") },
+    {path: "/", component: () => import("@/components/Home.vue")},
+    {path: "/about", component: () => import("@/components/AboutPage.vue")},
+    {path: "/donate", component: () => import("@/components/Donate.vue")},
+    {path: "/nip89", component: () => import("@/components/Nip89view.vue")},
+    {path: "/image", component: () => import("@/components/Image.vue")},
+    {path: "/filter", component: () => import("@/components/FilterGeneration.vue")},
+    {path: "/ai", component: () => import("@/components/ChatGeneration.vue")},
 
-  { path: "/discover", component: () => import("@/components/RecommendationGeneration.vue") },
-  { path: "/article/:id", component: () => import("@/components/Home.vue") },
-  { path: '/:pathMatch(.*)*', component: () => import("@/components/Home.vue") },
+    {path: "/discover", component: () => import("@/components/RecommendationGeneration.vue")},
+    {path: "/article/:id", component: () => import("@/components/Home.vue")},
+    {path: '/:pathMatch(.*)*', component: () => import("@/components/Home.vue")},
 ];
 
 const router = createRouter({
-  history: createWebHistory(),
-  routes,
+    history: createWebHistory(),
+    routes,
 });
 
 export default router;
\ No newline at end of file
diff --git a/ui/noogle/src/store.js b/ui/noogle/src/store.js
index 5217311..624558e 100644
--- a/ui/noogle/src/store.js
+++ b/ui/noogle/src/store.js
@@ -2,157 +2,155 @@ import {createStore} from "vuex";
 import {Client, NostrSigner, PublicKey} from "@rust-nostr/nostr-sdk";
 
 const store = createStore({
-  state () {
-    return {
-      count: 0,
-      client: Client,
-      signer: NostrSigner,
-      dbclient: Client,
-      pubkey: PublicKey,
-      followings: [],
-      contacts: [],
-      mutes: [],
-      nooglekey: import.meta.env.VITE_NOOGLE_PK,
-      subscription_verifier_pubkey: import.meta.env.VITE_SUBSCRIPTIPON_VERIFIER_PUBKEY,
-      requestidSearch: String,
-      requestidSearch2: String,
-      requestidSearchProfile: String,
-      requestidImage: [],
-      requestidRecommendation: [],
-      requestidChat: [],
-      requestidSummarization: [],
-      requestidFilter: [],
-      imagedvmreplies: [],
-      chatdvmreplies: [],
-      nip89dvms: [],
-      activesearchdvms: [],
-      recommendationdvms: [],
-      filterdvms: [],
-      summarizationdvms: [],
-      results:  [],
-      profile_results: [],
-      relays: ["wss://relay.primal.net",
-                  "wss://nostr.mom", "wss://nostr.oxtr.dev",
-                  "wss://relay.nostr.net"
-                  ],
+    state() {
+        return {
+            count: 0,
+            client: Client,
+            signer: NostrSigner,
+            dbclient: Client,
+            pubkey: PublicKey,
+            followings: [],
+            contacts: [],
+            mutes: [],
+            nooglekey: import.meta.env.VITE_NOOGLE_PK,
+            subscription_verifier_pubkey: import.meta.env.VITE_SUBSCRIPTIPON_VERIFIER_PUBKEY,
+            requestidSearch: String,
+            requestidSearch2: String,
+            requestidSearchProfile: String,
+            requestidImage: [],
+            requestidRecommendation: [],
+            requestidChat: [],
+            requestidSummarization: [],
+            requestidFilter: [],
+            imagedvmreplies: [],
+            chatdvmreplies: [],
+            nip89dvms: [],
+            activesearchdvms: [],
+            recommendationdvms: [],
+            filterdvms: [],
+            summarizationdvms: [],
+            results: [],
+            profile_results: [],
+            relays: ["wss://relay.primal.net",
+                "wss://nostr.mom", "wss://nostr.oxtr.dev",
+                "wss://relay.nostr.net"
+            ],
+        }
+    },
+    mutations: {
+        increment(state) {
+            state.count++
+        },
+        set_client(state, client) {
+            state.client = client
+        },
+        set_dbclient(state, dbclient) {
+            state.dbclient = dbclient
+        },
+        set_signer(state, signer) {
+            state.signer = signer
+        },
+        set_pubkey(state, pubkey) {
+            state.pubkey = pubkey
+        },
+        set_followings(state, items) {
+            state.followings.length = 0
+            state.followings.push.apply(state.followings, items)
+        },
+        set_contacts(state, items) {
+            state.contacts.length = 0
+            state.contacts.push.apply(state.contacts, items)
+        },
+
+
+        set_mutes(state, items) {
+            state.mutes.length = 0
+            state.mutes.push.apply(state.mutes, items)
+        },
+
+        set_nip89dvms(state, nip89dvms) {
+            state.nip89dvms.length = 0
+            //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 = String(requestid)
+        },
+
+        set_current_request_id_search2(state, requestid2) {
+            state.requestidSearch2 = String(requestid2)
+        },
+
+
+        set_current_request_id_summarization(state, requestid) {
+            state.requestidSummarization.length = 0
+            state.requestidSummarization.push.apply(state.requestidSummarization, requestid)
+        },
+
+        set_current_request_id_filter(state, requestid) {
+            state.requestidFilter.length = 0
+            state.requestidFilter.push.apply(state.requestidFilter, requestid)
+        },
+        set_current_request_profile_id_search(state, requestid) {
+            state.requestidSearchProfile = String(requestid)
+        },
+        set_active_search_dvms(state, dvms) {
+            state.activesearchdvms.length = 0
+            state.activesearchdvms.push.apply(state.activesearchdvms, dvms)
+        },
+        set_recommendation_dvms(state, dvms) {
+            state.recommendationdvms.length = 0
+            state.recommendationdvms.push.apply(state.recommendationdvms, dvms)
+        },
+
+        set_filter_dvms(state, dvms) {
+            state.filterdvms.length = 0
+            state.filterdvms.push.apply(state.filterdvms, dvms)
+        },
+
+        set_summarization_dvms(state, dvms) {
+            state.summarizationdvms.length = 0
+            state.summarizationdvms.push.apply(state.summarizationdvms, dvms)
+        },
+        set_search_results_profiles(state, items) {
+            state.profile_results.length = 0
+            state.profile_results.push.apply(state.profile_results, items)
+        },
+        set_current_request_id_image(state, requestid) {
+            state.requestidImage.length = 0
+            state.requestidImage.push.apply(state.requestidImage, requestid)
+        },
+        set_current_request_id_recommendation(state, requestid) {
+            state.requestidRecommendation.length = 0
+            state.requestidRecommendation.push.apply(state.requestidRecommendation, requestid)
+        },
+        set_current_request_id_chat(state, requestid) {
+            state.requestidChat.length = 0
+            state.requestidChat.push.apply(state.requestidChat, requestid)
+
+        },
+
+
+        set_search_results(state, results) {
+            state.results.length = 0
+            state.results.push.apply(state.results, results)
+        },
+        set_imagedvm_results(state, results) {
+            state.imagedvmreplies.length = 0
+            state.imagedvmreplies.push.apply(state.imagedvmreplies, results)
+        },
+
+        set_chat_dvm_results(state, results) {
+            state.chatdvmreplies.length = 0
+            state.chatdvmreplies.push.apply(state.chatdvmreplies, results)
+        },
+
+
     }
-  },
-  mutations: {
-    increment (state) {
-      state.count++
-    },
-     set_client (state, client) {
-      state.client = client
-    },
-    set_dbclient (state, dbclient) {
-      state.dbclient = dbclient
-    },
-    set_signer (state, signer) {
-      state.signer = signer
-    },
-     set_pubkey(state, pubkey) {
-      state.pubkey = pubkey
-    },
-    set_followings(state, items) {
-      state.followings.length = 0
-      state.followings.push.apply(state.followings, items)
-    },
-      set_contacts(state, items) {
-      state.contacts.length = 0
-      state.contacts.push.apply(state.contacts, items)
-    },
-
-
-
-    set_mutes(state, items) {
-      state.mutes.length = 0
-      state.mutes.push.apply(state.mutes, items)
-    },
-
-    set_nip89dvms(state, nip89dvms) {
-      state.nip89dvms.length = 0
-      //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 = String(requestid)
-    },
-
-    set_current_request_id_search2(state, requestid2){
-      state.requestidSearch2 = String(requestid2)
-    },
-
-
-    set_current_request_id_summarization(state, requestid){
-      state.requestidSummarization.length = 0
-      state.requestidSummarization.push.apply(state.requestidSummarization, requestid)
-    },
-
-    set_current_request_id_filter(state, requestid){
-      state.requestidFilter.length = 0
-      state.requestidFilter.push.apply(state.requestidFilter, requestid)
-    },
-    set_current_request_profile_id_search(state, requestid){
-      state.requestidSearchProfile = String(requestid)
-    },
-    set_active_search_dvms(state, dvms) {
-      state.activesearchdvms.length = 0
-      state.activesearchdvms.push.apply(state.activesearchdvms, dvms)
-    },
-    set_recommendation_dvms(state, dvms) {
-      state.recommendationdvms.length = 0
-      state.recommendationdvms.push.apply(state.recommendationdvms, dvms)
-    },
-
-      set_filter_dvms(state, dvms) {
-      state.filterdvms.length = 0
-      state.filterdvms.push.apply(state.filterdvms, dvms)
-    },
-
-    set_summarization_dvms(state, dvms) {
-      state.summarizationdvms.length = 0
-      state.summarizationdvms.push.apply(state.summarizationdvms, dvms)
-    },
-    set_search_results_profiles(state, items){
-      state.profile_results.length = 0
-      state.profile_results.push.apply(state.profile_results, items)
-    },
-    set_current_request_id_image(state, requestid){
-       state.requestidImage.length = 0
-       state.requestidImage.push.apply(state.requestidImage, requestid)
-    },
-    set_current_request_id_recommendation(state, requestid){
-        state.requestidRecommendation.length = 0
-        state.requestidRecommendation.push.apply(state.requestidRecommendation, requestid)
-    },
-      set_current_request_id_chat(state, requestid){
-        state.requestidChat.length = 0
-        state.requestidChat.push.apply(state.requestidChat, requestid)
-
-    },
-
-
-
-    set_search_results(state, results){
-      state.results.length = 0
-      state.results.push.apply(state.results, results)
-    },
-    set_imagedvm_results(state, results){
-      state.imagedvmreplies.length = 0
-      state.imagedvmreplies.push.apply(state.imagedvmreplies, results)
-    },
-
-     set_chat_dvm_results(state, results){
-      state.chatdvmreplies.length = 0
-      state.chatdvmreplies.push.apply(state.chatdvmreplies, results)
-    },
-
-
-  }
 })
 
 export default store;
\ No newline at end of file
diff --git a/ui/noogle/tailwind.config.js b/ui/noogle/tailwind.config.js
index dadc6a9..26b4d3a 100644
--- a/ui/noogle/tailwind.config.js
+++ b/ui/noogle/tailwind.config.js
@@ -2,21 +2,21 @@
 export default {
     darkMode: "class",
     content: [
-    "./index.html",
-    "./src/**/*.{vue,js,ts,jsx,tsx}",
+        "./index.html",
+        "./src/**/*.{vue,js,ts,jsx,tsx}",
 
-  ],
-  theme: {
+    ],
+    theme: {
 
-    extend: {
-      colors:{
-          'nostr': '#6d52f1',
-          'nostr2': '#8453f1',
+        extend: {
+            colors: {
+                'nostr': '#6d52f1',
+                'nostr2': '#8453f1',
 
-      }
+            }
 
+        },
     },
-  },
-   plugins: [require("daisyui")],
+    plugins: [require("daisyui")],
 }
 
diff --git a/ui/noogle/tsconfig.app.json b/ui/noogle/tsconfig.app.json
index 7e0a852..15ff634 100644
--- a/ui/noogle/tsconfig.app.json
+++ b/ui/noogle/tsconfig.app.json
@@ -1,16 +1,24 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
-  "exclude": ["src/**/__tests__/*"],
+  "include": [
+    "env.d.ts",
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/*"
+  ],
   "compilerOptions": {
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
     },
     "allowJs": true,
     "noImplicitAny": false,
-    "verbatimModuleSyntax":false,
+    "verbatimModuleSyntax": false
   }
 }
diff --git a/ui/noogle/tsconfig.node.json b/ui/noogle/tsconfig.node.json
index f094063..6fffb82 100644
--- a/ui/noogle/tsconfig.node.json
+++ b/ui/noogle/tsconfig.node.json
@@ -11,9 +11,10 @@
     "composite": true,
     "noEmit": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "types": ["node"]
+    "types": [
+      "node"
+    ]
   }
 }
diff --git a/ui/noogle/vite.config.ts b/ui/noogle/vite.config.ts
index c9248df..c2bb8ea 100644
--- a/ui/noogle/vite.config.ts
+++ b/ui/noogle/vite.config.ts
@@ -1,43 +1,43 @@
-import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vite'
+import {fileURLToPath, URL} from 'node:url'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
-import { VitePWA } from 'vite-plugin-pwa'
+import {VitePWA} from 'vite-plugin-pwa'
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [
-    vue(),
-    VitePWA({
+    plugins: [
+        vue(),
+        VitePWA({
 
-      registerType: 'autoUpdate',
-        manifest: {
-        name: 'Noogle',
-        short_name: 'Noogle',
-        description: 'Other Stuff on Nostr',
-        theme_color: '#ffffff',
-          icons: [
-          {
-            src: 'pwa-192x192.png',
-            sizes: '192x192',
-            type: 'image/png'
-          },
-          {
-            src: 'pwa-512x512.png',
-            sizes: '512x512',
-            type: 'image/png'
-          }
-        ]
-      },
-      devOptions: {
-        enabled: true,
-      },
-      workbox: {
-        maximumFileSizeToCacheInBytes: 8000000,
-      },
-    })
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+            registerType: 'autoUpdate',
+            manifest: {
+                name: 'Noogle',
+                short_name: 'Noogle',
+                description: 'Other Stuff on Nostr',
+                theme_color: '#ffffff',
+                icons: [
+                    {
+                        src: 'pwa-192x192.png',
+                        sizes: '192x192',
+                        type: 'image/png'
+                    },
+                    {
+                        src: 'pwa-512x512.png',
+                        sizes: '512x512',
+                        type: 'image/png'
+                    }
+                ]
+            },
+            devOptions: {
+                enabled: true,
+            },
+            workbox: {
+                maximumFileSizeToCacheInBytes: 8000000,
+            },
+        })
+    ],
+    resolve: {
+        alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url))
+        }
     }
-  }
 })
