use gr.Tab components instead of TabbedInterface

app.py

@@ -17,33 +17,6 @@ def use_gemini(pdf_filepath, key):
 	result = gemini_extractor.extract(content, config)
 	return result
 
-with gr.Blocks(title="PDF data extraction with Gemini & Indexify") as gemini_demo:
-	gr.HTML("<h1 style='text-align: center'>PDF data extraction with Gemini & <a href='https://getindexify.ai/'>Indexify</a></h1>")
-	gr.HTML("<p style='text-align: center'>Indexify is a scalable realtime and continuous indexing and structured extraction engine for unstructured data to build generative AI applications</p>")
-	gr.HTML("<h3 style='text-align: center'>If you like this demo, please ⭐ Star us on <a href='https://github.com/tensorlakeai/indexify' target='_blank'>GitHub</a>!</h3>")
-	gr.HTML("<h4 style='text-align: center'>Here's an example notebook that demonstrates how to build a continuous <a href='https://github.com/tensorlakeai/indexify/blob/main/docs/docs/examples/multimodal_gemini.ipynb' target='_blank'>extraction pipeline</a> with Indexify</h4>")
-
-	with gr.Row():
-		with gr.Column():
-			gr.HTML(
-				"<p><b>Step 1:</b> Upload a PDF file from local storage.</p>"
-				"<p style='color: #A0A0A0;'>Use this demo for single PDF file only. "
-				"You can extract from PDF files continuously and try various other extractors locally with "
-				"<a href='https://getindexify.ai/'>Indexify</a>.</p>"
-			)
-			pdf_file_1 = gr.File(type="filepath")
-			gr.HTML("<p><b>Step 2:</b> Enter your API key.</p>")
-			key_1 = gr.Textbox(info="Please enter your GEMINI_API_KEY", label="Key:")
-		with gr.Column():
-			gr.HTML("<p><b>Step 3:</b> Run the extractor.</p>")
-			go_button_1 = gr.Button(value="Run Gemini extractor", variant="primary")
-			model_output_text_box_1 = gr.Textbox(label="Extractor Output", elem_id="model_output_text_box_1")
-
-	with gr.Row():
-		gr.HTML("<p style='text-align: center'>Developed with 🫶 by <a href='https://getindexify.ai/' target='_blank'>Indexify</a> | a <a href='https://www.tensorlake.ai/' target='_blank'>Tensorlake</a> product</p>")
-
-	go_button_1.click(fn=use_gemini, inputs=[pdf_file_1, key_1], outputs=[model_output_text_box_1])
-
 def use_openai(pdf_filepath, key):
 	if pdf_filepath is None:
 		raise gr.Error("Please provide some input PDF: upload a PDF file")
@@ -54,34 +27,62 @@ def use_openai(pdf_filepath, key):
 	result = oai_extractor.extract(content, config)
 	return result
 
-with gr.Blocks(title="PDF data extraction with OpenAI & Indexify") as openai_demo:
-	gr.HTML("<h1 style='text-align: center'>PDF data extraction with OpenAI & <a href='https://getindexify.ai/'>Indexify</a></h1>")
-	gr.HTML("<p style='text-align: center'>Indexify is a scalable realtime and continuous indexing and structured extraction engine for unstructured data to build generative AI applications</p>")
-	gr.HTML("<h3 style='text-align: center'>If you like this demo, please ⭐ Star us on <a href='https://github.com/tensorlakeai/indexify' target='_blank'>GitHub</a>!</h3>")
-	gr.HTML("<h4 style='text-align: center'>Here's an example notebook that demonstrates how to build a continuous <a href='https://github.com/tensorlakeai/indexify/blob/main/docs/docs/examples/multimodal_openai.ipynb' target='_blank'>extraction pipeline</a> with Indexify</h4>")
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    with gr.Tab("PDF data extraction with Gemini & Indexify"):
+	    gr.HTML("<h1 style='text-align: center'>PDF data extraction with Gemini & <a href='https://getindexify.ai/'>Indexify</a></h1>")
+	    gr.HTML("<p style='text-align: center'>Indexify is a scalable realtime and continuous indexing and structured extraction engine for unstructured data to build generative AI applications</p>")
+	    gr.HTML("<h3 style='text-align: center'>If you like this demo, please ⭐ Star us on <a href='https://github.com/tensorlakeai/indexify' target='_blank'>GitHub</a>!</h3>")
+	    gr.HTML("<h4 style='text-align: center'>Here's an example notebook that demonstrates how to build a continuous <a href='https://github.com/tensorlakeai/indexify/blob/main/docs/docs/examples/multimodal_gemini.ipynb' target='_blank'>extraction pipeline</a> with Indexify</h4>")
 
