('');
+ const [searchVisible, setSearchVisible] = useState(false);
+
+ // For some reason, typescript thinks that this call to filter() can change the shape of the array
+ const gamePreferenceEntries: any = sortByName(Object.entries(gamePreferences))
+ .map(([category, preferences]) => {
+ return [
+ category,
+ preferences
+ .filter(
+ (entry) =>
+ !search ||
+ entry.name.toLowerCase().includes(search.toLowerCase()),
+ )
+ .map((entry) => entry.children),
+ ];
+ })
+ .filter(([category, prefs]) => prefs.length !== 0);
+
+ return (
+ <>
+ {!gamePreferenceEntries.length && (
+
+ )}
+
+ {searchVisible && (
+ setSearch(val)}
+ onChange={(e, val) => setSearch(val)}
+ />
+ )}
+
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
new file mode 100644
index 0000000000..a8964b23a0
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/PageButton.tsx
@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+
+import { Button } from '../../components';
+
+export const PageButton = (props: {
+ currentPage: P;
+ page: P;
+ otherActivePages?: P[];
+
+ setPage: (page: P) => void;
+
+ children?: ReactNode;
+}) => {
+ const pageIsActive =
+ props.currentPage === props.page ||
+ (props.otherActivePages &&
+ props.otherActivePages.indexOf(props.currentPage) !== -1);
+
+ return (
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
new file mode 100644
index 0000000000..0b90fd855c
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/ServerPreferencesFetcher.tsx
@@ -0,0 +1,43 @@
+import { Component, ReactNode } from 'react';
+
+import { resolveAsset } from '../../assets';
+import { fetchRetry } from '../../http';
+import { ServerData } from './data';
+
+// Cache response so it's only sent once
+let fetchServerData: Promise | undefined;
+
+export class ServerPreferencesFetcher extends Component<
+ {
+ render: (serverData: ServerData | undefined) => ReactNode;
+ },
+ {
+ serverData?: ServerData;
+ }
+> {
+ state = {
+ serverData: undefined,
+ };
+
+ componentDidMount() {
+ this.populateServerData();
+ }
+
+ async populateServerData() {
+ if (!fetchServerData) {
+ fetchServerData = fetchRetry(resolveAsset('preferences.json')).then(
+ (response) => response.json(),
+ );
+ }
+
+ const preferencesData: ServerData = await fetchServerData;
+
+ this.setState({
+ serverData: preferencesData,
+ });
+ }
+
+ render() {
+ return this.props?.render?.(this.state.serverData);
+ }
+}
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
new file mode 100644
index 0000000000..13c572ebc8
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/TabbedMenu.tsx
@@ -0,0 +1,90 @@
+import { Component, createRef, ReactNode, RefObject } from 'react';
+
+import { Button, Section, Stack } from '../../components';
+import { FlexProps } from '../../components/Flex';
+
+type TabbedMenuProps = {
+ categoryEntries: [string, ReactNode][];
+ contentProps?: FlexProps;
+};
+
+export class TabbedMenu extends Component {
+ categoryRefs: Record> = {};
+ sectionRef: RefObject = createRef();
+
+ getCategoryRef(category: string): RefObject {
+ if (!this.categoryRefs[category]) {
+ this.categoryRefs[category] = createRef();
+ }
+
+ return this.categoryRefs[category];
+ }
+
+ render() {
+ return (
+
+
+
+ {this.props.categoryEntries.map(([category]) => {
+ return (
+
+
+
+ );
+ })}
+
+
+
+
+
+ {this.props.categoryEntries.map(([category, children]) => {
+ return (
+
+
+
+ );
+ })}
+
+
+
+ );
+ }
+}
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/abductor.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/abductor.ts
new file mode 100644
index 0000000000..789e5e9823
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/abductor.ts
@@ -0,0 +1,23 @@
+import { Antagonist, Category } from '../base';
+
+const Abductor: Antagonist = {
+ key: 'abductor',
+ name: 'Abductor',
+ description: [
+ `
+ Abductors are technologically advanced alien society set on cataloging
+ all species in the system. Unfortunately for their subjects their methods
+ are quite invasive.
+ `,
+
+ `
+ You and a partner will become the abductor scientist and agent duo.
+ As an agent, abduct unassuming victims and bring them back to your UFO.
+ As a scientist, scout out victims for your agent, keep them safe, and
+ operate on whoever they bring back.
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default Abductor;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blob.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blob.ts
new file mode 100644
index 0000000000..92cd5bdc44
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blob.ts
@@ -0,0 +1,17 @@
+import { Antagonist, Category } from '../base';
+
+export const BLOB_MECHANICAL_DESCRIPTION = `
+ The blob infests the station and destroys everything in its path, including
+ hull, fixtures, and creatures. Spread your mass, collect resources, and
+ consume the entire station. Make sure to prepare your defenses, because the
+ crew will be alerted to your presence!
+`;
+
+const Blob: Antagonist = {
+ key: 'blob',
+ name: 'Blob',
+ description: [BLOB_MECHANICAL_DESCRIPTION],
+ category: Category.Midround,
+};
+
+export default Blob;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blobinfection.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blobinfection.ts
new file mode 100644
index 0000000000..d8a5f135fe
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/blobinfection.ts
@@ -0,0 +1,17 @@
+import { Antagonist, Category } from '../base';
+import { BLOB_MECHANICAL_DESCRIPTION } from './blob';
+
+const BlobInfection: Antagonist = {
+ key: 'blobinfection',
+ name: 'Blob Infection',
+ description: [
+ `
+ At any point in the middle of the shift, be strucken with an infection
+ that will turn you into the terrifying blob.
+ `,
+ BLOB_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Midround,
+};
+
+export default BlobInfection;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/bloodbrother.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/bloodbrother.ts
new file mode 100644
index 0000000000..56cbcbfc97
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/bloodbrother.ts
@@ -0,0 +1,16 @@
+import { Antagonist, Category } from '../base';
+
+const BloodBrother: Antagonist = {
+ key: 'bloodbrother',
+ name: 'Blood Brother',
+ description: [
+ `
+ Team up with other crew members as blood brothers to combine the strengths
+ of your departments, break each other out of prison, and overwhelm the
+ station.
+ `,
+ ],
+ category: Category.Roundstart,
+};
+
+export default BloodBrother;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changeling.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changeling.ts
new file mode 100644
index 0000000000..9124a07063
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changeling.ts
@@ -0,0 +1,21 @@
+import { Antagonist, Category } from '../base';
+
+export const CHANGELING_MECHANICAL_DESCRIPTION = `
+Transform yourself or others into different identities, and buy from an
+arsenal of biological weaponry with the DNA you collect.
+`;
+
+const Changeling: Antagonist = {
+ key: 'changeling',
+ name: 'Changeling',
+ description: [
+ `
+ A highly intelligent alien predator that is capable of altering their
+ shape to flawlessly resemble a human.
+ `,
+ CHANGELING_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Roundstart,
+};
+
+export default Changeling;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changelingmidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changelingmidround.ts
new file mode 100644
index 0000000000..8324bdb858
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/changelingmidround.ts
@@ -0,0 +1,17 @@
+import { Antagonist, Category } from '../base';
+import { CHANGELING_MECHANICAL_DESCRIPTION } from './changeling';
+
+const ChangelingMidround: Antagonist = {
+ key: 'changelingmidround',
+ name: 'Space Changeling',
+ description: [
+ `
+ A midround changeling does not receive a crew identity, instead arriving
+ from space. This will be more difficult than being a round-start changeling!
+ `,
+ CHANGELING_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Midround,
+};
+
+export default ChangelingMidround;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/clownoperative.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/clownoperative.ts
new file mode 100644
index 0000000000..61f874a2e9
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/clownoperative.ts
@@ -0,0 +1,20 @@
+import { Antagonist, Category } from '../base';
+import { OPERATIVE_MECHANICAL_DESCRIPTION } from './operative';
+
+const ClownOperative: Antagonist = {
+ key: 'clownoperative',
+ name: 'Clown Operative',
+ description: [
+ `
+ Honk! You have been chosen, for better or worse to join the Syndicate
+ Clown Operative strike team. Your mission, whether or not you choose
+ to tickle it, is to honk Nanotrasen's most advanced research facility!
+ That's right, you're going to Clown Station 13.
+ `,
+
+ OPERATIVE_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Roundstart,
+};
+
+export default ClownOperative;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/cultist.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/cultist.ts
new file mode 100644
index 0000000000..c5cfaf61c2
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/cultist.ts
@@ -0,0 +1,22 @@
+import { Antagonist, Category } from '../base';
+
+const Cultist: Antagonist = {
+ key: 'cultist',
+ name: 'Cultist',
+ description: [
+ `
+ The Geometer of Blood, Nar-Sie, has sent a number of her followers to
+ Space Station 13. As a cultist, you have an abundance of cult magics at
+ your disposal, something for all situations. You must work with your
+ brethren to summon an avatar of your eldritch goddess!
+ `,
+
+ `
+ Armed with blood magic, convert crew members to the Blood Cult, sacrifice
+ those who get in the way, and summon Nar-Sie.
+ `,
+ ],
+ category: Category.Roundstart,
+};
+
+export default Cultist;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/fugitive.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/fugitive.ts
new file mode 100644
index 0000000000..f05a96c2ec
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/fugitive.ts
@@ -0,0 +1,15 @@
+import { Antagonist, Category } from '../base';
+
+const Fugitive: Antagonist = {
+ key: 'fugitive',
+ name: 'Fugitive',
+ description: [
+ `
+ Wherever you come from, you're being hunted. You have 10 minutes to prepare
+ before fugitive hunters arrive and start hunting you and your friends down!
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default Fugitive;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/glitch.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/glitch.ts
new file mode 100644
index 0000000000..3d269c54ca
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/glitch.ts
@@ -0,0 +1,19 @@
+import { Antagonist, Category } from '../base';
+
+const Glitch: Antagonist = {
+ key: 'glitch',
+ name: 'Glitch',
+ description: [
+ `
+ The virtual domain is a dangerous place for bitrunners. Make it so.
+ `,
+
+ `
+ You are a short-term antagonist, a glitch in the system. Use martial arts \
+ and lethal weaponry to terminate organics.
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default Glitch;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/headrevolutionary.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/headrevolutionary.ts
new file mode 100644
index 0000000000..0a1d644266
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/headrevolutionary.ts
@@ -0,0 +1,15 @@
+import { Antagonist, Category } from '../base';
+
+export const REVOLUTIONARY_MECHANICAL_DESCRIPTION = `
+ Armed with a flash, convert as many people to the revolution as you can.
+ Kill or exile all heads of staff on the station.
+ `;
+
+const HeadRevolutionary: Antagonist = {
+ key: 'headrevolutionary',
+ name: 'Head Revolutionary',
+ description: ['VIVA LA REVOLUTION!', REVOLUTIONARY_MECHANICAL_DESCRIPTION],
+ category: Category.Roundstart,
+};
+
+export default HeadRevolutionary;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/heretic.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/heretic.ts
new file mode 100644
index 0000000000..8c2d631bd5
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/heretic.ts
@@ -0,0 +1,22 @@
+import { Antagonist, Category } from '../base';
+
+export const HERETIC_MECHANICAL_DESCRIPTION = `
+ Find hidden influences and sacrifice crew members to gain magical
+ powers and ascend as one of several paths.
+ `;
+
+const Heretic: Antagonist = {
+ key: 'heretic',
+ name: 'Heretic',
+ description: [
+ `
+ Forgotten, devoured, gutted. Humanity has forgotten the eldritch forces
+ of decay, but the mansus veil has weakened. We will make them taste fear
+ again...
+ `,
+ HERETIC_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Roundstart,
+};
+
+export default Heretic;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/hereticsmuggler.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/hereticsmuggler.ts
new file mode 100644
index 0000000000..6ce90a3552
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/hereticsmuggler.ts
@@ -0,0 +1,14 @@
+import { Antagonist, Category } from '../base';
+import { HERETIC_MECHANICAL_DESCRIPTION } from './heretic';
+
+const HereticSmuggler: Antagonist = {
+ key: 'hereticsmuggler',
+ name: 'Heretic Smuggler',
+ description: [
+ 'A form of heretic that can activate when joining an ongoing shift.',
+ HERETIC_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Latejoin,
+};
+
+export default HereticSmuggler;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/loneoperative.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/loneoperative.ts
new file mode 100644
index 0000000000..3f8ac5c5b7
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/loneoperative.ts
@@ -0,0 +1,18 @@
+import { Antagonist, Category } from '../base';
+import { OPERATIVE_MECHANICAL_DESCRIPTION } from './operative';
+
+const LoneOperative: Antagonist = {
+ key: 'loneoperative',
+ name: 'Lone Operative',
+ description: [
+ `
+ A solo nuclear operative that has a higher chance of spawning the longer
+ the nuclear authentication disk stays in one place.
+ `,
+
+ OPERATIVE_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Midround,
+};
+
+export default LoneOperative;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfai.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfai.ts
new file mode 100644
index 0000000000..03aadd752c
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfai.ts
@@ -0,0 +1,16 @@
+import { Antagonist, Category } from '../base';
+
+export const MALF_AI_MECHANICAL_DESCRIPTION = `
+ With a law zero to complete your objectives at all costs, combine your
+ omnipotence and malfunction modules to wreak havoc across the station.
+ Go delta to destroy the station and all those who opposed you.
+ `;
+
+const MalfAI: Antagonist = {
+ key: 'malfai',
+ name: 'Malfunctioning AI',
+ description: [MALF_AI_MECHANICAL_DESCRIPTION],
+ category: Category.Roundstart,
+};
+
+export default MalfAI;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfaimidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfaimidround.ts
new file mode 100644
index 0000000000..84e52b43dc
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/malfaimidround.ts
@@ -0,0 +1,17 @@
+import { Antagonist, Category } from '../base';
+import { MALF_AI_MECHANICAL_DESCRIPTION } from './malfai';
+
+const MalfAIMidround: Antagonist = {
+ key: 'malfaimidround',
+ name: 'Value Drifted AI',
+ description: [
+ `
+ A form of malfunctioning AI that is given to existing AIs in the middle
+ of the shift.
+ `,
+ MALF_AI_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Midround,
+};
+
+export default MalfAIMidround;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/nightmare.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/nightmare.ts
new file mode 100644
index 0000000000..90046dd625
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/nightmare.ts
@@ -0,0 +1,15 @@
+import { Antagonist, Category } from '../base';
+
+const Nightmare: Antagonist = {
+ key: 'nightmare',
+ name: 'Nightmare',
+ description: [
+ `
+ Use your light eater to break sources of light to survive and thrive.
+ Jaunt through the darkness and seek your prey with night vision.
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default Nightmare;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/obsessed.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/obsessed.ts
new file mode 100644
index 0000000000..8d4c981398
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/obsessed.ts
@@ -0,0 +1,16 @@
+import { Antagonist, Category } from '../base';
+
+const Obsessed: Antagonist = {
+ key: 'obsessed',
+ name: 'Obsessed',
+ description: [
+ `
+ You're obsessed with someone! Your obsession may begin to notice their
+ personal items are stolen and their coworkers have gone missing,
+ but will they realize they are your next victim in time?
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default Obsessed;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operative.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operative.ts
new file mode 100644
index 0000000000..a8182de9e0
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operative.ts
@@ -0,0 +1,24 @@
+import { Antagonist, Category } from '../base';
+
+export const OPERATIVE_MECHANICAL_DESCRIPTION = `
+ Retrieve the nuclear authentication disk, use it to activate the nuclear
+ fission explosive, and destroy the station.
+`;
+
+const Operative: Antagonist = {
+ key: 'operative',
+ name: 'Nuclear Operative',
+ description: [
+ `
+ Congratulations, agent. You have been chosen to join the Syndicate
+ Nuclear Operative strike team. Your mission, whether or not you choose
+ to accept it, is to destroy Nanotrasen's most advanced research facility!
+ That's right, you're going to Space Station 13.
+ `,
+
+ OPERATIVE_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Roundstart,
+};
+
+export default Operative;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operativemidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operativemidround.ts
new file mode 100644
index 0000000000..7497c6442f
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/operativemidround.ts
@@ -0,0 +1,17 @@
+import { Antagonist, Category } from '../base';
+import { OPERATIVE_MECHANICAL_DESCRIPTION } from './operative';
+
+const OperativeMidround: Antagonist = {
+ key: 'operativemidround',
+ name: 'Nuclear Assailant',
+ description: [
+ `
+ A form of nuclear operative that is offered to ghosts in the middle
+ of the shift.
+ `,
+ OPERATIVE_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Midround,
+};
+
+export default OperativeMidround;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/paradoxclone.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/paradoxclone.ts
new file mode 100644
index 0000000000..1456df3ec6
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/paradoxclone.ts
@@ -0,0 +1,15 @@
+import { Antagonist, Category } from '../base';
+
+const ParadoxClone: Antagonist = {
+ key: 'paradoxclone',
+ name: 'Paradox Clone',
+ description: [
+ `
+ A freak time-space anomaly has teleported you into another reality!
+ Now you have to find your counterpart and kill and replace them.
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default ParadoxClone;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/provocateur.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/provocateur.ts
new file mode 100644
index 0000000000..1d2879c867
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/provocateur.ts
@@ -0,0 +1,18 @@
+import { Antagonist, Category } from '../base';
+import { REVOLUTIONARY_MECHANICAL_DESCRIPTION } from './headrevolutionary';
+
+const Provocateur: Antagonist = {
+ key: 'provocateur',
+ name: 'Provocateur',
+ description: [
+ `
+ A form of head revolutionary that can activate when joining an ongoing
+ shift.
+ `,
+
+ REVOLUTIONARY_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Latejoin,
+};
+
+export default Provocateur;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/revenant.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/revenant.ts
new file mode 100644
index 0000000000..241b52b3e4
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/revenant.ts
@@ -0,0 +1,16 @@
+import { Antagonist, Category } from '../base';
+
+const Revenant: Antagonist = {
+ key: 'revenant',
+ name: 'Revenant',
+ description: [
+ `
+ Become the mysterious revenant. Break windows, overload lights, and eat
+ the crew's life force, all while talking to your old community of
+ disgruntled ghosts.
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default Revenant;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/sentiencepotionspawn.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/sentiencepotionspawn.ts
new file mode 100644
index 0000000000..e69db3bec3
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/sentiencepotionspawn.ts
@@ -0,0 +1,22 @@
+import { Antagonist, Category } from '../base';
+
+const SentientCreature: Antagonist = {
+ key: 'sentiencepotionspawn',
+ name: 'Sentient Creature',
+ description: [
+ `
+ Either by cosmic happenstance, or due to crew's shenanigans, you have been
+ given sentience!
+ `,
+
+ `
+ This is a blanket preference. The more benign ones include random human
+ level intelligence events, the cargorilla, and creatures uplifted via sentience
+ potions. The less friendly ones include the regal rat, and the boosted
+ mining elite mobs.
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default SentientCreature;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spacedragon.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spacedragon.ts
new file mode 100644
index 0000000000..4a11cc94d1
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spacedragon.ts
@@ -0,0 +1,15 @@
+import { Antagonist, Category } from '../base';
+
+const SpaceDragon: Antagonist = {
+ key: 'spacedragon',
+ name: 'Space Dragon',
+ description: [
+ `
+ Become a ferocious space dragon. Breathe fire, summon an army of space
+ carps, crush walls, and terrorize the station.
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default SpaceDragon;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spaceninja.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spaceninja.ts
new file mode 100644
index 0000000000..e6db1b96f9
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spaceninja.ts
@@ -0,0 +1,23 @@
+import { Antagonist, Category } from '../base';
+
+const SpaceNinja: Antagonist = {
+ key: 'spaceninja',
+ name: 'Space Ninja',
+ description: [
+ `
+ The Spider Clan practice a sort of augmentation of human flesh in order to
+ achieve a more perfect state of being and follow Postmodern Space Bushido.
+ `,
+
+ `
+ Become a conniving space ninja, equipped with a katana, gloves to hack
+ into airlocks and APCs, a suit to make you go near-invisible,
+ as well as a variety of abilities in your kit. Hack into arrest consoles
+ to mark everyone as arrest, and even hack into communication consoles to
+ summon more threats to cause chaos on the station!
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default SpaceNinja;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spy.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spy.ts
new file mode 100644
index 0000000000..b004b972d4
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/spy.ts
@@ -0,0 +1,22 @@
+import { Antagonist, Category } from '../base';
+
+const Spy: Antagonist = {
+ key: 'spy',
+ name: 'Spy',
+ description: [
+ `
+ Your mission, should you choose to accept it: Infiltrate Space Station 13.
+ Disguise yourself as a member of their crew and steal vital equipment.
+ Should you be caught or killed, your employer will disavow any knowledge
+ of your actions. Good luck agent.
+ `,
+
+ `
+ Complete Spy Bounties to earn rewards from your employer.
+ Use these rewards to sow chaos and mischief!
+ `,
+ ],
+ category: Category.Roundstart,
+};
+
+export default Spy;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/stowawaychangeling.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/stowawaychangeling.ts
new file mode 100644
index 0000000000..20ba22ee07
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/stowawaychangeling.ts
@@ -0,0 +1,17 @@
+import { Antagonist, Category } from '../base';
+import { CHANGELING_MECHANICAL_DESCRIPTION } from './changeling';
+
+const Stowaway_Changeling: Antagonist = {
+ key: 'stowawaychangeling',
+ name: 'Stowaway Changeling',
+ description: [
+ `
+ A Changeling that found its way onto the shuttle
+ unbeknownst to the crewmembers on board.
+ `,
+ CHANGELING_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Latejoin,
+};
+
+export default Stowaway_Changeling;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicateinfiltrator.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicateinfiltrator.ts
new file mode 100644
index 0000000000..45ad29292b
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicateinfiltrator.ts
@@ -0,0 +1,15 @@
+import { Antagonist, Category } from '../base';
+import { TRAITOR_MECHANICAL_DESCRIPTION } from './traitor';
+
+const SyndicateInfiltrator: Antagonist = {
+ key: 'syndicateinfiltrator',
+ name: 'Syndicate Infiltrator',
+ description: [
+ 'A form of traitor that can activate when joining an ongoing shift.',
+ TRAITOR_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Latejoin,
+ priority: -1,
+};
+
+export default SyndicateInfiltrator;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicatesleeperagent.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicatesleeperagent.ts
new file mode 100644
index 0000000000..4a680e5d34
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/syndicatesleeperagent.ts
@@ -0,0 +1,18 @@
+import { Antagonist, Category } from '../base';
+import { TRAITOR_MECHANICAL_DESCRIPTION } from './traitor';
+
+const SyndicateSleeperAgent: Antagonist = {
+ key: 'syndicatesleeperagent',
+ name: 'Syndicate Sleeper Agent',
+ description: [
+ `
+ A form of traitor that can activate at any point in the middle
+ of the shift.
+ `,
+ TRAITOR_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Midround,
+ priority: -1,
+};
+
+export default SyndicateSleeperAgent;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/traitor.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/traitor.ts
new file mode 100644
index 0000000000..ccb6391998
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/traitor.ts
@@ -0,0 +1,23 @@
+import { Antagonist, Category } from '../base';
+
+export const TRAITOR_MECHANICAL_DESCRIPTION = `
+ Start with an uplink to purchase your gear and take on your sinister
+ objectives. Ascend through the ranks and become an infamous legend.
+ `;
+
+const Traitor: Antagonist = {
+ key: 'traitor',
+ name: 'Traitor',
+ description: [
+ `
+ An unpaid debt. A score to be settled. Maybe you were just in the wrong
+ place at the wrong time. Whatever the reasons, you were selected to
+ infiltrate Space Station 13.
+ `,
+ TRAITOR_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Roundstart,
+ priority: -1,
+};
+
+export default Traitor;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizard.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizard.ts
new file mode 100644
index 0000000000..62530a26f6
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizard.ts
@@ -0,0 +1,18 @@
+import { Antagonist, Category } from '../base';
+
+export const WIZARD_MECHANICAL_DESCRIPTION = `
+ Choose between a variety of powerful spells in order to cause chaos
+ among Space Station 13.
+ `;
+
+const Wizard: Antagonist = {
+ key: 'wizard',
+ name: 'Wizard',
+ description: [
+ `"GREETINGS. WE'RE THE WIZARDS OF THE WIZARD'S FEDERATION."`,
+ WIZARD_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Roundstart,
+};
+
+export default Wizard;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizardmidround.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizardmidround.ts
new file mode 100644
index 0000000000..b36a9f5170
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/wizardmidround.ts
@@ -0,0 +1,14 @@
+import { Antagonist, Category } from '../base';
+import { WIZARD_MECHANICAL_DESCRIPTION } from './wizard';
+
+const WizardMidround: Antagonist = {
+ key: 'wizardmidround',
+ name: 'Wizard (Midround)',
+ description: [
+ 'A form of wizard that is offered to ghosts in the middle of the shift.',
+ WIZARD_MECHANICAL_DESCRIPTION,
+ ],
+ category: Category.Midround,
+};
+
+export default WizardMidround;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/xenomorph.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/xenomorph.ts
new file mode 100644
index 0000000000..a9a1960f3b
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/antagonists/xenomorph.ts
@@ -0,0 +1,15 @@
+import { Antagonist, Category } from '../base';
+
+const Xenomorph: Antagonist = {
+ key: 'xenomorph',
+ name: 'Xenomorph',
+ description: [
+ `
+ Become the extraterrestrial xenomorph. Start as a larva, and progress
+ your way up the caste, including even the Queen!
+ `,
+ ],
+ category: Category.Midround,
+};
+
+export default Xenomorph;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/base.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/base.ts
new file mode 100644
index 0000000000..a91b6af878
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/antagonists/base.ts
@@ -0,0 +1,35 @@
+/**
+ * This folder represents the antagonists you can choose in the preferences
+ * menu.
+ *
+ * Every file in this folder represents one antagonist.
+ *
+ * For example "Syndicate Sleeper Agent" -> syndicatesleeperagent.ts
+ *
+ * "Antagonist" in this context actually means ruleset.
+ * This is an important distinction--it means that players can choose to be
+ * a roundstart traitor, but not a latejoin traitor.
+ *
+ * Icons are generated from the antag datums themselves, provided by the
+ * `antag_datum` variable on the /datum/dynamic_ruleset.
+ *
+ * The icon used is whatever the return value of get_preview_icon() is.
+ * Most antagonists, unless they want an especially cool effect, can simply
+ * set preview_outfit to some typepath representing their character.
+ */
+
+export type Antagonist = {
+ // the antag_flag, made lowercase, and with non-alphanumerics removed.
+ key: string;
+
+ name: string;
+ description: string[];
+ category: Category;
+ priority?: number;
+};
+
+export enum Category {
+ Roundstart,
+ Midround,
+ Latejoin,
+}
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
new file mode 100644
index 0000000000..ff8d1b112a
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/data.ts
@@ -0,0 +1,36 @@
+import { sendAct } from '../../backend';
+
+export enum GamePreferencesSelectedPage {
+ Settings,
+ Keybindings,
+}
+
+export const createSetPreference =
+ (act: typeof sendAct, preference: string) => (value: unknown) => {
+ act('set_preference', {
+ preference,
+ value,
+ });
+ };
+
+export enum Window {
+ Character = 0,
+ Game = 1,
+ Keybindings = 2,
+}
+
+export type PreferencesMenuData = {
+ character_profiles: (string | null)[];
+
+ character_preferences: {
+ game_preferences: Record;
+ };
+
+ active_slot: number;
+
+ window: Window;
+};
+
+export type ServerData = {
+ [otheyKey: string]: unknown;
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
new file mode 100644
index 0000000000..e64e62f8ff
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/index.tsx
@@ -0,0 +1,31 @@
+// import { exhaustiveCheck } from 'common/exhaustive';
+
+import { useBackend } from '../../backend';
+// import { CharacterPreferenceWindow } from './CharacterPreferenceWindow';
+import {
+ GamePreferencesSelectedPage,
+ PreferencesMenuData,
+ Window,
+} from './data';
+import { GamePreferenceWindow } from './GamePreferenceWindow';
+
+export const PreferencesMenu = (props) => {
+ const { data } = useBackend();
+
+ const window = data.window;
+
+ switch (window) {
+ // case Window.Character:
+ // return ;
+ case Window.Game:
+ return ;
+ case Window.Keybindings:
+ return (
+
+ );
+ // default:
+ // exhaustiveCheck(window);
+ }
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
new file mode 100644
index 0000000000..452eb67751
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/base.tsx
@@ -0,0 +1,267 @@
+import { sortBy } from 'common/collections';
+import { BooleanLike } from 'common/react';
+import {
+ ComponentType,
+ createElement,
+ ReactNode,
+ useEffect,
+ useState,
+} from 'react';
+
+import { sendAct, useBackend } from '../../../../backend';
+import {
+ Box,
+ Button,
+ Dropdown,
+ Input,
+ NumberInput,
+ Slider,
+ Stack,
+} from '../../../../components';
+import { createSetPreference, PreferencesMenuData } from '../../data';
+import { ServerPreferencesFetcher } from '../../ServerPreferencesFetcher';
+
+export const sortChoices = (array: [string, ReactNode][]) =>
+ sortBy(array, ([name]) => name);
+
+export type Feature<
+ TReceiving,
+ TSending = TReceiving,
+ TServerData = undefined,
+> = {
+ name: string;
+ component: FeatureValue;
+ category?: string;
+ description?: string;
+};
+
+/**
+ * Represents a preference.
+ * TReceiving = The type you will be receiving
+ * TSending = The type you will be sending
+ * TServerData = The data the server sends through preferences.json
+ */
+type FeatureValue<
+ TReceiving,
+ TSending = TReceiving,
+ TServerData = undefined,
+> = ComponentType>;
+
+export type FeatureValueProps<
+ TReceiving,
+ TSending = TReceiving,
+ TServerData = undefined,
+> = Readonly<{
+ act: typeof sendAct;
+ featureId: string;
+ handleSetValue: (newValue: TSending) => void;
+ serverData: TServerData | undefined;
+ shrink?: boolean;
+ value: TReceiving;
+}>;
+
+export const FeatureColorInput = (props: FeatureValueProps) => {
+ return (
+
+ );
+};
+
+export type FeatureToggle = Feature;
+
+export const CheckboxInput = (
+ props: FeatureValueProps,
+) => {
+ return (
+ {
+ props.handleSetValue(!props.value);
+ }}
+ />
+ );
+};
+
+export const CheckboxInputInverse = (
+ props: FeatureValueProps,
+) => {
+ return (
+ {
+ props.handleSetValue(!props.value);
+ }}
+ />
+ );
+};
+
+export function createDropdownInput(
+ // Map of value to display texts
+ choices: Record,
+ dropdownProps?: Record,
+): FeatureValue {
+ return (props: FeatureValueProps) => {
+ return (
+ {
+ return {
+ displayText: label,
+ value: dataValue,
+ };
+ },
+ )}
+ {...dropdownProps}
+ />
+ );
+ };
+}
+
+export type FeatureChoicedServerData = {
+ choices: string[];
+ display_names?: Record;
+ icons?: Record;
+};
+
+export type FeatureChoiced = Feature;
+
+export type FeatureNumericData = {
+ minimum: number;
+ maximum: number;
+ step: number;
+};
+
+export type FeatureNumeric = Feature;
+
+export const FeatureNumberInput = (
+ props: FeatureValueProps,
+) => {
+ if (!props.serverData) {
+ return Loading...;
+ }
+
+ return (
+ {
+ props.handleSetValue(value);
+ }}
+ minValue={props.serverData.minimum}
+ maxValue={props.serverData.maximum}
+ step={props.serverData.step}
+ value={props.value}
+ />
+ );
+};
+
+export const FeatureSliderInput = (
+ props: FeatureValueProps,
+) => {
+ if (!props.serverData) {
+ return Loading...;
+ }
+
+ return (
+ {
+ props.handleSetValue(value);
+ }}
+ minValue={props.serverData.minimum}
+ maxValue={props.serverData.maximum}
+ step={props.serverData.step}
+ value={props.value}
+ stepPixelSize={10}
+ />
+ );
+};
+
+export const FeatureValueInput = (props: {
+ feature: Feature;
+ featureId: string;
+ shrink?: boolean;
+ value: unknown;
+
+ act: typeof sendAct;
+}) => {
+ const { data } = useBackend();
+
+ const feature = props.feature;
+
+ const [predictedValue, setPredictedValue] = useState(props.value);
+
+ const changeValue = (newValue: unknown) => {
+ setPredictedValue(newValue);
+ createSetPreference(props.act, props.featureId)(newValue);
+ };
+
+ useEffect(() => {
+ setPredictedValue(props.value);
+ }, [data.active_slot, props.value]);
+
+ return (
+ {
+ return createElement(feature.component, {
+ act: props.act,
+ featureId: props.featureId,
+ serverData: serverData?.[props.featureId] as any,
+ shrink: props.shrink,
+
+ handleSetValue: changeValue,
+ value: predictedValue,
+ });
+ }}
+ />
+ );
+};
+
+export type FeatureShortTextData = {
+ maximum_length: number;
+};
+
+export const FeatureShortTextInput = (
+ props: FeatureValueProps,
+) => {
+ if (!props.serverData) {
+ return Loading...;
+ }
+
+ return (
+ props.handleSetValue(value)}
+ />
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
new file mode 100644
index 0000000000..32e1161e63
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/dropdowns.tsx
@@ -0,0 +1,113 @@
+import { classes } from 'common/react';
+import { capitalizeFirst } from 'common/string';
+import { ReactNode } from 'react';
+
+import { Box, Dropdown, Stack } from '../../../../components';
+import { Feature, FeatureChoicedServerData, FeatureValueProps } from './base';
+
+type DropdownInputProps = FeatureValueProps<
+ string,
+ string,
+ FeatureChoicedServerData
+> &
+ Partial<{
+ disabled: boolean;
+ buttons: boolean;
+ }>;
+
+type IconnedDropdownInputProps = FeatureValueProps<
+ string,
+ string,
+ FeatureChoicedServerData
+>;
+
+export type FeatureWithIcons = Feature;
+
+export function FeatureDropdownInput(props: DropdownInputProps) {
+ const { serverData, disabled, buttons, handleSetValue, value } = props;
+
+ if (!serverData) {
+ return null;
+ }
+
+ const { choices, display_names } = serverData;
+
+ const dropdownOptions = choices.map((choice) => {
+ let displayText: ReactNode = display_names
+ ? display_names[choice]
+ : capitalizeFirst(choice);
+
+ return {
+ displayText,
+ value: choice,
+ };
+ });
+
+ let display_text = value;
+ if (display_names) {
+ display_text = display_names[value];
+ }
+
+ return (
+
+ );
+}
+
+export function FeatureIconnedDropdownInput(props: IconnedDropdownInputProps) {
+ const { serverData, handleSetValue, value } = props;
+
+ if (!serverData) {
+ return null;
+ }
+
+ const { choices, display_names, icons } = serverData;
+
+ const dropdownOptions = choices.map((choice) => {
+ let displayText: ReactNode = display_names
+ ? display_names[choice]
+ : capitalizeFirst(choice);
+
+ if (icons?.[choice]) {
+ displayText = (
+
+
+
+
+ {displayText}
+
+ );
+ }
+
+ return {
+ displayText,
+ value: choice,
+ };
+ });
+
+ let display_text = value;
+ if (display_names) {
+ display_text = display_names[value];
+ }
+
+ return (
+
+ );
+}
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/admin.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/admin.tsx
new file mode 100644
index 0000000000..f9f8fec97b
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/admin.tsx
@@ -0,0 +1,50 @@
+import { CheckboxInput, FeatureToggle } from '../base';
+
+export const CHAT_ATTACKLOGS: FeatureToggle = {
+ name: 'Attack Log Messages',
+ category: 'ADMIN',
+ description: 'Show attack logs.',
+ component: CheckboxInput,
+};
+
+export const CHAT_DEBUGLOGS: FeatureToggle = {
+ name: 'Debug Logs',
+ category: 'ADMIN',
+ description: 'Show debug logs.',
+ component: CheckboxInput,
+};
+
+export const CHAT_PRAYER: FeatureToggle = {
+ name: 'Chat Prayers',
+ category: 'ADMIN',
+ description: 'Show prayers.',
+ component: CheckboxInput,
+};
+
+export const SOUND_ADMINHELP: FeatureToggle = {
+ name: 'Adminhelp Sound',
+ category: 'ADMIN',
+ description: 'Enables playing the bwoink when a new adminhelp is sent.',
+ component: CheckboxInput,
+};
+
+export const CHAT_RADIO: FeatureToggle = {
+ name: 'Radio Chatter',
+ category: 'ADMIN',
+ description: 'Completely enable/disable hearing any radio anywhere.',
+ component: CheckboxInput,
+};
+
+export const CHAT_RLOOC: FeatureToggle = {
+ name: 'Remote LOOC Chat',
+ category: 'ADMIN',
+ description: 'Hear LOOC from anywhere.',
+ component: CheckboxInput,
+};
+
+export const CHAT_ADSAY: FeatureToggle = {
+ name: 'Living Deadchat',
+ category: 'ADMIN',
+ description: 'Enables seeing deadchat when not observing.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/chat.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/chat.tsx
new file mode 100644
index 0000000000..10c081f060
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/chat.tsx
@@ -0,0 +1,81 @@
+import { CheckboxInput, FeatureToggle } from '../base';
+
+export const CHAT_SHOWICONS: FeatureToggle = {
+ name: 'Chat Tags',
+ category: 'CHAT',
+ description: 'Show tags/badges on special channels like OOC.',
+ component: CheckboxInput,
+};
+
+export const SHOW_TYPING: FeatureToggle = {
+ name: 'Typing Indicator',
+ category: 'CHAT',
+ description: 'Show a typing indicator when you are typing ingame.',
+ component: CheckboxInput,
+};
+
+export const SHOW_TYPING_SUBTLE: FeatureToggle = {
+ name: 'Typing Indicator: Subtle',
+ category: 'CHAT',
+ description: 'Show typing indicator for subtle and whisper messages.',
+ component: CheckboxInput,
+};
+
+export const CHAT_OOC: FeatureToggle = {
+ name: 'OOC Chat',
+ category: 'CHAT',
+ description: 'Enables OOC chat.',
+ component: CheckboxInput,
+};
+
+export const CHAT_LOOC: FeatureToggle = {
+ name: 'LOOC Chat',
+ category: 'CHAT',
+ description: 'Enables L(ocal)OOC chat.',
+ component: CheckboxInput,
+};
+
+export const CHAT_DEAD: FeatureToggle = {
+ name: 'Dead Chat',
+ category: 'CHAT',
+ description: 'Enables observer/dead/ghost chat.',
+ component: CheckboxInput,
+};
+
+export const CHAT_MENTION: FeatureToggle = {
+ name: 'Emphasize Name Mention',
+ category: 'CHAT',
+ description:
+ 'Makes messages containing your name or nickname appear larger to get your attention.',
+ component: CheckboxInput,
+};
+
+export const VORE_HEALTH_BARS: FeatureToggle = {
+ name: 'Vore Health Bars',
+ category: 'CHAT',
+ description:
+ 'Periodically shows status health bars in chat occasionally during vore absorption/digestion.',
+ component: CheckboxInput,
+};
+
+export const NEWS_POPUP: FeatureToggle = {
+ name: 'Lore News Popups',
+ category: 'CHAT',
+ description: 'Show new lore news on login.',
+ component: CheckboxInput,
+};
+
+export const RECEIVE_TIPS: FeatureToggle = {
+ name: 'Receive Tips Periodically',
+ category: 'CHAT',
+ description: 'Show helpful tips for new players periodically.',
+ component: CheckboxInput,
+};
+
+export const PAIN_FREQUENCY: FeatureToggle = {
+ name: 'Pain Message Cooldown',
+ category: 'CHAT',
+ description:
+ 'When enabled, reduces the amount of pain messages for minor wounds that you see.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
new file mode 100644
index 0000000000..10cc2297af
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ghost.tsx
@@ -0,0 +1,36 @@
+import { CheckboxInput, FeatureToggle } from '../base';
+
+export const WHISUBTLE_VIS: FeatureToggle = {
+ name: 'Allow ghosts to see whispers/subtles',
+ category: 'GHOST',
+ description: 'Enables ghosts to see your whispers and subtle emotes.',
+ component: CheckboxInput,
+};
+
+export const GHOST_SEE_WHISUBTLE: FeatureToggle = {
+ name: 'See whispers/subtles as ghost',
+ category: 'GHOST',
+ description: 'As a ghost, see whispers and subtles.',
+ component: CheckboxInput,
+};
+
+export const CHAT_GHOSTEARS: FeatureToggle = {
+ name: 'Ghost Ears',
+ category: 'GHOST',
+ description: 'When enabled, hear all speech; otherwise, only hear nearby.',
+ component: CheckboxInput,
+};
+
+export const CHAT_GHOSTSIGHT: FeatureToggle = {
+ name: 'Ghost Sight',
+ category: 'GHOST',
+ description: 'When enabled, hear all emotes; otherwise, only hear nearby.',
+ component: CheckboxInput,
+};
+
+export const CHAT_GHOSTRADIO: FeatureToggle = {
+ name: 'Ghost Radio',
+ category: 'GHOST',
+ description: 'When enabled, hear all radio; otherwise, only hear nearby.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/misc.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/misc.tsx
new file mode 100644
index 0000000000..33e63600a4
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/misc.tsx
@@ -0,0 +1,74 @@
+import { CheckboxInput, FeatureToggle } from '../base';
+
+export const AMBIENT_OCCLUSION_PREF: FeatureToggle = {
+ name: 'Enable ambient occlusion',
+ category: 'GAMEPLAY',
+ description: 'Enable ambient occlusion, light shadows around characters.',
+ component: CheckboxInput,
+};
+
+export const MOB_TOOLTIPS: FeatureToggle = {
+ name: 'Enable mob tooltips',
+ category: 'GAMEPLAY',
+ description: 'Enable tooltips when hovering over mobs.',
+ component: CheckboxInput,
+};
+
+export const INV_TOOLTIPS: FeatureToggle = {
+ name: 'Enable inventory tooltips',
+ category: 'GAMEPLAY',
+ description: 'Enable tooltips when hovering over inventory items.',
+ component: CheckboxInput,
+};
+
+export const ATTACK_ICONS: FeatureToggle = {
+ name: 'Attack Icons',
+ category: 'GAMEPLAY',
+ description:
+ 'Enable showing an overlay of what a mob was hit with during the attack animation.',
+ component: CheckboxInput,
+};
+
+export const PRECISE_PLACEMENT: FeatureToggle = {
+ name: 'Precision Placement',
+ category: 'GAMEPLAY',
+ description:
+ 'Objects placed on table will be on cursor position when enabled, or centered when disabled.',
+ component: CheckboxInput,
+};
+
+export const HUD_HOTKEYS: FeatureToggle = {
+ name: 'Hotkeys Default',
+ category: 'GAMEPLAY',
+ description: 'Enables turning hotkey mode on by default.',
+ component: CheckboxInput,
+};
+
+export const SHOW_PROGRESS: FeatureToggle = {
+ name: 'Progress Bar',
+ category: 'GAMEPLAY',
+ description: 'Enables seeing progress bars for various actions.',
+ component: CheckboxInput,
+};
+
+export const SAFE_FIRING: FeatureToggle = {
+ name: 'Gun Firing Intent Requirement',
+ category: 'GAMEPLAY',
+ description: 'When enabled, firing a gun requires a non-help intent to fire.',
+ component: CheckboxInput,
+};
+
+export const SHOW_STATUS: FeatureToggle = {
+ name: 'Status Indicators',
+ category: 'GAMEPLAY',
+ description: "Enables seeing status indicators over people's heads.",
+ component: CheckboxInput,
+};
+
+export const AUTO_AFK: FeatureToggle = {
+ name: 'Automatic AFK Status',
+ category: 'GAMEPLAY',
+ description:
+ 'When enabled, you will automatically be marked as AFK if you are idle for too long.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/runechat.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/runechat.tsx
new file mode 100644
index 0000000000..832c3d79fe
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/runechat.tsx
@@ -0,0 +1,29 @@
+import { CheckboxInput, FeatureToggle } from '../base';
+
+export const RUNECHAT_MOB: FeatureToggle = {
+ name: 'Runechat: Mobs',
+ category: 'RUNECHAT',
+ description: 'Chat messages will show above heads.',
+ component: CheckboxInput,
+};
+
+export const RUNECHAT_OBJ: FeatureToggle = {
+ name: 'Runechat: Objects',
+ category: 'RUNECHAT',
+ description: 'Chat messages will show above objects when they speak.',
+ component: CheckboxInput,
+};
+
+export const RUNECHAT_BORDER: FeatureToggle = {
+ name: 'Runechat: Letter Borders',
+ category: 'RUNECHAT',
+ description: 'Enables a border around each letter in a runechat message.',
+ component: CheckboxInput,
+};
+
+export const RUNECHAT_LONG: FeatureToggle = {
+ name: 'Runechat: Long Messages',
+ category: 'RUNECHAT',
+ description: 'Sets runechat to show more characters.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sound.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sound.tsx
new file mode 100644
index 0000000000..937fe35486
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sound.tsx
@@ -0,0 +1,156 @@
+import { CheckboxInput, FeatureToggle } from '../base';
+
+export const SOUND_MIDI: FeatureToggle = {
+ name: 'Play Admin MIDIs',
+ category: 'SOUNDS',
+ description: 'Enable hearing admin played sounds.',
+ component: CheckboxInput,
+};
+
+export const SOUND_LOBBY: FeatureToggle = {
+ name: 'Play Lobby Music',
+ category: 'SOUNDS',
+ description: 'Enable hearing lobby music.',
+ component: CheckboxInput,
+};
+
+export const SOUND_AMBIENCE: FeatureToggle = {
+ name: 'Play Ambience',
+ category: 'SOUNDS',
+ description: 'Enable hearing ambient sounds and music.',
+ component: CheckboxInput,
+};
+
+export const SOUND_JUKEBOX: FeatureToggle = {
+ name: 'Play Jukebox Music',
+ category: 'SOUNDS',
+ description: 'Enable hearing music from the jukebox.',
+ component: CheckboxInput,
+};
+
+export const SOUND_INSTRUMENT: FeatureToggle = {
+ name: 'Hear In-game Instruments',
+ category: 'SOUNDS',
+ description: 'Enable hearing instruments playing.',
+ component: CheckboxInput,
+};
+
+export const EMOTE_NOISES: FeatureToggle = {
+ name: 'Emote Noises',
+ category: 'SOUNDS',
+ description: 'Enable hearing noises from emotes.',
+ component: CheckboxInput,
+};
+
+export const RADIO_SOUNDS: FeatureToggle = {
+ name: 'Radio Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing a sound when somebody speaks over your headset.',
+ component: CheckboxInput,
+};
+
+export const SAY_SOUNDS: FeatureToggle = {
+ name: 'Say Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing a sound when somebody speaks using say.',
+ component: CheckboxInput,
+};
+
+export const EMOTE_SOUNDS: FeatureToggle = {
+ name: 'Me Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing a sound when somebody uses me.',
+ component: CheckboxInput,
+};
+
+export const WHISPER_SOUNDS: FeatureToggle = {
+ name: 'Whisper Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing a sound when somebody speaks using whisper.',
+ component: CheckboxInput,
+};
+
+export const SUBTLE_SOUNDS: FeatureToggle = {
+ name: 'Subtle Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing a sound when somebody uses subtle.',
+ component: CheckboxInput,
+};
+
+export const SOUND_AIRPUMP: FeatureToggle = {
+ name: 'Air Pump Ambient Noise',
+ category: 'SOUNDS',
+ description: 'Enable hearing air vent humming.',
+ component: CheckboxInput,
+};
+
+export const SOUND_OLDDOORS: FeatureToggle = {
+ name: 'Old Door Sounds',
+ category: 'SOUNDS',
+ description: 'Switch to old door sounds.',
+ component: CheckboxInput,
+};
+
+export const SOUND_DEPARTMENTDOORS: FeatureToggle = {
+ name: 'Department Door Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing department-specific door sounds.',
+ component: CheckboxInput,
+};
+
+export const SOUND_PICKED: FeatureToggle = {
+ name: 'Picked-Up Item Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing a sound when items are picked up.',
+ component: CheckboxInput,
+};
+
+export const SOUND_DROPPED: FeatureToggle = {
+ name: 'Dropped Item Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing a sound when items are dropped.',
+ component: CheckboxInput,
+};
+
+export const SOUND_WEATHER: FeatureToggle = {
+ name: 'Weather Sounds',
+ category: 'SOUNDS',
+ description: 'Enable hearing weather sounds while on a planet.',
+ component: CheckboxInput,
+};
+
+export const SOUND_SUPERMATTER: FeatureToggle = {
+ name: 'Supermatter Hum',
+ category: 'SOUNDS',
+ description: 'Enable hearing supermatter hums.',
+ component: CheckboxInput,
+};
+
+export const SOUND_MENTORHELP: FeatureToggle = {
+ name: 'Mentorhelp Pings',
+ category: 'SOUNDS',
+ description: 'Enable hearing mentorhelp pings.',
+ component: CheckboxInput,
+};
+
+// Vorey sounds
+export const BELCH_NOISES: FeatureToggle = {
+ name: 'Belch Noises',
+ category: 'SOUNDS',
+ description: 'Enable hearing burping noises.',
+ component: CheckboxInput,
+};
+
+export const EATING_NOISES: FeatureToggle = {
+ name: 'Eating Noises',
+ category: 'SOUNDS',
+ description: 'Enable hearing vore eating noises.',
+ component: CheckboxInput,
+};
+
+export const DIGEST_NOISES: FeatureToggle = {
+ name: 'Digestion Noises',
+ category: 'SOUNDS',
+ description: 'Enable hearing vore digestion noises.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui.tsx
new file mode 100644
index 0000000000..7292b65de7
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/ui.tsx
@@ -0,0 +1,29 @@
+import { CheckboxInput, FeatureToggle } from '../base';
+
+export const BROWSER_STYLED: FeatureToggle = {
+ name: 'Use Fake NanoUI Browser Style',
+ category: 'UI',
+ description: 'Enable a dark fake NanoUI browser style for older UIs.',
+ component: CheckboxInput,
+};
+
+export const VCHAT_ENABLE: FeatureToggle = {
+ name: 'Enable TGChat',
+ category: 'UI',
+ description: 'Enable the TGChat chat panel.',
+ component: CheckboxInput,
+};
+
+export const TGUI_SAY: FeatureToggle = {
+ name: 'Say: Use TGUI',
+ category: 'UI',
+ description: 'Use TGUI for Say input.',
+ component: CheckboxInput,
+};
+
+export const TGUI_SAY_LIGHT_MODE: FeatureToggle = {
+ name: 'Say: Light mode',
+ category: 'UI',
+ description: 'Sets TGUI Say to use a light mode.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/index.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/index.ts
new file mode 100644
index 0000000000..8b49759534
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/index.ts
@@ -0,0 +1,37 @@
+// Unlike species and others, feature files export arrays of features
+// rather than individual ones. This is because a lot of features are
+// extremely small, and so it's easier for everyone to just combine them
+// together.
+// This still helps to prevent the server from needing to send client UI data
+import { Feature } from './base';
+
+// while also preventing downstreams from needing to mutate existing files.
+const features: Record> = {};
+
+const requireFeature = require.context('./', true, /.tsx$/);
+
+for (const key of requireFeature.keys()) {
+ if (key === 'index' || key === 'base') {
+ continue;
+ }
+
+ for (const [featureKey, feature] of Object.entries(requireFeature(key))) {
+ features[featureKey] = feature as Feature;
+ }
+}
+
+// CHOMPAdd start for modularity
+const requireAdditions = require.context(
+ '../../../chompstation/PreferencesMenu/preferences/features',
+ true,
+ /.tsx$/,
+);
+
+for (const key of requireAdditions.keys()) {
+ for (const [featureKey, feature] of Object.entries(requireAdditions(key))) {
+ features[featureKey] = feature as Feature;
+ }
+}
+// CHOMPAdd end
+
+export default features;
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/gender.ts b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/gender.ts
new file mode 100644
index 0000000000..baac865559
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/gender.ts
@@ -0,0 +1,28 @@
+export enum Gender {
+ Male = 'male',
+ Female = 'female',
+ Other = 'plural',
+ Other2 = 'neuter',
+}
+
+export const GENDERS = {
+ [Gender.Male]: {
+ icon: 'mars',
+ text: 'He/Him',
+ },
+
+ [Gender.Female]: {
+ icon: 'venus',
+ text: 'She/Her',
+ },
+
+ [Gender.Other]: {
+ icon: 'transgender',
+ text: 'They/Them',
+ },
+
+ [Gender.Other2]: {
+ icon: 'neuter',
+ text: 'It/Its',
+ },
+};
diff --git a/tgui/packages/tgui/interfaces/chompstation/PreferencesMenu/preferences/features/game_preferences/misc.tsx b/tgui/packages/tgui/interfaces/chompstation/PreferencesMenu/preferences/features/game_preferences/misc.tsx
new file mode 100644
index 0000000000..01ed68f1e7
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/chompstation/PreferencesMenu/preferences/features/game_preferences/misc.tsx
@@ -0,0 +1,18 @@
+import {
+ CheckboxInput,
+ FeatureToggle,
+} from '../../../../../PreferencesMenu/preferences/features/base';
+
+export const EMOTE_VARY: FeatureToggle = {
+ name: 'Random emote pitch',
+ category: 'GAMEPLAY',
+ description: 'Enable random emote pitch.',
+ component: CheckboxInput,
+};
+
+export const AUTOTRANSCORE: FeatureToggle = {
+ name: 'Automatic transcore notification',
+ category: 'GAMEPLAY',
+ description: 'Enable automatic transcore notification.',
+ component: CheckboxInput,
+};
diff --git a/tgui/packages/tgui/interfaces/chompstation/PreferencesMenu/preferences/features/game_preferences/sound.tsx b/tgui/packages/tgui/interfaces/chompstation/PreferencesMenu/preferences/features/game_preferences/sound.tsx
new file mode 100644
index 0000000000..3e0f8e78ad
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/chompstation/PreferencesMenu/preferences/features/game_preferences/sound.tsx
@@ -0,0 +1,25 @@
+import {
+ CheckboxInput,
+ FeatureToggle,
+} from '../../../../../PreferencesMenu/preferences/features/base';
+
+export const SOUND_ALARMLOOP: FeatureToggle = {
+ name: 'Looping Alarm Sounds',
+ category: 'SOUNDS',
+ description: 'Enable looping alarm sounds.',
+ component: CheckboxInput,
+};
+
+export const SOUND_FRIDGEHUM: FeatureToggle = {
+ name: 'Fridge Humming',
+ category: 'SOUNDS',
+ description: 'Enable fridge humming.',
+ component: CheckboxInput,
+};
+
+export const SLEEP_MUSIC: FeatureToggle = {
+ name: 'Sleeping Music',
+ category: 'SOUNDS',
+ description: 'Enable sleeping music.',
+ component: CheckboxInput,
+};
diff --git a/vorestation.dme b/vorestation.dme
index 8389ad70f6..8da7391b35 100644
--- a/vorestation.dme
+++ b/vorestation.dme
@@ -442,6 +442,7 @@
#include "code\datums\ghost_query.dm"
#include "code\datums\ghost_query_vr.dm"
#include "code\datums\hierarchy.dm"
+#include "code\datums\json_savefile.dm"
#include "code\datums\mind.dm"
#include "code\datums\mind_vr.dm"
#include "code\datums\mixed.dm"
@@ -2034,6 +2035,7 @@
#include "code\modules\asset_cache\assets\fontawesome.dm"
#include "code\modules\asset_cache\assets\icon_ref_map.dm"
#include "code\modules\asset_cache\assets\jquery.dm"
+#include "code\modules\asset_cache\assets\preferences.dm"
#include "code\modules\asset_cache\assets\tgfont.dm"
#include "code\modules\asset_cache\assets\tgui.dm"
#include "code\modules\asset_cache\transports\asset_transport.dm"
@@ -2104,10 +2106,10 @@
#include "code\modules\client\client procs_vr.dm"
#include "code\modules\client\movement.dm"
#include "code\modules\client\preferences.dm"
-#include "code\modules\client\preferences_ch.dm"
#include "code\modules\client\preferences_factions.dm"
#include "code\modules\client\preferences_savefile.dm"
#include "code\modules\client\preferences_spawnpoints.dm"
+#include "code\modules\client\preferences_tgui.dm"
#include "code\modules\client\preferences_toggle_procs.dm"
#include "code\modules\client\preferences_vr.dm"
#include "code\modules\client\preferences_yw.dm"
@@ -2129,7 +2131,6 @@
#include "code\modules\client\preference_setup\global\02_settings.dm"
#include "code\modules\client\preference_setup\global\03_pai.dm"
#include "code\modules\client\preference_setup\global\04_ooc.dm"
-#include "code\modules\client\preference_setup\global\setting_datums.dm"
#include "code\modules\client\preference_setup\loadout\gear_tweaks.dm"
#include "code\modules\client\preference_setup\loadout\gear_tweaks_vr.dm"
#include "code\modules\client\preference_setup\loadout\loadout.dm"
@@ -2185,6 +2186,18 @@
#include "code\modules\client\preference_setup\vore\07_traits.dm"
#include "code\modules\client\preference_setup\vore\08_nif.dm"
#include "code\modules\client\preference_setup\vore\09_misc.dm"
+#include "code\modules\client\preferences\_preference.dm"
+#include "code\modules\client\preferences\preferences_tg.dm"
+#include "code\modules\client\preferences\middleware\_middleware.dm"
+#include "code\modules\client\preferences\migrations\13_preferences.dm"
+#include "code\modules\client\preferences\migrations\14_nifs.dm"
+#include "code\modules\client\preferences\types\admin.dm"
+#include "code\modules\client\preferences\types\chat.dm"
+#include "code\modules\client\preferences\types\ghost.dm"
+#include "code\modules\client\preferences\types\misc.dm"
+#include "code\modules\client\preferences\types\runechat.dm"
+#include "code\modules\client\preferences\types\sound.dm"
+#include "code\modules\client\preferences\types\ui.dm"
#include "code\modules\client\verbs\advanced_who.dm"
#include "code\modules\client\verbs\character_directory.dm"
#include "code\modules\client\verbs\ignore.dm"
@@ -4793,7 +4806,6 @@
#include "modular_chomp\code\modules\casino\casino_map_atoms.dm"
#include "modular_chomp\code\modules\client\preferences.dm"
#include "modular_chomp\code\modules\client\preferences_spawnpoints.dm"
-#include "modular_chomp\code\modules\client\preference_setup\global\setting_datums.dm"
#include "modular_chomp\code\modules\client\preference_setup\loadout\gear_tweaks.dm"
#include "modular_chomp\code\modules\client\preference_setup\loadout\loadout_accessories.dm"
#include "modular_chomp\code\modules\client\preference_setup\loadout\loadout_general.dm"
@@ -4802,6 +4814,8 @@
#include "modular_chomp\code\modules\client\preference_setup\loadout\loadout_shoes.dm"
#include "modular_chomp\code\modules\client\preference_setup\loadout\loadout_suit.dm"
#include "modular_chomp\code\modules\client\preference_setup\loadout\loadout_xeno.dm"
+#include "modular_chomp\code\modules\client\preferences\types\misc.dm"
+#include "modular_chomp\code\modules\client\preferences\types\sound.dm"
#include "modular_chomp\code\modules\client\verbs\ping.dm"
#include "modular_chomp\code\modules\clothing\clothing.dm"
#include "modular_chomp\code\modules\clothing\clothing_icons.dm"