Upload app.py

app.py

@@ -489,8 +489,14 @@ def render_citations(text: str, browser: SimpleBrowser) -> str:
     """Convert citation markers to clickable HTML links with tooltips."""
     def replace_citation(m):
         cursor_str = m.group(1)
-        # l1 = m.group(2)
-        # l2 = m.group(3)
+        full_match = m.group(0)  # Get the full match to extract line info
+
+        # Extract line information from the citation marker
+        # Format: 【{cursor}†L{line_start}(-L{line_end})?】
+        line_info = ""
+        line_match = re.search(r'†(L\d+(?:-L\d+)?)', full_match)
+        if line_match:
+            line_info = line_match.group(1)
 
         try:
             cursor = int(cursor_str)
@@ -507,14 +513,23 @@ def render_citations(text: str, browser: SimpleBrowser) -> str:
                 title_display = title
                 snippet_display = snippet if snippet else 'No description available'
 
-                # Truncate URL for display
-                url_display = url if len(url) <= 60 else url[:57] + '...'
+                # Extract domain from URL
+                try:
+                    domain = url.split('/')[2] if len(url.split('/')) > 2 else url
+                except:
+                    domain = url
+
+                # Add line info if available
+                line_html = ""
+                if line_info:
+                    line_html = f'<div class="citation-tooltip-line">📍 {line_info}</div>'
 
                 # Create citation with tooltip
                 tooltip_html = f'''<span class="citation-tooltip">
   <div class="citation-tooltip-title">{title_display}</div>
+  {line_html}
   <div class="citation-tooltip-snippet">{snippet_display}</div>
-  <div class="citation-tooltip-url">{html.escape(url_display)}</div>
+  <div class="citation-tooltip-url">🔗 {html.escape(domain)}</div>
 </span>'''
 
                 return f'<span class="citation-wrapper"><a href="{html.escape(url)}" target="_blank" class="citation-link">[{index}]</a>{tooltip_html}</span>'
@@ -529,9 +544,12 @@ def render_citations(text: str, browser: SimpleBrowser) -> str:
     # First pass: replace citations with linked citations
     result = re.sub(r'[【\[](\d+)†.*?[】\]]', replace_citation, text)
 
-    # Second pass: Deduplicate adjacent identical citations
+    # Second pass: Remove standalone URLs that appear after text (common pattern)
+    # This removes URLs that directly follow sentences without proper citation
+    result = re.sub(r'(?<=[.!?])\s+(https?://[^\s]+)', '', result)
+
+    # Third pass: Deduplicate adjacent identical citations
     # Matches: <span class="citation-wrapper">...</span> followed by optional whitespace and same wrapper
-    # We need to be more careful here with the new structure
     while True:
         # Match citation wrapper and deduplicate
         new_result = re.sub(r'(<span class="citation-wrapper">.*?</span>)(\s*)\1', r'\1', result)
@@ -673,8 +691,12 @@ def render_tool_result(result: str, fn_name: str) -> str:
                             <div style="color: #6b7280; font-size: 0.85rem; line-height: 1.5; margin-top: 0.75rem;">
                                 {html.escape(summary)}
                             </div>
-                            <div style="color: #9ca3af; font-size: 0.75rem; margin-top: 0.5rem; font-family: monospace; word-break: break-all;">
-                                {html.escape(url)}
+                            <div style="display: flex; align-items: center; gap: 0.25rem; color: #9ca3af; font-size: 0.7rem; margin-top: 0.5rem;">
+                                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                                    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
+                                    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+                                </svg>
+                                <span style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;">{html.escape(url.split('/')[2] if len(url.split('/')) > 2 else url)}</span>
                             </div>
                         </div>
                     </div>
@@ -1565,6 +1587,18 @@ def create_interface():
         padding-bottom: 6px;
     }
 
+    .citation-tooltip-line {
+        color: #059669;
+        font-size: 0.75rem;
+        font-weight: 600;
+        margin-bottom: 6px;
+        padding: 3px 8px;
+        background: #ecfdf5;
+        border-radius: 4px;
+        display: inline-block;
+        border: 1px solid #10a37f30;
+    }
+
     .citation-tooltip-snippet {
         color: #475569;
         font-size: 0.8rem;
@@ -1575,14 +1609,20 @@ def create_interface():
     }
 
     .citation-tooltip-url {
-        color: #10a37f;
-        font-size: 0.75rem;
+        color: #6b7280;
+        font-size: 0.7rem;
         font-family: 'SF Mono', Monaco, monospace;
         word-break: break-all;
-        background: #f0fdf4;
-        padding: 4px 6px;
-        border-radius: 4px;
-        border: 1px solid #10a37f20;
+        padding: 2px 0;
+        border-top: 1px solid #e5e7eb;
+        padding-top: 6px;
+        text-decoration: none;
+        opacity: 0.8;
+    }
+
+    .citation-tooltip-url:hover {
+        color: #10a37f;
+        opacity: 1;
     }
 
     /* User Message Bubble - 淡蓝色背景，右对齐 */
@@ -2194,14 +2234,25 @@ def create_interface():
             border-bottom-color: #374151 !important;
         }
 
+        .citation-tooltip-line {
+            color: #6ee7b7 !important;
+            background: #064e3b !important;
+            border-color: #10a37f50 !important;
+        }
+
         .citation-tooltip-snippet {
             color: #d1d5db !important;
         }
 
         .citation-tooltip-url {
-            color: #6ee7b7 !important;
-            background: #064e3b !important;
-            border-color: #10a37f40 !important;
+            color: #9ca3af !important;
+            border-top-color: #374151 !important;
+            opacity: 0.8 !important;
+        }
+
+        .citation-tooltip-url:hover {
+            color: #10a37f !important;
+            opacity: 1 !important;
         }
 
         /* 用户问题气泡深色模式 */
@@ -2359,14 +2410,25 @@ def create_interface():
         border-bottom-color: #374151 !important;
     }
 
+    .dark .citation-tooltip-line {
+        color: #6ee7b7 !important;
+        background: #064e3b !important;
+        border-color: #10a37f50 !important;
+    }
+
     .dark .citation-tooltip-snippet {
         color: #d1d5db !important;
     }
 
     .dark .citation-tooltip-url {
-        color: #6ee7b7 !important;
-        background: #064e3b !important;
-        border-color: #10a37f40 !important;
+        color: #9ca3af !important;
+        border-top-color: #374151 !important;
+        opacity: 0.8 !important;
+    }
+
+    .dark .citation-tooltip-url:hover {
+        color: #10a37f !important;
+        opacity: 1 !important;
     }
 
     .dark .search-result-card {