feat: 更新依赖与增强功能

- 在 package.json 和 package-lock.json 中新增 laravel-echo 和 pusher-js 依赖
- 在 API 模块中新增 draw 相关函数的导出
- 在 PlayerAppShell 组件中引入 PlayerBottomNav 以增强底部导航
- 在 HallScreen 组件中引入 HallDrawPanel 以展示当前期号

src/features/results/draw-results-list-screen.tsx

@@ -0,0 +1,137 @@
+"use client";
+
+import Link from "next/link";
+import { useCallback, useEffect, useState } from "react";
+
+import { getDrawResults } from "@/api/draw";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Skeleton } from "@/components/ui/skeleton";
+import { formatLotteryInstant } from "@/lib/player-datetime";
+import type { DrawResultListItem } from "@/types/api/draw-results";
+
+/** §4.6 历史列表 + 默认最新一期入口 */
+export function DrawResultsListScreen() {
+  const [items, setItems] = useState<DrawResultListItem[] | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [date, setDate] = useState("");
+  const [loading, setLoading] = useState(true);
+
+  const fetchList = useCallback(async () => {
+    setError(null);
+    setLoading(true);
+    try {
+      const res = await getDrawResults({
+        page: 1,
+        size: 30,
+        business_date: /^\d{4}-\d{2}-\d{2}$/.test(date) ? date : undefined,
+      });
+      setItems(res.items);
+    } catch {
+      setError("加载失败");
+      setItems(null);
+    } finally {
+      setLoading(false);
+    }
+  }, [date]);
+
+  useEffect(() => {
+    void fetchList();
+  }, [fetchList]);
+
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex flex-col gap-2 sm:flex-row sm:items-end">
+        <div className="flex flex-1 flex-col gap-1.5">
+          <Label htmlFor="biz-date">按业务日筛选</Label>
+          <Input
+            id="biz-date"
+            type="date"
+            value={date}
+            onChange={(e) => setDate(e.target.value)}
+            className="max-w-xs"
+          />
+        </div>
+        <Button type="button" variant="secondary" size="sm" onClick={() => void fetchList()}>
+          应用
+        </Button>
+      </div>
+
+      {loading ? (
+        <Card>
+          <CardHeader>
+            <Skeleton className="h-6 w-32" />
+            <Skeleton className="h-4 w-48" />
+          </CardHeader>
+          <CardContent className="space-y-3">
+            <Skeleton className="h-24 w-full" />
+            <Skeleton className="h-24 w-full" />
+          </CardContent>
+        </Card>
+      ) : error ? (
+        <Card className="border-destructive/40">
+          <CardHeader>
+            <CardTitle className="text-base">开奖结果</CardTitle>
+            <CardDescription>{error}</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Button type="button" size="sm" onClick={() => void fetchList()}>
+              重试
+            </Button>
+          </CardContent>
+        </Card>
+      ) : items && items.length === 0 ? (
+        <Card>
+          <CardHeader>
+            <CardTitle className="text-base">开奖结果</CardTitle>
+            <CardDescription>暂无开奖结果</CardDescription>
+          </CardHeader>
+        </Card>
+      ) : (
+        <div className="flex flex-col gap-3">
+          {items?.map((row) => (
+            <Card key={row.draw_no}>
+              <CardHeader className="pb-2">
+                <div className="flex flex-wrap items-center justify-between gap-2">
+                  <CardTitle className="font-mono text-base">{row.draw_no}</CardTitle>
+                  <Link
+                    href={`/results/${encodeURIComponent(row.draw_no)}`}
+                    className="text-sm font-medium text-primary underline-offset-4 hover:underline"
+                  >
+                    查看详情 →
+                  </Link>
+                </div>
+                <CardDescription className="font-mono text-xs">
+                  开奖时间：
+                  {formatLotteryInstant(row.draw_time_iso ?? row.draw_time ?? null)}
+                </CardDescription>
+              </CardHeader>
+              <CardContent className="grid grid-cols-3 gap-2 text-center font-mono text-sm">
+                <div className="rounded-md border bg-card py-2">
+                  <div className="text-[10px] uppercase text-muted-foreground">1st</div>
+                  <div className="font-semibold">{row.results["1st"]}</div>
+                </div>
+                <div className="rounded-md border bg-card py-2">
+                  <div className="text-[10px] uppercase text-muted-foreground">2nd</div>
+                  <div className="font-semibold">{row.results["2nd"]}</div>
+                </div>
+                <div className="rounded-md border bg-card py-2">
+                  <div className="text-[10px] uppercase text-muted-foreground">3rd</div>
+                  <div className="font-semibold">{row.results["3rd"]}</div>
+                </div>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}