Update app.py

app.py

@@ -102,20 +102,130 @@ with gr.Interface(
     css=css,
     capture_session=True
 ) as iface:
-    model_dropdown = gr.outputs.Dropdown(
+    model_dropdown = gr.inputs.Dropdown(
         label="Choose Model",
         choices=[m["name"] for m in models],
         type="index",
         value=current_model["name"],
         interactive=True,
         component_id="model_dropdown"
-    )
+I apologize for the incomplete code. It seems that there was an error in the last part. Here's the corrected code:
 
-    make_dropdown_searchable("model_dropdown")
+```python
+import gradio as gr
+
+models = [
+    {"name": "Claudfuen 1", "url": "claudfuen/photorealistic-fuen-v1"},
+    {"name": "Deliberate", "url": "Masagin/Deliberate"},
+    {"name": "Seek Art Mega", "url": "coreco/seek.art_MEGA"},
+    {"name": "Realistic Vision 1.4", "url": "SG161222/Realistic_Vision_V1.4"},
+    {"name": "Dreamshaper", "url": "Lykon/DreamShaper"},
+]
+
+current_model = models[0]
+
+text_gen = gr.Interface.load("spaces/Omnibus/MagicPrompt-Stable-Diffusion_link")
+
+models2 = []
+for model in models:
+    model_url = f"models/{model['url']}"
+    loaded_model = gr.Interface.load(model_url, live=True, preprocess=True)
+    models2.append(loaded_model)
+
+
+def text_it(inputs, text_gen=text_gen):
+    return text_gen(inputs)
+
+
+def set_model(current_model_index):
+    global current_model
+    current_model = models[current_model_index]
+    return gr.outputs.Label(f"Current Model: {current_model['name']}")
+
+
+def send_it(inputs, model_choice):
+    proc = models2[model_choice]
+    return proc(inputs)
+
+
+css = """
+<style>
+    .searchable-dropdown {
+        position: relative;
+    }
+
+    .searchable-dropdown input {
+        width: 100%;
+        padding: 0.5rem;
+        border-radius: 5px;
+        border: 1px solid #ccc;
+    }
+
+    .searchable-dropdown select {
+        width: 100%;
+        padding: 0.5rem;
+        border-radius: 5px;
+        border: 1px solid #ccc;
+        position: absolute;
+        top: 0;
+        left: 0;
+        opacity: 0;
+        pointer-events: none;
+    }
+</style>
+"""
 
-    iface.inputs.insert(0, model_dropdown)
 
-    iface.layout["top"] = ["inputs", "outputs", "model_dropdown"]
-    iface.layout["heights"] = ["200px", "auto", "40px"]
+def make_dropdown_searchable(dropdown_id):
+    script = f"""
+    <script>
+        function makeDropdownSearchable(dropdownId) {{
+            const input = document.getElementById(dropdownId);
+            input.addEventListener("input", function() {{
+                const value = this.value.toLowerCase();
+                const options = Array.from(document.querySelectorAll(`#${dropdownId} option`));
+                let found = false;
+                for (let i = 0; i < options.length; i++) {{
+                    const option = options[i];
+                    const text = option.text.toLowerCase();
+                    const match = text.includes(value);
+                    option.style.display = match ? "block" : "none";
+                    if (match) {{
+                        found = true;
+                    }}
+                }}
+                if (value && !found) {{
+                    const firstOption = options[0];
+                    if (firstOption) {{
+                        firstOption.selected = true;
+                    }}
+                }}
+            }});
+        }}
+
+        makeDropdownSearchable("{dropdown_id}");
+    </script>
+    """
+    return gr.outputs.HTML(script)
 
-    iface.launch()
+
+iface = gr.Interface(
+    fn=text_it,
+    inputs="text",
+    outputs="text",
+    css=css,
+    capture_session=True
+)
+
+model_dropdown = gr.inputs.Dropdown(
+    label="Choose Model",
+    choices=[m["name"] for m in models],
+    type="index",
+    value=current_model["name"],
+    interactive=True,
+    description="Select the model to use for text generation"
+)
+
+iface.add_input(model_dropdown, set_model)
+iface.add_input("text", send_it, "output")
+iface.launch()