From b5757eea5d8288098c00f5165c58e9ecf86b0f5f Mon Sep 17 00:00:00 2001
From: Gabriel Jablonski <gabriel@fazer.ai>
Date: Tue, 28 Apr 2026 13:20:38 -0300
Subject: [PATCH] fix(branding): add SuperAdmin-only notice on upgrade gates
 (#278)

* fix(branding): add SuperAdmin-only notice on upgrade gates

Some upgrade prompts (Kanban paywall, group creation form, group-disabled
banner in conversation view) are rendered only to SuperAdmins and link to
fazer.ai. Admins viewing those screens were worried that the fazer.ai
link was also being shown to their agents, even though it is not.

Add a discreet "Only system administrators can see this message" line
under each SuperAdmin-only block to make the audience explicit.

* fix(branding): inline SuperAdmin notice into Banner component

The notice was being rendered as a standalone <p> below the conversation
banner, which made it easy to miss. Add an optional noticeMessage prop
to the Banner component and render it inside the banner with italic +
reduced opacity styling, then pass it from the groups-disabled branch
of the MessagesView banner.
---
 .../components/ComposeNewGroupForm.vue        | 31 +++++++++++--------
 .../dashboard/components/ui/Banner.vue        | 11 +++++++
 .../widgets/conversation/MessagesView.vue     |  1 +
 .../i18n/locale/en/generalSettings.json       |  1 +
 .../i18n/locale/pt_BR/generalSettings.json    |  1 +
 .../routes/dashboard/kanban/Index.vue         |  3 ++
 6 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewGroupForm.vue b/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewGroupForm.vue
index 93ae63901..2b8c370f6 100644
--- a/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewGroupForm.vue
+++ b/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewGroupForm.vue
@@ -167,20 +167,25 @@ defineExpose({ resetForm });
     <div class="flex-1 divide-y divide-n-strong overflow-visible">
       <div
         v-if="isGroupsDisabled"
-        class="flex items-center gap-2 mx-4 mt-3 px-3 py-2 rounded-lg text-sm text-n-amber-11 bg-n-amber-2"
+        class="flex items-start gap-2 mx-4 mt-3 px-3 py-2 rounded-lg text-sm text-n-amber-11 bg-n-amber-2"
       >
-        <span class="i-lucide-triangle-alert text-base flex-shrink-0" />
-        <span v-if="isSuperAdmin">
-          {{ t('GROUP.CREATE.GROUPS_DISABLED') }}
-          <a
-            :href="wootConstants.FAZER_AI_GUIDES_URL"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="underline font-medium"
-          >
-            {{ t('GROUP.CREATE.GROUPS_DISABLED_CTA') }}
-          </a>
-        </span>
+        <span class="i-lucide-triangle-alert text-base flex-shrink-0 mt-0.5" />
+        <div v-if="isSuperAdmin" class="flex flex-col gap-0.5">
+          <span>
+            {{ t('GROUP.CREATE.GROUPS_DISABLED') }}
+            <a
+              :href="wootConstants.FAZER_AI_GUIDES_URL"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="underline font-medium"
+            >
+              {{ t('GROUP.CREATE.GROUPS_DISABLED_CTA') }}
+            </a>
+          </span>
+          <span class="text-xs opacity-70">
+            {{ t('GENERAL_SETTINGS.SUPER_ADMIN_ONLY_NOTICE') }}
+          </span>
+        </div>
         <span v-else>
           {{ t('GROUP.CREATE.GROUPS_DISABLED_NON_ADMIN') }}
         </span>
diff --git a/app/javascript/dashboard/components/ui/Banner.vue b/app/javascript/dashboard/components/ui/Banner.vue
index 2aa907999..92fb8a2e0 100644
--- a/app/javascript/dashboard/components/ui/Banner.vue
+++ b/app/javascript/dashboard/components/ui/Banner.vue
@@ -42,6 +42,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    noticeMessage: {
+      type: String,
+      default: '',
+    },
   },
   emits: ['primaryAction', 'close'],
   computed: {
@@ -92,6 +96,9 @@ export default {
       >
         {{ hrefLinkText }}
       </a>
+      <span v-if="noticeMessage" class="banner-notice">
+        {{ noticeMessage }}
+      </span>
     </span>
     <div class="actions">
       <NextButton
@@ -155,6 +162,10 @@ export default {
     @apply inline;
   }
 
+  .banner-notice {
+    @apply ml-2 italic opacity-70;
+  }
+
   .actions {
     @apply flex gap-1 right-3;
   }
diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
index 54c3d9119..39c7dcf34 100644
--- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
@@ -693,6 +693,7 @@ export default {
         color-scheme="warning"
         class="mx-2 mt-2 overflow-hidden rounded-lg"
         :banner-message="$t('CONVERSATION.GROUPS_DISABLED_BANNER')"
+        :notice-message="$t('GENERAL_SETTINGS.SUPER_ADMIN_ONLY_NOTICE')"
         has-action-button
         :action-button-label="$t('CONVERSATION.GROUPS_DISABLED_CTA')"
         @primary-action="onOpenGroupsEnabledLink"
diff --git a/app/javascript/dashboard/i18n/locale/en/generalSettings.json b/app/javascript/dashboard/i18n/locale/en/generalSettings.json
index fab8020e2..5d2f5f0dd 100644
--- a/app/javascript/dashboard/i18n/locale/en/generalSettings.json
+++ b/app/javascript/dashboard/i18n/locale/en/generalSettings.json
@@ -10,6 +10,7 @@
     "SUBMIT": "Update settings",
     "BACK": "Back",
     "DISMISS": "Dismiss",
+    "SUPER_ADMIN_ONLY_NOTICE": "Only system administrators can see this message.",
     "UPDATE": {
       "ERROR": "Could not update settings, try again!",
       "SUCCESS": "Successfully updated account settings"
diff --git a/app/javascript/dashboard/i18n/locale/pt_BR/generalSettings.json b/app/javascript/dashboard/i18n/locale/pt_BR/generalSettings.json
index 0376c205f..59a41fc92 100644
--- a/app/javascript/dashboard/i18n/locale/pt_BR/generalSettings.json
+++ b/app/javascript/dashboard/i18n/locale/pt_BR/generalSettings.json
@@ -10,6 +10,7 @@
     "SUBMIT": "Atualizar configurações",
     "BACK": "Anterior",
     "DISMISS": "Recusar",
+    "SUPER_ADMIN_ONLY_NOTICE": "Esta mensagem só é visível para administradores do sistema.",
     "UPDATE": {
       "ERROR": "Não foi possível atualizar as configurações, tente novamente!",
       "SUCCESS": "Configurações de conta atualizadas com sucesso"
diff --git a/app/javascript/dashboard/routes/dashboard/kanban/Index.vue b/app/javascript/dashboard/routes/dashboard/kanban/Index.vue
index 1ae9262d7..8f3b55327 100644
--- a/app/javascript/dashboard/routes/dashboard/kanban/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/kanban/Index.vue
@@ -60,6 +60,9 @@ const upgradeUrl = 'https://fazer.ai/kanban';
           {{ t('KANBAN.PAYWALL.UPGRADE_NOW') }}
         </Button>
       </a>
+      <p v-if="isSuperAdmin" class="mt-3 text-xs text-center text-n-slate-10">
+        {{ t('GENERAL_SETTINGS.SUPER_ADMIN_ONLY_NOTICE') }}
+      </p>
     </div>
   </section>
 </template>