Update app.py

app.py

@@ -179,63 +179,60 @@ await inference.conversational({
             Thanks to the template, you can deploy your own instance based on a large language model with only a few clicks and customize it. Learn more about it here and create your large language model instance here.
 </div>
 """
+    
+# ---- Placeholder HTML pages ----
+TEXT_GENERATION_HTML = HF_REFERENCE_HTML
+
+QUESTION_ANSWER_HTML = """
+<div style="max-width: 800px; margin: auto;">
+    <h1>Question and Answer</h1>
+    <p>Q&A content goes here...</p>
+</div>
+"""
+
+SUMMARISATION_HTML = """
+<div style="max-width: 800px; margin: auto;">
+    <h1>Summarisation</h1>
+    <p>Summarisation content goes here...</p>
+</div>
+"""
+
+IMAGE_GENERATION_HTML = """
+<div style="max-width: 800px; margin: auto;">
+    <h1>Image Generation</h1>
+    <p>Image generation content goes here...</p>
+</div>
+"""
 
+# ---- Page switching function ----
 def switch_content(choice):
-    if choice == "My Work":
-        return YOUR_WORK_HTML
-    else:
-        return HF_REFERENCE_HTML
-
-with gr.Blocks(head="""
-<script>
-document.addEventListener("mouseup", () => {
-    const selection = window.getSelection().toString().trim();
-    if (selection.length > 0) {
-        const textbox = document.querySelector('textarea[data-testid="textbox"]');
-        if (textbox) {
-            const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
-                window.HTMLTextAreaElement.prototype, 
-                "value"
-            ).set;
-            nativeInputValueSetter.call(textbox, selection);
-            textbox.dispatchEvent(new Event("input", { bubbles: true }));
-        }
+    pages = {
+        "Text Generation": TEXT_GENERATION_HTML,
+        "Question and Answer": QUESTION_ANSWER_HTML,
+        "Summarisation": SUMMARISATION_HTML,
+        "Image Generation": IMAGE_GENERATION_HTML,
     }
-});
-</script>
-""") as demo:
-    gr.Markdown("### 📘 Highlight text and ask GPT for help")
-    
-    # Toggle between your work and HF reference
-    #view_toggle = gr.Radio(
-    #    choices=["My Work", "HF Reference"],
-    #    value="My Work",
-    #    label="View",
-    #    interactive=True
-    #)
-    
-    content_display = gr.HTML(HF_REFERENCE_HTML)
-    
-    #view_toggle.change(
-    #    fn=switch_content,
-    #    inputs=view_toggle,
-    #    outputs=content_display
-    #)
-    
-    selected_text = gr.Textbox(
-        label="Selected text",
-        placeholder="Highlight text above...",
-        lines=3,
-        interactive=True
-    )
-    
-    explain_btn = gr.Button("Explain selection 🧠")
-    output = gr.Markdown()
-    
-    explain_btn.click(
-        fn=explain_text,
-        inputs=selected_text,
-        outputs=output,
-    )
+    return pages.get(choice, TEXT_GENERATION_HTML)
+    
+nav_bar = gr.Radio(
+    choices=[
+        "Text Generation",
+        "Question and Answer",
+        "Summarisation",
+        "Image Generation"
+    ],
+    value="Text Generation",
+    label="Topics",
+    interactive=True
+)
+
+content_display = gr.HTML(TEXT_GENERATION_HTML)
+
+nav_bar.change(
+    fn=switch_content,
+    inputs=nav_bar,
+    outputs=content_display
+)
+
 
 demo.launch(allowed_paths=["."])