From ce35261427744c2266348274063fe3372a3d0a9d Mon Sep 17 00:00:00 2001
From: Freddie <freddie@thing.engineering>
Date: Tue, 24 Mar 2026 21:12:34 -0700
Subject: [PATCH 1/7] Basic setup for ProfessionsV2 column

---
 apps/frontend/components/home/HomeTable.svelte               | 3 +++
 .../frontend/components/home/table/HomeTableGroupHead.svelte | 2 ++
 .../home/table/row/HomeTableRowProfessionsV2.svelte          | 5 +++++
 apps/frontend/shared/stores/settings/types/view.ts           | 1 +
 apps/frontend/user-home/components/settings/data.ts          | 1 +
 .../components/settings/sections/views/Views.svelte          | 1 +
 packages/csharp-lib/Models/ApplicationUserSettings.cs        | 2 ++
 7 files changed, 15 insertions(+)
 create mode 100644 apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte

diff --git a/apps/frontend/components/home/HomeTable.svelte b/apps/frontend/components/home/HomeTable.svelte
index 0d32e29bf..a42e185fe 100644
--- a/apps/frontend/components/home/HomeTable.svelte
+++ b/apps/frontend/components/home/HomeTable.svelte
@@ -29,6 +29,7 @@
     import RowProfessionConcentration from './table/row/HomeTableRowProfessionConcentration.svelte';
     import RowProfessionCooldowns from './table/row/HomeTableRowProfessionCooldowns.svelte';
     import RowProfessionMoxie from './table/row/HomeTableRowProfessionMoxie.svelte';
+    import RowProfessionsV2 from './table/row/HomeTableRowProfessionsV2.svelte';
     import RowProfessionWorkOrders from './table/row/HomeTableRowProfessionWorkOrders.svelte';
     import RowProgress from './table/row/HomeTableRowProgress.svelte';
     import RowRestedExperience from './table/row/HomeTableRowRestedExperience.svelte';
@@ -131,6 +132,8 @@
                     <RowProfessions {character} />
                 {:else if field === 'professionsSecondary'}
                     <RowProfessions {character} professionType={1} />
+                {:else if field === 'professionsV2'}
+                    <RowProfessionsV2 {character} />
                 {:else if field === 'progress'}
                     <RowProgress {character} />
                 {:else if field === 'restedExperience'}
diff --git a/apps/frontend/components/home/table/HomeTableGroupHead.svelte b/apps/frontend/components/home/table/HomeTableGroupHead.svelte
index 50cd4036b..47736f50c 100644
--- a/apps/frontend/components/home/table/HomeTableGroupHead.svelte
+++ b/apps/frontend/components/home/table/HomeTableGroupHead.svelte
@@ -228,6 +228,8 @@
             >
         {:else if field === 'professions'}
             <td>Professions</td>
+        {:else if field === 'professionsV2'}
+            <td>Professions</td>
         {:else if field === 'professionsSecondary'}
             <td>Secondary Profs</td>
         {:else if field === 'progress'}
