feat: wire order and chat state flow

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" />
             暂无消息