Upload 6 files

app.py

@@ -18,9 +18,6 @@ app = Flask(__name__, template_folder='templates')
 app.secret_key = os.environ.get("SECRET_KEY", "abacus_chat_proxy_secret_key")
 app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(days=7)
 
-# 获取 Hugging Face Space 主机名 (如果存在)
-SPACE_HOST = os.environ.get("SPACE_HOST")
-BASE_URL = f"https://{SPACE_HOST}" if SPACE_HOST else None
 
 API_ENDPOINT_URL = "https://abacus.ai/api/v0/describeDeployment"
 MODEL_LIST_URL = "https://abacus.ai/api/v0/listExternalApplications"
@@ -934,13 +931,13 @@ def login():
         if password and hashlib.sha256(password.encode()).hexdigest() == PASSWORD:
             flask_session['logged_in'] = True
             flask_session.permanent = True
-            # 登录成功后重定向到仪表盘
             return redirect(url_for('dashboard'))
         else:
-            # 更新错误提示信息
-            error = "密码不正确。密码为您在环境变量 'password' 中设置的值，该值也用作 API 调用的验证密钥。"
-    # 将 BASE_URL 传递给模板
-    return render_template('login.html', error=error, base_url=BASE_URL)
+            # 密码错误时提示使用环境变量密码
+            error = "密码不正确。请使用设置的环境变量 password 或 password.txt 中的值作为密码和API认证密钥。"
+    
+    # 传递空间URL给模板
+    return render_template('login.html', error=error, space_url=SPACE_URL)
 
 
 @app.route("/logout")
@@ -977,12 +974,36 @@ def dashboard():
         model_stats=model_usage_stats,
         total_tokens=total_tokens,
         compute_points=compute_points,
-        compute_points_log=compute_points_log,
-        # 将 BASE_URL 传递给模板
-        base_url=BASE_URL
+        compute_points_log=compute_points_log
     )
 
 
+# 获取Hugging Face Space URL
+def get_space_url():
+    # 尝试从环境变量获取
+    space_url = os.environ.get("SPACE_URL")
+    if space_url:
+        return space_url
+    
+    # 如果SPACE_URL不存在，尝试从SPACE_ID构建
+    space_id = os.environ.get("SPACE_ID")
+    if space_id:
+        username, space_name = space_id.split("/")
+        return f"https://{username}-{space_name}.hf.space"
+    
+    # 如果以上都不存在，尝试从单独的用户名和空间名构建
+    username = os.environ.get("SPACE_USERNAME")
+    space_name = os.environ.get("SPACE_NAME")
+    if username and space_name:
+        return f"https://{username}-{space_name}.hf.space"
+    
+    # 默认返回None
+    return None
+
+# 获取空间URL
+SPACE_URL = get_space_url()
+
+
 if __name__ == "__main__":
     # 启动保活线程
     threading.Thread(target=keep_alive, daemon=True).start()

templates/dashboard.html

@@ -43,23 +43,11 @@
             left: 0;
             width: 100%;
             height: 100%;
-            /* 使用多个径向渐变模拟蜘蛛网节点和线条 */
-            background-color: var(--bg-color); /* 确保有底色 */
-            background-image:
-                /* 细密的网格线 */
-                linear-gradient(rgba(70, 90, 150, 0.08) 1px, transparent 1px),
-                linear-gradient(90deg, rgba(70, 90, 150, 0.08) 1px, transparent 1px),
-                /* 模拟节点和放射线 - 多层叠加 */
-                radial-gradient(circle at 10% 10%, rgba(94, 133, 241, 0.1) 0%, transparent 10%),
-                radial-gradient(circle at 90% 80%, rgba(111, 66, 193, 0.1) 0%, transparent 10%),
-                radial-gradient(circle at 50% 50%, rgba(70, 111, 171, 0.05) 0%, transparent 15%),
-                radial-gradient(circle at 25% 75%, rgba(111, 66, 193, 0.08) 0%, transparent 8%),
-                radial-gradient(circle at 75% 25%, rgba(94, 133, 241, 0.08) 0%, transparent 8%);
-            background-size: 50px 50px, 50px 50px, 200px 200px, 300px 300px, 400px 400px, 250px 250px, 250px 250px;
-            background-position: 0 0, 0 0, 10px 10px, 30px 30px, 50px 50px, 20px 80px, 80px 20px;
+            background-image: linear-gradient(rgba(50, 50, 100, 0.05) 1px, transparent 1px),
+                            linear-gradient(90deg, rgba(50, 50, 100, 0.05) 1px, transparent 1px);
+            background-size: 30px 30px;
             z-index: -1;
