Update app.py

app.py

@@ -490,6 +490,23 @@ def run(
             pass
         clear_cuda_cache()
 
+##############################################################################
+# 예시들 (텍스트 및 문서 파일만)
+##############################################################################
+examples = [
+
+    [
+        {
+            "text": "Please compare and analyze the content of these two PDF files.",
+            "files": [
+                "assets/additional-examples/before.pdf",
+                "assets/additional-examples/after.pdf",
+            ],
+        }
+    ],
+
+
+]
 
 ##############################################################################
 # Gradio UI
@@ -497,11 +514,12 @@ def run(
 css = """
 .gradio-container {
     background: rgba(255, 255, 255, 0.7);
-    padding: 20px 30px;
-    margin: 10px auto;
+    padding: 40px 30px 20px 30px !important;
+    margin: 0 auto !important;
     width: 100% !important;
     max-width: none !important;
     min-height: 100vh;
+    box-sizing: border-box;
 }
 .fillable {
     width: 100% !important; 
@@ -527,31 +545,46 @@ button, .btn {
 button:hover, .btn:hover {
     background: rgba(0, 0, 0, 0.05) !important;
 }
-.title-section {
-    margin-bottom: 25px;
-    padding: 15px 0;
-    text-align: center;
+.app-title {
+    margin: 0 0 30px 0 !important;
+    padding: 20px 0 !important;
+    text-align: center !important;
+    background: rgba(240, 248, 255, 0.8);
+    border-radius: 10px;
+    border: 1px solid #e0e6ed;
 }
-.title-section h1 {
-    margin: 0 0 10px 0;
-    font-size: 1.8em;
-    font-weight: bold;
-    color: #2d3748;
+.app-title h1 {
+    margin: 0 0 15px 0 !important;
+    padding: 0 !important;
+    font-size: 2.2em !important;
+    font-weight: bold !important;
+    color: #1a365d !important;
+    line-height: 1.2 !important;
+}
+.app-title .features {
+    margin: 10px 0 !important;
+    padding: 0 !important;
+    font-size: 1.1em !important;
+    font-weight: 600 !important;
+    color: #2d3748 !important;
+    line-height: 1.4 !important;
 }
-.title-section p {
-    margin: 8px 0;
-    font-size: 1.0em;
-    line-height: 1.4;
-    color: #4a5568;
+.app-title .tech-info {
+    margin: 8px 0 0 0 !important;
+    padding: 0 !important;
+    font-size: 0.95em !important;
+    color: #4a5568 !important;
+    font-style: italic !important;
+    line-height: 1.3 !important;
 }
 """
 
 title_html = """
 <h1 align="center" style="margin-bottom: 0.2em; font-size: 1.6em;"> 🤗 Gemma3-R1984-1B (Text-Only) </h1>
 <p align="center" style="font-size:1.1em; color:#555;">
-
+    ✅Agentic AI Platform ✅Reasoning & Analysis ✅Text Analysis ✅Deep Research & RAG <br>
     ✅Document Processing (PDF, CSV, TXT) ✅Web Search Integration ✅Korean/English Support<br>
-    ✅Running on Independent Local Server with 'NVIDIA 49xxx GPU'<br>
+    ✅Running on Independent Local Server with 'NVIDIA L40s / A100(ZeroGPU) GPU'<br>
     @Model Repository: VIDraft/Gemma-3-R1984-1B, @Based on: 'Google Gemma-3-1b'
 </p>
 """
@@ -610,11 +643,17 @@ with gr.Blocks(css=css, title="Gemma3-R1984-1B") as demo:
             web_search_text,
         ],
         stop_btn=False,
+        title='<a href="https://discord.gg/openfreeai" target="_blank">https://discord.gg/openfreeai</a>',
+        examples=examples,
+        run_examples_on_click=False,
+        cache_examples=False,
         css_paths=None,
         delete_cache=(1800, 1800),
     )
 
-
+    with gr.Row(elem_id="examples_row"):
+        with gr.Column(scale=12, elem_id="examples_container"):
+            gr.Markdown("### Example Inputs (Click to Load)")
 
 if __name__ == "__main__":
     demo.launch()