import { CapabilitySettings } from '../../components/CapabilitySettings';
import { useAdminUsers } from '../hooks/useAdminUsers';

export function CapabilitiesPage() {
  const { users, loading, error } = useAdminUsers();

  return (
    <div className="admin-page">
      <div className="admin-page-head">
        <h2>能力权限</h2>
        <p className="muted">控制各扩展与工具是否可用</p>
      </div>
      {error && <p className="banner banner-error">{error}</p>}
      {loading ? <p className="muted">加载用户列表…</p> : <CapabilitySettings users={users} />}
    </div>
  );
}