# Screen specification

## 01 Overview

- โครง: sidebar 240px + content canvas; topbar แสดง server identity และสถานะ Online
- Hero: ภาพ environment ของเกมด้านซ้าย, welcome message + server summary ด้านขวา
- Stats: CPU, RAM, TPS, Disk; ใช้ 4 cards ใน desktop, 2×2 ใน tablet, stack ใน mobile
- Lower grid: Recent Players, Server Activity, Quick Actions
- Primary actions: Start Server = green, Stop Server = red; secondary actionsใช้ navy/outline

## 02 Players

- Header: `Players`, search field, count `32 / 32`
- Filter chips: ทั้งหมด, ออนไลน์, ออฟไลน์, แบน
- Table columns: avatar/name, status, play time, ping, overflow action
- Status ต้องใช้ dot + label ไม่พึ่งสีอย่างเดียว
- Mobile: เปลี่ยนเป็น player cards และย้าย columns รองไปใน detail/overflow

## 03 Console

- ใช้ monospace log panel ที่ contrast สูงและ scroll ได้
- Toolbar: Clear, Fullscreen
- Bottom command input พร้อมปุ่มส่ง
- Log color: info = blue-gray, success = teal/green, warning = gold, error = red

## 04 Server

- Tabs: General, Network, World, Advanced
- Form sections: Server Name, Password, Max Players, Map, Game Mode, Workshop
- Preview card ทางขวาใน desktop; ย้ายลงด้านล่างใน tablet/mobile
- Save เป็น primary; Cancel เป็น secondary

## 05 Mods

- แยก tab ติดตั้งแล้ว / Available Mods
- แต่ละ row มี icon, ชื่อ, version, state และ toggle
- ให้มี `Update available` เป็นข้อความ/สถานะที่อ่านได้

## 06 Settings

- Tabs: Account, Notifications, Appearance
- Account card แสดง avatar, email, role และ Change Password
- Destructive/security actions ต้องมี confirmation และ error copy ที่ชัดเจน