import CharacterStats from '../../../components/CharacterStats.jsx'
import GameAccounts from '../../../components/GameAccounts.jsx'
import VendorSales from '../../../components/VendorSales.jsx'
import { api } from '../../../api/client.js'

// Staff link their OWN in-game account and view their characters — the same
// shared component players use, pointed at the staff self-service endpoints.
// Sits inside the Admin shell, which supplies the "My Characters" page header;
// stat tiles bring it to parity with the Player Portal's Characters page.
export default function AdminCharacters() {
  return (
    <section style={{ maxWidth: 760 }}>
      <CharacterStats scope={api.admin.shard} />
      <GameAccounts scope={api.admin.shard} charTo={(serial) => `/admin/characters/${serial}`} />
      <VendorSales fetchSales={api.admin.shard.sales} />
    </section>
  )
}