生产流转

; +} diff --git a/frontend/src/components/QrScanner/QrScanner.tsx b/frontend/src/components/QrScanner/QrScanner.tsx new file mode 100644 index 0000000..2ee2583 --- /dev/null +++ b/frontend/src/components/QrScanner/QrScanner.tsx @@ -0,0 +1,225 @@ +/** + * 摄像头扫码组件 — 基于 html5-qrcode + * + * 策略：getCameras() 列出所有 → 关键词匹配后置 → 取末位 + * 如果 getCameras() 失败 → facingMode: "environment" + * 用户可以点切换按钮循环切换摄像头 + */ +import { useEffect, useRef, useCallback, useState } from "react"; +import { + Html5Qrcode, + Html5QrcodeSupportedFormats, + type CameraDevice, +} from "html5-qrcode"; +import { Camera, Loader2, Repeat } from "lucide-react"; + +interface QrScannerProps { + onScan: (decodedText: string) => void; + onError?: (error: string) => void; + active: boolean; + width?: string; + height?: string; +} + +const SCANNER_ID = "qr-scanner-viewport"; +const REAR_KEYWORDS = ["back", "environment", "rear", "后置", "背面", "后面"]; + +export default function QrScanner({ + onScan, + onError, + active, + width = "100%", + height = "260px", +}: QrScannerProps) { + const scannerRef = useRef(null); + const isRunningRef = useRef(false); + const lastScanRef = useRef(""); + const cooldownRef = useRef(false); + const [status, setStatus] = useState<"idle" | "starting" | "running" | "error">("idle"); + const [errorMsg, setErrorMsg] = useState(""); + const [cameras, setCameras] = useState([]); + const [currentCameraIdx, setCurrentCameraIdx] = useState(0); + + const handleDecode = useCallback( + (decodedText: string) => { + if (cooldownRef.current && decodedText === lastScanRef.current) return; + lastScanRef.current = decodedText; + cooldownRef.current = true; + setTimeout(() => { cooldownRef.current = false; }, 2000); + if (navigator.vibrate) navigator.vibrate(100); + onScan(decodedText); + }, + [onScan] + ); + + // 启动摄像头 — 每次用全新实例，确保摄像头硬件切换 + const startCamera = useCallback( + async (cameraIdx: number, devices: CameraDevice[]) => { + setCurrentCameraIdx(cameraIdx); + setStatus("starting"); + + try { + // 1. 彻底销毁旧实例 + if (scannerRef.current) { + try { await scannerRef.current.stop(); } catch {} + try { await scannerRef.current.clear(); } catch {} + scannerRef.current = null; + } + isRunningRef.current = false; + + // 2. 清空容器 DOM（避免残留 video 元素） + const container = document.getElementById(SCANNER_ID); + if (container) container.innerHTML = ""; + + // 3. 创建全新实例 + const scanner = new Html5Qrcode(SCANNER_ID, { + verbose: false, + useBarCodeDetectorIfSupported: true, + formatsToSupport: [ + Html5QrcodeSupportedFormats.CODE_128, + Html5QrcodeSupportedFormats.QR_CODE, + ], + }); + scannerRef.current = scanner; + + // 4. 选择摄像头 + const cameraConfig = + devices.length > 0 && cameraIdx < devices.length + ? { deviceId: { exact: devices[cameraIdx].id } } + : { facingMode: "environment" as const }; + + // 5. 启动 + await scanner.start( + cameraConfig, + { + fps: 20, + videoConstraints: { + width: { min: 1280, ideal: 2560 }, + height: { min: 720, ideal: 1440 }, + }, + }, + handleDecode, + () => {} + ); + isRunningRef.current = true; + setStatus("running"); + } catch (err: unknown) { + setStatus("error"); + setErrorMsg(err instanceof Error ? err.message : "启动失败"); + onError?.(err instanceof Error ? err.message : "无法启动摄像头"); + } + }, + [handleDecode, onError] + ); + + // 切换摄像头 + const switchCamera = useCallback(async () => { + if (cameras.length < 2) return; + const nextIdx = (currentCameraIdx + 1) % cameras.length; + await startCamera(nextIdx, cameras); + }, [cameras, currentCameraIdx, startCamera]); + + useEffect(() => { + let cancelled = false; + + if (!active) { + if (scannerRef.current) { + try { scannerRef.current.stop(); } catch {} + try { scannerRef.current.clear(); } catch {} + scannerRef.current = null; + } + isRunningRef.current = false; + const container = document.getElementById(SCANNER_ID); + if (container) container.innerHTML = ""; + setStatus("idle"); + return; + } + + const init = async () => { + // 枚举摄像头 + let devices: CameraDevice[] = []; + try { + devices = await Html5Qrcode.getCameras(); + } catch {} + if (cancelled) return; + setCameras(devices); + + // 选初始摄像头：关键词匹配后置 → 末位 + let startIdx = 0; + if (devices.length > 0) { + const rearIdx = devices.findIndex((d) => + REAR_KEYWORDS.some((kw) => d.label.toLowerCase().includes(kw)) + ); + startIdx = rearIdx >= 0 ? rearIdx : devices.length - 1; + } + + await startCamera(startIdx, devices); + }; + + init(); + + return () => { + cancelled = true; + if (scannerRef.current) { + try { scannerRef.current.stop(); } catch {} + try { scannerRef.current.clear(); } catch {} + scannerRef.current = null; + } + isRunningRef.current = false; + }; + }, [active, startCamera, onError]); + + return ( +

+ + {!active && ( +

+ +

点击按钮启动后置摄像头

+ )} + + {status === "starting" && ( +

+ +

+ )} + + {status === "running" && ( + <> + {/* 当前摄像头标签 */} +

+ + {cameras.length > 0 && currentCameraIdx < cameras.length + ? cameras[currentCameraIdx].label + : "摄像头"} · 扫描中 + +

+ + {/* 切换摄像头按钮 — 只在有多个摄像头时显示 */} + {cameras.length >= 2 && ( + + )} + + )} + + {status === "error" && ( +

摄像头不可用

{errorMsg}

+ )} +

+ ); +} diff --git a/frontend/src/components/TaskTree/TaskFlowView.tsx b/frontend/src/components/TaskTree/TaskFlowView.tsx new file mode 100644 index 0000000..fb84e60 --- /dev/null +++ b/frontend/src/components/TaskTree/TaskFlowView.tsx @@ -0,0 +1,354 @@ +/** + * 流转树双模式可视化 — 焦点模式 + 全景模式 + */ +import { memo, useMemo, useState, useEffect } from "react"; +import { Image } from "antd"; +import { Package, User, X } from "lucide-react"; +import type { TaskResponse } from "../../types/api"; +import { TASK_STATUS } from "../../types/api"; +import { getStatusConfig } from "../../constants/task"; +import type { ModalTarget } from "./TaskTreeViewer"; + +// ============================================================ +// 工具 +// ============================================================ +function fmtTime(d: string | null) { if (!d) return ""; const dt = new Date(d); const pad = (n: number) => String(n).padStart(2, "0"); return `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(dt.getDate())} ${pad(dt.getHours())}:${pad(dt.getMinutes())}`; } +function isMain(t: TaskResponse) { return !t.parent_task_id || t.task_type === "TRANSFER" || t.task_type === "RECOVERY" || t.task_type === "WAREHOUSE"; } +function active(s: string) { return s === "WIP" || s === "PENDING"; } +/** 微型右箭头 SVG */ +function ArrowRight({ color = "#9ca3af", big }: { color?: string; big?: boolean }) { + return ; +} +/** 微型左箭头 SVG */ +function ArrowLeft({ color = "#9ca3af", big }: { color?: string; big?: boolean }) { + return ; +} +function parseImages(s: any): string[] { + if (!s) return []; + if (Array.isArray(s)) return s; // Pydantic 序列化后的数组 + if (typeof s === "string") { try { return JSON.parse(s); } catch { return []; } } + return []; +} +function imageUrl(u: string) { + if (!u) return ""; + if (u.startsWith("http")) return u; // 已是完整绝对地址（含跨域域名），直接用 + const base = (import.meta.env.VITE_API_BASE_URL || "").replace(/\/+$/, ""); // 去掉末尾斜杠 + const path = u.startsWith("/") ? u : "/" + u; + // 后端图片固定返回 /api/v1/upload/files/... 这类 /api/ 开头的相对路径， + // 需拼上 base 才能访问到后端；同时避免重复前缀： + // - base 为纯域名（如 https://track_back.iris-rs.cn）→ 正常 base + path + // - base 以 /api 或 /api/v1 结尾 → 先剥掉该段，否则会拼出 /api/api/ 或 /api/v1/api/v1 + if (path.startsWith("/api/")) { + const origin = base.replace(/\/api(\/v\d+)?$/, ""); + return origin + path; + } + return base + path; +} + +const ALL_TASKS = new Set(); +function collectAll(tasks: TaskResponse[]) { tasks.forEach(t => { ALL_TASKS.add(t); if (t.child_tasks) collectAll(t.child_tasks); }); } +function findParent(child: TaskResponse): TaskResponse | undefined { for (const t of ALL_TASKS) { if (t.id === child.parent_task_id) return t; } return undefined; } + +// ============================================================ +// 尺寸映射表（sm=现状小卡片，lg=弹窗放大） +// ============================================================ +const SIZE_MAP = { + sm: { + card: "w-44 p-2.5 shadow-sm", + badge: "-top-1.5 right-2 px-1.5 py-px text-[8px]", + title: "mt-1 text-xs", + metaRow: "mt-1", + status: "px-1.5 py-px text-[8px]", + assignee: "text-[9px]", + time: "mt-1 text-[8px]", + sub: "mt-1 text-[8px]", + btnRow: "mt-1.5 pt-1.5", + btn: "py-0.5 text-[8px]", + record: "mt-1 px-1.5 py-0.5 text-[8px]", + recordIcon: "h-2.5 w-2.5", + }, + lg: { + card: "w-72 p-4 shadow-md", + badge: "-top-2 right-3 px-2 py-0.5 text-xs", + title: "mt-1.5 text-base", + metaRow: "mt-2", + status: "px-2 py-0.5 text-xs", + assignee: "text-sm", + time: "mt-2 text-xs", + sub: "mt-1.5 text-xs", + btnRow: "mt-2.5 pt-2.5", + btn: "py-1.5 text-sm", + record: "mt-2 px-2.5 py-1 text-xs", + recordIcon: "h-4 w-4", + }, +} as const; + +// ============================================================ +// 极简卡片 +// ============================================================ +const SlimCard = memo(function SlimCard({ + task, assigneeName, active, legacy, onAction, currentUser, onViewRecords, rootMainId, size = "sm", +}: { + task: TaskResponse; assigneeName?: string; active: boolean; legacy?: boolean; + onAction: (t: ModalTarget) => void; currentUser?: { username?: string; role?: string } | null; + onViewRecords?: (t: TaskResponse) => void; + rootMainId?: string; + size?: "sm" | "lg"; +}) { + const cfg = getStatusConfig(task.status); + const sz = SIZE_MAP[size]; + const isOwner = !!(currentUser?.username && task.assignee_id === currentUser.username); + const isManager = currentUser?.role === "SUPER_ADMIN" || currentUser?.role === "SUPERVISOR"; + const main = isMain(task); + const isNestedSpawn = !main && rootMainId && task.parent_task_id !== rootMainId && !!task.parent_task_id; + // 📥 在库/入库任务：显示"谁转入在库"（创建该任务的人） + const isWarehouse = !!( + task.task_name?.includes("在库") || + task.task_name?.includes("入库") || + task.assignee_id === "virtual_warehouse" + ); + + return ( +

+ {/* 左上角：主线/分支标签 + 状态标签并排 */} +

+ {main ? "主线" : "分支"} + {cfg.label} +

{task.task_name}

+ {/* 操作人（带用户图标）+ 在库转入人；仓储任务防御性渲染为系统节点 */} +

+ {(() => { + const isSystemTask = task.task_name?.includes("扫码") || task.task_type === "WAREHOUSE"; + if (isSystemTask) { + // ★ 仓储系统任务：不请求用户数据，直接显示系统图标 + 固定名（assignee_id 为 null 不报错） + return ( + + MOM 仓储系统 + + ); + } + if (isWarehouse && task.assignee_id) { + return ( + 📥 转入在库: {assigneeName || task.assignee_id} + ); + } + return ( + + {assigneeName || task.assignee_id || "—"} + + ); + })()} +

+ {/* 单行时间（精确到分钟） */} +

+ ⏰ {fmtTime(task.created_at)} + {task.completed_at ? ` → ${fmtTime(task.completed_at)}` : " → 至今"} +

+ {/* 驳回/返工原因：原 REJECTED 取 reject_reason；返工节点取含“驳回/返工”的备注 */} + {(() => { + const rj = task.reject_reason; + const rm = task.remark; + const txt = rj ? `❌ 驳回: ${rj}` : (rm && /驳回|返工/.test(rm) ? rm : null); + return txt ?

{txt}

: null; + })()} + {legacy &&

源自: {assigneeName || (findParent(task)?.assignee_id) || "历史任务"}

} + {isNestedSpawn &&

协助: {findParent(task)?.assignee_id || "—"}

} + {/* 操作按钮 */} + {active && isOwner && ( +

+ {task.status?.toUpperCase() === TASK_STATUS.PENDING && } + {task.status?.toUpperCase() !== TASK_STATUS.PENDING && } + +

+ )} + {active && !isOwner && isManager && ( +

+ + +

+ )} + {/* 操作日志：全行蓝色横条，铺满卡片宽度（含 padding+border），整条可点击 */} + {task.records && task.records.length > 0 && ( +

{ e.stopPropagation(); onViewRecords?.(task); }} + className={`${size === "lg" ? "-mx-[17px] -mb-[17px]" : "-mx-[11px] -mb-[11px]"} mt-3 py-1.5 bg-blue-50 text-blue-600 text-center text-sm font-medium cursor-pointer transition-colors hover:bg-blue-100 border-t border-blue-100 rounded-b-lg`} + > + 查看操作日志 ({task.records.length}条) › +

+ )} +

+ ); +}); + +// ============================================================ +// 主视图 +// ============================================================ +interface TaskFlowViewProps { + tasks: TaskResponse[]; onAction: (t: ModalTarget) => void; + currentUser?: { username?: string; role?: string } | null; + assigneeNames?: Record; + size?: "sm" | "lg"; +} + +export const TaskFlowView = memo(function TaskFlowView({ tasks, onAction, currentUser, assigneeNames, size = "sm" }: TaskFlowViewProps) { + const [showFullMap, setShowFullMap] = useState(false); + const [recordsTask, setRecordsTask] = useState(null); + + // 🚀 记录弹窗打开时锁定背景滚动（防止滚动穿透），关闭时恢复 + useEffect(() => { + if (!recordsTask) return; + const prev = document.body.style.overflow; + document.body.style.overflow = "hidden"; + return () => { document.body.style.overflow = prev; }; + }, [recordsTask]); + + // 数据分类 — 🚀 仅根级主干作为垂直时间线节点，子节点通过 childMap 分支递归渲染 + const { allMains, childMap } = useMemo(() => { + ALL_TASKS.clear(); if (tasks.length) collectAll(tasks); + const all = Array.from(ALL_TASKS); + // 🚀 收集所有主线任务（全部进入中央垂直主轴） + const mains: TaskResponse[] = []; + for (const t of all) { + if (isMain(t)) mains.push(t); + } + mains.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime()); + // 🚀 构建全局 childMap（按 parent_task_id 索引直接子节点，保留真实树结构） + const childMap: Record = {}; + for (const t of all) { + const pid = t.parent_task_id || ''; + if (!childMap[pid]) childMap[pid] = []; + childMap[pid].push(t); + } + Object.values(childMap).forEach(arr => arr.sort((a, b) => new Date(a.created_at).getTime() - new Date(b.created_at).getTime())); + return { allMains: mains, childMap }; + }, [tasks]); + + // 🚀 递归渲染分支节点 — 每个节点从自己的 childMap 获取直系子孙，保持树结构不断裂 + const renderBranch = (node: TaskResponse, side: 'left' | 'right', isLegacy: boolean, rootMainId: string): React.JSX.Element => { + const kids = childMap[node.id] || []; + const big = size === "lg"; + const arrow = side === 'left' + ? (

) + : (

); + const card = ; + const kidsContainer = kids.length > 0 ? ( +

+ {kids.map(k => renderBranch(k, side, isLegacy, rootMainId))} +

+ ) : null; + return ( +

+ {side === 'left' && kidsContainer} + {side === 'left' && card} + {arrow} + {side === 'right' && card} + {side === 'right' && kidsContainer} +

+ ); + }; + + // 🚀 焦点模式 vs 全景模式：共用同一套垂直时间线布局，仅数据过滤不同 + const visibleMains = useMemo(() => { + if (showFullMap) return allMains; + // 焦点模式：保留自身活跃的主线，或含活跃分支（后代）的主线， + // 避免「主线已完成、但并发协助分支仍在进行中」时整条分支被错误隐藏 + const hasActiveDescendant = (node: TaskResponse): boolean => { + const kids = childMap[node.id] || []; + return kids.some(k => active(k.status) || hasActiveDescendant(k)); + }; + return allMains.filter(t => active(t.status) || hasActiveDescendant(t)); + }, [allMains, childMap, showFullMap]); + + return ( +

+ {/* 模式切换 */} +

+ +

+ + {/* ─── 统一垂直时间线布局（焦点/全景共用） ─── */} +

+ {visibleMains.map((mainTask, mainIdx) => { + // 🔧 侧翼严格过滤：主线归主轴，仅 SPAWN 协助分支进入左右翼 + const directChildren = (childMap[mainTask.id] || []).filter(c => !isMain(c)); + const hasLegacyActive = directChildren.some(c => !isMain(c) && !active(mainTask.status)); + const leftDirect = directChildren.filter((_, i) => i % 2 === 0); + const rightDirect = directChildren.filter((_, i) => i % 2 === 1); + const lineStyle = hasLegacyActive && !active(mainTask.status); + + return ( +

+ {/* 中央垂直线：按行渲染；首行从卡片中间起，末行到卡片中间止，避免冒出/多截 */} +

+ {/* 左翼 — 递归渲染，子子孙孙向外延伸 */} +

+ {leftDirect.map(c => renderBranch(c, 'left', lineStyle, mainTask.id))} +

+ {/* 中央 */} +

+ + {active(mainTask.status) && ( +

+ )} +

+ {/* 右翼 — 递归渲染，子子孙孙向外延伸 */} +

+ {rightDirect.map(c => renderBranch(c, 'right', lineStyle, mainTask.id))} +

+ + {visibleMains.indexOf(mainTask) < visibleMains.length - 1 && ( +

+ ▼ +

+ )} +

+ ); + })} + {visibleMains.length === 0 && ( +

+ {showFullMap ? "暂无流转记录" : "当前无活跃主线任务"} +

+ )} +

+ + {/* 记录弹窗 */} + {recordsTask && ( +

setRecordsTask(null)} /> +

提交记录 — {recordsTask.task_name}

+ {(recordsTask.records || []).length === 0 ?

暂无记录

: +

{[...recordsTask.records!].reverse().map((r, i) => ( +

{fmtTime(r.created_at)}

+ {r.remark &&

{r.remark}

} + {(() => { const imgs = parseImages(r.images); if (!imgs.length) return null; return ( + +

{imgs.map((img, j) =>

)}

+ + ); })()} +

+ ))}

} +

+ )} +

+ ); +}); + +export default TaskFlowView; diff --git a/frontend/src/components/TaskTree/TaskTreeViewer.tsx b/frontend/src/components/TaskTree/TaskTreeViewer.tsx new file mode 100644 index 0000000..fd06858 --- /dev/null +++ b/frontend/src/components/TaskTree/TaskTreeViewer.tsx @@ -0,0 +1,885 @@ +import { useState, useCallback, useMemo, useEffect, memo } from "react"; +import { + Search, + Loader2, + AlertCircle, + GitBranch, + RefreshCw, + X, + Plus, + Warehouse, + UserPlus, +} from "lucide-react"; +import TaskFlowView from "./TaskFlowView"; +import { + getTaskTree, + receiveTask, + rejectTask, + transferTask, +} from "../../services/taskApi"; +import { useToast } from "../ui/Toast"; +import type { ProductScanResponse, TaskResponse } from "../../types/api"; +import { getStatusConfig, isAdminRole } from "../../constants/task"; +import { useAuth } from "../../contexts/AuthContext"; +import ImageUploader from "../ui/ImageUploader"; +import { extractErrorMessage } from "../../utils/errorMessage"; + +// ============================================================ +// 通用 Modal 容器 +// ============================================================ + +export const Modal = memo(function Modal({ + open, + onClose, + title, + children, + widthClass = "max-w-md", + bodyClassName = "", +}: { + open: boolean; + onClose: () => void; + title: string; + children: React.ReactNode; + widthClass?: string; + bodyClassName?: string; +}) { + // 🚀 弹窗打开时锁定背景滚动（防止滚动穿透），关闭时恢复 + useEffect(() => { + if (!open) return; + const prev = document.body.style.overflow; + document.body.style.overflow = "hidden"; + return () => { document.body.style.overflow = prev; }; + }, [open]); + + if (!open) return null; + + return ( +

+ {/* 遮罩 */} +

+ {/* 弹窗 */} +

{title}

+ +

+ {children} +

+ ); +}); + +// ============================================================ +// 确认接收弹窗 +// ============================================================ + +export const ReceiveConfirmModal = memo(function ReceiveConfirmModal({ + open, + task, + submitting, + onClose, + onConfirm, +}: { + open: boolean; + task: TaskResponse | null; + submitting: boolean; + onClose: () => void; + onConfirm: () => void; +}) { + if (!task) return null; + + return ( + +

{task.task_name}

+ 当前状态: {getStatusConfig(task.status).label} + {" → "} + 进行中 (WIP) +

+ 确认接收后，该任务将标记为"进行中"，系统将记录接收时间。 +

+ + +

+ + ); +}); + +// ============================================================ +// 品质驳回弹窗 +// ============================================================ + +export const RejectModal = memo(function RejectModal({ + open, + task, + submitting, + onClose, + onSubmit, +}: { + open: boolean; + task: TaskResponse | null; + submitting: boolean; + onClose: () => void; + onSubmit: (reason: string, images: string[]) => void; +}) { + const [reason, setReason] = useState(""); + const [images, setImages] = useState([]); + + if (!task) return null; + + function handleSubmit(e: React.FormEvent) { + e.preventDefault(); + const trimmed = reason.trim(); + if (!trimmed) return; + // 异常图片为选填：编号错误、选错工序等场景无需拍照举证，不再拦截无图提交 + onSubmit(trimmed, images); + setReason(""); + setImages([]); + } + + function handleClose() { + setReason(""); + setImages([]); + onClose(); + } + + return ( + +

{task.task_name}

+ ⚠ 驳回后将自动生成返工任务，分配给上一道工序负责人 +

+ + 驳回原因 * + +

setReason(e.target.value)}
+          placeholder="请详细说明品质驳回的原因（必填）"
+          rows={3}
+          maxLength={500}
+          className="w-full resize-none rounded-lg border border-gray-200 px-3 py-2 text-sm focus:border-red-400 focus:outline-none focus:ring-2 focus:ring-red-100"
+          autoFocus
+        />
+        <div className="mb-3 mt-1 text-right text-xs text-gray-400">{reason.length}/500</div>
+
+        <label className="mb-1 block text-sm font-medium text-gray-700">
+          异常图片 <span className="text-xs font-normal text-gray-400">（选填，最多 9 张）</span>
+        </label>
+        <ImageUploader
+          value={images}
+          onChange={setImages}
+          disabled={submitting}
+        />
+
+        <div className="mt-4 flex items-center justify-end gap-2">
+          <button
+            type="button"
+            onClick={handleClose}
+            disabled={submitting}
+            className="rounded-lg border border-gray-200 px-4 py-2 text-sm text-gray-600 hover:bg-gray-50 disabled:opacity-50"
+          >
+            取消
+          </button>
+          <button
+            type="submit"
+            disabled={submitting || !reason.trim()}
+            className="flex items-center gap-1.5 rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 disabled:opacity-50"
+          >
+            {submitting && <Loader2 className="h-3.5 w-3.5 animate-spin" />}
+            确认驳回
+          </button>
+        </div>
+      </form>
+    </Modal>
+  );
+});
+
+// ============================================================
+// 完工裂变转交弹窗
+// ============================================================
+
+export const TransferModal = memo(function TransferModal({
+  open,
+  task,
+  submitting,
+  onClose,
+  onSubmit,
+}: {
+  open: boolean;
+  task: TaskResponse | null;
+  submitting: boolean;
+  onClose: () => void;
+  onSubmit: (
+    nextTaskName: string,
+    assignees: string[],
+    note: string,
+    finishDirectly: boolean
+  ) => void;
+}) {
+  const [nextTaskName, setNextTaskName] = useState("");
+  const [assigneeInput, setAssigneeInput] = useState("");
+  const [assignees, setAssignees] = useState<string[]>([]);
+  const [useWarehouse, setUseWarehouse] = useState(false);
+  // 🏁 直接完结：无下游、不入库。与「转交个人 / 入库」互斥
+  const [finishDirectly, setFinishDirectly] = useState(false);
+  const [note, setNote] = useState("");
+
+  // 🔄 每次打开都重置：TransferModal 被 memo 后常驻挂载（task 为 null 时只是 return null），
+  //    状态会跨次打开残留，必须显式清零。
+  //    ⚠️ 必须放在 `if (!task) return null` 之前 —— 否则是条件提前返回后再调 Hook，
+  //    违反 Rules of Hooks，task 从 null 变非 null 时 Hook 数量错位会直接崩。
+  useEffect(() => {
+    if (!open) return;
+    setNextTaskName("");
+    setAssigneeInput("");
+    setAssignees([]);
+    setUseWarehouse(false);
+    setFinishDirectly(false);
+    setNote("");
+  }, [open]);
+
+  // 🔒 直接完结入口仅超管/主管【可见】：普通人看不到这个选项，而不是点了才被后端 403。
+  //    后端那道硬拦截依然保留 —— 这里是体验层，角色来自客户端存储、可被伪造。
+  const { user } = useAuth();
+  const canFinishDirectly = isAdminRole(user?.role);
+
+  // 防御：非管理员若因任何原因残留了选中态，强制清掉，避免提交出 finish_directly
+  useEffect(() => {
+    if (!canFinishDirectly) setFinishDirectly(false);
+  }, [canFinishDirectly]);
+
+  if (!task) return null;
+
+  function handleAddAssignee() {
+    const trimmed = assigneeInput.trim();
+    if (!trimmed) return;
+    if (assignees.includes(trimmed)) {
+      setAssigneeInput("");
+      return;
+    }
+    setAssignees((prev) => [...prev, trimmed]);
+    setAssigneeInput("");
+  }
+
+  function handleRemoveAssignee(id: string) {
+    setAssignees((prev) => prev.filter((a) => a !== id));
+  }
+
+  function handleAssigneeKeyDown(e: React.KeyboardEvent) {
+    if (e.key === "Enter") {
+      e.preventDefault();
+      handleAddAssignee();
+    }
+  }
+
+  function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+
+    // 🏁 直接完结：不需要工序名与接收人，只闭环当前任务
+    if (!finishDirectly) {
+      const name = nextTaskName.trim();
+      if (!name) return;
+
+      const finalAssignees = [...assignees];
+      if (useWarehouse) {
+        finalAssignees.push("virtual_warehouse");
+      }
+      if (finalAssignees.length === 0) return;
+
+      onSubmit(name, finalAssignees, note.trim(), false);
+    } else {
+      onSubmit("", [], note.trim(), true);
+    }
+    // ⚠️ 此处刻意不重置表单：请求是异步的，父组件要等 await 结束才关闭弹窗。
+    //    若在此清空，提交等待期间标题/预览会从「直接完结」闪回普通转交。
+    //    统一改由下方的「打开时重置」负责。
+  }
+
+  function resetForm() {
+    setNextTaskName("");
+    setAssignees([]);
+    setAssigneeInput("");
+    setUseWarehouse(false);
+    setFinishDirectly(false);
+    setNote("");
+  }
+
+  function handleClose() {
+    resetForm();
+    onClose();
+  }
+
+  // 🏁 直接完结时，下游相关字段全部失效（禁用而非清空，便于用户反悔切回）
+  const downstreamDisabled = finishDirectly;
+  // 互斥：勾选直接完结即撤掉入库，避免两个开关同时生效
+  function handleToggleFinishDirectly(checked: boolean) {
+    setFinishDirectly(checked);
+    if (checked) setUseWarehouse(false);
+  }
+
+  const allAssignees = [
+    ...assignees,
+    ...(useWarehouse ? ["virtual_warehouse"] : []),
+  ];
+
+  return (
+    <Modal
+      open={open}
+      onClose={handleClose}
+      title={
+        finishDirectly
+          ? "完工转交 — 🏁 直接完结（无下游，不入库）"
+          : "完工转交 — 裂变到下道工序"
+      }
+    >
+      <div
+        className={`mb-4 rounded-lg px-3 py-2.5 text-sm ${
+          finishDirectly
+            ? "bg-amber-50 text-amber-700"
+            : "bg-green-50 text-green-700"
+        }`}
+      >
+        <p className="font-medium">{task.task_name}</p>
+        <p
+          className={`mt-0.5 text-xs ${
+            finishDirectly ? "text-amber-500" : "text-green-500"
+          }`}
+        >
+          {finishDirectly
+            ? "结束本任务且不创建下游任务，产品状态保持原样"
+            : "完成任务并批量创建下一道工序任务，支持多路裂变分支"}
+        </p>
+      </div>
+
+      <form onSubmit={handleSubmit} className="space-y-4">
+        {/* 下道工序名称 */}
+        <div>
+          <label className="mb-1 block text-sm font-medium text-gray-700">
+            下一道工序名称 <span className="text-red-500">*</span>
+          </label>
+          <input
+            type="text"
+            value={nextTaskName}
+            onChange={(e) => setNextTaskName(e.target.value)}
+            placeholder="如：组装、质检、包装"
+            maxLength={200}
+            disabled={downstreamDisabled}
+            className="w-full rounded-lg border border-gray-200 px-3 py-2 text-sm focus:border-green-400 focus:outline-none focus:ring-2 focus:ring-green-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400"
+            autoFocus
+          />
+        </div>
+
+        {/* 接收人（多选） */}
+        <div>
+          <label className="mb-1 flex items-center gap-1 text-sm font-medium text-gray-700">
+            <UserPlus className="h-3.5 w-3.5" />
+            下一道工序接收人 <span className="text-red-500">*</span>
+          </label>
+
+          {/* 已添加的接收人标签 */}
+          {allAssignees.length > 0 && (
+            <div className="mb-2 flex flex-wrap gap-1.5">
+              {allAssignees.map((a) => (
+                <span
+                  key={a}
+                  className={`inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-medium ${
+                    a === "virtual_warehouse"
+                      ? "bg-purple-100 text-purple-700"
+                      : "bg-blue-100 text-blue-700"
+                  }`}
+                >
+                  {a === "virtual_warehouse" ? (
+                    <Warehouse className="h-3 w-3" />
+                  ) : null}
+                  {a === "virtual_warehouse" ? "仓库" : a}
+                  {a !== "virtual_warehouse" && (
+                    <button
+                      type="button"
+                      onClick={() => handleRemoveAssignee(a)}
+                      className="ml-0.5 rounded-full p-0.5 hover:bg-blue-200"
+                    >
+                      <X className="h-2.5 w-2.5" />
+                    </button>
+                  )}
+                </span>
+              ))}
+            </div>
+          )}
+
+          {/* 输入 + 添加按钮 */}
+          <div className="flex gap-2">
+            <input
+              type="text"
+              value={assigneeInput}
+              onChange={(e) => setAssigneeInput(e.target.value)}
+              onKeyDown={handleAssigneeKeyDown}
+              placeholder="输入接收人 ID，按 Enter 添加"
+              maxLength={64}
+              disabled={downstreamDisabled}
+              className="flex-1 rounded-lg border border-gray-200 px-3 py-2 text-sm focus:border-green-400 focus:outline-none focus:ring-2 focus:ring-green-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400"
+            />
+            <button
+              type="button"
+              onClick={handleAddAssignee}
+              disabled={!assigneeInput.trim() || downstreamDisabled}
+              className="flex items-center gap-1 rounded-lg border border-gray-200 px-3 py-2 text-sm text-gray-600 hover:bg-gray-50 disabled:opacity-40"
+            >
+              <Plus className="h-3.5 w-3.5" />
+              添加
+            </button>
+          </div>
+        </div>
+
+        {/* 虚拟入库 */}
+        <label
+          className={`flex items-center gap-2 select-none ${
+            downstreamDisabled ? "cursor-not-allowed opacity-40" : "cursor-pointer"
+          }`}
+        >
+          <input
+            type="checkbox"
+            checked={useWarehouse}
+            onChange={(e) => setUseWarehouse(e.target.checked)}
+            disabled={downstreamDisabled}
+            className="h-4 w-4 rounded border-gray-300 text-purple-600 focus:ring-purple-500"
+          />
+          <Warehouse className="h-4 w-4 text-purple-500" />
+          <span className="text-sm text-gray-700">
+            同时入库（产品 current_location → virtual_warehouse）
+          </span>
+        </label>
+
+        {/* 🏁 直接完结 — 与转交/入库互斥。仅超管/主管可见 */}
+        {canFinishDirectly && (
+        <div>
+          <label className="flex items-center gap-2 cursor-pointer select-none">
+            <input
+              type="checkbox"
+              checked={finishDirectly}
+              onChange={(e) => handleToggleFinishDirectly(e.target.checked)}
+              className="h-4 w-4 rounded border-gray-300 text-amber-600 focus:ring-amber-500"
+            />
+            <span className="text-sm font-medium text-gray-700">
+              🏁 直接完结（无下游，不入库）
+            </span>
+          </label>
+          {finishDirectly && (
+            <p className="mt-1.5 rounded-lg bg-amber-50 px-3 py-2 text-xs text-amber-700">
+              任务将直接完结，不创建任何下游任务。
+              <span className="font-semibold">它只是一个任务闭环动作，不改动产品状态</span>
+              ：已出库的设备完结后依然是<span className="font-semibold">「已出库」</span>
+              ，回归 WIP 矩阵的已出库列；不会变成「待仓库收货」，也无需仓库扫码实收。
+              适用于售后返厂直接发走、半成品被直接提走等无需入库的收官场景。
+            </p>
+          )}
+        </div>
+        )}
+
+        {/* 备注 */}
+        <div>
+          <label className="mb-1 block text-sm font-medium text-gray-700">
+            交接备注 <span className="text-gray-400 font-normal">(可选)</span>
+          </label>
+          <textarea
+            value={note}
+            onChange={(e) => setNote(e.target.value)}
+            placeholder="转交附言、注意事项等"
+            rows={2}
+            className="w-full resize-none rounded-lg border border-gray-200 px-3 py-2 text-sm focus:border-green-400 focus:outline-none focus:ring-2 focus:ring-green-100"
+          />
+        </div>
+
+        {/* 预览 — 🏁 直接完结走独立文案，不能套用「将创建 N 个任务」模板 */}
+        {finishDirectly && (
+          <div className="rounded-lg bg-amber-50 px-3 py-2.5 text-xs text-amber-700">
+            <p className="font-medium">🏁 直接完结预览：</p>
+            <p className="mt-1">
+              任务「<span className="font-semibold">{task.task_name}</span>
+              」将直接结束，
+              <span className="font-semibold">不创建任何下游任务</span>
+              ；产品宏观状态与当前位置保持不变。
+            </p>
+          </div>
+        )}
+
+        {/* 预览 */}
+        {!finishDirectly && allAssignees.length > 0 && nextTaskName.trim() && (
+          <div className="rounded-lg bg-gray-50 px-3 py-2.5 text-xs text-gray-500">
+            <p className="font-medium text-gray-600">裂变预览：</p>
+            <p className="mt-1">
+              将创建 <span className="font-semibold text-gray-700">
+                {allAssignees.length}
+              </span>{" "}
+              个「
+              <span className="font-semibold text-gray-700">
+                {nextTaskName.trim()}
+              </span>
+              」任务
+              {allAssignees.length > 1 && (
+                <span className="text-purple-600">
+                  {" "}
+                  — 触发裂变，父任务为当前任务
+                </span>
+              )}
+            </p>
+            <p className="mt-0.5">
+              接收人:{" "}
+              {allAssignees
+                .map((a) => (a === "virtual_warehouse" ? "仓库" : a))
+                .join(", ")}
+            </p>
+          </div>
+        )}
+
+        {/* 按钮 */}
+        <div className="flex justify-end gap-2 pt-2">
+          <button
+            type="button"
+            onClick={handleClose}
+            disabled={submitting}
+            className="rounded-lg border border-gray-200 px-4 py-2 text-sm text-gray-600 hover:bg-gray-50 disabled:opacity-50"
+          >
+            取消
+          </button>
+          <button
+            type="submit"
+            disabled={
+              submitting ||
+              (!finishDirectly &&
+                (!nextTaskName.trim() || allAssignees.length === 0))
+            }
+            className={`flex items-center gap-1.5 rounded-lg px-4 py-2 text-sm font-medium text-white disabled:opacity-50 ${
+              finishDirectly
+                ? "bg-amber-600 hover:bg-amber-700"
+                : "bg-green-600 hover:bg-green-700"
+            }`}
+          >
+            {submitting && <Loader2 className="h-3.5 w-3.5 animate-spin" />}
+            {finishDirectly ? "🏁 确认直接完结" : "确认转交"}
+          </button>
+        </div>
+      </form>
+    </Modal>
+  );
+});
+
+// ============================================================
+// 操作弹窗目标类型
+// ============================================================
+
+export interface ModalTarget {
+  task: TaskResponse;
+  action: "receive" | "reject" | "transfer";
+}
+
+// ============================================================
+// 主容器组件
+// ============================================================
+
+export default function TaskTreeViewer() {
+  const { toast } = useToast();
+
+  // 搜索状态
+  const [serial, setSerial] = useState("");
+  const [product, setProduct] = useState<ProductScanResponse | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  // 弹窗状态
+  const [modalTarget, setModalTarget] = useState<ModalTarget | null>(null);
+  const [submitting, setSubmitting] = useState(false);
+
+  // ---- 数据刷新 ----
+  const refresh = useCallback(async () => {
+    const trimmed = serial.trim();
+    if (trimmed.length !== 16) return;
+    try {
+      const result = await getTaskTree(trimmed);
+      setProduct(result);
+    } catch {
+      // 静默失败 — 不影响当前展示
+    }
+  }, [serial]);
+
+  async function handleSearch(e?: React.FormEvent) {
+    e?.preventDefault();
+    const trimmed = serial.trim();
+    if (trimmed.length !== 16) {
+      setError("请输入 16 位产品身份证");
+      return;
+    }
+
+    setLoading(true);
+    setError(null);
+    setProduct(null);
+
+    try {
+      const result = await getTaskTree(trimmed);
+      setProduct(result);
+    } catch (err: any) {
+      const msg =
+        err?.response?.status === 404
+          ? `未找到产品身份证 ${trimmed} 对应的产品`
+          : extractErrorMessage(err, "查询失败，请检查后端服务");
+      setError(msg);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  // ---- 操作处理 ----
+
+  async function handleReceive() {
+    if (!modalTarget) return;
+    setSubmitting(true);
+    try {
+      await receiveTask(modalTarget.task.id);
+      toast("任务已接收 (PENDING → WIP)", "success");
+      setModalTarget(null);
+      await refresh();
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "接收失败"), "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  async function handleReject(reason: string, images: string[]) {
+    if (!modalTarget) return;
+    setSubmitting(true);
+    try {
+      await rejectTask(modalTarget.task.id, reason, images);
+      toast("任务已驳回，已自动创建返工任务", "success");
+      setModalTarget(null);
+      await refresh();
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "驳回失败"), "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  async function handleTransfer(
+    nextTaskName: string,
+    assignees: string[],
+    note: string,
+    finishDirectly: boolean
+  ) {
+    if (!modalTarget) return;
+    setSubmitting(true);
+    try {
+      const result = await transferTask(
+        modalTarget.task.id,
+        assignees,
+        nextTaskName,
+        note || undefined,
+        finishDirectly
+      );
+      toast(result.message, "success");
+      setModalTarget(null);
+      await refresh();
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "转交失败"), "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  // ---- 渲染 ----
+
+  // 🚀 缓存递归计算 — 仅在 task_tree 变化时重新计算
+  const totalTaskCount = useMemo(
+    () => (product?.task_tree ? countAllTasks(product.task_tree) : 0),
+    [product?.task_tree],
+  );
+
+  const modalTask = modalTarget?.task ?? null;
+
+  return (
+    <div>
+      {/* ---- 搜索栏 ---- */}
+      <div className="mb-6">
+        <h2 className="text-xl font-bold text-gray-800">任务全景树</h2>
+        <p className="mt-1 text-sm text-gray-500">
+          输入 16 位产品身份证，查看完整任务流转十字矩阵树状图
+        </p>
+
+        <form onSubmit={handleSearch} className="mt-4 flex items-center gap-2">
+          <div className="relative flex-1 max-w-md">
+            <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400" />
+            <input
+              type="text"
+              value={serial}
+              onChange={(e) => setSerial(e.target.value)}
+              placeholder="输入 16 位产品身份证，如 X20260801000001"
+              maxLength={16}
+              className="w-full rounded-lg border border-gray-200 py-2.5 pl-9 pr-3 font-mono text-sm tracking-widest placeholder:tracking-normal placeholder:font-sans focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
+            />
+          </div>
+          <button
+            type="submit"
+            disabled={loading}
+            className="flex items-center gap-1.5 rounded-lg bg-blue-600 px-5 py-2.5 text-sm font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-50"
+          >
+            {loading ? (
+              <Loader2 className="h-4 w-4 animate-spin" />
+            ) : (
+              <Search className="h-4 w-4" />
+            )}
+            查询
+          </button>
+          {product && (
+            <button
+              type="button"
+              onClick={() => handleSearch()}
+              className="flex items-center gap-1.5 rounded-lg border border-gray-200 bg-white px-3 py-2.5 text-sm text-gray-500 transition-colors hover:bg-gray-50"
+              title="刷新"
+            >
+              <RefreshCw
+                className={`h-4 w-4 ${loading ? "animate-spin" : ""}`}
+              />
+            </button>
+          )}
+        </form>
+      </div>
+
+      {/* ---- 错误 ---- */}
+      {error && (
+        <div className="mb-4 flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
+          <AlertCircle className="h-4 w-4 shrink-0" />
+          {error}
+        </div>
+      )}
+
+      {/* ---- 加载中 ---- */}
+      {loading && (
+        <div className="flex items-center justify-center py-20">
+          <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+        </div>
+      )}
+
+      {/* ---- 产品信息摘要 ---- */}
+      {product && !loading && (
+        <div className="mb-6">
+          <div className="flex flex-wrap items-center gap-3 rounded-xl bg-white p-4 shadow-sm">
+            <div>
+              <span className="text-xs text-gray-400">产品身份证</span>
+              <p className="font-mono text-base font-bold tracking-widest text-gray-800">
+                {product.serial_number}
+              </p>
+            </div>
+            <div className="hidden h-8 w-px bg-gray-200 sm:block" />
+            <div>
+              <span className="text-xs text-gray-400">订单编号</span>
+              <p className="text-sm font-medium text-gray-600">
+                {product.order_no || "—"}
+              </p>
+            </div>
+            <div className="hidden h-8 w-px bg-gray-200 sm:block" />
+            <div>
+              <span className="text-xs text-gray-400">当前位置</span>
+              <p className="text-sm font-medium text-gray-600">
+                {product.current_location_id === "virtual_warehouse" ? (
+                  <span className="inline-flex items-center gap-1 rounded bg-purple-50 px-1.5 py-0.5 text-xs font-medium text-purple-600">
+                    🏭 仓库
+                  </span>
+                ) : (
+                  product.current_location_id ?? "—"
+                )}
+              </p>
+            </div>
+            <div className="hidden h-8 w-px bg-gray-200 sm:block" />
+            <div>
+              <span className="text-xs text-gray-400">任务总数</span>
+              <p className="text-sm font-semibold text-gray-800">
+                {product.top_level_tasks?.length ?? 0} 顶层
+                {product.task_tree?.length
+                  ? ` · ${totalTaskCount} 总计`
+                  : ""}
+              </p>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* ---- 任务流转分支/卡片视图 ---- */}
+      {product && !loading && (
+        <>
+          {product.task_tree && product.task_tree.length > 0 ? (
+            <div className="rounded-xl bg-white p-6 shadow-sm overflow-hidden">
+              <TaskFlowView
+                tasks={product.task_tree}
+                onAction={setModalTarget}
+              />
+            </div>
+          ) : (
+            <div className="flex flex-col items-center justify-center rounded-xl bg-white py-16 text-gray-400 shadow-sm">
+              <GitBranch className="mb-3 h-10 w-10" />
+              <p className="text-sm">该产品暂无关联任务</p>
+            </div>
+          )}
+        </>
+      )}
+
+      {/* ---- 弹窗 ---- */}
+      <ReceiveConfirmModal
+        open={modalTarget?.action === "receive"}
+        task={modalTask}
+        submitting={submitting}
+        onClose={() => setModalTarget(null)}
+        onConfirm={handleReceive}
+      />
+      <RejectModal
+        open={modalTarget?.action === "reject"}
+        task={modalTask}
+        submitting={submitting}
+        onClose={() => setModalTarget(null)}
+        onSubmit={handleReject}
+      />
+      <TransferModal
+        open={modalTarget?.action === "transfer"}
+        task={modalTask}
+        submitting={submitting}
+        onClose={() => setModalTarget(null)}
+        onSubmit={handleTransfer}
+      />
+    </div>
+  );
+}
+
+// ============================================================
+// 工具函数：递归统计任务总数
+// ============================================================
+
+function countAllTasks(tasks: TaskResponse[]): number {
+  return tasks.reduce((sum, t) => sum + 1 + countAllTasks(t.child_tasks), 0);
+}
diff --git a/frontend/src/components/admin/ExportColumnsModal.tsx b/frontend/src/components/admin/ExportColumnsModal.tsx
new file mode 100644
index 0000000..e228b67
--- /dev/null
+++ b/frontend/src/components/admin/ExportColumnsModal.tsx
@@ -0,0 +1,75 @@
+/**
+ * 导出列选择弹窗 —— 勾选要写进 CSV 的列。
+ *
+ * 列清单由后端 /audit/options 下发（value=后端列 key，label=中文表头），
+ * 前端不硬编码表头：否则两端各维护一份，迟早出现「导出的列和页面对不上」。
+ *
+ * 默认全选 —— 大多数人只是想"全部导出来"，不该逼他们先勾一遍。
+ */
+import { useEffect, useState } from "react";
+import { Modal, Checkbox, Button } from "antd";
+import type { AuditOption } from "../../services/auditApi";
+
+export default function ExportColumnsModal({
+  open,
+  columns,
+  submitting,
+  onCancel,
+  onConfirm,
+}: {
+  open: boolean;
+  columns: AuditOption[];
+  submitting?: boolean;
+  onCancel: () => void;
+  /** 传出当前勾选的列 key（顺序 = 后端下发顺序，保证表头稳定） */
+  onConfirm: (keys: string[]) => void;
+}) {
+  const [checked, setChecked] = useState<string[]>([]);
+
+  // 每次打开都重置为全选：上一次的勾选残留会让用户莫名少导几列
+  useEffect(() => {
+    if (open) setChecked(columns.map((c) => c.value));
+  }, [open, columns]);
+
+  return (
+    <Modal
+      open={open}
+      title="选择导出列"
+      onCancel={onCancel}
+      width={520}
+      footer={
+        <div className="flex items-center justify-between">
+          <div className="flex gap-2">
+            <Button size="small" onClick={() => setChecked(columns.map((c) => c.value))}>
+              全选
+            </Button>
+            <Button size="small" onClick={() => setChecked([])}>
+              全不选
+            </Button>
+          </div>
+          <div className="flex gap-2">
+            <Button onClick={onCancel}>取消</Button>
+            <Button
+              type="primary"
+              loading={submitting}
+              disabled={checked.length === 0}
+              onClick={() => onConfirm(checked)}
+            >
+              导出 ({checked.length} 列)
+            </Button>
+          </div>
+        </div>
+      }
+    >
+      {checked.length === 0 && (
+        <p className="mb-2 text-xs text-amber-600">至少勾选一列才能导出。</p>
+      )}
+      <Checkbox.Group
+        value={checked}
+        onChange={(v) => setChecked(v as string[])}
+        className="grid grid-cols-3 gap-y-2"
+        options={columns.map((c) => ({ value: c.value, label: c.label }))}
+      />
+    </Modal>
+  );
+}
diff --git a/frontend/src/components/admin/UserOperationDetailDrawer.tsx b/frontend/src/components/admin/UserOperationDetailDrawer.tsx
new file mode 100644
index 0000000..fba22c2
--- /dev/null
+++ b/frontend/src/components/admin/UserOperationDetailDrawer.tsx
@@ -0,0 +1,114 @@
+/** 人员操作明细抽屉 — 数据源 /dashboard/user-operations/detail
+ *
+ *  AdminDashboard（全局概览 · 人员操作统计）与 ScreenDashboard（大屏 · 系统活跃度）
+ *  共用同一实现，保证两处的下钻交互与呈现完全一致。
+ *
+ *  用法：ref.open({ userId, userName, actionType, label, since, until })
+ */
+import { forwardRef, useImperativeHandle, useState } from "react";
+import { Drawer } from "antd";
+import dayjs from "dayjs";
+import { Loader2 } from "lucide-react";
+
+import { fetchOperationDetail, type OperationDetail } from "../../services/dashboardApi";
+
+export interface OperationDetailRequest {
+  userId: string;
+  userName: string;
+  /** 操作类型: receive / transfer / record */
+  actionType: string;
+  /** 类型中文名（接收 / 转交 / 上传备注），用于标题 */
+  label: string;
+  /** 时间范围 ISO；缺省则不加时间过滤 */
+  since?: string;
+  until?: string;
+}
+
+export interface UserOperationDetailDrawerHandle {
+  open: (req: OperationDetailRequest) => void;
+}
+
+const UserOperationDetailDrawer = forwardRef<
+  UserOperationDetailDrawerHandle,
+  { theme?: "light" | "dark" }
+>(function UserOperationDetailDrawer({ theme = "light" }, ref) {
+  const [open, setOpen] = useState(false);
+  const [list, setList] = useState<OperationDetail[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [title, setTitle] = useState("");
+  const dark = theme === "dark";
+
+  useImperativeHandle(ref, () => ({
+    open: (req) => {
+      setOpen(true);
+      setTitle(`${req.userName} · ${req.label}`);
+      setLoading(true);
+      fetchOperationDetail(req.userId, req.actionType, req.since, req.until)
+        .then(setList)
+        .catch(() => setList([]))
+        .finally(() => setLoading(false));
+    },
+  }));
+
+  return (
+    <Drawer
+      title={
+        <span className={`text-base font-bold ${dark ? "text-slate-100" : ""}`}>
+          📋 {title}
+          <span className={`ml-1 font-normal ${dark ? "text-slate-500" : "text-gray-400"}`}>
+            {list.length} 条
+          </span>
+        </span>
+      }
+      open={open}
+      onClose={() => setOpen(false)}
+      size="large"
+      styles={{
+        header: dark ? { background: "#0f172a", borderBottom: "1px solid #1e293b" } : undefined,
+        content: dark ? { background: "#0b1220" } : undefined,
+        body: { padding: 16, background: dark ? "#0b1220" : "#f8fafc" },
+      }}
+    >
+      {loading ? (
+        <div className="flex items-center justify-center py-20">
+          <Loader2 className={`h-6 w-6 animate-spin ${dark ? "text-cyan-500" : "text-blue-500"}`} />
+        </div>
+      ) : list.length === 0 ? (
+        <div className={`py-16 text-center text-sm ${dark ? "text-slate-600" : "text-gray-400"}`}>
+          该时段暂无相关记录
+        </div>
+      ) : (
+        <div>
+          {list.map((d, i) => (
+            <div
+              key={i}
+              className={`mb-2 rounded-lg border px-4 py-3 shadow-sm ${
+                dark ? "border-slate-800 bg-slate-900/50" : "border-gray-100 bg-white"
+              }`}
+            >
+              <div className="flex items-center justify-between">
+                <span className={`text-sm font-semibold ${dark ? "text-slate-100" : "text-gray-800"}`}>
+                  {d.task_name}
+                </span>
+                <span className={`shrink-0 text-xs ${dark ? "text-slate-500" : "text-gray-400"}`}>
+                  {d.time ? dayjs(d.time).format("YYYY-MM-DD HH:mm") : ""}
+                </span>
+              </div>
+              {d.remark && (
+                <p className={`mt-1 text-xs leading-relaxed ${dark ? "text-slate-300" : "text-gray-600"}`}>
+                  {d.remark}
+                </p>
+              )}
+              <div className={`mt-1.5 text-[11px] ${dark ? "text-slate-500" : "text-gray-400"}`}>
+                <span>{d.material_name || "未知设备"}</span>
+                {d.product_sn && <span className="ml-2 font-mono">身份证: {d.product_sn}</span>}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </Drawer>
+  );
+});
+
+export default UserOperationDetailDrawer;
diff --git a/frontend/src/components/layout/AdminLayout.tsx b/frontend/src/components/layout/AdminLayout.tsx
new file mode 100644
index 0000000..8bcbcc7
--- /dev/null
+++ b/frontend/src/components/layout/AdminLayout.tsx
@@ -0,0 +1,164 @@
+import { NavLink, Outlet, useLocation, useNavigate, Navigate } from "react-router-dom";
+import { QrCode, Package, ArrowLeft, LayoutDashboard, Smartphone, GitBranch, LogOut, User, Users, BarChart3, Table2, Tv, ScrollText } from "lucide-react";
+import { useAuth } from "../../contexts/AuthContext";
+
+const MENU = [
+  {
+    title: "全局概览",
+    path: "/admin/dashboard",
+    icon: LayoutDashboard,
+    description: "生产数据总览 · 产品 + 任务统计",
+  },
+  {
+    title: "产品管理",
+    path: "/admin/products",
+    icon: Package,
+    description: "创建产品 · 生成二维码 · 打印标签",
+  },
+  {
+    title: "任务全景",
+    path: "/admin/tasks",
+    icon: GitBranch,
+    description: "身份证查任务树 · 裂变/返工可视化",
+  },
+  {
+    title: "人员看板",
+    path: "/admin/people",
+    icon: Users,
+    description: "按负责人查看在制品设备分布",
+  },
+  {
+    title: "效能分析",
+    path: "/admin/analytics",
+    icon: BarChart3,
+    description: "人员效能 / 设备流转 ECharts 可视化",
+  },
+  {
+    title: "WIP 分布矩阵",
+    path: "/admin/matrix",
+    icon: Table2,
+    description: "规格型号 × 人员/工序 在制品透视表",
+  },
+  {
+    title: "操作审计",
+    path: "/admin/audit",
+    icon: ScrollText,
+    description: "谁在何时操作了什么 · 含失败与被拒请求",
+  },
+  {
+    title: "管理层大屏",
+    path: "/admin/screen",
+    icon: Tv,
+    description: "全屏数据大盘 · 直通率 / 产量趋势 / 不良分布",
+  },
+];
+
+export default function AdminLayout() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const { user, logout, isAuthenticated, loading } = useAuth();
+
+  // 认证加载中
+  if (loading) {
+    return (
+      <div className="flex min-h-screen items-center justify-center bg-gray-50">
+        <div className="h-8 w-8 animate-spin rounded-full border-2 border-blue-500 border-t-transparent" />
+      </div>
+    );
+  }
+
+  // 未登录 → 跳转登录页
+  if (!isAuthenticated) {
+    return <Navigate to="/admin/login" replace />;
+  }
+
+  async function handleLogout() {
+    // 必须 await：logout() 要先完成审计上报再清 token，
+    // 提前 navigate 会把请求掐断，退出就留不下痕
+    await logout();
+    navigate("/admin/login", { replace: true });
+  }
+
+  return (
+    <div className="flex min-h-screen bg-gray-50">
+      {/* 侧边栏 */}
+      <aside className="fixed left-0 top-0 z-40 flex h-screen w-56 flex-col border-r border-gray-200 bg-white">
+        <div className="flex items-center gap-2 border-b border-gray-100 px-5 py-4">
+          <QrCode className="h-5 w-5 text-blue-600" />
+          <span className="text-sm font-bold text-gray-800">生产流转 · 管理端</span>
+        </div>
+
+        <nav className="flex-1 space-y-0.5 px-3 py-4">
+          {MENU.map((item) => {
+            const isActive = location.pathname.startsWith(item.path);
+            return (
+              <NavLink
+                key={item.path}
+                to={item.path}
+                className={`flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors ${
+                  isActive ? "bg-blue-50 text-blue-700" : "text-gray-600 hover:bg-gray-100"
+                }`}
+              >
+                <item.icon className={`mt-0.5 h-4 w-4 shrink-0 ${isActive ? "text-blue-600" : "text-gray-400"}`} />
+                <div>
+                  <p className="text-sm font-medium">{item.title}</p>
+                  <p className="text-xs text-gray-400">{item.description}</p>
+                </div>
+              </NavLink>
+            );
+          })}
+        </nav>
+
+        <div className="space-y-1 border-t border-gray-100 px-5 py-3">
+          <a
+            href="/scan"
+            className="flex items-center gap-1.5 rounded-md px-2 py-1.5 text-xs font-medium text-green-600 transition-colors hover:bg-green-50"
+          >
+            <Smartphone className="h-3.5 w-3.5" />
+            模拟手机扫码
+          </a>
+          <a
+            href="/"
+            className="flex items-center gap-1.5 rounded-md px-2 py-1.5 text-xs text-gray-400 transition-colors hover:text-gray-600"
+          >
+            <ArrowLeft className="h-3.5 w-3.5" />
+            移动端首页
+          </a>
+        </div>
+      </aside>
+
+      <main className="ml-56 flex-1">
+        <div className="sticky top-0 z-30 flex items-center justify-between border-b border-gray-200 bg-white px-6 py-3">
+          <div className="flex items-center gap-2 text-xs text-gray-400">
+            <LayoutDashboard className="h-3 w-3" />
+            <span>管理端</span>
+            <span>/</span>
+            <span className="font-medium text-gray-600">
+              {MENU.find((m) => location.pathname.startsWith(m.path))?.title ?? "页面"}
+            </span>
+          </div>
+
+          {/* 用户信息 + 登出 */}
+          <div className="flex items-center gap-3">
+            <div className="flex items-center gap-1.5 text-xs text-gray-500">
+              <User className="h-3.5 w-3.5" />
+              <span className="font-medium text-gray-700">
+                {user?.display_name ?? user?.username ?? "—"}
+              </span>
+            </div>
+            <button
+              onClick={handleLogout}
+              className="flex items-center gap-1 rounded-md px-2 py-1 text-xs text-gray-400 transition-colors hover:bg-red-50 hover:text-red-600"
+            >
+              <LogOut className="h-3 w-3" />
+              退出
+            </button>
+          </div>
+        </div>
+        <div className="p-6">
+          <Outlet />
+        </div>
+      </main>
+    </div>
+  );
+}
diff --git a/frontend/src/components/layout/AppLayout.tsx b/frontend/src/components/layout/AppLayout.tsx
new file mode 100644
index 0000000..d477acc
--- /dev/null
+++ b/frontend/src/components/layout/AppLayout.tsx
@@ -0,0 +1,106 @@
+import { useEffect, useState } from "react";
+import { NavLink, Outlet, useNavigate } from "react-router-dom";
+import { ScanLine, ClipboardList, Bell, User, ArrowLeft } from "lucide-react";
+import { useAuth } from "../../contexts/AuthContext";
+import { getNotifications } from "../../services/notificationApi";
+
+/** 底部导航 Tab 配置 — 与 uni-app pages.json tabBar.list 完全一致 */
+const TABS = [
+  { path: "/scan", label: "扫码干活", icon: ScanLine },
+  { path: "/tasks", label: "我的任务", icon: ClipboardList },
+  { path: "/notifications", label: "消息", icon: Bell },
+  { path: "/profile", label: "我的", icon: User },
+] as const;
+
+/** 导航栏高度（供页面计算偏移量） */
+export const TAB_BAR_HEIGHT = 64;
+const TOP_BAR_HEIGHT = 48;
+
+export default function AppLayout() {
+  const { user } = useAuth();
+  const navigate = useNavigate();
+
+  const [unreadCount, setUnreadCount] = useState(0);
+
+  // 🔔 未读消息数轮询
+  useEffect(() => {
+    const userId = user?.username || user?.id || "";
+    if (!userId) return;
+
+    function poll() {
+      getNotifications(userId, 0, 1)
+        .then((res) => setUnreadCount(res.unread_count || 0))
+        .catch(() => {}); // 静默
+    }
+
+    poll(); // 立即请求一次
+    const id = setInterval(poll, 30_000); // 每 30 秒轮询
+    return () => clearInterval(id);
+  }, [user]);
+
+  return (
+    <div className="flex h-dvh flex-col bg-gray-50">
+      {/* ======== 顶部导航栏 — 返回管理端 ======== */}
+      <header
+        className="fixed top-0 left-0 right-0 z-50 flex items-center border-b border-gray-200 bg-white px-4 shadow-sm"
+        style={{ height: TOP_BAR_HEIGHT }}
+      >
+        <button
+          onClick={() => navigate("/admin/dashboard")}
+          className="flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium text-blue-600 transition-colors hover:bg-blue-50 active:bg-blue-100"
+        >
+          <ArrowLeft size={16} strokeWidth={2.5} />
+          返回管理端
+        </button>
+        <span className="ml-auto text-xs text-gray-400">生产流转 · 移动端</span>
+      </header>
+
+      {/* ======== 主内容区 ======== */}
+      <main
+        className="flex-1 overflow-y-auto"
+        style={{
+          paddingTop: TOP_BAR_HEIGHT,
+          paddingBottom: TAB_BAR_HEIGHT,
+        }}
+      >
+        <Outlet />
+      </main>
+
+      {/* ======== 底部导航栏 — 与 uni-app tabBar 完全一致 ======== */}
+      <nav
+        className="fixed bottom-0 left-0 right-0 z-50 border-t border-gray-200 bg-white pb-safe"
+        style={{ height: TAB_BAR_HEIGHT }}
+      >
+        <div className="mx-auto flex h-full max-w-lg items-center justify-around">
+          {TABS.map(({ path, label, icon: Icon }) => {
+            const isNotifyTab = path === "/notifications";
+            return (
+              <NavLink
+                key={path}
+                to={path}
+                className={({ isActive }) =>
+                  `relative flex flex-col items-center gap-0.5 px-3 py-1 transition-colors ${
+                    isActive
+                      ? "text-blue-600"
+                      : "text-gray-400 hover:text-gray-600"
+                  }`
+                }
+              >
+                <span className="relative">
+                  <Icon size={22} strokeWidth={2} />
+                  {/* 🔴 消息 Tab 未读红点 */}
+                  {isNotifyTab && unreadCount > 0 && (
+                    <span className="absolute -top-1 -right-2 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-red-500 px-1 text-[9px] font-bold text-white shadow-[0_0_0_2px_white]">
+                      {unreadCount > 99 ? "99+" : unreadCount}
+                    </span>
+                  )}
+                </span>
+                <span className="text-[10px] font-medium leading-none">{label}</span>
+              </NavLink>
+            );
+          })}
+        </div>
+      </nav>
+    </div>
+  );
+}
diff --git a/frontend/src/components/scan/CameraScanner.tsx b/frontend/src/components/scan/CameraScanner.tsx
new file mode 100644
index 0000000..bcc02c4
--- /dev/null
+++ b/frontend/src/components/scan/CameraScanner.tsx
@@ -0,0 +1,58 @@
+/** 摄像头扫码区域 — 包含取景框 + 启停按钮 + 错误提示 */
+import { Camera, CameraOff } from "lucide-react";
+import QrScanner from "../QrScanner/QrScanner";
+
+interface CameraScannerProps {
+  active: boolean;
+  onToggle: (on: boolean) => void;
+  onScan: (text: string) => void;
+  error: string | null;
+  onError: (msg: string) => void;
+}
+
+export default function CameraScanner({
+  active,
+  onToggle,
+  onScan,
+  error,
+  onError,
+}: CameraScannerProps) {
+  return (
+    <div className="rounded-xl border border-gray-200 bg-white p-2 shadow-sm">
+      <QrScanner
+        onScan={onScan}
+        onError={onError}
+        active={active}
+        height="260px"
+      />
+
+      <div className="mt-2 flex gap-2">
+        {!active ? (
+          <button
+            onClick={() => onToggle(true)}
+            className="flex flex-1 items-center justify-center gap-2 rounded-lg bg-blue-600 py-2.5 text-sm font-medium text-white active:bg-blue-700"
+          >
+            <Camera className="h-4 w-4" />
+            启动摄像头
+          </button>
+        ) : (
+          <button
+            onClick={() => onToggle(false)}
+            className="flex flex-1 items-center justify-center gap-2 rounded-lg border border-gray-200 bg-white py-2.5 text-sm text-gray-500 active:bg-gray-50"
+          >
+            <CameraOff className="h-4 w-4" />
+            关闭摄像头
+          </button>
+        )}
+      </div>
+
+      {error && (
+        <div className="mt-2 rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-700">
+          <strong>摄像头不可用：</strong>{error}
+          <br />
+          请在<strong>手机浏览器</strong>中打开此页面使用扫码，或使用下方手动输入。
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/scan/ManualInput.tsx b/frontend/src/components/scan/ManualInput.tsx
new file mode 100644
index 0000000..4e3ba6f
--- /dev/null
+++ b/frontend/src/components/scan/ManualInput.tsx
@@ -0,0 +1,56 @@
+/** 手动输入产品身份证区域 */
+import { Search, Loader2 } from "lucide-react";
+
+interface ManualInputProps {
+  value: string;
+  onChange: (v: string) => void;
+  onSearch: () => void;
+  loading: boolean;
+  lastScanned: string;
+}
+
+export default function ManualInput({
+  value,
+  onChange,
+  onSearch,
+  loading,
+  lastScanned,
+}: ManualInputProps) {
+  function handleKeyDown(e: React.KeyboardEvent) {
+    if (e.key === "Enter") onSearch();
+  }
+
+  return (
+    <div>
+      <div className="flex gap-2">
+        <input
+          type="text"
+          inputMode="numeric"
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          onKeyDown={handleKeyDown}
+          placeholder="手动输入16位产品身份证"
+          maxLength={16}
+          className="flex-1 rounded-lg border border-gray-200 px-4 py-3 text-sm focus:border-blue-500 focus:outline-none"
+        />
+        <button
+          onClick={onSearch}
+          disabled={loading}
+          className="flex items-center gap-1.5 rounded-lg bg-blue-600 px-5 py-3 text-sm font-medium text-white active:bg-blue-700 disabled:opacity-60"
+        >
+          {loading ? (
+            <Loader2 className="h-4 w-4 animate-spin" />
+          ) : (
+            <Search className="h-4 w-4" />
+          )}
+          查询
+        </button>
+      </div>
+      {lastScanned && (
+        <p className="mt-1.5 text-xs text-gray-400">
+          最近扫描: <span className="font-mono text-gray-600">{lastScanned}</span>
+        </p>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/scan/ProductCard.tsx b/frontend/src/components/scan/ProductCard.tsx
new file mode 100644
index 0000000..9f794f7
--- /dev/null
+++ b/frontend/src/components/scan/ProductCard.tsx
@@ -0,0 +1,57 @@
+/** 产品信息卡片 */
+import { Package } from "lucide-react";
+import type { ProductScanResponse } from "../../types/api";
+import { lifecycleBadge, statusColor, statusLabel } from "../../constants/task";
+
+interface ProductCardProps {
+  product: ProductScanResponse;
+}
+
+export default function ProductCard({ product }: ProductCardProps) {
+  // 优先显示宏观状态（整体流转），回退到产品状态字段
+  const displayStatus = product.overall_status || product.status;
+  // 🔧 发货测试 / 售后维修 — 仅「测试 / 维修」工序下显示
+  const lifeBadge = lifecycleBadge(product.overall_status, product.lifecycle_phase);
+  return (
+    <div className="rounded-xl bg-white p-4 shadow-sm">
+      <div className="mb-3 flex items-center gap-2">
+        <Package className="h-5 w-5 text-blue-600" />
+        <h3 className="font-semibold text-gray-800">产品信息</h3>
+        <span className={`ml-auto rounded-full px-2.5 py-0.5 text-xs font-medium ${statusColor(displayStatus)}`}>
+          {statusLabel(displayStatus)}
+        </span>
+        {lifeBadge && (
+          <span className={`shrink-0 rounded-full px-2.5 py-0.5 text-xs font-bold ${lifeBadge.className}`}>
+            {lifeBadge.label}
+          </span>
+        )}
+      </div>
+      <div className="grid grid-cols-2 gap-2 text-sm">
+        <div>
+          <span className="text-gray-400">身份证</span>
+          <p className="font-mono font-medium text-gray-800">{product.serial_number}</p>
+        </div>
+        <div>
+          <span className="text-gray-400">物料名称</span>
+          <p className="font-medium text-gray-800">{product.material_name || product.material_id || "—"}</p>
+        </div>
+        <div>
+          <span className="text-gray-400">规格型号</span>
+          <p className="font-medium text-gray-800">{product.spec_model || "—"}</p>
+        </div>
+        <div>
+          <span className="text-gray-400">订单编号</span>
+          <p className="font-medium text-gray-800">{product.order_no || "—"}</p>
+        </div>
+        {product.current_location_id && (
+          <div>
+            <span className="text-gray-400">当前位置</span>
+            <p className={`font-medium ${product.current_location_id === "virtual_warehouse" ? "text-purple-600" : "text-gray-800"}`}>
+              {product.current_location_id === "virtual_warehouse" ? "🏭 仓库" : product.current_location_id}
+            </p>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/scan/QueryResult.tsx b/frontend/src/components/scan/QueryResult.tsx
new file mode 100644
index 0000000..95a97e6
--- /dev/null
+++ b/frontend/src/components/scan/QueryResult.tsx
@@ -0,0 +1,42 @@
+/** 查询结果区域 — 加载中 / 错误 / 产品卡片 + 任务列表 */
+import { Loader2, AlertCircle } from "lucide-react";
+import type { ProductScanResponse } from "../../types/api";
+import ProductCard from "./ProductCard";
+import TaskListCard from "./TaskListCard";
+
+interface QueryResultProps {
+  loading: boolean;
+  error: string | null;
+  product: ProductScanResponse | null;
+}
+
+export default function QueryResult({ loading, error, product }: QueryResultProps) {
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center gap-2 py-8 text-gray-500">
+        <Loader2 className="h-5 w-5 animate-spin" />
+        查询中...
+      </div>
+    );
+  }
+
+  if (error) {
+    return (
+      <div className="flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
+        <AlertCircle className="h-4 w-4 shrink-0" />
+        {error}
+      </div>
+    );
+  }
+
+  if (product) {
+    return (
+      <div className="space-y-4">
+        <ProductCard product={product} />
+        <TaskListCard tasks={product.task_tree || product.top_level_tasks} />
+      </div>
+    );
+  }
+
+  return null;
+}
diff --git a/frontend/src/components/scan/TaskListCard.tsx b/frontend/src/components/scan/TaskListCard.tsx
new file mode 100644
index 0000000..55c48d8
--- /dev/null
+++ b/frontend/src/components/scan/TaskListCard.tsx
@@ -0,0 +1,76 @@
+/** 任务进度列表卡片 — 递归渲染 task_tree */
+import { useMemo, memo } from "react";
+import { ClipboardList, GitBranch, AlertTriangle } from "lucide-react";
+import type { TaskResponse } from "../../types/api";
+import { statusColor, statusLabel } from "../../constants/task";
+
+interface TaskListCardProps {
+  tasks: TaskResponse[];
+}
+
+interface TaskNodeProps {
+  task: TaskResponse;
+  depth: number;
+}
+
+const TaskNode = memo(function TaskNode({ task, depth }: TaskNodeProps) {
+  return (
+    <>
+      <div className="flex items-center gap-3 px-4 py-3 border-t border-gray-50" style={{ paddingLeft: 16 + depth * 16 }}>
+        <div className="min-w-0 flex-1">
+          <div className="flex items-center gap-1.5 flex-wrap">
+            {task.is_rework && (
+              <span className="inline-flex items-center gap-0.5 rounded bg-red-600 px-1 py-0.5 text-[10px] font-bold text-white">
+                <AlertTriangle className="h-2.5 w-2.5" />返工
+              </span>
+            )}
+            {task.child_tasks && task.child_tasks.length > 1 && (
+              <span className="inline-flex items-center gap-0.5 rounded bg-purple-100 px-1 py-0.5 text-[10px] font-medium text-purple-700">
+                <GitBranch className="h-2.5 w-2.5" />裂变×{task.child_tasks.length}
+              </span>
+            )}
+            <p className="truncate text-sm font-medium text-gray-800">{task.task_name}</p>
+          </div>
+          <p className="text-xs text-gray-400">
+            负责人: {task.assignee_id ?? "未分配"}
+            {task.reject_reason && <span className="ml-2 text-red-500">驳回: {task.reject_reason}</span>}
+          </p>
+        </div>
+        <span className={`shrink-0 rounded-full px-2 py-0.5 text-xs font-medium ${statusColor(task.status)}`}>
+          {statusLabel(task.status)}
+        </span>
+      </div>
+      {task.child_tasks?.map((child) => (
+        <TaskNode key={child.id} task={child} depth={depth + 1} />
+      ))}
+    </>
+  );
+});
+
+function countAll(tasks: TaskResponse[]): number {
+  return tasks.reduce((s, t) => s + 1 + (t.child_tasks ? countAll(t.child_tasks) : 0), 0);
+}
+
+export default function TaskListCard({ tasks }: TaskListCardProps) {
+  // 🚀 缓存递归计算
+  const totalCount = useMemo(() => countAll(tasks), [tasks]);
+
+  return (
+    <div className="rounded-xl bg-white shadow-sm">
+      <div className="flex items-center gap-2 border-b border-gray-100 px-4 py-3">
+        <ClipboardList className="h-5 w-5 text-blue-600" />
+        <h3 className="font-semibold text-gray-800">任务流转树</h3>
+        <span className="ml-auto text-xs text-gray-400">{totalCount} 个任务</span>
+      </div>
+      {tasks.length === 0 ? (
+        <div className="px-4 py-8 text-center text-sm text-gray-400">暂无关联任务</div>
+      ) : (
+        <div className="divide-y divide-gray-50">
+          {tasks.map((task) => (
+            <TaskNode key={task.id} task={task} depth={0} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/components/ui/ImageUploader.tsx b/frontend/src/components/ui/ImageUploader.tsx
new file mode 100644
index 0000000..006eafd
--- /dev/null
+++ b/frontend/src/components/ui/ImageUploader.tsx
@@ -0,0 +1,133 @@
+/** 图片上传器 — 选图后直传 /api/v1/upload/，回填可访问的 URL 列表
+ *
+ *  用途：品质驳回弹窗（后端 TaskRejectRequest.images 为选填，可不上传）。
+ *  样式与 RejectModal 的原生控件保持一致（非 antd），支持缩略图预览与移除。
+ */
+import { useRef, useState } from "react";
+import { ImagePlus, Loader2, X } from "lucide-react";
+import api from "../../services/api";
+import { extractErrorMessage } from "../../utils/errorMessage";
+
+// 与后端 TaskRejectRequest.images 的 max_length 对齐
+const MAX_IMAGES = 9;
+
+interface ImageUploaderProps {
+  value: string[];
+  onChange: (urls: string[]) => void;
+  max?: number;
+  disabled?: boolean;
+}
+
+export default function ImageUploader({
+  value,
+  onChange,
+  max = MAX_IMAGES,
+  disabled,
+}: ImageUploaderProps) {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const [uploading, setUploading] = useState(false);
+  const [error, setError] = useState("");
+
+  async function handleFiles(files: FileList | null) {
+    if (!files || files.length === 0) return;
+    setError("");
+
+    const slots = max - value.length;
+    if (slots <= 0) {
+      setError(`最多上传 ${max} 张图片`);
+      return;
+    }
+
+    const picked = Array.from(files).slice(0, slots);
+    const notImage = picked.find((f) => !f.type.startsWith("image/"));
+    if (notImage) {
+      setError(`「${notImage.name}」不是图片文件`);
+      return;
+    }
+
+    setUploading(true);
+    try {
+      const uploaded: string[] = [];
+      for (const file of picked) {
+        const form = new FormData();
+        form.append("file", file);
+        // api 实例默认 Content-Type 为 application/json，此处必须覆盖为 multipart
+        const { data } = await api.post<{ url: string }>("/upload/", form, {
+          headers: { "Content-Type": "multipart/form-data" },
+          timeout: 60000, // 图片上传比普通请求慢，放宽超时
+        });
+        uploaded.push(data.url);
+      }
+      onChange([...value, ...uploaded]);
+    } catch (err: any) {
+      setError(extractErrorMessage(err, "上传失败，请重试"));
+    } finally {
+      setUploading(false);
+      // 清空 input，允许重复选择同一文件
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  }
+
+  function removeAt(idx: number) {
+    onChange(value.filter((_, i) => i !== idx));
+  }
+
+  const full = value.length >= max;
+
+  return (
+    <div>
+      <div className="flex flex-wrap gap-2">
+        {value.map((url, i) => (
+          <div
+            key={`${url}-${i}`}
+            className="group relative h-20 w-20 overflow-hidden rounded-lg border border-gray-200"
+          >
+            <img src={url} alt={`异常图片 ${i + 1}`} className="h-full w-full object-cover" />
+            {!disabled && (
+              <button
+                type="button"
+                onClick={() => removeAt(i)}
+                title="移除"
+                className="absolute right-1 top-1 rounded-full bg-black/60 p-0.5 text-white opacity-0 transition-opacity group-hover:opacity-100"
+              >
+                <X className="h-3 w-3" />
+              </button>
+            )}
+          </div>
+        ))}
+
+        {!full && (
+          <button
+            type="button"
+            disabled={disabled || uploading}
+            onClick={() => inputRef.current?.click()}
+            className="flex h-20 w-20 flex-col items-center justify-center gap-1 rounded-lg border border-dashed border-gray-300 text-gray-400 transition-colors hover:border-red-400 hover:text-red-500 disabled:opacity-50"
+          >
+            {uploading ? (
+              <Loader2 className="h-5 w-5 animate-spin" />
+            ) : (
+              <ImagePlus className="h-5 w-5" />
+            )}
+            <span className="text-[11px]">{uploading ? "上传中" : "添加图片"}</span>
+          </button>
+        )}
+      </div>
+
+      <input
+        ref={inputRef}
+        type="file"
+        accept="image/*"
+        multiple
+        hidden
+        onChange={(e) => handleFiles(e.target.files)}
+      />
+
+      <div className="mt-1 flex items-center justify-between">
+        <span className="text-xs text-gray-400">
+          {value.length}/{max}
+        </span>
+        {error && <span className="text-xs text-red-500">{error}</span>}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/ui/LoadingSpinner.tsx b/frontend/src/components/ui/LoadingSpinner.tsx
new file mode 100644
index 0000000..f653077
--- /dev/null
+++ b/frontend/src/components/ui/LoadingSpinner.tsx
@@ -0,0 +1,10 @@
+import { Loader2 } from "lucide-react";
+
+/** 全局路由懒加载回退组件 */
+export default function LoadingSpinner() {
+  return (
+    <div className="flex items-center justify-center py-32">
+      <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+    </div>
+  );
+}
diff --git a/frontend/src/components/ui/Toast.tsx b/frontend/src/components/ui/Toast.tsx
new file mode 100644
index 0000000..07da3c2
--- /dev/null
+++ b/frontend/src/components/ui/Toast.tsx
@@ -0,0 +1,103 @@
+import {
+  createContext,
+  useContext,
+  useState,
+  useCallback,
+  useMemo,
+  type ReactNode,
+} from "react";
+import { X, CheckCircle, AlertCircle, Info } from "lucide-react";
+
+// ============================================================
+// 类型
+// ============================================================
+
+type ToastType = "success" | "error" | "info";
+
+interface ToastItem {
+  id: number;
+  message: string;
+  type: ToastType;
+}
+
+interface ToastContextValue {
+  toast: (message: string, type?: ToastType) => void;
+}
+
+// ============================================================
+// Context
+// ============================================================
+
+const ToastContext = createContext<ToastContextValue | null>(null);
+
+export function useToast() {
+  const ctx = useContext(ToastContext);
+  if (!ctx) throw new Error("useToast 必须在 ToastProvider 内使用");
+  return ctx;
+}
+
+// ============================================================
+// Provider
+// ============================================================
+
+let _nextId = 1;
+
+export function ToastProvider({ children }: { children: ReactNode }) {
+  const [items, setItems] = useState<ToastItem[]>([]);
+
+  const toast = useCallback((message: string, type: ToastType = "info") => {
+    const id = _nextId++;
+    setItems((prev) => [...prev, { id, message, type }]);
+    setTimeout(() => {
+      setItems((prev) => prev.filter((t) => t.id !== id));
+    }, 3500);
+  }, []);
+
+  // 🚀 稳定 Context value 引用
+  const ctxValue = useMemo<ToastContextValue>(() => ({ toast }), [toast]);
+
+  return (
+    <ToastContext.Provider value={ctxValue}>
+      {children}
+
+      {/* Toast 渲染区 */}
+      <div className="fixed bottom-6 right-6 z-[9999] flex flex-col-reverse gap-2">
+        {items.map((item) => {
+          const icon =
+            item.type === "success" ? (
+              <CheckCircle className="h-4 w-4 text-green-500" />
+            ) : item.type === "error" ? (
+              <AlertCircle className="h-4 w-4 text-red-500" />
+            ) : (
+              <Info className="h-4 w-4 text-blue-500" />
+            );
+
+          const borderColor =
+            item.type === "success"
+              ? "border-green-200 bg-green-50"
+              : item.type === "error"
+                ? "border-red-200 bg-red-50"
+                : "border-blue-200 bg-blue-50";
+
+          return (
+            <div
+              key={item.id}
+              className={`flex items-center gap-2 rounded-lg border px-4 py-3 shadow-lg animate-slide-in ${borderColor} min-w-[280px] max-w-sm`}
+            >
+              {icon}
+              <span className="flex-1 text-sm text-gray-700">{item.message}</span>
+              <button
+                onClick={() =>
+                  setItems((prev) => prev.filter((t) => t.id !== item.id))
+                }
+                className="text-gray-400 hover:text-gray-600"
+              >
+                <X className="h-3.5 w-3.5" />
+              </button>
+            </div>
+          );
+        })}
+      </div>
+    </ToastContext.Provider>
+  );
+}
diff --git a/frontend/src/constants/task.ts b/frontend/src/constants/task.ts
new file mode 100644
index 0000000..ec02d44
--- /dev/null
+++ b/frontend/src/constants/task.ts
@@ -0,0 +1,280 @@
+/**
+ * 任务状态 → 颜色/标签映射（全局唯一数据源）
+ *
+ * 供 TaskTreeViewer / TaskListCard / ProductCard 等组件共用，
+ * 避免在多处重复维护相同的映射逻辑。
+ */
+import { TASK_STATUS, type LifecyclePhase } from "../types/api";
+
+export interface StatusStyle {
+  bg: string;
+  text: string;
+  ring: string;
+  label: string;
+}
+
+export const STATUS_CONFIG: Record<string, StatusStyle> = {
+  [TASK_STATUS.PENDING]: {
+    bg: "bg-yellow-50",
+    text: "text-yellow-700",
+    ring: "ring-yellow-400",
+    label: "待接收",
+  },
+  [TASK_STATUS.WIP]: {
+    bg: "bg-blue-50",
+    text: "text-blue-700",
+    ring: "ring-blue-400",
+    label: "进行中",
+  },
+  [TASK_STATUS.COMPLETED]: {
+    bg: "bg-green-50",
+    text: "text-green-700",
+    ring: "ring-green-400",
+    label: "已完成",
+  },
+  [TASK_STATUS.REJECTED]: {
+    bg: "bg-red-50",
+    text: "text-red-700",
+    ring: "ring-red-400",
+    label: "已驳回",
+  },
+  [TASK_STATUS.ARCHIVED]: {
+    bg: "bg-gray-50",
+    text: "text-gray-600",
+    ring: "ring-gray-300",
+    label: "已入库",
+  },
+  // 产品已发货出库（MOM 出库联动）
+  OUTBOUND: {
+    bg: "bg-indigo-50",
+    text: "text-indigo-600",
+    ring: "ring-indigo-300",
+    label: "已出库",
+  },
+  // 🔧 "待收货"虚拟节点（MOM 尚未扫码实收）— 警告级橙色，区别于绿色的"已完成"
+  IN_PROGRESS: {
+    bg: "bg-orange-50",
+    text: "text-orange-700",
+    ring: "ring-orange-400",
+    label: "待收货",
+  },
+  // ---- 产品宏观状态（overall_status）中文映射 ----
+  // 车间完工已转交仓库、待 MOM 实收
+  待仓库收货: {
+    bg: "bg-orange-50",
+    text: "text-orange-700",
+    ring: "ring-orange-400",
+    label: "待仓库收货",
+  },
+  // MOM 已扫码实收，入库闭环
+  已入库: {
+    bg: "bg-gray-100",
+    text: "text-gray-600",
+    ring: "ring-gray-400",
+    label: "已入库",
+  },
+  // 旧命名"在库"等价于"已入库"（后端 _resolve_macro_status 口径一致）
+  在库: {
+    bg: "bg-gray-100",
+    text: "text-gray-600",
+    ring: "ring-gray-400",
+    label: "已入库",
+  },
+  // MOM 已发货出库
+  已出库: {
+    bg: "bg-indigo-50",
+    text: "text-indigo-600",
+    ring: "ring-indigo-300",
+    label: "已出库",
+  },
+  // 其余流转中状态（扫码详情 ProductCard 徽标会用到）
+  备货: {
+    bg: "bg-blue-50",
+    text: "text-blue-700",
+    ring: "ring-blue-400",
+    label: "备货",
+  },
+  生产: {
+    bg: "bg-blue-50",
+    text: "text-blue-700",
+    ring: "ring-blue-400",
+    label: "生产",
+  },
+  测试: {
+    bg: "bg-blue-50",
+    text: "text-blue-700",
+    ring: "ring-blue-400",
+    label: "测试",
+  },
+  维修: {
+    bg: "bg-blue-50",
+    text: "text-blue-700",
+    ring: "ring-blue-400",
+    label: "维修",
+  },
+  // ---- 售后回流阶段专属工序（紫系）----
+  // 选紫色而非红色：红色在本系统里是「驳回 / 危险」的语义色，售后只是另一条
+  // 流转支线而非异常，用红色会让操作员误以为设备报错。也不选靛蓝——那已被
+  // 「已出库 OUTBOUND」占用，两者相邻显示会混淆。
+  发货测试: {
+    bg: "bg-purple-50",
+    text: "text-purple-700",
+    ring: "ring-purple-300",
+    label: "发货测试",
+  },
+  售后维修: {
+    bg: "bg-purple-50",
+    text: "text-purple-700",
+    ring: "ring-purple-300",
+    label: "售后维修",
+  },
+};
+
+const FALLBACK: StatusStyle = {
+  bg: "bg-gray-50",
+  text: "text-gray-600",
+  ring: "ring-gray-300",
+  label: "",
+};
+
+/** 获取状态的完整样式配置（bg / text / ring / label）— 大小写不敏感 */
+export function getStatusConfig(status: string): StatusStyle {
+  const key = status?.toUpperCase?.() ?? status;
+  return STATUS_CONFIG[key] ?? { ...FALLBACK, label: status };
+}
+
+/** 仅获取 bg + text 类名，用于简单的状态标签着色 */
+export function statusColor(status: string): string {
+  const cfg = getStatusConfig(status);
+  return `${cfg.bg} ${cfg.text}`;
+}
+
+/** 仅获取中文标签 */
+export function statusLabel(status: string): string {
+  return getStatusConfig(status).label;
+}
+
+// ============================================================
+// 🔧 生命周期阶段（lifecycle_phase）与工序选项隔离
+//
+// 生产制造（PRODUCTION）与售后回流（AFTER_SALES）各有一套合法工序名。
+// ⚠️ 本段与后端 app/core/lifecycle.py 是同一份口径，改动请两边同步。
+//
+// 售后阶段使用**独立工序名**（发货测试 / 售后维修），不复用生产阶段的
+// 「测试 / 维修」—— 这样看板、下钻、导出无需 JOIN lifecycle_phase 即可区分。
+// ============================================================
+
+export const LIFECYCLE_PHASE = {
+  PRODUCTION: "PRODUCTION",
+  AFTER_SALES: "AFTER_SALES",
+} as const satisfies Record<string, LifecyclePhase>;
+
+/** 售后专属工序名 — 选中即代表设备进入售后生命周期 */
+export const STEP_SHIP_TEST = "发货测试";
+export const STEP_AFTER_SALES_REPAIR = "售后维修";
+
+const AFTER_SALES_ONLY_STEPS = [STEP_SHIP_TEST, STEP_AFTER_SALES_REPAIR];
+
+// ── 生产制造阶段合法工序（原有词表，一字未改）──
+export const PRODUCTION_TASK_OPTIONS = ["备货", "生产", "测试", "维修", "在库"];
+export const PRODUCTION_OVERALL_OPTIONS = [
+  "备货", "生产", "测试", "维修", "在库", "已入库", "已出库",
+];
+
+// ── 售后回流阶段合法工序：只保留「发货测试 / 售后维修 / 入库出库」──
+export const AFTER_SALES_TASK_OPTIONS = [STEP_SHIP_TEST, STEP_AFTER_SALES_REPAIR, "在库"];
+export const AFTER_SALES_OVERALL_OPTIONS = [
+  STEP_SHIP_TEST, STEP_AFTER_SALES_REPAIR, "在库", "已入库", "已出库",
+];
+
+/**
+ * 按生命周期阶段取「可选工序」——选项隔离的 UI 侧实现。
+ *
+ * hasHistory = false（无任何历史任务的首次激活 / 老设备）时返回**并集**，
+ * 让操作员自行声明这是生产设备还是售后回流设备：一旦选中售后专属工序，
+ * 后端即把设备判为 AFTER_SALES，之后下拉就只剩售后选项。
+ *
+ * 注意：这只是体验层的第一道防线，真正的拦截在后端
+ * task_service._enforce_step_isolation（防伪造传参）。
+ */
+export function taskOptionsFor(
+  phase: string | null | undefined,
+  hasHistory = true,
+  overallStatus?: string | null,
+): string[] {
+  // 🔧 出库设备与售后生命周期同等待遇（与 track-uniapp/src/utils/lifecycle.js 同步）：
+  //    后端为消除不可回退的售后烙印，已不再把「正常已出库做质检」的设备翻成
+  //    AFTER_SALES。若这里仍只认 phase，工人永远选不到「发货测试 / 售后维修」。
+  if (
+    phase === LIFECYCLE_PHASE.AFTER_SALES ||
+    String(overallStatus || "").trim() === "已出库"
+  ) {
+    return AFTER_SALES_TASK_OPTIONS;
+  }
+  if (!hasHistory) return [...PRODUCTION_TASK_OPTIONS, ...AFTER_SALES_ONLY_STEPS];
+  return PRODUCTION_TASK_OPTIONS;
+}
+
+/** 按生命周期阶段取「可选宏观状态」— 同上，含已入库/已出库等终态 */
+export function overallOptionsFor(
+  phase: string | null | undefined,
+  hasHistory = true,
+): string[] {
+  if (phase === LIFECYCLE_PHASE.AFTER_SALES) return AFTER_SALES_OVERALL_OPTIONS;
+  if (!hasHistory) return [...PRODUCTION_OVERALL_OPTIONS, ...AFTER_SALES_ONLY_STEPS];
+  return PRODUCTION_OVERALL_OPTIONS;
+}
+
+/** 列表筛选枚举 — 两阶段并集（用于筛选，不是录入项） */
+/**
+ * 管理角色 — 必须与后端 app/core/roles.py 的 ADMIN_ROLES 保持一致
+ * （后端那份已从 task_service 收敛到 core.roles，是全项目唯一事实来源）。
+ *
+ * ⚠️ 收敛到这里的理由：此前这段判断散落在多处（TaskFlowView / AdminProductsPage），
+ *    而移动端那份只判了 SUPER_ADMIN、漏了 SUPERVISOR，导致主管被前端误挡。
+ *    新增判断一律用 isAdminRole()，不要再手写 === 比较。
+ *
+ * 注意：这是【体验层】判断，角色来自客户端存储、可被伪造。
+ *      真正的拦截在后端（transfer_task 对 finish_directly 有 403 硬校验）。
+ */
+export const ADMIN_ROLES = ["SUPER_ADMIN", "SUPERVISOR"] as const;
+
+export function isAdminRole(role?: string | null): boolean {
+  return !!role && (ADMIN_ROLES as readonly string[]).includes(role);
+}
+
+export const ALL_OVERALL_OPTIONS = [
+  ...PRODUCTION_OVERALL_OPTIONS, ...AFTER_SALES_ONLY_STEPS,
+];
+
+/** 售后服务相关环节 — 只有落到这些工序才打红色标签 */
+const AFTER_SALES_TAG_STEPS = new Set<string>(AFTER_SALES_ONLY_STEPS);
+
+export interface LifecycleBadge {
+  label: string;
+  className: string;
+  phase: LifecyclePhase;
+}
+
+/**
+ * 生命周期标签 — 只在设备确实处于**售后回流环节**时返回：
+ *   生命周期为 AFTER_SALES 且当前工序是「发货测试」或「售后维修」
+ *    → 紫底白字，文案即工序名。
+ *
+ * 生产制造阶段一律返回 null（不打标），避免和售后设备混淆。
+ * 配色用紫色：红色在本系统是「驳回 / 危险」语义，售后只是另一条流转支线，
+ * 用红色会让操作员误以为设备报错。
+ */
+export function lifecycleBadge(
+  overallStatus: string | null | undefined,
+  phase: string | null | undefined,
+): LifecycleBadge | null {
+  if (phase !== LIFECYCLE_PHASE.AFTER_SALES) return null;
+  const step = (overallStatus || "").trim();
+  if (!AFTER_SALES_TAG_STEPS.has(step)) return null;
+  return {
+    label: step,
+    className: "bg-purple-600 text-white ring-1 ring-purple-600",
+    phase: LIFECYCLE_PHASE.AFTER_SALES,
+  };
+}
diff --git a/frontend/src/contexts/AuthContext.tsx b/frontend/src/contexts/AuthContext.tsx
new file mode 100644
index 0000000..4e46b3c
--- /dev/null
+++ b/frontend/src/contexts/AuthContext.tsx
@@ -0,0 +1,148 @@
+import {
+  createContext,
+  useContext,
+  useState,
+  useCallback,
+  useMemo,
+  useEffect,
+  type ReactNode,
+} from "react";
+import { login as loginApi, getMe, logout as logoutApi } from "../services/authApi";
+
+// ============================================================
+// 类型
+// ============================================================
+
+export interface UserInfo {
+  id: string;
+  username: string;
+  display_name: string;
+  role: string;
+}
+
+interface AuthState {
+  user: UserInfo | null;
+  token: string | null;
+  loading: boolean;
+}
+
+interface AuthContextValue extends AuthState {
+  login: (username: string, password: string) => Promise<void>;
+  /** 登出。async 是因为必须先 await 审计上报、再清 token —— 顺序反了会丢日志 */
+  logout: () => Promise<void>;
+  isAuthenticated: boolean;
+}
+
+// ============================================================
+// Token 存储 key
+// ============================================================
+
+const ACCESS_TOKEN_KEY = "track_admin_token";
+const REFRESH_TOKEN_KEY = "track_admin_refresh_token";
+const USER_KEY = "track_admin_user";
+
+// ============================================================
+// Context
+// ============================================================
+
+const AuthContext = createContext<AuthContextValue | null>(null);
+
+export function useAuth() {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error("useAuth 必须在 AuthProvider 内使用");
+  return ctx;
+}
+
+// ============================================================
+// Provider
+// ============================================================
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+  const [state, setState] = useState<AuthState>({
+    user: null,
+    token: null,
+    loading: true,
+  });
+
+  // 初始化：从 localStorage 恢复双 Token
+  useEffect(() => {
+    const savedToken = localStorage.getItem(ACCESS_TOKEN_KEY);
+    const savedUser = localStorage.getItem(USER_KEY);
+    if (savedToken && savedUser) {
+      try {
+        const user = JSON.parse(savedUser) as UserInfo;
+        setState({ user, token: savedToken, loading: false });
+        // 后台静默验证 token 是否仍有效
+        getMe(savedToken)
+          .then((fresh) => {
+            setState((prev) => ({ ...prev, user: fresh }));
+            localStorage.setItem(USER_KEY, JSON.stringify(fresh));
+          })
+          .catch((err) => {
+            // 验证失败不踢出用户 — 真正的过期由业务 API 401 拦截器
+            // 通过 Refresh Token 无感刷新，彻底失败才跳转登录
+            console.error(
+              "[Auth] Token 后台验证失败（保留本地登录态，依赖拦截器刷新）:",
+              err?.message ?? err,
+            );
+          });
+      } catch {
+        logoutInternal();
+      }
+    } else {
+      setState((prev) => ({ ...prev, loading: false }));
+    }
+  }, []);
+
+  function logoutInternal() {
+    localStorage.removeItem(ACCESS_TOKEN_KEY);
+    localStorage.removeItem(REFRESH_TOKEN_KEY);
+    localStorage.removeItem(USER_KEY);
+    setState({ user: null, token: null, loading: false });
+  }
+
+  const login = useCallback(async (username: string, password: string) => {
+    const result = await loginApi(username, password);
+    const accessToken = result.access_token;
+    const refreshToken = result.refresh_token;
+    const user: UserInfo = result.user;
+
+    // 存储双 Token
+    localStorage.setItem(ACCESS_TOKEN_KEY, accessToken);
+    localStorage.setItem(REFRESH_TOKEN_KEY, refreshToken);
+    localStorage.setItem(USER_KEY, JSON.stringify(user));
+    setState({ user, token: accessToken, loading: false });
+  }, []);
+
+  const logout = useCallback(async () => {
+    // ⚠️ 必须【先 await 上报、再清 token】。两边顺序反了或不等，退出就留不下痕：
+    //   1) axios 的请求拦截器是在微任务里执行的，它去 localStorage 读 token 时，
+    //      同步的 logoutInternal() 早已把 token 清掉 → 请求不带 Authorization
+    //      → 后端只能记成「未认证」，退出归因不到人；
+    //   2) 调用方点完退出还会立刻 navigate 到登录页，进一步压缩执行窗口。
+    // 所以这里(async) + 调用方(await) 两处都得改，只改一处等于没改。
+    // 失败绝不影响退出：JWT 无状态，服务端本就不需要它成功。
+    try {
+      await logoutApi();
+    } catch {
+      /* 静默：断网/超时也照退不误 */
+    }
+    logoutInternal();
+  }, []);
+
+  const ctxValue = useMemo<AuthContextValue>(
+    () => ({
+      ...state,
+      login,
+      logout,
+      isAuthenticated: !!state.token && !!state.user,
+    }),
+    [state, login, logout],
+  );
+
+  return (
+    <AuthContext.Provider value={ctxValue}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
diff --git a/frontend/src/index.css b/frontend/src/index.css
new file mode 100644
index 0000000..a4d179f
--- /dev/null
+++ b/frontend/src/index.css
@@ -0,0 +1,75 @@
+@import "tailwindcss";
+
+/* ============================================================
+   移动端安全区适配（刘海屏 / 底部指示条）
+   TailwindCSS v4 自定义 utility
+   ============================================================ */
+
+@utility pt-safe {
+  padding-top: max(1rem, env(safe-area-inset-top));
+}
+
+@utility pb-safe {
+  padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
+}
+
+/* ============================================================
+   全局基样式
+   ============================================================ */
+
+html {
+  /* 防止 iOS Safari 橡皮筋效果导致误触导航 */
+  overscroll-behavior: none;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  /* 禁止用户缩放（移动端 PWA 常用） */
+  touch-action: manipulation;
+}
+
+/* 隐藏默认的滚动条（移动端无滚动条更干净） */
+::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+}
+
+/* ============================================================
+   Toast 动画
+   ============================================================ */
+
+@keyframes slide-in {
+  from {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+.animate-slide-in {
+  animation: slide-in 0.3s ease-out;
+}
+
+/* ============================================================
+   自定义横向滚动条（人员视图图表）
+   ============================================================ */
+.custom-scrollbar {
+  scrollbar-width: thin;
+  scrollbar-color: #cbd5e1 #f1f5f9;
+}
+.custom-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: #cbd5e1;
+  border-radius: 3px;
+}
+.custom-scrollbar::-webkit-scrollbar-track {
+  background-color: #f1f5f9;
+  border-radius: 3px;
+}
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
new file mode 100644
index 0000000..bef5202
--- /dev/null
+++ b/frontend/src/main.tsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.tsx'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)
diff --git a/frontend/src/pages/MatrixBoard.tsx b/frontend/src/pages/MatrixBoard.tsx
new file mode 100644
index 0000000..b5e9b44
--- /dev/null
+++ b/frontend/src/pages/MatrixBoard.tsx
@@ -0,0 +1,411 @@
+/**
+ * WIP 分布矩阵 — 在制品透视表（规格型号 × 工序，单元格=设备数量）
+ * Y 轴 = 规格型号，X 轴 = 工序（固定标准主轴 + 动态工序），单表横向滚动
+ */
+import { useEffect, useMemo, useState } from "react";
+import { Radio, Table, DatePicker, Drawer, Modal, Button, Image, Timeline } from "antd";
+import { Loader2 } from "lucide-react";
+import dayjs, { type Dayjs } from "dayjs";
+import { fetchWipMatrix, fetchWipMatrixDetail, type WipMatrixRow, type WipMatrixDetailRow } from "../services/dashboardApi";
+import { fetchDeviceRecords, type DeviceRecord } from "../services/analyticsApi";
+import { lifecycleBadge } from "../constants/task";
+
+const { RangePicker } = DatePicker;
+
+// 🔧 三区段列定义：生产区 / 售后区 / 完结区
+//    售后区必须独立成列 —— 出库回流设备的「发货测试 / 售后维修」若与生产区的
+//    「测试 / 维修」共用一列，两类设备会被加在一起，统计完全失真。
+//    accent 用于给分组表头着色，售后区用紫色呼应标签配色（红=驳回语义，不占用）。
+const COLUMN_GROUPS: { title: string; keys: string[]; accent: string }[] = [
+  { title: "生产区", keys: ["待接收", "备货", "生产", "测试", "维修"], accent: "text-blue-700" },
+  { title: "售后区", keys: ["发货测试", "售后维修"], accent: "text-purple-700" },
+  { title: "完结区", keys: ["已完成", "已入库", "已出库"], accent: "text-gray-700" },
+];
+
+// 固定标准主轴：三区段的全部列始终显示（即使计数为 0），表头不随操作内容增减
+const FIXED_STEP_COLUMNS = COLUMN_GROUPS.flatMap((g) => g.keys);
+
+// ⏰ 时间筛选（与全局概览一致）
+type DateRangeKey = "today" | "7d" | "30d" | "custom";
+function rangeToParams(key: DateRangeKey, customRange: [Dayjs, Dayjs] | null) {
+  if (key === "custom" && customRange) {
+    return {
+      since: customRange[0].startOf("day").toISOString(),
+      until: customRange[1].endOf("day").toISOString(),
+    };
+  }
+  const since = dayjs().startOf("day");
+  if (key === "7d") return { since: since.subtract(7, "day").toISOString() };
+  if (key === "30d") return { since: since.subtract(30, "day").toISOString() };
+  return { since: since.toISOString() };
+}
+
+// ─── 图片 URL 拼接（对齐 AnalyticsDashboard / AdminPeoplePage） ────────────────
+function imageUrl(u: string) {
+  if (!u) return "";
+  if (u.startsWith("http")) return u;
+  const base = (import.meta.env.VITE_API_BASE_URL || "").replace(/\/+$/, "");
+  const path = u.startsWith("/") ? u : "/" + u;
+  if (path.startsWith("/api/")) {
+    const origin = base.replace(/\/api(\/v\d+)?$/, "");
+    return origin + path;
+  }
+  return base + path;
+}
+
+// ─── 单元格负责人聚合预览：数量解析 + TOP 折叠 ────────────────────
+function labelCount(label: string): number {
+  const m = label.match(/$(\d+)$\s*$/);
+  return m ? Number(m[1]) : 1;
+}
+function summarizeAssignees(list: string[]): string {
+  if (!list.length) return "";
+  // 数量降序（“未分配”同样参与按台数排序），数量最多者排最前
+  const sorted = [...list].sort((a, b) => labelCount(b) - labelCount(a));
+  if (sorted.length <= 2) return sorted.join("、");
+  // ≥3 人：只显示台数最多的第 1 人（去掉数量后缀），折叠为 “等 N 人”
+  const first = sorted[0].replace(/$\d+$\s*$/, "");
+  return `${first}等 ${sorted.length} 人`;
+}
+
+export default function MatrixBoard() {
+  const [dateKey, setDateKey] = useState<DateRangeKey>("today");
+  const [customRange, setCustomRange] = useState<[Dayjs, Dayjs] | null>(null);
+  const [data, setData] = useState<WipMatrixRow[]>([]);
+  const [loading, setLoading] = useState(false);
+  // 🔧 单元格下钻：点击数值>0 的交叉点，打开设备明细抽屉
+  const [drill, setDrill] = useState<{ spec: string; process: string; productName: string } | null>(null);
+  const [drillData, setDrillData] = useState<WipMatrixDetailRow[]>([]);
+  const [drillLoading, setDrillLoading] = useState(false);
+  // 🔧 设备日志弹窗：点击明细行 → 先看日志，底部按钮再跳流转树
+  const [recordModal, setRecordModal] = useState<string | null>(null);
+  const [records, setRecords] = useState<DeviceRecord[]>([]);
+  const [recordsLoading, setRecordsLoading] = useState(false);
+
+  useEffect(() => {
+    setLoading(true);
+    const { since, until } = rangeToParams(dateKey, customRange);
+    fetchWipMatrix("task_name", since, until)
+      .then(setData)
+      .catch(() => setData([]))
+      .finally(() => setLoading(false));
+  }, [dateKey, customRange]);
+
+  async function openDrill(spec: string, process: string, productName: string) {
+    setDrill({ spec, process, productName });
+    setDrillLoading(true);
+    try {
+      // 🔧 携带当前时间筛选，保证下钻明细与矩阵计数一致（近7天/近30天等）
+      const { since, until } = rangeToParams(dateKey, customRange);
+      const res = await fetchWipMatrixDetail(spec, process, since, until);
+      setDrillData(res);
+    } catch {
+      setDrillData([]);
+    } finally {
+      setDrillLoading(false);
+    }
+  }
+
+  async function openRecords(sn: string) {
+    setRecordModal(sn);
+    setRecordsLoading(true);
+    try {
+      const res = await fetchDeviceRecords(sn);
+      setRecords(res);
+    } catch {
+      setRecords([]);
+    } finally {
+      setRecordsLoading(false);
+    }
+  }
+
+  // 🔧 全局唯一表头 + 单表数据：固定标准主轴在前，动态工序（数据中出现的新工序）追加在后
+  const { columns, dataSource, keys } = useMemo(() => {
+    const dynamicKeys = Array.from(new Set(data.map((d) => d.dimension_key)));
+    const fixedKeys = new Set(FIXED_STEP_COLUMNS);
+    const extraKeys = dynamicKeys.filter((k) => !fixedKeys.has(k));
+
+    // 🔧 三区段分组：自定义工序（喷漆 / 老化…）挂到生产区末尾 —— 它们是产线自建工序，
+    //    与售后区那两个受控工序名不同，无法从名字反推归属，故按生产口径展示。
+    //    注：售后设备的历史工序名已在后端归一（测试→发货测试 / 维修→售后维修），
+    //    所以这里拿到的 dimension_key 已经是正确的区段归属。
+    const groups = COLUMN_GROUPS.map((g, i) => ({
+      ...g,
+      keys: i === 0 ? [...g.keys, ...extraKeys] : g.keys,
+    }));
+    const keys = groups.flatMap((g) => g.keys);
+
+    const rowsMap = new Map<string, any>();
+    for (const item of data) {
+      if (!rowsMap.has(item.spec_model)) {
+        rowsMap.set(item.spec_model, { spec_model: item.spec_model, product_name: item.product_name, _assignees: {}, row_total: 0 });
+      }
+      const row = rowsMap.get(item.spec_model);
+      row[item.dimension_key] = (row[item.dimension_key] || 0) + item.count;
+      row.row_total += item.count;
+      row._assignees[item.dimension_key] = item.assignees || [];
+    }
+
+    const columns: any[] = [
+      {
+        title: "产品 / 规格",
+        dataIndex: "spec_model",
+        fixed: "left",
+        width: 180,
+        sorter: (a: any, b: any) => String(a.spec_model).localeCompare(String(b.spec_model), "zh"),
+        sortDirections: ["ascend", "descend"],
+        render: (v: string, record: any) => (
+          // 🔧 点击产品名称 → 显示该型号全部工序的设备
+          <div className="cursor-pointer px-1 hover:bg-blue-50" onClick={() => openDrill(record.spec_model, "", record.product_name)}>
+            <div className="font-bold text-blue-600 hover:underline">{record.product_name || "—"}</div>
+            <div className="text-xs text-gray-500">{v}</div>
+          </div>
+        ),
+      },
+      // 🔧 两行表头：第一行区段名（生产区 / 售后区 / 完结区），第二行具体工序
+      ...groups.map((g) => ({
+        title: <span className={`text-xs font-bold ${g.accent}`}>{g.title}</span>,
+        children: g.keys.map((key) => ({
+          title: key,
+          dataIndex: key,
+          align: "center" as const,
+          width: 96,
+          render: (val: number, record: any) => {
+            const v = val || 0;
+            const assignees = record._assignees?.[key] || [];
+            return (
+              <div
+                className={`py-1 ${v > 0 ? "cursor-pointer hover:bg-blue-50" : ""}`}
+                onClick={() => v > 0 && openDrill(record.spec_model, key, record.product_name)}
+              >
+                <div className={`text-sm font-bold leading-none ${v > 0 ? "text-blue-600" : "text-gray-800"}`}>{v}</div>
+                {assignees.length > 0 && (
+                  <div className="mx-auto max-w-[92px] text-xs leading-tight text-gray-500">
+                    {summarizeAssignees(assignees)}
+                  </div>
+                )}
+              </div>
+            );
+          },
+        })),
+      })),
+      {
+        title: "合计",
+        dataIndex: "row_total",
+        fixed: "right" as const,
+        align: "center" as const,
+        width: 76,
+        render: (v: number) => <span className="font-bold text-blue-600">{v}</span>,
+      },
+    ];
+
+    return { columns, dataSource: Array.from(rowsMap.values()), keys };
+  }, [data]);
+
+  return (
+    <div>
+      <div className="mb-4 flex flex-wrap items-center justify-between gap-3">
+        <div>
+          <h2 className="text-xl font-bold text-gray-800">📊 WIP 分布矩阵</h2>
+          <p className="mt-1 text-sm text-gray-500">生产分布透视表：规格型号 × 工序 · 含售后回流与已完结</p>
+          {/* 🔴 术语解释：区分"已完成"（车间完工待实收）与"已入库"（仓库已扫码实收） */}
+          <p className="mt-1 text-xs text-red-500">
+            ⓘ "已完成" = 车间完工已转交仓库，等待仓库扫码实收；"已入库" = 仓库已扫码确认实收。
+          </p>
+          {/* 🟣 三区段说明：强调售后区独立计数，不与生产区同名工序混算 */}
+          <p className="mt-1 text-xs text-purple-600">
+            ⓘ 表头分三区：<b>生产区</b>（产线工序）｜<b>售后区</b>（出库回流设备的「发货测试 / 售后维修」，独立计数，不并入生产区的测试 / 维修）｜<b>完结区</b>。
+          </p>
+        </div>
+        {/* ⏰ 时间筛选 */}
+        <div className="flex flex-wrap items-center gap-2">
+          <Radio.Group
+            value={dateKey}
+            onChange={e => { setDateKey(e.target.value); setCustomRange(null); }}
+            size="small"
+            optionType="button"
+            buttonStyle="solid"
+          >
+            <Radio.Button value="today">今天</Radio.Button>
+            <Radio.Button value="7d">近7天</Radio.Button>
+            <Radio.Button value="30d">近30天</Radio.Button>
+            <Radio.Button value="custom">自定义</Radio.Button>
+          </Radio.Group>
+          {dateKey === "custom" && (
+            <RangePicker
+              size="small"
+              value={customRange as any}
+              onChange={dates => setCustomRange(dates as [Dayjs, Dayjs] | null)}
+              style={{ width: 240 }}
+              placeholder={["开始", "结束"]}
+            />
+          )}
+        </div>
+      </div>
+
+      {loading && data.length === 0 ? (
+        <div className="flex items-center justify-center py-20">
+          <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+        </div>
+      ) : (
+        /* 🔧 单一完整表格 + 横向滚动：动态工序变多时整表同一行顺滑滚动 */
+        <div className="w-full overflow-x-auto rounded-xl bg-white p-2 shadow-sm">
+          <Table
+            columns={columns}
+            dataSource={dataSource}
+            loading={loading}
+            rowKey="spec_model"
+            bordered
+            size="small"
+            pagination={false}
+            scroll={{ x: "max-content" }}
+            summary={(pageData: readonly any[]) => {
+              const totals: Record<string, number> = {};
+              let rowTotal = 0;
+              for (const row of pageData) {
+                rowTotal += row.row_total || 0;
+                for (const k of keys) totals[k] = (totals[k] || 0) + (row[k] || 0);
+              }
+              return (
+                <Table.Summary fixed>
+                  <Table.Summary.Row>
+                    <Table.Summary.Cell index={0}><span className="px-1 font-bold text-gray-800">合计</span></Table.Summary.Cell>
+                    {keys.map(k => (
+                      <Table.Summary.Cell key={k} index={0} align="center">
+                        <span className="font-semibold text-gray-700">{totals[k] || 0}</span>
+                      </Table.Summary.Cell>
+                    ))}
+                    <Table.Summary.Cell index={0} align="center">
+                      <span className="font-bold text-blue-600">{rowTotal}</span>
+                    </Table.Summary.Cell>
+                  </Table.Summary.Row>
+                </Table.Summary>
+              );
+            }}
+          />
+        </div>
+      )}
+
+      {/* 🔧 单元格下钻抽屉：展示该 规格型号×工序 交叉点下的设备明细 */}
+      <Drawer
+        title={`设备明细 — ${drill?.productName || drill?.spec || "—"}${drill?.process ? `（${drill?.spec} × ${drill?.process}）` : `（${drill?.spec} · 全部工序）`}`}
+        open={!!drill}
+        onClose={() => setDrill(null)}
+        width={900}
+      >
+        {drillLoading ? (
+          <div className="flex items-center justify-center py-16">
+            <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
+          </div>
+        ) : drillData.length === 0 ? (
+          <div className="py-16 text-center text-sm text-gray-400">该交叉点暂无设备</div>
+        ) : (
+          <Table
+            rowKey="product_id"
+            size="small"
+            bordered
+            pagination={false}
+            dataSource={drillData}
+            // 🔧 整行可点击：先弹日志信息，底部按钮再跳流转树
+            onRow={(record) => ({
+              className: "cursor-pointer",
+              onClick: () => openRecords(record.serial_number),
+            })}
+            columns={[
+              {
+                title: "产品名称",
+                dataIndex: "material_name",
+                width: 200,
+                render: (v: string, record: WipMatrixDetailRow) => {
+                  // 🔧 发货测试 / 售后维修 — 工序取当前下钻的列名（点产品名时为全部工序，不显示）
+                  const lb = lifecycleBadge(drill?.process, record.lifecycle_phase);
+                  return (
+                    <span className="flex items-center gap-1.5">
+                      <span className="font-semibold text-blue-600">{v || "—"}</span>
+                      {lb && (
+                        <span className={`shrink-0 rounded-full px-1.5 py-0.5 text-[10px] font-bold leading-none ${lb.className}`}>
+                          {lb.label}
+                        </span>
+                      )}
+                    </span>
+                  );
+                },
+              },
+              {
+                title: "身份证号",
+                dataIndex: "serial_number",
+                width: 150,
+                render: (v) => <span className="font-mono text-blue-600">{v}</span>,
+              },
+              { title: "负责人", dataIndex: "assignee", width: 80, render: (v) => v || "—" },
+              { title: "工序滞留", dataIndex: "duration_hours", width: 90, render: (v) => (v != null ? `${Math.round(v * 10) / 10}h` : "—") },
+              { title: "项目总时长", dataIndex: "total_hours", width: 100, render: (v) => (v != null ? `${Math.round(v * 10) / 10}h` : "—") },
+              { title: "工作日时长", dataIndex: "work_hours", width: 100, render: (v) => (v != null ? `${Math.round(v * 10) / 10}h` : "—") },
+              { title: "接手时间", dataIndex: "received_at", width: 105, render: (v) => v || "—" },
+            ]}
+            scroll={{ x: 800 }}
+          />
+        )}
+      </Drawer>
+
+      {/* 设备日志弹窗：点击明细行先看日志，底部按钮再跳流转树 */}
+      <Modal
+        title={`日志信息 — ${recordModal || ""}`}
+        open={!!recordModal}
+        onCancel={() => setRecordModal(null)}
+        width={640}
+        footer={[
+          <Button key="tree" type="primary" onClick={() => recordModal && window.open(`/admin/tasks?sn=${recordModal}`, "_blank")}>
+            查看流程树
+          </Button>,
+        ]}
+      >
+        {recordsLoading ? (
+          <div className="flex items-center justify-center py-12">
+            <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
+          </div>
+        ) : records.length === 0 ? (
+          <div className="py-12 text-center text-sm text-gray-400">暂无记录</div>
+        ) : (
+          /* 🔧 时间线展示：与人员看板统一，只显示"谁写了什么"（操作人+备注+时间+图片），不含状态 */
+          <div className="max-h-[60vh] overflow-y-auto">
+            <Timeline
+              items={[...records].reverse().map((r, i) => ({
+                key: i,
+                children: (
+                  <div>
+                    <div className="flex flex-wrap items-center gap-2">
+                      <span className="text-sm font-semibold text-gray-800">{r.task_name || "—"}</span>
+                      <span className="text-xs text-gray-400">· {r.assignee_name || "—"}</span>
+                      <span className="ml-auto text-xs text-gray-400">
+                        {r.created_at ? dayjs(r.created_at).format("MM-DD HH:mm") : ""}
+                      </span>
+                    </div>
+                    {r.remark && <div className="mt-1 text-sm leading-relaxed text-gray-700">{r.remark}</div>}
+                    {r.images && r.images.length > 0 && (
+                      <Image.PreviewGroup>
+                        <div className="mt-2 flex flex-wrap gap-2">
+                          {r.images.map((img, j) => (
+                            <Image
+                              key={j}
+                              src={imageUrl(img)}
+                              alt={`备注图片 ${j + 1}`}
+                              width={64}
+                              height={64}
+                              className="rounded-md object-cover"
+                              style={{ objectFit: "cover" }}
+                            />
+                          ))}
+                        </div>
+                      </Image.PreviewGroup>
+                    )}
+                  </div>
+                ),
+              }))}
+            />
+          </div>
+        )}
+      </Modal>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/MyTasksPage.tsx b/frontend/src/pages/MyTasksPage.tsx
new file mode 100644
index 0000000..093bd25
--- /dev/null
+++ b/frontend/src/pages/MyTasksPage.tsx
@@ -0,0 +1,201 @@
+/** 我的任务 — 1:1 复刻 uni-app pages/tasks/index.vue */
+import { useEffect, useState, useMemo } from "react";
+import { useNavigate } from "react-router-dom";
+import api from "../services/api";
+import { useAuth } from "../contexts/AuthContext";
+import type { TaskSummary } from "../types/api";
+
+// ============================================================
+// 常量 — 与 uni-app 完全一致
+// ============================================================
+
+const TABS = [
+  { key: "all", label: "全部" },
+  { key: "PENDING", label: "待接收" },
+  { key: "WIP", label: "进行中" },
+  { key: "COMPLETED", label: "已完成" },
+  { key: "ARCHIVED", label: "已入库" },
+  { key: "OUTBOUND", label: "已出库" },
+] as const;
+
+type TabKey = (typeof TABS)[number]["key"];
+
+const STATUS_LABEL: Record<string, string> = {
+  PENDING: "待接收",
+  WIP: "进行中",
+  COMPLETED: "已完成",
+  REJECTED: "已驳回",
+  ARCHIVED: "已入库",
+  CANCELED: "已撤回",
+};
+
+/** 状态 → Tailwind 颜色类名 */
+function statusColor(s: string) {
+  switch (s) {
+    case "PENDING":
+      return "bg-yellow-50 text-yellow-700";
+    case "WIP":
+      return "bg-blue-50 text-blue-700";
+    case "COMPLETED":
+      return "bg-green-50 text-green-700";
+    default:
+      return "bg-gray-100 text-gray-600";
+  }
+}
+
+function formatTime(t: string) {
+  if (!t) return "";
+  const d = new Date(t);
+  const pad = (n: number) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+// ============================================================
+// Page 组件
+// ============================================================
+
+export default function MyTasksPage() {
+  const { user } = useAuth();
+  const navigate = useNavigate();
+
+  const [tab, setTab] = useState<TabKey>("PENDING");
+  const [tasks, setTasks] = useState<TaskSummary[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetchTasks();
+  }, [user]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  async function fetchTasks() {
+    setLoading(true);
+    try {
+      const username = user?.username || "";
+      const { data } = await api.get<{ tasks: TaskSummary[]; total: number }>(
+        "/tasks/",
+        { params: { assignee_id: username, limit: 100 } }
+      );
+      // 排序：主干任务在前 + 创建时间升序（与 uni-app 完全一致）
+      const sorted = (data.tasks || []).sort((a, b) => {
+        const aIsMain = !a.parent_task_id || a.task_type !== "SPAWN";
+        const bIsMain = !b.parent_task_id || b.task_type !== "SPAWN";
+        if (aIsMain && !bIsMain) return -1;
+        if (!aIsMain && bIsMain) return 1;
+        return new Date(a.created_at).getTime() - new Date(b.created_at).getTime();
+      });
+      setTasks(sorted);
+    } catch {
+      setTasks([]);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  // ---- 按 Tab 筛选 ----
+  const filtered = useMemo(() => {
+    if (tab === "all") return tasks;
+    return tasks.filter((t) => t.status === tab);
+  }, [tasks, tab]);
+
+  // ---- 各 Tab 计数 ----
+  function countBy(key: TabKey) {
+    if (key === "all") return tasks.length;
+    return tasks.filter((t) => t.status === key).length;
+  }
+
+  function goDetail(task: TaskSummary) {
+    const sn = task.product_sn || task.product_id;
+    if (sn) navigate(`/scan?serial=${sn}`);
+  }
+
+  // ==========================================================
+  // 渲染
+  // ==========================================================
+
+  return (
+    <div className="flex min-h-full flex-col px-4 pt-safe">
+      {/* 标题 */}
+      <h2 className="text-xl font-bold text-gray-800">我的任务</h2>
+
+      {/* Tab 栏 — 与 uni-app 样式一致：sticky、可横向滚动 */}
+      <div className="sticky top-0 z-10 -mx-4 overflow-x-auto bg-gray-50 px-4 py-3">
+        <div className="flex gap-2 whitespace-nowrap">
+          {TABS.map((t) => (
+            <button
+              key={t.key}
+              onClick={() => setTab(t.key)}
+              className={`rounded-full px-4 py-2 text-[13px] font-semibold transition-colors ${
+                tab === t.key
+                  ? "bg-blue-600 text-white"
+                  : "bg-white text-gray-500 hover:bg-gray-100"
+              }`}
+            >
+              {t.label} ({countBy(t.key)})
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* 加载中 */}
+      {loading && (
+        <div className="flex flex-1 items-center justify-center py-20 text-gray-400">
+          加载中...
+        </div>
+      )}
+
+      {/* 空状态 */}
+      {!loading && filtered.length === 0 && (
+        <div className="flex flex-1 flex-col items-center justify-center py-20">
+          <span className="text-6xl">📋</span>
+          <span className="mt-3 text-sm text-gray-400">
+            {tab === "all" ? "暂无待办任务" : "无此状态任务"}
+          </span>
+        </div>
+      )}
+
+      {/* 任务卡片列表 */}
+      {!loading &&
+        filtered.map((task) => (
+          <div
+            key={task.id}
+            onClick={() => goDetail(task)}
+            className="mb-2.5 cursor-pointer rounded-xl bg-white p-3.5 shadow-[0_1px_3px_rgba(0,0,0,0.06)] transition-shadow hover:shadow-md"
+          >
+            {/* Row 1: 类型标签 + 任务名 | 状态 */}
+            <div className="mb-1.5 flex items-center justify-between gap-2">
+              <div className="flex min-w-0 items-center gap-1.5">
+                {/* 主干/协助 标签 — 与 uni-app tag-badge 一致 */}
+                <span
+                  className={`inline-block shrink-0 rounded px-1.5 py-px text-[11px] font-bold ${
+                    task.task_type === "SPAWN"
+                      ? "bg-purple-100 text-purple-700"
+                      : "bg-blue-100 text-blue-800"
+                  }`}
+                >
+                  {task.task_type === "SPAWN" ? "协助" : "主干"}
+                </span>
+                <span className="truncate text-[15px] font-bold text-gray-800">
+                  {task.task_name}
+                </span>
+              </div>
+              <span
+                className={`shrink-0 rounded-full px-2.5 py-0.5 text-[11px] font-semibold ${statusColor(task.status)}`}
+              >
+                {STATUS_LABEL[task.status] || task.status}
+              </span>
+            </div>
+
+            {/* Row 2: 身份证 + 物料 */}
+            <div className="flex gap-3 text-xs text-gray-500">
+              <span>身份证: {task.product_sn || "—"}</span>
+              <span>物料: {task.product_material || "—"}</span>
+            </div>
+
+            {/* Row 3: 创建时间 */}
+            <div className="mt-1 text-[11px] text-gray-400">
+              创建: {formatTime(task.created_at)}
+            </div>
+          </div>
+        ))}
+    </div>
+  );
+}
diff --git a/frontend/src/pages/NotificationsPage.tsx b/frontend/src/pages/NotificationsPage.tsx
new file mode 100644
index 0000000..75ddb09
--- /dev/null
+++ b/frontend/src/pages/NotificationsPage.tsx
@@ -0,0 +1,164 @@
+/** 消息通知 — 1:1 复刻 uni-app pages/notify/index.vue + 真实 API */
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { useAuth } from "../contexts/AuthContext";
+import {
+  getNotifications,
+  markNotificationRead,
+  type NotificationItem,
+} from "../services/notificationApi";
+
+// ============================================================
+// 类型常量
+// ============================================================
+
+const TYPE_CONFIG: Record<string, { icon: string; title: string }> = {
+  TRANSFER: { icon: "🟢", title: "新任务派发" },
+  REJECT: { icon: "🔴", title: "品质驳回提醒" },
+};
+
+function formatTime(t: string) {
+  if (!t) return "";
+  const d = new Date(t);
+  const pad = (n: number) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+// ============================================================
+// Page 组件
+// ============================================================
+
+export default function NotificationsPage() {
+  const { user } = useAuth();
+  const navigate = useNavigate();
+
+  const [notifications, setNotifications] = useState<NotificationItem[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetchNotifications();
+  }, [user]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  async function fetchNotifications() {
+    const userId = user?.username || user?.id || "";
+    if (!userId) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await getNotifications(userId);
+      setNotifications(res.notifications || []);
+    } catch {
+      setNotifications([]);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function handleCardTap(item: NotificationItem) {
+    // 标记已读
+    if (!item.is_read) {
+      try {
+        await markNotificationRead(item.id);
+        setNotifications((prev) =>
+          prev.map((n) => (n.id === item.id ? { ...n, is_read: true } : n))
+        );
+      } catch {
+        // 静默
+      }
+    }
+
+    // 跳转详情页
+    if (item.task_id) {
+      navigate(`/scan?taskId=${item.task_id}`);
+    }
+  }
+
+  // ==========================================================
+  // 渲染
+  // ==========================================================
+
+  return (
+    <div className="flex min-h-full flex-col px-4 pt-safe pb-20">
+      {/* 标题区 — 与 uni-app 完全一致 */}
+      <div className="mb-5">
+        <h2 className="text-xl font-bold text-gray-800">消息通知</h2>
+        <p className="mt-1 text-[13px] text-gray-400">任务流转和系统通知</p>
+      </div>
+
+      {/* 加载中 */}
+      {loading && (
+        <div className="flex flex-1 items-center justify-center py-20 text-sm text-gray-400">
+          加载中...
+        </div>
+      )}
+
+      {/* 空状态 */}
+      {!loading && notifications.length === 0 && (
+        <div className="flex flex-1 flex-col items-center justify-center pb-24">
+          <span className="text-[64px] leading-none">🔔</span>
+          <span className="mt-3 text-sm text-gray-400">暂无新消息</span>
+        </div>
+      )}
+
+      {/* 通知列表 */}
+      {!loading && notifications.length > 0 && (
+        <div className="flex flex-col gap-2.5">
+          {notifications.map((item) => {
+            const cfg = TYPE_CONFIG[item.type] || {
+              icon: "📌",
+              title: "系统通知",
+            };
+            return (
+              <div
+                key={item.id}
+                onClick={() => handleCardTap(item)}
+                className={`flex cursor-pointer items-start gap-2.5 rounded-xl bg-white p-3.5 shadow-[0_1px_3px_rgba(0,0,0,0.06)] transition-all active:scale-[0.98] ${
+                  !item.is_read
+                    ? "border-l-[3px] border-l-blue-600 shadow-[0_1px_6px_rgba(37,99,235,0.1)]"
+                    : ""
+                }`}
+              >
+                {/* 左侧：未读红点 + 类型图标 */}
+                <div className="flex w-7 shrink-0 flex-col items-center gap-1">
+                  {!item.is_read && (
+                    <span className="h-2 w-2 rounded-full bg-red-500 shadow-[0_0_0_3px_rgba(239,68,68,0.15)]" />
+                  )}
+                  <span
+                    className={`text-xl leading-none ${
+                      item.is_read ? "opacity-50" : ""
+                    }`}
+                  >
+                    {cfg.icon}
+                  </span>
+                </div>
+
+                {/* 右侧：内容 */}
+                <div className="min-w-0 flex-1">
+                  <div className="mb-1.5 flex items-center justify-between gap-2">
+                    <span
+                      className={`text-[15px] font-semibold ${
+                        item.is_read ? "text-gray-600" : "font-bold text-gray-800"
+                      }`}
+                    >
+                      {cfg.title}
+                    </span>
+                    <span className="shrink-0 text-[11px] text-gray-400">
+                      {formatTime(item.created_at)}
+                    </span>
+                  </div>
+                  <p className="text-[13px] leading-relaxed text-gray-500 break-all">
+                    {item.content}
+                  </p>
+                </div>
+
+                <span className="mt-1.5 shrink-0 text-xl text-gray-300">›</span>
+              </div>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/pages/ProfilePage.tsx b/frontend/src/pages/ProfilePage.tsx
new file mode 100644
index 0000000..a946fc3
--- /dev/null
+++ b/frontend/src/pages/ProfilePage.tsx
@@ -0,0 +1,107 @@
+/** 我的 — 与 uni-app pages/profile/index.vue 完全同步 */
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { useAuth } from "../contexts/AuthContext";
+import { useToast } from "../components/ui/Toast";
+import { LogOut } from "lucide-react";
+
+export default function ProfilePage() {
+  const { user, logout } = useAuth();
+  const { toast } = useToast();
+  const navigate = useNavigate();
+  const [showAbout, setShowAbout] = useState(false);
+
+  // ---- 从 AuthContext 派生真实数据 ----
+  const displayName = user?.display_name || user?.username || "未知用户";
+  const avatarChar = displayName.charAt(0);
+
+  async function handleLogout() {
+    // 必须 await：logout() 要先完成审计上报再清 token，
+    // 提前 navigate 会把请求掐断，退出就留不下痕
+    await logout();
+    navigate("/admin/login", { replace: true });
+  }
+
+  function handleMenuClick(item: string) {
+    switch (item) {
+      case "关于":
+        setShowAbout(true);
+        break;
+      case "帮助与反馈":
+        toast("反馈通道搭建中，敬请期待...", "info");
+        break;
+      // 工作统计、设置 暂不处理
+    }
+  }
+
+  return (
+    <div className="flex min-h-full flex-col px-4 pt-safe pb-20">
+      {/* 用户卡片 */}
+      <div className="mt-4 flex items-center gap-3 rounded-xl bg-white p-4 shadow-[0_1px_3px_rgba(0,0,0,0.06)]">
+        <div className="flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-blue-100 text-xl font-bold text-blue-600">
+          {avatarChar}
+        </div>
+        <div className="flex-1">
+          <span className="block text-base font-bold text-gray-800">
+            {displayName}
+          </span>
+        </div>
+        <span className="text-xl text-gray-300">›</span>
+      </div>
+
+      {/* 菜单列表 */}
+      <div className="mt-4 overflow-hidden rounded-xl bg-white shadow-[0_1px_3px_rgba(0,0,0,0.06)]">
+        {["工作统计", "设置", "帮助与反馈", "关于"].map((item, i) => (
+          <div
+            key={item}
+            onClick={() => handleMenuClick(item)}
+            className={`flex cursor-pointer items-center justify-between px-4 py-3.5 transition-colors hover:bg-gray-50 ${
+              i < 3 ? "border-b border-gray-50" : ""
+            }`}
+          >
+            <span className="text-sm text-gray-700">{item}</span>
+            <span className="text-xl text-gray-300">›</span>
+          </div>
+        ))}
+
+        {/* 退出登录 */}
+        <button
+          onClick={handleLogout}
+          className="flex w-full items-center justify-between border-t border-gray-50 px-4 py-3.5 transition-colors hover:bg-red-50"
+        >
+          <span className="flex items-center gap-2 text-sm text-red-500">
+            <LogOut size={16} strokeWidth={2} />
+            退出登录
+          </span>
+          <span className="text-xl text-red-300">›</span>
+        </button>
+      </div>
+
+      <p className="mt-8 text-center text-xs text-gray-300">生产流转 T1.0.3</p>
+
+      {/* 关于弹窗 */}
+      {showAbout && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center">
+          <div
+            className="absolute inset-0 bg-black/40"
+            onClick={() => setShowAbout(false)}
+          />
+          <div className="relative z-10 mx-4 w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl">
+            <h3 className="mb-4 text-center text-lg font-bold text-gray-800">
+              关于 Track
+            </h3>
+            <div className="mb-6 whitespace-pre-line text-center text-sm leading-relaxed text-gray-600">
+              Track 生产流转管理系统{"\n"}当前版本：T1.0.3{"\n"}核心架构：FastAPI + React + Tailwind
+            </div>
+            <button
+              onClick={() => setShowAbout(false)}
+              className="w-full rounded-lg bg-blue-600 py-2.5 text-sm font-medium text-white hover:bg-blue-700"
+            >
+              知道了
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/pages/ScanPage.tsx b/frontend/src/pages/ScanPage.tsx
new file mode 100644
index 0000000..0acc293
--- /dev/null
+++ b/frontend/src/pages/ScanPage.tsx
@@ -0,0 +1,149 @@
+/** 扫码干活页 — 编排摄像头扫码 + 手动输入 + 查询结果 */
+import { useState, useCallback, useEffect, Suspense, lazy } from "react";
+import { useSearchParams } from "react-router-dom";
+import { QrCode, Loader2 } from "lucide-react";
+import { scanProduct } from "../services/productApi";
+import type { ProductScanResponse } from "../types/api";
+import ManualInput from "../components/scan/ManualInput";
+import QueryResult from "../components/scan/QueryResult";
+import { lifecycleBadge } from "../constants/task";
+import { extractErrorMessage } from "../utils/errorMessage";
+
+// 🚀 CameraScanner → QrScanner → html5-qrcode (~200KB)，仅在首次点开摄像头时加载
+const CameraScanner = lazy(() => import("../components/scan/CameraScanner"));
+
+export default function ScanPage() {
+  const [searchParams] = useSearchParams();
+  const [cameraActive, setCameraActive] = useState(false);
+  const [cameraError, setCameraError] = useState<string | null>(null);
+  const [serialNumber, setSerialNumber] = useState("");
+  const [lastScanned, setLastScanned] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [product, setProduct] = useState<ProductScanResponse | null>(null);
+
+  /** 通用查询 */
+  const doQuery = useCallback(async (sn: string) => {
+    if (sn.length < 8) { setError("产品身份证至少需要 8 位"); return; }
+    setSerialNumber(sn);
+    setLastScanned(sn);
+    setLoading(true);
+    setError(null);
+    setProduct(null);
+    try {
+      setProduct(await scanProduct(sn));
+    } catch (err: unknown) {
+      setError(extractErrorMessage(err, "网络错误，请检查后端服务"));
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  // URL 参数自动查询（支持从看板等外部跳转）
+  const isEmbedded = !!searchParams.get("sn");
+  useEffect(() => {
+    const sn = searchParams.get("sn");
+    if (sn) doQuery(sn.trim());
+  }, [searchParams, doQuery]);
+
+  /** 扫码回调：提取纯产品身份证 */
+  const handleScan = useCallback(
+    (decodedText: string) => {
+      setCameraError(null);
+      doQuery(decodedText.trim().replace(/[^a-zA-Z0-9]/g, "").slice(0, 16));
+    },
+    [doQuery]
+  );
+
+  return (
+    <div className="flex min-h-full flex-col pb-20 pt-safe">
+      {/* 外部跳转模式：干净的任务全景视图 */}
+      {isEmbedded ? (
+        <>
+          <div className="flex items-center gap-2 px-4 pt-2">
+            <QrCode className="h-5 w-5 text-blue-600" />
+            <h2 className="text-lg font-bold text-gray-800">任务全景 · 流转树</h2>
+            <span className="ml-auto text-xs text-gray-400">从看板跳转</span>
+          </div>
+          {product && (
+            <div className="mt-3 px-4">
+              <div className="flex items-center gap-2 rounded-lg bg-white px-4 py-2.5 shadow-sm">
+                <span className="text-xs text-gray-400">宏观状态</span>
+                <span className={`flex-1 text-sm font-bold ${product.overall_status === "已入库" ? "text-gray-500" : product.overall_status === "待仓库收货" ? "text-orange-600" : product.overall_status ? "text-blue-600" : "text-red-500"}`}>
+                  {product.overall_status || "未设定"}
+                </span>
+                {/* 🔧 售后回流标识：处于发货测试/售后维修环节时红底白字提示 */}
+                {(() => {
+                  const lb = lifecycleBadge(product.overall_status, product.lifecycle_phase);
+                  return lb ? <span className={`shrink-0 rounded-full px-2 py-0.5 text-[10px] font-bold ${lb.className}`}>{lb.label}</span> : null;
+                })()}
+              </div>
+            </div>
+          )}
+          <div className="mt-3 px-4">
+            <QueryResult loading={loading} error={error} product={product} />
+          </div>
+        </>
+      ) : (
+        <>
+          <div className="flex items-center gap-2 px-4 pt-2">
+            <QrCode className="h-5 w-5 text-blue-600" />
+            <h2 className="text-lg font-bold text-gray-800">扫码干活</h2>
+          </div>
+
+      {/* 摄像头扫码 — 点击启动时才动态加载 html5-qrcode */}
+      <div className="mt-3 px-4">
+        <Suspense
+          fallback={
+            <div className="flex items-center justify-center rounded-xl border border-gray-200 bg-white py-16 shadow-sm">
+              <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
+            </div>
+          }
+        >
+          <CameraScanner
+            active={cameraActive}
+            onToggle={setCameraActive}
+            onScan={handleScan}
+            error={cameraError}
+            onError={setCameraError}
+          />
+        </Suspense>
+      </div>
+
+      {/* 手动输入 */}
+      <div className="mt-3 px-4">
+        <ManualInput
+          value={serialNumber}
+          onChange={setSerialNumber}
+          onSearch={() => doQuery(serialNumber.trim())}
+          loading={loading}
+          lastScanned={lastScanned}
+        />
+      </div>
+
+      {/* 宏观状态栏 */}
+      {product && (
+        <div className="mt-3 px-4">
+          <div className="flex items-center gap-2 rounded-lg bg-white px-4 py-2.5 shadow-sm">
+            <span className="text-xs text-gray-400">宏观状态</span>
+            <span className={`flex-1 text-sm font-bold ${product.overall_status === "已入库" ? "text-gray-500" : product.overall_status === "待仓库收货" ? "text-orange-600" : product.overall_status ? "text-blue-600" : "text-red-500"}`}>
+              {product.overall_status || "未设定"}
+            </span>
+            {/* 🔧 售后回流标识：处于发货测试/售后维修环节时红底白字提示 */}
+            {(() => {
+              const lb = lifecycleBadge(product.overall_status, product.lifecycle_phase);
+              return lb ? <span className={`shrink-0 rounded-full px-2 py-0.5 text-[10px] font-bold ${lb.className}`}>{lb.label}</span> : null;
+            })()}
+          </div>
+        </div>
+      )}
+
+      {/* 查询结果 */}
+      <div className="mt-3 px-4">
+        <QueryResult loading={loading} error={error} product={product} />
+      </div>
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AdminAuditLogPage.tsx b/frontend/src/pages/admin/AdminAuditLogPage.tsx
new file mode 100644
index 0000000..faffa5e
--- /dev/null
+++ b/frontend/src/pages/admin/AdminAuditLogPage.tsx
@@ -0,0 +1,424 @@
+/** 操作审计日志 — 谁 / 何时 / 从哪 / 对什么 / 做了什么事 / 结果如何 */
+import { useCallback, useEffect, useState } from "react";
+import { ScrollText, Loader2, AlertCircle, RefreshCw, Search, X, Download, BarChart3 } from "lucide-react";
+import { Table, Tag, Input, Select, DatePicker, Button, Tooltip, Drawer, Descriptions } from "antd";
+import type { ColumnsType } from "antd/es/table";
+import dayjs, { type Dayjs } from "dayjs";
+import {
+  fetchAuditLogs, fetchAuditOptions, exportAuditLogsCsv,
+  type AuditLogItem, type AuditOption,
+} from "../../services/auditApi";
+import { extractErrorMessage } from "../../utils/errorMessage";
+import { useToast } from "../../components/ui/Toast";
+import AuditUsagePanel from "./AuditUsagePanel";
+import ExportColumnsModal from "../../components/admin/ExportColumnsModal";
+
+const { RangePicker } = DatePicker;
+
+/** HTTP 方法配色 —— 让「这是读还是写」一眼可辨 */
+const METHOD_CLS: Record<string, string> = {
+  GET: "bg-slate-100 text-slate-600",
+  POST: "bg-emerald-100 text-emerald-700",
+  PUT: "bg-amber-100 text-amber-700",
+  PATCH: "bg-amber-100 text-amber-700",
+  DELETE: "bg-red-100 text-red-700",
+};
+
+/** 结果状态：2xx 正常 / 4xx 被拒 / 5xx 服务异常 */
+function statusCls(code: number | null): string {
+  if (code === null) return "bg-slate-100 text-slate-500";
+  if (code >= 500) return "bg-red-100 text-red-700";
+  if (code >= 400) return "bg-orange-100 text-orange-700";
+  return "bg-emerald-100 text-emerald-700";
+}
+
+const PAGE_SIZE = 50;
+
+export default function AdminAuditLogPage() {
+  const [rows, setRows] = useState<AuditLogItem[]>([]);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(1);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [detail, setDetail] = useState<AuditLogItem | null>(null);
+
+  const { toast } = useToast();
+  const [modules, setModules] = useState<AuditOption[]>([]);
+  const [actions, setActions] = useState<AuditOption[]>([]);
+  /** 导出可选列 —— 由后端下发，前端不硬编码表头 */
+  const [logColumns, setLogColumns] = useState<AuditOption[]>([]);
+
+  const [usageOpen, setUsageOpen] = useState(false);      // 人员统计抽屉
+  const [exportPickerOpen, setExportPickerOpen] = useState(false);
+  const [exporting, setExporting] = useState(false);
+
+  // 筛选条件（user_id 用受控输入，其余即时生效）
+  const [userInput, setUserInput] = useState("");
+  const [userId, setUserId] = useState("");
+  const [module, setModule] = useState<string | undefined>();
+  const [action, setAction] = useState<string | undefined>();
+  const [statusCode, setStatusCode] = useState<number | undefined>();
+  const [range, setRange] = useState<[Dayjs, Dayjs] | null>(null);
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await fetchAuditLogs({
+        user_id: userId || undefined,
+        module,
+        action,
+        status_code: statusCode,
+        start_date: range?.[0]?.format("YYYY-MM-DD"),
+        // 后端按「含当天」处理结束日期，这里直接传所选日期即可
+        end_date: range?.[1]?.format("YYYY-MM-DD"),
+        page,
+        page_size: PAGE_SIZE,
+      });
+      setRows(res.items);
+      // total 取自后端 count 查询的真实总数，而非当前页条数
+      setTotal(res.total);
+    } catch (e) {
+      setError(extractErrorMessage(e));
+    } finally {
+      setLoading(false);
+    }
+  }, [userId, module, action, statusCode, range, page]);
+
+  useEffect(() => {
+    void load();
+  }, [load]);
+
+  useEffect(() => {
+    fetchAuditOptions()
+      .then((o) => {
+        setModules(o.modules);
+        setActions(o.actions);
+        setLogColumns(o.log_export_columns || []);
+      })
+      .catch(() => {
+        /* 筛选项拉取失败不影响列表本身 */
+      });
+  }, []);
+
+  /**
+   * 导出当前筛选条件下的明细。
+   * 刻意复用与列表完全相同的筛选参数 —— 导出与"看到的"必须是同一批数据，
+   * 否则使用者会怀疑到底哪份才是真的。
+   */
+  async function handleExport(columns: string[]) {
+    setExporting(true);
+    try {
+      const truncated = await exportAuditLogsCsv({
+        user_id: userId || undefined,
+        module,
+        action,
+        status_code: statusCode,
+        start_date: range?.[0]?.format("YYYY-MM-DD"),
+        end_date: range?.[1]?.format("YYYY-MM-DD"),
+        columns,
+      });
+      setExportPickerOpen(false);
+      // 截断必须显式告知：静默少几万行比报错更危险
+      toast(
+        truncated ? "已导出，但数据超上限已被截断，请收窄筛选条件" : "已导出 CSV",
+        truncated ? "error" : "success",
+      );
+    } catch (e) {
+      toast(extractErrorMessage(e, "导出失败"), "error");
+    } finally {
+      setExporting(false);
+    }
+  }
+
+  const hasFilter = !!(userId || module || action || statusCode || range);
+
+  const resetFilters = () => {
+    setUserInput("");
+    setUserId("");
+    setModule(undefined);
+    setAction(undefined);
+    setStatusCode(undefined);
+    setRange(null);
+    setPage(1);
+  };
+
+  const columns: ColumnsType<AuditLogItem> = [
+    {
+      title: "时间",
+      dataIndex: "created_at",
+      width: 165,
+      render: (v: string) => (
+        <span className="whitespace-nowrap text-gray-600">{dayjs(v).format("YYYY-MM-DD HH:mm:ss")}</span>
+      ),
+    },
+    {
+      title: "操作人",
+      dataIndex: "user_id",
+      width: 140,
+      render: (_, r) =>
+        r.user_id ? (
+          <div className="leading-tight">
+            <div className="text-gray-900">{r.display_name || r.user_id}</div>
+            <div className="text-xs text-gray-400">{r.user_id}</div>
+          </div>
+        ) : (
+          <span className="text-gray-400">未认证</span>
+        ),
+    },
+    {
+      title: "模块",
+      dataIndex: "module_label",
+      width: 110,
+      render: (v, r) => <span>{v || r.module}</span>,
+    },
+    {
+      title: "动作",
+      dataIndex: "action_label",
+      width: 100,
+      render: (v, r) => <Tag color="blue">{v || r.action}</Tag>,
+    },
+    {
+      title: "请求",
+      dataIndex: "method",
+      width: 210,
+      render: (_, r) => (
+        <div className="flex items-center gap-1.5">
+          <span className={`rounded px-1.5 py-0.5 text-xs font-mono ${METHOD_CLS[r.method || ""] || "bg-slate-100 text-slate-600"}`}>
+            {r.method}
+          </span>
+          <span className="truncate font-mono text-xs text-gray-500" title={r.url || ""}>
+            {r.url}
+          </span>
+        </div>
+      ),
+    },
+    {
+      title: "结果",
+      dataIndex: "status_code",
+      width: 80,
+      render: (v: number | null) => <span className={`rounded px-2 py-0.5 text-xs font-mono ${statusCls(v)}`}>{v ?? "-"}</span>,
+    },
+    {
+      title: "来源 IP",
+      dataIndex: "ip_address",
+      width: 130,
+      render: (v: string | null) => <span className="font-mono text-xs text-gray-500">{v || "-"}</span>,
+    },
+    {
+      title: "",
+      key: "op",
+      width: 70,
+      render: (_, r) => (
+        <Button type="link" size="small" onClick={() => setDetail(r)}>
+          详情
+        </Button>
+      ),
+    },
+  ];
+
+  return (
+    <div className="p-6">
+      <div className="mb-4 flex items-center justify-between">
+        <div>
+          <h1 className="flex items-center gap-2 text-xl font-semibold text-gray-900">
+            <ScrollText className="h-5 w-5 text-blue-600" />
+            操作审计
+          </h1>
+          <p className="mt-1 text-sm text-gray-500">
+            所有写操作（含被拒绝的请求）自动留痕，共 {total} 条
+          </p>
+        </div>
+        <div className="flex items-center gap-2">
+          {/* 人员统计刻意做成抽屉而不是标签页：两个视图的粒度不同
+              （一行一次操作 vs 一人一天一行），并列成 Tab 会让筛选状态互相干扰 */}
+          <Button icon={<BarChart3 className="h-4 w-4" />} onClick={() => setUsageOpen(true)}>
+            人员统计
+          </Button>
+          <Button
+            icon={<Download className="h-4 w-4" />}
+            disabled={total === 0}
+            onClick={() => setExportPickerOpen(true)}
+          >
+            导出 CSV
+          </Button>
+          <Button icon={<RefreshCw className="h-4 w-4" />} onClick={() => void load()} loading={loading}>
+            刷新
+          </Button>
+        </div>
+      </div>
+
+      {/* 筛选区 */}
+      <div className="mb-4 flex flex-wrap items-center gap-2">
+        <Input
+          placeholder="操作人账号"
+          prefix={<Search className="h-4 w-4 text-gray-400" />}
+          value={userInput}
+          allowClear
+          style={{ width: 180 }}
+          onChange={(e) => setUserInput(e.target.value)}
+          onPressEnter={() => {
+            setPage(1);
+            setUserId(userInput.trim());
+          }}
+          onBlur={() => {
+            setPage(1);
+            setUserId(userInput.trim());
+          }}
+        />
+        <Select
+          placeholder="模块"
+          allowClear
+          style={{ width: 140 }}
+          value={module}
+          options={modules}
+          onChange={(v) => {
+            setPage(1);
+            setModule(v);
+          }}
+        />
+        <Select
+          placeholder="动作"
+          allowClear
+          style={{ width: 130 }}
+          value={action}
+          options={actions}
+          onChange={(v) => {
+            setPage(1);
+            setAction(v);
+          }}
+        />
+        <Select
+          placeholder="结果"
+          allowClear
+          style={{ width: 130 }}
+          value={statusCode}
+          options={[
+            { value: 200, label: "成功 (2xx/3xx)" },
+            { value: 401, label: "未认证 401" },
+            { value: 403, label: "无权限 403" },
+            { value: 422, label: "参数错误 422" },
+            { value: 500, label: "服务异常 500" },
+          ]}
+          onChange={(v) => {
+            setPage(1);
+            setStatusCode(v);
+          }}
+        />
+        <RangePicker
+          value={range}
+          onChange={(v) => {
+            setPage(1);
+            setRange(v as [Dayjs, Dayjs] | null);
+          }}
+        />
+        {hasFilter && (
+          <Button icon={<X className="h-4 w-4" />} onClick={resetFilters}>
+            清空
+          </Button>
+        )}
+      </div>
+
+      {error && (
+        <div className="mb-4 flex items-start gap-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-700">
+          <AlertCircle className="mt-0.5 h-4 w-4 shrink-0" />
+          <span>{error}</span>
+        </div>
+      )}
+
+      <Table<AuditLogItem>
+        rowKey="id"
+        columns={columns}
+        dataSource={rows}
+        loading={loading && { indicator: <Loader2 className="h-5 w-5 animate-spin text-blue-600" /> }}
+        size="small"
+        scroll={{ x: 1000 }}
+        pagination={{
+          current: page,
+          pageSize: PAGE_SIZE,
+          total,
+          showSizeChanger: false,
+          showTotal: (t) => `共 ${t} 条`,
+          onChange: setPage,
+        }}
+      />
+
+      {/* 详情抽屉：完整 URL / UA / request_id / error_message 都在这里 */}
+      <Drawer
+        title="审计详情"
+        width={560}
+        open={!!detail}
+        onClose={() => setDetail(null)}
+      >
+        {detail && (
+          <Descriptions column={1} size="small" bordered>
+            <Descriptions.Item label="时间">
+              {dayjs(detail.created_at).format("YYYY-MM-DD HH:mm:ss")}
+            </Descriptions.Item>
+            <Descriptions.Item label="操作人">
+              {detail.user_id ? `${detail.display_name || ""} (${detail.user_id})` : "未认证"}
+            </Descriptions.Item>
+            <Descriptions.Item label="角色">{detail.role || "-"}</Descriptions.Item>
+            <Descriptions.Item label="模块 / 动作">
+              {detail.module_label || detail.module} / {detail.action_label || detail.action}
+            </Descriptions.Item>
+            <Descriptions.Item label="目标">
+              {detail.target_id ? (
+                <>
+                  {detail.target_name || detail.target_id}
+                  <span className="ml-1 text-xs text-gray-400">({detail.target_type})</span>
+                </>
+              ) : (
+                "-"
+              )}
+            </Descriptions.Item>
+            <Descriptions.Item label="请求">
+              <span className="font-mono text-xs">
+                {detail.method} {detail.url}
+              </span>
+            </Descriptions.Item>
+            <Descriptions.Item label="结果">{detail.status_code ?? "-"}</Descriptions.Item>
+            {detail.error_message && (
+              <Descriptions.Item label="错误">
+                <span className="break-all font-mono text-xs text-red-600">{detail.error_message}</span>
+              </Descriptions.Item>
+            )}
+            <Descriptions.Item label="来源 IP">
+              <span className="font-mono text-xs">{detail.ip_address || "-"}</span>
+            </Descriptions.Item>
+            <Descriptions.Item label="User-Agent">
+              <span className="break-all text-xs text-gray-500">{detail.user_agent || "-"}</span>
+            </Descriptions.Item>
+            <Descriptions.Item label="Request ID">
+              {detail.request_id ? (
+                <Tooltip title="可在后端结构化日志中用它定位同一次请求">
+                  <span className="break-all font-mono text-xs">{detail.request_id}</span>
+                </Tooltip>
+              ) : (
+                "-"
+              )}
+            </Descriptions.Item>
+            {detail.details && (
+              <Descriptions.Item label="变更详情">
+                <pre className="max-h-60 overflow-auto rounded bg-gray-50 p-2 text-xs">
+                  {JSON.stringify(detail.details, null, 2)}
+                </pre>
+              </Descriptions.Item>
+            )}
+          </Descriptions>
+        )}
+      </Drawer>
+
+      {/* 人员统计：独立抽屉，本页表格与筛选完全不受影响 */}
+      <AuditUsagePanel open={usageOpen} onClose={() => setUsageOpen(false)} />
+
+      <ExportColumnsModal
+        open={exportPickerOpen}
+        columns={logColumns}
+        submitting={exporting}
+        onCancel={() => setExportPickerOpen(false)}
+        onConfirm={handleExport}
+      />
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AdminDashboard.tsx b/frontend/src/pages/admin/AdminDashboard.tsx
new file mode 100644
index 0000000..9825467
--- /dev/null
+++ b/frontend/src/pages/admin/AdminDashboard.tsx
@@ -0,0 +1,870 @@
+import { useEffect, useState, useCallback, useRef } from "react";
+import {
+  Package, ClipboardList, Bell, TrendingUp, AlertTriangle,
+  RefreshCw, Loader2, AlertCircle, ArrowRight, ArrowUp, ArrowDown, ArrowUpDown,
+  Clock, MessageCircle, CheckCircle2, Users, Info,
+} from "lucide-react";
+import { Radio, DatePicker, Drawer, Input, Tooltip } from "antd";
+import dayjs, { type Dayjs } from "dayjs";
+import {
+  fetchDashboardStats, fetchWipTasks, fetchDashboardMessages, fetchCompletedTasks, fetchRejectedTasks, fetchUserOperations,
+  type DashboardStats, type WipTask, type ProductMessageItem, type CompletedTask, type RejectedTask, type UserOperation,
+} from "../../services/dashboardApi";
+import UserOperationDetailDrawer, {
+  type UserOperationDetailDrawerHandle,
+} from "../../components/admin/UserOperationDetailDrawer";
+
+const { RangePicker } = DatePicker;
+
+// ─── 时间筛选选项 ─────────────────────────────────────────
+type DateRangeKey = "today" | "7d" | "30d" | "custom";
+
+function rangeToParams(key: DateRangeKey, customRange: [Dayjs, Dayjs] | null) {
+  if (key === "custom" && customRange) {
+    return {
+      since: customRange[0].startOf("day").toISOString(),
+      until: customRange[1].endOf("day").toISOString(),
+    };
+  }
+  const since = dayjs().startOf("day");
+  if (key === "7d") return { since: since.subtract(7, "day").toISOString() };
+  if (key === "30d") return { since: since.subtract(30, "day").toISOString() };
+  // today
+  return { since: since.toISOString() };
+}
+
+// ─── 进度条（支持3或4段） ─────────────────────────────────
+function ProgressBar({ a, b, c, total, labels, d, hints }: {
+  a: number; b: number; c: number; total: number;
+  labels: [string, string, string];
+  d?: number;
+  /**
+   * 图例口径说明：label → 悬浮提示文案。
+   * 用于消除「产品数 > 任务数」这类口径差异带来的误判 —— 底层逻辑没问题，
+   * 但不写清楚就极像算错数据。
+   */
+  hints?: Record<string, string>;
+}) {
+  if (total === 0) return <div className="py-4 text-center text-xs text-gray-400">暂无数据</div>;
+  const pct = (n: number) => Math.round((n / total) * 100);
+  const segs = [
+    { n: a, color: "bg-amber-400", label: labels[0] },
+    { n: b, color: "bg-blue-500", label: labels[1] },
+    { n: c, color: "bg-emerald-500", label: labels[2] },
+    ...(d !== undefined ? [{ n: d, color: "bg-red-400", label: "已驳回" }] : []),
+  ].filter(s => s.n > 0);
+  return (
+    <div>
+      <div className="flex h-3 overflow-hidden rounded-full bg-gray-100">
+        {segs.map((s, i) => (
+          <div key={i} className={`${s.color} transition-all duration-500`}
+            style={{ width: `${(s.n / total) * 100}%` }} />
+        ))}
+      </div>
+      <div className="mt-2 flex flex-wrap gap-3 text-xs text-gray-500">
+        {segs.map((s, i) => (
+          <span key={i} className="flex items-center gap-1">
+            <span className={`inline-block h-2 w-2 rounded-full ${s.color}`} />
+            {s.label} {s.n}（{pct(s.n)}%）
+            {hints?.[s.label] && (
+              <Tooltip title={hints[s.label]}>
+                <Info className="h-3 w-3 shrink-0 cursor-help text-gray-400 transition-colors hover:text-gray-600" />
+              </Tooltip>
+            )}
+          </span>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// ─── 滞留时间 SLA 预警颜色 ────────────────────────────────
+function durationColor(h: number) {
+  if (h >= 48) return "text-red-600 bg-red-100 font-bold";
+  if (h >= 24) return "text-orange-600 bg-orange-50";
+  return "text-emerald-600 bg-emerald-50";
+}
+function durationLabel(h: number) {
+  if (h >= 48) return `${Math.round(h / 24)}天`;
+  if (h >= 24) return `${Math.round(h / 24)}天`;
+  if (h >= 1) return `${h}小时`;
+  return `${Math.round(h * 60)}分钟`;
+}
+
+function WipRow({ t }: { t: WipTask }) {
+  const handleClick = () => {
+    if (t.product_sn) {
+      window.open(`/admin/tasks?sn=${t.product_sn}`, "_blank");
+    }
+  };
+  return (
+    <div
+      onClick={handleClick}
+      className="cursor-pointer rounded-lg border border-gray-100 bg-white px-4 py-3 transition-shadow hover:border-blue-200 hover:shadow-md"
+    >
+      {/* 主信息行：状态 + 任务名 + 负责人 */}
+      <div className="flex items-center gap-2">
+        <span className={`shrink-0 rounded-full px-2 py-0.5 text-[10px] font-bold ${
+          t.status === "WIP" ? "bg-blue-100 text-blue-700" : "bg-amber-100 text-amber-700"
+        }`}>
+          {t.status === "WIP" ? "进行中" : "待接收"}
+        </span>
+        <span className="text-sm font-semibold text-gray-800 truncate">{t.task_name}</span>
+        <span className="text-xs text-gray-500">|</span>
+        <span className="text-xs text-gray-500 shrink-0">负责人: {t.assignee}</span>
+        {/* 滞留时间 */}
+        <span className={`ml-auto shrink-0 rounded-md px-2 py-0.5 text-xs font-bold ${durationColor(t.duration_hours)}`}>
+          <Clock className="mr-0.5 inline h-3 w-3" />
+          {durationLabel(t.duration_hours)}
+        </span>
+      </div>
+      {/* 附加信息行 */}
+      <div className="mt-1.5 flex items-center gap-1.5 text-[11px] text-gray-400">
+        <span className="font-medium text-gray-500">{t.material_name || "未知设备"}</span>
+        <span className="text-gray-300">|</span>
+        <span>{t.spec_model || "无规格"}</span>
+        <span className="text-gray-300">|</span>
+        <span>序列号: {t.external_serial || "未录入"}</span>
+        <span className="text-gray-300">|</span>
+        <span className="font-mono text-gray-300">身份证: {t.product_sn}</span>
+        {t.received_at && <span className="ml-auto">{t.received_at}</span>}
+      </div>
+    </div>
+  );
+}
+
+// ─── 留言列表项（卡片式） ─────────────────────────────────
+const AVATAR_COLORS = ["#3b82f6", "#8b5cf6", "#ec4899", "#f59e0b", "#10b981", "#ef4444", "#06b6d4"];
+function MsgRow({ m }: { m: ProductMessageItem }) {
+  const t = m.created_at ? dayjs(m.created_at).format("YYYY-MM-DD HH:mm") : "";
+  const initial = (m.operator_name || "?").charAt(0);
+  const color = AVATAR_COLORS[initial.charCodeAt(0) % AVATAR_COLORS.length];
+  return (
+    <div className="mb-3 rounded-xl border border-gray-100 bg-white p-4 shadow-sm transition-shadow hover:shadow-md">
+      <div className="flex gap-3">
+        {/* 头像 */}
+        <div
+          className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white"
+          style={{ backgroundColor: color }}
+        >
+          {initial}
+        </div>
+        {/* 内容 */}
+        <div className="min-w-0 flex-1">
+          <div className="mb-1.5 flex items-center justify-between">
+            <span className="text-sm font-semibold text-gray-800">{m.operator_name}</span>
+            <span className="shrink-0 text-xs text-gray-400">{t}</span>
+          </div>
+          <p className="mb-2 text-sm leading-relaxed text-gray-600">{m.content}</p>
+          <div className="flex flex-col gap-0.5">
+            {m.material_name && (
+              <span className="text-xs">
+                <span className="font-semibold text-gray-700">{m.material_name}</span>
+                <span className="text-gray-400"> · 序列号: </span>
+                <span className="font-medium text-gray-600">{m.external_serial || "未录入"}</span>
+              </span>
+            )}
+            <span className="text-[10px] text-gray-300 font-mono">身份证: {m.product_sn}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+// ─── 已完成明细项（卡片式） ─────────────────────────────
+function CompletedRow({ t }: { t: CompletedTask }) {
+  const completedTime = t.completed_at ? dayjs(t.completed_at).format("YYYY-MM-DD HH:mm") : "";
+  return (
+    <div
+      onClick={() => t.product_sn && window.open(`/admin/tasks?sn=${t.product_sn}`, "_blank")}
+      className="cursor-pointer rounded-lg border border-gray-100 bg-white px-4 py-3 transition-shadow hover:border-emerald-200 hover:shadow-md"
+    >
+      <div className="flex items-center gap-2">
+        <CheckCircle2 className="h-4 w-4 shrink-0 text-emerald-500" />
+        <span className="text-sm font-semibold text-gray-800 truncate">{t.task_name}</span>
+        <span className="text-xs text-gray-500">|</span>
+        <span className="text-xs text-gray-500 shrink-0">完成人: {t.assignee}</span>
+        <span className="ml-auto shrink-0 text-xs text-gray-400">{completedTime}</span>
+      </div>
+      <div className="mt-1.5 flex items-center gap-1.5 text-[11px] text-gray-400">
+        <span className="font-medium text-gray-500">{t.material_name || "未知设备"}</span>
+        <span className="text-gray-300">|</span>
+        <span>{t.spec_model || "无规格"}</span>
+        <span className="text-gray-300">|</span>
+        <span>序列号: {t.external_serial || "未录入"}</span>
+        <span className="text-gray-300">|</span>
+        <span className="font-mono text-gray-300">身份证: {t.product_sn}</span>
+      </div>
+    </div>
+  );
+}
+
+// ─── 被驳回明细项（卡片式） ──────────────────────────────
+/**
+ * 驳回明细行。
+ *
+ * 只渲染「已驳回」这一种形态：一次驳回必然派生一条返工任务，两条同时成行会
+ * 让看板看起来「有两条异常」。而本行已经带了「返工给: xxx」，一条就足以说清
+ * 「这道工序被驳回了，现在由谁在返工」的完整语义，返工任务无需再独立成行。
+ */
+function RejectedRow({ t }: { t: RejectedTask }) {
+  const timeStr = t.rejected_at ? dayjs(t.rejected_at).format("YYYY-MM-DD HH:mm") : "";
+  return (
+    <div
+      onClick={() => t.product_sn && window.open(`/admin/tasks?sn=${t.product_sn}`, "_blank")}
+      className="cursor-pointer rounded-lg border border-gray-100 bg-white px-4 py-3 transition-shadow hover:border-red-200 hover:shadow-md"
+    >
+      <div className="flex items-center gap-2">
+        <AlertTriangle className="h-4 w-4 shrink-0 text-red-500" />
+        <span className="text-sm font-semibold text-gray-800 truncate">{t.task_name}</span>
+        <span className="text-xs text-gray-500">|</span>
+        <span className="shrink-0 rounded-full bg-red-50 px-2 py-0.5 text-[10px] font-bold text-red-600">已驳回</span>
+        <span className="text-xs text-gray-500 shrink-0">驳回人: {t.rejected_by}</span>
+        <span className="ml-auto shrink-0 text-xs text-gray-400">{timeStr}</span>
+      </div>
+      <div className="mt-1.5 flex items-center gap-1.5 text-[11px] text-gray-400">
+        <span className="inline-flex items-center gap-1 rounded bg-orange-50 px-1.5 py-0.5 font-medium text-orange-600">
+          🔁 返工给: {t.rework_assignee}
+        </span>
+        <span className="text-gray-300">|</span>
+        <span className="truncate text-red-500/80" title={t.reject_reason || ""}>原因: {t.reject_reason || "—"}</span>
+      </div>
+      <div className="mt-1.5 flex items-center gap-1.5 text-[11px] text-gray-400">
+        <span className="font-medium text-gray-500">{t.material_name || "未知设备"}</span>
+        <span className="text-gray-300">|</span>
+        <span>{t.spec_model || "无规格"}</span>
+        <span className="text-gray-300">|</span>
+        <span>序列号: {t.external_serial || "未录入"}</span>
+        <span className="text-gray-300">|</span>
+        <span className="font-mono text-gray-300">身份证: {t.product_sn}</span>
+      </div>
+    </div>
+  );
+}
+
+// ─── 主组件 ───────────────────────────────────────────────
+export default function AdminDashboard() {
+  const [stats, setStats] = useState<DashboardStats | null>(null);
+  const [wipTasks, setWipTasks] = useState<WipTask[]>([]);
+  // 在制品列表的真实总数，与「任务状态」卡片的活跃任务同源（待接收 + 进行中）。
+  // 用它而不是 wipTasks.length 做计数，避免接口截断时列表谎报总数。
+  const activeTaskCount = (stats?.tasks_pending ?? 0) + (stats?.tasks_in_progress ?? 0);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  // 时间筛选
+  const [dateKey, setDateKey] = useState<DateRangeKey>("today");
+  const [customRange, setCustomRange] = useState<[Dayjs, Dayjs] | null>(null);
+
+  // 留言抽屉
+  const [msgDrawerOpen, setMsgDrawerOpen] = useState(false);
+  const [msgKeyword, setMsgKeyword] = useState("");
+  const [msgData, setMsgData] = useState<ProductMessageItem[]>([]);
+  const [msgTotal, setMsgTotal] = useState(0);
+  const [msgLoading, setMsgLoading] = useState(false);
+
+  // 完成明细抽屉
+  const [completedDrawerOpen, setCompletedDrawerOpen] = useState(false);
+  const [completedTasks, setCompletedTasks] = useState<CompletedTask[]>([]);
+  const [completedLoading, setCompletedLoading] = useState(false);
+
+  // 驳回/返工明细抽屉
+  const [rejectedDrawerOpen, setRejectedDrawerOpen] = useState(false);
+  const [rejectedTasks, setRejectedTasks] = useState<RejectedTask[]>([]);
+  const [rejectedLoading, setRejectedLoading] = useState(false);
+
+  // 人员操作统计（抽屉）
+  const [opsDrawerOpen, setOpsDrawerOpen] = useState(false);
+  const [opStats, setOpStats] = useState<UserOperation[]>([]);
+  const [opLoading, setOpLoading] = useState(false);
+  const [opFilterUsers, setOpFilterUsers] = useState<Set<string>>(new Set()); // 多选人员
+  const [opFilterTouched, setOpFilterTouched] = useState(false); // 用户是否主动操作过筛选
+  const [opSort, setOpSort] = useState<{ key: string; order: "asc" | "desc" } | null>(null);
+  // 抽屉内独立时间筛选（不依赖顶部）
+  const [opDateKey, setOpDateKey] = useState<DateRangeKey>("today");
+  const [opCustomRange, setOpCustomRange] = useState<[Dayjs, Dayjs] | null>(null);
+  // 操作明细下钻 — 交给共用抽屉组件（与大屏 ScreenDashboard 同一实现）
+  const opDetailRef = useRef<UserOperationDetailDrawerHandle>(null);
+
+  // ── 加载主数据 ──
+  const loadData = useCallback((key: DateRangeKey, range: [Dayjs, Dayjs] | null) => {
+    setLoading(true);
+    const { since, until } = rangeToParams(key, range);
+    Promise.all([
+      fetchDashboardStats(since, until),
+      fetchWipTasks(), // 不传 limit：取全量在制品，避免被截断后与卡片数字对不上
+    ])
+      .then(([s, w]) => { setStats(s); setWipTasks(w); setError(null); })
+      .catch(() => setError("加载失败，请确认后端已启动"))
+      .finally(() => setLoading(false));
+  }, []);
+
+  useEffect(() => { loadData(dateKey, customRange); }, [dateKey, customRange]);
+
+  // ── 加载留言 ──
+  const loadMessages = useCallback(async (kw: string) => {
+    setMsgLoading(true);
+    try {
+      const res = await fetchDashboardMessages(kw, 0, 50);
+      setMsgData(res.items);
+      setMsgTotal(res.total);
+    } catch { /* ignore */ }
+    finally { setMsgLoading(false); }
+  }, []);
+
+  const openMsgDrawer = () => {
+    setMsgDrawerOpen(true);
+    setMsgKeyword("");
+    loadMessages("");
+  };
+
+  const openCompletedDrawer = () => {
+    setCompletedDrawerOpen(true);
+    setCompletedLoading(true);
+    const { since, until } = rangeToParams(dateKey, customRange);
+    fetchCompletedTasks(since, until)
+      .then(setCompletedTasks)
+      .catch(() => setCompletedTasks([]))
+      .finally(() => setCompletedLoading(false));
+  };
+
+  const openRejectedDrawer = () => {
+    setRejectedDrawerOpen(true);
+    setRejectedLoading(true);
+    const { since, until } = rangeToParams(dateKey, customRange);
+    fetchRejectedTasks(since, until)
+      .then(setRejectedTasks)
+      .catch(() => setRejectedTasks([]))
+      .finally(() => setRejectedLoading(false));
+  };
+
+  // 人员操作统计 — 用抽屉内独立时间筛选
+  const loadUserOperations = useCallback(() => {
+    setOpLoading(true);
+    const { since, until } = rangeToParams(opDateKey, opCustomRange);
+    fetchUserOperations(since, until)
+      .then(setOpStats)
+      .catch(() => setOpStats([]))
+      .finally(() => setOpLoading(false));
+  }, [opDateKey, opCustomRange]);
+
+  // 抽屉打开或内部时间变化时加载
+  useEffect(() => {
+    if (opsDrawerOpen) loadUserOperations();
+  }, [opsDrawerOpen, loadUserOperations]);
+
+  const openOpsDrawer = () => {
+    setOpsDrawerOpen(true);
+    setOpDateKey(dateKey);          // 默认同步顶部当前时间
+    setOpCustomRange(customRange);
+    setOpFilterUsers(new Set());
+    setOpFilterTouched(false);
+    setOpSort(null);
+  };
+
+  // 首次加载完成后默认全选（显示全部）；用户操作过筛选后不再自动覆盖
+  useEffect(() => {
+    if (!opFilterTouched && opStats.length > 0) {
+      setOpFilterUsers(new Set(opStats.map(u => u.user_id)));
+    }
+  }, [opStats, opFilterTouched]);
+
+  // 人员多选切换
+  const toggleOpFilterUser = (id: string) => {
+    setOpFilterTouched(true);
+    setOpFilterUsers(prev => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id); else next.add(id);
+      return next;
+    });
+  };
+  // 全选 / 全不选
+  const selectAllUsers = () => {
+    setOpFilterTouched(true);
+    setOpFilterUsers(new Set(opStats.map(u => u.user_id)));
+  };
+  const clearAllUsers = () => {
+    setOpFilterTouched(true);
+    setOpFilterUsers(new Set());
+  };
+
+  // 表头升降序：无 → 升序 → 降序 → 无
+  const toggleOpSort = (key: string) => {
+    setOpSort(prev => {
+      if (!prev || prev.key !== key) return { key, order: "asc" };
+      if (prev.order === "asc") return { key, order: "desc" };
+      return null;
+    });
+  };
+
+  // 点击数字下钻查看明细（跟随抽屉内时间）
+  const openOpDetail = (user: UserOperation, actionType: string, label: string) => {
+    const { since, until } = rangeToParams(opDateKey, opCustomRange);
+    opDetailRef.current?.open({
+      userId: user.user_id,
+      userName: user.user_name,
+      actionType,
+      label,
+      since,
+      until,
+    });
+  };
+
+  const onMsgSearch = (value: string) => {
+    setMsgKeyword(value);
+    loadMessages(value);
+  };
+
+  // ── 加载态 ──
+  if (loading && !stats) {
+    return (
+      <div className="flex items-center justify-center py-20">
+        <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+      </div>
+    );
+  }
+
+  if (error || !stats) {
+    return (
+      <div className="flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
+        <AlertCircle className="h-4 w-4" />{error || "数据为空"}
+        <button onClick={() => loadData(dateKey, customRange)} className="ml-auto text-blue-600 underline">重试</button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      {/* ═══ 页头 + 时间筛选器 ═══ */}
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div>
+          <h2 className="text-xl font-bold text-gray-800">📊 生产管理看板</h2>
+          <p className="mt-0.5 text-sm text-gray-400">
+            产品 = 车间里的物理设备 ｜ 任务 = 派发给工人的生产指令(派工单)
+          </p>
+        </div>
+        <div className="flex items-center gap-3">
+          {/* 时间筛选 */}
+          <Radio.Group
+            value={dateKey}
+            onChange={e => { setDateKey(e.target.value); setCustomRange(null); }}
+            size="small"
+            optionType="button"
+            buttonStyle="solid"
+          >
+            <Radio.Button value="today">今天</Radio.Button>
+            <Radio.Button value="7d">近7天</Radio.Button>
+            <Radio.Button value="30d">近30天</Radio.Button>
+            <Radio.Button value="custom">自定义</Radio.Button>
+          </Radio.Group>
+          {dateKey === "custom" && (
+            <RangePicker
+              size="small"
+              value={customRange as any}
+              onChange={dates => setCustomRange(dates as [Dayjs, Dayjs] | null)}
+              style={{ width: 240 }}
+              placeholder={["开始", "结束"]}
+            />
+          )}
+          <button onClick={() => loadData(dateKey, customRange)}
+            className="flex items-center gap-1 rounded-lg px-2 py-1 text-xs text-gray-500 hover:bg-gray-100">
+            <RefreshCw className="h-3.5 w-3.5" />
+          </button>
+        </div>
+      </div>
+
+
+      {/* ═══ 4 卡片 ═══ */}
+      <div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
+        {/* 产品流转 */}
+        <div className="rounded-xl bg-white p-5 shadow-sm">
+          <div className="mb-3 flex items-center gap-2">
+            <Package className="h-5 w-5 text-blue-600" />
+            <h3 className="text-sm font-semibold text-gray-700">📦 产品流转</h3>
+          </div>
+          <p className="text-3xl font-bold text-gray-800">{stats.products_total}<span className="text-sm font-normal text-gray-400"> 个</span></p>
+          <p className="mb-3 text-[11px] text-gray-400">在制品为实时快照；「已完结」受右上角时间筛选影响</p>
+          <ProgressBar a={stats.products_pending} b={stats.products_in_progress} c={stats.products_completed}
+            total={stats.products_total} labels={["待流转", "流转中", "已完结"]}
+            hints={{
+              "待流转": "指已建档，但尚未派发首道工序，或当前无任何活跃工序挂载的物理产品。因此待流转数可能会大于待接收任务数。",
+            }} />
+        </div>
+
+        {/* 任务状态 */}
+        <div className="rounded-xl bg-white p-5 shadow-sm">
+          <div className="mb-3 flex items-center gap-2">
+            <ClipboardList className="h-5 w-5 text-purple-600" />
+            <h3 className="text-sm font-semibold text-gray-700">📋 任务状态</h3>
+          </div>
+          <p className="text-3xl font-bold text-gray-800">{stats.tasks_total}<span className="text-sm font-normal text-gray-400"> 个</span></p>
+          <p className="mb-3 text-[11px] text-gray-400">PENDING/WIP 实时 | COMPLETED 按时段</p>
+          <ProgressBar a={stats.tasks_pending} b={stats.tasks_in_progress} c={stats.tasks_completed}
+            total={stats.tasks_total} labels={["待接收", "进行中", "已完成"]} d={stats.tasks_rejected}
+            hints={{
+              "待接收": "指系统已生成具体工序单并指派给工人，但工人尚未在手机端点击接单的任务。",
+            }} />
+        </div>
+
+        {/* 品质 & 留言 */}
+        <div className="rounded-xl bg-white p-5 shadow-sm">
+          <div className="mb-4 flex items-center gap-2">
+            <AlertTriangle className="h-5 w-5 text-orange-600" />
+            <h3 className="text-sm font-semibold text-gray-700">⚠️ 品质与协同</h3>
+          </div>
+          <div className="grid grid-cols-2 gap-3">
+            {/* 驳回/返工 — 可点击打开明细抽屉 */}
+            <button
+              onClick={openRejectedDrawer}
+              className="rounded-lg bg-red-50 p-3 text-center border-0 cursor-pointer transition-colors hover:bg-red-100"
+            >
+              <p className="text-xl font-bold text-red-600">{stats.tasks_rejected + stats.tasks_rework}</p>
+              <p className="flex items-center justify-center gap-1 text-[11px] text-red-500">
+                <AlertTriangle className="h-3 w-3" />驳回/返工 ↗
+              </p>
+            </button>
+            {/* 留言 — 可点击打开抽屉 */}
+            <button
+              onClick={openMsgDrawer}
+              className="rounded-lg bg-purple-50 p-3 text-center hover:bg-purple-100 transition-colors border-0 cursor-pointer"
+            >
+              <p className="text-xl font-bold text-purple-600">{stats.unread_messages}</p>
+              <p className="flex items-center justify-center gap-1 text-[11px] text-purple-500">
+                <MessageCircle className="h-3 w-3" />留言 ↗
+              </p>
+            </button>
+          </div>
+          <div className="mt-3 flex items-center justify-between border-t border-gray-100 pt-3">
+            <button onClick={() => window.open("/notifications", "_blank")}
+              className="flex items-center gap-1 text-xs text-gray-500 hover:text-blue-600">
+              <Bell className="h-3.5 w-3.5" />
+              系统通知 {stats.unread_notifications > 0 ? `(${stats.unread_notifications})` : ""} ↗
+            </button>
+          </div>
+        </div>
+
+        {/* 完成率 — 可点击下钻 */}
+        <button
+          onClick={openCompletedDrawer}
+          className="w-full cursor-pointer rounded-xl bg-white p-5 text-left shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-lg hover:ring-2 hover:ring-emerald-200"
+        >
+          <div className="mb-3 flex items-center gap-2">
+            <TrendingUp className="h-5 w-5 text-emerald-600" />
+            <h3 className="text-sm font-semibold text-gray-700">✅ 流转完成率</h3>
+          </div>
+          <div className="flex items-end gap-4">
+            <p className="text-3xl font-bold text-emerald-600">
+              {stats.tasks_total > 0 ? Math.round((stats.tasks_completed / stats.tasks_total) * 100) : 0}%
+            </p>
+            <p className="text-sm text-gray-400">{stats.tasks_completed}/{stats.tasks_total}</p>
+          </div>
+          <svg viewBox="0 0 100 100" className="mx-auto mt-4 h-20 w-20 -rotate-90">
+            <circle cx="50" cy="50" r="40" fill="none" stroke="#f3f4f6" strokeWidth="10" />
+            <circle cx="50" cy="50" r="40" fill="none" stroke="#10b981" strokeWidth="10"
+              strokeDasharray={`${stats.tasks_total > 0 ? (stats.tasks_completed / stats.tasks_total) * 251 : 0} 251`}
+              strokeLinecap="round" />
+          </svg>
+          <p className="mt-1 text-center text-[10px] text-emerald-500">基于时间筛选后的已完成数 · 查看明细 ></p>
+        </button>
+      </div>
+
+      {/* ═══ 在制品 + 快捷入口 ═══ */}
+      <div className="grid gap-4 lg:grid-cols-3">
+        <div className="rounded-xl bg-white p-5 shadow-sm lg:col-span-2">
+          <div className="mb-3 flex items-center justify-between">
+            <h3 className="flex items-center gap-2 text-sm font-semibold text-gray-700">
+              <Clock className="h-4 w-4 text-orange-500" /> 当前在制品（实时）
+            </h3>
+            {/* 计数取「任务状态」卡片同源的真实活跃数，而不是 wipTasks.length ——
+                后者一旦被接口截断就会比实际少，出现「卡片 23、列表共 20」的假象 */}
+            <span className="text-[11px] text-gray-400">
+              共 {activeTaskCount} 个
+              {wipTasks.length < activeTaskCount && `（仅显示前 ${wipTasks.length} 条）`}
+            </span>
+          </div>
+          {wipTasks.length === 0 ? (
+            <div className="py-10 text-center text-sm text-gray-400">🎉 暂无滞留任务</div>
+          ) : (
+            // 容器内滚动：列表可能很长（全量在制品），不让它把整页撑开
+            <div className="max-h-[420px] overflow-y-auto pr-1">
+              <div className="mb-1 flex items-center gap-3 text-[11px] font-medium text-gray-400">
+                <span className="w-14 shrink-0">状态</span>
+                <span className="flex-1">任务 · 负责人</span>
+                <span className="w-16 shrink-0 text-right">滞留</span>
+              </div>
+              {wipTasks.map((t, i) => <WipRow key={i} t={t} />)}
+            </div>
+          )}
+        </div>
+
+        {/* 快捷入口 */}
+        <div className="rounded-xl bg-white p-5 shadow-sm">
+          <h3 className="mb-4 text-sm font-semibold text-gray-700">⚡ 快捷入口</h3>
+          <div className="space-y-2">
+            <button onClick={() => window.open("/admin/products", "_blank")}
+              className="flex w-full items-center justify-between rounded-lg bg-blue-50 px-4 py-3 text-left text-sm font-medium text-blue-700 hover:bg-blue-100 transition-colors">
+              <span>📦 产品管理</span><ArrowRight className="h-4 w-4" />
+            </button>
+            <button onClick={() => window.open("/admin/tasks", "_blank")}
+              className="flex w-full items-center justify-between rounded-lg bg-purple-50 px-4 py-3 text-left text-sm font-medium text-purple-700 hover:bg-purple-100 transition-colors">
+              <span>📋 任务管理</span><ArrowRight className="h-4 w-4" />
+            </button>
+            <button onClick={() => window.open("/notifications", "_blank")}
+              className="flex w-full items-center justify-between rounded-lg bg-blue-50 px-4 py-3 text-left text-sm font-medium text-blue-700 hover:bg-blue-100 transition-colors">
+              <span>🔔 通知中心</span><ArrowRight className="h-4 w-4" />
+            </button>
+            <button onClick={openMsgDrawer}
+              className="flex w-full items-center justify-between rounded-lg bg-purple-50 px-4 py-3 text-left text-sm font-medium text-purple-700 hover:bg-purple-100 transition-colors">
+              <span>💬 协同留言</span><ArrowRight className="h-4 w-4" />
+            </button>
+            {/* 👥 人员操作统计入口 */}
+            <button onClick={openOpsDrawer}
+              className="flex w-full items-center justify-between rounded-lg bg-indigo-50 px-4 py-3 text-left text-sm font-medium text-indigo-700 hover:bg-indigo-100 transition-colors">
+              <span className="flex items-center gap-1.5"><Users className="h-4 w-4" />人员操作统计</span><ArrowRight className="h-4 w-4" />
+            </button>
+          </div>
+        </div>
+      </div>
+
+      {/* ═══ 留言抽屉 ═══ */}
+      <Drawer
+        title={<span className="text-base font-bold">💬 协同留言板 <span className="font-normal text-gray-400">全厂 · {msgTotal} 条</span></span>}
+        open={msgDrawerOpen}
+        onClose={() => setMsgDrawerOpen(false)}
+        size="large"
+        styles={{ body: { padding: 16, background: "#f8fafc" } }}
+      >
+        <Input.Search
+          placeholder="搜索 SN码 / 物料名称 / 留言人 / 内容"
+          value={msgKeyword}
+          onChange={e => setMsgKeyword(e.target.value)}
+          onSearch={onMsgSearch}
+          allowClear
+          onClear={() => onMsgSearch("")}
+          enterButton
+          className="mb-4"
+        />
+        {msgLoading ? (
+          <div className="flex items-center justify-center py-20">
+            <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
+          </div>
+        ) : msgData.length === 0 ? (
+          <div className="py-16 text-center text-sm text-gray-400">
+            {msgKeyword ? "未找到匹配的留言" : "暂无留言记录"}
+          </div>
+        ) : (
+          <div>
+            {msgData.map(m => <MsgRow key={m.id} m={m} />)}
+            {/* 简易分页 */}
+            {msgTotal > 30 && (
+              <div className="mt-4 flex items-center justify-center gap-2">
+                {Array.from({ length: Math.ceil(msgTotal / 30) }, (_, i) => (
+                  <button
+                    key={i}
+                    onClick={() => {
+                      fetchDashboardMessages(msgKeyword, i * 30, 30)
+                        .then(res => { setMsgData(res.items); setMsgTotal(res.total); })
+                        .catch(() => {});
+                    }}
+                    className="rounded-md border border-gray-200 px-3 py-1 text-xs text-gray-600 hover:bg-gray-100"
+                  >
+                    {i + 1}
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+        )}
+      </Drawer>
+
+      {/* ═══ 完成明细抽屉 ═══ */}
+      <Drawer
+        title={<span className="text-base font-bold">✅ 已完成明细 <span className="font-normal text-gray-400">{completedTasks.length} 条</span></span>}
+        open={completedDrawerOpen}
+        onClose={() => setCompletedDrawerOpen(false)}
+        size="large"
+        styles={{ body: { padding: 16, background: "#f8fafc" } }}
+      >
+        {completedLoading ? (
+          <div className="flex items-center justify-center py-20">
+            <Loader2 className="h-6 w-6 animate-spin text-emerald-500" />
+          </div>
+        ) : completedTasks.length === 0 ? (
+          <div className="py-16 text-center text-sm text-gray-400">
+            该时段暂无已完成任务
+          </div>
+        ) : (
+          <div>
+            {completedTasks.map(t => <CompletedRow key={t.task_id} t={t} />)}
+          </div>
+        )}
+      </Drawer>
+
+      {/* ═══ 驳回/返工明细抽屉 ═══ */}
+      <Drawer
+        title={<span className="text-base font-bold">🔴 驳回明细 <span className="font-normal text-gray-400">共 {rejectedTasks.filter(t => t.kind === "rejected").length} 条</span></span>}
+        open={rejectedDrawerOpen}
+        onClose={() => setRejectedDrawerOpen(false)}
+        size="large"
+        styles={{ body: { padding: 16, background: "#f8fafc" } }}
+      >
+        {rejectedLoading ? (
+          <div className="flex items-center justify-center py-20">
+            <Loader2 className="h-6 w-6 animate-spin text-red-500" />
+          </div>
+        ) : (
+          (() => {
+            // 只展示「已驳回」行：返工任务是驳回自动派生的，独立成行会让同一次
+            // 异常看起来像两条（详见 RejectedRow 顶部说明）。
+            const rejected = rejectedTasks.filter(t => t.kind === "rejected");
+            if (rejected.length === 0) {
+              return (
+                <div className="py-16 text-center text-sm text-gray-400">
+                  该时段暂无驳回记录
+                </div>
+              );
+            }
+            return (
+              <div className="space-y-4">
+                <div>
+                  <h4 className="mb-2 flex items-center gap-1.5 text-xs font-bold text-red-600">
+                    <AlertTriangle className="h-3.5 w-3.5" />已驳回 · {rejected.length} 条
+                  </h4>
+                  {rejected.map(t => <RejectedRow key={t.task_id} t={t} />)}
+                </div>
+              </div>
+            );
+          })()
+        )}
+      </Drawer>
+
+      {/* ═══ 人员操作统计抽屉 ═══ */}
+      <Drawer
+        title={<span className="text-base font-bold">👥 人员操作统计 <span className="font-normal text-gray-400">{opStats.length} 人</span></span>}
+        open={opsDrawerOpen}
+        onClose={() => setOpsDrawerOpen(false)}
+        size="large"
+        styles={{ body: { padding: 16, background: "#f8fafc" } }}
+      >
+        {/* 抽屉内时间筛选 */}
+        <div className="mb-4 flex flex-wrap items-center gap-2">
+          <Radio.Group
+            value={opDateKey}
+            onChange={e => { setOpDateKey(e.target.value); setOpCustomRange(null); }}
+            size="small"
+            optionType="button"
+            buttonStyle="solid"
+          >
+            <Radio.Button value="today">今天</Radio.Button>
+            <Radio.Button value="7d">近7天</Radio.Button>
+            <Radio.Button value="30d">近30天</Radio.Button>
+            <Radio.Button value="custom">自定义</Radio.Button>
+          </Radio.Group>
+          {opDateKey === "custom" && (
+            <RangePicker
+              size="small"
+              value={opCustomRange as any}
+              onChange={dates => setOpCustomRange(dates as [Dayjs, Dayjs] | null)}
+              style={{ width: 240 }}
+              placeholder={["开始", "结束"]}
+            />
+          )}
+        </div>
+
+        {/* 人员选择 — 人名宫格多选 */}
+        <div className="mb-4">
+          <div className="mb-2 flex items-center justify-between">
+            <span className="text-xs text-gray-400">人员筛选（可多选）</span>
+            <div className="flex gap-1">
+              <button onClick={selectAllUsers}
+                className={`rounded-full px-3 py-1 text-xs font-medium transition-colors ${opFilterUsers.size > 0 && opFilterUsers.size === opStats.length ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`}>
+                全选
+              </button>
+              <button onClick={clearAllUsers}
+                className={`rounded-full px-3 py-1 text-xs font-medium transition-colors ${opFilterUsers.size === 0 ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`}>
+                全不选
+              </button>
+            </div>
+          </div>
+          <div className="grid gap-1.5" style={{ gridTemplateColumns: "repeat(auto-fill, minmax(72px, 1fr))" }}>
+            {opStats.map(u => {
+              const active = opFilterUsers.size > 0 && opFilterUsers.has(u.user_id);
+              return (
+                <button key={u.user_id} onClick={() => toggleOpFilterUser(u.user_id)}
+                  className={`rounded-lg px-2 py-1.5 text-xs font-medium transition-colors ${active ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`}>
+                  {u.user_name}
+                </button>
+              );
+            })}
+          </div>
+        </div>
+
+        {opLoading ? (
+          <div className="flex items-center justify-center py-20">
+            <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
+          </div>
+        ) : opStats.length === 0 ? (
+          <div className="py-16 text-center text-sm text-gray-400">该时段暂无操作记录</div>
+        ) : opFilterUsers.size === 0 ? (
+          <div className="py-16 text-center text-sm text-gray-400">未选择任何人员，请点击「全选」或选择人员</div>
+        ) : (
+          (() => {
+            // 过滤 + 排序后的数据
+            let list = opStats.filter(u => opFilterUsers.has(u.user_id));
+            if (opSort) {
+              const key = opSort.key;
+              const getVal = (u: UserOperation) => key === "receive" ? u.receive_count : key === "transfer" ? u.transfer_count : key === "record" ? u.record_count : u.total;
+              list = [...list].sort((a, b) => opSort!.order === "asc" ? getVal(a) - getVal(b) : getVal(b) - getVal(a));
+            }
+            return (
+              <div className="overflow-x-auto">
+                <table className="w-full text-left text-sm">
+                  <thead>
+                    <tr className="border-b border-gray-100 text-xs text-gray-400">
+                      <th className="py-2 pr-3 font-medium">#</th>
+                      <th className="py-2 pr-3 font-medium">人员</th>
+                      {(["receive", "transfer", "record", "total"] as const).map(k => {
+                        const label = k === "receive" ? "接收" : k === "transfer" ? "转交" : k === "record" ? "上传备注" : "总次数";
+                        const sorted = opSort?.key === k;
+                        return (
+                          <th key={k} className="cursor-pointer py-2 pr-3 text-right font-medium hover:text-blue-600" onClick={() => toggleOpSort(k)}>
+                            <span className="inline-flex items-center gap-0.5">
+                              {label}
+                              {sorted ? (opSort!.order === "asc" ? <ArrowUp className="h-3 w-3 text-blue-600" /> : <ArrowDown className="h-3 w-3 text-blue-600" />) : <ArrowUpDown className="h-3 w-3 text-gray-300" />}
+                            </span>
+                          </th>
+                        );
+                      })}
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {list.map((u, idx) => (
+                      <tr key={u.user_id} className="border-b border-gray-50 last:border-0 hover:bg-gray-50/50">
+                        <td className="py-2 pr-3 text-xs text-gray-400">{idx + 1}</td>
+                        <td className="py-2 pr-3 font-medium text-gray-800">{u.user_name}</td>
+                        <td className="py-2 pr-3 text-right">
+                          <button onClick={() => openOpDetail(u, "receive", "接收")} className="cursor-pointer text-blue-600 hover:text-blue-800 hover:underline">{u.receive_count}</button>
+                        </td>
+                        <td className="py-2 pr-3 text-right">
+                          <button onClick={() => openOpDetail(u, "transfer", "转交")} className="cursor-pointer text-blue-600 hover:text-blue-800 hover:underline">{u.transfer_count}</button>
+                        </td>
+                        <td className="py-2 pr-3 text-right">
+                          <button onClick={() => openOpDetail(u, "record", "上传备注")} className="cursor-pointer text-blue-600 hover:text-blue-800 hover:underline">{u.record_count}</button>
+                        </td>
+                        <td className="py-2 text-right font-bold text-blue-600">{u.total}</td>
+                      </tr>
+                    ))}
+                  </tbody>
+                </table>
+              </div>
+            );
+          })()
+        )}
+      </Drawer>
+
+      {/* ═══ 操作明细抽屉 — 公共组件，与大屏 ScreenDashboard 共用同一实现 ═══ */}
+      <UserOperationDetailDrawer ref={opDetailRef} />
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AdminLoginPage.tsx b/frontend/src/pages/admin/AdminLoginPage.tsx
new file mode 100644
index 0000000..76aadf7
--- /dev/null
+++ b/frontend/src/pages/admin/AdminLoginPage.tsx
@@ -0,0 +1,99 @@
+import { useState } from "react";
+import { useNavigate, Navigate } from "react-router-dom";
+import { QrCode, Loader2 } from "lucide-react";
+import { useAuth } from "../../contexts/AuthContext";
+
+export default function AdminLoginPage() {
+  const { login, isAuthenticated } = useAuth();
+  const navigate = useNavigate();
+
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  // 已登录 → 直接跳转
+  if (isAuthenticated) {
+    return <Navigate to="/admin/dashboard" replace />;
+  }
+
+  async function handleSubmit(e: React.FormEvent) {
+    e.preventDefault();
+    if (!username.trim() || !password.trim()) return;
+
+    setLoading(true);
+    setError(null);
+
+    try {
+      await login(username.trim(), password);
+      navigate("/admin/dashboard", { replace: true });
+    } catch (err: any) {
+      setError(err?.message ?? "登录失败，请检查用户名和密码");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-gray-50">
+      <div className="w-full max-w-sm rounded-xl bg-white p-8 shadow-lg">
+        {/* Logo */}
+        <div className="mb-6 flex flex-col items-center">
+          <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-blue-600">
+            <QrCode className="h-6 w-6 text-white" />
+          </div>
+          <h1 className="mt-3 text-lg font-bold text-gray-800">
+            生产流转 · 管理端
+          </h1>
+          <p className="mt-1 text-sm text-gray-500">请使用工号登录</p>
+        </div>
+
+        {/* 错误 */}
+        {error && (
+          <div className="mb-4 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+            {error}
+          </div>
+        )}
+
+        {/* 表单 */}
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div>
+            <label className="mb-1 block text-sm font-medium text-gray-600">
+              用户名
+            </label>
+            <input
+              type="text"
+              value={username}
+              onChange={(e) => setUsername(e.target.value)}
+              placeholder="如 IRIS 或工号"
+              className="w-full rounded-lg border border-gray-200 px-3 py-2.5 text-sm focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
+              autoFocus
+            />
+          </div>
+
+          <div>
+            <label className="mb-1 block text-sm font-medium text-gray-600">
+              密码
+            </label>
+            <input
+              type="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              placeholder="输入密码"
+              className="w-full rounded-lg border border-gray-200 px-3 py-2.5 text-sm focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
+            />
+          </div>
+
+          <button
+            type="submit"
+            disabled={loading || !username.trim() || !password.trim()}
+            className="flex w-full items-center justify-center gap-2 rounded-lg bg-blue-600 py-2.5 text-sm font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-50"
+          >
+            {loading && <Loader2 className="h-4 w-4 animate-spin" />}
+            登录
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AdminPeoplePage.tsx b/frontend/src/pages/admin/AdminPeoplePage.tsx
new file mode 100644
index 0000000..f4bac52
--- /dev/null
+++ b/frontend/src/pages/admin/AdminPeoplePage.tsx
@@ -0,0 +1,523 @@
+/** 人员看板 — 实时在制品 + 历史工时台账 */
+import { useEffect, useMemo, useState } from "react";
+import {
+  Users, Package, ChevronDown, ChevronRight, Loader2, AlertCircle, Clock, Download,
+} from "lucide-react";
+import { Radio, DatePicker, Table, Button, AutoComplete, Modal, Timeline, Image, Select } from "antd";
+import type { ColumnsType } from "antd/es/table";
+import dayjs, { type Dayjs } from "dayjs";
+// dayjs 的中文 locale 已在应用根（App.tsx）统一设置，此处不再重复
+import {
+  fetchPeopleWorkload, fetchPeopleHistory, downloadPeopleHistory,
+  type PersonWorkload, type PersonHistoryRecord, type PeopleHistoryQuery,
+} from "../../services/dashboardApi";
+import { getTask } from "../../services/taskApi";
+import type { TaskRecordResponse } from "../../types/api";
+
+const { RangePicker } = DatePicker;
+
+const AVATAR_COLORS = ["#3b82f6", "#8b5cf6", "#ec4899", "#f59e0b", "#10b981", "#ef4444", "#06b6d4", "#6366f1"];
+
+// ─── 滞留时长 SLA 预警颜色 / 标签 ───────────────────────
+function durationColor(h: number) {
+  if (h >= 48) return "text-red-600 bg-red-100 font-bold";
+  if (h >= 24) return "text-orange-600 bg-orange-50";
+  return "text-emerald-600 bg-emerald-50";
+}
+function durationLabel(h: number) {
+  if (h >= 24) return `${Math.round(h / 24)}天`;
+  if (h >= 1) return `${h}小时`;
+  return `${Math.round(h * 60)}分钟`;
+}
+
+// ─── 图片 URL 拼接（对齐 TaskFlowView） ──────────────────
+function imageUrl(u: string) {
+  if (!u) return "";
+  if (u.startsWith("http")) return u;
+  const base = (import.meta.env.VITE_API_BASE_URL || "").replace(/\/+$/, "");
+  const path = u.startsWith("/") ? u : "/" + u;
+  if (path.startsWith("/api/")) {
+    const origin = base.replace(/\/api(\/v\d+)?$/, "");
+    return origin + path;
+  }
+  return base + path;
+}
+
+// ─── 任务状态徽章 ───────────────────────────────────────
+const STATUS_MAP: Record<string, { label: string; cls: string }> = {
+  WIP: { label: "进行中", cls: "bg-blue-100 text-blue-700" },
+  PENDING: { label: "待接收", cls: "bg-amber-100 text-amber-700" },
+  COMPLETED: { label: "已完成", cls: "bg-green-100 text-green-700" },
+};
+
+export default function AdminPeoplePage() {
+  const [mode, setMode] = useState<"realtime" | "history">("realtime");
+
+  // 实时
+  const [workloads, setWorkloads] = useState<PersonWorkload[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [expanded, setExpanded] = useState<Set<string>>(new Set());
+
+  // 历史
+  const [records, setRecords] = useState<PersonHistoryRecord[]>([]);
+  const [historyLoading, setHistoryLoading] = useState(false);
+  const [historyError, setHistoryError] = useState<string | null>(null);
+  const [historyRange, setHistoryRange] = useState<[Dayjs, Dayjs] | null>(null);
+  const [pageSize, setPageSize] = useState(50);
+  const [fAssignee, setFAssignee] = useState("");
+  const [fSpec, setFSpec] = useState("");
+  const [fSn, setFSn] = useState("");
+  const [fTask, setFTask] = useState("");
+  const [recordDetail, setRecordDetail] = useState<{ open: boolean; taskName: string; records: TaskRecordResponse[] }>({
+    open: false, taskName: "", records: [],
+  });
+  // 已读记录数（task_id -> 已读的 record_count），用于「新流转」红点标注
+  const [readCounts, setReadCounts] = useState<Record<string, number>>(() => {
+    try {
+      return JSON.parse(localStorage.getItem("people_history_read_counts") || "{}");
+    } catch {
+      return {};
+    }
+  });
+
+  const load = () => {
+    setLoading(true);
+    fetchPeopleWorkload()
+      .then((data) => { setWorkloads(data); setError(null); })
+      .catch(() => setError("加载失败，请确认后端已启动"))
+      .finally(() => setLoading(false));
+  };
+
+  const buildQuery = (range: [Dayjs, Dayjs] | null): PeopleHistoryQuery => {
+    const q: PeopleHistoryQuery = {};
+    if (range) {
+      q.since = range[0].startOf("day").toISOString();
+      q.until = range[1].endOf("day").toISOString();
+    }
+    if (fAssignee.trim()) q.assignee_id = fAssignee.trim();
+    if (fSpec.trim()) q.spec_model = fSpec.trim();
+    if (fSn.trim()) q.product_sn = fSn.trim();
+    if (fTask.trim()) q.task_name = fTask.trim();
+    return q;
+  };
+
+  const loadHistory = (range: [Dayjs, Dayjs] | null) => {
+    setHistoryLoading(true);
+    fetchPeopleHistory(buildQuery(range))
+      .then((data) => { setRecords(data); setHistoryError(null); })
+      .catch(() => setHistoryError("加载工时台账失败"))
+      .finally(() => setHistoryLoading(false));
+  };
+
+  const handleExport = async () => {
+    try {
+      await downloadPeopleHistory(buildQuery(historyRange));
+    } catch {
+      setHistoryError("导出失败，请稍后重试");
+    }
+  };
+
+  const openRecordDetail = async (record: PersonHistoryRecord) => {
+    try {
+      const task = await getTask(record.task_id);
+      setRecordDetail({
+        open: true,
+        taskName: record.task_name || record.task_id,
+        records: task.records || [],
+      });
+      // 标记该任务为已读（记录数同步）
+      const next = { ...readCounts, [record.task_id]: record.record_count };
+      setReadCounts(next);
+      localStorage.setItem("people_history_read_counts", JSON.stringify(next));
+    } catch {
+      setHistoryError("加载记录详情失败");
+    }
+  };
+
+  const handleReset = () => {
+    setFAssignee("");
+    setFSpec("");
+    setFSn("");
+    setFTask("");
+    setHistoryRange(null);
+    loadHistory(null);
+  };
+
+  const markAllRead = () => {
+    const next: Record<string, number> = {};
+    for (const r of records) next[r.task_id] = r.record_count;
+    setReadCounts(next);
+    localStorage.setItem("people_history_read_counts", JSON.stringify(next));
+  };
+
+  useEffect(() => { load(); }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  // 自动搜索：模式切换 / 筛选条件 / 时间范围变化时触发（防抖 300ms）
+  useEffect(() => {
+    if (mode !== "history") return;
+    const timer = setTimeout(() => loadHistory(historyRange), 300);
+    return () => clearTimeout(timer);
+  }, [mode, fAssignee, fSpec, fSn, fTask, historyRange]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const totalDevices = useMemo(() => {
+    const uniqueIds = new Set<string>();
+    for (const w of workloads) {
+      for (const d of w.devices) uniqueIds.add(d.product_id);
+    }
+    return uniqueIds.size;
+  }, [workloads]);
+
+  const totalHistoryDevices = useMemo(() => {
+    const uniqueIds = new Set<string>();
+    for (const r of records) uniqueIds.add(r.product_sn);
+    return uniqueIds.size;
+  }, [records]);
+
+  // 搜索下拉选项（从当前结果去重提取）
+  const assigneeOptions = useMemo(() => {
+    const seen = new Map<string, string>();
+    for (const r of records) if (r.assignee_id && !seen.has(r.assignee_id)) seen.set(r.assignee_id, r.assignee_name || r.assignee_id);
+    return Array.from(seen.entries()).map(([id, name]) => ({ value: id, label: `${name} (${id})` }));
+  }, [records]);
+  const specOptions = useMemo(() => Array.from(new Set(records.map(r => r.spec_model).filter(Boolean))).map(v => ({ value: v })), [records]);
+  const snOptions = useMemo(() => Array.from(new Set(records.map(r => r.product_sn).filter(Boolean))).map(v => ({ value: v })), [records]);
+  const taskOptions = useMemo(() => Array.from(new Set(records.map(r => r.task_name).filter(Boolean))).map(v => ({ value: v })), [records]);
+
+  function toggle(id: string) {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+
+  // ─── 历史表格列 ───────────────────────────────────────
+  const columns: ColumnsType<PersonHistoryRecord> = [
+    {
+      title: "状态", dataIndex: "status", key: "status", width: 100,
+      render: (s: string, record: PersonHistoryRecord) => {
+        const cfg = STATUS_MAP[s] || { label: s, cls: "bg-gray-100 text-gray-600" };
+        const unread = record.record_count > (readCounts[record.task_id] || 0);
+        return (
+          <span className="flex items-center gap-1.5">
+            <span className={`rounded-full px-2 py-0.5 text-[11px] font-bold ${cfg.cls}`}>{cfg.label}</span>
+            {unread && <span className="h-2 w-2 shrink-0 rounded-full bg-red-500" title="有新的流转记录" />}
+          </span>
+        );
+      },
+    },
+    { title: "负责人", dataIndex: "assignee_name", key: "assignee_name", width: 110 },
+    { title: "设备身份证", dataIndex: "product_sn", key: "product_sn", width: 190, render: (v: string) => <span className="font-mono text-xs">{v}</span> },
+    { title: "规格型号", dataIndex: "spec_model", key: "spec_model", width: 130, render: (v: string) => v || "—" },
+    { title: "任务名", dataIndex: "task_name", key: "task_name", ellipsis: true },
+    { title: "开始时间", dataIndex: "received_at", key: "received_at", width: 120, render: (v: string) => v || "—" },
+    { title: "结束时间", dataIndex: "completed_at", key: "completed_at", width: 120, render: (v: string) => v || <span className="text-blue-500">进行中</span> },
+    {
+      title: "总耗时", dataIndex: "duration_hours", key: "duration_hours", width: 120,
+      sorter: (a, b) => a.duration_hours - b.duration_hours,
+      render: (h: number) => (
+        <span className={`rounded-md px-2 py-0.5 text-xs font-bold ${durationColor(h)}`}>
+          {durationLabel(h)}
+        </span>
+      ),
+    },
+    {
+      title: "最新动态/备注", dataIndex: "latest_valid_remark", key: "latest_valid_remark",
+      render: (_: unknown, record: PersonHistoryRecord) => (
+        <div className="flex items-center gap-1">
+          <span className="flex-1 truncate text-xs text-gray-600">{record.latest_valid_remark || "—"}</span>
+          {record.record_count > 0 && (
+            <a
+              className="shrink-0 text-xs text-blue-600 hover:underline"
+              onClick={(e) => { e.stopPropagation(); openRecordDetail(record); }}
+            >
+              ({record.record_count}条)
+            </a>
+          )}
+        </div>
+      ),
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      {/* 页头 */}
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div>
+          <h2 className="text-xl font-bold text-gray-800">👥 人员看板</h2>
+          <p className="mt-0.5 text-sm text-gray-400">实时在制品 / 历史工时台账</p>
+        </div>
+        <Radio.Group
+          value={mode}
+          onChange={(e) => setMode(e.target.value)}
+          size="small"
+          optionType="button"
+          buttonStyle="solid"
+        >
+          <Radio.Button value="realtime">实时</Radio.Button>
+          <Radio.Button value="history">历史</Radio.Button>
+        </Radio.Group>
+      </div>
+
+      {/* ═══ 实时模式 ═══ */}
+      {mode === "realtime" && (
+        <>
+          <div className="grid gap-4 sm:grid-cols-3">
+            <div className="rounded-xl bg-white p-5 shadow-sm">
+              <div className="flex items-center gap-2">
+                <Users className="h-5 w-5 text-blue-600" />
+                <h3 className="text-sm font-semibold text-gray-700">当前负责人</h3>
+              </div>
+              <p className="mt-2 text-3xl font-bold text-gray-800">{workloads.length}<span className="text-sm font-normal text-gray-400"> 人</span></p>
+              <p className="text-[11px] text-gray-400">当前有在制品的负责人</p>
+            </div>
+            <div className="rounded-xl bg-white p-5 shadow-sm sm:col-span-2">
+              <div className="flex items-center gap-2">
+                <Package className="h-5 w-5 text-emerald-600" />
+                <h3 className="text-sm font-semibold text-gray-700">在制品设备总量</h3>
+              </div>
+              <p className="mt-2 text-3xl font-bold text-emerald-600">{totalDevices}<span className="text-sm font-normal text-gray-400"> 台</span></p>
+              <p className="text-[11px] text-gray-400">按唯一产品去重统计；并发设备会在多个负责人名下各显示一次</p>
+            </div>
+          </div>
+
+          {loading && (
+            <div className="flex items-center justify-center py-20">
+              <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+            </div>
+          )}
+          {!loading && error && (
+            <div className="flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
+              <AlertCircle className="h-4 w-4" />{error}
+            </div>
+          )}
+          {!loading && !error && workloads.length === 0 && (
+            <div className="py-20 text-center text-gray-400">🎉 当前无人在制品</div>
+          )}
+
+          {!loading && !error && workloads.length > 0 && (
+            <div className="space-y-3">
+              {workloads.map((w) => {
+                const isOpen = expanded.has(w.assignee_id);
+                const initial = (w.assignee_name || w.assignee_id || "?").charAt(0);
+                const color = AVATAR_COLORS[(initial.charCodeAt(0) || 0) % AVATAR_COLORS.length];
+                return (
+                  <div key={w.assignee_id} className="overflow-hidden rounded-xl bg-white shadow-sm">
+                    <button
+                      onClick={() => toggle(w.assignee_id)}
+                      className="flex w-full items-center gap-3 px-5 py-3.5 text-left hover:bg-gray-50 transition-colors"
+                    >
+                      <div
+                        className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white"
+                        style={{ backgroundColor: color }}
+                      >
+                        {initial}
+                      </div>
+                      <div className="flex-1 min-w-0">
+                        <span className="text-sm font-semibold text-gray-800">{w.assignee_name || w.assignee_id}</span>
+                        <span className="ml-2 text-xs text-gray-400 font-mono">{w.assignee_id}</span>
+                      </div>
+                      <span className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-bold ${w.device_count > 0 ? "bg-blue-50 text-blue-700" : "bg-gray-100 text-gray-500"}`}>
+                        {w.device_count} 台
+                      </span>
+                      {isOpen ? <ChevronDown className="h-4 w-4 shrink-0 text-gray-400" /> : <ChevronRight className="h-4 w-4 shrink-0 text-gray-400" />}
+                    </button>
+
+                    {isOpen && (
+                      <div className="border-t border-gray-100 bg-gray-50/50 px-5 py-3">
+                        {w.devices.length === 0 ? (
+                          <p className="py-6 text-center text-xs text-gray-400">无设备</p>
+                        ) : (
+                          <div className="space-y-2">
+                            {w.devices.map((d) => (
+                              <div
+                                key={d.product_id}
+                                onClick={() => window.open(`/admin/tasks?sn=${d.serial_number}`, "_blank")}
+                                className="flex cursor-pointer items-center gap-3 rounded-lg border border-gray-100 bg-white px-4 py-2.5 transition-shadow hover:border-blue-200 hover:shadow-md"
+                              >
+                                <span className={`shrink-0 rounded-full px-2 py-0.5 text-[10px] font-bold ${d.task_status === "WIP" ? "bg-blue-100 text-blue-700" : "bg-amber-100 text-amber-700"}`}>
+                                  {d.task_status === "WIP" ? "进行中" : "待接收"}
+                                </span>
+                                <span className="text-sm font-semibold text-gray-800 truncate">{d.material_name || "未知设备"}</span>
+                                <span className="text-xs text-gray-500">{d.spec_model || "无规格"}</span>
+                                <span className="text-xs text-gray-400">序列号: {d.external_serial || "未录入"}</span>
+                                <span className="font-mono text-xs text-gray-300">身份证: {d.serial_number}</span>
+                                <span className="ml-auto flex shrink-0 items-center gap-2">
+                                  <span className={`rounded-md px-2 py-0.5 text-xs font-bold ${durationColor(d.duration_hours)}`}>
+                                    <Clock className="mr-0.5 inline h-3 w-3" />
+                                    {durationLabel(d.duration_hours)}
+                                  </span>
+                                  {d.received_at && <span className="text-xs text-gray-400">{d.received_at}</span>}
+                                </span>
+                              </div>
+                            ))}
+                          </div>
+                        )}
+                      </div>
+                    )}
+                  </div>
+                );
+              })}
+            </div>
+          )}
+        </>
+      )}
+
+      {/* ═══ 历史模式（工时台账） ═══ */}
+      {mode === "history" && (
+        <>
+          {/* 概览 */}
+          <div className="grid gap-4 sm:grid-cols-2">
+            <div className="rounded-xl bg-white p-5 shadow-sm">
+              <div className="flex items-center gap-2">
+                <Package className="h-5 w-5 text-emerald-600" />
+                <h3 className="text-sm font-semibold text-gray-700">生产设备总量</h3>
+              </div>
+              <p className="mt-2 text-3xl font-bold text-emerald-600">{totalHistoryDevices}<span className="text-sm font-normal text-gray-400"> 台</span></p>
+              <p className="text-[11px] text-gray-400">按唯一身份证去重统计</p>
+            </div>
+            <div className="rounded-xl bg-white p-5 shadow-sm">
+              <div className="flex items-center gap-2">
+                <Clock className="h-5 w-5 text-blue-600" />
+                <h3 className="text-sm font-semibold text-gray-700">工序记录</h3>
+              </div>
+              <p className="mt-2 text-3xl font-bold text-gray-800">{records.length}<span className="text-sm font-normal text-gray-400"> 条</span></p>
+              <p className="text-[11px] text-gray-400">含进行中与已完成</p>
+            </div>
+          </div>
+
+          {/* 搜索栏 */}
+          <div className="rounded-xl bg-white p-4 shadow-sm">
+            <div className="flex flex-wrap items-center gap-2">
+              <RangePicker
+                size="small"
+                value={historyRange as any}
+                onChange={(dates) => setHistoryRange(dates as [Dayjs, Dayjs] | null)}
+                disabledDate={(d) => d.isAfter(dayjs(), "day")}
+                style={{ width: 240 }}
+                placeholder={["开始", "结束"]}
+              />
+              <AutoComplete
+                size="small"
+                placeholder="负责人"
+                value={fAssignee}
+                onChange={setFAssignee}
+                options={assigneeOptions}
+                allowClear
+                style={{ width: 150 }}
+              />
+              <AutoComplete
+                size="small"
+                placeholder="规格型号"
+                value={fSpec}
+                onChange={setFSpec}
+                options={specOptions}
+                allowClear
+                style={{ width: 130 }}
+              />
+              <AutoComplete
+                size="small"
+                placeholder="身份证"
+                value={fSn}
+                onChange={setFSn}
+                options={snOptions}
+                allowClear
+                popupMatchSelectWidth={false}
+                style={{ width: 140 }}
+              />
+              <AutoComplete
+                size="small"
+                placeholder="任务名"
+                value={fTask}
+                onChange={setFTask}
+                options={taskOptions}
+                allowClear
+                style={{ width: 130 }}
+              />
+              <Select
+                size="small"
+                value={pageSize}
+                onChange={setPageSize}
+                options={[
+                  { value: 50, label: "50 条/页" },
+                  { value: 100, label: "100 条/页" },
+                  { value: 500, label: "500 条/页" },
+                  { value: 1000, label: "1000 条/页" },
+                ]}
+                style={{ width: 110 }}
+              />
+              <Button size="small" icon={<Download className="h-3 w-3" />} onClick={handleExport}>
+                导出
+              </Button>
+              <Button size="small" onClick={handleReset}>
+                重置
+              </Button>
+              <Button size="small" onClick={markAllRead}>
+                全部已读
+              </Button>
+            </div>
+          </div>
+
+          {/* 表格 */}
+          {historyError && (
+            <div className="flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
+              <AlertCircle className="h-4 w-4" />{historyError}
+            </div>
+          )}
+          <div className="rounded-xl bg-white p-4 shadow-sm">
+            <Table<PersonHistoryRecord>
+              rowKey="task_id"
+              columns={columns}
+              dataSource={records}
+              loading={historyLoading}
+              size="small"
+              pagination={{ pageSize, showTotal: (t) => `共 ${t} 条` }}
+            />
+          </div>
+        </>
+      )}
+
+      {/* 记录详情弹窗 */}
+      <Modal
+        title={`记录详情 — ${recordDetail.taskName}`}
+        open={recordDetail.open}
+        onCancel={() => setRecordDetail((s) => ({ ...s, open: false }))}
+        footer={null}
+        width={560}
+      >
+        {recordDetail.records.length === 0 ? (
+          <p className="py-8 text-center text-sm text-gray-400">暂无记录</p>
+        ) : (
+          <Timeline
+            items={[...recordDetail.records].reverse().map((r) => ({
+              color: "gray",
+              children: (
+                <div>
+                  <div className="text-xs text-gray-400">{r.created_at ? dayjs(r.created_at).format("MM-DD HH:mm") : ""}</div>
+                  <div className="mt-0.5 text-sm text-gray-700">{r.remark || "—"}</div>
+                  {r.images && r.images.length > 0 && (
+                    <div className="mt-1.5 flex flex-wrap gap-1.5">
+                      {r.images.map((img, j) => (
+                        <Image
+                          key={j}
+                          src={imageUrl(img)}
+                          alt={`记录图片 ${j + 1}`}
+                          width={64}
+                          height={64}
+                          className="rounded border object-cover"
+                          style={{ objectFit: "cover" }}
+                        />
+                      ))}
+                    </div>
+                  )}
+                </div>
+              ),
+            }))}
+          />
+        )}
+      </Modal>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AdminPrintConfigPage.tsx b/frontend/src/pages/admin/AdminPrintConfigPage.tsx
new file mode 100644
index 0000000..f1c910a
--- /dev/null
+++ b/frontend/src/pages/admin/AdminPrintConfigPage.tsx
@@ -0,0 +1,163 @@
+import { useEffect, useState } from "react";
+import { Save, Loader2, Wifi, WifiOff } from "lucide-react";
+import {
+  getPrinterConfig,
+  updatePrinterConfig,
+  type PrinterConfig,
+} from "../../services/printApi";
+import { useToast } from "../../components/ui/Toast";
+import { extractErrorMessage } from "../../utils/errorMessage";
+
+export default function AdminPrintConfigPage() {
+  const { toast } = useToast();
+
+  const [config, setConfig] = useState<PrinterConfig | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+
+  // 表单字段
+  const [ip, setIp] = useState("");
+  const [port, setPort] = useState(9100);
+  const [enabled, setEnabled] = useState(true);
+
+  useEffect(() => {
+    loadConfig();
+  }, []);
+
+  async function loadConfig() {
+    setLoading(true);
+    try {
+      const cfg = await getPrinterConfig();
+      setConfig(cfg);
+      const lp = cfg.label_printer;
+      setIp(lp.ip);
+      setPort(lp.port);
+      setEnabled(lp.enabled ?? true);
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "加载配置失败"), "error");
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function handleSave(e: React.FormEvent) {
+    e.preventDefault();
+    if (!ip.trim()) {
+      toast("请输入打印机 IP 地址", "error");
+      return;
+    }
+    setSaving(true);
+    try {
+      const result = await updatePrinterConfig(ip.trim(), port, enabled);
+      toast(result.message, "success");
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "保存失败"), "error");
+    } finally {
+      setSaving(false);
+    }
+  }
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center py-20">
+        <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+      </div>
+    );
+  }
+
+  return (
+    <div>
+      <div className="mb-6">
+        <h2 className="text-xl font-bold text-gray-800">打印机设置</h2>
+        <p className="mt-1 text-sm text-gray-500">
+          配置标签打印机（热敏打标机）的 IP 地址和端口，协议: TSPL
+        </p>
+      </div>
+
+      <div className="max-w-md rounded-xl bg-white p-6 shadow-sm">
+        <form onSubmit={handleSave} className="space-y-4">
+          {/* IP 地址 */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-gray-700">
+              打印机 IP 地址
+            </label>
+            <input
+              type="text"
+              value={ip}
+              onChange={(e) => setIp(e.target.value)}
+              placeholder="如 192.168.9.221"
+              className="w-full rounded-lg border border-gray-200 px-3 py-2.5 text-sm font-mono focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
+            />
+          </div>
+
+          {/* 端口 */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-gray-700">
+              端口
+            </label>
+            <input
+              type="number"
+              value={port}
+              onChange={(e) => setPort(Number(e.target.value))}
+              min={1}
+              max={65535}
+              className="w-full rounded-lg border border-gray-200 px-3 py-2.5 text-sm font-mono focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
+            />
+            <p className="mt-0.5 text-xs text-gray-400">
+              热敏打印机通常使用 9100 端口（Raw Socket）
+            </p>
+          </div>
+
+          {/* 启用状态 */}
+          <label className="flex items-center gap-3 cursor-pointer select-none">
+            <input
+              type="checkbox"
+              checked={enabled}
+              onChange={(e) => setEnabled(e.target.checked)}
+              className="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
+            />
+            <div className="flex items-center gap-1.5">
+              {enabled ? (
+                <Wifi className="h-4 w-4 text-green-500" />
+              ) : (
+                <WifiOff className="h-4 w-4 text-gray-400" />
+              )}
+              <span className="text-sm text-gray-700">
+                {enabled ? "已启用" : "已禁用"}
+              </span>
+            </div>
+          </label>
+
+          {/* 保存 */}
+          <button
+            type="submit"
+            disabled={saving}
+            className="flex w-full items-center justify-center gap-2 rounded-lg bg-blue-600 py-2.5 text-sm font-medium text-white transition-colors hover:bg-blue-700 disabled:opacity-50"
+          >
+            {saving ? (
+              <Loader2 className="h-4 w-4 animate-spin" />
+            ) : (
+              <Save className="h-4 w-4" />
+            )}
+            保存设置
+          </button>
+        </form>
+
+        {/* 当前状态 */}
+        {config?.label_printer && (
+          <div className="mt-4 rounded-lg bg-gray-50 px-3 py-2.5 text-xs text-gray-500">
+            <p>
+              当前配置: {config.label_printer.ip}:{config.label_printer.port}
+              {" · "}
+              {config.label_printer.enabled ? (
+                <span className="text-green-600 font-medium">已启用</span>
+              ) : (
+                <span className="text-gray-400">已禁用</span>
+              )}
+            </p>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AdminProductsPage.tsx b/frontend/src/pages/admin/AdminProductsPage.tsx
new file mode 100644
index 0000000..2cca6ad
--- /dev/null
+++ b/frontend/src/pages/admin/AdminProductsPage.tsx
@@ -0,0 +1,446 @@
+import { useEffect, useState, useMemo } from "react";
+import {
+  Printer, RefreshCw, Loader2, QrCode, Plus, Settings, X,
+  Package, Hash, Tag, MapPin, Clock, Timer, CalendarDays,
+  Pencil, Trash2, Save, AlertTriangle,
+  Search, ChevronDown, ChevronRight, Warehouse, Barcode,
+} from "lucide-react";
+import api from "../../services/api";
+import type { ProductResponse } from "../../types/admin";
+import CreateProductDialog from "./CreateProductDialog";
+import {
+  getLabelPreview, executePrint,
+} from "../../services/printApi";
+import { useToast } from "../../components/ui/Toast";
+import { useAuth } from "../../contexts/AuthContext";
+import { getStatusConfig, lifecycleBadge, isAdminRole } from "../../constants/task";
+import { extractErrorMessage } from "../../utils/errorMessage";
+
+const QR_BASE = "/api/v1/products/qrcode";
+
+const STATUS_TABS = [
+  { key: "PENDING", label: "待接收" },
+  { key: "WIP", label: "进行中" },
+  { key: "COMPLETED", label: "已完成" },
+  { key: "ARCHIVED", label: "已入库" },
+  { key: "OUTBOUND", label: "已出库" },
+];
+
+interface ProductGroup { groupKey: string; products: ProductResponse[]; allInWarehouse: boolean; }
+
+export default function AdminProductsPage() {
+  const { toast } = useToast();
+  const { user: authUser } = useAuth();
+  const isAdmin = isAdminRole(authUser?.role);
+  const [products, setProducts] = useState<ProductResponse[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+  const [showCreate, setShowCreate] = useState(false);
+
+  // 搜索 & 筛选 & 分组
+  const [keyword, setKeyword] = useState("");
+  const [statusFilters, setStatusFilters] = useState<Set<string>>(new Set());
+  const [groupBy, setGroupBy] = useState<"order" | "device">("device");
+  const [expandedGroups, setExpandedGroups] = useState<Set<string>>(new Set());
+
+  // 打印
+  const [printTarget, setPrintTarget] = useState<ProductResponse | null>(null);
+  const [previewUrl, setPreviewUrl] = useState<string | null>(null);
+  const [printLoading, setPrintLoading] = useState(false);
+  const [printCopies, setPrintCopies] = useState(1);
+  const [printing, setPrinting] = useState(false);
+
+  // 收口（入库/出库，仅管理员，需倒计时+输入身份证确认）
+  const [finalizeTarget, setFinalizeTarget] = useState<ProductResponse | null>(null);
+  const [finalizeStatus, setFinalizeStatus] = useState<"已入库" | "已出库">("已入库");
+  const [finalizeNote, setFinalizeNote] = useState("");
+  const [finalizeSerialInput, setFinalizeSerialInput] = useState("");
+  const [finalizeCountdown, setFinalizeCountdown] = useState(5);
+  const [finalizing, setFinalizing] = useState(false);
+  const canConfirmFinalize = !!finalizeTarget && finalizeCountdown <= 0 && finalizeSerialInput === finalizeTarget.serial_number;
+
+  // 编辑
+  const [editTarget, setEditTarget] = useState<ProductResponse | null>(null);
+  const [editOrderNo, setEditOrderNo] = useState("");
+  const [editExternalSerial, setEditExternalSerial] = useState("");
+  const [editSaving, setEditSaving] = useState(false);
+
+  // 删除防呆
+  const [deleteTarget, setDeleteTarget] = useState<ProductResponse | null>(null);
+  const [deleting, setDeleting] = useState(false);
+  const [countdown, setCountdown] = useState(5);
+  const [serialInput, setSerialInput] = useState("");
+  const canConfirmDelete = countdown <= 0 && serialInput === deleteTarget?.serial_number;
+
+  async function loadProducts() {
+    setLoading(true); setError(null);
+    try {
+      const { data } = await api.get<ProductResponse[]>("/products/", {
+        params: { limit: 1000, ...(keyword.trim() ? { keyword: keyword.trim() } : {}) },
+      });
+      setProducts(data);
+    } catch { setError("加载产品列表失败"); }
+    finally { setLoading(false); }
+  }
+
+  useEffect(() => { loadProducts(); }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  function handleSearch(e?: React.FormEvent) { e?.preventDefault(); loadProducts(); }
+
+  // ---- 分组 + 状态过滤（多选）----
+  const productGroups = useMemo<ProductGroup[]>(() => {
+    const map = new Map<string, ProductResponse[]>();
+    for (const p of products) {
+      if (statusFilters.size > 0) {
+        const s = (p.macro_status || p.status).toUpperCase();
+        if (!statusFilters.has(s)) continue;
+      }
+      const key = groupBy === "device"
+        ? (p.material_name || p.material_id || "未命名设备")
+        : (p.order_no || "未绑定订单");
+      if (!map.has(key)) map.set(key, []);
+      map.get(key)!.push(p);
+    }
+    return Array.from(map.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([groupKey, prods]) => ({
+      groupKey, products: prods,
+      // 已入库 = MOM 已扫码实收 (macro_status==ARCHIVED)，而非仅"在仓库位置"
+      allInWarehouse: prods.every(p => (p.macro_status || p.status).toUpperCase() === "ARCHIVED"),
+    }));
+  }, [products, statusFilters, groupBy]);
+
+  function toggleStatusFilter(key: string) {
+    setStatusFilters(prev => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key); else next.add(key);
+      return next;
+    });
+  }
+
+  // 🔧 默认全部展开：productGroups 变化时自动展开所有面板
+  useEffect(() => {
+    setExpandedGroups(new Set(productGroups.map(g => g.groupKey)));
+  }, [productGroups]);
+
+  function toggleGroup(key: string) {
+    setExpandedGroups(prev => { const n = new Set(prev); if (n.has(key)) n.delete(key); else n.add(key); return n; });
+  }
+
+  // ---- 打印 ----
+  async function handleOpenPrint(product: ProductResponse) { /* unchanged */ setPrintTarget(product); setPreviewUrl(null); setPrintCopies(1); setPrintLoading(true); try { setPreviewUrl(await getLabelPreview({ serial_number: product.serial_number, material_name: product.material_name ?? product.material_id ?? "", spec_model: product.spec_model ?? "", order_no: product.order_no ?? "" })); } catch (err: unknown) { toast(extractErrorMessage(err, "生成预览失败"), "error"); setPrintTarget(null); } finally { setPrintLoading(false); } }
+  async function handleConfirmPrint() { if (!printTarget) return; setPrinting(true); try { const r = await executePrint({ serial_number: printTarget.serial_number, material_name: printTarget.material_name ?? "", spec_model: printTarget.spec_model ?? "", order_no: printTarget.order_no ?? "", copies: printCopies }); toast(r.message, "success"); setPrintTarget(null); } catch (err: unknown) { toast(extractErrorMessage(err, "打印失败"), "error"); } finally { setPrinting(false); } }
+
+  // ---- 编辑 ----
+  function openEdit(p: ProductResponse) { setEditTarget(p); setEditOrderNo(p.order_no ?? ""); setEditExternalSerial(p.external_serial ?? ""); }
+  async function handleSaveEdit() { if (!editTarget) return; setEditSaving(true); try { await api.patch(`/products/${editTarget.id}`, { order_no: editOrderNo.trim() || null, external_serial: editExternalSerial.trim() || null }); toast("保存成功", "success"); setEditTarget(null); loadProducts(); } catch (err: unknown) { toast(extractErrorMessage(err, "保存失败"), "error"); } finally { setEditSaving(false); } }
+
+  // ---- 删除 ----
+  useEffect(() => {
+    if (!deleteTarget) { setCountdown(5); setSerialInput(""); return; }
+    setCountdown(5); setSerialInput("");
+    const timer = setInterval(() => setCountdown(c => { if (c <= 1) { clearInterval(timer); return 0; } return c - 1; }), 1000);
+    return () => clearInterval(timer);
+  }, [deleteTarget?.id]); // eslint-disable-line
+
+  function confirmDelete(p: ProductResponse) { setDeleteTarget(p); }
+  async function handleDelete() { if (!deleteTarget) return; setDeleting(true); try { await api.delete(`/products/${deleteTarget.id}`); toast("已删除", "success"); setDeleteTarget(null); loadProducts(); } catch (err: unknown) { toast(extractErrorMessage(err, "删除失败"), "error"); } finally { setDeleting(false); } }
+
+  // ---- 状态收口（入库 / 出库，管理员）----
+  // 🛡️ 双重确认倒计时 + 必须输入产品身份证，防误触
+  useEffect(() => {
+    if (!finalizeTarget) { setFinalizeCountdown(5); setFinalizeSerialInput(""); return; }
+    setFinalizeCountdown(5); setFinalizeSerialInput("");
+    const timer = setInterval(() => setFinalizeCountdown(c => { if (c <= 1) { clearInterval(timer); return 0; } return c - 1; }), 1000);
+    return () => clearInterval(timer);
+  }, [finalizeTarget?.id]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  function openFinalize(p: ProductResponse) { setFinalizeTarget(p); setFinalizeStatus("已入库"); setFinalizeNote(""); setFinalizeSerialInput(""); setFinalizeCountdown(5); }
+  async function handleFinalize() {
+    if (!canConfirmFinalize) return;
+    setFinalizing(true);
+    try {
+      await api.post(`/products/scan/${finalizeTarget.serial_number}/finalize`, {
+        status: finalizeStatus,
+        note: finalizeNote.trim() || undefined,
+      });
+      toast(`已收口为「${finalizeStatus}」`, "success");
+      setFinalizeTarget(null);
+      loadProducts();
+    } catch (err: unknown) {
+      toast(extractErrorMessage(err, "操作失败"), "error");
+    } finally {
+      setFinalizing(false);
+    }
+  }
+
+  return (
+    <div>
+      {/* 标题栏 */}
+      <div className="mb-6 flex items-center justify-between">
+        <div><h2 className="text-xl font-bold text-gray-800">产品管理</h2><p className="mt-1 text-sm text-gray-500">查看所有产品身份证并生成二维码</p></div>
+        <div className="flex gap-2">
+          <a href="/admin/print-config" className="flex items-center gap-1.5 rounded-lg border border-gray-200 bg-white px-3 py-2 text-sm text-gray-500 hover:bg-gray-50"><Settings className="h-4 w-4" /></a>
+          <button onClick={() => setShowCreate(true)} className="flex items-center gap-1.5 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700"><Plus className="h-4 w-4" />创建产品</button>
+          <button onClick={loadProducts} className="flex items-center gap-1.5 rounded-lg border border-gray-200 bg-white px-4 py-2 text-sm text-gray-600 hover:bg-gray-50"><RefreshCw className={`h-4 w-4 ${loading ? "animate-spin" : ""}`} />刷新</button>
+        </div>
+      </div>
+
+      {/* 搜索 + 分组 + 状态过滤（移植自 AdminTasksPage） */}
+      <div className="mb-6 rounded-xl bg-white p-4 shadow-sm">
+        <div className="mb-3 flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <span className="text-xs text-gray-400">分组:</span>
+            {(["order", "device"] as const).map(m => (
+              <button key={m} onClick={() => setGroupBy(m)} className={`rounded-full px-3 py-1 text-xs font-medium transition-colors ${groupBy === m ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-500 hover:bg-gray-200"}`}>
+                {m === "order" ? "按订单" : "按设备"}
+              </button>
+            ))}
+          </div>
+          <div className="flex gap-1">
+            <button onClick={() => setExpandedGroups(new Set(productGroups.map(g => g.groupKey)))}
+              className="rounded px-2 py-1 text-[11px] text-blue-600 hover:bg-blue-50">全部展开</button>
+            <button onClick={() => setExpandedGroups(new Set())}
+              className="rounded px-2 py-1 text-[11px] text-gray-400 hover:bg-gray-100">全部折叠</button>
+          </div>
+        </div>
+        <form onSubmit={handleSearch} className="flex items-center gap-2">
+          <div className="relative flex-1 max-w-xl">
+            <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400" />
+            <input type="text" value={keyword} onChange={(e) => setKeyword(e.target.value)} placeholder="搜索产品身份证、业务序列号、订单号、名称、规格型号..." className="w-full rounded-lg border border-gray-200 py-2.5 pl-9 pr-3 text-sm focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100" />
+          </div>
+          <button type="submit" disabled={loading} className="flex items-center gap-1.5 rounded-lg bg-blue-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-50">
+            {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Search className="h-4 w-4" />}查询
+          </button>
+        </form>
+        <div className="mt-3 flex gap-1.5 flex-wrap">
+          <button onClick={() => setStatusFilters(new Set())}
+            className={`rounded-full px-3.5 py-1.5 text-xs font-medium transition-colors ${statusFilters.size === 0 ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`}>
+            全部
+          </button>
+          {STATUS_TABS.map(tab => {
+            const active = statusFilters.has(tab.key);
+            return (
+              <button key={tab.key} onClick={() => toggleStatusFilter(tab.key)}
+                className={`rounded-full px-3.5 py-1.5 text-xs font-medium transition-colors ${active ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`}>
+                {tab.label}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+
+      {error && <div className="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">{error}</div>}
+      {loading && <div className="flex items-center justify-center py-20"><Loader2 className="h-8 w-8 animate-spin text-blue-500" /></div>}
+
+      {/* 空态 */}
+      {!loading && products.length === 0 && !error && (
+        <div className="flex flex-col items-center justify-center py-20 text-gray-400">
+          <QrCode className="mb-3 h-12 w-12" /><p>暂无产品数据</p>
+        </div>
+      )}
+
+      {/* 🚀 分组折叠面板 */}
+      {!loading && productGroups.length > 0 && (
+        <div className="space-y-3">
+          {productGroups.map(group => {
+            const isOpen = expandedGroups.has(group.groupKey);
+            return (
+              <div key={group.groupKey} className="overflow-hidden rounded-xl bg-white shadow-sm">
+                <button onClick={() => toggleGroup(group.groupKey)} className="flex w-full items-center gap-3 px-5 py-3.5 text-left hover:bg-gray-50 transition-colors">
+                  {isOpen ? <ChevronDown className="h-4 w-4 shrink-0 text-gray-400" /> : <ChevronRight className="h-4 w-4 shrink-0 text-gray-400" />}
+                  <Package className="h-4 w-4 shrink-0 text-blue-500" />
+                  <div className="flex-1 min-w-0">
+                    <div className="flex items-center gap-2">
+                      <span className="text-sm font-semibold text-gray-800">
+                        {group.groupKey === "未绑定订单" || group.groupKey === "未命名设备"
+                          ? "📋 未分类"
+                          : groupBy === "device" ? `⚙️ 设备: ${group.groupKey}` : `📦 订单: ${group.groupKey}`}
+                      </span>
+                      <span className="text-xs text-gray-400">{group.products.length} 个产品</span>
+                    </div>
+                  </div>
+                  {group.allInWarehouse && group.products.length > 0 && (
+                    <span className="inline-flex items-center gap-1 rounded-full bg-green-50 px-2.5 py-0.5 text-xs font-medium text-green-700"><Warehouse className="h-3 w-3" />已全部入库</span>
+                  )}
+                </button>
+
+                {/* 产品卡片网格 */}
+                {isOpen && (
+                  <div className="border-t border-gray-100 px-5 py-4">
+                    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
+                      {group.products.map(p => (
+                        <div key={p.id} onClick={() => window.open(`/admin/tasks?sn=${p.serial_number}`, "_blank")} className="group relative flex cursor-pointer flex-col rounded-xl bg-white shadow-sm ring-1 ring-gray-100 transition-shadow hover:shadow-md">
+                          <div className="absolute top-2 right-2 flex gap-1 opacity-0 transition-opacity group-hover:opacity-100 z-10">
+                            <button onClick={(e) => { e.stopPropagation(); openEdit(p); }} className="rounded-lg bg-white p-1.5 text-gray-400 shadow-sm hover:bg-blue-50 hover:text-blue-600"><Pencil className="h-3.5 w-3.5" /></button>
+                            <button onClick={(e) => { e.stopPropagation(); confirmDelete(p); }} className="rounded-lg bg-white p-1.5 text-gray-400 shadow-sm hover:bg-red-50 hover:text-red-500"><Trash2 className="h-3.5 w-3.5" /></button>
+                          </div>
+                          <div className="flex flex-col items-center px-4 pt-5 pb-3">
+                            <img src={`${QR_BASE}/${p.serial_number}`} alt={`QR-${p.serial_number}`} className="h-32 w-32 rounded-lg border border-gray-100" loading="lazy" />
+                            <p className="mt-3 font-mono text-sm font-bold tracking-wider text-gray-800">{p.serial_number}</p>
+                            <div className="mt-1 flex flex-wrap items-center justify-center gap-1.5">
+                              {(() => {
+                                const cfg = getStatusConfig(p.macro_status || p.status);
+                                return cfg.label ? (
+                                  <span className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${cfg.bg} ${cfg.text}`}>{cfg.label}</span>
+                                ) : null;
+                              })()}
+                              {/* 🔧 发货测试 / 售后维修 — 仅「测试 / 维修」工序下显示 */}
+                              {(() => {
+                                const lb = lifecycleBadge(p.overall_status, p.lifecycle_phase);
+                                return lb ? (
+                                  <span className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-bold ${lb.className}`}>{lb.label}</span>
+                                ) : null;
+                              })()}
+                            </div>
+                          </div>
+                          <div className="flex-1 space-y-2 border-t border-gray-50 px-4 py-3">
+                            <InfoRow icon={Package} label="物料名称" value={p.material_name || p.material_id || "—"} />
+                            <InfoRow icon={Barcode} label="产品序列号" value={p.external_serial || "—"} />
+                            <InfoRow icon={Hash} label="规格型号" value={p.spec_model || "—"} />
+                            <InfoRow icon={Tag} label="订单编号" value={p.order_no || "—"} />
+                            <InfoRow icon={MapPin} label="当前位置" value={p.current_location_name || p.current_location_id || "—"} />
+                            <div className="flex items-center gap-2 text-xs">
+                              <Timer className="h-3 w-3 shrink-0 text-gray-400" />
+                              <span className="shrink-0 text-gray-400">当前人时间</span>
+                              {(() => {
+                                const h = p.active_duration_hours;
+                                if (h == null) return <span className="truncate font-medium text-gray-700">—</span>;
+                                const cls = h >= 24 ? "bg-red-50 text-red-600" : h >= 1 ? "bg-orange-50 text-orange-600" : "bg-emerald-50 text-emerald-600";
+                                return <span className={`rounded-md px-1.5 py-0.5 font-bold ${cls}`}>{formatDuration(h)}</span>;
+                              })()}
+                            </div>
+                            <InfoRow icon={CalendarDays} label="生产总天数" value={`${p.production_days ?? formatProductionDays(p.created_at)} 天`} />
+                            <InfoRow icon={CalendarDays} label="生产总天数(工作日)" value={p.production_days_workdays != null ? `${p.production_days_workdays} 天` : "—"} />
+                            <InfoRow icon={Clock} label="创建时间" value={new Date(p.created_at).toLocaleDateString("zh-CN")} />
+                          </div>
+                          <div className="space-y-2 border-t border-gray-50 px-4 py-3">
+                            {isAdmin && (
+                              <button onClick={(e) => { e.stopPropagation(); openFinalize(p); }} className="flex w-full items-center justify-center gap-1.5 rounded-lg border border-indigo-200 bg-indigo-50 py-2 text-xs font-medium text-indigo-700 hover:bg-indigo-100 hover:border-indigo-300">
+                                🏷 收口：入库 / 出库
+                              </button>
+                            )}
+                            <button onClick={(e) => { e.stopPropagation(); handleOpenPrint(p); }} className="flex w-full items-center justify-center gap-1.5 rounded-lg border border-blue-200 bg-blue-50 py-2 text-xs font-medium text-blue-700 hover:bg-blue-100 hover:border-blue-300">
+                              <Printer className="h-3.5 w-3.5" />打印标签
+                            </button>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      )}
+
+      <CreateProductDialog open={showCreate} onClose={() => setShowCreate(false)} onCreated={loadProducts} />
+
+      {/* 打印预览弹窗 */}
+      {printTarget && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center">
+          <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" onClick={() => !printing && setPrintTarget(null)} />
+          <div className="relative z-10 mx-4 w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl">
+            <div className="mb-4 flex items-center justify-between"><h3 className="text-base font-bold text-gray-800">标签打印预览</h3><button onClick={() => setPrintTarget(null)} disabled={printing} className="rounded-lg p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600"><X className="h-4 w-4" /></button></div>
+            <div className="mb-4 flex justify-center">{printLoading || !previewUrl ? <div className="flex h-48 w-full items-center justify-center rounded-lg bg-gray-50"><Loader2 className="h-8 w-8 animate-spin text-blue-500" /></div> : <img src={previewUrl} alt="预览" className="max-h-64 rounded-lg border border-gray-200" />}</div>
+            <p className="mb-4 text-center font-mono text-sm font-bold tracking-wider text-gray-700">{printTarget.serial_number}</p>
+            <div className="mb-4 flex items-center justify-between"><span className="text-sm text-gray-600">打印份数</span><div className="flex items-center gap-2"><button onClick={() => setPrintCopies(c => Math.max(1, c - 1))} className="rounded border px-2.5 py-1 text-sm">−</button><span className="w-8 text-center text-sm font-semibold">{printCopies}</span><button onClick={() => setPrintCopies(c => Math.min(100, c + 1))} className="rounded border px-2.5 py-1 text-sm">+</button></div></div>
+            <div className="flex justify-end gap-2"><button onClick={() => setPrintTarget(null)} disabled={printing} className="rounded-lg border px-4 py-2 text-sm text-gray-600">取消</button><button onClick={handleConfirmPrint} disabled={printing || printLoading} className="flex items-center gap-1.5 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white">{printing && <Loader2 className="h-3.5 w-3.5 animate-spin" />}确认打印</button></div>
+          </div>
+        </div>
+      )}
+
+      {/* 编辑弹窗 */}
+      {editTarget && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center">
+          <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" onClick={() => !editSaving && setEditTarget(null)} />
+          <div className="relative z-10 mx-4 w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl">
+            <div className="mb-5 flex items-center justify-between"><h3 className="text-base font-bold text-gray-800">编辑产品</h3><button onClick={() => setEditTarget(null)} disabled={editSaving} className="rounded-lg p-1 text-gray-400 hover:bg-gray-100"><X className="h-4 w-4" /></button></div>
+            <p className="mb-4 font-mono text-sm text-gray-500">产品ID: {editTarget.serial_number}</p>
+            <div className="space-y-4">
+              <div><label className="mb-1 block text-sm font-medium text-gray-700">订单编号</label><input value={editOrderNo} onChange={e => setEditOrderNo(e.target.value)} className="w-full rounded-lg border border-gray-200 px-3 py-2.5 text-sm focus:border-blue-400 focus:outline-none" /></div>
+              <div><label className="mb-1 block text-sm font-medium text-gray-700">产品序列号</label><input value={editExternalSerial} onChange={e => setEditExternalSerial(e.target.value)} className="w-full rounded-lg border border-gray-200 px-3 py-2.5 text-sm focus:border-blue-400 focus:outline-none" /></div>
+            </div>
+            <div className="mt-6 flex justify-end gap-2"><button onClick={() => setEditTarget(null)} disabled={editSaving} className="rounded-lg border px-4 py-2 text-sm text-gray-600">取消</button><button onClick={handleSaveEdit} disabled={editSaving} className="flex items-center gap-1.5 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white">{editSaving && <Loader2 className="h-3.5 w-3.5 animate-spin" />}<Save className="h-3.5 w-3.5" />保存</button></div>
+          </div>
+        </div>
+      )}
+
+      {/* 收口弹窗（入库/出库，仅管理员） */}
+      {finalizeTarget && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center">
+          <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" onClick={() => !finalizing && setFinalizeTarget(null)} />
+          <div className="relative z-10 mx-4 w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl">
+            <div className="mb-4 flex items-center justify-between"><h3 className="text-base font-bold text-gray-800">产品状态收口</h3><button onClick={() => setFinalizeTarget(null)} disabled={finalizing} className="rounded-lg p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600"><X className="h-4 w-4" /></button></div>
+            <p className="mb-1 font-mono text-sm font-bold text-gray-700">{finalizeTarget.serial_number}</p>
+            <p className="mb-4 text-xs text-gray-500">当前：{getStatusConfig(finalizeTarget.macro_status || finalizeTarget.status).label || "—"} ｜ 位置：{finalizeTarget.current_location_name || finalizeTarget.current_location_id || "—"}</p>
+            <div className="mb-4 space-y-2">
+              {(["已入库", "已出库"] as const).map(s => (
+                <label key={s} onClick={(e) => e.stopPropagation()} className={`flex cursor-pointer items-center gap-2 rounded-lg border px-3 py-2.5 text-sm ${finalizeStatus === s ? "border-indigo-400 bg-indigo-50 text-indigo-700" : "border-gray-200 text-gray-700 hover:bg-gray-50"}`}>
+                  <input type="radio" name="finalizeStatus" checked={finalizeStatus === s} onChange={() => setFinalizeStatus(s)} className="accent-indigo-600" />
+                  {s === "已入库" ? "入库（仓库实收 / ARCHIVED）" : "出库（发货 / OUTBOUND）"}
+                </label>
+              ))}
+            </div>
+            <p className="mb-3 text-xs text-amber-600">⚠ 收口为最终状态：若该产品仍有进行中/待接收任务，将一并结束为完工。</p>
+            <div className="mb-4"><label className="mb-1 block text-xs font-medium text-gray-600">备注（选填）</label><input value={finalizeNote} onChange={(e) => setFinalizeNote(e.target.value)} placeholder="例如：纠错补录" className="w-full rounded-lg border border-gray-200 px-3 py-2 text-sm focus:border-indigo-400 focus:outline-none" disabled={finalizing} /></div>
+            <div className="mb-4">
+              <label className="mb-1 block text-xs font-medium text-gray-600">输入产品身份证以确认</label>
+              <input
+                value={finalizeSerialInput}
+                onChange={(e) => setFinalizeSerialInput(e.target.value)}
+                placeholder={finalizeTarget.serial_number}
+                maxLength={16}
+                disabled={finalizing}
+                className="w-full rounded-lg border border-gray-200 px-3 py-2 font-mono text-sm focus:border-red-400 focus:outline-none"
+              />
+              <p className={`mt-1 text-[11px] ${finalizeCountdown > 0 ? "text-amber-600" : "text-red-600"}`}>
+                {finalizeCountdown > 0
+                  ? `⏳ ${finalizeCountdown}s 确认等待中：请核对目标状态与产品身份证`
+                  : finalizeSerialInput === finalizeTarget.serial_number
+                    ? "✅ 已核验，可确认收口"
+                    : `⚠ 请完整输入：${finalizeTarget.serial_number}`}
+              </p>
+            </div>
+            <div className="flex items-center justify-end gap-2">
+              <button onClick={() => setFinalizeTarget(null)} disabled={finalizing} className="rounded-lg border px-4 py-2 text-sm text-gray-600">取消</button>
+              <button onClick={handleFinalize} disabled={!canConfirmFinalize || finalizing} className="flex items-center gap-1.5 rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700 disabled:cursor-not-allowed disabled:opacity-50">
+                {finalizing ? (<><Loader2 className="h-3.5 w-3.5 animate-spin" />收口中...</>) : (finalizeCountdown > 0 ? `确认收口为 ${finalizeStatus} (${finalizeCountdown}s)` : `确认收口为 ${finalizeStatus}`)}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* 删除确认弹窗 */}
+      {deleteTarget && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center">
+          <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" onClick={() => !deleting && setDeleteTarget(null)} />
+          <div className="relative z-10 mx-4 w-full max-w-sm rounded-xl bg-white p-6 shadow-2xl">
+            <div className="mb-4 flex items-center gap-3"><div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-red-100"><AlertTriangle className="h-5 w-5 text-red-600" /></div><div><h3 className="text-base font-bold text-gray-800">危险操作</h3><p className="text-xs text-gray-500">删除产品及其全部关联数据</p></div></div>
+            <p className="mb-4 text-sm text-gray-600">将永久删除 <span className="font-mono font-bold">{deleteTarget.serial_number}</span> 及其所有任务、记录和二维码。</p>
+            <div className="mb-4"><label className="mb-1 block text-xs font-medium text-gray-600">请输入产品身份证以确认删除</label><input value={serialInput} onChange={e => setSerialInput(e.target.value)} placeholder={deleteTarget.serial_number} maxLength={16} className="w-full rounded-lg border border-gray-200 px-3 py-2 font-mono text-sm focus:border-red-400 focus:outline-none" disabled={deleting} /></div>
+            <div className="flex items-center justify-end gap-2"><button onClick={() => setDeleteTarget(null)} disabled={deleting} className="rounded-lg border px-4 py-2 text-sm text-gray-600">取消</button><button onClick={handleDelete} disabled={!canConfirmDelete || deleting} className="flex items-center gap-1.5 rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white disabled:cursor-not-allowed disabled:opacity-50">{deleting ? <><Loader2 className="h-3.5 w-3.5 animate-spin" />删除中...</> : canConfirmDelete ? <><Trash2 className="h-3.5 w-3.5" />确认删除</> : <>确认删除 ({countdown}s)</>}</button></div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function InfoRow({ icon: Icon, label, value }: { icon: React.ComponentType<{ className?: string }>; label: string; value: string }) {
+  return <div className="flex items-center gap-2 text-xs"><Icon className="h-3 w-3 shrink-0 text-gray-400" /><span className="shrink-0 text-gray-400">{label}</span><span className="truncate font-medium text-gray-700">{value}</span></div>;
+}
+
+/** 滞留时长格式化：小时 → 天/小时/分钟 */
+function formatDuration(hours: number | null): string {
+  if (hours == null) return "—";
+  if (hours >= 24) return `${Math.round(hours / 24)}天`;
+  if (hours >= 1) return `${Math.round(hours)}小时`;
+  return `${Math.max(1, Math.round(hours * 60))}分钟`;
+}
+
+/** 生产总天数：从产品创建（created_at）到现在，向上取整，最少 1 天 */
+function formatProductionDays(createdAt: string): string {
+  const days = Math.max(1, Math.ceil((Date.now() - new Date(createdAt).getTime()) / 86400000));
+  return `${days} 天`;
+}
diff --git a/frontend/src/pages/admin/AdminTasksPage.tsx b/frontend/src/pages/admin/AdminTasksPage.tsx
new file mode 100644
index 0000000..8b2e817
--- /dev/null
+++ b/frontend/src/pages/admin/AdminTasksPage.tsx
@@ -0,0 +1,929 @@
+/** 任务全景 Dashboard — 按订单聚合 + 关键词搜索 + 状态筛选 */
+import { useState, useEffect, useMemo, useCallback } from "react";
+import { useSearchParams } from "react-router-dom";
+import {
+  Search, Loader2, Package, ChevronDown, ChevronRight,
+  Warehouse, GitBranch, X, ArrowUp, ArrowDown, ArrowUpDown, Filter, Columns,
+} from "lucide-react";
+import { Tooltip, Popover, Checkbox, Input, Button } from "antd";
+import api from "../../services/api";
+import { scanProduct } from "../../services/productApi";
+import {
+  receiveTask, rejectTask, transferTask,
+} from "../../services/taskApi";
+import { TaskFlowView } from "../../components/TaskTree/TaskFlowView";
+import type { ModalTarget } from "../../components/TaskTree/TaskTreeViewer";
+import { Modal, ReceiveConfirmModal, RejectModal, TransferModal } from "../../components/TaskTree/TaskTreeViewer";
+import type { ProductResponse } from "../../types/admin";
+import type { ProductScanResponse } from "../../types/api";
+import { useToast } from "../../components/ui/Toast";
+import { getStatusConfig, lifecycleBadge, ALL_OVERALL_OPTIONS } from "../../constants/task";
+import { useAuth } from "../../contexts/AuthContext";
+import { extractErrorMessage } from "../../utils/errorMessage";
+
+const STATUS_TABS: { key: string; label: string; accent?: boolean }[] = [
+  { key: "PENDING", label: "待接收" },
+  { key: "WIP", label: "进行中" },
+  { key: "COMPLETED", label: "已完成" },
+  { key: "ARCHIVED", label: "已入库" },
+  { key: "OUTBOUND", label: "已出库" },
+  // 🔧 售后流转中 = 出库回流设备中正在流转的（lifecycle_phase=AFTER_SALES 且 当前 WIP）。
+  //    它与上面几个"状态码"不是同一维度（靠 lifecycle_phase 判定），故单列一个独立 key；
+  //    多选时与其它状态是「或」关系 —— 只勾它即可一键剥离全部生产数据。
+  { key: "AFTER_SALES_WIP", label: "售后流转中", accent: true },
+];
+
+type SortOrder = "asc" | "desc";
+
+interface ColumnDef {
+  key: string;
+  label: string;
+  colSpan: number;
+  sortable?: boolean;
+  sortValue?: (p: ProductResponse) => string | number;
+  filterType?: "text" | "enum";
+  getFilterValue?: (p: ProductResponse) => string;
+  enumOptions?: { value: string; label: string }[];
+  render: (p: ProductResponse) => React.ReactNode;
+}
+
+interface OrderGroup {
+  orderNo: string;
+  products: ProductResponse[];
+  allInWarehouse: boolean;
+  allCompleted: boolean;
+}
+
+/** 滞留时长格式化：小时 → 天/小时/分钟 */
+function formatDuration(hours: number | null): string {
+  if (hours == null) return "—";
+  if (hours >= 24) return `${Math.round(hours / 24)}天`;
+  if (hours >= 1) return `${Math.round(hours)}小时`;
+  return `${Math.max(1, Math.round(hours * 60))}分钟`;
+}
+
+export default function AdminTasksPage() {
+  const { toast } = useToast();
+  const { user: currentUser } = useAuth();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  // 搜索 & 筛选
+  // 从大屏下钻: ?search=xxx 灌进搜索框、?status=WIP,ARCHIVED 点亮状态 Tabs
+  // —— 直接复用原生筛选状态，表现与用户手点完全一致，不引入任何额外 UI
+  const [keyword, setKeyword] = useState(() => searchParams.get("search") || "");
+  const [statusFilters, setStatusFilters] = useState<Set<string>>(
+    () => new Set((searchParams.get("status") || "").split(",").map((s) => s.trim()).filter(Boolean)),
+  );
+  const [groupBy, setGroupBy] = useState<"order" | "device">("device");
+  const [products, setProducts] = useState<ProductResponse[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  // 手风琴展开状态
+  const [expandedOrders, setExpandedOrders] = useState<Set<string>>(new Set());
+
+  // 🔧 排他展开：同时只展开一个产品的流转树
+  const [activeTreeProductId, setActiveTreeProductId] = useState<string | null>(null);
+  const [taskTrees, setTaskTrees] = useState<Record<string, ProductScanResponse | null>>({});
+  const [treeLoading, setTreeLoading] = useState<Record<string, boolean>>({});
+
+  // 弹窗
+  const [modalTarget, setModalTarget] = useState<ModalTarget | null>(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [qrSerial, setQrSerial] = useState<string | null>(null); // 🔧 QR弹窗
+
+  // ---- 列配置（10列）----
+  const columns: ColumnDef[] = [
+    {
+      key: "serial_number", label: "产品身份证", colSpan: 2,
+      sortable: true, sortValue: (p) => p.serial_number,
+      filterType: "text", getFilterValue: (p) => p.serial_number,
+      render: (p) => (
+        <div className="font-mono text-xs font-semibold text-gray-800 tracking-wider cursor-pointer hover:text-blue-600 underline decoration-dotted" onClick={() => setQrSerial(p.serial_number)} title="点击查看二维码">{p.serial_number}</div>
+      ),
+    },
+    {
+      key: "external_serial", label: "序列号", colSpan: 1,
+      sortable: true, sortValue: (p) => p.external_serial || "",
+      filterType: "text", getFilterValue: (p) => p.external_serial || "",
+      render: (p) => <div className="font-mono text-xs text-gray-600 truncate">{p.external_serial || "—"}</div>,
+    },
+    {
+      key: "spec", label: "规格型号", colSpan: 2,
+      filterType: "text", getFilterValue: (p) => p.spec_model || p.material_name || p.material_id || "",
+      render: (p) => <div className="text-xs text-gray-500 truncate">{p.spec_model || p.material_name || p.material_id || "—"}</div>,
+    },
+    {
+      key: "current_step", label: "当前工序", colSpan: 1,
+      // 🔧 改用后端派生的 current_step，而不是 overall_status ——
+      //    后者的取值被"最新主干任务名"覆盖（含已 COMPLETED 的历史工序），
+      //    会让「扫码出库 / 测试 / 发货测试」等已完结工序冒充"当前工序"。
+      //    current_step 只认活跃主干任务；无活跃任务时返回终态或空。
+      filterType: "enum", getFilterValue: (p) => p.current_step || "—",
+      // 🔧 筛选用两阶段并集：售后设备的「发货测试 / 售后维修」也要能被筛出来
+      enumOptions: ALL_OVERALL_OPTIONS.map((v) => ({ value: v, label: v })),
+      render: (p) => {
+        const lb = lifecycleBadge(p.current_step, p.lifecycle_phase);
+        return (
+          <span className="flex items-center gap-1.5">
+            <span className="text-xs font-medium text-gray-700">{p.current_step || "—"}</span>
+            {lb && (
+              <span className={`shrink-0 rounded-full px-1.5 py-0.5 text-[10px] font-bold leading-none ${lb.className}`}>
+                {lb.label}
+              </span>
+            )}
+          </span>
+        );
+      },
+    },
+    {
+      key: "status", label: "产品状态", colSpan: 1,
+      filterType: "enum", getFilterValue: (p) => (p.macro_status || p.status).toUpperCase(),
+      enumOptions: [
+        { value: "PENDING", label: "待接收" },
+        { value: "WIP", label: "进行中" },
+        { value: "COMPLETED", label: "已完成" },
+        { value: "ARCHIVED", label: "已入库" },
+        { value: "OUTBOUND", label: "已出库" },
+      ],
+      render: (p) => {
+        const statusCfg = getStatusConfig(p.macro_status || p.status);
+        return <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium ${statusCfg.bg} ${statusCfg.text}`}>{statusCfg.label}</span>;
+      },
+    },
+    {
+      key: "location", label: "当前位置", colSpan: 1,
+      filterType: "enum",
+      getFilterValue: (p) => p.current_location_id === "virtual_warehouse" ? "仓库" : (p.current_location_name || p.current_location_id || "—"),
+      render: (p) => (
+        <div className="text-xs text-gray-500 truncate">
+          {p.current_location_id === "virtual_warehouse" ? <span className="inline-flex items-center gap-1 text-purple-600">🏭 仓库</span> : (p.current_location_name || p.current_location_id || "—")}
+        </div>
+      ),
+    },
+    {
+      key: "active_duration", label: "当前人滞留", colSpan: 1,
+      sortable: true, sortValue: (p) => p.active_duration_hours ?? -1,
+      render: (p) => {
+        const h = p.active_duration_hours;
+        if (h == null) return <span className="text-xs text-gray-300">—</span>;
+        const cls = h >= 24 ? "bg-red-50 text-red-600" : h >= 1 ? "bg-orange-50 text-orange-600" : "bg-emerald-50 text-emerald-600";
+        return <span className={`rounded-md px-1.5 py-0.5 text-xs font-bold ${cls}`}>{formatDuration(h)}</span>;
+      },
+    },
+    {
+      key: "latest", label: "最新动态", colSpan: 2,
+      sortable: true, sortValue: (p) => p.latest_record_time ? new Date(p.latest_record_time).getTime() : 0,
+      filterType: "text",
+      getFilterValue: (p) => {
+        const t = p.latest_record_time ? new Date(p.latest_record_time).toLocaleString("zh-CN") : "";
+        return `${p.latest_record_assignee_name || ""} ${p.latest_record_content || ""} ${t}`;
+      },
+      render: (p) => (
+        p.latest_record_time ? (
+          <Tooltip title={(p.latest_record_assignee_name ? `${p.latest_record_assignee_name}: ` : "") + (p.latest_record_content || "") + (p.latest_record_has_images ? " [含图片]" : "")}>
+            <div className="cursor-default">
+              <div className="text-[10px] text-gray-400">{new Date(p.latest_record_time).toLocaleString("zh-CN", { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" })}</div>
+              <div className="mt-0.5 flex items-center gap-1 truncate text-[11px] text-gray-600">
+                {p.latest_record_has_images && <span className="shrink-0">📷</span>}
+                <span className="truncate">
+                  {p.latest_record_assignee_name && <span className="font-medium text-gray-700">{p.latest_record_assignee_name}: </span>}
+                  {p.latest_record_content || (p.latest_record_has_images ? "图片记录" : "—")}
+                </span>
+              </div>
+            </div>
+          </Tooltip>
+        ) : <span className="text-gray-300">—</span>
+      ),
+    },
+    {
+      key: "created_at", label: "创建时间", colSpan: 2,
+      sortable: true, sortValue: (p) => new Date(p.created_at).getTime(),
+      filterType: "text", getFilterValue: (p) => new Date(p.created_at).toLocaleDateString("zh-CN"),
+      render: (p) => <div className="text-xs text-gray-400">{new Date(p.created_at).toLocaleDateString("zh-CN")}</div>,
+    },
+    {
+      key: "actions", label: "操作", colSpan: 2,
+      render: (p) => {
+        const isTreeLoading = treeLoading[p.serial_number];
+        return (
+          <button onClick={() => openTreeModal(p.serial_number)} className="flex items-center gap-1 rounded border border-blue-200 px-2.5 py-1 text-xs font-medium text-blue-600 hover:bg-blue-50 transition-colors">
+            {isTreeLoading ? <Loader2 className="h-3 w-3 animate-spin" /> : <GitBranch className="h-3 w-3" />}
+            流转树
+          </button>
+        );
+      },
+    },
+  ];
+
+  // ---- 列顺序 / 行排序 / 列筛选状态 ----
+  const [columnOrder, setColumnOrder] = useState<string[]>(() => columns.map((c) => c.key));
+  const [sort, setSort] = useState<{ key: string; order: SortOrder } | null>(null);
+  const [textFilters, setTextFilters] = useState<Record<string, string>>({});
+  // 从大屏下钻: ?stage=测试 → 点亮「当前工序」列的筛选（该列显示值对空状态用「—」，
+  // 故「待启动」需折算成「—」才能命中）
+  const [enumFilters, setEnumFilters] = useState<Record<string, Set<string>>>(() => {
+    const stage = searchParams.get("stage");
+    const initial: Record<string, Set<string>> = {};
+    if (stage) initial.overall_status = new Set([stage === "待启动" ? "—" : stage]);
+    return initial;
+  });
+  const [dragCol, setDragCol] = useState<string | null>(null);
+  const [dragOverCol, setDragOverCol] = useState<string | null>(null);
+  // 🔧 列显隐：默认全部显示，勾选取消的列从表格中去掉（操作列始终显示）
+  const [hiddenColumns, setHiddenColumns] = useState<Set<string>>(new Set());
+
+  // 从看板跳转: ?sn=xxx → 自动搜索 + 自动展开流转树
+  const autoSn = searchParams.get("sn") || "";
+
+  // ---- 加载产品列表（始终拉全量，不做服务端状态过滤） ----
+  async function loadProducts(kw: string) {
+    setLoading(true);
+    setError(null);
+    try {
+      const params: Record<string, string | number> = { limit: 1000 };
+      if (kw.trim()) params.keyword = kw.trim();
+      const { data } = await api.get<ProductResponse[]>("/products/", { params });
+      setProducts(data);
+      return data;
+    } catch {
+      setError("加载产品列表失败，请检查后端服务");
+      return [];
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  useEffect(() => {
+    if (autoSn) {
+      setKeyword(autoSn);
+      loadProducts(autoSn).then((data) => {
+        // 产品加载完成后自动打开流转树弹窗
+        const found = data.find((p: ProductResponse) => p.serial_number === autoSn);
+        if (found) openTreeModal(found.serial_number);
+      });
+    } else {
+      loadProducts(keyword);
+    }
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  function handleSearch(e?: React.FormEvent) {
+    e?.preventDefault();
+    setExpandedOrders(new Set());
+    setTaskTrees({});
+    setActiveTreeProductId(null);
+    loadProducts(keyword);
+  }
+
+  // 🚀 二维码弹窗打开时锁定背景滚动（防止滚动穿透）
+  useEffect(() => {
+    if (!qrSerial) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => { document.body.style.overflow = prev; };
+  }, [qrSerial]);
+
+  // ---- 按订单/设备分组 + 状态过滤 + 列筛选 + 组内排序 ----
+  const orderGroups = useMemo<OrderGroup[]>(() => {
+    const map = new Map<string, ProductResponse[]>();
+    for (const p of products) {
+      if (statusFilters.size > 0) {
+        const currentStatus = (p.macro_status || p.status).toUpperCase();
+        // 🔧 「售后流转中」按 lifecycle_phase 判定，与状态码不同维，单独算：
+        //    只勾它时，未勾任何状态码 → 仅留下售后回流且正在流转的设备。
+        const isAfterSalesWip =
+          p.lifecycle_phase === "AFTER_SALES" && currentStatus === "WIP";
+        const matchedByStatus = statusFilters.has(currentStatus);
+        const matchedByAfterSales = statusFilters.has("AFTER_SALES_WIP") && isAfterSalesWip;
+        if (!matchedByStatus && !matchedByAfterSales) continue;
+      }
+      // 列筛选（所有列）
+      let skip = false;
+      for (const col of columns) {
+        if (col.filterType === "text") {
+          const kw = (textFilters[col.key] || "").trim().toLowerCase();
+          if (kw && !(col.getFilterValue!(p) || "").toLowerCase().includes(kw)) { skip = true; break; }
+        } else if (col.filterType === "enum") {
+          const set = enumFilters[col.key];
+          if (set && set.size > 0 && !set.has(col.getFilterValue!(p))) { skip = true; break; }
+        }
+      }
+      if (skip) continue;
+      const key = groupBy === "device"
+        ? (p.material_name || p.material_id || "未命名设备")
+        : (p.order_no || "未绑定订单");
+      if (!map.has(key)) map.set(key, []);
+      map.get(key)!.push(p);
+    }
+    return Array.from(map.entries())
+      .sort(([a], [b]) => a.localeCompare(b))
+      .map(([orderNo, prods]) => {
+        // 组内排序（升/降）
+        let sorted = prods;
+        if (sort) {
+          const col = columns.find((c) => c.key === sort!.key);
+          if (col?.sortValue) {
+            sorted = [...prods].sort((a, b) => {
+              const va = col.sortValue!(a);
+              const vb = col.sortValue!(b);
+              const cmp = (typeof va === "number" && typeof vb === "number")
+                ? va - vb
+                : String(va ?? "").localeCompare(String(vb ?? ""));
+              return sort!.order === "asc" ? cmp : -cmp;
+            });
+          }
+        }
+        return {
+          orderNo,
+          products: sorted,
+          // 已入库 = MOM 已扫码实收 (macro_status==ARCHIVED)，而非仅"在仓库位置"
+          allInWarehouse: prods.every(
+            (p) => (p.macro_status || p.status).toUpperCase() === "ARCHIVED"
+          ),
+          allCompleted: prods.every(
+            (p) => (p.macro_status || p.status).toUpperCase() === "COMPLETED"
+          ),
+        };
+      });
+  }, [products, statusFilters, groupBy, textFilters, enumFilters, sort]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  /** 删除 URL 上的指定跳转预设参数（只删传入的 key，不动其它无关参数） */
+  function clearUrlPresets(keys: string[]) {
+    const hit = keys.filter((k) => searchParams.has(k));
+    if (hit.length === 0) return;
+    const next = new URLSearchParams(searchParams);
+    hit.forEach((k) => next.delete(k));
+    setSearchParams(next, { replace: true });
+  }
+
+  /**
+   * 解锁大屏带过来的 ?stage —— URL 参数与本地列筛选一起清掉。
+   *
+   * 该筛选只应在「从大屏跳进来的那一刻」生效一次。它藏在列筛选浮层里，
+   * 界面上几乎不可见，若不清除会与状态 Tab 叠加成互斥条件、筛出空列表，
+   * 用户却找不到原因。用户手动改了任何分类条件 = 最新意图优先。
+   */
+  function clearStageLock() {
+    clearUrlPresets(["stage"]);
+    setEnumFilters((prev) => {
+      if (!prev.overall_status) return prev;
+      const next = { ...prev };
+      delete next.overall_status;
+      return next;
+    });
+  }
+
+  /** 全局重置：清空全部筛选条件与跳转预设，并强制一次无条件全量查询 */
+  function handleReset() {
+    // stage（工序锁）与 sn（设备定位）都是跳转带进来的预设，重置时一并丢弃，
+    // 否则用户刷新页面会被旧条件"复活"回去
+    clearUrlPresets(["stage", "sn"]);
+    setKeyword("");
+    setStatusFilters(new Set());
+    setTextFilters({});
+    setEnumFilters({});
+    setSort(null);
+    setExpandedOrders(new Set());
+    setTaskTrees({});
+    setActiveTreeProductId(null);
+    loadProducts("");
+  }
+
+  // 用户手动切换状态分类 = 最新意图，丢弃大屏带来的工序限制
+  function toggleStatusFilter(key: string) {
+    clearStageLock();
+    setStatusFilters((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key); else next.add(key);
+      return next;
+    });
+  }
+
+  // ---- 列头排序：无 → 升序 → 降序 → 无 ----
+  function toggleSort(key: string) {
+    setSort((prev) => {
+      if (!prev || prev.key !== key) return { key, order: "asc" };
+      if (prev.order === "asc") return { key, order: "desc" };
+      return null;
+    });
+  }
+
+  // ---- 列显隐：勾选=显示，取消=隐藏（操作列始终显示） ----
+  function toggleColumnVisible(key: string) {
+    setHiddenColumns((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key); else next.add(key);
+      return next;
+    });
+  }
+
+  // ---- 枚举列多选筛选 ----
+  function toggleEnumFilter(key: string, value: string) {
+    setEnumFilters((prev) => {
+      const cur = prev[key] || new Set<string>();
+      const next = new Set(cur);
+      if (next.has(value)) next.delete(value); else next.add(value);
+      const copy = { ...prev };
+      if (next.size === 0) delete copy[key];
+      else copy[key] = next;
+      return copy;
+    });
+  }
+
+  // ---- 列头拖拽换序 ----
+  function onDragStart(e: React.DragEvent, key: string) {
+    setDragCol(key);
+    e.dataTransfer.effectAllowed = "move";
+  }
+  function onDragOver(e: React.DragEvent, key: string) {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    setDragOverCol(key);
+  }
+  function onDrop(e: React.DragEvent, targetKey: string) {
+    e.preventDefault();
+    if (!dragCol || dragCol === targetKey) { setDragCol(null); setDragOverCol(null); return; }
+    setColumnOrder((prev) => {
+      const next = [...prev];
+      const from = next.indexOf(dragCol);
+      const to = next.indexOf(targetKey);
+      if (from < 0 || to < 0) return prev;
+      next.splice(from, 1);
+      next.splice(to, 0, dragCol);
+      return next;
+    });
+    setDragCol(null);
+    setDragOverCol(null);
+  }
+
+  // 🔧 默认全部展开
+  useEffect(() => {
+    setExpandedOrders(new Set(orderGroups.map(g => g.orderNo)));
+  }, [orderGroups]);
+
+  // ---- 手风琴切换 ----
+  function toggleOrder(orderNo: string) {
+    setExpandedOrders((prev) => {
+      const next = new Set(prev);
+      if (next.has(orderNo)) next.delete(orderNo);
+      else next.add(orderNo);
+      return next;
+    });
+  }
+
+  // ---- 流转树宽屏弹窗（懒加载，缓存到 taskTrees） ----
+  function openTreeModal(serialNumber: string) {
+    setActiveTreeProductId(serialNumber);
+    if (!taskTrees[serialNumber]) {
+      setTreeLoading((s) => ({ ...s, [serialNumber]: true }));
+      scanProduct(serialNumber)
+        .then((result) => setTaskTrees((s) => ({ ...s, [serialNumber]: result })))
+        .catch((err: unknown) => toast(extractErrorMessage(err, "加载任务树失败"), "error"))
+        .finally(() => setTreeLoading((s) => ({ ...s, [serialNumber]: false })));
+    }
+  }
+  function closeTreeModal() {
+    setActiveTreeProductId(null);
+  }
+
+  // ---- 任务操作 ----
+  const refreshProductTree = useCallback(async (serialNumber: string) => {
+    try {
+      const result = await scanProduct(serialNumber);
+      setTaskTrees((s) => ({ ...s, [serialNumber]: result }));
+    } catch { /* 静默 */ }
+  }, []);
+
+  async function handleReceive() {
+    if (!modalTarget) return;
+    setSubmitting(true);
+    try {
+      await receiveTask(modalTarget.task.id);
+      toast("任务已接收", "success");
+      const sn = modalTarget.task.product_sn || "";
+      setModalTarget(null);
+      if (sn) await refreshProductTree(sn);
+      await loadProducts(keyword);
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "接收失败"), "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  async function handleReject(reason: string, images: string[]) {
+    if (!modalTarget) return;
+    setSubmitting(true);
+    try {
+      await rejectTask(modalTarget.task.id, reason, images);
+      toast("任务已驳回", "success");
+      const sn = modalTarget.task.product_sn || "";
+      setModalTarget(null);
+      if (sn) await refreshProductTree(sn);
+      await loadProducts(keyword);
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "驳回失败"), "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  async function handleTransfer(
+    nextTaskName: string,
+    assignees: string[],
+    note: string,
+    finishDirectly: boolean,
+  ) {
+    if (!modalTarget) return;
+    setSubmitting(true);
+    try {
+      const result = await transferTask(
+        modalTarget.task.id, assignees, nextTaskName, note || undefined, finishDirectly,
+      );
+      toast(result.message, "success");
+      const sn = modalTarget.task.product_sn || "";
+      setModalTarget(null);
+      if (sn) await refreshProductTree(sn);
+      await loadProducts(keyword);
+    } catch (err: any) {
+      toast(extractErrorMessage(err, "转交失败"), "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  // ---- 渲染 ----
+  const modalTask = modalTarget?.task ?? null;
+
+  // 按当前列顺序渲染的列
+  const orderedColumns = columnOrder
+    .map((key) => columns.find((c) => c.key === key))
+    .filter((c): c is ColumnDef => !!c);
+
+  // 🔧 实际显示的列（排除被隐藏的）+ 动态总跨度
+  const visibleColumns = orderedColumns.filter((c) => !hiddenColumns.has(c.key));
+  const visibleSpan = visibleColumns.reduce((s, c) => s + c.colSpan, 0);
+
+  // 列设置面板内容（列显隐）
+  function renderColumnPanel() {
+    const toggleable = columns.filter((c) => c.key !== "actions");
+    return (
+      <div className="max-h-80 w-48 overflow-auto p-2">
+        {toggleable.map((col) => (
+          <label key={col.key} className="flex cursor-pointer items-center gap-2 rounded px-1 py-1 text-xs text-gray-700 hover:bg-gray-50">
+            <Checkbox checked={!hiddenColumns.has(col.key)} onChange={() => toggleColumnVisible(col.key)} />
+            <span className="truncate">{col.label}</span>
+          </label>
+        ))}
+        <div className="mt-1 flex items-center justify-between border-t border-gray-100 pt-1.5">
+          <button onClick={() => setHiddenColumns(new Set())} className="text-xs text-blue-600 hover:underline">全部显示</button>
+          <span className="text-[10px] text-gray-300">操作列固定</span>
+        </div>
+      </div>
+    );
+  }
+
+  // 列筛选面板内容
+  function renderFilterPanel(col: ColumnDef) {
+    if (col.filterType === "text") {
+      return (
+        <div className="w-52 p-2">
+          <Input
+            size="small"
+            placeholder={`筛选${col.label}`}
+            value={textFilters[col.key] || ""}
+            onChange={(e) => setTextFilters((prev) => ({ ...prev, [col.key]: e.target.value }))}
+            allowClear
+          />
+        </div>
+      );
+    }
+    // enum：优先固定选项，否则从当前数据动态去重
+    const options = col.enumOptions
+      || Array.from(new Set(products.map((p) => col.getFilterValue!(p)))).filter(Boolean).map((v) => ({ value: v, label: v }));
+    const selected = enumFilters[col.key] || new Set<string>();
+    return (
+      <div className="max-h-64 w-44 overflow-auto p-2">
+        {options.length === 0 ? (
+          <div className="py-2 text-center text-xs text-gray-400">无可用选项</div>
+        ) : options.map((opt) => (
+          <label key={opt.value} className="flex cursor-pointer items-center gap-2 rounded px-1 py-1 text-xs text-gray-700 hover:bg-gray-50">
+            <Checkbox checked={selected.has(opt.value)} onChange={() => toggleEnumFilter(col.key, opt.value)} />
+            <span className="truncate">{opt.label}</span>
+          </label>
+        ))}
+      </div>
+    );
+  }
+
+  return (
+    <div>
+      {/* ---- 标题 ---- */}
+      <div className="mb-6">
+        <h2 className="text-xl font-bold text-gray-800">任务全景 Dashboard</h2>
+        <p className="mt-1 text-sm text-gray-500">
+          按订单聚合查看产品流转状态，支持多维搜索与状态筛选
+        </p>
+      </div>
+
+      {/* ---- 搜索 + 筛选 ---- */}
+      <div className="mb-6 rounded-xl bg-white p-4 shadow-sm">
+        <div className="mb-3 flex items-center justify-between">
+          <div className="flex items-center gap-2">
+            <span className="text-xs text-gray-400">分组:</span>
+            {(["order", "device"] as const).map(m => (
+              <button key={m} onClick={() => setGroupBy(m)}
+                className={`rounded-full px-3 py-1 text-xs font-medium transition-colors ${groupBy === m ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-500 hover:bg-gray-200"}`}>
+                {m === "order" ? "按订单" : "按设备"}
+              </button>
+            ))}
+          </div>
+          <div className="flex items-center gap-1">
+            <Popover trigger="click" placement="bottomRight" content={renderColumnPanel()}>
+              <button className="flex items-center gap-1 rounded px-2 py-1 text-[11px] text-gray-500 hover:bg-gray-100 hover:text-blue-600">
+                <Columns className="h-3 w-3" />列设置
+              </button>
+            </Popover>
+            <button onClick={() => setExpandedOrders(new Set(orderGroups.map(g => g.orderNo)))}
+              className="rounded px-2 py-1 text-[11px] text-blue-600 hover:bg-blue-50">全部展开</button>
+            <button onClick={() => setExpandedOrders(new Set())}
+              className="rounded px-2 py-1 text-[11px] text-gray-400 hover:bg-gray-100">全部折叠</button>
+          </div>
+        </div>
+
+        <form onSubmit={handleSearch} className="flex items-center gap-2">
+          <div className="relative flex-1 max-w-xl">
+            <Search className="absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400" />
+            <input
+              type="text"
+              value={keyword}
+              onChange={(e) => setKeyword(e.target.value)}
+              placeholder="搜索产品身份证、业务序列号、订单号、名称、规格型号..."
+              className="w-full rounded-lg border border-gray-200 py-2.5 pl-9 pr-8 text-sm focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
+            />
+            {keyword && (
+              <button
+                type="button"
+                onClick={() => { setKeyword(""); loadProducts(""); }}
+                className="absolute right-2 top-1/2 -translate-y-1/2 rounded-full p-0.5 text-gray-400 hover:text-gray-600 hover:bg-gray-100"
+              >
+                <X className="h-4 w-4" />
+              </button>
+            )}
+          </div>
+          <button
+            type="submit"
+            disabled={loading}
+            className="flex items-center gap-1.5 rounded-lg bg-blue-600 px-5 py-2.5 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-50"
+          >
+            {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Search className="h-4 w-4" />}
+            查询
+          </button>
+          <Button onClick={handleReset} disabled={loading}>重置</Button>
+        </form>
+
+        {/* 状态筛选 Tabs（多选） */}
+        <div className="mt-3 flex gap-1.5 flex-wrap">
+          <button
+            onClick={() => { clearStageLock(); setStatusFilters(new Set()); }}
+            className={`rounded-full px-3.5 py-1.5 text-xs font-medium transition-colors ${
+              statusFilters.size === 0
+                ? "bg-blue-600 text-white"
+                : "bg-gray-100 text-gray-600 hover:bg-gray-200"
+            }`}
+          >
+            全部
+          </button>
+          {STATUS_TABS.map((tab) => {
+            const active = statusFilters.has(tab.key);
+            return (
+              <button
+                key={tab.key}
+                onClick={() => toggleStatusFilter(tab.key)}
+                className={`rounded-full px-3.5 py-1.5 text-xs font-medium transition-colors ${
+                  active
+                    ? tab.accent ? "bg-purple-600 text-white" : "bg-blue-600 text-white"
+                    : tab.accent ? "bg-purple-50 text-purple-700 hover:bg-purple-100" : "bg-gray-100 text-gray-600 hover:bg-gray-200"
+                }`}
+              >
+                {tab.label}
+              </button>
+            );
+          })}
+        </div>
+      </div>
+
+      {/* ---- 错误 ---- */}
+      {error && (
+        <div className="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
+          {error}
+        </div>
+      )}
+
+      {/* ---- 加载中 ---- */}
+      {loading && (
+        <div className="flex items-center justify-center py-20">
+          <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+        </div>
+      )}
+
+      {/* ---- 空态 ---- */}
+      {!loading && products.length === 0 && !error && (
+        <div className="flex flex-col items-center justify-center py-20 text-gray-400">
+          <Package className="mb-3 h-12 w-12" />
+          <p>暂无产品数据</p>
+          <p className="mt-1 text-sm">创建产品并绑定订单后，在此查看流转状态</p>
+        </div>
+      )}
+
+      {/* ---- 订单手风琴列表 ---- */}
+      {!loading && orderGroups.length > 0 && (
+        <div className="space-y-3">
+          {orderGroups.map((group) => {
+            const isOpen = expandedOrders.has(group.orderNo);
+            return (
+              <div
+                key={group.orderNo}
+                className="overflow-hidden rounded-xl bg-white shadow-sm"
+              >
+                {/* 订单头部 */}
+                <button
+                  onClick={() => toggleOrder(group.orderNo)}
+                  className="flex w-full items-center gap-3 px-5 py-3.5 text-left hover:bg-gray-50 transition-colors"
+                >
+                  {isOpen ? (
+                    <ChevronDown className="h-4 w-4 shrink-0 text-gray-400" />
+                  ) : (
+                    <ChevronRight className="h-4 w-4 shrink-0 text-gray-400" />
+                  )}
+                  <Package className="h-4 w-4 shrink-0 text-blue-500" />
+                  <div className="flex-1 min-w-0">
+                    <div className="flex items-center gap-2">
+                      <span className="text-sm font-semibold text-gray-800">
+                        {group.orderNo === "未绑定订单" || group.orderNo === "未命名设备"
+                          ? "📋 未分类"
+                          : groupBy === "device"
+                            ? `⚙️ 设备: ${group.orderNo}`
+                            : `📦 订单: ${group.orderNo}`}
+                      </span>
+                      <span className="text-xs text-gray-400">
+                        {group.products.length} 个产品
+                      </span>
+                    </div>
+                  </div>
+                  {/* 入库状态标签 */}
+                  {group.allInWarehouse && group.products.length > 0 && (
+                    <span className="inline-flex items-center gap-1 rounded-full bg-green-50 px-2.5 py-0.5 text-xs font-medium text-green-700">
+                      <Warehouse className="h-3 w-3" />
+                      已全部入库
+                    </span>
+                  )}
+                  {group.allCompleted && !group.allInWarehouse && group.products.length > 0 && (
+                    <span className="inline-flex items-center gap-1 rounded-full bg-orange-50 px-2.5 py-0.5 text-xs font-medium text-orange-600">
+                      <Warehouse className="h-3 w-3" />
+                      已完工待入库
+                    </span>
+                  )}
+                  {!group.allInWarehouse && !group.allCompleted && (
+                    <span className="text-xs text-gray-400">流转中</span>
+                  )}
+                </button>
+
+                {/* 订单展开内容 */}
+                {isOpen && (
+                  <div className="border-t border-gray-100">
+                    {/* 表头（可排序 / 可筛选 / 可拖拽换列 / 可显隐） */}
+                    <div className="grid gap-2 bg-gray-50 px-5 py-2 text-xs font-medium text-gray-500" style={{ gridTemplateColumns: `repeat(${visibleSpan}, minmax(0, 1fr))` }}>
+                      {visibleColumns.map((col) => {
+                        const sorted = sort?.key === col.key;
+                        const hasFilter = col.filterType === "text"
+                          ? !!(textFilters[col.key] || "").trim()
+                          : !!enumFilters[col.key]?.size;
+                        return (
+                          <div
+                            key={col.key}
+                            draggable
+                            onDragStart={(e) => onDragStart(e, col.key)}
+                            onDragOver={(e) => onDragOver(e, col.key)}
+                            onDrop={(e) => onDrop(e, col.key)}
+                            onDragEnd={() => { setDragCol(null); setDragOverCol(null); }}
+                            className={`flex select-none items-center gap-1 rounded ${dragOverCol === col.key ? "bg-blue-100 ring-2 ring-blue-300" : ""}`}
+                            style={{ gridColumn: `span ${col.colSpan} / span ${col.colSpan}` }}
+                          >
+                            <span
+                              onClick={col.sortable ? () => toggleSort(col.key) : undefined}
+                              className={`flex items-center gap-0.5 ${col.sortable ? "cursor-pointer hover:text-blue-600" : ""}`}
+                            >
+                              {col.label}
+                              {col.sortable && (
+                                sorted
+                                  ? (sort!.order === "asc" ? <ArrowUp className="h-3 w-3 text-blue-600" /> : <ArrowDown className="h-3 w-3 text-blue-600" />)
+                                  : <ArrowUpDown className="h-3 w-3 text-gray-300" />
+                              )}
+                            </span>
+                            {col.filterType && (
+                              <Popover trigger="click" placement="bottomLeft" content={renderFilterPanel(col)}>
+                                <button
+                                  onClick={(e) => e.stopPropagation()}
+                                  className={`rounded p-0.5 hover:bg-gray-200 ${hasFilter ? "text-blue-600" : "text-gray-400"}`}
+                                >
+                                  <Filter className="h-3 w-3" />
+                                </button>
+                              </Popover>
+                            )}
+                          </div>
+                        );
+                      })}
+                    </div>
+
+                    {/* 产品行 */}
+                    {group.products.map((p) => {
+                      return (
+                        <div key={p.id}>
+                          <div className="grid gap-2 border-t border-gray-50 px-5 py-3 items-center text-sm hover:bg-gray-50/50" style={{ gridTemplateColumns: `repeat(${visibleSpan}, minmax(0, 1fr))` }}>
+                            {visibleColumns.map((col) => (
+                              <div key={col.key} style={{ gridColumn: `span ${col.colSpan} / span ${col.colSpan}` }}>
+                                {col.render(p)}
+                              </div>
+                            ))}
+                          </div>
+                        </div>
+                      );
+                    })}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </div>
+      )}
+
+      {/* 🔧 二维码弹窗 */}
+      {qrSerial && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center" onClick={() => setQrSerial(null)}>
+          <div className="absolute inset-0 bg-black/40 backdrop-blur-sm" />
+          <div className="relative z-10 rounded-xl bg-white p-6 shadow-2xl text-center" onClick={e => e.stopPropagation()}>
+            <h3 className="mb-3 text-sm font-bold text-gray-800">产品二维码</h3>
+            <img src={`/api/v1/products/qrcode/${qrSerial}`} alt={`QR-${qrSerial}`} className="mx-auto h-64 w-64 rounded-lg border" />
+            <p className="mt-3 font-mono text-sm font-bold tracking-wider text-gray-700">{qrSerial}</p>
+            <button onClick={() => setQrSerial(null)} className="mt-4 rounded-lg bg-blue-600 px-6 py-2 text-sm text-white hover:bg-blue-700">关闭</button>
+          </div>
+        </div>
+      )}
+
+      {/* 🔧 流转树宽屏弹窗 */}
+      {activeTreeProductId && (
+        <Modal
+          open
+          onClose={closeTreeModal}
+          title={`🔀 流转树 — ${activeTreeProductId}`}
+          widthClass="max-w-6xl"
+          bodyClassName="max-h-[90vh] overflow-y-auto"
+        >
+          {treeLoading[activeTreeProductId] ? (
+            <div className="flex justify-center py-16">
+              <Loader2 className="h-8 w-8 animate-spin text-blue-400" />
+            </div>
+          ) : taskTrees[activeTreeProductId]?.task_tree?.length ? (
+            <TaskFlowView
+              tasks={taskTrees[activeTreeProductId].task_tree}
+              onAction={setModalTarget}
+              currentUser={currentUser}
+              assigneeNames={taskTrees[activeTreeProductId].assignee_names}
+              size="lg"
+            />
+          ) : (
+            <div className="flex flex-col items-center justify-center py-16 text-gray-400">
+              <GitBranch className="mb-3 h-12 w-12 text-gray-300" />
+              <p className="text-sm font-medium text-gray-500">暂无流转记录</p>
+              <p className="mt-1 text-xs text-gray-400">产品刚创建，尚未分配生产任务</p>
+            </div>
+          )}
+        </Modal>
+      )}
+
+      {/* ---- 弹窗 ---- */}
+      <ReceiveConfirmModal
+        open={modalTarget?.action === "receive"}
+        task={modalTask}
+        submitting={submitting}
+        onClose={() => setModalTarget(null)}
+        onConfirm={handleReceive}
+      />
+      <RejectModal
+        open={modalTarget?.action === "reject"}
+        task={modalTask}
+        submitting={submitting}
+        onClose={() => setModalTarget(null)}
+        onSubmit={handleReject}
+      />
+      <TransferModal
+        open={modalTarget?.action === "transfer"}
+        task={modalTask}
+        submitting={submitting}
+        onClose={() => setModalTarget(null)}
+        onSubmit={handleTransfer}
+      />
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AnalyticsDashboard.tsx b/frontend/src/pages/admin/AnalyticsDashboard.tsx
new file mode 100644
index 0000000..076c799
--- /dev/null
+++ b/frontend/src/pages/admin/AnalyticsDashboard.tsx
@@ -0,0 +1,1011 @@
+/** 效能分析看板 — 独立的 ECharts 数据可视化页面（路由 /admin/analytics）
+ *  个人能力图谱：X 轴 = 设备身份证，单机耗时对比，支持点击柱子下钻备注弹窗（含照片）。 */
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useSearchParams } from "react-router-dom";
+import { DatePicker, Tabs, Select, Button, Empty, Modal, Timeline, Image, Radio } from "antd";
+import { Users, GitBranch, RefreshCw, Loader2, AlertCircle, CalendarDays } from "lucide-react";
+import dayjs, { type Dayjs } from "dayjs";
+import type { EChartsCoreOption } from "echarts/core";
+// dayjs 的中文 locale 已在应用根（App.tsx）统一设置，此处不再重复
+
+import BaseEChart from "../../components/BaseEChart";
+import {
+  fetchCapabilityProfile, fetchFlowData, fetchAnalyticsOptions, fetchDeviceRecords,
+  type CapabilityResponse, type FlowResponse, type AnalyticsOptions,
+  type CapabilityQuery, type FlowQuery, type DeviceRecord, type FlowDevice, type FlowInterval,
+} from "../../services/analyticsApi";
+
+const { RangePicker } = DatePicker;
+
+// ─── 状态中文映射 ─────────────────────────────────────────
+const STATUS_LABEL: Record<string, string> = {
+  WIP: "进行中",
+  PENDING: "待接收",
+  COMPLETED: "已完成",
+  ARCHIVED: "已入库",
+  OUTBOUND: "已出库",
+  "—": "未涉及",
+};
+
+const STATUS_BADGE: Record<string, string> = {
+  WIP: "bg-blue-100 text-blue-700",
+  PENDING: "bg-amber-100 text-amber-700",
+  COMPLETED: "bg-green-100 text-green-700",
+  ARCHIVED: "bg-gray-100 text-gray-600",
+  OUTBOUND: "bg-indigo-100 text-indigo-700",
+  "—": "bg-gray-100 text-gray-500",
+};
+
+const STATUS_DOT: Record<string, string> = {
+  WIP: "blue",
+  PENDING: "orange",
+  COMPLETED: "green",
+  ARCHIVED: "gray",
+  OUTBOUND: "indigo",
+  "—": "gray",
+};
+
+// ─── 图片 URL 拼接（对齐 AdminPeoplePage） ────────────────
+function imageUrl(u: string) {
+  if (!u) return "";
+  if (u.startsWith("http")) return u;
+  const base = (import.meta.env.VITE_API_BASE_URL || "").replace(/\/+$/, "");
+  const path = u.startsWith("/") ? u : "/" + u;
+  if (path.startsWith("/api/")) {
+    const origin = base.replace(/\/api(\/v\d+)?$/, "");
+    return origin + path;
+  }
+  return base + path;
+}
+
+// ─── 中文姓名对齐：两字名字中间插入全角空格，与三字名视觉对齐 ──
+function alignName(name: string) {
+  return name.length === 2 ? name[0] + " " + name[1] : name;
+}
+
+const CHUNK_SIZE = 6; // 人员视图瀑布流每块设备数
+const FLOW_CHUNK_SIZE = 8; // 轨迹流转瀑布流每块设备数
+
+// ⏰ 时间筛选（今天 / 近7天 / 近30天 / 自定义）
+type DateRangeKey = "today" | "7d" | "30d" | "custom";
+function rangeToParams(key: DateRangeKey, customRange: [Dayjs, Dayjs] | null) {
+  if (key === "custom" && customRange) {
+    return {
+      since: customRange[0].startOf("day").toISOString(),
+      until: customRange[1].endOf("day").toISOString(),
+    };
+  }
+  const since = dayjs().startOf("day");
+  if (key === "7d") return { since: since.subtract(7, "day").toISOString() };
+  if (key === "30d") return { since: since.subtract(30, "day").toISOString() };
+  return { since: since.toISOString() };
+}
+
+export default function AnalyticsDashboard() {
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  // ─── 筛选状态（从 URL 懒初始化） ─────────────────────────
+  const [dateKey, setDateKey] = useState<DateRangeKey>("today");
+  const [customRange, setCustomRange] = useState<[Dayjs, Dayjs] | null>(null);
+  const [assigneeIds, setAssigneeIds] = useState<string[]>(() =>
+    (searchParams.get("assignee_id") || "").split(",").filter(Boolean),
+  );
+  const [specModels, setSpecModels] = useState<string[]>(() =>
+    (searchParams.get("spec_models") || searchParams.get("spec_model") || "").split(",").filter(Boolean),
+  );
+  const [productSns, setProductSns] = useState<string[]>(() =>
+    (searchParams.get("product_sns") || searchParams.get("product_sn") || searchParams.get("sn") || "")
+      .split(",").filter(Boolean),
+  );
+  const [activeTab, setActiveTab] = useState<"capability" | "flow">(() => {
+    // 根据 URL 参数智能判断初始 tab：选了人 → 个人能力图谱；没选人但选了设备 → 设备流转对比
+    const hasAssignee = (searchParams.get("assignee_id") || "").split(",").filter(Boolean).length > 0;
+    const hasDevice = (searchParams.get("product_sns") || searchParams.get("product_sn") || searchParams.get("sn") || "")
+      .split(",").filter(Boolean).length > 0;
+    return !hasAssignee && hasDevice ? "flow" : "capability";
+  });
+
+  // ─── 下拉选项 + 数据 ─────────────────────────────────────
+  const [options, setOptions] = useState<AnalyticsOptions>({ assignees: [], spec_models: [], devices: [] });
+  const [capability, setCapability] = useState<CapabilityResponse | null>(null);
+  const [capabilityLoading, setCapabilityLoading] = useState(false);
+  const [flow, setFlow] = useState<FlowResponse | null>(null);
+  const [flowLoading, setFlowLoading] = useState(false);
+  // 📅 设备生产总天数口径：自然天 / 工作日
+  const [totalDaysMode, setTotalDaysMode] = useState<"natural" | "workdays">("natural");
+  const [error, setError] = useState<string | null>(null);
+
+  // ─── 弹窗下钻：设备备注（all=true 表示流转图点击，展示全部） ──
+  const [recordQuery, setRecordQuery] = useState<{ sn: string; all: boolean } | null>(null);
+  const [records, setRecords] = useState<DeviceRecord[]>([]);
+  const [recordsLoading, setRecordsLoading] = useState(false);
+
+  // ─── 筛选状态 → 同步回 URL（跳过首帧） ──
+  const skipSync = useRef(true);
+  useEffect(() => {
+    if (skipSync.current) {
+      skipSync.current = false;
+      return;
+    }
+    const params = new URLSearchParams();
+    if (assigneeIds.length) params.set("assignee_id", assigneeIds.join(","));
+    if (specModels.length) params.set("spec_models", specModels.join(","));
+    if (productSns.length) params.set("product_sns", productSns.join(","));
+    setSearchParams(params, { replace: true });
+  }, [assigneeIds, specModels, productSns, setSearchParams]);
+
+  // ─── 构建查询 ────────────────────────────────────────────
+  const buildCapabilityQuery = useCallback((): CapabilityQuery => {
+    const q: CapabilityQuery = {};
+    if (assigneeIds.length) q.assignee_ids = assigneeIds;
+    if (specModels.length) q.spec_models = specModels;
+    const { since, until } = rangeToParams(dateKey, customRange);
+    if (since) q.since = since;
+    if (until) q.until = until;
+    q.mode = totalDaysMode;   // 自然天 / 工作日，控制人员视图耗时口径
+    return q;
+  }, [assigneeIds, specModels, dateKey, customRange, totalDaysMode]);
+
+  const buildFlowQuery = useCallback((): FlowQuery => {
+    const q: FlowQuery = {};
+    if (productSns.length) q.product_sns = productSns;
+    if (specModels.length) q.spec_models = specModels;
+    const { since, until } = rangeToParams(dateKey, customRange);
+    if (since) q.since = since;
+    if (until) q.until = until;
+    // flow 后端同时返回自然/工作日两套数据，切换由前端 isWorkday 即时映射，无需重新请求
+    return q;
+  }, [productSns, specModels, dateKey, customRange]);
+
+  // ─── 能力图谱（需选择人员才发起） ──
+  const loadCapability = useCallback(async () => {
+    if (assigneeIds.length === 0) {
+      setCapability(null);
+      return;
+    }
+    setCapabilityLoading(true);
+    try {
+      setCapability(await fetchCapabilityProfile(buildCapabilityQuery()));
+    } catch {
+      setError("加载数据失败，请确认后端已启动");
+    } finally {
+      setCapabilityLoading(false);
+    }
+  }, [assigneeIds, buildCapabilityQuery]);
+
+  // ─── 流转对比（需选型号或输入身份证才发起） ──
+  const loadFlow = useCallback(async () => {
+    if (specModels.length === 0 && productSns.length === 0) {
+      setFlow(null);
+      return;
+    }
+    setFlowLoading(true);
+    try {
+      setFlow(await fetchFlowData(buildFlowQuery()));
+    } catch {
+      setError("加载数据失败，请确认后端已启动");
+    } finally {
+      setFlowLoading(false);
+    }
+  }, [specModels, productSns, buildFlowQuery]);
+
+  // ─── 下拉选项（动态联动：随 assigneeIds/specModels 变化重新拉取） ──
+  useEffect(() => {
+    fetchAnalyticsOptions(assigneeIds, specModels)
+      .then(setOptions)
+      .catch(() => {}); // 选项失败不阻塞主图表
+  }, [assigneeIds, specModels]);
+
+  // ─── 数据自动加载（防抖 300ms） ──
+  useEffect(() => {
+    const t = setTimeout(() => { loadCapability(); }, 300);
+    return () => clearTimeout(t);
+  }, [loadCapability]);
+
+  useEffect(() => {
+    const t = setTimeout(() => { loadFlow(); }, 300);
+    return () => clearTimeout(t);
+  }, [loadFlow]);
+
+  // ─── 点击柱/背景 → 换算 dataIndex → 拉取该设备备注 ──
+  const categoriesRef = useRef<string[]>([]);
+  categoriesRef.current = capability?.categories ?? [];
+  const flowSnRef = useRef<string[]>([]);
+  flowSnRef.current = (flow?.devices ?? []).map((d) => d.product_sn);
+
+  useEffect(() => {
+    if (!recordQuery) return;
+    setRecordsLoading(true);
+    fetchDeviceRecords(recordQuery.sn, recordQuery.all ? undefined : assigneeIds)
+      .then(setRecords)
+      .catch(() => setRecords([]))
+      .finally(() => setRecordsLoading(false));
+  }, [recordQuery, assigneeIds]);
+
+  // 能力图谱：点柱子 → 按当前人员筛选过滤备注
+  const handleZrClick = useCallback((chart: any, e: any, chunkStart = 0) => {
+    const coord = chart.convertFromPixel({ seriesIndex: 0 }, [e.offsetX, e.offsetY]);
+    if (!coord || coord.length < 1) return;
+    const dataIndex = Math.round(coord[0]);
+    const globalIdx = chunkStart + dataIndex; // 瀑布流块内索引 → 全局设备索引
+    if (globalIdx < 0 || globalIdx >= categoriesRef.current.length) return;
+    const sn = categoriesRef.current[globalIdx];
+    if (sn) setRecordQuery({ sn, all: false });
+  }, []);
+
+  // 流转对比：点柱子/背景 → 展示该设备全生命周期所有备注（不过滤人员）；分块渲染需换算全局下标
+  const handleFlowZrClick = useCallback((chart: any, e: any, chunkStart: number) => {
+    const coord = chart.convertFromPixel({ seriesIndex: 0 }, [e.offsetX, e.offsetY]);
+    if (!coord || coord.length < 1) return;
+    const dataIndex = Math.round(coord[0]);
+    const globalIdx = chunkStart + dataIndex;
+    if (globalIdx < 0 || globalIdx >= flowSnRef.current.length) return;
+    const sn = flowSnRef.current[globalIdx];
+    if (sn) setRecordQuery({ sn, all: true });
+  }, []);
+
+  const handleReset = () => {
+    setDateKey("today");
+    setCustomRange(null);
+    setAssigneeIds([]);
+    setSpecModels([]);
+    setProductSns([]);
+  };
+
+  // ─── 人员视图：设备按 CHUNK_SIZE 切块（瀑布流，向下追加渲染） ──
+  const capabilityChunks = useMemo(() => {
+    if (!capability || !capability.devices?.length) return [];
+    const chunks = [];
+    const total = capability.devices.length;
+    for (let i = 0; i < total; i += CHUNK_SIZE) {
+      chunks.push({
+        start: i, // 该块在全部设备中的起始索引（点击下钻用）
+        devices: capability.devices.slice(i, i + CHUNK_SIZE),
+        categories: capability.categories.slice(i, i + CHUNK_SIZE),
+        series: capability.series.map(s => ({
+          name: s.name,
+          data: s.data.slice(i, i + CHUNK_SIZE),
+        })),
+      });
+    }
+    return chunks;
+  }, [capability]);
+
+  // ─── 单个块(6台设备)的 ECharts Option 工厂函数（无横向滚动，向下追加） ──
+  const getCapabilityOption = (chunkDevices: any[], chunkCategories: string[], chunkSeries: any[]): EChartsCoreOption => {
+    // 该块内每台设备上真正产生耗时的人员 seriesIndex
+    const activePerDevice = chunkDevices.map((_, devIdx) =>
+      chunkSeries
+        .map((s, sIdx) => (s.data[devIdx] && s.data[devIdx].value != null ? sIdx : -1))
+        .filter(idx => idx !== -1),
+    );
+    return {
+      tooltip: {
+        trigger: "axis",
+        axisPointer: { type: "shadow" },
+        appendToBody: true,
+        formatter: (p: any) => {
+          const items = Array.isArray(p) ? p : [p];
+          const idx = items[0]?.dataIndex ?? 0;
+          const sn = chunkCategories[idx] ?? "—";
+          const dev = chunkDevices[idx];
+          const ext = dev?.external_serial;
+          const rows = items
+            .filter((it: any) => (it.data?.status ?? "—") !== "—")
+            .map((it: any) => {
+              const d = it.data ?? {};
+              const st = STATUS_LABEL[d.status] ?? d.status;
+              const recv = d.first_received_at
+                ? `<br/>接收时间：${dayjs(d.first_received_at).format("MM-DD HH:mm")}`
+                : "";
+              const done = d.last_completed_at
+                ? `<br/>结束时间：${dayjs(d.last_completed_at).format("MM-DD HH:mm")}`
+                : "";
+              return `${it.marker}${it.seriesName}：耗时 ${d.actualValue ?? 0} 小时（${st}）${recv}${done}`;
+            })
+            .join("<br/>");
+          return (
+            `产品名称：${dev?.material_name ?? "—"}` +
+            `<br/>设备身份证：${sn}` +
+            (ext ? `<br/>产品序列号：${ext}` : "") +
+            `<br/>规格型号：${dev?.spec_model ?? "—"}<br/>${rows}`
+          );
+        },
+      },
+      legend: { top: 0, type: "scroll" },
+      grid: { left: 48, right: 24, top: 80, bottom: 96 }, // bottom 加大以容纳 X 轴四行标签（名称/规格/序列号/身份证）
+      xAxis: {
+        type: "category",
+        data: chunkDevices.map((d) => d.product_sn),
+        axisLabel: {
+          fontSize: 11, interval: 0, color: "#666", lineHeight: 15, width: 120, overflow: 'break' as const,
+          // 🔧 X 轴四行展示（与轨迹流转一致）：产品名称 / 规格型号 / 业务序列号(若有) / 身份证
+          formatter: (sn: string) => {
+            const dev = chunkDevices.find((d) => d.product_sn === sn);
+            if (!dev) return sn;
+            const lines = [dev.material_name || "—"];
+            if (dev.spec_model) lines.push(dev.spec_model);
+            if (dev.external_serial) lines.push(dev.external_serial);
+            lines.push(dev.product_sn);
+            return lines.join("\n");
+          },
+        },
+      },
+      yAxis: { type: "value", name: "耗时(小时)" },
+      series: chunkSeries.map((s, sIdx) => ({
+        name: s.name,
+        type: "custom",
+        encode: { x: 0, y: 1 },
+        label: {
+          show: true,
+          position: "top",
+          distance: 6,
+          formatter: (p: any) => (p.data?.actualValue == null ? "" : `${p.data.actualValue}h`),
+        },
+        renderItem: (params: any, api: any) => {
+          const devIdx = params.dataIndex;
+          const val = api.value(1);
+          if (val == null || isNaN(val)) return;
+
+          const activeSeries = activePerDevice[devIdx];
+          const localIndex = activeSeries.indexOf(sIdx);
+          if (localIndex === -1) return;
+
+          const barWidth = 24;
+          const gap = 6;
+          const totalWidth = activeSeries.length * barWidth + (activeSeries.length - 1) * gap;
+          const centerX = api.coord([devIdx, 0])[0];
+          const x = centerX - totalWidth / 2 + localIndex * (barWidth + gap);
+          const valY = api.coord([devIdx, val])[1];
+          const y0 = api.coord([devIdx, 0])[1];
+          const height = Math.max(y0 - valY, 3);
+          const y = y0 - height;
+          return {
+            type: "rect",
+            shape: { x, y, width: barWidth, height, r: [3, 3, 0, 0] },
+            style: api.style(),
+          };
+        },
+        data: s.data.map((d: any, i: number) => {
+          if (d.value == null) return null;
+          return { ...d, value: [i, d.value], actualValue: d.value };
+        }),
+      })),
+    };
+  };
+
+  // ─── 有数据的日期集合（用于日历蓝点） ──
+  const activityDates = useMemo(() => {
+    const set = new Set<string>();
+    for (const s of capability?.series ?? []) {
+      for (const d of s.data) {
+        if (d.first_received_at) set.add(dayjs(d.first_received_at).format("YYYY-MM-DD"));
+        if (d.last_completed_at) set.add(dayjs(d.last_completed_at).format("YYYY-MM-DD"));
+      }
+    }
+    return set;
+  }, [capability]);
+
+  // ─── 轨迹流转：按设备分块（每块 FLOW_CHUNK_SIZE 台），每块一个 ECharts 实例 ──
+  const flowChunks = useMemo(() => {
+    if (!flow) return [];
+    const chunks: { devices: FlowDevice[]; series: { name: string; data: FlowInterval[] }[]; startIndex: number }[] = [];
+    for (let i = 0; i < flow.devices.length; i += FLOW_CHUNK_SIZE) {
+      const devSlice = flow.devices.slice(i, i + FLOW_CHUNK_SIZE);
+      const idSet = new Set(devSlice.map((_, j) => i + j));
+      const seriesSlice = flow.series
+        .map((s) => ({
+          name: s.name,
+          data: s.data
+            .filter((it) => idSet.has(it[0]))
+            .map((it) => [it[0] - i, ...it.slice(1)] as FlowInterval),
+        }))
+        .filter((s) => s.data.length > 0);
+      chunks.push({ devices: devSlice, series: seriesSlice, startIndex: i });
+    }
+    return chunks;
+  }, [flow]);
+
+  // ─── 单个块的 ECharts Option 工厂（isWorkday 切换自然/工作日偏移，即时重绘） ──
+  const getFlowChunkOption = (
+    chunkDevices: FlowDevice[],
+    chunkSeries: { name: string; data: FlowInterval[] }[],
+    isWorkday: boolean,
+  ): EChartsCoreOption => {
+    // 分支配色（与人员一一对应，用于柱子和 tooltip 色点）
+    const BRANCH_COLORS = ["#3b82f6", "#ef4444", "#10b981", "#f59e0b", "#8b5cf6", "#06b6d4", "#ec4899", "#84cc16"];
+    const colorMap: Record<string, string> = {};
+    chunkSeries.forEach((s, index) => {
+      colorMap[s.name] = BRANCH_COLORS[index % BRANCH_COLORS.length];
+    });
+
+    // 1. 预计算每台设备的统计：累计投入、空闲时长、人员排序（按 isWorkday 选偏移/时长）
+    const deviceStats = chunkDevices.map((_, idx) => {
+      let totalInputHours = 0;
+      const personHours: Record<string, number> = {};
+      const intervals: [number, number][] = [];
+
+      chunkSeries.forEach((s) => {
+        s.data.forEach((task) => {
+          if (task[0] === idx) {
+            const dur = isWorkday ? task[8] : task[7];
+            const so = isWorkday ? task[5] : task[3];
+            const eo = isWorkday ? task[6] : task[4];
+            totalInputHours += dur;
+            personHours[s.name] = (personHours[s.name] || 0) + dur;
+            intervals.push([so, eo]);
+          }
+        });
+      });
+
+      // 合并重叠区间，计算空闲时长（生命周期内未被任务覆盖的部分）
+      intervals.sort((a, b) => a[0] - b[0]);
+      let covered = 0;
+      let mergedEnd = -Infinity;
+      for (const [s, e] of intervals) {
+        if (s > mergedEnd) {
+          covered += e - s;
+          mergedEnd = e;
+        } else if (e > mergedEnd) {
+          covered += e - mergedEnd;
+          mergedEnd = e;
+        }
+      }
+      const leadMax = intervals.reduce((m, it) => Math.max(m, it[1]), 0);
+      const idleTime = Math.max(leadMax - covered, 0);
+      const sortedPeople = Object.entries(personHours).sort((a, b) => b[1] - a[1]);
+
+      return {
+        leadTime: leadMax,
+        totalInputHours,
+        idleTime,
+        sortedPeople,
+      };
+    });
+
+    // 背景主干高度：所选模式下的总生命周期（严丝合缝，消除自然空闲断层）
+    // 🔧 不再伪造 1h：设备该是多长就返回多长（0 也是 0，绝不显示虚假的 1h 兜底）
+    const leadByMode = chunkDevices.map((_, idx) => {
+      let maxEnd = 0;
+      chunkSeries.forEach((s) => s.data.forEach((t) => {
+        if (t[0] === idx) {
+          const e = isWorkday ? t[6] : t[4];
+          if (e > maxEnd) maxEnd = e;
+        }
+      }));
+      return maxEnd;
+    });
+
+    return {
+      tooltip: {
+        trigger: "axis",
+        axisPointer: { type: "shadow", shadowStyle: { color: "rgba(0,0,0,0.05)" } },
+        formatter: (params: any) => {
+          const deviceIndex = params[0].dataIndex;
+          const device = chunkDevices[deviceIndex];
+          const stats = deviceStats[deviceIndex];
+          if (!device || !stats) return "";
+
+          let html = `<div style="font-size:14px;font-weight:bold;color:#1f2937;margin-bottom:4px;">${device.material_name || "未知产品"}（${device.spec_model || "未知型号"}）</div>`;
+          html += `<div style="color:#6b7280;font-size:12px;margin-bottom:8px;">身份证: ${device.product_sn}</div>`;
+          html += `<hr style="margin:8px 0;border-color:#e5e7eb" />`;
+
+          if (device.started_at) {
+            html += `<div style="display:flex;justify-content:space-between;margin-bottom:4px;"><span>开始时间：</span><b style="color:#111827">${device.started_at}</b></div>`;
+          }
+          html += `<div style="display:flex;justify-content:space-between;margin-bottom:4px;"><span>实际流转周期：</span><b style="color:#111827">${stats.leadTime.toFixed(1)} h</b></div>`;
+          html += `<div style="display:flex;justify-content:space-between;margin-bottom:4px;"><span>累计投入工时：</span><b style="color:#2563eb">${stats.totalInputHours.toFixed(1)} h</b></div>`;
+          html += `<div style="display:flex;justify-content:space-between;margin-bottom:12px;"><span>中间空闲时长：</span><b style="color:#f59e0b">${stats.idleTime.toFixed(1)} h</b></div>`;
+
+          if (stats.sortedPeople.length > 0) {
+            html += `<div style="font-size:12px;color:#9ca3af;margin-bottom:6px;">人员耗时占比分析：</div>`;
+            stats.sortedPeople.forEach(([name, hours]) => {
+              const percentage = stats.totalInputHours > 0 ? ((hours / stats.totalInputHours) * 100).toFixed(1) : "0.0";
+              const color = colorMap[name] || "#9CA3AF";
+              html += `<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;">
+                <span style="display:flex;align-items:center;color:#4b5563;"><span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${color};margin-right:6px;flex-shrink:0;"></span>${name}</span>
+                <span style="margin-left:24px;color:#4b5563;">${hours.toFixed(1)}h (${percentage}%)</span>
+              </div>`;
+            });
+          }
+          return html;
+        },
+      },
+      legend: { top: 0, type: "scroll", data: chunkSeries.map((s) => s.name) },
+      grid: { left: 48, right: 24, top: 60, bottom: 96 },
+      xAxis: {
+        type: "category",
+        data: chunkDevices.map((d) => d.product_sn),
+        axisLabel: {
+          fontSize: 11, interval: 0, color: '#666', lineHeight: 15, width: 120, overflow: 'break' as const,
+          // 🔧 X 轴四行展示：产品名称 / 规格型号 / 业务序列号(若有) / 身份证
+          formatter: (sn: string) => {
+            const dev = chunkDevices.find((d) => d.product_sn === sn);
+            if (!dev) return sn;
+            const lines = [dev.material_name || "—"];
+            if (dev.spec_model) lines.push(dev.spec_model);
+            if (dev.external_serial) lines.push(dev.external_serial);
+            lines.push(dev.product_sn);
+            return lines.join("\n");
+          },
+        },
+        axisLine: { lineStyle: { color: '#ddd' } },
+        axisTick: { show: false }
+      },
+      yAxis: {
+        type: "value",
+        name: "设备生命周期 (小时)",
+        min: 0,
+        nameTextStyle: { color: '#999', padding: [0, 0, 0, 20] },
+        splitLine: { lineStyle: { type: 'dashed', color: '#f3f4f6' } }
+      },
+      series: [
+        // 1. 背景主干 (The Trunk) - 连贯的浅灰底（所选模式生命周期）
+        {
+          name: "总生命周期",
+          type: "bar" as const,
+          barMaxWidth: 32,
+          z: 1,
+          itemStyle: { color: "transparent" },
+          label: {
+            show: true,
+            position: "top",
+            formatter: (p: any) => `{title|总计}\n{value|${p.value}h}`,
+            rich: {
+              title: { fontSize: 12, color: "#999", padding: [0, 0, 2, 0] },
+              value: { fontSize: 14, fontWeight: "bold", color: "#1f2937" },
+            },
+          },
+          data: leadByMode,
+        },
+        // 2. 任务分支 (The Branches) - 贴主干两侧（按模式偏移，紧凑贴合）
+        ...chunkSeries.map((s, index) => ({
+          name: s.name,
+          type: "custom" as const,
+          z: 2,
+          itemStyle: { color: BRANCH_COLORS[index % BRANCH_COLORS.length] },
+          dimensions: ['device', 'task', 'is_main', 'start_nat', 'end_nat', 'start_work', 'end_work', 'dur_total', 'dur_work'],
+          encode: { x: 0, y: [3, 4] },
+          renderItem: (params: any, api: any) => {
+            const categoryIndex = api.value(0);
+            const rawData = s.data[params.dataIndex]; // [idx, task, is_main, start_nat, end_nat, start_work, end_work, dur_total, dur_work]
+            const startOff = isWorkday ? rawData[5] : rawData[3];
+            const endOff = isWorkday ? rawData[6] : rawData[4];
+            const isMain = rawData[2] === 1;
+
+            const start = api.coord([categoryIndex, startOff]);
+            const end = api.coord([categoryIndex, endOff]);
+            const trunkWidth = 32; // 灰色背景主干的宽度
+            const blockWidth = 20;
+
+            let x;
+            if (isMain) {
+              // 【主线任务】：绝对居中！盖在灰色主干的正中心
+              x = start[0] - blockWidth / 2;
+            } else {
+              // 【分支任务】：悬挂在主干的右侧（+2px 缝隙避免粘连）
+              x = start[0] + (trunkWidth / 2) + 2;
+            }
+
+            return {
+              type: "rect",
+              shape: {
+                x: x,
+                y: end[1], // ECharts y轴倒置
+                width: blockWidth,
+                height: Math.max(start[1] - end[1], 2), // 至少 2px 高度
+                r: 2,
+              },
+              style: {
+                fill: BRANCH_COLORS[index % BRANCH_COLORS.length],
+                opacity: isMain ? 0.9 : 0.75, // 主线颜色更实，分支略透明
+              },
+            };
+          },
+          data: s.data,
+        })),
+      ],
+    };
+  };
+
+  const capabilityEmpty = !capability || capability.series.length === 0;
+  const flowEmpty = !flow || flow.devices.length === 0;
+
+  return (
+    <div className="space-y-6">
+      {/* 页头 */}
+      <div className="flex flex-wrap items-center justify-between gap-3">
+        <div>
+          <h2 className="text-xl font-bold text-gray-800">📊 效能分析看板</h2>
+          <p className="mt-0.5 text-sm text-gray-400">人员视图 / 轨迹流转 · ECharts 可视化</p>
+        </div>
+      </div>
+
+      {/* 顶部统一筛选栏 */}
+      <div className="rounded-xl bg-white p-4 shadow-sm">
+        <div className="flex flex-wrap items-center gap-2">
+          {/* ⏰ 时间快捷选项：今天 / 近7天 / 近30天 / 自定义 */}
+          <Radio.Group
+            value={dateKey}
+            onChange={e => { setDateKey(e.target.value); setCustomRange(null); }}
+            size="small"
+            optionType="button"
+            buttonStyle="solid"
+          >
+            <Radio.Button value="today">今天</Radio.Button>
+            <Radio.Button value="7d">近7天</Radio.Button>
+            <Radio.Button value="30d">近30天</Radio.Button>
+            <Radio.Button value="custom">自定义</Radio.Button>
+          </Radio.Group>
+          {dateKey === "custom" && (
+            <RangePicker
+              size="small"
+              value={customRange as any}
+              onChange={dates => setCustomRange(dates as [Dayjs, Dayjs] | null)}
+              disabledDate={(d) => d.isAfter(dayjs(), "day")}
+              cellRender={(current, info) => {
+                if (info.type !== "date") return info.originNode;
+                const day = current as Dayjs;
+                const hasDot = activityDates.has(day.format("YYYY-MM-DD"));
+                return (
+                  <div className="flex flex-col items-center">
+                    <span>{day.date()}</span>
+                    {hasDot && <span className="h-1 w-1 rounded-full bg-blue-500" />}
+                  </div>
+                );
+              }}
+              style={{ width: 240 }}
+              placeholder={["开始日期", "结束日期"]}
+            />
+          )}
+          <Select
+            mode="multiple"
+            size="small"
+            allowClear
+            placeholder="人员（可多选）"
+            value={assigneeIds}
+            onChange={setAssigneeIds}
+            options={options.assignees.map((a) => ({ value: a.id, label: alignName(a.name) }))}
+            style={{ minWidth: 160, maxWidth: 240 }}
+            maxTagCount="responsive"
+            popupMatchSelectWidth={false}
+            dropdownRender={() => (
+              <div className="w-[400px] p-3">
+                <div className="mb-3 flex items-center justify-between">
+                  <span className="text-xs text-gray-400">共 {options.assignees.length} 人</span>
+                  <div className="flex items-center gap-1">
+                    <Button size="small" type="link" onClick={(e) => { e.stopPropagation(); setAssigneeIds(options.assignees.map((a) => a.id)); }}>全选</Button>
+                    <Button size="small" type="link" onClick={(e) => { e.stopPropagation(); setAssigneeIds([]); }}>全不选</Button>
+                  </div>
+                </div>
+                <div className="grid grid-cols-4 gap-2">
+                  {options.assignees.map((a) => {
+                    const checked = assigneeIds.includes(a.id);
+                    return (
+                      <div
+                        key={a.id}
+                        onClick={() => setAssigneeIds((prev) => (checked ? prev.filter((id) => id !== a.id) : [...prev, a.id]))}
+                        className={`cursor-pointer rounded-md px-2 py-1.5 text-center text-sm transition-colors ${checked ? "bg-blue-50 font-medium text-blue-700" : "bg-gray-50 text-gray-600 hover:bg-gray-100"}`}
+                      >
+                        {alignName(a.name)}
+                      </div>
+                    );
+                  })}
+                </div>
+              </div>
+            )}
+          />
+          <Select
+            mode="multiple"
+            size="small"
+            allowClear
+            placeholder="规格型号"
+            value={specModels}
+            onChange={setSpecModels}
+            options={options.spec_models.map((s) => ({
+              value: s.spec_model,
+              label: s.material_name ? `${s.material_name} (${s.spec_model})` : s.spec_model,
+            }))}
+            style={{ minWidth: 160, maxWidth: 240 }}
+            maxTagCount="responsive"
+            popupMatchSelectWidth={false}
+            dropdownRender={() => (
+              <div className="w-[460px] p-3">
+                <div className="mb-3 flex items-center justify-between">
+                  <span className="text-xs text-gray-400">共 {options.spec_models.length} 个型号</span>
+                  <div className="flex items-center gap-1">
+                    <Button size="small" type="link" onClick={(e) => { e.stopPropagation(); setSpecModels(options.spec_models.map((s) => s.spec_model)); }}>全选</Button>
+                    <Button size="small" type="link" onClick={(e) => { e.stopPropagation(); setSpecModels([]); }}>全不选</Button>
+                  </div>
+                </div>
+                <div className="grid grid-cols-2 gap-2">
+                  {options.spec_models.map((s) => {
+                    const checked = specModels.includes(s.spec_model);
+                    return (
+                      <div
+                        key={s.spec_model}
+                        onClick={() => setSpecModels((prev) => (checked ? prev.filter((m) => m !== s.spec_model) : [...prev, s.spec_model]))}
+                        className={`cursor-pointer rounded-md px-2 py-1.5 transition-colors ${checked ? "bg-blue-50 font-medium text-blue-700" : "bg-gray-50 text-gray-600 hover:bg-gray-100"}`}
+                      >
+                        <div className="truncate text-sm">{s.material_name || "未知产品"}</div>
+                        <div className="truncate text-xs text-gray-400">{s.spec_model}</div>
+                      </div>
+                    );
+                  })}
+                </div>
+              </div>
+            )}
+          />
+          <Select
+            mode="multiple"
+            showSearch
+            allowClear
+            size="small"
+            placeholder="搜索或选择设备..."
+            value={productSns}
+            onChange={setProductSns}
+            popupMatchSelectWidth={false}
+            style={{ minWidth: 200 }}
+            styles={{ popup: { root: { minWidth: 440 } } }}
+            options={options.devices.map((d) => ({
+              value: d.product_sn,
+              label: d.external_serial ? `${d.external_serial} (${d.product_sn})` : d.product_sn,
+              data: d,
+            }))}
+            optionRender={(oriOption: any) => {
+              const d = oriOption.data?.data;
+              if (!d) return oriOption.label;
+              return (
+                <div className="flex flex-col border-b border-gray-50 py-2">
+                  <div className="text-sm font-bold text-gray-800">
+                    {d.material_name || "未知产品"}{" "}
+                    <span className="text-xs font-normal text-gray-500">({d.spec_model || "无型号"})</span>
+                  </div>
+                  <div className="mt-1 flex items-center justify-between text-xs">
+                    <span className="text-gray-400">
+                      S/N: <span className="text-gray-600">{d.external_serial || "无"}</span>
+                    </span>
+                    <span className="font-mono text-xs text-gray-500">ID: {d.product_sn}</span>
+                  </div>
+                </div>
+              );
+            }}
+          />
+          <Button size="small" type="primary" onClick={() => { loadCapability(); loadFlow(); }}>
+            查询
+          </Button>
+          <Button size="small" icon={<RefreshCw className="h-3 w-3" />} onClick={handleReset}>
+            重置
+          </Button>
+        </div>
+      </div>
+
+      {/* 错误提示 */}
+      {error && (
+        <div className="flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
+          <AlertCircle className="h-4 w-4" />
+          {error}
+        </div>
+      )}
+
+      {/* 📅 设备生产总天数（自然天 / 工作日切换） */}
+      <div className="rounded-xl bg-white p-4 shadow-sm">
+        <div className="mb-3 flex items-center justify-between">
+          <h3 className="flex items-center gap-2 text-sm font-semibold text-gray-700">
+            <CalendarDays className="h-4 w-4 text-emerald-500" /> 📅 设备生产总天数
+          </h3>
+          <Radio.Group
+            value={totalDaysMode}
+            onChange={e => setTotalDaysMode(e.target.value)}
+            size="small"
+            optionType="button"
+            buttonStyle="solid"
+          >
+            <Radio.Button value="natural">自然天</Radio.Button>
+            <Radio.Button value="workdays">工作日</Radio.Button>
+          </Radio.Group>
+        </div>
+        {flowLoading && !flow ? (
+          <div className="flex items-center justify-center py-8">
+            <Loader2 className="h-5 w-5 animate-spin text-emerald-500" />
+          </div>
+        ) : !flow || flow.devices.length === 0 ? (
+          <div className="py-8 text-center text-sm text-gray-400">暂无设备数据，请选择筛选条件后查询</div>
+        ) : (
+          <div className="grid gap-3 sm:grid-cols-3">
+            <div>
+              <p className="text-xs text-gray-400">设备数</p>
+              <p className="text-2xl font-bold text-gray-800">{flow.devices.length}<span className="text-sm font-normal text-gray-400"> 台</span></p>
+            </div>
+            <div>
+              <p className="text-xs text-gray-400">{totalDaysMode === "natural" ? "平均生产总天数（自然天）" : "平均生产总天数（工作日）"}</p>
+              <p className="text-2xl font-bold text-emerald-600">
+                {Math.round(flow.devices.reduce((s, d) => s + (totalDaysMode === "natural" ? d.total_days : d.total_workdays), 0) / flow.devices.length)}
+                <span className="text-sm font-normal text-gray-400"> 天</span>
+              </p>
+            </div>
+            <div>
+              <p className="text-xs text-gray-400">最长生产周期（{totalDaysMode === "natural" ? "自然天" : "工作日"}）</p>
+              <p className="text-2xl font-bold text-blue-600">
+                {Math.max(...flow.devices.map(d => totalDaysMode === "natural" ? d.total_days : d.total_workdays))}
+                <span className="text-sm font-normal text-gray-400"> 天</span>
+              </p>
+            </div>
+          </div>
+        )}
+      </div>
+
+      {/* 主体：两个可视化区块 */}
+      <Tabs
+        activeKey={activeTab}
+        onChange={(k) => setActiveTab(k as "capability" | "flow")}
+        items={[
+          {
+            key: "capability",
+            label: (
+              <span className="flex items-center gap-1.5">
+                <Users className="h-3.5 w-3.5" />
+                人员视图
+              </span>
+            ),
+            children: (
+              <div className="rounded-xl bg-white p-4 shadow-sm">
+                <div className="mb-2 flex items-center justify-between">
+                  <h3 className="text-sm font-semibold text-gray-700">人员视图（单台设备耗时 · 点击柱子查看备注）</h3>
+                  <Radio.Group
+                    value={totalDaysMode}
+                    onChange={e => setTotalDaysMode(e.target.value)}
+                    size="small"
+                    optionType="button"
+                    buttonStyle="solid"
+                  >
+                    <Radio.Button value="natural">自然天</Radio.Button>
+                    <Radio.Button value="workdays">工作日</Radio.Button>
+                  </Radio.Group>
+                </div>
+                {capabilityLoading && !capability ? (
+                  <div className="flex h-[420px] items-center justify-center">
+                    <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+                  </div>
+                ) : capabilityEmpty ? (
+                  <div className="flex h-[420px] items-center justify-center">
+                    <Empty
+                      description={assigneeIds.length === 0 ? "请先选择人员查看" : "暂无数据"}
+                    />
+                  </div>
+                ) : (
+                  /* 🔧 瀑布流：设备按 CHUNK_SIZE 切块向下追加渲染，告别横向滚动 */
+                  <div className="flex flex-col gap-12 pt-4">
+                    {capabilityChunks.map((chunk, idx) => (
+                      <div key={idx} className="relative">
+                        {idx > 0 && <div className="absolute -top-6 left-0 w-full border-t border-dashed border-gray-200" />}
+                        <BaseEChart
+                          option={getCapabilityOption(chunk.devices, chunk.categories, chunk.series)}
+                          height={380}
+                          onZrClick={(chart: any, e: any) => handleZrClick(chart, e, chunk.start)}
+                        />
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            ),
+          },
+          {
+            key: "flow",
+            label: (
+              <span className="flex items-center gap-1.5">
+                <GitBranch className="h-3.5 w-3.5" />
+                轨迹流转
+              </span>
+            ),
+            children: (
+              <div className="rounded-xl bg-white p-4 shadow-sm">
+                <div className="mb-2 flex items-center justify-between">
+                  <h3 className="text-sm font-semibold text-gray-700">轨迹流转（按人区间 · 并行任务并排显示）</h3>
+                  <Radio.Group
+                    value={totalDaysMode}
+                    onChange={e => setTotalDaysMode(e.target.value)}
+                    size="small"
+                    optionType="button"
+                    buttonStyle="solid"
+                  >
+                    <Radio.Button value="natural">自然天</Radio.Button>
+                    <Radio.Button value="workdays">工作日</Radio.Button>
+                  </Radio.Group>
+                </div>
+                {flowLoading && !flow ? (
+                  <div className="flex h-[380px] items-center justify-center">
+                    <Loader2 className="h-8 w-8 animate-spin text-blue-500" />
+                  </div>
+                ) : flowEmpty ? (
+                  <div className="flex h-[380px] items-center justify-center">
+                    <Empty
+                      description={specModels.length === 0 && productSns.length === 0 ? "请先选择规格型号或输入设备身份证查看流转轨迹" : "暂无数据"}
+                    />
+                  </div>
+                ) : (
+                  /* 🔧 瀑布流：每块 FLOW_CHUNK_SIZE 台设备一个图表，向下追加；isWorkday 即时映射自然/工作日 */
+                  <div className="flex flex-col gap-12 pt-4">
+                    {flowChunks.map((chunk, idx) => (
+                      <div key={idx} className="relative">
+                        {idx > 0 && <div className="absolute -top-6 left-0 w-full border-t border-dashed border-gray-200" />}
+                        <BaseEChart
+                          option={getFlowChunkOption(chunk.devices, chunk.series, totalDaysMode === "workdays")}
+                          height={380}
+                          onZrClick={(chart: any, e: any) => handleFlowZrClick(chart, e, chunk.startIndex)}
+                        />
+                      </div>
+                    ))}
+                  </div>
+                )}
+              </div>
+            ),
+          },
+        ]}
+      />
+
+      {/* 设备备注弹窗 */}
+      <Modal
+        title={`设备备注记录 — ${recordQuery?.sn ?? ""}`}
+        open={!!recordQuery}
+        onCancel={() => setRecordQuery(null)}
+        footer={null}
+        width={640}
+      >
+        {recordsLoading ? (
+          <div className="flex justify-center py-8">
+            <Loader2 className="h-6 w-6 animate-spin text-blue-500" />
+          </div>
+        ) : records.length === 0 ? (
+          <p className="py-8 text-center text-sm text-gray-400">暂无备注记录</p>
+        ) : (
+          <Timeline
+            items={records.map((r) => ({
+              color: STATUS_DOT[r.status] ?? "gray",
+              children: (
+                <div>
+                  {/* 头部：工序名 · 操作人 + 状态徽章 + 时间 */}
+                  <div className="flex flex-wrap items-center gap-2">
+                    <span className="text-sm font-semibold text-gray-800">{r.task_name || "—"}</span>
+                    <span className="text-xs text-gray-400">· {r.assignee_name || "—"}</span>
+                    <span className={`rounded-full px-2 py-0.5 text-[11px] font-medium ${STATUS_BADGE[r.status] ?? "bg-gray-100 text-gray-600"}`}>
+                      {STATUS_LABEL[r.status] ?? r.status}
+                    </span>
+                    <span className="ml-auto text-xs text-gray-400">
+                      {r.created_at ? dayjs(r.created_at).format("MM-DD HH:mm") : ""}
+                    </span>
+                  </div>
+
+                  {/* 备注文本 */}
+                  {r.remark && (
+                    <div className="mt-1.5 text-sm leading-relaxed text-gray-700">{r.remark}</div>
+                  )}
+
+                  {/* 图片：PreviewGroup 包裹，点击全屏放大预览 */}
+                  {r.images && r.images.length > 0 && (
+                    <Image.PreviewGroup>
+                      <div className="mt-2 flex flex-wrap gap-2">
+                        {r.images.map((img, j) => (
+                          <Image
+                            key={j}
+                            src={imageUrl(img)}
+                            alt={`备注图片 ${j + 1}`}
+                            width={64}
+                            height={64}
+                            className="rounded-md object-cover"
+                            style={{ objectFit: "cover" }}
+                          />
+                        ))}
+                      </div>
+                    </Image.PreviewGroup>
+                  )}
+                </div>
+              ),
+            }))}
+          />
+        )}
+      </Modal>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/admin/AuditUsagePanel.tsx b/frontend/src/pages/admin/AuditUsagePanel.tsx
new file mode 100644
index 0000000..8232d90
--- /dev/null
+++ b/frontend/src/pages/admin/AuditUsagePanel.tsx
@@ -0,0 +1,207 @@
+/**
+ * 人员统计（日活报表）—— 以抽屉形式挂在操作审计页旁边。
+ *
+ * 回答的是「每天有哪些人用了系统、用了多少」：
+ *   上线次数 / 上线时间、下线次数 / 下线时间、操作次数。
+ *
+ * 刻意不复用审计明细页的表格：两者的粒度不同（一个是一行一次操作，
+ * 一个是一人一天一行），合在一起筛选状态会互相干扰。
+ */
+import { useCallback, useEffect, useState } from "react";
+import { Drawer, Table, DatePicker, Button, Alert, Tag, Empty } from "antd";
+import type { ColumnsType } from "antd/es/table";
+import { Download, Loader2, RefreshCw } from "lucide-react";
+import dayjs, { type Dayjs } from "dayjs";
+import utc from "dayjs/plugin/utc";
+import {
+  fetchDailyUsage, fetchAuditOptions, exportDailyUsageCsv,
+  type DailyUsageRow, type AuditOption,
+} from "../../services/auditApi";
+import { extractErrorMessage } from "../../utils/errorMessage";
+import { useToast } from "../../components/ui/Toast";
+import ExportColumnsModal from "../../components/admin/ExportColumnsModal";
+
+// 后端返回的是 UTC，而统计按【北京时间自然日】分组。
+// 必须显式按 +08:00 渲染 —— 依赖浏览器本地时区的话，一旦有人机器不在东八区，
+// 时间就会和「日期」列对不上（比如显示 17:00 而日期是次日）。
+dayjs.extend(utc);
+const BJ_OFFSET_MIN = 8 * 60;
+
+function bjTime(v: string | null): string {
+  if (!v) return "—";
+  return dayjs.utc(v).utcOffset(BJ_OFFSET_MIN).format("HH:mm");
+}
+
+/** 「上线 vs 下线」次数配色：有记录就显眼，0 就淡化 */
+function countTag(n: number, cls: string) {
+  if (!n) return <span className="text-gray-300">0</span>;
+  return <Tag className={`${cls} border-0 font-semibold`}>{n}</Tag>;
+}
+
+export default function AuditUsagePanel({
+  open,
+  onClose,
+}: {
+  open: boolean;
+  onClose: () => void;
+}) {
+  const { toast } = useToast();
+  const [rows, setRows] = useState<DailyUsageRow[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [range, setRange] = useState<[Dayjs, Dayjs]>([dayjs(), dayjs()]);
+
+  const [usageColumns, setUsageColumns] = useState<AuditOption[]>([]);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const [exporting, setExporting] = useState(false);
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await fetchDailyUsage({
+        start_date: range[0].format("YYYY-MM-DD"),
+        end_date: range[1].format("YYYY-MM-DD"),
+      });
+      setRows(res.items);
+    } catch (err: unknown) {
+      setError(extractErrorMessage(err, "加载使用统计失败"));
+      setRows([]);
+    } finally {
+      setLoading(false);
+    }
+  }, [range]);
+
+  useEffect(() => {
+    if (open) load();
+  }, [open, load]);
+
+  // 列清单只需拉一次；失败不阻断表格本身
+  useEffect(() => {
+    if (!open || usageColumns.length) return;
+    fetchAuditOptions()
+      .then((o) => setUsageColumns(o.usage_export_columns || []))
+      .catch(() => { /* 拉不到列清单只影响导出，不影响查看 */ });
+  }, [open, usageColumns.length]);
+
+  async function handleExport(columns: string[]) {
+    setExporting(true);
+    try {
+      const truncated = await exportDailyUsageCsv({
+        start_date: range[0].format("YYYY-MM-DD"),
+        end_date: range[1].format("YYYY-MM-DD"),
+        columns,
+      });
+      setPickerOpen(false);
+      toast(truncated ? "已导出（数据超上限，已截断）" : "已导出 CSV", truncated ? "error" : "success");
+    } catch (err: unknown) {
+      toast(extractErrorMessage(err, "导出失败"), "error");
+    } finally {
+      setExporting(false);
+    }
+  }
+
+  const multiDay = range[0].format("YYYY-MM-DD") !== range[1].format("YYYY-MM-DD");
+
+  const columns: ColumnsType<DailyUsageRow> = [
+    // 单日查询时日期列是冗余的，自动隐藏，少一列噪音
+    ...(multiDay
+      ? [{ title: "日期", dataIndex: "day", width: 110,
+           sorter: (a: DailyUsageRow, b: DailyUsageRow) => a.day.localeCompare(b.day) }]
+      : []),
+    {
+      title: "操作人", dataIndex: "display_name", width: 160,
+      render: (_: unknown, r: DailyUsageRow) => (
+        <div className="leading-tight">
+          <div className="text-gray-900">{r.display_name || r.user_id || "—"}</div>
+          {r.display_name && <div className="text-xs text-gray-400">{r.user_id}</div>}
+        </div>
+      ),
+    },
+    // 上线/下线时间 = 当天首次/末次【活动】。token 有效期内用户不重新登录，
+    // 若取登录时间会得出"登录 0 次却操作 35 次"的矛盾数据（见后端 docstring）
+    { title: "上线时间", dataIndex: "first_active_at", width: 100, align: "center",
+      render: (v: string | null) => <span className="font-mono text-gray-700">{bjTime(v)}</span> },
+    { title: "下线时间", dataIndex: "last_active_at", width: 100, align: "center",
+      render: (v: string | null) => <span className="font-mono text-gray-700">{bjTime(v)}</span> },
+    { title: "操作次数", dataIndex: "op_count", width: 110, align: "center",
+      render: (v: number) => <span className="font-bold text-blue-600">{v}</span>,
+      sorter: (a: DailyUsageRow, b: DailyUsageRow) => a.op_count - b.op_count,
+      defaultSortOrder: "descend" as const },
+    // 登录/登出次数是真实的手动行为计数，与上面的活动时间并列展示，不混为一谈
+    { title: "登录次数", dataIndex: "login_count", width: 100, align: "center",
+      render: (v: number) => countTag(v, "bg-emerald-100 text-emerald-700"),
+      sorter: (a: DailyUsageRow, b: DailyUsageRow) => a.login_count - b.login_count },
+    { title: "登出次数", dataIndex: "logout_count", width: 100, align: "center",
+      render: (v: number) => countTag(v, "bg-blue-100 text-blue-700"),
+      sorter: (a: DailyUsageRow, b: DailyUsageRow) => a.logout_count - b.logout_count },
+  ];
+
+  return (
+    <Drawer
+      open={open}
+      onClose={onClose}
+      width={1000}
+      title="📊 人员统计（日活）"
+      extra={
+        <Button icon={<RefreshCw className="h-3.5 w-3.5" />} onClick={load} disabled={loading}>
+          刷新
+        </Button>
+      }
+    >
+      <div className="mb-4 flex flex-wrap items-center gap-2">
+        <DatePicker.RangePicker
+          value={range}
+          allowClear={false}
+          onChange={(v) => { if (v?.[0] && v?.[1]) setRange([v[0], v[1]]); }}
+          presets={[
+            { label: "今天", value: [dayjs(), dayjs()] },
+            { label: "昨天", value: [dayjs().subtract(1, "day"), dayjs().subtract(1, "day")] },
+            { label: "近 7 天", value: [dayjs().subtract(6, "day"), dayjs()] },
+            { label: "本月", value: [dayjs().startOf("month"), dayjs()] },
+          ]}
+        />
+        <Button
+          type="primary"
+          icon={<Download className="h-3.5 w-3.5" />}
+          disabled={rows.length === 0}
+          onClick={() => setPickerOpen(true)}
+        >
+          导出 CSV
+        </Button>
+        <span className="text-xs text-gray-400">
+          {rows.length > 0 && `共 ${rows.length} 人·天`} ｜ 时间均为北京时间
+        </span>
+      </div>
+
+      {error && (
+        <Alert type="error" showIcon className="mb-3" message={error} />
+      )}
+
+      {/* 两处口径容易被误读，直接写在表格上方 */}
+      <p className="mb-3 text-xs text-gray-400">
+        ⓘ 「上线/下线时间」= 当天首次/末次<strong>活动</strong>时间，不是登录时间 ——
+        登录状态可保持 7 天，当天不登录也会正常统计。
+        「登录/登出次数」是真实的手动登录行为计数，登出通常少于登录（关浏览器、断网不产生登出记录）。
+      </p>
+
+      <Table<DailyUsageRow>
+        rowKey={(r) => `${r.day}|${r.user_id ?? ""}`}
+        size="small"
+        columns={columns}
+        dataSource={rows}
+        loading={{ spinning: loading, indicator: <Loader2 className="h-5 w-5 animate-spin text-blue-500" /> }}
+        pagination={{ pageSize: 20, showSizeChanger: true, showTotal: (t) => `共 ${t} 条` }}
+        locale={{ emptyText: <Empty description="该时段没有使用记录" /> }}
+      />
+
+      <ExportColumnsModal
+        open={pickerOpen}
+        columns={usageColumns}
+        submitting={exporting}
+        onCancel={() => setPickerOpen(false)}
+        onConfirm={handleExport}
+      />
+    </Drawer>
+  );
+}
diff --git a/frontend/src/pages/admin/CreateProductDialog.tsx b/frontend/src/pages/admin/CreateProductDialog.tsx
new file mode 100644
index 0000000..dbc0396
--- /dev/null
+++ b/frontend/src/pages/admin/CreateProductDialog.tsx
@@ -0,0 +1,511 @@
+import { useState, useEffect, useRef, useCallback } from "react";
+import { Modal, Collapse, Table, Input, Button, Space, Tag, App, Spin, Empty } from "antd";
+import { SearchOutlined, PlusOutlined, MinusOutlined } from "@ant-design/icons";
+import api from "../../services/api";
+import { fetchMaterialGroups, fetchMaterialItems, type MaterialGroup, type MaterialItem } from "../../services/materialApi";
+import { extractErrorMessage } from "../../utils/errorMessage";
+
+// ============================================================
+// 类型
+// ============================================================
+
+interface Props {
+  open: boolean;
+  onClose: () => void;
+  onCreated: () => void;
+}
+
+interface SelectedMaterial {
+  material_id: string;
+  material_name: string;
+  spec_model: string;
+  category: string;
+  material_type: string;
+}
+
+// ============================================================
+// 主组件
+// ============================================================
+
+export default function CreateProductDialog({ open, onClose, onCreated }: Props) {
+  const { message } = App.useApp();
+
+  // ---- 搜索 & 分组摘要 ----
+  const [keyword, setKeyword] = useState("");
+  const [summary, setSummary] = useState<MaterialGroup[]>([]);
+  const [summaryLoading, setSummaryLoading] = useState(false);
+
+  // ---- 手风琴展开 keys ----
+  const [activeKeys, setActiveKeys] = useState<string[]>([]);
+
+  // ---- 缓存 (对标老系统 groupCache / groupLoadingMap) ----
+  const groupCache = useRef<Map<string, MaterialItem[]>>(new Map());
+  const groupLoadingMap = useRef<Map<string, boolean>>(new Map());
+
+  // ---- 选中物料 ----
+  const [selected, setSelected] = useState<SelectedMaterial | null>(null);
+
+  // ---- 表单 ----
+  const [externalSerial, setExternalSerial] = useState("");
+  const [orderNo, setOrderNo] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const [createdSn, setCreatedSn] = useState<string | null>(null);
+
+  // ---- 初始化 ----
+  useEffect(() => {
+    if (open) {
+      setKeyword("");
+      setActiveKeys([]);
+      setSelected(null);
+      setExternalSerial("");
+      setOrderNo("");
+      setCreatedSn(null);
+      groupCache.current.clear();
+      groupLoadingMap.current.clear();
+      loadSummary();
+    }
+  }, [open]);
+
+  // ============================================================
+  // 数据加载
+  // ============================================================
+
+  /** 搜索分组摘要 */
+  const loadSummary = useCallback(async (kw?: string) => {
+    setSummaryLoading(true);
+    try {
+      const list = await fetchMaterialGroups(kw?.trim() || undefined);
+      setSummary(list);
+    } catch {
+      message.error("加载物料分组失败");
+    } finally {
+      setSummaryLoading(false);
+    }
+  }, [message]);
+
+  function handleSearch() {
+    setActiveKeys([]);
+    groupCache.current.clear();
+    groupLoadingMap.current.clear();
+    loadSummary(keyword.trim() || undefined);
+  }
+
+  // 防抖搜索：输入即搜，300ms 无键入后自动触发
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      handleSearch();
+    }, 300);
+    return () => clearTimeout(timer);
+  }, [keyword]);
+
+  /** 懒加载分组内物料 */
+  async function loadGroupItems(category: string) {
+    // 缓存命中 → 跳过
+    if (groupCache.current.has(category)) return;
+    // 正在加载 → 跳过
+    if (groupLoadingMap.current.get(category)) return;
+
+    groupLoadingMap.current.set(category, true);
+    // 触发重渲染让 Table 显示 loading
+    forceRefresh();
+
+    try {
+      const items = await fetchMaterialItems(category, keyword.trim() || undefined);
+      groupCache.current.set(category, items);
+    } catch {
+      message.error(`加载 "${category}" 分组失败`);
+    } finally {
+      groupLoadingMap.current.set(category, false);
+      forceRefresh();
+    }
+  }
+
+  /** 强制刷新 — 因为 useRef 不会触发重渲染，借用 state 刷新 */
+  const [, setTick] = useState(0);
+  function forceRefresh() {
+    setTick((t) => t + 1);
+  }
+
+  // ============================================================
+  // 手风琴事件
+  // ============================================================
+
+  function handleCollapseChange(keys: string | string[]) {
+    const newKeys = Array.isArray(keys) ? keys : [keys];
+    setActiveKeys(newKeys);
+
+    // 新展开的 panel → 懒加载
+    const newlyOpened = newKeys.filter((k) => !activeKeys.includes(k));
+    newlyOpened.forEach((cat) => loadGroupItems(cat));
+  }
+
+  function expandAll() {
+    const all = summary.map((g) => g.category);
+    setActiveKeys(all);
+    all.forEach((cat) => loadGroupItems(cat));
+  }
+
+  function collapseAll() {
+    setActiveKeys([]);
+  }
+
+  // ============================================================
+  // 选择物料
+  // ============================================================
+
+  function handleSelect(item: MaterialItem) {
+    setSelected({
+      material_id: String(item.id),
+      material_name: item.name,
+      spec_model: item.spec,
+      category: item.category,
+      material_type: item.type,
+    });
+  }
+
+  // ============================================================
+  // 提交创建
+  // ============================================================
+
+  async function handleSubmit() {
+    if (!selected) {
+      message.warning("请选择一个物料");
+      return;
+    }
+    setSubmitting(true);
+    try {
+      const { data } = await api.post("/products/", {
+        material_id: selected.material_id,
+        material_name: selected.material_name,
+        spec_model: selected.spec_model,
+        category: selected.category,
+        material_type: selected.material_type,
+        external_serial: externalSerial.trim() || null,
+        order_no: orderNo.trim() || null,
+      });
+      setCreatedSn(data.serial_number);
+      onCreated();
+    } catch (err: unknown) {
+      message.error(extractErrorMessage(err, "创建失败"));
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  // ============================================================
+  // 表格列定义
+  // ============================================================
+
+  const columns = [
+    {
+      title: "名称",
+      dataIndex: "name",
+      key: "name",
+      ellipsis: true,
+      render: (v: string) => <span className="font-medium text-gray-800">{v}</span>,
+    },
+    {
+      title: "规格",
+      dataIndex: "spec",
+      key: "spec",
+      ellipsis: true,
+    },
+    {
+      title: "类型",
+      dataIndex: "type",
+      key: "type",
+      width: 80,
+      render: (v: string) => <Tag>{v}</Tag>,
+    },
+    {
+      title: "单位",
+      dataIndex: "unit",
+      key: "unit",
+      width: 60,
+    },
+    {
+      title: "操作",
+      key: "action",
+      width: 80,
+      render: (_: unknown, record: MaterialItem) => (
+        <Button
+          type="link"
+          size="small"
+          onClick={(e) => {
+            e.stopPropagation();
+            handleSelect(record);
+          }}
+        >
+          选择
+        </Button>
+      ),
+    },
+  ];
+
+  // ============================================================
+  // Collapse items 生成
+  // ============================================================
+
+  const collapseItems = summary.map((group) => {
+    const items = groupCache.current.get(group.category);
+    const isLoading = groupLoadingMap.current.get(group.category) === true;
+
+    return {
+      key: group.category,
+      label: (
+        <div className="flex items-center justify-between pr-2">
+          <span className="text-sm font-medium text-gray-700">{group.category}</span>
+          <Tag className="ml-2">{group.count}</Tag>
+        </div>
+      ),
+      children: isLoading ? (
+        <div className="flex items-center justify-center py-8">
+          <Spin />
+        </div>
+      ) : items && items.length > 0 ? (
+        <Table
+          columns={columns}
+          dataSource={items}
+          rowKey="id"
+          size="small"
+          pagination={false}
+          scroll={{ y: 240 }}
+          onRow={(record) => ({
+            className:
+              selected?.material_id === String(record.id) ? "bg-blue-50" : "",
+          })}
+        />
+      ) : (
+        <Empty
+          image={Empty.PRESENTED_IMAGE_SIMPLE}
+          description="该分类下暂无物料"
+          className="py-6"
+        />
+      ),
+    };
+  });
+
+  // ============================================================
+  // 打印标签
+  // ============================================================
+
+  function printCurrentQRCode() {
+    const printArea = document.getElementById("label-print-area");
+    if (!printArea) return;
+    const printContent = printArea.innerHTML;
+
+    const styles = Array.from(document.querySelectorAll("style, link[rel=\"stylesheet\"]"))
+      .map(el => el.outerHTML)
+      .join("");
+
+    const iframe = document.createElement("iframe");
+    iframe.style.position = "absolute";
+    iframe.style.width = "0";
+    iframe.style.height = "0";
+    iframe.style.border = "none";
+    document.body.appendChild(iframe);
+
+    const doc = iframe.contentWindow!.document;
+    doc.write(`
+      <!DOCTYPE html>
+      <html>
+        <head><title>打印标签</title>${styles}
+          <style>
+            @page { size: auto; margin: 0mm; }
+            body { margin: 0; padding: 0; background: #fff; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
+          </style>
+        </head>
+        <body><div style="width:100%;max-width:360px;margin:0 auto;padding:12px;box-sizing:border-box;background:#fff;font-family:monospace,'Helvetica Neue',sans-serif;">${printContent}</div></body>
+      </html>
+    `);
+    doc.close();
+
+    iframe.contentWindow!.onload = () => {
+      iframe.contentWindow!.focus();
+      iframe.contentWindow!.print();
+      setTimeout(() => { document.body.removeChild(iframe); }, 1000);
+    };
+  }
+
+  // ============================================================
+  // 渲染
+  // ============================================================
+
+  return (
+    <Modal
+      title="创建产品"
+      open={open}
+      onCancel={onClose}
+      width={720}
+      footer={null}
+      destroyOnHidden
+    >
+      {createdSn ? (
+        /* ---- 成功页 ---- */
+        <div className="py-4">
+          <div id="label-print-area" style={{
+            width: '100%', maxWidth: '360px', margin: '0 auto', padding: '12px',
+            boxSizing: 'border-box', background: '#fff',
+            fontFamily: 'monospace, "Helvetica Neue", Helvetica, sans-serif',
+            border: '1px solid #e5e7eb'
+          }}>
+            <div style={{ width: '100%' }}>
+              <div style={{ float: 'left', width: '110px', height: '110px', marginRight: '10px', marginBottom: '4px' }}>
+                <img src={`/api/v1/products/qrcode/${createdSn}`} alt="QR"
+                  style={{ width: '100%', height: '100%', objectFit: 'contain', display: 'block' }} />
+              </div>
+              <div style={{ fontSize: '13px', fontWeight: 900, color: '#000', lineHeight: '1.4', wordBreak: 'break-all' }}>
+                <div style={{ marginBottom: '4px' }}>名: {selected?.material_name ?? ""}</div>
+                <div style={{ marginBottom: '4px' }}>规: {selected?.spec_model ?? ""}</div>
+                <div style={{ marginBottom: '4px' }}>单: {orderNo || "—"}</div>
+              </div>
+              <div style={{ clear: 'both' }}></div>
+            </div>
+            <div style={{ width: '100%', marginTop: '8px', paddingTop: '8px', borderTop: '2px solid #000',
+              textAlign: 'center', fontSize: '16px', fontWeight: 900, color: '#000', letterSpacing: '1px' }}>
+              码: {createdSn}
+            </div>
+          </div>
+          <p className="mt-2 text-center text-sm text-green-600">产品创建成功！</p>
+          <Space className="mt-3 flex justify-center">
+            <Button type="primary" onClick={printCurrentQRCode}>🖨️ 直接打印标签</Button>
+            <Button onClick={() => setCreatedSn(null)}>继续创建</Button>
+          </Space>
+        </div>
+      ) : (
+        /* ---- 表单 ---- */
+        <div className="space-y-4">
+          {/* ================================================================ */}
+          {/* 物料选择区域 */}
+          {/* ================================================================ */}
+          <div>
+            <div className="mb-2 flex items-center justify-between">
+              <span className="text-sm font-medium text-gray-700">
+                MOM 物料 <span className="text-red-500">*</span>
+              </span>
+              {!selected && (
+                <Space size="small">
+                  <Button size="small" icon={<PlusOutlined />} onClick={expandAll}>
+                    全部展开
+                  </Button>
+                  <Button size="small" icon={<MinusOutlined />} onClick={collapseAll}>
+                    全部折叠
+                  </Button>
+                </Space>
+              )}
+            </div>
+
+            {/* 已选物料 → 折叠手风琴，展示紧凑标签 */}
+            {selected ? (
+              <div className="flex items-center justify-between rounded-lg border border-blue-200 bg-blue-50 px-4 py-3">
+                <div>
+                  <span className="text-base font-semibold text-blue-800">
+                    {selected.material_name}
+                  </span>
+                  <div className="mt-0.5 flex gap-3 text-xs text-blue-500">
+                    <span>规格: {selected.spec_model}</span>
+                    <span>分类: {selected.category}</span>
+                    <span>类型: {selected.material_type}</span>
+                  </div>
+                </div>
+                <Button danger size="small" onClick={() => setSelected(null)}>
+                  清除重选
+                </Button>
+              </div>
+            ) : (
+              <>
+                {/* 搜索栏 */}
+                <div className="mb-2 flex gap-2">
+                  <Input
+                    placeholder="搜索名称/规格…"
+                    prefix={<SearchOutlined />}
+                    value={keyword}
+                    onChange={(e) => setKeyword(e.target.value)}
+                    onPressEnter={handleSearch}
+                    allowClear
+                  />
+                  <Button onClick={handleSearch}>搜索</Button>
+                </div>
+
+                {/* 手风琴 */}
+                <div className="max-h-[360px] overflow-y-auto rounded-lg border border-gray-200">
+                  {summaryLoading ? (
+                    <div className="flex items-center justify-center py-16">
+                      <Spin />
+                    </div>
+                  ) : summary.length === 0 ? (
+                    <Empty
+                      image={Empty.PRESENTED_IMAGE_SIMPLE}
+                      description="暂无成品/半成品数据"
+                      className="py-10"
+                    />
+                  ) : (
+                    <Collapse
+                      activeKey={activeKeys}
+                      onChange={handleCollapseChange}
+                      size="small"
+                      ghost
+                      items={collapseItems}
+                    />
+                  )}
+                </div>
+              </>
+            )}
+          </div>
+
+          {/* ================================================================ */}
+          {/* 产品身份证 — 系统自动生成 16 位 HEX（不可编辑） */}
+          {/* ================================================================ */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-gray-700">
+              产品身份证 <span className="text-xs text-gray-400">(自动生成)</span>
+            </label>
+            <Input
+              value="提交后自动生成 16 位 HEX"
+              disabled
+              className="font-mono text-gray-400"
+            />
+          </div>
+
+          {/* 产品序列号 — 用户自定义录入（选填） */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-gray-700">
+              产品序列号 <span className="text-xs text-gray-400">(选填)</span>
+            </label>
+            <Input
+              value={externalSerial}
+              onChange={(e) => setExternalSerial(e.target.value)}
+              maxLength={64}
+              placeholder="用户自定义序列号"
+            />
+          </div>
+
+          {/* 所属订单（选填） */}
+          <div>
+            <label className="mb-1 block text-sm font-medium text-gray-700">
+              所属订单 <span className="text-xs text-gray-400">(选填)</span>
+            </label>
+            <Input
+              value={orderNo}
+              onChange={(e) => setOrderNo(e.target.value)}
+              maxLength={64}
+              placeholder="自由键入订单号"
+            />
+          </div>
+
+          {/* 提交 */}
+          <Button
+            type="primary"
+            block
+            size="large"
+            loading={submitting}
+            disabled={!selected}
+            onClick={handleSubmit}
+          >
+            创建并生成二维码
+          </Button>
+        </div>
+      )}
+    </Modal>
+  );
+}
diff --git a/frontend/src/pages/admin/ScreenDashboard.tsx b/frontend/src/pages/admin/ScreenDashboard.tsx
new file mode 100644
index 0000000..aa01909
--- /dev/null
+++ b/frontend/src/pages/admin/ScreenDashboard.tsx
@@ -0,0 +1,482 @@
+/** 管理层数据大屏 — 全屏无侧边栏 · 亮色主题（与系统其他页面统一）· 60s 自动轮询
+ *
+ *  视角：日常运营与督导 —— 当月吞吐 / 当前卡点 / 系统活跃度。
+ *
+ *  布局：
+ *    顶部一排  4 张当月指标卡（生产流转 / 已入库 / 已出库 / 返厂回流）
+ *    左·主图区 【车间工序积压分布】横向柱状图，按生产段/售后段着色
+ *    右·侧边区 【系统活跃度排行】本月 接收 / 转交 / 备注 次数表（主体，撑满高度）
+ *
+ *  跳转：下钻一律用 window.open 开新标签页 —— 领导看板时不丢失大盘视图。
+ *  过滤：URL 参数直接映射到 AdminTasksPage 的原生筛选状态
+ *        （?status= 点亮状态 Tabs、?stage= 点亮「当前工序」列筛选），
+ *        不引入任何大屏专用的额外 UI。
+ */
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import type { ReactNode } from "react";
+import { Navigate, useNavigate } from "react-router-dom";
+import { Maximize2, Minimize2, RefreshCw, ArrowLeft } from "lucide-react";
+import type { EChartsCoreOption } from "echarts/core";
+
+import BaseEChart from "../../components/BaseEChart";
+import { useAuth } from "../../contexts/AuthContext";
+import {
+  fetchMonthlyMetrics,
+  fetchWipDistribution,
+  fetchActiveUsers,
+  type MonthlyMetrics,
+  type WipDistributionResponse,
+  type ActiveUser,
+  type ActiveUsersResponse,
+} from "../../services/screenApi";
+import UserOperationDetailDrawer, {
+  type UserOperationDetailDrawerHandle,
+} from "../../components/admin/UserOperationDetailDrawer";
+
+// 大屏轮询间隔
+const REFRESH_MS = 60_000;
+
+// 亮色主题下的 ECharts 配色
+const AXIS_COLOR = "#6b7280";       // 坐标轴文字 gray-500
+const GRID_COLOR = "#e5e7eb";       // 网格线 gray-200
+const TEXT_COLOR = "#374151";       // 标签文字 gray-700
+const TOOLTIP_STYLE = {
+  backgroundColor: "rgba(255,255,255,0.97)",
+  borderColor: "#d1d5db",
+  textStyle: { color: "#1f2937" },
+  extraCssText: "box-shadow:0 4px 12px rgba(0,0,0,0.08);",
+};
+
+// 生产段 / 售后段的柱子配色
+const COLOR_PRODUCTION = "#0891b2";   // cyan-600
+const COLOR_AFTER_SALES = "#ea580c";  // orange-600
+
+// 操作类型 → 中文名（明细抽屉标题用）
+const OP_LABELS: Record<string, string> = {
+  receive: "接收",
+  transfer: "转交",
+  record: "上传备注",
+};
+
+// ============================================================
+// 鉴权外壳 — 与 AdminLayout 同款守卫，但不渲染侧边栏
+// ============================================================
+
+export default function ScreenDashboard() {
+  const { isAuthenticated, loading } = useAuth();
+
+  if (loading) {
+    return (
+      <div className="flex h-screen w-screen items-center justify-center bg-gray-50">
+        <div className="h-10 w-10 animate-spin rounded-full border-2 border-blue-500 border-t-transparent" />
+      </div>
+    );
+  }
+  if (!isAuthenticated) return <Navigate to="/admin/login" replace />;
+
+  return <ScreenBoard />;
+}
+
+// ============================================================
+// 大屏主体
+// ============================================================
+
+function ScreenBoard() {
+  const navigate = useNavigate();
+
+  const [metrics, setMetrics] = useState<MonthlyMetrics | null>(null);
+  const [dist, setDist] = useState<WipDistributionResponse | null>(null);
+  const [users, setUsers] = useState<ActiveUsersResponse | null>(null);
+
+  // 操作明细下钻 — 与「全局概览」AdminDashboard 的人员操作统计共用同一抽屉组件
+  const opDetailRef = useRef<UserOperationDetailDrawerHandle>(null);
+
+  const [updatedAt, setUpdatedAt] = useState("");
+  const [error, setError] = useState("");
+  const [refreshing, setRefreshing] = useState(false);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+
+  // 卸载后不再 setState；reqId 丢弃过期响应（防止慢请求覆盖新数据）
+  const aliveRef = useRef(true);
+  const reqIdRef = useRef(0);
+
+  const load = useCallback(async () => {
+    const reqId = ++reqIdRef.current;
+    setRefreshing(true);
+    try {
+      const [m, d, u] = await Promise.all([
+        fetchMonthlyMetrics(),
+        fetchWipDistribution(),
+        fetchActiveUsers(10),   // 多取一些，过滤掉 0 操作的人后再展示
+      ]);
+      if (!aliveRef.current || reqId !== reqIdRef.current) return;
+      setMetrics(m);
+      setDist(d);
+      setUsers(u);
+      setError("");
+      setUpdatedAt(new Date().toLocaleTimeString("zh-CN", { hour12: false }));
+    } catch {
+      if (!aliveRef.current || reqId !== reqIdRef.current) return;
+      setError("数据加载失败，将自动重试");
+    } finally {
+      if (aliveRef.current && reqId === reqIdRef.current) setRefreshing(false);
+    }
+  }, []);
+
+  // 首屏加载 + 60s 轮询
+  useEffect(() => {
+    aliveRef.current = true;
+    load();
+    const timer = setInterval(load, REFRESH_MS);
+    return () => {
+      aliveRef.current = false;
+      clearInterval(timer);
+    };
+  }, [load]);
+
+  // 全屏状态同步（用户按 Esc 退出时图标要跟着变）
+  useEffect(() => {
+    const onChange = () => setIsFullscreen(!!document.fullscreenElement);
+    document.addEventListener("fullscreenchange", onChange);
+    return () => document.removeEventListener("fullscreenchange", onChange);
+  }, []);
+
+  function toggleFullscreen() {
+    if (document.fullscreenElement) void document.exitFullscreen();
+    else void document.documentElement.requestFullscreen();
+  }
+
+  /** 下钻一律开新标签页 —— 领导看板时不丢失大盘视图 */
+  const openDrill = useCallback((url: string) => {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }, []);
+
+  // 柱状图下钻：点击某道工序 → 任务全景页点亮「当前工序」列筛选
+  const handleBarClick = useCallback((params: any) => {
+    const stage = params?.name;
+    if (!stage) return;
+    openDrill(`/admin/tasks?stage=${encodeURIComponent(stage)}`);
+  }, [openDrill]);
+
+  // ── 横向柱状图：车间工序积压分布 ──
+  const distOption = useMemo<EChartsCoreOption>(() => {
+    const items = dist?.items ?? [];
+    const total = dist?.total ?? 0;
+    return {
+      tooltip: {
+        trigger: "axis",
+        axisPointer: { type: "shadow" },
+        formatter: (params: any) => {
+          const row = items[params[0]?.dataIndex ?? 0];
+          if (!row) return "";
+          const pct = total ? ((row.count / total) * 100).toFixed(1) : "0.0";
+          const phaseLabel = row.phase === "AFTER_SALES" ? "售后段" : "生产段";
+          return `${row.stage}（${phaseLabel}）<br/><b>${row.count}</b> 台 · 占比 ${pct}%`;
+        },
+        ...TOOLTIP_STYLE,
+      },
+      grid: { left: 6, right: 52, top: 8, bottom: 2, containLabel: true },
+      xAxis: {
+        type: "value",
+        minInterval: 1,
+        axisLabel: { color: AXIS_COLOR, fontSize: 11 },
+        splitLine: { lineStyle: { color: GRID_COLOR } },
+      },
+      yAxis: {
+        type: "category",
+        data: items.map((i) => i.stage),
+        inverse: true,          // 首项（待启动）排在最上方，保持工序先后顺序
+        axisLine: { lineStyle: { color: "#d1d5db" } },
+        axisTick: { show: false },
+        axisLabel: { color: TEXT_COLOR, fontSize: 13 },
+      },
+      series: [{
+        type: "bar",
+        barMaxWidth: 26,
+        data: items.map((i) => i.count),
+        itemStyle: {
+          // 回调按生命周期阶段区分生产段 / 售后段
+          color: (p: any) => (items[p.dataIndex]?.phase === "AFTER_SALES"
+            ? COLOR_AFTER_SALES
+            : COLOR_PRODUCTION),
+          borderRadius: [0, 4, 4, 0],
+        },
+        label: {
+          show: true,
+          position: "right",
+          color: TEXT_COLOR,
+          fontSize: 12,
+          fontWeight: "bold",
+        },
+      }],
+    };
+  }, [dist]);
+
+  // 仅展示本月确实有操作的人员 —— 0 接收 / 0 转交 / 0 备注 一律隐藏
+  const activeUsers = (users?.items ?? []).filter((u) => u.total > 0);
+  const maxTotal = activeUsers.length ? Math.max(...activeUsers.map((u) => u.total)) : 1;
+
+  // 明细抽屉的时间范围取「本月」，与顶部卡片口径一致
+  const monthSince = metrics
+    ? new Date(`${metrics.month_start}T00:00:00+08:00`).toISOString()
+    : undefined;
+
+  function openUserDetail(u: ActiveUser, actionType: string, label: string) {
+    opDetailRef.current?.open({
+      userId: u.user_id,
+      userName: u.user_name,
+      actionType,
+      label,
+      since: monthSince,
+    });
+  }
+
+  /** 整行点击：默认展开该人首个有记录的操作类型（与行内数字按钮同源） */
+  function openUserRow(u: ActiveUser) {
+    if (u.receive_count > 0) return openUserDetail(u, "receive", "接收");
+    if (u.transfer_count > 0) return openUserDetail(u, "transfer", "转交");
+    return openUserDetail(u, "record", "上传备注");
+  }
+
+  return (
+    <div className="flex h-screen w-screen flex-col overflow-hidden bg-gray-50 text-gray-800">
+      {/* ── 顶栏 ── */}
+      <header className="flex shrink-0 items-center justify-between border-b border-gray-200 bg-white px-6 py-2.5">
+        <div className="flex items-center gap-3">
+          <span className="h-5 w-1.5 rounded-full bg-blue-600" />
+          <h1 className="text-lg font-bold tracking-wide text-gray-800">
+            生产流转 · 管理层数据大屏
+          </h1>
+          {metrics?.month && (
+            <span className="rounded bg-blue-50 px-2 py-0.5 text-xs font-medium text-blue-700">
+              {metrics.month} 当月
+            </span>
+          )}
+          {error && (
+            <span className="rounded bg-red-50 px-2 py-0.5 text-xs text-red-600">{error}</span>
+          )}
+        </div>
+
+        <div className="flex items-center gap-4 text-xs text-gray-500">
+          <span className="tabular-nums">最后更新 {updatedAt || "—"}</span>
+          <button
+            onClick={load}
+            disabled={refreshing}
+            className="flex items-center gap-1.5 rounded-md border border-gray-300 px-2.5 py-1 transition-colors hover:border-blue-500 hover:text-blue-600 disabled:opacity-50"
+          >
+            <RefreshCw className={`h-3.5 w-3.5 ${refreshing ? "animate-spin" : ""}`} />
+            刷新
+          </button>
+          <button
+            onClick={toggleFullscreen}
+            className="flex items-center gap-1.5 rounded-md border border-gray-300 px-2.5 py-1 transition-colors hover:border-blue-500 hover:text-blue-600"
+          >
+            {isFullscreen ? <Minimize2 className="h-3.5 w-3.5" /> : <Maximize2 className="h-3.5 w-3.5" />}
+            {isFullscreen ? "退出全屏" : "全屏"}
+          </button>
+          <button
+            onClick={() => navigate("/admin/dashboard")}
+            className="flex items-center gap-1.5 rounded-md border border-gray-300 px-2.5 py-1 transition-colors hover:border-blue-500 hover:text-blue-600"
+          >
+            <ArrowLeft className="h-3.5 w-3.5" />
+            返回后台
+          </button>
+        </div>
+      </header>
+
+      <main className="flex min-h-0 flex-1 flex-col gap-4 p-4">
+        {/* ── 顶部一排：4 张当月指标卡（点击新标签页下钻任务全景） ── */}
+        <div className="grid shrink-0 grid-cols-4 gap-4">
+          <MetricCard
+            label="本月生产流转"
+            value={metrics?.month_production ?? 0}
+            tone="text-cyan-600"
+            hint="本月有流转或新建的生产态设备"
+            onClick={() => openDrill("/admin/tasks?status=WIP")}
+          />
+          <MetricCard
+            label="本月已入库"
+            value={metrics?.month_inbound ?? 0}
+            tone="text-sky-600"
+            hint="扫码入库完成"
+            /* 直接点亮任务页原生的「已入库」Tab */
+            onClick={() => openDrill("/admin/tasks?status=ARCHIVED")}
+          />
+          <MetricCard
+            label="本月已出库"
+            value={metrics?.month_outbound ?? 0}
+            tone="text-green-600"
+            hint="扫码出库发货"
+            onClick={() => openDrill("/admin/tasks?status=OUTBOUND")}
+          />
+          <MetricCard
+            label="本月返厂回流"
+            value={metrics?.month_returned ?? 0}
+            tone="text-orange-600"
+            hint="本月转入售后阶段"
+            /* 直接点亮原生的「售后流转中」Tab */
+            onClick={() => openDrill("/admin/tasks?status=AFTER_SALES_WIP")}
+          />
+        </div>
+
+        {/* ── 主区：左积压分布 + 右活跃度 ── */}
+        <div className="grid min-h-0 flex-1 grid-cols-12 gap-4">
+          {/* 左·主图区 */}
+          <section className="col-span-7 flex min-h-0 flex-col rounded-xl border border-gray-200 bg-white p-4 shadow-sm">
+            <PanelTitle
+              extra={
+                <div className="flex items-center gap-3 text-xs">
+                  <span className="flex items-center gap-1.5 text-gray-500">
+                    <span className="h-2 w-2 rounded-sm" style={{ background: COLOR_PRODUCTION }} />
+                    生产段
+                  </span>
+                  <span className="flex items-center gap-1.5 text-gray-500">
+                    <span className="h-2 w-2 rounded-sm" style={{ background: COLOR_AFTER_SALES }} />
+                    售后段
+                  </span>
+                  <span className="text-gray-500">
+                    未完结合计 <b className="text-cyan-600">{dist?.total ?? 0}</b> 台
+                  </span>
+                </div>
+              }
+            >
+              车间工序积压分布
+            </PanelTitle>
+            <div className="min-h-0 flex-1">
+              <BaseEChart
+                option={distOption}
+                height="100%"
+                onEvents={{ click: handleBarClick }}
+              />
+            </div>
+          </section>
+
+          {/* 右·侧边区：系统活跃度排行（主体，撑满右侧高度） */}
+          <div className="col-span-5 flex min-h-0 flex-col">
+            <section className="flex min-h-0 flex-1 flex-col rounded-xl border border-gray-200 bg-white p-4 shadow-sm">
+              <PanelTitle
+                extra={
+                  <span className="text-xs text-gray-400">
+                    本月活跃 {activeUsers.length} 人 · 点击查看明细
+                  </span>
+                }
+              >
+                系统活跃度排行
+              </PanelTitle>
+              <div className="min-h-0 flex-1 overflow-hidden">
+                {activeUsers.length > 0 ? (
+                  <table className="w-full text-xs">
+                    <thead>
+                      <tr className="text-gray-400">
+                        <th className="pb-1.5 text-left font-normal">姓名</th>
+                        <th className="w-10 pb-1.5 text-right font-normal">接收</th>
+                        <th className="w-10 pb-1.5 text-right font-normal">转交</th>
+                        <th className="w-10 pb-1.5 text-right font-normal">备注</th>
+                        <th className="w-12 pb-1.5 text-right font-normal">合计</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {activeUsers.map((u) => (
+                        <tr
+                          key={u.user_id}
+                          title="点击查看该人员的操作明细"
+                          onClick={() => openUserRow(u)}
+                          className="cursor-pointer border-t border-gray-100 transition-colors hover:bg-gray-50"
+                        >
+                          <td className="py-1.5 pr-2">
+                            <div className="flex items-center gap-2">
+                              <span className="w-14 shrink-0 truncate text-gray-700">
+                                {u.user_name}
+                              </span>
+                              {/* 胶囊条：相对活跃度 */}
+                              <div className="h-1 min-w-0 flex-1 rounded-full bg-gray-100">
+                                <div
+                                  className="h-1 rounded-full bg-blue-500"
+                                  style={{ width: `${Math.max((u.total / maxTotal) * 100, 6)}%` }}
+                                />
+                              </div>
+                            </div>
+                          </td>
+                          {/* 与「全局概览 · 人员操作统计」一致：点数字看对应类型的明细 */}
+                          {([
+                            ["receive", u.receive_count],
+                            ["transfer", u.transfer_count],
+                            ["record", u.record_count],
+                          ] as const).map(([type, cnt]) => (
+                            <td key={type} className="py-1.5 text-right">
+                              <button
+                                onClick={(e) => {
+                                  e.stopPropagation(); // 不冒泡触发整行的默认下钻
+                                  openUserDetail(u, type, OP_LABELS[type]);
+                                }}
+                                className="cursor-pointer tabular-nums text-gray-500 transition-colors hover:text-blue-600 hover:underline"
+                              >
+                                {cnt}
+                              </button>
+                            </td>
+                          ))}
+                          <td className="py-1.5 text-right font-bold tabular-nums text-blue-600">{u.total}</td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                ) : (
+                  <div className="flex h-full items-center justify-center text-sm text-gray-400">
+                    {users ? "本月暂无操作记录" : "加载中…"}
+                  </div>
+                )}
+              </div>
+            </section>
+          </div>
+        </div>
+      </main>
+
+      {/* 操作明细抽屉 — 与「全局概览」共用同一组件（亮色主题，与系统一致） */}
+      <UserOperationDetailDrawer ref={opDetailRef} />
+    </div>
+  );
+}
+
+// ============================================================
+// 局部小组件
+// ============================================================
+
+function PanelTitle({ children, extra }: { children: ReactNode; extra?: ReactNode }) {
+  return (
+    <div className="mb-2 flex shrink-0 items-center justify-between">
+      <h2 className="flex items-center gap-2 text-sm font-semibold tracking-wide text-gray-700">
+        <span className="h-3.5 w-1 rounded-full bg-blue-600" />
+        {children}
+      </h2>
+      {extra}
+    </div>
+  );
+}
+
+function MetricCard({
+  label, value, tone, hint, onClick,
+}: {
+  label: string;
+  value: number;
+  tone: string;
+  hint: string;
+  onClick?: () => void;
+}) {
+  return (
+    <div
+      onClick={onClick}
+      role={onClick ? "button" : undefined}
+      className={`rounded-xl border border-gray-200 bg-white px-5 py-3 shadow-sm transition-colors ${
+        onClick ? "cursor-pointer hover:border-blue-400 hover:bg-blue-50/40" : ""
+      }`}
+    >
+      <p className="text-xs text-gray-500">{label}</p>
+      <div className="mt-0.5 flex items-baseline gap-1.5">
+        <span className={`text-4xl font-bold tabular-nums ${tone}`}>{value}</span>
+        <span className="text-xs text-gray-400">台</span>
+      </div>
+      <p className="mt-0.5 text-[11px] text-gray-400">{hint}</p>
+      {onClick && <p className="mt-1 text-[10px] text-blue-500">点击下钻（新标签页）→</p>}
+    </div>
+  );
+}
diff --git a/frontend/src/services/analyticsApi.ts b/frontend/src/services/analyticsApi.ts
new file mode 100644
index 0000000..2561b2a
--- /dev/null
+++ b/frontend/src/services/analyticsApi.ts
@@ -0,0 +1,152 @@
+import api from "./api";
+
+// ============================================================
+// 效能分析看板 — 前后端数据契约类型 + API
+// 对应后端 app/services/analytics_service.py 的 Pydantic Schema
+// ============================================================
+
+// ─── 个人能力图谱（单机颗粒度分组柱状图） ──────────────────
+export interface CapabilityDataPoint {
+  value: number | null;      // 该人员在该设备上的总耗时（未触及为 null，真实 0 为 0）
+  spec_model: string;        // 规格型号
+  status: string;            // 该设备当前状态 WIP/PENDING/COMPLETED/—
+  first_received_at: string; // 最早接收时间 YYYY-MM-DD HH:mm
+  last_completed_at: string; // 最后完成时间 YYYY-MM-DD HH:mm（无则空串）
+}
+
+export interface CapabilityDevice {
+  product_sn: string;             // 身份证
+  external_serial: string | null; // 产品序列号（业务序列号）
+  spec_model: string;
+  material_name: string;          // 物料名称
+}
+
+export interface CapabilitySeries {
+  name: string;         // 人员姓名
+  assignee_id: string;  // 人员ID
+  data: CapabilityDataPoint[];  // 与 categories 严格对齐，未触及设备补 0
+}
+
+export interface CapabilityResponse {
+  categories: string[];        // X 轴：设备身份证（按时间升序）
+  devices: CapabilityDevice[]; // 与 categories 对齐的设备元数据
+  series: CapabilitySeries[];
+}
+
+// ─── 设备流转对比（堆叠柱状） ──────────────────────────────
+export interface FlowDevice {
+  product_sn: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+  lead_time: number;   // 设备生命周期总时长（小时）
+  started_at: string;  // 设备最早介入时间（T0），MM-DD HH:mm
+  total_days: number;       // 设备生产总天数（自然天）
+  total_workdays: number;   // 设备生产总天数（工作日）
+}
+
+// 时间区间：deviceIndex, taskName, isMain,
+//            startNat, endNat, startWork, endWork, durationTotal(自然), durationWork(工作日)
+export type FlowInterval = [number, string, number, number, number, number, number, number, number];
+
+export interface FlowSeries {
+  name: string;         // 人员姓名
+  data: FlowInterval[]; // 该人员的任务时间区间列表（同一设备可多次出现）
+}
+
+export interface FlowResponse {
+  devices: FlowDevice[];
+  series: FlowSeries[];
+}
+
+// ─── 设备备注记录（弹窗下钻） ──────────────────────────────
+export interface DeviceRecord {
+  task_name: string;      // 工序名
+  assignee_name: string;  // 负责人姓名
+  status: string;         // 任务状态
+  remark: string | null;  // 备注
+  images: string[];       // 图片 URL 列表
+  created_at: string;     // 记录时间 ISO
+}
+
+// ─── 顶部下拉选项 ──────────────────────────────────────────
+export interface AssigneeOption {
+  id: string;
+  name: string;
+}
+
+export interface SpecModelOption {
+  spec_model: string;
+  material_name: string;
+}
+
+export interface DeviceOption {
+  product_sn: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+}
+
+export interface AnalyticsOptions {
+  assignees: AssigneeOption[];
+  spec_models: SpecModelOption[];
+  devices: DeviceOption[];
+}
+
+// ─── 查询参数 ──────────────────────────────────────────────
+export interface CapabilityQuery {
+  assignee_ids?: string[];
+  spec_models?: string[];
+  since?: string;
+  until?: string;
+  mode?: "natural" | "workdays";
+}
+
+export interface FlowQuery {
+  product_sns?: string[];
+  spec_models?: string[];
+  mode?: "natural" | "workdays";
+  since?: string;
+  until?: string;
+}
+
+// ============================================================
+// API 方法
+// ============================================================
+
+export async function fetchCapabilityProfile(query: CapabilityQuery): Promise<CapabilityResponse> {
+  const params: Record<string, string> = {};
+  if (query.assignee_ids?.length) params.assignee_ids = query.assignee_ids.join(",");
+  if (query.spec_models?.length) params.spec_models = query.spec_models.join(",");
+  if (query.since) params.since = query.since;
+  if (query.until) params.until = query.until;
+  if (query.mode) params.mode = query.mode;
+  const { data } = await api.get<CapabilityResponse>("/analytics/capability", { params });
+  return data;
+}
+
+export async function fetchFlowData(query: FlowQuery): Promise<FlowResponse> {
+  const params: Record<string, string> = {};
+  if (query.product_sns?.length) params.product_sns = query.product_sns.join(",");
+  if (query.spec_models?.length) params.spec_models = query.spec_models.join(",");
+  if (query.mode) params.mode = query.mode;
+  if (query.since) params.since = query.since;
+  if (query.until) params.until = query.until;
+  const { data } = await api.get<FlowResponse>("/analytics/flow", { params });
+  return data;
+}
+
+export async function fetchDeviceRecords(product_sn: string, assigneeIds?: string[]): Promise<DeviceRecord[]> {
+  const params: Record<string, string> = { product_sn };
+  if (assigneeIds?.length) params.assignee_ids = assigneeIds.join(",");
+  const { data } = await api.get<DeviceRecord[]>("/analytics/device-records", { params });
+  return data;
+}
+
+export async function fetchAnalyticsOptions(assigneeIds?: string[], specModels?: string[]): Promise<AnalyticsOptions> {
+  const params: Record<string, string> = {};
+  if (assigneeIds?.length) params.assignee_ids = assigneeIds.join(",");
+  if (specModels?.length) params.spec_models = specModels.join(",");
+  const { data } = await api.get<AnalyticsOptions>("/analytics/options", { params });
+  return data;
+}
diff --git a/frontend/src/services/api.ts b/frontend/src/services/api.ts
new file mode 100644
index 0000000..640bbcd
--- /dev/null
+++ b/frontend/src/services/api.ts
@@ -0,0 +1,162 @@
+import axios, { type AxiosRequestConfig } from "axios";
+
+// ============================================================
+// Token 存储 Key
+// ============================================================
+
+const ACCESS_TOKEN_KEY = "track_admin_token";
+const REFRESH_TOKEN_KEY = "track_admin_refresh_token";
+const USER_KEY = "track_admin_user";
+
+// ============================================================
+// Token 读写工具
+// ============================================================
+
+export function getAccessToken(): string | null {
+  return localStorage.getItem(ACCESS_TOKEN_KEY);
+}
+
+export function getRefreshToken(): string | null {
+  return localStorage.getItem(REFRESH_TOKEN_KEY);
+}
+
+export function setTokens(accessToken: string, refreshToken: string) {
+  localStorage.setItem(ACCESS_TOKEN_KEY, accessToken);
+  localStorage.setItem(REFRESH_TOKEN_KEY, refreshToken);
+}
+
+export function clearAuth() {
+  localStorage.removeItem(ACCESS_TOKEN_KEY);
+  localStorage.removeItem(REFRESH_TOKEN_KEY);
+  localStorage.removeItem(USER_KEY);
+}
+
+// ============================================================
+// Axios 实例
+// ============================================================
+
+const api = axios.create({
+  baseURL: import.meta.env.VITE_API_BASE_URL,
+  timeout: 10000,
+  headers: {
+    "Content-Type": "application/json",
+  },
+});
+
+// ============================================================
+// 请求拦截器 — 注入 Access Token
+// ============================================================
+
+api.interceptors.request.use(
+  (config) => {
+    const token = getAccessToken();
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`;
+    }
+    return config;
+  },
+  (error) => Promise.reject(error),
+);
+
+// ============================================================
+// 响应拦截器 — 双 Token 无感刷新 + 并发请求队列
+// ============================================================
+
+let isRefreshing = false;
+let retryQueue: Array<{
+  resolve: (token: string) => void;
+  reject: (error: unknown) => void;
+}> = [];
+
+/** 处理队列中的所有挂起请求 */
+function processQueue(error: unknown, token: string | null) {
+  retryQueue.forEach((p) => {
+    if (token) {
+      p.resolve(token);
+    } else {
+      p.reject(error);
+    }
+  });
+  retryQueue = [];
+}
+
+api.interceptors.response.use(
+  (response) => response,
+  async (error) => {
+    const originalRequest: AxiosRequestConfig & { _retry?: boolean } =
+      error.config;
+    const status = error.response?.status;
+
+    // 仅处理 401
+    if (status !== 401) {
+      return Promise.reject(error);
+    }
+
+    // 跳过登录和刷新接口自身（避免死循环）
+    const url = originalRequest.url ?? "";
+    if (url.includes("/auth/login") || url.includes("/auth/refresh")) {
+      return Promise.reject(error);
+    }
+
+    // 避免对同一请求重复刷新
+    if (originalRequest._retry) {
+      clearAuth();
+      if (window.location.pathname.startsWith("/admin")) {
+        window.location.href = "/admin/login";
+      }
+      return Promise.reject(error);
+    }
+    originalRequest._retry = true;
+
+    // ---- 并发请求队列机制 ----
+    if (isRefreshing) {
+      // 已有刷新进行中，加入队列等待
+      return new Promise<string>((resolve, reject) => {
+        retryQueue.push({ resolve, reject });
+      }).then((newToken) => {
+        originalRequest.headers = originalRequest.headers || {};
+        originalRequest.headers.Authorization = `Bearer ${newToken}`;
+        return api(originalRequest);
+      });
+    }
+
+    isRefreshing = true;
+
+    try {
+      const refreshToken = getRefreshToken();
+      if (!refreshToken) {
+        throw new Error("无 Refresh Token");
+      }
+
+      // 调用刷新接口
+      const { data } = await axios.post(
+        `${import.meta.env.VITE_API_BASE_URL}/auth/refresh`,
+        { refresh_token: refreshToken },
+        { headers: { "Content-Type": "application/json" } },
+      );
+
+      const newAccessToken: string = data.access_token;
+      setTokens(newAccessToken, refreshToken); // 更新 Access Token
+
+      // 重放队列中的所有请求
+      processQueue(null, newAccessToken);
+
+      // 重试当前请求
+      originalRequest.headers = originalRequest.headers || {};
+      originalRequest.headers.Authorization = `Bearer ${newAccessToken}`;
+      return api(originalRequest);
+    } catch (refreshError) {
+      // Refresh Token 也过期 — 彻底登出
+      processQueue(refreshError, null);
+      clearAuth();
+      if (window.location.pathname.startsWith("/admin")) {
+        window.location.href = "/admin/login";
+      }
+      return Promise.reject(refreshError);
+    } finally {
+      isRefreshing = false;
+    }
+  },
+);
+
+export default api;
diff --git a/frontend/src/services/auditApi.ts b/frontend/src/services/auditApi.ts
new file mode 100644
index 0000000..75439e4
--- /dev/null
+++ b/frontend/src/services/auditApi.ts
@@ -0,0 +1,171 @@
+/** 操作审计日志 API */
+import api from "./api";
+
+export interface AuditLogItem {
+  id: string;
+  user_id: string | null;
+  display_name: string | null;
+  role: string | null;
+
+  action: string;
+  /** 服务端补的中文标签，前端不再各自维护枚举映射 */
+  action_label: string | null;
+  module: string;
+  module_label: string | null;
+
+  target_type: string | null;
+  target_id: string | null;
+  target_name: string | null;
+  details: Record<string, unknown> | null;
+
+  ip_address: string | null;
+  user_agent: string | null;
+  method: string | null;
+  url: string | null;
+  status_code: number | null;
+  error_message: string | null;
+
+  /** 拿着它可在后端结构化日志中定位同一次请求 */
+  request_id: string | null;
+
+  created_at: string;
+}
+
+export interface AuditLogListResponse {
+  items: AuditLogItem[];
+  total: number;
+}
+
+export interface AuditOption {
+  value: string;
+  label: string;
+}
+
+export interface AuditOptionsResponse {
+  modules: AuditOption[];
+  actions: AuditOption[];
+  /** 导出可选列（value=后端列 key，label=中文表头）—— 由后端下发，前端不再硬编码 */
+  log_export_columns: AuditOption[];
+  usage_export_columns: AuditOption[];
+}
+
+/** 日活统计的单行（某人在某一天的用量） */
+export interface DailyUsageRow {
+  day: string;
+  user_id: string | null;
+  display_name: string | null;
+  role: string | null;
+  login_count: number;
+  logout_count: number;
+  op_count: number;
+  /**
+   * 上线 / 下线时间 = 当天首次 / 末次【活动】时间（不是登录时间）。
+   * token 有效期内用户不重新登录，按登录算会得出"登录 0 次却操作 35 次"的矛盾数据。
+   * ISO(UTC)，展示前必须转北京时间，否则会和 day 列对不上。
+   */
+  first_active_at: string | null;
+  last_active_at: string | null;
+}
+
+export interface DailyUsageResponse {
+  start_date: string;
+  end_date: string;
+  items: DailyUsageRow[];
+  total: number;
+}
+
+export interface AuditLogQuery {
+  user_id?: string;
+  module?: string;
+  action?: string;
+  target_id?: string;
+  request_id?: string;
+  status_code?: number;
+  /** YYYY-MM-DD */
+  start_date?: string;
+  /** YYYY-MM-DD（含当天） */
+  end_date?: string;
+  page?: number;
+  page_size?: number;
+}
+
+/** 分页查询审计日志（按时间倒序） */
+export async function fetchAuditLogs(q: AuditLogQuery = {}): Promise<AuditLogListResponse> {
+  const params = Object.fromEntries(
+    Object.entries(q).filter(([, v]) => v !== undefined && v !== null && v !== "")
+  );
+  const { data } = await api.get<AuditLogListResponse>("/audit/logs", { params });
+  return data;
+}
+
+/** 获取模块/动作筛选项（含导出可选列） */
+export async function fetchAuditOptions(): Promise<AuditOptionsResponse> {
+  const { data } = await api.get<AuditOptionsResponse>("/audit/options");
+  return data;
+}
+
+/** 日活 / 使用统计 —— 按【北京时间自然日 × 操作人】聚合 */
+export async function fetchDailyUsage(params: {
+  start_date?: string;
+  end_date?: string;
+} = {}): Promise<DailyUsageResponse> {
+  const { data } = await api.get<DailyUsageResponse>("/audit/daily-usage", { params });
+  return data;
+}
+
+/**
+ * 触发浏览器下载一个 CSV。
+ *
+ * ⚠️ 不能直接用 <a href="/api/..."> 或 window.open：本项目是 Bearer Token 鉴权
+ *    （token 在 localStorage，不在 Cookie），普通链接带不上 Authorization 头，
+ *    后端会直接 401。必须先经 axios 取回 blob 再本地落盘。
+ *
+ * @returns 是否因超出后端行数上限而被截断（调用方据此提示用户，不要静默）
+ */
+async function downloadCsv(
+  path: string,
+  params: Record<string, unknown>,
+  filename: string,
+): Promise<boolean> {
+  const resp = await api.get(path, { params, responseType: "blob" });
+  const url = URL.createObjectURL(resp.data as Blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+  URL.revokeObjectURL(url);
+  return resp.headers["x-export-truncated"] === "1";
+}
+
+/** 导出审计明细（列可自定义，columns 为后端列 key 数组；不传=全部列） */
+export function exportAuditLogsCsv(
+  q: AuditLogQuery & { columns?: string[] },
+): Promise<boolean> {
+  const { columns, ...rest } = q;
+  return downloadCsv(
+    "/audit/logs/export",
+    { ...clean(rest), columns: columns?.join(",") },
+    "audit_logs.csv",
+  );
+}
+
+/** 导出日活统计（每人一行，列可自定义） */
+export function exportDailyUsageCsv(
+  params: { start_date?: string; end_date?: string; columns?: string[] },
+): Promise<boolean> {
+  const { columns, ...rest } = params;
+  return downloadCsv(
+    "/audit/daily-usage/export",
+    { ...clean(rest), columns: columns?.join(",") },
+    "daily_usage.csv",
+  );
+}
+
+/** 去掉 undefined / null / 空串，避免拼出 ?a=&b= 这类空参数 */
+function clean(o: Record<string, unknown>): Record<string, unknown> {
+  return Object.fromEntries(
+    Object.entries(o).filter(([, v]) => v !== undefined && v !== null && v !== "")
+  );
+}
diff --git a/frontend/src/services/authApi.ts b/frontend/src/services/authApi.ts
new file mode 100644
index 0000000..90b86c6
--- /dev/null
+++ b/frontend/src/services/authApi.ts
@@ -0,0 +1,70 @@
+/** 认证 API — 登录、刷新 Token、获取用户信息、登出留痕 */
+import api from "./api";
+import type { UserInfo } from "../contexts/AuthContext";
+import { extractErrorMessage } from "../utils/errorMessage";
+
+const API_BASE = import.meta.env.VITE_API_BASE_URL;
+
+export interface LoginResponse {
+  access_token: string;
+  refresh_token: string;
+  user: UserInfo;
+}
+
+export interface RefreshResponse {
+  access_token: string;
+  token_type: string;
+}
+
+/** 登录 — 注意：此请求不走 axios 实例，直接用 fetch */
+export async function login(username: string, password: string): Promise<LoginResponse> {
+  const res = await fetch(`${API_BASE}/auth/login`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ username, password }),
+  });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({}));
+    throw new Error(extractErrorMessage(err, "登录失败"));
+  }
+  return res.json();
+}
+
+/** 刷新 Access Token — 注意：不走 axios 实例，直接用 fetch */
+export async function refreshAccessToken(refreshToken: string): Promise<RefreshResponse> {
+  const res = await fetch(`${API_BASE}/auth/refresh`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ refresh_token: refreshToken }),
+  });
+  if (!res.ok) {
+    throw new Error("Refresh Token 无效或已过期");
+  }
+  return res.json();
+}
+
+/** 验证 token 有效性 + 获取最新用户信息 */
+export async function getMe(token: string): Promise<UserInfo> {
+  const res = await fetch(`${API_BASE}/auth/me`, {
+    headers: { Authorization: `Bearer ${token}` },
+  });
+  if (!res.ok) {
+    throw new Error("Token 无效");
+  }
+  return res.json();
+}
+
+/**
+ * 登出上报 —— 唯一目的是【审计留痕】。
+ *
+ * JWT 无状态，服务端不会（也无法）吊销令牌，本地清 token 就是登出。
+ * 但没有这个请求，前端的「退出」动作在审计里完全不可见，所以必须上报一次。
+ *
+ * ⚠️ 调用方必须 **await 本函数之后**才清 localStorage 与跳转：
+ *    axios 的请求拦截器在微任务里执行、需要现读 localStorage 取 token。
+ *    若不等就同步清空并 navigate，请求会不带 Authorization（或直接被掐断），
+ *    后端只能记成「未认证」，退出归因不到人 —— 实测审计里 logout 记录为 0。
+ */
+export async function logout(): Promise<void> {
+  await api.post("/auth/logout");
+}
diff --git a/frontend/src/services/dashboardApi.ts b/frontend/src/services/dashboardApi.ts
new file mode 100644
index 0000000..5f66bf6
--- /dev/null
+++ b/frontend/src/services/dashboardApi.ts
@@ -0,0 +1,267 @@
+import api from "./api";
+import type { LifecyclePhase } from "../types/api";
+
+export interface DashboardStats {
+  products_total: number;
+  products_pending: number;
+  products_in_progress: number;
+  products_completed: number;
+  tasks_total: number;
+  tasks_pending: number;
+  tasks_in_progress: number;
+  tasks_completed: number;
+  tasks_rejected: number;
+  tasks_rework: number;
+  unread_notifications: number;
+  unread_messages: number;
+}
+
+export interface WipTask {
+  task_id: string;
+  task_name: string;
+  assignee: string;
+  product_sn: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+  status: string;
+  received_at: string;
+  duration_hours: number;
+}
+
+export interface CompletedTask {
+  task_id: string;
+  task_name: string;
+  assignee: string;
+  product_sn: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+  completed_at: string;
+}
+
+export interface RejectedTask {
+  task_id: string;
+  kind: "rejected" | "rework";
+  task_name: string;
+  product_sn: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+  rejected_by: string;
+  rework_assignee: string;
+  reject_reason: string | null;
+  status: string | null;
+  rejected_at: string | null;
+}
+
+export interface UserOperation {
+  user_id: string;
+  user_name: string;
+  receive_count: number;
+  transfer_count: number;
+  record_count: number;
+  total: number;
+}
+
+export interface OperationDetail {
+  task_name: string;
+  product_sn: string;
+  material_name: string;
+  remark: string | null;
+  time: string;
+}
+
+export interface WipMatrixRow {
+  spec_model: string;
+  product_name: string;
+  dimension_key: string;
+  count: number;
+  assignees: string[];
+}
+
+export interface WipMatrixDetailRow {
+  product_id: string;
+  serial_number: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+  task_status: string;
+  /** 🔧 生命周期阶段：PRODUCTION(生产制造/发货测试) | AFTER_SALES(出库后返厂售后维修) */
+  lifecycle_phase?: LifecyclePhase;
+  assignee_id: string;
+  assignee: string;
+  duration_hours: number;
+  total_hours: number;   // 整个项目总时长（自然小时）
+  work_hours: number;    // 仅工作日有效时长（小时）
+  received_at: string | null;
+}
+
+export interface PersonDevice {
+  product_id: string;
+  serial_number: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+  task_status: string;
+  duration_hours: number;
+  received_at: string | null;
+}
+
+export interface PersonWorkload {
+  assignee_id: string;
+  assignee_name: string;
+  device_count: number;
+  devices: PersonDevice[];
+}
+
+export interface PersonHistoryRecord {
+  task_id: string;
+  task_name: string;
+  assignee_id: string;
+  assignee_name: string;
+  product_sn: string;
+  external_serial: string | null;
+  material_name: string;
+  spec_model: string;
+  status: string;
+  received_at: string | null;
+  completed_at: string | null;
+  duration_hours: number;
+  latest_valid_remark: string | null;
+  record_count: number;
+}
+
+export interface PeopleHistoryQuery {
+  since?: string;
+  until?: string;
+  assignee_id?: string;
+  spec_model?: string;
+  product_sn?: string;
+  task_name?: string;
+}
+
+export interface ProductMessageItem {
+  id: string;
+  content: string;
+  operator_name: string;
+  product_sn: string;
+  external_serial: string | null;
+  material_name: string;
+  created_at: string;
+}
+
+export interface ProductMessageList {
+  items: ProductMessageItem[];
+  total: number;
+}
+
+export async function fetchDashboardStats(since?: string, until?: string): Promise<DashboardStats> {
+  const params: Record<string, string> = {};
+  if (since) params.since = since;
+  if (until) params.until = until;
+  const { data } = await api.get<DashboardStats>("/dashboard/stats", { params });
+  return data;
+}
+
+/** 在制品任务。limit 只是防御性上限，默认值足以覆盖全量 —— 不要拿它做分页截断。 */
+export async function fetchWipTasks(limit = 500): Promise<WipTask[]> {
+  const { data } = await api.get<WipTask[]>("/dashboard/wip-tasks", { params: { limit } });
+  return data;
+}
+
+export async function fetchCompletedTasks(since?: string, until?: string): Promise<CompletedTask[]> {
+  const params: Record<string, string> = {};
+  if (since) params.since = since;
+  if (until) params.until = until;
+  const { data } = await api.get<CompletedTask[]>("/dashboard/completed-tasks", { params });
+  return data;
+}
+
+export async function fetchRejectedTasks(since?: string, until?: string): Promise<RejectedTask[]> {
+  const params: Record<string, string> = {};
+  if (since) params.since = since;
+  if (until) params.until = until;
+  const { data } = await api.get<RejectedTask[]>("/dashboard/rejected-tasks", { params });
+  return data;
+}
+
+export async function fetchUserOperations(since?: string, until?: string): Promise<UserOperation[]> {
+  const params: Record<string, string> = {};
+  if (since) params.since = since;
+  if (until) params.until = until;
+  const { data } = await api.get<UserOperation[]>("/dashboard/user-operations", { params });
+  return data;
+}
+
+export async function fetchOperationDetail(
+  userId: string, actionType: string, since?: string, until?: string,
+): Promise<OperationDetail[]> {
+  const params: Record<string, string> = { user_id: userId, action_type: actionType };
+  if (since) params.since = since;
+  if (until) params.until = until;
+  const { data } = await api.get<OperationDetail[]>("/dashboard/user-operations/detail", { params });
+  return data;
+}
+
+export async function fetchWipMatrix(
+  dimension: "assignee" | "task_name", since?: string, until?: string,
+): Promise<WipMatrixRow[]> {
+  const params: Record<string, string> = { dimension };
+  if (since) params.since = since;
+  if (until) params.until = until;
+  const { data } = await api.get<WipMatrixRow[]>("/dashboard/wip-matrix", { params });
+  return data;
+}
+
+export async function fetchWipMatrixDetail(
+  spec: string, process: string, since?: string, until?: string,
+): Promise<WipMatrixDetailRow[]> {
+  const params: Record<string, string> = { spec, process };
+  if (since) params.since = since;
+  if (until) params.until = until;
+  const { data } = await api.get<WipMatrixDetailRow[]>("/dashboard/wip-matrix/detail", { params });
+  return data;
+}
+
+export async function fetchPeopleWorkload(): Promise<PersonWorkload[]> {
+  const { data } = await api.get<PersonWorkload[]>("/dashboard/people-workload");
+  return data;
+}
+
+export async function fetchPeopleHistory(query: PeopleHistoryQuery = {}): Promise<PersonHistoryRecord[]> {
+  const params: Record<string, string> = {};
+  for (const [k, v] of Object.entries(query)) {
+    if (v) params[k] = v;
+  }
+  const { data } = await api.get<PersonHistoryRecord[]>("/dashboard/people-history", { params });
+  return data;
+}
+
+export async function downloadPeopleHistory(query: PeopleHistoryQuery = {}): Promise<void> {
+  const params: Record<string, string> = {};
+  for (const [k, v] of Object.entries(query)) {
+    if (v) params[k] = v;
+  }
+  const res = await api.get("/dashboard/people-history/export", {
+    params,
+    responseType: "blob",
+  });
+  const url = window.URL.createObjectURL(res.data as Blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = "people_history.csv";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+  window.URL.revokeObjectURL(url);
+}
+
+export async function fetchDashboardMessages(
+  keyword = "", skip = 0, limit = 30,
+): Promise<ProductMessageList> {
+  const { data } = await api.get<ProductMessageList>("/dashboard/messages", {
+    params: { keyword, skip, limit },
+  });
+  return data;
+}
diff --git a/frontend/src/services/materialApi.ts b/frontend/src/services/materialApi.ts
new file mode 100644
index 0000000..d9e0a5d
--- /dev/null
+++ b/frontend/src/services/materialApi.ts
@@ -0,0 +1,43 @@
+import api from "./api";
+
+// ============================================================
+// 类型 — 对标 MOM material_base
+// ============================================================
+
+export interface MaterialGroup {
+  category: string;
+  count: number;
+}
+
+export interface MaterialItem {
+  id: number;
+  name: string;         // material_base.name
+  spec: string;         // material_base.spec_model
+  category: string;     // material_base.category
+  type: string;         // material_base.material_type
+  unit: string;         // material_base.unit
+  is_enabled: boolean;
+}
+
+// ============================================================
+// API
+// ============================================================
+
+/** 获取物料分组摘要 — 手风琴外层 */
+export async function fetchMaterialGroups(keyword?: string): Promise<MaterialGroup[]> {
+  const { data } = await api.get<MaterialGroup[]>("/materials/groups", {
+    params: keyword ? { keyword } : {},
+  });
+  return data;
+}
+
+/** 获取指定分类下的物料条目 — 手风琴展开时懒加载 */
+export async function fetchMaterialItems(
+  category: string,
+  keyword?: string
+): Promise<MaterialItem[]> {
+  const { data } = await api.get<MaterialItem[]>("/materials/items", {
+    params: { category, keyword: keyword || "", limit: 9999 },
+  });
+  return data;
+}
diff --git a/frontend/src/services/notificationApi.ts b/frontend/src/services/notificationApi.ts
new file mode 100644
index 0000000..6b2e7c3
--- /dev/null
+++ b/frontend/src/services/notificationApi.ts
@@ -0,0 +1,41 @@
+/** 消息通知 API */
+import api from "./api";
+
+export interface NotificationItem {
+  id: string;
+  user_id: string;
+  title: string;
+  content: string;
+  type: "TRANSFER" | "REJECT";
+  task_id: string | null;
+  is_read: boolean;
+  created_at: string;
+}
+
+export interface NotificationListResponse {
+  notifications: NotificationItem[];
+  total: number;
+  unread_count: number;
+}
+
+/** 获取当前用户的通知列表 */
+export async function getNotifications(
+  userId: string,
+  skip = 0,
+  limit = 20
+): Promise<NotificationListResponse> {
+  const { data } = await api.get<NotificationListResponse>("/notifications/", {
+    params: { user_id: userId, skip, limit },
+  });
+  return data;
+}
+
+/** 标记单条通知为已读 */
+export async function markNotificationRead(
+  notificationId: string
+): Promise<NotificationItem> {
+  const { data } = await api.put<NotificationItem>(
+    `/notifications/${notificationId}/read`
+  );
+  return data;
+}
diff --git a/frontend/src/services/orderApi.ts b/frontend/src/services/orderApi.ts
new file mode 100644
index 0000000..571f2a5
--- /dev/null
+++ b/frontend/src/services/orderApi.ts
@@ -0,0 +1,12 @@
+import api from "./api";
+
+export interface OrderOption {
+  id: string;
+  order_no: string;
+}
+
+/** 获取订单列表（供下拉选择） */
+export async function listOrders(): Promise<OrderOption[]> {
+  const { data } = await api.get<OrderOption[]>("/orders/");
+  return data;
+}
diff --git a/frontend/src/services/printApi.ts b/frontend/src/services/printApi.ts
new file mode 100644
index 0000000..dde7ae3
--- /dev/null
+++ b/frontend/src/services/printApi.ts
@@ -0,0 +1,72 @@
+import api from "./api";
+
+// ============================================================
+// 类型
+// ============================================================
+
+export interface LabelPreviewRequest {
+  serial_number: string;
+  material_name?: string;
+  spec_model?: string;
+  order_no?: string;
+}
+
+export interface PrintExecuteRequest extends LabelPreviewRequest {
+  copies: number;
+  printer_ip?: string;
+  printer_port?: number;
+}
+
+export interface PrinterConfig {
+  label_printer: {
+    ip: string;
+    port: number;
+    enabled: boolean;
+  };
+}
+
+// ============================================================
+// API
+// ============================================================
+
+/** 生成标签预览图 → Base64 data URL */
+export async function getLabelPreview(
+  data: LabelPreviewRequest
+): Promise<string> {
+  const { data: res } = await api.post<{ data_url: string }>(
+    "/print/preview",
+    data
+  );
+  return res.data_url;
+}
+
+/** 发送打印指令到打标机 */
+export async function executePrint(
+  data: PrintExecuteRequest
+): Promise<{ message: string }> {
+  const { data: res } = await api.post<{ message: string }>(
+    "/print/execute",
+    data
+  );
+  return res;
+}
+
+/** 获取打印机配置 */
+export async function getPrinterConfig(): Promise<PrinterConfig> {
+  const { data } = await api.get<PrinterConfig>("/print/config");
+  return data;
+}
+
+/** 更新打印机配置 */
+export async function updatePrinterConfig(
+  ip: string,
+  port: number,
+  enabled: boolean = true
+): Promise<{ message: string }> {
+  const { data } = await api.post<{ message: string }>("/print/config", {
+    ip,
+    port,
+    enabled,
+  });
+  return data;
+}
diff --git a/frontend/src/services/productApi.ts b/frontend/src/services/productApi.ts
new file mode 100644
index 0000000..2ea08e6
--- /dev/null
+++ b/frontend/src/services/productApi.ts
@@ -0,0 +1,10 @@
+import api from "./api";
+import type { ProductScanResponse } from "../types/api";
+
+/** 扫码查询 — 根据 16 位产品身份证查产品 + 顶层任务 */
+export async function scanProduct(serialNumber: string): Promise<ProductScanResponse> {
+  const { data } = await api.get<ProductScanResponse>(
+    `/products/scan/${encodeURIComponent(serialNumber)}`
+  );
+  return data;
+}
diff --git a/frontend/src/services/screenApi.ts b/frontend/src/services/screenApi.ts
new file mode 100644
index 0000000..641b235
--- /dev/null
+++ b/frontend/src/services/screenApi.ts
@@ -0,0 +1,62 @@
+/** 管理层数据大屏 — 前后端数据契约类型 + API
+ *  对应后端 app/services/screen_service.py 的 Pydantic Schema
+ */
+import api from "./api";
+
+// ─── 当月吞吐（顶部数字卡） ────────────────────────────────
+export interface MonthlyMetrics {
+  month: string;             // "2026-09"
+  month_start: string;       // "2026-09-01"（北京时间）
+  month_production: number;  // 本月有流转记录或新建的生产态设备数
+  month_inbound: number;     // 本月扫码入库数
+  month_outbound: number;    // 本月扫码出库数
+  month_returned: number;    // 本月进入售后/回流状态的设备数
+}
+
+// ─── 工序积压分布（柱状图） ────────────────────────────────
+export interface WipStage {
+  stage: string;
+  phase: "PRODUCTION" | "AFTER_SALES";
+  count: number;
+}
+
+export interface WipDistributionResponse {
+  total: number;
+  items: WipStage[];
+}
+
+// ─── 系统使用活跃度 ────────────────────────────────────────
+export interface ActiveUser {
+  user_id: string;
+  user_name: string;
+  receive_count: number;
+  transfer_count: number;
+  record_count: number;
+  total: number;
+}
+
+export interface ActiveUsersResponse {
+  month: string;
+  items: ActiveUser[];
+}
+
+// ============================================================
+// API 方法
+// ============================================================
+
+export async function fetchMonthlyMetrics(): Promise<MonthlyMetrics> {
+  const { data } = await api.get<MonthlyMetrics>("/screen/monthly-metrics");
+  return data;
+}
+
+export async function fetchWipDistribution(): Promise<WipDistributionResponse> {
+  const { data } = await api.get<WipDistributionResponse>("/screen/wip-distribution");
+  return data;
+}
+
+export async function fetchActiveUsers(topN = 5): Promise<ActiveUsersResponse> {
+  const { data } = await api.get<ActiveUsersResponse>("/screen/active-users", {
+    params: { top_n: topN },
+  });
+  return data;
+}
diff --git a/frontend/src/services/taskApi.ts b/frontend/src/services/taskApi.ts
new file mode 100644
index 0000000..b5a290d
--- /dev/null
+++ b/frontend/src/services/taskApi.ts
@@ -0,0 +1,138 @@
+import api from "./api";
+import type {
+  TaskResponse,
+  TaskCompleteResponse,
+  TaskTransferResponse,
+  TaskListResponse,
+  ProductScanResponse,
+  TaskRejectPayload,
+  TaskTransferPayload,
+} from "../types/api";
+
+// ============================================================
+// 请求体类型
+// ============================================================
+
+export interface SubtaskCreatePayload {
+  task_name: string;
+  assignee_id: string | null;
+  notify_parent_on_complete: boolean;
+}
+
+export interface TaskCompletePayload {
+  operator_id: string | null;
+  next_assignee_id: string | null;
+  next_task_name: string | null;
+  remark: string | null;
+}
+
+// ============================================================
+// API 方法
+// ============================================================
+
+/** 获取任务详情 — 递归包含子任务树 */
+export async function getTask(taskId: string): Promise<TaskResponse> {
+  const { data } = await api.get<TaskResponse>(`/tasks/${taskId}`);
+  return data;
+}
+
+/** 获取任务列表（可按产品筛选） */
+export async function listTasks(productId?: string): Promise<TaskListResponse> {
+  const params = productId ? { product_id: productId } : {};
+  const { data } = await api.get<TaskListResponse>("/tasks/", { params });
+  return data;
+}
+
+/** 创建子任务 */
+export async function createSubtask(
+  parentTaskId: string,
+  payload: SubtaskCreatePayload
+): Promise<TaskResponse> {
+  const { data } = await api.post<TaskResponse>(
+    `/tasks/${parentTaskId}/subtasks`,
+    payload
+  );
+  return data;
+}
+
+/** 完成任务 + 转交（旧版单步） */
+export async function completeTask(
+  taskId: string,
+  payload: TaskCompletePayload
+): Promise<TaskCompleteResponse> {
+  const { data } = await api.post<TaskCompleteResponse>(
+    `/tasks/${taskId}/complete`,
+    payload
+  );
+  return data;
+}
+
+// ============================================================
+// 新版核心业务 API（重构后）
+// ============================================================
+
+/**
+ * 获取产品全景任务树 — 用于十字矩阵树状图。
+ * 对应后端 GET /api/v1/products/scan/{serialNumber}
+ */
+export async function getTaskTree(
+  serialNumber: string
+): Promise<ProductScanResponse> {
+  const { data } = await api.get<ProductScanResponse>(
+    `/products/scan/${encodeURIComponent(serialNumber)}`
+  );
+  return data;
+}
+
+/**
+ * 确认接收任务 — PENDING → WIP。
+ * 对应后端 POST /api/v1/tasks/{taskId}/receive
+ */
+export async function receiveTask(taskId: string): Promise<TaskResponse> {
+  const { data } = await api.post<TaskResponse>(`/tasks/${taskId}/receive`);
+  return data;
+}
+
+/**
+ * 品质驳回 — → REJECTED，后端自动创建返工任务。
+ * 对应后端 POST /api/v1/tasks/{taskId}/reject
+ *
+ * images 为选填，支持空数组（编号错误、选错工序等场景无需拍照举证）。
+ */
+export async function rejectTask(
+  taskId: string,
+  reason: string,
+  images: string[]
+): Promise<TaskResponse> {
+  const { data } = await api.post<TaskResponse>(
+    `/tasks/${taskId}/reject`,
+    { reason, images } satisfies TaskRejectPayload
+  );
+  return data;
+}
+
+/**
+ * 完工裂变转交 — → COMPLETED，批量创建下家任务。
+ * 对应后端 POST /api/v1/tasks/{taskId}/transfer
+ *
+ * finishDirectly=true 时走「直接完结」通道：next_tasks 留空 + finish_directly=true，
+ * 后端据此跳过分支解析，只闭环任务【不产生下游任务】、且不改产品宏观状态
+ * （不会把产品误标成「待仓库收货」）。用于售后返厂直接发走 / 半成品被提走等无需入库的收官场景。
+ */
+export async function transferTask(
+  taskId: string,
+  nextAssignees: string[],
+  nextTaskName: string,
+  note?: string,
+  finishDirectly = false
+): Promise<TaskTransferResponse> {
+  const payload: TaskTransferPayload = finishDirectly
+    ? { next_tasks: [], finish_directly: true, note }
+    : { next_assignees: nextAssignees, next_task_name: nextTaskName, note };
+
+  const { data } = await api.post<TaskTransferResponse>(
+    `/tasks/${taskId}/transfer`,
+    payload
+  );
+  return data;
+}
diff --git a/frontend/src/types/admin.ts b/frontend/src/types/admin.ts
new file mode 100644
index 0000000..7c2d6fa
--- /dev/null
+++ b/frontend/src/types/admin.ts
@@ -0,0 +1,50 @@
+/** 管理端 API 响应类型 */
+import type { LifecyclePhase } from "./api";
+
+export interface ProductResponse {
+  id: string;
+  serial_number: string;
+  external_serial: string | null;
+  order_id: string | null;
+  order_no: string;
+  material_id: string | null;
+  material_name: string | null;
+  spec_model: string | null;
+  category: string | null;
+  material_type: string | null;
+  parent_product_id: string | null;
+  current_location_id: string | null;
+  current_location_name: string | null;
+  macro_status: string | null;
+  overall_status: string | null;
+  /**
+   * 【当前工序】— 只反映"此刻在做什么"，绝不拿已完结的历史工序冒充。
+   *   · 有活跃主干任务(WIP/PENDING) → 该工序名
+   *   · 否则处于宏观终态(待仓库收货/已入库/在库/已出库) → 该终态
+   *   · 否则（活已干完）→ ""（列表显示「—」）
+   * ⚠️ 不要用 overall_status 渲染该列：它会被"最新主干任务名"覆盖，含已 COMPLETED 的。
+   */
+  current_step?: string;
+  status: string;
+  /** 🔧 生命周期阶段：PRODUCTION(生产制造/发货测试) | AFTER_SALES(出库后返厂售后维修) */
+  lifecycle_phase?: LifecyclePhase;
+  created_at: string;
+  latest_record_time: string | null;
+  latest_record_content: string | null;
+  latest_record_has_images: boolean;
+  latest_record_assignee_id: string | null;
+  latest_record_assignee_name: string | null;
+  active_duration_hours: number | null;
+  production_days: number;
+  production_days_workdays: number;
+}
+
+/** MOM 物料选项 */
+export interface MaterialOption {
+  id: number;
+  name: string;
+  spec: string;
+  category: string;
+  type: string;
+  unit: string;
+}
diff --git a/frontend/src/types/api.ts b/frontend/src/types/api.ts
new file mode 100644
index 0000000..f6a440f
--- /dev/null
+++ b/frontend/src/types/api.ts
@@ -0,0 +1,135 @@
+/** 后端 API 响应类型 */
+
+// ============================================================
+// 生命周期阶段 — 区分「生产阶段的测试(发货测试)」与「出库后返厂(售后维修)」
+// ============================================================
+
+export type LifecyclePhase = "PRODUCTION" | "AFTER_SALES";
+
+// ============================================================
+// 任务状态常量
+// ============================================================
+
+export const TASK_STATUS = {
+  PENDING: "PENDING",
+  WIP: "WIP",
+  COMPLETED: "COMPLETED",
+  REJECTED: "REJECTED",
+  ARCHIVED: "ARCHIVED",
+} as const;
+
+export type TaskStatus = (typeof TASK_STATUS)[keyof typeof TASK_STATUS];
+
+// ============================================================
+// 任务
+// ============================================================
+
+export interface TaskSummary {
+  id: string;
+  product_id: string;
+  product_sn: string;
+  product_material: string;
+  parent_task_id: string | null;
+  task_name: string;
+  assignee_id: string | null;
+  status: TaskStatus | string;
+  notify_parent_on_complete: boolean;
+  is_rework: boolean;
+  task_type: string | null;
+  remark: string | null;
+  reject_reason: string | null;
+  received_at: string | null;
+  completed_at: string | null;
+  created_at: string;
+}
+
+export interface TaskResponse extends TaskSummary {
+  child_tasks: TaskResponse[];
+  records: TaskRecordResponse[];
+  /** 🔧 任务创建人（追溯谁转交/发起该工序），如"谁转入在库" */
+  created_by?: string | null;
+}
+
+export interface TaskRecordResponse {
+  id: number;
+  task_id: string;
+  remark: string | null;
+  images: string[];
+  created_at: string | null;
+}
+
+// ---- 操作响应 ----
+
+export interface TaskCompleteResponse {
+  completed_task: TaskResponse;
+  next_task: TaskResponse | null;
+  message: string;
+}
+
+export interface TaskTransferResponse {
+  completed_task: TaskResponse;
+  created_tasks: TaskResponse[];
+  message: string;
+}
+
+export interface TaskListResponse {
+  tasks: TaskResponse[];
+  total: number;
+}
+
+// ---- 请求体 ----
+
+export interface TaskRejectPayload {
+  reason: string;
+  /** 异常图片 URL 列表（选填，支持空数组，最多 9 张）
+   *  对应后端 TaskRejectRequest.images —— 缺失或空数组均合法 */
+  images: string[];
+}
+
+/** 裂变分支 — assignees 允许为空数组，但【仅当】finish_directly=true 时合法；
+ *  否则后端 TaskTransferRequest 校验会直接 422 拒绝（防「转交」静默退化成「直接完结」的丢件隐患）。 */
+export interface TaskTransferBranch {
+  task_name: string;
+  assignees: string[];
+}
+
+export interface TaskTransferPayload {
+  /** [旧版] 下一道工序接收人列表 — 与 next_tasks 二选一 */
+  next_assignees?: string[];
+  /** [旧版] 下一道工序名称 — 与 next_tasks 二选一 */
+  next_task_name?: string;
+  /** [新版] 多分支任务列表 */
+  next_tasks?: TaskTransferBranch[];
+  /** 🏁 直接完结：闭环当前任务但【不产生任何下游任务】，产品 overall_status 保持原样
+   *  （不入库 → 不会变成「待仓库收货」）。置 true 时后端忽略 next_tasks / next_assignees。 */
+  finish_directly?: boolean;
+  note?: string;
+}
+
+// ============================================================
+// 产品
+// ============================================================
+
+export interface ProductScanResponse {
+  id: string;
+  serial_number: string;
+  order_id: string;
+  order_no: string;
+  material_id: string | null;
+  /** 后端 schemas/product.py:83 返回，卡片展示用 */
+  material_name: string | null;
+  /** 后端 schemas/product.py:84 返回，卡片展示用 */
+  spec_model: string | null;
+  parent_product_id: string | null;
+  current_location_id: string | null;
+  status: string;
+  overall_status: string | null;
+  /** 🔧 生命周期阶段：PRODUCTION(生产制造/发货测试) | AFTER_SALES(出库后返厂售后维修) */
+  lifecycle_phase?: LifecyclePhase;
+  created_at: string;
+  top_level_tasks: TaskSummary[];
+  /** 完整递归任务树 — 供十字矩阵树状图渲染 */
+  task_tree: TaskResponse[];
+  /** 🔧 username→中文姓名映射 */
+  assignee_names: Record<string, string>;
+}
diff --git a/frontend/src/utils/errorMessage.ts b/frontend/src/utils/errorMessage.ts
new file mode 100644
index 0000000..b482429
--- /dev/null
+++ b/frontend/src/utils/errorMessage.ts
@@ -0,0 +1,71 @@
+/**
+ * 错误文案提取 — 把 FastAPI 的各类 detail 统一转成可读中文。
+ *
+ * 背景：各处 catch 里直接 `toast(err?.response?.data?.detail ?? "失败")` 是有坑的 ——
+ * 请求体校验失败（422）时 detail 是一个数组，React 拿到数组会把里面每个对象渲染成
+ * "[object Object]"，用户看不懂，排查也无从下手。
+ *
+ * 这里对齐移动端 track-uniapp/src/utils/request.js 的 extractErrorDetail 行为，
+ * 覆盖三种形态：
+ *   1. 字符串：            {"detail": "任务状态为 COMPLETED，无法驳回"}
+ *   2. 校验错误数组(422)： {"detail": [{"loc": ["body","images"], "msg": "Value error, ..."}]}
+ *   3. 对象：              {"detail": {"msg": "..."}}
+ * 解析不出内容时回落到调用方给的 fallback，绝不把原始对象丢给 UI。
+ */
+
+/** loc 里这些是 FastAPI 的位置前缀，不是业务字段名，展示时去掉 */
+const LOC_PREFIXES = new Set(["body", "query", "path", "header", "cookie"]);
+
+/** 校验错误数组 → "字段: 原因；字段2: 原因2" */
+function flattenValidationErrors(items: unknown[]): string {
+  const messages = items
+    .map((item) => {
+      if (typeof item === "string") return item;
+      if (!item || typeof item !== "object") return "";
+      const { msg, message, loc } = item as {
+        msg?: unknown;
+        message?: unknown;
+        loc?: unknown;
+      };
+      // Pydantic v2 自定义校验器抛的错带 "Value error, " 前缀，纯噪音，去掉
+      const text = String(msg ?? message ?? "").replace(/^Value error,\s*/, "");
+      const field = Array.isArray(loc)
+        ? loc.filter((seg) => !LOC_PREFIXES.has(String(seg))).join(".")
+        : "";
+      return field && text ? `${field}: ${text}` : text;
+    })
+    .filter(Boolean);
+  // 同一字段可能有多条规则失败，去重后再拼，避免「images: x；images: x」
+  return Array.from(new Set(messages)).join("；");
+}
+
+/**
+ * 从任意抛出物里取出可读的中文报错。
+ * @param err      catch 到的任意值（axios 错误、被抛出的裸 JSON、Error、字符串皆可）
+ * @param fallback 解析不出任何内容时的兜底文案
+ */
+export function extractErrorMessage(err: unknown, fallback = "操作失败"): string {
+  const responseData = (err as { response?: { data?: unknown } })?.response?.data;
+  // detail 优先取 axios 的 response.data.detail，其次兼容被直接抛出的裸对象/裸 JSON
+  const detail =
+    (responseData as { detail?: unknown } | undefined)?.detail ??
+    (err as { detail?: unknown })?.detail;
+
+  if (typeof detail === "string" && detail.trim()) return detail.trim();
+  if (Array.isArray(detail)) {
+    const flattened = flattenValidationErrors(detail);
+    if (flattened) return flattened;
+  }
+  if (detail && typeof detail === "object") {
+    const obj = detail as { msg?: unknown; message?: unknown };
+    const text = String(obj.msg ?? obj.message ?? "").trim();
+    if (text) return text;
+  }
+  // 后端直接返回字符串 body 的情况
+  if (typeof responseData === "string" && responseData.trim()) {
+    return responseData.trim();
+  }
+  // 兜底沿用 axios / fetch 的原生 message（如 "Request failed with status code 500"）
+  if (err instanceof Error && err.message) return err.message;
+  return fallback;
+}
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
new file mode 100644
index 0000000..6830b6f
--- /dev/null
+++ b/frontend/tsconfig.app.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023", "DOM"],
+    "module": "esnext",
+    "types": ["vite/client"],
+    "allowArbitraryExtensions": true,
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
new file mode 100644
index 0000000..8455dcb
--- /dev/null
+++ b/frontend/tsconfig.node.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023"],
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "module": "nodenext",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000..a51ccb8
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,47 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import basicSsl from "@vitejs/plugin-basic-ssl";
+
+// https://vite.dev/config/
+export default defineConfig({
+  // 🚀 basicSsl 仅 dev（本地 HMR https）需要；生产 build 跳过，
+  //    避免服务器容器低熵环境下生成自签名证书导致 vite build 卡住
+  plugins: [
+    react(),
+    tailwindcss(),
+    ...(process.env.NODE_ENV !== "production" ? [basicSsl()] : []),
+  ],
+
+  // 🚀 构建优化：将第三方巨头独立分包，利用浏览器缓存
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks(id: string) {
+          if (id.includes("node_modules/react-dom") || id.includes("node_modules/react/") || id.includes("node_modules/scheduler")) return "vendor-react";
+          if (id.includes("node_modules/react-router")) return "vendor-react";
+          if (id.includes("node_modules/antd") || id.includes("node_modules/@ant-design")) return "vendor-antd";
+          if (id.includes("node_modules/html5-qrcode")) return "vendor-qrcode";
+        },
+      },
+    },
+  },
+
+  clearScreen: false,
+  server: {
+    host: "0.0.0.0",
+    port: 1420,
+    strictPort: true,
+    // Docker on Windows/WSL 必须用 polling 才能检测到文件变化
+    watch: {
+      usePolling: true,
+      ignored: ["**/src-tauri/**"],
+    },
+    proxy: {
+      "/api": {
+        target: "http://backend:8000",  // Docker 内部用服务名
+        changeOrigin: true,
+      },
+    },
+  },
+});
diff --git a/track-uniapp/.gitignore b/track-uniapp/.gitignore
new file mode 100644
index 0000000..f4ee191
--- /dev/null
+++ b/track-uniapp/.gitignore
@@ -0,0 +1,6 @@
+node_modules/
+unpackage/
+.env
+*.log
+.DS_Store
+Thumbs.db
diff --git a/track-uniapp/.hbuilderx/launch.json b/track-uniapp/.hbuilderx/launch.json
new file mode 100644
index 0000000..07b129c
--- /dev/null
+++ b/track-uniapp/.hbuilderx/launch.json
@@ -0,0 +1,10 @@
+{
+    "version" : "1.0",
+    "configurations" : [
+        {
+            "customPlaygroundType" : "device",
+            "playground" : "standard",
+            "type" : "uni-app:app-android"
+        }
+    ]
+}
diff --git a/track-uniapp/index.html b/track-uniapp/index.html
new file mode 100644
index 0000000..a8e0eba
--- /dev/null
+++ b/track-uniapp/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <title>生产流转</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/track-uniapp/package-lock.json b/track-uniapp/package-lock.json
new file mode 100644
index 0000000..541e42d
--- /dev/null
+++ b/track-uniapp/package-lock.json
@@ -0,0 +1,10901 @@
+{
+  "name": "track-uniapp",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "track-uniapp",
+      "version": "1.0.0",
+      "dependencies": {
+        "@dcloudio/uni-app": "3.0.0-4020920240930001",
+        "@dcloudio/uni-app-plus": "3.0.0-4020920240930001",
+        "@dcloudio/uni-components": "3.0.0-4020920240930001",
+        "@dcloudio/uni-h5": "3.0.0-4020920240930001",
+        "html5-qrcode": "^2.3.8",
+        "vue": "^3.4.0"
+      },
+      "devDependencies": {
+        "@dcloudio/types": "^3.4.0",
+        "@dcloudio/uni-automator": "3.0.0-4020920240930001",
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "@dcloudio/vite-plugin-uni": "3.0.0-4020920240930001",
+        "@vitejs/plugin-basic-ssl": "^1.2.0",
+        "sass": "^1.70.0",
+        "vite": "^5.4.0"
+      }
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
+      "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@antfu/utils": {
+      "version": "0.7.10",
+      "resolved": "https://registry.npmjs.org/@antfu/utils/-/utils-0.7.10.tgz",
+      "integrity": "sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helpers": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz",
+      "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.8",
+        "@babel/types": "^7.29.8",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.29.7.tgz",
+      "integrity": "sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.29.7.tgz",
+      "integrity": "sha512-IY3ZD9Tmooqr3TUhc3DUWxiuo8xx1DWLhd5M7hQ+ZWJamqM2BbalrBJb2MisSLoYorOj75U03qULCxQTY9r3hg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.29.7",
+        "@babel/helper-member-expression-to-functions": "^7.29.7",
+        "@babel/helper-optimise-call-expression": "^7.29.7",
+        "@babel/helper-replace-supers": "^7.29.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.29.7.tgz",
+      "integrity": "sha512-907Uymvqgg1dwUA+7IGwFAOSYzQOuzPXKNJ1yxzwPffzkYFg2q2eHi1fIOs6sXkG9NbIUMunnUlkYsfRFNvomg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.29.7",
+        "regexpu-core": "^6.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.8.tgz",
+      "integrity": "sha512-47UwBLPpQi1NoWzLuHNjRoHlYXMwIJoBf7MFou6viC/sIHWYygpvr0B6IAyh5sBdA2nr2LPIRww8lfaUVQINBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "debug": "^4.4.3",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.22.11"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.29.7.tgz",
+      "integrity": "sha512-j+7JYmk1JYDtACIGj0QJqqWZjoUpMoEikQGADMaHgCMCSDqd2+P32rfcibUNrGOMWrlzK1WJBdxrB3JJQZwWtg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.29.7.tgz",
+      "integrity": "sha512-+kmGVjcT9RGYzoDwdwEqEvGgKe3BYq+O1iGzjFubaNgZHwYHP6lsF2Yghf4kEuv9BV7tYDZ913aBW9am6YKong==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.29.7.tgz",
+      "integrity": "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.29.7.tgz",
+      "integrity": "sha512-16AMiW26DbXWBbr3B8wNozKM0ydMLB892vaOaJW/fPJdnT8vJk5sdkQcU/isqUxyCE0cEoa8wZOcbgDuC4b6Og==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.29.7",
+        "@babel/helper-wrap-function": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.29.7.tgz",
+      "integrity": "sha512-atfGXWSeCiF4DnKZIfmJfQRkSw9b9gNNXR1kqKjbhG4pGYCOnkp8OcTB8E3NXjBu8NpheSnOeNKz8KT7UNFTmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.29.7",
+        "@babel/helper-optimise-call-expression": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.29.7.tgz",
+      "integrity": "sha512-brcMGQaVzIeUb+6/bs1Av0f8YuNNjKY2JyvfRCsFuFsdKccEQ5Ges2y74D74NZ1Rz8lKJ9ksJkfqwQFJ/iNEyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.29.7.tgz",
+      "integrity": "sha512-iES0Skag9ERIF68aXadpO6dbXa03mNWK3sEqJaMnLNs/eC3l0lkImdfoy6Y09/SfkpawdAB4RjQ7PVA7TcVGdw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz",
+      "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.8"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.29.7.tgz",
+      "integrity": "sha512-j8SrR0zLZrRsC09DlszEx8FpMiwukKffYXMK0d5LmOglO7vGG6sz/BR/20yHqWH+Lnn31JTt2PE3hIWNgM2J6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.29.7.tgz",
+      "integrity": "sha512-r8j8escF+U2FUHo0KOhPUdMzUO+jp9fInva6+ACVAF3Y97Ev+5iNZwiqTghmzNeWwDkOPlYuTcfb1vDaoZKmAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.29.7.tgz",
+      "integrity": "sha512-GE1TFSiuFeGsCxmYXZl8HwoPrVlwe4rHPFE8weieGKZqnDORK+Ar3vgWMgW+AOxQ6/2TgLSKx9p6W7O4rC6qgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-rest-destructuring-rhs-array": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-rest-destructuring-rhs-array/-/plugin-bugfix-safari-rest-destructuring-rhs-array-7.29.7.tgz",
+      "integrity": "sha512-oBNVCvnO5tND+xSopWvV8WNGfpTfgP4Zr/YXXSj8zfmcPktp5Ku/aZlsIowgSD4fjmgHn6sGmB9APVsU5zOdhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.29.7.tgz",
+      "integrity": "sha512-QQt9qKHZ2sg/kivaLr7lnQr8HVrQDdBNSfCsTjiDxRuX/K5ORyKq+Bu8Xr0cDE3Dfkv0cw28Ve0EKyKMvulkOw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7",
+        "@babel/plugin-transform-optional-chaining": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.29.7.tgz",
+      "integrity": "sha512-pn6QacGLgvCcwc+syUhKE/qSjV2D1IHDB84RNxWYSt1mW3K/SCtjinZ2p0cETJxAWBjPy3K/1lHwG5BjjPxNlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-bigint": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
+      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.29.7.tgz",
+      "integrity": "sha512-/An1OCBN93thpBAGyfsK2pcf0jvju1SAtKkL2Ny++B5Sy6sqgzXDQH1cZxWbF96Wuk+bn41MDA9bLd4VVAw6rw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.29.7.tgz",
+      "integrity": "sha512-zGYcYfq/WmZ4V+kBIXQon9dSSc8ircGZqw9ZaNhhGj9nZkeBu1jHLBDQqYYi5WA9uawvA2sIMbry2nCFhf5Djg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.29.7.tgz",
+      "integrity": "sha512-TSu8+mHCoEaaCDEZ0I3+6mvTBYR4PCxQwf2z9/r5Tbztv6NaLR3B9thGTTxX2WGuGHJqRiAbKPeGTJ5XWXVg6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.29.7.tgz",
+      "integrity": "sha512-ngr+82Sh0xMz25TPCZi+nC2iTzjfCdWS2ONXTp/PtSCHCgaCNBpdMqgvJ2ccdLlClVZ7sisIgB914j/JFe+RZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.29.7.tgz",
+      "integrity": "sha512-N7zArUXWzAMzm+/N0uPBeVB3Fam5lMxtUwMmDK5f/IBBS7a7p1qeUoxd/6CckXoxUdgsntq1Dh8xNW06maZbDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.29.7.tgz",
+      "integrity": "sha512-d98gXZkgswvkyohMBABkhm3GeXhYj8psWfwQ2C7gtfrKGTykQa/iOIi+JJhwMjPlZ6Vm2XN+DCf3Es1EoG4ZLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-remap-async-to-generator": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.29.7.tgz",
+      "integrity": "sha512-pcUb2SS+RMo9TWVBwKGI5ShtoG7R+zBsFmCKDa6fe8c+hPr3XJlZgoE5j6i8W7gDjhyvy+85vmYexanvXh3d1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-remap-async-to-generator": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.29.7.tgz",
+      "integrity": "sha512-cUSmjh72N+rN4PrkFlN1dJwNCwjVp5d38/CQrEsFggkD10UiFlBFgdH3tv5dNsLuHY+3S8db2xCHjhZcv5WgvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.29.7.tgz",
+      "integrity": "sha512-ONyr4+AZhKh8yKWInVxU9AXA9EbsyeLcL6V0dJy6M2/62vuvpGm29zzuymbTpdc451GEpDIdAyPLP3r+P61yKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.29.7.tgz",
+      "integrity": "sha512-GtcpjFvanPfzNQi3eTitsCqtRRmmqzpy/A+yhTR1HaZo1Ly3EA8ZXxlPyHdR8/IuRMYc3E4wdGBewB2QKQjAaA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.29.7.tgz",
+      "integrity": "sha512-kibJgmEdX2iMwsHY2tSZNDgj8PwIlCQz7FK9KuGKO8zsuoUwSEhoNnNVp/emKWrbY4HeO6kkXfdMqRKKKXBm2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.29.7.tgz",
+      "integrity": "sha512-qV0OGGBVacduzQHE649JyCneOFI/maT+YKsO+K4Yi3xv2wTPNjM/W2o2gdzMwEAZz7fXNTHAe0NcSg30bIN69g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-replace-supers": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.29.7.tgz",
+      "integrity": "sha512-RK7/IyU5phpuCdBAuig5VkzG/EnbDaui5SQGdU9BFrHdV+mV4cUjLMQ9lJDjLNtWHsqtiefpGZUXQP2BiTYMsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/template": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.29.7.tgz",
+      "integrity": "sha512-iPX8aD6H9zV5s7ZsqTdNocPN/MGQ5sSMnElKrktxjJRMnB2jN/1p2+R7GkfD6CAYoVFqy5A4XnSIUeGgJzIWpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.29.7.tgz",
+      "integrity": "sha512-3qc18hsD2RdZiyJNDNc7HQpv6xbncwh8FYtxNFFzclSyh/trPD9KkVR9BDECUjDLvb7yJVF15GfYUuC+LMkkiQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.29.7.tgz",
+      "integrity": "sha512-6IvRRriEMqnBwD6chtxdLpMYCHWEzN+oL5cyQtjykya19UgzbmKhxmhZgKC/LHxS2nYr9Q/qYPZ5Lr6jOL9+yQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.29.7.tgz",
+      "integrity": "sha512-2wiIyo2BjtgU7HufSeDnL9L2O7zr8jmhFKuSr65VpRkUiRKRNpb0mdlk56+XPPKoIrfHqzbMuglDvZun0RISsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.29.7.tgz",
+      "integrity": "sha512-giOlEm/EFjfjr+te9NsdjkUo2v4f8rS/SXPumRVHAtbNcyNlvtREkU1dZzaIDclNpnaVhlCqRdFKhJBjBikzLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-explicit-resource-management": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.29.7.tgz",
+      "integrity": "sha512-Rstj7coNz8sE+7Ju7ihpHLI564lsK5pUpNNlvptCIC/16E/S5hbl6n3kESPKdNRmqEWlpn5xpS5Q2dvXBsySLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/plugin-transform-destructuring": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.29.7.tgz",
+      "integrity": "sha512-zFpMOTLZBdW5LfObqcSbL6kefg4R4eLdmvS0wbN9M6D5Mym/sKm9toOoWyVOa+xDjvCnuWcHls2YonXwHvH3CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.29.7.tgz",
+      "integrity": "sha512-24B2nOy2TeJSMheqwPD4DDQOV/elLSIlKxjZt4i05H5AgdPdWR3n18HnNrcJ+j76WJd9gbwb9jPjNYUy6RautA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.29.7.tgz",
+      "integrity": "sha512-zeSIHh0+E1Um1WJRXCFlHQYu2ieJNdivLLjlBEp+dIBu3S51n+SZZmIXjxnItw6pz56Cn+KvK68BIBVsxq2JiQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.29.7.tgz",
+      "integrity": "sha512-otRWaHXE6fbAGkePvaj/kvs3HsqXfPhlnzwSOlnFgbqCPMd975dW+4wZ00WFBt+/YlBGcJwNrARQTOJOb4ZrIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.29.7.tgz",
+      "integrity": "sha512-RRnE2+eon1rJAq8MnoF1b5kTpY1vU88twHcvcKMrsqP/jxIRqDVs9iJB5fqPuqyeFAW0wJo4MlUIPpQCq/aRsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.29.7.tgz",
+      "integrity": "sha512-DZ/oLP21ZuWx1vKqnoNv6/tvEK48AQOBRai40CX9dTjGluvT/YZCyY3rryDtyUqCEoyNroy5KKPwX2iQCiRvyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.29.7.tgz",
+      "integrity": "sha512-A0H91hh6W8MFRkp5TqJmMr39jzGD1A1E1Ysiv2O06Sfbhkapm+XyIzxWCEh5kqwOZ1/8QZ0dY3SeQ7XBqfJd5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.29.7.tgz",
+      "integrity": "sha512-hl1kwFZCCiDyfH25Xmco9jTrkPgnS9pmOzSG7W5I4SaGbLeqKv417hcU2RKmaxoPEgsoJh7ZPOrnPGq99bHoUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.29.7.tgz",
+      "integrity": "sha512-fxtQoH3m5ywUSIfaH0FGCzWu4McsYon5bD3K4XnskC7f+OyQMj7rsOMi4NvvmJ83WwBAg4UCe+ov4VZlqEvyew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.29.7.tgz",
+      "integrity": "sha512-j0vCldybPC5b5dwCQOJ21uKtHzt7hxLygJTg9eF1ScfaikEDNfzn94XoW5Fi+seBR0nCyL23xaBFFkq7dTM8XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.8.tgz",
+      "integrity": "sha512-6iSnEK0zlkLKU4heofK/AdmRD4e2SHVpJMtrwnTCzhnaM98ria4rTrOXBBi45BTTYnJtO8txnPsX4fChYXkmeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.29.7.tgz",
+      "integrity": "sha512-B4UkaTK3QpgCwJnrxKfMPKdo92CN7OKXAlpAAnM3UPu0Q0lCCk57ylA9AJbRy2v8dDKOPAAWcoR6CMyeoHwRCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.7.tgz",
+      "integrity": "sha512-vuFoLwr4qnv2xbZ16SQd6uPcH5FNrLHhk/Jzo++0XJFcaDsr4gjJVg6j398oMHiC+83k/GiBzviwF5KBJkPUtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.29.7.tgz",
+      "integrity": "sha512-fEo41GmsOUhOBlw8ioo6zvjX5Xc2Lqkzlyfqbpsk3eB6TReV18uhxZ0esfEokVbY2+PVJAQHNKxER6lGrzNd3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.29.7.tgz",
+      "integrity": "sha512-idmp1dFaekP9GbcMvG24Kvw2BfhFZjHnNJCkV4WuIY4PskJzwI3f1N5OdgYke38T7rftO6ERulFRn2cFeZwRkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.29.7.tgz",
+      "integrity": "sha512-zR7fv/z14OjgHl4AgRtkDBvBMhIzCxqV/qN/2BCRC7LjFwvuzjYe7gDWxC4Wl/SNsLM6SE1IWvRPYMgSJaUvNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.29.7.tgz",
+      "integrity": "sha512-Ld98jn4c0smUywL57m7SgsHq3OpThOa6LqZJif3G6jYOovPleoFhVrBJ1WegRApSFB2wu4+RelAj9AC9G08Z4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/plugin-transform-destructuring": "^7.29.7",
+        "@babel/plugin-transform-parameters": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.29.7.tgz",
+      "integrity": "sha512-Ea/diGcw0twB5IlZPO5sgET6fJsLJqPABqTuFWIR+iMPGPZJkATEIWx0wa+aEQ5UY1CBQyP/gkAiLEqn1vBiQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-replace-supers": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.29.7.tgz",
+      "integrity": "sha512-sLsyndxK2VwX6yNUOakMb7Sh553ZTe/vVM1XJ+9Z5aW1ytsc8xOIwmyk05NNjN60vkc5/KqoTH6hB4V41LJhng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.29.7.tgz",
+      "integrity": "sha512-6GM1dhvK3gNODkXcEcMCOLEDCLSoZ/sBbro2Ax8HURyasQ4NshagQixkRFdh5niI6E4gmA/jYI/4aT7rRos3ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.29.7.tgz",
+      "integrity": "sha512-ZDOBqV/qLYJI0YElr8DcENEyARsFQeESqWXH6gZlghYXuPPjvweuDhP4VyEi4BlUBlLRFZVjxoZDMjxhLW766g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.29.7.tgz",
+      "integrity": "sha512-/6Rz4DK1ETDEM/bWHsPHcaEe7ZaT1EqSXjtSP/L0DijOYuaUhiRiOKcwpZ8P7zR4xXEHc2ITdiCgBm9Tpyv9ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.29.7.tgz",
+      "integrity": "sha512-+BNo06dnrzdNNqCm1X6YUaVv0DKk8Q+JYcoZfOkLhYWNCXzlwTSRq8zGWayT1csjcpNXV9CQTBRRbmTLZac5cA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.29.7",
+        "@babel/helper-create-class-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.29.7.tgz",
+      "integrity": "sha512-bOMRLQuI0A5ZqHq3OWJ89/rXpJ/NJrbVhXiP4zwPGMs6kpcVsuTUNjwoE30K0Qm3mf48a/TnRYYD6vPNqcg6jA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.8.tgz",
+      "integrity": "sha512-0UpIXPtdDtMXfnV2OJAVMLpj3H/92vmkA6lpSRakmycJvj3VUy6Xs1dM8tXRugupykr5WB+LpiVl0J8LMVg2mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regexp-modifiers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.29.7.tgz",
+      "integrity": "sha512-mB5Fs0VWrJ42ZCmc8114v60qetdaUVNkj9PmSZRmanCZM3S9hm0CFRLjRmYIsuXav14l2jvZ+4T8iiCGnhj3nQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.29.7.tgz",
+      "integrity": "sha512-5+YhdpVgmfSmwZyLMftfaiffLRMHjzIRHFHHLdibcSyJm2pasMrKHrO3Ptrt2DRshjvpgjEJJ1zVW14WPq/6QA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.29.7.tgz",
+      "integrity": "sha512-I+WYbGBAiCn7nA6xBrlgPH+MB7HWb4u8pv5S0Pv7OtwNvIFvCCb24YlttKEeUFVurfBCEaOTnuhlqsb7f0Z5Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.29.8.tgz",
+      "integrity": "sha512-4S9ksMGVWUshvgK0mKfvZky7leuG5/uoFVwMpAomJ8bMoDJiNHRVmc1EglwW/CmGVSqqWpEbXm9FmbRit22qoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.29.7.tgz",
+      "integrity": "sha512-BCHzNYJGe9l7EpwwDBN/ztlL2NYFFq8hp9ddjtUEM9f2O7S7kKV/lL6Fwo7IF7NSkYhPK2vO+86nIGltA90MsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.29.7.tgz",
+      "integrity": "sha512-NCSEJ4sLFU2gqAub45HYh4fus2yQ36rr6ei6vpU7NdoJqCpxvEG8E6eJpscGyXP3VHD2Ny+fSXr04k1hoUrFqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.29.7.tgz",
+      "integrity": "sha512-223mNGoTkBiTEWFoK+Q6Go3tueMRclO8vxxxxquNCYuNI4jWOofFKJRRDu6SDrB8Sgo1UEGW9T4GAQ8ZyRso1A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.29.7.tgz",
+      "integrity": "sha512-jK52h8LaLc7JarhQV2ofeFMts4H7vnOXnqZNA6fYglBTZewRBE51KWt3BUltW1P+KoPsYkHoJeXePuz4zo2LMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.29.7",
+        "@babel/helper-create-class-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7",
+        "@babel/plugin-syntax-typescript": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.29.7.tgz",
+      "integrity": "sha512-jCfXxSjf94lf4E0hKE0AByxF6F3/pVFqRdUUNkDJhsY0m1ZKjnN6ZYyMeHNpzflxb/0q5b7t3p+BE+SLF1WOtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.29.7.tgz",
+      "integrity": "sha512-OgZ+zoAJgZLUCunsTRQ5LAjOywDv5zzZ2/hQ5aMw1pGXyY2rtE8/chXYUmu3AlVHKpm10KEdG9aMwbI/K76ZGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.29.7.tgz",
+      "integrity": "sha512-7D/x/23/d/3VqZ0QA+LGbZMlGwZjztBygSWWWsfTPoQ1oQ6Q1P6Mr3d0kk42XabyUVw+fha3LqdRsFqeKqvCyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.29.7.tgz",
+      "integrity": "sha512-BLOhLht9DOJwIxlmp91wHvkXv1lguuHS3/FwUO8HL1H0u8s4hR1gASVFyilu9iGtcTRYqjTZmlsFFeQletntEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.29.7.tgz",
+      "integrity": "sha512-GYzX36n1nsciIb0uyH0GHwxwtNwPQIcpxSeiVLDtG/B7jB5xXgchnmL1f/jCX5o+pwnaDBtO60ONSJhEBJfxYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-plugin-utils": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.29.7",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.29.7",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.29.7",
+        "@babel/plugin-bugfix-safari-rest-destructuring-rhs-array": "^7.29.7",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.29.7",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.29.7",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-import-assertions": "^7.29.7",
+        "@babel/plugin-syntax-import-attributes": "^7.29.7",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.29.7",
+        "@babel/plugin-transform-async-generator-functions": "^7.29.7",
+        "@babel/plugin-transform-async-to-generator": "^7.29.7",
+        "@babel/plugin-transform-block-scoped-functions": "^7.29.7",
+        "@babel/plugin-transform-block-scoping": "^7.29.7",
+        "@babel/plugin-transform-class-properties": "^7.29.7",
+        "@babel/plugin-transform-class-static-block": "^7.29.7",
+        "@babel/plugin-transform-classes": "^7.29.7",
+        "@babel/plugin-transform-computed-properties": "^7.29.7",
+        "@babel/plugin-transform-destructuring": "^7.29.7",
+        "@babel/plugin-transform-dotall-regex": "^7.29.7",
+        "@babel/plugin-transform-duplicate-keys": "^7.29.7",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.29.7",
+        "@babel/plugin-transform-dynamic-import": "^7.29.7",
+        "@babel/plugin-transform-explicit-resource-management": "^7.29.7",
+        "@babel/plugin-transform-exponentiation-operator": "^7.29.7",
+        "@babel/plugin-transform-export-namespace-from": "^7.29.7",
+        "@babel/plugin-transform-for-of": "^7.29.7",
+        "@babel/plugin-transform-function-name": "^7.29.7",
+        "@babel/plugin-transform-json-strings": "^7.29.7",
+        "@babel/plugin-transform-literals": "^7.29.7",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.29.7",
+        "@babel/plugin-transform-member-expression-literals": "^7.29.7",
+        "@babel/plugin-transform-modules-amd": "^7.29.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.29.7",
+        "@babel/plugin-transform-modules-systemjs": "^7.29.7",
+        "@babel/plugin-transform-modules-umd": "^7.29.7",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.29.7",
+        "@babel/plugin-transform-new-target": "^7.29.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.29.7",
+        "@babel/plugin-transform-numeric-separator": "^7.29.7",
+        "@babel/plugin-transform-object-rest-spread": "^7.29.7",
+        "@babel/plugin-transform-object-super": "^7.29.7",
+        "@babel/plugin-transform-optional-catch-binding": "^7.29.7",
+        "@babel/plugin-transform-optional-chaining": "^7.29.7",
+        "@babel/plugin-transform-parameters": "^7.29.7",
+        "@babel/plugin-transform-private-methods": "^7.29.7",
+        "@babel/plugin-transform-private-property-in-object": "^7.29.7",
+        "@babel/plugin-transform-property-literals": "^7.29.7",
+        "@babel/plugin-transform-regenerator": "^7.29.7",
+        "@babel/plugin-transform-regexp-modifiers": "^7.29.7",
+        "@babel/plugin-transform-reserved-words": "^7.29.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.29.7",
+        "@babel/plugin-transform-spread": "^7.29.7",
+        "@babel/plugin-transform-sticky-regex": "^7.29.7",
+        "@babel/plugin-transform-template-literals": "^7.29.7",
+        "@babel/plugin-transform-typeof-symbol": "^7.29.7",
+        "@babel/plugin-transform-unicode-escapes": "^7.29.7",
+        "@babel/plugin-transform-unicode-property-regex": "^7.29.7",
+        "@babel/plugin-transform-unicode-regex": "^7.29.7",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.29.7",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.15",
+        "babel-plugin-polyfill-corejs3": "^0.14.0",
+        "babel-plugin-polyfill-regenerator": "^0.6.6",
+        "core-js-compat": "^3.48.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.8.tgz",
+      "integrity": "sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.8",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/parser": "^7.29.8",
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.8",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.8",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz",
+      "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/types": {
+      "version": "3.4.32",
+      "resolved": "https://registry.npmjs.org/@dcloudio/types/-/types-3.4.32.tgz",
+      "integrity": "sha512-sjhbkjUKxoym8KLEnyeXxCsxvRlBc7Bd/kNSZZRLj+lewS384bDPtq/x5FZ4iG+NrnzDmg3+HyiwV5u5vu2reQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@dcloudio/uni-app": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-app/-/uni-app-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-Er2pOCUTss7h5sYL32gLAWbYysYyhYzj8ZYKAjF/1aX+YkigD7beU1oX4M/m5yOo1RoogsQNTs5dyUn7R1sFrA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cloud": "3.0.0-4020920240930001",
+        "@dcloudio/uni-components": "3.0.0-4020920240930001",
+        "@dcloudio/uni-i18n": "3.0.0-4020920240930001",
+        "@dcloudio/uni-push": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@dcloudio/uni-stat": "3.0.0-4020920240930001",
+        "@vue/shared": "3.4.21"
+      },
+      "peerDependencies": {
+        "@dcloudio/types": "^3.4.11"
+      }
+    },
+    "node_modules/@dcloudio/uni-app-plus": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-app-plus/-/uni-app-plus-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-0MQx5lAZ+y8E5/jjkjSfpyZvhUNaqRZbcD7u+cragHjE17PndQo+h7wmyGYgzGQYmuikiD8CX+o+NtTo4Z/TiA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-app-uts": "3.0.0-4020920240930001",
+        "@dcloudio/uni-app-vite": "3.0.0-4020920240930001",
+        "@dcloudio/uni-app-vue": "3.0.0-4020920240930001",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.0",
+        "licia": "^1.29.0",
+        "postcss-selector-parser": "^6.0.6"
+      }
+    },
+    "node_modules/@dcloudio/uni-app-uts": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-app-uts/-/uni-app-uts-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-OaEyI9hrjR6I8bNc9GdfOos/zWfiA0eIy4gLLVpkGxpMmAoqR9j5fs7g804SDAn3NtzNtzOJrAXx7sl5mJwsIw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/parser": "^7.23.9",
+        "@babel/types": "^7.20.7",
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "@dcloudio/uni-i18n": "3.0.0-4020920240930001",
+        "@dcloudio/uni-nvue-styler": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@jridgewell/gen-mapping": "^0.3.3",
+        "@jridgewell/trace-mapping": "^0.3.19",
+        "@rollup/pluginutils": "^5.0.5",
+        "@vue/compiler-core": "3.4.21",
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/compiler-sfc": "3.4.21",
+        "@vue/consolidate": "^1.0.0",
+        "@vue/shared": "3.4.21",
+        "debug": "^4.3.3",
+        "es-module-lexer": "^1.2.1",
+        "estree-walker": "^2.0.2",
+        "fs-extra": "^10.0.0",
+        "magic-string": "^0.30.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2",
+        "unimport": "^3.9.0"
+      }
+    },
+    "node_modules/@dcloudio/uni-app-vite": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-app-vite/-/uni-app-vite-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-hG7aTOb1Clgli8qeMVFItadlAT51Kbw2J7CpbWJ5Pkv8uv63QAo2ruRiHs2eYTWRpfXRqr7nZ3J7d74VbrUZ7A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "@dcloudio/uni-i18n": "3.0.0-4020920240930001",
+        "@dcloudio/uni-nvue-styler": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@rollup/pluginutils": "^5.0.5",
+        "@vitejs/plugin-vue": "5.1.0",
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/compiler-sfc": "3.4.21",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.0",
+        "picocolors": "^1.0.0"
+      }
+    },
+    "node_modules/@dcloudio/uni-app-vue": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-app-vue/-/uni-app-vue-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-GMmN0NJjyb0I/G3tE8kBN9DkvwTBKJjjnXzSCCPDbXJbH8YJiThjzyBBdyXb1cJwdgAhwTbwX8dWu7uyT+bllA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@dcloudio/uni-automator": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-automator/-/uni-automator-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-HsCw/ulfiG8Kavn1cz1bCHOcUiBxCvyphOjMMjnNIJZb/cgQl7HpJQ7PThpQXDpEn2oNRKw/6fKsX2ZTLWfWZA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "address": "^1.1.2",
+        "cross-env": "^7.0.3",
+        "debug": "^4.3.3",
+        "default-gateway": "^6.0.3",
+        "fs-extra": "^10.0.0",
+        "jsonc-parser": "^3.2.0",
+        "licia": "^1.29.0",
+        "merge": "^2.1.1",
+        "qrcode-reader": "^1.0.4",
+        "qrcode-terminal": "^0.12.0",
+        "ws": "^8.4.2"
+      },
+      "peerDependencies": {
+        "jest": "27.0.4",
+        "jest-environment-node": "27.5.1"
+      }
+    },
+    "node_modules/@dcloudio/uni-cli-shared": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-cli-shared/-/uni-cli-shared-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-DpKcXXtAiyZXX8WxDSSRjl/PuTYFPBvWDcS7UfWR3Vw13gM3TUEu3WPl1URgGlxmwr30x5YLv6ZA6UoXSZ6MNw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@ampproject/remapping": "^2.1.2",
+        "@babel/code-frame": "^7.23.5",
+        "@babel/core": "^7.23.3",
+        "@babel/parser": "^7.23.9",
+        "@babel/types": "^7.20.7",
+        "@dcloudio/uni-i18n": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@intlify/core-base": "9.1.9",
+        "@intlify/shared": "9.1.9",
+        "@intlify/vue-devtools": "9.1.9",
+        "@rollup/pluginutils": "^5.0.5",
+        "@vue/compiler-core": "3.4.21",
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/compiler-sfc": "3.4.21",
+        "@vue/compiler-ssr": "3.4.21",
+        "@vue/server-renderer": "3.4.21",
+        "@vue/shared": "3.4.21",
+        "adm-zip": "^0.5.12",
+        "autoprefixer": "^10.4.19",
+        "base64url": "^3.0.1",
+        "chokidar": "^3.5.3",
+        "compare-versions": "^3.6.0",
+        "debug": "^4.3.3",
+        "es-module-lexer": "^1.2.1",
+        "esbuild": "^0.20.1",
+        "estree-walker": "^2.0.2",
+        "fast-glob": "^3.2.11",
+        "fs-extra": "^10.0.0",
+        "hash-sum": "^2.0.0",
+        "isbinaryfile": "^5.0.2",
+        "jsonc-parser": "^3.2.0",
+        "lines-and-columns": "^2.0.4",
+        "magic-string": "^0.30.7",
+        "merge": "^2.1.1",
+        "mime": "^3.0.0",
+        "module-alias": "^2.2.2",
+        "os-locale-s-fix": "^1.0.8-fix-1",
+        "picocolors": "^1.0.0",
+        "postcss-import": "^14.0.2",
+        "postcss-load-config": "^3.1.1",
+        "postcss-modules": "^4.3.0",
+        "postcss-selector-parser": "^6.0.6",
+        "resolve": "^1.22.1",
+        "source-map-js": "^1.0.2",
+        "tapable": "^2.2.0",
+        "unplugin-auto-import": "^0.16.7",
+        "xregexp": "3.1.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@dcloudio/uni-cli-shared/node_modules/brace-expansion": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.4.tgz",
+      "integrity": "sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@dcloudio/uni-cli-shared/node_modules/local-pkg": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.1.tgz",
+      "integrity": "sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.3",
+        "pkg-types": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@dcloudio/uni-cli-shared/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@dcloudio/uni-cli-shared/node_modules/unplugin-auto-import": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/unplugin-auto-import/-/unplugin-auto-import-0.16.7.tgz",
+      "integrity": "sha512-w7XmnRlchq6YUFJVFGSvG1T/6j8GrdYN6Em9Wf0Ye+HXgD/22kont+WnuCAA0UaUoxtuvRR1u/mXKy63g/hfqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antfu/utils": "^0.7.6",
+        "@rollup/pluginutils": "^5.0.5",
+        "fast-glob": "^3.3.1",
+        "local-pkg": "^0.5.0",
+        "magic-string": "^0.30.5",
+        "minimatch": "^9.0.3",
+        "unimport": "^3.4.0",
+        "unplugin": "^1.5.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.2.2",
+        "@vueuse/core": "*"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        },
+        "@vueuse/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@dcloudio/uni-cloud": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-cloud/-/uni-cloud-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-N4/4mv+PhtQkg3w0xrjBnir2SA5t23gOs8ZC3Mp3q2+iMS9Lo4puc/81mGaQxc2pZhdsV5MzxWCoquFdbyWCzA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "@dcloudio/uni-i18n": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@vue/shared": "3.4.21",
+        "fast-glob": "^3.2.11"
+      }
+    },
+    "node_modules/@dcloudio/uni-components": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-components/-/uni-components-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-ZC3z/RIeHtx3SkJtKwArKGAq+poDevzcQG3MV6gKLubwPAkri8UR4ptSjJwzvs7ESoGwGwqxy6aNndUIx6+fsw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cloud": "3.0.0-4020920240930001",
+        "@dcloudio/uni-h5": "3.0.0-4020920240930001",
+        "@dcloudio/uni-i18n": "3.0.0-4020920240930001"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-h5/-/uni-h5-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-9M7UqJVVC1KEP6mcmRzmdWX8+VWp3Y+FSKGQ4ymWJ+T0Xest4i3oggj2nLBDTfyhYMEZ3hNFI885o5cUoolMCw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-h5-vite": "3.0.0-4020920240930001",
+        "@dcloudio/uni-h5-vue": "3.0.0-4020920240930001",
+        "@dcloudio/uni-i18n": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@vue/server-renderer": "3.4.21",
+        "@vue/shared": "3.4.21",
+        "debug": "^4.3.3",
+        "localstorage-polyfill": "^1.0.1",
+        "postcss-selector-parser": "^6.0.6",
+        "safe-area-insets": "^1.4.1",
+        "vue-router": "^4.3.0",
+        "xmlhttprequest": "^1.8.0"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5-vite": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-h5-vite/-/uni-h5-vite-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-9kZvdOmAl59vNcVDPH4doQRhnGhEB7oT+LEy6uW+BIDvkMZN/hw9MYUzv7WIysXCg51gY0vRJdIkU1OpDCz8tg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@rollup/pluginutils": "^5.0.5",
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/compiler-sfc": "3.4.21",
+        "@vue/server-renderer": "3.4.21",
+        "@vue/shared": "3.4.21",
+        "debug": "^4.3.3",
+        "fs-extra": "^10.0.0",
+        "mime": "^3.0.0",
+        "module-alias": "^2.2.2"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5-vue": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-h5-vue/-/uni-h5-vue-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-kUfK+50xilnGJVQq35N8VHA5bb0q7JmT5Cc8I8mPVFuVdl38zpumsjG6Qg8dhS5E/9GqjjWqH3aWOn6ugTFMxQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@vue/server-renderer": "3.4.21"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-core": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.40.tgz",
+      "integrity": "sha512-39E8IgOhTbVDnoJFMKc2DvYnypcZwUqgUhQkccva/0m6FUwtIKSGV7n1hpVmYcFaoRAwf9pBcwnKlCEsN63ZEQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@vue/shared": "3.5.40",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-core/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-dom": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.40.tgz",
+      "integrity": "sha512-pwkx4vqlqOspFstrcmzwkKLePVMD3PT65imRzLhanU2V1Fj4K13g6OXjanOyzw3aTAuRk84BOmY8f3rEHqPaVA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-core": "3.5.40",
+        "@vue/shared": "3.5.40"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-dom/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-sfc": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.40.tgz",
+      "integrity": "sha512-gIf497P4kpuALcvs5n3AEg1Vdn0pSY4XbjASIfHNYF1/MP3T2Mf2STERTubysBxCRxzJGJYtF/O7vwJrxFB3Vw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@vue/compiler-core": "3.5.40",
+        "@vue/compiler-dom": "3.5.40",
+        "@vue/compiler-ssr": "3.5.40",
+        "@vue/shared": "3.5.40",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.19",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-sfc/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-ssr": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.40.tgz",
+      "integrity": "sha512-rrE5xiXG663+vHCHa3J9p2z5OcBRjXmoqenprJxAFQxg5pSshzeBiCE6pu46axapRJ2Adk0YDA2BRZVjiHXnhg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.40",
+        "@vue/shared": "3.5.40"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/compiler-ssr/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/reactivity": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.40.tgz",
+      "integrity": "sha512-B7ot9UlUZOi1zbq61/LvE88ZLTV8IlajTdiZTAEiDQgrnIMIZoPr9kGw0Zw46ObW62O9+H/Be3kMbfb7kYPQZA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/shared": "3.5.40"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/reactivity/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/runtime-core": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.40.tgz",
+      "integrity": "sha512-KAZLweuZ6uUJPK1PMSQPgBU5gCjgrrfjUhSglmU9NhH+Zjepa8cnwSydPWDWHDwOgY4g3VcZ+PljbiHlURNCbw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/reactivity": "3.5.40",
+        "@vue/shared": "3.5.40"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/runtime-core/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/runtime-dom": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.40.tgz",
+      "integrity": "sha512-ZfrX8ssZQds900L9pr8AuK05ddnMsR4MPMZr8cPN9GoqoPWcXLhjvvbIA2SMv+7a97sJ1vv9pj/zxK0Cq/eEFQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/reactivity": "3.5.40",
+        "@vue/runtime-core": "3.5.40",
+        "@vue/shared": "3.5.40",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/vue": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.40.tgz",
+      "integrity": "sha512-+8PJ4SJXdn/cHGImF4CKdxlWHIN5Dkt7DoufRREM6h6uVCx2m7QxgcEQmmzyOK8A9mcafg7sFbJFYsdFVubTig==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.40",
+        "@vue/compiler-sfc": "3.5.40",
+        "@vue/runtime-dom": "3.5.40",
+        "@vue/server-renderer": "3.5.40",
+        "@vue/shared": "3.5.40"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/vue-router": {
+      "version": "4.6.4",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.4.tgz",
+      "integrity": "sha512-Hz9q5sa33Yhduglwz6g9skT8OBPii+4bFn88w6J+J4MfEo4KRRpmiNG/hHHkdbRFlLBOqxN8y8gf2Fb0MTUgVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/vue/node_modules/@vue/server-renderer": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.40.tgz",
+      "integrity": "sha512-XNJym9WpevhTVt1HuwOrCRJ5Q+9z4BjTMrDtjTrvx74SmUll8spNTw6whWJa9mEkO4PKn5TihI/bm/8ds2QVJw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.40",
+        "@vue/runtime-dom": "3.5.40",
+        "@vue/shared": "3.5.40"
+      }
+    },
+    "node_modules/@dcloudio/uni-h5/node_modules/vue/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@dcloudio/uni-i18n": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-i18n/-/uni-i18n-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-ltKiciML0ptWRytvbFt1dd4YglEjh4fsUc0D/dY+y5YKNxK7h/V2HT3qkQtP05T1kjEput4KrWNn23fczO3YFg==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@dcloudio/uni-nvue-styler": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-nvue-styler/-/uni-nvue-styler-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-bmMJKf4FoSQy6PfTfojOeskcc1239V38B3dtG/zFFll7pzBAVi68xYvgF9KgYDBkztTM0PmAukyVNRl1VAFOww==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "parse-css-font": "^4.0.0",
+        "postcss": "^8.4.35"
+      }
+    },
+    "node_modules/@dcloudio/uni-push": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-push/-/uni-push-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-AL03ysBAi8d/VBQ0/UG0EqcC0Fiohb/pkzR88kNLxIn3VouMje3pw3h++zH5Oa/DppP4M47TTMDoGlcAqBpqrg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001"
+      }
+    },
+    "node_modules/@dcloudio/uni-shared": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-shared/-/uni-shared-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-8EEQAaY+Y9BRCZIqpoaI7ciQFTO/sggxPO1kJNVAkxvJs/GVb4mawPlW9UNsMiWEqRvOJlV7KldCu6eMYlyyfg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@vue/shared": "3.4.21"
+      }
+    },
+    "node_modules/@dcloudio/uni-stat": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/uni-stat/-/uni-stat-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-ZPn4WQPlZ3lObaZM9Q1fryewIsan1XD4qy+oWsqAuGop1kaHDQKUfg2D+jclAOCr4+95u4Jfn+RH0HNqrI0eqg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "debug": "^4.3.3"
+      }
+    },
+    "node_modules/@dcloudio/vite-plugin-uni": {
+      "version": "3.0.0-4020920240930001",
+      "resolved": "https://registry.npmjs.org/@dcloudio/vite-plugin-uni/-/vite-plugin-uni-3.0.0-4020920240930001.tgz",
+      "integrity": "sha512-ZtV5x4Jj8d2FzaK8uamYdfYwzRbMseWY3l6MTUdc94uMNIvnb2fBhJccoY3xexSDYRFRElPKk7+ed6AQ7tYtuw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/core": "^7.23.3",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-transform-typescript": "^7.23.3",
+        "@dcloudio/uni-cli-shared": "3.0.0-4020920240930001",
+        "@dcloudio/uni-shared": "3.0.0-4020920240930001",
+        "@rollup/pluginutils": "^5.0.5",
+        "@vitejs/plugin-legacy": "5.3.2",
+        "@vitejs/plugin-vue": "5.1.0",
+        "@vitejs/plugin-vue-jsx": "3.1.0",
+        "@vue/compiler-core": "3.4.21",
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/compiler-sfc": "3.4.21",
+        "@vue/shared": "3.4.21",
+        "cac": "6.7.9",
+        "debug": "^4.3.3",
+        "estree-walker": "^2.0.2",
+        "express": "^4.17.1",
+        "fast-glob": "^3.2.11",
+        "fs-extra": "^10.0.0",
+        "hash-sum": "^2.0.0",
+        "jsonc-parser": "^3.2.0",
+        "magic-string": "^0.30.7",
+        "picocolors": "^1.0.0",
+        "terser": "^5.4.0",
+        "unplugin-auto-import": "^0.16.7"
+      },
+      "bin": {
+        "uni": "bin/uni.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.8"
+      }
+    },
+    "node_modules/@dcloudio/vite-plugin-uni/node_modules/brace-expansion": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.4.tgz",
+      "integrity": "sha512-hGfVzPxthbf3+2yjg/RBs60cB0FhqBS/zvdV/4wn4/BmN0bNMMHPc4V/BbFieqf1TKAGGAHnY4eSjajCl0f2Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@dcloudio/vite-plugin-uni/node_modules/local-pkg": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.1.tgz",
+      "integrity": "sha512-9rrA30MRRP3gBD3HTGnC6cDFpaE1kVDWxWgqWJUN0RvDNAo+Nz/9GxB+nHOH0ifbVFy0hSA1V6vFDvnx54lTEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.3",
+        "pkg-types": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@dcloudio/vite-plugin-uni/node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@dcloudio/vite-plugin-uni/node_modules/unplugin-auto-import": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/unplugin-auto-import/-/unplugin-auto-import-0.16.7.tgz",
+      "integrity": "sha512-w7XmnRlchq6YUFJVFGSvG1T/6j8GrdYN6Em9Wf0Ye+HXgD/22kont+WnuCAA0UaUoxtuvRR1u/mXKy63g/hfqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@antfu/utils": "^0.7.6",
+        "@rollup/pluginutils": "^5.0.5",
+        "fast-glob": "^3.3.1",
+        "local-pkg": "^0.5.0",
+        "magic-string": "^0.30.5",
+        "minimatch": "^9.0.3",
+        "unimport": "^3.4.0",
+        "unplugin": "^1.5.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@nuxt/kit": "^3.2.2",
+        "@vueuse/core": "*"
+      },
+      "peerDependenciesMeta": {
+        "@nuxt/kit": {
+          "optional": true
+        },
+        "@vueuse/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
+      "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
+      "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
+      "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
+      "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
+      "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
+      "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
+      "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
+      "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
+      "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
+      "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
+      "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
+      "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
+      "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
+      "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
+      "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
+      "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
+      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
+      "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
+      "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
+      "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
+      "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
+      "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@intlify/core-base": {
+      "version": "9.1.9",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.1.9.tgz",
+      "integrity": "sha512-x5T0p/Ja0S8hs5xs+ImKyYckVkL4CzcEXykVYYV6rcbXxJTe2o58IquSqX9bdncVKbRZP7GlBU1EcRaQEEJ+vw==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/devtools-if": "9.1.9",
+        "@intlify/message-compiler": "9.1.9",
+        "@intlify/message-resolver": "9.1.9",
+        "@intlify/runtime": "9.1.9",
+        "@intlify/shared": "9.1.9",
+        "@intlify/vue-devtools": "9.1.9"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@intlify/devtools-if": {
+      "version": "9.1.9",
+      "resolved": "https://registry.npmjs.org/@intlify/devtools-if/-/devtools-if-9.1.9.tgz",
+      "integrity": "sha512-oKSMKjttG3Ut/1UGEZjSdghuP3fwA15zpDPcjkf/1FjlOIm6uIBGMNS5jXzsZy593u+P/YcnrZD6cD3IVFz9vQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "9.1.9"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "9.1.9",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.1.9.tgz",
+      "integrity": "sha512-6YgCMF46Xd0IH2hMRLCssZI3gFG4aywidoWQ3QP4RGYQXQYYfFC54DxhSgfIPpVoPLQ+4AD29eoYmhiHZ+qLFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-resolver": "9.1.9",
+        "@intlify/shared": "9.1.9",
+        "source-map": "0.6.1"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@intlify/message-resolver": {
+      "version": "9.1.9",
+      "resolved": "https://registry.npmjs.org/@intlify/message-resolver/-/message-resolver-9.1.9.tgz",
+      "integrity": "sha512-Lx/DBpigeK0sz2BBbzv5mu9/dAlt98HxwbG7xLawC3O2xMF9MNWU5FtOziwYG6TDIjNq0O/3ZbOJAxwITIWXEA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@intlify/runtime": {
+      "version": "9.1.9",
+      "resolved": "https://registry.npmjs.org/@intlify/runtime/-/runtime-9.1.9.tgz",
+      "integrity": "sha512-XgPw8+UlHCiie3fI41HPVa/VDJb3/aSH7bLhY1hJvlvNV713PFtb4p4Jo+rlE0gAoMsMCGcsiT982fImolSltg==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-compiler": "9.1.9",
+        "@intlify/message-resolver": "9.1.9",
+        "@intlify/shared": "9.1.9"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "9.1.9",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.1.9.tgz",
+      "integrity": "sha512-xKGM1d0EAxdDFCWedcYXOm6V5Pfw/TMudd6/qCdEb4tv0hk9EKeg7lwQF1azE0dP2phvx0yXxrt7UQK+IZjNdw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@intlify/vue-devtools": {
+      "version": "9.1.9",
+      "resolved": "https://registry.npmjs.org/@intlify/vue-devtools/-/vue-devtools-9.1.9.tgz",
+      "integrity": "sha512-YPehH9uL4vZcGXky4Ev5qQIITnHKIvsD2GKGXgqf+05osMUI6WSEQHaN9USRa318Rs8RyyPCiDfmA0hRu3k7og==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-resolver": "9.1.9",
+        "@intlify/runtime": "9.1.9",
+        "@intlify/shared": "9.1.9"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.6.tgz",
+      "integrity": "sha512-+Sg6GCR/wy1oSmQDFq4LQDAhm3ETKnorxN+y5nbLULOR3P0c14f2Wurzj3/xqPXtasLFfHd5iRFQ7AJt4KH2cw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/console": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/console/-/console-27.5.1.tgz",
+      "integrity": "sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "jest-message-util": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/core": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/core/-/core-27.5.1.tgz",
+      "integrity": "sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/console": "^27.5.1",
+        "@jest/reporters": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "emittery": "^0.8.1",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "jest-changed-files": "^27.5.1",
+        "jest-config": "^27.5.1",
+        "jest-haste-map": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-resolve-dependencies": "^27.5.1",
+        "jest-runner": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "jest-watcher": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "rimraf": "^3.0.0",
+        "slash": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/environment": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-27.5.1.tgz",
+      "integrity": "sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "jest-mock": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/fake-timers": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-27.5.1.tgz",
+      "integrity": "sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@sinonjs/fake-timers": "^8.0.1",
+        "@types/node": "*",
+        "jest-message-util": "^27.5.1",
+        "jest-mock": "^27.5.1",
+        "jest-util": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/globals": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-27.5.1.tgz",
+      "integrity": "sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "expect": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/reporters": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-27.5.1.tgz",
+      "integrity": "sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@jest/console": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "exit": "^0.1.2",
+        "glob": "^7.1.2",
+        "graceful-fs": "^4.2.9",
+        "istanbul-lib-coverage": "^3.0.0",
+        "istanbul-lib-instrument": "^5.1.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.0",
+        "istanbul-reports": "^3.1.3",
+        "jest-haste-map": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-worker": "^27.5.1",
+        "slash": "^3.0.0",
+        "source-map": "^0.6.0",
+        "string-length": "^4.0.1",
+        "terminal-link": "^2.0.0",
+        "v8-to-istanbul": "^8.1.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@jest/source-map": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-27.5.1.tgz",
+      "integrity": "sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "callsites": "^3.0.0",
+        "graceful-fs": "^4.2.9",
+        "source-map": "^0.6.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/test-result": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-27.5.1.tgz",
+      "integrity": "sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/console": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "collect-v8-coverage": "^1.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/test-sequencer": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz",
+      "integrity": "sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/test-result": "^27.5.1",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-runtime": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/transform": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-27.5.1.tgz",
+      "integrity": "sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/core": "^7.1.0",
+        "@jest/types": "^27.5.1",
+        "babel-plugin-istanbul": "^6.1.1",
+        "chalk": "^4.0.0",
+        "convert-source-map": "^1.4.0",
+        "fast-json-stable-stringify": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "pirates": "^4.0.4",
+        "slash": "^3.0.0",
+        "source-map": "^0.6.1",
+        "write-file-atomic": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jest/transform/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@jest/types": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
+      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^16.0.0",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/lzma-linux-x64-gnu": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/lzma-linux-x64-gnu/-/lzma-linux-x64-gnu-1.5.1.tgz",
+      "integrity": "sha512-oTXEIha4SsuXdTA4Iyskj0kpdx2yVXdhd75c2v3xGrHFfVMsbhTPZU/nMPL4sWKo4pBHm3aucLaqGlF696dTyQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^22.20 || ^24.12 || >=25"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz",
+      "integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.3",
+        "is-glob": "^4.0.3",
+        "node-addon-api": "^7.0.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.6.0",
+        "@parcel/watcher-darwin-arm64": "2.6.0",
+        "@parcel/watcher-darwin-x64": "2.6.0",
+        "@parcel/watcher-freebsd-x64": "2.6.0",
+        "@parcel/watcher-linux-arm-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm-musl": "2.6.0",
+        "@parcel/watcher-linux-arm64-glibc": "2.6.0",
+        "@parcel/watcher-linux-arm64-musl": "2.6.0",
+        "@parcel/watcher-linux-x64-glibc": "2.6.0",
+        "@parcel/watcher-linux-x64-musl": "2.6.0",
+        "@parcel/watcher-win32-arm64": "2.6.0",
+        "@parcel/watcher-win32-x64": "2.6.0"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz",
+      "integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz",
+      "integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz",
+      "integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz",
+      "integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz",
+      "integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz",
+      "integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz",
+      "integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz",
+      "integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz",
+      "integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz",
+      "integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz",
+      "integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz",
+      "integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.4.0.tgz",
+      "integrity": "sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.4.tgz",
+      "integrity": "sha512-RrPokAb7dmbxFoeO3TloqHyOjgye8RkBhSqmp4aJMIex4c9r46ZstPnleDQOq1t46VOVjwIuwNogIqbodV1Vvg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.4.tgz",
+      "integrity": "sha512-JKuJc+pnpks2pjy7L/N3v/cAkZxYlnmuZoD840ldbMI5KDbC4iO9NKwPKYdjYFCMAIIlBzYSFHxIJVYzRo2/8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.4.tgz",
+      "integrity": "sha512-krw5uS2STmvJ02x0uTXHbqQNuz+9eZ1iw+qXk9dmW2gvV4jV7O2hEoOnuhFrpOPiel1mBFtqbxYZZtC46hXLOw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.4.tgz",
+      "integrity": "sha512-wsTxtgApb4PrOsNJIm0FZ1h3WvCC+k9uxLJ4ad75hgoS4NiRes2SoJFlDAyMwiUY8IssDqGcHbXuN0sx1tfF1A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.4.tgz",
+      "integrity": "sha512-GUOnQlyZe3yAXhWOtOMsn5Qkrv5E5mZXa0thbARWi5Ei2szlVXJFQhddZ4HbAzh8q92w5twp+CQvs/eFanz9YQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.4.tgz",
+      "integrity": "sha512-/Y7f3QuxjzPKsjA/rfEDa3+0vXqyjmJ50Ln8dPpCmWkKTrUoWHG1cWhTqaAMLob2m2nESWuC7yGrREz019Ztqg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.4.tgz",
+      "integrity": "sha512-81wiiX3v7aqy+T+bT61TJ78yJjRquqFFTTbAPt08imfQQzkPIW8t6aJbkTagtCCrXMNc9D66+geqlK7ydLPNqA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.4.tgz",
+      "integrity": "sha512-9kmDIvNZqdoHOBZgNtpTBeLWYO/LVipM3H/j62P8848/l/VPEQL6N3uxU9pvP1oZAsXyC2MEnFP3ovRjo7WYNQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.4.tgz",
+      "integrity": "sha512-CcnXHWnXg69g+DX5VWL3FHts3qMRN2uVEHX+BZvGLdd07/gXkn3ePjYtO1LDJvxkGKVHMclKBRa1QUTH+6toYQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.4.tgz",
+      "integrity": "sha512-iFOibiHnTRuhrWLlRsOQFdZJJIa7S8OwkneJr4ocALP16u5yk6lWLINFwhHaEqBFMsKDUZofLkGos7+CPzGB3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.4.tgz",
+      "integrity": "sha512-XnWYMI7euHlb5a871xPja+Gm7DRCFU+FGRrtS2sMq9N8FvqtpagUy6gD4YOemC5MRk9xbh8+jYMEJbigFQwsgA==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.4.tgz",
+      "integrity": "sha512-qGDAlO0U8xedCcsdRm9oaoQY8DAx/QT7uIxJWhCdx0ceIWX783UC9QSYkdpzAe29wNiVfp24+bZdQmn49o45SQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.4.tgz",
+      "integrity": "sha512-ru4H6ezD7ysA5EiEK6qkkaEb4modH8CTej6kUy/gQi20u3kB3G7Zn8snXXkeJSCOFKG/rbPPtM/+9Wgas1961w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.4.tgz",
+      "integrity": "sha512-2W4MO5WQVJnbJaZdvDb9rhBDuFU1nKIepPFpJUBsTh2k1YY2g+ODViaWuyOAjQ5cOP7NvrvLzt3wvHOoiAvc7w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.4.tgz",
+      "integrity": "sha512-+fxjfuoAmVMCYV5QyjoIpu0cp5DOiOTeqYFk1AVaxGr+/ravWLX89XfQmptsoWcaVy/TGf2hexzbUOrCQIL1CQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.4.tgz",
+      "integrity": "sha512-jTn8JfHGL4djjFxPuM06LmNUJDsst2jeVlsd9OmIH6zc5sC9K6rIuO4YajXatLUpBmBKl6b35ro1QZocLi+tcA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.4.tgz",
+      "integrity": "sha512-oCJCJL4pXsoDcP2QZ+JVlPTIRc6266zsIaeJJsWImmF7HO0W8nb6HuSgZlMWxJwaPf8ehbSw8yo0EUw925hKsA==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.4.tgz",
+      "integrity": "sha512-W69hukhZ3KKNRCaMIEzKvcFye42hh0FE1+YoYaf5+Ikacuftoco6yO/xouz0hc5d5W/s3yBro5jRiuEE/Q5vUw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.4.tgz",
+      "integrity": "sha512-qiXbGG2jkjXhzXpsFZSR2Xpb8DN/UaxYsbb/STbuR/6fpaDgRmmaq1B/LmtF2wQFOFOSsK2jdE0RZ3a0zHn4QA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.4.tgz",
+      "integrity": "sha512-nWeM//hxv8mIo6jD7Hu4o48DVmV9pbV6gsKaWU+4NFyqHoPKwrkRiZGLKUhOBk8qNmDmpwFtPKg80Bo/Tn4xiQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.4.tgz",
+      "integrity": "sha512-s62SQ/vgsRSvMwDkOEfTqfgASF0f26ZNaQuTA6Aok5lrikf89yI2W0gFHvZb2Jpgc6N8JnOKZgCK2iciO3CsxQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.4.tgz",
+      "integrity": "sha512-J6wGf8TVGbXJq+HH+ttTvrcfNKPbuZecV6KT1B8I18BC5IURUh5kl4Yl5OEP5eFIUoI5BWxCsyYMhFsDx8kekw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.4.tgz",
+      "integrity": "sha512-zmfrQd/0wu6oJs8Vq8KwY/YtsKSsLtKe/HwAP4Wqy8LhWjeT55fHRAkOhYQ12wI3ayS4Tt12d5CDRD7N96SAYQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.4.tgz",
+      "integrity": "sha512-qPzHqdj9rfUD+w79dtE07zi/kFwKyCJqplp5K5ygeLTp7jLpAoc16OAH39HSmRC9UpozaecsleI8uAdEj6v2yw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.4.tgz",
+      "integrity": "sha512-zD6NdeWEByGE9QF9vCrlJ5YQB4oq9q91kPZS37Jwj5hOkvR1lTBSpsKhKDw4IJtbQ35LsTS1HD9DZYGKIshU1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@sinonjs/commons": {
+      "version": "1.8.6",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
+      "integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz",
+      "integrity": "sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.0"
+      }
+    },
+    "node_modules/@tootallnate/once": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
+      "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/graceful-fs": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
+      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
+      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
+      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
+      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "26.1.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-26.1.2.tgz",
+      "integrity": "sha512-Vu4a5UFA9rIIFJ7rB/Vaafh9lrCQszopTCx6KjFboXTGQbPNasehVR5TEiithSDGyd1DEiUByggTZsg8jukeIg==",
+      "devOptional": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~8.3.0"
+      }
+    },
+    "node_modules/@types/prettier": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.3.tgz",
+      "integrity": "sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/stack-utils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
+      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/yargs": {
+      "version": "16.0.11",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.11.tgz",
+      "integrity": "sha512-sbtvk8wDN+JvEdabmZExoW/HNr1cB7D/j4LT08rMiuikfA7m/JNJg7ATQcgzs34zHnoScDkY0ZRSl29Fkmk36g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.3",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
+      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@vitejs/plugin-basic-ssl": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-1.2.0.tgz",
+      "integrity": "sha512-mkQnxTkcldAzIsomk1UuLfAu9n+kpQ3JbHcpCp7d2Oo6ITtji8pHS3QToOWjhPFvNQSnhlkAjmGbhv2QvwO/7Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.21.3"
+      },
+      "peerDependencies": {
+        "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-legacy": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-legacy/-/plugin-legacy-5.3.2.tgz",
+      "integrity": "sha512-8moCOrIMaZ/Rjln0Q6GsH6s8fAt1JOI3k8nmfX4tXUxE5KAExVctSyOBk+A25GClsdSWqIk2yaUthH3KJ2X4tg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.23.9",
+        "@babel/preset-env": "^7.23.9",
+        "browserslist": "^4.23.0",
+        "browserslist-to-esbuild": "^2.1.1",
+        "core-js": "^3.36.0",
+        "magic-string": "^0.30.7",
+        "regenerator-runtime": "^0.14.1",
+        "systemjs": "^6.14.3"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "peerDependencies": {
+        "terser": "^5.4.0",
+        "vite": "^5.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.0.tgz",
+      "integrity": "sha512-QMRxARyrdiwi1mj3AW4fLByoHTavreXq0itdEW696EihXglf1MB3D4C2gBvE0jMPH29ZjC3iK8aIaUMLf4EOGA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vitejs/plugin-vue-jsx": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-3.1.0.tgz",
+      "integrity": "sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.23.3",
+        "@babel/plugin-transform-typescript": "^7.23.3",
+        "@vue/babel-plugin-jsx": "^1.1.5"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0 || ^5.0.0",
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/@vue/babel-helper-vue-transform-on": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-transform-on/-/babel-helper-vue-transform-on-1.5.0.tgz",
+      "integrity": "sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/babel-plugin-jsx": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-jsx/-/babel-plugin-jsx-1.5.0.tgz",
+      "integrity": "sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.2",
+        "@vue/babel-helper-vue-transform-on": "1.5.0",
+        "@vue/babel-plugin-resolve-type": "1.5.0",
+        "@vue/shared": "^3.5.18"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/babel-plugin-jsx/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/babel-plugin-resolve-type": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@vue/babel-plugin-resolve-type/-/babel-plugin-resolve-type-1.5.0.tgz",
+      "integrity": "sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/parser": "^7.28.0",
+        "@vue/compiler-sfc": "^3.5.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@vue/babel-plugin-resolve-type/node_modules/@vue/compiler-core": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.40.tgz",
+      "integrity": "sha512-39E8IgOhTbVDnoJFMKc2DvYnypcZwUqgUhQkccva/0m6FUwtIKSGV7n1hpVmYcFaoRAwf9pBcwnKlCEsN63ZEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@vue/shared": "3.5.40",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/babel-plugin-resolve-type/node_modules/@vue/compiler-dom": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.40.tgz",
+      "integrity": "sha512-pwkx4vqlqOspFstrcmzwkKLePVMD3PT65imRzLhanU2V1Fj4K13g6OXjanOyzw3aTAuRk84BOmY8f3rEHqPaVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.40",
+        "@vue/shared": "3.5.40"
+      }
+    },
+    "node_modules/@vue/babel-plugin-resolve-type/node_modules/@vue/compiler-sfc": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.40.tgz",
+      "integrity": "sha512-gIf497P4kpuALcvs5n3AEg1Vdn0pSY4XbjASIfHNYF1/MP3T2Mf2STERTubysBxCRxzJGJYtF/O7vwJrxFB3Vw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@vue/compiler-core": "3.5.40",
+        "@vue/compiler-dom": "3.5.40",
+        "@vue/compiler-ssr": "3.5.40",
+        "@vue/shared": "3.5.40",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.19",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/babel-plugin-resolve-type/node_modules/@vue/compiler-ssr": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.40.tgz",
+      "integrity": "sha512-rrE5xiXG663+vHCHa3J9p2z5OcBRjXmoqenprJxAFQxg5pSshzeBiCE6pu46axapRJ2Adk0YDA2BRZVjiHXnhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.40",
+        "@vue/shared": "3.5.40"
+      }
+    },
+    "node_modules/@vue/babel-plugin-resolve-type/node_modules/@vue/shared": {
+      "version": "3.5.40",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.40.tgz",
+      "integrity": "sha512-WxnBtruIqOoV3rA4jeKDWzrYI5h7Cp4+pjwDi8kWGHz+IslhiN+wguLVVhtv2l8VoU02rzDCVfDjgCl1lNpZVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vue/babel-plugin-resolve-type/node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.21.tgz",
+      "integrity": "sha512-MjXawxZf2SbZszLPYxaFCjxfibYrzr3eYbKxwpLR9EQN+oaziSu3qKVbwBERj1IFIB8OLUewxB5m/BFzi613og==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.23.9",
+        "@vue/shared": "3.4.21",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.21.tgz",
+      "integrity": "sha512-IZC6FKowtT1sl0CR5DpXSiEB5ayw75oT2bma1BEhV7RRR1+cfwLrxc2Z8Zq/RGFzJ8w5r9QtCOvTjQgdn0IKmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.4.21",
+        "@vue/shared": "3.4.21"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.21.tgz",
+      "integrity": "sha512-me7epoTxYlY+2CUM7hy9PCDdpMPfIwrOvAXud2Upk10g4YLv9UBW7kL798TvMeDhPthkZ0CONNrK2GoeI1ODiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.23.9",
+        "@vue/compiler-core": "3.4.21",
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/compiler-ssr": "3.4.21",
+        "@vue/shared": "3.4.21",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.7",
+        "postcss": "^8.4.35",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.21.tgz",
+      "integrity": "sha512-M5+9nI2lPpAsgXOGQobnIueVqc9sisBFexh5yMIMRAPYLa7+5wEJs8iqOZc1WAa9WQbx9GR2twgznU8LTIiZ4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/shared": "3.4.21"
+      }
+    },
+    "node_modules/@vue/consolidate": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@vue/consolidate/-/consolidate-1.0.0.tgz",
+      "integrity": "sha512-oTyUE+QHIzLw2PpV14GD/c7EohDyP64xCniWTcqcEmTd699eFqTIwOmtDYjcO1j3QgdXoJEoWv1/cCdLrRoOfg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.21.tgz",
+      "integrity": "sha512-UhenImdc0L0/4ahGCyEzc/pZNwVgcglGy9HVzJ1Bq2Mm9qXOpP8RyNTjookw/gOCUlXSEtuZ2fUg5nrHcoqJcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.4.21"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.21.tgz",
+      "integrity": "sha512-pQthsuYzE1XcGZznTKn73G0s14eCJcjaLvp3/DKeYWoFacD9glJoqlNBxt3W2c5S40t6CCcpPf+jG01N3ULyrA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.4.21",
+        "@vue/shared": "3.4.21"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.21.tgz",
+      "integrity": "sha512-gvf+C9cFpevsQxbkRBS1NpU8CqxKw0ebqMvLwcGQrNpx6gqRDodqKqA+A2VZZpQ9RpK2f9yfg8VbW/EpdFUOJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/runtime-core": "3.4.21",
+        "@vue/shared": "3.4.21",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.21.tgz",
+      "integrity": "sha512-aV1gXyKSN6Rz+6kZ6kr5+Ll14YzmIbeuWe7ryJl5muJ4uwSwY/aStXTixx76TwkZFJLm1aAlA/HSWEJ4EyiMkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.4.21",
+        "@vue/shared": "3.4.21"
+      },
+      "peerDependencies": {
+        "vue": "3.4.21"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.21.tgz",
+      "integrity": "sha512-PuJe7vDIi6VYSinuEbUIQgMIRZGgM8e4R+G+/dQTk0X1NEdvgvvgv7m+rfmDH1gZzyA1OjjoWskvHlfRNfQf3g==",
+      "license": "MIT"
+    },
+    "node_modules/abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "deprecated": "Use your platform's native atob() and btoa() methods instead",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz",
+      "integrity": "sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-globals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
+      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1"
+      }
+    },
+    "node_modules/acorn-globals/node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-walk": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
+      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/address": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz",
+      "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/adm-zip": {
+      "version": "0.5.18",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.18.tgz",
+      "integrity": "sha512-ufJnssQGbxzLNS1Ho9bCtX4rQKCCvoVuDLHoJyc3F9dOGDB4BkWs2Ci0kv53lqocAEQ/Cbi+I2XCsNYGqVYqng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.5.4",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.4.tgz",
+      "integrity": "sha512-MaU0U/za7N3r6brxD4YB/l4NSrFzLPlANv6wEuQVaIPlD3L4W9rFcQPbL/EilY9BHhHvhfcz3gInDLrEtWT4EA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.6",
+        "caniuse-lite": "^1.0.30001806",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/babel-jest": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-27.5.1.tgz",
+      "integrity": "sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/babel__core": "^7.1.14",
+        "babel-plugin-istanbul": "^6.1.1",
+        "babel-preset-jest": "^27.5.1",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.8.0"
+      }
+    },
+    "node_modules/babel-plugin-istanbul": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
+      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-instrument": "^5.0.4",
+        "test-exclude": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-jest-hoist": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz",
+      "integrity": "sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/template": "^7.3.3",
+        "@babel/types": "^7.3.3",
+        "@types/babel__core": "^7.0.0",
+        "@types/babel__traverse": "^7.0.6"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.17",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.17.tgz",
+      "integrity": "sha512-aTyf30K/rqAsNwN76zYrdtx8obu0E4KoUME29B1xj+B3WxgvWkp943vYQ+z8Mv3lw9xHXMHpvSPOBxzAkIa94w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.8",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.2.tgz",
+      "integrity": "sha512-coWpDLJ410R781Npmn/SIBZEsAetR4xVi0SxLMXPaMO4lSf1MwnkGYMtkFxew0Dn8B3/CpbpYxN0JCgg8mn67g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.8",
+        "core-js-compat": "^3.48.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.8.tgz",
+      "integrity": "sha512-M762rNHfSF1EV3SLtnCJXFoQbbIIz0OyRwnCmV0KPC7qosSfCO0QLTSuJX3ayAebubhE6oYBAYPrBA5ljowaZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.8"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-preset-current-node-syntax": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.2.0.tgz",
+      "integrity": "sha512-E/VlAEzRrsLEb2+dv8yp3bo4scof3l9nR4lrld+Iy5NyVqgVYUJnDAmunkhPMisRI32Qc4iRiz425d8vM++2fg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-bigint": "^7.8.3",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/babel-preset-jest": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz",
+      "integrity": "sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "babel-plugin-jest-hoist": "^27.5.1",
+        "babel-preset-current-node-syntax": "^1.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/base64url": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/base64url/-/base64url-3.0.1.tgz",
+      "integrity": "sha512-ir1UPr3dkwexU7FdV8qBBbNDRUhMmIekYMFZfi+C/sLNnRESKPl23nB9b2pltqfOQNnGzsDdId90AEtG5tCx4A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.11.12",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.12.tgz",
+      "integrity": "sha512-r7WnVImvVCeFpf2DOXfy41aPWzeNg3H/A2X4dKmy1QL0MSyyk/e7z8ihJ3N6Nn2PsdhkVlqnEfnUE4a05P2aTA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.6.tgz",
+      "integrity": "sha512-p5tAzS57i5MV9fZFDj9LeIiTZEufbSe2eDozP+ElheSUq1m74CRq1jI4mYNDdVs9vQztXFLuk/Gd6BWTdwRJ5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.15.1",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz",
+      "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browser-process-hrtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.7",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.7.tgz",
+      "integrity": "sha512-JxV13hNrFxqjOc8alRbq9dK1MM79NEXYpma2B2J4wAtpWS5zIEIKqWPGCl7N4o7Uc7B7itylh7SuDujATRyyTw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.44",
+        "caniuse-lite": "^1.0.30001806",
+        "electron-to-chromium": "^1.5.393",
+        "node-releases": "^2.0.51",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/browserslist-to-esbuild": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/browserslist-to-esbuild/-/browserslist-to-esbuild-2.1.1.tgz",
+      "integrity": "sha512-KN+mty6C3e9AN8Z5dI1xeN15ExcRNeISoC3g7V0Kax/MMF9MSoYA2G7lkTTcVUFntiEjkpI0HNgqJC1NjdyNUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "meow": "^13.0.0"
+      },
+      "bin": {
+        "browserslist-to-esbuild": "cli/index.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "browserslist": "*"
+      }
+    },
+    "node_modules/bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
+      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "node-int64": "^0.4.0"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cac": {
+      "version": "6.7.9",
+      "resolved": "https://registry.npmjs.org/cac/-/cac-6.7.9.tgz",
+      "integrity": "sha512-XN5qEpfNQCJ8jRaZgitSkkukjMRCGio+X3Ks5KUbGGlPbV+pSem1l9VuzooCBXOiMFshUZgyYqg6rgN8rjkb/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001806",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001806.tgz",
+      "integrity": "sha512-72Cuvd95zbSYPKq6Fhg8eDJRlzgWDf7/mtoZv6Qe/DYNCEBdNxoA3+rZAU2ZhGCpZlns3EssFavaZomckT5Uuw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/char-regex": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
+      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cjs-module-lexer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz",
+      "integrity": "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/collect-v8-coverage": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.3.tgz",
+      "integrity": "sha512-1L5aqIkwPfiodaMgQunkF1zRhNqifHBmtbbbxcr6yVxxBnliw4TDOW6NxpO8DJLgJ16OT+Y4ztZqP6p/FtXnAw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/compare-versions": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.6.0.tgz",
+      "integrity": "sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/core-js": {
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.49.0.tgz",
+      "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.49.0.tgz",
+      "integrity": "sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/cross-env": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
+      "integrity": "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.1"
+      },
+      "bin": {
+        "cross-env": "src/bin/cross-env.js",
+        "cross-env-shell": "src/bin/cross-env-shell.js"
+      },
+      "engines": {
+        "node": ">=10.14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/css-font-size-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-font-size-keywords/-/css-font-size-keywords-1.0.0.tgz",
+      "integrity": "sha512-Q+svMDbMlelgCfH/RVDKtTDaf5021O486ZThQPIpahnIjUkMUslC+WuOQSWTgGSrNCH08Y7tYNEmmy0hkfMI8Q==",
+      "license": "MIT"
+    },
+    "node_modules/css-font-stretch-keywords": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/css-font-stretch-keywords/-/css-font-stretch-keywords-1.0.1.tgz",
+      "integrity": "sha512-KmugPO2BNqoyp9zmBIUGwt58UQSfyk1X5DbOlkb2pckDXFSAfjsD5wenb88fNrD6fvS+vu90a/tsPpb9vb0SLg==",
+      "license": "MIT"
+    },
+    "node_modules/css-font-style-keywords": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/css-font-style-keywords/-/css-font-style-keywords-1.0.1.tgz",
+      "integrity": "sha512-0Fn0aTpcDktnR1RzaBYorIxQily85M2KXRpzmxQPgh8pxUN9Fcn00I8u9I3grNr1QXVgCl9T5Imx0ZwKU973Vg==",
+      "license": "MIT"
+    },
+    "node_modules/css-font-weight-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-font-weight-keywords/-/css-font-weight-keywords-1.0.0.tgz",
+      "integrity": "sha512-5So8/NH+oDD+EzsnF4iaG4ZFHQ3vaViePkL1ZbZ5iC/KrsCY+WHq/lvOgrtmuOQ9pBBZ1ADGpaf+A4lj1Z9eYA==",
+      "license": "MIT"
+    },
+    "node_modules/css-list-helpers": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/css-list-helpers/-/css-list-helpers-2.0.0.tgz",
+      "integrity": "sha512-9Bj8tZ0jWbAM3u/U6m/boAzAwLPwtjzFvwivr2piSvyVa3K3rChJzQy4RIHkNkKiZCHrEMWDJWtTR8UyVhdDnQ==",
+      "license": "MIT"
+    },
+    "node_modules/css-system-font-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-system-font-keywords/-/css-system-font-keywords-1.0.0.tgz",
+      "integrity": "sha512-1umTtVd/fXS25ftfjB71eASCrYhilmEsvDEI6wG/QplnmlfmVM5HkZ/ZX46DT5K3eblFPgLUHt5BRCb0YXkSFA==",
+      "license": "MIT"
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssom": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz",
+      "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "cssom": "~0.3.6"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cssstyle/node_modules/cssom": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/data-urls": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz",
+      "integrity": "sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "abab": "^2.0.3",
+        "whatwg-mimetype": "^2.3.0",
+        "whatwg-url": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.6.0.tgz",
+      "integrity": "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/dedent": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
+      "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/default-gateway": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz",
+      "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "execa": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-newline": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
+      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/diff-sequences": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
+      "integrity": "sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/domexception": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz",
+      "integrity": "sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "webidl-conversions": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/domexception/node_modules/webidl-conversions": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz",
+      "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.400",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.400.tgz",
+      "integrity": "sha512-96EWDNjM59SYflgeV5Ylsf4EMiq1a25YjCnJH7cxn/AF2H3pILRweaUnoLax0yKHWdpOzY6JKEu45e8irqZIHA==",
+      "license": "ISC"
+    },
+    "node_modules/emittery": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
+      "integrity": "sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
+      "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.20.2",
+        "@esbuild/android-arm": "0.20.2",
+        "@esbuild/android-arm64": "0.20.2",
+        "@esbuild/android-x64": "0.20.2",
+        "@esbuild/darwin-arm64": "0.20.2",
+        "@esbuild/darwin-x64": "0.20.2",
+        "@esbuild/freebsd-arm64": "0.20.2",
+        "@esbuild/freebsd-x64": "0.20.2",
+        "@esbuild/linux-arm": "0.20.2",
+        "@esbuild/linux-arm64": "0.20.2",
+        "@esbuild/linux-ia32": "0.20.2",
+        "@esbuild/linux-loong64": "0.20.2",
+        "@esbuild/linux-mips64el": "0.20.2",
+        "@esbuild/linux-ppc64": "0.20.2",
+        "@esbuild/linux-riscv64": "0.20.2",
+        "@esbuild/linux-s390x": "0.20.2",
+        "@esbuild/linux-x64": "0.20.2",
+        "@esbuild/netbsd-x64": "0.20.2",
+        "@esbuild/openbsd-x64": "0.20.2",
+        "@esbuild/sunos-x64": "0.20.2",
+        "@esbuild/win32-arm64": "0.20.2",
+        "@esbuild/win32-ia32": "0.20.2",
+        "@esbuild/win32-x64": "0.20.2"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
+      "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/expect": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-27.5.1.tgz",
+      "integrity": "sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.22.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz",
+      "integrity": "sha512-IuL+Elrou2ZvCFHs18/CIzy2Nzvo25nZ1/D2eIZlz7c+QUayAcYoiM2BthCjs+EBHVpjYjcuLDAiCWgeIX3X1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.5",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.15.1",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/exsolve": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.1.1.tgz",
+      "integrity": "sha512-9U/jZUgjnSGyntRr6y5Muu1MJcwFl6kPu7k8qLF0IMNfLqvw0NZ4nnVDq0RVoZ0RvCyumib4Ez3KYrVfilrw+g==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fb-watchman": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
+      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "bser": "2.1.1"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.5.tgz",
+      "integrity": "sha512-j23EibVLnp4zNXGW7LjryXYa2X6U/M96yoOX+ybZxwkYajdxRNEqYY3zhh7y0i6kfISKS2jr+EJq1YTUDEv5+w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.4",
+        "mime-types": "^2.1.35"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generic-names": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/generic-names/-/generic-names-4.0.0.tgz",
+      "integrity": "sha512-ySFolZQfw9FoDb3ed9d80Cm9f0+r7qj+HJkWjeD9RBfpxEVTlVhol+gvaQB/78WbwYfbnNh8nWHHBSlg072y6A==",
+      "license": "MIT",
+      "dependencies": {
+        "loader-utils": "^3.2.0"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hash-sum": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+      "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+      "license": "MIT"
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz",
+      "integrity": "sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "whatwg-encoding": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/html5-qrcode": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/html5-qrcode/-/html5-qrcode-2.3.8.tgz",
+      "integrity": "sha512-jsr4vafJhwoLVEDW3n1KvPnCCXWaQfRng0/EEYk1vNcQGcG/htAdhJX0be8YyqMoSz7+hZvOZSTAepsabiuhiQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
+      "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@tootallnate/once": "1",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-replace-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
+      "integrity": "sha512-chIaY3Vh2mh2Q3RGXttaDIzeiPvaVXJ+C4DAh/w3c37SKZ/U6PGMmuicR2EQQp9bKG8zLMCl7I+PtIoOOPp8Gg==",
+      "license": "ISC"
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz",
+      "integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/import-local": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
+      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/invert-kv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-3.0.1.tgz",
+      "integrity": "sha512-CYdFeFexxhv/Bcny+Q0BfOV+ltRlJcd4BBZBYFX/O0u4npJrgZtIcjokegtiSMAvlMTJ+Koq0GBCc//3bueQxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/invert-kv?sponsor=1"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.2",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.2.tgz",
+      "integrity": "sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
+      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/isbinaryfile": {
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-5.0.7.tgz",
+      "integrity": "sha512-gnWD14Jh3FzS3CPhF0AxNOJ8CxqeblPTADzI38r0wt8ZyQl5edpy75myt08EG2oKvpyiqSqsx+Wkz9vtkbTqYQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 18.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/gjtorikian/"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
+      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
+      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@babel/core": "^7.12.3",
+        "@babel/parser": "^7.14.7",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.2.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
+      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^4.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.2.0.tgz",
+      "integrity": "sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest": {
+      "version": "27.0.4",
+      "resolved": "https://registry.npmjs.org/jest/-/jest-27.0.4.tgz",
+      "integrity": "sha512-Px1iKFooXgGSkk1H8dJxxBIrM3tsc5SIuI4kfKYK2J+4rvCvPGr/cXktxh0e9zIPQ5g09kOMNfHQEmusBUf/ZA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/core": "^27.0.4",
+        "import-local": "^3.0.2",
+        "jest-cli": "^27.0.4"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-changed-files": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-27.5.1.tgz",
+      "integrity": "sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "execa": "^5.0.0",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-circus": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-27.5.1.tgz",
+      "integrity": "sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "co": "^4.6.0",
+        "dedent": "^0.7.0",
+        "expect": "^27.5.1",
+        "is-generator-fn": "^2.0.0",
+        "jest-each": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "pretty-format": "^27.5.1",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-cli": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-27.5.1.tgz",
+      "integrity": "sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/core": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "exit": "^0.1.2",
+        "graceful-fs": "^4.2.9",
+        "import-local": "^3.0.2",
+        "jest-config": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "prompts": "^2.0.1",
+        "yargs": "^16.2.0"
+      },
+      "bin": {
+        "jest": "bin/jest.js"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "node-notifier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-config": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-27.5.1.tgz",
+      "integrity": "sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/core": "^7.8.0",
+        "@jest/test-sequencer": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "babel-jest": "^27.5.1",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "deepmerge": "^4.2.2",
+        "glob": "^7.1.1",
+        "graceful-fs": "^4.2.9",
+        "jest-circus": "^27.5.1",
+        "jest-environment-jsdom": "^27.5.1",
+        "jest-environment-node": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "jest-jasmine2": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-runner": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "parse-json": "^5.2.0",
+        "pretty-format": "^27.5.1",
+        "slash": "^3.0.0",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "peerDependencies": {
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-diff": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
+      "integrity": "sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "diff-sequences": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-docblock": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-27.5.1.tgz",
+      "integrity": "sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "detect-newline": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-each": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-27.5.1.tgz",
+      "integrity": "sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-environment-jsdom": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz",
+      "integrity": "sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "jest-mock": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jsdom": "^16.6.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-environment-node": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-27.5.1.tgz",
+      "integrity": "sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "jest-mock": "^27.5.1",
+        "jest-util": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-get-type": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
+      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-haste-map": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-27.5.1.tgz",
+      "integrity": "sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/graceful-fs": "^4.1.2",
+        "@types/node": "*",
+        "anymatch": "^3.0.3",
+        "fb-watchman": "^2.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-regex-util": "^27.5.1",
+        "jest-serializer": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-worker": "^27.5.1",
+        "micromatch": "^4.0.4",
+        "walker": "^1.0.7"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "^2.3.2"
+      }
+    },
+    "node_modules/jest-jasmine2": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz",
+      "integrity": "sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/source-map": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "co": "^4.6.0",
+        "expect": "^27.5.1",
+        "is-generator-fn": "^2.0.0",
+        "jest-each": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "pretty-format": "^27.5.1",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-leak-detector": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz",
+      "integrity": "sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "jest-get-type": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-matcher-utils": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz",
+      "integrity": "sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "jest-diff": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-message-util": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-27.5.1.tgz",
+      "integrity": "sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.12.13",
+        "@jest/types": "^27.5.1",
+        "@types/stack-utils": "^2.0.0",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "micromatch": "^4.0.4",
+        "pretty-format": "^27.5.1",
+        "slash": "^3.0.0",
+        "stack-utils": "^2.0.3"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-mock": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-27.5.1.tgz",
+      "integrity": "sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/node": "*"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-pnp-resolver": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
+      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "peerDependencies": {
+        "jest-resolve": "*"
+      },
+      "peerDependenciesMeta": {
+        "jest-resolve": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jest-regex-util": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-27.5.1.tgz",
+      "integrity": "sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-resolve": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-27.5.1.tgz",
+      "integrity": "sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-pnp-resolver": "^1.2.2",
+        "jest-util": "^27.5.1",
+        "jest-validate": "^27.5.1",
+        "resolve": "^1.20.0",
+        "resolve.exports": "^1.1.0",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-resolve-dependencies": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz",
+      "integrity": "sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-snapshot": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-runner": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-27.5.1.tgz",
+      "integrity": "sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/console": "^27.5.1",
+        "@jest/environment": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "emittery": "^0.8.1",
+        "graceful-fs": "^4.2.9",
+        "jest-docblock": "^27.5.1",
+        "jest-environment-jsdom": "^27.5.1",
+        "jest-environment-node": "^27.5.1",
+        "jest-haste-map": "^27.5.1",
+        "jest-leak-detector": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-runtime": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "jest-worker": "^27.5.1",
+        "source-map-support": "^0.5.6",
+        "throat": "^6.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-runtime": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-27.5.1.tgz",
+      "integrity": "sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/environment": "^27.5.1",
+        "@jest/fake-timers": "^27.5.1",
+        "@jest/globals": "^27.5.1",
+        "@jest/source-map": "^27.5.1",
+        "@jest/test-result": "^27.5.1",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "chalk": "^4.0.0",
+        "cjs-module-lexer": "^1.0.0",
+        "collect-v8-coverage": "^1.0.0",
+        "execa": "^5.0.0",
+        "glob": "^7.1.3",
+        "graceful-fs": "^4.2.9",
+        "jest-haste-map": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-mock": "^27.5.1",
+        "jest-regex-util": "^27.5.1",
+        "jest-resolve": "^27.5.1",
+        "jest-snapshot": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "slash": "^3.0.0",
+        "strip-bom": "^4.0.0"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-serializer": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-serializer/-/jest-serializer-27.5.1.tgz",
+      "integrity": "sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "graceful-fs": "^4.2.9"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-snapshot": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-27.5.1.tgz",
+      "integrity": "sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/core": "^7.7.2",
+        "@babel/generator": "^7.7.2",
+        "@babel/plugin-syntax-typescript": "^7.7.2",
+        "@babel/traverse": "^7.7.2",
+        "@babel/types": "^7.0.0",
+        "@jest/transform": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/babel__traverse": "^7.0.4",
+        "@types/prettier": "^2.1.5",
+        "babel-preset-current-node-syntax": "^1.0.0",
+        "chalk": "^4.0.0",
+        "expect": "^27.5.1",
+        "graceful-fs": "^4.2.9",
+        "jest-diff": "^27.5.1",
+        "jest-get-type": "^27.5.1",
+        "jest-haste-map": "^27.5.1",
+        "jest-matcher-utils": "^27.5.1",
+        "jest-message-util": "^27.5.1",
+        "jest-util": "^27.5.1",
+        "natural-compare": "^1.4.0",
+        "pretty-format": "^27.5.1",
+        "semver": "^7.3.2"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-snapshot/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-27.5.1.tgz",
+      "integrity": "sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/jest-validate": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-27.5.1.tgz",
+      "integrity": "sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/types": "^27.5.1",
+        "camelcase": "^6.2.0",
+        "chalk": "^4.0.0",
+        "jest-get-type": "^27.5.1",
+        "leven": "^3.1.0",
+        "pretty-format": "^27.5.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-validate/node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/jest-watcher": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-27.5.1.tgz",
+      "integrity": "sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jest/test-result": "^27.5.1",
+        "@jest/types": "^27.5.1",
+        "@types/node": "*",
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^4.0.0",
+        "jest-util": "^27.5.1",
+        "string-length": "^4.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "3.15.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.15.1.tgz",
+      "integrity": "sha512-S99WuO3HlhO3XN41EtYUNl9zzXjoJx7QvmipxsJVxtCBT0YHEFy+iOJhjSvrmV12nYhWpZaM8lPHkJm0yUMbag==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "16.7.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-16.7.0.tgz",
+      "integrity": "sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "abab": "^2.0.5",
+        "acorn": "^8.2.4",
+        "acorn-globals": "^6.0.0",
+        "cssom": "^0.4.4",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^2.0.0",
+        "decimal.js": "^10.2.1",
+        "domexception": "^2.0.1",
+        "escodegen": "^2.0.0",
+        "form-data": "^3.0.0",
+        "html-encoding-sniffer": "^2.0.1",
+        "http-proxy-agent": "^4.0.1",
+        "https-proxy-agent": "^5.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.0",
+        "parse5": "6.0.1",
+        "saxes": "^5.0.1",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.0.0",
+        "w3c-hr-time": "^1.0.2",
+        "w3c-xmlserializer": "^2.0.0",
+        "webidl-conversions": "^6.1.0",
+        "whatwg-encoding": "^1.0.5",
+        "whatwg-mimetype": "^2.3.0",
+        "whatwg-url": "^8.5.0",
+        "ws": "^7.4.6",
+        "xml-name-validator": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom/node_modules/ws": {
+      "version": "7.5.13",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.13.tgz",
+      "integrity": "sha512-rsKI6xDBFVf4r/x8XyChGK04QR/XHroxs/jUcoWvtEZM8TPU/X/uIY9B1CsSzYws9ZJb/6bbBu7dPhFW00CAoA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonc-parser": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+      "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lcid": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/lcid/-/lcid-3.1.1.tgz",
+      "integrity": "sha512-M6T051+5QCGLBQb8id3hdvIW8+zeFV2FyBGFS9IEK5H9Wt4MueD4bW1eWikpHgZp+5xR3l5c8pZUkQsIA0BFZg==",
+      "license": "MIT",
+      "dependencies": {
+        "invert-kv": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/licia": {
+      "version": "1.48.1",
+      "resolved": "https://registry.npmjs.org/licia/-/licia-1.48.1.tgz",
+      "integrity": "sha512-euqxHtJMyMOTiEVacSQfPSaHhIuzd9IpuKpQY6V5oj6C3rZs9DxCmegRlbtt2FW9fDdLrQpvKjwXTWglIbypuQ==",
+      "license": "MIT"
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-2.0.4.tgz",
+      "integrity": "sha512-wM1+Z03eypVAVUCE7QdSqpVIvelbOakn1M0bPDoA4SGWPx3sNDVUiMo3L6To6WWGClB7VyXnhQ4Sn7gxiJbE6A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
+      "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/local-pkg": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.2.1.tgz",
+      "integrity": "sha512-++gUqRDEvcnN6Zhqrr+y/CkVEHhlrR96vZn3nZZPYzMcBUyBtTKzB9NadClFIsIVSsu+3i9tfk/erqy9kAmt7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.3.0",
+        "quansync": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/local-pkg/node_modules/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "license": "MIT"
+    },
+    "node_modules/local-pkg/node_modules/pkg-types": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.1.tgz",
+      "integrity": "sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.4",
+        "exsolve": "^1.0.8",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/localstorage-polyfill": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/localstorage-polyfill/-/localstorage-polyfill-1.0.1.tgz",
+      "integrity": "sha512-m4iHVZxFH5734oQcPKU08025gIz2+4bjWR9lulP8ZYxEJR0BpA0w32oJmkzh8y3UI9ci7xCBehQDc3oA1X+VHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
+      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "7.8.5",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz",
+      "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/makeerror": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
+      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "tmpl": "1.0.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/meow": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
+      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/merge/-/merge-2.1.1.tgz",
+      "integrity": "sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==",
+      "license": "MIT"
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/mime": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/mlly": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.2.tgz",
+      "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.3"
+      }
+    },
+    "node_modules/module-alias": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/module-alias/-/module-alias-2.3.4.tgz",
+      "integrity": "sha512-bOclZt8hkpuGgSSoG07PKmvzTizROilUTvLNyrMqvlC9snhs7y7GzjNWAVbISIOlhCP1T14rH1PDAV9iNyBq/w==",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.17",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.17.tgz",
+      "integrity": "sha512-xQLf0A3HOMlgHq0n247/LRuAOYmB7dXJ/DvAxGvsSBij45XtBSmQycu+F8ODbHwns/XyFZagyL1+J0Offw1E0g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.51",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.51.tgz",
+      "integrity": "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.24",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.24.tgz",
+      "integrity": "sha512-7YRhZ3jS45LwmSCT4b2sVFHt/WuovaktDU07QrtOBY2PXskss5a9jfmR9jptyumwXST+rFjrmppMY1KT/yn35A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/os-locale-s-fix": {
+      "version": "1.0.8-fix-1",
+      "resolved": "https://registry.npmjs.org/os-locale-s-fix/-/os-locale-s-fix-1.0.8-fix-1.tgz",
+      "integrity": "sha512-Sv0OvhPiMutICiwORAUefv02DCPb62IelBmo8ZsSrRHyI3FStqIWZvjqDkvtjU+lcujo7UNir+dCwKSqlEQ/5w==",
+      "license": "MIT",
+      "dependencies": {
+        "lcid": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "yarn": "^1.22.4"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-css-font": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/parse-css-font/-/parse-css-font-4.0.0.tgz",
+      "integrity": "sha512-lnY7dTUfjRXsSo5G5C639L8RaBBaVSgL+5hacIFKsNHzeCJQ5SFSZv1DZmc7+wZv/22PFGOq2YbaEHLdaCS/mQ==",
+      "license": "MIT",
+      "dependencies": {
+        "css-font-size-keywords": "^1.0.0",
+        "css-font-stretch-keywords": "^1.0.1",
+        "css-font-style-keywords": "^1.0.1",
+        "css-font-weight-keywords": "^1.0.0",
+        "css-list-helpers": "^2.0.0",
+        "css-system-font-keywords": "^1.0.0",
+        "unquote": "^1.1.1"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-json/node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz",
+      "integrity": "sha512-A/AGNMFN3c8bOlvV9RreMdrv7jsmF9XIfDeCd87+I8RNg6s78BhJxMu69NEMHBSJFxKidViTEdruRwEk/WIKqA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz",
+      "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.25",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.25.tgz",
+      "integrity": "sha512-DTPx3RWSSnWyzLxQnlH0rJP+EW5ekl16ZU4/psbIhA0e53kJfdgaN5vKM+xP7yJtXVu+nfdVFmlgFDEKAe4Pyw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
+      "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
+      "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^2.0.5",
+        "yaml": "^1.10.2"
+      },
+      "engines": {
+        "node": ">= 10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-modules": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/postcss-modules/-/postcss-modules-4.3.1.tgz",
+      "integrity": "sha512-ItUhSUxBBdNamkT3KzIZwYNNRFKmkJrofvC2nWab3CPKhYBQ1f27XXh1PAPE27Psx58jeelPsxWB/+og+KEH0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "generic-names": "^4.0.0",
+        "icss-replace-symbols": "^1.1.0",
+        "lodash.camelcase": "^4.3.0",
+        "postcss-modules-extract-imports": "^3.0.0",
+        "postcss-modules-local-by-default": "^4.0.0",
+        "postcss-modules-scope": "^3.0.0",
+        "postcss-modules-values": "^4.0.0",
+        "string-hash": "^1.1.1"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-modules-extract-imports": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz",
+      "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
+      "license": "ISC",
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz",
+      "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
+      "license": "MIT",
+      "dependencies": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^7.0.0",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default/node_modules/postcss-selector-parser": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.4.tgz",
+      "integrity": "sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-modules-scope": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz",
+      "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==",
+      "license": "ISC",
+      "dependencies": {
+        "postcss-selector-parser": "^7.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-modules-scope/node_modules/postcss-selector-parser": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.1.4.tgz",
+      "integrity": "sha512-HeP7D2wyhkR+XaK6v4W8oRF62Dsz4flyuczALJp61GckGm42u1saSSJ/0auvcBqxs3jMRFEcPK34At/0JBKdOg==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "license": "ISC",
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.4.tgz",
+      "integrity": "sha512-bIoJLOmjCO1S9XdY/DcnR5hJxvrDir1PbGChrzXG3vw0/FOliy/fA3dmdhQ441kah4gKv+TwckGzex6wNS5cnQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/psl": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
+      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/lupomontero"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qrcode-reader": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/qrcode-reader/-/qrcode-reader-1.0.4.tgz",
+      "integrity": "sha512-rRjALGNh9zVqvweg1j5OKIQKNsw3bLC+7qwlnead5K/9cb1cEIAGkwikt/09U0K+2IDWGD9CC6SP7tHAjUeqvQ==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/qrcode-terminal": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/qrcode-terminal/-/qrcode-terminal-0.12.0.tgz",
+      "integrity": "sha512-EXtzRZmC+YGmGlDFbXKxQiMZNwCLEO6BANKXG4iCtSIM0yqc/pappSx3RIKr4r0uh5JsBckOXeKrB3Iz7mdQpQ==",
+      "dev": true,
+      "bin": {
+        "qrcode-terminal": "bin/qrcode-terminal.js"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.15.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz",
+      "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "es-define-property": "^1.0.1",
+        "side-channel": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
+      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/readdirp/node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz",
+      "integrity": "sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regexpu-core": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.4.0.tgz",
+      "integrity": "sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.2.2",
+        "regjsgen": "^0.8.0",
+        "regjsparser": "^0.13.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/regjsparser": {
+      "version": "0.13.2",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.2.tgz",
+      "integrity": "sha512-NgRBy2Nx/bE+9F27nVHnqcN5HjyLmecqsqx2PJHu3/IEtADD4WuxuXIVExD5PoSDFVrl78dOonfcOe5O+5nbzQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~3.1.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve.exports": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-1.1.1.tgz",
+      "integrity": "sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.62.4",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.4.tgz",
+      "integrity": "sha512-RXOqwaPsBGjMNMa4sQjDjHieHEZDFoj/Rdr46l2MU5DfEs16wHJPC2RPTPHWhNl+M3aI472LLqFkFKut4SblOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.9"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@napi-rs/lzma-linux-x64-gnu": "1.5.1",
+        "@rollup/rollup-android-arm-eabi": "4.62.4",
+        "@rollup/rollup-android-arm64": "4.62.4",
+        "@rollup/rollup-darwin-arm64": "4.62.4",
+        "@rollup/rollup-darwin-x64": "4.62.4",
+        "@rollup/rollup-freebsd-arm64": "4.62.4",
+        "@rollup/rollup-freebsd-x64": "4.62.4",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.62.4",
+        "@rollup/rollup-linux-arm-musleabihf": "4.62.4",
+        "@rollup/rollup-linux-arm64-gnu": "4.62.4",
+        "@rollup/rollup-linux-arm64-musl": "4.62.4",
+        "@rollup/rollup-linux-loong64-gnu": "4.62.4",
+        "@rollup/rollup-linux-loong64-musl": "4.62.4",
+        "@rollup/rollup-linux-ppc64-gnu": "4.62.4",
+        "@rollup/rollup-linux-ppc64-musl": "4.62.4",
+        "@rollup/rollup-linux-riscv64-gnu": "4.62.4",
+        "@rollup/rollup-linux-riscv64-musl": "4.62.4",
+        "@rollup/rollup-linux-s390x-gnu": "4.62.4",
+        "@rollup/rollup-linux-x64-gnu": "4.62.4",
+        "@rollup/rollup-linux-x64-musl": "4.62.4",
+        "@rollup/rollup-openbsd-x64": "4.62.4",
+        "@rollup/rollup-openharmony-arm64": "4.62.4",
+        "@rollup/rollup-win32-arm64-msvc": "4.62.4",
+        "@rollup/rollup-win32-ia32-msvc": "4.62.4",
+        "@rollup/rollup-win32-x64-gnu": "4.62.4",
+        "@rollup/rollup-win32-x64-msvc": "4.62.4",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-area-insets": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/safe-area-insets/-/safe-area-insets-1.4.1.tgz",
+      "integrity": "sha512-r/nRWTjFGhhm3w1Z6Kd/jY11srN+lHt2mNl1E/emQGW8ic7n3Avu4noibklfSM+Y34peNphHD/BSZecav0sXYQ==",
+      "license": "ISC"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.102.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.102.0.tgz",
+      "integrity": "sha512-NSOyTnaQF7rTAEOtI2fwb386vL+akyiQLBZu8Na7hXCb+umJy0GAqlcMIaqACZ6Z1VgTBS4K9PG6B3IdjHGJsw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^5.0.0",
+        "immutable": "^5.1.5",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/sass/node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/sass/node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/saxes": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz",
+      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/string-hash": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",
+      "integrity": "sha512-kJUvRUFK49aub+a7T1nNE66EJbZBMnBgoC1UbCZ5n6bsZKBRga4KgBRTMn/pFkeCZSYtNeSyMxPDM0AXWELk2A==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/string-length": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
+      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "char-regex": "^1.0.2",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-literal": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-2.1.1.tgz",
+      "integrity": "sha512-631UJ6O00eNGfMiWG78ck80dfBab8X6IVFB51jZK5Icd7XAs60Z5y7QdSd/wGIklnWvRbUNloVzhOKKmutxQ6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^9.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/strip-literal/node_modules/js-tokens": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-9.0.1.tgz",
+      "integrity": "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==",
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz",
+      "integrity": "sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/systemjs": {
+      "version": "6.15.1",
+      "resolved": "https://registry.npmjs.org/systemjs/-/systemjs-6.15.1.tgz",
+      "integrity": "sha512-Nk8c4lXvMB98MtbmjX7JwJRgJOL8fluecYCfCeYBznwmpOs8Bf15hLM6z4z71EDAhQVrQrI+wt1aLWSXZq+hXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terminal-link": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
+      "integrity": "sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-escapes": "^4.2.1",
+        "supports-hyperlinks": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.49.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.49.0.tgz",
+      "integrity": "sha512-SNiDnXyHSrxVcIOtVbULzcTmniUiwcV7Nwdyj1twVubeTmbjoa8p69KKDpfkdoOavuM4/GRm1+ykI8qqnavHoA==",
+      "devOptional": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.15.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/throat": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/throat/-/throat-6.0.2.tgz",
+      "integrity": "sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/tmpl": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
+      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
+      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-2.1.0.tgz",
+      "integrity": "sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
+    "node_modules/ufo": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.4.tgz",
+      "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-8.3.0.tgz",
+      "integrity": "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
+      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.1.tgz",
+      "integrity": "sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.2.0.tgz",
+      "integrity": "sha512-hpbDzxUY9BFwX+UeBnxv3Sh1q7HFxj48DTmXchNgRa46lO8uj3/1iEn3MiNUYTg1g9ctIqXCCERn8gYZhHC5lQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unimport": {
+      "version": "3.14.6",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.14.6.tgz",
+      "integrity": "sha512-CYvbDaTT04Rh8bmD8jz3WPmHYZRG/NnvYVzwD6V1YAlvvKROlAeNDUBhkBGzNav2RKaeuXvlWYaa1V4Lfi/O0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.1.4",
+        "acorn": "^8.14.0",
+        "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
+        "fast-glob": "^3.3.3",
+        "local-pkg": "^1.0.0",
+        "magic-string": "^0.30.17",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1",
+        "picomatch": "^4.0.2",
+        "pkg-types": "^1.3.0",
+        "scule": "^1.3.0",
+        "strip-literal": "^2.1.1",
+        "unplugin": "^1.16.1"
+      }
+    },
+    "node_modules/unimport/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/unimport/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
+      "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/unquote": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
+      "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==",
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/v8-to-istanbul": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz",
+      "integrity": "sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^1.6.0",
+        "source-map": "^0.7.3"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/v8-to-istanbul/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/v8-to-istanbul/node_modules/source-map": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
+      "integrity": "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/vite/node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.4.21",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.21.tgz",
+      "integrity": "sha512-5hjyV/jLEIKD/jYl4cavMcnzKwjMKohureP8ejn3hhEjwhWIhWeuzL2kJAjzl/WyVsgPY56Sy4Z40C3lVshxXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.4.21",
+        "@vue/compiler-sfc": "3.4.21",
+        "@vue/runtime-dom": "3.4.21",
+        "@vue/server-renderer": "3.4.21",
+        "@vue/shared": "3.4.21"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/w3c-hr-time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
+      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "browser-process-hrtime": "^1.0.0"
+      }
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz",
+      "integrity": "sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "xml-name-validator": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/walker": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
+      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "makeerror": "1.0.12"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
+      "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=10.4"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "license": "MIT"
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",
+      "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==",
+      "deprecated": "Use @exodus/bytes instead for a more spec-conformant and faster implementation",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "iconv-lite": "0.4.24"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
+      "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/whatwg-url": {
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.7.0.tgz",
+      "integrity": "sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "lodash": "^4.7.0",
+        "tr46": "^2.1.0",
+        "webidl-conversions": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.2.tgz",
+      "integrity": "sha512-54dMVAo4WIe6SKy3vBgN+9bJZqqQ8IMRevAkOLQALhi49qkkQDQfWdAZ8KQlXiEabw88ARXXdUrlvtbKQX+aKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
+      "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peer": true
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/xmlhttprequest": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+      "integrity": "sha512-58Im/U0mlVBLM38NdZjHyhuMtCqa61469k2YP/AaPbvCoV9aQGUpbJBj1QRm2ytRiVQBD/fsw7L2bJGDVQswBA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/xregexp": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-3.1.0.tgz",
+      "integrity": "sha512-4Y1x6DyB8xRoxosooa6PlGWqmmSKatbzhrftZ7Purmm4B8R4qIEJG1A2hZsdz5DhmIqS0msC0I7KEq93GphEVg==",
+      "license": "MIT"
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
+      "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.2.tgz",
+      "integrity": "sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "license": "ISC",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    }
+  }
+}
diff --git a/track-uniapp/src/App.vue b/track-uniapp/src/App.vue
new file mode 100644
index 0000000..49a6385
--- /dev/null
+++ b/track-uniapp/src/App.vue
@@ -0,0 +1,125 @@
+<script>
+import { getNotifications } from "./api/notification";
+import { checkAppUpdate } from "./utils/ota";
+
+export default {
+  onLaunch() {
+    console.log("生产流转 T1.0.2 启动");
+
+    // 🚦 路由守卫：首页已是 scan，未登录才跳登录页（零闪烁）
+    const token = uni.getStorageSync("access_token") || uni.getStorageSync("refresh_token");
+    const user = uni.getStorageSync("user");
+
+    if (!token || !user) {
+      uni.reLaunch({ url: "/pages/login/login" });
+    }
+    // 已登录 → 原地渲染 scan 页，不需任何跳转
+
+    // 🚀 OTA 热更新检测（仅 App 端生效；实现见 utils/ota.js，设置页手动检查共用同一份）
+    // #ifdef APP-PLUS
+    checkAppUpdate();
+    // #endif
+  },
+  onShow() {
+    console.log("App 显示");
+    this.updateTabBarBadge();
+    // 🚀 每次回到前台也检查更新，用户无需杀后台就能感知新版本
+    // #ifdef APP-PLUS
+    checkAppUpdate();
+    // #endif
+  },
+  onHide() {
+    console.log("App 隐藏");
+  },
+  methods: {
+    // ==========================================================
+    // TabBar 消息红点
+    // ==========================================================
+    async updateTabBarBadge() {
+      try {
+        let user = uni.getStorageSync("user");
+        if (typeof user === "string" && user) {
+          try { user = JSON.parse(user); } catch (e) { user = null; }
+        }
+        const userId = user?.username || user?.id || "";
+        if (!userId) return;
+
+        const res = await getNotifications(userId, 0, 1);
+        const unreadCount = res.unread_count || 0;
+
+        if (unreadCount > 0) {
+          uni.setTabBarBadge({
+            index: 2,
+            text: unreadCount > 99 ? "99+" : String(unreadCount),
+          });
+        } else {
+          uni.removeTabBarBadge({ index: 2 });
+        }
+      } catch {
+        // 静默失败
+      }
+    },
+  },
+};
+</script>
+
+<style>
+page {
+  background-color: #f3f4f6;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  font-size: 14px;
+  color: #1f2937;
+}
+
+/* ============================================================
+   上传成功角标 —— 图片缩略图右上角「绿底白勾」
+   ============================================================
+   用法：给图片的【直接父容器】加 .success-badge-wrapper，
+        容器内放 <image> 和一个空的 <view class="success-badge" />，
+        后者仅在确认该图已上传成功时才渲染。
+
+   ⚠️ 容器只能包住图片本身，不要连删除按钮一起包 —— overflow:hidden 会把
+      定位在单元格外的 ✕ 按钮一并裁掉（各页面的 .img-del 都在 -12rpx 处）。
+   ============================================================ */
+.success-badge-wrapper {
+  position: relative;
+  overflow: hidden;
+  border-radius: 12rpx; /* 与缩略图圆角一致，负责裁剪贴边的角标 */
+}
+
+/* 直角三角形本体：border-top 实色 + border-left 透明，直角落在右上角。
+   注意别写成 border-top + border-right —— 那样得到的直角在左上，方向是反的。 */
+.success-badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 40rpx;
+  height: 40rpx;
+  z-index: 2;
+  pointer-events: none; /* 不遮挡图片本身的点击（预览） */
+}
+.success-badge::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 0;
+  height: 0;
+  border-top: 40rpx solid #67c23a;
+  border-left: 40rpx solid transparent;
+}
+
+/* 白色对勾：用两条边框旋转 -45° 画出来，不依赖字体。
+   直接用 "✓" 字符的话，安卓与 iOS 的字形和基线差异很大，对不齐。 */
+.success-badge::after {
+  content: "";
+  position: absolute;
+  top: 9rpx;
+  right: 7rpx;
+  width: 12rpx;
+  height: 7rpx;
+  border-left: 3rpx solid #ffffff;
+  border-bottom: 3rpx solid #ffffff;
+  transform: rotate(-45deg);
+}
+</style>
diff --git a/track-uniapp/src/api/feedback.js b/track-uniapp/src/api/feedback.js
new file mode 100644
index 0000000..c58aa15
--- /dev/null
+++ b/track-uniapp/src/api/feedback.js
@@ -0,0 +1,37 @@
+/**
+ * 帮助与反馈 API。
+ *
+ * ⚠️ 后端目前【没有】feedback 接口（已核对 openapi 路由表）。这里不直接写死
+ *    一个假函数，而是「先真后假」：先按最终契约 POST /feedback/，只有拿到
+ *    404（端点尚未实现）才回退到本地 mock 成功。这样等后端补上接口后，前端
+ *    一行都不用改就能自动接上真实链路；而 400/422/断网等真实错误仍会照常
+ *    抛出，不会被 mock 悄悄吞掉 —— 否则工人会以为反馈提交成功了，其实没有。
+ */
+import request from "../utils/request";
+
+/** 反馈问题类型（与页面选择项一一对应） */
+export const FEEDBACK_TYPES = [
+  { value: "system", label: "系统问题" },
+  { value: "device", label: "设备故障" },
+  { value: "other", label: "其他" },
+];
+
+/**
+ * 提交一条反馈。
+ * @param {{type: string, content: string, images?: string[], user_id?: string}} payload
+ * @returns {Promise<{id?: string, mocked?: boolean}>}
+ */
+export async function submitFeedback(payload) {
+  try {
+    // silent：404 会走到下面的 mock 分支，不能先弹一句「请求失败 (404)」再弹「感谢反馈」
+    return await request({ url: "/feedback/", method: "POST", data: payload, silent: true });
+  } catch (e) {
+    // 只认「端点不存在」这一种情况回退 mock；其余错误（校验失败/网络断）
+    // 必须原样抛给页面去提示，不能让用户误以为提交成功
+    if (e && e.statusCode === 404) {
+      console.warn("[feedback] 后端暂无 /feedback/ 接口，回退本地 mock");
+      return { id: null, mocked: true };
+    }
+    throw e;
+  }
+}
diff --git a/track-uniapp/src/api/notification.js b/track-uniapp/src/api/notification.js
new file mode 100644
index 0000000..7b5ff9d
--- /dev/null
+++ b/track-uniapp/src/api/notification.js
@@ -0,0 +1,24 @@
+/**
+ * 消息通知 API — 获取列表、标记已读
+ */
+import { get, put } from "../utils/request";
+
+/**
+ * 获取当前用户的通知列表
+ * @param {string} userId - 当前用户ID
+ * @param {number} skip - 分页偏移
+ * @param {number} limit - 每页条数
+ * @returns {Promise<{notifications: Array, total: number, unread_count: number}>}
+ */
+export function getNotifications(userId, skip = 0, limit = 20) {
+  return get("/notifications/", { user_id: userId, skip, limit });
+}
+
+/**
+ * 标记单条通知为已读
+ * @param {string} notificationId - 通知ID
+ * @returns {Promise<Object>}
+ */
+export function markNotificationRead(notificationId) {
+  return put(`/notifications/${notificationId}/read`);
+}
diff --git a/track-uniapp/src/api/stats.js b/track-uniapp/src/api/stats.js
new file mode 100644
index 0000000..a68381a
--- /dev/null
+++ b/track-uniapp/src/api/stats.js
@@ -0,0 +1,27 @@
+/**
+ * 个人效能统计 API — 「个人中心 → 工作统计」数据源。
+ *
+ * 后端 /dashboard/* 系列是「上帝视角」（全厂数据、不按人过滤），且
+ * people-history 只返回 WIP/PENDING/COMPLETED、rejected-tasks 压根没有
+ * assignee_id 参数 —— 一线工人要看的「我的今日被驳回数」在这两个接口里
+ * 都拿不到。故后端补了一个薄桥接端点 /dashboard/my-stats，沿用同一套统计
+ * 口径，但强制按 assignee_id 过滤到本人。
+ */
+import { get } from "../utils/request";
+
+/**
+ * 获取当前登录用户的个人效能统计（支持自选时段）。
+ *
+ * 返回两组指标：
+ *   生产战绩 — tasks_completed / tasks_rejected / products_touched
+ *   操作统计 — receive_count / transfer_count / record_count / op_total
+ *             （与 PC「人员操作统计」严格同口径，已逐字段交叉验证）
+ *
+ * @param {string} assigneeId - 负责人ID（即登录用户的 username）
+ * @param {string} [since] - 起始时间 ISO，**必须带时区偏移**（如 2026-09-01T00:00:00+08:00）
+ * @param {string} [until] - 截止时间 ISO，同上
+ * @returns {Promise<Object>}
+ */
+export function getMyStats(assigneeId, since, until) {
+  return get("/dashboard/my-stats", { assignee_id: assigneeId, since, until });
+}
diff --git a/track-uniapp/src/main.js b/track-uniapp/src/main.js
new file mode 100644
index 0000000..3ac0c69
--- /dev/null
+++ b/track-uniapp/src/main.js
@@ -0,0 +1,24 @@
+import App from './App'
+
+// #ifndef VUE3
+import Vue from 'vue'
+import './uni.promisify.adaptor'
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+	...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import {
+	createSSRApp
+} from 'vue'
+export function createApp() {
+	const app = createSSRApp(App)
+	return {
+		app
+	}
+}
+// #endif
diff --git a/track-uniapp/src/manifest.json b/track-uniapp/src/manifest.json
new file mode 100644
index 0000000..3dcc8b2
--- /dev/null
+++ b/track-uniapp/src/manifest.json
@@ -0,0 +1,61 @@
+{
+    "name" : "Track",
+    "appid" : "__UNI__B572616",
+    "description" : "Track - 生产流转管理",
+    "versionName" : "T1.0.8",
+    "versionCode" : 108,
+    "transformPx" : false,
+    "vueVersion" : "3",
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueCompiler" : "uni-app",
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        "modules" : {
+            "Barcode" : {},
+            "Camera" : {}
+        },
+        "distribute" : {
+            "android" : {
+                "permissions" : [
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.INTERNET\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>"
+                ]
+            },
+            "orientation" : [ "portrait-primary" ],
+            "icons" : {
+                "android" : {
+                    "hdpi" : "D:/changyongruanjian/Download/现代企业应用图标设计.png",
+                    "xhdpi" : "D:/changyongruanjian/Download/现代企业应用图标设计.png",
+                    "xxhdpi" : "D:/changyongruanjian/Download/现代企业应用图标设计.png",
+                    "xxxhdpi" : "D:/changyongruanjian/Download/现代企业应用图标设计.png"
+                }
+            },
+            "sdkConfigs" : {
+                "speech" : {}
+            },
+            "ios" : {
+                "dSYMs" : false
+            }
+        }
+    },
+    "h5" : {
+        "router" : {
+            "mode" : "hash",
+            "base" : ""
+        },
+        "title" : "生产流转"
+    },
+    "fallbackLocale" : "zh-Hans"
+}
diff --git a/track-uniapp/src/pages.json b/track-uniapp/src/pages.json
new file mode 100644
index 0000000..c42b0f1
--- /dev/null
+++ b/track-uniapp/src/pages.json
@@ -0,0 +1,116 @@
+{
+  "pages": [
+    {
+      "path": "pages/scan/index",
+      "style": {
+        "navigationBarTitleText": "扫码干活",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/login/login",
+      "style": {
+        "navigationBarTitleText": "登录",
+        "navigationStyle": "custom"
+      }
+    },
+    {
+      "path": "pages/scan/records",
+      "style": {
+        "navigationBarTitleText": "任务历史记录",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/scan/detail",
+      "style": {
+        "navigationBarTitleText": "产品详情",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/tasks/index",
+      "style": {
+        "navigationBarTitleText": "我的任务",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/notify/index",
+      "style": {
+        "navigationBarTitleText": "消息通知",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/profile/index",
+      "style": {
+        "navigationBarTitleText": "个人中心",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/profile/statistics",
+      "style": {
+        "navigationBarTitleText": "工作统计",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/profile/settings",
+      "style": {
+        "navigationBarTitleText": "设置",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white"
+      }
+    },
+    {
+      "path": "pages/profile/feedback",
+      "style": {
+        "navigationBarTitleText": "帮助与反馈",
+        "navigationBarBackgroundColor": "#2563EB",
+        "navigationBarTextStyle": "white"
+      }
+    }
+  ],
+  "globalStyle": {
+    "navigationBarTextStyle": "white",
+    "navigationBarTitleText": "生产流转",
+    "navigationBarBackgroundColor": "#2563EB",
+    "backgroundColor": "#F3F4F6"
+  },
+  "tabBar": {
+    "color": "#9CA3AF",
+    "selectedColor": "#2563EB",
+    "backgroundColor": "#FFFFFF",
+    "borderStyle": "black",
+    "list": [
+      {
+        "pagePath": "pages/scan/index",
+        "text": "扫码干活"
+      },
+      {
+        "pagePath": "pages/tasks/index",
+        "text": "我的任务"
+      },
+      {
+        "pagePath": "pages/notify/index",
+        "text": "消息"
+      },
+      {
+        "pagePath": "pages/profile/index",
+        "text": "我的"
+      }
+    ]
+  }
+}
diff --git a/track-uniapp/src/pages/login/login.vue b/track-uniapp/src/pages/login/login.vue
new file mode 100644
index 0000000..674bfea
--- /dev/null
+++ b/track-uniapp/src/pages/login/login.vue
@@ -0,0 +1,79 @@
+<template>
+  <view class="page">
+    <view class="header">
+      <text class="logo">🏭</text>
+      <text class="title">Track</text>
+      <text class="version">{{ appVersion }}</text>
+    </view>
+
+    <view class="form">
+      <input v-model="username" class="input" placeholder="用户名" />
+      <input v-model="password" class="input" type="password" placeholder="密码" />
+      <button class="login-btn" @tap="handleLogin" :disabled="loading">
+        {{ loading ? '登录中...' : '登 录' }}
+      </button>
+      <text v-if="error" class="error">{{ error }}</text>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import { post } from "../../utils/request";
+
+// 🚀 动态版本号 — 热更新后自动变化（路由由 App.vue onLaunch 统一接管）
+const appVersion = ref("T1.0.2");
+onMounted(() => {
+  try {
+    const v = uni.getSystemInfoSync().appWgtVersion || uni.getSystemInfoSync().appVersion;
+    if (v) appVersion.value = v.startsWith("T") ? v : "T" + v;
+  } catch {}
+});
+
+const username = ref("");
+const password = ref("");
+const loading = ref(false);
+const error = ref("");
+
+async function handleLogin() {
+  if (!username.value || !password.value) {
+    error.value = "请输入用户名和密码";
+    return;
+  }
+  loading.value = true;
+  error.value = "";
+  try {
+    const res = await post("/auth/login", {
+      username: username.value,
+      password: password.value,
+    });
+    // 双 Token 存储
+    uni.setStorageSync("access_token", res.access_token);
+    uni.setStorageSync("refresh_token", res.refresh_token);
+    uni.setStorageSync("user", JSON.stringify(res.user));
+    uni.showToast({ title: "登录成功", icon: "success" });
+    setTimeout(() => {
+      uni.switchTab({ url: "/pages/scan/index" });
+    }, 500);
+  } catch (e) {
+    // request.js 对 /auth/login 的 401 直接 reject 不弹 toast，此处补齐
+    const detail = e?.data?.detail || "";
+    uni.showToast({ title: detail || "账号或密码错误", icon: "none", duration: 2000 });
+  } finally {
+    loading.value = false;
+  }
+}
+</script>
+
+<style scoped>
+.page { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px; background: #f3f4f6; }
+.header { display: flex; flex-direction: column; align-items: center; margin-bottom: 40px; }
+.logo { font-size: 64px; }
+.title { font-size: 20px; font-weight: 700; color: #1f2937; margin-top: 12px; }
+.version { font-size: 12px; color: #9ca3af; margin-top: 4px; }
+.form { width: 100%; max-width: 320px; }
+.input { width: 100%; height: 48px; padding: 0 16px; border: 1px solid #e5e7eb; border-radius: 10px; font-size: 15px; background: #fff; margin-bottom: 12px; box-sizing: border-box; }
+.login-btn { width: 100%; height: 48px; background: #2563EB; color: #fff; border: none; border-radius: 10px; font-size: 16px; font-weight: 700; line-height: 48px; }
+.login-btn[disabled] { opacity: 0.6; }
+.error { display: block; text-align: center; color: #dc2626; font-size: 13px; margin-top: 12px; }
+</style>
diff --git a/track-uniapp/src/pages/notify/index.vue b/track-uniapp/src/pages/notify/index.vue
new file mode 100644
index 0000000..9d380be
--- /dev/null
+++ b/track-uniapp/src/pages/notify/index.vue
@@ -0,0 +1,234 @@
+<template>
+  <view class="page">
+    <view class="header">
+      <text class="title">消息通知</text>
+      <text class="subtitle">任务流转和系统通知</text>
+    </view>
+
+    
+    <view v-if="loading" class="center">加载中...</view>
+
+    
+    <view v-else-if="notifications.length === 0" class="empty">
+      <text class="empty-icon">🔔</text>
+      <text class="empty-text">暂无新消息</text>
+    </view>
+
+    
+    <view v-else class="list">
+      <view
+        v-for="item in notifications"
+        :key="item.id"
+        :class="['card', item.is_read ? '' : 'card-unread']"
+        @tap="handleCardTap(item)"
+      >
+        <view class="card-left">
+          <view v-if="!item.is_read" class="unread-dot" />
+          <text :class="['type-icon', item.is_read ? 'type-icon-read' : '']">
+            {{ typeIcon(item.type) }}
+          </text>
+        </view>
+        <view class="card-body">
+          <view class="card-top">
+            <text :class="['card-title', item.is_read ? '' : 'card-title-bold']">
+              {{ typeTitle(item.type) }}
+            </text>
+            <text class="card-time">{{ formatTime(item.created_at) }}</text>
+          </view>
+          <text class="card-content">{{ item.content }}</text>
+        </view>
+        <text class="card-arrow">›</text>
+      </view>
+
+      
+      <view v-if="loadingMore" class="load-more">加载中...</view>
+      <view v-else-if="!hasMore" class="load-more">— 没有更多了 —</view>
+      <view v-else class="load-more">上拉加载更多</view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { onShow, onPullDownRefresh, onReachBottom } from "@dcloudio/uni-app";
+import { getNotifications, markNotificationRead } from "../../api/notification";
+
+const TYPE_CONFIG = {
+  TRANSFER: { icon: "🟢", title: "新任务派发" },
+  REJECT: { icon: "🔴", title: "品质驳回提醒" },
+  COMMENT: { icon: "💬", title: "收到新留言" },
+};
+
+const notifications = ref([]);
+const loading = ref(true);
+let currentUser = null;
+
+// 📄 分页状态：此前用默认 limit=20 但翻不动页，第 21 条以后的消息永远看不到
+const pageSize = 20;
+let page = 1;
+const hasMore = ref(true);
+const loadingMore = ref(false);
+
+onShow(() => {
+  loadUser();
+  setTimeout(() => {
+    if (!currentUser) loadUser();
+    fetchNotifications("initial");
+  }, 200);
+});
+
+function loadUser() {
+  try {
+    let user = uni.getStorageSync("user");
+    if (typeof user === "string" && user) {
+      try { user = JSON.parse(user); } catch (e) { user = null; }
+    }
+    if (user && typeof user === "object") currentUser = user;
+  } catch {}
+}
+
+// 🚀 下拉刷新：界面提示了「请下拉刷新重试」，就必须把功能做实。
+//    分页后下拉必须重置 page 并清空列表 —— 否则新的第 1 页会和旧的第 2、3 页
+//    混在一起，出现重复项与排序错乱。
+onPullDownRefresh(async () => {
+  try {
+    loadUser();
+    await fetchNotifications("refresh");
+  } finally {
+    uni.stopPullDownRefresh(); // 无论成败都要收起动画，否则会一直挂着
+  }
+});
+
+// 🚀 触底加载下一页
+onReachBottom(() => {
+  if (loading.value || loadingMore.value || !hasMore.value) return;
+  loadingMore.value = true;
+  fetchNotifications("more").finally(() => { loadingMore.value = false; });
+});
+
+/**
+ * 拉取通知
+ * @param {'initial'|'refresh'|'more'} mode
+ *   initial — 首次进入/切页：显示整页 loading，失败清空
+ *   refresh — 下拉刷新：重置到第 1 页并清空重载
+ *   more    — 触底加载：追加下一页，失败保留已加载内容只提示
+ */
+async function fetchNotifications(mode = "initial") {
+  const userId = currentUser?.username || currentUser?.id || "";
+  if (!userId) {
+    if (mode === "initial") loading.value = false;
+    else uni.showToast({ title: "未获取到登录信息，请重新登录", icon: "none", duration: 2500 });
+    return;
+  }
+  // initial / refresh 都要从第 1 页重来：前者是切页回来，后者是下拉刷新。
+  // 若 initial 沿用旧的 page，onShow 只会去拉"第 N 页"并追加，列表永远刷不新。
+  if (mode === "initial" || mode === "refresh") {
+    page = 1;
+    hasMore.value = true;
+    notifications.value = [];
+  }
+  if (mode === "initial") loading.value = true;
+  const target = page;
+  try {
+    const res = await getNotifications(userId, (target - 1) * pageSize, pageSize);
+    const batch = res.notifications || [];
+    // 按 id 去重后追加：翻页期间若来了新消息，分页边界会错位导致重复项
+    const seen = new Set(notifications.value.map((n) => n.id));
+    notifications.value = notifications.value.concat(batch.filter((n) => !seen.has(n.id)));
+    // 后端给了 total 就以它为准；否则退回「本页是否满员」判断
+    hasMore.value = res.total != null
+      ? notifications.value.length < res.total
+      : batch.length >= pageSize;
+    if (hasMore.value) page = target + 1;
+  } catch (e) {
+    console.error("[notify] 拉取消息失败:", e);
+    if (mode === "initial") notifications.value = [];
+    else uni.showToast({
+      title: mode === "more" ? "加载更多失败，请重试" : "刷新失败，请稍后重试",
+      icon: "none",
+      duration: 2500,
+    });
+  } finally {
+    if (mode === "initial") loading.value = false;
+  }
+}
+
+function typeIcon(type) { return (TYPE_CONFIG[type] || { icon: "📌" }).icon; }
+function typeTitle(type) { return (TYPE_CONFIG[type] || { title: "系统通知" }).title; }
+
+function formatTime(t) {
+  if (!t) return "";
+  const d = new Date(t);
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+}
+
+async function handleCardTap(item) {
+  if (!item.is_read) {
+    try {
+      await markNotificationRead(item.id);
+      item.is_read = true;
+    } catch {
+      uni.showToast({ title: "标记已读失败，请下拉刷新重试", icon: "none", duration: 2000 });
+      return;
+    }
+  }
+  // 🚀 优先使用 product_serial_number，兜底从 content 中解析
+  let sn = item.product_serial_number || "";
+  if (!sn && item.content) {
+    const match = item.content.match(/\[([A-Za-z0-9]{8,16})\]/);
+    if (match) sn = match[1];
+  }
+  if (sn) {
+    uni.navigateTo({ url: `/pages/scan/detail?serial=${sn}` });
+  } else if (item.task_id) {
+    uni.navigateTo({ url: `/pages/scan/detail?taskId=${item.task_id}` });
+  }
+}
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 16px; padding-bottom: 80px; background: #f3f4f6; }
+.header { margin-bottom: 20px; }
+.title { font-size: 20px; font-weight: 700; color: #1f2937; display: block; }
+.subtitle { font-size: 13px; color: #9ca3af; margin-top: 4px; display: block; }
+
+.center { text-align: center; padding: 80px 0; color: #9ca3af; font-size: 14px; }
+
+.empty { display: flex; flex-direction: column; align-items: center; padding-top: 80px; }
+.empty-icon { font-size: 64px; margin-bottom: 12px; }
+.empty-text { font-size: 14px; color: #9ca3af; }
+
+.list { display: flex; flex-direction: column; gap: 10px; }
+.card {
+  display: flex; align-items: flex-start; gap: 10px;
+  background: #fff; border-radius: 12px; padding: 14px 12px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
+  position: relative; transition: all 0.2s;
+}
+.card:active { transform: scale(0.98); }
+.card-unread {
+  box-shadow: 0 1px 6px rgba(37,99,235,0.1);
+  border-left: 3px solid #2563eb;
+}
+
+.card-left { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 28px; flex-shrink: 0; }
+.unread-dot {
+  width: 8px; height: 8px; border-radius: 50%;
+  background: #ef4444; box-shadow: 0 0 0 3px rgba(239,68,68,0.15);
+}
+.type-icon { font-size: 20px; line-height: 1; }
+.type-icon-read { opacity: 0.5; }
+
+.card-body { flex: 1; min-width: 0; }
+.card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
+.card-title { font-size: 15px; font-weight: 600; color: #374151; }
+.card-title-bold { color: #1f2937; font-weight: 700; }
+.card-time { font-size: 11px; color: #9ca3af; flex-shrink: 0; }
+.card-content { font-size: 13px; color: #6b7280; line-height: 1.5; display: block; word-break: break-all; }
+
+.card-arrow { font-size: 20px; color: #d1d5db; margin-top: 6px; flex-shrink: 0; }
+
+/* 触底加载状态 */
+.load-more { text-align: center; font-size: 12px; color: #9ca3af; padding: 16px 0 4px; }
+</style>
diff --git a/track-uniapp/src/pages/profile/feedback.vue b/track-uniapp/src/pages/profile/feedback.vue
new file mode 100644
index 0000000..637d0a4
--- /dev/null
+++ b/track-uniapp/src/pages/profile/feedback.vue
@@ -0,0 +1,233 @@
+<template>
+  <view class="page">
+    
+    <view class="section">
+      <text class="section-title">问题类型</text>
+      <view class="type-row">
+        <view
+          v-for="t in FEEDBACK_TYPES"
+          :key="t.value"
+          :class="['type-chip', form.type === t.value ? 'type-chip-active' : '']"
+          @tap="form.type = t.value"
+        >{{ t.label }}</view>
+      </view>
+    </view>
+
+    
+    <view class="section">
+      <text class="section-title">详细描述</text>
+      <view class="textarea-wrap">
+        <textarea
+          v-model="form.content"
+          class="textarea"
+          placeholder="请描述遇到的问题：在哪个页面、做了什么操作、出现什么结果。描述越清楚，我们修得越快。"
+          placeholder-class="ta-placeholder"
+          :maxlength="MAX_LEN"
+          :show-confirm-bar="false"
+          auto-height
+        />
+        <text class="counter">{{ form.content.length }}/{{ MAX_LEN }}</text>
+      </view>
+    </view>
+
+    
+    <view class="section">
+      <text class="section-title">问题截图<text class="section-sub">（选填，最多 {{ MAX_IMAGES }} 张）</text></text>
+      <view class="img-grid">
+        <view v-for="(img, i) in form.images" :key="img + '-' + i" class="img-cell">
+          <view class="success-badge-wrapper img-frame">
+            <image :src="imageUrl(img)" mode="aspectFill" class="img" @tap="previewImage(i)" />
+            <view v-if="isUploaded(img)" class="success-badge" />
+          </view>
+          <text class="img-del" @tap.stop="removeImage(i)">✕</text>
+        </view>
+        
+        <view v-for="n in pendingCount" :key="'p' + n" class="img-cell img-loading">
+          <text class="img-loading-text">⏳</text>
+        </view>
+        <view
+          v-if="form.images.length + pendingCount < MAX_IMAGES"
+          class="img-cell img-add"
+          @tap="chooseImages"
+        >
+          <text class="img-add-icon">📷</text>
+          <text class="img-add-text">添加图片</text>
+        </view>
+      </view>
+    </view>
+
+    <button
+      class="submit-btn"
+      :disabled="!canSubmit"
+      @tap="handleSubmit"
+    >{{ submitting ? '提交中...' : '提交反馈' }}</button>
+
+    <view class="hint">提交后我们会尽快处理。若设备故障影响生产，请同时通知当班主管。</view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, reactive } from "vue";
+import { FEEDBACK_TYPES, submitFeedback } from "../../api/feedback";
+import { uploadImages, isUploadedUrl } from "../../utils/upload";
+import { getBaseUrl } from "../../utils/request";
+
+const MAX_IMAGES = 4;
+const MAX_LEN = 500;
+
+const form = reactive({ type: "system", content: "", images: [] });
+const pendingCount = ref(0);
+const uploading = ref(false);
+const submitting = ref(false);
+
+const canSubmit = computed(
+  () => form.content.trim().length > 0 && !uploading.value && !submitting.value
+);
+
+function imageUrl(url) {
+  if (!url) return "";
+  if (url.startsWith("http")) return url;
+  const domain = getBaseUrl().replace(/\/api.*$/, "");
+  return domain + (url.startsWith("/") ? url : "/" + url);
+}
+
+/** 绿勾角标只认「已上传成功」的项（判定逻辑统一收口在 utils/upload.js） */
+function isUploaded(img) {
+  return isUploadedUrl(img);
+}
+
+function previewImage(index) {
+  uni.previewImage({ urls: form.images.map(imageUrl), current: index });
+}
+
+function removeImage(index) {
+  form.images.splice(index, 1);
+}
+
+async function chooseImages() {
+  const maxSlots = MAX_IMAGES - (form.images.length + pendingCount.value);
+  if (maxSlots <= 0) return;
+
+  const chooseRes = await new Promise((resolve, reject) => {
+    uni.chooseImage({
+      count: maxSlots,
+      sizeType: ["compressed"],
+      sourceType: ["camera", "album"],
+      success: resolve,
+      fail: reject,
+    });
+  }).catch(() => null);
+  if (!chooseRes || !chooseRes.tempFilePaths || !chooseRes.tempFilePaths.length) return;
+
+  const compressedPaths = [];
+  for (const p of chooseRes.tempFilePaths) {
+    try {
+      const compressed = await new Promise((resolve, reject) => {
+        uni.compressImage({ src: p, quality: 60, success: resolve, fail: reject });
+      });
+      compressedPaths.push(compressed.tempFilePath);
+    } catch {}
+  }
+  if (!compressedPaths.length) {
+    uni.showToast({ title: "图片处理失败，请重试", icon: "none", duration: 3000 });
+    return;
+  }
+
+  uploading.value = true;
+  pendingCount.value += compressedPaths.length;
+  // 🚀 复用 utils/upload.js 的 3 并发上传池（与追加记录 / 驳回弹窗同一份实现）
+  const { failed, total } = await uploadImages(compressedPaths, (url) => {
+    if (url) form.images.push(url);
+    pendingCount.value--;
+  });
+  uploading.value = false;
+  if (failed > 0) {
+    uni.showToast({
+      title: failed === total ? "图片上传失败，请重试" : "部分图片上传失败，请重试",
+      icon: "none",
+      duration: 3000,
+    });
+  }
+}
+
+function readUserId() {
+  try {
+    let user = uni.getStorageSync("user");
+    if (typeof user === "string" && user) user = JSON.parse(user);
+    return (user && (user.username || user.id)) || "";
+  } catch {
+    return "";
+  }
+}
+
+async function handleSubmit() {
+  if (!canSubmit.value) return;
+  // 上传还没结束就提交，会把没传完的图片漏掉 —— 拦住并说明原因
+  if (pendingCount.value > 0) {
+    uni.showToast({ title: "图片还在上传，请稍候", icon: "none" });
+    return;
+  }
+
+  submitting.value = true;
+  try {
+    await submitFeedback({
+      type: form.type,
+      content: form.content.trim(),
+      images: form.images,
+      user_id: readUserId(),
+    });
+    uni.showToast({ title: "感谢反馈", icon: "success" });
+    // 让 toast 露个面再返回；被直接打开（无上级页）时退回个人中心，避免卡死
+    setTimeout(() => {
+      if (getCurrentPages().length > 1) uni.navigateBack();
+      else uni.reLaunch({ url: "/pages/profile/index" });
+    }, 1200);
+  } catch (e) {
+    // 校验失败 / 断网等真实错误照常提示；request.js 已弹过通用 toast 就不再重复弹
+    console.error("[feedback] 提交失败:", e);
+    if (e && e.isNetworkError) {
+      uni.showToast({ title: "网络连接失败，请稍后重试", icon: "none", duration: 3000 });
+    }
+  } finally {
+    submitting.value = false;
+  }
+}
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 16px; background: #f3f4f6; }
+
+.section { background: #fff; border-radius: 14px; padding: 16px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
+.section-title { font-size: 14px; font-weight: 700; color: #1f2937; display: block; margin-bottom: 12px; }
+.section-sub { font-size: 12px; font-weight: 400; color: #9ca3af; }
+
+/* 问题类型 */
+.type-row { display: flex; gap: 10px; }
+.type-chip { flex: 1; height: 40px; line-height: 40px; text-align: center; border-radius: 10px; background: #f3f4f6; color: #6b7280; font-size: 13px; font-weight: 600; }
+.type-chip-active { background: #2563eb; color: #fff; }
+
+/* 描述 */
+.textarea-wrap { position: relative; }
+.textarea { width: 100%; min-height: 110px; border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 10px 26px; font-size: 14px; line-height: 1.5; box-sizing: border-box; background: #fafbfc; }
+.ta-placeholder { color: #b0b6bf; font-size: 13px; }
+.counter { position: absolute; right: 12px; bottom: 8px; font-size: 11px; color: #b0b6bf; }
+
+/* 图片 */
+.img-grid { display: flex; flex-wrap: wrap; }
+.img-cell { position: relative; width: 160rpx; height: 160rpx; margin: 0 16rpx 16rpx 0; }
+/* 圆角与裁剪交给 .success-badge-wrapper，图片只负责填满 */
+.img-frame { width: 160rpx; height: 160rpx; }
+.img { width: 100%; height: 100%; display: block; border: 1px solid #e5e7eb; box-sizing: border-box; background: #e5e7eb; }
+.img-del { position: absolute; top: -12rpx; right: -12rpx; width: 40rpx; height: 40rpx; background: #ef4444; color: #fff; border-radius: 20rpx; font-size: 24rpx; text-align: center; line-height: 40rpx; z-index: 2; }
+.img-loading { display: flex; align-items: center; justify-content: center; background: #f3f4f6; border-radius: 12rpx; border: 1px dashed #d1d5db; }
+.img-loading-text { font-size: 36rpx; }
+.img-add { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f9fafb; border-radius: 12rpx; border: 1px dashed #d1d5db; }
+.img-add-icon { font-size: 36rpx; }
+.img-add-text { font-size: 20rpx; color: #9ca3af; margin-top: 4rpx; }
+
+/* 提交 */
+.submit-btn { width: 100%; height: 46px; line-height: 46px; background: #2563eb; color: #fff; border-radius: 12px; font-size: 15px; font-weight: 600; margin-top: 6px; padding: 0; }
+.submit-btn::after { border: none; }
+.submit-btn[disabled] { opacity: 0.45; }
+.hint { margin-top: 14px; padding: 0 4px; font-size: 11px; color: #b0b6bf; line-height: 1.6; }
+</style>
diff --git a/track-uniapp/src/pages/profile/index.vue b/track-uniapp/src/pages/profile/index.vue
new file mode 100644
index 0000000..872962e
--- /dev/null
+++ b/track-uniapp/src/pages/profile/index.vue
@@ -0,0 +1,73 @@
+<template>
+  <view class="page">
+    <view class="user-card">
+      <view class="avatar">{{ initial }}</view>
+      <view class="user-info">
+        <text class="user-name">{{ user?.display_name || '未登录' }}</text>
+      </view>
+    </view>
+
+    <view class="menu-card">
+      <view v-for="item in ['工作统计', '设置', '帮助与反馈', '关于']" :key="item"
+            class="menu-item" @click="handleMenuClick(item)">
+        <text class="menu-text">{{ item }}</text>
+        <text class="menu-arrow">›</text>
+      </view>
+    </view>
+
+    <view class="version">{{ appVersion }}</view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from "vue";
+
+const user = ref(null);
+try { const r = uni.getStorageSync("user"); if (r) user.value = JSON.parse(r); } catch {}
+const initial = computed(() => (user.value?.display_name || "?")[0]);
+
+// 🚀 动态版本号 — 热更新后自动变化
+const appVersion = ref("T1.0.2");
+onMounted(() => {
+  try {
+    const sysInfo = uni.getSystemInfoSync();
+    appVersion.value = sysInfo.appWgtVersion || sysInfo.appVersion || "T1.0.2";
+  } catch {}
+});
+
+// 菜单项 → 子页面路由。退出登录已迁到「设置」页，此处不再保留按钮
+const MENU_ROUTES = {
+  "工作统计": "/pages/profile/statistics",
+  "设置": "/pages/profile/settings",
+  "帮助与反馈": "/pages/profile/feedback",
+};
+
+function handleMenuClick(item) {
+  const url = MENU_ROUTES[item];
+  if (url) {
+    uni.navigateTo({ url });
+    return;
+  }
+  if (item === "关于") {
+    uni.showModal({
+      title: "关于 Track",
+      content: "Track 生产流转管理系统\n当前版本：" + appVersion.value + "\n核心架构：FastAPI + Vue3 + uni-app",
+      showCancel: false,
+    });
+  }
+}
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 16px; padding-bottom: 80px; }
+.user-card { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
+.avatar { width: 48px; height: 48px; border-radius: 50%; background: #dbeafe; color: #2563EB; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
+.user-name { font-size: 16px; font-weight: 700; color: #1f2937; display: block; }
+.user-role { font-size: 12px; color: #9ca3af; }
+.menu-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); overflow: hidden; }
+.menu-item { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #f3f4f6; }
+.menu-item:last-child { border-bottom: none; }
+.menu-text { font-size: 14px; color: #374151; }
+.menu-arrow { font-size: 18px; color: #d1d5db; }
+.version { text-align: center; font-size: 11px; color: #d1d5db; margin-top: 24px; }
+</style>
diff --git a/track-uniapp/src/pages/profile/settings.vue b/track-uniapp/src/pages/profile/settings.vue
new file mode 100644
index 0000000..64b981f
--- /dev/null
+++ b/track-uniapp/src/pages/profile/settings.vue
@@ -0,0 +1,231 @@
+<template>
+  <view class="page">
+    <view class="menu-card">
+      <view class="menu-item" @tap="handleClearCache">
+        <view class="menu-labels">
+          <text class="menu-text">清理缓存</text>
+          <text class="menu-sub">{{ cacheSummary }}</text>
+        </view>
+        <view class="menu-right">
+          <text class="menu-value">{{ cacheSize }}</text>
+          <text class="menu-arrow">›</text>
+        </view>
+      </view>
+
+      <view class="menu-item" @tap="handleCheckUpdate">
+        <view class="menu-labels">
+          <text class="menu-text">检查更新</text>
+          <text class="menu-sub">热更新资源包，无需重装 App</text>
+        </view>
+        <view class="menu-right">
+          <text class="menu-value">{{ appVersion }}</text>
+          <text class="menu-arrow">›</text>
+        </view>
+      </view>
+    </view>
+
+    
+    <view class="hint">
+      清理仅删除留言已读记录等临时数据，不会影响登录状态、后端地址配置，也不会删除已上传的照片。
+    </view>
+
+    <button class="logout-btn" @tap="handleLogout">退出登录</button>
+
+    <view class="version">Track 生产流转 {{ appVersion }}</view>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from "vue";
+import { checkAppUpdate } from "../../utils/ota";
+import { post } from "../../utils/request";
+
+// ============================================================
+// 缓存清理策略 —— 黑名单式：只删「明确登记过的业务缓存」
+// ============================================================
+//
+// 不用白名单（遍历时跳过白名单、其余全删）：那样每引入一个新的插件 / SDK，
+// 只要它在本地存了配置，就会被无声清掉，属于「默认伤害」。
+// 黑名单反过来 —— **没被匹配到的 key 一律保留**，新增插件天然免疫。
+//
+// ⚠️ 新增业务缓存时，请顺手到下面登记前缀，不要在这里写零散判断。
+
+/** 按前缀匹配的可清理缓存 */
+const CACHE_KEY_PREFIXES = [
+  // ── 当前真实在用 ──────────────────────────────────────────
+  // 留言抽屉的「已读位点」，scan/detail.vue 里每打开一台设备的留言就写一个
+  // msg_seen_<product_id>，随工人扫过的设备数无上限增长。这是目前全 App 唯一
+  // 真正会无限膨胀的业务缓存。清掉只影响未读小红点会重新出现，无业务损失。
+  "msg_seen_",
+
+  // ── 预留：以下前缀当前无数据，供新功能落缓存时对齐命名 ──────
+  "draft_",    // 各页面临时保存的草稿
+  "cache_",    // 通用业务缓存
+  "search_",   // 历史搜索
+  "history_",  // 操作历史
+  "scan_",     // 扫码记录
+  "recent_",   // 最近访问
+  "tmp_",      // 临时数据
+  "upload_",   // 未完成上传的图片本地记录
+];
+
+/** 无前缀可循、需整键精确匹配的（当前为空，留作扩展位） */
+const CACHE_KEYS_EXACT = new Set();
+
+/**
+ * 无论如何都不允许删除的 key —— 最后一道保险。
+ * 即使将来有人加了与它们撞车的前缀规则（比如为「user_viewed_tips」加了
+ * `user_`），也不至于把登录凭证或环境配置连带清掉。
+ */
+const NEVER_DELETE = new Set(["access_token", "refresh_token", "token", "user", "env_base_url"]);
+
+function isCacheKey(key) {
+  if (NEVER_DELETE.has(key)) return false;
+  if (CACHE_KEYS_EXACT.has(key)) return true;
+  return CACHE_KEY_PREFIXES.some((prefix) => key.startsWith(prefix));
+}
+
+const appVersion = ref("T1.0.2");
+const cacheSize = ref("—");
+const cacheCount = ref(0); // 当前可清理的临时数据条数
+
+/**
+ * 「清理缓存」的副标题 —— 直接回答「到底清的是什么」。
+ * 原先只有一个按钮，工人点完看不到任何变化，会怀疑没生效。
+ */
+const cacheSummary = computed(() => {
+  if (cacheCount.value > 0) return `${cacheCount.value} 项临时数据（留言已读记录等）`;
+  return "暂无临时数据可清理";
+});
+
+function readAppVersion() {
+  try {
+    const sysInfo = uni.getSystemInfoSync();
+    return sysInfo.appWgtVersion || sysInfo.appVersion || "T1.0.2";
+  } catch {
+    return "T1.0.2";
+  }
+}
+
+/** 刷新缓存信息：占用体积 + 可清理条数 —— 让「清理缓存」有个看得见的效果，而不是盲点一下 */
+function refreshCacheSize() {
+  try {
+    const info = uni.getStorageInfoSync() || {};
+    const kb = typeof info.currentSize === "number" ? info.currentSize : null;
+    cacheSize.value = kb == null ? "—" : kb < 1024 ? `${kb} KB` : `${(kb / 1024).toFixed(1)} MB`;
+    cacheCount.value = (info.keys || []).filter(isCacheKey).length;
+  } catch {
+    cacheSize.value = "—";
+    cacheCount.value = 0;
+  }
+}
+
+/**
+ * 清理缓存 —— 逐键判定：只清 isCacheKey() 认得出来的业务缓存。
+ *
+ * 其余一律保留，包括登录态、环境配置，以及任何未登记的 key。
+ * 逐项 try/catch，单项失败不影响其余项继续清理。
+ */
+function handleClearCache() {
+  let keys = [];
+  try {
+    keys = (uni.getStorageInfoSync() || {}).keys || [];
+  } catch (e) {
+    console.error("[settings] 读取缓存列表失败:", e);
+    uni.showToast({ title: "清理失败，请重试", icon: "none" });
+    return;
+  }
+
+  let removed = 0;
+  let failed = 0;
+  for (const key of keys) {
+    if (!isCacheKey(key)) continue; // 未登记的一律保留（登录态、环境配置、未来插件配置）
+    try {
+      uni.removeStorageSync(key);
+      removed++;
+    } catch (e) {
+      // 单项失败不影响其余项继续清理
+      failed++;
+      console.error("[settings] 清除缓存项失败:", key, e);
+    }
+  }
+  console.log(`[settings] 缓存清理完成：已清除 ${removed} 项，失败 ${failed} 项，保留 ${keys.length - removed} 项`);
+
+  refreshCacheSize();
+  if (failed > 0) {
+    uni.showToast({ title: `清理完成，${failed} 项未能清除`, icon: "none" });
+  } else if (removed === 0) {
+    // 一项都没删就别报「清理成功」—— 那是在骗用户
+    uni.showToast({ title: "暂无可清理的缓存", icon: "none" });
+  } else {
+    uni.showToast({ title: "清理成功", icon: "success" });
+  }
+}
+
+async function handleCheckUpdate() {
+  // manual = true：跳过节流并给出「已是最新 / 检查失败」的明确反馈 ——
+  // 用户主动点的按钮必须有个回音（自动检查才静默收场）
+  await checkAppUpdate({ manual: true });
+}
+
+async function handleLogout() {
+  // 退出是不可逆的（要重新输账号密码），按车间使用场景加一道确认防误触
+  uni.showModal({
+    title: "退出登录",
+    content: "退出后需要重新输入账号密码，确定退出吗？",
+    confirmText: "退出",
+    cancelText: "取消",
+    success: async (res) => {
+      if (!res.confirm) return;
+
+      // 🔴 必须【先 await 上报、再清 token】——两者顺序反了或不等，退出就留不下痕：
+      // 1) uni.reLaunch 会销毁页面上下文，直接掐断尚未发出的 uni.request；
+      // 2) 而 request.js 是在发送时才从 storage 读 access_token，
+      //    先清 storage 的话请求会不带 Authorization，后端只能记成「未认证」。
+      // 这里刻意 try/catch 兜住：上报失败（断网/超时）也绝不能挡住用户退出。
+      uni.showLoading({ title: "退出中...", mask: true });
+      try {
+        await post("/auth/logout");
+      } catch (e) {
+        // 静默：JWT 无状态，服务端本就不需要它成功
+        console.warn("[logout] 上报失败（不影响退出）", e);
+      } finally {
+        uni.hideLoading();
+      }
+
+      try {
+        uni.removeStorageSync("token");
+        uni.removeStorageSync("access_token");
+        uni.removeStorageSync("refresh_token");
+        uni.removeStorageSync("user");
+      } catch {}
+      uni.reLaunch({ url: "/pages/login/login" });
+    },
+  });
+}
+
+onMounted(() => {
+  appVersion.value = readAppVersion();
+  refreshCacheSize();
+});
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 16px; background: #f3f4f6; }
+
+.menu-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); overflow: hidden; }
+.menu-item { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #f3f4f6; }
+.menu-item:last-child { border-bottom: none; }
+.menu-labels { display: flex; flex-direction: column; gap: 3px; }
+.menu-text { font-size: 14px; color: #374151; }
+.menu-sub { font-size: 11px; color: #9ca3af; }
+
+.hint { margin: 14px 4px 0; font-size: 11px; color: #b0b6bf; line-height: 1.6; }
+.menu-right { display: flex; align-items: center; gap: 6px; }
+.menu-value { font-size: 12px; color: #9ca3af; }
+.menu-arrow { font-size: 18px; color: #d1d5db; }
+
+.logout-btn { width: 100%; height: 44px; background: #fff; color: #dc2626; border: 1px solid #fecaca; border-radius: 10px; font-size: 14px; margin-top: 24px; line-height: 44px; }
+.logout-btn::after { border: none; }
+.version { text-align: center; font-size: 11px; color: #d1d5db; margin-top: 16px; }
+</style>
diff --git a/track-uniapp/src/pages/profile/statistics.vue b/track-uniapp/src/pages/profile/statistics.vue
new file mode 100644
index 0000000..7f3ce41
--- /dev/null
+++ b/track-uniapp/src/pages/profile/statistics.vue
@@ -0,0 +1,290 @@
+<template>
+  <view class="page">
+    
+    <view class="range-bar">
+      <view v-for="r in RANGES" :key="r.key"
+        :class="['range-chip', range === r.key ? 'range-chip-active' : '']"
+        @tap="selectRange(r.key)">{{ r.label }}</view>
+    </view>
+
+    
+    <view v-if="range === 'custom'" class="custom-row">
+      <picker mode="date" :value="customStart || todayStr" :end="todayStr" @change="onCustomStart">
+        <view class="date-pill">{{ customStart || '开始日期' }}</view>
+      </picker>
+      <text class="date-sep">至</text>
+      <picker mode="date" :value="customEnd || todayStr" :start="customStart" :end="todayStr" @change="onCustomEnd">
+        <view class="date-pill">{{ customEnd || todayStr }}</view>
+      </picker>
+    </view>
+
+    <view v-if="!rangeInvalid" class="range-label">{{ rangeLabel }}</view>
+
+    <view v-if="loading" class="center">
+      <text class="center-icon">⏳</text>
+      <text class="center-text">加载中...</text>
+    </view>
+
+    
+    <view v-else-if="error" class="error-box">
+      <text class="error-text">{{ error }}</text>
+      <button class="retry-btn" @tap="load">重新加载</button>
+    </view>
+
+    <template v-else>
+      
+      <view class="card">
+        <view class="card-head">
+          <text class="card-title">生产战绩</text>
+          <text class="card-date">{{ rangeLabel }}</text>
+        </view>
+        <view class="stat-row">
+          <view class="stat">
+            <text class="stat-num num-done">{{ stats.tasks_completed }}</text>
+            <text class="stat-label">完成</text>
+          </view>
+          <view class="stat-divider" />
+          <view class="stat">
+            <text class="stat-num" :class="stats.tasks_rejected > 0 ? 'num-reject' : 'num-zero'">
+              {{ stats.tasks_rejected }}
+            </text>
+            <text class="stat-label">被驳回</text>
+          </view>
+          <view class="stat-divider" />
+          <view class="stat">
+            <text class="stat-num num-product">{{ stats.products_touched }}</text>
+            <text class="stat-label">参与产品</text>
+          </view>
+        </view>
+        <view class="card-foot">{{ recordComment }}</view>
+      </view>
+
+      
+      <view class="card">
+        <view class="card-head">
+          <text class="card-title">操作统计</text>
+          <text class="card-date">与管理系统同口径</text>
+        </view>
+        <view class="stat-row">
+          <view class="stat">
+            <text class="stat-num num-op">{{ stats.receive_count }}</text>
+            <text class="stat-label">接收</text>
+          </view>
+          <view class="stat-divider" />
+          <view class="stat">
+            <text class="stat-num num-op">{{ stats.transfer_count }}</text>
+            <text class="stat-label">转交</text>
+          </view>
+          <view class="stat-divider" />
+          <view class="stat">
+            <text class="stat-num num-op">{{ stats.record_count }}</text>
+            <text class="stat-label">上传备注</text>
+          </view>
+        </view>
+        <view class="card-foot">操作总计 {{ stats.op_total }} 次</view>
+      </view>
+
+      <view class="hint">
+        统计口径：完成 / 被驳回按本人名下任务计；接收、转交按实际操作人计，上传备注归到任务负责人名下。时间以北京时间为准。
+      </view>
+    </template>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed } from "vue";
+import { onShow, onPullDownRefresh } from "@dcloudio/uni-app";
+import { getMyStats } from "../../api/stats";
+
+const RANGES = [
+  { key: "today", label: "今日" },
+  { key: "week", label: "本周" },
+  { key: "month", label: "本月" },
+  { key: "custom", label: "自定义" },
+];
+
+const range = ref("today");
+const customStart = ref("");
+const customEnd = ref("");
+
+const loading = ref(true);
+const error = ref("");
+const stats = ref({
+  tasks_completed: 0, tasks_rejected: 0, products_touched: 0,
+  receive_count: 0, transfer_count: 0, record_count: 0, op_total: 0,
+});
+
+function pad(n) {
+  return String(n).padStart(2, "0");
+}
+function ymd(d) {
+  return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+}
+const todayStr = ymd(new Date());
+
+/**
+ * 把当前选择换算成时间段。
+ *
+ * 边界一律显式拼 "+08:00" —— 车间按北京时间作息，统计口径也定义在北京时间上。
+ * 若图省事发不带偏移的裸字符串，后端会按服务器本地时间解释，边界整体偏 8 小时，
+ * 出现「选了今日，昨晚下午的活也算进来」这种错位。
+ */
+function buildRange() {
+  const now = new Date();
+  let startYmd = todayStr;
+  let endYmd = todayStr;
+
+  if (range.value === "week") {
+    const d = new Date(now);
+    d.setDate(d.getDate() - ((d.getDay() + 6) % 7)); // 周一为一周之始
+    startYmd = ymd(d);
+  } else if (range.value === "month") {
+    startYmd = `${now.getFullYear()}-${pad(now.getMonth() + 1)}-01`;
+  } else if (range.value === "custom") {
+    startYmd = customStart.value || todayStr;
+    endYmd = customEnd.value || todayStr;
+  }
+
+  return {
+    since: `${startYmd}T00:00:00+08:00`,
+    until: `${endYmd}T23:59:59+08:00`,
+    label: startYmd === endYmd ? startYmd : `${startYmd} ~ ${endYmd}`,
+  };
+}
+
+const rangeInvalid = computed(
+  () => range.value === "custom" && !!customStart.value && !!customEnd.value && customStart.value > customEnd.value
+);
+const rangeLabel = computed(() => buildRange().label);
+
+const recordComment = computed(() => {
+  const { tasks_completed, tasks_rejected, products_touched } = stats.value;
+  if (tasks_completed === 0 && tasks_rejected === 0) return "这段时间还没有完工记录";
+  if (tasks_rejected > 0) return `有 ${tasks_rejected} 单被驳回，记得跟进返工`;
+  return `完成 ${tasks_completed} 单，涉及 ${products_touched} 台设备 👍`;
+});
+
+function readUsername() {
+  try {
+    let user = uni.getStorageSync("user");
+    if (typeof user === "string" && user) user = JSON.parse(user);
+    return (user && user.username) || "";
+  } catch {
+    return "";
+  }
+}
+
+async function load() {
+  if (rangeInvalid.value) {
+    loading.value = false;
+    error.value = "";
+    return;
+  }
+  const username = readUsername();
+  if (!username) {
+    loading.value = false;
+    error.value = "未获取到登录信息，请重新登录";
+    return;
+  }
+  loading.value = true;
+  error.value = "";
+  try {
+    const { since, until } = buildRange();
+    const res = await getMyStats(username, since, until);
+    stats.value = {
+      tasks_completed: res?.tasks_completed || 0,
+      tasks_rejected: res?.tasks_rejected || 0,
+      products_touched: res?.products_touched || 0,
+      receive_count: res?.receive_count || 0,
+      transfer_count: res?.transfer_count || 0,
+      record_count: res?.record_count || 0,
+      op_total: res?.op_total || 0,
+    };
+  } catch (e) {
+    // request.js 已经弹过一次 toast，这里只在页面上留一个可操作的出口
+    error.value = e && e.isNetworkError ? "网络连接失败，请检查网络后重试" : "统计数据加载失败";
+    console.error("[statistics] 加载个人统计失败:", e);
+  } finally {
+    loading.value = false;
+  }
+}
+
+function selectRange(key) {
+  if (range.value === key) return;
+  range.value = key;
+  // 切到自定义时先给个默认区间（本月至今），避免空值直接发请求
+  if (key === "custom" && !customStart.value) {
+    const now = new Date();
+    customStart.value = `${now.getFullYear()}-${pad(now.getMonth() + 1)}-01`;
+    customEnd.value = todayStr;
+  }
+  load();
+}
+
+function onCustomStart(e) {
+  customStart.value = e.detail.value;
+  // 开始日期越过结束日期时顺势把结束日跟过去，避免出现无效区间
+  if (customEnd.value && customStart.value > customEnd.value) customEnd.value = customStart.value;
+  load();
+}
+function onCustomEnd(e) {
+  customEnd.value = e.detail.value;
+  load();
+}
+
+// 统计是「每次进来都要新鲜」的数据，用 onShow 保证从详情页返回后也刷新
+onShow(load);
+
+onPullDownRefresh(async () => {
+  try {
+    await load();
+  } finally {
+    uni.stopPullDownRefresh(); // 无论成败都要收起动画
+  }
+});
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 16px; background: #f3f4f6; }
+
+/* 时段选择 */
+.range-bar { display: flex; gap: 8px; margin-bottom: 12px; }
+.range-chip { flex: 1; height: 34px; line-height: 34px; text-align: center; border-radius: 10px; background: #fff; color: #6b7280; font-size: 13px; font-weight: 600; }
+.range-chip-active { background: #2563eb; color: #fff; }
+
+/* 自定义起止日期 */
+.custom-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
+.date-pill { flex: 1; height: 36px; line-height: 36px; text-align: center; border-radius: 10px; background: #fff; color: #374151; font-size: 13px; border: 1px solid #e5e7eb; }
+.date-sep { font-size: 12px; color: #9ca3af; }
+
+.range-label { font-size: 11px; color: #9ca3af; margin: 0 2px 10px; }
+
+.center { display: flex; flex-direction: column; align-items: center; padding-top: 60px; }
+.center-icon { font-size: 40px; margin-bottom: 8px; }
+.center-text { font-size: 14px; color: #9ca3af; }
+
+.error-box { background: #fef2f2; border: 1px solid #fecaca; border-radius: 12px; padding: 20px 16px; display: flex; flex-direction: column; align-items: center; }
+.error-text { font-size: 14px; color: #dc2626; margin-bottom: 14px; text-align: center; }
+.retry-btn { width: 160px; height: 40px; line-height: 40px; background: #2563eb; color: #fff; border-radius: 10px; font-size: 14px; font-weight: 600; padding: 0; margin: 0; }
+.retry-btn::after { border: none; }
+
+.card { background: #fff; border-radius: 14px; padding: 16px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
+.card-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }
+.card-title { font-size: 16px; font-weight: 700; color: #1f2937; }
+.card-date { font-size: 11px; color: #9ca3af; }
+
+.stat-row { display: flex; align-items: center; }
+.stat { flex: 1; display: flex; flex-direction: column; align-items: center; }
+.stat-divider { width: 1px; height: 40px; background: #f3f4f6; }
+.stat-num { font-size: 30px; font-weight: 800; line-height: 1.15; }
+.stat-label { font-size: 12px; color: #6b7280; margin-top: 4px; }
+.num-done { color: #16a34a; }
+.num-reject { color: #dc2626; }
+.num-zero { color: #d1d5db; }
+.num-product { color: #2563eb; }
+.num-op { color: #4f46e5; }
+
+.card-foot { margin-top: 14px; padding-top: 12px; border-top: 1px solid #f3f4f6; font-size: 12px; color: #9ca3af; }
+
+.hint { margin-top: 4px; padding: 0 4px; font-size: 11px; color: #b0b6bf; line-height: 1.6; }
+</style>
diff --git a/track-uniapp/src/pages/scan/components/FlowBranch.vue b/track-uniapp/src/pages/scan/components/FlowBranch.vue
new file mode 100644
index 0000000..6a0b04a
--- /dev/null
+++ b/track-uniapp/src/pages/scan/components/FlowBranch.vue
@@ -0,0 +1,106 @@
+<template>
+  <view class="fb-cell">
+    
+    <view v-if="side === 'left' && kids.length" class="fb-kids-col">
+      <FlowBranch
+        v-for="k in kids"
+        :key="k.id"
+        :node="k"
+        :side="side"
+        :child-map="childMap"
+        :current-user="currentUser"
+        :current-user-id="currentUserId"
+        :current-username="currentUsername"
+        @view-records="$emit('viewRecords', $event)"
+      />
+    </view>
+    
+    <FlowCard
+      v-if="side === 'left'"
+      :node="node"
+      @view-records="$emit('viewRecords', $event)"
+    />
+    
+    <view class="fb-arrow" :class="'arrow-' + side">
+      <view v-if="side === 'left'" class="fb-hline" />
+      <text class="fb-arrow-text">{{ side === 'left' ? '←' : '→' }}</text>
+      <view v-if="side === 'right'" class="fb-hline" />
+    </view>
+    
+    <FlowCard
+      v-if="side === 'right'"
+      :node="node"
+      @view-records="$emit('viewRecords', $event)"
+    />
+    
+    <view v-if="side === 'right' && kids.length" class="fb-kids-col">
+      <FlowBranch
+        v-for="k in kids"
+        :key="k.id"
+        :node="k"
+        :side="side"
+        :child-map="childMap"
+        :current-user="currentUser"
+        :current-user-id="currentUserId"
+        :current-username="currentUsername"
+        @view-records="$emit('viewRecords', $event)"
+      />
+    </view>
+  </view>
+</template>
+
+<script>
+import FlowCard from "./FlowCard.vue";
+
+export default {
+  name: "FlowBranch",
+  components: { FlowCard },
+  props: {
+    node: { type: Object, required: true },
+    side: { type: String, default: "left" },   // 'left' | 'right'
+    childMap: { type: Object, default: () => ({}) },
+    currentUser: { type: Object, default: null },
+    currentUserId: { type: [String, Number], default: "" },
+    currentUsername: { type: String, default: "" },
+  },
+  emits: ["viewRecords"],
+  computed: {
+    // 该分支节点的直接子节点（进入分支后子子孙孙全部继续作为分支展开，不回主干道）
+    kids() {
+      return this.childMap[this.node.id] || [];
+    },
+  },
+};
+</script>
+
+<style scoped>
+.fb-cell {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 4px;
+}
+.fb-kids-col {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  margin: 0 4px;
+}
+.fb-arrow {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  flex-shrink: 0;
+}
+/* 橙色虚线连接主干道与分支 */
+.fb-hline {
+  width: 22px;
+  border-top: 2px dashed #fb923c;
+}
+.fb-arrow-text {
+  font-size: 12px;
+  font-weight: 700;
+  color: #fb923c;
+}
+</style>
diff --git a/track-uniapp/src/pages/scan/components/FlowCard.vue b/track-uniapp/src/pages/scan/components/FlowCard.vue
new file mode 100644
index 0000000..709eb77
--- /dev/null
+++ b/track-uniapp/src/pages/scan/components/FlowCard.vue
@@ -0,0 +1,175 @@
+<template>
+  <view class="fc-card" :class="[statusColorClass(node.status), { 'is-completed': isCompleted, 'is-active': isActive }]">
+    <view class="fc-head">
+      
+      <text v-if="showBadge" class="fc-badge" :class="isMainNode ? 'fc-badge-main' : 'fc-badge-sub'">{{ isMainNode ? '主线' : '分支' }}</text>
+      <text :class="['fc-status', statusColorClass(node.status)]">{{ statusLabel(node.status) }}</text>
+      <text v-if="node.is_rework" class="fc-rework">⚠返工</text>
+    </view>
+    <text class="fc-name">{{ node.task_name }}</text>
+    <view class="fc-meta">
+      
+      <text v-if="isSystemTask" class="fc-assignee">📦 MOM 仓储系统</text>
+      
+      <text v-else-if="isWarehouseTask" class="fc-warehouse-in">📥 转入在库: {{ formatUserName(node.assignee_id) }}</text>
+      <text v-else class="fc-assignee">👤 {{ formatUserName(node.assignee_id) || '未分配' }}</text>
+    </view>
+    
+    <text class="fc-time">⏰ {{ fmtDate(node.created_at) }}{{ node.completed_at ? '→' + fmtDate(node.completed_at) : '→至今' }}</text>
+    
+    <text v-if="reasonText" style="display:block;margin:8rpx 0 0;font-size:22rpx;line-height:1.4;color:#dc2626;font-weight:600;">❌ {{ reasonText }}</text>
+    
+    <view v-if="node.records && node.records.length" class="ft-log-bar" @tap.stop="$emit('viewRecords', node)">
+      查看操作日志 ({{ node.records.length }}条) ›
+    </view>
+  </view>
+</template>
+
+<script>
+import { formatUserName as fmtUserName } from "../../../utils/format";
+
+export default {
+  name: "FlowCard",
+  props: {
+    node: { type: Object, required: true },
+    showBadge: { type: Boolean, default: false },
+  },
+  emits: ["viewRecords"],
+  computed: {
+    // 驳回/返工原因：原 REJECTED 有 reject_reason；返工节点原因在 remark（形如“返工任务（驳回自…原因…）”）
+    reasonText() {
+      const n = this.node || {};
+      if (n.reject_reason) return `驳回: ${n.reject_reason}`;
+      const rm = n.remark;
+      return rm && (rm.indexOf("驳回") >= 0 || rm.indexOf("返工") >= 0) ? rm : "";
+    },
+    isMainNode() {
+      return !this.node.parent_task_id
+        || this.node.task_type === "TRANSFER"
+        || this.node.task_type === "RECOVERY"
+        || this.node.task_type === "WAREHOUSE";
+    },
+    // ★ 仓储系统任务（扫码入库/扫码出库）：防御性渲染，不请求用户数据
+    isSystemTask() {
+      const name = String(this.node.task_name || "");
+      return name.includes("扫码") || this.node.task_type === "WAREHOUSE";
+    },
+    isWarehouseTask() {
+      const name = String(this.node.task_name || "");
+      return (name.includes("在库") || name.includes("入库")) || this.node.assignee_id === "virtual_warehouse";
+    },
+    // 进行中/待接收：WIP / PENDING / IN_PROGRESS(待收货)
+    isActive() {
+      return ["WIP", "PENDING", "IN_PROGRESS"].includes(this.node.status);
+    },
+    // 已完成 / 历史状态：非进行中
+    isCompleted() {
+      return !this.isActive;
+    },
+  },
+  methods: {
+    formatUserName(userId) {
+      return fmtUserName(userId);
+    },
+    statusLabel(s) {
+      const map = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", OUTBOUND: "已出库", IN_PROGRESS: "待收货" };
+      return map[s] || s;
+    },
+    statusColorClass(s) {
+      switch (s) {
+        case "PENDING": return "s-yellow";
+        case "WIP": return "s-blue";
+        case "COMPLETED": return "s-green";
+        case "REJECTED": return "s-red";
+        case "ARCHIVED": return "s-archived";
+        case "OUTBOUND": return "s-outbound";
+        case "IN_PROGRESS": return "s-orange";
+        default: return "s-gray";
+      }
+    },
+    fmtDate(t) {
+      if (!t) return "";
+      const d = new Date(t);
+      const p = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.fc-card {
+  background: #fff;
+  border-radius: 10px;
+  border: 1px solid #e5e7eb;
+  border-left-width: 4px;
+  padding: 10px 12px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
+  width: 168px;
+  flex-shrink: 0;
+}
+.fc-card.s-yellow { border-left-color: #f59e0b; }
+.fc-card.s-blue { border-left-color: #3b82f6; }
+.fc-card.s-green { border-left-color: #22c55e; }
+.fc-card.s-red { border-left-color: #ef4444; }
+.fc-card.s-archived { border-left-color: #8b5cf6; }
+.fc-card.s-outbound { border-left-color: #4f46e5; }
+.fc-card.s-orange { border-left-color: #f97316; }
+.fc-card.s-gray { border-left-color: #9ca3af; }
+
+/* 已完成/历史状态：降透明度 + 浅灰底 + 深灰文字（视觉降噪） */
+.fc-card.is-completed {
+  opacity: 0.85;
+  background-color: #fafafa;
+}
+.fc-card.is-completed .fc-name,
+.fc-card.is-completed .fc-assignee,
+.fc-card.is-completed .fc-warehouse-in {
+  color: #6b7280;
+}
+/* 进行中/待接收：纯白底 + 完整蓝色边框 + 外发光，浮起来 */
+.fc-card.is-active {
+  background-color: #ffffff;
+  border: 1px solid #93c5fd;
+  box-shadow: 0 4px 16px rgba(59, 130, 246, 0.12);
+}
+
+.fc-head { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; flex-wrap: wrap; }
+.fc-badge { font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 4px; color: #fff; }
+.fc-badge-main { background: #2563eb; }
+.fc-badge-sub { background: #7c3aed; }
+.fc-status { font-size: 11px; font-weight: 700; padding: 1px 8px; border-radius: 10px; }
+.s-yellow .fc-status { background: #fef3c7; color: #b45309; }
+.s-blue .fc-status { background: #dbeafe; color: #1d4ed8; }
+.s-green .fc-status { background: #dcfce7; color: #15803d; }
+.s-red .fc-status { background: #fce4ec; color: #be123c; }
+.s-archived .fc-status { background: #ede9fe; color: #7c3aed; }
+.s-outbound .fc-status { background: #e0e7ff; color: #4338ca; }
+.s-orange .fc-status { background: #ffedd5; color: #ea580c; }
+.s-gray .fc-status { background: #f3f4f6; color: #6b7280; }
+.fc-rework { font-size: 10px; background: #ef4444; color: #fff; padding: 1px 5px; border-radius: 4px; font-weight: 700; }
+
+.fc-name { font-size: 13px; font-weight: 700; color: #1f2937; }
+.fc-meta { margin-top: 4px; font-size: 11px; }
+.fc-assignee { color: #4b5563; }
+.fc-warehouse-in { color: #059669; font-weight: 700; }
+/* 时间独占一行 */
+.fc-time { display: block; font-size: 10px; color: #9ca3af; margin-top: 6px; }
+/* 操作日志：底部全宽蓝色条块（对齐 Web 端） */
+.ft-log-bar {
+  width: calc(100% + 24px);
+  margin-left: -12px;
+  margin-right: -12px;
+  margin-bottom: -10px;
+  margin-top: 10px;
+  background-color: #eff6ff;
+  color: #2563eb;
+  text-align: center;
+  padding: 8px 0;
+  font-size: 13px;
+  border-top: 1px solid #dbeafe;
+  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+.ft-log-bar:active { background-color: #dbeafe; }
+</style>
diff --git a/track-uniapp/src/pages/scan/components/TaskSwipeCards.vue b/track-uniapp/src/pages/scan/components/TaskSwipeCards.vue
new file mode 100644
index 0000000..11c6d50
--- /dev/null
+++ b/track-uniapp/src/pages/scan/components/TaskSwipeCards.vue
@@ -0,0 +1,303 @@
+<template>
+  <view class="swipe-fullscreen">
+    
+    <view class="ss-topbar">
+      <view class="ss-back" @tap="$emit('back')">← 返回</view>
+      <view class="ss-title-group">
+        <text class="ss-title">{{ lanes[currentLane].label }}</text>
+        <text class="ss-step-hint">
+          步骤 {{ getCardIdx(lanes[currentLane]._key) + 1 }}/{{ lanes[currentLane].cards.length }}
+          <text v-if="lanes.length > 1"> · ← 左右滑切换分支 →</text>
+        </text>
+      </view>
+      <view class="ss-topbar-right">
+        <view class="ss-overview-btn" @tap="$emit('overview')">⊡ 全览</view>
+      </view>
+    </view>
+
+    
+    <swiper class="ss-swiper-h" :current="currentLane" @change="onLaneSwipe"
+      :style="{ height: swiperHeight + 'px' }" duration="250">
+      <swiper-item v-for="(lane, li) in lanes" :key="lane._key">
+        
+        <swiper class="ss-swiper-v" :current="getCardIdx(lane._key)" @change="onCardSwipe($event, li)"
+          duration="200" vertical :style="{ height: swiperHeight + 'px' }">
+          <swiper-item v-for="(card, ci) in lane.cards" :key="card._key">
+            <view class="ss-card-wrapper">
+              <view class="ss-card task-card"
+                :class="[card._isMain ? 'task-card-main' : 'task-card-branch', taskCardClass(card)]">
+
+                <view v-if="card._isMain" class="tc-ribbon tc-ribbon-main">主分支</view>
+                <view v-else class="tc-ribbon tc-ribbon-sub">{{ lane.label }}</view>
+
+                <view class="tc-head">
+                  <view class="tc-head-left">
+                    <text :class="card._isMain ? 'badge-main' : 'badge-sub'">{{ card._isMain ? '主分支' : lane.label }}</text>
+                    <text v-if="card.is_rework" class="tag-rework-sm">⚠ 返工</text>
+                    <text v-if="card.status === 'ARCHIVED'" class="tag-archived-sm">📦 入库</text>
+                  </view>
+                  <text :class="['tc-status', statusColor(card.status)]">{{ statusLabel(card.status) }}</text>
+                </view>
+
+                <text class="tc-name">{{ card.task_name }}</text>
+
+                
+                <text v-if="card.reject_reason" style="display:block;margin-top:6rpx;font-size:22rpx;line-height:1.4;color:#dc2626;font-weight:600;">❌ 驳回: {{ card.reject_reason }}</text>
+
+                <view class="tc-meta">
+                  <view class="tc-meta-row">
+                    
+                    <text v-if="isWarehouseTask(card)" class="tc-meta-label">📦 仓储</text>
+                    <text v-else class="tc-meta-label">👤 负责人</text>
+                    <text v-if="isWarehouseTask(card)" class="tc-meta-val">MOM 仓储系统</text>
+                    <text v-else class="tc-meta-val">{{ formatUserName(card.assignee_id) || '未分配' }}</text>
+                  </view>
+                </view>
+
+                <view v-if="card.remark" class="tc-remark-box">
+                  <text class="tc-remark-label">📌 备注</text>
+                  <text class="tc-remark-text">{{ card.remark }}</text>
+                </view>
+
+                
+                <view v-if="card.records && card.records.length" class="tc-records-link"
+                  @tap.stop="$emit('viewRecords', card)">
+                  <text class="tc-records-icon">📋</text>
+                  <text class="tc-records-count">共 {{ card.records.length }} 条提交记录</text>
+                  <text class="tc-records-arrow">查看全部 ›</text>
+                </view>
+
+                <view class="tc-stats">
+                  <text v-if="card.received_at" class="tc-stat">✅ 已接收</text>
+                  <text v-if="card.completed_at" class="tc-stat">🏁 已完工</text>
+                </view>
+                <view class="tc-time"><text>创建: {{ fmtTime(card.created_at) }}</text></view>
+              </view>
+            </view>
+          </swiper-item>
+        </swiper>
+      </swiper-item>
+    </swiper>
+
+    
+    <view class="ss-footer">
+      <view class="ss-lane-tabs">
+        <view v-for="(lane, i) in lanes" :key="'lt'+i"
+          :class="['ss-lane-tab', i === currentLane ? 'ss-lane-active' : '']"
+          @tap="currentLane = i">
+          <text :class="i === 0 ? 'ss-lane-tab-main' : 'ss-lane-tab-sub'">{{ lane.label }}</text>
+          <text class="ss-lane-count">{{ lane.cards.length }}</text>
+        </view>
+      </view>
+      <view class="ss-dots">
+        <view v-for="(c, i) in lanes[currentLane].cards" :key="'d'+i"
+          :class="['ss-dot', i === getCardIdx(lanes[currentLane]._key) ? 'ss-dot-active' : '', c._isMain ? 'ss-dot-main' : '']">
+          <text class="ss-dot-label">{{ i + 1 }}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { formatUserName } from "../../../utils/format";
+export default {
+  name: "TaskSwipeCards",
+  props: {
+    product: { type: Object, required: true },
+  },
+  emits: ["back", "overview", "viewRecords"],
+  data() {
+    return {
+      currentLane: 0,
+      cardIndices: {},  // { laneKey: currentCardIndex } — 独立管理避免computed重置
+      swiperHeight: 600,
+    };
+  },
+  watch: {
+    // product 变化时重置所有滑动位置
+    product: {
+      immediate: true,
+      handler() { this.cardIndices = {}; },
+    },
+  },
+  computed: {
+    branchLabelMap() {
+      const map = {};
+      if (!this.product || !this.product.task_tree) return map;
+      const flatMap = {};
+      const flatten = (tasks) => {
+        if (!tasks) return;
+        tasks.forEach(t => { flatMap[t.id] = t; flatten(t.child_tasks); });
+      };
+      flatten(this.product.task_tree);
+      const isMainFn = (t) => !t.parent_task_id || t.task_type === 'TRANSFER' || t.task_type === 'RECOVERY' || t.task_type === 'WAREHOUSE';
+      const traverse = (tasks, prefix) => {
+        if (!tasks) return;
+        let spawnIndex = 0;
+        tasks.forEach((t) => {
+          if (isMainFn(t)) { map[t.id] = '主分支'; traverse(t.child_tasks, prefix); }
+          else { spawnIndex++; const num = prefix ? `${prefix}.${spawnIndex}` : `${spawnIndex}`; map[t.id] = `分支 ${num}`; traverse(t.child_tasks, num); }
+        });
+      };
+      this.product.task_tree.forEach((t) => { map[t.id] = '主分支'; traverse(t.child_tasks, ''); });
+      return map;
+    },
+    lanes() {
+      const result = [];
+      if (!this.product || !this.product.task_tree) return result;
+
+      const mainLane = { _key: 'main', label: '主分支', cards: [] };
+
+      const sortTasks = (tasks) => {
+        if (!tasks) return [];
+        return [...tasks].sort((a, b) => new Date(a.created_at) - new Date(b.created_at));
+      };
+
+      // 🚀 终极递归收集算法
+      const followMain = (taskList, lane) => {
+        if (!taskList || !taskList.length) return;
+        const sorted = sortTasks(taskList);
+
+        for (const t of sorted) {
+          // 1. 无条件入列：既然进到了这个 lane，就属于这个 lane 的卡片
+          lane.cards.push({ ...t, _key: t.id + '_' + lane._key, _isMain: lane._key === 'main' });
+
+          if (t.child_tasks && t.child_tasks.length) {
+            // 1. 同一分支线性延续（含仓储任务）
+            const nextOnThisLane = t.child_tasks.filter(c =>
+              c.task_type === 'TRANSFER' || c.task_type === 'RECOVERY' || c.task_type === 'WAREHOUSE'
+            );
+            followMain(nextOnThisLane, lane);
+
+            // 2. 凡是 SPAWN，必定开辟新分支 (不限层级)
+            const spawns = t.child_tasks.filter(c => c.task_type === 'SPAWN');
+            for (const sc of spawns) {
+              const blabel = (this.branchLabelMap && this.branchLabelMap[sc.id]) || '协助分支';
+              const branchLane = { _key: 'branch_' + sc.id, label: blabel, cards: [] };
+              result.push(branchLane);      // 先占坑：父分支排在前面
+              followMain([sc], branchLane); // 再递归：孙子分支自然排在后面
+            }
+          }
+        }
+      };
+
+      result.push(mainLane);
+      followMain(this.product.task_tree, mainLane);
+      return result;
+    },
+  },
+  mounted() {
+    try {
+      const info = uni.getSystemInfoSync();
+      this.swiperHeight = (info.windowHeight || 600) - 130;
+    } catch (e) { /* ignore */ }
+  },
+  methods: {
+    formatUserName,
+    // ★ 仓储系统任务（扫码入库/扫码出库）：assignee 为 null,防御性渲染
+    isWarehouseTask(t) {
+      const name = String((t && t.task_name) || "");
+      return name.includes("扫码") || (t && t.task_type === "WAREHOUSE");
+    },
+    getCardIdx(laneKey) { return this.cardIndices[laneKey] || 0; },
+    setCardIdx(laneKey, idx) { this.$set(this.cardIndices, laneKey, idx); },
+    onLaneSwipe(e) { this.currentLane = e.detail.current; },
+    onCardSwipe(e, laneIdx) {
+      const lane = this.lanes[laneIdx];
+      if (lane) {
+        this.setCardIdx(lane._key, e.detail.current);
+      }
+    },
+    taskCardClass(t) {
+      if (t.status === 'ARCHIVED') return 'card-archived';
+      if (t.status === 'CANCELED') return 'card-canceled';
+      return '';
+    },
+    statusLabel(s) { const map = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", CANCELED: "已撤回" }; return map[s] || s; },
+    statusColor(s) { switch (s) { case "PENDING": return "sc-yellow"; case "WIP": return "sc-blue"; case "COMPLETED": return "sc-green"; case "REJECTED": return "sc-red"; case "CANCELED": return "sc-canceled"; case "ARCHIVED": return "sc-purple"; default: return "sc-gray"; } },
+    fmtTime(d) { if (!d) return ""; const dt = new Date(d); const pad = (n) => String(n).padStart(2, "0"); return `${dt.getFullYear()}-${pad(dt.getMonth()+1)}-${pad(dt.getDate())} ${pad(dt.getHours())}:${pad(dt.getMinutes())}`; },
+  },
+};
+</script>
+
+<style scoped>
+.ss-fullscreen { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: flex; flex-direction: column; background: #e8ecf0; }
+
+/* 顶部栏 */
+.ss-topbar { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; padding-top: calc(8px + env(safe-area-inset-top)); background: rgba(255,255,255,0.95); backdrop-filter: blur(10px); border-bottom: 1px solid #e5e7eb; flex-shrink: 0; z-index: 10; }
+.ss-back { font-size: 13px; font-weight: 700; color: #2563eb; padding: 5px 10px; background: #eff6ff; border-radius: 8px; }
+.ss-title-group { display: flex; flex-direction: column; align-items: center; gap: 0; flex: 1; }
+.ss-title { font-size: 15px; font-weight: 800; color: #1f2937; }
+.ss-step-hint { font-size: 10px; color: #9ca3af; }
+.ss-topbar-right { display: flex; gap: 6px; }
+.ss-overview-btn { font-size: 12px; font-weight: 700; color: #2563eb; padding: 5px 10px; background: #dbeafe; border-radius: 8px; }
+
+/* 滑动区域 */
+.ss-swiper-h { width: 100%; flex: 1; min-height: 220px; }
+.ss-swiper-v { width: 100%; }
+.ss-card-wrapper { display: flex; align-items: flex-start; justify-content: center; padding: 10px 16px; height: 100%; min-height: 220px; box-sizing: border-box; }
+
+/* 任务卡片 */
+.ss-card { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 20px; padding: 18px 22px; box-shadow: 0 8px 24px rgba(0,0,0,0.1); display: flex; flex-direction: column; gap: 10px; max-height: 100%; overflow-y: auto; }
+.task-card { border-left: 10px solid #3b82f6; }
+.task-card-main { border-left-color: #2563eb; border-left-width: 12px; }
+.task-card-branch { border-left-color: #7c3aed; }
+.task-card.card-archived { border-left-color: #8b5cf6; opacity: 0.75; }
+.task-card.card-canceled { border-left-color: #9ca3af; opacity: 0.5; }
+
+.tc-ribbon { position: absolute; top: 14px; right: 14px; font-size: 10px; padding: 3px 10px; border-radius: 6px; color: #fff; font-weight: 700; z-index: 2; }
+.tc-ribbon-main { background: #2563eb; }
+.tc-ribbon-sub { background: #7c3aed; }
+
+.tc-head { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
+.tc-head-left { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
+.badge-main { font-size: 10px; padding: 2px 8px; border-radius: 6px; background: #2563eb; color: #fff; font-weight: 700; }
+.badge-sub { font-size: 10px; padding: 2px 8px; border-radius: 6px; background: #ede9fe; color: #7c3aed; font-weight: 700; }
+.tag-rework-sm { font-size: 10px; padding: 2px 6px; border-radius: 6px; background: #ef4444; color: #fff; font-weight: 700; }
+.tag-archived-sm { font-size: 10px; padding: 2px 6px; border-radius: 6px; background: #ede9fe; color: #7c3aed; font-weight: 700; border: 1px dashed #a78bfa; }
+.tc-status { font-size: 12px; padding: 3px 10px; border-radius: 10px; font-weight: 700; }
+.tc-status.sc-yellow { background: #fef3c7; color: #b45309; }
+.tc-status.sc-blue { background: #dbeafe; color: #1d4ed8; }
+.tc-status.sc-green { background: #dcfce7; color: #15803d; }
+.tc-status.sc-red { background: #fce4ec; color: #be123c; }
+.tc-status.sc-purple { background: #ede9fe; color: #7c3aed; }
+.tc-status.sc-canceled { background: #f3f4f6; color: #9ca3af; text-decoration: line-through; }
+.tc-name { font-size: 20px; font-weight: 800; color: #1f2937; line-height: 1.3; }
+.tc-meta { display: flex; flex-direction: column; gap: 4px; }
+.tc-meta-row { display: flex; align-items: center; gap: 8px; }
+.tc-meta-label { font-size: 13px; color: #9ca3af; }
+.tc-meta-val { font-size: 14px; color: #374151; font-weight: 600; }
+.tc-remark-box { padding: 10px 12px; border-radius: 10px; display: flex; flex-direction: column; gap: 3px; background: #fefce8; border: 1px solid #fef08a; }
+.tc-remark-label { font-size: 12px; font-weight: 700; color: #a16207; }
+.tc-remark-text { font-size: 14px; color: #374151; line-height: 1.5; }
+
+/* 提交记录链接 */
+.tc-records-link { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: linear-gradient(135deg, #eff6ff, #dbeafe); border-radius: 10px; border: 1px solid #bfdbfe; }
+.tc-records-icon { font-size: 16px; }
+.tc-records-count { flex: 1; font-size: 13px; font-weight: 700; color: #2563eb; }
+.tc-records-arrow { font-size: 12px; color: #2563eb; font-weight: 600; }
+
+.tc-stats { display: flex; flex-wrap: wrap; gap: 6px; }
+.tc-stat { font-size: 11px; padding: 3px 8px; border-radius: 8px; background: #f3f4f6; color: #6b7280; font-weight: 600; }
+.tc-time { font-size: 11px; color: #9ca3af; padding-top: 6px; border-top: 1px solid #f3f4f6; }
+
+/* 底部 */
+.ss-footer { flex-shrink: 0; background: rgba(255,255,255,0.95); padding-bottom: calc(6px + env(safe-area-inset-bottom)); }
+.ss-lane-tabs { display: flex; gap: 4px; padding: 6px 12px; overflow-x: auto; }
+.ss-lane-tab { display: flex; align-items: center; gap: 4px; padding: 5px 12px; border-radius: 14px; background: #f3f4f6; font-size: 12px; font-weight: 600; white-space: nowrap; flex-shrink: 0; }
+.ss-lane-tab-main { color: #2563eb; }
+.ss-lane-tab-sub { color: #7c3aed; }
+.ss-lane-active { background: #2563eb; }
+.ss-lane-active .ss-lane-tab-main { color: #fff; }
+.ss-lane-active .ss-lane-tab-sub { color: #ddd6fe; }
+.ss-lane-count { font-size: 10px; color: #9ca3af; background: #fff; padding: 1px 6px; border-radius: 8px; }
+.ss-lane-active .ss-lane-count { color: #2563eb; }
+
+.ss-dots { display: flex; justify-content: center; gap: 5px; padding: 4px 0; overflow-x: auto; }
+.ss-dot { width: 20px; height: 20px; border-radius: 10px; background: #e5e7eb; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s; }
+.ss-dot-active { width: 26px; height: 26px; border-radius: 13px; background: #2563eb; }
+.ss-dot-main { background: #bfdbfe; }
+.ss-dot-label { font-size: 9px; font-weight: 700; color: #9ca3af; }
+.ss-dot-active .ss-dot-label { color: #fff; }
+</style>
diff --git a/track-uniapp/src/pages/scan/components/TreeCanvas.vue b/track-uniapp/src/pages/scan/components/TreeCanvas.vue
new file mode 100644
index 0000000..94b2f49
--- /dev/null
+++ b/track-uniapp/src/pages/scan/components/TreeCanvas.vue
@@ -0,0 +1,212 @@
+<template>
+  <view class="tree-fullscreen">
+    <view class="tc-toolbar">
+      <view class="tc-toolbar-left">
+        <view class="tc-back-btn" @tap="$emit('back')">← 返回</view>
+        <text class="tc-title">🌳 流转树</text>
+      </view>
+      <view class="tc-toolbar-right">
+        <view class="tc-zoom-btn tc-mode-btn" @tap="$emit('swipe')">📇 卡片</view>
+      </view>
+    </view>
+
+    <view v-if="!product.task_tree || !product.task_tree.length" class="zero-task">
+      <text class="zero-icon">📋</text><text class="zero-text">该产品暂无流转记录</text>
+    </view>
+
+    
+    <scroll-view v-else scroll-x scroll-y class="tree-scroll" :style="{ height: scrollHeight + 'px' }">
+      <view class="tree-canvas" :style="{ width: canvasWidth + 'px' }">
+        
+        <view v-for="(mainTask, idx) in allMains" :key="mainTask.id" class="flow-row">
+          
+          <view
+            class="flow-vline"
+            :style="{
+              top: idx === 0 ? '50%' : '0',
+              bottom: idx === allMains.length - 1 ? '50%' : '0'
+            }"
+          />
+
+          
+          <view class="flow-side flow-left">
+            <FlowBranch
+              v-for="b in leftDirect(mainTask)"
+              :key="b.id"
+              :node="b"
+              side="left"
+              :child-map="childMap"
+              :current-user="currentUser"
+              :current-user-id="currentUserId"
+              :current-username="currentUsername"
+              @view-records="$emit('viewRecords', $event)"
+            />
+          </view>
+
+          
+          <view class="flow-center">
+            <FlowCard
+              :node="mainTask"
+              :show-badge="true"
+              @view-records="$emit('viewRecords', $event)"
+            />
+          </view>
+
+          
+          <view class="flow-side flow-right">
+            <FlowBranch
+              v-for="b in rightDirect(mainTask)"
+              :key="b.id"
+              :node="b"
+              side="right"
+              :child-map="childMap"
+              :current-user="currentUser"
+              :current-user-id="currentUserId"
+              :current-username="currentUsername"
+              @view-records="$emit('viewRecords', $event)"
+            />
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+  </view>
+</template>
+
+<script>
+import FlowCard from "./FlowCard.vue";
+import FlowBranch from "./FlowBranch.vue";
+
+export default {
+  name: "TreeCanvas",
+  components: { FlowCard, FlowBranch },
+  props: {
+    product: { type: Object, required: true },
+    currentUser: { type: Object, default: null },
+    currentUserId: { type: [String, Number], default: "" },
+    currentUsername: { type: String, default: "" },
+  },
+  emits: ["viewRecords", "back", "swipe"],
+  data() {
+    return { scrollHeight: 500 };
+  },
+  computed: {
+    // 复刻 Web 端：递归拍平 + childMap（parent_task_id → 子数组）
+    childMap() {
+      const flat = [];
+      const walk = (tasks) => { (tasks || []).forEach((t) => { flat.push(t); walk(t.child_tasks); }); };
+      walk(this.product.task_tree);
+      const map = {};
+      flat.forEach((t) => {
+        const pid = t.parent_task_id || "";
+        if (!map[pid]) map[pid] = [];
+        map[pid].push(t);
+      });
+      Object.values(map).forEach((arr) => arr.sort((a, b) => new Date(a.created_at) - new Date(b.created_at)));
+      return map;
+    },
+    // 所有主线任务，按创建时间排序
+    allMains() {
+      const flat = [];
+      const walk = (tasks) => { (tasks || []).forEach((t) => { flat.push(t); walk(t.child_tasks); }); };
+      walk(this.product.task_tree);
+      const mains = flat.filter((t) => this.isMain(t));
+      mains.sort((a, b) => new Date(a.created_at) - new Date(b.created_at));
+      return mains;
+    },
+    // 横向画布宽度：中央 + 左右翼展开空间（scroll-x 用）
+    canvasWidth() {
+      return 900;
+    },
+  },
+  methods: {
+    isMain(t) {
+      return !t.parent_task_id || t.task_type === "TRANSFER" || t.task_type === "RECOVERY" || t.task_type === "WAREHOUSE";
+    },
+    // 当前主线的直接分支子节点（非主线）
+    branchChildren(mainTask) {
+      return (this.childMap[mainTask.id] || []).filter((c) => !this.isMain(c));
+    },
+    // 左翼（奇偶拆分）
+    leftDirect(mainTask) {
+      return this.branchChildren(mainTask).filter((_, i) => i % 2 === 0);
+    },
+    // 右翼
+    rightDirect(mainTask) {
+      return this.branchChildren(mainTask).filter((_, i) => i % 2 === 1);
+    },
+  },
+  mounted() {
+    try {
+      const info = uni.getSystemInfoSync();
+      this.scrollHeight = Math.max((info.windowHeight || 600) - 70, 300);
+    } catch (e) {}
+  },
+};
+</script>
+
+<style scoped>
+.tree-fullscreen {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: #f5f7fa;
+}
+.tc-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  padding-top: calc(10px + env(safe-area-inset-top));
+  background: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(10px);
+  border-bottom: 1px solid #e5e7eb;
+  flex-shrink: 0;
+  z-index: 999;
+}
+.tc-toolbar-left { display: flex; align-items: center; gap: 12px; }
+.tc-back-btn { font-size: 14px; font-weight: 700; color: #2563eb; padding: 6px 12px; background: #eff6ff; border-radius: 8px; }
+.tc-title { font-size: 16px; font-weight: 800; color: #1f2937; }
+.tc-toolbar-right { display: flex; align-items: center; gap: 8px; }
+.tc-zoom-btn { display: flex; align-items: center; justify-content: center; }
+.tc-mode-btn { width: auto; padding: 0 10px; font-size: 12px; background: #ede9fe; color: #7c3aed; border-radius: 8px; height: 30px; }
+.zero-task { display: flex; flex-direction: column; align-items: center; padding: 60px 0; }
+.zero-icon { font-size: 40px; margin-bottom: 10px; }
+.zero-text { font-size: 14px; color: #9ca3af; }
+
+.tree-scroll { flex-shrink: 0; }
+.tree-canvas { display: flex; flex-direction: column; padding: 16px 12px; }
+
+/* 每条主线一行 */
+.flow-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding: 20px 0;
+}
+/* 中央主干道垂直线（绝对定位，穿透整行） */
+.flow-vline {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background: #d1d5db;
+  transform: translateX(-50%);
+  z-index: 0;
+}
+/* 左右翼容器：各占一半，分支从中央向两侧展开 */
+.flow-side {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  z-index: 1;
+  flex: 1;
+  min-width: 0;
+}
+.flow-left { align-items: flex-end; padding-right: 10px; }
+.flow-right { align-items: flex-start; padding-left: 10px; }
+/* 中央卡片 */
+.flow-center { z-index: 2; flex-shrink: 0; }
+</style>
diff --git a/track-uniapp/src/pages/scan/components/WorkspaceArea.vue b/track-uniapp/src/pages/scan/components/WorkspaceArea.vue
new file mode 100644
index 0000000..ca92446
--- /dev/null
+++ b/track-uniapp/src/pages/scan/components/WorkspaceArea.vue
@@ -0,0 +1,318 @@
+<template>
+  <view class="workspace-area" :class="{ 'is-locked': !!lockedTaskId }">
+    
+    <view v-if="!product.task_tree || !product.task_tree.length" class="zero-task">
+      <text class="zero-icon">📋</text>
+      <text class="zero-text">该产品暂无流转任务</text>
+    </view>
+
+    
+    <view v-else-if="!focusTasks.length" class="zero-task">
+      <text class="zero-icon">🔒</text>
+      <text class="zero-text">当前没有需要你处理的任务</text>
+      <text class="task-count">共 {{ countTasks(product.task_tree) }} 个任务</text>
+    </view>
+
+    
+    <template v-else-if="!lockedTaskId">
+      <view class="list-header">
+        <text class="list-title">📋 待处理任务 ({{ focusTasks.length }})</text>
+        <text class="list-hint">点击任务进入绝对锁定工作区</text>
+      </view>
+      <view class="task-list">
+        <view v-for="t in focusTasks" :key="t.id" class="task-list-item"
+          :class="statusColor(t.status)" @tap="lockTask(t.id)">
+          <view class="tli-left">
+            <text class="tag-branch">{{ branchLabelsMap[t.id] || '' }}</text>
+            <text class="tli-name">{{ t.task_name }}</text>
+            <text class="tli-assignee">→ {{ formatUserName(t.assignee_id) || '未分配' }}</text>
+            <text v-if="getTaskRemark(t)" class="tli-remark">{{ getTaskRemark(t) }}</text>
+          </view>
+          <view class="tli-right">
+            <text :class="['tli-badge', statusColor(t.status)]">{{ statusLabel(t.status) }}</text>
+            <text v-if="t.is_rework" class="tag tag-rework-sm" style="margin-top:2px;">⚠返工</text>
+            <text class="tli-arrow">›</text>
+          </view>
+        </view>
+      </view>
+    </template>
+
+    
+    <template v-else>
+      <view class="lock-bar">
+        <text class="lock-back" @tap="lockedTaskId = null">← 返回列表</text>
+        <text class="lock-title">🔒 沉浸工作区</text>
+      </view>
+
+      <view v-if="isAdminProxy" class="admin-proxy-notice">
+        <text class="proxy-text">⚠️ 正在以管理员身份代 [{{ formatUserName(lockedTask.assignee_id) || lockedTask.assignee_id }}] 操作</text>
+      </view>
+
+      <view class="focus-card" :class="statusColor(lockedTask.status)">
+        <view class="fc-header">
+          <text class="tag-branch">{{ branchLabelsMap[lockedTask.id] || '' }}</text>
+          <text class="fc-status">{{ statusLabel(lockedTask.status) }}</text>
+          <text v-if="lockedTask.is_rework" class="tag tag-rework-sm">⚠返工</text>
+          <text v-if="lockedTask.parent_task_id && lockedTask.task_type === 'SPAWN' && lockedTask.status === 'WIP'" class="sub-branch-end"
+            @tap="$emit('action', { task: lockedTask, type: 'end' })">🛑 结束协助</text>
+        </view>
+        <text class="fc-name">{{ lockedTask.task_name }}</text>
+
+        <view v-if="getTaskRemark(lockedTask)" style="margin-top:20rpx;padding:20rpx;background:#FFFBE8;border-left:8rpx solid #FADB14;border-radius:12rpx;">
+          <text style="font-size:26rpx;color:#8C6A00;font-weight:bold;">📌 初始/交接备注：</text>
+          <view style="font-size:28rpx;color:#333;margin-top:10rpx;">{{ getTaskRemark(lockedTask) }}</view>
+        </view>
+
+        <view v-if="lockedTask.parent_task_id && parentTaskOf(lockedTask)" class="fc-link fc-up">
+          <text class="fc-link-label">{{ isNestedSpawn ? '⬆ 上游协助 (嵌套)' : '⬆ 上游工序' }}</text>
+          <text class="fc-link-name">{{ parentTaskOf(lockedTask).task_name }} → {{ formatUserName(lockedTask.created_by) || formatUserName(parentTaskOf(lockedTask).assignee_id) || '—' }}</text>
+        </view>
+        <view v-if="lockedTask.child_tasks && lockedTask.child_tasks.length" class="fc-link fc-down">
+          <text class="fc-link-label">⬇ 下游分支 ({{ lockedTask.child_tasks.length }})</text>
+          <text v-for="c in lockedTask.child_tasks" :key="c.id" class="fc-link-name">
+            · {{ c.task_name }} → {{ formatUserName(c.assignee_id) || '—' }}
+            <text v-if="c.status==='COMPLETED'" class="branch-done">✓已完成</text>
+            <text v-else-if="c.status==='ARCHIVED'" class="branch-done">📦已入库</text>
+          </text>
+        </view>
+
+        <view v-if="lockedTask.records && lockedTask.records.length" class="fc-records-bar" @tap="$emit('viewRecords', lockedTask)">
+          📋 {{ lockedTask.records.length }} 条干活记录 ›
+        </view>
+        <view class="fc-time">{{ formatTaskTime(lockedTask) }}</view>
+      </view>
+
+      <view v-if="isAssignee" class="footer-actions">
+        <button v-if="lockedTask.status === 'WIP'" class="footer-btn footer-transfer"
+          @tap="$emit('action', { task: lockedTask, type: 'transfer' })"><text class="btn-icon">🔄</text><text class="btn-txt">完工转交</text></button>
+        <button v-if="lockedTask.status === 'WIP'" class="footer-btn footer-record"
+          @tap="$emit('action', { task: lockedTask, type: 'record' })"><text class="btn-icon">📝</text><text class="btn-txt">记录拍照</text></button>
+        <button v-if="lockedTask.status === 'WIP'" class="footer-btn footer-spawn"
+          @tap="$emit('action', { task: lockedTask, type: 'spawn' })"><text class="btn-icon">➕</text><text class="btn-txt">派发协助</text></button>
+        <button v-if="lockedTask.status === 'PENDING'" class="footer-btn footer-receive"
+          @tap="$emit('action', { task: lockedTask, type: 'receive' })"><text class="btn-icon">✅</text><text class="btn-txt">接收任务</text></button>
+        <button v-if="lockedTask.status === 'PENDING'" class="footer-btn footer-reject"
+          @tap="$emit('action', { task: lockedTask, type: 'reject' })"><text class="btn-icon">❌</text><text class="btn-txt">驳回任务</text></button>
+      </view>
+      <view v-else-if="lockedTask.status === 'PENDING' && canRecall" class="footer-actions">
+        <button class="footer-btn footer-recall"
+          @tap="$emit('action', { task: lockedTask, type: 'recall' })"><text class="btn-icon">🔄</text><text class="btn-txt">撤回转交</text></button>
+      </view>
+      <view v-else class="footer-actions footer-readonly">
+        <text class="readonly-hint">🔒 非当前任务指派人，仅可查看</text>
+      </view>
+    </template>
+  </view>
+</template>
+
+<script>
+import { formatUserName } from "../../../utils/format";
+const STATUS_MAP = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", OUTBOUND: "已出库", CANCELED: "已撤回" };
+
+export default {
+  name: "WorkspaceArea",
+  props: {
+    product: { type: Object, default: null },
+    currentUserId: { type: String, default: "" },
+    currentUsername: { type: String, default: "" },
+    currentUserRole: { type: String, default: "" },
+    initialLockTaskId: { type: String, default: "" },
+  },
+  emits: ["action", "viewRecords"],
+  data() {
+    return { lockedTaskId: null };
+  },
+  watch: {
+    initialLockTaskId: {
+      immediate: true,
+      handler(id) {
+        if (id && this.focusTasks.some(t => t.id === id)) {
+          this.lockedTaskId = id;
+        }
+      },
+    },
+    product: {
+      handler() {
+        if (this.initialLockTaskId && this.focusTasks.some(t => t.id === this.initialLockTaskId)) {
+          this.lockedTaskId = this.initialLockTaskId;
+        }
+      },
+    },
+  },
+  computed: {
+    taskMap() {
+      const m = {};
+      const walk = (tasks) => { if (!tasks) return; for (const t of tasks) { m[t.id] = t; walk(t.child_tasks); } };
+      if (this.product) walk(this.product.task_tree);
+      return m;
+    },
+    focusTasks() {
+      const result = [];
+      const isMainFn = (t) => !t.parent_task_id || t.task_type === 'TRANSFER' || t.task_type === 'RECOVERY' || t.task_type === 'WAREHOUSE';
+      const walk = (tasks) => {
+        if (!tasks) return;
+        for (const t of tasks) {
+          if (t.status === 'WIP' || t.status === 'PENDING') result.push(t);
+          walk(t.child_tasks);
+        }
+      };
+      if (this.product) walk(this.product.task_tree);
+      result.sort((a, b) => {
+        const aIsMain = isMainFn(a);
+        const bIsMain = isMainFn(b);
+        if (aIsMain && !bIsMain) return -1;
+        if (!aIsMain && bIsMain) return 1;
+        return new Date(a.created_at) - new Date(b.created_at);
+      });
+      return result;
+    },
+    lockedTask() { return this.focusTasks.find(t => t.id === this.lockedTaskId) || null; },
+    isAdmin() { return this.currentUserRole === 'SUPER_ADMIN' || this.currentUserRole === 'SUPERVISOR'; },
+    isAssignee() {
+      if (!this.lockedTask) return false;
+      if (this.isAdmin) return true;  // 管理员上帝视角
+      return this.lockedTask.assignee_id == this.currentUserId
+          || this.lockedTask.assignee_id == this.currentUsername;
+    },
+    isAdminProxy() {
+      // 管理员正在代操作非本人任务
+      return this.isAdmin && this.lockedTask
+        && this.lockedTask.assignee_id != this.currentUserId
+        && this.lockedTask.assignee_id != this.currentUsername;
+    },
+    canRecall() {
+      if (!this.lockedTask || this.lockedTask.status !== 'PENDING') return false;
+      if (this.isAdmin) return true;  // 管理员可撤回任何转交
+      if (this.isAssignee) return false;
+      if (!this.lockedTask.parent_task_id) return false;
+      const parent = this.taskMap[this.lockedTask.parent_task_id];
+      if (!parent) return false;
+      return parent.assignee_id == this.currentUserId || parent.assignee_id == this.currentUsername;
+    },
+    // 🚀 嵌套协助判定：直接父任务不是主线 → 孙子/曾孙协助
+    isNestedSpawn() {
+      if (!this.lockedTask || !this.lockedTask.parent_task_id) return false;
+      const parent = this.taskMap[this.lockedTask.parent_task_id];
+      if (!parent) return false;
+      return parent.parent_task_id && parent.task_type !== 'TRANSFER' && parent.task_type !== 'RECOVERY';
+    },
+    branchLabelsMap() {
+      const map = {};
+      if (!this.product || !this.product.task_tree) return map;
+
+      const flatMap = {};
+      const flatten = (tasks) => {
+        if (!tasks) return;
+        tasks.forEach(t => { flatMap[t.id] = t; flatten(t.child_tasks); });
+      };
+      flatten(this.product.task_tree);
+
+      // 🚀 仅凭基因字段判定，移除危险的状态兜底
+      const isMainFn = (t) => !t.parent_task_id || t.task_type === 'TRANSFER' || t.task_type === 'RECOVERY' || t.task_type === 'WAREHOUSE';
+
+      const traverse = (tasks, prefix) => {
+        if (!tasks) return;
+        let spawnIndex = 0;
+        tasks.forEach((t) => {
+          if (isMainFn(t)) {
+            map[t.id] = '主分支';
+            traverse(t.child_tasks, prefix);
+          } else {
+            spawnIndex++;
+            const num = prefix ? `${prefix}.${spawnIndex}` : `${spawnIndex}`;
+            map[t.id] = `分支 ${num}`;
+            traverse(t.child_tasks, num);
+          }
+        });
+      };
+      this.product.task_tree.forEach((t) => {
+        map[t.id] = '主分支';
+        traverse(t.child_tasks, '');
+      });
+      return map;
+    },
+  },
+  methods: {
+    formatUserName,
+    statusLabel(s) { return STATUS_MAP[s] || s; },
+    statusColor(s) { switch (s) { case "PENDING": return "s-yellow"; case "WIP": return "s-blue"; case "COMPLETED": return "s-green"; case "REJECTED": return "s-red"; default: return "s-gray"; } },
+    countTasks(tree) { return tree ? tree.reduce((s, t) => s + 1 + this.countTasks(t.child_tasks), 0) : 0; },
+    getTaskRemark(t) { if (!t) return ""; if (t.remark) return t.remark; if (t.records && t.records.length > 0) { const recs = [...t.records].reverse(); const rec = recs.find(r => r.remark && r.remark.length > 0); if (rec) return rec.remark; } return ""; },
+    lockTask(taskId) { this.lockedTaskId = taskId; },
+    parentTaskOf(t) { return t && t.parent_task_id ? (this.taskMap[t.parent_task_id] || null) : null; },
+    formatTaskTime(t) { if (!t) return ""; const parts = []; if (t.created_at) parts.push("创建: " + this.formatTime(t.created_at)); if (t.received_at) parts.push("接收: " + this.formatTime(t.received_at)); return parts.join("  |  "); },
+    formatTime(d) { if (!d) return ""; const dt = new Date(d); const pad = (n) => String(n).padStart(2, "0"); return `${dt.getFullYear()}-${pad(dt.getMonth()+1)}-${pad(dt.getDate())} ${pad(dt.getHours())}:${pad(dt.getMinutes())}`; },
+  },
+};
+</script>
+
+<style scoped>
+.workspace-area { height: auto; display: flex; flex-direction: column; }
+/* 沉浸工作区（is-locked）不再锁死 height:100vh + overflow:hidden ——
+   那会造出「卡片内部滚动 + 原生页面滚动」两个滚动容器并存的局面：卡片滚到顶
+   之后再往下拉，手势会穿透到页面层，误触发下拉刷新，工人根本没法往上翻内容。
+   高度交还给内容自然撑开，滚动统一由原生页面负责。 */
+.workspace-area.is-locked { height: auto; }
+.list-header { display: flex; align-items: baseline; justify-content: space-between; padding: 8px 4px; flex-shrink: 0; }
+.list-title { font-size: 14px; font-weight: 700; color: #1f2937; }
+.list-hint { font-size: 11px; color: #9ca3af; }
+.task-list { height: auto; }
+.task-list-item { display: flex; align-items: flex-start; justify-content: space-between; background: #fff; border-radius: 12px; padding: 14px; margin-bottom: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); border-left: 4px solid transparent; }
+.task-list-item.s-yellow { border-left-color: #f59e0b; }
+.task-list-item.s-blue { border-left-color: #3b82f6; }
+.tli-left { flex: 1; min-width: 0; }
+.tag-branch { font-size: 10px; padding: 2px 8px; border-radius: 6px; background: #ede9fe; color: #7c3aed; font-weight: 700; display: inline-block; width: max-content; margin-bottom: 4px; }
+.tli-name { font-size: 15px; font-weight: 700; color: #1f2937; display: block; }
+.tli-assignee { font-size: 11px; color: #9ca3af; display: block; margin-top: 2px; }
+.tli-remark { font-size: 12px; color: #a16207; font-weight: bold; margin-top: 4px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.tli-right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex-shrink: 0; margin-left: 8px; }
+.tli-badge { font-size: 11px; padding: 2px 10px; border-radius: 12px; font-weight: 600; }
+.tli-badge.s-yellow { background: #fef3c7; color: #b45309; }
+.tli-badge.s-blue { background: #dbeafe; color: #1d4ed8; }
+.tli-arrow { font-size: 18px; color: #d1d5db; }
+.lock-bar { display: flex; align-items: center; gap: 12px; padding: 8px 0; flex-shrink: 0; }
+.lock-back { font-size: 13px; color: #2563eb; font-weight: 600; }
+.lock-title { font-size: 14px; font-weight: 700; color: #1f2937; }
+.branch-done { font-size: 11px; font-weight: 600; color: #16a34a; }
+.task-count { font-size: 12px; color: #9ca3af; display: block; margin-top: 4px; }
+/* 去掉 overflow-y: auto —— 锁定任务详情不再自己滚，随页面一起滚。
+   padding-bottom 仍保留 160rpx，用来让内容避开底部固定操作栏。 */
+.focus-card { min-height: 0; margin: 0 4px; padding: 20px 16px calc(160rpx + env(safe-area-inset-bottom)); border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.08); border-top: 5px solid #3b82f6; }
+.focus-card.s-yellow { border-top-color: #f59e0b; }
+.focus-card.s-blue { border-top-color: #3b82f6; }
+.focus-card.s-green { border-top-color: #22c55e; }
+.focus-card.s-red { border-top-color: #ef4444; }
+.fc-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+.fc-status { font-size: 12px; padding: 2px 10px; border-radius: 12px; font-weight: 700; background: #f3f4f6; color: #6b7280; }
+.s-yellow .fc-status { background: #fef3c7; color: #b45309; }
+.s-blue .fc-status { background: #dbeafe; color: #1d4ed8; }
+.tag-rework-sm { font-size: 10px; padding: 2px 6px; border-radius: 8px; background: #ef4444; color: #fff; }
+.sub-branch-end { font-size: 11px; color: #ef4444; font-weight: 600; margin-left: auto; padding: 2px 6px; }
+.fc-name { font-size: 22px; font-weight: 800; color: #1f2937; display: block; margin-bottom: 10px; }
+.fc-link { padding: 6px 10px; border-radius: 8px; margin-bottom: 4px; font-size: 12px; margin-top: 10px; }
+.fc-up { background: #f0fdf4; color: #16a34a; }
+.fc-down { background: #eff6ff; color: #2563eb; }
+.fc-link-label { font-weight: 700; display: block; }
+.fc-link-name { display: block; margin-top: 2px; }
+.fc-records-bar { padding: 8px 12px; background: linear-gradient(135deg,#eff6ff,#dbeafe); border-radius: 8px; font-size: 13px; font-weight: 700; color: #2563eb; margin-top: 10px; margin-bottom: 8px; }
+.fc-time { font-size: 11px; color: #9ca3af; margin-top: auto; padding-top: 8px; border-top: 1px solid #f3f4f6; }
+.zero-task { display: flex; flex-direction: column; align-items: center; padding: 24px 0; }
+.zero-icon { font-size: 40px; margin-bottom: 8px; }
+.zero-text { font-size: 14px; color: #9ca3af; }
+.footer-actions { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 12rpx; padding: 16rpx 20rpx; padding-bottom: calc(16rpx + env(safe-area-inset-bottom)); background: #ffffff; border-top: 1px solid #e5e7eb; box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.05); }
+.footer-btn { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100rpx; border: none; border-radius: 16rpx; line-height: 1.2; padding: 0; }
+.footer-btn::after { border: none; }
+.btn-icon { font-size: 36rpx; margin-bottom: 6rpx; }
+.btn-txt { font-size: 24rpx; font-weight: 700; }
+.footer-readonly { justify-content: center; background: #fef2f2; }
+.admin-proxy-notice { padding: 10rpx 20rpx; background: #fef9e7; border-bottom: 2rpx solid #fde68a; flex-shrink: 0; }
+.proxy-text { font-size: 22rpx; color: #b45309; font-weight: 600; }
+.readonly-hint { font-size: 24rpx; color: #dc2626; font-weight: 600; }
+.footer-transfer { background: #dcfce7; color: #16a34a; }
+.footer-record { background: #eff6ff; color: #2563eb; }
+.footer-receive { background: #dbeafe; color: #1d4ed8; }
+.footer-reject { background: #fce4ec; color: #dc2626; }
+.footer-end { background: #fef3c7; color: #b45309; }
+.footer-spawn { background: #ede9fe; color: #7c3aed; }
+.footer-recall { background: #fef2f2; color: #dc2626; }
+</style>
diff --git a/track-uniapp/src/pages/scan/detail.vue b/track-uniapp/src/pages/scan/detail.vue
new file mode 100644
index 0000000..e8a2e07
--- /dev/null
+++ b/track-uniapp/src/pages/scan/detail.vue
@@ -0,0 +1,858 @@
+<template>
+  <view class="page-container">
+    <view v-if="loading" class="loading">加载中...</view>
+    <view v-if="error" class="error-box">{{ error }}</view>
+
+    <template v-if="product && !loading">
+      
+      <template v-if="currentMode === 'workspace'">
+        <view :key="'prod-card-' + dictVersion">
+        <view class="overall-bar" @tap="handleOverallBarClick">
+          <text class="overall-label">宏观状态</text>
+          <text :class="['overall-val', overallStatusClass(product.overall_status)]">{{ product.overall_status || '未激活 — 点击发起首道工序' }}</text>
+          
+          <text v-if="lifeBadge" :class="['life-badge', lifeBadge.cls]">{{ lifeBadge.label }}</text>
+          <text v-if="product.task_tree && product.task_tree.length && canEditOverallStatus" class="overall-arrow">▾</text>
+        </view>
+
+        <view class="card">
+          <view class="card-header">
+            <text class="card-title">📦 产品信息</text>
+            <view class="card-header-right">
+              <text class="mode-toggle" @tap="toggleMode">{{ modeToggleLabel }}</text>
+              <text class="edit-btn" @tap="openEditProduct">✏️</text>
+              <text class="print-label-btn" @tap="printLabel">🖨️ 打印标签</text>
+            </view>
+          </view>
+          <view class="info-grid">
+            <view class="info-item"><text class="label">身份证</text><text class="value sn">{{ product.serial_number }}</text></view>
+            <view class="info-item" v-if="product.external_serial"><text class="label">产品序列号</text><text class="value sn">{{ product.external_serial }}</text></view>
+            <view class="info-item"><text class="label">物料名称</text><text class="value">{{ product.material_name || product.material_id || '—' }}</text></view>
+            <view class="info-item"><text class="label">规格型号</text><text class="value">{{ product.spec_model || '—' }}</text></view>
+            <view class="info-item"><text class="label">订单编号</text><text class="value">{{ product.order_no || '—' }}</text></view>
+            <view class="info-item" v-if="product.current_location_id">
+              <text class="label">当前位置</text>
+              <text :class="['value', product.current_location_id === 'virtual_warehouse' ? 'warehouse' : '']">{{ formatUserName(product.current_location_id) }}</text>
+            </view>
+          </view>
+        </view>
+        </view>
+
+        <view v-if="showDispatchBanner"
+              class="warehouse-transfer-banner" @tap="openCreateFirstTask">
+          <text class="wt-icon">{{ dispatchBannerIcon }}</text>
+          <text class="wt-text">{{ dispatchBannerText }}</text>
+        </view>
+      </template>
+
+      
+      <WorkspaceArea v-if="currentMode === 'workspace'" :product="product"
+        :currentUserId="currentUserId" :currentUsername="currentUsername"
+        :currentUserRole="currentUserRole"
+        :initialLockTaskId="autoLockTaskId"
+        :key="'wa-' + dictVersion"
+        @action="handleTaskAction" @viewRecords="handleViewRecords" />
+
+      
+      <TaskSwipeCards v-if="currentMode === 'swipe'" :product="product"
+        :key="'sw-' + dictVersion"
+        @back="currentMode = 'workspace'" @overview="currentMode = 'tree'"
+        @viewRecords="handleViewRecords" />
+
+      
+      <TreeCanvas v-if="currentMode === 'tree'" :product="product" :key="'tc-' + dictVersion"
+        :currentUser="currentUser" :currentUserId="currentUserId" :currentUsername="currentUsername"
+        @viewRecords="handleViewRecords" @back="currentMode = 'workspace'" @swipe="currentMode = 'swipe'" />
+
+    </template>
+
+    
+    <view v-if="showStatusPicker" class="overlay" @tap="() => {}">
+      <view class="sheet">
+        <text class="sheet-title">{{ product && product.overall_status ? '修改宏观状态' : '🔔 请设定产品宏观状态' }}</text>
+        <text class="sheet-hint">首次扫码，请选择一个状态以开启流转</text>
+        <view class="sheet-options">
+          <view v-for="opt in availableOverallOptions" :key="opt" :class="['sheet-opt', product && product.overall_status === opt ? 'sheet-opt-active' : '']" @tap="handleSetOverallStatus(opt)"><text>{{ opt }}</text></view>
+        </view>
+        <button v-if="product && product.overall_status" class="sheet-close" @tap="showStatusPicker = false">关闭</button>
+      </view>
+    </view>
+    
+    <view v-if="editProductVisible" class="overlay" @tap="editProductVisible = false">
+      <view class="popup" @tap.stop>
+        <text class="popup-title">编辑产品</text>
+        <view class="field-label">订单编号</view>
+        <input v-model="editForm.order_no" class="popup-input" placeholder="请输入订单编号" />
+        <view class="field-label" style="margin-top:10px;">产品序列号</view>
+        <input v-model="editForm.external_serial" class="popup-input" placeholder="请输入产品序列号" />
+        <view class="popup-btns"><button class="btn-cancel" @tap="editProductVisible = false">取消</button><button class="btn-primary" :disabled="editSaving" @tap="doEditProduct">{{ editSaving ? '保存中...' : '保存' }}</button></view>
+      </view>
+    </view>
+    
+    <view v-if="createFirstVisible" class="overlay" @tap="createFirstVisible = false">
+      <view class="popup" @tap.stop>
+        <text class="popup-title">{{ isWarehouseTransfer ? '📤 仓库转出派发' : '🚀 发起首道工序' }}</text>
+        <view class="field-label">接收人 <text class="required">*</text></view>
+        <view class="user-grid">
+          <view v-for="u in userGridOptions" :key="u.id"
+            :class="['user-grid-item', firstForm.assignee_id === u.id ? 'user-grid-active' : '']"
+            @tap="firstForm.assignee_id = u.id; firstForm.assigneeLabel = u.name">{{ formatName(u.name) }}</view>
+        </view>
+        <view class="field-label" style="margin-top:12px;">备注 <text class="required">*</text></view>
+        <textarea v-model="firstForm.note" class="popup-textarea" placeholder="请填写备注说明（必填）" :maxlength="500" />
+        <view class="popup-btns"><button class="btn-cancel" @tap="createFirstVisible = false">取消</button><button class="btn-primary" :disabled="firstSaving || !firstForm.assignee_id || !firstForm.note.trim()" @tap="doCreateFirstTask">{{ firstSaving ? '创建中...' : '确认创建' }}</button></view>
+      </view>
+    </view>
+    
+    <view v-if="recordPopup.visible" class="overlay" @tap="closeRecordPopup">
+      <view class="popup" @tap.stop>
+        <text class="popup-title">{{ recordForm.recordId ? '✏️ 编辑记录' : '📝 记录/拍照' }}</text>
+        <text class="popup-task">{{ recordPopup.task && recordPopup.task.task_name }}</text>
+        <textarea v-model="recordForm.remark" class="popup-textarea" placeholder="填写备注说明" :maxlength="2000" />
+        <view class="img-grid">
+          <view v-for="(img, i) in recordForm.images" :key="i" class="img-cell"><view class="success-badge-wrapper img-frame"><image :src="imageUrl(img)" mode="aspectFill" class="img-thumb" @tap="previewRecordImage(i)" /><view v-if="isUploaded(img)" class="success-badge" /></view><text v-if="canDeleteRecordImage(i)" class="img-del" @tap.stop="removeRecordImage(i)">✕</text></view>
+          <view v-for="n in recordForm.pendingCount" :key="'p'+n" class="img-cell img-cell-loading"><text class="img-loading-text">⏳</text></view>
+        </view>
+        <button v-if="recordForm.images.length + recordForm.pendingCount < 9" class="btn-upload" @tap="handleChooseImage" :disabled="isUploading">{{ isUploading ? '上传中...' : `📷 拍照/选图 (${recordForm.images.length + recordForm.pendingCount}/9)` }}</button>
+        <view class="popup-btns"><button class="btn-cancel" @tap="closeRecordPopup">取消</button><button class="btn-primary" :disabled="recordSaving || isUploading" @tap="doSaveRecord">{{ isUploading ? '上传中' : (recordSaving ? '保存中...' : (recordForm.recordId ? '更新记录' : '保存记录')) }}</button></view>
+      </view>
+    </view>
+    
+    <view v-if="actionPopup.visible" class="overlay" @tap="closeActionPopup">
+      <view class="popup" @tap.stop>
+        <template v-if="actionPopup.type === 'receive'">
+          <text class="popup-title">确认接收任务</text>
+          <view class="popup-task">{{ actionPopup.task && actionPopup.task.task_name }}</view>
+          <text class="popup-hint">状态: {{ statusLabel(actionPopup.task && actionPopup.task.status) }} → 进行中</text>
+          <view class="field-label">选择工序 <text class="required">*</text></view>
+          <view class="user-grid">
+            <view v-for="opt in availableTaskOptions" :key="opt"
+              :class="['user-grid-item', receiveTaskName === opt ? 'user-grid-active' : '']"
+              @tap="receiveTaskName = opt">{{ opt }}</view>
+          </view>
+          <textarea v-model="receiveRemark" class="popup-textarea" placeholder="接收备注（选填）" :maxlength="500" style="margin-top:12px;" />
+          <view class="popup-btns"><button class="btn-cancel" @tap="closeActionPopup">取消</button><button class="btn-primary" :disabled="actionLoading || !receiveTaskName" @tap="doReceive">确认接收</button></view>
+        </template>
+        <template v-if="actionPopup.type === 'reject'">
+          <text class="popup-title">品质驳回</text>
+          <textarea v-model="rejectReason" class="popup-textarea" placeholder="请填写驳回原因（必填）" :maxlength="500" />
+          
+          <view class="field-label">异常图片 <text class="optional">（选填，最多 9 张）</text></view>
+          <view class="img-grid">
+            <view v-for="(img, i) in rejectForm.images" :key="i" class="img-cell"><view class="success-badge-wrapper img-frame"><image :src="imageUrl(img)" mode="aspectFill" class="img-thumb" @tap="previewRejectImage(i)" /><view v-if="isUploaded(img)" class="success-badge" /></view><text class="img-del" @tap.stop="removeRejectImage(i)">✕</text></view>
+            <view v-for="n in rejectForm.pendingCount" :key="'rp'+n" class="img-cell img-cell-loading"><text class="img-loading-text">⏳</text></view>
+          </view>
+          <button v-if="rejectForm.images.length + rejectForm.pendingCount < 9" class="btn-upload" @tap="handleChooseRejectImage" :disabled="isUploading">{{ isUploading ? '上传中...' : `📷 拍照/选图 (${rejectForm.images.length + rejectForm.pendingCount}/9)` }}</button>
+          <text class="popup-hint">⚠ 驳回后将自动创建返工任务</text>
+          <view class="popup-btns"><button class="btn-cancel" @tap="closeActionPopup">取消</button><button class="btn-danger" :class="{ 'btn-counting': confirming === 'reject' && confirmCount > 0 }" :disabled="actionLoading || isUploading || !rejectReason.trim() || (confirming === 'reject' && confirmCount > 0)" @tap="confirmBtn('reject', doReject)">{{ isUploading ? '上传中...' : confirmLabel('reject', '确认驳回') }}</button></view>
+        </template>
+        <template v-if="actionPopup.type === 'transfer'">
+          <text class="popup-title">完工转交</text>
+          <view class="field-label">接收人 / 处理方式 <text class="required">*</text></view>
+          <view class="user-grid">
+            <view v-for="u in userGridOptions" :key="u.id"
+              :class="['user-grid-item', transferForm.selectedUserId === u.id ? 'user-grid-active' : '']"
+              @tap="selectTransferUser(u.id)">{{ formatName(u.name) }}</view>
+          </view>
+          <view class="field-label" style="margin-top:12px;">或</view>
+          <view :class="['user-grid-item', transferForm.isWarehouse ? 'user-grid-active' : '']" style="width:100%;" @tap="toggleWarehouse">📦 入库 (virtual_warehouse)</view>
+          <template v-if="showFinishDirect">
+            <view :class="['user-grid-item', transferForm.isFinishDirect ? 'user-grid-active' : '']" style="width:100%;margin-top:8px;" @tap="toggleFinishDirect">🏁 直接完结 (不入库)</view>
+            <text class="popup-hint">🏁 直接完结：结束本任务且不创建下游任务，不改动产品状态（已出库的设备完结后依然是「已出库」）。用于售后返厂直接发走、半成品被直接提走等无需入库的场景</text>
+          </template>
+          <view class="field-label" style="margin-top:12px;">交接备注 <text class="required">*</text></view>
+          <textarea v-model="transferForm.note" class="popup-textarea" placeholder="请填写交接备注（必填）" :maxlength="500" />
+          <view v-if="transferMode" class="preview-hint">{{ transferPreview }}</view>
+          <view class="popup-btns"><button class="btn-cancel" @tap="closeActionPopup">取消</button><button class="btn-primary" :disabled="actionLoading || !transferMode || !transferForm.note.trim()" @tap="doTransfer">{{ actionLoading ? '提交中...' : transferSubmitLabel }}</button></view>
+        </template>
+        <template v-if="actionPopup.type === 'spawn'">
+          <text class="popup-title">➕ 派发协助分支</text>
+          <text class="popup-hint">为当前任务创建并行协助，当前任务保持进行中</text>
+          <view class="field-label">接收人 <text class="required">*</text></view>
+          <view class="user-grid">
+            <view v-for="u in userGridOptions" :key="u.id"
+              :class="['user-grid-item', spawnForm.assignee_id === u.id ? 'user-grid-active' : '']"
+              @tap="spawnForm.assignee_id = u.id">{{ formatName(u.name) }}</view>
+          </view>
+          <view class="field-label" style="margin-top:12px;">派发备注 <text class="required">*</text></view>
+          <textarea v-model="spawnForm.remark" class="popup-textarea" placeholder="请填写派发备注说明（必填）" :maxlength="500" />
+          <view class="popup-btns"><button class="btn-cancel" @tap="closeActionPopup">取消</button><button class="btn-primary btn-spawn" :disabled="actionLoading || !spawnForm.assignee_id || !spawnForm.remark.trim()" @tap="doSpawn">{{ actionLoading ? '提交中...' : '确认派发' }}</button></view>
+        </template>
+      </view>
+    </view>
+
+    
+    <view class="msg-fab" @tap="openMsgDrawer">
+      <text class="msg-fab-icon">💬</text>
+      <text v-if="msgUnreadCount" class="msg-fab-badge">{{ msgUnreadCount }}</text>
+    </view>
+
+    
+    <view v-if="showMsgDrawer" class="msg-drawer-overlay" @tap="closeMsgDrawer">
+      <view class="message-board-drawer" @tap.stop>
+        <view class="mb-drawer-handle"></view>
+        <view class="mb-title">💬 协同留言板</view>
+        <scroll-view scroll-y class="mb-scroll-area" :scroll-into-view="bottomMsgId" scroll-with-animation>
+          <view v-for="msg in messages" :key="msg.id" class="mb-item" :id="'msg-' + msg.id">
+            <view class="mb-avatar">{{ formatUserAvatar(msg.operator_id) }}</view>
+            <view class="mb-content-wrapper">
+              <view class="mb-header-info">
+                <text class="mb-name">{{ formatUserName(msg.operator_id) }}</text>
+                <text class="mb-time">{{ fmtMsgTime(msg.created_at) }}</text>
+              </view>
+              <view class="mb-bubble">{{ msg.content }}</view>
+            </view>
+          </view>
+          <view id="msg-bottom" class="mb-bottom-anchor"></view>
+        </scroll-view>
+        <view class="mb-input-bar">
+          <input v-model="newMsgText" class="mb-input" placeholder="输入交接注意事项..." confirm-type="send" @confirm="submitMessage" />
+          <view :class="['mb-send-btn', !newMsgText.trim() ? 'btn-disabled' : '']" @tap="submitMessage">发送</view>
+        </view>
+      </view>
+    </view>
+
+    
+    <view v-if="confirmDlg.visible" class="overlay" @tap="confirmDlgCancel">
+      <view class="popup" @tap.stop style="max-width:360px;border-radius:16px;">
+        <text class="popup-title">{{ confirmDlg.title }}</text>
+        <text class="popup-hint" style="display:block;margin-bottom:4px;">{{ confirmDlg.content }}</text>
+        <text v-if="confirmDlg.countdown" class="cd-tip">⚠️ 5 秒确认等待中：请核对信息，倒计时结束后确认按钮才可点击</text>
+        <view class="popup-btns">
+          <button class="btn-cancel" @tap="confirmDlgCancel">取消</button>
+          <button class="btn-primary" :class="{ 'btn-counting': confirming === 'dlg' && confirmCount > 0 }" :disabled="confirming === 'dlg' && confirmCount > 0" @tap="confirmDlgConfirm">{{ confirmDlg.countdown ? confirmLabel('dlg', '确认') : '确认' }}</button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import request, { get, post, patch, put, getBaseUrl } from "../../utils/request";
+import { uploadImages, isUploadedUrl } from "../../utils/upload";
+import { setUserNameMap, formatUserName, formatUserAvatar } from "../../utils/format";
+import { taskOptionsFor, overallOptionsFor, lifecycleBadge } from "../../utils/lifecycle";
+import WorkspaceArea from "./components/WorkspaceArea.vue";
+import TreeCanvas from "./components/TreeCanvas.vue";
+import TaskSwipeCards from "./components/TaskSwipeCards.vue";
+
+// 🔧 工序可选项不再写死 —— 由 computed availableOverallOptions / availableTaskOptions
+//    按生命周期阶段（生产制造 / 售后回流）动态收窄，词表见 utils/lifecycle.js
+const STATUS_MAP = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", OUTBOUND: "已出库", CANCELED: "已撤回" };
+
+export default {
+  components: { WorkspaceArea, TreeCanvas, TaskSwipeCards },
+  data() {
+    return {
+      loading: true, error: "", product: null,
+      showStatusPicker: false, editProductVisible: false, editForm: { order_no: "", external_serial: "" }, editSaving: false,
+      users: [],
+      createFirstVisible: false, isWarehouseTransfer: false, firstForm: { task_name: "", taskNameIdx: 0, assignee_id: "", assigneeLabel: "", assigneeIdx: 0, note: "" }, firstSaving: false,
+      recordPopup: { visible: false, task: null }, recordForm: { recordId: null, remark: "", images: [], pendingCount: 0, savedCount: 0 }, recordSaving: false, isUploading: false,
+      currentUser: null, currentUserId: "", currentUsername: "", currentUserRole: "", currentMode: "workspace", autoLockTaskId: "",
+      processOptions: [], userOptions: [],
+      actionPopup: { visible: false, type: "", task: null }, actionLoading: false, rejectReason: "", receiveRemark: "", receiveTaskName: "",
+      // 📷 驳回异常图片（选填）：与追加记录共用同一套选图/上传流程
+      rejectForm: { images: [], pendingCount: 0 },
+      transferForm: { selectedUserId: "", isWarehouse: false, isFinishDirect: false, note: "" },
+      spawnForm: { assignee_id: "", remark: "" },
+      // 🛡️ 双重确认倒计时：避免误触
+      confirming: "",      // 当前倒计时中的操作 key（'' = 无）
+      confirmCount: 5,     // 剩余秒数
+      confirmTimer: null,  // 定时器句柄
+      confirmDlg: { visible: false, title: "", content: "", action: null },  // 确认框类操作弹窗
+      // 💬 留言板
+      messages: [],
+      // 🚀 字典版本号：驱动子组件强制重建，解决 userNameMap 非响应式问题
+      dictVersion: 0,
+      showMsgDrawer: false,
+      newMsgText: '',
+      bottomMsgId: '',
+      lastMsgSeenAt: '',
+    };
+  },
+  computed: {
+    userLabels() { return this.users.map(u => `${u.full_name} (${u.username})`); },
+    canDeleteImage() { if (!this.recordPopup.task) return true; if (!this.currentUser) return true; const frozen = ["COMPLETED","REJECTED","ARCHIVED","CANCELED"]; if (frozen.includes(this.recordPopup.task.status)) return false; const assignee = this.recordPopup.task.assignee_id; return assignee == this.currentUserId || assignee == this.currentUsername || (this.currentUser && this.currentUser.id == assignee) || (this.currentUser && this.currentUser.username == assignee); },
+    transferUserName() { const u = this.userOptions.find(u => u.id === this.transferForm.selectedUserId); return u ? u.name : ""; },
+    // 🔒 直接完结入口仅超管/主管【可见】——普通人看不到，而不是点了才被后端 403。
+    //    ⚠️ 必须两个角色都判：本文件既有的 canEditOverallStatus 只判了 SUPER_ADMIN、
+    //       漏了 SUPERVISOR，导致主管被前端误挡。此处与后端 ADMIN_ROLES 对齐。
+    // 🔒 管理角色判定（超管 / 主管）—— 与后端 ADMIN_ROLES 对齐，作为各处权限判断的唯一入口
+    isAdminUser() { const r = (this.currentUser && this.currentUser.role) || this.currentUserRole || ''; return r === 'SUPER_ADMIN' || r === 'SUPERVISOR'; },
+    canFinishDirectly() { return this.isAdminUser; },
+    // 📤 产品是否空闲：没有任何活跃的【主线】任务（WIP/PENDING）。
+    //    只算主干（无父任务 或 TRANSFER/RECOVERY）：协助分支（SPAWN）不阻塞派发，
+    //    否则一个挂着的协助分支会把产品永久锁死。
+    hasActiveMainTask() {
+      const walk = (tasks) => {
+        if (!tasks) return false;
+        for (const t of tasks) {
+          const isMain = !t.parent_task_id || t.task_type === 'TRANSFER' || t.task_type === 'RECOVERY';
+          if (isMain && (t.status === 'WIP' || t.status === 'PENDING')) return true;
+          if (walk(t.child_tasks)) return true;
+        }
+        return false;
+      };
+      return this.product ? walk(this.product.task_tree) : false;
+    },
+    // 📤 派发新任务入口的显示条件 —— 2026-09-17 解绑「派发权限」与「仓库位置」。
+    //
+    //    原实现硬性要求 current_location_id === 'virtual_warehouse'，于是
+    //    【直接完结】后的设备（位置停在最后经手人名下、又不在仓库池）派发入口
+    //    彻底消失，产品变成再也无法流转的孤儿数据。
+    //    但物理上除非设备报废，永远存在派发新任务的需求，故增加豁免：
+    //      · 在仓库且我本人没有待办 → 转出派发（原有行为，保持不动）
+    //      · 产品空闲（无活跃主线任务）且我是超管/主管 → 直接派发新任务
+    //        （已出库设备尤其如此：位置在工人名下也不该挡住派发）
+    showDispatchBanner() {
+      if (!this.product) return false;
+      if (this.product.current_location_id === 'virtual_warehouse' && !this.hasMyActiveTask) return true;
+      return this.isAdminUser && !this.hasActiveMainTask;
+    },
+    dispatchBannerText() {
+      return this.product && this.product.current_location_id === 'virtual_warehouse'
+        ? '该产品在仓库中 — 点击此处转出并派发给指定人员'
+        : '当前任务已完结 — 点击此处直接派发新任务';
+    },
+    dispatchBannerIcon() {
+      return this.product && this.product.current_location_id === 'virtual_warehouse' ? '📤' : '🚀';
+    },
+    // 🛡️ 直接完结的【场景】门槛：角色够 + 产品确实是「已出库」。
+    //    为什么必须卡状态：普通生产中的设备若被直接完结，产品既无下游任务、
+    //    又不在仓库池中，会变成卡在工人名下的**孤儿数据**；而且售后往往要多步
+    //    流转（发货测试 → 维修 → 入库 → …），提前完结会把任务流彻底切断。
+    //    生产中的设备只能走「入库」或「转交个人」，回归正常流转。
+    showFinishDirect() {
+      return this.canFinishDirectly
+        && !!this.product
+        && this.product.overall_status === '已出库';
+    },
+    // 🏁 转交弹窗的三选一模式：'' = 未选 | 'user' 转交个人 | 'warehouse' 入库 | 'direct' 直接完结
+    //    direct 分支额外校验 角色 + 场景 双门槛，防御残留选中态把 finish_directly 发出去
+    transferMode() { const f = this.transferForm; if (f.isFinishDirect && this.showFinishDirect) return 'direct'; if (f.isWarehouse) return 'warehouse'; return f.selectedUserId ? 'user' : ''; },
+    transferSubmitLabel() { return { direct: '🏁 确认直接完结', warehouse: '📦 确认入库', user: '确认转交' }[this.transferMode] || '确认转交'; },
+    transferPreview() { return { direct: '任务将直接完结，不创建下游任务；不改动产品状态（已出库的设备完结后依然是「已出库」）', warehouse: '产品将入库并从个人待办中移除', user: '将创建新任务指派给 ' + (this.transferUserName || '—') }[this.transferMode] || ''; },
+    spawnUserName() { const u = this.userOptions.find(u => u.id === this.spawnForm.assignee_id); return u ? u.name : ""; },
+    userGridOptions() { return (this.userOptions || []).map(u => ({ id: u.id, name: u.name })); },
+    modeToggleLabel() { if (this.currentMode === 'workspace') return '📇 流转卡片'; if (this.currentMode === 'swipe') return '🌳 流转树'; return '🛠️ 工作区'; },
+    hasMyActiveTask() {
+      const find = (tasks) => { if (!tasks) return false; for (const t of tasks) { if ((t.status === 'WIP' || t.status === 'PENDING') && (t.assignee_id == this.currentUserId || t.assignee_id == this.currentUsername)) return true; if (find(t.child_tasks)) return true; } return false; };
+      return this.product ? find(this.product.task_tree) : false;
+    },
+    msgUnreadCount() { if (!this.lastMsgSeenAt) return this.messages.length; return this.messages.filter(m => m.created_at > this.lastMsgSeenAt).length; },
+    // 🔒 宏观状态修改权限：对齐后端 update_overall_status 的 main_task 判断标准
+    canEditOverallStatus() {
+      if (!this.currentUser) return false;
+      if (this.currentUser.role === 'SUPER_ADMIN') return true;
+      if (!this.product || !this.product.task_tree) return false;
+      let hasPermission = false;
+      const checkTask = (tasks) => {
+        if (!tasks || hasPermission) return;
+        for (const t of tasks) {
+          const isMain = !t.parent_task_id || t.task_type === 'TRANSFER' || t.task_type === 'RECOVERY';
+          if (isMain && (t.status === 'WIP' || t.status === 'PENDING')) {
+            if (t.assignee_id == this.currentUserId || t.assignee_id == this.currentUsername) {
+              hasPermission = true;
+            }
+          }
+          checkTask(t.child_tasks);
+        }
+      };
+      checkTask(this.product.task_tree);
+      return hasPermission;
+    },
+    // 🔧 生命周期标签：只在售后回流环节（发货测试 / 售后维修）打红色标签
+    lifeBadge() {
+      return lifecycleBadge(
+        this.product && this.product.overall_status,
+        this.product && this.product.lifecycle_phase,
+      );
+    },
+    // ── 🔧 选项隔离：按生命周期阶段收窄可选工序 ──
+    // 生产制造设备只能排「备货/生产/测试/维修/在库」；
+    // 售后回流设备只能选「发货测试/售后维修/在库」，排不回前期环节。
+    isAfterSales() {
+      return !!(this.product && this.product.lifecycle_phase === "AFTER_SALES");
+    },
+    // 是否已有"真实工序"历史 —— 仅判断 task_tree 非空是不够的：
+    // 老设备首次「发起首道工序」建出来的任务名是占位符「待确认」，
+    // 此时产品已有一条任务，但接收人还没机会声明工序。若按 task_tree 非空
+    // 就判定"有历史"，接收下拉将只给生产工序，老设备永远选不到「售后维修」，
+    // 售后通路直接断掉。故这里必须排除占位符。
+    hasHistory() {
+      const walk = (tasks) => {
+        if (!tasks) return false;
+        for (const t of tasks) {
+          const name = String(t.task_name || "").trim();
+          if (name && name !== "待确认" && !name.includes("virtual_warehouse")) return true;
+          if (walk(t.child_tasks)) return true;
+        }
+        return false;
+      };
+      return walk(this.product && this.product.task_tree);
+    },
+    availableOverallOptions() {
+      return overallOptionsFor(this.product && this.product.lifecycle_phase, this.hasHistory);
+    },
+    availableTaskOptions() {
+      // 🔧 第三个参数 overall_status：已出库设备同样要走售后词表（发货测试 / 售后维修），
+      //    否则出库后补做质检的工人永远选不到对应工序（鸡生蛋死锁）。
+      return taskOptionsFor(
+        this.product && this.product.lifecycle_phase,
+        this.hasHistory,
+        this.product && this.product.overall_status,
+      );
+    },
+  },
+  onLoad(options) { this.loadUsers(); this.loadCurrentUser(); const sn = options.serial || ""; if (sn) { this.doQuery(sn); return; } /* 🚀 兜底: 从 taskId 反查 product */ const tid = options.taskId || ""; if (tid) this.doQueryByTask(tid); },
+  // 🚀 onShow 生命周期：每次页面显示时刷新留言板（解决从聊天室退回不更新问题）
+  onShow() { if (this.product?.id) { this.fetchMessages(); } },
+  // 🚀 页面卸载：清理确认倒计时定时器，避免泄漏
+  onUnload() { this.clearConfirm(); },
+  // ⚠️ 本页【刻意不开启】下拉刷新（pages.json 中已移除 enablePullDownRefresh）。
+  //    原因：本页有三种沉浸式模式 —— 锁定的工作区卡片、全屏流转卡片(swiper)、
+  //    全屏流转树(scroll-view)，它们各自持有滚动/滑动手势，且都是 position:fixed
+  //    或原生 scroll-view，无法改由页面滚动接管。一旦开启页面下拉刷新，这些区域
+  //    滑到顶后再下拉就会误触发刷新，工人没法正常往上翻内容。
+  //    状态纠偏不依赖下拉刷新：handleNetworkFailure 会自动静默拉取真实状态。
+  methods: {
+    formatUserName, formatUserAvatar,
+    formatName(name) { if (!name) return ""; return name.length === 2 ? name[0] + "　" + name[1] : name; },
+    statusLabel(s) { return STATUS_MAP[s] || s; },
+    statusColor(s) { switch (s) { case "PENDING": return "s-yellow"; case "WIP": return "s-blue"; case "COMPLETED": return "s-green"; case "REJECTED": return "s-red"; default: return "s-gray"; } },
+
+    async doQuery(sn) { this.loading = true; this.error = ""; try { this.product = await get(`/products/scan/${sn}`); this.$nextTick(() => { this.currentMode = 'workspace'; this.autoLockTaskId = this.findMyImmersiveTask() || ''; if (!this.product.task_tree || !this.product.task_tree.length) { this.openCreateFirstTask(); } }); this.fetchMessages(); } catch (e) { this.error = e?.data?.detail || "查询失败"; } finally { this.loading = false; } },
+    // 🚀 从 taskId 反查 product_serial → 再 doQuery
+    async doQueryByTask(tid) { try { const task = await get(`/tasks/${tid}`); const sn = task?.product_sn || ""; if (sn) { this.doQuery(sn); } else { this.error = "未找到关联产品"; this.loading = false; } } catch { this.error = "任务查询失败"; this.loading = false; } },
+    findMyImmersiveTask() {
+      // 🚀 扫描用户的 WIP/PENDING 任务，自动沉浸锁定
+      if (!this.product || !this.product.task_tree) return null;
+      let wipTask = null, pendingTask = null;
+      const walk = (tasks) => {
+        if (!tasks) return;
+        for (const t of tasks) {
+          const isMine = t.assignee_id == this.currentUserId || t.assignee_id == this.currentUsername;
+          if (isMine && t.status === 'WIP') wipTask = t;
+          if (isMine && t.status === 'PENDING' && !pendingTask) pendingTask = t;
+          walk(t.child_tasks);
+        }
+      };
+      walk(this.product.task_tree);
+      return (wipTask || pendingTask) ? (wipTask || pendingTask).id : null;
+    },
+    toggleMode() { if (this.currentMode === 'workspace') this.currentMode = 'swipe'; else if (this.currentMode === 'swipe') this.currentMode = 'tree'; else this.currentMode = 'workspace'; },
+
+    async handleSetOverallStatus(status) { try { this.product = await patch(`/products/scan/${this.product.serial_number}/status`, { status }); uni.showToast({ title: `状态已更新: ${status}`, icon: "success" }); this.showStatusPicker = false; } catch {} },
+    // 宏观状态语义色：已入库=灰，已出库=靛蓝，待仓库收货=橙，其余默认蓝
+    overallStatusClass(status) {
+      if (!status) return 'overall-empty';
+      if (status === '已入库') return 'overall-archived';
+      if (status === '已出库') return 'overall-outbound';
+      if (status === '待仓库收货') return 'overall-warehouse';
+      return '';
+    },
+    openEditProduct() { this.editForm = { order_no: this.product.order_no || "", external_serial: this.product.external_serial || "" }; this.editProductVisible = true; },
+    async doEditProduct() { this.editSaving = true; try { this.product = await patch(`/products/${this.product.id}`, { order_no: this.editForm.order_no.trim(), external_serial: this.editForm.external_serial.trim() }); uni.showToast({ title: "已保存", icon: "success" }); this.editProductVisible = false; } catch {} finally { this.editSaving = false; } },
+
+    async loadUsers() { try { const res = await get("/users/", { limit: 200, dept: "IRIS" }); this.users = (res || []).filter(u => u.department === "IRIS"); this.userOptions = this.users.map(u => ({ id: u.username || u.id, name: u.full_name || u.username })); setUserNameMap(this.users); this.dictVersion += 1; } catch (e) { console.error('[loadUsers] 获取用户列表失败:', e); } },
+    loadCurrentUser() { try { let user = uni.getStorageSync("user"); if (typeof user === "string" && user) { try { user = JSON.parse(user); } catch (e) { user = null; } } if (user && typeof user === "object") { this.currentUser = user; this.currentUserId = String(user.id || ""); this.currentUsername = user.username || ""; this.currentUserRole = user.role || ""; } } catch {} },
+
+    onTaskNameChange(e) { const idx = e.detail.value; this.firstForm.taskNameIdx = idx; this.firstForm.task_name = this.availableTaskOptions[idx]; },
+    onAssigneeChange(e) { const idx = e.detail.value; const u = this.users[idx]; if (u) { this.firstForm.assigneeIdx = idx; this.firstForm.assignee_id = u.username; this.firstForm.assigneeLabel = `${u.full_name} (${u.username})`; } },
+    // 🚀 打开「派发新任务」弹窗。标题由 isWarehouseTransfer 决定，
+    //    而该标志【必须在此处按产品实际位置重新推导】——
+    //    原先 openWarehouseTransfer 先置 true、再调用本方法被立刻重置为 false，
+    //    导致弹窗标题永远显示「发起首道工序」，仓库转出场景的文案从未生效。
+    openCreateFirstTask() {
+      this.isWarehouseTransfer = !!(this.product && this.product.current_location_id === 'virtual_warehouse');
+      if (this.currentMode === 'tree') this.currentMode = 'workspace';
+      this.firstForm = { assignee_id: "", assigneeLabel: "", note: "" };
+      this.createFirstVisible = true;
+    },
+    handleOverallBarClick() { if (!this.product.task_tree || !this.product.task_tree.length) { this.openCreateFirstTask(); } else if (this.canEditOverallStatus) { this.showStatusPicker = true; } else { uni.showToast({ title: '仅超级管理员或当前主线负责人可修改状态', icon: 'none', duration: 2500 }); } },
+    // 注：原 openWarehouseTransfer() 已移除 —— 它的 isWarehouseTransfer=true 会被
+    //     openCreateFirstTask 立刻覆盖（死代码）。现在 banner 直接调用 openCreateFirstTask，
+    //     由后者按产品实际位置推导标题。
+    async doCreateFirstTask() { this.firstSaving = true; try { await post("/tasks/", { product_id: this.product.id, task_name: "待确认", assignee_id: this.firstForm.assignee_id, notify_parent_on_complete: false, remark: this.firstForm.note.trim() || undefined }); if (this.product.current_location_id === 'virtual_warehouse') { try { await patch(`/products/${this.product.id}`, { current_location_id: this.firstForm.assignee_id }); } catch {} } uni.showToast({ title: "任务已派发，待接收", icon: "success" }); this.createFirstVisible = false; this.doQuery(this.product.serial_number); } catch {} finally { this.firstSaving = false; } },
+
+    // savedCount = 打开弹窗时已落库的图片张数。列表里 [0, savedCount) 是服务端已有的，
+    // 之后的都是本次会话新选的（尚未提交），删除判定据此区分，见 canDeleteRecordImage。
+    openRecordPopup(task) { this.recordPopup = { visible: true, task }; this.recordForm = { recordId: null, remark: "", images: [], pendingCount: 0, savedCount: 0 }; this.isUploading = false; },
+    openEditRecord({ task, record }) { const saved = record.images || []; this.recordPopup = { visible: true, task }; this.recordForm = { recordId: record.id, remark: record.remark || "", images: saved.slice(), pendingCount: 0, savedCount: saved.length }; this.isUploading = false; },
+    closeRecordPopup() { this.recordPopup = { visible: false, task: null }; },
+    // 🖼️ 后端返回的是相对路径（如 /api/v1/upload/files/xxx.jpg），直接丢给 <image> 会破图，
+    //    这里补全域名 → 完整可访问 URL。逻辑与 records.vue / TaskTreeNode.vue 保持一致。
+    imageUrl(url) {
+      if (!url) return "";
+      if (url.startsWith("http")) return url;
+      const domain = getBaseUrl().replace(/\/api.*$/, '');
+      return domain + (url.startsWith("/") ? url : "/" + url);
+    },
+    // 📷 通用选图上传：压缩后逐个上传，URL 累积进 target.images，
+    //    过程中用 target.pendingCount 显示 ⏳ 占位（追加记录 / 驳回共用）。
+    //    ⚠️ 失败必须显式提示 + 确保图片不进 images 数组，绝不静默吞掉：
+    //       工人会以为图传好了，提交上去才发现缺图，而任务已流转出去。
+    async pickAndUploadImages(target) {
+      const maxSlots = 9 - (target.images.length + target.pendingCount);
+      if (maxSlots <= 0) return;
+      const chooseRes = await new Promise((resolve, reject) => { uni.chooseImage({ count: maxSlots, sizeType: ["compressed"], sourceType: ["camera", "album"], success: resolve, fail: reject }); }).catch(() => null);
+      if (!chooseRes || !chooseRes.tempFilePaths || !chooseRes.tempFilePaths.length) return;
+      const compressedPaths = [];
+      for (const p of chooseRes.tempFilePaths) {
+        try { const compressed = await new Promise((resolve, reject) => { uni.compressImage({ src: p, quality: 60, success: resolve, fail: reject }); }); compressedPaths.push(compressed.tempFilePath); } catch {}
+      }
+      if (!compressedPaths.length) {
+        // 压缩全军覆没（内存不足/格式异常）也必须说一声，不能悄悄什么都没发生
+        uni.showToast({ title: "图片处理失败，请重试", icon: "none", duration: 3000 });
+        return;
+      }
+      this.isUploading = true;
+      target.pendingCount += compressedPaths.length;
+      // 🚀 有界并发上传（utils/upload.js）：9 张图并行补位，不再串行干等。
+      //    onEachDone 对每张图恰好回调一次 —— 成功的推入 images 供预览，
+      //    失败的保持不推入（不给"图片已传好"的错觉），两者都回收一个 ⏳ 占位。
+      const { failed, total } = await uploadImages(compressedPaths, (url) => {
+        if (url) target.images.push(url);
+        target.pendingCount--;
+      });
+      this.isUploading = false;
+      if (failed > 0) {
+        uni.showToast({
+          title: failed === total ? "图片上传失败，请重试" : "部分图片上传失败，请重试",
+          icon: "none",
+          duration: 3000,
+        });
+      }
+    },
+    handleChooseImage() { return this.pickAndUploadImages(this.recordForm); },
+    handleChooseRejectImage() { return this.pickAndUploadImages(this.rejectForm); },
+    /**
+     * 删除一张记录图。
+     *
+     * 已落库的图（编辑历史记录）删掉是不可逆的，保留 5 秒倒计时防误触；
+     * 本次刚选、尚未提交的图只存在内存里，删错了重新拍一张即可，没必要卡 5 秒。
+     */
+    removeRecordImage(i) {
+      const isUnsaved = i >= (this.recordForm.savedCount || 0);
+      this.openConfirmDlg({
+        title: "删除图片",
+        content: "确定删除这张图片吗？",
+        countdown: !isUnsaved,
+        action: () => { this.recordForm.images.splice(i, 1); },
+      });
+    },
+    previewRecordImage(i) { uni.previewImage({ urls: this.recordForm.images.map((u) => this.imageUrl(u)), current: i }); },
+    removeRejectImage(i) { this.rejectForm.images.splice(i, 1); },
+    previewRejectImage(i) { uni.previewImage({ urls: this.rejectForm.images.map((u) => this.imageUrl(u)), current: i }); },
+    /** 绿勾角标只认「已上传成功」的项（判定逻辑统一收口在 utils/upload.js） */
+    isUploaded(url) { return isUploadedUrl(url); },
+    /**
+     * 某张记录图能否删除。
+     *
+     * 本次会话新选、尚未提交的图（下标 >= savedCount）**永远可删** —— 它只存在于
+     * 内存里，删掉不产生任何服务端影响。canDeleteImage 那道「任务已定稿 / 不是我的活」
+     * 的闸门本意是保护已落库的历史记录，不该连带把工人刚选错、想撤掉的候选图一起锁死。
+     * （此前这里直接写 v-if="canDeleteImage"，导致在已完成任务上打开「记录/拍照」，
+     *  选完图后根本没有删除入口。）
+     */
+    canDeleteRecordImage(i) { return this.canDeleteImage || i >= (this.recordForm.savedCount || 0); },
+    async doSaveRecord() { if (this.isUploading) return; this.recordSaving = true; try { const payload = { remark: this.recordForm.remark.trim(), images: this.recordForm.images }; if (this.recordForm.recordId) await put(`/records/${this.recordForm.recordId}`, payload); else await patch(`/tasks/${this.recordPopup.task.id}/records`, payload); uni.showToast({ title: "已保存", icon: "success" }); this.closeRecordPopup(); this.doQuery(this.product.serial_number); } catch (e) { this.handleNetworkFailure(e, this.recordForm.recordId ? "更新记录" : "保存记录"); } finally { this.recordSaving = false; } },
+
+    async handleTaskAction({ task, type, record }) {
+      if (type === "record") { this.openRecordPopup(task); return; }
+      if (type === "deleteRecord") { this.doDeleteRecord(record); return; }
+      if (type === "end") { this.confirmEndBranch(task); return; }
+      if (type === "recall") { this.confirmRecall(task); return; }
+      if (type === "transfer" || type === "spawn") { uni.showLoading({ title: "加载数据..." }); try { if (!this.userOptions.length) await this.loadUsers(); this.processOptions = ["🏭 入库 (virtual_warehouse)", ...this.availableTaskOptions]; } finally { uni.hideLoading(); } }
+      this.actionPopup = { visible: true, type, task }; this.rejectReason = ""; this.receiveRemark = ""; this.receiveTaskName = "";
+      this.rejectForm = { images: [], pendingCount: 0 }; this.isUploading = false;
+      this.transferForm = { selectedUserId: "", isWarehouse: false, isFinishDirect: false, note: "" };
+      this.spawnForm = { assignee_id: "", remark: "" };
+    },
+    handleViewRecords(task) { uni.navigateTo({ url: `/pages/scan/records?taskId=${task.id}` }); },
+    async doDeleteRecord(record) { this.openConfirmDlg({ title: "删除记录", content: "确定删除这条记录吗？删除后不可恢复。", countdown: true, action: async () => { try { await request({ url: `/records/${record.id}`, method: "DELETE" }); uni.showToast({ title: "记录已删除", icon: "success" }); this.doQuery(this.product.serial_number); } catch (e) { uni.showToast({ title: (e && e.data && e.data.detail) || "删除失败", icon: "none" }); } } }); },
+    confirmEndBranch(task) { this.openConfirmDlg({ title: "结束分支", content: `确定结束「${task.task_name}」吗？`, countdown: true, action: () => this.doEndBranch(task) }); },
+    confirmRecall(task) { this.openConfirmDlg({ title: "撤回转交", content: `确定撤回「${task.task_name}」吗？撤回后任务将回到您的手中。`, countdown: true, action: () => this.doRecall(task) }); },
+    async doRecall(task) { try { const opId = this.currentUsername || this.currentUserId; await post(`/tasks/${task.id}/recall?operator_id=${encodeURIComponent(opId)}`); uni.showToast({ title: "已撤回", icon: "success" }); this.doQuery(this.product.serial_number); } catch (e) { this.handleNetworkFailure(e, "撤回转交"); } },
+    async doEndBranch(task) { try { const opId = this.currentUsername || this.currentUserId; await post(`/tasks/${task.id}/end?operator_id=${encodeURIComponent(opId)}`); uni.showToast({ title: "分支已结束", icon: "success" }); this.doQuery(this.product.serial_number); } catch (e) { this.handleNetworkFailure(e, "结束分支"); } },
+    closeActionPopup() { this.actionPopup = { visible: false, type: "", task: null }; },
+
+    // ═══ 网络级失败的识别与统一处置（防"超时后连点"造成重复流转） ═══
+    // 🌐 判定「网络级失败」：uni.request 的 fail 回调 = 压根没拿到后端响应
+    //    （超时 / 断网 / DNS 失败），与 4xx/5xx 有本质区别 —— 后者后端明确应答过，
+    //    而前者后端很可能已经把动作执行成功了，只是响应没回来。
+    isNetworkFailure(e) {
+      if (!e) return false;
+      if (e.isNetworkError === true) return true;
+      if (e.statusCode) return false; // 有 HTTP 状态码 = 后端应答过，不是网络级
+      const msg = String(e.errMsg || e.message || "");
+      return /timeout|network|request:fail/i.test(msg);
+    },
+    // 🛡️ 网络级失败的统一处置：
+    //    1) 关闭弹窗 —— 强行打断工人的连点，否则第二次点下去就是重复驳回/重复转交；
+    //    2) 强提示（模态，必须手动确认）—— 告诉他"可能已生效"，别再点；
+    //    3) 静默拉取真实状态 —— 防止继续基于过期数据产生脏操作。
+    //    返回 true 表示已按网络级失败处理，调用方无需再兜底。
+    handleNetworkFailure(e, actionLabel) {
+      if (!this.isNetworkFailure(e)) return false;
+      this.closeActionPopup();
+      this.closeRecordPopup();
+      uni.showModal({
+        title: "网络超时",
+        content: `未收到服务器响应，「${actionLabel}」可能已生效。已为你刷新最新状态，请确认后再操作。`,
+        showCancel: false,
+        confirmText: "知道了",
+      });
+      this.refreshProductSilently();
+      return true;
+    },
+    // 静默刷新产品详情：不置 loading，避免打断视线（网络故障后自动纠偏用）
+    async refreshProductSilently() {
+      const sn = this.product && this.product.serial_number;
+      if (!sn) return;
+      try { this.product = await get(`/products/scan/${sn}`); } catch (e) { console.error("[refresh] 静默刷新失败:", e); }
+    },
+
+    // ═══ 双重确认倒计时（防误触） ═══
+    // 首次点击进入 5 秒倒计时：期间确认按钮虚化禁用（点不了），只有「取消」可用；
+    // 5 秒结束后确认按钮解锁，点击才真正执行。
+    confirmBtn(key, doAction) {
+      if (this.confirming === key) {
+        if (this.confirmCount <= 0) {
+          // 倒计时结束，点击执行
+          this.clearConfirm();
+          doAction();
+        }
+        // 倒计时中：按钮已禁用，忽略点击
+        return;
+      }
+      // 首次点击，开始倒计时
+      this.clearConfirm();
+      this.confirming = key;
+      this.confirmCount = 5;
+      this.confirmTimer = setInterval(() => {
+        this.confirmCount -= 1;
+        if (this.confirmCount <= 0) clearInterval(this.confirmTimer);
+      }, 1000);
+    },
+    clearConfirm() {
+      if (this.confirmTimer) clearInterval(this.confirmTimer);
+      this.confirmTimer = null;
+      this.confirming = "";
+      this.confirmCount = 5;
+    },
+    confirmLabel(key, baseText) {
+      if (this.confirming === key && this.confirmCount > 0) return `${baseText} (${this.confirmCount}s)`;
+      return baseText;
+    },
+    // 确认框类操作（结束分支/删除记录/删除图片/撤回转交）
+    // countdown=true 时确认按钮需要 5 秒等待（期间禁用）；false 时立即确认
+    openConfirmDlg({ title, content, action, countdown = false }) {
+      this.clearConfirm();
+      this.confirmDlg = { visible: true, title, content, action, countdown };
+      if (countdown) {
+        this.confirming = "dlg";
+        this.confirmCount = 5;
+        this.confirmTimer = setInterval(() => {
+          this.confirmCount -= 1;
+          if (this.confirmCount <= 0) clearInterval(this.confirmTimer);
+        }, 1000);
+      }
+    },
+    confirmDlgConfirm() {
+      if (this.confirming === "dlg" && this.confirmCount > 0) return; // 倒计时中：忽略
+      if (this.confirming === "dlg") this.clearConfirm();
+      const action = this.confirmDlg.action;
+      this.confirmDlg.visible = false;
+      this.confirmDlg.action = null;
+      if (action) action();
+    },
+    confirmDlgCancel() {
+      this.clearConfirm();
+      this.confirmDlg.visible = false;
+      this.confirmDlg.action = null;
+    },
+    async doReceive() { this.actionLoading = true; try { const remark = this.receiveRemark.trim() || undefined; const opId = this.currentUsername || this.currentUserId; await post(`/tasks/${this.actionPopup.task.id}/receive?operator_id=${encodeURIComponent(opId)}`, { remark, task_name: this.receiveTaskName }); uni.showToast({ title: "已接收", icon: "success" }); this.closeActionPopup(); this.doQuery(this.product.serial_number); } catch (e) { this.handleNetworkFailure(e, "接收任务"); } finally { this.actionLoading = false; } },
+    // 驳回：reason 必填，images 选填（编号错误等场景允许空数组）
+    async doReject() { if (this.isUploading) return; this.actionLoading = true; try { const opId = this.currentUsername || this.currentUserId; await post(`/tasks/${this.actionPopup.task.id}/reject?operator_id=${encodeURIComponent(opId)}`, { reason: this.rejectReason.trim(), images: this.rejectForm.images }); uni.showToast({ title: "已驳回", icon: "success" }); this.closeActionPopup(); this.doQuery(this.product.serial_number); } catch (e) { this.handleNetworkFailure(e, "驳回任务"); } finally { this.actionLoading = false; } },
+    // 转交 — 互斥选择
+    selectTransferUser(userId) { this.transferForm.selectedUserId = userId; this.transferForm.isWarehouse = false; this.transferForm.isFinishDirect = false; },
+    toggleWarehouse() { this.transferForm.isWarehouse = !this.transferForm.isWarehouse; if (this.transferForm.isWarehouse) { this.transferForm.selectedUserId = ""; this.transferForm.isFinishDirect = false; } },
+    // 🏁 直接完结：与前两者互斥。不发往仓库 → 后端落入"无下家"分支，overall_status 原样保留
+    toggleFinishDirect() { this.transferForm.isFinishDirect = !this.transferForm.isFinishDirect; if (this.transferForm.isFinishDirect) { this.transferForm.selectedUserId = ""; this.transferForm.isWarehouse = false; } },
+    async doTransfer() {
+      this.actionLoading = true;
+      const { isWarehouse, isFinishDirect } = this.transferForm;
+      try {
+        const note = this.transferForm.note.trim() || undefined;
+        // 🏁 直接完结：next_tasks 留空 + finish_directly=true，
+        //    后端据此跳过分支解析，只闭环任务、不改产品宏观状态（不会变成"待仓库收货"）
+        const payload = isFinishDirect
+          ? { next_tasks: [], finish_directly: true, note }
+          : { next_tasks: [{ task_name: isWarehouse ? "🏭 入库 (virtual_warehouse)" : "待确认", assignees: isWarehouse ? ["virtual_warehouse"] : [this.transferForm.selectedUserId] }], note };
+        await post(`/tasks/${this.actionPopup.task.id}/transfer`, payload);
+        uni.showToast({ title: isFinishDirect ? "已直接完结" : (isWarehouse ? "已入库" : "转交成功"), icon: "success" });
+        this.closeActionPopup();
+        this.doQuery(this.product.serial_number);
+      } catch (e) {
+        this.handleNetworkFailure(e, isFinishDirect ? "直接完结" : (isWarehouse ? "入库" : "转交"));
+      } finally { this.actionLoading = false; }
+    },
+    // 派发协助分支
+    async doSpawn() { this.actionLoading = true; try { const opId = this.currentUsername || this.currentUserId; await post(`/tasks/${this.actionPopup.task.id}/spawn?operator_id=${encodeURIComponent(opId)}`, { task_name: "待确认", assignee_id: this.spawnForm.assignee_id, remark: this.spawnForm.remark.trim() || undefined }); uni.showToast({ title: "协助分支已派发", icon: "success" }); this.closeActionPopup(); this.doQuery(this.product.serial_number); } catch (e) { this.handleNetworkFailure(e, "派发协助分支"); } finally { this.actionLoading = false; } },
+    // 💬 留言板
+    async fetchMessages() { if (!this.product?.id) return; try { const res = await get(`/products/${this.product.id}/messages`); this.messages = res || []; const key = `msg_seen_${this.product.id}`; this.lastMsgSeenAt = uni.getStorageSync(key) || ''; this.scrollToBottom(); } catch (e) { console.error('获取留言失败', e); } },
+    async submitMessage() { const content = this.newMsgText.trim(); if (!content) return; this.newMsgText = ''; const tempId = 'temp_' + Date.now(); const tempMsg = { id: tempId, operator_id: this.currentUsername || this.currentUserId || '?', content, created_at: new Date().toISOString() }; this.messages.push(tempMsg); this.scrollToBottom(); try { await post(`/products/${this.product.id}/messages`, { operator_id: this.currentUsername || this.currentUserId, content }); this.fetchMessages(); } catch (e) { uni.showToast({ title: '发送失败', icon: 'none' }); this.messages = this.messages.filter(m => m.id !== tempId); } },
+    openMsgDrawer() { this.showMsgDrawer = true; this.$nextTick(() => { this.scrollToBottom(); }); },
+    closeMsgDrawer() { const last = this.messages[this.messages.length - 1]; this.lastMsgSeenAt = last ? last.created_at : new Date().toISOString(); if (this.product?.id && last) { uni.setStorageSync(`msg_seen_${this.product.id}`, this.lastMsgSeenAt); } this.showMsgDrawer = false; },
+    scrollToBottom() { this.$nextTick(() => { this.bottomMsgId = 'msg-bottom'; }); },
+    fmtMsgTime(d) { if (!d) return ''; const dt = new Date(d); const pad = (n) => String(n).padStart(2, '0'); return `${pad(dt.getMonth()+1)}-${pad(dt.getDate())} ${pad(dt.getHours())}:${pad(dt.getMinutes())}`; },
+    // 🖨️ 打印标签：调用后端 API 发送打印指令
+    async printLabel() {
+      if (!this.product?.serial_number) return;
+      uni.showActionSheet({
+        itemList: ['网络打印机（后端API）', '蓝牙打印机（ESC/POS）'],
+        success: async (res) => {
+          if (res.tapIndex === 0) {
+            // 方案A：网络打印机 → 调用后端 /print/execute API
+            try {
+              uni.showLoading({ title: '发送打印指令...' });
+              await post(`/print/execute`, {
+                serial_number: this.product.serial_number,
+                material_name: this.product.material_name || '',
+                spec_model: this.product.spec_model || '',
+                order_no: this.product.order_no || '',
+                copies: 1,
+              });
+              uni.hideLoading();
+              uni.showToast({ title: '打印指令已发送', icon: 'success' });
+            } catch (e) {
+              uni.hideLoading();
+              uni.showToast({ title: e?.data?.detail || '打印失败', icon: 'none' });
+            }
+          } else if (res.tapIndex === 1) {
+            // 方案B：蓝牙打印机 → 前端直连 ESC/POS 指令
+            // ⚠️ 需要引入蓝牙打印 SDK，当前为占位架构
+            uni.showToast({ title: '蓝牙打印功能开发中', icon: 'none' });
+          }
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+/* 根容器只负责背景与内边距，不设固定高度、不做内部滚动 —— 内容自然撑开，
+   整页滚动完全交给原生 Page 层，避免与页面下拉刷新手势打架。 */
+.page-container { min-height: 100vh; display: block; background-color: #f3f4f6; box-sizing: border-box; padding: 16px; padding-bottom: 24px; }
+.loading { text-align: center; padding: 48px 0; color: #6b7280; }
+.error-box { padding: 12px; border-radius: 10px; background: #fef2f2; color: #dc2626; font-size: 13px; border: 1px solid #fecaca; }
+.overall-bar { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: #fff; border-radius: 12px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
+.overall-label { font-size: 13px; color: #6b7280; }
+.overall-val { font-size: 15px; font-weight: 700; color: #2563eb; flex: 1; }
+.overall-empty { color: #ef4444; }
+.overall-archived { color: #6b7280; }  /* 已入库：灰 */
+.overall-outbound { color: #4f46e5; }  /* 已出库：靛蓝 */
+.overall-warehouse { color: #ea580c; } /* 待仓库收货：橙 */
+.overall-arrow { font-size: 12px; color: #9ca3af; }
+/* 🔧 售后回流标识：紫底白字（生产阶段不打标）
+   不用红色——红色在本系统是「驳回/危险」语义，售后只是另一条流转支线。 */
+.life-badge { font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 20px; flex-shrink: 0; }
+.life-badge-after { background: #9333ea; color: #ffffff; }
+.card { background: #fff; border-radius: 12px; padding: 14px; margin-bottom: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); flex-shrink: 0; min-height: 120px; }
+.card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 6px; }
+.card-header-right { display: flex; align-items: center; gap: 4px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; }
+.card-title { font-size: 15px; font-weight: 700; flex-shrink: 0; }
+.edit-btn { font-size: 18px; padding: 2px 6px; flex-shrink: 0; }
+.mode-toggle { font-size: 12px; font-weight: 700; padding: 4px 8px; border-radius: 8px; background: #eff6ff; color: #2563eb; white-space: nowrap; flex-shrink: 0; }
+.print-label-btn { font-size: 11px; font-weight: 700; padding: 4px 6px; border-radius: 8px; background: #fef3c7; color: #b45309; white-space: nowrap; flex-shrink: 0; }
+.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
+.label { font-size: 12px; color: #9ca3af; }
+.value { font-size: 14px; color: #1f2937; font-weight: 600; word-break: break-all; }
+.sn { font-family: monospace; }
+.warehouse { color: #7c3aed; }
+.badge { font-size: 11px; padding: 2px 10px; border-radius: 20px; font-weight: 600; }
+.s-yellow .badge, .s-yellow { color: #b45309; }
+.s-blue .badge, .s-blue { color: #1d4ed8; }
+.s-green .badge, .s-green { color: #15803d; }
+.s-red .badge, .s-red { color: #be123c; }
+.s-gray .badge, .s-gray { color: #6b7280; }
+.overlay { position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,0.45); display: flex; align-items: flex-end; justify-content: center; }
+.sheet { width: 100%; max-width: 480px; background: #fff; border-radius: 20px 20px 0 0; padding: 20px 16px 32px; }
+.sheet-title { font-size: 17px; font-weight: 700; display: block; text-align: center; }
+.sheet-hint { font-size: 13px; color: #9ca3af; display: block; text-align: center; margin: 6px 0 16px; }
+.sheet-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
+.sheet-opt { padding: 14px 8px; border-radius: 12px; text-align: center; font-size: 15px; font-weight: 600; background: #f3f4f6; color: #374151; border: 2px solid transparent; }
+.sheet-opt-active { background: #dbeafe; color: #2563eb; border-color: #2563eb; }
+.sheet-close { margin-top: 14px; height: 40px; background: #f3f4f6; border: none; border-radius: 10px; font-size: 14px; color: #6b7280; line-height: 40px; }
+.popup { width: 100%; max-width: 480px; background: #fff; border-radius: 16px 16px 0 0; padding: 20px 16px 32px; max-height: 80vh; overflow-y: auto; }
+.popup-title { font-size: 16px; font-weight: 700; display: block; text-align: center; margin-bottom: 12px; }
+.popup-task { font-size: 14px; font-weight: 600; color: #2563eb; text-align: center; margin-bottom: 4px; }
+.popup-hint { font-size: 12px; color: #9ca3af; display: block; text-align: center; }
+.popup-textarea { width: 100%; height: 80px; border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; font-size: 14px; margin: 10px 0; box-sizing: border-box; }
+.popup-input { width: 100%; height: 42px; border: 1px solid #e5e7eb; border-radius: 10px; padding: 0 10px; font-size: 14px; margin: 8px 0; box-sizing: border-box; }
+.popup-btns { display: flex; gap: 10px; margin-top: 16px; }
+.btn-cancel { flex: 1; height: 42px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; color: #6b7280; font-size: 14px; line-height: 42px; }
+.btn-primary { flex: 1; height: 42px; border: none; border-radius: 10px; background: #2563eb; color: #fff; font-size: 14px; font-weight: 600; line-height: 42px; }
+.btn-primary[disabled] { opacity: 0.5; }
+.btn-danger { flex: 1; height: 42px; border: none; border-radius: 10px; background: #dc2626; color: #fff; font-size: 14px; font-weight: 600; line-height: 42px; }
+.btn-danger[disabled] { opacity: 0.5; }
+.btn-counting { background: #f59e0b !important; }
+.cd-tip { display: block; text-align: center; font-size: 12px; color: #b45309; background: #fffbeb; border: 1px solid #fcd34d; border-radius: 8px; padding: 6px 10px; margin: 8px 0 0; line-height: 1.4; }
+.branch-item { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px; margin-bottom: 10px; }
+.branch-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
+.branch-label { font-size: 13px; font-weight: 700; color: #374151; }
+.branch-del { font-size: 12px; color: #ef4444; font-weight: 600; padding: 2px 8px; }
+.btn-add-branch { width: 100%; height: 40px; border: 2px dashed #93c5fd; border-radius: 10px; background: #eff6ff; color: #2563eb; font-size: 14px; font-weight: 700; line-height: 40px; margin: 4px 0; }
+.btn-add-branch::after { border: none; }
+.field-label { font-size: 14px; font-weight: 600; color: #374151; margin-top: 10px; margin-bottom: 4px; }
+
+/* 💬 留言悬浮按钮 */
+.msg-fab { position: fixed; right: 20px; bottom: 100px; z-index: 99; width: 50px; height: 50px; border-radius: 25px; background: #3b82f6; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(59,130,246,0.4); }
+.msg-fab-icon { font-size: 22px; }
+.msg-fab-badge { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; border-radius: 9px; background: #ef4444; color: #fff; font-size: 10px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding: 0 5px; }
+
+/* 💬 留言板底部抽屉 */
+.msg-drawer-overlay { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,0.45); display: flex; align-items: flex-end; justify-content: center; }
+.message-board-drawer { height: 65vh; display: flex; flex-direction: column; background: #fff; border-radius: 16px 16px 0 0; width: 100%; max-width: 480px; }
+.mb-drawer-handle { width: 40px; height: 4px; border-radius: 2px; background: #d1d5db; margin: 8px auto; flex-shrink: 0; }
+.mb-title { font-size: 14px; font-weight: bold; padding: 12px 16px; border-bottom: 1px solid #f3f4f6; color: #374151; flex-shrink: 0; }
+.mb-scroll-area { flex: 1; padding: 12px; overflow-y: auto; }
+.mb-item { display: flex; margin-bottom: 16px; }
+.mb-avatar { width: 36px; height: 36px; border-radius: 18px; background: #3b82f6; color: #fff; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0; font-size: 14px; }
+.mb-content-wrapper { flex: 1; min-width: 0; }
+.mb-header-info { margin-bottom: 4px; display: flex; align-items: baseline; }
+.mb-name { font-size: 12px; color: #6b7280; margin-right: 8px; font-weight: 600; }
+.mb-time { font-size: 10px; color: #9ca3af; }
+.mb-bubble { background: #f3f4f6; padding: 8px 12px; border-radius: 0 12px 12px 12px; font-size: 14px; color: #1f2937; word-break: break-all; line-height: 1.5; }
+.mb-input-bar { display: flex; padding: 10px 16px; border-top: 1px solid #e5e7eb; align-items: center; background: #f9fafb; border-radius: 0 0 12px 12px; flex-shrink: 0; }
+.mb-input { flex: 1; background: #ffffff; border: 1px solid #d1d5db; padding: 6px 12px; border-radius: 16px; font-size: 14px; height: 36px; }
+.mb-send-btn { margin-left: 12px; background: #3b82f6; color: #fff; padding: 6px 16px; border-radius: 16px; font-size: 14px; font-weight: 600; transition: all 0.2s; }
+.btn-disabled { background: #9ca3af; opacity: 0.5; }
+.mb-bottom-anchor { height: 1px; }
+.required { color: #ef4444; }
+.optional { color: #9ca3af; font-weight: 400; font-size: 12px; }
+.picker-box { width: 100%; height: 42px; border: 1px solid #e5e7eb; border-radius: 10px; padding: 0 12px; font-size: 14px; color: #1f2937; line-height: 42px; box-sizing: border-box; background: #fff; }
+.img-grid { display: flex; flex-wrap: wrap; margin: 8px -5px; }
+.img-cell { position: relative; width: 160rpx; height: 160rpx; margin: 10rpx; }
+/* 圆角与裁剪交给 .success-badge-wrapper，图片只负责填满 */
+.img-frame { width: 160rpx; height: 160rpx; }
+.img-thumb { width: 100%; height: 100%; display: block; border: 1px solid #e5e7eb; box-sizing: border-box; }
+.img-cell-loading { display: flex; align-items: center; justify-content: center; background: #f3f4f6; border-radius: 12rpx; border: 1px dashed #d1d5db; }
+.img-loading-text { font-size: 36rpx; }
+.img-del { position: absolute; top: -12rpx; right: -12rpx; width: 40rpx; height: 40rpx; background: #ef4444; color: #fff; border-radius: 20rpx; font-size: 24rpx; text-align: center; line-height: 40rpx; z-index: 2; }
+.btn-upload { width: 100%; height: 42px; border: 1px dashed #d1d5db; border-radius: 10px; background: #f9fafb; color: #6b7280; font-size: 14px; line-height: 42px; margin: 8px 0; }
+.form-item { margin: 10px 0; }
+.form-label { font-size: 14px; font-weight: 600; color: #374151; display: block; margin-bottom: 4px; }
+.picker-value { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 42px; padding: 0 12px; border: 1px solid #e5e7eb; border-radius: 10px; background: #f9fafb; font-size: 14px; box-sizing: border-box; }
+.user-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
+.user-grid-item { padding: 12px 8px; border-radius: 10px; background: #f3f4f6; text-align: center; font-size: 14px; font-weight: 600; color: #374151; border: 2px solid transparent; }
+.user-grid-active { background: #dbeafe; color: #2563eb; border-color: #2563eb; }
+.warehouse-hint { font-size: 13px; background: #ede9fe; color: #7c3aed; padding: 10px 14px; border-radius: 10px; margin: 8px 0; text-align: center; }
+.warehouse-transfer-banner { display: flex; align-items: center; gap: 12px; font-weight: 700; background: linear-gradient(135deg, #ede9fe, #dbeafe); color: #5b21b6; padding: 14px 16px; border-radius: 12px; margin-bottom: 12px; border: 2px dashed #a78bfa; }
+.wt-icon { font-size: 24px; }
+.wt-text { font-size: 14px; flex: 1; }
+.preview-hint { font-size: 12px; background: #f0fdf4; color: #16a34a; padding: 8px 10px; border-radius: 8px; margin: 6px 0; }
+</style>
diff --git a/track-uniapp/src/pages/scan/index.vue b/track-uniapp/src/pages/scan/index.vue
new file mode 100644
index 0000000..46c5c67
--- /dev/null
+++ b/track-uniapp/src/pages/scan/index.vue
@@ -0,0 +1,170 @@
+<template>
+  <view class="page">
+    
+    <view class="scan-btn camera-btn" @tap="handleScanCamera">
+      <text class="scan-icon">📷</text>
+      <text class="scan-text">拍照扫码</text>
+      <text class="scan-hint">全屏扫描二维码 / 条码</text>
+    </view>
+
+    
+    <view class="manual-section">
+      <text class="section-label">或手动输入</text>
+      <view class="manual-input">
+        <view class="input-wrap">
+          <input v-model="serialNumber" class="input" type="text" maxlength="16"
+            placeholder="输入16位身份证" @confirm="handleSearch" />
+          <text v-if="serialNumber" class="input-clear" @tap="serialNumber=''">✕</text>
+        </view>
+        <button class="search-btn" @tap="handleSearch" :disabled="loading">
+          {{ loading ? '查询中' : '查询' }}
+        </button>
+      </view>
+    </view>
+
+    
+    <view v-if="lastScanned" class="last-scan">
+      <text class="last-label">最近扫描</text>
+      <text class="sn-text" @tap="handleSearch">{{ lastScanned }}</text>
+    </view>
+    <view v-if="loading" class="loading">
+      <text class="loading-icon">⏳</text>
+      <text>查询中...</text>
+    </view>
+    <view v-if="error" class="error-box">
+      <text class="error-icon">⚠️</text>
+      <text>{{ error }}</text>
+    </view>
+
+    
+    <view v-if="!loading && !error && !lastScanned" class="empty">
+      <text class="empty-icon">📱</text>
+      <text class="empty-text">扫码或手动输入身份证</text>
+      <text class="empty-sub">查询产品流转进度</text>
+    </view>
+  </view>
+</template>
+
+<script>
+import { get } from "../../utils/request";
+
+export default {
+  data() {
+    return {
+      serialNumber: "",
+      lastScanned: "",
+      loading: false,
+      error: "",
+    };
+  },
+  methods: {
+    async doQuery(sn) {
+      if (!sn || sn.length < 8) { this.error = "身份证至少需要 8 位"; return; }
+      this.serialNumber = sn;
+      this.lastScanned = sn;
+      this.loading = true;
+      this.error = "";
+      try {
+        await get(`/products/scan/${sn}`);
+        uni.navigateTo({ url: `/pages/scan/detail?serial=${sn}` });
+      } catch (e) {
+        this.error = e?.data?.detail || "未找到该产品";
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() { this.doQuery(this.serialNumber.trim()); },
+
+    // 📷 从扫码原始文本中提取设备身份证(SN)
+    //    二维码内容有两种可能，必须都兼容：
+    //      ① 裸 SN              → ABC1234567890DEF
+    //      ② 带域名的完整 URL   → https://track.iris-rs.cn/sn/ABC1234567890DEF?from=label
+    //    旧逻辑只是「去掉非字母数字后截前 16 位」，扫到 ② 时会把 "https"、域名
+    //    一起当成 SN 的前半段，截出来是个完全不存在的号，永远提示"未找到该产品"。
+    extractSerial(raw) {
+      const text = String(raw || "").trim();
+      if (!text) return "";
+
+      // 关键一步：先把 "协议://主机名" 整段剥掉，否则域名会被当成候选 SN
+      // （如 trackbackirisrscn 这种 17 位串，恰好能通过长度校验）。
+      let body = text;
+      const origin = text.match(/^[a-z][a-z0-9+.-]*:\/\/[^/?#]+/i);
+      if (origin) body = text.slice(origin[0].length);
+
+      // 在剩余内容里找长度 >= 8 的连续字母数字串（身份证至少 8 位）。
+      // 取最长的一段；等长时取靠后的 —— URL 里 SN 通常在路径末尾。
+      const runs = body.match(/[a-zA-Z0-9]{8,}/g) || [];
+      if (!runs.length) return "";
+      let best = runs[0];
+      for (const run of runs) {
+        if (run.length >= best.length) best = run;
+      }
+      return best.slice(0, 16);
+    },
+
+    // 📷 全屏相机扫码
+    handleScanCamera() {
+      uni.scanCode({
+        onlyFromCamera: true,
+        scanType: ["qrCode", "barCode"],
+        success: (res) => {
+          const sn = this.extractSerial(res.result);
+          if (!sn) {
+            uni.showToast({ title: "无法识别二维码内容，请确认扫的是设备标签", icon: "none", duration: 2500 });
+            return;
+          }
+          this.doQuery(sn);
+        },
+        fail: (err) => {
+          if (!err.errMsg || !err.errMsg.includes("cancel")) {
+            uni.showToast({ title: "扫码失败，请重试", icon: "none" });
+          }
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 24px 16px 16px; background: #f3f4f6; }
+
+/* 扫码区域 */
+.scan-btn { display: flex; flex-direction: column; align-items: center; justify-content: center;
+  height: 180px; border-radius: 20px; color: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.12);
+  transition: transform 0.15s; margin-bottom: 24px; }
+.scan-btn:active { transform: scale(0.96); }
+.camera-btn { background: linear-gradient(135deg, #2563EB, #4F46E5); }
+.scan-icon { font-size: 44px; margin-bottom: 6px; }
+.scan-text { font-size: 17px; font-weight: 700; }
+.scan-hint { font-size: 11px; opacity: 0.75; margin-top: 4px; }
+
+/* 手动输入 */
+.manual-section { margin-top: 24px; }
+.section-label { font-size: 12px; color: #9ca3af; margin-bottom: 8px; display: block; }
+.manual-input { display: flex; gap: 8px; }
+.input-wrap { flex: 1; position: relative; }
+.input { width: 100%; height: 48px; padding: 0 36px 0 14px; border: 1px solid #e5e7eb; border-radius: 12px;
+  font-size: 15px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.04); box-sizing: border-box; }
+.input-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
+  font-size: 16px; color: #9ca3af; padding: 4px; z-index: 2; }
+.search-btn { height: 48px; padding: 0 22px; background: #2563EB; color: #fff; border: none;
+  border-radius: 12px; font-size: 15px; font-weight: 600; line-height: 48px; }
+.search-btn[disabled] { opacity: 0.5; }
+
+/* 状态 */
+.last-scan { display: flex; align-items: center; gap: 8px; margin-top: 20px; padding: 12px 16px;
+  background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
+.last-label { font-size: 12px; color: #9ca3af; }
+.sn-text { font-family: monospace; font-size: 14px; color: #2563EB; font-weight: 600; flex: 1; }
+.loading { display: flex; align-items: center; justify-content: center; gap: 8px;
+  padding: 24px 0; color: #6b7280; font-size: 14px; }
+.loading-icon { font-size: 20px; }
+.error-box { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding: 14px;
+  border-radius: 12px; background: #fef2f2; color: #dc2626; font-size: 13px; border: 1px solid #fecaca; }
+.error-icon { font-size: 16px; }
+.empty { display: flex; flex-direction: column; align-items: center; padding-top: 60px; color: #9ca3af; }
+.empty-icon { font-size: 56px; margin-bottom: 12px; }
+.empty-text { font-size: 15px; font-weight: 500; }
+.empty-sub { font-size: 12px; margin-top: 4px; }
+</style>
diff --git a/track-uniapp/src/pages/scan/records.vue b/track-uniapp/src/pages/scan/records.vue
new file mode 100644
index 0000000..61e737d
--- /dev/null
+++ b/track-uniapp/src/pages/scan/records.vue
@@ -0,0 +1,378 @@
+<template>
+  <view class="page">
+    <view v-if="loading" class="loading">加载中...</view>
+    <view v-if="error" class="error-box">{{ error }}</view>
+
+    <template v-if="!loading && task">
+      
+      <view class="task-header">
+        <text class="task-name">{{ task.task_name }}</text>
+        <text class="task-meta">负责人: {{ task.assignee_id || '—' }} · {{ statusLabel(task.status) }}</text>
+      </view>
+
+      
+      <view v-if="records.length" class="timeline">
+        <view v-for="(rec, i) in records" :key="rec.id" class="tl-item">
+          
+          <view class="tl-line">
+            <view class="tl-dot" :class="i === 0 ? 'tl-dot-latest' : ''" />
+            <view v-if="i < records.length - 1" class="tl-connector" />
+          </view>
+
+          
+          <view class="tl-card">
+            <view class="tl-top">
+              <text class="tl-time">{{ formatTime(rec.created_at) }}</text>
+              <view v-if="canEdit" class="tl-actions">
+                <text class="tl-act" @tap="openEditRecord(rec)">✏️</text>
+                <text class="tl-act" @tap="confirmDelete(rec)">🗑️</text>
+              </view>
+            </view>
+            <text v-if="rec.remark" class="tl-remark">{{ rec.remark }}</text>
+            <view v-if="rec.images && rec.images.length" class="tl-images">
+              <image
+                v-for="(img, j) in rec.images"
+                :key="j"
+                :src="imageUrl(img)"
+                mode="aspectFill"
+                class="tl-thumb"
+                @tap="previewImage(rec.images, j)"
+              />
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view v-else class="empty-timeline">
+        <text class="empty-icon">📭</text>
+        <text class="empty-text">暂无历史记录</text>
+      </view>
+    </template>
+
+    
+    <view v-if="confirmDlg.visible" class="dlg-overlay" @tap="confirmDlgCancel">
+      <view class="dlg-box" @tap.stop>
+        <text class="dlg-title">{{ confirmDlg.title }}</text>
+        <text class="dlg-content">{{ confirmDlg.content }}</text>
+        <text class="dlg-tip">⚠️ 5 秒确认等待中：请核对信息，倒计时结束后确认按钮才可点击</text>
+        <view class="dlg-btns">
+          <button class="dlg-btn dlg-cancel" @tap="confirmDlgCancel">取消</button>
+          <button class="dlg-btn dlg-danger" :disabled="confirming === 'dlg' && confirmCount > 0" @tap="confirmDlgConfirm">{{ confirmLabel('删除') }}</button>
+        </view>
+      </view>
+    </view>
+
+    
+    <view v-if="editVisible" class="edit-overlay" @tap="closeEditPopup">
+      <view class="edit-popup" @tap.stop>
+        <text class="edit-title">✏️ 编辑记录</text>
+        <textarea v-model="editForm.remark" class="edit-textarea" placeholder="填写备注说明" :maxlength="2000" />
+        <view class="edit-imgs">
+          <view v-for="(img, i) in editForm.images" :key="i" class="edit-img-cell">
+            <view class="success-badge-wrapper edit-img-frame">
+              <image :src="imageUrl(img)" mode="aspectFill" class="edit-img" @tap="previewEditImage(i)" />
+              <view v-if="isUploaded(img)" class="success-badge" />
+            </view>
+            <text class="edit-img-del" @tap.stop="removeEditImage(i)">✕</text>
+          </view>
+          <view v-for="n in editForm.pendingCount" :key="'p'+n" class="edit-img-cell edit-img-loading"><text class="edit-img-loading-text">⏳</text></view>
+        </view>
+        <button v-if="editForm.images.length + editForm.pendingCount < 9" class="edit-upload" @tap="handleChooseImage" :disabled="isUploading">{{ isUploading ? '上传中...' : '📷 拍照/选图' }}</button>
+        <view class="edit-btns">
+          <button class="edit-btn edit-cancel" @tap="closeEditPopup">取消</button>
+          <button class="edit-btn edit-save" :disabled="editSaving || isUploading" @tap="doSaveEdit">{{ editSaving ? '保存中...' : '保存' }}</button>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import request, { get, put, getBaseUrl } from "../../utils/request";
+import { uploadImages, isUploadedUrl } from "../../utils/upload";
+
+export default {
+  data() {
+    return {
+      loading: true,
+      error: "",
+      task: null,
+      records: [],
+      currentUser: null,
+      // 🛡️ 双重确认（5 秒倒计时防误触）
+      confirmDlg: { visible: false, title: "", content: "", action: null },
+      confirming: "",
+      confirmCount: 5,
+      confirmTimer: null,
+      // ✏️ 编辑记录弹窗
+      editVisible: false,
+      editForm: { recordId: null, remark: "", images: [], pendingCount: 0 },
+      editSaving: false,
+      isUploading: false,
+    };
+  },
+  computed: {
+    canEdit() {
+      if (!this.currentUser || !this.task) return false;
+      // 已完成/已驳回/已入库/已撤回 的任务禁止编辑
+      const frozen = ["COMPLETED", "REJECTED", "ARCHIVED", "CANCELED"];
+      if (frozen.includes(this.task.status)) return false;
+      return (
+        this.currentUser.id == this.task.assignee_id ||
+        this.currentUser.username == this.task.assignee_id
+      );
+    },
+  },
+  onLoad(options) {
+    this.loadCurrentUser();
+    const taskId = options.taskId || "";
+    if (taskId) {
+      this.loadTask(taskId);
+    } else {
+      this.error = "缺少任务ID";
+      this.loading = false;
+    }
+  },
+  // 🚀 页面卸载：清理确认倒计时定时器
+  onUnload() { this.clearConfirm(); },
+  methods: {
+    loadCurrentUser() {
+      try {
+        let user = uni.getStorageSync("user");
+        if (typeof user === "string" && user) {
+          try { user = JSON.parse(user); } catch (e) { user = null; }
+        }
+        if (user && typeof user === "object") {
+          this.currentUser = user;
+        }
+      } catch {}
+    },
+
+    async loadTask(taskId) {
+      this.loading = true;
+      try {
+        // 通过产品扫码接口反向获取任务（后端可能没有单独的任务查询接口）
+        // 这里假设后端提供 GET /tasks/{taskId}
+        this.task = await get(`/tasks/${taskId}`);
+        this.records = this.task.records || [];
+      } catch {
+        this.error = "加载任务失败";
+      } finally {
+        this.loading = false;
+      }
+    },
+
+    imageUrl(url) {
+      if (!url) return "";
+      if (url.startsWith("http")) return url;
+      const domain = getBaseUrl().replace(/\/api.*$/, '');
+      return domain + (url.startsWith("/") ? url : "/" + url);
+    },
+
+    previewImage(urls, index) {
+      const fullUrls = (urls || []).map((u) => this.imageUrl(u));
+      uni.previewImage({ urls: fullUrls, current: index });
+    },
+
+    /** 绿勾角标只认「已上传成功」的项（判定逻辑统一收口在 utils/upload.js） */
+    isUploaded(url) {
+      return isUploadedUrl(url);
+    },
+
+    formatTime(t) {
+      if (!t) return "";
+      const d = new Date(t);
+      const pad = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+    },
+
+    statusLabel(s) {
+      const map = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库" };
+      return map[s] || s;
+    },
+
+    // ✏️ 编辑记录：直接在当前页弹窗编辑备注与图片
+    openEditRecord(rec) {
+      this.editForm = { recordId: rec.id, remark: rec.remark || "", images: rec.images || [], pendingCount: 0 };
+      this.editVisible = true;
+      this.isUploading = false;
+    },
+    closeEditPopup() {
+      this.editVisible = false;
+      this.editForm = { recordId: null, remark: "", images: [], pendingCount: 0 };
+    },
+    previewEditImage(i) {
+      uni.previewImage({ urls: this.editForm.images.map((u) => this.imageUrl(u)), current: i });
+    },
+    removeEditImage(i) {
+      this.openConfirmDlg({ title: "删除图片", content: "确定删除这张图片吗？", action: () => { this.editForm.images.splice(i, 1); } });
+    },
+    async handleChooseImage() {
+      const maxSlots = 9 - (this.editForm.images.length + this.editForm.pendingCount);
+      if (maxSlots <= 0) return;
+      const chooseRes = await new Promise((resolve, reject) => {
+        uni.chooseImage({ count: maxSlots, sizeType: ["compressed"], sourceType: ["camera", "album"], success: resolve, fail: reject });
+      }).catch(() => null);
+      if (!chooseRes || !chooseRes.tempFilePaths || !chooseRes.tempFilePaths.length) return;
+      const compressedPaths = [];
+      for (const p of chooseRes.tempFilePaths) {
+        try {
+          const compressed = await new Promise((resolve, reject) => { uni.compressImage({ src: p, quality: 60, success: resolve, fail: reject }); });
+          compressedPaths.push(compressed.tempFilePath);
+        } catch {}
+      }
+      if (!compressedPaths.length) {
+        // 压缩全军覆没（内存不足/格式异常）也必须说一声，不能悄悄什么都没发生
+        uni.showToast({ title: "图片处理失败，请重试", icon: "none", duration: 3000 });
+        return;
+      }
+      this.isUploading = true;
+      this.editForm.pendingCount += compressedPaths.length;
+      // 🚀 有界并发上传（utils/upload.js）：9 张图并行补位，不再串行干等。
+      //    onEachDone 对每张图恰好回调一次 —— 成功的推入 images 供预览，
+      //    失败的保持不推入（不给"图片已传好"的错觉），两者都回收一个 ⏳ 占位。
+      const { failed, total } = await uploadImages(compressedPaths, (url) => {
+        if (url) this.editForm.images.push(url);
+        this.editForm.pendingCount--;
+      });
+      this.isUploading = false;
+      if (failed > 0) {
+        uni.showToast({
+          title: failed === total ? "图片上传失败，请重试" : "部分图片上传失败，请重试",
+          icon: "none",
+          duration: 3000,
+        });
+      }
+    },
+    async doSaveEdit() {
+      if (this.isUploading) return;
+      this.editSaving = true;
+      try {
+        const payload = { remark: this.editForm.remark.trim(), images: this.editForm.images };
+        await put(`/records/${this.editForm.recordId}`, payload);
+        uni.showToast({ title: "已保存", icon: "success" });
+        const idx = this.records.findIndex((r) => r.id === this.editForm.recordId);
+        if (idx >= 0) this.records[idx] = { ...this.records[idx], remark: payload.remark, images: payload.images };
+        this.closeEditPopup();
+      } catch (e) {
+        uni.showToast({ title: (e && e.data && e.data.detail) || "保存失败", icon: "none" });
+      } finally {
+        this.editSaving = false;
+      }
+    },
+
+    confirmDelete(rec) {
+      this.openConfirmDlg({ title: "删除记录", content: "确定删除这条记录吗？删除后不可恢复。", action: () => this.deleteRecord(rec) });
+    },
+    // ═══ 双重确认倒计时（防误触） ═══
+    openConfirmDlg({ title, content, action }) {
+      this.clearConfirm();
+      this.confirmDlg = { visible: true, title, content, action };
+      this.confirming = "dlg";
+      this.confirmCount = 5;
+      this.confirmTimer = setInterval(() => {
+        this.confirmCount -= 1;
+        if (this.confirmCount <= 0) clearInterval(this.confirmTimer);
+      }, 1000);
+    },
+    clearConfirm() {
+      if (this.confirmTimer) clearInterval(this.confirmTimer);
+      this.confirmTimer = null;
+      this.confirming = "";
+      this.confirmCount = 5;
+    },
+    confirmLabel(baseText) {
+      if (this.confirming === "dlg" && this.confirmCount > 0) return `${baseText} (${this.confirmCount}s)`;
+      return baseText;
+    },
+    confirmDlgConfirm() {
+      if (this.confirming === "dlg" && this.confirmCount > 0) return; // 倒计时中：忽略
+      if (this.confirming === "dlg") this.clearConfirm();
+      const action = this.confirmDlg.action;
+      this.confirmDlg.visible = false;
+      this.confirmDlg.action = null;
+      if (action) action();
+    },
+    confirmDlgCancel() {
+      this.clearConfirm();
+      this.confirmDlg.visible = false;
+      this.confirmDlg.action = null;
+    },
+    async deleteRecord(rec) {
+      try {
+        await request({ url: `/records/${rec.id}`, method: "DELETE" });
+        uni.showToast({ title: "已删除", icon: "success" });
+        this.records = this.records.filter((r) => r.id !== rec.id);
+      } catch {
+        uni.showToast({ title: "删除失败", icon: "none" });
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 16px; padding-bottom: 40px; background: #f3f4f6; }
+.loading { text-align: center; padding: 48px 0; color: #6b7280; }
+.error-box { padding: 12px; border-radius: 10px; background: #fef2f2; color: #dc2626; font-size: 13px; }
+
+/* 任务头 */
+.task-header { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
+.task-name { font-size: 18px; font-weight: 700; color: #1f2937; display: block; }
+.task-meta { font-size: 13px; color: #9ca3af; margin-top: 4px; display: block; }
+
+/* 时间轴 */
+.timeline { padding-left: 8px; }
+.tl-item { display: flex; gap: 12px; }
+.tl-line { display: flex; flex-direction: column; align-items: center; width: 24px; flex-shrink: 0; }
+.tl-dot { width: 12px; height: 12px; border-radius: 50%; background: #d1d5db; margin-top: 6px; }
+.tl-dot-latest { background: #2563eb; box-shadow: 0 0 0 4px rgba(37,99,235,0.15); }
+.tl-connector { flex: 1; width: 2px; background: #e5e7eb; min-height: 12px; }
+.tl-card { flex: 1; background: #fff; border-radius: 10px; padding: 12px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
+.tl-top { display: flex; align-items: center; justify-content: space-between; }
+.tl-time { font-size: 12px; color: #9ca3af; }
+.tl-actions { display: flex; gap: 12px; }
+.tl-act { font-size: 16px; padding: 2px; }
+.tl-remark { display: block; font-size: 14px; color: #374151; margin-top: 6px; line-height: 1.5; word-break: break-all; }
+.tl-images { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
+.tl-thumb { width: 80px; height: 80px; border-radius: 8px; background: #e5e7eb; }
+
+.empty-timeline { display: flex; flex-direction: column; align-items: center; padding-top: 60px; }
+.empty-icon { font-size: 48px; margin-bottom: 8px; }
+.empty-text { font-size: 14px; color: #9ca3af; }
+
+/* 双重确认弹窗 */
+.dlg-overlay { position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,0.45); display: flex; align-items: center; justify-content: center; }
+.dlg-box { width: 80%; max-width: 360px; background: #fff; border-radius: 16px; padding: 28px 20px 20px; box-sizing: border-box; }
+.dlg-title { display: block; text-align: center; font-size: 17px; font-weight: 700; color: #1f2937; }
+.dlg-content { display: block; text-align: center; font-size: 14px; color: #6b7280; margin-top: 10px; line-height: 1.5; }
+.dlg-tip { display: block; text-align: center; font-size: 12px; color: #b45309; background: #fffbeb; border: 1px solid #fcd34d; border-radius: 8px; padding: 6px 10px; margin: 12px 0 0; line-height: 1.4; }
+.dlg-btns { display: flex; gap: 12px; margin-top: 20px; }
+.dlg-btn { flex: 1; height: 42px; line-height: 42px; border-radius: 10px; font-size: 15px; font-weight: 600; text-align: center; box-sizing: border-box; padding: 0; margin: 0; }
+.dlg-btn::after { border: none; }
+.dlg-cancel { background: #f3f4f6; color: #6b7280; }
+.dlg-danger { background: #dc2626; color: #fff; }
+.dlg-danger[disabled] { opacity: 0.5; }
+
+/* 编辑记录弹窗 */
+.edit-overlay { position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,0.45); display: flex; align-items: flex-end; justify-content: center; }
+.edit-popup { width: 100%; max-width: 480px; background: #fff; border-radius: 16px 16px 0 0; padding: 20px 16px 32px; box-sizing: border-box; max-height: 80vh; overflow-y: auto; }
+.edit-title { display: block; text-align: center; font-size: 16px; font-weight: 700; color: #1f2937; margin-bottom: 12px; }
+.edit-textarea { width: 100%; height: 80px; border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; font-size: 14px; box-sizing: border-box; }
+.edit-imgs { display: flex; flex-wrap: wrap; margin-top: 10px; }
+.edit-img-cell { position: relative; width: 160rpx; height: 160rpx; margin: 10rpx; }
+/* 圆角与裁剪交给 .success-badge-wrapper，图片只负责填满 */
+.edit-img-frame { width: 160rpx; height: 160rpx; }
+.edit-img { width: 100%; height: 100%; display: block; border: 1px solid #e5e7eb; box-sizing: border-box; }
+.edit-img-loading { display: flex; align-items: center; justify-content: center; background: #f3f4f6; border-radius: 12rpx; border: 1px dashed #d1d5db; }
+.edit-img-loading-text { font-size: 36rpx; }
+.edit-img-del { position: absolute; top: -12rpx; right: -12rpx; width: 40rpx; height: 40rpx; background: #ef4444; color: #fff; border-radius: 20rpx; font-size: 24rpx; text-align: center; line-height: 40rpx; z-index: 2; }
+.edit-upload { width: 100%; height: 42px; border: 1px dashed #d1d5db; border-radius: 10px; background: #f9fafb; color: #6b7280; font-size: 14px; line-height: 42px; margin-top: 10px; }
+.edit-upload[disabled] { opacity: 0.5; }
+.edit-btns { display: flex; gap: 10px; margin-top: 16px; }
+.edit-btn { flex: 1; height: 42px; line-height: 42px; border-radius: 10px; font-size: 14px; font-weight: 600; text-align: center; box-sizing: border-box; padding: 0; margin: 0; }
+.edit-btn::after { border: none; }
+.edit-cancel { background: #f3f4f6; color: #6b7280; }
+.edit-save { background: #2563eb; color: #fff; }
+.edit-save[disabled] { opacity: 0.5; }
+</style>
diff --git a/track-uniapp/src/pages/tasks/index.vue b/track-uniapp/src/pages/tasks/index.vue
new file mode 100644
index 0000000..6fccf44
--- /dev/null
+++ b/track-uniapp/src/pages/tasks/index.vue
@@ -0,0 +1,216 @@
+<template>
+  <view class="page">
+    <view class="header">
+      <text class="title">我的任务</text>
+    </view>
+
+    
+    <view class="tabs">
+      <view v-for="t in TABS" :key="t.key"
+        :class="['tab', tab === t.key ? 'tab-active' : '']"
+        @tap="tab = t.key">{{ t.label }} ({{ countBy(t.key) }})</view>
+    </view>
+
+    
+    <view v-if="loading" class="center">加载中...</view>
+    <template v-else>
+      <view v-if="filtered.length === 0" class="empty">
+        <text class="empty-icon">📋</text>
+        <text class="empty-text">{{ tab === 'all' ? '暂无待办任务' : '无此状态任务' }}</text>
+      </view>
+      <view v-for="task in filtered" :key="task.id" class="card" @tap="goDetail(task)">
+        <view class="card-row">
+          <view style="display:flex;align-items:center;gap:6px;min-width:0;">
+            <text :class="['tag-badge', task.task_type === 'SPAWN' ? 'tag-sub' : 'tag-main']">{{ task.task_type === 'SPAWN' ? '协助' : '主干' }}</text>
+            <text class="card-name">{{ task.task_name }}</text>
+          </view>
+          <text :class="['card-status', statusColor(task.status)]">{{ statusLabel(task.status) }}</text>
+        </view>
+        <view class="card-meta">
+          <text>身份证: {{ task.product_sn || '—' }}</text>
+          <text>物料: {{ task.product_material || '—' }}</text>
+        </view>
+        <view class="card-time">创建: {{ formatTime(task.created_at) }}</view>
+      </view>
+
+      
+      <view v-if="loadingMore" class="load-more">加载中...</view>
+      <view v-else-if="!hasMore && tasks.length > 0" class="load-more">— 没有更多了 —</view>
+      <view v-else-if="hasMore && tasks.length > 0" class="load-more">上拉加载更多</view>
+    </template>
+  </view>
+</template>
+
+<script>
+import { get } from "../../utils/request";
+
+const TABS = [
+  { key: "all", label: "全部" },
+  { key: "PENDING", label: "待接收" },
+  { key: "WIP", label: "进行中" },
+  { key: "COMPLETED", label: "已完成" },
+];
+
+export default {
+  data() {
+    return {
+      TABS,
+      tab: "PENDING",
+      tasks: [],
+      loading: true,
+      currentUser: null,
+      // 📄 分页状态：此前硬编码 limit:100 一次性拉全量，任务多了会拖慢首屏
+      page: 1,
+      pageSize: 20,
+      hasMore: true,
+      loadingMore: false,
+    };
+  },
+  computed: {
+    filtered() {
+      if (this.tab === "all") return this.tasks;
+      return this.tasks.filter(t => t.status === this.tab);
+    },
+  },
+  onShow() {
+    this.loadCurrentUser();
+    this.fetchTasks({ reset: true });
+  },
+  // 🚀 下拉刷新：回到第 1 页并清空现有列表重载（分页后必须重置，否则新旧页会错位）
+  async onPullDownRefresh() {
+    try {
+      this.loadCurrentUser();
+      await this.fetchTasks({ reset: true });
+    } finally {
+      uni.stopPullDownRefresh(); // 无论成败都要收起动画，否则会一直挂着
+    }
+  },
+  // 🚀 触底加载下一页
+  onReachBottom() {
+    if (this.loading || this.loadingMore || !this.hasMore) return;
+    this.loadMore();
+  },
+  methods: {
+    statusLabel(s) {
+      const map = { PENDING: "待接收", WIP: "进行中", COMPLETED: "已完成", REJECTED: "已驳回", ARCHIVED: "已入库", CANCELED: "已撤回" };
+      return map[s] || s;
+    },
+    statusColor(s) {
+      switch (s) {
+        case "PENDING": return "s-yellow";
+        case "WIP": return "s-blue";
+        case "COMPLETED": return "s-green";
+        default: return "s-gray";
+      }
+    },
+    countBy(key) {
+      if (key === "all") return this.tasks.length;
+      return this.tasks.filter(t => t.status === key).length;
+    },
+    formatTime(t) {
+      if (!t) return "";
+      const d = new Date(t);
+      const pad = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}`;
+    },
+    loadCurrentUser() {
+      try {
+        const u = uni.getStorageSync("user");
+        if (u) this.currentUser = typeof u === "string" ? JSON.parse(u) : u;
+      } catch {}
+    },
+    // 排序：主干任务在前，协助分支在后；同组内按创建时间升序
+    compareTask(a, b) {
+      const aIsMain = !a.parent_task_id || a.task_type !== 'SPAWN';
+      const bIsMain = !b.parent_task_id || b.task_type !== 'SPAWN';
+      if (aIsMain && !bIsMain) return -1;
+      if (!aIsMain && bIsMain) return 1;
+      return new Date(a.created_at) - new Date(b.created_at);
+    },
+
+    /** 拉取一页任务；reset=true 表示回到第 1 页并清空重载（下拉刷新 / 首次进入） */
+    async fetchTasks({ reset = false } = {}) {
+      if (reset) {
+        this.page = 1;
+        this.hasMore = true;
+        this.tasks = [];
+      }
+      if (reset) this.loading = true;
+      const target = this.page;
+      try {
+        const username = this.currentUser?.username || "";
+        const res = await get("/tasks/", {
+          assignee_id: username,
+          skip: (target - 1) * this.pageSize,
+          limit: this.pageSize,
+        });
+        const batch = res.tasks || [];
+        // 按 id 去重后追加：翻页期间若有新任务插入，分页边界会错位导致重复项
+        const seen = new Set(this.tasks.map((t) => t.id));
+        this.tasks = this.tasks.concat(batch.filter((t) => !seen.has(t.id))).sort(this.compareTask);
+        // 后端给了 total 就以它为准；否则退回「本页是否满员」判断
+        this.hasMore = res.total != null
+          ? this.tasks.length < res.total
+          : batch.length >= this.pageSize;
+        if (this.hasMore) this.page = target + 1;
+      } catch (e) {
+        console.error("[tasks] 拉取任务失败:", e);
+        if (reset) this.tasks = [];
+        this.hasMore = false;
+      } finally {
+        if (reset) this.loading = false;
+      }
+    },
+    async loadMore() {
+      this.loadingMore = true;
+      try { await this.fetchTasks(); } finally { this.loadingMore = false; }
+    },
+    goDetail(task) {
+      const sn = task.product_sn || task.product_id;
+      if (sn) uni.navigateTo({ url: `/pages/scan/detail?serial=${sn}` });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.page { min-height: 100vh; padding: 16px; padding-bottom: 100px; }
+.header { margin-bottom: 12px; }
+.title { font-size: 20px; font-weight: 700; color: #1f2937; }
+.center { text-align: center; padding: 48px 0; color: #9ca3af; }
+.empty { display: flex; flex-direction: column; align-items: center; padding-top: 80px; }
+.empty-icon { font-size: 64px; margin-bottom: 12px; }
+.empty-text { font-size: 14px; color: #9ca3af; }
+
+/* tabs — sticky 不换行，溢出滚动 */
+.tabs {
+  display: flex; gap: 8px; margin-bottom: 14px;
+  white-space: nowrap; overflow-x: auto;
+  position: sticky; top: 0; z-index: 999;
+  background: #f3f4f6; padding: 12px 0 8px;
+}
+.tab {
+  padding: 8px 16px; border-radius: 20px; font-size: 13px; font-weight: 600;
+  background: #fff; color: #6b7280; flex-shrink: 0;
+}
+.tab-active { background: #2563eb; color: #fff; }
+
+/* card */
+.card { background: #fff; border-radius: 12px; padding: 14px; margin-bottom: 10px;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
+.card-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
+.card-name { font-size: 15px; font-weight: 700; color: #1f2937; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.tag-badge { display: inline-block; padding: 2rpx 12rpx; font-size: 20rpx; border-radius: 6rpx; font-weight: bold; flex-shrink: 0; }
+.tag-main { background-color: #dbeafe; color: #1e40af; }
+.tag-sub { background-color: #f3e8ff; color: #6b21a8; }
+.card-status { font-size: 11px; padding: 2px 10px; border-radius: 20px; font-weight: 600; }
+.s-yellow { background: #fef3c7; color: #b45309; }
+.s-blue { background: #dbeafe; color: #1d4ed8; }
+.s-green { background: #dcfce7; color: #15803d; }
+.s-gray { background: #f3f4f6; color: #6b7280; }
+.card-meta { font-size: 12px; color: #6b7280; display: flex; gap: 12px; }
+.card-time { font-size: 11px; color: #9ca3af; margin-top: 4px; }
+
+/* 触底加载状态 */
+.load-more { text-align: center; font-size: 12px; color: #9ca3af; padding: 16px 0 4px; }
+</style>
diff --git a/track-uniapp/src/utils/config.js b/track-uniapp/src/utils/config.js
new file mode 100644
index 0000000..1e38b9b
--- /dev/null
+++ b/track-uniapp/src/utils/config.js
@@ -0,0 +1,24 @@
+/**
+ * 全局环境配置 — 后端域名/接口地址的唯一来源。
+ *
+ * 此前 request.js 与 App.vue 各自硬编码了一份生产域名，改域名要改两处，
+ * 漏一处就会出现「接口通了但 OTA 检查更新接不上」这类极难排查的偏差，
+ * 故统一收口到本文件。新增环境地址一律加在这里，不要在业务代码里写死。
+ */
+
+// 生产环境 API 地址
+//
+// ⚠️ HTTPS 说明（2026-09 实测）：生产域名 track_back.iris-rs.cn 的 443 端口
+//    是通的、也确实配有证书，但证书【已过期】—— 现在切 https 会让 App 的
+//    全部请求直接失败。待运维完成证书续期后，只需把下面 PROD_URL 与
+//    LOCAL_URL 的协议头改成 https:// 即可，业务代码无需任何改动。
+//    续期前请勿改动，保持 http:// 以保证可用性。
+export const PROD_URL = "http://track_back.iris-rs.cn/api/v1";
+
+// 本地开发地址 — 真机调试时指向开发机局域网 IP
+export const LOCAL_URL = "http://192.168.9.80:8011/api/v1";
+
+// 生产基础地址：供只认「生产环境」的场景直接引用
+export const BASE_URL = PROD_URL;
+
+export default { PROD_URL, LOCAL_URL, BASE_URL };
diff --git a/track-uniapp/src/utils/format.js b/track-uniapp/src/utils/format.js
new file mode 100644
index 0000000..c585e6d
--- /dev/null
+++ b/track-uniapp/src/utils/format.js
@@ -0,0 +1,55 @@
+/**
+ * 全局人名映射工具
+ *
+ * 使用方式：
+ *   1. 在页面 loadUsers() 后调用 setUserNameMap(userList) 填充字典
+ *   2. 模板中直接 `{{ formatUserName(task.assignee_id) }}`
+ *   3. 头像中 `{{ formatUserAvatar(msg.operator_id) }}` 取中文名末字
+ */
+
+// 全局用户名 → 中文姓名 映射表
+const userNameMap = {};
+
+/**
+ * 批量设置用户名映射
+ * @param {Array} users - 用户列表，每项需含 username 和 full_name
+ */
+export function setUserNameMap(users) {
+  if (!users || !users.length) return;
+  for (const u of users) {
+    const id = u.username || u.id || '';
+    const name = u.full_name || u.name || u.real_name || '';
+    if (id && name) {
+      userNameMap[id] = name;
+    }
+  }
+}
+
+/**
+ * 将用户 ID 翻译为中文姓名
+ * @param {string} userId - 用户标识（username 或 id）
+ * @returns {string} 中文姓名，查不到则降级返回原 ID
+ */
+export function formatUserName(userId) {
+  if (!userId) return '—';
+  // 特殊值原样返回
+  if (userId === 'virtual_warehouse') return '🏭 仓库';
+  const name = userNameMap[userId];
+  return name || userId;
+}
+
+/**
+ * 获取用户头像文字（中文名取末字，拼音名取首字母）
+ * @param {string} userId - 用户标识
+ * @returns {string} 单字头像文字
+ */
+export function formatUserAvatar(userId) {
+  if (!userId) return '?';
+  const name = userNameMap[userId];
+  if (name) {
+    // 中文名取最后一个字
+    return name.charAt(name.length - 1);
+  }
+  // 降级：取 ID 首字母大写
+  return userId.charAt(0).toUpperCase();
+}
diff --git a/track-uniapp/src/utils/lifecycle.js b/track-uniapp/src/utils/lifecycle.js
new file mode 100644
index 0000000..2d9295c
--- /dev/null
+++ b/track-uniapp/src/utils/lifecycle.js
@@ -0,0 +1,91 @@
+/**
+ * 生命周期阶段（lifecycle_phase）与工序选项隔离 — 移动端口径
+ *
+ * ⚠️ 与后端 backend/app/core/lifecycle.py、PC 端 frontend/src/constants/task.ts
+ *    是同一份词表，改动请三处同步。
+ *
+ * 售后回流阶段使用**独立工序名**（发货测试 / 售后维修），不复用生产阶段的
+ * 「测试 / 维修」，选中售后专属工序即代表设备进入售后生命周期。
+ *
+ * 本模块只负责"该给操作员看哪些选项"（体验层）；
+ * 真正的拦截在后端 task_service._enforce_step_isolation（防伪造传参）。
+ */
+
+export const LIFECYCLE_PHASE = {
+  PRODUCTION: "PRODUCTION",
+  AFTER_SALES: "AFTER_SALES",
+};
+
+/** 售后专属工序名 — 选中即代表设备进入售后生命周期 */
+export const STEP_SHIP_TEST = "发货测试";
+export const STEP_AFTER_SALES_REPAIR = "售后维修";
+
+/**
+ * 绝对物理终态之一：设备已发货出库。
+ *
+ * 🔧 出库设备也要按售后环节给选项：设备出库后仍可能被叫回来补做
+ *    「发货测试 / 售后维修」，但后端已不再因「正常已出库做质检」而把
+ *    lifecycle_phase 翻成 AFTER_SALES（避免不可回退的售后烙印）。
+ *    若选项渲染仍只认 phase，工人就永远选不到那两个工序 —— 鸡生蛋死锁。
+ */
+export const OUTBOUND_OVERALL = "已出库";
+
+const AFTER_SALES_ONLY_STEPS = [STEP_SHIP_TEST, STEP_AFTER_SALES_REPAIR];
+
+// ── 生产制造阶段合法工序（原有词表，一字未改）──
+export const PRODUCTION_TASK_OPTIONS = ["备货", "生产", "测试", "维修", "在库"];
+export const PRODUCTION_OVERALL_OPTIONS = [
+  "备货", "生产", "测试", "维修", "在库", "已入库", "已出库",
+];
+
+// ── 售后回流阶段：只保留「发货测试 / 售后维修 / 入库出库」──
+export const AFTER_SALES_TASK_OPTIONS = [STEP_SHIP_TEST, STEP_AFTER_SALES_REPAIR, "在库"];
+export const AFTER_SALES_OVERALL_OPTIONS = [
+  STEP_SHIP_TEST, STEP_AFTER_SALES_REPAIR, "在库", "已入库", "已出库",
+];
+
+/**
+ * 接收任务时可选工序。
+ *
+ * hasHistory = false（无任何历史任务的首次激活 / 老设备）时返回**并集**：
+ * 这类设备既可能是新投产，也可能是直接返厂售后的老设备，让操作员自己声明。
+ * 一旦选定售后专属工序，后端即把设备判为 AFTER_SALES，之后下拉自动收窄。
+ *
+ * @param phase        lifecycle_phase
+ * @param hasHistory   是否有历史任务
+ * @param overallStatus 产品当前宏观状态 — 【已出库】同样走售后词表，见下方说明
+ */
+export function taskOptionsFor(phase, hasHistory = true, overallStatus = null) {
+  // 🔧 出库设备与售后生命周期同等待遇（2026-09-17 修复「鸡生蛋」死锁）：
+  //    后端为消除不可回退的售后烙印，已不再把「正常已出库做质检」的设备
+  //    翻成 AFTER_SALES。若这里仍只认 phase，工人就永远选不到
+  //    「发货测试 / 售后维修」—— 而选不到就无法进入售后，phase 也就永远不变。
+  if (
+    phase === LIFECYCLE_PHASE.AFTER_SALES ||
+    String(overallStatus || "").trim() === OUTBOUND_OVERALL
+  ) {
+    return AFTER_SALES_TASK_OPTIONS;
+  }
+  if (!hasHistory) return [...PRODUCTION_TASK_OPTIONS, ...AFTER_SALES_ONLY_STEPS];
+  return PRODUCTION_TASK_OPTIONS;
+}
+
+/** 宏观状态可选值 — 同上，含已入库/已出库等终态 */
+export function overallOptionsFor(phase, hasHistory = true) {
+  if (phase === LIFECYCLE_PHASE.AFTER_SALES) return AFTER_SALES_OVERALL_OPTIONS;
+  if (!hasHistory) return [...PRODUCTION_OVERALL_OPTIONS, ...AFTER_SALES_ONLY_STEPS];
+  return PRODUCTION_OVERALL_OPTIONS;
+}
+
+/**
+ * 生命周期标签 — 只在设备确实处于售后回流环节时返回：
+ *   生命周期为 AFTER_SALES 且当前工序是「发货测试」或「售后维修」
+ *    → 红底白字，文案即工序名。
+ * 生产制造阶段一律返回 null（不打标），避免与售后设备混淆。
+ */
+export function lifecycleBadge(overallStatus, phase) {
+  if (phase !== LIFECYCLE_PHASE.AFTER_SALES) return null;
+  const step = String(overallStatus || "").trim();
+  if (step !== STEP_SHIP_TEST && step !== STEP_AFTER_SALES_REPAIR) return null;
+  return { label: step, phase: LIFECYCLE_PHASE.AFTER_SALES, cls: "life-badge-after" };
+}
diff --git a/track-uniapp/src/utils/ota.js b/track-uniapp/src/utils/ota.js
new file mode 100644
index 0000000..94d805e
--- /dev/null
+++ b/track-uniapp/src/utils/ota.js
@@ -0,0 +1,400 @@
+/**
+ * OTA 热更新 — 版本检测 + WGT 下载 + 安装。App 端专属能力的唯一来源。
+ *
+ * 原先这套逻辑整个长在 App.vue 的 methods 里（checkUpdate / parseVersionCode /
+ * downloadAndInstall / downloadWgt / installWgt / otaFailed），个人中心的
+ *「设置 → 检查更新」想手动触发一次就得把 App.vue 的方法捞出来，做不到。
+ * 抽到这里后两处共用同一份实现，改版本比对规则或下载策略只需改这里。
+ *
+ * 调用方：
+ *   - App.vue   onLaunch / onShow 静默自动检查（受 5 分钟节流）
+ *   - settings.vue 「检查更新」手动检查（manual = true，跳过节流并给出明确反馈）
+ */
+
+import { getBaseUrl } from "./request";
+
+/** 自动检查的节流窗口：5 分钟内不重复检查，避免 onShow 频繁触发弹窗骚扰 */
+const THROTTLE_MS = 5 * 60 * 1000;
+
+/** 上次检查时间戳（模块级单例，等价于原 App.vue 的 this._lastUpdateCheck） */
+let lastCheckAt = 0;
+
+/** 版本号→数字: "T1.0.10" → 1*100+10 = 110 */
+export function parseVersionCode(v) {
+  if (!v) return 0;
+  const nums = v.match(/\d+/g);
+  if (!nums || nums.length < 2) return 0;
+  return parseInt(nums[0], 10) * 100 + parseInt(nums[nums.length - 1], 10);
+}
+
+/**
+ * 检查是否有新版本。
+ *
+ * @param {{manual?: boolean}} [opts]
+ *        manual = true 时（设置页手动触发）：跳过节流、显示「检查中」、
+ *        并在「已是最新 / 检查失败」时给出明确提示 —— 用户主动点的按钮
+ *        必须有个回音，不能像自动检查那样静默收场。
+ * @returns {Promise<"latest"|"available"|"skipped"|"unsupported"|"error">}
+ */
+export async function checkAppUpdate({ manual = false } = {}) {
+  // #ifndef APP-PLUS
+  // 非 App 环境（H5 / 小程序）没有 plus.runtime，热更新无从谈起
+  if (manual) {
+    uni.showToast({ title: "当前环境不支持热更新", icon: "none", duration: 2500 });
+  }
+  return "unsupported";
+  // #endif
+
+  // #ifdef APP-PLUS
+  const now = Date.now();
+  if (!manual && lastCheckAt && now - lastCheckAt < THROTTLE_MS) {
+    console.log("[OTA] 距上次检查不足5分钟，跳过");
+    return "skipped";
+  }
+  lastCheckAt = now;
+
+  // 🔧 appWgtVersion 跟随 WGT 更新，解析算法: major*100 + lastNum
+  // "T1.0.1"→101, "T1.0.10"→110, "T1.0.99"→199
+  //
+  // ⚠️ 这两个字段必须分开看，别只看合并后的值：
+  //    appWgtVersion = 已安装的 wgt 资源版本（热更新成功后会变）
+  //    appVersion    = APK 基座版本（重装多少次热更新都不会变）
+  //    若 appWgtVersion 为空，说明热更新从未装成功过，此时取到的是 APK 的
+  //    静态版本号，表现就是"更新提示反复弹、版本号永远不动"。
+  const sysInfo = uni.getSystemInfoSync();
+  const wgtVersion = sysInfo.appWgtVersion || "";
+  const apkVersion = sysInfo.appVersion || "";
+  const wgtVer = wgtVersion || apkVersion || "0";
+  const currentVersionCode = parseVersionCode(wgtVer);
+
+  // 🔧 复用 getBaseUrl()：与业务请求永远指向同一个后端（含 App 内动态切换的环境）
+  const baseUrl = getBaseUrl();
+
+  console.log(
+    "[OTA] wgt版本:", wgtVersion || "(空，说明热更新从未装成功)",
+    "| APK版本:", apkVersion,
+    "→ 取用:", wgtVer, "=", currentVersionCode
+  );
+
+  if (manual) uni.showLoading({ title: "检查更新中...", mask: true });
+
+  return new Promise((resolve) => {
+    uni.request({
+      url: `${baseUrl}/app/check-update`,
+      method: "GET",
+      timeout: 8000,
+      success: (res) => {
+        if (res.statusCode !== 200) {
+          if (manual) {
+            uni.hideLoading();
+            uni.showToast({ title: `检查更新失败 (${res.statusCode})`, icon: "none" });
+          }
+          resolve("error");
+          return;
+        }
+        const data = res.data;
+        if (!data || !data.wgt_url) {
+          console.log("[OTA] 服务端无可用更新包");
+          if (manual) {
+            uni.hideLoading();
+            uni.showToast({ title: "当前已是最新版本", icon: "none" });
+          }
+          resolve("latest");
+          return;
+        }
+
+        const serverVersionCode = data.version_code || 0;
+        console.log("[OTA] 服务端版本:", data.version, "| 数字版本:", serverVersionCode);
+
+        // 客户端自行对比：服务端 > 本地 = 需要更新
+        if (serverVersionCode <= currentVersionCode) {
+          console.log("[OTA] 已是最新版本，无需更新");
+          if (manual) {
+            uni.hideLoading();
+            uni.showToast({ title: "当前已是最新版本", icon: "none" });
+          }
+          resolve("latest");
+          return;
+        }
+
+        console.log("[OTA] 发现新版本:", data.version);
+        if (manual) uni.hideLoading();
+        downloadAndInstall(data.wgt_url, data.version, data.description);
+        resolve("available");
+      },
+      fail: (err) => {
+        console.log("[OTA] 版本检测网络失败，跳过");
+        if (manual) {
+          uni.hideLoading();
+          uni.showToast({
+            title: err && err.errMsg && /timeout/i.test(err.errMsg) ? "检查更新超时" : "网络连接失败",
+            icon: "none",
+          });
+        }
+        resolve("error");
+      },
+    });
+  });
+  // #endif
+}
+
+function downloadAndInstall(wgtUrl, newVersion, description) {
+  if (!wgtUrl) {
+    console.log("[OTA] 无 WGT 下载地址");
+    return;
+  }
+  if (typeof plus === "undefined") {
+    console.log("[OTA] 非 App 环境，跳过安装");
+    return;
+  }
+
+  const content = description
+    ? `发现新版本 ${newVersion}\n\n${description}\n\n是否立即更新？`
+    : `发现新版本 ${newVersion}，是否立即更新？`;
+
+  uni.showModal({
+    title: "版本更新",
+    content,
+    confirmText: "立即更新",
+    cancelText: "稍后再说",
+    success: (modalRes) => {
+      if (!modalRes.confirm) return;
+      downloadWgt(wgtUrl, newVersion);
+    },
+  });
+}
+
+/**
+ * 下载 WGT 更新包。
+ *
+ * 为什么不用 uni.downloadFile（旧实现的坑）：
+ *   plus.runtime.install 是**靠文件扩展名**区分 wgt / apk 的，而
+ *   uni.downloadFile 返回的 tempFilePath 不保证带 `.wgt` 后缀，路径不对时
+ *   安装会被直接拒绝 —— 且旧代码失败只打 console.error，工人只看到
+ *   「点了立即更新没反应」。这里改用 plus.downloader 并显式指定带后缀的
+ *   落盘路径；写到 _doc/（应用私有目录）也顺带避开 Android 10+ 分区存储限制。
+ *   （注意：本函数走的是 plus.downloader，不是 uni.downloadFile —— 后者没有
+ *     可用的落盘路径控制，正是当初被换掉的原因。）
+ *
+ * ⚠️ 两道内容校验的由来（"invalid LOC header" 事故）：
+ *   plus.runtime.install 拿到文件就按 ZIP 解压，文件不是合法 wgt 时抛的是
+ *   "invalid LOC header (bad signature)" 这种底层报错，工人只看到一句看不懂的
+ *   英文。而拿到非 wgt 内容的情形并不罕见：静态服务器把 404 配成返回首页、
+ *   反向代理吐 JSON 错误体、SSO 把请求 302 到登录页 —— 这些**都可能带着
+ *   HTTP 200 回来**，只判断 status === 200 根本拦不住。
+ *   故：下载前探测响应头，下载后校验 ZIP 魔数，两道都过了才交给 install。
+ */
+async function downloadWgt(wgtUrl, newVersion) {
+  // ── 第一道：下载前探测（状态码 / Content-Type / 体积）──
+  // 目的是在浪费流量之前就拦下明显的错误页，并给出人话错误
+  const probeError = await probeWgtUrl(wgtUrl);
+  if (probeError) {
+    otaFailed(probeError);
+    return;
+  }
+
+  // 文件名必须带 .wgt 后缀 —— 这是 install 能识别为 wgt 资源包的前提。
+  // 从下载地址取文件名（去掉 query），拿不到合法后缀时退回默认名。
+  const rawName = String(wgtUrl).split("?")[0].split("/").pop() || "";
+  const fileName = /\.wgt$/i.test(rawName) ? rawName : "__UNI__B572616.wgt";
+  const savePath = "_doc/" + fileName;
+  console.log("[OTA] 开始下载:", wgtUrl, "→", savePath);
+
+  let lastPct = -1;
+  let task = null;
+
+  const onFinished = async (d, status) => {
+    uni.hideLoading();
+    console.log("[OTA] 下载结束, status =", status, "| 文件:", d && d.filename);
+
+    // 非 2xx 一律当失败：404=包没传上去，401/403=下载地址需要鉴权
+    if (status !== 200) {
+      const hint =
+        status === 404 ? "更新包不存在，请联系管理员确认是否已上传"
+        : status === 401 || status === 403 ? "更新包下载被拒绝（无权限），请联系管理员"
+        : "请稍后重试";
+      otaFailed(`更新包下载失败（HTTP ${status}）：${hint}`);
+      return;
+    }
+    // 没拿到落盘路径就没法安装 —— 明确报出来，别让它以"没反应"收场
+    if (!d || !d.filename) {
+      otaFailed("下载已完成但未生成本地文件，请重试");
+      return;
+    }
+    // 截断检测：服务端中途断开时 status 也可能是 200，但文件是不完整的
+    if (d.totalSize > 0 && d.downloadedSize > 0 && d.downloadedSize < d.totalSize) {
+      otaFailed(`更新包下载不完整（${d.downloadedSize}/${d.totalSize} 字节），请重试`);
+      return;
+    }
+
+    // ── 第二道：ZIP 魔数校验（拦下所有「HTTP 200 但内容不是 wgt」的情况）──
+    const contentError = await verifyWgtFile(d.filename);
+    if (contentError) {
+      otaFailed(contentError);
+      return;
+    }
+
+    installWgt(d.filename, newVersion);
+  };
+
+  try {
+    task = plus.downloader.createDownload(wgtUrl, { filename: savePath }, onFinished);
+    // 进度反馈：每跨 10% 刷新一次提示（过于频繁会卡顿）
+    task.addEventListener("statechanged", (d) => {
+      if (!d || d.state !== 3) return; // 3 = 下载中
+      if (!d.totalSize || d.totalSize <= 0) return;
+      const pct = Math.floor((d.downloadedSize / d.totalSize) * 100);
+      if (pct >= lastPct + 10) {
+        lastPct = pct - (pct % 10);
+        uni.showLoading({ title: `下载中 ${pct}%`, mask: true });
+      }
+    });
+  } catch (e) {
+    console.error("[OTA] 创建下载任务异常:", e);
+    otaFailed("无法创建下载任务：" + ((e && e.message) || "未知原因"));
+    return;
+  }
+
+  uni.showLoading({ title: "下载中 0%", mask: true });
+  task.start();
+}
+
+/**
+ * 下载前探测更新包地址 —— 在消耗流量之前拦下「错误页」。
+ *
+ * 用 HEAD 只取响应头，不下载正文。核对三件事：
+ *   1. statusCode 必须是 200（404 / 401 / 403 直接判失败）
+ *   2. Content-Type 不能是 JSON / HTML —— 那说明拿回来的是错误页而不是安装包
+ *   3. Content-Length 不能小得离谱（合法 wgt 不可能只有几百字节）
+ *
+ * @returns {Promise<string>} 空串 = 通过；非空 = 给用户看的失败原因
+ */
+function probeWgtUrl(wgtUrl) {
+  return new Promise((resolve) => {
+    uni.request({
+      url: wgtUrl,
+      method: "HEAD",
+      timeout: 8000,
+      success: (res) => {
+        const header = res.header || {};
+        const contentType = String(header["Content-Type"] || header["content-type"] || "");
+        const contentLength = Number(header["Content-Length"] || header["content-length"] || 0);
+
+        if (res.statusCode !== 200) {
+          resolve(
+            res.statusCode === 404 ? "更新包不存在，请联系管理员确认是否已上传"
+            : res.statusCode === 401 || res.statusCode === 403 ? "更新包下载被拒绝（无权限），请联系管理员"
+            : `更新包地址不可访问（HTTP ${res.statusCode}）`
+          );
+          return;
+        }
+        if (/json|html|text\/plain/i.test(contentType)) {
+          resolve(`更新包地址返回的是 ${contentType}，不是安装包 —— 请检查服务端配置`);
+          return;
+        }
+        if (contentLength > 0 && contentLength < 1024) {
+          resolve(`更新包体积异常（仅 ${contentLength} 字节），疑似错误页面`);
+          return;
+        }
+        // Content-Type / Content-Length 都可能被服务端省略，此处只做「明显不对」的拦截
+        console.log("[OTA] 预检通过 | Content-Type:", contentType || "(未返回)", "| 长度:", contentLength || "(未返回)");
+        resolve("");
+      },
+      fail: (err) => {
+        // HEAD 不被支持（部分静态服务器返回 405）或探测请求本身超时：
+        // 不阻断下载 —— 还有第二道魔数校验兜底，没必要因此卡死更新
+        console.warn("[OTA] 预检请求失败，跳过预检，改由下载后校验兜底:", err && err.errMsg);
+        resolve("");
+      },
+    });
+  });
+}
+
+/**
+ * 校验已下载的文件确实是 WGT —— 读取文件头 4 字节比对 ZIP 魔数。
+ *
+ * WGT 就是 ZIP 包，合法文件必定以 "50 4B 03 04" 开头（ASCII 即 "PK\x03\x04"）。
+ * 这正是 install 报 "invalid LOC header (bad signature)" 时会去校验的东西，
+ * 我们提前自己验一遍，就能把底层报错换成一句人话。
+ *
+ * 实现上用 readAsDataURL 而非读二进制：base64 后 4 字节是 "UEsD"，比对前缀
+ * 即可，避开了 plus.io.FileReader 对二进制读取支持不一致的问题。
+ *
+ * @returns {Promise<string>} 空串 = 通过；非空 = 给用户看的失败原因
+ */
+function verifyWgtFile(filePath) {
+  return new Promise((resolve) => {
+    try {
+      plus.io.resolveLocalFileSystemURL(
+        filePath,
+        (entry) => {
+          entry.file(
+            (file) => {
+              // slice 不可用的老机型上放弃校验（不阻断更新），交给 install 自己报错
+              if (typeof file.slice !== "function") {
+                console.warn("[OTA] 当前环境不支持文件切片，跳过魔数校验");
+                resolve("");
+                return;
+              }
+              const reader = new plus.io.FileReader();
+              reader.onloadend = (e) => {
+                const result = String((e.target && e.target.result) || "");
+                if (/;base64,UEsD/.test(result)) {
+                  console.log("[OTA] 更新包文件头校验通过 (ZIP signature OK)");
+                  resolve("");
+                } else {
+                  resolve("下载到的文件不是有效的更新包（文件头异常），请联系管理员重新打包上传");
+                }
+              };
+              reader.onerror = () => {
+                console.warn("[OTA] 读取更新包文件头失败，跳过校验");
+                resolve("");
+              };
+              reader.readAsDataURL(file.slice(0, 4));
+            },
+            () => resolve("")
+          );
+        },
+        () => resolve("")
+      );
+    } catch (e) {
+      console.warn("[OTA] 魔数校验异常，跳过:", e);
+      resolve("");
+    }
+  });
+}
+
+/** 安装已下载的 WGT —— 成败都要在界面上说清楚 */
+function installWgt(filePath, newVersion) {
+  console.log("[OTA] 开始安装:", filePath);
+  uni.showLoading({ title: "安装中...", mask: true });
+  plus.runtime.install(
+    filePath,
+    { force: true },
+    () => {
+      uni.hideLoading();
+      console.log("[OTA] 安装成功:", newVersion, "→ 即将重启");
+      uni.showToast({ title: "更新完成，即将重启", icon: "none", duration: 2500 });
+      setTimeout(() => {
+        plus.runtime.restart();
+      }, 2500);
+    },
+    (err) => {
+      uni.hideLoading();
+      console.error("[OTA] 安装失败:", JSON.stringify(err));
+      otaFailed(
+        `更新包安装失败：${(err && (err.message || err.code)) || "未知原因"}`
+      );
+    }
+  );
+}
+
+/** 更新失败必须在界面上说出来 —— 只打日志等于让工人对着「点了没反应」干瞪眼 */
+function otaFailed(msg) {
+  uni.showModal({
+    title: "更新失败",
+    content: `${msg}\n\n请确认网络正常后重试；若反复失败请联系管理员。`,
+    showCancel: false,
+    confirmText: "知道了",
+  });
+}
diff --git a/track-uniapp/src/utils/request.js b/track-uniapp/src/utils/request.js
new file mode 100644
index 0000000..57edc6c
--- /dev/null
+++ b/track-uniapp/src/utils/request.js
@@ -0,0 +1,212 @@
+/**
+ * uni.request 封装 — 双 Token 无感刷新 + 并发请求队列
+ *
+ * 网络环境选择（三级优先级）：
+ *   1. env_base_url 缓存（App 内运行时动态切换，最高优先级）
+ *   2. process.env.NODE_ENV 自动判断（development → 本地 IP / production → 公网域名）
+ *   3. 生产默认 PROD_URL
+ */
+
+// 域名/环境地址统一来自 utils/config.js，勿在此处硬编码
+import { PROD_URL, LOCAL_URL } from "./config";
+
+// ============================================================
+// 环境 URL（自动感知：缓存配置 > NODE_ENV > 生产默认）
+// ============================================================
+
+export function getBaseUrl() {
+  // 1. 最高优先级：动态切换的缓存配置（如通过 App 内隐藏菜单切换）
+  const envUrl = uni.getStorageSync("env_base_url");
+  if (envUrl) {
+    return envUrl;
+  }
+
+  // 2. 自动环境判断
+  if (process.env.NODE_ENV === 'development') {
+    // 本地运行/真机调试时，自动使用本地开发机 IP
+    return LOCAL_URL;
+  }
+
+  // 3. 生产打包发行时，自动使用公网域名
+  return PROD_URL;
+}
+
+// ============================================================
+// 双 Token 存储
+// ============================================================
+
+function getAccessToken() { return uni.getStorageSync("access_token") || ""; }
+function getRefreshToken() { return uni.getStorageSync("refresh_token") || ""; }
+function setTokens(accessToken, refreshToken) {
+  uni.setStorageSync("access_token", accessToken);
+  uni.setStorageSync("refresh_token", refreshToken);
+}
+function clearTokens() {
+  uni.removeStorageSync("access_token");
+  uni.removeStorageSync("refresh_token");
+  uni.removeStorageSync("token");
+  uni.removeStorageSync("user");
+}
+
+// ============================================================
+// 并发请求队列
+// ============================================================
+
+let isRefreshing = false;
+let retryQueue = [];
+
+function processQueue(error, newToken) {
+  retryQueue.forEach((p) => {
+    if (newToken) p.resolve(newToken);
+    else p.reject(error);
+  });
+  retryQueue = [];
+}
+
+async function refreshAccessToken() {
+  const refreshToken = getRefreshToken();
+  if (!refreshToken) throw new Error("无 Refresh Token");
+  return new Promise((resolve, reject) => {
+    uni.request({
+      url: getBaseUrl() + "/auth/refresh",
+      method: "POST",
+      data: { refresh_token: refreshToken },
+      header: { "Content-Type": "application/json" },
+      timeout: 10000,
+      success(res) {
+        if (res.statusCode >= 200 && res.statusCode < 300) resolve(res.data);
+        else reject(res);
+      },
+      fail(err) { reject(err); },
+    });
+  });
+}
+
+// ============================================================
+// 错误文案提取 — 把后端 detail 统一转成能读的中文，杜绝 [object Object]
+// ============================================================
+//
+// FastAPI 的 detail 有三种形态，直接丢给 showToast 会变成 [object Object]：
+//   1. 字符串：            {"detail": "任务状态为 COMPLETED，无法驳回"}
+//   2. 校验错误数组(422)： {"detail": [{"loc": ["body","images"], "msg": "Value error, 驳回必须...", "type": "value_error"}]}
+//   3. 对象：              {"detail": {"msg": "..."}}
+export function extractErrorDetail(data, fallback = "") {
+  const detail = data && data.detail;
+  if (!detail) return (data && data.msg) || fallback;
+  if (typeof detail === "string") return detail || fallback;
+
+  if (Array.isArray(detail)) {
+    const msgs = detail.map((item) => {
+      if (typeof item === "string") return item;
+      if (!item || typeof item !== "object") return "";
+      // Pydantic v2 自定义校验器抛的错带 "Value error, " 前缀，读起来噪音大，去掉
+      const msg = String(item.msg || item.message || "").replace(/^Value error,\s*/, "");
+      const field = Array.isArray(item.loc)
+        ? item.loc.filter((p) => !["body", "query", "path"].includes(p)).join(".")
+        : "";
+      return field && msg ? `${field}: ${msg}` : msg;
+    }).filter(Boolean);
+    return msgs.length ? msgs.join("；") : fallback;
+  }
+
+  if (typeof detail === "object") {
+    return detail.msg || detail.message || JSON.stringify(detail);
+  }
+  return String(detail) || fallback;
+}
+
+export default function request(options) {
+  return new Promise((resolve, reject) => {
+    const url = options.url.startsWith("http") ? options.url : getBaseUrl() + options.url;
+    const accessToken = getAccessToken();
+
+    uni.request({
+      url,
+      method: options.method || "GET",
+      data: options.data || {},
+      header: {
+        "Content-Type": "application/json",
+        ...(accessToken ? { Authorization: `Bearer ${accessToken}` } : {}),
+        ...(options.header || {}),
+      },
+      timeout: 15000,
+      success(res) {
+        const code = res.statusCode;
+        if (code >= 200 && code < 300) { resolve(res.data); return; }
+
+        if (code === 401) {
+          if (url.includes("/auth/refresh") || url.includes("/auth/login")) { reject(res); return; }
+
+          if (isRefreshing) {
+            retryQueue.push({
+              resolve: (newToken) => {
+                options.header = options.header || {};
+                options.header.Authorization = `Bearer ${newToken}`;
+                request(options).then(resolve).catch(reject);
+              },
+              reject: (err) => reject(err),
+            });
+            return;
+          }
+
+          isRefreshing = true;
+          refreshAccessToken()
+            .then((data) => {
+              setTokens(data.access_token, getRefreshToken());
+              processQueue(null, data.access_token);
+              options.header = options.header || {};
+              options.header.Authorization = `Bearer ${data.access_token}`;
+              request(options).then(resolve).catch(reject);
+            })
+            .catch(() => {
+              console.error("[Request] Refresh Token 也过期，清除登录态");
+              processQueue(new Error("refresh_failed"), null);
+              clearTokens();
+              uni.showToast({ title: "登录已过期，请重新登录", icon: "none" });
+              setTimeout(() => uni.reLaunch({ url: "/pages/login/login" }), 1000);
+              reject(res);
+            })
+            .finally(() => { isRefreshing = false; });
+          return;
+        }
+
+        // silent：调用方自行兜底提示时（如 feedback 的 404 回退 mock）跳过通用 toast，
+        //         否则用户会先看到一句「请求失败 (404)」，再看到「感谢反馈」，自相矛盾。
+        if (!options.silent) {
+          if (code === 403) uni.showToast({ title: extractErrorDetail(res.data, "无权操作"), icon: "none", duration: 3000 });
+          else if (code === 400) uni.showToast({ title: extractErrorDetail(res.data, "请求参数有误"), icon: "none", duration: 2500 });
+          else if (code === 409) uni.showToast({ title: extractErrorDetail(res.data, "操作冲突"), icon: "none", duration: 3000 });
+          else if (code === 422) {
+            // 表单/参数校验失败（Pydantic）—— detail 是校验项数组，必须解析出 msg 再提示
+            uni.showToast({ title: extractErrorDetail(res.data, "提交内容不符合要求"), icon: "none", duration: 3000 });
+          }
+          else uni.showToast({ title: extractErrorDetail(res.data, `请求失败 (${code})`), icon: "none", duration: 3000 });
+        }
+        reject(res);
+      },
+      fail(err) {
+        // ⚠️ fail = 压根没拿到后端响应（超时/断网），与 4xx/5xx 有本质区别：
+        //    后端可能已经执行成功，只是响应没回来。故保留原始 errMsg 并打上标记，
+        //    让上层能识别出「网络级失败」从而打断用户的连点重试。
+        const errMsg = (err && (err.errMsg || err.message)) || "";
+        const isTimeout = /timeout/i.test(errMsg);
+        if (!options.silent) {
+          uni.showToast({ title: isTimeout ? "网络超时，请稍后重试" : "网络连接失败", icon: "none" });
+        }
+        const e = new Error(errMsg || "network");
+        e.errMsg = errMsg;
+        e.isNetworkError = true;
+        e.isTimeout = isTimeout;
+        reject(e);
+      },
+    });
+  });
+}
+
+export function get(url, params = {}) {
+  const query = Object.entries(params).filter(([, v]) => v != null && v !== "").map(([k, v]) => `${k}=${encodeURIComponent(v)}`).join("&");
+  return request({ url: query ? `${url}?${query}` : url, method: "GET" });
+}
+export function post(url, data = {}) { return request({ url, method: "POST", data }); }
+export function patch(url, data = {}) { return request({ url, method: "PATCH", data }); }
+export function put(url, data = {}) { return request({ url, method: "PUT", data }); }
diff --git a/track-uniapp/src/utils/upload.js b/track-uniapp/src/utils/upload.js
new file mode 100644
index 0000000..3b449df
--- /dev/null
+++ b/track-uniapp/src/utils/upload.js
@@ -0,0 +1,101 @@
+/**
+ * 图片上传工具 — 超时与并发策略的唯一来源（追加记录 / 驳回弹窗共用）。
+ *
+ * 此前两个页面各写一份 uni.uploadFile 封装，行为容易漂移；且都是串行上传，
+ * 9 张图要排队一张张传完，弱网下工人要干等半分钟以上。
+ */
+import { getBaseUrl, extractErrorDetail } from "./request";
+
+/** 单张上传超时（毫秒）—— 弱网下防止请求永久挂起，卡住整个上传流程 */
+export const UPLOAD_TIMEOUT = 15000;
+
+/**
+ * 上传并发数。
+ * 不用「9 张一起上」的无限并发：弱网带宽本就紧张，同时打满会互相挤占、
+ * 整体反而更慢，还容易触发服务端限流。3 是等待时间与成功率的折中点。
+ */
+export const UPLOAD_CONCURRENCY = 3;
+
+/**
+ * 上传单个文件。
+ * @param {string} filePath 本地临时文件路径
+ * @returns {Promise<string>} 成功时 resolve 后端返回的可访问 URL
+ * @throws 失败时 reject —— 不 resolve(null) 静默丢弃，调用方必须显式处理
+ */
+export function uploadImage(filePath) {
+  return new Promise((resolve, reject) => {
+    uni.uploadFile({
+      url: getBaseUrl() + "/upload/",
+      filePath,
+      name: "file",
+      timeout: UPLOAD_TIMEOUT,
+      success(res) {
+        let data = null;
+        try { data = JSON.parse(res.data); } catch { data = null; }
+        const url = data && data.url;
+        // HTTP 非 2xx 时（类型不支持 400 / 超过 50MB 413 等）后端返回的是
+        // {detail: ...} 而非 {url}，必须当失败处理，否则图片会被静默丢弃
+        if (res.statusCode >= 200 && res.statusCode < 300 && url) resolve(url);
+        else reject(new Error(extractErrorDetail(data, `图片上传失败 (${res.statusCode || "无响应"})`)));
+      },
+      fail(err) {
+        const errMsg = (err && err.errMsg) || "";
+        reject(new Error(/timeout/i.test(errMsg) ? "图片上传超时" : errMsg || "图片上传失败"));
+      },
+    });
+  });
+}
+
+/**
+ * 判断一个图片项是否「已真正上传成功」。
+ *
+ * 依据来自本模块的契约：uploadImage() 成功时 resolve 的是后端返回的 URL
+ * （相对路径 /api/v1/upload/files/xxx，或带域名的 http(s)://…）；
+ * 而未上传完 / 上传失败的项，拿到的是本地临时地址（blob:、file://、
+ * _doc/、wxfile:// 等）。
+ *
+ * 各页面的「成功绿勾」角标只应依据本函数显示 —— 绝不能因为「它出现在
+ * images 数组里」就当作成功，否则将来若有人把失败项也塞进数组（比如为了
+ * 支持重试而保留占位），角标就会撒谎。
+ *
+ * @param {*} url 图片项
+ * @returns {boolean}
+ */
+export function isUploadedUrl(url) {
+  if (typeof url !== "string" || !url) return false;
+  return url.startsWith("/") || /^https?:\/\//i.test(url);
+}
+
+/**
+ * 并发上传一组图片（有界并发池，逐个补位，不会一次性打满）。
+ *
+ * @param {string[]} filePaths 本地临时文件路径列表
+ * @param {(url: string|null, index: number) => void} [onEachDone]
+ *        每张图片「有结果」时回调一次（成功传 url，失败传 null）——
+ *        调用方据此回收 ⏳ 占位符，保证成功与失败都恰好回收一次。
+ * @returns {Promise<{failed: number, total: number}>}
+ */
+export async function uploadImages(filePaths, onEachDone) {
+  const queue = filePaths.map((filePath, index) => ({ filePath, index }));
+  let cursor = 0;
+  let failed = 0;
+
+  const worker = async () => {
+    while (cursor < queue.length) {
+      // 单线程 JS 里 cursor++ 在两次 await 之间是原子的，不会重复取到同一项
+      const { filePath, index } = queue[cursor++];
+      let url = null;
+      try {
+        url = await uploadImage(filePath);
+      } catch (e) {
+        failed++;
+        console.error("[upload] 图片上传失败:", e);
+      }
+      if (onEachDone) onEachDone(url, index);
+    }
+  };
+
+  const workerCount = Math.min(UPLOAD_CONCURRENCY, queue.length);
+  await Promise.all(Array.from({ length: workerCount }, worker));
+  return { failed, total: filePaths.length };
+}
diff --git a/track-uniapp/static/logo.png b/track-uniapp/static/logo.png
new file mode 100644
index 0000000..8c8d84a
Binary files /dev/null and b/track-uniapp/static/logo.png differ
diff --git a/track-uniapp/sync-watch.sh b/track-uniapp/sync-watch.sh
new file mode 100644
index 0000000..d3719c8
--- /dev/null
+++ b/track-uniapp/sync-watch.sh
@@ -0,0 +1,117 @@
+#!/bin/bash
+# ============================================================
+# track-uniapp 源码 → HBuilderX 项目 同步
+#
+#   方向：单向   WSL track-uniapp/src/  →  G:\Track\track-app\track
+#
+# ⚠️ 为什么是「src/ → 项目根」且单向（2026-09-15 修正）：
+#    HBuilderX 是以 G:\Track\track-app\track 为项目根打开的（经典布局，
+#    pages.json / App.vue / manifest.json 都在根目录），该目录就是
+#    track-uniapp/src/ 的**扁平镜像** —— 证据：test_wgt_local.bat 里写着
+#    "Please build WGT in HBuilderX first"，且两侧文件时间戳逐项吻合。
+#
+#    旧版脚本按 track-uniapp/ ↔ track-app/track/ 双向对拷，方向完全错误：
+#      · 正向会把 src/ 整个塞成 track/src/，并用 WSL 的 index.html 覆盖
+#        HBuilderX 的入口文件；
+#      · 反向会把 Windows 项目根的文件搬回 WSL 根目录，让已清理的
+#        「幽灵文件」复活。
+#    故改为单向，且显式排除所有「只在 Windows 侧存在」的项。
+#
+# 用法:
+#   bash sync-watch.sh          # 同步一次，然后持续监听（推荐）
+#   bash sync-watch.sh once     # 只同步一次
+#   bash sync-watch.sh dry      # 只预览差异，不落盘
+# 停止: Ctrl+C
+# ============================================================
+
+SRC="/home/yueli/track/track-uniapp/src"
+DST="/mnt/g/Track/track-app/track"
+
+# ── 只在 Windows 侧存在、绝对不能被覆盖或删除的项 ──
+EXCLUDES=(
+  # manifest.json 的版本号(T1.0.44)与存储权限只在 HBuilderX 里维护。
+  # WSL 那份停留在 T1.0.8，是过期副本 —— 同步过去会回退版本号并抹掉权限。
+  --exclude 'manifest.json'
+  # HBuilderX 经典布局特有，src/ 里没有对应物
+  --exclude 'index.html'
+  --exclude 'static/'
+  --exclude 'uni.scss'
+  --exclude 'uni.promisify.adaptor.js'
+  --exclude '.editorconfig'
+  --exclude '.gitignore'
+  --exclude '.hbuilderx/'
+  # HBuilderX 的 WGT 构建产物（约 216M）
+  --exclude 'unpackage/'
+  --exclude 'node_modules/'
+  --exclude '.git/'
+  # 手工备份（如 pages/scan/detail.vue.bak-20260914）
+  --exclude '*.bak-*'
+  --exclude '*.wgt'
+)
+
+# --delete 让「在 WSL 删掉的文件」在 Windows 侧同步消失（如已废弃的
+# FlowTree.vue / TaskTreeNode.vue）。被 --exclude 命中的项不受 --delete
+# 影响，所以上面的白名单不会被误删。
+#
+# 不用 -a：目标 /mnt/g 是 drvfs，POSIX 权限/属主都是合成的（恒为 777），
+# -a 里的 -p/-o/-g 每次都会判定为「有差异」→ 无谓 chmod + 刷屏的 p 标记。
+# 保留 -r（递归）+ -t（时间戳，两侧时间戳本就是同步依据）。
+RSYNC_OPTS=(-rlt --delete "${EXCLUDES[@]}" --no-perms --no-owner --no-group)
+
+do_sync() {
+  case "$1" in
+    dry)
+      echo "🔍 预览模式（不落盘）："
+      rsync "${RSYNC_OPTS[@]}" --dry-run --itemize-changes "$SRC/" "$DST/"
+      ;;
+    *)
+      rsync "${RSYNC_OPTS[@]}" --itemize-changes "$SRC/" "$DST/"
+      local rc=$?
+      if [ $rc -eq 0 ]; then
+        echo "  ↻ $(date +%H:%M:%S) 已同步"
+      else
+        # 不吞错误：旧脚本 2>/dev/null 把 rsync 的报错全丢了，出了问题只能干瞪眼
+        echo "  ❌ $(date +%H:%M:%S) rsync 退出码 $rc —— 同步可能不完整，请检查"
+      fi
+      ;;
+  esac
+}
+
+case "$1" in
+  dry)
+    do_sync dry
+    exit 0
+    ;;
+  once)
+    do_sync
+    exit 0
+    ;;
+esac
+
+echo "🔁 单向同步 $SRC → $DST"
+do_sync
+echo "✅ 首次同步完成，开始监听..."
+
+if command -v inotifywait >/dev/null 2>&1; then
+  echo "👀 inotifywait 实时监听中（Ctrl+C 停止）"
+  inotifywait -m -r -e modify,create,delete,move \
+    --exclude 'node_modules|\.git|dist|unpackage|\.hbuilderx' \
+    "$SRC" | while read -r _dir _action _file; do
+    do_sync
+  done
+else
+  # 旧脚本在这里静默失败过：inotifywait 没装，2>/dev/null 又把报错吞了，
+  # 表现为「脚本像是跑着，但改了代码 G 盘一直不更新」。改为明确提示 + 轮询兜底。
+  echo "⚠️  inotifywait 未安装，退回轮询模式（每 3 秒比对一次）"
+  echo "    想要实时监听： sudo apt install -y inotify-tools"
+  echo "    Ctrl+C 停止"
+  last=""
+  while true; do
+    cur=$(find "$SRC" -type f -printf '%T@ %p\n' 2>/dev/null | sort | md5sum)
+    if [ "$cur" != "$last" ]; then
+      [ -n "$last" ] && do_sync
+      last="$cur"
+    fi
+    sleep 3
+  done
+fi
diff --git a/track-uniapp/vite.config.ts b/track-uniapp/vite.config.ts
new file mode 100644
index 0000000..f214cfc
--- /dev/null
+++ b/track-uniapp/vite.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from "vite";
+import uni from "@dcloudio/vite-plugin-uni";
+import basicSsl from "@vitejs/plugin-basic-ssl";
+
+export default defineConfig({
+  plugins: [uni(), basicSsl()],
+  server: {
+    host: "0.0.0.0",
+    port: 8020,
+    https: true,
+  },
+});