+ {attachmentList.map(file => (
+
+ ) : null
+}
diff --git a/src/components/chat-header.tsx b/src/components/chat-header.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c6664b8dee61179f844d45c5bd650518fc2cb4c2
--- /dev/null
+++ b/src/components/chat-header.tsx
@@ -0,0 +1,12 @@
+import LogoIcon from '@/assets/images/logo.svg'
+import Image from 'next/image'
+
+export function ChatHeader() {
+ return (
+
+ {file.status === 'loading' && (
+
+ ))}
+
+
+
)
+ }
+ {file.status !== 'error' && (
+
+ 
+
)
+ }
+ {file.status === 'error' && (
+
+ uploadImage(file.url)} />
+
+ )}
+
+
+
+
+ )
+}
diff --git a/src/components/chat-history.tsx b/src/components/chat-history.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..feb81de66562edda8f40d3c0cc717202c92b6509
--- /dev/null
+++ b/src/components/chat-history.tsx
@@ -0,0 +1,48 @@
+import { IconEdit, IconTrash, IconMore, IconDownload } from "./ui/icons"
+
+export function ChatHistory() {
+ return (
+ 欢迎使用新必应
+ 由 AI 支持的网页版 Copilot
+
+
+ )
+}
diff --git a/src/components/chat-image.tsx b/src/components/chat-image.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..05ecc9771eada27a0f2d160bb01cba170d37bb09
--- /dev/null
+++ b/src/components/chat-image.tsx
@@ -0,0 +1,170 @@
+import {
+ useEffect,
+ useState,
+ useCallback,
+ ChangeEvent,
+ ClipboardEvent,
+ MouseEventHandler,
+ FormEvent,
+ useRef
+} from "react"
+import Image from 'next/image'
+import PasteIcon from '@/assets/images/paste.svg'
+import UploadIcon from '@/assets/images/upload.svg'
+import CameraIcon from '@/assets/images/camera.svg'
+import { useBing } from '@/lib/hooks/use-bing'
+import { cn } from '@/lib/utils'
+
+interface ChatImageProps extends Pick
+ 历史记录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 无标题的聊天
+上午1:42
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/chat-list.tsx b/src/components/chat-list.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..624a78ef0d7be0f1192cf02a81e2e9cf214cb193
--- /dev/null
+++ b/src/components/chat-list.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+
+import { Separator } from '@/components/ui/separator'
+import { ChatMessage } from '@/components/chat-message'
+import { ChatMessageModel } from '@/lib/bots/bing/types'
+
+export interface ChatList {
+ messages: ChatMessageModel[]
+}
+
+export function ChatList({ messages }: ChatList) {
+ if (!messages.length) {
+ return null
+ }
+
+ return (
+ panel === 'none' ? setPanel('normal') : setPanel('none')}>{children}
+
+
+
+
+ {panel === 'camera-mode' &&
+
+ 添加图像
+
+
+
+
+
+
+
+
}
+
+
+
+
+
+
+
+
+
+ {messages.map((message, index) => (
+
+
+ ))}
+
+ )
+}
diff --git a/src/components/chat-message.tsx b/src/components/chat-message.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bf272d8d7005cfd06c53bd213e09ea217e803549
--- /dev/null
+++ b/src/components/chat-message.tsx
@@ -0,0 +1,93 @@
+import remarkGfm from 'remark-gfm'
+import remarkMath from 'remark-math'
+import supersub from 'remark-supersub'
+import remarkBreaks from 'remark-breaks'
+import { cn } from '@/lib/utils'
+import { CodeBlock } from '@/components/ui/codeblock'
+import { MemoizedReactMarkdown } from '@/components/markdown'
+import { LearnMore } from './learn-more'
+import { ChatMessageModel } from '@/lib/bots/bing/types'
+import { useEffect } from 'react'
+import { TurnCounter } from './turn-counter'
+
+export interface ChatMessageProps {
+ message: ChatMessageModel
+}
+
+export function ChatMessage({ message, ...props }: ChatMessageProps) {
+ useEffect(() => {
+ if (document.body.scrollHeight - window.innerHeight - window.scrollY - 200 < 0) {
+ window.scrollBy(0, 200)
+ }
+ }, [message.text])
+
+ return message.text ? (
+
+
+ ) : null
+}
diff --git a/src/components/chat-notification.tsx b/src/components/chat-notification.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4be24d0f1755c8058698cfa66c736d8d4792475a
--- /dev/null
+++ b/src/components/chat-notification.tsx
@@ -0,0 +1,77 @@
+import { useEffect } from 'react'
+import Image from 'next/image'
+
+import IconWarning from '@/assets/images/warning.svg'
+import { ChatError, ErrorCode, ChatMessageModel } from '@/lib/bots/bing/types'
+import { ExternalLink } from './external-link'
+import { useBing } from '@/lib/hooks/use-bing'
+
+export interface ChatNotificationProps extends Pick
+ 
+ }
+ } catch (e) {
+ }
+ return
+ },
+ p({ children }) {
+ return
+ {children}
+ }, + code({ node, inline, className, children, ...props }) { + if (children.length) { + if (children[0] == '▍') { + return ( + ▍ + ) + } + + children[0] = (children[0] as string).replace('`▍`', '▍') + } + + const match = /language-(\w+)/.exec(className || '') + + if (inline) { + return ( +
+ {children}
+
+ )
+ }
+
+ return (
+
+ {message.author === 'bot' &&
+
+ 你已达到每日最大发送消息次数，请更换账号或隔一天后重试
+
+ )
+ }
+ if (error.code === ErrorCode.BING_FORBIDDEN) {
+ return (
+
+ 当前话题已中止，请点
+ 重新开始
+ 开启新的对话
+
+ )
+ }
+ if (error.code === ErrorCode.BING_CAPTCHA) {
+ return (
+
+
+ )
+}
diff --git a/src/components/chat-panel.tsx b/src/components/chat-panel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1fbc3c2bf05b914e0c229661832fbb560745f488
--- /dev/null
+++ b/src/components/chat-panel.tsx
@@ -0,0 +1,153 @@
+'use client'
+
+import * as React from 'react'
+import Image from 'next/image'
+import Textarea from 'react-textarea-autosize'
+import { useAtomValue } from 'jotai'
+import { useEnterSubmit } from '@/lib/hooks/use-enter-submit'
+import { cn } from '@/lib/utils'
+
+import BrushIcon from '@/assets/images/brush.svg'
+import ChatIcon from '@/assets/images/chat.svg'
+import VisualSearchIcon from '@/assets/images/visual-search.svg'
+import SendIcon from '@/assets/images/send.svg'
+import PinIcon from '@/assets/images/pin.svg'
+import PinFillIcon from '@/assets/images/pin-fill.svg'
+
+import { useBing } from '@/lib/hooks/use-bing'
+import { voiceListenAtom } from '@/state'
+import Voice from './voice'
+import { ChatImage } from './chat-image'
+import { ChatAttachments } from './chat-attachments'
+
+export interface ChatPanelProps
+ extends Pick<
+ ReturnType
+
+
+
+
+
+
+
+