Update repo_explorer.py

repo_explorer.py

@@ -154,7 +154,13 @@ def create_repo_explorer_tab() -> Tuple[Dict[str, gr.components.Component], Dict
             )
         with gr.Column(scale=1):
             load_repo_btn = gr.Button("🚀 Load Repository", variant="primary", size="lg")
-            visit_hf_btn = gr.Button("🔗 Visit on HF", variant="secondary", size="lg", visible=False)
+            
+    with gr.Row():
+        visit_hf_link = gr.HTML(
+            value="",
+            label="🔗 Repository Link",
+            visible=False
+        )
     
     with gr.Row():
         repo_status_display = gr.Textbox(
@@ -202,7 +208,7 @@ def create_repo_explorer_tab() -> Tuple[Dict[str, gr.components.Component], Dict
     components = {
         "repo_explorer_input": repo_explorer_input,
         "load_repo_btn": load_repo_btn,
-        "visit_hf_btn": visit_hf_btn,
+        "visit_hf_link": visit_hf_link,
         "repo_status_display": repo_status_display,
         "repo_chatbot": repo_chatbot,
         "repo_msg_input": repo_msg_input,
@@ -298,10 +304,27 @@ def get_huggingface_url(repo_id: str) -> str:
         return ""
     return f"https://huggingface.co/spaces/{repo_id}"
 
-def handle_load_repository_with_vectorization(repo_id: str) -> Tuple[str, str, gr.Button]:
+def generate_repo_link_html(repo_id: str) -> str:
+    """Generate HTML with clickable link for the repository."""
+    if not repo_id or not repo_id.strip():
+        return ""
+    
+    clean_repo_id = str(repo_id).strip()
+    hf_url = f"https://huggingface.co/spaces/{clean_repo_id}"
+    
+    html_link = f'''
+    <div style="margin: 10px 0; padding: 15px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; backdrop-filter: blur(10px); text-align: center;">
+        <a href="{hf_url}" target="_blank" style="display: inline-block; padding: 12px 24px; background: linear-gradient(45deg, #667eea, #764ba2); color: white; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 16px; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.2);">
+            🔗 Visit {clean_repo_id} on Hugging Face
+        </a>
+    </div>
+    '''
+    return html_link
+
+def handle_load_repository_with_vectorization(repo_id: str) -> Tuple[str, str, str]:
     """Load repository and create both context summary and vector embeddings."""
     if not repo_id.strip():
-        return "Status: Please enter a repository ID.", "", gr.Button(visible=False)
+        return "Status: Please enter a repository ID.", "", ""
     
     try:
         logger.info(f"Loading repository with vectorization: {repo_id}")
@@ -313,7 +336,7 @@ def handle_load_repository_with_vectorization(repo_id: str) -> Tuple[str, str, g
         except Exception as e:
             logger.error(f"Error downloading repository {repo_id}: {e}")
             error_status = f"❌ Error downloading repository: {e}"
-            return error_status, "", gr.Button(visible=False)
+            return error_status, "", ""
         
         # Read the combined content
         with open(combined_text_path, "r", encoding="utf-8") as f:
@@ -332,16 +355,16 @@ def handle_load_repository_with_vectorization(repo_id: str) -> Tuple[str, str, g
         else:
             status = f"✅ Repository '{repo_id}' loaded successfully!\n📁 Files processed and ready for exploration.\n⚠️ Vectorization failed - using text-only analysis.\n💬 You can now ask questions about this repository."
         
-        # Show the HF visit button since repository loaded successfully
-        updated_button = gr.Button("🔗 Visit on HF", variant="secondary", size="lg", visible=True)
+        # Generate the HTML link for the repository
+        repo_link_html = generate_repo_link_html(repo_id)
         
         logger.info(f"Repository {repo_id} loaded and processed successfully")
-        return status, context_summary, updated_button
+        return status, context_summary, repo_link_html
         
     except Exception as e:
         logger.error(f"Error loading repository {repo_id}: {e}")
         error_status = f"❌ Error loading repository: {e}"
-        return error_status, "", gr.Button(visible=False)
+        return error_status, "", ""
 
 def initialize_repo_chatbot(repo_status: str, repo_id: str, repo_context_summary: str) -> List[Dict[str, str]]:
     """Initialize the repository chatbot with a welcome message after successful repo loading."""
@@ -363,7 +386,7 @@ def setup_repo_explorer_events(components: Dict[str, gr.components.Component], s
     components["load_repo_btn"].click(
         fn=handle_load_repository_with_vectorization,
         inputs=[components["repo_explorer_input"]],
-        outputs=[components["repo_status_display"], states["repo_context_summary"], components["visit_hf_btn"]]
+        outputs=[components["repo_status_display"], states["repo_context_summary"], components["visit_hf_link"]]
     ).then(
         fn=lambda repo_id: repo_id,
         inputs=[components["repo_explorer_input"]],
@@ -374,14 +397,6 @@ def setup_repo_explorer_events(components: Dict[str, gr.components.Component], s
         outputs=[components["repo_chatbot"]]
     )
     
-    # Visit Hugging Face repository button - opens in new tab
-    components["visit_hf_btn"].click(
-        fn=None,
-        inputs=[states["current_repo_id"]],
-        outputs=[],
-        js="(repo_id) => { if(repo_id) window.open('https://huggingface.co/spaces/' + repo_id, '_blank'); }"
-    )
-    
     # Chat message submission events
     components["repo_msg_input"].submit(
         fn=handle_repo_user_message,