diff --git a/tgui/packages/tgui/interfaces/AdventureBrowser.tsx b/tgui/packages/tgui/interfaces/AdventureBrowser.tsx
index eb1c889756..acf989f182 100644
--- a/tgui/packages/tgui/interfaces/AdventureBrowser.tsx
+++ b/tgui/packages/tgui/interfaces/AdventureBrowser.tsx
@@ -2,7 +2,7 @@ import { useBackend, useLocalState } from '../backend';
 import { Button, LabeledList, Section, Box, NoticeBox, Table } from 'tgui-core/components';
 import { Window } from '../layouts';
 import { AdventureDataProvider, AdventureScreen } from './ExodroneConsole';
-import { formatTime } from '../format';
+import { formatTime } from 'tgui-core/format';
 
 type Adventure = {
   ref: string;
diff --git a/tgui/packages/tgui/interfaces/AnnouncementHelp.tsx b/tgui/packages/tgui/interfaces/AnnouncementHelp.tsx
index 94c921f973..fc4597e46d 100644
--- a/tgui/packages/tgui/interfaces/AnnouncementHelp.tsx
+++ b/tgui/packages/tgui/interfaces/AnnouncementHelp.tsx
@@ -1,6 +1,6 @@
 import { filter } from 'common/collections';
 import { flow } from 'common/fp';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Button, Collapsible, Icon, Input, Section, Stack, Tabs } from 'tgui-core/components';
 import { useLocalState } from '../backend';
diff --git a/tgui/packages/tgui/interfaces/AntagInfoTraitor.tsx b/tgui/packages/tgui/interfaces/AntagInfoTraitor.tsx
index d597f3e716..29af0cd33a 100644
--- a/tgui/packages/tgui/interfaces/AntagInfoTraitor.tsx
+++ b/tgui/packages/tgui/interfaces/AntagInfoTraitor.tsx
@@ -1,5 +1,5 @@
 import { useBackend, useLocalState } from '../backend';
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { BlockQuote, Button, Dimmer, Section, Stack } from 'tgui-core/components';
 import { BooleanLike } from 'common/react';
 import { Window } from '../layouts';
@@ -51,11 +51,11 @@ const ObjectivePrintout = (props) => {
       </Stack.Item>
       <Stack.Item>
         {!objectives && "None!"
-        || objectives.map(objective => (
-          <Stack.Item key={objective.count}>
-            #{objective.count}: {objective.explanation}
-          </Stack.Item>
-        )) }
+          || objectives.map(objective => (
+            <Stack.Item key={objective.count}>
+              #{objective.count}: {objective.explanation}
+            </Stack.Item>
+          ))}
       </Stack.Item>
     </Stack>
   );
@@ -148,20 +148,20 @@ const UplinkSection = (props) => {
             </Stack.Item>
           </Dimmer>
         ) || (
-          <>
-            <Stack.Item bold>
-              {uplink_intro}
-              <br />
-              <span style={goalstyle}>Code: {code}</span>
-            </Stack.Item>
-            <Stack.Divider />
-            <Stack.Item mt="1%">
-              <BlockQuote>
-                {uplink_unlock_info}
-              </BlockQuote>
-            </Stack.Item>
-          </>
-        )}
+            <>
+              <Stack.Item bold>
+                {uplink_intro}
+                <br />
+                <span style={goalstyle}>Code: {code}</span>
+              </Stack.Item>
+              <Stack.Divider />
+              <Stack.Item mt="1%">
+                <BlockQuote>
+                  {uplink_unlock_info}
+                </BlockQuote>
+              </Stack.Item>
+            </>
+          )}
       </Stack>
     </Section>
   );
diff --git a/tgui/packages/tgui/interfaces/Autolathe.tsx b/tgui/packages/tgui/interfaces/Autolathe.tsx
index 0059572a8a..f6631c0379 100644
--- a/tgui/packages/tgui/interfaces/Autolathe.tsx
+++ b/tgui/packages/tgui/interfaces/Autolathe.tsx
@@ -1,7 +1,7 @@
 import { useBackend, useLocalState } from '../backend';
 import { Button, LabeledList, Section, ProgressBar, Flex, Box, Table, Collapsible, Input, Dimmer, Icon } from 'tgui-core/components';
 import { Window } from '../layouts';
-import { capitalize } from "common/string";
+import { capitalize } from "tgui-core/string";
 
 export const Autolathe = (props) => {
   const { act, data } = useBackend<any>();
diff --git a/tgui/packages/tgui/interfaces/AutomatedAnnouncement.tsx b/tgui/packages/tgui/interfaces/AutomatedAnnouncement.tsx
index 8e441659ee..2308e38cc6 100644
--- a/tgui/packages/tgui/interfaces/AutomatedAnnouncement.tsx
+++ b/tgui/packages/tgui/interfaces/AutomatedAnnouncement.tsx
@@ -1,4 +1,4 @@
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Button, Input, LabeledList, Section } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/BankMachine.tsx b/tgui/packages/tgui/interfaces/BankMachine.tsx
index 459cb4d3ba..8a56d9818b 100644
--- a/tgui/packages/tgui/interfaces/BankMachine.tsx
+++ b/tgui/packages/tgui/interfaces/BankMachine.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
 import { AnimatedNumber, Button, LabeledList, NoticeBox, Section } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 export const BankMachine = (props) => {
diff --git a/tgui/packages/tgui/interfaces/Biogenerator.tsx b/tgui/packages/tgui/interfaces/Biogenerator.tsx
index 722b22bf33..6356506194 100644
--- a/tgui/packages/tgui/interfaces/Biogenerator.tsx
+++ b/tgui/packages/tgui/interfaces/Biogenerator.tsx
@@ -1,8 +1,8 @@
 import { classes } from 'common/react';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Dimmer, Flex, Icon, Input, NoticeBox, NumberInput, Section, Table, Tabs } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 const MAX_SEARCH_RESULTS = 25;
diff --git a/tgui/packages/tgui/interfaces/BlackMarketUplink.tsx b/tgui/packages/tgui/interfaces/BlackMarketUplink.tsx
index d281a1cdc7..b2011dbc01 100644
--- a/tgui/packages/tgui/interfaces/BlackMarketUplink.tsx
+++ b/tgui/packages/tgui/interfaces/BlackMarketUplink.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
 import { AnimatedNumber, Box, Button, Flex, Modal, Section, Stack, Tabs } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 export const BlackMarketUplink = (props) => {
diff --git a/tgui/packages/tgui/interfaces/BluespaceVendor.tsx b/tgui/packages/tgui/interfaces/BluespaceVendor.tsx
index f925d83798..6c22ec2584 100644
--- a/tgui/packages/tgui/interfaces/BluespaceVendor.tsx
+++ b/tgui/packages/tgui/interfaces/BluespaceVendor.tsx
@@ -1,7 +1,7 @@
 import { filter, sortBy } from 'common/collections';
 import { flow } from 'common/fp';
 import { toFixed } from 'common/math';
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Button, Divider, LabeledList, NumberInput, ProgressBar, Section, Stack, Box } from 'tgui-core/components';
 import { getGasColor, getGasLabel } from '../constants';
@@ -122,16 +122,16 @@ export const BluespaceVendor = (props) => {
                               gas_id: gas.id,
                             })} />
                         ) || (
-                          <Button
-                            ml={1}
-                            disabled={data.selected_gas !== gas.id}
-                            icon="minus"
-                            tooltipPosition="left"
-                            tooltip={"Stop adding " + gas.name + "."}
-                            onClick={() => act('stop_pumping', {
-                              gas_id: gas.id,
-                            })} />
-                        )}
+                            <Button
+                              ml={1}
+                              disabled={data.selected_gas !== gas.id}
+                              icon="minus"
+                              tooltipPosition="left"
+                              tooltip={"Stop adding " + gas.name + "."}
+                              onClick={() => act('stop_pumping', {
+                                gas_id: gas.id,
+                              })} />
+                          )}
                       </Stack.Item>
                     </Stack>
                     <Divider />
