Revert "Comfy Cloud Badge indicator" (#6047)

Reverts Comfy-Org/ComfyUI_frontend#6043

accidentally merged this.

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);

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()
 

src/components/topbar/TopbarBadges.vue

@@ -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>

src/extensions/core/cloudBadge.ts

@@ -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
-})

src/extensions/core/index.ts

@@ -1,5 +1,4 @@
 import './clipspace'
-import './cloudBadge'
 import './contextMenuFilter'
 import './dynamicPrompts'
 import './editAttention'

src/stores/topbarBadgeStore.ts

@@ -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
-  }
-})

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