test

app.py

@@ -1,76 +0,0 @@
-import gradio as gr
-import os
-from components.header import create_header
-from components.sidebar import create_sidebar
-from components.metrics import create_metrics_dashboard
-from components.tabs import create_tab_content
-from components.chat import create_chat_panel
-
-custom_css = """
-/* 匹配所有以 gradio-container- 开头的类 */
-div[class^="gradio-container-"],
-div[class*=" gradio-container-"] {
-    -webkit-text-size-adjust: 100% !important;
-    line-height: 1.5 !important;
-    font-family: unset !important;
-    -moz-tab-size: 4 !important;
-    tab-size: 4 !important;
-}
-"""
-
-def main():
-    # 获取当前目录
-    current_dir = os.path.dirname(os.path.abspath(__file__))
-    css_dir = os.path.join(current_dir, "css")
-    
-    # 设置CSS路径
-    css_paths = [
-        os.path.join(css_dir, "main.css"),
-        os.path.join(css_dir, "components.css"),
-        os.path.join(css_dir, "layout.css")
-    ]
-    
-    with gr.Blocks(
-        title="Financial Analysis Dashboard",
-        css_paths=css_paths,
-        css=custom_css,
-        
-        
-    ) as demo:
-        with gr.Column(elem_classes=["container", "container-h"]):
-            # 头部
-            create_header()
-            
-            # 创建主布局
-            with gr.Row(elem_classes=["main-content-box"]):
-                # 左侧边栏
-                with gr.Column(scale=2):
-                    create_sidebar()
-                
-                # 主内容区域
-                with gr.Column(scale=8):
-                    # 指标仪表板
-                    create_metrics_dashboard()
-                    
-                    with gr.Row():
-                        with gr.Column(scale=8):
-                        # Tab导航和内容
-                            with gr.Tabs() as tabs:
-                                with gr.TabItem("Summary", id="summary"):
-                                    create_tab_content("summary")
-                                
-                                with gr.TabItem("Detailed Analysis", id="detailed"):
-                                    create_tab_content("detailed")
-                                
-                                # with gr.TabItem("Comparative Analysis", id="comparative"):
-                                #     create_tab_content("comparative")
-                        with gr.Column(scale=2):
-                            # 右侧聊天面板
-                            create_chat_panel()
-                                
-    
-    return demo
-
-if __name__ == "__main__":
-  app = main()
-  app.launch(share=True, show_api=False)

components/chat.py

@@ -1,54 +0,0 @@
-import gradio as gr
-
-def create_chat_panel():
-    """创建聊天面板组件"""
-    with gr.Column(elem_classes=["chat-panel"]):
-        # 聊天头部
-        with gr.Row(elem_classes=["p-4", "border-b", "border-gray-200", "items-center", "gap-2"]):
-            gr.Markdown("🤖", elem_classes=["text-xl", "text-blue-600"])
-            gr.Markdown("Financial Assistant", elem_classes=["font-medium"])
-        
-        # 聊天区域
-        chatbot = gr.Chatbot(
-            value=[
-                {"role": "assistant", "content": "Hello! I can help you analyze financial data. Ask questions like \"Show revenue trends\" or \"Compare profitability ratios\""},
-                {"role": "user", "content": "Show revenue trends for last 4 quarters"},
-                {"role": "assistant", "content": "Revenue trend for GlobalTech Inc.:\n\nQ4 2024: $2.53B (+8.2%)\nQ1 2025: $2.61B (+9.8%)\nQ2 2025: $2.71B (+11.6%)\nQ3 2025: $2.84B (+12.4%)"},
-                {"role": "assistant", "content": "Revenue trend for GlobalTech Inc.:\n\nQ4 2024: $2.53B (+8.2%)\nQ1 2025: $2.61B (+9.8%)\nQ2 2025: $2.71B (+11.6%)\nQ3 2025: $2.84B (+12.4%)"},
-                {"role": "assistant", "content": "Revenue trend for GlobalTech Inc.:\n\nQ4 2024: $2.53B (+8.2%)\nQ1 2025: $2.61B (+9.8%)\nQ2 2025: $2.71B (+11.6%)\nQ3 2025: $2.84B (+12.4%)"},
-
-                {"role": "assistant", "content": "Revenue trend for GlobalTech Inc.:\n\nQ4 2024: $2.53B (+8.2%)\nQ1 2025: $2.61B (+9.8%)\nQ2 2025: $2.71B (+11.6%)\nQ3 2025: $2.84B (+12.4%)"}
-
-            ],
-            type="messages",
-            elem_classes=["min-h-0", "overflow-y-auto", "space-y-4", "chat-content-box"],
-            show_label=False,
-            autoscroll=True,
-            show_copy_button=True,
-            height=400,
-        )
-        
-        # 输入区域
-        with gr.Row(elem_classes=["border-t", "border-gray-200", "gap-2"]):
-            msg = gr.Textbox(
-                placeholder="Ask a financial question...",
-                elem_classes=["flex-1", "border", "border-gray-300", "rounded-lg", "px-4", "py-2", "focus:border-blue-500"],
-                show_label=False,
-                lines=1,
-                submit_btn=True,
-                container=False,
-                
-            )
-            # send_btn = gr.Button(
-            #     "Send",
-            #     elem_classes=["bg-blue-600", "text-white", "rounded-lg", "p-2", "hover:bg-blue-700"]
-            # )
-            
-            # 绑定事件
-            # msg.submit(None, None, None, queue=False)
-            # send_btn.click(None, None, None, queue=False)
-
-if __name__ == "__main__":
-    with gr.Blocks() as demo:
-        create_chat_panel()
-    demo.launch()

components/header.py

