Update app.py

app.py

@@ -1041,7 +1041,8 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
         }
 
         /* Card/Panel styling */
-        .source-card, .gradio-group, .tabs, .tabitem, .box-container {
+        /* Card/Panel styling */
+        .source-card, .gradio-group, .tabs, .tabitem, .box-container, .group-container {
             background: var(--glass-bg) !important;
             backdrop-filter: blur(12px);
             border: 1px solid var(--glass-border) !important;
@@ -1229,7 +1230,7 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
                 )
 
                 # Dynamic source input based on selection
-                with gr.Group(visible=True) as github_group:
+                with gr.Group(visible=True, elem_classes=["group-container"]) as github_group:
                     gr.Markdown("*Paste a GitHub repo URL and click **Analyze** to extract docs. Then **Index** to enable RAG chat. You can see retrieved contents in the **Preview** tab on the right.*")
                     github_url = gr.Textbox(
                         label="Repository URL",
@@ -1252,7 +1253,7 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
                     with gr.Row():
                         github_notepad_download = gr.DownloadButton("📥 Download as .md", variant="secondary", size="sm")
 
-                with gr.Group(visible=False) as local_group:
+                with gr.Group(visible=False, elem_classes=["group-container"]) as local_group:
                     gr.Markdown("*Upload a project folder. Irrelevant files are auto-filtered. You can see retrieved contents in the **Preview** tab on the right.*")
                     local_folder = gr.File(
                         label="Upload Project Folder",
@@ -1275,7 +1276,7 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
                     with gr.Row():
                         local_notepad_download = gr.DownloadButton("📥 Download as .md", variant="secondary", size="sm")
 
-                with gr.Group(visible=False) as youtube_group:
+                with gr.Group(visible=False, elem_classes=["group-container"]) as youtube_group:
                     gr.Markdown("*Paste a YouTube video URL to extract and analyze the transcript. You can see retrieved contents in the **Preview** tab on the right.*")
                     youtube_url = gr.Textbox(
                         label="Video URL",
@@ -1300,9 +1301,9 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
                 # Source type switching logic
                 def switch_source(choice):
                     return (
-                        gr.Group(visible=("GitHub" in choice)),
-                        gr.Group(visible=("Local" in choice)),
-                        gr.Group(visible=("YouTube" in choice)),
+                        gr.update(visible=("GitHub" in choice)),
+                        gr.update(visible=("Local" in choice)),
+                        gr.update(visible=("YouTube" in choice)),
                     )
 
                 source_type.change(
@@ -1357,7 +1358,7 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
                 )
 
                 # Chat Interface
-                with gr.Group(visible=True) as chat_panel:
+                with gr.Group(visible=True, elem_classes=["group-container"]) as chat_panel:
                     with gr.Group(elem_classes=["box-container"]):
                         gr.Markdown("### 🐒 Knowledge Assistant")
                     gr.Markdown("*Hover over messages to see copy icon. Use toggles below to augment with web/wiki search.*")
@@ -1461,7 +1462,7 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
                                     )
 
                 # Preview Interface
-                with gr.Group(visible=False) as preview_panel:
+                with gr.Group(visible=False, elem_classes=["group-container"]) as preview_panel:
                     gr.Markdown("### 📄 Document Preview")
 
                     with gr.Row():
@@ -1485,8 +1486,8 @@ def build_interface() -> tuple[gr.Blocks, gr.Theme | None, str | None]:
                 # Panel switching logic
                 def switch_panel(choice):
                     return (
-                        gr.Group(visible=("Chat" in choice)),
-                        gr.Group(visible=("Preview" in choice)),
+                        gr.update(visible=("Chat" in choice)),
+                        gr.update(visible=("Preview" in choice)),
                     )
 
                 right_panel_mode.change(