Upload app.py

app.py

@@ -99,6 +99,39 @@ div[class*=" gradio-container-"] {
     text-align: left;
     width: 100%;
     box-sizing: border-box;
+    position: relative;
+    padding-right: 2rem;
+}
+
+/* ✅ 为每个公司选项添加删除按钮 */
+.company-list-container label::after {
+    content: '×';
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background: #d1d5db;
+    color: white;
+    font-size: 14px;
+    font-weight: bold;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    opacity: 0;
+    transition: opacity 0.2s;
+    cursor: pointer;
+    line-height: 1;
+}
+
+.company-list-container label:hover::after {
+    opacity: 1;
+}
+
+.company-list-container label::after:hover {
+    background: #9ca3af;
 }
 
 /* 悬停效果 */
@@ -107,9 +140,9 @@ div[class*=" gradio-container-"] {
     border-color: #d1d5db;
 }
 
-/* 选中效果 - 使用橙色渐变,更好看 */
+/* 选中效果 - 使用蓝色 */
 .company-list-container input[type="radio"]:checked + span {
-    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
+    background: #3b82f6 !important;
     color: white !important;
     font-weight: 600 !important;
     display: block;
@@ -128,7 +161,7 @@ div[class*=" gradio-container-"] {
 }
 
 label.selected {
-    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
+    background: #3b82f6 !important;
     color: white !important;
 }
 
@@ -210,13 +243,15 @@ label.selected {
     background: #f9fafb !important;
 }
 
-/* ✅ 缩小Easy Financial AI Assistant标题 */
+/* ✅ 缩小Easy Financial AI Assistant标题 - 更精致 */
 .chatbot > .wrap > .head h1,
 .chatbot > .wrap > .head h2,
 .chatbot > .wrap > .head h3 {
-    font-size: 14px !important;
+    font-size: 13px !important;
     margin: 0 !important;
-    font-weight: 600 !important;
+    font-weight: 500 !important;
+    color: #6b7280 !important;
+    letter-spacing: 0.3px !important;
 }
 
 /* Tabs标签栏样式 */
@@ -700,7 +735,7 @@ def update_report_section(selected_company, report_data, stock_code):
                 <div class="report-item-content">
                     <span class="text-gray-800">{period}-{stock_code}-{source_form}</span>
                     <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" class="text-blue-500" viewBox="0 0 20 20" fill="currentColor">
-                        <path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 10-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l-1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd" />
+                        <path fill-rule="evenodd" d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 10-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l-1.5-1.5a2 2 0 11-2.828-2.828l3-3z" clip-rule="evenodd" />
                     </svg>
                 </div>
             </div>
@@ -1172,35 +1207,6 @@ def build_income_table(table_data):
                 income_statement = table_data
                 yoy_rates = []
             
-            # ✅ 转置表格:横轴显示Category,纵轴显示年份
-            # 原始数据格式: [["Category", "2024/FY", "2023/FY", "2022/FY"], ["Total", "100", "90", "80"], ...]
-            # 转置后格式: [["Year", "Total", "Net Income", ...], ["2024/FY", "100", "200", ...], ...]
-            
-            if len(income_statement) == 0:
-                return "<div>No data available</div>"
-            
-            # 提取原始表头和数据
-            original_headers = income_statement[0]  # ["Category", "2024/FY", "2023/FY", "2022/FY"]
-            original_data = income_statement[1:]     # 数据行
-            
-            # 构建转置后的表格
-            transposed_table = []
-            
-            # 新表头:第一列是"Year",其余是各个Category
-            new_header = ["Year"] + [row[0] for row in original_data]
-            transposed_table.append(new_header)
-            
-            # 新数据行:每一行对应一个年份
-            for col_idx in range(1, len(original_headers)):
-                year = original_headers[col_idx]
-                row_data = [year]  # 第一列是年份
-                for data_row in original_data:
-                    if col_idx < len(data_row):
-                        row_data.append(data_row[col_idx])
-                    else:
-                        row_data.append("N/A")
-                transposed_table.append(row_data)
-            
             # 创建一个映射，将年份列索引映射到增长率
             yoy_map = {}
             if len(yoy_rates) > 1 and len(yoy_rates[0]) > 1:
@@ -1216,10 +1222,10 @@ def build_income_table(table_data):
                             yoy_map[category][yoy_headers[j]] = rate
             
             table_rows = ""
+            header_row = income_statement[0]
             
-            for i, row in enumerate(transposed_table):
+            for i, row in enumerate(income_statement):
                 if i == 0:
-                    # 表头行
                     row_style = "background-color: #f5f5f5; font-weight: 500;"
                 else:
                     row_style = "background-color: #f9f9f9;"
@@ -1227,17 +1233,16 @@ def build_income_table(table_data):
                 
                 for j, cell in enumerate(row):
                     if j == 0:
-                        # 第一列(Year列)左对齐,设置最大宽度
-                        cells += f"<td style='padding: 8px; border: 1px solid #ddd; text-align: left; font-size: 13px; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600;'>{cell}</td>"
+                        # Category列设置最大宽度,避免过宽
+                        cells += f"<td style='padding: 8px; border: 1px solid #ddd; text-align: left; font-size: 13px; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;'>{cell}</td>"
                     else:
-                        # 数据列居中对齐
                         # 添加增长率箭头（如果有的话）
                         growth = None
-                        if i > 0 and j > 0:  # 不是表头行,也不是第一列
-                            year = row[0]  # 当前行的年份
-                            category = transposed_table[0][j]  # 当前列的Category
-                            if category in yoy_map and year in yoy_map[category]:
-                                growth = yoy_map[category][year]
+                        category = row[0]
+                        if i > 0 and category in yoy_map and j > 0 and j < len(header_row):
+                            year_header = header_row[j]
+                            if year_header in yoy_map[category]:
+                                growth = yoy_map[category][year_header]
                         
                         if growth and growth != "N/A":
                             arrow = "▲" if growth.startswith("+") else "▼"
@@ -1251,7 +1256,7 @@ def build_income_table(table_data):
                 table_rows += f"<tr style='{row_style}'>{cells}</tr>"
             
             html = f"""
-            <div style="min-width: 400px;max-width: 600px;height: auto !important;border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);">
+            <div style="min-width: 400px;max-width: 600px;height: 300px !important;border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);">
                 <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #e5e7eb;">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M12 2L15.09 8.26L19 9.07L16 14L16 19L12 19L8 14L8 9.07L4.91 8.26L8 2L12 2Z" fill="#3b82f6"/>
@@ -1322,18 +1327,18 @@ def create_metrics_dashboard():
                     prev_close_val = company_info.get("previous_close", "N/A")
 
                 html = f"""
-                <div style="width: 250px; height: 300px !important; border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);">
-                    <div style="font-size: 17px; color: #374151; font-weight: 600; margin-bottom: 4px;">{company_name}</div>
-                    <div style="font-size: 13px; color: #6b7280; margin-bottom: 12px;">NYSE：{symbol}</div>
-                    <div style="display: flex; align-items: center; gap: 10px; margin: 12px 0; padding: 12px; background: #f9fafb; border-radius: 8px;">
-                        <div style="font-size: 34px; font-weight: bold; color: #111827;">{price}</div>
-                        <div style="font-size: 15px;">{change_html}</div>
+                <div style="width: 250px; height: 300px !important; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%); display: flex; flex-direction: column;">
+                    <div style="font-size: 15px; color: #374151; font-weight: 600; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{company_name}</div>
+                    <div style="font-size: 12px; color: #6b7280; margin-bottom: 10px;">NYSE：{symbol}</div>
+                    <div style="display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; padding: 10px; background: #f9fafb; border-radius: 8px; flex-wrap: wrap;">
+                        <div style="font-size: 28px; font-weight: bold; color: #111827;">{price}</div>
+                        <div style="font-size: 13px;">{change_html}</div>
                     </div>
-                    <div style="margin-top: 16px; display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 12px; background: white; border-radius: 8px; border: 1px solid #e5e7eb;">
-                        <div style="font-size: 14px; color: #6b7280;">Open</div><div style="font-size: 14px; font-weight: 600; text-align: right; color: #111827;">{open_val}</div>
-                        <div style="font-size: 14px; color: #6b7280;">High</div><div style="font-size: 14px; font-weight: 600; text-align: right; color: #111827;">{high_val}</div>
-                        <div style="font-size: 14px; color: #6b7280;">Low</div><div style="font-size: 14px; font-weight: 600; text-align: right; color: #111827;">{low_val}</div>
-                        <div style="font-size: 14px; color: #6b7280;">Prev Close</div><div style="font-size: 14px; font-weight: 600; text-align: right; color: #111827;">{prev_close_val}</div>
+                    <div style="flex: 1; display: grid; grid-template-columns: auto 1fr; gap: 6px 8px; padding: 10px; background: white; border-radius: 8px; border: 1px solid #e5e7eb; font-size: 12px; align-content: start;">
+                        <div style="color: #6b7280;">Open</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{open_val}</div>
+                        <div style="color: #6b7280;">High</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{high_val}</div>
+                        <div style="color: #6b7280;">Low</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{low_val}</div>
+                        <div style="color: #6b7280;">Prev Close</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{prev_close_val}</div>
                     </div>
                 </div>
                 """
@@ -1541,9 +1546,9 @@ def update_metrics_dashboard(company_name):
             </div>
             """
             # <div style="font-size: 14px; color: #555;">Vol</div><div style="font-size: 14px; font-weight: 500; text-align: center;">{volume_display}</div>
-
+            
             return html
-
+            
         except Exception as e:
             print(f"Error building stock card: {e}")
             return '<div style="width:250px; padding:16px; color:red;">Error loading stock data</div>'