diff --git a/tgui/packages/tgui/interfaces/CameraConsole.tsx b/tgui/packages/tgui/interfaces/CameraConsole.tsx
index e3517077be..251b8f1111 100644
--- a/tgui/packages/tgui/interfaces/CameraConsole.tsx
+++ b/tgui/packages/tgui/interfaces/CameraConsole.tsx
@@ -1,7 +1,7 @@
 import { filter, sortBy } from 'common/collections';
 import { flow } from 'common/fp';
 import { classes } from 'common/react';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Button, ByondUi, Flex, Input, Section } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -115,8 +115,8 @@ export const CameraConsoleContent = (props) => {
           fill
           scrollable>
           {cameras.map(camera => (
-          // We're not using the component here because performance
-          // would be absolutely abysmal (50+ ms for each re-render).
+            // We're not using the component here because performance
+            // would be absolutely abysmal (50+ ms for each re-render).
             <div
               key={camera.name}
               title={camera.name}
diff --git a/tgui/packages/tgui/interfaces/Canister.tsx b/tgui/packages/tgui/interfaces/Canister.tsx
index e6f87431ef..1d90cf83f7 100644
--- a/tgui/packages/tgui/interfaces/Canister.tsx
+++ b/tgui/packages/tgui/interfaces/Canister.tsx
@@ -1,7 +1,7 @@
 import { toFixed } from 'common/math';
 import { useBackend } from '../backend';
 import { Box, Button, Flex, Icon, Knob, LabeledControls, LabeledList, RoundGauge, Section, Tooltip } from 'tgui-core/components';
-import { formatSiUnit } from '../format';
+import { formatSiUnit } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 const formatPressure = value => {
diff --git a/tgui/packages/tgui/interfaces/Cargo.tsx b/tgui/packages/tgui/interfaces/Cargo.tsx
index 588455774b..5f78b36d1c 100644
--- a/tgui/packages/tgui/interfaces/Cargo.tsx
+++ b/tgui/packages/tgui/interfaces/Cargo.tsx
@@ -2,7 +2,7 @@ import { toArray } from 'common/collections';
 import { Fragment } from 'react';
 import { useBackend, useSharedState } from '../backend';
 import { AnimatedNumber, Box, Button, Flex, LabeledList, Section, Table, Tabs } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 export const Cargo = (props) => {
@@ -10,7 +10,7 @@ export const Cargo = (props) => {
     <Window
       width={780}
       height={750}
-      >
+    >
       <Window.Content scrollable>
         <CargoContent />
       </Window.Content>
@@ -98,7 +98,7 @@ const CargoStatus = (props) => {
       )}>
       <LabeledList>
         <LabeledList.Item label="Shuttle">
-          {docked && !requestonly && can_send &&(
+          {docked && !requestonly && can_send && (
             <Button
               content={location}
               onClick={() => act('send')} />
@@ -115,10 +115,10 @@ const CargoStatus = (props) => {
                 disabled={!(away && docked)}
                 onClick={() => act('loan')} />
             ) || (
-              <Box color="bad">
-                Loaned to Centcom
-              </Box>
-            )}
+                <Box color="bad">
+                  Loaned to Centcom
+                </Box>
+              )}
           </LabeledList.Item>
         )}
       </LabeledList>
@@ -261,7 +261,7 @@ const CargoRequests = (props) => {
               <Table.Cell collapsing textAlign="right">
                 {formatMoney(request.cost)} cr
               </Table.Cell>
-              {(!requestonly || can_send)&& can_approve_requests &&(
+              {(!requestonly || can_send) && can_approve_requests && (
                 <Table.Cell collapsing>
                   <Button
                     icon="check"
@@ -357,7 +357,7 @@ const CargoCart = (props) => {
                 {formatMoney(entry.cost)} cr
               </Table.Cell>
               <Table.Cell collapsing>
-                {can_send &&(
+                {can_send && (
                   <Button
                     icon="minus"
                     onClick={() => act('remove', {
@@ -381,10 +381,10 @@ const CargoCart = (props) => {
               content="Confirm the order"
               onClick={() => act('send')} />
           ) || (
-            <Box opacity={0.5}>
-              Shuttle in {location}.
-            </Box>
-          )}
+              <Box opacity={0.5}>
+                Shuttle in {location}.
+              </Box>
+            )}
         </Box>
       )}
     </Section>
diff --git a/tgui/packages/tgui/interfaces/CargoBountyConsole.tsx b/tgui/packages/tgui/interfaces/CargoBountyConsole.tsx
index a485af40bf..d6c4bb3eef 100644
--- a/tgui/packages/tgui/interfaces/CargoBountyConsole.tsx
+++ b/tgui/packages/tgui/interfaces/CargoBountyConsole.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
 import { AnimatedNumber, Box, Button, Section, Table } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 export const CargoBountyConsole = (props) => {
@@ -12,7 +12,7 @@ export const CargoBountyConsole = (props) => {
     <Window
       width={750}
       height={600}
-      >
+    >
       <Window.Content scrollable>
         <Section
           title={<BountyHeader />}
diff --git a/tgui/packages/tgui/interfaces/CentcomPodLauncher.tsx b/tgui/packages/tgui/interfaces/CentcomPodLauncher.tsx
index 855edbd02a..6a2282190b 100644
--- a/tgui/packages/tgui/interfaces/CentcomPodLauncher.tsx
+++ b/tgui/packages/tgui/interfaces/CentcomPodLauncher.tsx
@@ -1,7 +1,7 @@
 import { toFixed } from 'common/math';
 import { classes } from 'common/react';
 import { storage } from 'common/storage';
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { createUuid } from 'common/uuid';
 import { Component, Fragment } from 'react';
 import { useBackend, useLocalState } from '../backend';
@@ -799,13 +799,13 @@ class PresetsPage extends Component {
     const [
       presetIndex,
       setSelectedPreset,
-    ] = useLocalState(this.context, 'presetIndex', 0);
+    ] = useLocalState(this.'presetIndex', 0);
     const [
       settingName,
       setEditingNameStatus,
-    ] = useLocalState(this.context, 'settingName', 0);
-    const [newNameText, setText] = useLocalState(this.context, 'newNameText', "");
-    const [hue, setHue] = useLocalState(this.context, 'hue', 0);
+    ] = useLocalState(this.'settingName', 0);
+    const [newNameText, setText] = useLocalState(this.'newNameText', "");
+    const [hue, setHue] = useLocalState(this.'hue', 0);
     return (
       <Section scrollable
         fill
diff --git a/tgui/packages/tgui/interfaces/ChemDispenser.tsx b/tgui/packages/tgui/interfaces/ChemDispenser.tsx
index 3331185c30..e46bceb80f 100644
--- a/tgui/packages/tgui/interfaces/ChemDispenser.tsx
+++ b/tgui/packages/tgui/interfaces/ChemDispenser.tsx
@@ -1,5 +1,5 @@
 import { toFixed } from 'common/math';
-import { toTitleCase } from 'common/string';
+import { toTitleCase } from 'tgui-core/string';
 import { Fragment } from 'react';
 import { useBackend, useLocalState } from '../backend';
 import { AnimatedNumber, Box, Button, Icon, LabeledList, ProgressBar, Section, Table, NumberInput } from 'tgui-core/components';
@@ -9,9 +9,9 @@ export const ChemDispenser = (props) => {
   const { act, data } = useBackend<any>();
   const recording = !!data.recordingRecipe;
   const [hasCol, setHasCol] = useLocalState(
-    context, 'fs_title', false);
+    'fs_title', false);
   const [modeToggle, setModeToggle] = useLocalState(
-    context, 'mode_toggle', true);
+    'mode_toggle', true);
   const {
     storedContents = [],
   } = data;
@@ -36,7 +36,7 @@ export const ChemDispenser = (props) => {
     <Window
       width={565}
       height={data.canStore ? 720 : 620}
-      >
+    >
       <Window.Content scrollable>
         <Section
           title="Status"
diff --git a/tgui/packages/tgui/interfaces/ClockworkSlab.tsx b/tgui/packages/tgui/interfaces/ClockworkSlab.tsx
index ffce7e035a..8ac4e55117 100644
--- a/tgui/packages/tgui/interfaces/ClockworkSlab.tsx
+++ b/tgui/packages/tgui/interfaces/ClockworkSlab.tsx
@@ -7,7 +7,7 @@
  */
 
 import { useBackend, useLocalState, useSharedState } from '../backend';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { map } from 'common/collections';
 import { Section, Tabs, Table, Button, Box, NoticeBox, Divider, Input } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/CommunicationsConsole.tsx b/tgui/packages/tgui/interfaces/CommunicationsConsole.tsx
index 965a2cdaac..2219ac9160 100644
--- a/tgui/packages/tgui/interfaces/CommunicationsConsole.tsx
+++ b/tgui/packages/tgui/interfaces/CommunicationsConsole.tsx
@@ -1,5 +1,5 @@
 import { sortBy } from "common/collections";
-import { capitalize } from "common/string";
+import { capitalize } from "tgui-core/string";
 import { useBackend, useLocalState } from "../backend";
 import { Blink, Box, Button, Dimmer, Flex, Icon, Input, Modal, Section, TextArea } from "tgui-core/components";
 import { Window } from "../layouts";
@@ -321,13 +321,13 @@ const PageMain = (props) => {
   } = data;
 
   const [callingShuttle, setCallingShuttle] = useLocalState(
-    context, "calling_shuttle", false);
+    "calling_shuttle", false);
   const [messagingAssociates, setMessagingAssociates] = useLocalState(
-    context, "messaging_associates", false);
+    "messaging_associates", false);
   const [messagingSector, setMessagingSector] = useLocalState(
-    context, "messaing_sector", null);
+    "messaing_sector", null);
   const [requestingNukeCodes, setRequestingNukeCodes] = useLocalState(
-    context, "requesting_nuke_codes", false);
+    "requesting_nuke_codes", false);
 
   const [
     [showAlertLevelConfirm, confirmingAlertLevelTick],
diff --git a/tgui/packages/tgui/interfaces/ComponentPrinter.tsx b/tgui/packages/tgui/interfaces/ComponentPrinter.tsx
index b1cd81ca40..6ec71e9965 100644
--- a/tgui/packages/tgui/interfaces/ComponentPrinter.tsx
+++ b/tgui/packages/tgui/interfaces/ComponentPrinter.tsx
@@ -1,4 +1,4 @@
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Material, MaterialAmount, MaterialFormatting, Materials, MATERIAL_KEYS } from './common/Materials';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/ComputerFabricator.tsx b/tgui/packages/tgui/interfaces/ComputerFabricator.tsx
index dba26c7fcc..9b65436f70 100644
--- a/tgui/packages/tgui/interfaces/ComputerFabricator.tsx
+++ b/tgui/packages/tgui/interfaces/ComputerFabricator.tsx
@@ -1,6 +1,6 @@
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend } from '../backend';
-import { Box, Button,  Section, Table, Tooltip } from 'tgui-core/components';
+import { Box, Button, Section, Table, Tooltip } from 'tgui-core/components';
 import { Window } from '../layouts';
 import { Grid } from '../components/Grid';
 
diff --git a/tgui/packages/tgui/interfaces/CyborgBootDebug.tsx b/tgui/packages/tgui/interfaces/CyborgBootDebug.tsx
index 328b75ea1c..7c8c6fc36f 100644
--- a/tgui/packages/tgui/interfaces/CyborgBootDebug.tsx
+++ b/tgui/packages/tgui/interfaces/CyborgBootDebug.tsx
@@ -1,4 +1,4 @@
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Button, Input, LabeledList, Section } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/DnaConsole.tsx b/tgui/packages/tgui/interfaces/DnaConsole.tsx
index 898a8a3a68..cd08227662 100644
--- a/tgui/packages/tgui/interfaces/DnaConsole.tsx
+++ b/tgui/packages/tgui/interfaces/DnaConsole.tsx
@@ -1,7 +1,7 @@
 import { filter, uniqBy } from 'common/collections';
 import { flow } from 'common/fp';
 import { classes } from 'common/react';
-import { capitalize } from 'common/string';
+import { capitalize } from 'tgui-core/string';
 import { Fragment } from 'react';
 import { resolveAsset } from '../assets';
 import { useBackend } from '../backend';
diff --git a/tgui/packages/tgui/interfaces/EightBallVote.tsx b/tgui/packages/tgui/interfaces/EightBallVote.tsx
index a13de8f0d3..5c643ea8ff 100644
--- a/tgui/packages/tgui/interfaces/EightBallVote.tsx
+++ b/tgui/packages/tgui/interfaces/EightBallVote.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
-import { Box, Button,  Section, NoticeBox } from 'tgui-core/components';
-import { toTitleCase } from 'common/string';
+import { Box, Button, Section, NoticeBox } from 'tgui-core/components';
+import { toTitleCase } from 'tgui-core/string';
 import { Window } from '../layouts';
 import { Grid } from '../components/Grid';
 
@@ -19,8 +19,8 @@ export const EightBallVote = (props) => {
             No question is currently being asked.
           </NoticeBox>
         ) || (
-          <EightBallVoteQuestion />
-        )}
+            <EightBallVoteQuestion />
+          )}
       </Window.Content>
     </Window>
   );
diff --git a/tgui/packages/tgui/interfaces/EngravedMessage.tsx b/tgui/packages/tgui/interfaces/EngravedMessage.tsx
index 9a699f73de..586a8d536e 100644
--- a/tgui/packages/tgui/interfaces/EngravedMessage.tsx
+++ b/tgui/packages/tgui/interfaces/EngravedMessage.tsx
@@ -1,4 +1,4 @@
-import { decodeHtmlEntities } from 'common/string';
+import { decodeHtmlEntities } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/ExodroneConsole.tsx b/tgui/packages/tgui/interfaces/ExodroneConsole.tsx
index 5d6220a62c..d6b9e3069f 100644
--- a/tgui/packages/tgui/interfaces/ExodroneConsole.tsx
+++ b/tgui/packages/tgui/interfaces/ExodroneConsole.tsx
@@ -2,8 +2,8 @@ import { useBackend, useLocalState } from '../backend';
 import { BlockQuote, Box, Button, Dimmer, Icon, LabeledList, Modal, ProgressBar, Section, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
 import { resolveAsset } from '../assets';
-import { formatTime } from '../format';
-import { capitalize } from 'common/string';
+import { formatTime } from 'tgui-core/format';
+import { capitalize } from 'tgui-core/string';
 import nt_logo from '../assets/bg-nanotrasen.svg';
 import { Fragment } from 'react';
 
@@ -196,11 +196,11 @@ const DroneSelectionSection = (props) => {
                   {drone.controlled && (
                     "Controlled by another console."
                   ) || (
-                    <Button
-                      content="Assume Control"
-                      icon="plug"
-                      onClick={() => act("select_drone", { "drone_ref": drone.ref })} />
-                  )}
+                      <Button
+                        content="Assume Control"
+                        icon="plug"
+                        onClick={() => act("select_drone", { "drone_ref": drone.ref })} />
+                    )}
                 </Stack.Item>
               </Stack>
             </Stack.Item>
@@ -254,11 +254,11 @@ const ToolSelectionModal = (props) => {
                 </Button>
               </Stack.Item>
             )) || (
-              <Stack.Item>
-                <Button
-                  content="Back" />
-              </Stack.Item>
-            )}
+                <Stack.Item>
+                  <Button
+                    content="Back" />
+                </Stack.Item>
+              )}
           </Stack>
         </Stack.Item>
       </Stack>
@@ -495,7 +495,7 @@ const TravelTargetSelectionScreen = (props) => {
     act("start_travel", { "target_site": ref });
   };
 
-  const non_empty_bands = (dest : SiteData) => {
+  const non_empty_bands = (dest: SiteData) => {
     const band_check = (s: string) => dest.band_info[s] !== undefined
       && dest.band_info[s] !== 0;
     return Object.keys(all_bands).filter(band_check);
diff --git a/tgui/packages/tgui/interfaces/ExoscannerConsole.tsx b/tgui/packages/tgui/interfaces/ExoscannerConsole.tsx
index 7fd35569b2..de6cdbd986 100644
--- a/tgui/packages/tgui/interfaces/ExoscannerConsole.tsx
+++ b/tgui/packages/tgui/interfaces/ExoscannerConsole.tsx
@@ -1,7 +1,7 @@
 import { useBackend } from '../backend';
 import { BlockQuote, Box, Button, Flex, Icon, Modal, Section, LabeledList, NoticeBox, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
-import { formatTime } from '../format';
+import { formatTime } from 'tgui-core/format';
 
 
 type SiteData = {
@@ -223,8 +223,8 @@ export const ExoscannerConsole = (props) => {
                         size={3} />
                     </>
                   ) || (
-                    "No properly configured scanner arrays detected."
-                  )}
+                      "No properly configured scanner arrays detected."
+                    )}
                 </Stack.Item>
               </Stack>
               <Section title="Special Scan Condtions">
diff --git a/tgui/packages/tgui/interfaces/ExosuitFabricator.tsx b/tgui/packages/tgui/interfaces/ExosuitFabricator.tsx
index 5fbb484f20..19f03d89d0 100644
--- a/tgui/packages/tgui/interfaces/ExosuitFabricator.tsx
+++ b/tgui/packages/tgui/interfaces/ExosuitFabricator.tsx
@@ -1,10 +1,10 @@
 import { uniqBy } from 'common/collections';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { Fragment } from 'react';
 import { useBackend, useSharedState } from '../backend';
 import { Box, Button, Icon, Input, ProgressBar, Section, Stack } from 'tgui-core/components';
 import { Materials, MaterialAmount, MaterialFormatting } from './common/Materials';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 const COLOR_NONE = 0;
@@ -119,7 +119,7 @@ export const ExosuitFabricator = (props) => {
     textColors,
   } = queueCondFormat(materialAsObj, queue);
   const [displayMatCost, setDisplayMatCost] = useSharedState(
-    context, 'display_mats', false);
+    'display_mats', false);
   return (
     <Window
       title="Exosuit Fabricator"
@@ -191,7 +191,7 @@ const PartSets = (props) => {
   const partSets = data.partSets || [];
   const buildableParts = data.buildableParts || {};
   const [selectedPartTab, setSelectedPartTab] = useSharedState(
-    context, 'part_tab', partSets.length ? buildableParts[0] : '');
+    'part_tab', partSets.length ? buildableParts[0] : '');
   return partSets
     .filter(set => buildableParts[set])
     .map(set => (
diff --git a/tgui/packages/tgui/interfaces/FishCatalog.tsx b/tgui/packages/tgui/interfaces/FishCatalog.tsx
index 832d7c933a..6f3cbcdc22 100644
--- a/tgui/packages/tgui/interfaces/FishCatalog.tsx
+++ b/tgui/packages/tgui/interfaces/FishCatalog.tsx
@@ -4,7 +4,7 @@ import { classes } from 'common/react';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, LabeledList, Section, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
-import { capitalize } from 'common/string';
+import { capitalize } from 'tgui-core/string';
 
 export const FishCatalog = (props) => {
   const { act, data } = useBackend<any>();
diff --git a/tgui/packages/tgui/interfaces/Hypertorus.tsx b/tgui/packages/tgui/interfaces/Hypertorus.tsx
index aa051a2e42..049bb14fbb 100644
--- a/tgui/packages/tgui/interfaces/Hypertorus.tsx
+++ b/tgui/packages/tgui/interfaces/Hypertorus.tsx
@@ -4,7 +4,7 @@ import { toFixed } from 'common/math';
 import { useBackend } from '../backend';
 import { Button, LabeledList, NumberInput, ProgressBar, Section, Stack, Box } from 'tgui-core/components';
 import { getGasColor, getGasLabel } from '../constants';
-import { formatSiBaseTenUnit, formatSiUnit } from '../format';
+import { formatSiBaseTenUnit, formatSiUnit } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 export const Hypertorus = (props) => {
diff --git a/tgui/packages/tgui/interfaces/LaborClaimConsole.tsx b/tgui/packages/tgui/interfaces/LaborClaimConsole.tsx
index 43ecb73069..b925419cc0 100644
--- a/tgui/packages/tgui/interfaces/LaborClaimConsole.tsx
+++ b/tgui/packages/tgui/interfaces/LaborClaimConsole.tsx
@@ -1,4 +1,4 @@
-import { toTitleCase } from 'common/string';
+import { toTitleCase } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Box, Button, LabeledList, Section, Table } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/Limbgrower.tsx b/tgui/packages/tgui/interfaces/Limbgrower.tsx
index d2e7c8e3b5..e2d7ca523c 100644
--- a/tgui/packages/tgui/interfaces/Limbgrower.tsx
+++ b/tgui/packages/tgui/interfaces/Limbgrower.tsx
@@ -13,7 +13,7 @@ export const Limbgrower = (props) => {
     disk = [],
   } = data;
   const [tab, setTab] = useSharedState(
-    context, 'category', categories[0]?.name);
+    'category', categories[0]?.name);
   const designList = categories
     .find(category => category.name === tab)
     ?.designs;
diff --git a/tgui/packages/tgui/interfaces/ListInput.tsx b/tgui/packages/tgui/interfaces/ListInput.tsx
index ad8af1a8b7..f95f62bc9c 100644
--- a/tgui/packages/tgui/interfaces/ListInput.tsx
+++ b/tgui/packages/tgui/interfaces/ListInput.tsx
@@ -23,21 +23,21 @@ export const ListInput = (props) => {
 
   // Search
   const [showSearchBar, setShowSearchBar] = useLocalState(
-    context, 'search_bar', false);
+    'search_bar', false);
   const [displayedArray, setDisplayedArray] = useLocalState(
-    context, 'displayed_array', buttons);
+    'displayed_array', buttons);
 
   // KeyPress
   const [searchArray, setSearchArray] = useLocalState(
-    context, 'search_array', []);
+    'search_array', []);
   const [searchIndex, setSearchIndex] = useLocalState(
-    context, 'search_index', 0);
+    'search_index', 0);
   const [lastCharCode, setLastCharCode] = useLocalState(
-    context, 'last_char_code', null);
+    'last_char_code', null);
 
   // Selected Button
   const [selectedButton, setSelectedButton] = useLocalState(
-    context, 'selected_button', buttons[0]);
+    'selected_button', buttons[0]);
 
   const handleKeyDown = e => {
     e.preventDefault();
diff --git a/tgui/packages/tgui/interfaces/MODpaint.tsx b/tgui/packages/tgui/interfaces/MODpaint.tsx
index 2659439ee3..e3c2658334 100644
--- a/tgui/packages/tgui/interfaces/MODpaint.tsx
+++ b/tgui/packages/tgui/interfaces/MODpaint.tsx
@@ -1,7 +1,7 @@
 import { useBackend } from '../backend';
 import { Box, Stack, Section, ByondUi, Slider, Flex, Button } from 'tgui-core/components';
 import { Window } from '../layouts';
-import { capitalize } from 'common/string';
+import { capitalize } from 'tgui-core/string';
 
 const colorToMatrix = (param) => {
   switch (param) {
diff --git a/tgui/packages/tgui/interfaces/MafiaPanel.tsx b/tgui/packages/tgui/interfaces/MafiaPanel.tsx
index e16afe411f..7807fe4f5f 100644
--- a/tgui/packages/tgui/interfaces/MafiaPanel.tsx
+++ b/tgui/packages/tgui/interfaces/MafiaPanel.tsx
@@ -1,5 +1,5 @@
 import { classes } from 'common/react';
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Box, Button, Collapsible, Flex, NoticeBox, Section, Stack, TimeDisplay } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/MedicalKiosk.tsx b/tgui/packages/tgui/interfaces/MedicalKiosk.tsx
index e60e6280c7..0c1fa99798 100644
--- a/tgui/packages/tgui/interfaces/MedicalKiosk.tsx
+++ b/tgui/packages/tgui/interfaces/MedicalKiosk.tsx
@@ -1,4 +1,4 @@
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend, useSharedState } from '../backend';
 import { AnimatedNumber, Box, Button, Flex, Icon, LabeledList, ProgressBar, Section, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/NtosBountyConsole.tsx b/tgui/packages/tgui/interfaces/NtosBountyConsole.tsx
index 1c1a67b20b..46b68e055f 100644
--- a/tgui/packages/tgui/interfaces/NtosBountyConsole.tsx
+++ b/tgui/packages/tgui/interfaces/NtosBountyConsole.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
 import { AnimatedNumber, Box, Button, Section, Table } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { NtosWindow } from '../layouts';
 
 export const NtosBountyConsole = (props) => {
@@ -12,7 +12,7 @@ export const NtosBountyConsole = (props) => {
     <NtosWindow
       width={750}
       height={600}
-      >
+    >
       <NtosWindow.Content scrollable>
         <Section
           title={<BountyHeader />}
diff --git a/tgui/packages/tgui/interfaces/NtosSecurEye.tsx b/tgui/packages/tgui/interfaces/NtosSecurEye.tsx
index 3623a65ae7..8b48bad507 100644
--- a/tgui/packages/tgui/interfaces/NtosSecurEye.tsx
+++ b/tgui/packages/tgui/interfaces/NtosSecurEye.tsx
@@ -1,7 +1,7 @@
 import { filter, sortBy } from 'common/collections';
 import { flow } from 'common/fp';
 import { classes } from 'common/react';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { Fragment } from 'react';
 import { useBackend, useLocalState } from '../backend';
 import { Button, ByondUi, Input, Section } from 'tgui-core/components';
diff --git a/tgui/packages/tgui/interfaces/Orbit.tsx b/tgui/packages/tgui/interfaces/Orbit.tsx
index 5d0827987c..9c8b23aedd 100644
--- a/tgui/packages/tgui/interfaces/Orbit.tsx
+++ b/tgui/packages/tgui/interfaces/Orbit.tsx
@@ -1,6 +1,6 @@
 import { classes } from 'common/react';
-import { createSearch } from 'common/string';
-import { multiline } from 'common/string';
+import { createSearch } from 'tgui-core/string';
+import { multiline } from 'tgui-core/string';
 import { resolveAsset } from '../assets';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Divider, Flex, Icon, Input, Section } from 'tgui-core/components';
diff --git a/tgui/packages/tgui/interfaces/OreBox.tsx b/tgui/packages/tgui/interfaces/OreBox.tsx
index bfc6b6c4c1..f76f792e20 100644
--- a/tgui/packages/tgui/interfaces/OreBox.tsx
+++ b/tgui/packages/tgui/interfaces/OreBox.tsx
@@ -1,4 +1,4 @@
-import { toTitleCase } from 'common/string';
+import { toTitleCase } from 'tgui-core/string';
 import { Box, Button, Section, Table } from 'tgui-core/components';
 import { useBackend } from '../backend';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/OreRedemptionMachine.tsx b/tgui/packages/tgui/interfaces/OreRedemptionMachine.tsx
index 6851e60986..6256ce9a60 100644
--- a/tgui/packages/tgui/interfaces/OreRedemptionMachine.tsx
+++ b/tgui/packages/tgui/interfaces/OreRedemptionMachine.tsx
@@ -1,4 +1,4 @@
-import { toTitleCase } from 'common/string';
+import { toTitleCase } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { BlockQuote, Box, Button, NumberInput, Section, Table } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/OrionGame.tsx b/tgui/packages/tgui/interfaces/OrionGame.tsx
index e6afac5b36..b47b1dc3b8 100644
--- a/tgui/packages/tgui/interfaces/OrionGame.tsx
+++ b/tgui/packages/tgui/interfaces/OrionGame.tsx
@@ -1,4 +1,4 @@
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Dimmer, Divider, Icon, NumberInput, Section, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -167,21 +167,21 @@ const AdventureStatus = (props) => {
               <Button
                 fluid
                 icon="wrench"
-                content={"Hull Parts: "+hull}
+                content={"Hull Parts: " + hull}
                 color="average" />
             </Stack.Item>
             <Stack.Item>
               <Button
                 fluid
                 icon="server"
-                content={"Electronics: "+electronics}
+                content={"Electronics: " + electronics}
                 color="blue" />
             </Stack.Item>
             <Stack.Item mb={1}>
               <Button
                 fluid
                 icon="rocket"
-                content={"Engine Parts: "+engine}
+                content={"Engine Parts: " + engine}
                 color="violet" />
             </Stack.Item>
           </Stack>
@@ -373,11 +373,11 @@ const ORION_STATUS_NORMAL = (props) => {
           <Stack fill textAlign="center" vertical>
             <Stack.Item grow >
               <Box bold fontSize="15px">
-                {!!eventname && eventname || locationInfo[turns-1].title}
+                {!!eventname && eventname || locationInfo[turns - 1].title}
               </Box>
               <br />
               <Box fontSize="15px">
-                {!!eventtext && eventtext || locationInfo[turns-1].blurb}
+                {!!eventtext && eventtext || locationInfo[turns - 1].blurb}
               </Box>
             </Stack.Item>
             <Stack.Item>
@@ -394,14 +394,14 @@ const ORION_STATUS_NORMAL = (props) => {
                   </Stack.Item>
                 ))
               ) || (
-                <Button
-                  mb={1}
-                  lineHeight={3}
-                  width={16}
-                  icon="arrow-right"
-                  content="Continue"
-                  onClick={() => act('continue')} />
-              )}
+                  <Button
+                    mb={1}
+                    lineHeight={3}
+                    width={16}
+                    icon="arrow-right"
+                    content="Continue"
+                    onClick={() => act('continue')} />
+                )}
             </Stack.Item>
           </Stack>
         </Section>
