feat(admin): analytics redis cache, shared ops health, ticket queue clarity

Co-authored-by: Cursor <[email protected]>

src/app/admin/tickets/[id]/page.tsx

@@ -1,4 +1,6 @@
 import { notFound, redirect } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { TicketQueueBanner } from "@/components/admin/ticket-queue-banner";
 import { getMinStaffRank } from "@/lib/admin/min-staff-rank";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
 import { prisma } from "@/lib/prisma";
@@ -14,6 +16,7 @@ export default async function AdminTicketDetailPage({
 		redirect("/admin");
 	}
 
+	const t = await getTranslations("pages.admin.tickets");
 	const { id } = await params;
 	const ticketId = Number(id);
 	if (Number.isNaN(ticketId)) notFound();
@@ -57,43 +60,50 @@ export default async function AdminTicketDetailPage({
 	const canEdit = canAccess(permissions, PERMS.TICKETS_EDIT, session.user.rank);
 
 	return (
-		<AdminTicketDetail
-			ticket={{
-				id: ticket.id,
-				subject: ticket.subject,
-				category: ticket.category,
-				priority: ticket.priority,
-				status: ticket.status,
-				createdAt: ticket.createdAt.toISOString(),
-				closedAt: ticket.closedAt?.toISOString() ?? null,
-				creator: {
-					id: ticket.creator.id,
-					username: ticket.creator.username,
-					look: ticket.creator.look,
-					rank: ticket.creator.rank,
-					mail: ticket.creator.mail ?? "",
-					ipRegister: ticket.creator.ipRegister,
-					accountCreated: ticket.creator.accountCreated,
-				},
-				assignee: ticket.assignee
-					? { id: ticket.assignee.id, username: ticket.assignee.username }
-					: null,
-			}}
-			messages={ticket.messages.map((m) => ({
-				id: m.id,
-				message: m.message,
-				isStaff: m.isStaff === 1,
-				createdAt: m.createdAt.toISOString(),
-				user: {
-					id: m.user.id,
-					username: m.user.username,
-					look: m.user.look,
-					rank: m.user.rank,
-				},
-			}))}
-			staffMembers={staffMembers}
-			currentUserId={session.user.id}
-			canEdit={canEdit}
-		/>
+		<div className="space-y-6">
+			<TicketQueueBanner
+				hint={t("queueHint")}
+				otherHref="/admin/help-tickets"
+				otherLabel={t("queueOtherCta")}
+			/>
+			<AdminTicketDetail
+				ticket={{
+					id: ticket.id,
+					subject: ticket.subject,
+					category: ticket.category,
+					priority: ticket.priority,
+					status: ticket.status,
+					createdAt: ticket.createdAt.toISOString(),
+					closedAt: ticket.closedAt?.toISOString() ?? null,
+					creator: {
+						id: ticket.creator.id,
+						username: ticket.creator.username,
+						look: ticket.creator.look,
+						rank: ticket.creator.rank,
+						mail: ticket.creator.mail ?? "",
+						ipRegister: ticket.creator.ipRegister,
+						accountCreated: ticket.creator.accountCreated,
+					},
+					assignee: ticket.assignee
+						? { id: ticket.assignee.id, username: ticket.assignee.username }
+						: null,
+				}}
+				messages={ticket.messages.map((m) => ({
+					id: m.id,
+					message: m.message,
+					isStaff: m.isStaff === 1,
+					createdAt: m.createdAt.toISOString(),
+					user: {
+						id: m.user.id,
+						username: m.user.username,
+						look: m.user.look,
+						rank: m.user.rank,
+					},
+				}))}
+				staffMembers={staffMembers}
+				currentUserId={session.user.id}
+				canEdit={canEdit}
+			/>
+		</div>
 	);
 }

src/app/admin/tickets/page.tsx

@@ -3,6 +3,7 @@ import { getTranslations } from "next-intl/server";
 import { StatusCard } from "@/components/admin/dashboard";
 import { TicketQueueBanner } from "@/components/admin/ticket-queue-banner";
 import type { Prisma } from "@/generated/prisma/client";
+import { fetchTicketQueueOpenCounts } from "@/lib/admin/ticket-queue-counts";
 import { calcPagination, parseListParams } from "@/lib/admin-helpers";
 import { formatDate } from "@/lib/format-date";
 import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
@@ -71,7 +72,7 @@ export default async function AdminTicketsPage({
 		[orderField]: parsed.order,
 	} as Prisma.WebsiteTicketOrderByWithRelationInput;
 
-	const [total, openCount, inProgressCount, waitingCount, closedCount] =
+	const [total, openCount, inProgressCount, waitingCount, closedCount, queues] =
 		await Promise.all([
 			prisma.websiteTicket.count({ where }).catch(() => 0),
 			prisma.websiteTicket.count({ where: { status: "open" } }).catch(() => 0),
@@ -84,6 +85,7 @@ export default async function AdminTicketsPage({
 			prisma.websiteTicket
 				.count({ where: { status: "closed" } })
 				.catch(() => 0),
+			fetchTicketQueueOpenCounts(),
 		]);
 
 	const pagination = calcPagination(total, parsed.page, parsed.perPage);
@@ -121,6 +123,10 @@ export default async function AdminTicketsPage({
 				hint={t("queueHint")}
 				otherHref="/admin/help-tickets"
 				otherLabel={t("queueOtherCta")}
+				countsLine={t("queueCounts", {
+					here: queues.cmsOpen,
+					other: queues.helpOpen,
+				})}
 			/>
 			<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5">
 				<StatusCard label={t("statusOpen")} value={openCount} icon="🎫" />