-	with gr.Row():
-		with gr.Column():
-			gr.HTML(
-				"<p><b>Step 1:</b> Upload a PDF file from local storage.</p>"
-				"<p style='color: #A0A0A0;'>Use this demo for single PDF file only. "
-				"You can extract from PDF files continuously and try various other extractors locally with "
-				"<a href='https://getindexify.ai/'>Indexify</a>.</p>"
-			)
-			pdf_file_2 = gr.File(type="filepath")
-			gr.HTML("<p><b>Step 2:</b> Enter your API key.</p>")
-			key_2 = gr.Textbox(info="Please enter your OPENAI_API_KEY", label="Key:")
-		with gr.Column():
-			gr.HTML("<p><b>Step 3:</b> Run the extractor.</p>")
-			go_button_2 = gr.Button(value="Run OpenAI extractor", variant="primary")
-			model_output_text_box_2 = gr.Textbox(label="Extractor Output", elem_id="model_output_text_box_2")
+	    with gr.Row():
+		    with gr.Column():
+			    gr.HTML(
+				    "<p><b>Step 1:</b> Upload a PDF file from local storage.</p>"
+				    "<p style='color: #A0A0A0;'>Use this demo for single PDF file only. "
+				    "You can extract from PDF files continuously and try various other extractors locally with "
+				    "<a href='https://getindexify.ai/'>Indexify</a>.</p>"
+			    )
+			    pdf_file_1 = gr.File(type="filepath")
+			    gr.HTML("<p><b>Step 2:</b> Enter your API key.</p>")
+			    key_1 = gr.Textbox(info="Please enter your GEMINI_API_KEY", label="Key:")
+		    with gr.Column():
+			    gr.HTML("<p><b>Step 3:</b> Run the extractor.</p>")
+			    go_button_1 = gr.Button(value="Run Gemini extractor", variant="primary")
+			    model_output_text_box_1 = gr.Textbox(label="Extractor Output", elem_id="model_output_text_box_1")
 
-	with gr.Row():
-		gr.HTML("<p style='text-align: center'>Developed with 🫶 by <a href='https://getindexify.ai/' target='_blank'>Indexify</a> | a <a href='https://www.tensorlake.ai/' target='_blank'>Tensorlake</a> product</p>")
+	    with gr.Row():
+		    gr.HTML("<p style='text-align: center'>Developed with 🫶 by <a href='https://getindexify.ai/' target='_blank'>Indexify</a> | a <a href='https://www.tensorlake.ai/' target='_blank'>Tensorlake</a> product</p>")
 
-	go_button_2.click(fn=use_openai, inputs=[pdf_file_2, key_2], outputs=[model_output_text_box_2])
+	go_button_1.click(fn=use_gemini, inputs=[pdf_file_1, key_1], outputs=[model_output_text_box_1])
 
-demo = gr.TabbedInterface([gemini_demo, openai_demo], ["Gemini Extractor", "OpenAI Extractor"], theme=gr.themes.Soft())
+
+
+    with gr.Tab("PDF data extraction with OpenAI & Indexify"):
+	    gr.HTML("<h1 style='text-align: center'>PDF data extraction with OpenAI & <a href='https://getindexify.ai/'>Indexify</a></h1>")
+	    gr.HTML("<p style='text-align: center'>Indexify is a scalable realtime and continuous indexing and structured extraction engine for unstructured data to build generative AI applications</p>")
+	    gr.HTML("<h3 style='text-align: center'>If you like this demo, please ⭐ Star us on <a href='https://github.com/tensorlakeai/indexify' target='_blank'>GitHub</a>!</h3>")
+	    gr.HTML("<h4 style='text-align: center'>Here's an example notebook that demonstrates how to build a continuous <a href='https://github.com/tensorlakeai/indexify/blob/main/docs/docs/examples/multimodal_openai.ipynb' target='_blank'>extraction pipeline</a> with Indexify</h4>")
+
+	    with gr.Row():
+		    with gr.Column():
+			    gr.HTML(
+				    "<p><b>Step 1:</b> Upload a PDF file from local storage.</p>"
+				    "<p style='color: #A0A0A0;'>Use this demo for single PDF file only. "
+				    "You can extract from PDF files continuously and try various other extractors locally with "
+				    "<a href='https://getindexify.ai/'>Indexify</a>.</p>"
+			    )
+			    pdf_file_2 = gr.File(type="filepath")
+			    gr.HTML("<p><b>Step 2:</b> Enter your API key.</p>")
+			    key_2 = gr.Textbox(info="Please enter your OPENAI_API_KEY", label="Key:")
+		    with gr.Column():
+			    gr.HTML("<p><b>Step 3:</b> Run the extractor.</p>")
+			    go_button_2 = gr.Button(value="Run OpenAI extractor", variant="primary")
+			    model_output_text_box_2 = gr.Textbox(label="Extractor Output", elem_id="model_output_text_box_2")
+
+	    with gr.Row():
+		    gr.HTML("<p style='text-align: center'>Developed with 🫶 by <a href='https://getindexify.ai/' target='_blank'>Indexify</a> | a <a href='https://www.tensorlake.ai/' target='_blank'>Tensorlake</a> product</p>")
+
+	go_button_2.click(fn=use_openai, inputs=[pdf_file_2, key_2], outputs=[model_output_text_box_2])
 
 demo.queue()
 demo.launch()