@@ -1,34 +0,0 @@
-import gradio as gr
-
-import datetime
-
-def create_header():
-    """创建头部组件"""
-    # 获取当前时间
-    current_time = datetime.datetime.now().strftime("%B %d, %Y - Market Data Updated Today")
-    
-    with gr.Row(elem_classes=["header", "justify-between", "items-center"]):
-        # 左侧：图标和标题
-        with gr.Row(elem_classes=["flex", "items-center", "gap-4"]):
-            # 使用圆柱体SVG图标表示数据库
-            gr.HTML('''
-                <div class="top-logo-box">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 48 48">
-                        <g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
-                            <path d="M44 11v27c0 3.314-8.954 6-20 6S4 41.314 4 38V11"></path>
-                            <path d="M44 29c0 3.314-8.954 6-20 6S4 32.314 4 29m40-9c0 3.314-8.954 6-20 6S4 23.314 4 20"></path>
-                            <ellipse cx="24" cy="10" rx="20" ry="6"></ellipse>
-                        </g>
-                    </svg>
-                    <span class="logo-title">Easy Financial Report Dashboard</span>
-                </div>
-            ''', elem_classes=["text-2xl"])
-        
-        # 右侧：时间信息
-        gr.Markdown(current_time, elem_classes=["text-sm-top-time"])
-
-
-if __name__ == "__main__":
-    with gr.Blocks() as demo:
-        create_header()
-    demo.launch()

components/metrics.py

@@ -1,142 +0,0 @@
-import gradio as gr
-
-def create_metrics_dashboard():
-    """创建指标仪表板组件"""
-    with gr.Row(elem_classes=["metrics-dashboard"]):
-        # 总收入
-        with gr.Column(elem_classes=["metric-card"]):
-            # with gr.Row(elem_classes=["justify-between"]):
-            #     gr.Markdown("Total Revenue", elem_classes=["font-semibold", "text-gray-700"])
-            #     gr.Markdown("💵", elem_classes=["text-green-500"])
-            # with gr.Column(elem_classes=["mt-4"]):
-            #     gr.Markdown("$2.84B", elem_classes=["metric-value"])
-            #     with gr.Row(elem_classes=["metric-change", "positive", "mt-1"]):
-            #         gr.Markdown("+12.4% YoY")
-            #         gr.Markdown("↗️", elem_classes=["text-green-500"])
-             gr.HTML(f'''
-                    <div class="metric-card-item" style="
-                    # width: 250px;
-                    height: 150px;
-                    # border: 1px solid red;
-                    # padding: 10px;
-                ">
-                        <div class="" style="
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-                ">
-                            <span class="" style="font-size: 18px;">Total Revenue</span>
-                            <span style="color: green;font-size: 18px;font-weight: 500;">💵</span>
-                        </div>
-                        <div class="">
-                                <p class="" style="font-size: 30px;font-weight: 600;color: #333333;margin-top: 20px;">$2.84B</p>                            <div class="">
-                                <span style="color: green;font-size: 18px;">+12.4% YoY</span>
-                                <span style="color: green;font-size: 26px;margin-left: 10px;">↗</span>
-                            </div>
-                        </div>
-                    </div>
-                    ''')
-        # 净收入
-        with gr.Column(elem_classes=["metric-card"]):
-            # with gr.Row(elem_classes=["justify-between"]):
-            #     gr.Markdown("Net Income", elem_classes=["font-semibold", "text-gray-700"])
-            #     gr.Markdown("💰", elem_classes=["text-green-500"])
-            # with gr.Column(elem_classes=["mt-4"]):
-            #     gr.Markdown("$685M", elem_classes=["metric-value"])
-            #     with gr.Row(elem_classes=["metric-change", "negative", "mt-1"]):
-            #         gr.Markdown("-3.2% QoQ")
-            #         gr.Markdown("↘️", elem_classes=["text-red-600"])
-            gr.HTML(f'''
-                        <div class="metric-card-item" style="
-                        # width: 250px;
-                        height: 150px;
-                        # border: 1px solid red;
-                        # padding: 10px;
-                    ">
-                            <div class="" style="
-                        display: flex;
-                        justify-content: space-between;
-                        align-items: center;
-                    ">
-                                <span class="" style="font-size: 18px;">Net Income</span>
-                                <span style="color: red;font-size: 18px;font-weight: 500;">💰</span>
-                            </div>
-                            <div class="">
-                                    <p class="" style="font-size: 30px;font-weight: 600;color: #333333;margin-top: 20px;">$685M</p>                            <div class="">
-                                    <span style="color: red;font-size: 18px;">-3.2% QoQ</span>
-                                    <span style="color: red;font-size: 26px;margin-left: 10px;">↘</span>
-                                </div>
-                            </div>
-                        </div>
-                        ''')
-        # 毛利率
-        with gr.Column(elem_classes=["metric-card"]):
-            # with gr.Row(elem_classes=["justify-between"]):
-            #     gr.Markdown("Gross Profit Margin", elem_classes=["font-semibold", "text-gray-700"])
-            #     gr.Markdown("📊", elem_classes=["text-blue-500"])
-            # with gr.Column(elem_classes=["mt-4"]):
-            #     gr.Markdown("42.3%", elem_classes=["metric-value"])
-            #     with gr.Row(elem_classes=["metric-change", "positive", "mt-1"]):
-            #         gr.Markdown("+180 bps")
-            #         gr.Markdown("↗️", elem_classes=["text-green-500"])
-            gr.HTML(f'''
-                        <div class="metric-card-item" style="
-                        # width: 250px;
-                        height: 150px;
-                        # border: 1px solid red;
-                        # padding: 10px;
-                    ">
-                            <div class="" style="
-                        display: flex;
-                        justify-content: space-between;
-                        align-items: center;
-                    ">
-                                <span class="" style="font-size: 18px;">Total Revenue</span>
-                                <span style="color: green;font-size: 18px;font-weight: 500;">📊</span>
-                            </div>
-                            <div class="">
-                                    <p class="" style="font-size: 30px;font-weight: 600;color: #333333;margin-top: 20px;">42.3%</p>                            <div class="">
-                                    <span style="color: green;font-size: 18px;">+180 bps</span>
-                                    <span style="color: green;font-size: 26px;margin-left: 10px;">↗</span>
-                                </div>
-                            </div>
-                        </div>
-                        ''')
-        # 流动比率
-        with gr.Column(elem_classes=["metric-card"]):
-            # with gr.Row(elem_classes=["justify-between"]):
-            #     gr.Markdown("Current Ratio", elem_classes=["font-semibold", "text-gray-700"])
-            #     gr.Markdown("⚖️", elem_classes=["text-purple-500"])
-            # with gr.Column(elem_classes=["mt-4"]):
-            #     gr.Markdown("1.82", elem_classes=["metric-value"])
-            #     with gr.Column(elem_classes=["mt-1"]):
-            #         with gr.Row(elem_classes=["w-full", "bg-gray-200", "rounded-full", "h-2"]):
-            #             with gr.Column(elem_classes=["bg-blue-600", "h-2", "rounded-full", "w-3/4"]):
-            #                 gr.Markdown("")
-            #         gr.Markdown("Target: 1.5", elem_classes=["text-xs", "text-gray-500", "mt-1"])
-            gr.HTML(f'''
-                          <div class="" style="
-                        display: flex;
-                        justify-content: space-between;
-                        align-items: center;
-                    ">
-                                <span class="" style="font-size: 18px;">Total Revenue</span>
-                                <span style="color: green;font-size: 18px;font-weight: 500;">⚖️</span>
-                            </div>
-                        ''')
-            gr.Slider(
-                minimum=1.5, 
-                maximum=2, 
-                value=1.82, 
-                # label="Current Ratio"
-                show_label=False,
-                show_reset_button=False,
-                container=False,
-                info="Target: 1.5",
-                elem_classes=["metric-card-item-current-ratio"],
-                )
-
-if __name__ == "__main__":
-    with gr.Blocks() as demo:
-        create_metrics_dashboard()
-    demo.launch()

