From f0054f89044aa9f65f81cf49f00f9656470a57c9 Mon Sep 17 00:00:00 2001
From: jacobk999 <jababakoshy@gmail.com>
Date: Wed, 12 Feb 2025 15:17:36 -0500
Subject: [PATCH 1/3] feat(skywars): add perks page

---
 apps/discord-bot/package.json                 |   5 +-
 .../bedwars/bedwars-challenges.command.tsx    |  30 ---
 .../src/commands/bedwars/bedwars.command.tsx  |   2 +
 .../deprecated/bedwars-challenges.command.tsx |  23 +++
 .../deprecated/skywars-challenges.command.tsx |  23 +++
 ...les.table.tsx => duels-titles.profile.tsx} | 103 +++++++----
 .../src/commands/duels/duels.command.tsx      |   4 +-
 .../src/commands/duels/duels.profile.tsx      |  46 ++---
 .../src/commands/duels/tables/index.ts        |   1 -
 .../commands/historical/session.command.tsx   |  56 +++---
 .../skywars/skywars-challenges.command.tsx    |  30 ---
 .../skywars/skywars-challenges.profile.tsx    |   5 +-
 .../skywars/skywars-perks.profile.tsx         | 174 ++++++++++++++++++
 .../src/commands/skywars/skywars.command.tsx  |  31 +++-
 apps/discord-bot/src/components/WordWrap.tsx  |  48 +++++
 apps/discord-bot/src/components/index.ts      |   1 +
 package.json                                  |   2 +-
 .../src/player/gamemodes/bedwars/index.ts     |   8 +-
 .../src/player/gamemodes/skywars/index.ts     |  39 +++-
 .../src/player/gamemodes/skywars/perks.ts     |  43 +++++
 pnpm-lock.yaml                                |  62 +++----
 turbo.json                                    |  41 ++++-
 22 files changed, 565 insertions(+), 212 deletions(-)
 delete mode 100644 apps/discord-bot/src/commands/bedwars/bedwars-challenges.command.tsx
 create mode 100644 apps/discord-bot/src/commands/deprecated/bedwars-challenges.command.tsx
 create mode 100644 apps/discord-bot/src/commands/deprecated/skywars-challenges.command.tsx
 rename apps/discord-bot/src/commands/duels/{tables/titles.table.tsx => duels-titles.profile.tsx} (58%)
 delete mode 100644 apps/discord-bot/src/commands/skywars/skywars-challenges.command.tsx
 create mode 100644 apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx
 create mode 100644 apps/discord-bot/src/components/WordWrap.tsx
 create mode 100644 packages/schemas/src/player/gamemodes/skywars/perks.ts

diff --git a/apps/discord-bot/package.json b/apps/discord-bot/package.json
index d364e4a0d..9b5f35e7c 100644
--- a/apps/discord-bot/package.json
+++ b/apps/discord-bot/package.json
@@ -41,7 +41,10 @@
       "default": "./dist/components/index.js"
     },
     "#commands/*": {
-      "types": "./src/commands/*.ts",
+      "types": [
+        "./src/commands/*.ts",
+        "./src/commands/*.tsx"
+      ],
       "default": "./dist/commands/*.js"
     },
     "#services": {
diff --git a/apps/discord-bot/src/commands/bedwars/bedwars-challenges.command.tsx b/apps/discord-bot/src/commands/bedwars/bedwars-challenges.command.tsx
deleted file mode 100644
index b7323b175..000000000
--- a/apps/discord-bot/src/commands/bedwars/bedwars-challenges.command.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Copyright (c) Statsify
- *
- * This source code is licensed under the GNU GPL v3 license found in the
- * LICENSE file in the root directory of this source tree.
- * https://github.com/Statsify/statsify/blob/main/LICENSE
- */
-
-import { BEDWARS_MODES, BedWarsModes, GameModeWithSubModes, Player } from "@statsify/schemas";
-import { BaseHypixelCommand, BaseProfileProps } from "#commands/base.hypixel-command";
-import { BedWarsChallengesProfile } from "./bedwars-challenges.profile.js";
-import { Command } from "@statsify/discord";
-
-@Command({ description: (t) => t("commands.bedwars-challenges") })
-export class BedWarsChallengesCommand extends BaseHypixelCommand<BedWarsModes> {
-  public constructor() {
-    super(BEDWARS_MODES);
-  }
-
-  public filterModes(
-    player: Player,
-    modes: GameModeWithSubModes<BedWarsModes>[]
-  ): GameModeWithSubModes<BedWarsModes>[] {
-    return [modes[0]];
-  }
-
-  public getProfile(base: BaseProfileProps): JSX.Element {
-    return <BedWarsChallengesProfile {...base} />;
-  }
-}
diff --git a/apps/discord-bot/src/commands/bedwars/bedwars.command.tsx b/apps/discord-bot/src/commands/bedwars/bedwars.command.tsx
index e404439ae..a19fa57e1 100644
--- a/apps/discord-bot/src/commands/bedwars/bedwars.command.tsx
+++ b/apps/discord-bot/src/commands/bedwars/bedwars.command.tsx
@@ -12,6 +12,7 @@ import {
   BaseProfileProps,
   ProfileData,
 } from "#commands/base.hypixel-command";
+import { BedWarsChallengesProfile } from "./bedwars-challenges.profile.js";
 import { BedWarsProfile } from "./bedwars.profile.js";
 import { Command } from "@statsify/discord";
 
@@ -25,6 +26,7 @@ export class BedWarsCommand extends BaseHypixelCommand<BedWarsModes> {
     base: BaseProfileProps,
     { mode }: ProfileData<BedWarsModes, never>
   ): JSX.Element {
+    if (mode.api === "overall" && mode.submode.api === "challenges") return <BedWarsChallengesProfile {...base} />;
     return <BedWarsProfile {...base} mode={mode} />;
   }
 }
diff --git a/apps/discord-bot/src/commands/deprecated/bedwars-challenges.command.tsx b/apps/discord-bot/src/commands/deprecated/bedwars-challenges.command.tsx
new file mode 100644
index 000000000..7067d2617
--- /dev/null
+++ b/apps/discord-bot/src/commands/deprecated/bedwars-challenges.command.tsx
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Statsify
+ *
+ * This source code is licensed under the GNU GPL v3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * https://github.com/Statsify/statsify/blob/main/LICENSE
+ */
+
+import { Command, type IMessage } from "@statsify/discord";
+
+@Command({ description: (t) => t("deprecated.command-description", { newCommandName: "/bedwars" }) })
+export class BedWarsChallengesCommand {
+  public run(): IMessage {
+    return {
+      content: (t) => t("deprecated.merged-dropdown", {
+        oldCommandName: "`/bedwarschallenges`",
+        newCommand: "</duels:1140654940658868317>",
+        newCommandName: `${t("emojis:games.BEDWARS")} **BedWars**`,
+        mode: "**Challenges**",
+      }),
+    };
+  }
+}
diff --git a/apps/discord-bot/src/commands/deprecated/skywars-challenges.command.tsx b/apps/discord-bot/src/commands/deprecated/skywars-challenges.command.tsx
new file mode 100644
index 000000000..d2a73f0fc
--- /dev/null
+++ b/apps/discord-bot/src/commands/deprecated/skywars-challenges.command.tsx
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Statsify
+ *
+ * This source code is licensed under the GNU GPL v3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * https://github.com/Statsify/statsify/blob/main/LICENSE
+ */
+
+import { Command, type IMessage } from "@statsify/discord";
+
+@Command({ description: (t) => t("deprecated.command-description", { newCommandName: "/skywars" }) })
+export class SkyWarsChallengesCommand {
+  public run(): IMessage {
+    return {
+      content: (t) => t("deprecated.merged-dropdown", {
+        oldCommandName: "`/skywarschallenges`",
+        newCommand: "</duels:1140654940658868317>",
+        newCommandName: `${t("emojis:games.SKYWARS")} **SkyWars**`,
+        mode: "**Challenges**",
+      }),
+    };
+  }
+}
diff --git a/apps/discord-bot/src/commands/duels/tables/titles.table.tsx b/apps/discord-bot/src/commands/duels/duels-titles.profile.tsx
similarity index 58%
rename from apps/discord-bot/src/commands/duels/tables/titles.table.tsx
rename to apps/discord-bot/src/commands/duels/duels-titles.profile.tsx
index fa0bbc314..5d248a5c7 100644
--- a/apps/discord-bot/src/commands/duels/tables/titles.table.tsx
+++ b/apps/discord-bot/src/commands/duels/duels-titles.profile.tsx
@@ -6,32 +6,31 @@
  * https://github.com/Statsify/statsify/blob/main/LICENSE
  */
 
