From ab312ce3d78e2295f19c6b4a8001144de2b24bed Mon Sep 17 00:00:00 2001
From: Arjan Singh <1598641+arjansingh@users.noreply.github.com>
Date: Mon, 13 Oct 2025 20:03:05 -0700
Subject: [PATCH] Revert "Comfy Cloud Badge indicator" (#6047)

Reverts Comfy-Org/ComfyUI_frontend#6043

accidentally merged this.
---
 packages/design-system/src/css/style.css |  3 ---
 src/components/topbar/TopMenubar.vue     |  7 ++----
 src/components/topbar/TopbarBadges.vue   | 32 ------------------------
 src/extensions/core/cloudBadge.ts        | 15 -----------
 src/extensions/core/index.ts             |  1 -
 src/stores/topbarBadgeStore.ts           | 18 -------------
 src/types/comfy.ts                       | 12 ---------
 7 files changed, 2 insertions(+), 86 deletions(-)
 delete mode 100644 src/components/topbar/TopbarBadges.vue
 delete mode 100644 src/extensions/core/cloudBadge.ts
 delete mode 100644 src/stores/topbarBadgeStore.ts

diff --git a/packages/design-system/src/css/style.css b/packages/design-system/src/css/style.css
index 0d72105c0..fcadf31de 100644
--- a/packages/design-system/src/css/style.css
+++ b/packages/design-system/src/css/style.css
@@ -114,9 +114,6 @@
   --color-bypass: #6a246a;
   --color-error: #962a2a;
 
-  /* Comfy menu colors */
-  --color-comfy-menu-secondary: var(--comfy-menu-secondary-bg);
-
   --color-blue-selection: rgb(from var(--color-blue-100) r g b / 0.3);
   --color-node-hover-100: rgb(from var(--color-charcoal-100) r g b/ 0.15);
   --color-node-hover-200: rgb(from var(--color-charcoal-100) r g b/ 0.1);
diff --git a/src/components/topbar/TopMenubar.vue b/src/components/topbar/TopMenubar.vue
index 1bed0d400..e7e049b35 100644
--- a/src/components/topbar/TopMenubar.vue
+++ b/src/components/topbar/TopMenubar.vue
@@ -2,16 +2,15 @@
   <div>
     <div
       v-show="showTopMenu && workflowTabsPosition === 'Topbar'"
-      class="w-full flex content-end z-1001 h-9.5"
+      class="w-full flex content-end z-1001 h-[38px]"
       style="background: var(--border-color)"
     >
       <WorkflowTabs />
-      <TopbarBadges />
     </div>
     <div
       v-show="showTopMenu"
       ref="topMenuRef"
-      class="comfyui-menu flex items-center bg-gray-100"
+      class="comfyui-menu flex items-center"
       :class="{ dropzone: isDropZone, 'dropzone-active': isDroppable }"
     >
       <CommandMenubar />
@@ -45,8 +44,6 @@ import { app } from '@/scripts/app'
 import { useWorkspaceStore } from '@/stores/workspaceStore'
 import { electronAPI, isElectron, isNativeWindow } from '@/utils/envUtil'
 
-import TopbarBadges from './TopbarBadges.vue'
-
 const workspaceState = useWorkspaceStore()
 const settingStore = useSettingStore()
 
diff --git a/src/components/topbar/TopbarBadges.vue b/src/components/topbar/TopbarBadges.vue
deleted file mode 100644
index a6a136dc5..000000000
--- a/src/components/topbar/TopbarBadges.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <div
-    v-for="badge in topbarBadgeStore.badges"
-    :key="badge.text"
-    class="flex flex-col justify-center bg-comfy-menu-secondary"
-  >
-    <div class="flex gap-2 px-3">
-      <div v-if="badge.label" class="justify-center flex-col flex">
-        <div
-          class="rounded-4xl text-black bg-white gap-2.5 px-1 py-0.5 text-[9px] font-semibold"
-        >
-          {{ badge.label }}
-        </div>
-      </div>
-
-      <div
-        class="rounded-8 font-abcrom font-extrabold text-slate-100 text-[14px]"
-      >
-        {{ badge.text }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { useTopbarBadgeStore } from '@/stores/topbarBadgeStore'
-
-const topbarBadgeStore = useTopbarBadgeStore()
-</script>
-<style>
-@import '../../platform/onboarding/cloud/assets/css/fonts.css';
-</style>
diff --git a/src/extensions/core/cloudBadge.ts b/src/extensions/core/cloudBadge.ts
deleted file mode 100644
index fddff2aaf..000000000
--- a/src/extensions/core/cloudBadge.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { isProductionEnvironment } from '@/config/environment'
-import { useExtensionService } from '@/services/extensionService'
-
-useExtensionService().registerExtension({
-  name: 'Comfy.CloudBadge',
-  // Only show badge when running in cloud environment
-  topbarBadges: isProductionEnvironment()
-    ? [
-        {
-          label: 'BETA',
-          text: 'Comfy Cloud'
-        }
-      ]
-    : undefined
-})
diff --git a/src/extensions/core/index.ts b/src/extensions/core/index.ts
index de4ec3752..5354ef4e9 100644
--- a/src/extensions/core/index.ts
+++ b/src/extensions/core/index.ts
@@ -1,5 +1,4 @@
 import './clipspace'
-import './cloudBadge'
 import './contextMenuFilter'
 import './dynamicPrompts'
 import './editAttention'
diff --git a/src/stores/topbarBadgeStore.ts b/src/stores/topbarBadgeStore.ts
deleted file mode 100644
index e4547ae46..000000000
--- a/src/stores/topbarBadgeStore.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { defineStore } from 'pinia'
-import { computed } from 'vue'
-
-import type { TopbarBadge } from '@/types/comfy'
-
-import { useExtensionStore } from './extensionStore'
-
-export const useTopbarBadgeStore = defineStore('topbarBadge', () => {
-  const extensionStore = useExtensionStore()
-
-  const badges = computed<TopbarBadge[]>(() =>
-    extensionStore.extensions.flatMap((e) => e.topbarBadges ?? [])
-  )
-
-  return {
-    badges
-  }
-})
diff --git a/src/types/comfy.ts b/src/types/comfy.ts
index cad5b70c5..0ce8d89dc 100644
--- a/src/types/comfy.ts
+++ b/src/types/comfy.ts
@@ -18,14 +18,6 @@ export interface AboutPageBadge {
   icon: string
 }
 
-export interface TopbarBadge {
-  text: string
-  /**
-   * Optional badge label (e.g., "BETA", "ALPHA", "NEW")
-   */
-  label?: string
-}
-
 type MenuCommandGroup = {
   /**
    * The path to the menu group.
@@ -79,10 +71,6 @@ export interface ComfyExtension {
    * Badges to add to the about page
    */
   aboutPageBadges?: AboutPageBadge[]
-  /**
-   * Badges to add to the topbar
-   */
-  topbarBadges?: TopbarBadge[]
   /**
    * Allows any initialisation, e.g. loading resources. Called after the canvas is created but before nodes are added
    * @param app The ComfyUI app instance