feat: add admin operations suite

src/app/admin/analytics/activity/page.tsx

@@ -0,0 +1,197 @@
+import { MessageSquare, Shield, Terminal, Users } from 'lucide-react'
+import { redirect } from 'next/navigation'
+import { StatsCard } from '@/components/admin/stats-card'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { prisma } from '@/lib/prisma'
+
+async function getActivityData() {
+  const now = Math.floor(Date.now() / 1000)
+  const todayStart = now - (now % 86400)
+  const weekAgo = now - 7 * 86400
+
+  // Daily activity breakdown — 4 GROUP BY queries instead of 28 sequential queries
+  const rangeStart = todayStart - 6 * 86400
+  const [chatRows, cmdRows, banRows, regRows] = await Promise.all([
+    prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
+      SELECT FLOOR(timestamp / 86400) AS day_bucket, COUNT(*) AS count
+      FROM chatlogs_room WHERE timestamp >= ${rangeStart} GROUP BY day_bucket`,
+    prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
+      SELECT FLOOR(timestamp / 86400) AS day_bucket, COUNT(*) AS count
+      FROM commandlogs WHERE timestamp >= ${rangeStart} GROUP BY day_bucket`,
+    prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
+      SELECT FLOOR(timestamp / 86400) AS day_bucket, COUNT(*) AS count
+      FROM bans WHERE timestamp >= ${rangeStart} GROUP BY day_bucket`,
+    prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
+      SELECT FLOOR(account_created / 86400) AS day_bucket, COUNT(*) AS count
+      FROM users WHERE account_created >= ${rangeStart} GROUP BY day_bucket`,
+  ])
+  const toMap = (rows: { day_bucket: bigint; count: bigint }[]) =>
+    new Map(rows.map((r) => [Number(r.day_bucket), Number(r.count)]))
+  const chatMap = toMap(chatRows)
+  const cmdMap = toMap(cmdRows)
+  const banMap = toMap(banRows)
+  const regMap = toMap(regRows)
+
+  const dailyData = []
+  for (let i = 6; i >= 0; i--) {
+    const dayStart = todayStart - i * 86400
+    const bucket = Math.floor(dayStart / 86400)
+    const date = new Date(dayStart * 1000)
+    dailyData.push({
+      label: date.toLocaleDateString('en', { weekday: 'short', month: 'short', day: 'numeric' }),
+      chats: chatMap.get(bucket) ?? 0,
+      commands: cmdMap.get(bucket) ?? 0,
+      bans: banMap.get(bucket) ?? 0,
+      registrations: regMap.get(bucket) ?? 0,
+    })
+  }
+
+  // Totals
+  const [weekChatRows, weekCommandRows, weekBans, weekRegistrations] = await Promise.all([
+    prisma.$queryRaw<{ count: bigint }[]>`SELECT COUNT(*) AS count FROM chatlogs_room WHERE timestamp >= ${weekAgo}`,
+    prisma.$queryRaw<{ count: bigint }[]>`SELECT COUNT(*) AS count FROM commandlogs WHERE timestamp >= ${weekAgo}`,
+    prisma.ban.count({ where: { timestamp: { gte: weekAgo } } }),
+    prisma.user.count({ where: { accountCreated: { gte: weekAgo } } }),
+  ])
+  const weekChats = Number(weekChatRows[0]?.count ?? 0)
+  const weekCommands = Number(weekCommandRows[0]?.count ?? 0)
+
+  // Most active users (by chat messages)
+  const topChatters = await prisma.$queryRaw<{ userId: number; messages: bigint }[]>`
+    SELECT user_from_id AS userId, COUNT(*) AS messages
+    FROM chatlogs_room WHERE timestamp >= ${weekAgo}
+    GROUP BY user_from_id ORDER BY messages DESC LIMIT 10
+  `
+
+  const userIds = topChatters.map((c) => c.userId)
+  const users = await prisma.user.findMany({
+    where: { id: { in: userIds } },
+    select: { id: true, username: true },
+  })
+  const userMap = new Map(users.map((u) => [u.id, u.username]))
+
+  const topChattersWithNames = topChatters.map((c) => ({
+    userId: c.userId,
+    username: userMap.get(c.userId) ?? `User #${c.userId}`,
+    messages: Number(c.messages),
+  }))
+
+  return {
+    dailyData,
+    weekChats,
+    weekCommands,
+    weekBans,
+    weekRegistrations,
+    topChatters: topChattersWithNames,
+  }
+}
+
+export default async function ActivityPage() {
+  const { session, permissions } = await getAdminContext()
+  if (!canAccess(permissions, PERMS.ANALYTICS_VIEW, session.user.rank)) {
+    redirect('/admin')
+  }
+
+  const data = await getActivityData()
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Activity</h1>
+        <p className="text-muted-foreground">User activity breakdown and engagement metrics</p>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        <StatsCard
+          title="Chat Messages"
+          value={data.weekChats.toLocaleString()}
+          description="Last 7 days"
+          icon={<MessageSquare className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Commands"
+          value={data.weekCommands.toLocaleString()}
+          description="Last 7 days"
+          icon={<Terminal className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Bans"
+          value={data.weekBans.toLocaleString()}
+          description="Last 7 days"
+          icon={<Shield className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Registrations"
+          value={data.weekRegistrations.toLocaleString()}
+          description="Last 7 days"
+          icon={<Users className="h-4 w-4" />}
+        />
+      </div>
+
+      <div className="grid gap-6 md:grid-cols-2">
+        {/* Daily breakdown table */}
+        <Card>
+          <CardHeader>
+            <CardTitle>Daily Breakdown (7 days)</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="overflow-x-auto">
+              <table className="w-full text-sm">
+                <thead>
+                  <tr className="border-b text-muted-foreground">
+                    <th className="text-left py-2 font-medium">Day</th>
+                    <th className="text-right py-2 font-medium">Chats</th>
+                    <th className="text-right py-2 font-medium">Cmds</th>
+                    <th className="text-right py-2 font-medium">Bans</th>
+                    <th className="text-right py-2 font-medium">Regs</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {data.dailyData.map((day) => (
+                    <tr key={day.label} className="border-b last:border-0">
+                      <td className="py-2">{day.label}</td>
+                      <td className="text-right tabular-nums">{day.chats.toLocaleString()}</td>
+                      <td className="text-right tabular-nums">{day.commands.toLocaleString()}</td>
+                      <td className="text-right tabular-nums">{day.bans}</td>
+                      <td className="text-right tabular-nums">{day.registrations}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </CardContent>
+        </Card>
+
+        {/* Top chatters */}
+        <Card>
+          <CardHeader>
+            <CardTitle>Most Active Users (7 days)</CardTitle>
+          </CardHeader>
+          <CardContent>
+            {data.topChatters.length === 0 ? (
+              <p className="text-sm text-muted-foreground">No chat activity</p>
+            ) : (
+              <div className="divide-y">
+                {data.topChatters.map((user, i) => (
+                  <div
+                    key={user.userId}
+                    className="flex items-center gap-3 py-2.5 first:pt-0 last:pb-0"
+                  >
+                    <span className="flex h-6 w-6 items-center justify-center rounded-full bg-accent text-xs font-bold">
+                      {i + 1}
+                    </span>
+                    <span className="flex-1 text-sm font-medium">{user.username}</span>
+                    <span className="text-sm tabular-nums text-muted-foreground">
+                      {user.messages.toLocaleString()} msgs
+                    </span>
+                  </div>
+                ))}
+              </div>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}

src/app/admin/analytics/economy/page.tsx

@@ -0,0 +1,200 @@
+import { ArrowLeftRight, Coins, TrendingDown, TrendingUp } from 'lucide-react'
+import dynamic from 'next/dynamic'
+import { redirect } from 'next/navigation'
+import { StatsCard } from '@/components/admin/stats-card'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Skeleton } from '@/components/ui/skeleton'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { prisma } from '@/lib/prisma'
+
+const RevenueChart = dynamic(
+  () => import('@/components/admin/revenue-chart').then((m) => ({ default: m.RevenueChart })),
+  { loading: () => <Skeleton className="h-[300px] w-full rounded-xl" /> },
+)
+
+async function getEconomyData() {
+  const now = Math.floor(Date.now() / 1000)
+  const todayStart = now - (now % 86400)
+  const weekAgo = now - 7 * 86400
+
+  // Total currency in circulation — parallel instead of sequential
+  const [creditsAgg, pixelsAgg, pointsAgg] = await Promise.all([
+    prisma.user.aggregate({ _sum: { credits: true } }),
+    prisma.user.aggregate({ _sum: { pixels: true } }),
+    prisma.user.aggregate({ _sum: { points: true } }),
+  ])
+  const totalCredits = creditsAgg._sum.credits ?? 0
+  const totalPixels = pixelsAgg._sum.pixels ?? 0
+  const totalPoints = pointsAgg._sum.points ?? 0
+
+  // Shop revenue (7 days)
+  const shopRevenue = await prisma.logsShopPurchases.aggregate({
+    where: { timestamp: { gte: weekAgo } },
+    _sum: { costCredits: true, costPoints: true },
+    _count: true,
+  })
+
+  // Marketplace stats
+  const marketplaceActive = await prisma.marketplaceItems.count({ where: { state: 1 } })
+  const marketplaceSold = await prisma.marketplaceItems.count({
+    where: { state: 2, soldTimestamp: { gte: weekAgo } },
+  })
+
+  // Revenue chart (7 days) — single GROUP BY query instead of 7 sequential queries
+  const rangeStart = todayStart - 6 * 86400
+  const revRows = await prisma.$queryRaw<{ day_bucket: bigint; credits: number; points: number }[]>`
+    SELECT FLOOR(timestamp / 86400) AS day_bucket,
+           COALESCE(SUM(cost_credits), 0) AS credits,
+           COALESCE(SUM(cost_points), 0) AS points
+    FROM logs_shop_purchases
+    WHERE timestamp >= ${rangeStart}
+    GROUP BY day_bucket ORDER BY day_bucket
+  `
+  const revMap = new Map(
+    revRows.map((r) => [
+      Number(r.day_bucket),
+      { credits: Number(r.credits), points: Number(r.points) },
+    ]),
+  )
+  const revenueData = []
+  for (let i = 6; i >= 0; i--) {
+    const dayStart = todayStart - i * 86400
+    const bucket = Math.floor(dayStart / 86400)
+    const date = new Date(dayStart * 1000)
+    const entry = revMap.get(bucket)
+    revenueData.push({
+      label: date.toLocaleDateString('en', { weekday: 'short' }),
+      credits: entry?.credits ?? 0,
+      points: entry?.points ?? 0,
+    })
+  }
+
+  // Trades (7 days)
+  const weekTrades = await prisma.roomTradeLog.count({
+    where: { timestamp: { gte: weekAgo } },
+  })
+
+  return {
+    totalCredits,
+    totalPixels,
+    totalPoints,
+    shopPurchases: typeof shopRevenue._count === 'number' ? shopRevenue._count : 0,
+    shopCreditsSpent: shopRevenue._sum?.costCredits ?? 0,
+    shopPointsSpent: shopRevenue._sum?.costPoints ?? 0,
+    marketplaceActive,
+    marketplaceSold,
+    weekTrades,
+    revenueData,
+  }
+}
+
+export default async function EconomyPage() {
+  const { session, permissions } = await getAdminContext()
+  if (!canAccess(permissions, PERMS.ANALYTICS_VIEW, session.user.rank)) {
+    redirect('/admin')
+  }
+
+  const data = await getEconomyData()
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Economy</h1>
+        <p className="text-muted-foreground">
+          Currency circulation, shop revenue and marketplace activity
+        </p>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        <StatsCard
+          title="Credits in Circulation"
+          value={data.totalCredits.toLocaleString()}
+          description="Total credits across all users"
+          icon={<Coins className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Pixels in Circulation"
+          value={data.totalPixels.toLocaleString()}
+          description="Total pixels across all users"
+          icon={<TrendingUp className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Points in Circulation"
+          value={data.totalPoints.toLocaleString()}
+          description="Total points across all users"
+          icon={<TrendingDown className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Weekly Trades"
+          value={data.weekTrades.toLocaleString()}
+          description={`${data.marketplaceActive} marketplace listings`}
+          icon={<ArrowLeftRight className="h-4 w-4" />}
+        />
+      </div>
+
+      <RevenueChart data={data.revenueData} />
+
+      <div className="grid gap-6 md:grid-cols-3">
+        <Card>
+          <CardHeader>
+            <CardTitle>Shop Revenue (7d)</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="space-y-2">
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Purchases</span>
+                <span className="font-medium">{data.shopPurchases}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Credits spent</span>
+                <span className="font-medium">{data.shopCreditsSpent.toLocaleString()}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Points spent</span>
+                <span className="font-medium">{data.shopPointsSpent.toLocaleString()}</span>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Marketplace</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="space-y-2">
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Active listings</span>
+                <span className="font-medium">{data.marketplaceActive}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Sold (7d)</span>
+                <span className="font-medium">{data.marketplaceSold}</span>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle>Currency Distribution</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="space-y-2">
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Credits</span>
+                <span className="font-medium">{data.totalCredits.toLocaleString()}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Pixels</span>
+                <span className="font-medium">{data.totalPixels.toLocaleString()}</span>
+              </div>
+              <div className="flex justify-between">
+                <span className="text-muted-foreground">Points</span>
+                <span className="font-medium">{data.totalPoints.toLocaleString()}</span>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}

src/app/admin/analytics/page.tsx

@@ -0,0 +1,191 @@
+import { ArrowLeftRight, Clock, DoorOpen, MessageSquare, TrendingUp, Users } from 'lucide-react'
+import dynamic from 'next/dynamic'
+import { redirect } from 'next/navigation'
+import { StatsCard } from '@/components/admin/stats-card'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { Skeleton } from '@/components/ui/skeleton'
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
+import { prisma } from '@/lib/prisma'
+
+const DashboardChart = dynamic(
+  () => import('@/components/admin/dashboard-chart').then((m) => ({ default: m.DashboardChart })),
+  { loading: () => <Skeleton className="h-[300px] w-full rounded-xl" /> },
+)
+
+const PeakHoursHeatmap = dynamic(
+  () =>
+    import('@/components/admin/peak-hours-heatmap').then((m) => ({ default: m.PeakHoursHeatmap })),
+  { loading: () => <Skeleton className="h-[250px] w-full rounded-xl" /> },
+)
+
+async function getAnalyticsData() {
+  const now = Math.floor(Date.now() / 1000)
+  const todayStart = now - (now % 86400)
+  const weekAgo = now - 7 * 86400
+  const monthAgo = now - 30 * 86400
+
+  const [
+    totalUsers,
+    onlineUsers,
+    weekRegistrations,
+    monthRegistrations,
+    totalRooms,
+    activeRooms,
+    weekChatMessages,
+    weekTrades,
+    weekBans,
+  ] = await Promise.all([
+    prisma.user.count(),
+    prisma.user.count({ where: { online: '1' } }),
+    prisma.user.count({ where: { accountCreated: { gte: weekAgo } } }),
+    prisma.user.count({ where: { accountCreated: { gte: monthAgo } } }),
+    prisma.rooms.count(),
+    prisma.rooms.count({ where: { users: { gt: 0 } } }),
+    prisma.$queryRaw<{ count: bigint }[]>`SELECT COUNT(*) AS count FROM chatlogs_room WHERE timestamp >= ${weekAgo}`,
+    prisma.roomTradeLog.count({ where: { timestamp: { gte: weekAgo } } }),
+    prisma.ban.count({ where: { timestamp: { gte: weekAgo } } }),
+  ])
+
+  // Registration chart (30 days) — single GROUP BY query instead of 30 sequential queries
+  const regRows = await prisma.$queryRaw<{ day_bucket: bigint; count: bigint }[]>`
+    SELECT FLOOR(account_created / 86400) AS day_bucket, COUNT(*) AS count
+    FROM users
+    WHERE account_created >= ${monthAgo}
+    GROUP BY day_bucket ORDER BY day_bucket
+  `
+  const regCountMap = new Map(regRows.map((r) => [Number(r.day_bucket), Number(r.count)]))
+  const registrationChart = []
+  for (let i = 29; i >= 0; i--) {
+    const dayStart = todayStart - i * 86400
+    const bucket = Math.floor(dayStart / 86400)
+    const date = new Date(dayStart * 1000)
+    registrationChart.push({
+      label: date.toLocaleDateString('en', { month: 'short', day: 'numeric' }),
+      value: regCountMap.get(bucket) ?? 0,
+    })
+  }
+
+  // Peak hours — single GROUP BY query instead of fetching all user rows
+  const peakRows = await prisma.$queryRaw<{ d: number; h: number; c: bigint }[]>`
+    SELECT ((DAYOFWEEK(FROM_UNIXTIME(last_online)) + 5) % 7) AS d,
+           HOUR(FROM_UNIXTIME(last_online)) AS h,
+           COUNT(*) AS c
+    FROM users
+    WHERE last_online >= ${weekAgo}
+    GROUP BY d, h
+  `
+  const grid: number[][] = Array.from({ length: 7 }, () => Array(24).fill(0))
+  let max = 0
+  for (const r of peakRows) {
+    const count = Number(r.c)
+    grid[r.d][r.h] = count
+    if (count > max) max = count
+  }
+
+  return {
+    totalUsers,
+    onlineUsers,
+    weekRegistrations,
+    monthRegistrations,
+    totalRooms,
+    activeRooms,
+    weekChatMessages: Array.isArray(weekChatMessages) ? Number(weekChatMessages[0]?.count ?? 0) : 0,
+    weekTrades,
+    weekBans,
+    registrationChart,
+    peakHours: { grid, max },
+  }
+}
+
+export default async function AnalyticsPage() {
+  const { session, permissions } = await getAdminContext()
+  if (!canAccess(permissions, PERMS.ANALYTICS_VIEW, session.user.rank)) {
+    redirect('/admin')
+  }
+
+  const data = await getAnalyticsData()
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Analytics</h1>
+        <p className="text-muted-foreground">Hotel performance overview and trends</p>
+      </div>
+
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+        <StatsCard
+          title="Total Users"
+          value={data.totalUsers.toLocaleString()}
+          description={`${data.onlineUsers} online now`}
+          icon={<Users className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Week Registrations"
+          value={data.weekRegistrations.toLocaleString()}
+          description={`${data.monthRegistrations} this month`}
+          icon={<TrendingUp className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Active Rooms"
+          value={data.activeRooms.toLocaleString()}
+          description={`${data.totalRooms} total rooms`}
+          icon={<DoorOpen className="h-4 w-4" />}
+        />
+        <StatsCard
+          title="Weekly Activity"
+          value={data.weekChatMessages.toLocaleString()}
+          description={`${data.weekTrades} trades, ${data.weekBans} bans`}
+          icon={<MessageSquare className="h-4 w-4" />}
+        />
+      </div>
+
+      <div className="grid gap-6 md:grid-cols-2">
+        <DashboardChart
+          title="Registrations (30 days)"
+          data={data.registrationChart}
+          color="hsl(262, 83%, 58%)"
+          description="New user registrations over the last 30 days"
+        />
+        <PeakHoursHeatmap data={data.peakHours} />
+      </div>
+
+      <div className="grid gap-6 md:grid-cols-3">
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <MessageSquare className="h-4 w-4" /> Chat Activity
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-3xl font-bold">{data.weekChatMessages.toLocaleString()}</div>
+            <p className="text-sm text-muted-foreground">Messages in the last 7 days</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <ArrowLeftRight className="h-4 w-4" /> Trades
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-3xl font-bold">{data.weekTrades.toLocaleString()}</div>
+            <p className="text-sm text-muted-foreground">Trades in the last 7 days</p>
+          </CardContent>
+        </Card>
+        <Card>
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <Clock className="h-4 w-4" /> Retention
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="text-3xl font-bold">
+              {data.totalUsers > 0 ? Math.round((data.onlineUsers / data.totalUsers) * 100) : 0}%
+            </div>
+            <p className="text-sm text-muted-foreground">Users online / total</p>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}