update pay promo
This commit is contained in:
@@ -91,12 +91,9 @@ const ChatArea = ({
|
|||||||
<Box
|
<Box
|
||||||
bg="rgba(17, 24, 39, 0.8)"
|
bg="rgba(17, 24, 39, 0.8)"
|
||||||
backdropFilter={`${GLASS_BLUR.lg} saturate(180%)`}
|
backdropFilter={`${GLASS_BLUR.lg} saturate(180%)`}
|
||||||
borderBottom="1px solid"
|
|
||||||
borderColor="rgba(255, 255, 255, 0.1)"
|
|
||||||
px={4}
|
px={4}
|
||||||
py={3}
|
py={3}
|
||||||
flexShrink={0}
|
flexShrink={0}
|
||||||
boxShadow="0 8px 32px 0 rgba(31, 38, 135, 0.37)"
|
|
||||||
>
|
>
|
||||||
<Flex align="center" justify="space-between">
|
<Flex align="center" justify="space-between">
|
||||||
<HStack spacing={4}>
|
<HStack spacing={4}>
|
||||||
@@ -264,12 +261,9 @@ const ChatArea = ({
|
|||||||
<Box
|
<Box
|
||||||
bg="rgba(17, 24, 39, 0.8)"
|
bg="rgba(17, 24, 39, 0.8)"
|
||||||
backdropFilter={`${GLASS_BLUR.lg} saturate(180%)`}
|
backdropFilter={`${GLASS_BLUR.lg} saturate(180%)`}
|
||||||
borderTop="1px solid"
|
|
||||||
borderColor="rgba(255, 255, 255, 0.1)"
|
|
||||||
px={4}
|
px={4}
|
||||||
py={2}
|
py={2}
|
||||||
flexShrink={0}
|
flexShrink={0}
|
||||||
boxShadow="0 -8px 32px 0 rgba(31, 38, 135, 0.37)"
|
|
||||||
>
|
>
|
||||||
<Box maxW="1200px" mx="auto">
|
<Box maxW="1200px" mx="auto">
|
||||||
{/* 已上传文件预览 */}
|
{/* 已上传文件预览 */}
|
||||||
|
|||||||
@@ -93,14 +93,10 @@ const LeftSidebar = ({
|
|||||||
h="100%"
|
h="100%"
|
||||||
display="flex"
|
display="flex"
|
||||||
flexDirection="column"
|
flexDirection="column"
|
||||||
bg="rgba(17, 24, 39, 0.8)"
|
bg="rgba(17, 24, 39, 0.95)"
|
||||||
backdropFilter={`${GLASS_BLUR.lg} saturate(180%)`}
|
|
||||||
borderRight="1px solid"
|
|
||||||
borderColor="rgba(255, 255, 255, 0.1)"
|
|
||||||
boxShadow="4px 0 24px rgba(0, 0, 0, 0.3)"
|
|
||||||
>
|
>
|
||||||
{/* 标题栏 */}
|
{/* 标题栏 */}
|
||||||
<Box p={4} borderBottom="1px solid" borderColor="rgba(255, 255, 255, 0.1)">
|
<Box p={4}>
|
||||||
<HStack justify="space-between" mb={3}>
|
<HStack justify="space-between" mb={3}>
|
||||||
<HStack spacing={2}>
|
<HStack spacing={2}>
|
||||||
<MessageSquare className="w-5 h-5" color="#60A5FA" />
|
<MessageSquare className="w-5 h-5" color="#60A5FA" />
|
||||||
@@ -351,7 +347,7 @@ const LeftSidebar = ({
|
|||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{/* 底部信息简化 */}
|
{/* 底部信息简化 */}
|
||||||
<Box p={3} borderTop="1px solid" borderColor="rgba(255, 255, 255, 0.08)">
|
<Box p={3}>
|
||||||
<HStack spacing={2}>
|
<HStack spacing={2}>
|
||||||
<Avatar
|
<Avatar
|
||||||
src={user?.avatar}
|
src={user?.avatar}
|
||||||
|
|||||||
@@ -82,14 +82,10 @@ const RightSidebar = ({
|
|||||||
h="100%"
|
h="100%"
|
||||||
display="flex"
|
display="flex"
|
||||||
flexDirection="column"
|
flexDirection="column"
|
||||||
bg="rgba(17, 24, 39, 0.8)"
|
bg="rgba(17, 24, 39, 0.95)"
|
||||||
backdropFilter={`${GLASS_BLUR.lg} saturate(180%)`}
|
|
||||||
borderLeft="1px solid"
|
|
||||||
borderColor="rgba(255, 255, 255, 0.1)"
|
|
||||||
boxShadow="-4px 0 24px rgba(0, 0, 0, 0.3)"
|
|
||||||
>
|
>
|
||||||
{/* 标题栏 */}
|
{/* 标题栏 */}
|
||||||
<Box p={4} borderBottom="1px solid" borderColor="rgba(255, 255, 255, 0.1)">
|
<Box p={4}>
|
||||||
<HStack justify="space-between">
|
<HStack justify="space-between">
|
||||||
<HStack spacing={2}>
|
<HStack spacing={2}>
|
||||||
<Settings className="w-5 h-5" color="#C084FC" />
|
<Settings className="w-5 h-5" color="#C084FC" />
|
||||||
|
|||||||
@@ -62,8 +62,9 @@ const AgentChat = () => {
|
|||||||
// ==================== UI 状态(主组件管理)====================
|
// ==================== UI 状态(主组件管理)====================
|
||||||
const [selectedModel, setSelectedModel] = useState(DEFAULT_MODEL_ID);
|
const [selectedModel, setSelectedModel] = useState(DEFAULT_MODEL_ID);
|
||||||
const [selectedTools, setSelectedTools] = useState(DEFAULT_SELECTED_TOOLS);
|
const [selectedTools, setSelectedTools] = useState(DEFAULT_SELECTED_TOOLS);
|
||||||
const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(true);
|
// 默认收起左右侧边栏(模仿 Claude 布局)
|
||||||
const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(true);
|
const [isLeftSidebarOpen, setIsLeftSidebarOpen] = useState(false);
|
||||||
|
const [isRightSidebarOpen, setIsRightSidebarOpen] = useState(false);
|
||||||
|
|
||||||
// ==================== 自定义 Hooks ====================
|
// ==================== 自定义 Hooks ====================
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user