feat: added user input for api key

app.py

@@ -228,8 +228,8 @@ def format_url(response) -> str:
     return url
 
 
-def main(prompt: str):
-    client = OpenAI(api_key=OPENAI_API_KEY)
+def main(openai_api_key: str, prompt: str) -> str:
+    client = OpenAI(api_key=openai_api_key)
     tool = [{"type": "function", "function": CarParameters.openai_schema}]
 
     system_prompt = f"""
@@ -249,11 +249,48 @@ def main(prompt: str):
         tools=tool,
         tool_choice="required",
     )
-    return format_url(response)
-
+    url = format_url(response)
+    markdown_link = f"[{url}]({url})"
+    return url, markdown_link
+
+
+with gr.Blocks() as demo:
+    with gr.Column():
+        with gr.Row():
+            openai_api_key = gr.Textbox(
+                label="api-key",
+                placeholder="Set your OpenAI API key here and press Enter",
+                lines=1,
+                type="password",
+            )
+        with gr.Row():
+            with gr.Column():
+                prompt = gr.Textbox(
+                    label="prompt",
+                    placeholder="Enter your query here and press Enter",
+                    lines=1,
+                )
+            with gr.Column():
+                url = gr.Textbox(
+                    label="url",
+                    placeholder="URL will appear here",
+                    lines=1,
+                    type="text",
+                )
+        with gr.Row():
+            link = gr.Markdown()
+        with gr.Row():
+            submit = gr.Button(value="Submit")
+
+    submit.click(fn=main, inputs=[openai_api_key, prompt], outputs=[url, link])
+
+    examples = [
+        "I need a car for my growing family",
+        "I frequently travel in snowy conditions",
+        "I'm an eco-conscious city dweller",
+        "I love high-performance sports cars",
+        "Im looking for a 2024 Mercedes-Benz AMG SUV with a black exterior and interior, and 17 inch wheels. Can you help me with that?",
+    ]
 
-examples = [
-    "Im looking for a 2024 Mercedes-Benz AMG SUV with a black exterior and interior, and 17 inch wheels. Can you help me with that?"
-]
-interface = gr.Interface(fn=main, inputs="text", outputs="text", examples=examples)
-interface.launch()
+    gr.Examples(examples=examples, inputs=prompt, outputs=url)
+demo.launch(inline=True, debug=True)