From b49b85cb11f568f6e257e3883ade8dcddb2cccb9 Mon Sep 17 00:00:00 2001
From: vm-silicons <vm-silicons>
Date: Sat, 20 Dec 2025 11:38:13 -0800
Subject: [PATCH] update

---
 tgui/docs/tutorial-and-examples.md                    | 6 +++---
 tgui/packages/tgui/interfaces/AIAnnouncement.tsx      | 9 ++++-----
 tgui/packages/tgui/interfaces/AdventureBrowser.tsx    | 2 +-
 tgui/packages/tgui/interfaces/AirAlarm.tsx            | 6 +++---
 tgui/packages/tgui/interfaces/ApcControl.tsx          | 3 ---
 tgui/packages/tgui/interfaces/AtmosControlConsole.tsx | 3 ---
 tgui/packages/tgui/interfaces/AtmosFilter.tsx         | 3 ++-
 tgui/packages/tgui/interfaces/AtmosPump.tsx           | 1 +
 tgui/packages/tgui/interfaces/Autolathe.tsx           | 5 ++---
 tgui/packages/tgui/interfaces/AuxBaseConsole.tsx      | 2 +-
 tgui/packages/tgui/interfaces/Canvas.tsx              | 9 ++++++---
 tgui/packages/tgui/interfaces/ExodroneConsole.tsx     | 2 +-
 tgui/packages/tgui/interfaces/RbmkControlRods.tsx     | 2 +-
 13 files changed, 25 insertions(+), 28 deletions(-)

