From fbcd81db5450dc0442c826f89268e1719b3ace0d Mon Sep 17 00:00:00 2001
From: Christian Byrne <cbyrne@comfy.org>
Date: Tue, 6 May 2025 01:01:03 -0700
Subject: [PATCH] [API Node] Adjust notification dismiss logic and message
 (#3778) (#3780)

---
 src/components/dialog/content/ApiNodesNewsContent.vue | 5 +++++
 src/locales/en/main.json                              | 2 +-
 src/services/dialogService.ts                         | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/dialog/content/ApiNodesNewsContent.vue b/src/components/dialog/content/ApiNodesNewsContent.vue
index 6c919d461..7bcac44b9 100644
--- a/src/components/dialog/content/ApiNodesNewsContent.vue
+++ b/src/components/dialog/content/ApiNodesNewsContent.vue
@@ -35,6 +35,7 @@
 <script setup lang="ts">
 import Button from 'primevue/button'
 import Tag from 'primevue/tag'
+import { onBeforeUnmount } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 const { t } = useI18n()
@@ -66,4 +67,8 @@ const { onClose } = defineProps<{
 const handleLearnMore = () => {
   window.open('https://blog.comfy.org/p/comfyui-native-api-nodes', '_blank')
 }
+
+onBeforeUnmount(() => {
+  localStorage.setItem('api-nodes-news-seen', 'true')
+})
 </script>
diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index d51a52822..9880c32ab 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -1211,7 +1211,7 @@
   },
   "apiNodesNews": {
     "introducing": "Introducing",
-    "subtitle": "All External Models now available in ComfyUI",
+    "subtitle": "Access all the popular paid models natively in ComfyUI",
     "steps": {
       "step1": {
         "title": "Login/Create an account:",
diff --git a/src/services/dialogService.ts b/src/services/dialogService.ts
index 9ce732bda..7c46f5c2e 100644
--- a/src/services/dialogService.ts
+++ b/src/services/dialogService.ts
@@ -393,6 +393,7 @@ export const useDialogService = () => {
       key: 'api-nodes-news',
       component: ApiNodesNewsContent,
       props: {
+        dismissableMask: true,
         onClose: () => {
           dialogStore.closeDialog({ key: 'api-nodes-news' })
           localStorage.setItem('api-nodes-news-seen', 'true')
@@ -400,7 +401,6 @@ export const useDialogService = () => {
       },
       dialogComponentProps: {
         closable: false,
-        modal: false,
         position: 'bottomright'
       }
     })