feat(order): add sealed review reveal, timeout rules, and dispatch behavior

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

@@ -2,16 +2,16 @@
 
 import { ArrowLeft, CheckCircle, Clock, Star } from "lucide-react"
 import Link from "next/link"
-import { use, useEffect } from "react"
+import { use, useEffect, useState } from "react"
 import OrderActions from "@/components/order-actions"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Separator } from "@/components/ui/separator"
 import { statusLabels } from "@/lib/constants"
-import { mockReviews } from "@/lib/mock"
 import type { OrderStatus } from "@/lib/types"
 import { useChatStore } from "@/store/chat"
 import { useOrderStore } from "@/store/orders"
+import { useReviewStore } from "@/store/reviews"
 
 const normalStatusSteps: OrderStatus[] = [
   "pending_payment",
@@ -37,6 +37,8 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
   const order = useOrderStore((state) => state.orders.find((item) => item.id === id))
   const sessions = useChatStore((state) => state.sessions)
   const ensureOrderSession = useChatStore((state) => state.ensureOrderSession)
+  const reviews = useReviewStore((state) => state.reviews.filter((item) => item.orderId === id))
+  const [nowTs, setNowTs] = useState(Date.now())
 
   useEffect(() => {
     if (!order) return
@@ -44,6 +46,17 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
     ensureOrderSession(order)
   }, [order, ensureOrderSession])
 
+  useEffect(() => {
+    if (!order) return
+    if (order.status !== "pending_accept" && order.status !== "pending_close") return
+
+    const timer = setInterval(() => {
+      setNowTs(Date.now())
+    }, 1000)
+
+    return () => clearInterval(timer)
+  }, [order])
+
   if (!order) {
     return (
       <div className="container mx-auto py-8 px-4 text-center text-muted-foreground">
@@ -52,7 +65,6 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
     )
   }
 
-  const reviews = mockReviews.filter((r) => r.orderId === id)
   const chatSession = sessions.find((session) => session.type === "order" && session.orderId === id)
   const statusSteps =
     order.status === "disputed"
@@ -61,6 +73,19 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
         ? cancelledStatusSteps
         : normalStatusSteps
   const currentStepIndex = statusSteps.indexOf(order.status)
+  const timeoutHint = (() => {
+    if (order.status !== "pending_accept" && order.status !== "pending_close") return null
+
+    const base =
+      order.status === "pending_accept"
+        ? new Date(order.createdAt).getTime()
+        : new Date(order.closedAt ?? order.createdAt).getTime()
+    const remainSeconds = Math.max(0, 30 - Math.floor((nowTs - base) / 1000))
+
+    return order.status === "pending_accept"
+      ? `若 30 秒内无人接单，订单将自动取消（剩余 ${remainSeconds} 秒）`
+      : `若 30 秒内未确认，订单将自动进入待评价（剩余 ${remainSeconds} 秒）`
+  })()
 
   return (
     <div className="container mx-auto py-8 px-4 max-w-3xl">
@@ -106,6 +131,12 @@ export default function OrderDetailPage({ params }: { params: Promise<{ id: stri
         </CardContent>
       </Card>
 
+      {timeoutHint && (
+        <Card className="mb-6">
+          <CardContent className="py-3 text-sm text-muted-foreground">{timeoutHint}</CardContent>
+        </Card>
+      )}
+
       <Card className="mb-6">
         <CardHeader>
           <CardTitle className="text-base">服务信息</CardTitle>