Update app.py

app.py

@@ -2,7 +2,7 @@ import gradio as gr
 import torch
 import transformers
 import spaces
-from synthid_text import  logits_processing
+from synthid_text import  synthid_mixin,logits_processing
 from synthid_text.detector_mean import mean_score
 
 # Configurations and model selection
@@ -83,23 +83,47 @@ def check_plagiarism(text):
 # Define the Gradio interface
 def create_plagiarism_checker():
     with gr.Blocks() as app:
-        gr.Markdown("## Plagiarism and Academic Integrity Checker")
-        gr.Markdown("Paste your text below to check if it is AI-generated using SynthID detection.")
+        # Title and description with formatting
+        gr.Markdown("""
+            # 📝 Plagiarism and Academic Integrity Checker
+            Use this tool to detect AI-generated content in your text using SynthID technology. 
+            Paste your text below to check if it contains AI-generated segments.
+            ---
+        """)
 
-        # Input textbox for users to paste text
-        text_input = gr.Textbox(placeholder="Paste your text here...", label="Input Text", lines=10)
+        # Layout the components in a single row
+        with gr.Row():
+            # Input textbox for users to paste text
+            text_input = gr.Textbox(
+                placeholder="Paste your text here...",
+                label="Input Text",
+                lines=10,
+                max_lines=20,
+                elem_id="text_input",
+            )
+        
+        # Divider for clarity
+        gr.Markdown("---")
 
         # Output box to display the result with highlighted watermark
-        output = gr.HTML(label="Integrity Check Result")
-        
-        # Button to initiate the check
-        check_button = gr.Button("Check Text")
+        output = gr.HTML(label="Integrity Check Result", elem_id="output")
+
+        # Button to initiate the check, styled with a color accent
+        check_button = gr.Button("🔍 Check Text", elem_id="check_button")
         
         # Define the click event for the button
         check_button.click(fn=check_plagiarism, inputs=text_input, outputs=output)
 
     return app
 
-# Launch the app
+# Add some basic CSS for styling
+css = """
+    #text_input { font-size: 16px; border: 1px solid #ddd; padding: 8px; }
+    #output { font-size: 16px; padding: 8px; border-radius: 5px; }
+    #check_button { font-size: 16px; background-color: #4CAF50; color: white; border: none; padding: 10px 20px; cursor: pointer; }
+    #check_button:hover { background-color: #45a049; }
+"""
+
+# Launch the app with the custom CSS
 plagiarism_checker_app = create_plagiarism_checker()
-plagiarism_checker_app.launch()
+plagiarism_checker_app.launch(css=css)