+import { Container, Footer, Header } from "#components";
+import { FormattedGame } from "@statsify/schemas";
+
+import { Image } from "skia-canvas";
+import { LocalizeFunction } from "@statsify/discord";
 import { arrayGroup } from "@statsify/util";
-import type { Duels } from "@statsify/schemas";
-import type { DuelsModeIcons } from "../duels.command.js";
-import type { Image } from "skia-canvas";
-import type { LocalizeFunction } from "@statsify/discord";
+import type { BaseProfileProps } from "#commands/base.hypixel-command";
+import type { DuelsModeIcons } from "./duels.command.js";
 
-interface TitlesTableProps {
-  duels: Duels;
-  t: LocalizeFunction;
+export interface DuelsTitlesProfileProps extends Omit<BaseProfileProps, "time"> {
   modeIcons: DuelsModeIcons;
 }
 
-function ModeTitle({ icon, title, wins, t }: { icon: Image; title: string;wins: number;t: LocalizeFunction }) {
-  return (
-    <box width="100%" padding={{ left: 8, right: 8, top: 4, bottom: 4 }}>
-      <img image={icon} width={32} height={32} />
-      <text margin={{ left: 8 }}>
-        {title}
-      </text>
-      <div width="remaining" margin={{ left: 4, right: 4 }} />
-      <text>{t(wins)}</text>
-    </box>
-  );
-}
+export const DuelsTitlesProfile = ({
+  skin,
+  player,
+  background,
+  logo,
+  user,
+  badge,
+  t,
+  modeIcons,
+}: DuelsTitlesProfileProps) => {
+  const { duels } = player.stats;
 
-export const TitlesTable = ({ duels, t, modeIcons }: TitlesTableProps) => {
   const games = [
     { icon: modeIcons.blitzsg, title: duels.blitzsg.titleFormatted, wins: duels.blitzsg.wins },
     { icon: modeIcons.bow, title: duels.bow.titleFormatted, wins: duels.bow.wins },
@@ -53,27 +52,51 @@ export const TitlesTable = ({ duels, t, modeIcons }: TitlesTableProps) => {
   const groups = arrayGroup(games, games.length / 2);
 
   return (
-    <div width="100%" direction="column">
-      <ModeTitle
-        icon={modeIcons.overall}
-        title={duels.overall.titleFormatted}
-        wins={duels.overall.wins}
-        t={t}
+    <Container background={background}>
+      <Header
+        skin={skin}
+        name={player.prefixName}
+        badge={badge}
+        sidebar={[]}
+        title={`§l${FormattedGame.DUELS} §fTitles`}
+        time="LIVE"
       />
-      <div width="100%">
-        {groups.map((group) => (
-          <div width={`1/${groups.length}`} direction="column">
-            {group.map(({ icon, title, wins }) => (
-              <ModeTitle
-                icon={icon}
-                title={title}
-                wins={wins}
-                t={t}
-              />
-            ))}
-          </div>
-        ))}
+      <div width="100%" direction="column">
+        <ModeTitle
+          icon={modeIcons.overall}
+          title={duels.overall.titleFormatted}
+          wins={duels.overall.wins}
+          t={t}
+        />
+        <div width="100%">
+          {groups.map((group) => (
+            <div width={`1/${groups.length}`} direction="column">
+              {group.map(({ icon, title, wins }) => (
+                <ModeTitle
+                  icon={icon}
+                  title={title}
+                  wins={wins}
+                  t={t}
+                />
+              ))}
+            </div>
+          ))}
+        </div>
       </div>
-    </div>
+      <Footer logo={logo} user={user} />
+    </Container>
   );
 };
+
+function ModeTitle({ icon, title, wins, t }: { icon: Image; title: string; wins: number; t: LocalizeFunction }) {
+  return (
+    <box width="100%" padding={{ left: 8, right: 8, top: 4, bottom: 4 }}>
+      <img image={icon} width={32} height={32} />
+      <text margin={{ left: 8 }}>
+        {title}
+      </text>
+      <div width="remaining" margin={{ left: 4, right: 4 }} />
+      <text>{t(wins)}</text>
+    </box>
+  );
+}
diff --git a/apps/discord-bot/src/commands/duels/duels.command.tsx b/apps/discord-bot/src/commands/duels/duels.command.tsx
index c18183e31..86a4a0e23 100644
--- a/apps/discord-bot/src/commands/duels/duels.command.tsx
+++ b/apps/discord-bot/src/commands/duels/duels.command.tsx
@@ -15,6 +15,7 @@ import {
 } from "#commands/base.hypixel-command";
 import { Command } from "@statsify/discord";
 import { DuelsProfile } from "./duels.profile.js";
+import { DuelsTitlesProfile } from "./duels-titles.profile.js";
 import { getAssetPath } from "@statsify/assets";
 import { loadImage } from "@statsify/rendering";
 import { readdir } from "node:fs/promises";
@@ -49,7 +50,8 @@ export class DuelsCommand extends BaseHypixelCommand<DuelsModes, PreProfileData>
     base: BaseProfileProps,
     { mode, data }: ProfileData<DuelsModes, PreProfileData>
   ): JSX.Element {
-    return <DuelsProfile {...base} mode={mode} modeIcons={data.modeIcons} />;
+    if (mode.api === "overall" && mode.submode.api === "titles") return <DuelsTitlesProfile {...base} modeIcons={data.modeIcons} />;
+    return <DuelsProfile {...base} mode={mode} />;
   }
 }
 
diff --git a/apps/discord-bot/src/commands/duels/duels.profile.tsx b/apps/discord-bot/src/commands/duels/duels.profile.tsx
index dc0970b83..30ff05791 100644
--- a/apps/discord-bot/src/commands/duels/duels.profile.tsx
+++ b/apps/discord-bot/src/commands/duels/duels.profile.tsx
@@ -10,22 +10,18 @@ import {
   BridgeDuelsTable,
   MultiDuelsGameModeTable,
   SingleDuelsGameModeTable,
-  TitlesTable,
   UHCDuelsTable,
 } from "./tables/index.js";
 import { Container, Footer, Header, SidebarItem, formatProgression } from "#components";
 import { DuelsModes, FormattedGame, type GameMode } from "@statsify/schemas";
 import { prettify } from "@statsify/util";
-import type { BaseProfileProps, ProfileTime } from "#commands/base.hypixel-command";
-import type { DuelsModeIcons } from "./duels.command.js";
+import type { BaseProfileProps } from "#commands/base.hypixel-command";
 
-export type DuelsProfileProps<T extends ProfileTime> = Omit<BaseProfileProps, "time"> & {
+export interface DuelsProfileProps extends BaseProfileProps {
   mode: GameMode<DuelsModes>;
-  time: T;
-  modeIcons: T extends "LIVE" ? DuelsModeIcons : undefined;
-};
+}
 
-export const DuelsProfile = <T extends ProfileTime>({
+export const DuelsProfile = ({
   skin,
   player,
   background,
@@ -35,8 +31,7 @@ export const DuelsProfile = <T extends ProfileTime>({
   mode,
   t,
   time,
-  modeIcons,
-}: DuelsProfileProps<T>) => {
+}: DuelsProfileProps) => {
   const { duels } = player.stats;
 
   const sidebar: SidebarItem[] = [
@@ -56,8 +51,6 @@ export const DuelsProfile = <T extends ProfileTime>({
   if ("kit" in stats)
     sidebar.push([t("stats.kit"), prettify(stats.kit), "§e"]);
 
-  const isTitles = time === "LIVE" && mode.api === "overall" && mode.submode.api === "titles";
-
   let table: JSX.Element;
 
   switch (mode.api) {
@@ -75,13 +68,6 @@ export const DuelsProfile = <T extends ProfileTime>({
       table = <MultiDuelsGameModeTable stats={duels[mode.api]} t={t} time={time} />;
       break;
 
-    case "overall":
-      // ensures the profile is not a historical one so modeIcons is defined
-      table = isTitles ?
-        <TitlesTable duels={duels} t={t} modeIcons={modeIcons!} /> :
-        <SingleDuelsGameModeTable stats={duels[mode.api]} t={t} time={time} />;
-      break;
-
     default:
       table = <SingleDuelsGameModeTable stats={duels[mode.api]} t={t} time={time} />;
       break;
@@ -101,19 +87,17 @@ export const DuelsProfile = <T extends ProfileTime>({
         skin={skin}
         name={player.prefixName}
         badge={badge}
-        sidebar={isTitles ? [] : sidebar}
+        sidebar={sidebar}
         title={`§l${FormattedGame.DUELS} §fStats §r(${formattedMode})`}
-        description={isTitles ?
-          undefined :
-          `§7${t("stats.title")}: ${
-            duels[mode.api].titleFormatted
-          }\n${formatProgression({
-            t,
-            label: t("stats.progression.win"),
-            progression: duels[mode.api].progression,
-            currentLevel: duels[mode.api].titleLevelFormatted,
-            nextLevel: duels[mode.api].nextTitleLevelFormatted,
-          })}`}
+        description={`§7${t("stats.title")}: ${
+          duels[mode.api].titleFormatted
+        }\n${formatProgression({
+          t,
+          label: t("stats.progression.win"),
+          progression: duels[mode.api].progression,
+          currentLevel: duels[mode.api].titleLevelFormatted,
+          nextLevel: duels[mode.api].nextTitleLevelFormatted,
+        })}`}
         time={time}
       />
       {table}
diff --git a/apps/discord-bot/src/commands/duels/tables/index.ts b/apps/discord-bot/src/commands/duels/tables/index.ts
index 7ea9fecc2..b04d7287e 100644
--- a/apps/discord-bot/src/commands/duels/tables/index.ts
+++ b/apps/discord-bot/src/commands/duels/tables/index.ts
@@ -10,4 +10,3 @@ export * from "./bridge-duels.table.js";
 export * from "./multi-duels-game-mode.table.js";
 export * from "./single-duels-game-mode.table.js";
 export * from "./uhc-duels.table.js";
-export * from "./titles.table.js";
diff --git a/apps/discord-bot/src/commands/historical/session.command.tsx b/apps/discord-bot/src/commands/historical/session.command.tsx
index de6a0c90f..4f0acc956 100644
--- a/apps/discord-bot/src/commands/historical/session.command.tsx
+++ b/apps/discord-bot/src/commands/historical/session.command.tsx
@@ -49,38 +49,38 @@ import {
   SubCommand,
   SubPage,
 } from "@statsify/discord";
-import { ArcadeProfile } from "../arcade/arcade.profile.js";
-import { ArenaBrawlProfile } from "../arenabrawl/arenabrawl.profile.js";
-import { BedWarsProfile } from "../bedwars/bedwars.profile.js";
-import { BlitzSGProfile } from "../blitzsg/blitzsg.profile.js";
-import { BuildBattleProfile } from "../buildbattle/buildbattle.profile.js";
-import { CopsAndCrimsProfile } from "../copsandcrims/copsandcrims.profile.js";
+import { ArcadeProfile } from "#commands/arcade/arcade.profile";
+import { ArenaBrawlProfile } from "#commands/arenabrawl/arenabrawl.profile";
+import { BedWarsProfile } from "#commands/bedwars/bedwars.profile";
+import { BlitzSGProfile } from "#commands/blitzsg/blitzsg.profile";
+import { BuildBattleProfile } from "#commands/buildbattle/buildbattle.profile";
+import { CopsAndCrimsProfile } from "#commands/copsandcrims/copsandcrims.profile";
 import { DateTime } from "luxon";
-import { DuelsProfile } from "../duels/duels.profile.js";
+import { DuelsProfile } from "#commands/duels/duels.profile";
 import { type GamesWithBackgrounds, mapBackground } from "#constants";
-import { HistoricalGeneralProfile } from "../general/historical-general.profile.js";
+import { HistoricalGeneralProfile } from "#commands/general/historical-general.profile";
 import { HistoricalTimes } from "@statsify/api-client";
-import { MegaWallsProfile } from "../megawalls/megawalls.profile.js";
-import { MurderMysteryProfile } from "../murdermystery/murdermystery.profile.js";
-import { PaintballProfile } from "../paintball/paintball.profile.js";
-import { PitProfile } from "../pit/pit.profile.js";
-import { QuakeProfile } from "../quake/quake.profile.js";
+import { MegaWallsProfile } from "#commands/megawalls/megawalls.profile";
+import { MurderMysteryProfile } from "#commands/murdermystery/murdermystery.profile";
+import { PaintballProfile } from "#commands/paintball/paintball.profile";
+import { PitProfile } from "#commands/pit/pit.profile";
+import { QuakeProfile } from "#commands/quake/quake.profile";
 import { STATUS_COLORS } from "@statsify/logger";
-import { SkyWarsProfile } from "../skywars/skywars.profile.js";
-import { SmashHeroesProfile } from "../smashheroes/smashheroes.profile.js";
-import { SpeedUHCProfile } from "../speeduhc/speeduhc.profile.js";
-import { TNTGamesProfile } from "../tntgames/tntgames.profile.js";
-import { TurboKartRacersProfile } from "../turbokartracers/turbokartracers.profile.js";
-import { UHCProfile } from "../uhc/uhc.profile.js";
-import { VampireZProfile } from "../vampirez/vampirez.profile.js";
-import { WallsProfile } from "../walls/walls.profile.js";
-import { WarlordsProfile } from "../warlords/warlords.profile.js";
-import { WoolGamesProfile } from "../woolgames/woolgames.profile.js";
-import { filterBlitzKits } from "../blitzsg/blitzsg.command.js";
-import { filterMegaWallsKits } from "../megawalls/megawalls.command.js";
-import { getArcadeModeEmojis, getArcadeSubModeEmojis } from "../arcade/arcade.command.js";
+import { SkyWarsProfile } from "#commands/skywars/skywars.profile";
+import { SmashHeroesProfile } from "#commands/smashheroes/smashheroes.profile";
+import { SpeedUHCProfile } from "#commands/speeduhc/speeduhc.profile";
+import { TNTGamesProfile } from "#commands/tntgames/tntgames.profile";
+import { TurboKartRacersProfile } from "#commands/turbokartracers/turbokartracers.profile";
+import { UHCProfile } from "#commands/uhc/uhc.profile";
+import { VampireZProfile } from "#commands/vampirez/vampirez.profile";
+import { WallsProfile } from "#commands/walls/walls.profile";
+import { WarlordsProfile } from "#commands/warlords/warlords.profile";
+import { WoolGamesProfile } from "#commands/woolgames/woolgames.profile";
+import { filterBlitzKits } from "#commands/blitzsg/blitzsg.command";
+import { filterMegaWallsKits } from "#commands/megawalls/megawalls.command";
+import { getArcadeModeEmojis, getArcadeSubModeEmojis } from "#commands/arcade/arcade.command";
 import { getBackground, getLogo } from "@statsify/assets";
-import { getDuelsModeEmojis } from "../duels/duels.command.js";
+import { getDuelsModeEmojis } from "#commands/duels/duels.command";
 import { getTheme } from "#themes";
 import { render } from "@statsify/rendering";
 import type { BaseProfileProps, ModeEmoji } from "#commands/base.hypixel-command";
@@ -164,7 +164,7 @@ export class SessionCommand {
     return this.run({
       context,
       modes: DUELS_MODES,
-      getProfile: (base, mode) => <DuelsProfile {...base} mode={mode} modeIcons={undefined} />,
+      getProfile: (base, mode) => <DuelsProfile {...base} mode={mode} />,
       filterSubmodes: (_, mode) => {
         if (mode.api === "overall") return mode.submodes.filter((submode) => submode.api !== "titles");
         return mode.submodes;
diff --git a/apps/discord-bot/src/commands/skywars/skywars-challenges.command.tsx b/apps/discord-bot/src/commands/skywars/skywars-challenges.command.tsx
deleted file mode 100644
index b556197b8..000000000
--- a/apps/discord-bot/src/commands/skywars/skywars-challenges.command.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * Copyright (c) Statsify
- *
- * This source code is licensed under the GNU GPL v3 license found in the
- * LICENSE file in the root directory of this source tree.
- * https://github.com/Statsify/statsify/blob/main/LICENSE
- */
-
-import { BaseHypixelCommand, BaseProfileProps } from "#commands/base.hypixel-command";
-import { Command } from "@statsify/discord";
-import { type GameModeWithSubModes, Player, SKYWARS_MODES, SkyWarsModes } from "@statsify/schemas";
-import { SkyWarsChallengesProfile } from "./skywars-challenges.profile.js";
-
-@Command({ description: (t) => t("commands.skywars-challenges") })
-export class SkyWarsChallengesCommand extends BaseHypixelCommand<SkyWarsModes> {
-  public constructor() {
-    super(SKYWARS_MODES);
-  }
-
-  public filterModes(
-    player: Player,
-    modes: GameModeWithSubModes<SkyWarsModes>[]
-  ): GameModeWithSubModes<SkyWarsModes>[] {
-    return [modes[0]];
-  }
-
-  public getProfile(base: BaseProfileProps): JSX.Element {
-    return <SkyWarsChallengesProfile {...base} />;
-  }
-}
diff --git a/apps/discord-bot/src/commands/skywars/skywars-challenges.profile.tsx b/apps/discord-bot/src/commands/skywars/skywars-challenges.profile.tsx
index ac68d68cb..f29563d0e 100644
--- a/apps/discord-bot/src/commands/skywars/skywars-challenges.profile.tsx
+++ b/apps/discord-bot/src/commands/skywars/skywars-challenges.profile.tsx
@@ -19,8 +19,7 @@ export const SkyWarsChallengesProfile = ({
   user,
   badge,
   t,
-  time,
-}: BaseProfileProps) => {
+}: Omit<BaseProfileProps, "time">) => {
   const { challenges } = player.stats.skywars;
   const rows = arrayGroup(Object.entries(challenges), 3);
 
@@ -31,7 +30,7 @@ export const SkyWarsChallengesProfile = ({
         name={player.prefixName}
         badge={badge}
         title={`§l${FormattedGame.SKYWARS} §fChallenges`}
-        time={time}
+        time="LIVE"
       />
       <Table.table>
         {rows.map((row) => (
diff --git a/apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx b/apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx
new file mode 100644
index 000000000..c5ad21e51
--- /dev/null
+++ b/apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx
@@ -0,0 +1,174 @@
+/**
+ * Copyright (c) Statsify
+ *
+ * This source code is licensed under the GNU GPL v3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * https://github.com/Statsify/statsify/blob/main/LICENSE
+ */
+
+import { Container, Footer, Header, WordWrap } from "#components";
+import { FormattedGame } from "@statsify/schemas";
+import { prettify } from "@statsify/util";
+import type { BaseProfileProps } from "#commands/base.hypixel-command";
+import type { Image } from "skia-canvas";
+import type { PerkIcons } from "./skywars.command.js";
+
+export interface SkyWarsPerksProfileProps extends Omit<BaseProfileProps, "time"> {
+  perkIcons: PerkIcons;
+}
+
+export const SkyWarsPerksProfile = ({
+  skin,
+  player,
+  background,
+  logo,
+  user,
+  badge,
+  perkIcons,
+  t,
+}: SkyWarsPerksProfileProps) => {
+  const { normalPerks, insanePerks } = player.stats.skywars;
+
+  return (
+    <Container background={background}>
+      <Header
+        skin={skin}
+        name={player.prefixName}
+        badge={badge}
+        title={`§l${FormattedGame.SKYWARS} §fPerks`}
+        time="LIVE"
+      />
+      <div width="100%">
+        <box border={{ topLeft: 4, topRight: 4, bottomLeft: 0, bottomRight: 0 }}><text>#</text></box>
+        <div width="remaining">
+          <box width="1/2" border={{ topLeft: 4, topRight: 4, bottomLeft: 0, bottomRight: 0 }}><text>§l§6Normal</text></box>
+          <box width="1/2" border={{ topLeft: 4, topRight: 4, bottomLeft: 0, bottomRight: 0 }}><text>§l§6Insane</text></box>
+        </div>
+      </div>
+      <div width="100%" direction="column">
+        <div width="100%" height="1/6">
+          <box height="100%"><text>1</text></box>
+          <div width="remaining" height="100%">
+            <Perk perk={normalPerks.slot1} perkIcons={perkIcons} />
+            <Perk perk={insanePerks.slot1} perkIcons={perkIcons} />
+          </div>
+        </div>
+        <div width="100%" height="1/6">
+          <box height="100%"><text>2</text></box>
+          <div width="remaining" height="100%">
+            <Perk perk={normalPerks.slot2} perkIcons={perkIcons} />
+            <Perk perk={insanePerks.slot2} perkIcons={perkIcons} />
+          </div>
+        </div>
+        <div width="100%" height="1/6">
+          <box height="100%"><text>3</text></box>
+          <div width="remaining" height="100%">
+            <Perk perk={normalPerks.slot3} perkIcons={perkIcons} />
+            <Perk perk={insanePerks.slot3} perkIcons={perkIcons} />
+          </div>
+        </div>
+        <div width="100%" height="1/6">
+          <box height="100%"><text>4</text></box>
+          <div width="remaining" height="100%">
+            <Perk perk={normalPerks.slot4} perkIcons={perkIcons} />
+            <Perk perk={insanePerks.slot4} perkIcons={perkIcons} />
+          </div>
+        </div>
+        <div width="100%" height="1/6">
+          <box height="100%"><text>5</text></box>
+          <div width="remaining" height="100%">
+            <Perk perk={normalPerks.slot5} perkIcons={perkIcons} />
+            <Perk perk={insanePerks.slot5} perkIcons={perkIcons} />
+          </div>
+        </div>
+        <div width="100%" height="1/6">
+          <box height="100%"><text>6</text></box>
+          <div width="remaining" height="100%">
+            <Perk perk={normalPerks.slot6} perkIcons={perkIcons} />
+            <Perk perk={insanePerks.slot6} perkIcons={perkIcons} />
+          </div>
+        </div>
+      </div>
+      <div width="100%">
+        <box width={24} height={16} border={{ topLeft: 0, topRight: 0, bottomLeft: 4, bottomRight: 4 }} />
+        <div width="remaining">
+          <box width="1/2" height={16} border={{ topLeft: 0, topRight: 0, bottomLeft: 4, bottomRight: 4 }} />
+          <box width="1/2" height={16} border={{ topLeft: 0, topRight: 0, bottomLeft: 4, bottomRight: 4 }} />
+        </div>
+      </div>
+      <Footer logo={logo} user={user} />
+    </Container>
+  );
+};
+
+function Perk({ perk, perkIcons }: { perk: string | undefined; perkIcons: Record<string, Image> }) {
+  let name = "§cEmpty";
+  let description = "No perks selected in this slot";
+
+  if (perk) {
+    if (perk in perks) {
+      name = perks[perk].name;
+      description = perks[perk].description;
+    } else {
+      name = prettify(perk);
+      description = "N/A";
+    }
+  }
+
+  return (
+    <box
+      width="1/2"
+      height="100%"
+      // border={{ topLeft: 0, bottomLeft: 0, topRight: 4, bottomRight: 4 }}
+      padding={{ top: 4, bottom: 4, left: 8, right: 8 }}
+      direction="column"
+    >
+      <div align="left">
+        <img
+          image={perk && perk in perkIcons ? perkIcons[perk] : perkIcons.none}
+          width={32}
+          height={32}
+          margin={{ left: 4, right: 4 }}
+        />
+        <div direction="column">
+          <text align="left" margin={{ left: 6, top: 6, bottom: 2, right: 6 }}>§l{name}</text>
+          <WordWrap align="left" maxWidth={350} margin={{ left: 6, top: 2, bottom: 6, right: 6 }} color="§7">
+            §7{description}
+          </WordWrap>
+        </div>
+      </div>
+    </box>
+  );
+}
+
+const perks: Record<string, { name: string; description: string }> = {
+  bridger: { name: "§aBridger", description: "§a50% §7chance to not consume blocks" },
+  knowledge: { name: "§aKnowledge", description: "Gain §33 EXP §7Levels per kill" },
+  lucky_charm: { name: "§aLucky Charm", description: "§a30% §7chance to get a §6Golden Apple §7on kill" },
+  mining_expertise: { name: "§aMining Expertise", description: "Chance for 1 extra ore per mined block" },
+  nourishment: { name: "§aNourishment", description: "Refill hunger and saturation every kill" },
+  resistance_boost: { name: "§aResistance Boost", description: "§e15s §7of §bResistance II §7at game start" },
+  savior: { name: "§aSavior", description: "Gain §bAbsorption I §7for §e7s §7on enemy kill" },
+  annony_o_mite: { name: "§9Annony-o-mite", description: "§a10% §7chance to spawn §8Silverfish §7on bow hit" },
+  arrow_recovery: { name: "§9Arrow Recovery", description: "§a50% §7chance to recover arrow on hit" },
+  blazing_arrows: { name: "§9Blazing Arrows", description: "§a15% §7chance for fire arrows" },
+  environmental_expert: { name: "§9Environmental Expert", description: "§a50% §7reduced environmental damage" },
+  fat: { name: "§9Fat", description: "§e20s §7of §bAbsorption I §7at game start" },
+  speed_boost: { name: "§9Speed Boost", description: "Gain §bHaste II §7for §e300s §7at game start" },
+  barbarian: { name: "§6Barbarian", description: "Gain a §bSharpness §7level after 3 axe kills" },
+  black_magic: { name: "§6Black Magic", description: "§a30% §7chance for §5Ender Pearl §7after void kill" },
+  frost: { name: "§6Frost", description: "§a40% §7chance for §bSlowness I §7on bow hit" },
+  marksmanship: { name: "§6Marksmanship", description: "Gain §bPower I §7on bows after 2 bow kills" },
+  necromancer: { name: "§6Necromancer", description: "§a16% §7chance to spawn friendly §2Zombie §7on kill" },
+  revenge: { name: "§6Revenge", description: "Spawn a §4Spider §7on death" },
+  robbery: { name: "§6Robbery", description: "§a20% §7chance to drop item on fist hit" },
+  apothecary: { name: "§5Apothecary", description: "Extend positive potion effects by §a30%" },
+  diamond_in_the_rough: { name: "§5Diamond in the Rough", description: "§a5% §7chance for §bDiamond §7drop on kill" },
+  ender_end_game: { name: "§5Ender End Game", description: "§a+10% §7chance for §5Ender Pearl §7on chest refills" },
+  fruit_finder: { name: "§5Fruit Finder", description: "Guaranteed §6Golden Apple §7in first Middle Chest" },
+  librarian: { name: "§5Librarian", description: "Every 3 kills, get a random enchanted book" },
+  tenacity: { name: "§5Tenacity", description: "Heal 1 §cHeart §7per kill" },
+  fortune_teller: { name: "§5Fortune Teller", description: "Level 2 enchants guarantee §bProtection I §7and §bSharpness I" },
+  hide_and_seek: { name: "§5Hide and Seek", description: "Get a compass §e10s §7before first chest refill" },
+  diamondpiercer: { name: "§6Diamondpiercer", description: "§a20% §7chance for §a20% §7extra damage to §bDiamond Armor" },
+};
diff --git a/apps/discord-bot/src/commands/skywars/skywars.command.tsx b/apps/discord-bot/src/commands/skywars/skywars.command.tsx
index a6c8bce26..9c551cdd5 100644
--- a/apps/discord-bot/src/commands/skywars/skywars.command.tsx
+++ b/apps/discord-bot/src/commands/skywars/skywars.command.tsx
@@ -13,18 +13,45 @@ import {
 } from "#commands/base.hypixel-command";
 import { Command } from "@statsify/discord";
 import { SKYWARS_MODES, SkyWarsModes } from "@statsify/schemas";
+import { SkyWarsChallengesProfile } from "./skywars-challenges.profile.js";
+import { SkyWarsPerksProfile } from "./skywars-perks.profile.js";
 import { SkyWarsProfile } from "./skywars.profile.js";
+import { getAssetPath } from "@statsify/assets";
+import { loadImage } from "@statsify/rendering";
+import { readdir } from "node:fs/promises";
+import type { Image } from "skia-canvas";
+
+export type PerkIcons = Record<string, Image>;
+
+interface PreProfileData {
+  perkIcons: PerkIcons;
+}
 
 @Command({ description: (t) => t("commands.skywars") })
-export class SkyWarsCommand extends BaseHypixelCommand<SkyWarsModes> {
+export class SkyWarsCommand extends BaseHypixelCommand<SkyWarsModes, PreProfileData> {
   public constructor() {
     super(SKYWARS_MODES);
   }
 
+  public async getPreProfileData(): Promise<PreProfileData> {
+    const perkIconPaths = await readdir(getAssetPath("skywars-perks"));
+
+    const perkIcons = await Promise.all(
+      perkIconPaths.map(async (perk) => [
+        perk.replace(".png", ""),
+        await loadImage(getAssetPath(`skywars-perks/${perk}`)),
+      ])
+    );
+
+    return { perkIcons: Object.fromEntries(perkIcons) };
+  }
+
   public getProfile(
     base: BaseProfileProps,
-    { mode }: ProfileData<SkyWarsModes, never>
+    { mode, data }: ProfileData<SkyWarsModes, PreProfileData>
   ): JSX.Element {
+    if (mode.api === "overall" && mode.submode.api === "challenges") return <SkyWarsChallengesProfile {...base} />;
+    if (mode.api === "overall" && mode.submode.api === "perks") return <SkyWarsPerksProfile {...base} perkIcons={data.perkIcons} />;
     return <SkyWarsProfile {...base} mode={mode} />;
   }
 }
diff --git a/apps/discord-bot/src/components/WordWrap.tsx b/apps/discord-bot/src/components/WordWrap.tsx
new file mode 100644
index 000000000..3b38a321b
--- /dev/null
+++ b/apps/discord-bot/src/components/WordWrap.tsx
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Statsify
+ *
+ * This source code is licensed under the GNU GPL v3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * https://github.com/Statsify/statsify/blob/main/LICENSE
+ */
+
+import { Text, useChildren, useComponentWidth } from "@statsify/rendering";
+
+// do not use
+export const WordWrap = (props: Text.TextProps & { maxWidth: number }) => {
+  const children = useChildren(props.children);
+  const words = children.filter((child) => child !== undefined).join("").split(" ");
+
+  const rows = [];
+  let currentWidth = 0;
+  let currentText = "";
+
+  for (const word of words) {
+    const spacedWord = currentText === "" ? word : ` ${word}`;
+    const wordWidth = useComponentWidth(<text size={props.size} margin={0}>{spacedWord}</text>);
+
+    if (currentWidth + wordWidth > props.maxWidth) {
+      rows.push(currentText);
+      currentWidth = wordWidth;
+      currentText = word;
+    } else {
+      currentText += spacedWord;
+      currentWidth += wordWidth;
+    }
+  }
+
+  if (currentText !== "") rows.push(currentText);
+
+  return (
+    <div width={rows.length > 1 ? props.maxWidth : undefined} direction="column" margin={props.margin ?? 6}>
+      {rows.map((row) => (
+        <text
+          align={props.align}
+          margin={{ left: 0, right: 0, top: 1, bottom: 1 }}
+          color={props.color}
+        >§7{row}
+        </text>
+      ))}
+    </div>
+  );
+};
diff --git a/apps/discord-bot/src/components/index.ts b/apps/discord-bot/src/components/index.ts
index bdd58d484..cad9e8a9a 100644
--- a/apps/discord-bot/src/components/index.ts
+++ b/apps/discord-bot/src/components/index.ts
@@ -19,3 +19,4 @@ export * from "./Sidebar.js";
 export * from "./Skin.js";
 export * from "./Table/index.js";
 export * from "./GameList.js";
+export * from "./WordWrap.js";
diff --git a/package.json b/package.json
index e3767ddb7..f11b30ae8 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
     "eslint-plugin-unicorn": "^56.0.1",
     "eslint-plugin-unused-imports": "^4.1.4",
     "pm2": "^5.4.2",
-    "turbo": "^2.4.0",
+    "turbo": "^2.4.1",
     "typescript": "5.7.3",
     "typescript-eslint": "^8.22.0",
     "unplugin": "^2.1.2",
diff --git a/packages/schemas/src/player/gamemodes/bedwars/index.ts b/packages/schemas/src/player/gamemodes/bedwars/index.ts
index d7d6325a8..40e0abd84 100644
--- a/packages/schemas/src/player/gamemodes/bedwars/index.ts
+++ b/packages/schemas/src/player/gamemodes/bedwars/index.ts
@@ -16,7 +16,13 @@ import { getExpReq, getFormattedLevel, getLevel } from "./util.js";
 import type { APIData } from "@statsify/util";
 
 export const BEDWARS_MODES = new GameModes([
-  { api: "overall" },
+  {
+    api: "overall",
+    submodes: [
+      { api: "stats" },
+      { api: "challenges" },
+    ],
+  },
   { api: "core" },
   { api: "solo", hypixel: "BEDWARS_EIGHT_ONE" },
   { api: "doubles", hypixel: "BEDWARS_EIGHT_TWO" },
diff --git a/packages/schemas/src/player/gamemodes/skywars/index.ts b/packages/schemas/src/player/gamemodes/skywars/index.ts
index 8f1f40807..318af0880 100644
--- a/packages/schemas/src/player/gamemodes/skywars/index.ts
+++ b/packages/schemas/src/player/gamemodes/skywars/index.ts
@@ -10,14 +10,37 @@ import { ChallengesSkyWars, SkyWarsMode } from "./mode.js";
 import { type ExtractGameModes, GameModes } from "#game";
 import { Field } from "#metadata";
 import { Progression } from "#progression";
+import { SkyWarsPerks } from "./perks.js";
 import { add } from "@statsify/math";
 import { getFormattedLevel, getLevel, getLevelProgress, parseKit } from "./util.js";
 import type { APIData } from "@statsify/util";
 
 export const SKYWARS_MODES = new GameModes([
-  { api: "overall" },
-  { api: "solo" },
-  { api: "doubles" },
+  {
+    api: "overall",
+    submodes: [
+      { api: "stats" },
+      { api: "perks" },
+      { api: "lastHead" },
+      { api: "challenges" },
+    ],
+  },
+  {
+    api: "solo",
+    submodes: [
+      { api: "overall" },
+      { api: "normal" },
+      { api: "insane" },
+    ],
+  },
+  {
+    api: "doubles",
+    submodes: [
+      { api: "overall" },
+      { api: "normal" },
+      { api: "insane" },
+    ],
+  },
 
   { hypixel: "solo_insane_lucky", formatted: "Lucky Solo" },
   { hypixel: "teams_insane_lucky", formatted: "Lucky Doubles" },
@@ -108,6 +131,12 @@ export class SkyWars {
   @Field()
   public challenges: ChallengesSkyWars;
 
+  @Field()
+  public normalPerks: SkyWarsPerks;
+
+  @Field()
+  public insanePerks: SkyWarsPerks;
+
   public constructor(data: APIData, ap: APIData) {
     this.exp = data.skywars_experience ?? 0;
     this.coins = data.coins;
@@ -155,7 +184,11 @@ export class SkyWars {
     );
 
     this.challenges = new ChallengesSkyWars(data);
+
+    this.normalPerks = new SkyWarsPerks(data?.perkslot?.normal ?? {});
+    this.insanePerks = new SkyWarsPerks(data?.perkslot?.insane ?? {});
   }
 }
 
 export * from "./mode.js";
+export * from "./perks.js";
diff --git a/packages/schemas/src/player/gamemodes/skywars/perks.ts b/packages/schemas/src/player/gamemodes/skywars/perks.ts
new file mode 100644
index 000000000..a0659d614
--- /dev/null
+++ b/packages/schemas/src/player/gamemodes/skywars/perks.ts
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) Statsify
+ *
+ * This source code is licensed under the GNU GPL v3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ * https://github.com/Statsify/statsify/blob/main/LICENSE
+ */
+
+import { APIData } from "@statsify/util";
+import { Field } from "#metadata";
+
+export class SkyWarsPerks {
+  @Field()
+  public slot1?: string;
+
+  @Field()
+  public slot2?: string;
+
+  @Field()
+  public slot3?: string;
+
+  @Field()
+  public slot4?: string;
+
+  @Field()
+  public slot5?: string;
+
+  @Field()
+  public slot6?: string;
+
+  public constructor(data: APIData) {
+    this.slot1 = formatPerk(data["1"]);
+    this.slot2 = formatPerk(data["2"]);
+    this.slot3 = formatPerk(data["3"]);
+    this.slot4 = formatPerk(data["4"]);
+    this.slot5 = formatPerk(data["5"]);
+    this.slot6 = formatPerk(data["6"]);
+  }
+}
+
+function formatPerk(perk?: string): string | undefined {
+  return perk?.replace("solo_", "")?.replace("team_", "");
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e12e41ae5..1d2730c2c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -46,7 +46,7 @@ importers:
         version: 22.13.0
       '@vitest/coverage-v8':
         specifier: ^3.0.4
-        version: 3.0.4(vitest@3.0.4)
+        version: 3.0.4(vitest@3.0.4(@types/node@22.13.0)(@vitest/ui@3.0.4)(jiti@2.4.2)(sass@1.77.8))
       '@vitest/ui':
         specifier: ^3.0.4
         version: 3.0.4(vitest@3.0.4)
@@ -72,8 +72,8 @@ importers:
         specifier: ^5.4.2
         version: 5.4.3
       turbo:
-        specifier: ^2.4.0
-        version: 2.4.0
+        specifier: ^2.4.1
+        version: 2.4.1
       typescript:
         specifier: 5.7.3
         version: 5.7.3
@@ -4969,38 +4969,38 @@ packages:
   tslib@2.7.0:
     resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
 
-  turbo-darwin-64@2.4.0:
-    resolution: {integrity: sha512-kVMScnPUa3R4n7woNmkR15kOY0aUwCLJcUyH5UC59ggKqr5HIHwweKYK8N1pwBQso0LQF4I9i93hIzfJguCcwQ==}
+  turbo-darwin-64@2.4.1:
+    resolution: {integrity: sha512-oos3Gz5N6ol2/7+ys0wPENhl7ZzeVKIumn2BR7X2oE5dEPxNPDMOpKBwreU9ToCxM94e+uFTzKgjcUJpBqpTHA==}
     cpu: [x64]
     os: [darwin]
 
-  turbo-darwin-arm64@2.4.0:
-    resolution: {integrity: sha512-8JObIpfun1guA7UlFR5jC/SOVm49lRscxMxfg5jZ5ABft79rhFC+ygN9AwAhGKv6W2DUhIh2xENkSgu4EDmUyg==}
+  turbo-darwin-arm64@2.4.1:
+    resolution: {integrity: sha512-NoIQsSSvCJDTShgX+v+doSP/g0kAhHhq5p2fpsEAlougs2wcQvwv/LndeqojzkHbxB39lOQmqBYHJcki46Q3oQ==}
     cpu: [arm64]
     os: [darwin]
 
-  turbo-linux-64@2.4.0:
-    resolution: {integrity: sha512-xWDGGcRlBuGV7HXWAVuTY6vsQi4aZxGMAnuiuNDg8Ij1aHGohOM0RUsWMXjxz4vuJmjk9+/D6NQqHH3AJEXezg==}
+  turbo-linux-64@2.4.1:
+    resolution: {integrity: sha512-iXIeG8YhluaJF/5KQEudRf8ECBWND8X0yxXDrFIq2wmLLCg4A7gSSzVcBq30rYYeyyU4xMj/sm3HbsAaao3jjg==}
     cpu: [x64]
     os: [linux]
 
-  turbo-linux-arm64@2.4.0:
-    resolution: {integrity: sha512-c3En99xMguc/Pdtk/rZP53LnDdw0W6lgUc04he8r8F+UHYSNvgzHh0WGXXmCC6lGbBH72kPhhGx4bAwyvi7dug==}
+  turbo-linux-arm64@2.4.1:
+    resolution: {integrity: sha512-jd5apBV7lBGn3CnkQN/hEMbwazNgZcrwLt6DIkWy/TSi5xfSQEqcR3k9HxviQ7hKMcr1Q1hN6FHWm8Vw90Ej4A==}
     cpu: [arm64]
     os: [linux]
 
-  turbo-windows-64@2.4.0:
-    resolution: {integrity: sha512-/gOORuOlyA8JDPzyA16CD3wvyRcuBFePa1URAnFUof9hXQmKxK0VvSDO79cYZFsJSchCKNJpckUS0gYxGsWwoA==}
+  turbo-windows-64@2.4.1:
+    resolution: {integrity: sha512-4RYRAijohyQ7uetZY4SSikSgGccq+7tmnljdm/XezpK9t0+3gldKA2vHF0++yLZeZr+CFgqmBeGSFi7B+vhc2g==}
     cpu: [x64]
     os: [win32]
 
-  turbo-windows-arm64@2.4.0:
-    resolution: {integrity: sha512-/DJIdTFijEMM5LSiEpSfarDOMOlYqJV+EzmppqWtHqDsOLF4hbbIBH9sJR6OOp5dURAu5eURBYdmvBRz9Lo6TA==}
+  turbo-windows-arm64@2.4.1:
+    resolution: {integrity: sha512-4lZB0+AxWB01Adx5xHZhO746FgaHR0T3qzEDF2nf/nx8LAUtN3iwaZQgAsTsblaAKjiM7lxWDI0s/Q3fektsPg==}
     cpu: [arm64]
     os: [win32]
 
-  turbo@2.4.0:
-    resolution: {integrity: sha512-ah/yQp2oMif1X0u7fBJ4MLMygnkbKnW5O8SG6pJvloPCpHfFoZctkSVQiJ3VnvNTq71V2JJIdwmOeu1i34OQyg==}
+  turbo@2.4.1:
+    resolution: {integrity: sha512-XIIHXAhvD3sv34WLaN/969WTHCHYmm3zf0XQ+CrEP1A7ffIQG50cwNcp7Gh96CaGyjEXMh9odoHyggoZQ3Prvw==}
     hasBin: true
 
   tv4@1.3.0:
@@ -6756,7 +6756,7 @@ snapshots:
       next: 12.3.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.8)
       react: 18.3.1
 
-  '@vitest/coverage-v8@3.0.4(vitest@3.0.4)':
+  '@vitest/coverage-v8@3.0.4(vitest@3.0.4(@types/node@22.13.0)(@vitest/ui@3.0.4)(jiti@2.4.2)(sass@1.77.8))':
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 1.0.2
@@ -9758,32 +9758,32 @@ snapshots:
   tslib@2.7.0:
     optional: true
 
-  turbo-darwin-64@2.4.0:
+  turbo-darwin-64@2.4.1:
     optional: true
 
-  turbo-darwin-arm64@2.4.0:
+  turbo-darwin-arm64@2.4.1:
     optional: true
 
-  turbo-linux-64@2.4.0:
+  turbo-linux-64@2.4.1:
     optional: true
 
-  turbo-linux-arm64@2.4.0:
+  turbo-linux-arm64@2.4.1:
     optional: true
 
-  turbo-windows-64@2.4.0:
+  turbo-windows-64@2.4.1:
     optional: true
 
-  turbo-windows-arm64@2.4.0:
+  turbo-windows-arm64@2.4.1:
     optional: true
 
-  turbo@2.4.0:
+  turbo@2.4.1:
     optionalDependencies:
-      turbo-darwin-64: 2.4.0
-      turbo-darwin-arm64: 2.4.0
-      turbo-linux-64: 2.4.0
-      turbo-linux-arm64: 2.4.0
-      turbo-windows-64: 2.4.0
-      turbo-windows-arm64: 2.4.0
+      turbo-darwin-64: 2.4.1
+      turbo-darwin-arm64: 2.4.1
+      turbo-linux-64: 2.4.1
+      turbo-linux-arm64: 2.4.1
+      turbo-windows-64: 2.4.1
+      turbo-windows-arm64: 2.4.1
 
   tv4@1.3.0: {}
 
diff --git a/turbo.json b/turbo.json
index ec4782621..1ae2fc1d2 100644
--- a/turbo.json
+++ b/turbo.json
@@ -1,27 +1,50 @@
 {
 	"$schema": "https://turborepo.org/schema.json",
-	"globalDependencies": ["pnpm.lock", "tsconfig.json", ".swcrc", "eslint.config.js"],
+	"globalDependencies": [
+		"pnpm.lock",
+		"tsconfig.json",
+		".swcrc",
+		"eslint.config.js"
+	],
 	"ui": "tui",
 	"tasks": {
 		"build": {
-			"outputs": ["dist/**", ".next/**", "pkg/**"],
-			"dependsOn": ["^build"]
+			"outputs": [
+				"dist/**",
+				".next/**",
+				"pkg/**"
+			],
+			"dependsOn": [
+				"^build"
+			]
 		},
 		"test:types": {
 			"outputs": [],
-			"dependsOn": ["^test:types"]
+			"dependsOn": [
+				"^test:types"
+			]
 		},
 		"test": {
 			"outputs": [],
-			"dependsOn": ["build", "^test"]
+			"dependsOn": [
+				"build",
+				"^test"
+			]
 		},
 		"test:coverage": {
-			"outputs": ["coverage"],
-			"dependsOn": ["build", "^test:coverage"]
+			"outputs": [
+				"coverage"
+			],
+			"dependsOn": [
+				"build",
+				"^test:coverage"
+			]
 		},
 		"lint": {
 			"outputs": [],
-			"dependsOn": ["^lint"]
+			"dependsOn": [
+				"^lint"
+			]
 		}
 	}
-}
+}
\ No newline at end of file

From 404e07cb34524e285edca2f2a93cf3f9a49d5a3c Mon Sep 17 00:00:00 2001
From: jacobk999 <jababakoshy@gmail.com>
Date: Wed, 12 Feb 2025 15:33:13 -0500
Subject: [PATCH 2/3] localize perk descriptions

---
 .../skywars/skywars-perks.profile.tsx         | 99 ++++++++++---------
 locales/en-US/default.json                    | 31 ++++++
 2 files changed, 83 insertions(+), 47 deletions(-)

diff --git a/apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx b/apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx
index c5ad21e51..ab2c5e595 100644
--- a/apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx
+++ b/apps/discord-bot/src/commands/skywars/skywars-perks.profile.tsx
@@ -8,6 +8,7 @@
 
 import { Container, Footer, Header, WordWrap } from "#components";
 import { FormattedGame } from "@statsify/schemas";
+import { LocalizeFunction } from "@statsify/discord";
 import { prettify } from "@statsify/util";
 import type { BaseProfileProps } from "#commands/base.hypixel-command";
 import type { Image } from "skia-canvas";
@@ -49,43 +50,43 @@ export const SkyWarsPerksProfile = ({
         <div width="100%" height="1/6">
           <box height="100%"><text>1</text></box>
           <div width="remaining" height="100%">
-            <Perk perk={normalPerks.slot1} perkIcons={perkIcons} />
-            <Perk perk={insanePerks.slot1} perkIcons={perkIcons} />
+            <Perk perk={normalPerks.slot1} perkIcons={perkIcons} t={t} />
+            <Perk perk={insanePerks.slot1} perkIcons={perkIcons} t={t} />
           </div>
         </div>
         <div width="100%" height="1/6">
           <box height="100%"><text>2</text></box>
           <div width="remaining" height="100%">
-            <Perk perk={normalPerks.slot2} perkIcons={perkIcons} />
-            <Perk perk={insanePerks.slot2} perkIcons={perkIcons} />
+            <Perk perk={normalPerks.slot2} perkIcons={perkIcons} t={t} />
+            <Perk perk={insanePerks.slot2} perkIcons={perkIcons} t={t} />
           </div>
         </div>
         <div width="100%" height="1/6">
           <box height="100%"><text>3</text></box>
           <div width="remaining" height="100%">
-            <Perk perk={normalPerks.slot3} perkIcons={perkIcons} />
-            <Perk perk={insanePerks.slot3} perkIcons={perkIcons} />
+            <Perk perk={normalPerks.slot3} perkIcons={perkIcons} t={t} />
+            <Perk perk={insanePerks.slot3} perkIcons={perkIcons} t={t} />
           </div>
         </div>
         <div width="100%" height="1/6">
           <box height="100%"><text>4</text></box>
           <div width="remaining" height="100%">
-            <Perk perk={normalPerks.slot4} perkIcons={perkIcons} />
-            <Perk perk={insanePerks.slot4} perkIcons={perkIcons} />
+            <Perk perk={normalPerks.slot4} perkIcons={perkIcons} t={t} />
+            <Perk perk={insanePerks.slot4} perkIcons={perkIcons} t={t} />
           </div>
         </div>
         <div width="100%" height="1/6">
           <box height="100%"><text>5</text></box>
           <div width="remaining" height="100%">
-            <Perk perk={normalPerks.slot5} perkIcons={perkIcons} />
-            <Perk perk={insanePerks.slot5} perkIcons={perkIcons} />
+            <Perk perk={normalPerks.slot5} perkIcons={perkIcons} t={t} />
+            <Perk perk={insanePerks.slot5} perkIcons={perkIcons} t={t} />
           </div>
         </div>
         <div width="100%" height="1/6">
           <box height="100%"><text>6</text></box>
           <div width="remaining" height="100%">
-            <Perk perk={normalPerks.slot6} perkIcons={perkIcons} />
-            <Perk perk={insanePerks.slot6} perkIcons={perkIcons} />
+            <Perk perk={normalPerks.slot6} perkIcons={perkIcons} t={t} />
+            <Perk perk={insanePerks.slot6} perkIcons={perkIcons} t={t} />
           </div>
         </div>
       </div>
@@ -101,14 +102,18 @@ export const SkyWarsPerksProfile = ({
   );
 };
 
-function Perk({ perk, perkIcons }: { perk: string | undefined; perkIcons: Record<string, Image> }) {
+function Perk({ perk, perkIcons, t }: {
+  perk: string | undefined;
+  perkIcons: Record<string, Image>;
+  t: LocalizeFunction;
+}) {
   let name = "§cEmpty";
   let description = "No perks selected in this slot";
 
   if (perk) {
-    if (perk in perks) {
-      name = perks[perk].name;
-      description = perks[perk].description;
+    if (perk in PERK_NAMES) {
+      name = PERK_NAMES[perk];
+      description = t(`skywars-perks.${perk}`);
     } else {
       name = prettify(perk);
       description = "N/A";
@@ -132,7 +137,7 @@ function Perk({ perk, perkIcons }: { perk: string | undefined; perkIcons: Record
         />
         <div direction="column">
           <text align="left" margin={{ left: 6, top: 6, bottom: 2, right: 6 }}>§l{name}</text>
-          <WordWrap align="left" maxWidth={350} margin={{ left: 6, top: 2, bottom: 6, right: 6 }} color="§7">
+          <WordWrap align="left" maxWidth={350} margin={{ left: 6, top: 2, bottom: 6, right: 6 }} color="">
             §7{description}
           </WordWrap>
         </div>
@@ -141,34 +146,34 @@ function Perk({ perk, perkIcons }: { perk: string | undefined; perkIcons: Record
   );
 }
 
-const perks: Record<string, { name: string; description: string }> = {
-  bridger: { name: "§aBridger", description: "§a50% §7chance to not consume blocks" },
-  knowledge: { name: "§aKnowledge", description: "Gain §33 EXP §7Levels per kill" },
-  lucky_charm: { name: "§aLucky Charm", description: "§a30% §7chance to get a §6Golden Apple §7on kill" },
-  mining_expertise: { name: "§aMining Expertise", description: "Chance for 1 extra ore per mined block" },
-  nourishment: { name: "§aNourishment", description: "Refill hunger and saturation every kill" },
-  resistance_boost: { name: "§aResistance Boost", description: "§e15s §7of §bResistance II §7at game start" },
-  savior: { name: "§aSavior", description: "Gain §bAbsorption I §7for §e7s §7on enemy kill" },
-  annony_o_mite: { name: "§9Annony-o-mite", description: "§a10% §7chance to spawn §8Silverfish §7on bow hit" },
-  arrow_recovery: { name: "§9Arrow Recovery", description: "§a50% §7chance to recover arrow on hit" },
-  blazing_arrows: { name: "§9Blazing Arrows", description: "§a15% §7chance for fire arrows" },
-  environmental_expert: { name: "§9Environmental Expert", description: "§a50% §7reduced environmental damage" },
-  fat: { name: "§9Fat", description: "§e20s §7of §bAbsorption I §7at game start" },
-  speed_boost: { name: "§9Speed Boost", description: "Gain §bHaste II §7for §e300s §7at game start" },
-  barbarian: { name: "§6Barbarian", description: "Gain a §bSharpness §7level after 3 axe kills" },
-  black_magic: { name: "§6Black Magic", description: "§a30% §7chance for §5Ender Pearl §7after void kill" },
-  frost: { name: "§6Frost", description: "§a40% §7chance for §bSlowness I §7on bow hit" },
-  marksmanship: { name: "§6Marksmanship", description: "Gain §bPower I §7on bows after 2 bow kills" },
-  necromancer: { name: "§6Necromancer", description: "§a16% §7chance to spawn friendly §2Zombie §7on kill" },
-  revenge: { name: "§6Revenge", description: "Spawn a §4Spider §7on death" },
-  robbery: { name: "§6Robbery", description: "§a20% §7chance to drop item on fist hit" },
-  apothecary: { name: "§5Apothecary", description: "Extend positive potion effects by §a30%" },
-  diamond_in_the_rough: { name: "§5Diamond in the Rough", description: "§a5% §7chance for §bDiamond §7drop on kill" },
-  ender_end_game: { name: "§5Ender End Game", description: "§a+10% §7chance for §5Ender Pearl §7on chest refills" },
-  fruit_finder: { name: "§5Fruit Finder", description: "Guaranteed §6Golden Apple §7in first Middle Chest" },
-  librarian: { name: "§5Librarian", description: "Every 3 kills, get a random enchanted book" },
-  tenacity: { name: "§5Tenacity", description: "Heal 1 §cHeart §7per kill" },
-  fortune_teller: { name: "§5Fortune Teller", description: "Level 2 enchants guarantee §bProtection I §7and §bSharpness I" },
-  hide_and_seek: { name: "§5Hide and Seek", description: "Get a compass §e10s §7before first chest refill" },
-  diamondpiercer: { name: "§6Diamondpiercer", description: "§a20% §7chance for §a20% §7extra damage to §bDiamond Armor" },
+const PERK_NAMES: Record<string, string> = {
+  bridger: "§aBridger",
+  knowledge: "§aKnowledge",
+  lucky_charm: "§aLucky Charm",
+  mining_expertise: "§aMining Expertise",
+  nourishment: "§aNourishment",
+  resistance_boost: "§aResistance Boost",
+  savior: "§aSavior",
+  annony_o_mite: "§9Annony-o-mite",
+  arrow_recovery: "§9Arrow Recovery",
+  blazing_arrows: "§9Blazing Arrows",
+  environmental_expert: "§9Environmental Expert",
+  fat: "§9Fat",
+  speed_boost: "§9Speed Boost",
+  barbarian: "§6Barbarian",
+  black_magic: "§6Black Magic",
+  frost: "§6Frost",
+  marksmanship: "§6Marksmanship",
+  necromancer: "§6Necromancer",
+  revenge: "§6Revenge",
+  robbery: "§6Robbery",
+  apothecary: "§5Apothecary",
+  diamond_in_the_rough: "§5Diamond in the Rough",
+  ender_end_game: "§5Ender End Game",
+  fruit_finder: "§5Fruit Finder",
+  librarian: "§5Librarian",
+  tenacity: "§5Tenacity",
+  fortune_teller: "§5Fortune Teller",
+  hide_and_seek: "§5Hide and Seek",
+  diamondpiercer: "§6Diamondpiercer",
 };
diff --git a/locales/en-US/default.json b/locales/en-US/default.json
index d9d1c1cf8..52a4a6bd6 100644
--- a/locales/en-US/default.json
+++ b/locales/en-US/default.json
@@ -815,6 +815,37 @@
     "powerOrbs": "Power Orbs",
     "grenadeKills": "Grenade Kills"
   },
+  "skywars-perks": {
+    "annony_o_mite": "§a10% §7chance to spawn §8Silverfish §7on bow hit",
+    "apothecary": "Extend positive potion effects by §a30%",
+    "arrow_recovery": "§a50% §7chance to recover arrow on hit",
+    "barbarian": "Gain a §bSharpness §7level after 3 axe kills",
+    "black_magic": "§a30% §7chance for §5Ender Pearl §7after void kill",
+    "blazing_arrows": "§a15% §7chance for fire arrows",
+    "bridger": "§a50% §7chance to not consume blocks",
+    "diamond_in_the_rough": "§a5% §7chance for §bDiamond §7drop on kill",
+    "diamondpiercer": "§a20% §7chance for §a20% §7extra damage to §bDiamond Armor",
+    "ender_end_game": "§a+10% §7chance for §5Ender Pearl §7on chest refills",
+    "environmental_expert": "§a50% §7reduced environmental damage",
+    "fat": "§e20s §7of §bAbsorption I §7at game start",
+    "fortune_teller": "Level 2 enchants guarantee §bProtection I §7and §bSharpness I",
+    "frost": "§a40% §7chance for §bSlowness I §7on bow hit",
+    "fruit_finder": "Guaranteed §6Golden Apple §7in first Middle Chest",
+    "hide_and_seek": "Get a compass §e10s §7before first chest refill",
+    "knowledge": "Gain §33 EXP §7Levels per kill",
+    "librarian": "Every 3 kills, get a random enchanted book",
+    "lucky_charm": "§a30% §7chance to get a §6Golden Apple §7on kill",
+    "marksmanship": "Gain §bPower I §7on bows after 2 bow kills",
+    "mining_expertise": "Chance for 1 extra ore per mined block",
+    "necromancer": "§a16% §7chance to spawn friendly §2Zombie §7on kill",
+    "nourishment": "Refill hunger and saturation every kill",
+    "resistance_boost": "§e15s §7of §bResistance II §7at game start",
+    "revenge": "Spawn a §4Spider §7on death",
+    "robbery": "§a20% §7chance to drop item on fist hit",
+    "savior": "Gain §bAbsorption I §7for §e7s §7on enemy kill",
+    "speed_boost": "Gain §bHaste II §7for §e300s §7at game start",
+    "tenacity": "Heal 1 §cHeart §7per kill"
+  },
   "tips": {
     "discord": "$t(emojis:socials.discord) Join our **$t(socials.discord)** and get **20% lower cooldowns** $t(emojis:heart)",
     "invite": "$t(emojis:socials.discord) Click **[here](<https://statsify.net/invite>)** to invite Statsify to your own server!",

From 25309da922da3654537b2dad7849692516d7529f Mon Sep 17 00:00:00 2001
From: jacobk999 <jababakoshy@gmail.com>
Date: Wed, 12 Feb 2025 15:34:24 -0500
Subject: [PATCH 3/3] update assets

---
 assets/public | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/public b/assets/public
index 33ae7619b..44459ab3e 160000
--- a/assets/public
+++ b/assets/public
@@ -1 +1 @@
-Subproject commit 33ae7619be82d8cfde4638e840072279188c9af4
+Subproject commit 44459ab3efba67b5b3813fc3e5dfbec86347a615