replace textbox with quicksearch component

app.py

@@ -1,5 +1,6 @@
 import gradio as gr
 import yaml
+from gradio_huggingfacehub_search import HuggingfaceHubSearch
 
 MARKDOWN_DESCRIPTION = """
 # mergekit config.yaml generator
@@ -53,7 +54,12 @@ with gr.Blocks() as demo:
     gr.Markdown(MARKDOWN_DESCRIPTION)
     with gr.Row():
         # model_name_input = gr.Textbox(label="Model Name", value="my-merge")
-        model1_input = gr.Textbox(label="Model 1", value="BioMistral/BioMistral-7B")
+        model1_input = HuggingfaceHubSearch(
+                label="Model 1",
+                placeholder="Search for model 1 on Huggingface",
+                search_type="model",
+                value="BioMistral/BioMistral-7B"
+        )
         model1_layers_input = gr.Textbox(
             label="Model 1 Layer Range", placeholder="[start, end]", value="[0, 32]"
         )
@@ -63,6 +69,12 @@ with gr.Blocks() as demo:
         model2_layers_input = gr.Textbox(
             label="Model 2 Layer Range", placeholder="[start, end]", value="[0, 32]"
         )
+        model2_input = HuggingfaceHubSearch(
+                label="Model 2",
+                placeholder="Search for model 2 on Huggingface",
+                search_type="model",
+                value="CorticalStack/pastiche-crown-clown-7b-dare-dpo"
+        )
     merge_method_input = gr.Dropdown(
         label="Merge Method", choices=["slerp", "linear"], value="slerp"
     )
@@ -95,4 +107,4 @@ with gr.Blocks() as demo:
 
     gr.Markdown("A Space by [1littlecoder](https://huggingface.co/1littlecoder)")
 
-demo.launch()
+demo.launch()