diff --git a/apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte b/apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte
new file mode 100644
index 000000000..8dca6cfde
--- /dev/null
+++ b/apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    import type { CharacterProps } from '@/types/props';
+
+    let { character }: CharacterProps = $props();
+</script>
diff --git a/apps/frontend/shared/stores/settings/types/view.ts b/apps/frontend/shared/stores/settings/types/view.ts
index c3426cb44..e21712efc 100644
--- a/apps/frontend/shared/stores/settings/types/view.ts
+++ b/apps/frontend/shared/stores/settings/types/view.ts
@@ -15,6 +15,7 @@ export interface SettingsView {
     homeCurrencies: number[];
     homeItems: number[];
     homeLockouts: number[];
+    homeProfessionsV2: string[];
     homeProgress: string[];
     homeTasks: string[];
 
diff --git a/apps/frontend/user-home/components/settings/data.ts b/apps/frontend/user-home/components/settings/data.ts
index 536ea7ad0..68a2ffdaf 100644
--- a/apps/frontend/user-home/components/settings/data.ts
+++ b/apps/frontend/user-home/components/settings/data.ts
@@ -32,6 +32,7 @@ export const homeChoices: SettingsChoice[] = [
     { id: 'mythicPlusScore', name: 'Mythic+ score' },
     { id: 'playedTime', name: 'Played time' },
     { id: 'professions', name: 'Professions - Primary' },
+    { id: 'professionsV2', name: 'Professions - Primary (V2)' },
     { id: 'professionsSecondary', name: 'Professions - Secondary' },
     { id: 'professionConcentration', name: 'Profession Concentration [Mid]' },
     { id: 'professionConcentrationTWW', name: 'Profession Concentration [TWW]' },
diff --git a/apps/frontend/user-home/components/settings/sections/views/Views.svelte b/apps/frontend/user-home/components/settings/sections/views/Views.svelte
index 3270a10e5..91c82b737 100644
--- a/apps/frontend/user-home/components/settings/sections/views/Views.svelte
+++ b/apps/frontend/user-home/components/settings/sections/views/Views.svelte
@@ -22,6 +22,7 @@
             homeCurrencies: [],
             homeItems: [],
             homeLockouts: [],
+            homeProfessionsV2: [],
             homeProgress: [],
             homeTasks: [],
             disabledChores: {},
diff --git a/packages/csharp-lib/Models/ApplicationUserSettings.cs b/packages/csharp-lib/Models/ApplicationUserSettings.cs
index ad03b1981..53ffd2bbe 100644
--- a/packages/csharp-lib/Models/ApplicationUserSettings.cs
+++ b/packages/csharp-lib/Models/ApplicationUserSettings.cs
@@ -112,6 +112,7 @@ public class ApplicationUserSettings
         "professionWorkOrders",
         "professions",
         "professionsSecondary",
+        "professionsV2",
         "progress",
         "restedExperience",
         "statsSpeed",
@@ -444,6 +445,7 @@ public class ApplicationUserSettingsView
     public List<int> HomeCurrencies { get; set; } = new();
     public List<int> HomeItems { get; set; } = new();
     public List<int> HomeLockouts { get; set; } = new();
+    public List<string> HomeProfessionsV2 { get; set; } = new();
     public List<string> HomeProgress { get; set; } = new();
     public List<string> HomeTasks { get; set; } = new();
 

From 41ce4bbcee1b56c385a17a3542beddd49726cb58 Mon Sep 17 00:00:00 2001
From: Freddie <freddie@thing.engineering>
Date: Thu, 26 Mar 2026 18:46:57 -0700
Subject: [PATCH 2/7] Add decor filter to vendors

---
 .../frontend/components/vendors/VendorsOptions.svelte | 11 ++++++++++-
 apps/frontend/shared/state/browser.svelte.ts          |  2 ++
 apps/frontend/user-home/state/lazy/vendors.svelte.ts  |  1 +
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/components/vendors/VendorsOptions.svelte b/apps/frontend/components/vendors/VendorsOptions.svelte
index 3aa440f30..07a71adda 100644
--- a/apps/frontend/components/vendors/VendorsOptions.svelte
+++ b/apps/frontend/components/vendors/VendorsOptions.svelte
@@ -46,9 +46,12 @@
             byType2 = ['ALL'];
         }
 
-        if (browserState.current.vendors.showDragonriding) {
+        if (browserState.current.vendors.showDecor) {
             byThing.push('D');
         }
+        if (browserState.current.vendors.showDragonriding) {
+            byThing.push('F');
+        }
         if (browserState.current.vendors.showIllusions) {
             byThing.push('I');
         }
@@ -217,6 +220,12 @@
     <div class="options-container filters-container">
         <span>Things:</span>
 
+        <button>
+            <CheckboxInput name="show_decor" bind:value={browserState.current.vendors.showDecor}
+                >Decor</CheckboxInput
+            >
+        </button>
+
         <button>
             <CheckboxInput
                 name="show_dragonriding"
diff --git a/apps/frontend/shared/state/browser.svelte.ts b/apps/frontend/shared/state/browser.svelte.ts
index d39ccf57c..fda59b444 100644
--- a/apps/frontend/shared/state/browser.svelte.ts
+++ b/apps/frontend/shared/state/browser.svelte.ts
@@ -142,6 +142,7 @@ interface BrowserStateIdk {
         showCosmetics: boolean;
         showWeapons: boolean;
 
+        showDecor: boolean;
         showDragonriding: boolean;
         showIllusions: boolean;
         showMounts: boolean;
@@ -297,6 +298,7 @@ const initialState: BrowserStateIdk = {
         showCosmetics: true,
         showWeapons: true,
 
+        showDecor: true,
         showDragonriding: true,
         showIllusions: true,
         showMounts: true,
diff --git a/apps/frontend/user-home/state/lazy/vendors.svelte.ts b/apps/frontend/user-home/state/lazy/vendors.svelte.ts
index 248a7b507..055bcbdf6 100644
--- a/apps/frontend/user-home/state/lazy/vendors.svelte.ts
+++ b/apps/frontend/user-home/state/lazy/vendors.svelte.ts
@@ -241,6 +241,7 @@ class LazyVendorsProcessor {
                     );
 
                     if (
+                        (!vendorState.showDecor && lookupType === LookupType.Decor) ||
                         (!vendorState.showIllusions && lookupType === LookupType.Illusion) ||
                         (!vendorState.showMounts && lookupType === LookupType.Mount) ||
                         (!vendorState.showPets && lookupType === LookupType.Pet) ||

From 1e1faf922460adfa86456548d5acb65466a1c792 Mon Sep 17 00:00:00 2001
From: Freddie <freddie@thing.engineering>
Date: Thu, 26 Mar 2026 18:47:08 -0700
Subject: [PATCH 3/7] Update delves chore quest IDs

---
 apps/frontend/data/tasks/events/bonus.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/data/tasks/events/bonus.ts b/apps/frontend/data/tasks/events/bonus.ts
index 3ad2b621a..013ef4d45 100644
--- a/apps/frontend/data/tasks/events/bonus.ts
+++ b/apps/frontend/data/tasks/events/bonus.ts
@@ -12,11 +12,11 @@ export const eventBonus: Task = {
         {
             key: 'delves',
             name: 'Delves',
-            minimumLevel: 10,
+            minimumLevel: 90,
             requiredHolidays: [Holiday.BonusDelve],
             questReset: DbResetType.Weekly,
             questResetForced: true,
-            questIds: [84776], // A Call to Delves
+            questIds: [93595], // A Call to Delves
         },
         {
             key: 'dungeons',

From e477a3e176a530ed2f2869f499d2db2a11482522 Mon Sep 17 00:00:00 2001
From: Freddie <freddie@thing.engineering>
Date: Thu, 26 Mar 2026 21:45:12 -0700
Subject: [PATCH 4/7] Add derived weeklyQuestIds for non-expired IDs to check
 against

---
 .../user-home/state/user/derived.svelte.ts    | 21 ++++++++--------
 .../user-home/state/user/userState.svelte.ts  | 25 +++++++++++++++++--
 2 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/apps/frontend/user-home/state/user/derived.svelte.ts b/apps/frontend/user-home/state/user/derived.svelte.ts
index 6f54275b7..966fa393a 100644
--- a/apps/frontend/user-home/state/user/derived.svelte.ts
+++ b/apps/frontend/user-home/state/user/derived.svelte.ts
@@ -325,7 +325,7 @@ export class DataUserDerived {
 
     private _taskChoreName: Record<string, string[]> = {};
     public doActiveViewTasks(
-        latestQuests: CharacterQuests,
+        accountWeeklyQuestIds: Set<number>,
         character: Character,
         characterQuests: CharacterQuests
     ) {
@@ -364,7 +364,7 @@ export class DataUserDerived {
                 //     continue;
                 // }
                 const charChore = this.processTaskChore(
-                    latestQuests,
+                    accountWeeklyQuestIds,
                     character,
                     characterQuests,
                     task,
@@ -467,14 +467,14 @@ export class DataUserDerived {
     }
 
     private processTaskChore(
-        latestQuests: CharacterQuests,
+        accountWeeklyQuestIds: Set<number>,
         character: Character,
         characterQuests: CharacterQuests,
         task: Task,
         chore: Chore,
         parent?: Chore
     ): CharacterChore {
-        if (chore.accountWide && !latestQuests) {
+        if (chore.accountWide && !accountWeeklyQuestIds) {
             return null;
         }
         if (!chore.accountWide && (!character || !characterQuests)) {
@@ -497,14 +497,12 @@ export class DataUserDerived {
             return null;
         }
 
-        const useQuests = chore.accountWide ? latestQuests : characterQuests;
-
         const charChore = new CharacterChore(chore.key, undefined);
         if (chore.questCount) {
             charChore.progressTotal = chore.questCount;
         }
 
-        const charScanned = useQuests.scannedTime;
+        const charScanned = characterQuests.scannedTime;
         const choreReset = chore.questReset || parent?.questReset;
         const resetForced = chore.questResetForced === true || parent?.questResetForced === true;
 
@@ -537,7 +535,7 @@ export class DataUserDerived {
 
             for (const questId of questIds) {
                 // is the quest in progress?
-                const questProgress = useQuests?.progressQuestByKey?.get(`q${questId}`);
+                const questProgress = characterQuests?.progressQuestByKey?.get(`q${questId}`);
                 if (
                     questProgress &&
                     (!resetForced ||
@@ -559,7 +557,10 @@ export class DataUserDerived {
                 }
 
                 // is the quest completed?
-                if (useQuests?.hasQuestById?.has(questId)) {
+                const questCompleted = chore.accountWide
+                    ? accountWeeklyQuestIds.has(questId)
+                    : characterQuests?.hasQuestById?.has(questId);
+                if (questCompleted) {
                     if (choreReset === DbResetType.Never || expiresAt > timeState.slowTime) {
                         charChore.progressCurrent++;
                         charChore.quest = {
@@ -584,7 +585,7 @@ export class DataUserDerived {
 
             for (const subChore of chore.subChores) {
                 const charSubChore = this.processTaskChore(
-                    latestQuests,
+                    accountWeeklyQuestIds,
                     character,
                     characterQuests,
                     task,
diff --git a/apps/frontend/user-home/state/user/userState.svelte.ts b/apps/frontend/user-home/state/user/userState.svelte.ts
index c2f58a1f8..8bc3c3ab0 100644
--- a/apps/frontend/user-home/state/user/userState.svelte.ts
+++ b/apps/frontend/user-home/state/user/userState.svelte.ts
@@ -2,7 +2,9 @@ import sortBy from 'lodash/sortBy';
 
 import { UserCount } from '@/types';
 import { settingsState } from '@/shared/state/settings.svelte';
+import { timeState } from '@/shared/state/time.svelte';
 import { wowthingData } from '@/shared/stores/data';
+import { logErrors } from '@/utils/log-errors';
 import type { ManualDataHeirloomItem } from '@/types/data/manual/heirloom';
 import type { ManualDataIllusionItem } from '@/types/data/manual/illusion';
 
@@ -10,7 +12,6 @@ import { DataUserAchievements } from './achievements.svelte';
 import { DataUserDerived } from './derived.svelte';
 import { DataUserGeneral } from './general.svelte';
 import { DataUserQuests } from './quests.svelte';
-import { logErrors } from '@/utils/log-errors';
 import type { CharacterTask } from './types/tasks.svelte';
 
 type GenericCategory<T> = {
@@ -57,6 +58,26 @@ class UserState {
         )
     );
 
+    public weeklyQuestIds = $derived.by(() => {
+        const now = timeState.slowTime;
+
+        const allQuestIds = new Set<number>();
+        const characterIds = this.general.activeCharacters
+            .filter((char) => char.weeklyReset > now)
+            .map((char) => char.id);
+
+        for (const characterId of characterIds) {
+            const characterQuests = this.quests.characterById.get(characterId);
+            if (characterQuests) {
+                for (const questId of characterQuests.hasQuestById.values()) {
+                    allQuestIds.add(questId);
+                }
+            }
+        }
+
+        return allQuestIds;
+    });
+
     public something() {
         // TODO: fetch user/achievements/quests
         // TODO: process
@@ -81,7 +102,7 @@ class UserState {
         const ret: Record<number, Record<string, CharacterTask>> = {};
         for (const character of userState.general.activeCharacters) {
             ret[character.id] = this.derived.doActiveViewTasks(
-                userState.quests.mostRecentCharacter,
+                userState.weeklyQuestIds,
                 character,
                 userState.quests.characterById.get(character.id)
             );

From d49ff17a34785a68598668b66e92f03cc1a3d187 Mon Sep 17 00:00:00 2001
From: Freddie <freddie@thing.engineering>
Date: Thu, 26 Mar 2026 21:45:26 -0700
Subject: [PATCH 5/7] World Boss (First) maybe has 4 separate lockout trackers

---
 apps/frontend/data/tasks/11-midnight/12-0-0.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/data/tasks/11-midnight/12-0-0.ts b/apps/frontend/data/tasks/11-midnight/12-0-0.ts
index fbb3cc9c2..ea4f186a8 100644
--- a/apps/frontend/data/tasks/11-midnight/12-0-0.ts
+++ b/apps/frontend/data/tasks/11-midnight/12-0-0.ts
@@ -248,7 +248,10 @@ export const midChores12_0_0: Task = {
             accountWide: true,
             questReset: DbResetType.Weekly,
             questIds: [
-                92127, // Tracking quest?
+                92127,
+                92128,
+                92129, // probably
+                92130,
             ],
         },
         {

From 07f84d6358127f8983930018027ccb56d8708a1b Mon Sep 17 00:00:00 2001
From: Freddie <freddie@thing.engineering>
Date: Sat, 28 Mar 2026 12:28:02 -0700
Subject: [PATCH 6/7] Fix 12.0 special assignment expiry

---
 apps/frontend/data/tasks/11-midnight/12-0-0.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/data/tasks/11-midnight/12-0-0.ts b/apps/frontend/data/tasks/11-midnight/12-0-0.ts
index ea4f186a8..5870feb20 100644
--- a/apps/frontend/data/tasks/11-midnight/12-0-0.ts
+++ b/apps/frontend/data/tasks/11-midnight/12-0-0.ts
@@ -28,6 +28,10 @@ const specialAssignmentUnlockToQuest: Record<number, number> = {
     94743: 93438, // Special Assignment: Precision Excision
 };
 
+const specialAssignmentQuestToUnlock: Record<number, number> = Object.fromEntries(
+    Object.entries(specialAssignmentUnlockToQuest).map(([k, v]) => [v, parseInt(k)])
+);
+
 const specialAssignmentFunc = (index: number, isQuest: boolean) => {
     return (char: Character, chore: Chore) => {
         const now = timeState.slowTime;
@@ -57,7 +61,8 @@ const specialAssignmentFunc = (index: number, isQuest: boolean) => {
 
 const specialAssignmentExpiry: Chore['customExpiryFunc'] = (char, scannedAt, questIds) => {
     const allWorldQuests = worldQuestStore.getCachedQuests(char.region);
-    const worldQuest = allWorldQuests.find((wq) => wq.questId === questIds[0]);
+    const findQuestId = specialAssignmentQuestToUnlock[questIds[0]] || questIds[0];
+    const worldQuest = allWorldQuests.find((wq) => wq.questId === findQuestId);
     return worldQuest?.expires || Constants.defaultTime;
 };
 

From 6dd88cc0c3d5aa89e6def20e366e0d7ed8ba153b Mon Sep 17 00:00:00 2001
From: Freddie <freddie@thing.engineering>
Date: Sat, 28 Mar 2026 12:28:23 -0700
Subject: [PATCH 7/7] Hardcoded ProfessionsV2 fields

---
 .../row/HomeTableRowProfessionsV2.svelte      | 197 ++++++++++++++++++
 apps/frontend/enums/profession-type.ts        |   4 +
 2 files changed, 201 insertions(+)
 create mode 100644 apps/frontend/enums/profession-type.ts

diff --git a/apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte b/apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte
index 8dca6cfde..fd056ef30 100644
--- a/apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte
+++ b/apps/frontend/components/home/table/row/HomeTableRowProfessionsV2.svelte
@@ -1,5 +1,202 @@
 <script lang="ts">
+    import { Constants } from '@/data/constants';
+    import { imageStrings } from '@/data/icons';
+    import { expansionProfessionConcentration } from '@/data/professions/cooldowns';
+    import { professionMoxie } from '@/data/professions/moxie';
+    import { ProfessionType } from '@/enums/profession-type';
+    import { Region } from '@/enums/region';
+    import { settingsState } from '@/shared/state/settings.svelte';
+    import { wowthingData } from '@/shared/stores/data';
+    import { timeStore } from '@/shared/stores/time';
+    import { componentTooltip } from '@/shared/utils/tooltips/component-tooltip.svelte';
+    import { getCurrencyData } from '@/utils/characters/get-currency-data';
+    import { getProfessionSortKey } from '@/utils/professions/get-profession-sort-key';
+    import type { StaticDataProfession } from '@/shared/stores/static/types/profession';
+    import type { CharacterSubProfession } from '@/types/character/profession.svelte';
     import type { CharacterProps } from '@/types/props';
 
+    import Tooltip from '@/components/tooltips/professions/TooltipProfessions.svelte';
+    import WowthingImage from '@/shared/components/images/sources/WowthingImage.svelte';
+
     let { character }: CharacterProps = $props();
+
+    let concentrationData = $derived(expansionProfessionConcentration[Constants.expansion]);
+    let professions = $derived.by(() => {
+        const ret: [StaticDataProfession, CharacterSubProfession, boolean][] = [];
+
+        for (const staticProfession of wowthingData.static.professionById.values()) {
+            if (staticProfession?.type !== ProfessionType.Primary) {
+                continue;
+            }
+
+            let best: [CharacterSubProfession, number];
+            for (const expansion of settingsState.expansions) {
+                const subProfession = staticProfession.expansionSubProfession[expansion.id];
+                if (subProfession) {
+                    const characterSubProfession =
+                        character.professions[staticProfession.id]?.subProfessions?.[
+                            subProfession.id
+                        ];
+                    if (characterSubProfession && expansion.id >= (best?.[1] || 0)) {
+                        best = [characterSubProfession, expansion.id];
+                    }
+                }
+            }
+
+            if (best) {
+                ret.push([staticProfession, best[0], best[1] === Constants.expansion]);
+            }
+        }
+
+        ret.sort((a, b) => getProfessionSortKey(a[0]).localeCompare(getProfessionSortKey(b[0])));
+
+        return ret;
+    });
+
+    let fields = $derived(['concentration', 'moxie']);
+
+    function statusClass(fullIsBad: boolean, percent: number) {
+        if (percent >= 100) {
+            return fullIsBad ? 'status-fail' : 'status-success';
+        } else if (percent >= 75) {
+            return fullIsBad ? 'status-warn' : 'status-shrug';
+        } else if (percent > 25 && percent < 75) {
+            return fullIsBad ? 'status-shrug' : 'status-warn';
+        } else {
+            return fullIsBad ? 'status-success' : 'status-fail';
+        }
+    }
 </script>
+
+<style lang="scss">
+    td {
+        padding-left: 0;
+        padding-right: 0;
+    }
+    .flex-wrapper {
+        flex-wrap: nowrap;
+        gap: 0.3rem;
+        width: 100%;
+    }
+    .professions {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        width: 100%;
+    }
+    .profession {
+        align-items: center;
+        align-self: center;
+        display: grid;
+        flex-wrap: nowrap;
+        gap: 0.4rem;
+        grid-template-columns: repeat(var(--columns), 1fr);
+        padding: 0 0.3rem;
+    }
+    a {
+        --image-margin-top: 0;
+
+        align-items: center;
+        color: var(--color-body-text);
+        display: flex;
+        justify-content: space-between;
+    }
+    .concentration,
+    .moxie {
+        align-items: center;
+        display: flex;
+        gap: 0.2rem;
+        justify-content: space-between;
+
+        &:not(:first-child) {
+            --image-margin-top: 0;
+        }
+    }
+</style>
+
+<td class="b-l">
+    <div class="professions">
+        {#each professions as [profession, charProfession, current], index (profession.id)}
+            {@const currentSkill = charProfession?.skillCurrent || 0}
+            <div
+                class="profession"
+                class:b-l={index > 0}
+                style:--columns={1 + fields.length}
+                data-id={profession.id}
+            >
+                <a
+                    href="#/characters/{Region[character.realm.region].toLowerCase()}-{character
+                        .realm.slug}/{character.name}/professions/{profession.slug}"
+                    use:componentTooltip={{
+                        component: Tooltip,
+                        props: {
+                            character,
+                            profession,
+                        },
+                    }}
+                >
+                    <WowthingImage name={imageStrings[profession.slug]} size={20} border={1} />
+                    <span
+                        class:status-fail={!current || currentSkill === 0}
+                        class:status-success={current &&
+                            currentSkill > 0 &&
+                            currentSkill >= charProfession.skillMax}
+                    >
+                        {currentSkill || '---'}
+                    </span>
+                </a>
+
+                {#if current}
+                    {#each fields as field (field)}
+                        {#if field === 'concentration'}
+                            {@const concCurrency = wowthingData.static.currencyById.get(
+                                concentrationData[profession.id]
+                            )}
+                            {#if concCurrency}
+                                {@const { amount, percent, tooltip } = getCurrencyData(
+                                    $timeStore,
+                                    character,
+                                    concCurrency
+                                )}
+                                {@const status = statusClass(
+                                    settingsState.value.professions.fullConcentrationIsBad,
+                                    percent
+                                )}
+                                <div class="concentration {status}" data-tooltip={tooltip}>
+                                    <WowthingImage
+                                        name="currency/{concCurrency.id}"
+                                        size={20}
+                                        border={1}
+                                    />
+                                    <span>{amount}</span>
+                                </div>
+                            {:else}
+                                <div class="concentration"></div>
+                            {/if}
+                        {:else if field === 'moxie'}
+                            {@const moxieCurrency = wowthingData.static.currencyById.get(
+                                professionMoxie[profession.id]
+                            )}
+                            {#if moxieCurrency}
+                                {@const { amount, tooltip } = getCurrencyData(
+                                    $timeStore,
+                                    character,
+                                    moxieCurrency
+                                )}
+                                <div class="moxie" data-tooltip={tooltip}>
+                                    <WowthingImage
+                                        name="currency/{moxieCurrency.id}"
+                                        size={20}
+                                        border={1}
+                                    />
+                                    <span>{amount}</span>
+                                </div>
+                            {:else}
+                                <div class="moxie"></div>
+                            {/if}
+                        {/if}
+                    {/each}
+                {/if}
+            </div>
+        {/each}
+    </div>
+</td>
diff --git a/apps/frontend/enums/profession-type.ts b/apps/frontend/enums/profession-type.ts
new file mode 100644
index 000000000..2827cdda2
--- /dev/null
+++ b/apps/frontend/enums/profession-type.ts
@@ -0,0 +1,4 @@
+export enum ProfessionType {
+    Primary = 0,
+    Secondary = 1,
+}