diff --git a/tgui/docs/tutorial-and-examples.md b/tgui/docs/tutorial-and-examples.md
index 34b6c3eb02..6fc57ae4ee 100644
--- a/tgui/docs/tutorial-and-examples.md
+++ b/tgui/docs/tutorial-and-examples.md
@@ -135,7 +135,7 @@ export const SampleInterface = (props) => {
     color,
   } = data;
   return (
-    <Window resizable>
+    <Window >
       <Window.Content scrollable>
         <Section title="Health status">
           <LabeledList>
@@ -261,7 +261,7 @@ import { Window } from '../layouts';
 
 export const SampleInterface = (props) => {
   return (
-    <Window resizable>
+    <Window >
       <Window.Content scrollable>
         <HealthStatus user="Jerry" />
       </Window.Content>
@@ -338,7 +338,7 @@ export const SampleInterface = (props) => {
     color,
   } = data;
   return (
-    <Window resizable>
+    <Window >
       <Window.Content scrollable>
         <Section title="Health status">
           <LabeledList>
diff --git a/tgui/packages/tgui/interfaces/AIAnnouncement.tsx b/tgui/packages/tgui/interfaces/AIAnnouncement.tsx
index 39c9b38939..740afebe66 100644
--- a/tgui/packages/tgui/interfaces/AIAnnouncement.tsx
+++ b/tgui/packages/tgui/interfaces/AIAnnouncement.tsx
@@ -32,13 +32,12 @@ export const AIAnnouncement = (props) => {
     <Window
       width={630}
       height={175}
-      resizable
       title="Vox Announcement">
       <Window.Content>
         <Section fill overflow="auto">
           <Stack vertical>
             <Stack.Item>
-              <font color="red">WARNING:</font> Misuse of this verb can result in you being job banned. More help is available in &apos;Announcement Help&apos;
+              <span color="red">WARNING:</span> Misuse of this verb can result in you being job banned. More help is available in &apos;Announcement Help&apos;
             </Stack.Item>
             <Stack.Item>
               <Tabs fluid textAlign="center">
@@ -61,8 +60,8 @@ export const AIAnnouncement = (props) => {
                     fluid
                     value={last_announcement}
                     placeholder="Announce something..."
-                    onInput={(e, value) => set_announcement_input(value)}
-                    onEnter={(e, value) => act("announce", {
+                    onChange={(value) => set_announcement_input(value)}
+                    onEnter={(value) => act("announce", {
                       "vox_type": Object.keys(vox_types)[current_page],
                       "to_speak": value,
                     })}
@@ -78,7 +77,7 @@ export const AIAnnouncement = (props) => {
             </Stack.Item>
             <Stack.Item>
               {missing_words.length
-                ? <div>These words are not available on the announcement system: <font color="red">{missing_words.join(" ")}</font></div> : null}
+                ? <div>These words are not available on the announcement system: <span color="red">{missing_words.join(" ")}</span></div> : null}
             </Stack.Item>
           </Stack>
         </Section>
diff --git a/tgui/packages/tgui/interfaces/AdventureBrowser.tsx b/tgui/packages/tgui/interfaces/AdventureBrowser.tsx
index acf989f182..9387e548c2 100644
--- a/tgui/packages/tgui/interfaces/AdventureBrowser.tsx
+++ b/tgui/packages/tgui/interfaces/AdventureBrowser.tsx
@@ -27,7 +27,7 @@ type AdventureBrowserData = AdventureDataProvider & {
 const AdventureEntry = (props) => {
   const { data, act } = useBackend<AdventureBrowserData>();
   const { entry_ref, close }: { entry_ref: string, close: () => void } = props;
-  const entry = data.adventures.find(x => x.ref === entry_ref);
+  const entry: any = data.adventures.find(x => x.ref === entry_ref);
   return (
     <Section>
       <LabeledList>
diff --git a/tgui/packages/tgui/interfaces/AirAlarm.tsx b/tgui/packages/tgui/interfaces/AirAlarm.tsx
index c3cdb086ea..8b6c1ea108 100644
--- a/tgui/packages/tgui/interfaces/AirAlarm.tsx
+++ b/tgui/packages/tgui/interfaces/AirAlarm.tsx
@@ -115,7 +115,7 @@ const AIR_ALARM_ROUTES = {
 };
 
 const AirAlarmControl = (props) => {
-  const [screen, setScreen] = useLocalState('screen');
+  const [screen, setScreen] = useLocalState('screen', 'home');
   const route = AIR_ALARM_ROUTES[screen] || AIR_ALARM_ROUTES.home;
   const Component = route.component();
   return (
@@ -125,7 +125,7 @@ const AirAlarmControl = (props) => {
         <Button
           icon="arrow-left"
           content="Back"
-          onClick={() => setScreen()} />
+          onClick={() => setScreen('home')} />
       )}>
       <Component />
     </Section>
@@ -138,7 +138,7 @@ const AirAlarmControl = (props) => {
 
 const AirAlarmControlHome = (props) => {
   const { act, data } = useBackend<any>();
-  const [screen, setScreen] = useLocalState('screen');
+  const [screen, setScreen] = useLocalState('screen', 'home');
   const {
     mode,
     atmos_alarm,
diff --git a/tgui/packages/tgui/interfaces/ApcControl.tsx b/tgui/packages/tgui/interfaces/ApcControl.tsx
index b250b25bbd..d3f942e131 100644
--- a/tgui/packages/tgui/interfaces/ApcControl.tsx
+++ b/tgui/packages/tgui/interfaces/ApcControl.tsx
@@ -1,6 +1,5 @@
 import { map, sortBy } from 'common/collections';
 import { flow } from 'common/fp';
-import { pureComponentHooks } from 'tgui-core/react';
 import { useBackend, useLocalState } from '../backend';
 import { Box, Button, Dimmer, Flex, Icon, Table, Tabs } from 'tgui-core/components';
 import { Window } from '../layouts';
@@ -301,5 +300,3 @@ const statusChange = status => {
   return status === 0 ? 2 : status === 2 ? 3 : 0;
 };
 
-AreaStatusColorButton.defaultHooks = pureComponentHooks;
-
diff --git a/tgui/packages/tgui/interfaces/AtmosControlConsole.tsx b/tgui/packages/tgui/interfaces/AtmosControlConsole.tsx
index 33b9dbf074..738f2a0e04 100644
--- a/tgui/packages/tgui/interfaces/AtmosControlConsole.tsx
+++ b/tgui/packages/tgui/interfaces/AtmosControlConsole.tsx
@@ -86,9 +86,6 @@ export const AtmosControlConsole = (props) => {
                   minValue={0}
                   maxValue={data.maxOutputPressure}
                   step={10}
-                  // This takes an exceptionally long time to update
-                  // due to being an async signal
-                  suppressFlicker={2000}
                   onChange={(value) => act('pressure', {
                     pressure: value,
                   })} />
diff --git a/tgui/packages/tgui/interfaces/AtmosFilter.tsx b/tgui/packages/tgui/interfaces/AtmosFilter.tsx
index bdd3b61161..dcb2758be2 100644
--- a/tgui/packages/tgui/interfaces/AtmosFilter.tsx
+++ b/tgui/packages/tgui/interfaces/AtmosFilter.tsx
@@ -1,7 +1,7 @@
 import { useBackend } from '../backend';
 import { Button, LabeledList, NumberInput, Section } from 'tgui-core/components';
-import { getGasLabel } from '../constants';
 import { Window } from '../layouts';
+import { getGasLabel } from 'tgui-core/constants';
 
 export const AtmosFilter = (props) => {
   const { act, data } = useBackend<any>();
@@ -22,6 +22,7 @@ export const AtmosFilter = (props) => {
             </LabeledList.Item>
             <LabeledList.Item label="Transfer Rate">
               <NumberInput
+                step={0.1}
                 animated
                 value={parseFloat(data.rate)}
                 width="63px"
diff --git a/tgui/packages/tgui/interfaces/AtmosPump.tsx b/tgui/packages/tgui/interfaces/AtmosPump.tsx
index b850d3d724..ecf8e925b5 100644
--- a/tgui/packages/tgui/interfaces/AtmosPump.tsx
+++ b/tgui/packages/tgui/interfaces/AtmosPump.tsx
@@ -22,6 +22,7 @@ export const AtmosPump = (props) => {
               <LabeledList.Item label="Transfer Rate">
                 <NumberInput
                   animated
+                  step={0.1}
                   value={parseFloat(data.rate)}
                   width="63px"
                   unit="L/s"
diff --git a/tgui/packages/tgui/interfaces/Autolathe.tsx b/tgui/packages/tgui/interfaces/Autolathe.tsx
index f6631c0379..c84068bc55 100644
--- a/tgui/packages/tgui/interfaces/Autolathe.tsx
+++ b/tgui/packages/tgui/interfaces/Autolathe.tsx
@@ -175,12 +175,11 @@ export const Autolathe = (props) => {
                       <Table.Cell>
                         <Button.Input
                           content={"[Max:" + design.maxmult + ']'}
-                          maxValue={design.maxmult}
                           disabled={design.buildable}
                           backgroundColor={design.buildable ? '#999999' : 'default'}
-                          onCommit={(e, value) => act('make', {
+                          onCommit={(value) => act('make', {
                             id: design.id,
-                            multiplier: value,
+                            multiplier: Number(value),
                           })} />
                       </Table.Cell>
                       {design.cost}
diff --git a/tgui/packages/tgui/interfaces/AuxBaseConsole.tsx b/tgui/packages/tgui/interfaces/AuxBaseConsole.tsx
index 6fadd14f49..5b3f127170 100644
--- a/tgui/packages/tgui/interfaces/AuxBaseConsole.tsx
+++ b/tgui/packages/tgui/interfaces/AuxBaseConsole.tsx
@@ -72,7 +72,7 @@ export const AuxBaseConsoleContent = (props) => {
           No connected turrets
         </NoticeBox>
       ) : (
-        <Table cellpadding="3" textAlign="center">
+        <Table style={{ padding: "3px" }} textAlign="center">
           <Table.Row header>
             <Table.Cell>Unit</Table.Cell>
             <Table.Cell>Condition</Table.Cell>
diff --git a/tgui/packages/tgui/interfaces/Canvas.tsx b/tgui/packages/tgui/interfaces/Canvas.tsx
index c2e90c4c8d..5e4644de1a 100644
--- a/tgui/packages/tgui/interfaces/Canvas.tsx
+++ b/tgui/packages/tgui/interfaces/Canvas.tsx
@@ -5,7 +5,10 @@ import { Window } from '../layouts';
 
 const PX_PER_UNIT = 24;
 
-class PaintCanvas extends Component {
+class PaintCanvas extends Component<any, any> {
+  canvasRef: any;
+  onCVClick: any;
+
   constructor(props) {
     super(props);
     this.canvasRef = createRef();
@@ -51,8 +54,8 @@ class PaintCanvas extends Component {
     const y_size = this.props.value[0].length;
     const x_scale = this.canvasRef.current.width / x_size;
     const y_scale = this.canvasRef.current.height / y_size;
-    const x = Math.floor(event.offsetX / x_scale)+1;
-    const y = Math.floor(event.offsetY / y_scale)+1;
+    const x = Math.floor(event.offsetX / x_scale) + 1;
+    const y = Math.floor(event.offsetY / y_scale) + 1;
     this.onCVClick(x, y);
   }
 
diff --git a/tgui/packages/tgui/interfaces/ExodroneConsole.tsx b/tgui/packages/tgui/interfaces/ExodroneConsole.tsx
index d6b9e3069f..be33194585 100644
--- a/tgui/packages/tgui/interfaces/ExodroneConsole.tsx
+++ b/tgui/packages/tgui/interfaces/ExodroneConsole.tsx
@@ -752,7 +752,7 @@ type AdventureScreenProps = {
   hide_status?: boolean
 }
 
-export const AdventureScreen = (props: AdventureScreenProps, context) => {
+export const AdventureScreen = (props: AdventureScreenProps) => {
   const { act, data } = useBackend<AdventureDataProvider>();
   const {
     adventure_data,
diff --git a/tgui/packages/tgui/interfaces/RbmkControlRods.tsx b/tgui/packages/tgui/interfaces/RbmkControlRods.tsx
index 3fe151c7fd..c4d83e081f 100644
--- a/tgui/packages/tgui/interfaces/RbmkControlRods.tsx
+++ b/tgui/packages/tgui/interfaces/RbmkControlRods.tsx
@@ -10,7 +10,7 @@ export const RbmkControlRods = (props) => {
   const desiredK = data.desiredK;
   return (
     <Window
-      resizable
+
       theme="ntos"
       width={300}
       height={300}>