components/sidebar.py

@@ -1,167 +0,0 @@
-from turtle import title
-import gradio as gr
-
-def create_sidebar():
-    """创建侧边栏组件"""
-    with gr.Column(elem_classes=["sidebar"]):
-        # 公司选择
-        with gr.Group(elem_classes=["card"]):
-            gr.Markdown("### Select Company", elem_classes=["card-title", "left-card-title"])
-            with gr.Column():
-                # 公司列表显示区域 - 使用样式更好的列表
-                company_list = gr.HTML("", elem_classes=["company-list-container", "bg-white", "rounded-lg", "p-3", "mb-3", "border", "border-gray-200", "shadow-sm"])
-                company_input = gr.Textbox(
-                    show_label=False,
-                    placeholder="Add Company",
-                    elem_classes=["company-input-box"],
-                    lines=1,
-                    max_lines=1,
-                    # container=False
-                )
-                # 弹窗选择列表
-                company_modal = gr.Radio(
-                    show_label=False,
-                    choices=["Alibaba (BABA)", "Baidu(BAIDU)"],
-                    visible=False,
-                    elem_classes=["company-modal"]
-                )
-                
-                # 回车事件处理
-                company_input.submit(
-                    fn=lambda x: gr.update(visible=True),
-                    inputs=[company_input],
-                    outputs=[company_modal]
-                )
-                
-                # 选择公司事件处理
-                def add_company(selected, current_list):
-                    if selected:
-                        # 如果当前列表为空，创建新的HTML列表
-                        if not current_list:
-                            return gr.update(visible=False), f'<div class="company-item p-2 mb-2 bg-blue-50 rounded hover:bg-blue-100 cursor-pointer">{selected}</div>'
-                        # 如果当前列表不为空，在现有列表基础上添加新公司
-                        else:
-                            # 提取现有公司项
-                            existing_items = current_list
-                            new_item = f'<div class="company-item p-2 mb-2 bg-blue-50 rounded hover:bg-blue-100 cursor-pointer">{selected}</div>'
-                            return gr.update(visible=False), f'{existing_items}\n{new_item}'
-                    return gr.update(visible=False), current_list
-                
-                company_modal.change(
-                    fn=add_company,
-                    inputs=[company_modal, company_list],
-                    outputs=[company_modal, company_list]
-                )
-
-
-        # 时间周期
-        with gr.Group(elem_classes=["card"]):
-            gr.Markdown("### Time Period", elem_classes=["card-title", "left-card-title"])
-            with gr.Column():
-                period_radio = gr.Radio(
-                    choices=["Newest (Q3 2025)", "Last 3 Years (2025)", "Next ReportPredict"],
-                    value="Newest (Q3 2025)",
-                    container=False,
-                    elem_classes=["bg-white", "outline-none", "ml-2"]
-                )
-        
-        # 相关报告
-        with gr.Group(elem_classes=["card"]):
-            gr.Markdown("### Related Report", elem_classes=["card-title", "left-card-title"])
-            # 根据数据创建报告列表
-            report_data = [
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                },
-                {
-                    "title": "阿里巴巴2025年10月财报",
-                    "link": "https://data.alibabagroup.com/ecms-files/1532295521/3a67450d-a037-4181-909c-73629e20a7ed/%E9%98%BF%E9%87%8C%E5%B7%B4%E5%B7%B4%E9%9B%86%E5%9B%A2%E5%85%AC%E5%B8%832025%E5%B9%B46%E6%9C%88%E4%BB%BD%E5%AD%A3%E5%BA%A6%E4%B8%9A%E7%BB%A9.pdf"
-                }
-            ]
-            
-            with gr.Column(elem_classes=["report-list-box", "bg-white"]):
-                for report in report_data:
-                    gr.HTML(f'''
-                    <div class="report-item bg-white hover:bg-blue-50 cursor-pointer" onclick="window.open('{report['link']}', '_blank')">
-                        <div class="report-item-content">
-                            <span class="text-gray-800">{report['title']}</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 00-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.414l1.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" />
-                            </svg>
-                        </div>
-                    </div>
-                    ''', elem_classes=["report-item"])
-            
-            with gr.Row(elem_classes=["pdf-footer", "mt-3"]):
-                gr.Markdown(f"共{len(report_data)}份报告", elem_classes=["text-xs", "text-gray-500"])
-
-        
-        # 占位符
-        # gr.Markdown("", elem_classes=["flex-1"])
-        
-        # 生成报告按钮
-        generate_btn = gr.Button(
-            "Generate Investment Report",
-            elem_classes=["btn-primary", "py-2", "rounded-lg", "flex", "items-center", "justify-center", "gap-2"]
-        )
-        
-        # 操作按钮
-        # with gr.Row(elem_classes=["gap-2"]):
-        #     reset_btn = gr.Button(
-        #         "Reset Filters",
-        #         elem_classes=["flex-1", "btn-secondary", "py-2"]
-        #     )
-        #     apply_btn = gr.Button(
-        #         "Apply",
-        #         elem_classes=["flex-1", "bg-gray-200", "py-2", "border", "border-gray-300", "hover:bg-gray-300"]
-        #     )
-
-if __name__ == "__main__":
-    with gr.Blocks() as demo:
-        create_sidebar()
-    demo.launch()