-            /* 添加轻微的动画效果 */
-            animation: subtle-spiderweb-move 60s linear infinite alternate;
+            animation: grid-move 20s linear infinite;
         }
         
         @keyframes grid-move {
@@ -71,15 +59,6 @@
             }
         }
         
-        @keyframes subtle-spiderweb-move {
-            0% {
-                background-position: 0 0, 0 0, 10px 10px, 30px 30px, 50px 50px, 20px 80px, 80px 20px;
-            }
-            100% {
-                background-position: 50px 50px, 50px 50px, -10px -10px, 10px 10px, 30px 30px, 0px 60px, 60px 0px;
-            }
-        }
-        
         /* 顶部导航栏 */
         .navbar {
             padding: 1rem 2rem;
@@ -374,16 +353,14 @@
             border-radius: 4px;
             margin-top: 0.25rem;
             display: inline-block;
-            word-break: break-all; /* 确保长链接能换行 */
-        }
-        
-        .endpoint-url a {
-            color: var(--accent-color);
+            color: var(--text-color);
             text-decoration: none;
+            transition: all 0.2s;
         }
         
-        .endpoint-url a:hover {
-            text-decoration: underline;
+        .endpoint-url:hover {
+            background: rgba(111, 66, 193, 0.3);
+            color: var(--text-color);
         }
         
         /* 响应式布局 */
@@ -713,37 +690,15 @@
             </div>
             <div class="endpoint-item">
                 <p>获取模型列表：</p>
-                <code class="endpoint-url">
-                    GET
-                    {% if base_url %}
-                    <a href="{{ base_url }}/v1/models" target="_blank">{{ base_url }}/v1/models</a>
-                    {% else %}
-                    /v1/models
-                    {% endif %}
-                </code>
+                <a href="/v1/models" class="endpoint-url" target="_blank">GET /v1/models</a>
             </div>
             <div class="endpoint-item">
                 <p>聊天补全：</p>
-                <code class="endpoint-url">
-                    POST
-                    {% if base_url %}
-                    <a href="{{ base_url }}/v1/chat/completions" target="_blank">{{ base_url }}/v1/chat/completions</a>
-                    {% else %}
-                    /v1/chat/completions
-                    {% endif %}
-                    <br><small>(需要 'Authorization: Bearer YOUR_PASSWORD' 请求头)</small>
-                </code>
+                <a href="javascript:void(0);" class="endpoint-url">POST /v1/chat/completions</a>
             </div>
             <div class="endpoint-item">
                 <p>健康检查：</p>
-                <code class="endpoint-url">
-                    GET
-                    {% if base_url %}
-                    <a href="{{ base_url }}/health" target="_blank">{{ base_url }}/health</a>
-                    {% else %}
-                    /health
-                    {% endif %}
-                </code>
+                <a href="/health" class="endpoint-url" target="_blank">GET /health</a>
             </div>
         </div>
         

templates/login.html

@@ -37,6 +37,22 @@
             overflow: hidden;
         }
         
+        /* 科幻蜘蛛网动画 */
+        .web-container {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -2;
+            opacity: 0.6;
+        }
+        
+        .web {
+            width: 100%;
+            height: 100%;
+        }
+        
         /* 动态背景网格 */
         .grid-background {
             position: absolute;
@@ -96,7 +112,7 @@
         }
         
         .login-card {
-            width: 380px;
+            width: 420px;
             padding: 2.5rem;
             border-radius: 16px;
             background: var(--card-bg);
@@ -138,6 +154,28 @@
             font-size: 0.95rem;
         }
         
+        .space-info {
+            text-align: center;
+            background: rgba(50, 50, 150, 0.2);
+            padding: 0.75rem;
+            border-radius: 8px;
+            margin-bottom: 1.5rem;
+            font-size: 0.9rem;
+            border: 1px solid rgba(111, 66, 193, 0.3);
+        }
+        
+        .space-info a {
+            color: var(--primary-color);
+            text-decoration: none;
+            font-weight: bold;
+            transition: all 0.2s;
+        }
+        
+        .space-info a:hover {
+            text-decoration: underline;
+            color: var(--secondary-color);
+        }
+        
         .login-form {
             display: flex;
             flex-direction: column;
@@ -233,15 +271,14 @@
         }
         
         .error-message {
-            background: rgba(248, 113, 113, 0.1); /* error-color with opacity */
+            background-color: rgba(248, 114, 114, 0.2);
             color: var(--error-color);
-            padding: 1rem;
-            border-radius: 8px;
+            padding: 0.75rem;
+            border-radius: 6px;
             margin-bottom: 1.5rem;
-            border: 1px solid rgba(248, 113, 113, 0.3);
-            text-align: center;
             font-size: 0.9rem;
-            line-height: 1.5; /* 增加行高以便阅读 */
+            border-left: 3px solid var(--error-color);
+            display: {{ 'block' if error else 'none' }};
         }
         
         .logo {
@@ -258,23 +295,6 @@
                 text-shadow: 0 0 10px rgba(111, 66, 193, 0.8), 0 0 20px rgba(111, 66, 193, 0.8);
             }
         }
