From 7f2920644edae1dd5b663889209897f3af8b6d39 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Sun, 6 Oct 2024 16:02:14 -0400
Subject: [PATCH] Revert "Remove model library searchbox (#1133)" (#1135)

This reverts commit 1b3cc4de1a75aebbb39df01f387c4b3fccb4dfd8.
---
 .../sidebar/tabs/ModelLibrarySidebarTab.vue        | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue b/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue
index 6be2a730fa..bd4ac69b00 100644
--- a/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue
+++ b/src/components/sidebar/tabs/ModelLibrarySidebarTab.vue
@@ -3,7 +3,14 @@
     <template #tool-buttons> </template>
     <template #body>
       <div class="flex flex-col h-full">
-        <div class="flex-shrink-0"></div>
+        <div class="flex-shrink-0">
+          <SearchBox
+            class="model-lib-search-box mx-4 mt-4"
+            v-model:modelValue="searchQuery"
+            @search="handleSearch"
+            :placeholder="$t('searchModels') + '...'"
+          />
+        </div>
         <div class="flex-grow overflow-y-auto">
           <TreeExplorer
             class="model-lib-tree-explorer mt-1"
@@ -23,6 +30,7 @@
 </template>
 
 <script setup lang="ts">
+import SearchBox from '@/components/common/SearchBox.vue'
 import { useI18n } from 'vue-i18n'
 import TreeExplorer from '@/components/common/TreeExplorer.vue'
 import SidebarTabTemplate from '@/components/sidebar/tabs/SidebarTabTemplate.vue'
@@ -179,6 +187,10 @@ const renderedRoot = computed<TreeExplorerNode<ComfyModelDef>>(() => {
   return fillNodeInfo(root.value)
 })
 
+const handleSearch = (query: string) => {
+  // TODO
+}
+
 const handleNodeClick = (
   node: RenderedTreeExplorerNode<ComfyModelDef>,
   e: MouseEvent