components/tabs.py

@@ -1,188 +0,0 @@
-import gradio as gr
-
-def create_tab_content(tab_name):
-    """创建Tab内容组件"""
-    if tab_name == "summary":
-        with gr.Column(elem_classes=["tab-content"]):
-            # 标题和操作按钮
-            # with gr.Row(elem_classes=["justify-between", "items-center", "mb-6"]):
-                # gr.Markdown("## Financial Overview", elem_classes=["text-xl", "font-semibold", "text-gray-900"])
-                # with gr.Row(elem_classes=["gap-2"]):
-                    # export_btn = gr.Button("Export", elem_classes=["border", "border-gray-300", "px-3", "py-1", "rounded-md"])
-                    # save_btn = gr.Button("Save Report", elem_classes=["bg-blue-600", "text-white", "px-3", "py-1", "rounded-md"])
-            gr.Markdown("## Financial Overview", elem_classes=["text-xl", "font-semibold", "text-gray-900"])
-            # 图表网格
-            with gr.Row():
-                with gr.Column(scale=8, min_width=300, elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):       
-                   gr.Markdown("#### Income Statement")
-                   gr.Markdown("""
-                    | Category           | Q3 2025   | Q2 2025   | YoY %    |
-                    |--------------------|-----------|-----------|----------|
-                    | Total Revenue      | $2,842M   | $2,712M   | +12.4%   |
-                    | Gross Profit       | $1,203M   | $1,124M   | +7.0%    |
-                    | Operating Income   | $742M     | $798M     | -7.0%    |
-                    | Net Income         | $685M     | $708M     | -3.2%    |
-                    | Earnings Per Share | $2.15     | $2.22     | -3.2%    |
-                   """)
-
-                with gr.Column(scale=2, min_width=280):
-                    with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):   
-                        gr.Markdown("#### Balance Sheet Summary")
-                        gr.Markdown("""
-                        | Category           | Q3 2025   |
-                        |--------------------|-----------|
-                        | Total Assets       | $2,842M   |
-                        | Total Liabilities  | $1,203M   |
-                        | Total Equity       | $742M     |
-                        """)
-                    with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):   
-                        gr.Markdown("#### Cash Flow Statement")
-                        # 数据：现金流量
-                        cash_flows = [
-                            {"label": "Operating Cash Flow", "value": 982, "color": "#4CAF50"},   # 绿色
-                            {"label": "Investing Cash Flow", "value": -415, "color": "#2196F3"},  # 蓝色
-                            {"label": "Financing Cash Flow", "value": -212, "color": "#F44336"}   # 红色
-                        ]
-                        # 生成 HTML 内容
-                        def render_cash_flow():
-                            html_content = "<div style='font-family: sans-serif; background-color: #f9f9f9;'>"
-                            for item in cash_flows:
-                                # 根据值决定颜色和显示符号
-                                sign = "" if item["value"] >= 0 else "-"
-                                value_str = f"${abs(item['value'])}M"
-                                color = item["color"]
-                                
-                                # 计算进度条宽度（假设最大值为 1000M，最大宽度 200px）
-                                max_val = 1000
-                                width = min(200 * abs(item["value"]) / max_val, 200)  # 最大 200px
-                                width_pct = (abs(item["value"]) / max_val) * 100
-                                
-                                html_content += f"""
-                                <div style='display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;'>
-                                    <span style='font-size: 16px; font-weight: 500; color: #333;'>{item['label']}</span>
-                                    <span style='font-size: 16px; font-weight: 500; color: #333;'>{sign}{value_str}</span>
-                                </div>
-                                <div style='width: 100%; height: 8px; background-color: #e0e0e0; border-radius: 4px; overflow: hidden;margin-bottom: 15px;'>
-                                    <div style='height: 100%; background-color: {color}; width: {width}px; border-radius: 4px;'></div>
-                                </div>
-                                """
-                            html_content += "</div>"
-                            return html_content
-                        gr.HTML(render_cash_flow())
-                # 收入表现图表
-                # with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):
-                #     gr.Markdown("Revenue Performance", elem_classes=["font-medium", "mb-3"])
-                #     # 这里将显示收入图表
-                    
-                # # 收益增长图表
-                # with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):
-                #     gr.Markdown("Earnings Growth", elem_classes=["font-medium", "mb-3"])
-                #     # 这里将显示收益图表
-                    
-                # 运营指标
-                # with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):
-                #     gr.Markdown("Operating Metrics", elem_classes=["font-medium", "mb-3"])
-                #     with gr.Column(elem_classes=["space-y-3"]):
-                #         # EBITDA利润率
-                #         with gr.Column():
-                #             with gr.Row(elem_classes=["justify-between", "text-sm"]):
-                #                 gr.Markdown("EBITDA Margin")
-                #                 gr.Markdown("32.1%")
-                #             with gr.Row(elem_classes=["w-full", "bg-gray-200", "rounded-full", "h-2", "mt-1"]):
-                #                 with gr.Column(elem_classes=["bg-green-500", "h-2", "rounded-full"], scale=85):
-                #                     gr.Markdown("")
-                        
-                #         # 经营现金流
-                #         with gr.Column():
-                #             with gr.Row(elem_classes=["justify-between", "text-sm"]):
-                #                 gr.Markdown("Operating Cash Flow")
-                #                 gr.Markdown("$982M")
-                #             with gr.Row(elem_classes=["w-full", "bg-gray-200", "rounded-full", "h-2", "mt-1"]):
-                #                 with gr.Column(elem_classes=["bg-blue-500", "h-2", "rounded-full"], scale=72):
-                #                     gr.Markdown("")
-                        
-                #         # 研发投资
-                #         with gr.Column():
-                #             with gr.Row(elem_classes=["justify-between", "text-sm"]):
-                #                 gr.Markdown("R&D Investment")
-                #                 gr.Markdown("$312M")
-                #             with gr.Row(elem_classes=["w-full", "bg-gray-200", "rounded-full", "h-2", "mt-1"]):
-                #                 with gr.Column(elem_classes=["bg-purple-500", "h-2", "rounded-full"], scale=67):
-                #                     gr.Markdown("")
-    
-    elif tab_name == "detailed":
-        with gr.Column(elem_classes=["tab-content"]):
-            gr.Markdown("Financial Statements", elem_classes=["text-xl", "font-semibold", "text-gray-900", "mb-6"])
-            
-            with gr.Row(elem_classes=["gap-6"]):
-                # 收入报表 (3/5宽度)
-                with gr.Column(elem_classes=["w-3/5", "bg-gray-50", "rounded-xl", "p-4"]):
-                    gr.Markdown("Income Statement", elem_classes=["font-medium", "mb-3"])
-                    # 这里将显示收入报表表格
-                    
-                # 资产负债表和现金流量表 (2/5宽度)
-                with gr.Column(elem_classes=["w-2/5", "flex", "flex-col", "gap-6"]):
-                    # 资产负债表
-                    with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):
-                        gr.Markdown("Balance Sheet Summary", elem_classes=["font-medium", "mb-3"])
-                        # 这里将显示资产负债表图表
-                    
-                    # 现金流量表
-                    with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):
-                        with gr.Row(elem_classes=["justify-between", "items-start"]):
-                            gr.Markdown("Cash Flow Statement", elem_classes=["font-medium"])
-                            gr.Markdown("View Detailed", elem_classes=["text-xs", "text-blue-600", "font-medium"])
-                        
-                        with gr.Column(elem_classes=["mt-4", "space-y-3"]):
-                            # 经营现金流
-                            with gr.Column():
-                                with gr.Row(elem_classes=["justify-between"]):
-                                    gr.Markdown("Operating Cash Flow")
-                                    gr.Markdown("$982M", elem_classes=["font-medium"])
-                                with gr.Row(elem_classes=["w-full", "bg-gray-200", "rounded-full", "h-1.5", "mt-1"]):
-                                    with gr.Column(elem_classes=["bg-green-500", "h-1.5", "rounded-full"], scale=85):
-                                        gr.Markdown("")
-                            
-                            # 投资现金流
-                            with gr.Column():
-                                with gr.Row(elem_classes=["justify-between"]):
-                                    gr.Markdown("Investing Cash Flow")
-                                    gr.Markdown("-$415M", elem_classes=["font-medium"])
-                                with gr.Row(elem_classes=["w-full", "bg-gray-200", "rounded-full", "h-1.5", "mt-1"]):
-                                    with gr.Column(elem_classes=["bg-blue-500", "h-1.5", "rounded-full"], scale=42):
-                                        gr.Markdown("")
-                            
-                            # 融资现金流
-                            with gr.Column():
-                                with gr.Row(elem_classes=["justify-between"]):
-                                    gr.Markdown("Financing Cash Flow")
-                                    gr.Markdown("-$212M", elem_classes=["font-medium"])
-                                with gr.Row(elem_classes=["w-full", "bg-gray-200", "rounded-full", "h-1.5", "mt-1"]):
-                                    with gr.Column(elem_classes=["bg-red-500", "h-1.5", "rounded-full"], scale=25):
-                                        gr.Markdown("")
-    
-    elif tab_name == "comparative":
-        with gr.Column(elem_classes=["tab-content"]):
-            gr.Markdown("Industry Benchmarking", elem_classes=["text-xl", "font-semibold", "text-gray-900", "mb-6"])
-            
-            # 收入增长对比
-            with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4", "mb-6"]):
-                gr.Markdown("Revenue Growth - Peer Comparison", elem_classes=["font-medium", "mb-3"])
-                # 这里将显示对比图表
-            
-            # 利润率和报告预览网格
-            with gr.Row(elem_classes=["grid-cols-2", "gap-6"]):
-                # 利润率表格
-                with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):
-                    gr.Markdown("Profitability Ratios", elem_classes=["font-medium", "mb-3"])
-                    # 这里将显示利润率表格
-                
-                # 报告预览
-                with gr.Column(elem_classes=["bg-gray-50", "rounded-xl", "p-4"]):
-                    gr.Markdown("Report Preview", elem_classes=["font-medium", "mb-3"])
-                    # 这里将显示报告预览
-
-if __name__ == "__main__":
-    with gr.Blocks() as demo:
-        create_tab_content("summary")
-    demo.launch()