@@ -483,9 +483,9 @@ const ORION_STATUS_MARKET = (props) => {
                     to dock again would be certain death.
                   </Box>
                 ) || (
-                  "Hello, Pioneer! We have supplies for you to help \
+                    "Hello, Pioneer! We have supplies for you to help \
                   you reach Orion. They aren't free, though!"
-                )}
+                  )}
               </Box>
             </Stack.Item>
             {spaceport_raided && (
@@ -497,108 +497,108 @@ const ORION_STATUS_MARKET = (props) => {
                 <Stack.Item grow />
               </>
             ) || (
-              <>
-                <Stack.Item>
-                  General Markets:
-                </Stack.Item>
-                <Stack.Item>
-                  <Stack mb={-1} fill>
-                    <Stack.Item grow basis={0}>
-                      <Stack vertical>
-                        <Stack.Item>
-                          <Button
-                            fluid
-                            icon="gas-pump"
-                            content={"5 Food -> 5 Fuel"}
-                            color="green"
-                            onClick={() => act('trade', {
-                              what: 2,
-                            })} />
-                        </Stack.Item>
-                        <Divider />
-                        <Stack.Item mt={0}>
-                          Port Hangar Bay:
-                        </Stack.Item>
-                        <Stack.Item mb={marketButtonSpacing}>
-                          <Button
-                            fluid
-                            icon="wrench"
-                            content={"5 Fuel for Hull Plates"}
-                            color="average"
-                            onClick={() => act('buyparts', {
-                              part: 2,
-                            })} />
-                        </Stack.Item>
-                        <Stack.Item mb={marketButtonSpacing}>
-                          <Button
-                            fluid
-                            icon="server"
-                            content={"5 Fuel for Electronics"}
-                            color="blue"
-                            onClick={() => act('buyparts', {
-                              part: 3,
-                            })} />
-                        </Stack.Item>
-                        <Stack.Item mb={marketButtonSpacing}>
-                          <Button
-                            fluid
-                            icon="rocket"
-                            content={"5 Fuel for Engine Parts"}
-                            color="violet"
-                            onClick={() => act('buyparts', {
-                              part: 1,
-                            })} />
-                        </Stack.Item>
-                      </Stack>
-                    </Stack.Item>
-                    <Stack.Item grow basis={0}>
-                      <Stack vertical>
-                        <Stack.Item>
-                          <Button
-                            fluid
-                            icon="hamburger"
-                            content={"5 Fuel -> 5 Food"}
-                            color="olive"
-                            onClick={() => act('trade', {
-                              what: 1,
-                            })} />
-                        </Stack.Item>
-                        <Divider />
-                        <Stack.Item mt={0}>
-                          Port Bar:
-                        </Stack.Item>
-                        <Stack.Item mb={marketButtonSpacing}>
-                          <Button
-                            fluid
-                            icon="user-plus"
-                            content={"10 Food, 10 Fuel for Crew"}
-                            color="white"
-                            onClick={() => act('buycrew')} />
-                        </Stack.Item>
-                        <Stack.Item mb={marketButtonSpacing}>
-                          <Button
-                            fluid
-                            icon="user-minus"
-                            content={"Crew for 7 Food, 7 Fuel"}
-                            color="black"
-                            onClick={() => act('sellcrew')} />
-                        </Stack.Item>
-                        <Stack.Item mb={marketButtonSpacing}>
-                          <Button
-                            fluid
-                            icon="meteor"
-                            content={"Odd Crew (Same Price)"}
-                            color="purple"
-                            onClick={() => act('buycrew', {
-                              odd: 1,
-                            })} />
-                        </Stack.Item>
-                      </Stack>
-                    </Stack.Item>
-                  </Stack>
-                </Stack.Item>
-              </>
-            )}
+                <>
+                  <Stack.Item>
+                    General Markets:
+                  </Stack.Item>
+                  <Stack.Item>
+                    <Stack mb={-1} fill>
+                      <Stack.Item grow basis={0}>
+                        <Stack vertical>
+                          <Stack.Item>
+                            <Button
+                              fluid
+                              icon="gas-pump"
+                              content={"5 Food -> 5 Fuel"}
+                              color="green"
+                              onClick={() => act('trade', {
+                                what: 2,
+                              })} />
+                          </Stack.Item>
+                          <Divider />
+                          <Stack.Item mt={0}>
+                            Port Hangar Bay:
+                          </Stack.Item>
+                          <Stack.Item mb={marketButtonSpacing}>
+                            <Button
+                              fluid
+                              icon="wrench"
+                              content={"5 Fuel for Hull Plates"}
+                              color="average"
+                              onClick={() => act('buyparts', {
+                                part: 2,
+                              })} />
+                          </Stack.Item>
+                          <Stack.Item mb={marketButtonSpacing}>
+                            <Button
+                              fluid
+                              icon="server"
+                              content={"5 Fuel for Electronics"}
+                              color="blue"
+                              onClick={() => act('buyparts', {
+                                part: 3,
+                              })} />
+                          </Stack.Item>
+                          <Stack.Item mb={marketButtonSpacing}>
+                            <Button
+                              fluid
+                              icon="rocket"
+                              content={"5 Fuel for Engine Parts"}
+                              color="violet"
+                              onClick={() => act('buyparts', {
+                                part: 1,
+                              })} />
+                          </Stack.Item>
+                        </Stack>
+                      </Stack.Item>
+                      <Stack.Item grow basis={0}>
+                        <Stack vertical>
+                          <Stack.Item>
+                            <Button
+                              fluid
+                              icon="hamburger"
+                              content={"5 Fuel -> 5 Food"}
+                              color="olive"
+                              onClick={() => act('trade', {
+                                what: 1,
+                              })} />
+                          </Stack.Item>
+                          <Divider />
+                          <Stack.Item mt={0}>
+                            Port Bar:
+                          </Stack.Item>
+                          <Stack.Item mb={marketButtonSpacing}>
+                            <Button
+                              fluid
+                              icon="user-plus"
+                              content={"10 Food, 10 Fuel for Crew"}
+                              color="white"
+                              onClick={() => act('buycrew')} />
+                          </Stack.Item>
+                          <Stack.Item mb={marketButtonSpacing}>
+                            <Button
+                              fluid
+                              icon="user-minus"
+                              content={"Crew for 7 Food, 7 Fuel"}
+                              color="black"
+                              onClick={() => act('sellcrew')} />
+                          </Stack.Item>
+                          <Stack.Item mb={marketButtonSpacing}>
+                            <Button
+                              fluid
+                              icon="meteor"
+                              content={"Odd Crew (Same Price)"}
+                              color="purple"
+                              onClick={() => act('buycrew', {
+                                odd: 1,
+                              })} />
+                          </Stack.Item>
+                        </Stack>
+                      </Stack.Item>
+                    </Stack>
+                  </Stack.Item>
+                </>
+              )}
 
           </Stack>
         </Section>
