From 79627826ffe59373a3229baacec42f36bac5a83e Mon Sep 17 00:00:00 2001 From: su-fen <715041@qq.com> Date: Sun, 31 May 2026 18:13:27 +0800 Subject: [PATCH 1/4] feat(webui): redesign gateway login page --- .../agent-gateway/web/src/pages/LoginPage.tsx | 156 ++-- crates/agent-gateway/web/src/styles.css | 797 ++++++++++++++---- 2 files changed, 735 insertions(+), 218 deletions(-) diff --git a/crates/agent-gateway/web/src/pages/LoginPage.tsx b/crates/agent-gateway/web/src/pages/LoginPage.tsx index 178ce7dd3..a43a8570f 100644 --- a/crates/agent-gateway/web/src/pages/LoginPage.tsx +++ b/crates/agent-gateway/web/src/pages/LoginPage.tsx @@ -1,5 +1,13 @@ import { useState } from "react"; -import { MessageSquareText, History, Timer, ArrowRight, Shield } from "../components/icons"; +import { + MessageSquareText, + History, + Timer, + ArrowRight, + Shield, + Key, + Lock, +} from "../components/icons"; import { Button } from "../components/ui/button"; import { Textarea } from "../components/ui/textarea"; import { cn } from "../lib/shared/utils"; @@ -17,19 +25,19 @@ const features = [ icon: MessageSquareText, title: "Remote Chat", desc: "按桌面端式样查看 token、thinking、tool_call 与 tool_result。", - accent: "login-feature-accent-blue", + accent: "login-feat--blue", }, { icon: History, title: "History Resume", desc: "从远程历史回填会话并继续对话,而不是只看原始 JSON。", - accent: "login-feature-accent-violet", + accent: "login-feat--violet", }, { icon: Timer, title: "Cron Control", desc: "在浏览器里完成任务查看、创建、更新与删除的转发调试。", - accent: "login-feature-accent-amber", + accent: "login-feat--amber", }, ]; @@ -44,71 +52,99 @@ export function LoginPage({ return (
- {/* Ambient background glow */} -