css/components.css

@@ -1,288 +0,0 @@
-/* 组件样式 */
-
-/* 按钮样式 */
-.btn-primary {
-    background-color: #2563eb;
-    color: white;
-    font-weight: 600;
-    padding: 0.5rem 1rem;
-    border-radius: 0.5rem;
-    border: none;
-    cursor: pointer;
-    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.btn-primary:hover {
-    background-color: #1d4ed8;
-}
-
-.btn-secondary {
-    background-color: #e5e7eb;
-    color: #374151;
-    font-weight: 500;
-    padding: 0.5rem 1rem;
-    border-radius: 0.5rem;
-    border: 1px solid #d1d5db;
-    cursor: pointer;
-    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.btn-secondary:hover {
-    background-color: #f3f4f6;
-}
-
-/* 输入框样式 */
-.input-field {
-    flex: 1;
-    background-color: transparent;
-    padding: 0.5rem 0.5rem;
-    outline: none;
-}
-
-.input-container {
-    display: flex;
-    align-items: center;
-    border: 1px solid #d1d5db;
-    border-radius: 0.25rem;
-    /* padding: 0.25rem 0.5rem; */
-    background-color: #f3f4f6;
-    margin-top: 10px;
-}
-
-.input-container:focus-within {
-    border-color: #3b82f6;
-}
-
-.company-list-container {
-    padding: 0 !important;
-    margin: 0 !important;
-    border: 0 !important;
-    border-radius: unset !important;
-    border-color: unset !important;
-}
-
-.company-item {
-    padding: 8px 10px !important;
-    margin-top: 6px !important;
-    font-size: 16px !important;
-    background-color: unset !important;
-    cursor: pointer;
-}
-
-.company-item:hover {
-    background-color: #466bb5 !important;
-}
-
-/* 卡片样式 */
-.card {
-    background-color: white;
-    border: 1px solid #d1d5db;
-    border-radius: 0.5rem;
-    /* padding: 1rem; */
-}
-
-.card-title {
-    font-weight: 500;
-    color: #111827;
-    /* margin: 0 0 0.75rem 0; */
-    padding: 5px 7px;
-}
-
-/* 表格样式 */
-.data-table {
-    width: 100%;
-    font-size: 0.875rem;
-}
-
-.data-table th {
-    text-align: left;
-    padding: 0.5rem 0;
-    color: #6b7280;
-    border-bottom: 1px solid #e5e7eb;
-}
-
-.data-table td {
-    padding: 0.5rem 0;
-    border-bottom: 1px solid #e5e7eb;
-}
-
-.data-table tr:last-child td {
-    border-bottom: none;
-}
-
-.text-right {
-    text-align: right;
-}
-
-.text-green {
-    color: #16a34a;
-}
-
-.text-red {
-    color: #dc2626;
-}
-
-/* 进度条样式 */
-.progress-container {
-    width: 100%;
-    background-color: #e5e7eb;
-    border-radius: 0.5rem;
-    height: 0.5rem;
-    margin-top: 0.25rem;
-}
-
-.progress-bar {
-    height: 100%;
-    border-radius: 0.5rem;
-}
-
-.progress-bar.blue {
-    background-color: #3b82f6;
-}
-
-.progress-bar.green {
-    background-color: #22c55e;
-}
-
-.progress-bar.purple {
-    background-color: #a855f7;
-}
-
-.progress-bar.red {
-    background-color: #ef4444;
-}
-
-/* PDF预览样式 */
-.pdf-preview {
-    border: 1px solid #d1d5db;
-    border-radius: 0.5rem;
-    overflow: hidden;
-}
-
-.pdf-header {
-    display: flex;
-    align-items: center;
-    gap: 0.25rem;
-    padding: 0.5rem;
-    border-bottom: 1px solid #d1d5db;
-    font-size: 0.875rem;
-}
-
-.pdf-pages {
-    display: flex;
-    padding: 0.5rem;
-}
-
-.pdf-page {
-    height: 6rem;
-    border: 1px solid #d1d5db;
-    border-radius: 0.25rem;
-    cursor: pointer;
-    margin-right: 0.5rem;
-}
-
-.pdf-page:hover {
-    border-color: #93c5fd;
-}
-
-.pdf-page.active {
-    border-color: #93c5fd;
-    border-width: 2px;
-}
-
-.pdf-viewer {
-    height: 100%;
-    border: 1px solid #e5e7eb;
-    background-color: #f3f4f6;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.pdf-footer {
-    padding: 0.5rem;
-    background-color: #f3f4f6;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-size: 0.875rem;
-    color: #6b7280;
-    margin-top: 0 !important;
-}
-
-/* 图标按钮 */
-.icon-button {
-    cursor: pointer;
-    padding: 0.25rem;
-    border-radius: 0.25rem;
-}
-
-.icon-button:hover {
-    background-color: #f3f4f6;
-    color: #2563eb;
-}
-
-.custom-add-input {
-    position: relative;
-    padding-left: 32px !important;
-}
-
-.custom-add-input textarea::before {
-    content: "+";
-    position: absolute;
-    left: 8px;
-    top: 50%;
-    transform: translateY(-50%);
-    color: #007bff;
-    font-weight: bold;
-    font-size: 16px;
-}
-
-.report-list-box {
-    height: 300px;
-    display: unset !important;
-    overflow-y: auto !important;
-}
-.report-item-content {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.report-item {
-    height: fit-content;
-    padding: 4px 6px;
-}
-.report-item-content span:hover {
-    color: #e1853e !important;
-}
-
-.metric-card-item-current-ratio {
-    height: 109px !important;
-    padding-top: 15px !important;
-}
-.metric-card-item-current-ratio .slider_input_container {
-    padding-top: 15px !important;
-}
-.chat-content-box {
-    height: 500px !important;
-    overflow-y: auto !important;
-}
-.chat-content-box .message-wrap {
-    height: 400px !important;
-}
-.company-input-box {
-    width: 100% !important;
-}
-.company-input-box label {
-    width: 100% !important;
-    min-width: 100% !important;
-}
-.company-input-box div {
-    width: 100% !important;
-}
-.company-input-box textarea {
-    width: 100% !important;
-}
-.left-card-title {
-    background: #fff !important;
-}

css/layout.css

@@ -1,558 +0,0 @@
-/* 布局样式 */
-
-/* 网格布局 */
-.grid-cols-2 {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: 1.5rem;
-}
-
-.grid-cols-3 {
-    display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-    gap: 1.5rem;
-}
-
-.grid-cols-4 {
-    display: grid;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-    gap: 1rem;
-}
-
-/* Flex布局 */
-.flex {
-    display: flex;
-}
-
-.flex-col {
-    flex-direction: column;
-}
-
-.flex-1 {
-    flex: 1 1 0%;
-}
-
-.flex-row {
-    flex-direction: row;
-}
-
-.items-start {
-    align-items: flex-start;
-}
-
-.items-center {
-    align-items: center;
-}
-
-.justify-center {
-    justify-content: center;
-}
-
-.justify-between {
-    justify-content: space-between;
-}
-
-.gap-1 {
-    gap: 0.25rem;
-}
-
-.gap-2 {
-    gap: 0.5rem;
-}
-
-.gap-4 {
-    gap: 1rem;
-}
-
-.gap-6 {
-    gap: 1.5rem;
-}
-
-/* 间距 */
-.mt-1 {
-    margin-top: 0.25rem;
-}
-
-.mt-2 {
-    margin-top: 0.5rem;
-}
-
-.mt-3 {
-    margin-top: 0.75rem;
-}
-
-.mt-4 {
-    margin-top: 1rem;
-}
-
-.mb-1 {
-    margin-bottom: 0.25rem;
-}
-
-.mb-3 {
-    margin-bottom: 0.75rem;
-}
-
-.mb-6 {
-    margin-bottom: 1.5rem;
-}
-
-.ml-auto {
-    margin-left: auto;
-}
-
-.p-2 {
-    padding: 0.5rem;
-}
-
-.p-3 {
-    padding: 0.75rem;
-}
-
-.p-4 {
-    padding: 1rem;
-}
-
-.p-5 {
-    padding: 1.25rem;
-}
-
-.p-6 {
-    padding: 1.5rem;
-}
-
-.px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-}
-
-.px-3 {
-    padding-left: 0.75rem;
-    padding-right: 0.75rem;
-}
-
-.px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-}
-
-.px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-}
-
-.py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-}
-
-.py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem;
-}
-
-.py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
-}
-
-.py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem;
-}
-
-.pt-2 {
-    padding-top: 0.5rem;
-}
-
-.pt-3 {
-    padding-top: 0.75rem;
-}
-
-.pb-2 {
-    padding-bottom: 0.5rem;
-}
-
-/* 尺寸 */
-.h-full {
-    height: 100%;
-}
-
-.h-24 {
-    height: 6rem;
-}
-
-.h-32 {
-    height: 8rem;
-}
-
-.h-56 {
-    height: 14rem;
-}
-
-.h-60 {
-    height: 15rem;
-}
-
-.h-72 {
-    height: 18rem;
-}
-
-.w-full {
-    width: 100%;
-}
-
-.w-1\/4 {
-    width: 25%;
-}
-
-.w-3\/4 {
-    width: 75%;
-}
-
-.w-2\/5 {
-    width: 40%;
-}
-
-.w-3\/5 {
-    width: 60%;
-}
-
-.min-h-screen {
-    min-height: 100vh;
-}
-
-.min-h-0 {
-    min-height: 0px;
-}
-
-.min-h-\[250px\] {
-    min-height: 250px;
-}
-
-.min-h-\[90vh\] {
-    min-height: 90vh;
-}
-
-/* 文本对齐 */
-.text-left {
-    text-align: left;
-}
-
-.text-right {
-    text-align: right;
-}
-
-/* 边框 */
-.border {
-    border-width: 1px;
-}
-
-.border-2 {
-    border-width: 2px;
-}
-
-.border-t {
-    border-top-width: 1px;
-}
-
-.border-b {
-    border-bottom-width: 1px;
-}
-
-.border-b-2 {
-    border-bottom-width: 2px;
-}
-
-.border-r {
-    border-right-width: 1px;
-}
-
-.border-l {
-    border-left-width: 1px;
-}
-
-.border-gray-200 {
-    border-color: #e5e7eb;
-}
-
-.border-gray-300 {
-    border-color: #d1d5db;
-}
-
-.border-blue-400 {
-    border-color: #60a5fa;
-}
-
-.border-blue-600 {
-    border-color: #2563eb;
-}
-
-/* 圆角 */
-.rounded {
-    border-radius: 0.25rem;
-}
-
-.rounded-lg {
-    border-radius: 0.5rem;
-}
-
-.rounded-xl {
-    border-radius: 0.75rem;
-}
-
-.rounded-2xl {
-    border-radius: 1rem;
-}
-
-.rounded-full {
-    border-radius: 9999px;
-}
-
-.rounded-tl-none {
-    border-top-left-radius: 0px;
-}
-
-.rounded-tr-none {
-    border-top-right-radius: 0px;
-}
-
-/* 阴影 */
-.shadow {
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-}
-
-.shadow-xl {
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
-}
-
-.shadow-inner {
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
-}
-
-/* 溢出 */
-.overflow-hidden {
-    overflow: hidden;
-}
-
-.overflow-x-auto {
-    overflow-x: auto;
-}
-
-.overflow-y-auto {
-    overflow-y: auto;
-}
-
-/* 光标 */
-.cursor-pointer {
-    cursor: pointer;
-}
-
-/* 文本大小 */
-.text-xs {
-    font-size: 0.75rem;
-    line-height: 1rem;
-}
-
-.text-sm {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-}
-.text-sm-top-time {
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    text-align: end;
-    
-}
-.text-sm-top-time p {
-color: #fff !important;
-}
-
-.text-base {
-    font-size: 1rem;
-    line-height: 1.5rem;
-}
-
-.text-xl {
-    font-size: 1.25rem;
-    line-height: 1.75rem;
-}
-
-.text-2xl {
-    font-size: 1.5rem;
-    line-height: 2rem;
-}
-
-/* 文本粗细 */
-.font-medium {
-    font-weight: 500;
-}
-
-.font-semibold {
-    font-weight: 600;
-}
-
-.font-bold {
-    font-weight: 700;
-}
-
-/* 文本颜色 */
-.text-white {
-    color: #ffffff;
-}
-
-.text-gray-500 {
-    color: #6b7280;
-}
-
-.text-gray-600 {
-    color: #4b5563;
-}
-
-.text-gray-700 {
-    color: #374151;
-}
-
-.text-gray-900 {
-    color: #111827;
-}
-
-.text-blue-500 {
-    color: #3b82f6;
-}
-
-.text-blue-600 {
-    color: #2563eb;
-}
-
-.text-blue-700 {
-    color: #1d4ed8;
-}
-
-.text-green-500 {
-    color: #22c55e;
-}
-
-.text-green-600 {
-    color: #16a34a;
-}
-
-.text-red-500 {
-    color: #ef4444;
-}
-
-.text-red-600 {
-    color: #dc2626;
-}
-
-.text-purple-500 {
-    color: #a855f7;
-}
-
-/* 背景颜色 */
-.bg-white {
-    background-color: #ffffff;
-}
-.bg-white .wrap label {
-    border: unset !important;
-    border-color: unset !important;
-}
-
-.bg-gray-50 {
-    background-color: #f9fafb;
-}
-
-.bg-gray-100 {
-    background-color: #f3f4f6;
-}
-
-.bg-gray-200 {
-    background-color: #e5e7eb;
-}
-
-.bg-blue-50 {
-    background-color: #eff6ff;
-}
-
-.bg-blue-500 {
-    background-color: #3b82f6;
-}
-
-.bg-blue-600 {
-    background-color: #2563eb;
-}
-
-.bg-green-500 {
-    background-color: #22c55e;
-}
-
-.bg-purple-500 {
-    background-color: #a855f7;
-}
-
-.bg-red-500 {
-    background-color: #ef4444;
-}
-
-.bg-gradient-to-r {
-    background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
-
-.from-blue-600 {
-    --tw-gradient-from: #2563eb;
-    --tw-gradient-to: rgba(37, 99, 235, 0);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.to-blue-800 {
-    --tw-gradient-to: #1e40af;
-}
-
-/* 对象适应 */
-.object-contain {
-    object-fit: contain;
-}
-
-/* 最小宽度 */
-.min-w-0 {
-    min-width: 0px;
-}
-
-/* 最大宽度 */
-.max-w-\[85\%\] {
-    max-width: 85%;
-}
-
-/* .gradio-container-5-49-1 {
-    -webkit-text-size-adjust: 100%;
-    line-height: 1.5;
-    font-family:unset !important;
-    -moz-tab-size: 4;
-    tab-size: 4
-} */
-
-/* [class^="gradio-container-"] {
-    -webkit-text-size-adjust: 100%;
-    line-height: 1.5;
-    font-family: unset !important;
-    -moz-tab-size: 4;
-    tab-size: 4;
-} */
-
-main {
-    min-width: 1440px !important;
-    padding: 0 !important;
-}
-/* main .wrap {
-    height: 100vh !important;
-} */
-/* main .wrap .contain {
-    height: 100% !important;
-} */
-/* main .wrap .contain .column {
-    height: 100vh !important;
-} */
-
-.main-content-box {
-    gap: unset !important;
-}

css/main.css

@@ -1,242 +0,0 @@
-/* 主体样式 */
-body {
-    background-color: #f3f4f6;
-    /* font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
-    font-family: unset !important;
-    margin: 0;
-    padding: 0;
-}
-
-/* 容器样式 */
-.container {
-    min-width: 1440px;
-    /* margin: 2rem auto; */
-    background-color: white;
-    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
-    border-radius: 0.75rem;
-    /* min-height: 90vh; */
-    overflow: hidden;
-    margin-top: 0 !important;
-    gap: unset !important;
-    margin: 0 auto !important;
-}
-.container-h {
-    height: 97vh !important;
-}
-.html-container {
-    padding: 0 !important;
-}
-footer {
-    margin-top: 0 !important;
-}
-
-/* 头部样式 */
-.header {
-    background: linear-gradient(to right, #2563eb, #1e40af);
-    color: white;
-    padding: 1rem 2rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.top-logo-box {
-    display: flex;
-}
-
-.logo-title {
-    color: #fff !important;
-    margin-left: 10px;
-}
-
-.header h1 {
-    font-size: 1.5rem;
-    font-weight: 600;
-    margin: 0;
-}
-
-/* 主要内容区域 */
-.main-content {
-    display: flex;
-    flex: 1;
-    overflow: hidden;
-}
-
-/* 左侧边栏 */
-.sidebar {
-    background-color: #f9fafb;
-    width: 300px;
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.5rem;
-    border-right: 1px solid #e5e7eb;
-}
-
-/* 主内容区域 */
-.content-area {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    background-color: #eff6ff;
-}
-
-/* 指标仪表板 */
-.metrics-dashboard {
-    background-color: #eff6ff;
-    border-bottom: 1px solid #e5e7eb;
-    padding: 1.5rem;
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 1rem;
-    min-height: 250px;
-}
-
-.metric-card {
-    background-color: white;
-    border-radius: 0.5rem;
-    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-    padding: 1.25rem;
-}
-
-.metric-card h3 {
-    font-weight: 600;
-    color: #374151;
-    margin: 0 0 1rem 0;
-}
-
-.metric-value {
-    font-size: 1.5rem;
-    font-weight: 700;
-    color: #111827;
-    margin: 1rem 0 0.25rem 0;
-}
-
-.metric-change {
-    display: flex;
-    align-items: center;
-    margin-top: 0.25rem;
-}
-
-.metric-change.positive {
-    color: #16a34a;
-}
-
-.metric-change.negative {
-    color: #dc2626;
-}
-
-/* 分析区域 */
-.analysis-area {
-    flex: 1;
-    display: flex;
-    min-height: 0;
-    overflow: hidden;
-}
-
-/* Tab内容 */
-.tab-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    min-width: 0;
-    padding: 0 16px !important;
-}
-
-/* Tab导航 */
-.tab-navigation {
-    display: flex;
-    border-bottom: 1px solid #e5e7eb;
-}
-
-.tab-button {
-    padding: 0.75rem 1.25rem;
-    font-weight: 500;
-    font-size: 1rem;
-    color: #6b7280;
-    border-bottom: 2px solid transparent;
-}
-
-.tab-button.active {
-    color: #111827;
-    border-bottom: 2px solid #2563eb;
-}
-
-/* 聊天面板 */
-.chat-panel {
-    /* width: 340px; */
-    display: flex;
-    flex-direction: column;
-    border-left: 1px solid #e5e7eb;
-    background-color: white;
-    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
-    gap: unset !important;
-}
-
-.chat-header {
-    padding: 1rem;
-    border-bottom: 1px solid #e5e7eb;
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    font-weight: 500;
-}
-
-.chat-area {
-    flex: 1;
-    min-height: 0;
-    overflow-y: auto;
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-}
-
-.chat-message {
-    max-width: 85%;
-    padding: 0.75rem;
-    border-radius: 1rem;
-}
-
-.chat-message.bot {
-    background-color: #eff6ff;
-    border-bottom-left-radius: 0;
-}
-
-.chat-message.user {
-    background-color: #f3f4f6;
-    border-bottom-right-radius: 0;
-    margin-left: auto;
-}
-
-.chat-input-area {
-    padding: 1rem;
-    border-top: 1px solid #e5e7eb;
-    display: flex;
-    gap: 0.5rem;
-}
-
-/* 隐藏滚动条 */
-.hide-scrollbar::-webkit-scrollbar {
-    display: none;
-}
-
-.hide-scrollbar {
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-}
-
-/* 渐变动画 */
-.fade-in {
-    animation: fadeIn 0.3s ease-in-out;
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-
-    to {
-        opacity: 1;
-    }
-}

requirements.txt

@@ -0,0 +1,7 @@
+gradio>=5.49.1
+huggingface_hub>=0.20.0
+python-dotenv>=1.0.0
+SQLAlchemy>=2.0.44
+plotly>=5.24.1
+pandas>=2.2.2
+numpy>=1.26.4