@@ -628,8 +628,8 @@ export const OrionGame = (props) => {
         {eventname === "Space Port Raid" && (
           <MarketRaid />
         ) || (
-          <GameStatusComponent />
-        )}
+            <GameStatusComponent />
+          )}
       </Window.Content>
     </Window>
   );
diff --git a/tgui/packages/tgui/interfaces/PersonalCrafting.tsx b/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
index 01b4630aee..6d9a4a170f 100644
--- a/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
+++ b/tgui/packages/tgui/interfaces/PersonalCrafting.tsx
@@ -53,7 +53,7 @@ export const PersonalCrafting = (props) => {
   }
   // Sort out the tab state
   const [tab, setTab] = useLocalState(
-    context, 'tab', categories[0]?.name);
+    'tab', categories[0]?.name);
   const shownRecipes = recipes
     .filter(recipe => recipe.category === tab);
   return (
diff --git a/tgui/packages/tgui/interfaces/PortableChemMixer.tsx b/tgui/packages/tgui/interfaces/PortableChemMixer.tsx
index f5ee74d199..8cd022dda8 100644
--- a/tgui/packages/tgui/interfaces/PortableChemMixer.tsx
+++ b/tgui/packages/tgui/interfaces/PortableChemMixer.tsx
@@ -1,5 +1,5 @@
 import { sortBy } from 'common/collections';
-import { toTitleCase } from 'common/string';
+import { toTitleCase } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { AnimatedNumber, Box, Button, LabeledList, Section } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -76,14 +76,14 @@ export const PortableChemMixer = (props) => {
               {recording
                 && 'Virtual beaker'
                 || data.isBeakerLoaded
-                  && (
-                    <>
-                      <AnimatedNumber
-                        initial={0}
-                        value={data.beakerCurrentVolume} />
-                      /{data.beakerMaxVolume} units
-                    </>
-                  )
+                && (
+                  <>
+                    <AnimatedNumber
+                      initial={0}
+                      value={data.beakerCurrentVolume} />
+                    /{data.beakerMaxVolume} units
+                  </>
+                )
                 || 'No beaker'}
             </LabeledList.Item>
             <LabeledList.Item
diff --git a/tgui/packages/tgui/interfaces/ProduceConsole.tsx b/tgui/packages/tgui/interfaces/ProduceConsole.tsx
index a18c5fe9ea..7b78faf01a 100644
--- a/tgui/packages/tgui/interfaces/ProduceConsole.tsx
+++ b/tgui/packages/tgui/interfaces/ProduceConsole.tsx
@@ -1,4 +1,4 @@
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Dimmer, Divider, Icon, NumberInput, Section, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/Reagents.tsx b/tgui/packages/tgui/interfaces/Reagents.tsx
index f7531f0cd2..4ef474f044 100644
--- a/tgui/packages/tgui/interfaces/Reagents.tsx
+++ b/tgui/packages/tgui/interfaces/Reagents.tsx
@@ -354,9 +354,9 @@ const RecipeLibrary = (props) => {
   } = data;
 
   const [reagentFilter, setReagentFilter] = useLocalState(
-    context, 'reagentFilter', true);
+    'reagentFilter', true);
   const [bookmarkMode, setBookmarkMode] = useLocalState(
-    context, 'bookmarkMode', false);
+    'bookmarkMode', false);
 
   const matchReagents = reaction => {
     if (!reagentFilter || currentReagents === null) {
@@ -370,7 +370,7 @@ const RecipeLibrary = (props) => {
 
   const bookmarkArray = Array.from(bookmarkedReactions);
 
-  const startIndex = 50 * (page-1);
+  const startIndex = 50 * (page - 1);
 
   const endIndex = 50 * page;
 
@@ -383,7 +383,7 @@ const RecipeLibrary = (props) => {
       && matchReagents(reaction)
     ));
 
-  const pageIndexMax = Math.ceil(visibleReactions.length/50);
+  const pageIndexMax = Math.ceil(visibleReactions.length / 50);
 
   const addBookmark = bookmark => {
     bookmarkedReactions.add(bookmark);
@@ -400,7 +400,7 @@ const RecipeLibrary = (props) => {
       title={bookmarkMode ? "Bookmarked recipes" : "Possible recipes"}
       buttons={(
         <>
-          Beaker: {linkedBeaker+"  "}
+          Beaker: {linkedBeaker + "  "}
           <Button
             content="Filter by reagents in beaker"
             icon="search"
@@ -500,11 +500,11 @@ const RecipeLibrary = (props) => {
                     act('update_ui');
                   }} />
               ) || (
-                <Button
-                  icon="trash"
-                  color="red"
-                  onClick={() => removeBookmark(reaction)} />
-              )}
+                  <Button
+                    icon="trash"
+                    color="red"
+                    onClick={() => removeBookmark(reaction)} />
+                )}
             </Table.Cell>
           </Table.Row>
         ))}
