Add banner indicating how to use legacy manager UI

Author: christian-byrne

src/components/dialog/content/manager/ManagerHeader.vue

@@ -1,14 +1,26 @@
 <template>
   <div class="w-full">
-    <div class="px-6 py-4">
+    <div class="px-6 py-4 flex justify-between items-center">
       <h2 class="text-lg font-normal text-left">
         {{ $t('manager.discoverCommunityContent') }}
       </h2>
+      <Tag
+        v-tooltip.left="$t('manager.legacyManagerUIDescription')"
+        severity="info"
+        icon="pi pi-info-circle"
+        :value="$t('manager.legacyManagerUI')"
+        class="cursor-help"
+        :pt="{
+          root: { class: 'text-xs' }
+        }"
+      />
     </div>
     <ContentDivider :width="0.3" />
   </div>
 </template>
 
 <script setup lang="ts">
+import Tag from 'primevue/tag'
+
 import ContentDivider from '@/components/common/ContentDivider.vue'
 </script>

src/locales/en/main.json

@@ -114,6 +114,8 @@
   "manager": {
     "title": "Custom Nodes Manager",
     "legacyMenuNotAvailable": "Legacy manager menu is not available, defaulting to the new manager menu.",
+    "legacyManagerUI": "Use Legacy UI",
+    "legacyManagerUIDescription": "To use the legacy Manager UI, start ComfyUI with --enable-manager-legacy-ui",
     "failed": "Failed ({count})",
     "noNodesFound": "No nodes found",
     "noNodesFoundDescription": "The pack's nodes either could not be parsed, or the pack is a frontend extension only and doesn't have any nodes.",