diff --git a/week2/community-contributions/Figma_assistance/day_5_figma_assistance.py b/week2/community-contributions/Figma_assistance/day_5_figma_assistance.py index 9d605f4..1f2ecda 100644 --- a/week2/community-contributions/Figma_assistance/day_5_figma_assistance.py +++ b/week2/community-contributions/Figma_assistance/day_5_figma_assistance.py @@ -292,7 +292,6 @@ custom_css = """ background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); padding: 15px 20px; border-radius: 10px; - margin: 20px 0; } .quickstart-title { @@ -351,26 +350,6 @@ with gr.Blocks(title="Figma Onboarding Assistant", theme=gr.themes.Soft(), css=c """ ) - # Model selection dropdown - model_dropdown = gr.Dropdown( - choices=["OpenAI (GPT-3.5)", "Google Gemini (2.0 Flash)", "Claude (Sonnet 4)"], - value="OpenAI (GPT-3.5)", - label="Select AI Model", - info="Choose which AI model to use for responses" - ) - - with gr.Row(): - msg = gr.Textbox( - placeholder="Type your Figma question here...", - container=False, - scale=4 - ) - submit_btn = gr.Button("Ask", scale=1, variant="primary") - clear_btn = gr.Button("Clear Chat", scale=1) - audio_btn = gr.Button("🔊 Play Audio", scale=1, variant="secondary") - clear_audio_btn = gr.Button("🔇 Clear Audio", scale=1, variant="secondary") - - # Example questions gr.HTML( """ @@ -380,7 +359,7 @@ with gr.Blocks(title="Figma Onboarding Assistant", theme=gr.themes.Soft(), css=c """ ) - + with gr.Row(): example_btns = [ gr.Button( @@ -405,6 +384,29 @@ with gr.Blocks(title="Figma Onboarding Assistant", theme=gr.themes.Soft(), css=c ) ] + # Model selection dropdown + model_dropdown = gr.Dropdown( + choices=["OpenAI (GPT-3.5)", "Google Gemini (2.0 Flash)", "Claude (Sonnet 4)"], + value="OpenAI (GPT-3.5)", + label="Select AI Model", + info="Choose which AI model to use for responses" + ) + + with gr.Row(): + msg = gr.Textbox( + placeholder="Type your Figma question here...", + container=False, + scale=4 + ) + submit_btn = gr.Button("Ask", scale=1, variant="primary") + clear_btn = gr.Button("Clear Chat", scale=1) + audio_btn = gr.Button("🔊 Text To Audio", scale=1, variant="secondary") + clear_audio_btn = gr.Button("🔇 Clear Audio", scale=1, variant="secondary") + + + + + # Your components with simple styling chatbot = gr.Chatbot( type="messages", diff --git a/week2/community-contributions/day_5_figma_assistance.ipynb b/week2/community-contributions/day_5_figma_assistance.ipynb index d563a0a..b5ba0b7 100644 --- a/week2/community-contributions/day_5_figma_assistance.ipynb +++ b/week2/community-contributions/day_5_figma_assistance.ipynb @@ -301,7 +301,6 @@ " background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);\n", " padding: 15px 20px;\n", " border-radius: 10px;\n", - " margin: 20px 0;\n", "}\n", "\n", ".quickstart-title {\n", @@ -360,26 +359,6 @@ " \"\"\"\n", " )\n", " \n", - " # Model selection dropdown\n", - " model_dropdown = gr.Dropdown(\n", - " choices=[\"OpenAI (GPT-3.5)\", \"Google Gemini (2.0 Flash)\", \"Claude (Sonnet 4)\"],\n", - " value=\"OpenAI (GPT-3.5)\",\n", - " label=\"Select AI Model\",\n", - " info=\"Choose which AI model to use for responses\"\n", - " )\n", - " \n", - " with gr.Row():\n", - " msg = gr.Textbox(\n", - " placeholder=\"Type your Figma question here...\",\n", - " container=False,\n", - " scale=4\n", - " )\n", - " submit_btn = gr.Button(\"Ask\", scale=1, variant=\"primary\")\n", - " clear_btn = gr.Button(\"Clear Chat\", scale=1)\n", - " audio_btn = gr.Button(\"🔊 Play Audio\", scale=1, variant=\"secondary\")\n", - " clear_audio_btn = gr.Button(\"🔇 Clear Audio\", scale=1, variant=\"secondary\")\n", - " \n", - "\n", " # Example questions\n", " gr.HTML(\n", " \"\"\"\n", @@ -389,7 +368,7 @@ " \n", " \"\"\"\n", " )\n", - " \n", + "\n", " with gr.Row():\n", " example_btns = [\n", " gr.Button(\n", @@ -414,6 +393,29 @@ " )\n", " ]\n", "\n", + " # Model selection dropdown\n", + " model_dropdown = gr.Dropdown(\n", + " choices=[\"OpenAI (GPT-3.5)\", \"Google Gemini (2.0 Flash)\", \"Claude (Sonnet 4)\"],\n", + " value=\"OpenAI (GPT-3.5)\",\n", + " label=\"Select AI Model\",\n", + " info=\"Choose which AI model to use for responses\"\n", + " )\n", + " \n", + " with gr.Row():\n", + " msg = gr.Textbox(\n", + " placeholder=\"Type your Figma question here...\",\n", + " container=False,\n", + " scale=4\n", + " )\n", + " submit_btn = gr.Button(\"Ask\", scale=1, variant=\"primary\")\n", + " clear_btn = gr.Button(\"Clear Chat\", scale=1)\n", + " audio_btn = gr.Button(\"🔊 Text To Audio\", scale=1, variant=\"secondary\")\n", + " clear_audio_btn = gr.Button(\"🔇 Clear Audio\", scale=1, variant=\"secondary\")\n", + " \n", + "\n", + " \n", + "\n", + "\n", " # Your components with simple styling\n", " chatbot = gr.Chatbot(\n", " type=\"messages\",\n",