diff --git a/tgui/packages/tgui/interfaces/ReligiousTool.tsx b/tgui/packages/tgui/interfaces/ReligiousTool.tsx
index b039c6831b..044f8417e7 100644
--- a/tgui/packages/tgui/interfaces/ReligiousTool.tsx
+++ b/tgui/packages/tgui/interfaces/ReligiousTool.tsx
@@ -1,4 +1,4 @@
-import { capitalize } from 'common/string';
+import { capitalize } from 'tgui-core/string';
 import { useBackend, useSharedState } from '../backend';
 import { AnimatedNumber, BlockQuote, Box, Button, Collapsible, Dimmer, Icon, LabeledList, NoticeBox, ProgressBar, Section, Stack, Tabs } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -80,7 +80,7 @@ const SectTab = (props) => {
           <Icon name={icon} color={ALIGNMENT2COLOR[alignment]} />
         </Stack.Item>
         <Stack.Item grow mb={2} color="grey">
-          {"\""+quote+"\""}
+          {"\"" + quote + "\""}
         </Stack.Item>
         <Stack.Item color={favor === 0 ? "white" : "green"}>
           {favordesc}
@@ -95,8 +95,8 @@ const SectTab = (props) => {
             {!wanted && (
               deity + " doesn't want any sacrifices."
             ) || (
-              deity + " wishes for " + wanted + "."
-            )}
+                deity + " wishes for " + wanted + "."
+              )}
           </Section>
         </Stack.Item>
       </Stack>
