);
}
// Renders in the span-8 slot where ArbitragePanel normally sits, but shows
// rule-hit cards. Used when the admin has set can_use_arbitrage=false on
// the current viewer.
function RuleHitsExpanded({ hits, selectedId, onSelect }) {
return (
{hits.length} 筆}
accent
style={{ gridColumn:'span 8', gridRow:'span 1' }}
pad={14}
>
{hits.length === 0 ? (
)}
);
}
// ===========================================================================
// Rule Drawer
// ===========================================================================
// Module-scope: prevent React from re-creating this component on every parent
// render (which would unmount/remount inputs and lose focus on every keystroke).
function Field({ label, children, hint, optional }) {
return (
{children}
);
}
// ===========================================================================
// Admin drawer — only opens when the current user is in ADMIN_DISCORD_USER_IDS
// (the server enforces this on the API; the frontend just hides the entry).
// Lists every connected user and lets admin tweak max_rules + can_use_arbitrage.
// ===========================================================================
function AdminDrawer({ open, onClose, onToast }) {
const [users, setUsers] = useState([]);
const [loading, setLoading] = useState(true);
const [edits, setEdits] = useState({}); // discordUserId → { maxRules, canUseArbitrage }
const [expandedId, setExpandedId] = useState(null);
const [expandedRules, setExpandedRules] = useState({}); // discordUserId → rules[]
const reload = useCallback(async () => {
setLoading(true);
try {
const r = await apiGet('/api/admin/users');
setUsers(r.users || []);
setEdits({});
} catch (e) {
onToast?.({ kind:'error', text:`載入失敗:${e.message}` });
} finally {
setLoading(false);
}
}, [onToast]);
useEffect(() => { if (open) reload(); }, [open, reload]);
if (!open) return null;
async function loadRulesFor(id) {
if (expandedRules[id]) {
setExpandedId(expandedId === id ? null : id);
return;
}
try {
const r = await apiGet(`/api/admin/users/${id}`);
setExpandedRules(prev => ({ ...prev, [id]: r.rules || [] }));
setExpandedId(id);
} catch (e) {
onToast?.({ kind:'error', text:`載入規則失敗:${e.message}` });
}
}
async function saveUser(id) {
const edit = edits[id];
if (!edit) return;
try {
await apiSend('PUT', `/api/admin/users/${id}`, edit);
onToast?.({ kind:'ok', text:`✓ 已更新 @${users.find(u=>u.discordUserId===id)?.username}` });
await reload();
} catch (e) {
onToast?.({ kind:'error', text:`儲存失敗:${e.message}` });
}
}
const editFor = (id) => edits[id] || {};
const setEditFor = (id, patch) => setEdits(prev => ({ ...prev, [id]: { ...prev[id], ...patch } }));
return (