feat: wire order and chat state flow

app/(order)/chat/[id]/page.tsx

@@ -8,14 +8,15 @@ import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { ScrollArea } from "@/components/ui/scroll-area"
-import { mockChatMessages, mockChatSessions } from "@/lib/mock"
 import { cn } from "@/lib/utils"
 import { useAuthStore } from "@/store/auth"
+import { useChatStore } from "@/store/chat"
 
 export default function ChatDetailPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = use(params)
-  const session = mockChatSessions.find((s) => s.id === id)
-  const messages = mockChatMessages.filter((m) => m.sessionId === id)
+  const session = useChatStore((state) => state.sessions.find((item) => item.id === id))
+  const messages = useChatStore((state) => state.messages.filter((item) => item.sessionId === id))
+  const sendTextMessage = useChatStore((state) => state.sendTextMessage)
   const [input, setInput] = useState("")
   const { user } = useAuthStore()
 
@@ -103,6 +104,21 @@ export default function ChatDetailPage({ params }: { params: Promise<{ id: strin
             className="flex gap-2 max-w-2xl mx-auto"
             onSubmit={(e) => {
               e.preventDefault()
+              const text = input.trim()
+              if (!text) return
+
+              const sender = session.participants.find(
+                (participant) => participant.id === currentUserId,
+              )
+              sendTextMessage(
+                session.id,
+                {
+                  id: currentUserId,
+                  name: sender?.name ?? user?.nickname ?? "",
+                  avatar: sender?.avatar ?? user?.avatar ?? "",
+                },
+                text,
+              )
               setInput("")
             }}
           >

app/(order)/chat/page.tsx

@@ -1,18 +1,26 @@
+"use client"
+
 import { Lock, MessageSquare } from "lucide-react"
 import Link from "next/link"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent } from "@/components/ui/card"
-import { mockChatSessions } from "@/lib/mock"
+import { useAuthStore } from "@/store/auth"
+import { useChatStore } from "@/store/chat"
 
 export default function ChatListPage() {
+  const sessions = useChatStore((state) => state.sessions)
+  const userId = useAuthStore((state) => state.user?.id)
+
   return (
     <div className="container mx-auto py-8 px-4 max-w-2xl">
       <h1 className="text-2xl font-bold mb-6">消息</h1>
 
       <div className="space-y-2">
-        {mockChatSessions.map((session) => {
-          const other = session.participants[1]
+        {sessions.map((session) => {
+          const other =
+            session.participants.find((participant) => participant.id !== userId) ??
+            session.participants[0]
           return (
             <Link key={session.id} href={`/chat/${session.id}`}>
               <Card className="hover:bg-accent/30 transition-colors">
@@ -49,7 +57,7 @@ export default function ChatListPage() {
           )
         })}
 
-        {mockChatSessions.length === 0 && (
+        {sessions.length === 0 && (
           <div className="text-center py-12 text-muted-foreground">
             <MessageSquare className="h-12 w-12 mx-auto mb-2 opacity-50" />
             暂无消息