@@ -126,7 +126,7 @@ const SectSelectTab = (props) => {
                     {sect.name}
                   </Stack.Item>
                   <Stack.Item italic >
-                    {"\""+sect.quote+"\""}
+                    {"\"" + sect.quote + "\""}
                   </Stack.Item>
                 </Stack>
               )}
diff --git a/tgui/packages/tgui/interfaces/RemoteRobotControl.tsx b/tgui/packages/tgui/interfaces/RemoteRobotControl.tsx
index 8ffcfc914f..5cd77d2a2a 100644
--- a/tgui/packages/tgui/interfaces/RemoteRobotControl.tsx
+++ b/tgui/packages/tgui/interfaces/RemoteRobotControl.tsx
@@ -1,4 +1,4 @@
-import { decodeHtmlEntities } from 'common/string';
+import { decodeHtmlEntities } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Box, Button, NoticeBox, Section, LabeledList } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -67,7 +67,7 @@ export const RemoteRobotControlContent = (props) => {
               <Box inline color="bad">
                 (HACKED)
               </Box>
-            ) || "" }
+            ) || ""}
           </LabeledList.Item>
           <LabeledList.Item label="Location">
             {robot.location}
diff --git a/tgui/packages/tgui/interfaces/RequestKiosk.tsx b/tgui/packages/tgui/interfaces/RequestKiosk.tsx
index 4a3710c52b..08b7d26f35 100644
--- a/tgui/packages/tgui/interfaces/RequestKiosk.tsx
+++ b/tgui/packages/tgui/interfaces/RequestKiosk.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
 import { Box, Button, Collapsible, Flex, LabeledList, NumberInput, Section, Stack, TextArea } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 export const RequestKiosk = (props) => {
diff --git a/tgui/packages/tgui/interfaces/SeedExtractor.tsx b/tgui/packages/tgui/interfaces/SeedExtractor.tsx
index c9bbac7f07..1c982c0263 100644
--- a/tgui/packages/tgui/interfaces/SeedExtractor.tsx
+++ b/tgui/packages/tgui/interfaces/SeedExtractor.tsx
@@ -1,6 +1,6 @@
 import { sortBy } from 'common/collections';
 import { flow } from 'common/fp';
-import { toTitleCase } from 'common/string';
+import { toTitleCase } from 'tgui-core/string';
 import { useBackend } from '../backend';
 import { Button, Section, Table } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/SelectEquipment.tsx b/tgui/packages/tgui/interfaces/SelectEquipment.tsx
index c31112b208..1158c2574a 100644
--- a/tgui/packages/tgui/interfaces/SelectEquipment.tsx
+++ b/tgui/packages/tgui/interfaces/SelectEquipment.tsx
@@ -1,6 +1,6 @@
 import { filter, map, sortBy, uniq } from 'common/collections';
 import { flow } from 'common/fp';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Icon, Input, Section, Stack, Tabs } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -9,7 +9,7 @@ import { Window } from '../layouts';
 // custom outfits give a ref keyword instead of path
 const getOutfitKey = outfit => outfit.path || outfit.ref;
 
-const useOutfitTabs = (context, categories) => {
+const useOutfitTabs = (categories) => {
   return useLocalState('selected-tab', categories[0]);
 };
 
@@ -38,10 +38,10 @@ export const SelectEquipment = (props) => {
     ...outfits.map(entry => entry.category),
     'Custom',
   ]);
-  const [tab] = useOutfitTabs(context, categories);
+  const [tab] = useOutfitTabs(categories);
 
   const [searchText, setSearchText] = useLocalState(
-    context, 'searchText', '');
+    'searchText', '');
   const searchFilter = createSearch(searchText, entry => (
     entry.name + entry.path
   ));
