1 files changed, 50 insertions, 0 deletions
diff --git a/src/demos/ChatDemo.tsx b/src/demos/ChatDemo.tsx
new file mode 100644
index 0000000..cf371f2
--- /dev/null
+++ b/src/demos/ChatDemo.tsx
@@ -0,0 +1,50 @@
+import {
+  ChatMessage,
+  ChatMessageBubble,
+  ChatMessageList,
+  ChatMessageMetadata,
+} from '@astryxdesign/core/Chat'
+import { Text } from '@astryxdesign/core/Text'
+import { Timestamp } from '@astryxdesign/core/Timestamp'
+
+export function ChatDemo() {
+  return (
+    <ChatMessageList>
+      <ChatMessage sender="user">
+        <ChatMessageBubble group="first">
+          我把权限模块重构好了。
+        </ChatMessageBubble>
+        <ChatMessageBubble
+          group="last"
+          metadata={
+            <ChatMessageMetadata
+              timestamp={
+                <Timestamp value="2026-04-28T14:30:00" format="time" />
+              }
+              status="read"
+            />
+          }>
+          可以帮我检查一下令牌校验的改动吗？
+        </ChatMessageBubble>
+      </ChatMessage>
+      <ChatMessage sender="assistant">
+        <ChatMessageBubble
+          variant="ghost"
+          metadata={
+            <ChatMessageMetadata
+              timestamp={
+                <Timestamp value="2026-04-28T14:31:00" format="time" />
+              }
+              footer={
+                <Text type="supporting" color="secondary">
+                  Astryx 助手
+                </Text>
+              }
+            />
+          }>
+          看过了，刷新令牌轮换和错误处理都覆盖到了，可以发布。
+        </ChatMessageBubble>
+      </ChatMessage>
+    </ChatMessageList>
+  )
+}