:3010
-- {t('loginTitle')} -
-{t('loginLead')}
- -- {t('loginHint')} -
+From 2756fcbe57626b168adf1bb6b44fdc82b728f3ee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=94=A1=E5=8F=8A?= <522caiji@gmail.com> Date: Fri, 30 Oct 2026 13:55:14 +0800 Subject: [PATCH 1/2] feat(console): show the live inflight demo on the login page Replace the static login title with a slower, chrome-free inflight demo, and give the Access chat empty state, assistant replies, and copy action the same existing console components. --- changelog/unreleased/access-chat-chrome.md | 9 ++ .../src/components/access/ChatMessage.tsx | 24 ++-- frontend/src/components/access/ChatThread.tsx | 2 + frontend/src/components/access/demoSeed.ts | 2 + frontend/src/components/access/types.ts | 2 + .../components/overview/InflightLiveCard.tsx | 131 +++++++++++------- frontend/src/lib/mockInflight.ts | 82 +++++------ frontend/src/pages/AccessPage.tsx | 3 + frontend/src/pages/LoginPage.tsx | 23 ++- 9 files changed, 164 insertions(+), 114 deletions(-) create mode 100644 changelog/unreleased/access-chat-chrome.md diff --git a/changelog/unreleased/access-chat-chrome.md b/changelog/unreleased/access-chat-chrome.md new file mode 100644 index 00000000..ed3f0d9c --- /dev/null +++ b/changelog/unreleased/access-chat-chrome.md @@ -0,0 +1,9 @@ +### English + +- The Access chat empty state shows an icon, each assistant reply carries the provider mark, and copy uses the same button as the rest of the console. +- The login page plays the live in-flight demo on the left instead of the static title, at a slower pace than the overview card. + +### 中文 + +- 访问页聊天的空状态带上图标,助手回复显示供应商标,复制按钮与控制台其他位置一致。 +- 登录页左侧改成实时进行中的演示动画,节奏比总览页慢,不再是静态标题。 diff --git a/frontend/src/components/access/ChatMessage.tsx b/frontend/src/components/access/ChatMessage.tsx index 71f2d304..04ac5b31 100644 --- a/frontend/src/components/access/ChatMessage.tsx +++ b/frontend/src/components/access/ChatMessage.tsx @@ -1,7 +1,9 @@ import { useEffect, useRef, useState } from 'react' import { PageAlert } from '@/components/ui/PageAlert' -import { Skeleton } from '@heroui/react' -import { CopySimple, FileText } from '@phosphor-icons/react' +import { Button, Skeleton } from '@heroui/react' +import { FileText } from '@phosphor-icons/react' +import { CopyIcon } from '@/components/motion/CopyIcon' +import { ProviderMark } from '@/components/ProviderMark' import { useI18n } from '@/hooks/useI18n' import { copyText } from '@/lib/clipboard' import { formatCompact, formatCredits } from '@/lib/format' @@ -142,6 +144,11 @@ export function ChatMessageView({ message }: { message: ThreadMessage }) { return (
:3010
-{t('loginLead')}
- -- {t('loginHint')} -
+