// AdminGame — 遊戲總控台（控台官現場操作主介面） (() => { const { Panel, Badge, Button, SectionTitle, Tabs } = window.WCATalentGameDesignSystem_377d00; // ── 共用樣式 ────────────────────────────────────────────── const inputStyle = { background: "var(--navy-950)", border: "1px solid rgba(212,175,55,.28)", borderRadius: 6, color: "var(--text-primary)", padding: "8px 10px", fontSize: 13, outline: "none", boxSizing: "border-box", }; const thStyle = { padding: "8px 8px", borderBottom: "1px solid rgba(212,175,55,.3)", color: "var(--gold-300)", textAlign: "left", fontWeight: 600, whiteSpace: "nowrap" }; const selStyle = { ...inputStyle, width: "100%" }; const tdStyle = { padding: "8px 8px", borderBottom: "1px solid rgba(212,175,55,.10)", color: "var(--text-secondary)", verticalAlign: "middle" }; const W = (n) => (n / 10000).toFixed(1) + "萬"; // 元 → 萬 const toW = (n) => (Number(n) / 10000).toFixed(1); // ── 重新整理鈕：成功後短暫顯示已同步（否則抓回同樣資料時畫面零變化，像沒反應）── function RefreshBtn({ onClick }) { const [ok, setOk] = React.useState(false); const click = async () => { try { await onClick(); setOk(true); setTimeout(() => setOk(false), 1500); } catch {} }; return ; } // ── 確認彈層 ───────────────────────────────────────────── function Confirm({ title, body, onConfirm, onCancel }) { return (
e.stopPropagation()} style={{ width: 400, maxWidth: "100%" }}>

{body}
); } // ── 通用訊息彈層 ────────────────────────────────────────── function Msg({ title, body, onClose }) { return (
e.stopPropagation()} style={{ width: 440, maxWidth: "100%" }}> 
{body}
); } // ═══════════════ 分頁 1：階段 ═══════════════════════════ const PHASES = ["setup","day1_game","team_up","angel_draw","hackathon","pre_a","ma_window","asset_lock","pitch","bet_window","settlement","reveal","day3_final"]; const PHASE_LABELS = { setup:"賽前準備", day1_game:"九域試煉", team_up:"組隊", angel_draw:"天使輪", hackathon:"黑客松", pre_a:"Pre-A 輪", ma_window:"併購窗口", asset_lock:"資產鎖定", pitch:"Final Pitch", bet_window:"押注窗口", settlement:"結算", reveal:"揭曉", day3_final:"個人清算" }; function TabPhase({ me }) { const canCtrl = !me || me.phase_ctrl !== false; // leader 直登唯讀；後端亦擋 const [cur, setCur] = React.useState(null); const [confirm, setConfirm] = React.useState(null); // {phase} const load = () => api("/api/phase").then((d) => setCur(d.phase)).catch((e) => alert(e.message)); React.useEffect(() => { load(); }, []); const doSet = async (phase, force) => { try { await api("/api/admin/phase", { method: "POST", body: { phase, force } }); setCur(phase); setConfirm(null); } catch (e) { if (e.message && e.message.includes("need_force")) { setConfirm({ phase }); } else { alert(e.message); } } }; // 後端 409 附 need_force，但 util.js 只取 data.error——改帳辦法：先試，若 error 含「force」就彈確認 const handleClick = async (phase) => { try { await api("/api/admin/phase", { method: "POST", body: { phase } }); setCur(phase); } catch (e) { // e.message 是 "回退階段需要確認（force）" 等 if (e.message && (e.message.includes("force") || e.message.includes("跳") || e.message.includes("回退"))) { setConfirm({ phase }); } else { alert(e.message); } } }; return (
階段控制 {cur && (
目前階段
{PHASE_LABELS[cur] || cur}
{cur}
)}
{PHASES.map((ph, i) => ( ))}
{confirm && ( doSet(confirm.phase, true)} onCancel={() => setConfirm(null)} /> )}
); } // ═══════════════ 分頁 2：人員 ═══════════════════════════ const ROLE_ZH = { student:"學員", mentor:"導師", judge:"評審", gate:"關主", audience:"觀眾", screen:"大螢幕" }; const ROLE_KEYS = Object.keys(ROLE_ZH); function TabUsers() { const [text, setText] = React.useState(""); const [users, setUsers] = React.useState(null); const [created, setCreated] = React.useState(null); // [{name,role,username,password}] const [resetting, setResetting] = React.useState(null); // {id,username,display_name} const [resetInput, setResetInput] = React.useState(""); // 重設密碼的自訂輸入（留空＝隨機） const load = () => api("/api/admin/users").then(setUsers).catch((e) => alert(e.message)); React.useEffect(() => { load(); }, []); const submit = async () => { const lines = text.trim().split("\n").filter(Boolean); if (!lines.length) return alert("請輸入人員清單"); const userList = []; for (const ln of lines) { const parts = ln.split(",").map((s) => s.trim()); const [name, roleRaw, dept, pw] = parts; if (!name || !roleRaw) return alert(`格式錯誤：${ln}`); const role = ROLE_KEYS.find((k) => ROLE_ZH[k] === roleRaw || k === roleRaw); if (!role) return alert(`角色無效：${roleRaw}（可用：${Object.values(ROLE_ZH).join("/")}）`); userList.push({ name, role, dept: dept || "", password: pw || "" }); } try { const r = await api("/api/admin/users", { method: "POST", body: { users: userList } }); setCreated(r.users); setText(""); load(); } catch (e) { alert(e.message); } }; const resetPw = async (u, pw) => { setResetting(null); try { const r = await api(`/api/admin/users/${u.id}/reset-password`, { method: "POST", body: pw ? { password: pw } : {} }); setCreated([{ name: u.display_name, role: u.role, username: u.username, password: r.password }]); } catch (e) { alert(e.message); } }; return (
人員管理
每行一人：姓名,角色,系別(選填),密碼(選填 4–30 字)　角色：{Object.entries(ROLE_ZH).map(([k,v]) => `${v}=${k}`).join(" / ")}
密碼留空＝自動產生；沒有系別但要自訂密碼時，系別留空要保留逗號（例：陳博士,導師,,abc123）