@@ -120,7 +120,7 @@ export const SelectEquipment = (props) => {
 
 const DisplayTabs = (props) => {
   const { categories } = props;
-  const [tab, setTab] = useOutfitTabs(context, categories);
+  const [tab, setTab] = useOutfitTabs(categories);
   return (
     <Tabs textAlign="center">
       {categories.map(category => (
diff --git a/tgui/packages/tgui/interfaces/SimpleBot.tsx b/tgui/packages/tgui/interfaces/SimpleBot.tsx
index 84ca62781a..4ababad26b 100644
--- a/tgui/packages/tgui/interfaces/SimpleBot.tsx
+++ b/tgui/packages/tgui/interfaces/SimpleBot.tsx
@@ -1,4 +1,4 @@
-import { multiline } from '../../common/string';
+import { multiline } from '../../tgui-core/string';
 import { useBackend } from '../backend';
 import { Button, Icon, LabeledControls, NoticeBox, Section, Slider, Stack, Tooltip } from 'tgui-core/components';
 import { Window } from '../layouts';
diff --git a/tgui/packages/tgui/interfaces/Smes.tsx b/tgui/packages/tgui/interfaces/Smes.tsx
index 4833916b05..6305486a61 100644
--- a/tgui/packages/tgui/interfaces/Smes.tsx
+++ b/tgui/packages/tgui/interfaces/Smes.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from '../backend';
 import { Box, Button, Flex, LabeledList, ProgressBar, Section, Slider } from 'tgui-core/components';
-import { formatPower } from '../format';
+import { formatPower } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 // Common power multiplier
diff --git a/tgui/packages/tgui/interfaces/Spellbook.tsx b/tgui/packages/tgui/interfaces/Spellbook.tsx
index 9d9693eb5c..398731817a 100644
--- a/tgui/packages/tgui/interfaces/Spellbook.tsx
+++ b/tgui/packages/tgui/interfaces/Spellbook.tsx
@@ -1,4 +1,4 @@
-import { multiline } from 'common/string';
+import { multiline } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Blink, Box, Button, Dimmer, Divider, Icon, Modal, NoticeBox, ProgressBar, Section, Stack } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -362,14 +362,14 @@ export const Spellbook = (props) => {
     tabIndex,
     setTabIndex,
   ] = useLocalState('tab-index', 1);
-  const ScrollableCheck = TAB2NAME[tabIndex-1].noScrollable ? false : true;
-  const ScrollableNextCheck = TAB2NAME[tabIndex-1].noScrollable !== 2;
-  const TabComponent = TAB2NAME[tabIndex-1].component
-    ? TAB2NAME[tabIndex-1].component() : null;
+  const ScrollableCheck = TAB2NAME[tabIndex - 1].noScrollable ? false : true;
+  const ScrollableNextCheck = TAB2NAME[tabIndex - 1].noScrollable !== 2;
+  const TabComponent = TAB2NAME[tabIndex - 1].component
+    ? TAB2NAME[tabIndex - 1].component() : null;
   const TabNextComponent = TAB2NAME[tabIndex].component
     ? TAB2NAME[tabIndex].component() : null;
   const TabSpells = entries ? entries.filter(
-    entry => entry.cat === TAB2NAME[tabIndex-1].title) : null;
+    entry => entry.cat === TAB2NAME[tabIndex - 1].title) : null;
   const TabNextSpells = entries ? entries.filter(
     entry => entry.cat === TAB2NAME[tabIndex].title) : null;
   return (
@@ -389,7 +389,7 @@ export const Spellbook = (props) => {
                   width={widthSection}
                   height={heightSection}
                   fill
-                  title={TAB2NAME[tabIndex-1].title}
+                  title={TAB2NAME[tabIndex - 1].title}
                   buttons={
                     <>
                       <Button
@@ -397,118 +397,118 @@ export const Spellbook = (props) => {
                         disabled={tabIndex === 1}
                         icon="arrow-left"
                         content="Previous Page"
-                        onClick={() => setTabIndex(tabIndex-2)} />
+                        onClick={() => setTabIndex(tabIndex - 2)} />
                       <Box textAlign="right" bold mt={-3.3} mr={1}>
                         {tabIndex}
                       </Box>
                     </>
                   }>
-                  {!!TAB2NAME[tabIndex-1].locked && (
+                  {!!TAB2NAME[tabIndex - 1].locked && (
                     <LockedPage />
                   )}
                   <Stack vertical>
-                    {TAB2NAME[tabIndex-1].blurb !== null && (
+                    {TAB2NAME[tabIndex - 1].blurb !== null && (
                       <Stack.Item>
                         <Box
                           textAlign="center"
                           bold
                           height="30px">
-                          {TAB2NAME[tabIndex-1].blurb}
+                          {TAB2NAME[tabIndex - 1].blurb}
                         </Box>
                       </Stack.Item>
                     )}
-                    {!!TAB2NAME[tabIndex-1].component && (
+                    {!!TAB2NAME[tabIndex - 1].component && (
                       <Stack.Item>
                         <TabComponent />
                       </Stack.Item>
                     ) || (
-                      <Stack.Item>
-                        <Stack vertical>
-                          {TabSpells?.map(entry => (
-                            <Stack.Item key={entry}>
-                              <Divider />
-                              <Section
-                                title={entry.name}
-                                buttons={
-                                  <>
-                                    <Box mr={entry.buyword === "Learn" ? 6.5 : 2}>
-                                      {entry.cost} Points
-                                    </Box>
-                                    {entry.cat === 'Rituals' && (
-                                      !!entry.times && (
-                                        <Box ml={-104} mt={-2.2}>
-                                          Cast {entry.times} Times.
-                                        </Box>
-                                      ) || (
-                                        <Box ml={-110} mt={-2.2}>
-                                          Not Casted Yet.
-                                        </Box>
-                                      )
-                                    ) || (
-                                      entry.cooldown && (
-                                        <Box ml={-115} mt={-2.2}>
-                                          {entry.cooldown}s Cooldown
-                                        </Box>
-                                      ) || (
-                                        <Box ml={-120} mt={-2.2}>
-                                          No Cooldown!
-                                        </Box>)
-                                    )}
-                                    {entry.buyword === "Learn" && (
-                                      <Box mr={-9.5} mt={-3}>
-                                        <Button
-                                          icon="tshirt"
-                                          color={entry.clothes_req ? "bad" : "green"}
-                                          tooltipPosition="bottom-left"
-                                          tooltip={entry.clothes_req
-                                            ? "Requires wizard garb."
-                                            :"Can be cast without wizard garb."} />
+                        <Stack.Item>
+                          <Stack vertical>
+                            {TabSpells?.map(entry => (
+                              <Stack.Item key={entry}>
+                                <Divider />
+                                <Section
+                                  title={entry.name}
+                                  buttons={
+                                    <>
+                                      <Box mr={entry.buyword === "Learn" ? 6.5 : 2}>
+                                        {entry.cost} Points
                                       </Box>
-                                    )}
-                                  </>
-                                }>
-                                <Stack>
-                                  <Stack.Item grow>
-                                    {entry.desc}
-                                  </Stack.Item>
-                                  <Stack.Item>
-                                    <Divider vertical />
-                                  </Stack.Item>
-                                  <Stack.Item>
-                                    <Button
-                                      fluid
-                                      textAlign="center"
-                                      color={points >= entry.cost ? "green" : "bad"}
-                                      disabled={points < entry.cost}
-                                      width={7}
-                                      icon={BUYWORD2ICON[entry.buyword]}
-                                      content={entry.buyword}
-                                      onClick={() => act("purchase", {
-                                        spellref: entry.ref,
-                                      })} />
-                                    <br />
-                                    {!entry.refundable && (
-                                      <NoticeBox>
-                                        No refunds.
-                                      </NoticeBox>
-                                    ) || (
+                                      {entry.cat === 'Rituals' && (
+                                        !!entry.times && (
+                                          <Box ml={-104} mt={-2.2}>
+                                            Cast {entry.times} Times.
+                                          </Box>
+                                        ) || (
+                                          <Box ml={-110} mt={-2.2}>
+                                            Not Casted Yet.
+                                          </Box>
+                                        )
+                                      ) || (
+                                          entry.cooldown && (
+                                            <Box ml={-115} mt={-2.2}>
+                                              {entry.cooldown}s Cooldown
+                                            </Box>
+                                          ) || (
+                                            <Box ml={-120} mt={-2.2}>
+                                              No Cooldown!
+                                            </Box>)
+                                        )}
+                                      {entry.buyword === "Learn" && (
+                                        <Box mr={-9.5} mt={-3}>
+                                          <Button
+                                            icon="tshirt"
+                                            color={entry.clothes_req ? "bad" : "green"}
+                                            tooltipPosition="bottom-left"
+                                            tooltip={entry.clothes_req
+                                              ? "Requires wizard garb."
+                                              : "Can be cast without wizard garb."} />
+                                        </Box>
+                                      )}
+                                    </>
+                                  }>
+                                  <Stack>
+                                    <Stack.Item grow>
+                                      {entry.desc}
+                                    </Stack.Item>
+                                    <Stack.Item>
+                                      <Divider vertical />
+                                    </Stack.Item>
+                                    <Stack.Item>
                                       <Button
+                                        fluid
                                         textAlign="center"
+                                        color={points >= entry.cost ? "green" : "bad"}
+                                        disabled={points < entry.cost}
                                         width={7}
-                                        icon="arrow-left"
-                                        content="Refund"
-                                        onClick={() => act("refund", {
+                                        icon={BUYWORD2ICON[entry.buyword]}
+                                        content={entry.buyword}
+                                        onClick={() => act("purchase", {
                                           spellref: entry.ref,
                                         })} />
-                                    )}
-                                  </Stack.Item>
-                                </Stack>
-                              </Section>
-                            </Stack.Item>
-                          ))}
-                        </Stack>
-                      </Stack.Item>
-                    )}
+                                      <br />
+                                      {!entry.refundable && (
+                                        <NoticeBox>
+                                          No refunds.
+                                        </NoticeBox>
+                                      ) || (
+                                          <Button
+                                            textAlign="center"
+                                            width={7}
+                                            icon="arrow-left"
+                                            content="Refund"
+                                            onClick={() => act("refund", {
+                                              spellref: entry.ref,
+                                            })} />
+                                        )}
+                                    </Stack.Item>
+                                  </Stack>
+                                </Section>
+                              </Stack.Item>
+                            ))}
+                          </Stack>
+                        </Stack.Item>
+                      )}
                   </Stack>
                 </Section>
               </Stack.Item>
@@ -527,9 +527,9 @@ export const Spellbook = (props) => {
                         icon="arrow-right"
                         disabled={tabIndex === 9}
                         content="Next Page"
-                        onClick={() => setTabIndex(tabIndex+2)} />
+                        onClick={() => setTabIndex(tabIndex + 2)} />
                       <Box textAlign="left" bold mt={-3.3} ml={-59.8} >
-                        {tabIndex+1}
+                        {tabIndex + 1}
                       </Box>
                     </>
                   }>
@@ -552,94 +552,94 @@ export const Spellbook = (props) => {
                         <TabNextComponent />
                       </Stack.Item>
                     ) || (
-                      <Stack.Item>
-                        <Stack vertical>
-                          {TabNextSpells?.map(entry => (
-                            <Stack.Item key={entry}>
-                              <Divider />
-                              <Section
-                                title={entry.name}
-                                buttons={
-                                  <>
-                                    <Box mr={entry.buyword === "Learn" ? 6.5 : 2}>
-                                      {entry.cost} Points
-                                    </Box>
-                                    {entry.cat === 'Rituals' && (
-                                      !!entry.times && (
-                                        <Box ml={-118} mt={-2.2}>
-                                          Cast {entry.times} Time(s).
-                                        </Box>
-                                      ) || (
-                                        <Box ml={-118} mt={-2.2}>
-                                          Not Casted Yet.
-                                        </Box>
-                                      )
-                                    ) || (
-                                      entry.cooldown && (
-                                        <Box ml={-115} mt={-2.2}>
-                                          {entry.cooldown}s Cooldown
-                                        </Box>
-                                      ) || (
-                                        <Box ml={-120} mt={-2.2}>
-                                          No Cooldown!
-                                        </Box>
-                                      )
-                                    )}
-                                    {entry.buyword === "Learn" && (
-                                      <Box mr={-9.5} mt={-3}>
-                                        <Button
-                                          icon="tshirt"
-                                          color={entry.clothes_req ? "bad" : "green"}
-                                          tooltipPosition="bottom-left"
-                                          tooltip={entry.clothes_req
-                                            ? "Requires wizard garb."
-                                            :"Can be cast without wizard garb."} />
+                        <Stack.Item>
+                          <Stack vertical>
+                            {TabNextSpells?.map(entry => (
+                              <Stack.Item key={entry}>
+                                <Divider />
+                                <Section
+                                  title={entry.name}
+                                  buttons={
+                                    <>
+                                      <Box mr={entry.buyword === "Learn" ? 6.5 : 2}>
+                                        {entry.cost} Points
                                       </Box>
-                                    )}
-                                  </>
-                                }>
-                                <Stack>
-                                  <Stack.Item grow>
-                                    {entry.desc}
-                                  </Stack.Item>
-                                  <Stack.Item>
-                                    <Divider vertical />
-                                  </Stack.Item>
-                                  <Stack.Item>
-                                    <Button
-                                      fluid
-                                      textAlign="center"
-                                      color={points >= entry.cost ? "green" : "bad"}
-                                      disabled={points < entry.cost}
-                                      width={7}
-                                      icon={BUYWORD2ICON[entry.buyword]}
-                                      content={entry.buyword}
-                                      onClick={() => act("purchase", {
-                                        spellref: entry.ref,
-                                      })} />
-                                    <br />
-                                    {!entry.refundable && (
-                                      <NoticeBox>
-                                        No refunds.
-                                      </NoticeBox>
-                                    ) || (
+                                      {entry.cat === 'Rituals' && (
+                                        !!entry.times && (
+                                          <Box ml={-118} mt={-2.2}>
+                                            Cast {entry.times} Time(s).
+                                          </Box>
+                                        ) || (
+                                          <Box ml={-118} mt={-2.2}>
+                                            Not Casted Yet.
+                                          </Box>
+                                        )
+                                      ) || (
+                                          entry.cooldown && (
+                                            <Box ml={-115} mt={-2.2}>
+                                              {entry.cooldown}s Cooldown
+                                            </Box>
+                                          ) || (
+                                            <Box ml={-120} mt={-2.2}>
+                                              No Cooldown!
+                                            </Box>
+                                          )
+                                        )}
+                                      {entry.buyword === "Learn" && (
+                                        <Box mr={-9.5} mt={-3}>
+                                          <Button
+                                            icon="tshirt"
+                                            color={entry.clothes_req ? "bad" : "green"}
+                                            tooltipPosition="bottom-left"
+                                            tooltip={entry.clothes_req
+                                              ? "Requires wizard garb."
+                                              : "Can be cast without wizard garb."} />
+                                        </Box>
+                                      )}
+                                    </>
+                                  }>
+                                  <Stack>
+                                    <Stack.Item grow>
+                                      {entry.desc}
+                                    </Stack.Item>
+                                    <Stack.Item>
+                                      <Divider vertical />
+                                    </Stack.Item>
+                                    <Stack.Item>
                                       <Button
+                                        fluid
                                         textAlign="center"
+                                        color={points >= entry.cost ? "green" : "bad"}
+                                        disabled={points < entry.cost}
                                         width={7}
-                                        icon="arrow-left"
-                                        content="Refund"
-                                        onClick={() => act("refund", {
+                                        icon={BUYWORD2ICON[entry.buyword]}
+                                        content={entry.buyword}
+                                        onClick={() => act("purchase", {
                                           spellref: entry.ref,
                                         })} />
-                                    )}
-                                  </Stack.Item>
-                                </Stack>
-                              </Section>
-                            </Stack.Item>
-                          ))}
-                        </Stack>
-                      </Stack.Item>
-                    )}
+                                      <br />
+                                      {!entry.refundable && (
+                                        <NoticeBox>
+                                          No refunds.
+                                        </NoticeBox>
+                                      ) || (
+                                          <Button
+                                            textAlign="center"
+                                            width={7}
+                                            icon="arrow-left"
+                                            content="Refund"
+                                            onClick={() => act("refund", {
+                                              spellref: entry.ref,
+                                            })} />
+                                        )}
+                                    </Stack.Item>
+                                  </Stack>
+                                </Section>
+                              </Stack.Item>
+                            ))}
+                          </Stack>
+                        </Stack.Item>
+                      )}
                   </Stack>
                 </Section>
               </Stack.Item>
@@ -648,7 +648,7 @@ export const Spellbook = (props) => {
           <Stack.Item>
             <Section>
               <ProgressBar
-                value={points/10}>
+                value={points / 10}>
                 {points + ' points left to spend.'}
               </ProgressBar>
             </Section>
diff --git a/tgui/packages/tgui/interfaces/Stack.tsx b/tgui/packages/tgui/interfaces/Stack.tsx
index 4ed07274dc..a6f6493643 100644
--- a/tgui/packages/tgui/interfaces/Stack.tsx
+++ b/tgui/packages/tgui/interfaces/Stack.tsx
@@ -1,4 +1,4 @@
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { sortBy } from 'common/collections';
 import { useBackend, useLocalState } from "../backend";
 import { Box, Button, Input, NoticeBox, Section, Collapsible, Table } from "tgui-core/components";
@@ -22,12 +22,12 @@ export const Stack = (props) => {
   });
 
   const items = searchText.length > 0
-   && Object.keys(recipes)
-     .filter(testSearch)
-     .reduce((obj, key) => {
-       obj[key] = recipes[key];
-       return obj;
-     }, {})
+    && Object.keys(recipes)
+      .filter(testSearch)
+      .reduce((obj, key) => {
+        obj[key] = recipes[key];
+        return obj;
+      }, {})
     || recipes;
 
   const height = Math.max(94 + Object.keys(recipes).length * 26, 250);
@@ -54,8 +54,8 @@ export const Stack = (props) => {
               No recipes found.
             </NoticeBox>
           ) || (
-            <RecipeList recipes={items} />
-          )}
+              <RecipeList recipes={items} />
+            )}
         </Section>
       </Window.Content>
     </Window>
diff --git a/tgui/packages/tgui/interfaces/Tank.tsx b/tgui/packages/tgui/interfaces/Tank.tsx
index 5cca012c2a..426b8601b0 100644
--- a/tgui/packages/tgui/interfaces/Tank.tsx
+++ b/tgui/packages/tgui/interfaces/Tank.tsx
@@ -1,7 +1,7 @@
 import { toFixed } from 'common/math';
 import { useBackend } from '../backend';
 import { Button, LabeledControls, NumberInput, RoundGauge, Section } from 'tgui-core/components';
-import { formatSiUnit } from '../format';
+import { formatSiUnit } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 const formatPressure = value => {
diff --git a/tgui/packages/tgui/interfaces/Uplink.tsx b/tgui/packages/tgui/interfaces/Uplink.tsx
index e88ff9c484..292adcc5d7 100644
--- a/tgui/packages/tgui/interfaces/Uplink.tsx
+++ b/tgui/packages/tgui/interfaces/Uplink.tsx
@@ -1,7 +1,7 @@
-import { createSearch, decodeHtmlEntities } from 'common/string';
+import { createSearch, decodeHtmlEntities } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Flex, Input, Section, Table, Tabs, NoticeBox } from 'tgui-core/components';
-import { formatMoney } from '../format';
+import { formatMoney } from 'tgui-core/format';
 import { Window } from '../layouts';
 
 const MAX_SEARCH_RESULTS = 25;
diff --git a/tgui/packages/tgui/interfaces/Vending.tsx b/tgui/packages/tgui/interfaces/Vending.tsx
index c8ce132bae..3cec5a8608 100644
--- a/tgui/packages/tgui/interfaces/Vending.tsx
+++ b/tgui/packages/tgui/interfaces/Vending.tsx
@@ -1,7 +1,7 @@
 import { filter } from 'common/collections';
 import { flow } from 'common/fp';
 import { classes } from 'common/react';
-import { createSearch } from 'common/string';
+import { createSearch } from 'tgui-core/string';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Icon, Input, Section, Table } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -97,16 +97,16 @@ const VendingRow = (props) => {
               'horizontal-align': 'middle',
             }} />
         ) || (
-          <span
-            className={classes([
-              'vending32x32',
-              product.path,
-            ])}
-            style={{
-              'vertical-align': 'middle',
-              'horizontal-align': 'middle',
-            }} />
-        )}
+            <span
+              className={classes([
+                'vending32x32',
+                product.path,
+              ])}
+              style={{
+                'vertical-align': 'middle',
+                'horizontal-align': 'middle',
+              }} />
+          )}
       </Table.Cell>
       <Table.Cell bold>
         {product.name}
@@ -131,21 +131,21 @@ const VendingRow = (props) => {
               'item': product.name,
             })} />
         ) || (
-          <Button
-            fluid
-            disabled={(
-              productStock.amount === 0
-              || !free && (
-                !user
-                || product.price > user.cash
-              )
-            )}
-            content={free
-              ? 'FREE' : `${product.price} cr`}
-            onClick={() => act('vend', {
-              'ref': product.ref,
-            })} />
-        )}
+            <Button
+              fluid
+              disabled={(
+                productStock.amount === 0
+                || !free && (
+                  !user
+                  || product.price > user.cash
+                )
+              )}
+              content={free
+                ? 'FREE' : `${product.price} cr`}
+              onClick={() => act('vend', {
+                'ref': product.ref,
+              })} />
+          )}
       </Table.Cell>
       <Table.Cell>
         {
@@ -221,11 +221,11 @@ export const Vending = (props) => {
                 Your balance is <b>{user.cash} credits</b>.
               </Box>
             ) || (
-              <Box color="light-grey">
-                No registered ID card!<br />
-                Please contact your local HoP!
-              </Box>
-            )}
+                <Box color="light-grey">
+                  No registered ID card!<br />
+                  Please contact your local HoP!
+                </Box>
+              )}
           </Section>
         )}
         <Section title="Products">
