{!!customization_options && hasExpandableCustomization && (
diff --git a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sounds.tsx b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sounds.tsx
index 8516823a5587f..3f1c50c16f9f1 100644
--- a/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sounds.tsx
+++ b/tgui/packages/tgui/interfaces/PreferencesMenu/preferences/features/game_preferences/sounds.tsx
@@ -10,6 +10,7 @@ import { FeatureDropdownInput } from '../dropdowns';
export const sound_ambience: FeatureToggle = {
name: 'Enable ambience',
category: 'SOUND',
+ description: `Ambience refers to the more noticeable ambient sounds that play on occasion.`,
component: CheckboxInput,
};
@@ -81,6 +82,7 @@ export const sound_midi: FeatureToggle = {
export const sound_ship_ambience: FeatureToggle = {
name: 'Enable ship ambience',
category: 'SOUND',
+ description: `Ship ambience refers to the low ambient buzz that plays on loop.`,
component: CheckboxInput,
};
diff --git a/tgui/packages/tgui/interfaces/QuantumConsole.tsx b/tgui/packages/tgui/interfaces/QuantumConsole.tsx
index bba1d85801933..c42a7ce9402d2 100644
--- a/tgui/packages/tgui/interfaces/QuantumConsole.tsx
+++ b/tgui/packages/tgui/interfaces/QuantumConsole.tsx
@@ -1,6 +1,4 @@
import { BooleanLike } from 'common/react';
-
-import { useBackend, useSharedState } from '../backend';
import {
Button,
Collapsible,
@@ -12,7 +10,9 @@ import {
Table,
Tabs,
Tooltip,
-} from '../components';
+} from 'tgui-core/components';
+
+import { useBackend, useSharedState } from '../backend';
import { TableCell, TableRow } from '../components/Table';
import { Window } from '../layouts';
import { LoadingScreen } from './common/LoadingToolbox';
diff --git a/tgui/packages/tgui/interfaces/RestockTracker.jsx b/tgui/packages/tgui/interfaces/RestockTracker.jsx
index 7df606adffcd3..ab6f1d012edf0 100644
--- a/tgui/packages/tgui/interfaces/RestockTracker.jsx
+++ b/tgui/packages/tgui/interfaces/RestockTracker.jsx
@@ -81,7 +81,17 @@ export const RestockTracker = (props) => {
))}
+ {vending_list.length === 0 &&
}
);
};
+
+export const RestockTrackerFull = (props) => {
+ const { data } = useBackend();
+ return (
+
+ All vending machines stocked!
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/Secrets.jsx b/tgui/packages/tgui/interfaces/Secrets.jsx
index ebd0b998d2c28..a0896ec750722 100644
--- a/tgui/packages/tgui/interfaces/Secrets.jsx
+++ b/tgui/packages/tgui/interfaces/Secrets.jsx
@@ -301,13 +301,13 @@ const FunTab = (props) => {
/>
-
- Your admin button here, coder!
-
+ content="Mass Heal everyone"
+ onClick={() => act('mass_heal')}
+ />
diff --git a/tgui/packages/tgui/interfaces/TankCompressor.jsx b/tgui/packages/tgui/interfaces/TankCompressor.jsx
deleted file mode 100644
index 1fddb2b1938f6..0000000000000
--- a/tgui/packages/tgui/interfaces/TankCompressor.jsx
+++ /dev/null
@@ -1,356 +0,0 @@
-import { useBackend, useSharedState } from '../backend';
-import {
- Box,
- Button,
- Flex,
- Icon,
- LabeledList,
- Modal,
- NoticeBox,
- RoundGauge,
- Section,
- Slider,
- Stack,
- Tabs,
-} from '../components';
-import { Window } from '../layouts';
-import { GasmixParser } from './common/GasmixParser';
-
-export const TankCompressor = (props) => {
- return (
-
-
-
-
-
- );
-};
-
-const TankCompressorContent = (props) => {
- const { act, data } = useBackend();
- const { disk, storage } = data;
- const [currentTab, changeTab] = useSharedState('compressorTab', 1);
-
- return (
-
- {currentTab === 1 && }
- {currentTab === 2 && }
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-const AlertBoxes = (props) => {
- const { text_content, icon_name, icon_break, color, active } = props;
-
- return (
-
-
-
-
- {icon_break &&
}
- {text_content}
-
-
-
- );
-};
-
-const TankCompressorControls = (props) => {
- const { act, data } = useBackend();
- const {
- tankPresent,
- leaking,
- lastPressure,
- leakPressure,
- fragmentPressure,
- tankPressure,
- maxTransfer,
- active,
- transferRate,
- ejectPressure,
- inputData,
- outputData,
- bufferData,
- } = data;
- const pressure = tankPresent ? tankPressure : lastPressure;
- const usingLastData = !!(lastPressure && !tankPresent);
-
- return (
- <>
-
- ejectPressure}
- onClick={() => act('eject_tank')}
- >
- {'Eject Tank'}
-
- }
- >
- {!pressure && {'No Pressure Detected'}}
- {usingLastData && (
-
- {'Tank destroyed. Displaying last recorded data.'}
-
- )}
-
-
- (value ? value.toFixed(2) : '-') + ' kPa'}
- />
-
-
-
-
-
- = leakPressure}
- />
-
-
-
-
- = leakPressure &&
- pressure < fragmentPressure) ||
- leaking
- }
- />
-
-
- = fragmentPressure}
- />
-
-
-
-
-
-
-
-
-
-
-
- act('change_rate', { target: new_rate })
- }
- />
-
-
-
-
-
-
-
-
-
-
-
- {!inputData.total_moles && {'No Gas Present'}}
-
-
-
-
-
- {!outputData.inputData && {'No Gas Present'}}
-
-
-
-
-
- }
- >
- {!bufferData.total_moles && {'No Gas Present'}}
-
-
-
-
-
-
- );
-};
-
-const TankCompressorRecords = (props) => {
- const { act, data } = useBackend();
- const { records = [], disk } = data;
- const [activeRecordRef, setActiveRecordRef] = useSharedState(
- 'recordRef',
- records[0]?.ref,
- );
- const activeRecord =
- !!activeRecordRef &&
- records.find((record) => activeRecordRef === record.ref);
- if (records.length === 0) {
- return (
-
- No Records
-
- );
- }
-
- return (
-
-
-
-
- {records.map((record) => (
- setActiveRecordRef(record.ref)}
- >
- {record.name}
-
- ))}
-
-
- {activeRecord ? (
-
- {
- act('delete_record', {
- ref: activeRecord.ref,
- });
- }}
- />,
-
-
- ) : (
-
- No Record Selected
-
- )}
-
-
- );
-};
diff --git a/tgui/packages/tgui/interfaces/TankCompressor.tsx b/tgui/packages/tgui/interfaces/TankCompressor.tsx
new file mode 100644
index 0000000000000..a0d2acc14fb4b
--- /dev/null
+++ b/tgui/packages/tgui/interfaces/TankCompressor.tsx
@@ -0,0 +1,322 @@
+import { toFixed } from 'common/math';
+import { BooleanLike } from 'common/react';
+
+import { useBackend, useSharedState } from '../backend';
+import {
+ Box,
+ Button,
+ Knob,
+ LabeledControls,
+ LabeledList,
+ NoticeBox,
+ RoundGauge,
+ Section,
+ Stack,
+ Tabs,
+} from '../components';
+import { formatSiUnit } from '../format';
+import { Window } from '../layouts';
+
+type Data = {
+ // Dynamic
+ tankPresent: BooleanLike;
+ tankPressure: number;
+ leaking: BooleanLike;
+ active: BooleanLike;
+ transferRate: number;
+ lastPressure: number;
+ disk: string;
+ storage: string;
+ records: Record[];
+ // Static
+ maxTransfer: number;
+ leakPressure: number;
+ fragmentPressure: number;
+ ejectPressure: number;
+};
+
+type Record = {
+ ref: string;
+ name: string;
+ timestamp: string;
+ source: string;
+ gases: GasMoles[];
+};
+
+type GasMoles = {
+ [key: string]: number;
+};
+
+const formatPressure = (value) => {
+ if (value < 10000) {
+ return toFixed(value) + ' kPa';
+ }
+ return formatSiUnit(value * 1000, 1, 'Pa');
+};
+
+export const TankCompressor = (props) => {
+ return (
+
+
+
+
+
+ );
+};
+
+const TankCompressorContent = (props) => {
+ const { act, data } = useBackend
();
+ const { disk, storage } = data;
+
+ return (
+
+
+
+ act('eject_disk')}
+ >
+ Eject Disk
+
+ }
+ >
+
+
+
+
+ );
+};
+
+const TankCompressorControls = (props) => {
+ const { act, data } = useBackend();
+ const {
+ tankPresent,
+ leaking,
+ lastPressure,
+ leakPressure,
+ fragmentPressure,
+ tankPressure,
+ maxTransfer,
+ active,
+ transferRate,
+ ejectPressure,
+ } = data;
+ const pressure = tankPresent ? tankPressure : lastPressure;
+ const usingLastData = !!(lastPressure && !tankPresent);
+ const notice_color =
+ usingLastData || leaking || pressure > fragmentPressure
+ ? 'bad'
+ : !tankPresent
+ ? 'blue'
+ : pressure > leakPressure
+ ? 'average'
+ : 'good';
+ const notice_text = usingLastData
+ ? 'Tank destroyed. Displaying last recorded data.'
+ : !tankPresent
+ ? 'No Tank Detected'
+ : leaking
+ ? 'Tank Leaking'
+ : !pressure
+ ? 'No Pressure Detected'
+ : pressure < leakPressure
+ ? 'Tank Pressure Nominal'
+ : pressure < fragmentPressure
+ ? 'Leak Hazard'
+ : 'Explosive Hazard';
+
+ return (
+
+ ejectPressure}
+ onClick={() => act('eject_tank')}
+ >
+ {'Eject Tank'}
+
+ }
+ >
+ {notice_text}
+
+
+
+
+
+
+
+ act('change_rate', {
+ target: value,
+ })
+ }
+ />
+
+
+
+
+
+
+
+
+ );
+};
+
+const TankCompressorRecords = (props) => {
+ const { act, data } = useBackend();
+ const { records = [], disk } = data;
+ const [activeRecordRef, setActiveRecordRef] = useSharedState(
+ 'recordRef',
+ records[0]?.ref,
+ );
+ const activeRecord =
+ !!activeRecordRef &&
+ records.find((record) => activeRecordRef === record.ref);
+ if (records.length === 0) {
+ return (
+
+ No Records
+
+ );
+ }
+
+ return (
+
+
+
+
+ {records.map((record) => (
+ setActiveRecordRef(record.ref)}
+ >
+ {record.name}
+
+ ))}
+
+
+ {activeRecord ? (
+
+
+
+ {activeRecord.name}
+
+
+ {activeRecord.timestamp}
+
+
+ {activeRecord.source}
+
+
+
+ {Object.keys(activeRecord.gases).map((gas_name) => (
+
+ {(activeRecord.gases[gas_name]
+ ? activeRecord.gases[gas_name].toFixed(2)
+ : '-') + ' moles'}
+
+ ))}
+
+
+
+
+
+
+ ) : (
+
+ No Record Selected
+
+ )}
+
+
+ );
+};
diff --git a/tgui/packages/tgui/interfaces/TankDispenser.jsx b/tgui/packages/tgui/interfaces/TankDispenser.jsx
deleted file mode 100644
index ea94a5f3148c1..0000000000000
--- a/tgui/packages/tgui/interfaces/TankDispenser.jsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useBackend } from '../backend';
-import { Button, LabeledList, Section } from '../components';
-import { Window } from '../layouts';
-
-export const TankDispenser = (props) => {
- const { act, data } = useBackend();
- return (
-
-
-
-
- act('plasma')}
- />
- }
- >
- {data.plasma}
-
- act('oxygen')}
- />
- }
- >
- {data.oxygen}
-
-
-
-
-
- );
-};
diff --git a/tgui/packages/tgui/interfaces/Techweb.jsx b/tgui/packages/tgui/interfaces/Techweb.jsx
index c041d646d7d99..dcafea78bf529 100644
--- a/tgui/packages/tgui/interfaces/Techweb.jsx
+++ b/tgui/packages/tgui/interfaces/Techweb.jsx
@@ -621,7 +621,7 @@ const TechNode = (props) => {
{design_ids.map((k, i) => (