revert fb8e77bb68

revert style: clean up code with prettier and eslint

scripts/db-url.test.ts

@@ -3,9 +3,7 @@ import { mysqlConnectionUrl } from "./db-url";
 
 describe("mysqlConnectionUrl", () => {
   it("removes Prisma-only pool options before passing the URL to MySQL2", () => {
-    const result = mysqlConnectionUrl(
+    const result = mysqlConnectionUrl("mysql://user:pass@localhost:3306/cms?connection_limit=20&pool_timeout=30&charset=utf8mb4");
-      "mysql://user:pass@localhost:3306/cms?connection_limit=20&pool_timeout=30&charset=utf8mb4",
-    );
     expect(result).not.toContain("connection_limit");
     expect(result).not.toContain("pool_timeout");
     expect(result).toContain("charset=utf8mb4");

scripts/sql-statements.ts

@@ -1,5 +1,7 @@
 export function splitSqlStatements(sql: string): string[] {
-  const withoutComments = sql.replace(/\/\*[\s\S]*?\*\//g, "").replace(/^\s*--.*$/gm, "");
+  const withoutComments = sql
+    .replace(/\/\*[\s\S]*?\*\//g, "")
+    .replace(/^\s*--.*$/gm, "");
 
   return withoutComments
     .split(";")

src/actions/badges.ts

@@ -19,13 +19,7 @@ export async function updateBadge({ code, name, desc }: { code: string; name: st
   await prisma.websiteBadges.upsert({
     where: { badgeKey: code },
     update: { badgeName: name, badgeDescription: desc, updatedAt: new Date() },
-    create: {
+    create: { badgeKey: code, badgeName: name, badgeDescription: desc, createdAt: new Date(), updatedAt: new Date() },
-      badgeKey: code,
-      badgeName: name,
-      badgeDescription: desc,
-      createdAt: new Date(),
-      updatedAt: new Date(),
-    },
   });
   revalidatePath("/admin/import/badges");
 }

src/actions/bulk-users.ts

@@ -7,11 +7,7 @@ import { rcon } from "@/lib/services/rcon";
 import { logStaffActivity } from "@/lib/services/staff-activity";
 import type { ActionResult } from "@/lib/safe-action-shared";
 
-export async function bulkUnban({
+export async function bulkUnban({ userIds }: { userIds: number[] }): Promise<ActionResult<{ unbanned: number; total: number }>> {
-  userIds,
-}: {
-  userIds: number[];
-}): Promise<ActionResult<{ unbanned: number; total: number }>> {
   const staff = await requireStaff();
   const result = await prisma.ban.deleteMany({ where: { userId: { in: userIds } } });
   await logStaffActivity({
@@ -23,15 +19,7 @@ export async function bulkUnban({
   return { ok: true as const, data: { unbanned: result.count, total: userIds.length } };
 }
 
-export async function bulkBan({
+export async function bulkBan({ userIds, reason, duration }: { userIds: number[]; reason: string; duration: number }): Promise<ActionResult<{ banned: number }>> {
-  userIds,
-  reason,
-  duration,
-}: {
-  userIds: number[];
-  reason: string;
-  duration: number;
-}): Promise<ActionResult<{ banned: number }>> {
   const staff = await requireStaff();
   const now = Math.floor(Date.now() / 1000);
   let banned = 0;
@@ -65,17 +53,7 @@ export async function bulkBan({
   return { ok: true as const, data: { banned } };
 }
 
-export async function bulkGiveCurrency({
+export async function bulkGiveCurrency({ userIds, amount, type }: { userIds: number[]; amount: number; type: "credits" | "pixels" | "points" }): Promise<ActionResult<{ given: number; total: number; failedIds: Array<{ userId: number; reason: string }> }>> {
-  userIds,
-  amount,
-  type,
-}: {
-  userIds: number[];
-  amount: number;
-  type: "credits" | "pixels" | "points";
-}): Promise<
-  ActionResult<{ given: number; total: number; failedIds: Array<{ userId: number; reason: string }> }>
-> {
   const staff = await requireStaff();
   let given = 0;
   const failedIds: Array<{ userId: number; reason: string }> = [];
@@ -115,15 +93,7 @@ export async function bulkGiveCurrency({
   return { ok: true as const, data: { given, total: userIds.length, failedIds } };
 }
 
-export async function bulkGiveBadge({
+export async function bulkGiveBadge({ userIds, badgeCode }: { userIds: number[]; badgeCode: string }): Promise<ActionResult<{ given: number; total: number; failedIds: Array<{ userId: number; reason: string }> }>> {
-  userIds,
-  badgeCode,
-}: {
-  userIds: number[];
-  badgeCode: string;
-}): Promise<
-  ActionResult<{ given: number; total: number; failedIds: Array<{ userId: number; reason: string }> }>
-> {
   const staff = await requireStaff();
   let given = 0;
   const failedIds: Array<{ userId: number; reason: string }> = [];

src/actions/catalog-bc.ts

@@ -33,16 +33,7 @@ export async function deleteBcItem({ id }: { id: number }) {
   revalidatePath("/admin/catalog/builder-club");
 }
 
-export async function updateBcItem({
+export async function updateBcItem({ id, ...data }: { id: number; itemIds?: string; catalogName?: string; orderNumber?: number; extradata?: string }) {
-  id,
-  ...data
-}: {
-  id: number;
-  itemIds?: string;
-  catalogName?: string;
-  orderNumber?: number;
-  extradata?: string;
-}) {
   const staff = await requireStaff();
   await prisma.catalogItemsBc.update({ where: { id }, data: data as any });
   await logStaffActivity({
@@ -55,16 +46,7 @@ export async function updateBcItem({
   revalidatePath("/admin/catalog/builder-club");
 }
 
-export async function createBcItem({
+export async function createBcItem({ pageId, ...data }: { pageId: number; itemIds: string; catalogName: string; orderNumber: number; extradata: string }) {
-  pageId,
-  ...data
-}: {
-  pageId: number;
-  itemIds: string;
-  catalogName: string;
-  orderNumber: number;
-  extradata: string;
-}) {
   const staff = await requireStaff();
   const created = await prisma.catalogItemsBc.create({
     data: { pageId, ...data },
@@ -81,10 +63,7 @@ export async function createBcItem({
 
 export async function toggleBcPage({ id, field }: { id: number; field: "enabled" | "visible" }) {
   await requireStaff();
-  const page = await prisma.catalogPagesBc.findUnique({
+  const page = await prisma.catalogPagesBc.findUnique({ where: { id }, select: { enabled: true, visible: true } });
-    where: { id },
-    select: { enabled: true, visible: true },
-  });
   if (!page) return;
   await prisma.catalogPagesBc.update({
     where: { id },

src/actions/catalog-items.ts

@@ -62,11 +62,7 @@ export async function moveCatalogItems({ ids, targetPageId }: { ids: number[]; t
   return { ok: true as const, data: {} };
 }
 
-export async function reorderCatalogItems({
+export async function reorderCatalogItems({ orders }: { orders: Array<{ id: number; orderNumber: number }> }) {
-  orders,
-}: {
-  orders: Array<{ id: number; orderNumber: number }>;
-}) {
   await requireStaff();
   for (const { id, orderNumber } of orders) {
     await prisma.catalogItems.update({ where: { id }, data: { orderNumber } });
@@ -76,15 +72,7 @@ export async function reorderCatalogItems({
   return { ok: true as const, data: {} };
 }
 
-export async function updateCatalogItem({
+export async function updateCatalogItem({ id, catalogFields, baseItem }: { id: number; catalogFields: Record<string, unknown>; baseItem?: { id: number; fields: Record<string, unknown> } }) {
-  id,
-  catalogFields,
-  baseItem,
-}: {
-  id: number;
-  catalogFields: Record<string, unknown>;
-  baseItem?: { id: number; fields: Record<string, unknown> };
-}) {
   const staff = await requireStaff();
   await prisma.catalogItems.update({ where: { id }, data: catalogFields as any });
   if (baseItem) {
@@ -102,22 +90,15 @@ export async function updateCatalogItem({
   return { ok: true as const, data: {} };
 }
 
-export async function translateCatalogItems({
+export async function translateCatalogItems({ items }: { items: Array<{ id: number; publicName: string; description: string }> }) {
-  items,
-}: {
-  items: Array<{ id: number; publicName: string; description: string }>;
-}) {
   await requireStaff();
   let namesUpdated = 0;
   let descriptionsUpdated = 0;
   let furniDataUpdated = 0;
-  const furniDataInserted = 0;
+  let furniDataInserted = 0;
 
   for (const item of items) {
-    const existing = await prisma.catalogItems.findUnique({
+    const existing = await prisma.catalogItems.findUnique({ where: { id: item.id }, select: { catalogName: true } });
-      where: { id: item.id },
-      select: { catalogName: true },
-    });
     if (!existing) continue;
 
     if (item.publicName && item.publicName !== existing.catalogName) {
@@ -146,14 +127,5 @@ export async function translateCatalogItems({
 
   await rcon.updateCatalog();
   revalidatePath("/admin/catalog");
-  return {
+  return { ok: true as const, data: { namesUpdated, descriptionsUpdated, furniDataUpdated, furniDataInserted: 0, updated: items.length } };
-    ok: true as const,
-    data: {
-      namesUpdated,
-      descriptionsUpdated,
-      furniDataUpdated,
-      furniDataInserted: 0,
-      updated: items.length,
-    },
-  };
 }

src/actions/catalog.ts

@@ -7,10 +7,7 @@ import { rcon } from "@/lib/services/rcon";
 import { logStaffActivity } from "@/lib/services/staff-activity";
 import type { ActionResult } from "@/lib/safe-action-shared";
 
-export async function updateCatalogPage({
+export async function updateCatalogPage({ id, ...fields }: { id: number } & Record<string, unknown>): Promise<ActionResult> {
-  id,
-  ...fields
-}: { id: number } & Record<string, unknown>): Promise<ActionResult> {
   const staff = await requireStaff();
   await prisma.catalogPages.update({ where: { id }, data: fields as any });
   await rcon.updateCatalog();
@@ -40,18 +37,9 @@ export async function deleteCatalogPage({ id }: { id: number }) {
   return { ok: true as const, data: {} };
 }
 
-export async function toggleCatalogPage({
+export async function toggleCatalogPage({ id, action }: { id: number; action: "toggleEnabled" | "toggleVisible" }) {
-  id,
-  action,
-}: {
-  id: number;
-  action: "toggleEnabled" | "toggleVisible";
-}) {
   await requireStaff();
-  const page = await prisma.catalogPages.findUnique({
+  const page = await prisma.catalogPages.findUnique({ where: { id }, select: { enabled: true, visible: true } });
-    where: { id },
-    select: { enabled: true, visible: true },
-  });
   if (!page) return { ok: false as const, error: "Catalog page not found" };
   const field = action === "toggleEnabled" ? "enabled" : "visible";
   const current = action === "toggleEnabled" ? page.enabled : page.visible;
@@ -63,17 +51,7 @@ export async function toggleCatalogPage({
   return { ok: true as const, data: {} };
 }
 
-export async function createCatalogPage(input: {
+export async function createCatalogPage(input: { caption: string; parentId: number; pageLayout?: string; iconImage?: number; iconColor?: number; enabled?: "0" | "1"; visible?: "0" | "1"; minRank?: number; orderNum?: number }): Promise<ActionResult<{ id: number }>> {
-  caption: string;
-  parentId: number;
-  pageLayout?: string;
-  iconImage?: number;
-  iconColor?: number;
-  enabled?: "0" | "1";
-  visible?: "0" | "1";
-  minRank?: number;
-  orderNum?: number;
-}): Promise<ActionResult<{ id: number }>> {
   const staff = await requireStaff();
   const created = await prisma.catalogPages.create({
     data: {
@@ -105,7 +83,11 @@ export async function createCatalogPage(input: {
   return { ok: true as const, data: { id: created.id } };
 }
 
-export async function reorderTreePage(input: { pageId: number; newParentId?: number; newOrderNum: number }) {
+export async function reorderTreePage(input: {
+  pageId: number;
+  newParentId?: number;
+  newOrderNum: number;
+}) {
   await requireStaff();
   await prisma.catalogPages.update({
     where: { id: input.pageId },

src/actions/emulator.ts

@@ -1,39 +1,39 @@
-"use server";
+'use server'
 
-import { z } from "zod";
+import { z } from 'zod'
-import { PERMS } from "@/lib/permissions";
+import { PERMS } from '@/lib/permissions'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
-import { adminAction } from "@/lib/safe-action";
+import { adminAction } from '@/lib/safe-action'
-import { actionOk } from "@/lib/safe-action-shared";
+import { actionOk } from '@/lib/safe-action-shared'
-import { logAudit } from "@/lib/services/audit";
+import { logAudit } from '@/lib/services/audit'
-import { rcon } from "@/lib/services/rcon";
+import { rcon } from '@/lib/services/rcon'
 
 const saveEmulatorSettingsSchema = z.object({
   settings: z.record(z.string(), z.string()),
-});
+})
 
 export const saveEmulatorSettings = adminAction(
   { permission: PERMS.SETTINGS_EDIT, schema: saveEmulatorSettingsSchema },
   async (ctx) => {
-    const entries = Object.entries(ctx.data.settings);
+    const entries = Object.entries(ctx.data.settings)
 
     for (const [key, value] of entries) {
       await prisma.emulatorSettings.upsert({
         where: { key },
         update: { value: String(value) },
         create: { key, value: String(value) },
-      });
+      })
     }
 
-    await rcon.updateConfig();
+    await rcon.updateConfig()
 
     logAudit({
       userId: ctx.session.user.id,
-      action: "emulator_settings_update",
+      action: 'emulator_settings_update',
-      target: "EmulatorSettings",
+      target: 'EmulatorSettings',
       after: ctx.data.settings,
-    });
+    })
 
-    return actionOk();
+    return actionOk()
   },
-);
+)

src/actions/import-badges.ts

@@ -3,27 +3,13 @@
 import { requireStaff } from "@/lib/admin/guard";
 import { prisma } from "@/lib/prisma";
 
-export async function importBadgeFromRemote({
+export async function importBadgeFromRemote({ code, name, description }: { code: string; name: string; description: string }) {
-  code,
-  name,
-  description,
-}: {
-  code: string;
-  name: string;
-  description: string;
-}) {
   await requireStaff();
   try {
     await prisma.websiteBadges.upsert({
       where: { badgeKey: code },
       update: { badgeName: name, badgeDescription: description, updatedAt: new Date() },
-      create: {
+      create: { badgeKey: code, badgeName: name, badgeDescription: description, createdAt: new Date(), updatedAt: new Date() },
-        badgeKey: code,
-        badgeName: name,
-        badgeDescription: description,
-        createdAt: new Date(),
-        updatedAt: new Date(),
-      },
     });
     return { ok: true as const };
   } catch {

src/actions/import-furni.ts

@@ -1,20 +1,19 @@
-"use server";
+'use server'
 
-import { z } from "zod";
+import { z } from 'zod'
-import { PERMS } from "@/lib/permissions";
+import { PERMS } from '@/lib/permissions'
-import { adminAction } from "@/lib/safe-action";
+import { adminAction } from '@/lib/safe-action'
-import { actionOk } from "@/lib/safe-action-shared";
+import { actionOk } from '@/lib/safe-action-shared'
-import { cleanupConvertedSwfs, deleteImportedItem } from "@/lib/services/furni-import";
+import { cleanupConvertedSwfs, deleteImportedItem } from '@/lib/services/furni-import'
 
 export const cleanSwfFiles = adminAction({ permission: PERMS.ASSETS_IMPORT }, async () => {
-  const result = await cleanupConvertedSwfs();
+  const result = await cleanupConvertedSwfs()
-  return actionOk(result as unknown as Record<string, unknown>);
+  return actionOk(result as unknown as Record<string, unknown>)
-});
+})
 
-const deleteSchema = z.object({ classname: z.string().trim().min(1) });
+const deleteSchema = z.object({ classname: z.string().trim().min(1) })
 
 export const deleteImportedFurni = adminAction(
   { permission: PERMS.ASSETS_IMPORT, schema: deleteSchema },
-  async (ctx) =>
+  async (ctx) => actionOk((await deleteImportedItem(ctx.data.classname)) as unknown as Record<string, unknown>),
-    actionOk((await deleteImportedItem(ctx.data.classname)) as unknown as Record<string, unknown>),
+)
-);

src/actions/rooms.ts

@@ -71,16 +71,7 @@ export async function deleteRoom({ id }: { id: number }) {
   revalidatePath("/admin/rooms");
 }
 
-export async function updateRoom({
+export async function updateRoom({ id, ...data }: { id: number; name?: string; description?: string; state?: string; usersMax?: number }) {
-  id,
-  ...data
-}: {
-  id: number;
-  name?: string;
-  description?: string;
-  state?: string;
-  usersMax?: number;
-}) {
   const staff = await requireStaff();
   await prisma.rooms.update({ where: { id }, data: data as any });
   await logStaffActivity({

src/actions/soundtracks.ts

@@ -10,19 +10,7 @@ export async function deleteSoundtrack({ id }: { id: number }) {
   revalidatePath("/admin/sounds");
 }
 
-export async function updateSoundtrack({
+export async function updateSoundtrack({ id, name, author, track, length }: { id: number; name: string; author: string; track: string; length: number }) {
-  id,
-  name,
-  author,
-  track,
-  length,
-}: {
-  id: number;
-  name: string;
-  author: string;
-  track: string;
-  length: number;
-}) {
   await requireStaff();
   await prisma.soundtracks.update({
     where: { id },

src/actions/ticket-templates.ts

@@ -1,45 +1,47 @@
-"use server";
+'use server'
 
-import { z } from "zod";
+import { z } from 'zod'
-import { PERMS } from "@/lib/permissions";
+import { PERMS } from '@/lib/permissions'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
-import { adminAction } from "@/lib/safe-action";
+import { adminAction } from '@/lib/safe-action'
-import { ActionError, actionOk } from "@/lib/safe-action-shared";
+import { ActionError, actionOk } from '@/lib/safe-action-shared'
 
 const templateSchema = z.object({
   title: z.string().min(1).max(255),
   content: z.string().min(1),
-  category: z.string().max(50).optional().default("general"),
+  category: z.string().max(50).optional().default('general'),
   sortOrder: z.coerce.number().int().min(0).default(0),
-});
+})
 
 export const createTemplate = adminAction(
   { permission: PERMS.TICKETS_EDIT, schema: templateSchema },
   async (ctx) => {
-    const tpl = await prisma.websiteTicketTemplate.create({ data: ctx.data });
+    const tpl = await prisma.websiteTicketTemplate.create({ data: ctx.data })
-    return actionOk({ id: tpl.id });
+    return actionOk({ id: tpl.id })
   },
-);
+)
 
-const updateTemplateInput = templateSchema.partial().extend({ id: z.coerce.number().int().positive() });
+const updateTemplateInput = templateSchema
+  .partial()
+  .extend({ id: z.coerce.number().int().positive() })
 
 export const updateTemplate = adminAction(
   { permission: PERMS.TICKETS_EDIT, schema: updateTemplateInput },
   async (ctx) => {
-    const { id, ...data } = ctx.data;
+    const { id, ...data } = ctx.data
-    const existing = await prisma.websiteTicketTemplate.findUnique({ where: { id } });
+    const existing = await prisma.websiteTicketTemplate.findUnique({ where: { id } })
-    if (!existing) throw new ActionError("Template not found");
+    if (!existing) throw new ActionError('Template not found')
-    await prisma.websiteTicketTemplate.update({ where: { id }, data });
+    await prisma.websiteTicketTemplate.update({ where: { id }, data })
-    return actionOk({ id });
+    return actionOk({ id })
   },
-);
+)
 
-const deleteTemplateInput = z.object({ id: z.coerce.number().int().positive() });
+const deleteTemplateInput = z.object({ id: z.coerce.number().int().positive() })
 
 export const deleteTemplate = adminAction(
   { permission: PERMS.TICKETS_EDIT, schema: deleteTemplateInput },
   async (ctx) => {
-    await prisma.websiteTicketTemplate.delete({ where: { id: ctx.data.id } });
+    await prisma.websiteTicketTemplate.delete({ where: { id: ctx.data.id } })
-    return actionOk();
+    return actionOk()
   },
-);
+)

src/actions/watch.ts

@@ -1,16 +1,16 @@
-"use server";
+'use server'
 
-import { revalidateTag } from "next/cache";
+import { revalidateTag } from 'next/cache'
-import { z } from "zod";
+import { z } from 'zod'
-import { PERMS } from "@/lib/permission-slugs";
+import { PERMS } from '@/lib/permission-slugs'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
-import { adminAction } from "@/lib/safe-action";
+import { adminAction } from '@/lib/safe-action'
-import { actionOk } from "@/lib/safe-action-shared";
+import { actionOk } from '@/lib/safe-action-shared'
 
 const toggleWatchSchema = z.object({
   targetUserId: z.coerce.number().int().positive(),
   reason: z.string().max(255).optional(),
-});
+})
 
 /**
  * Toggle a watch entry for the calling staff on the given target user.
@@ -21,23 +21,23 @@ const toggleWatchSchema = z.object({
 export const toggleUserWatch = adminAction(
   { permission: PERMS.USERS_VIEW, schema: toggleWatchSchema },
   async (ctx) => {
-    const staffId = ctx.session.user.id;
+    const staffId = ctx.session.user.id
-    const { targetUserId, reason } = ctx.data;
+    const { targetUserId, reason } = ctx.data
 
     const existing = await prisma.userWatch.findUnique({
       where: { staffId_targetUserId: { staffId, targetUserId } },
-    });
+    })
 
     if (existing) {
-      await prisma.userWatch.delete({ where: { id: existing.id } });
+      await prisma.userWatch.delete({ where: { id: existing.id } })
-      revalidateTag(`user-watch:${staffId}`, { expire: 0 });
+      revalidateTag(`user-watch:${staffId}`, { expire: 0 })
-      return actionOk({ watching: false });
+      return actionOk({ watching: false })
     }
 
     await prisma.userWatch.create({
-      data: { staffId, targetUserId, reason: reason ?? "" },
+      data: { staffId, targetUserId, reason: reason ?? '' },
-    });
+    })
-    revalidateTag(`user-watch:${staffId}`, { expire: 0 });
+    revalidateTag(`user-watch:${staffId}`, { expire: 0 })
-    return actionOk({ watching: true });
+    return actionOk({ watching: true })
   },
-);
+)

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

@@ -39,11 +39,7 @@ export default async function EditArticle({
           </p>
         </div>
       </div>
-      {error ? (
+      {error ? <p className="text-xs text-[var(--admin-error)] dark:text-[var(--admin-error)] mb-4">Error: {error}</p> : null}
-        <p className="text-xs text-[var(--admin-error)] dark:text-[var(--admin-error)] mb-4">
-          Error: {error}
-        </p>
-      ) : null}
       <ArticleForm
         action={async (fd) => {
           "use server";

src/app/admin/articles/new/page.tsx

@@ -21,11 +21,7 @@ export default async function NewArticle({ searchParams }: { searchParams: Promi
           </p>
         </div>
       </div>
-      {error ? (
+      {error ? <p className="text-xs text-[var(--admin-error)] dark:text-[var(--admin-error)] mb-4">Error: {error}</p> : null}
-        <p className="text-xs text-[var(--admin-error)] dark:text-[var(--admin-error)] mb-4">
-          Error: {error}
-        </p>
-      ) : null}
       <ArticleForm action={createArticle} />
     </main>
   );

src/app/admin/articles/page.tsx

@@ -35,11 +35,7 @@ export default async function AdminArticles({ searchParams }: { searchParams: Pr
         </Link>
       </div>
 
-      {error ? (
+      {error ? <p className="text-xs text-[var(--admin-error)] dark:text-[var(--admin-error)] mb-4">Error: {error}</p> : null}
-        <p className="text-xs text-[var(--admin-error)] dark:text-[var(--admin-error)] mb-4">
-          Error: {error}
-        </p>
-      ) : null}
 
       <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
         <StatusCard label={t("articlesShown")} value={articles.length} icon="📰" />

src/app/admin/banners/page.tsx

@@ -1,17 +1,17 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
-import { BannersManager } from "./banners-manager";
+import { BannersManager } from './banners-manager'
 
 export default async function BannersPage() {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.BANNERS_VIEW, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
   const banners = await prisma.websiteBanner.findMany({
-    orderBy: { sortOrder: "asc" },
+    orderBy: { sortOrder: 'asc' },
-  });
+  })
 
   return (
     <div className="space-y-6">
@@ -21,5 +21,5 @@ export default async function BannersPage() {
       </div>
       <BannersManager banners={banners} />
     </div>
-  );
+  )
 }

src/app/admin/catalog/[id]/catalog-items-table.tsx

@@ -2,6 +2,6 @@
  * Re-export barrel for backward compatibility.
  * Implementation moved to ./catalog-items-table/ directory.
  */
-export { CatalogItemsTable } from "./catalog-items-table/catalog-items-table";
+export { CatalogItemsTable } from './catalog-items-table/catalog-items-table'
-export { FurniIcon } from "./catalog-items-table/furni-icon";
+export { FurniIcon } from './catalog-items-table/furni-icon'
-export type { BaseItemData, CatalogItemData } from "./catalog-items-table/types";
+export type { BaseItemData, CatalogItemData } from './catalog-items-table/types'

src/app/admin/catalog/[id]/catalog-items-table/furni-icon.tsx

@@ -1,7 +1,7 @@
-"use client";
+'use client'
 
-import { Image as ImageIcon } from "lucide-react";
+import { Image as ImageIcon } from 'lucide-react'
-import { getHabboCdnIconUrl, getLocalIconUrl } from "@/lib/furni/classname";
+import { getHabboCdnIconUrl, getLocalIconUrl } from '@/lib/furni/classname'
 
 export function FurniIcon({ classname, revision }: { classname: string; revision: number }) {
   if (!classname) {
@@ -9,34 +9,34 @@ export function FurniIcon({ classname, revision }: { classname: string; revision
       <div className="w-10 h-10 rounded bg-muted flex items-center justify-center">
         <ImageIcon className="h-4 w-4 text-muted-foreground" />
       </div>
-    );
+    )
   }
 
-  const localUrl = getLocalIconUrl(classname);
+  const localUrl = getLocalIconUrl(classname)
 
   function handleError(e: React.SyntheticEvent<HTMLImageElement>) {
-    const img = e.target as HTMLImageElement;
+    const img = e.target as HTMLImageElement
-    const stage = img.dataset.fallback;
+    const stage = img.dataset.fallback
     if (!stage && revision > 0) {
-      img.dataset.fallback = "cdn";
+      img.dataset.fallback = 'cdn'
-      img.src = getHabboCdnIconUrl(classname, revision);
+      img.src = getHabboCdnIconUrl(classname, revision)
     } else {
-      img.dataset.fallback = "none";
+      img.dataset.fallback = 'none'
-      img.style.opacity = "0";
+      img.style.opacity = '0'
     }
   }
 
   return (
     <div className="w-10 h-10 rounded bg-muted/50 flex items-center justify-center overflow-hidden">
-      { }
+      {/* eslint-disable-next-line @next/next/no-img-element */}
       <img
         src={localUrl}
         alt={classname}
         className="max-w-full max-h-full object-contain"
-        style={{ imageRendering: "pixelated" }}
+        style={{ imageRendering: 'pixelated' }}
         onError={handleError}
         loading="lazy"
       />
     </div>
-  );
+  )
 }

src/app/admin/catalog/[id]/catalog-items-table/index.ts

@@ -1,4 +1,4 @@
-export { CatalogItemsTable } from "./catalog-items-table";
+export { CatalogItemsTable } from './catalog-items-table'
-export { FurniIcon } from "./furni-icon";
+export { FurniIcon } from './furni-icon'
-export type { BaseItemData, CatalogItemData, InlineEdit } from "./types";
+export type { BaseItemData, CatalogItemData, InlineEdit } from './types'
-export { DEFAULT_NEW_ITEM, getPointsLabel, POINTS_TYPES } from "./types";
+export { DEFAULT_NEW_ITEM, getPointsLabel, POINTS_TYPES } from './types'

src/app/admin/catalog/[id]/catalog-items-table/song-picker.tsx

@@ -1,53 +1,59 @@
-"use client";
+'use client'
 
-import { Loader2, Music } from "lucide-react";
+import { Loader2, Music } from 'lucide-react'
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select'
 import {
   getCachedSongPickerOptions,
   loadSongPickerOptions,
   type SoundtrackOption,
-} from "@/lib/client-cache/song-picker-cache";
+} from '@/lib/client-cache/song-picker-cache'
 
 // Re-export so existing `import { invalidateSongPickerCache } from '.../song-picker'`
 // callsites keep working. New code should import from the lib module directly.
-export { invalidateSongPickerCache } from "@/lib/client-cache/song-picker-cache";
+export { invalidateSongPickerCache } from '@/lib/client-cache/song-picker-cache'
 
 interface Props {
-  value: number;
+  value: number
-  onChange: (id: number) => void;
+  onChange: (id: number) => void
-  disabled?: boolean;
+  disabled?: boolean
 }
 
 function formatLength(seconds: number): string {
-  if (!seconds || seconds <= 0) return "";
+  if (!seconds || seconds <= 0) return ''
-  const m = Math.floor(seconds / 60);
+  const m = Math.floor(seconds / 60)
-  const s = seconds % 60;
+  const s = seconds % 60
-  return `${m}:${String(s).padStart(2, "0")}`;
+  return `${m}:${String(s).padStart(2, '0')}`
 }
 
 export function SongPicker({ value, onChange, disabled }: Props) {
-  const initial = getCachedSongPickerOptions();
+  const initial = getCachedSongPickerOptions()
-  const [options, setOptions] = useState<SoundtrackOption[]>(initial ?? []);
+  const [options, setOptions] = useState<SoundtrackOption[]>(initial ?? [])
-  const [loading, setLoading] = useState(!initial);
+  const [loading, setLoading] = useState(!initial)
 
   useEffect(() => {
-    if (getCachedSongPickerOptions()) return;
+    if (getCachedSongPickerOptions()) return
-    let cancelled = false;
+    let cancelled = false
     loadSongPickerOptions()
       .then((items) => {
-        if (!cancelled) setOptions(items);
+        if (!cancelled) setOptions(items)
       })
       .catch(() => {
-        if (!cancelled) setOptions([]);
+        if (!cancelled) setOptions([])
       })
       .finally(() => {
-        if (!cancelled) setLoading(false);
+        if (!cancelled) setLoading(false)
-      });
+      })
     return () => {
-      cancelled = true;
+      cancelled = true
-    };
+    }
-  }, []);
+  }, [])
 
   return (
     <Select
@@ -75,12 +81,14 @@ export function SongPicker({ value, onChange, disabled }: Props) {
               <span className="font-medium">{opt.name}</span>
               {opt.author && <span className="text-xs text-muted-foreground">— {opt.author}</span>}
               {opt.length > 0 && (
-                <span className="text-xs text-muted-foreground font-mono">{formatLength(opt.length)}</span>
+                <span className="text-xs text-muted-foreground font-mono">
+                  {formatLength(opt.length)}
+                </span>
               )}
             </span>
           </SelectItem>
         ))}
       </SelectContent>
     </Select>
-  );
+  )
 }

src/app/admin/catalog/[id]/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function CatalogDetailLoading() {
   return (
@@ -37,5 +37,5 @@ export default function CatalogDetailLoading() {
         </div>
       </div>
     </div>
-  );
+  )
 }

src/app/admin/catalog/builder-club/[id]/page.tsx

@@ -1,31 +1,31 @@
-import { notFound, redirect } from "next/navigation";
+import { notFound, redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
-import { BcPageDetail } from "../bc-manager";
+import { BcPageDetail } from '../bc-manager'
 
 export default async function BcPageDetailPage({
   params: paramsPromise,
 }: {
-  params: Promise<{ locale: string; id: string }>;
+  params: Promise<{ locale: string; id: string }>
 }) {
-  const { id: idStr } = await paramsPromise;
+  const { id: idStr } = await paramsPromise
-  const id = parseInt(idStr, 10);
+  const id = parseInt(idStr, 10)
-  if (Number.isNaN(id)) notFound();
+  if (Number.isNaN(id)) notFound()
 
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.CATALOG_VIEW, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
-  const canEdit = canAccess(permissions, PERMS.CATALOG_EDIT, session.user.rank);
+  const canEdit = canAccess(permissions, PERMS.CATALOG_EDIT, session.user.rank)
 
-  const bcPage = await prisma.catalogPagesBc.findUnique({ where: { id } });
+  const bcPage = await prisma.catalogPagesBc.findUnique({ where: { id } })
-  if (!bcPage) notFound();
+  if (!bcPage) notFound()
 
   const bcItems = await prisma.catalogItemsBc.findMany({
     where: { pageId: id },
-    orderBy: { orderNumber: "asc" },
+    orderBy: { orderNumber: 'asc' },
-  });
+  })
 
   return (
     <BcPageDetail
@@ -41,11 +41,11 @@ export default async function BcPageDetailPage({
         enabled: bcPage.enabled,
         pageHeadline: bcPage.pageHeadline,
         pageTeaser: bcPage.pageTeaser,
-        pageSpecial: bcPage.pageSpecial ?? "",
+        pageSpecial: bcPage.pageSpecial ?? '',
-        pageText1: bcPage.pageText1 ?? "",
+        pageText1: bcPage.pageText1 ?? '',
-        pageText2: bcPage.pageText2 ?? "",
+        pageText2: bcPage.pageText2 ?? '',
-        pageTextDetails: bcPage.pageTextDetails ?? "",
+        pageTextDetails: bcPage.pageTextDetails ?? '',
-        pageTextTeaser: bcPage.pageTextTeaser ?? "",
+        pageTextTeaser: bcPage.pageTextTeaser ?? '',
       }}
       items={bcItems.map((i) => ({
         id: i.id,
@@ -57,5 +57,5 @@ export default async function BcPageDetailPage({
       }))}
       canEdit={canEdit}
     />
-  );
+  )
 }

src/app/admin/catalog/builder-club/page.tsx

@@ -1,5 +1,5 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
 
 export default function BuilderClubPage() {
-  redirect("/admin/catalog?catalog=bc");
+  redirect('/admin/catalog?catalog=bc')
 }

src/app/admin/catalog/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function CatalogLoading() {
   return (
@@ -40,5 +40,5 @@ export default function CatalogLoading() {
         </div>
       </div>
     </div>
-  );
+  )
 }

src/app/admin/devops/errors/page.tsx

@@ -1,32 +1,32 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { Card, CardContent } from "@/components/ui/card";
+import { Card, CardContent } from '@/components/ui/card'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
 
 export default async function EmulatorErrorsPage({
   searchParams,
 }: {
-  searchParams: Promise<Record<string, string>>;
+  searchParams: Promise<Record<string, string>>
 }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.DEVOPS_VIEW, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
-  const params = await searchParams;
+  const params = await searchParams
-  const page = Math.max(1, Number(params.page) || 1);
+  const page = Math.max(1, Number(params.page) || 1)
-  const perPage = 50;
+  const perPage = 50
 
   const [errors, total] = await Promise.all([
     prisma.emulatorErrors.findMany({
-      orderBy: { id: "desc" },
+      orderBy: { id: 'desc' },
       skip: (page - 1) * perPage,
       take: perPage,
     }),
     prisma.emulatorErrors.count(),
-  ]);
+  ])
 
-  const lastPage = Math.ceil(total / perPage);
+  const lastPage = Math.ceil(total / perPage)
 
   return (
     <div className="space-y-6">
@@ -52,7 +52,7 @@ export default async function EmulatorErrorsPage({
                     </span>
                   </div>
                   <pre className="text-xs whitespace-pre-wrap break-all font-mono bg-muted p-2 rounded">
-                    {Buffer.from(error.stacktrace).toString("utf-8")}
+                    {Buffer.from(error.stacktrace).toString('utf-8')}
                   </pre>
                 </div>
               ))}
@@ -79,5 +79,5 @@ export default async function EmulatorErrorsPage({
         </div>
       )}
     </div>
-  );
+  )
 }

src/app/admin/devops/health-check-client.tsx

@@ -1,45 +1,55 @@
-"use client";
+'use client'
 
-import { RefreshCw } from "lucide-react";
+import { RefreshCw } from 'lucide-react'
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react'
-import { Badge } from "@/components/ui/badge";
+import { Badge } from '@/components/ui/badge'
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button'
 
 export function HealthCheckClient() {
-  const [status, setStatus] = useState<"checking" | "online" | "offline">("checking");
+  const [status, setStatus] = useState<'checking' | 'online' | 'offline'>('checking')
-  const [checking, setChecking] = useState(false);
+  const [checking, setChecking] = useState(false)
 
   async function checkEmulator() {
-    setChecking(true);
+    setChecking(true)
-    setStatus("checking");
+    setStatus('checking')
     try {
-      const res = await fetch("/api/admin/devops/health");
+      const res = await fetch('/api/admin/devops/health')
       if (res.ok) {
-        const data = await res.json();
+        const data = await res.json()
-        setStatus(data.emulator ? "online" : "offline");
+        setStatus(data.emulator ? 'online' : 'offline')
       } else {
-        setStatus("offline");
+        setStatus('offline')
       }
     } catch {
-      setStatus("offline");
+      setStatus('offline')
     } finally {
-      setChecking(false);
+      setChecking(false)
     }
   }
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: explicitly chosen here, see surrounding code
   useEffect(() => {
-    checkEmulator();
+    checkEmulator()
-  }, []);
+  }, [])
 
   return (
     <div className="flex items-center gap-2">
-      <Badge variant={status === "online" ? "default" : status === "offline" ? "destructive" : "secondary"}>
+      <Badge
-        {status === "checking" ? "Checking..." : status === "online" ? "Online" : "Offline"}
+        variant={
+          status === 'online' ? 'default' : status === 'offline' ? 'destructive' : 'secondary'
+        }
+      >
+        {status === 'checking' ? 'Checking...' : status === 'online' ? 'Online' : 'Offline'}
       </Badge>
-      <Button variant="ghost" size="icon" className="h-6 w-6" onClick={checkEmulator} disabled={checking}>
+      <Button
-        <RefreshCw className={`h-3 w-3 ${checking ? "animate-spin" : ""}`} />
+        variant="ghost"
+        size="icon"
+        className="h-6 w-6"
+        onClick={checkEmulator}
+        disabled={checking}
+      >
+        <RefreshCw className={`h-3 w-3 ${checking ? 'animate-spin' : ''}`} />
       </Button>
     </div>
-  );
+  )
 }

src/app/admin/events/[id]/event-registrations.tsx

@@ -1,16 +1,16 @@
-"use client";
+'use client'
 
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 
 interface Registration {
-  id: number;
+  id: number
-  userId: number;
+  userId: number
-  username: string;
+  username: string
-  createdAt: Date;
+  createdAt: Date
 }
 
 interface Props {
-  registrations: Registration[];
+  registrations: Registration[]
 }
 
 export function EventRegistrations({ registrations }: Props) {
@@ -36,5 +36,5 @@ export function EventRegistrations({ registrations }: Props) {
         )}
       </CardContent>
     </Card>
-  );
+  )
 }

src/app/admin/events/[id]/event-winners.tsx

@@ -1,43 +1,43 @@
-"use client";
+'use client'
 
-import { Plus } from "lucide-react";
+import { Plus } from 'lucide-react'
-import { useState } from "react";
+import { useState } from 'react'
-import { addEventWinner } from "@/actions/events";
+import { addEventWinner } from '@/actions/events'
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { Input } from "@/components/ui/input";
+import { Input } from '@/components/ui/input'
-import { Label } from "@/components/ui/label";
+import { Label } from '@/components/ui/label'
-import { useServerAction } from "@/hooks/use-server-action";
+import { useServerAction } from '@/hooks/use-server-action'
 
 interface Winner {
-  id: number;
+  id: number
-  userId: number;
+  userId: number
-  position: number;
+  position: number
-  username: string;
+  username: string
-  createdAt: Date;
+  createdAt: Date
 }
 
 interface Props {
-  eventId: number;
+  eventId: number
-  winners: Winner[];
+  winners: Winner[]
 }
 
 export function EventWinnersManager({ eventId, winners }: Props) {
-  const { run, isPending } = useServerAction();
+  const { run, isPending } = useServerAction()
-  const [showForm, setShowForm] = useState(false);
+  const [showForm, setShowForm] = useState(false)
-  const [userId, setUserId] = useState("");
+  const [userId, setUserId] = useState('')
-  const [position, setPosition] = useState(winners.length + 1);
+  const [position, setPosition] = useState(winners.length + 1)
 
   function handleAdd(e: React.FormEvent) {
-    e.preventDefault();
+    e.preventDefault()
     run(() => addEventWinner({ eventId, userId: Number(userId), position }), {
-      successMessage: "Winner added!",
+      successMessage: 'Winner added!',
       onSuccess: () => {
-        setShowForm(false);
+        setShowForm(false)
-        setUserId("");
+        setUserId('')
-        setPosition(position + 1);
+        setPosition(position + 1)
       },
-    });
+    })
   }
 
   return (
@@ -95,5 +95,5 @@ export function EventWinnersManager({ eventId, winners }: Props) {
         </div>
       </CardContent>
     </Card>
-  );
+  )
 }

src/app/admin/events/create/page.tsx

@@ -1,18 +1,18 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
-import { EventForm } from "../event-form";
+import { EventForm } from '../event-form'
 
 export default async function CreateEventPage() {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.EVENTS_EDIT, session.user.rank)) {
-    redirect("/admin/events");
+    redirect('/admin/events')
   }
 
   const eventTypes = await prisma.websiteEventType.findMany({
     where: { isActive: 1 },
-    orderBy: { name: "asc" },
+    orderBy: { name: 'asc' },
-  });
+  })
 
   return (
     <div className="space-y-6">
@@ -23,5 +23,5 @@ export default async function CreateEventPage() {
 
       <EventForm eventTypes={eventTypes} />
     </div>
-  );
+  )
 }

src/app/admin/events/page.tsx

@@ -1,32 +1,32 @@
-import Link from "next/link";
+import Link from 'next/link'
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button'
-import { fetchAdminList } from "@/lib/admin-list";
+import { fetchAdminList } from '@/lib/admin-list'
-import { PERMS } from "@/lib/permissions";
+import { PERMS } from '@/lib/permissions'
-import { EventsTable } from "./events-table";
+import { EventsTable } from './events-table'
 
 export default async function EventsPage({
   params: paramsPromise,
   searchParams,
 }: {
-  params: Promise<{ locale: string }>;
+  params: Promise<{ locale: string }>
-  searchParams: Promise<Record<string, string>>;
+  searchParams: Promise<Record<string, string>>
 }) {
   const result = await fetchAdminList(
     {
       permission: PERMS.EVENTS_VIEW,
-      model: "websiteEvent",
+      model: 'websiteEvent',
-      searchFields: ["title"],
+      searchFields: ['title'],
-      defaultSort: { startsAt: "desc" },
+      defaultSort: { startsAt: 'desc' },
       include: { type: { select: { name: true, color: true } } },
       mapRow: (e: {
-        id: number;
+        id: number
-        title: string;
+        title: string
-        type: { name: string; color: string };
+        type: { name: string; color: string }
-        startsAt: Date;
+        startsAt: Date
-        endsAt: Date | null;
+        endsAt: Date | null
-        status: string;
+        status: string
-        hostUserId: number;
+        hostUserId: number
-        _count?: { registrations: number };
+        _count?: { registrations: number }
       }) => ({
         id: e.id,
         title: e.title,
@@ -40,7 +40,7 @@ export default async function EventsPage({
     },
     paramsPromise,
     searchParams,
-  );
+  )
 
   return (
     <div className="space-y-6">
@@ -64,5 +64,5 @@ export default async function EventsPage({
         }}
       />
     </div>
-  );
+  )
 }

src/app/admin/events/types/page.tsx

@@ -1,17 +1,17 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { prisma } from "@/lib/prisma";
+import { prisma } from '@/lib/prisma'
-import { EventTypesManager } from "./event-types-manager";
+import { EventTypesManager } from './event-types-manager'
 
 export default async function EventTypesPage() {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.EVENTS_EDIT, session.user.rank)) {
-    redirect("/admin/events");
+    redirect('/admin/events')
   }
 
   const eventTypes = await prisma.websiteEventType.findMany({
-    orderBy: { name: "asc" },
+    orderBy: { name: 'asc' },
-  });
+  })
 
   return (
     <div className="space-y-6">
@@ -22,5 +22,5 @@ export default async function EventTypesPage() {
 
       <EventTypesManager eventTypes={eventTypes} />
     </div>
-  );
+  )
 }

src/app/admin/help-questions/page.tsx

@@ -60,9 +60,7 @@ export default async function AdminHelpQuestions() {
             <tbody>
               {entries.map((e) => (
                 <tr key={String(e.id)}>
-                  <td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
+                  <td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">{e.position}</td>
-                    {e.position}
-                  </td>
                   <td>
                     <Link href={`/admin/help-questions/${e.id}`}>{e.name}</Link>
                   </td>

src/app/admin/import/badges/badge-editor-dialog.tsx

@@ -1,56 +1,62 @@
-"use client";
+'use client'
 
-import { Loader2 } from "lucide-react";
+import { Loader2 } from 'lucide-react'
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react'
-import { toast } from "sonner";
+import { toast } from 'sonner'
-import { getBadgeData, updateBadge } from "@/actions/badges";
+import { getBadgeData, updateBadge } from '@/actions/badges'
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button'
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import {
-import { Input } from "@/components/ui/input";
+  Dialog,
-import { Label } from "@/components/ui/label";
+  DialogContent,
-import { useServerAction } from "@/hooks/use-server-action";
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useServerAction } from '@/hooks/use-server-action'
 
 interface BadgeEditorDialogProps {
-  code: string;
+  code: string
-  open: boolean;
+  open: boolean
-  onOpenChange: (open: boolean) => void;
+  onOpenChange: (open: boolean) => void
   /** Called after a successful save so the parent can refresh state */
-  onSaved?: () => void;
+  onSaved?: () => void
 }
 
 export function BadgeEditorDialog({ code, open, onOpenChange, onSaved }: BadgeEditorDialogProps) {
-  const [name, setName] = useState("");
+  const [name, setName] = useState('')
-  const [desc, setDesc] = useState("");
+  const [desc, setDesc] = useState('')
-  const [loading, setLoading] = useState(false);
+  const [loading, setLoading] = useState(false)
-  const { run, isPending: saving } = useServerAction();
+  const { run, isPending: saving } = useServerAction()
 
   // Fetch current values when dialog opens
   useEffect(() => {
-    if (!open || !code) return;
+    if (!open || !code) return
-    setLoading(true);
+    setLoading(true)
     getBadgeData({ code })
       .then((result) => {
         if (result.ok) {
-          const data = result.data as { name: string; desc: string };
+          const data = result.data as { name: string; desc: string }
-          setName(data.name ?? "");
+          setName(data.name ?? '')
-          setDesc(data.desc ?? "");
+          setDesc(data.desc ?? '')
         }
       })
       .catch(() => {
-        toast.error("Failed to load badge data");
+        toast.error('Failed to load badge data')
       })
-      .finally(() => setLoading(false));
+      .finally(() => setLoading(false))
-  }, [open, code]);
+  }, [open, code])
 
   function handleSave() {
     run(() => updateBadge({ code, name, desc }), {
       successMessage: `Badge ${code} updated`,
-      errorMessage: "Save failed",
+      errorMessage: 'Save failed',
       onSuccess: () => {
-        onSaved?.();
+        onSaved?.()
-        onOpenChange(false);
+        onOpenChange(false)
       },
-    });
+    })
   }
 
   return (
@@ -98,5 +104,5 @@ export function BadgeEditorDialog({ code, open, onOpenChange, onSaved }: BadgeEd
         </DialogFooter>
       </DialogContent>
     </Dialog>
-  );
+  )
 }

src/app/admin/import/badges/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function ImportBadgesLoading() {
   return (
@@ -17,5 +17,5 @@ export default function ImportBadgesLoading() {
         <Skeleton className="h-10 w-24 mt-4" />
       </div>
     </div>
-  );
+  )
 }

src/app/admin/import/badges/page.tsx

@@ -1,12 +1,12 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { ImportBadgesClient } from "./import-badges-client";
+import { ImportBadgesClient } from './import-badges-client'
 
 export default async function ImportBadgesPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
-  return <ImportBadgesClient />;
+  return <ImportBadgesClient />
 }

src/app/admin/import/clone/page.tsx

@@ -1,11 +1,11 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { ImportCloneClient } from "./import-clone-client";
+import { ImportCloneClient } from './import-clone-client'
 
 export default async function ImportClonePage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
-  return <ImportCloneClient />;
+  return <ImportCloneClient />
 }

src/app/admin/import/clothing/loading.tsx

@@ -9,5 +9,5 @@ export default function Loading() {
         </div>
       ))}
     </div>
-  );
+  )
 }

src/app/admin/import/clothing/page.tsx

@@ -1,11 +1,11 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { ImportClothingClient } from "./import-clothing-client";
+import { ImportClothingClient } from './import-clothing-client'
 
 export default async function ImportClothingPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
-  return <ImportClothingClient />;
+  return <ImportClothingClient />
 }

src/app/admin/import/effects/loading.tsx

@@ -10,5 +10,5 @@ export default function Loading() {
         </div>
       ))}
     </div>
-  );
+  )
 }

src/app/admin/import/effects/page.tsx

@@ -1,12 +1,12 @@
 // src/app/[locale]/admin/import/effects/page.tsx
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { ImportEffectsClient } from "./import-effects-client";
+import { ImportEffectsClient } from './import-effects-client'
 
 export default async function ImportEffectsPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
-  return <ImportEffectsClient />;
+  return <ImportEffectsClient />
 }

src/app/admin/import/furni/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function ImportFurniLoading() {
   return (
@@ -17,5 +17,5 @@ export default function ImportFurniLoading() {
         <Skeleton className="h-10 w-24 mt-4" />
       </div>
     </div>
-  );
+  )
 }

src/app/admin/import/furni/page.tsx

@@ -1,12 +1,12 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { ImportFurniClient } from "./import-furni-client";
+import { ImportFurniClient } from './import-furni-client'
 
 export default async function ImportFurniPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
-  return <ImportFurniClient />;
+  return <ImportFurniClient />
 }

src/app/admin/import/pets/loading.tsx

@@ -9,5 +9,5 @@ export default function Loading() {
         </div>
       ))}
     </div>
-  );
+  )
 }

src/app/admin/import/pets/page.tsx

@@ -1,11 +1,11 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { ImportPetsClient } from "./import-pets-client";
+import { ImportPetsClient } from './import-pets-client'
 
 export default async function ImportPetsPage(_props: { params: Promise<{ locale: string }> }) {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
-  return <ImportPetsClient />;
+  return <ImportPetsClient />
 }

src/app/admin/import/repair/page.tsx

@@ -1,12 +1,12 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { RepairClient } from "./repair-client";
+import { RepairClient } from './repair-client'
 
 export default async function RepairImportedPage() {
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.ASSETS_IMPORT, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
-  return <RepairClient />;
+  return <RepairClient />
 }

src/app/admin/layout.tsx

@@ -188,9 +188,7 @@ async function Sidebar({ staff }: { staff: { id: number; username: string; rank:
           {initial}
         </span>
         <div className="min-w-0 flex-1">
-          <div className="font-semibold text-sm text-[var(--admin-sidebar-text-readable)] truncate">
+          <div className="font-semibold text-sm text-[var(--admin-sidebar-text-readable)] truncate">{staff.username}</div>
-            {staff.username}
-          </div>
           <span className="inline-block mt-0.5 text-[0.6rem] font-bold uppercase tracking-widest text-[var(--admin-sidebar-muted-readable)]">
             {t("rankLabel", { rank: staff.rank })}
           </span>

src/app/admin/logs/audit/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function AuditLogsLoading() {
   return (
@@ -24,5 +24,5 @@ export default function AuditLogsLoading() {
         ))}
       </div>
     </div>
-  );
+  )
 }

src/app/admin/logs/audit/page.tsx

@@ -1,29 +1,29 @@
-import { redirect } from "next/navigation";
+import { redirect } from 'next/navigation'
-import { calcPagination, parseListParams } from "@/lib/admin-helpers";
+import { calcPagination, parseListParams } from '@/lib/admin-helpers'
-import { canAccess, getAdminContext, PERMS } from "@/lib/permissions";
+import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
-import { getAuditLogs } from "@/lib/services/audit";
+import { getAuditLogs } from '@/lib/services/audit'
-import { AuditTable } from "./audit-table";
+import { AuditTable } from './audit-table'
 
 export default async function AuditLogsPage({
   params: paramsPromise,
   searchParams,
 }: {
-  params: Promise<{ locale: string }>;
+  params: Promise<{ locale: string }>
-  searchParams: Promise<Record<string, string>>;
+  searchParams: Promise<Record<string, string>>
 }) {
-  await paramsPromise;
+  await paramsPromise
-  const { session, permissions } = await getAdminContext();
+  const { session, permissions } = await getAdminContext()
   if (!canAccess(permissions, PERMS.LOGS_VIEW, session.user.rank)) {
-    redirect("/admin");
+    redirect('/admin')
   }
 
-  const params = await searchParams;
+  const params = await searchParams
-  const sp = new URLSearchParams(params);
+  const sp = new URLSearchParams(params)
-  const { search, perPage, page } = parseListParams(sp);
+  const { search, perPage, page } = parseListParams(sp)
 
-  const result = await getAuditLogs({ search, page, perPage });
+  const result = await getAuditLogs({ search, page, perPage })
 
-  const pagination = calcPagination(result.total, result.page, result.perPage);
+  const pagination = calcPagination(result.total, result.page, result.perPage)
 
   const rows = result.rows.map((r) => ({
     id: r.id,
@@ -33,7 +33,7 @@ export default async function AuditLogsPage({
     targetId: r.targetId,
     diff: r.diff,
     createdAt: r.createdAt,
-  }));
+  }))
 
   return (
     <div className="space-y-6">
@@ -44,5 +44,5 @@ export default async function AuditLogsPage({
 
       <AuditTable data={{ rows, ...pagination }} />
     </div>
-  );
+  )
 }

src/app/admin/logs/chat/chat-table.tsx

@@ -1,36 +1,36 @@
-"use client";
+'use client'
 
-import { DataTable } from "@/components/admin/data-table";
+import { DataTable } from '@/components/admin/data-table'
-import { formatTimestamp } from "@/lib/admin-helpers";
+import { formatTimestamp } from '@/lib/admin-helpers'
-import type { DataTableColumn, PaginatedResult } from "@/types";
+import type { DataTableColumn, PaginatedResult } from '@/types'
 
 interface ChatLogRow {
-  id: number;
+  id: number
-  username: string;
+  username: string
-  message: string;
+  message: string
-  timestamp: number;
+  timestamp: number
-  roomId: number;
+  roomId: number
 }
 
 const columns: DataTableColumn<ChatLogRow>[] = [
-  { key: "id", label: "ID", sortable: true },
+  { key: 'id', label: 'ID', sortable: true },
-  { key: "username", label: "User" },
+  { key: 'username', label: 'User' },
   {
-    key: "message",
+    key: 'message',
-    label: "Message",
+    label: 'Message',
     render: (value) => <span className="max-w-[300px] truncate block">{String(value)}</span>,
   },
   {
-    key: "timestamp",
+    key: 'timestamp',
-    label: "Time",
+    label: 'Time',
     sortable: true,
     render: (value) => <span>{formatTimestamp(Number(value))}</span>,
   },
-  { key: "roomId", label: "Room ID", sortable: true },
+  { key: 'roomId', label: 'Room ID', sortable: true },
-];
+]
 
 interface ChatTableProps {
-  data: PaginatedResult<ChatLogRow>;
+  data: PaginatedResult<ChatLogRow>
 }
 
 export function ChatTable({ data }: ChatTableProps) {
@@ -41,5 +41,5 @@ export function ChatTable({ data }: ChatTableProps) {
       searchPlaceholder="Search by username or message..."
       exportUrl="/api/admin/export?type=chatlogs"
     />
-  );
+  )
 }

src/app/admin/logs/chat/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function ChatLogsLoading() {
   return (
@@ -24,5 +24,5 @@ export default function ChatLogsLoading() {
         ))}
       </div>
     </div>
-  );
+  )
 }

src/app/admin/logs/chat/page.tsx

@@ -1,19 +1,19 @@
-import { fetchAdminList } from "@/lib/admin-list";
+import { fetchAdminList } from '@/lib/admin-list'
-import { PERMS } from "@/lib/permissions";
+import { PERMS } from '@/lib/permissions'
-import { ChatTable } from "./chat-table";
+import { ChatTable } from './chat-table'
 
 export default async function ChatLogsPage({
   params: paramsPromise,
   searchParams,
 }: {
-  params: Promise<{ locale: string }>;
+  params: Promise<{ locale: string }>
-  searchParams: Promise<Record<string, string>>;
+  searchParams: Promise<Record<string, string>>
 }) {
   const result = await fetchAdminList(
     {
       permission: PERMS.LOGS_VIEW,
-      model: "chatLog",
+      model: 'chatLog',
-      searchFields: ["message", "user.username"],
+      searchFields: ['message', 'user.username'],
       defaultPerPage: 50,
       include: { user: { select: { username: true } } },
       mapRow: (l) => ({
@@ -26,7 +26,7 @@ export default async function ChatLogsPage({
     },
     paramsPromise,
     searchParams,
-  );
+  )
 
   return (
     <div className="space-y-6">
@@ -45,5 +45,5 @@ export default async function ChatLogsPage({
         }}
       />
     </div>
-  );
+  )
 }

src/app/admin/logs/commands/commands-table.tsx

@@ -1,38 +1,38 @@
-"use client";
+'use client'
 
-import { DataTable } from "@/components/admin/data-table";
+import { DataTable } from '@/components/admin/data-table'
-import { formatTimestamp } from "@/lib/admin-helpers";
+import { formatTimestamp } from '@/lib/admin-helpers'
-import type { DataTableColumn, PaginatedResult } from "@/types";
+import type { DataTableColumn, PaginatedResult } from '@/types'
 
 interface CommandLogRow {
-  id: number;
+  id: number
-  username: string;
+  username: string
-  command: string;
+  command: string
-  params: string;
+  params: string
-  timestamp: number;
+  timestamp: number
 }
 
 const columns: DataTableColumn<CommandLogRow>[] = [
-  { key: "id", label: "ID", sortable: true },
+  { key: 'id', label: 'ID', sortable: true },
-  { key: "username", label: "User" },
+  { key: 'username', label: 'User' },
-  { key: "command", label: "Command", sortable: true },
+  { key: 'command', label: 'Command', sortable: true },
   {
-    key: "params",
+    key: 'params',
-    label: "Params",
+    label: 'Params',
     render: (value) => (
-      <span className="max-w-[200px] truncate block font-mono text-sm">{String(value) || "-"}</span>
+      <span className="max-w-[200px] truncate block font-mono text-sm">{String(value) || '-'}</span>
     ),
   },
   {
-    key: "timestamp",
+    key: 'timestamp',
-    label: "Time",
+    label: 'Time',
     sortable: true,
     render: (value) => <span>{formatTimestamp(Number(value))}</span>,
   },
-];
+]
 
 interface CommandsTableProps {
-  data: PaginatedResult<CommandLogRow>;
+  data: PaginatedResult<CommandLogRow>
 }
 
 export function CommandsTable({ data }: CommandsTableProps) {
@@ -43,5 +43,5 @@ export function CommandsTable({ data }: CommandsTableProps) {
       searchPlaceholder="Search by username, command, or params..."
       exportUrl="/api/admin/export?type=commands"
     />
-  );
+  )
 }

src/app/admin/logs/commands/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function CommandLogsLoading() {
   return (
@@ -24,5 +24,5 @@ export default function CommandLogsLoading() {
         ))}
       </div>
     </div>
-  );
+  )
 }

src/app/admin/logs/commands/page.tsx

@@ -1,19 +1,19 @@
-import { fetchAdminList } from "@/lib/admin-list";
+import { fetchAdminList } from '@/lib/admin-list'
-import { PERMS } from "@/lib/permissions";
+import { PERMS } from '@/lib/permissions'
-import { CommandsTable } from "./commands-table";
+import { CommandsTable } from './commands-table'
 
 export default async function CommandLogsPage({
   params: paramsPromise,
   searchParams,
 }: {
-  params: Promise<{ locale: string }>;
+  params: Promise<{ locale: string }>
-  searchParams: Promise<Record<string, string>>;
+  searchParams: Promise<Record<string, string>>
 }) {
   const result = await fetchAdminList(
     {
       permission: PERMS.LOGS_VIEW,
-      model: "commandLog",
+      model: 'commandLog',
-      searchFields: ["command", "params", "user.username"],
+      searchFields: ['command', 'params', 'user.username'],
       defaultPerPage: 50,
       include: { user: { select: { username: true } } },
       mapRow: (l) => ({
@@ -26,7 +26,7 @@ export default async function CommandLogsPage({
     },
     paramsPromise,
     searchParams,
-  );
+  )
 
   return (
     <div className="space-y-6">
@@ -45,5 +45,5 @@ export default async function CommandLogsPage({
         }}
       />
     </div>
-  );
+  )
 }

src/app/admin/logs/page.tsx

@@ -15,13 +15,7 @@ function fromDate(d: Date | null | undefined): string {
 export default async function AdminStaffActivities({
   searchParams,
 }: {
-  searchParams: Promise<{
+  searchParams: Promise<{ q?: string; page?: string; staffId?: string; action?: string; authorization?: string }>;
-    q?: string;
-    page?: string;
-    staffId?: string;
-    action?: string;
-    authorization?: string;
-  }>;
 }) {
   const t = await getTranslations("pages.admin.logs");
 

src/app/admin/logs/trades/loading.tsx

@@ -1,4 +1,4 @@
-import { Skeleton } from "@/components/ui/skeleton";
+import { Skeleton } from '@/components/ui/skeleton'
 
 export default function TradeLogsLoading() {
   return (
@@ -24,5 +24,5 @@ export default function TradeLogsLoading() {
         ))}
       </div>
     </div>
-  );
+  )
 }

src/app/admin/logs/trades/page.tsx

@@ -1,19 +1,19 @@
-import { fetchAdminList } from "@/lib/admin-list";
+import { fetchAdminList } from '@/lib/admin-list'
-import { PERMS } from "@/lib/permissions";
+import { PERMS } from '@/lib/permissions'
-import { TradesTable } from "./trades-table";
+import { TradesTable } from './trades-table'
 
 export default async function TradeLogsPage({
   params: paramsPromise,
   searchParams,
 }: {
-  params: Promise<{ locale: string }>;
+  params: Promise<{ locale: string }>
-  searchParams: Promise<Record<string, string>>;
+  searchParams: Promise<Record<string, string>>
 }) {
   const result = await fetchAdminList(
     {
       permission: PERMS.LOGS_VIEW,
-      model: "trade",
+      model: 'trade',
-      searchFields: ["userOne.username", "userTwo.username"],
+      searchFields: ['userOne.username', 'userTwo.username'],
       defaultPerPage: 50,
       include: {
         userOne: { select: { username: true } },
@@ -29,7 +29,7 @@ export default async function TradeLogsPage({
     },
     paramsPromise,
     searchParams,
-  );
+  )
 
   return (
     <div className="space-y-6">
@@ -48,5 +48,5 @@ export default async function TradeLogsPage({
         }}
       />
     </div>
-  );
+  )
 }