Add empty workflows placeholder (#1712)

src/components/sidebar/tabs/WorkflowsSidebarTab.vue

@@ -95,11 +95,18 @@
               renderTreeNode(workflowsTree, WorkflowTreeType.Browse).children
             "
             v-model:expandedKeys="expandedKeys"
+            v-if="workflowStore.persistedWorkflows.length > 0"
           >
             <template #node="{ node }">
               <WorkflowTreeLeaf :node="node" />
             </template>
           </TreeExplorer>
+          <NoResultsPlaceholder
+            v-else
+            icon="pi pi-folder"
+            :title="$t('empty')"
+            :message="$t('noWorkflowsFound')"
+          />
         </div>
       </div>
       <div class="comfyui-workflows-search-panel" v-else>
@@ -120,6 +127,7 @@
 
 <script setup lang="ts">
 import SearchBox from '@/components/common/SearchBox.vue'
+import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
 import WorkflowTreeLeaf from '@/components/sidebar/tabs/workflows/WorkflowTreeLeaf.vue'
 import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
 import TreeExplorer from '@/components/common/TreeExplorer.vue'

src/locales/en.ts

@@ -71,6 +71,8 @@ export default {
     revertChanges: 'Revert Changes',
     restart: 'Restart'
   },
+  empty: 'Empty',
+  noWorkflowsFound: 'No workflows found.',
   comingSoon: 'Coming Soon',
   firstTimeUIMessage:
     'This is the first time you use the new UI. Choose "Menu > Use New Menu > Disabled" to restore the old UI.',

src/locales/ru.ts

@@ -1,4 +1,6 @@
 export default {
+  empty: 'Пусто',
+  noWorkflowsFound: 'Рабочие процессы не найдены.',
   download: 'Скачать',
   refresh: 'Обновить',
   loadAllFolders: 'Загрузить все папки',

src/locales/zh.ts

@@ -1,4 +1,6 @@
 export default {
+  empty: '空',
+  noWorkflowsFound: '未找到工作流',
   firstTimeUIMessage:
     '这是您第一次使用新界面。选择“Menu > Use New Menu > Disabled”以恢复旧界面。',
   download: '下载',