diff --git a/tgui/packages/tgui/interfaces/common/AtmosControls.tsx b/tgui/packages/tgui/interfaces/common/AtmosControls.tsx
index e1f072ac68..b8816a01df 100644
--- a/tgui/packages/tgui/interfaces/common/AtmosControls.tsx
+++ b/tgui/packages/tgui/interfaces/common/AtmosControls.tsx
@@ -1,4 +1,4 @@
-import { decodeHtmlEntities } from 'common/string';
+import { decodeHtmlEntities } from 'tgui-core/string';
 import { useBackend } from '../../backend';
 import { Button, LabeledList, NumberInput, Section } from 'tgui-core/components';
 import { getGasLabel } from '../../constants';
diff --git a/tgui/packages/tgui/interfaces/common/Materials.tsx b/tgui/packages/tgui/interfaces/common/Materials.tsx
index 3042ec770b..1012c887a8 100644
--- a/tgui/packages/tgui/interfaces/common/Materials.tsx
+++ b/tgui/packages/tgui/interfaces/common/Materials.tsx
@@ -1,7 +1,7 @@
 import { BooleanLike } from 'common/react';
 import { Box, Button, NumberInput, Flex } from 'tgui-core/components';
 import { classes } from 'common/react';
-import { formatMoney, formatSiUnit } from '../../format';
+import { formatMoney, formatSiUnit } from 'tgui-core/format';
 import { useSharedState } from '../../backend';
 import { BoxProps } from 'tgui-core/components/Box';
 
@@ -52,7 +52,7 @@ const EjectMaterial = (props: {
     sheets,
   } = props.material;
   const [removeMaterials, setRemoveMaterials] = useSharedState(
-    context, 'remove_mats_' + name, 1);
+    'remove_mats_' + name, 1);
   if (removeMaterials > 1 && sheets < removeMaterials) {
     setRemoveMaterials(sheets || 1);
   }