-        
-        .info-text {
-            text-align: center;
-            color: rgba(230, 230, 255, 0.7);
-            margin-bottom: 1.5rem;
-            font-size: 0.9rem;
-        }
-        
-        .info-text a {
-            color: var(--accent-color);
-            text-decoration: none;
-            font-weight: 600;
-        }
-        
-        .info-text a:hover {
-            text-decoration: underline;
-        }
     </style>
 </head>
 <body>
@@ -282,6 +302,9 @@
     <div class="particles">
         <!-- 粒子元素会由JS生成 -->
     </div>
+    <div class="web-container">
+        <canvas class="web" id="webCanvas"></canvas>
+    </div>
     
     <div class="login-card">
         <div class="login-header">
@@ -290,10 +313,10 @@
             <p>请输入访问密码</p>
         </div>
         
-        {% if base_url %}
-        <p class="info-text">
-            请访问 <a href="{{ base_url }}" target="_blank">{{ base_url }}</a> 来登录查看使用情况。
-        </p>
+        {% if space_url %}
+        <div class="space-info">
+            请访问 <a href="{{ space_url }}" target="_blank">{{ space_url }}</a> 登录查看使用情况
+        </div>
         {% endif %}
         
         <div class="error-message" id="error-message">
@@ -341,9 +364,98 @@
             }
         }
         
-        // 页面加载时创建粒子
+        // 科幻蜘蛛网效果
+        function initWebCanvas() {
+            const canvas = document.getElementById('webCanvas');
+            const ctx = canvas.getContext('2d');
+            let width = window.innerWidth;
+            let height = window.innerHeight;
+            
+            // 设置canvas尺寸
+            canvas.width = width;
+            canvas.height = height;
+            
+            // 节点类
+            class Node {
+                constructor(x, y) {
+                    this.x = x;
+                    this.y = y;
+                    this.vx = (Math.random() - 0.5) * 0.5;
+                    this.vy = (Math.random() - 0.5) * 0.5;
+                    this.radius = Math.random() * 2 + 1;
+                }
+                
+                update() {
+                    if (this.x < 0 || this.x > width) this.vx = -this.vx;
+                    if (this.y < 0 || this.y > height) this.vy = -this.vy;
+                    
+                    this.x += this.vx;
+                    this.y += this.vy;
+                }
+                
+                draw() {
+                    ctx.beginPath();
+                    ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
+                    ctx.fillStyle = 'rgba(111, 66, 193, 0.4)';
+                    ctx.fill();
+                }
+            }
+            
+            // 创建节点
+            const nodeCount = Math.floor(width * height / 15000);
+            const nodes = [];
+            
+            for (let i = 0; i < nodeCount; i++) {
+                nodes.push(new Node(Math.random() * width, Math.random() * height));
+            }
+            
+            // 绘制线条
+            function drawWeb() {
+                ctx.clearRect(0, 0, width, height);
+                
+                // 更新节点
+                nodes.forEach(node => {
+                    node.update();
+                    node.draw();
+                });
+                
+                // 绘制连线
+                for (let i = 0; i < nodes.length; i++) {
+                    for (let j = i + 1; j < nodes.length; j++) {
+                        const dx = nodes[i].x - nodes[j].x;
+                        const dy = nodes[i].y - nodes[j].y;
+                        const distance = Math.sqrt(dx * dx + dy * dy);
+                        
+                        if (distance < 150) {
+                            ctx.beginPath();
+                            ctx.moveTo(nodes[i].x, nodes[i].y);
+                            ctx.lineTo(nodes[j].x, nodes[j].y);
+                            ctx.strokeStyle = `rgba(111, 66, 193, ${0.2 * (1 - distance / 150)})`;
+                            ctx.lineWidth = 0.5;
+                            ctx.stroke();
+                        }
+                    }
+                }
+                
+                requestAnimationFrame(drawWeb);
+            }
+            
+            // 监听窗口大小变化
+            window.addEventListener('resize', () => {
+                width = window.innerWidth;
+                height = window.innerHeight;
+                canvas.width = width;
+                canvas.height = height;
+            });
+            
+            // 开始动画
+            drawWeb();
+        }
+        
+        // 页面加载时初始化效果
         window.addEventListener('load', () => {
             createParticles();
+            initWebCanvas();
         });
     </script>
 </body>