feat(web): add Chat page component placeholder

Create empty Chat component and wire it into the main page,
replacing the previous mock Markdown/ChatInput content.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Naiyuan Qing 2026-01-30 21:05:10 +08:00
parent f348d91c18
commit 1ec6221664
2 changed files with 9 additions and 53 deletions

View file

@ -0,0 +1,7 @@
export function Chat() {
return (
<div>
<h1>Chat</h1>
</div>
)
}

View file

@ -1,52 +1,8 @@
"use client"
import { Markdown } from "@multica/ui/components/markdown"
import { ChatInput } from "@multica/ui/components/chat-input"
import { AppSidebar } from "@multica/ui/components/app-sidebar"
import { SidebarInset, SidebarTrigger } from "@multica/ui/components/ui/sidebar"
const MOCK_MD = `# Markdown 渲染器示例
**Markdown**
##
\`\`\`typescript
interface User {
id: string
name: string
email: string
}
async function fetchUser(id: string): Promise<User> {
const res = await fetch(\`/api/users/\${id}\`)
return res.json()
}
\`\`\`
##
- React
- Shiki
- GFM
##
| | | |
|------|------|------|
| | | Shiki |
| GFM | | remark-gfm |
| | | StreamingMarkdown |
##
>
> Dieter Rams
使 \`cn()\` 工具函数合并 class。
[](https://github.com)。
`
import { Chat } from "./components/chat"
const NAV_ITEMS = [
{ title: "Home", url: "#" },
@ -62,14 +18,7 @@ export default function Page() {
<header className="flex h-12 items-center border-b px-4">
<SidebarTrigger />
</header>
<div className="flex-1 p-8">
<div className="max-w-2xl mx-auto">
<Markdown mode="full">{MOCK_MD}</Markdown>
<div className="mt-8">
<ChatInput />
</div>
</div>
</div>
<Chat />
</SidebarInset>
</>
)