From fe9ab58d966bc59d69863ce6471121308cbd5e66 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 04:30:55 +0100
Subject: [PATCH 01/82] revamped tutorial and blast radius

---
 src/InteractiveTutorial.ts                    |  32 +-
 src/Programs/Programs.ts                      |  46 +-
 src/ScriptEditor/ui/ScriptEditorRoot.tsx      |   3 +-
 src/Sidebar/ui/SidebarRoot.tsx                |   7 +-
 src/Terminal/Terminal.ts                      |  32 +-
 src/Terminal/commands/grow.ts                 |  11 +-
 src/Terminal/commands/weaken.ts               |   5 +-
 src/ui/CharacterStats.tsx                     |  11 +
 .../InteractiveTutorialRoot.tsx               | 565 ++++++++++--------
 9 files changed, 430 insertions(+), 282 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index b57b6045fd..8a6ae1e67e 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -1,3 +1,15 @@
+//// Tidy up:
+// n00dles.js
+//
+
+////////
+// Red to blue for stuff
+/// Somewhere ??? the text that says 'can't kill during tutorial' ... when you clearly can
+// Add the stuff about docs and the editor back in later on
+// Don't auto-move from the Script editor to the Termainal. Make the player do that.
+// add scp step
+// add "all this stuff can be automated" scp > ns.scp; run > ns.run/ns.exec; weaken > ns.weaken
+
 import { Player } from "@player";
 import { LiteratureName } from "@enums";
 import { ITutorialEvents } from "./ui/InteractiveTutorial/ITutorialEvents";
@@ -5,15 +17,13 @@ import { ITutorialEvents } from "./ui/InteractiveTutorial/ITutorialEvents";
 // Ordered array of keys to Interactive Tutorial Steps
 enum iTutorialSteps {
   Start,
-  GoToCharacterPage, // Click on 'Stats' page
-  CharacterPage, // Introduction to 'Stats' page
-  CharacterGoToTerminalPage, // Go back to Terminal
+
+  // Hacking
   TerminalIntro, // Introduction to Terminal
-  TerminalHelp, // Using 'help' Terminal command
-  TerminalLs, // Using 'ls' Terminal command
   TerminalScan, // Using 'scan' Terminal command
   TerminalScanAnalyze1, // Using 'scan-analyze' Terminal command
   TerminalScanAnalyze2, // Using 'scan-analyze 3' Terminal command
+  TerminalConnectInterval,
   TerminalConnect, // Connecting to n00dles
   TerminalAnalyze, // Analyzing n00dles
   TerminalNuke, // NUKE n00dles
@@ -28,6 +38,15 @@ enum iTutorialSteps {
   ActiveScriptsPage,
   ActiveScriptsToTerminal,
   TerminalTailScript,
+  TerminalLs, // Using 'ls' Terminal command
+  TerminalScp,
+  TerminalHelp, // Using 'help' Terminal command
+
+  // See the results of our hacking
+  GoToCharacterPage, // Click on 'Stats' page
+  CharacterPage, // Introduction to 'Stats' page
+
+  // Finishing off
   GoToHacknetNodesPage,
   HacknetNodesIntroduction,
   HacknetNodesGoToWorldPage,
@@ -45,7 +64,6 @@ const ITutorial = {
     [iTutorialSteps.Start]: false,
     [iTutorialSteps.GoToCharacterPage]: false,
     [iTutorialSteps.CharacterPage]: false,
-    [iTutorialSteps.CharacterGoToTerminalPage]: false,
     [iTutorialSteps.TerminalIntro]: false,
     [iTutorialSteps.TerminalHelp]: false,
     [iTutorialSteps.TerminalLs]: false,
@@ -53,6 +71,7 @@ const ITutorial = {
     [iTutorialSteps.TerminalScanAnalyze1]: false,
     [iTutorialSteps.TerminalScanAnalyze2]: false,
     [iTutorialSteps.TerminalConnect]: false,
+    [iTutorialSteps.TerminalConnectInterval]: false,
     [iTutorialSteps.TerminalAnalyze]: false,
     [iTutorialSteps.TerminalNuke]: false,
     [iTutorialSteps.TerminalManualHack]: false,
@@ -66,6 +85,7 @@ const ITutorial = {
     [iTutorialSteps.ActiveScriptsPage]: false,
     [iTutorialSteps.ActiveScriptsToTerminal]: false,
     [iTutorialSteps.TerminalTailScript]: false,
+    [iTutorialSteps.TerminalScp]: false,
     [iTutorialSteps.GoToHacknetNodesPage]: false,
     [iTutorialSteps.HacknetNodesIntroduction]: false,
     [iTutorialSteps.HacknetNodesGoToWorldPage]: false,
diff --git a/src/Programs/Programs.ts b/src/Programs/Programs.ts
index 495428a354..9dd4fb46d7 100644
--- a/src/Programs/Programs.ts
+++ b/src/Programs/Programs.ts
@@ -50,7 +50,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     nsMethod: "nuke",
     create: {
       level: 1,
-      tooltip: "This virus is used to gain root access to a machine if enough ports are opened.",
+      tooltip: "This virus is used to gain root access to a machine if enough ports are opened",
       req: requireHackingLevel(1),
       time: CONSTANTS.MillisecondsPerFiveMinutes,
     },
@@ -62,13 +62,13 @@ export const Programs: Record<CompletedProgramName, Program> = {
       }
       if (server.hasAdminRights) {
         Terminal.print("You already have root access to this computer. There is no reason to run NUKE.exe");
-        Terminal.print("You can now run scripts on this server.");
+        Terminal.print("You can run scripts on this server");
         return;
       }
       if (server.openPortCount >= server.numOpenPortsRequired) {
         server.hasAdminRights = true;
         Terminal.print("NUKE successful! Gained root access to " + server.hostname);
-        Terminal.print("You can now run scripts on this server.");
+        Terminal.print("You can now run scripts on this server");
         return;
       }
 
@@ -87,7 +87,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.bruteSsh, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run BruteSSH.exe on this kind of server.");
+        Terminal.error("Cannot run BruteSSH.exe on this kind of server");
         return;
       }
       if (server.sshPortOpen) {
@@ -95,7 +95,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
       }
 
       server.sshPortOpen = true;
@@ -115,7 +115,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.ftpCrack, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run FTPCrack.exe on this kind of server.");
+        Terminal.error("Cannot run FTPCrack.exe on this kind of server");
         return;
       }
       if (server.ftpPortOpen) {
@@ -123,7 +123,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
       }
 
       server.ftpPortOpen = true;
@@ -143,7 +143,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.relaySmtp, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run relaySMTP.exe on this kind of server.");
+        Terminal.error("Cannot run relaySMTP.exe on this kind of server");
         return;
       }
       if (server.smtpPortOpen) {
@@ -151,7 +151,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
       }
 
       server.smtpPortOpen = true;
@@ -171,7 +171,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.httpWorm, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run HTTPWorm.exe on this kind of server.");
+        Terminal.error("Cannot run HTTPWorm.exe on this kind of server");
         return;
       }
       if (server.httpPortOpen) {
@@ -179,7 +179,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
       }
 
       server.httpPortOpen = true;
@@ -199,7 +199,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.sqlInject, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run SQLInject.exe on this kind of server.");
+        Terminal.error("Cannot run SQLInject.exe on this kind of server");
         return;
       }
       if (server.sqlPortOpen) {
@@ -207,7 +207,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
       }
 
       server.sqlPortOpen = true;
@@ -224,8 +224,8 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPerQuarterHour,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run.");
-      Terminal.print("DeepscanV1.exe lets you run 'scan-analyze' with a depth up to 5.");
+      Terminal.print("This executable cannot be run");
+      Terminal.print("DeepscanV1.exe lets you run 'scan-analyze' with a depth up to 5");
     },
   }),
   [CompletedProgramName.deepScan2]: new Program({
@@ -237,8 +237,8 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPer2Hours,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run.");
-      Terminal.print("DeepscanV2.exe lets you run 'scan-analyze' with a depth up to 10.");
+      Terminal.print("This executable cannot be run");
+      Terminal.print("DeepscanV2.exe lets you run 'scan-analyze' with a depth up to 10");
     },
   }),
   [CompletedProgramName.serverProfiler]: new Program({
@@ -263,7 +263,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
       }
 
       if (!(targetServer instanceof Server)) {
-        Terminal.error(`ServerProfiler.exe can only be run on normal servers.`);
+        Terminal.error(`ServerProfiler.exe can only be run on normal servers`);
         return;
       }
 
@@ -300,9 +300,9 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPerQuarterHour,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run.");
-      Terminal.print("AutoLink.exe lets you automatically connect to other servers when using 'scan-analyze'.");
-      Terminal.print("When using scan-analyze, click on a server's hostname to connect to it.");
+      Terminal.print("This executable cannot be run");
+      Terminal.print("AutoLink.exe lets you automatically connect to other servers when using 'scan-analyze'");
+      Terminal.print("When using scan-analyze, click on a server's hostname to connect to it");
     },
   }),
   [CompletedProgramName.formulas]: new Program({
@@ -314,8 +314,8 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPer4Hours,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run.");
-      Terminal.print("Formulas.exe lets you use the formulas API.");
+      Terminal.print("This executable cannot be run");
+      Terminal.print("Formulas.exe lets you use the formulas API");
     },
   }),
   [CompletedProgramName.bitFlume]: new Program({
diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index 298b30c7db..4964ca904f 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -17,6 +17,7 @@ import { checkInfiniteLoop } from "../../Script/RamCalculations";
 
 import { Settings } from "../../Settings/Settings";
 import { iTutorialNextStep, ITutorial, iTutorialSteps } from "../../InteractiveTutorial";
+import { tutorialScriptName } from "../../ui/InteractiveTutorial/InteractiveTutorialRoot";
 import { debounce } from "lodash";
 import { GetServer } from "../../Server/AllServers";
 
@@ -196,7 +197,7 @@ function Root(props: IProps): React.ReactElement {
     // this is duplicate code with saving later.
     if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.TerminalEditScript) {
       //Make sure filename + code properly follow tutorial
-      if (currentScript.path !== "n00dles.js") {
+      if (currentScript.path !== tutorialScriptName) {
         dialogBoxCreate("Don't change the script name for now.");
         return;
       }
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 44e0f0c89b..8496baba74 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -128,16 +128,15 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
 
   let flash: Page | null = null;
   switch (ITutorial.currStep) {
-    case iTutorialSteps.CharacterGoToTerminalPage:
     case iTutorialSteps.ActiveScriptsPage:
       flash = Page.Terminal;
       break;
-    case iTutorialSteps.GoToCharacterPage:
-      flash = Page.Stats;
-      break;
     case iTutorialSteps.TerminalGoToActiveScriptsPage:
       flash = Page.ActiveScripts;
       break;
+    case iTutorialSteps.GoToCharacterPage:
+      flash = Page.Stats;
+      break;
     case iTutorialSteps.GoToHacknetNodesPage:
       flash = Page.Hacknet;
       break;
diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 43df8447be..fd5d1e00a1 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -12,6 +12,7 @@ import { GetServer } from "../Server/AllServers";
 
 import { checkIfConnectedToDarkweb } from "../DarkWeb/DarkWeb";
 import { iTutorialNextStep, iTutorialSteps, ITutorial } from "../InteractiveTutorial";
+import { tutorialScriptName } from "../ui/InteractiveTutorial/InteractiveTutorialRoot";
 import { parseCommand, parseCommands } from "./Parser";
 import { Settings } from "../Settings/Settings";
 import { createProgressBarText } from "../utils/helpers/createProgressBarText";
@@ -347,7 +348,7 @@ export class Terminal {
         throw new Error("Could not get n00dles server");
       }
       const errorMessageForBadCommand =
-        "Bad command. Please follow the tutorial or click 'Exit Tutorial' if you'd like to skip it.";
+        "Wrong command. Please follow the tutorial, or if you'd like to skip it click Exit Tutorial";
       switch (ITutorial.currStep) {
         case iTutorialSteps.TerminalHelp:
           if (commandArray.length === 1 && commandArray[0] === "help") {
@@ -417,7 +418,10 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalNuke:
-          if (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === "NUKE.exe") {
+          if (
+            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === "NUKE.exe") ||
+            commandArray[0] === "NUKE.exe"
+          ) {
             iTutorialNextStep();
           } else {
             this.error(errorMessageForBadCommand);
@@ -447,7 +451,7 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalCreateScript:
-          if (commandArray.length === 2 && commandArray[0] === "nano" && commandArray[1] === "n00dles.js") {
+          if (commandArray.length === 2 && commandArray[0] === "nano" && commandArray[1] === tutorialScriptName) {
             iTutorialNextStep();
           } else {
             this.error(errorMessageForBadCommand);
@@ -463,7 +467,10 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalRunScript:
-          if (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === "n00dles.js") {
+          if (
+            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName) ||
+            commandArray[0] === tutorialScriptName
+          ) {
             iTutorialNextStep();
           } else {
             this.error(errorMessageForBadCommand);
@@ -471,7 +478,20 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.ActiveScriptsToTerminal:
-          if (commandArray.length === 2 && commandArray[0] === "tail" && commandArray[1] === "n00dles.js") {
+          if (commandArray.length === 2 && commandArray[0] === "tail" && commandArray[1] === tutorialScriptName) {
+            iTutorialNextStep();
+          } else {
+            this.error(errorMessageForBadCommand);
+            return;
+          }
+          break;
+        case iTutorialSteps.TerminalScp:
+          if (
+            commandArray.length === 3 &&
+            commandArray[0] === "scp" &&
+            commandArray[1] === tutorialScriptName &&
+            commandArray[2] === "n00dles"
+          ) {
             iTutorialNextStep();
           } else {
             this.error(errorMessageForBadCommand);
@@ -479,7 +499,7 @@ export class Terminal {
           }
           break;
         default:
-          this.error("Please follow the tutorial or click 'Exit Tutorial' if you'd like to skip it");
+          this.error("Please follow the tutorial, or if you'd like to skip it click Exit Tutorial");
           return;
       }
     }
diff --git a/src/Terminal/commands/grow.ts b/src/Terminal/commands/grow.ts
index e769d43054..3caf16d373 100644
--- a/src/Terminal/commands/grow.ts
+++ b/src/Terminal/commands/grow.ts
@@ -4,7 +4,7 @@ import { BaseServer } from "../../Server/BaseServer";
 import { Server } from "../../Server/Server";
 import { HacknetServer } from "../../Hacknet/HacknetServer";
 import { Player } from "@player";
-import { formatExp, formatPercent, formatSecurity } from "../../ui/formatNumber";
+import { formatExp, formatPercent, formatSecurity, formatMoney } from "../../ui/formatNumber";
 import { calculateHackingExpGain, calculateGrowTime } from "../../Hacking";
 import { processSingleServerGrowth } from "../../Server/ServerHelpers";
 
@@ -17,7 +17,7 @@ export function grow(args: (string | number | boolean)[], server: BaseServer): u
   if (server.requiredHackingSkill === undefined) return Terminal.error("Cannot grow this server.");
 
   if (server instanceof HacknetServer) {
-    Terminal.error("Cannot grow this kind of server");
+    Terminal.error("Cannot grow this kind of server.");
     return;
   }
   if (!(server instanceof Server)) throw new Error("server should be normal server");
@@ -26,12 +26,13 @@ export function grow(args: (string | number | boolean)[], server: BaseServer): u
     const oldSec = server.hackDifficulty;
     const growth = processSingleServerGrowth(server, 25, server.cpuCores);
     const newSec = server.hackDifficulty;
+    const newMoney = server.moneyAvailable;
 
     Player.gainHackingExp(expGain);
     Terminal.print(
-      `Available money on '${server.hostname}' grown by ${formatPercent(growth - 1, 6)}. Gained ${formatExp(
-        expGain,
-      )} hacking exp.`,
+      `Available money on '${server.hostname}' grown by ${formatPercent(growth - 1, 6)} to ${formatMoney(
+        newMoney,
+      )}. Gained ${formatExp(expGain)} hacking exp`,
     );
     Terminal.print(
       `Security increased on '${server.hostname}' from ${formatSecurity(oldSec)} to ${formatSecurity(newSec)}`,
diff --git a/src/Terminal/commands/weaken.ts b/src/Terminal/commands/weaken.ts
index c212331d29..c8479b4729 100644
--- a/src/Terminal/commands/weaken.ts
+++ b/src/Terminal/commands/weaken.ts
@@ -32,8 +32,9 @@ export function weaken(args: (string | number | boolean)[], server: BaseServer):
     Terminal.print(
       `Security decreased on '${server.hostname}' by ${formatSecurity(weakenAmt)} from ${formatSecurity(
         oldSec,
-      )} to ${formatSecurity(newSec)} (min: ${formatSecurity(server.minDifficulty)})` +
-        ` and Gained ${formatExp(expGain)} hacking exp.`,
+      )} to ${formatSecurity(newSec)} (min: ${formatSecurity(server.minDifficulty)}). Gained ${formatExp(
+        expGain,
+      )} hacking exp`,
     );
   });
 }
diff --git a/src/ui/CharacterStats.tsx b/src/ui/CharacterStats.tsx
index 53d6e9bd0d..565dfc54a1 100644
--- a/src/ui/CharacterStats.tsx
+++ b/src/ui/CharacterStats.tsx
@@ -4,6 +4,7 @@ import React, { useState } from "react";
 import { BitNodes } from "../BitNode/BitNode";
 import { currentNodeMults } from "../BitNode/BitNodeMultipliers";
 import { BitNodeMultipliersDisplay } from "../BitNode/ui/BitnodeMultipliersDescription";
+import { iTutorialSteps, iTutorialNextStep, ITutorial } from "../InteractiveTutorial";
 import { HacknetServerConstants } from "../Hacknet/data/Constants";
 import { getCloudServerLimit } from "../Server/ServerPurchases";
 import { Settings } from "../Settings/Settings";
@@ -222,6 +223,16 @@ function MoneyModal({ open, onClose }: IMoneyModalProps): React.ReactElement {
 }
 
 export function CharacterStats(): React.ReactElement {
+  /* INTERACTIVE TUTORIAL */
+  if (ITutorial.isRunning) {
+    if (ITutorial.currStep === iTutorialSteps.CharacterPage) {
+      iTutorialNextStep();
+    } else {
+      //return -1; ?? not sure how to handle this
+    }
+  }
+  /* END INTERACTIVE TUTORIAL */
+
   const [moneyOpen, setMoneyOpen] = useState(false);
   const [employersOpen, setEmployersOpen] = useState(false);
   useCycleRerender();
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 82e90e40f7..3d5c27e348 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -1,12 +1,9 @@
 import React, { useEffect } from "react";
 
-import Paper from "@mui/material/Paper";
-import Typography from "@mui/material/Typography";
-import Button from "@mui/material/Button";
+import { Paper, Box, Typography, Button, Link } from "@mui/material";
 import { ITutorialEvents } from "./ITutorialEvents";
 import { CopyableText } from "../React/CopyableText";
 
-import ListItem from "@mui/material/ListItem";
 import EqualizerIcon from "@mui/icons-material/Equalizer";
 import LastPageIcon from "@mui/icons-material/LastPage";
 import HelpIcon from "@mui/icons-material/Help";
@@ -43,12 +40,12 @@ const useStyles = makeStyles()((theme: Theme) => ({
   },
 }));
 
+export const tutorialScriptName = `script.js`;
+
 export function InteractiveTutorialRoot(): React.ReactElement {
   const { classes } = useStyles();
   const rerender = useRerender();
 
-  const tutorialScriptName = `n00dles.js`;
-
   const contents: Record<string, IContent | undefined> = {
     [iTutorialSteps.Start as number]: {
       content: (
@@ -58,170 +55,138 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             future... The year is 2077...
             <br />
             <br />
-            This tutorial will show you the basics of the game. You may skip the tutorial at any time.
+            This tutorial will show you the basics of the game.
             <br />
             <br />
-            You can replay this tutorial by going to the Options tab and pressing "Reset tutorial".
+            If you need to hide this tutorial panel temporarily, there's a button to collapse it in the top-right.
             <br />
             <br />
-            You can also collapse this panel to temporarily hide this tutorial.
-          </Typography>
-        </>
-      ),
-      canNext: true,
-    },
-    [iTutorialSteps.GoToCharacterPage as number]: {
-      content: (
-        <>
-          <Typography>Let's start by heading to the Stats page. Click</Typography>
-          <ListItem>
-            <EqualizerIcon color={"error"} />
-            <Typography color={"error"}>Stats</Typography>
-          </ListItem>
-
-          <Typography>on the main navigation menu (left-hand side of the screen)</Typography>
-        </>
-      ),
-      canNext: false,
-    },
-    [iTutorialSteps.CharacterPage as number]: {
-      content: (
-        <>
-          <ListItem>
-            <EqualizerIcon color={"primary"} />
-            <Typography color={"primary"}>Stats</Typography>
-          </ListItem>
-          <Typography>
-            shows a lot of important information about your progress, such as your skills, money, and bonuses.
+            You can also exit the tutorial at any time. If you ever want to review it, go to the Options tab and select
+            Repeat Tutorial.
           </Typography>
         </>
       ),
       canNext: true,
     },
-    [iTutorialSteps.CharacterGoToTerminalPage as number]: {
-      content: (
-        <>
-          <Typography>Let's head to your computer's terminal by clicking</Typography>
-          <ListItem>
-            <LastPageIcon color={"error"} />
-            <Typography color={"error"}>Terminal</Typography>
-          </ListItem>
-          <Typography>on the main navigation menu.</Typography>
-        </>
-      ),
-      canNext: false,
-    },
     [iTutorialSteps.TerminalIntro as number]: {
       content: (
         <>
-          <ListItem>
-            <LastPageIcon color={"primary"} />
-            <Typography color={"primary"}>Terminal</Typography>
-          </ListItem>
           <Typography>
-            is used to interface with your home computer as well as all of the other machines around the world.
+            We're currently on the{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <LastPageIcon color="primary" />
+              <Typography color="primary">Terminal</Typography>
+            </Box>{" "}
+            tab.
+            <br />
+            <br />
+            You can use the{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <LastPageIcon color="primary" />
+              <Typography color="primary">Terminal</Typography>
+            </Box>{" "}
+            to interface with your home computer, as well as with other machines around the world.
           </Typography>
         </>
       ),
       canNext: true,
     },
-    [iTutorialSteps.TerminalHelp as number]: {
-      content: (
-        <>
-          <Typography>Let's try it out. Start by entering</Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> help"}</Typography>
-          <Typography>(Don't forget to press Enter after typing the command)</Typography>
-        </>
-      ),
-      canNext: false,
-    },
-    [iTutorialSteps.TerminalLs as number]: {
+    [iTutorialSteps.TerminalScan as number]: {
       content: (
         <>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> help"}</Typography>
           <Typography>
-            displays a list of all available Terminal commands, how to use them, and a description of what they do.{" "}
+            Let's try that out. Start by entering
             <br />
             <br />
-            Let's try another command. Enter
           </Typography>
-
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> ls"}</Typography>
+          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan"}</Typography>
           <Typography>
-            <br />( "ls" is short for "list" )
+            <br />
+            (Don't forget to press Enter after typing the command.)
           </Typography>
         </>
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalScan as number]: {
+    [iTutorialSteps.TerminalScanAnalyze1 as number]: {
       content: (
         <>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> ls"}</Typography>
           <Typography>
-            {" "}
-            is a basic command that lists the files on the computer. Right now, it shows that you have a program called{" "}
-            NUKE.exe on your computer. We'll get to what this does later. <br />
+            Running
+            <br />
             <br />
-            Using your home computer's terminal, you can connect to other machines throughout the world. Let's do that
-            now by first entering
           </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[home /]> scan"}</Typography>
+          <Typography>
+            <br />
+            shows all servers that you can connect to from your current machine. Servers are identified by their
+            hostname.
+            <br />
+            <br />
+            The network's much bigger than these nearby servers though. To start exploring it, let's enter
+            <br />
+            <br />
+          </Typography>
+          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze"}</Typography>
         </>
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalScanAnalyze1 as number]: {
+    [iTutorialSteps.TerminalScanAnalyze2 as number]: {
       content: (
         <>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan"}</Typography>
           <Typography>
-            shows all available network connections. In other words, it displays a list of all servers that can be
-            connected to from your current machine. A server is identified by its hostname. <br />
+            That's given more detailed information about the servers you can connect to.
+            <br />
+            <br />
+            To look depeer into the network, we can change our scanning depth to 2.
+            <br />
             <br />
-            That's great and all, but there's so many servers. Which one should you go to?{" "}
           </Typography>
-
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze"}</Typography>
-          <Typography>gives some more detailed information about servers on the network. Try it now!</Typography>
+          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze 2"}</Typography>
         </>
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalScanAnalyze2 as number]: {
+    [iTutorialSteps.TerminalConnectInterval as number]: {
       content: (
         <>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze"}</Typography>
           <Typography>
-            shows more detailed information about each server that you can connect to (servers that are a distance of
-            one node away). <br />
-            <br /> It is also possible to run scan-analyze with a higher depth. Let's try a depth of two with the
-            following command:{" "}
+            Now you can see information about all servers that are up to 2 nodes away. You can also see how to navigate
+            to those servers through the network.
+            <br />
+            <br />
+            That's great and all, but there are so many servers. Which one should we go to? Well, let's pick a target we
+            can hack!
           </Typography>
-
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze 2"}</Typography>
         </>
       ),
-      canNext: false,
+      canNext: true,
     },
     [iTutorialSteps.TerminalConnect as number]: {
       content: (
         <>
           <Typography>
-            Now you can see information about all servers that are up to two nodes away, as well as figure out how to
-            navigate to those servers through the network. You can only connect to a server that is one node away. To
-            connect to a machine, use
+            In the year 2077, currency is digital and decentralized. People and corporations store their money on
+            servers and computers. Using hacking skills and malware, you can hack servers to steal money and gain
+            experience.
+            <br />
+            <br />
+            If you check the read-out of scan-analyze you can see that n00dles has a required hacking skill of only 1.
+            That means you can hack it right now.
+            <br />
+            <br />
+            To do that, we need to connect to it. You can connect to a machine that is one node away using
+            <br />
+            <br />
           </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[home /]> connect hostname"}</Typography>
-
-          <Typography>From the results of </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze 2"}</Typography>
-
           <Typography>
-            {" "}
-            we can see that the n00dles server is only one node away. Let's connect to it now using:
+            <br />
+            So let's connect to n00dles.
+            <br />
+            <br />
           </Typography>
-
           <Typography classes={{ root: classes.textfield }}>{"[home /]> connect n00dles"}</Typography>
         </>
       ),
@@ -231,13 +196,9 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You are now connected to another machine! What can you do now? You can hack it!
+            Before we try hacking, let's start by running some diagnostics using
             <br />
-            <br /> In the year 2077, currency has become digital and decentralized. People and corporations store their
-            money on servers and computers. Using your hacking abilities, you can hack servers to steal money and gain
-            experience. <br />
             <br />
-            Before you try to hack a server, you should run diagnostics using{" "}
           </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> analyze"}</Typography>
         </>
@@ -247,26 +208,28 @@ export function InteractiveTutorialRoot(): React.ReactElement {
     [iTutorialSteps.TerminalNuke as number]: {
       content: (
         <>
-          <Typography>When </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> analyze"}</Typography>
-
           <Typography>
-            finishes running it will show useful information about hacking the server. <br />
-            <br /> For this server, the required hacking skill is only 1, which means you can hack it right now.
-            However, in order to hack a server you must first gain root access. The NUKE.exe program that we saw earlier
-            on your home computer is a virus that will grant you root access to a machine if there are enough open
-            ports.
+            When
+            <br />
+            <br />
           </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> analyze"}</Typography>
-
           <Typography>
-            {" "}
-            shows that there do not need to be any open ports on this machine for the NUKE virus to work, so go ahead
-            and run the virus using{" "}
+            <br />
+            finishes running, it'll display some useful diagnostic data.
+            <br />
+            <br />
+            In the data, you can see the server's Root Access status. To hack a server you must gain root access first.
+            Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a machine
+            as long as there are enough open ports.
+            <br />
+            <br />
+            If you look at the diagnostics again, you'll also see that the required number of open ports for NUKE is 0.
+            So you're good to go ahead and run the virus! Just enter
+            <br />
+            <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> run NUKE.exe"}</Typography>
-
-          <Typography></Typography>
+          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> NUKE.exe"}</Typography>
         </>
       ),
       canNext: false,
@@ -274,61 +237,88 @@ export function InteractiveTutorialRoot(): React.ReactElement {
     [iTutorialSteps.TerminalManualHack as number]: {
       content: (
         <>
-          <Typography>You now have root access! You can hack the server using </Typography>
+          <Typography>
+            You now have root access! You can hack the server using
+            <br />
+            <br />
+          </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> hack"}</Typography>
-
-          <Typography> Try doing that now.</Typography>
+          <Typography>
+            <br />
+            Try doing that now.
+          </Typography>
         </>
       ),
       canNext: true,
     },
     [iTutorialSteps.TerminalHackingMechanics as number]: {
       content: (
-        <Typography component="div">
-          You are now attempting to hack the server. Performing a hack takes time and only has a certain percentage
-          chance of success. This time and success chance is determined by a variety of factors, including your hacking
-          skill and the server's security level.
-          <br />
-          <br />
-          If your attempt to hack the server is successful, you will steal a certain percentage of the server's total
-          money. This percentage is affected by your hacking skill and the server's security level.
-          <br />
-          <br />
-          The amount of money on a server is not limitless. So, if you constantly hack a server and deplete its money,
-          then you will encounter diminishing returns in your hacking. You will need to use{" "}
+        <>
+          <Typography>
+            You're now attempting to hack the server. Performing a hack takes time, and has a certain success chance.
+            Both the hack time and success chance are affected by your hacking skill, and by the server's security
+            level.
+            <br />
+            <br />
+            If your attempt to hack the server is successful, you'll steal a percentage of the server's available money.
+            (Again, this percentage is affected by your hacking skill and the server's security level).
+            <br />
+            <br />
+            As you hack a server, you'll deplete the money it has available and cause its security level to rise. To
+            restore things, you need to use
+            <br />
+            <br />
+          </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> grow"}</Typography>
-          which tricks the company into adding money to their server and{" "}
+          <Typography>
+            <br />
+            which tricks the company into adding money to their server, and
+            <br />
+            <br />
+          </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> weaken"}</Typography>
-          which increases the speed of hack and grow.
-        </Typography>
+          <Typography>
+            <br />
+            which lowers the server's security level.
+          </Typography>
+        </>
       ),
       canNext: true,
     },
     [iTutorialSteps.TerminalGoHome as number]: {
       content: (
         <>
-          <Typography>From any server you can get back home using</Typography>
+          <Typography>
+            Hacking from the terminal is OK, but it's manual. It sure would be handy if there was a way to automate it!
+            <br />
+            <br />
+            So let's head home and create our first script.
+            <br />
+            <br />
+            You can get back home from any server using
+            <br />
+            <br />
+          </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> home"}</Typography>
-
-          <Typography>Let's head home before creating our first script!</Typography>
         </>
       ),
       canNext: false,
     },
+
     [iTutorialSteps.TerminalCreateScript as number]: {
       content: (
         <>
           <Typography>
-            Hacking is the core mechanic of the game and is necessary for progressing. However, you don't want to be
-            hacking manually the entire time. You can automate your hacking by writing scripts!
+            To create a new script or edit an existing one, you can use
             <br />
             <br />
-            To create a new script or edit an existing one, you can use{" "}
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> nano"}</Typography>
-
+          <Typography classes={{ root: classes.textfield }}>{"[home /]> nano file"}</Typography>
           <Typography>
-            Scripts must end with a script extension (.js, .jsx, .ts, .tsx). Let's make a script now by entering
+            <br />
+            Script names must end with a script extension (.js, .ts, .jsx, .tsx). Let's make a script now by entering
+            <br />
+            <br />
           </Typography>
           <Typography classes={{ root: classes.textfield }}>{`[home /]> nano ${tutorialScriptName}`}</Typography>
         </>
@@ -339,8 +329,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            This is the script editor. You can use it to program your scripts. Click this text to copy it and paste it
-            into the text editor:
+            This is the script editor.
+            <br />
+            <br />
+            Below is a basic script that hacks n00dles. Click it to copy it, then paste it into the editor.
           </Typography>
           <br />
           <Typography component="div" classes={{ root: classes.code }}>
@@ -357,18 +349,29 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            For anyone with basic programming experience, this code should be straightforward. This script will
-            continuously hack the n00dles server.
+            If you have a look at the code of the script, you might be able to see that it hacks n00dles while 'true' is
+            true – which it always is! So this script hacks n00dles on a loop forever.
             <br />
             <br />
-            Use the search tool at the bottom to find and have a quick glance at documentation of any NS APIs.
+            Unlike manual hacking where you need to be connected to your target, scripts can target any server on the
+            network
+            <em>from</em> any server on the network.
             <br />
             <br />
-            To access <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>, press the
-            link at the bottom.
+            While we're in the editor, it's worth saying that everything we do in this tutorial can be scripted. You can
+            map the network with ns.scan(), run scripts with ns.run() or ns.exec(), and get server diagnostics with
+            ns.getServer().
             <br />
             <br />
-            To save and close the script editor, press the button at the bottom.
+            If you ever want to check which functions are available to you, you can do that in the editor. Either search
+            using the search bar tool at the bottom of the editor, or click the{" "}
+            <DocumentationLink page={defaultNsApiPage}>
+              <strong>NS API documentation</strong>
+            </DocumentationLink>{" "}
+            link beside it.
+            <br />
+            <br />
+            OK, back to hacking. Click <strong>Save</strong> at the bottom to save your script and close the editor.
           </Typography>
         </>
       ),
@@ -378,12 +381,13 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we'll run the script. Scripts require a certain amount of RAM to run, and can be run on any machine
-            which you have root access to. Different servers have different amounts of RAM. You can also purchase more
-            RAM for your home server.
+            Now we'll run the script. Scripts need RAM to run, and can be run on any machine which you have root access
+            to. Different servers have different amounts of RAM. You can also purchase more RAM for your home server.
             <br />
             <br />
             To check how much RAM is available on this machine, enter
+            <br />
+            <br />
           </Typography>
           <Typography classes={{ root: classes.textfield }}>{"[home /]> free"}</Typography>
         </>
@@ -394,9 +398,11 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We have 8GB of free RAM on this machine, which is enough to run our script. Let's run our script using
+            We have 8GB of free RAM, which is enough to run our script. Let's run our script using
+            <br />
+            <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{`[home /]> run ${tutorialScriptName}`}</Typography>
+          <Typography classes={{ root: classes.textfield }}>{`[home /]> ${tutorialScriptName}`}</Typography>
         </>
       ),
       canNext: false,
@@ -405,18 +411,20 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Your script is now running! It will continuously run in the background and will automatically stop if the
-            code ever completes (the {tutorialScriptName} will never complete because it runs an infinite loop). <br />
+            Your script is now running! Scripts run in the background until their code completes (although
+            {tutorialScriptName} will never complete because it has an infinite loop).
+            <br />
+            <br />
+            Scripts can passively earn you income and hacking experience. They'll keep earning even while you're
+            offline, although at a slower rate.
             <br />
-            These scripts can passively earn you income and hacking experience. Your scripts will also earn money and
-            experience while you are offline, although at a slightly slower rate. <br />
             <br />
             Let's check out some statistics for our running scripts by clicking{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <StorageIcon color={"error"} />
+              <Typography color={"error"}>Active Scripts</Typography>
+            </Box>
           </Typography>
-          <ListItem>
-            <StorageIcon color={"error"} />
-            <Typography color={"error"}>Active Scripts</Typography>
-          </ListItem>
         </>
       ),
       canNext: false,
@@ -429,18 +437,18 @@ export async function main(ns) {
             this to gauge how well your scripts are doing.
             <br />
             <br />
-            Click on Home to see the scripts running on it.
+            Click <strong>home</strong> to see the scripts running on it.
             <br />
             <br />
-            Then click on n00dles.js to see the scripts information.
+            Then click <strong>${tutorialScriptName}</strong> to see the script's information.
             <br />
             <br />
-            Let's go back to
+            Let's go back to the{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <LastPageIcon color={"error"} />
+              <Typography color={"error"}>Terminal</Typography>
+            </Box>
           </Typography>
-          <ListItem>
-            <LastPageIcon color={"error"} />
-            <Typography color={"error"}>Terminal</Typography>
-          </ListItem>
         </>
       ),
       canNext: false,
@@ -449,8 +457,10 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            One last thing about scripts, each active script contains logs that detail what it's doing. We can check
-            these logs using the tail command. Do that now for the script we just ran by typing{" "}
+            Each active script has logs that detail what it's doing. You can check these logs using the tail command. To
+            do that for the script you just ran, you can enter
+            <br />
+            <br />
           </Typography>
           <Typography classes={{ root: classes.textfield }}>{`[home /]> tail ${tutorialScriptName}`}</Typography>
         </>
@@ -461,20 +471,99 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            The log for this script won't show much right now (it might show nothing at all) because it just started
-            running...but check back again in a few minutes! <br />
+            The log for this script may not show much right now because it just started running... but check back again
+            in a few minutes!
+          </Typography>
+        </>
+      ),
+      canNext: true,
+    },
+    [iTutorialSteps.TerminalLs as number]: {
+      content: (
+        <>
+          <Typography>
+            We're not going to get very far running scripts on our home computer alone. We need to copy them to other
+            servers too.
+            <br />
+            <br />
+            Before we do that, let's see what's currently on our home computer using
+            <br />
+            <br />
+          </Typography>
+          <Typography classes={{ root: classes.textfield }}>{"[home /]> ls"}</Typography>
+          <Typography>
+            <br />
+            ("ls" is short for "list".)
+          </Typography>
+        </>
+      ),
+      canNext: false,
+    },
+    [iTutorialSteps.TerminalScp as number]: {
+      content: (
+        <>
+          <Typography>
+            That's shown all the files on your home computer. Right now, you can see the NUKE.exe program that you used
+            earlier, and {tutorialScriptName}.
+            <br />
+            <br />
+            NUKE.exe can only ever be on your home computer. But if you want other servers to run {tutorialScriptName},
+            you need to copy it to them.
+            <br />
+            <br />
+            To do that, we use
+            <br />
             <br />
-            This covers the basics of hacking. To learn more about writing scripts, select
           </Typography>
-          <ListItem>
-            <HelpIcon color={"primary"} />
-            <Typography color={"primary"}>Documentation</Typography>
-          </ListItem>
+          <Typography classes={{ root: classes.textfield }}>{"[home /]> scp file destination"}</Typography>
           <Typography>
-            in the main navigation menu to look at the documentation.
+            <br />
+            To copy {tutorialScriptName} to n00dles, enter
             <br />
             <br />
-            For now, let's move on to something else!
+          </Typography>
+          <Typography classes={{ root: classes.textfield }}>{`[home /]> scp ${tutorialScriptName} n00dles`}</Typography>
+        </>
+      ),
+      canNext: false,
+    },
+    [iTutorialSteps.TerminalHelp as number]: {
+      content: (
+        <>
+          <Typography>
+            Lastly, if you can't remember the right terminal command, you can always use
+            <br />
+            <br />
+          </Typography>
+          <Typography classes={{ root: classes.textfield }}>{"[home /]> help"}</Typography>
+        </>
+      ),
+      canNext: false,
+    },
+    [iTutorialSteps.GoToCharacterPage as number]: {
+      content: (
+        <>
+          <Typography>
+            Now we've made some money and exp, let's head to the Stats tab and see our gains. Click{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <EqualizerIcon color={"error"} />
+              <Typography color={"error"}>Stats</Typography>
+            </Box>{" "}
+            at the left-hand side of the screen.
+          </Typography>
+        </>
+      ),
+      canNext: false,
+    },
+    [iTutorialSteps.CharacterPage as number]: {
+      content: (
+        <>
+          <Typography>
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <EqualizerIcon color={"error"} />
+              <Typography color={"error"}>Stats</Typography>
+            </Box>{" "}
+            shows information about your skills, money, and bonuses.
           </Typography>
         </>
       ),
@@ -484,14 +573,14 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Hacking is not the only way to earn money. One other way to passively earn money is by purchasing and
-            upgrading Hacknet Nodes. Let's go to
+            Hacking isn't the only way to earn money. One other way to passively earn money is to purchase and upgrade
+            Hacknet Nodes. Let's go to{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <AccountTreeIcon color={"error"} />
+              <Typography color={"error"}>Hacknet</Typography>
+            </Box>{" "}
+            .
           </Typography>
-          <ListItem>
-            <AccountTreeIcon color={"error"} />
-            <Typography color={"error"}>Hacknet</Typography>
-          </ListItem>
-          <Typography>through the main navigation menu now.</Typography>
         </>
       ),
       canNext: false,
@@ -499,7 +588,7 @@ export async function main(ns) {
     [iTutorialSteps.HacknetNodesIntroduction as number]: {
       content: (
         <Typography>
-          Here you can purchase new Hacknet Nodes and upgrade your existing ones. Let's purchase a new one now.
+          Here you can purchase new Hacknet Nodes and upgrade your existing ones. Let's purchase a new one.
         </Typography>
       ),
       canNext: true,
@@ -508,16 +597,17 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            You just purchased a Hacknet Node! This Hacknet Node will passively earn you money over time, both online
-            and offline. When you get enough money, you can upgrade your newly-purchased Hacknet Node below.
+            Hacknet Nodes earn you money over time, both online and offline. When you get enough money, you can upgrade
+            your newly-purchased Hacknet Node below.
             <br />
             <br />
-            Let's go to
+            Let's go to{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <LocationCityIcon color={"error"} />
+              <Typography color={"error"}>City</Typography>
+            </Box>{" "}
+            .
           </Typography>
-          <ListItem>
-            <LocationCityIcon color={"error"} />
-            <Typography color={"error"}>City</Typography>
-          </ListItem>
         </>
       ),
       canNext: false,
@@ -526,16 +616,17 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            This page lists all of the different locations you can currently travel to. Each location has something that
-            you can do. There's a lot of content out in the world, make sure you explore and discover!
+            This page lists all of the locations in your current city. Each location has something that you can do.
+            There's a lot of content out in the world, so make sure you explore and discover!
             <br />
             <br />
-            Lastly, click on
+            Lastly, click on{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <HelpIcon color={"error"} />
+              <Typography color={"error"}>Documentation</Typography>
+            </Box>{" "}
+            .
           </Typography>
-          <ListItem>
-            <HelpIcon color={"error"} />
-            <Typography color={"error"}>Documentation</Typography>
-          </ListItem>
         </>
       ),
       canNext: false,
@@ -543,40 +634,44 @@ export async function main(ns) {
     [iTutorialSteps.DocumentationPageInfo as number]: {
       content: (
         <Typography component="div">
-          This page contains a lot of different documentation about the game's contents and mechanics. I know it's a
-          lot, but I highly suggest you read (or at least skim) through this before you start playing. Some pages are
-          inaccessible at the start and will be unlocked later.
-          <br />
+          The pages in the Documentation tab explain the game's content and mechanics. I know it looks a lot, but I
+          highly suggest you read (or at least skim) through this before you start playing.
           <br />
-          If you click a link in these pages while holding Ctrl key (Control key on Mac keyboard), it will be opened in
-          a new tab. If you play the Steam version, that link will be opened in your default browser.
           <br />
-          <br />
-          You should at least check these pages:
+          If you look at nothing else, the three pages I'd recommend are:
           <ul>
             <li>
-              The <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink> contains the
-              guide for new players, navigating you through most of the early game.
+              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which will
+              help you navigate through most of the early game
             </li>
             <li>
-              The <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> contains reference
-              materials for all NS APIs.
+              the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>, which contains
+              reference materials for all NS APIs
             </li>
             <li>
-              The <DocumentationLink page="help/faq.md">FAQ</DocumentationLink> contains questions often asked by
-              beginners of the game.
+              the <DocumentationLink page="help/faq.md">FAQ</DocumentationLink>, which answers questions often asked by
+              beginners
             </li>
           </ul>
-          <Typography fontWeight="fontWeightBold">
-            This documentation page is the best place to get up-to-date information, especially when you get stuck. If
-            you have a question and cannot find the answer here, please ask us on Discord.
-          </Typography>
+          You'll notice that some of the pages are inaccessible right now. Don't worry – you'll unlock them later on.
+          <br />
+          <br />
+          If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
+          Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
+          <br />
+          <br />
+          While the documentation page is the best place to get information, especially when you get stuck, if you
+          can't find the answer here then please{" "}
+          <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="hover">
+            ask us on Discord
+          </Link>
+          .
           <br />
           <Typography color={Settings.theme.warning}>
-            The documentation at readthedocs is outdated and unmaintained. Do not use them!
+            The documentation at readthedocs is outdated and unmaintained. Do not use it!
           </Typography>
           <br />
-          That's the end of the tutorial. Hope you enjoy the game!
+          And that's the end of the tutorial. We hope you enjoy the game!
         </Typography>
       ),
       canNext: true,
@@ -597,7 +692,7 @@ export async function main(ns) {
     throw new Error(`Invalid step in the tutorial: ${step}`);
   }
   return (
-    <Paper square sx={{ maxWidth: "70vw", p: 2 }}>
+    <Paper square sx={{ width: "50vw", minWidth: "50vw", p: 2 }}>
       {content.content}
       <br />
       {step !== iTutorialSteps.DocumentationPageInfo && (

From 3b733464a43065ac18c00cf4327bbf8274c9edb6 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 04:39:26 +0100
Subject: [PATCH 02/82] spacing

---
 .../InteractiveTutorialRoot.tsx               | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 3d5c27e348..a19b61833d 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -83,7 +83,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             You can use the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <LastPageIcon color="primary" />
-              <Typography color="primary">Terminal</Typography>
+              <Typography color="primary"> Terminal</Typography>
             </Box>{" "}
             to interface with your home computer, as well as with other machines around the world.
           </Typography>
@@ -422,7 +422,7 @@ export async function main(ns) {
             Let's check out some statistics for our running scripts by clicking{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <StorageIcon color={"error"} />
-              <Typography color={"error"}>Active Scripts</Typography>
+              <Typography color={"error"}> Active Scripts</Typography>
             </Box>
           </Typography>
         </>
@@ -446,7 +446,7 @@ export async function main(ns) {
             Let's go back to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <LastPageIcon color={"error"} />
-              <Typography color={"error"}>Terminal</Typography>
+              <Typography color={"error"}> Terminal</Typography>
             </Box>
           </Typography>
         </>
@@ -547,7 +547,7 @@ export async function main(ns) {
             Now we've made some money and exp, let's head to the Stats tab and see our gains. Click{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <EqualizerIcon color={"error"} />
-              <Typography color={"error"}>Stats</Typography>
+              <Typography color={"error"}> Stats</Typography>
             </Box>{" "}
             at the left-hand side of the screen.
           </Typography>
@@ -561,7 +561,7 @@ export async function main(ns) {
           <Typography>
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <EqualizerIcon color={"error"} />
-              <Typography color={"error"}>Stats</Typography>
+              <Typography color={"error"}> Stats</Typography>
             </Box>{" "}
             shows information about your skills, money, and bonuses.
           </Typography>
@@ -577,7 +577,7 @@ export async function main(ns) {
             Hacknet Nodes. Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <AccountTreeIcon color={"error"} />
-              <Typography color={"error"}>Hacknet</Typography>
+              <Typography color={"error"}> Hacknet</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -604,7 +604,7 @@ export async function main(ns) {
             Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <LocationCityIcon color={"error"} />
-              <Typography color={"error"}>City</Typography>
+              <Typography color={"error"}> City</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -623,7 +623,7 @@ export async function main(ns) {
             Lastly, click on{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <HelpIcon color={"error"} />
-              <Typography color={"error"}>Documentation</Typography>
+              <Typography color={"error"}> Documentation</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -660,8 +660,8 @@ export async function main(ns) {
           Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
           <br />
           <br />
-          While the documentation page is the best place to get information, especially when you get stuck, if you
-          can't find the answer here then please{" "}
+          While the documentation page is the best place to get information, especially when you get stuck, if you can't
+          find the answer here then please{" "}
           <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="hover">
             ask us on Discord
           </Link>

From c6350ab1098a2ae57999d26f53dcd542b9b6f2f3 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 04:51:42 +0100
Subject: [PATCH 03/82] blah

---
 src/InteractiveTutorial.ts                         | 14 ++++----------
 .../InteractiveTutorialRoot.tsx                    |  4 ++--
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 8a6ae1e67e..7c071e7971 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -1,14 +1,8 @@
-//// Tidy up:
-// n00dles.js
-//
-
-////////
+//// Still to do:
+// n00dles.js references in docs
 // Red to blue for stuff
-/// Somewhere ??? the text that says 'can't kill during tutorial' ... when you clearly can
-// Add the stuff about docs and the editor back in later on
-// Don't auto-move from the Script editor to the Termainal. Make the player do that.
-// add scp step
-// add "all this stuff can be automated" scp > ns.scp; run > ns.run/ns.exec; weaken > ns.weaken
+// Somewhere ??? the text that says 'Processes cannot be killed during the tutorial' ... when you clearly can!
+// Rebase to get rid of the irrelevant commits!
 
 import { Player } from "@player";
 import { LiteratureName } from "@enums";
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index a19b61833d..70b4dd8a7a 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -641,8 +641,8 @@ export async function main(ns) {
           If you look at nothing else, the three pages I'd recommend are:
           <ul>
             <li>
-              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which will
-              help you navigate through most of the early game
+              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which contains
+              an invaluable basic hacking script, and which helps you navigate through most of the early game
             </li>
             <li>
               the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>, which contains

From 42dd5940ac8ccb13aace1cfe867cc914c3eefa6c Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 14:29:39 +0100
Subject: [PATCH 04/82] attempt

---
 src/Sidebar/ui/SidebarAccordion.tsx           |   6 +-
 src/Sidebar/ui/SidebarItem.tsx                |  10 +-
 src/Sidebar/ui/SidebarRoot.tsx                |   8 +-
 .../InteractiveTutorialRoot.tsx               | 185 +++++++++---------
 src/ui/MD/code.tsx                            |  12 +-
 5 files changed, 119 insertions(+), 102 deletions(-)

diff --git a/src/Sidebar/ui/SidebarAccordion.tsx b/src/Sidebar/ui/SidebarAccordion.tsx
index 10f4bbcb19..5e72deba4d 100644
--- a/src/Sidebar/ui/SidebarAccordion.tsx
+++ b/src/Sidebar/ui/SidebarAccordion.tsx
@@ -20,7 +20,7 @@ type SidebarAccordionProps = {
   items: (IItemProps | boolean)[];
   icon: React.ReactElement["type"];
   sidebarOpen: boolean;
-  classes: Record<"listitem" | "active", string>;
+  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo" | "themeColorError", string>;
 };
 
 type ClickFnCacheKeyType = (page: Page) => void;
@@ -69,11 +69,11 @@ export function SidebarAccordion({
           <ListItem classes={li_classes} button onClick={() => setOpen((open) => !open)}>
             <ListItemIcon>
               <Tooltip title={!sidebarOpen ? key_ : ""}>
-                <Icon color={"primary"} />
+                <Icon color={classes.themeColorPrimary} />
               </Tooltip>
             </ListItemIcon>
             <ListItemText primary={<Typography>{key_}</Typography>} />
-            {open ? <ExpandLessIcon color="primary" /> : <ExpandMoreIcon color="primary" />}
+            {open ? <ExpandLessIcon sx={{ color: classes.themeColorPrimary}} /> : <ExpandMoreIcon sx={{ color: classes.themeColorPrimary}} />}
           </ListItem>
         ),
         [li_classes, sidebarOpen, key_, open, Icon],
diff --git a/src/Sidebar/ui/SidebarItem.tsx b/src/Sidebar/ui/SidebarItem.tsx
index 6ffb90494e..1e90115dba 100644
--- a/src/Sidebar/ui/SidebarItem.tsx
+++ b/src/Sidebar/ui/SidebarItem.tsx
@@ -19,12 +19,12 @@ export interface ICreateProps {
 export interface SidebarItemProps extends ICreateProps {
   clickFn: () => void;
   flash: boolean;
-  classes: Record<"listitem" | "active", string>;
+  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo" | "themeColorError", string>;
   sidebarOpen: boolean;
 }
 
 export const SidebarItem = memo(function SidebarItem(props: SidebarItemProps): React.ReactElement {
-  const color = props.flash ? "error" : props.active ? "primary" : "secondary";
+  const color = props.flash ? props.classes.themeColorInfo : props.active ? props.classes.themeColorPrimary : props.classes.themeColorSecondary;
   return (
     <ListItem
       classes={{ root: props.classes.listitem }}
@@ -34,14 +34,14 @@ export const SidebarItem = memo(function SidebarItem(props: SidebarItemProps): R
       onClick={props.clickFn}
     >
       <ListItemIcon>
-        <Badge badgeContent={(props.count ?? 0) > 0 ? props.count : undefined} color="error">
+        <Badge badgeContent={(props.count ?? 0) > 0 ? props.count : undefined} sx={{ color: props.classes.themeColorError }}>
           <Tooltip title={!props.sidebarOpen ? props.key_ : ""}>
-            <props.icon color={color} />
+            <props.icon sx={{ color: color }}/>
           </Tooltip>
         </Badge>
       </ListItemIcon>
       <ListItemText>
-        <Typography color={color}>{props.key_}</Typography>
+        <Typography sx={{ color: color }}>{props.key_}</Typography>
       </ListItemText>
     </ListItem>
   );
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 8496baba74..ba2127828f 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -119,7 +119,11 @@ const useStyles = makeStyles()((theme: Theme) => ({
   active: {
     borderLeft: "3px solid " + theme.palette.primary.main,
   },
-  listitem: {},
+  listitem: {},  
+  themeColorPrimary: { color: theme.palette.primary.main },
+  themeColorSecondary: { color: theme.palette.secondary.main },
+  themeColorInfo: { color: theme.palette.info.main },
+  themeColorError: { color: theme.palette.error.main },
 }));
 
 export function SidebarRoot(props: { page: Page }): React.ReactElement {
@@ -327,7 +331,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
         () => (
           <ListItem classes={li_classes} button onClick={toggleDrawer}>
             <ListItemIcon>
-              <ChevronOpenClose color={"primary"} />
+              <ChevronOpenClose sx={{ color: classes.themeColorPrimary }} />
             </ListItemIcon>
             <ListItemText
               primary={
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 70b4dd8a7a..8ac4159f46 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -10,8 +10,8 @@ import HelpIcon from "@mui/icons-material/Help";
 import AccountTreeIcon from "@mui/icons-material/AccountTree";
 import StorageIcon from "@mui/icons-material/Storage";
 import LocationCityIcon from "@mui/icons-material/LocationCity";
-import { Theme } from "@mui/material/styles";
-import { makeStyles } from "tss-react/mui";
+import { useTheme, styled } from '@mui/material/styles';
+import { useStyles as codeBlockStyles } from "../MD/code";
 
 import {
   iTutorialPrevStep,
@@ -30,20 +30,14 @@ interface IContent {
   canNext: boolean;
 }
 
-const useStyles = makeStyles()((theme: Theme) => ({
-  textfield: {
-    borderBottom: "1px solid " + theme.palette.primary.main,
-  },
-  code: {
-    whiteSpace: "pre",
-    backgroundColor: theme.palette.background.paper,
-  },
-}));
-
 export const tutorialScriptName = `script.js`;
 
 export function InteractiveTutorialRoot(): React.ReactElement {
-  const { classes } = useStyles();
+  const theme = useTheme();
+  const { classes } = codeBlockStyles();
+  const TerminalText = styled(Typography)(({ theme }) => ({
+    borderBottom: `1px solid ${theme.palette.primary.main}`,
+  }));
   const rerender = useRerender();
 
   const contents: Record<string, IContent | undefined> = {
@@ -58,7 +52,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             This tutorial will show you the basics of the game.
             <br />
             <br />
-            If you need to hide this tutorial panel temporarily, there's a button to collapse it in the top-right.
+            If you need to hide this tutorial panel temporarily, you can collapse it.
             <br />
             <br />
             You can also exit the tutorial at any time. If you ever want to review it, go to the Options tab and select
@@ -74,16 +68,16 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <Typography>
             We're currently on the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon color="primary" />
-              <Typography color="primary">Terminal</Typography>
+              <LastPageIcon sx={{ color: theme.palette.primary.main }} />{" "}
+              <Typography sx={{ color: theme.palette.primary.main }} >Terminal</Typography>
             </Box>{" "}
             tab.
             <br />
             <br />
             You can use the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon color="primary" />
-              <Typography color="primary"> Terminal</Typography>
+              <LastPageIcon sx={{ color: theme.palette.primary.main }} />{" "}
+              <Typography sx={{ color: theme.palette.primary.main }} >Terminal</Typography>
             </Box>{" "}
             to interface with your home computer, as well as with other machines around the world.
           </Typography>
@@ -99,7 +93,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan"}</Typography>
+          <TerminalText>{"[home /]> scan"}</TerminalText>
           <Typography>
             <br />
             (Don't forget to press Enter after typing the command.)
@@ -116,7 +110,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan"}</Typography>
+          <TerminalText>{"[home /]> scan"}</TerminalText>
           <Typography>
             <br />
             shows all servers that you can connect to from your current machine. Servers are identified by their
@@ -127,7 +121,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze"}</Typography>
+          <TerminalText>{"[home /]> scan-analyze"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -136,14 +130,14 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            That's given more detailed information about the servers you can connect to.
+            That's given us more detailed information about the servers we can connect to.
             <br />
             <br />
             To look depeer into the network, we can change our scanning depth to 2.
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scan-analyze 2"}</Typography>
+          <TerminalText>{"[home /]> scan-analyze 2"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -180,14 +174,14 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> connect hostname"}</Typography>
+          <TerminalText>{"[home /]> connect hostname"}</TerminalText>
           <Typography>
             <br />
             So let's connect to n00dles.
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> connect n00dles"}</Typography>
+          <TerminalText>{"[home /]> connect n00dles"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -196,11 +190,11 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Before we try hacking, let's start by running some diagnostics using
+            Before we try hacking, let's run some diagnostics using
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> analyze"}</Typography>
+          <TerminalText>{"[n00dles /]> analyze"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -213,23 +207,23 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> analyze"}</Typography>
+          <TerminalText>{"[n00dles /]> analyze"}</TerminalText>
           <Typography>
             <br />
             finishes running, it'll display some useful diagnostic data.
             <br />
             <br />
-            In the data, you can see the server's Root Access status. To hack a server you must gain root access first.
+            In the data, you can see the server's root access status. To hack a server you must gain root access first.
             Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a machine
             as long as there are enough open ports.
             <br />
             <br />
-            If you look at the diagnostics again, you'll also see that the required number of open ports for NUKE is 0.
-            So you're good to go ahead and run the virus! Just enter
+            If you look at the diagnostics again, you'll also see that n00dles' required number of open ports for NUKE
+            is 0. So you're good to go ahead and run the virus! Just enter
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> NUKE.exe"}</Typography>
+          <TerminalText>{"[n00dles /]> NUKE.exe"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -242,7 +236,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> hack"}</Typography>
+          <TerminalText>{"[n00dles /]> hack"}</TerminalText>
           <Typography>
             <br />
             Try doing that now.
@@ -264,22 +258,25 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             (Again, this percentage is affected by your hacking skill and the server's security level).
             <br />
             <br />
-            As you hack a server, you'll deplete the money it has available and cause its security level to rise. To
-            restore things, you need to use
+            When you hack a server, you deplete the money it has available, so your following hacks take less money. You 
+            also cause its security level to rise, so your hacks take longer. 
+            <br />
+            <br />
+            To restore things, you can use
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> grow"}</Typography>
+          <TerminalText>{"[n00dles /]> grow"}</TerminalText>
           <Typography>
             <br />
             which tricks the company into adding money to their server, and
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> weaken"}</Typography>
+          <TerminalText>{"[n00dles /]> weaken"}</TerminalText>
           <Typography>
             <br />
-            which lowers the server's security level.
+            which lowers the server's security level, speeding up hack, grow and weaken.
           </Typography>
         </>
       ),
@@ -289,7 +286,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Hacking from the terminal is OK, but it's manual. It sure would be handy if there was a way to automate it!
+            Hacking is the core mechanic of the game and is necessary for progression. So you don't want to
+            be hacking manually the entire time. What we need is a way to automate it.
             <br />
             <br />
             So let's head home and create our first script.
@@ -299,7 +297,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[n00dles /]> home"}</Typography>
+          <TerminalText>{"[n00dles /]> home"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -313,14 +311,14 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> nano file"}</Typography>
+          <TerminalText>{"[home /]> nano file"}</TerminalText>
           <Typography>
             <br />
-            Script names must end with a script extension (.js, .ts, .jsx, .tsx). Let's make a script now by entering
+            Script names must end with a script extension (.js, .ts, .jsx, .tsx). Let's create a script now by entering
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{`[home /]> nano ${tutorialScriptName}`}</Typography>
+          <TerminalText>{`[home /]> nano ${tutorialScriptName}`}</TerminalText>
         </>
       ),
       canNext: false,
@@ -332,7 +330,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             This is the script editor.
             <br />
             <br />
-            Below is a basic script that hacks n00dles. Click it to copy it, then paste it into the editor.
+            Below is a basic script that hacks n00dles. Copy and paste it into the editor.
           </Typography>
           <br />
           <Typography component="div" classes={{ root: classes.code }}>
@@ -349,29 +347,26 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            If you have a look at the code of the script, you might be able to see that it hacks n00dles while 'true' is
+            If you have a look at the code of the script, you might be able to see that it hacks n00dles while true is
             true – which it always is! So this script hacks n00dles on a loop forever.
             <br />
             <br />
-            Unlike manual hacking where you need to be connected to your target, scripts can target any server on the
-            network
-            <em>from</em> any server on the network.
+            When we were hacking manually, we needed to be connected to our target. With scripts, however, we can target 
+            any server on the network{" "}
+            <em>from</em>{" "}any target on the network.
             <br />
             <br />
             While we're in the editor, it's worth saying that everything we do in this tutorial can be scripted. You can
-            map the network with ns.scan(), run scripts with ns.run() or ns.exec(), and get server diagnostics with
+            map the network with ns.scan(), run scripts with ns.run() or ns.exec(), and get server information with
             ns.getServer().
             <br />
             <br />
             If you ever want to check which functions are available to you, you can do that in the editor. Either search
             using the search bar tool at the bottom of the editor, or click the{" "}
-            <DocumentationLink page={defaultNsApiPage}>
-              <strong>NS API documentation</strong>
-            </DocumentationLink>{" "}
-            link beside it.
+            <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside it.
             <br />
             <br />
-            OK, back to hacking. Click <strong>Save</strong> at the bottom to save your script and close the editor.
+            OK, back to hacking. Click Save at the bottom to save your script and close the editor.
           </Typography>
         </>
       ),
@@ -381,15 +376,17 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we'll run the script. Scripts need RAM to run, and can be run on any machine which you have root access
-            to. Different servers have different amounts of RAM. You can also purchase more RAM for your home server.
+            Now we'll run the script. You can run scripts on any server that you have root access to.
+            <br />
+            <br />
+            Scripts need RAM to run, and different servers have different amounts.
             <br />
             <br />
             To check how much RAM is available on this machine, enter
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> free"}</Typography>
+          <TerminalText>{"[home /]> free"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -398,11 +395,15 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We have 8GB of free RAM, which is enough to run our script. Let's run our script using
+            We have 8GB of free RAM. If that doesn't sound like much, don't worry: you can purchase more RAM 
+            for your home server.
+            <br />
+            <br />
+            For now though, let's run our script using
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{`[home /]> ${tutorialScriptName}`}</Typography>
+          <TerminalText>{`[home /]> ${tutorialScriptName}`}</TerminalText>
         </>
       ),
       canNext: false,
@@ -421,8 +422,8 @@ export async function main(ns) {
             <br />
             Let's check out some statistics for our running scripts by clicking{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <StorageIcon color={"error"} />
-              <Typography color={"error"}> Active Scripts</Typography>
+              <StorageIcon sx={{ color: theme.palette.info.main }} />{" "}
+              <Typography sx={{ color: theme.palette.info.main }} >Active Scripts</Typography>
             </Box>
           </Typography>
         </>
@@ -437,16 +438,16 @@ export async function main(ns) {
             this to gauge how well your scripts are doing.
             <br />
             <br />
-            Click <strong>home</strong> to see the scripts running on it.
+            Click home to see the scripts running on it.
             <br />
             <br />
-            Then click <strong>${tutorialScriptName}</strong> to see the script's information.
+            Then click {tutorialScriptName} to see the script's information.
             <br />
             <br />
             Let's go back to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon color={"error"} />
-              <Typography color={"error"}> Terminal</Typography>
+              <LastPageIcon sx={{ color: theme.palette.info.main }} />
+              <Typography sx={{ color: theme.palette.info.main }} >Terminal</Typography>
             </Box>
           </Typography>
         </>
@@ -462,7 +463,7 @@ export async function main(ns) {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{`[home /]> tail ${tutorialScriptName}`}</Typography>
+          <TerminalText>{`[home /]> tail ${tutorialScriptName}`}</TerminalText>
         </>
       ),
       canNext: false,
@@ -486,11 +487,11 @@ export async function main(ns) {
             servers too.
             <br />
             <br />
-            Before we do that, let's see what's currently on our home computer using
+            Before we do that, let's see what files are stored on our home computer using
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> ls"}</Typography>
+          <TerminalText>{"[home /]> ls"}</TerminalText>
           <Typography>
             <br />
             ("ls" is short for "list".)
@@ -503,26 +504,32 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            That's shown all the files on your home computer. Right now, you can see the NUKE.exe program that you used
-            earlier, and {tutorialScriptName}.
+            That's shown you all the files on your home computer. Right now, you can see NUKE.exe, the program that you
+            used earlier, and {tutorialScriptName}.
             <br />
             <br />
-            NUKE.exe can only ever be on your home computer. But if you want other servers to run {tutorialScriptName},
-            you need to copy it to them.
+            If you want other servers to run {tutorialScriptName}, you need to copy it to them. (NUKE.exe can't be copied
+            elsewhere. It's only stored on home.)
             <br />
             <br />
             To do that, we use
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> scp file destination"}</Typography>
+          <TerminalText>{"[home /]> scp file destination"}</TerminalText>
           <Typography>
             <br />
             To copy {tutorialScriptName} to n00dles, enter
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{`[home /]> scp ${tutorialScriptName} n00dles`}</Typography>
+          <TerminalText>{`[home /]> scp ${tutorialScriptName} n00dles`}</TerminalText>
+          <Typography>
+            <br />
+            You can then connect to n00dles and run your script on it later.
+            <br />
+            <br />
+          </Typography>
         </>
       ),
       canNext: false,
@@ -535,7 +542,7 @@ export async function main(ns) {
             <br />
             <br />
           </Typography>
-          <Typography classes={{ root: classes.textfield }}>{"[home /]> help"}</Typography>
+          <TerminalText>{"[home /]> help"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -544,10 +551,10 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we've made some money and exp, let's head to the Stats tab and see our gains. Click{" "}
+            Now we've made some money and exp, let's head to the Stats tab and see what we've gained. Click{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon color={"error"} />
-              <Typography color={"error"}> Stats</Typography>
+              <EqualizerIcon sx={{ color: theme.palette.info.main }} />{" "}
+              <Typography sx={{ color: theme.palette.info.main }} >Stats</Typography>
             </Box>{" "}
             at the left-hand side of the screen.
           </Typography>
@@ -560,8 +567,8 @@ export async function main(ns) {
         <>
           <Typography>
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon color={"error"} />
-              <Typography color={"error"}> Stats</Typography>
+              <EqualizerIcon sx={{ color: theme.palette.info.main }} />{" "}
+              <Typography sx={{ color: theme.palette.info.main }} >Stats</Typography>
             </Box>{" "}
             shows information about your skills, money, and bonuses.
           </Typography>
@@ -576,8 +583,8 @@ export async function main(ns) {
             Hacking isn't the only way to earn money. One other way to passively earn money is to purchase and upgrade
             Hacknet Nodes. Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <AccountTreeIcon color={"error"} />
-              <Typography color={"error"}> Hacknet</Typography>
+              <AccountTreeIcon sx={{ color: theme.palette.info.main }} />{" "}
+              <Typography sx={{ color: theme.palette.info.main }} >Hacknet</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -603,8 +610,8 @@ export async function main(ns) {
             <br />
             Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LocationCityIcon color={"error"} />
-              <Typography color={"error"}> City</Typography>
+              <LocationCityIcon sx={{ color: theme.palette.info.main }} />{" "}
+              <Typography sx={{ color: theme.palette.info.main }} >City</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -622,8 +629,8 @@ export async function main(ns) {
             <br />
             Lastly, click on{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <HelpIcon color={"error"} />
-              <Typography color={"error"}> Documentation</Typography>
+              <HelpIcon sx={{ color: theme.palette.info.main }} />{" "}
+              <Typography sx={{ color: theme.palette.info.main }} >Documentation</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -641,8 +648,9 @@ export async function main(ns) {
           If you look at nothing else, the three pages I'd recommend are:
           <ul>
             <li>
-              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which contains
-              an invaluable basic hacking script, and which helps you navigate through most of the early game
+              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which gives 
+              you an <strong>invaluable</strong> basic hacking script, and which helps you navigate through most of the
+              early game
             </li>
             <li>
               the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>, which contains
@@ -667,6 +675,7 @@ export async function main(ns) {
           </Link>
           .
           <br />
+          <br />
           <Typography color={Settings.theme.warning}>
             The documentation at readthedocs is outdated and unmaintained. Do not use it!
           </Typography>
diff --git a/src/ui/MD/code.tsx b/src/ui/MD/code.tsx
index 93aa640c0d..04abad5aff 100644
--- a/src/ui/MD/code.tsx
+++ b/src/ui/MD/code.tsx
@@ -6,7 +6,7 @@ import { CodeProps } from "react-markdown/lib/ast-to-react";
 import { Typography } from "@mui/material";
 import { makeStyles } from "tss-react/mui";
 
-const useStyles = makeStyles()((theme: Theme) => ({
+export const useStyles = makeStyles()((theme: Theme) => ({
   pre: {
     borderRadius: "6px",
   },
@@ -36,7 +36,11 @@ const InlineCode = (props: React.PropsWithChildren<CodeProps>): React.ReactEleme
   </Typography>
 );
 
-const BigCode = (props: React.PropsWithChildren<CodeProps>): React.ReactElement => (
+type CodeBlockProps = {
+  children: string;
+};
+
+export const CodeBlock = ( {children}: CodeBlockProps): React.ReactElement => (
   <SyntaxHighlighter
     language="javascript"
     style={theme}
@@ -45,9 +49,9 @@ const BigCode = (props: React.PropsWithChildren<CodeProps>): React.ReactElement
       borderRadius: "6px",
     }}
   >
-    {String(props.children)}
+    {children}
   </SyntaxHighlighter>
 );
 
 export const code = (props: React.PropsWithChildren<CodeProps>): React.ReactElement =>
-  props.inline ? <InlineCode {...props} /> : <BigCode {...props} />;
+  props.inline ? <InlineCode {...props} /> : <CodeBlock>{String(props.children)}</CodeBlock>;
\ No newline at end of file

From 374150e6f4782b43ffe4ac516ebea6fcc57f76f6 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 16:04:19 +0100
Subject: [PATCH 05/82] better

---
 .../doc/en/help/getting_started.md            |   6 +-
 src/InteractiveTutorial.ts                    |   6 +-
 src/Sidebar/ui/SidebarAccordion.tsx           |   6 +-
 src/Sidebar/ui/SidebarItem.tsx                |  14 +-
 src/Sidebar/ui/SidebarRoot.tsx                |  10 +-
 src/Terminal/Terminal.ts                      |  31 +++--
 .../InteractiveTutorialRoot.tsx               | 122 ++++++++++--------
 src/ui/MD/code.tsx                            |   4 +-
 8 files changed, 114 insertions(+), 85 deletions(-)

diff --git a/src/Documentation/doc/en/help/getting_started.md b/src/Documentation/doc/en/help/getting_started.md
index 503c7df065..2a2a94894f 100644
--- a/src/Documentation/doc/en/help/getting_started.md
+++ b/src/Documentation/doc/en/help/getting_started.md
@@ -19,11 +19,11 @@ Since this guide is written as a basic introduction to Bitburner, it will not ex
 ## First Steps
 
 I'm going to assume you followed the introductory tutorial when you first began the game.
-In this introductory tutorial, you created a [Script](../basic/scripts.md) called `n00dles.js` and ran it on the `n00dles` server.
+In this introductory tutorial, you created a [Script](../basic/scripts.md) called `hacking.js` and ran it on the `home` server.
 Now, we'll kill this [Script](../basic/scripts.md). There are two ways to do this:
 
-- You can go to the Terminal and enter: `kill n00dles.js`
-- You can go to the `Active Scripts` page (Alt + s) and press the `Kill Script` button for `n00dles.js`.
+- You can go to the Terminal and enter: `kill hacking.js`
+- You can go to the `Active Scripts` page (Alt + s) and press the `Kill Script` button for `hacking.js`.
 
 If you skipped the introductory tutorial, then ignore the part above.
 Instead, go to the `Hacknet Nodes` page (Alt + h) and purchase a [Hacknet Node](../basic/hacknet_nodes.md) to start generating some passive income.
diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 7c071e7971..881ef73968 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -1,6 +1,4 @@
 //// Still to do:
-// n00dles.js references in docs
-// Red to blue for stuff
 // Somewhere ??? the text that says 'Processes cannot be killed during the tutorial' ... when you clearly can!
 // Rebase to get rid of the irrelevant commits!
 
@@ -23,6 +21,7 @@ enum iTutorialSteps {
   TerminalNuke, // NUKE n00dles
   TerminalManualHack, // Hack n00dles
   TerminalHackingMechanics, // Explanation of hacking mechanics
+  TerminalWeakenGrowMechanics, // Explanation of grow/weaken mechanics
   TerminalGoHome, // Go home before creating a script.
   TerminalCreateScript, // Create a script using 'nano'
   TerminalEditScript, // Script Editor page - Edit script and then save & close
@@ -33,7 +32,7 @@ enum iTutorialSteps {
   ActiveScriptsToTerminal,
   TerminalTailScript,
   TerminalLs, // Using 'ls' Terminal command
-  TerminalScp,
+  TerminalScp, // using the 'scp' Terminal command
   TerminalHelp, // Using 'help' Terminal command
 
   // See the results of our hacking
@@ -70,6 +69,7 @@ const ITutorial = {
     [iTutorialSteps.TerminalNuke]: false,
     [iTutorialSteps.TerminalManualHack]: false,
     [iTutorialSteps.TerminalHackingMechanics]: false,
+    [iTutorialSteps.TerminalWeakenGrowMechanics]: false,
     [iTutorialSteps.TerminalGoHome]: false,
     [iTutorialSteps.TerminalCreateScript]: false,
     [iTutorialSteps.TerminalEditScript]: false,
diff --git a/src/Sidebar/ui/SidebarAccordion.tsx b/src/Sidebar/ui/SidebarAccordion.tsx
index 5e72deba4d..3ec9db7ada 100644
--- a/src/Sidebar/ui/SidebarAccordion.tsx
+++ b/src/Sidebar/ui/SidebarAccordion.tsx
@@ -20,7 +20,7 @@ type SidebarAccordionProps = {
   items: (IItemProps | boolean)[];
   icon: React.ReactElement["type"];
   sidebarOpen: boolean;
-  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo" | "themeColorError", string>;
+  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo", string>;
 };
 
 type ClickFnCacheKeyType = (page: Page) => void;
@@ -69,11 +69,11 @@ export function SidebarAccordion({
           <ListItem classes={li_classes} button onClick={() => setOpen((open) => !open)}>
             <ListItemIcon>
               <Tooltip title={!sidebarOpen ? key_ : ""}>
-                <Icon color={classes.themeColorPrimary} />
+                <Icon color="primary" />
               </Tooltip>
             </ListItemIcon>
             <ListItemText primary={<Typography>{key_}</Typography>} />
-            {open ? <ExpandLessIcon sx={{ color: classes.themeColorPrimary}} /> : <ExpandMoreIcon sx={{ color: classes.themeColorPrimary}} />}
+            {open ? <ExpandLessIcon color="primary" /> : <ExpandMoreIcon color="primary" />}
           </ListItem>
         ),
         [li_classes, sidebarOpen, key_, open, Icon],
diff --git a/src/Sidebar/ui/SidebarItem.tsx b/src/Sidebar/ui/SidebarItem.tsx
index 1e90115dba..496c1c5936 100644
--- a/src/Sidebar/ui/SidebarItem.tsx
+++ b/src/Sidebar/ui/SidebarItem.tsx
@@ -19,12 +19,16 @@ export interface ICreateProps {
 export interface SidebarItemProps extends ICreateProps {
   clickFn: () => void;
   flash: boolean;
-  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo" | "themeColorError", string>;
+  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo", string>;
   sidebarOpen: boolean;
 }
 
 export const SidebarItem = memo(function SidebarItem(props: SidebarItemProps): React.ReactElement {
-  const color = props.flash ? props.classes.themeColorInfo : props.active ? props.classes.themeColorPrimary : props.classes.themeColorSecondary;
+  const colorClass = props.flash
+    ? props.classes.themeColorInfo
+    : props.active
+    ? props.classes.themeColorPrimary
+    : props.classes.themeColorSecondary;
   return (
     <ListItem
       classes={{ root: props.classes.listitem }}
@@ -34,14 +38,14 @@ export const SidebarItem = memo(function SidebarItem(props: SidebarItemProps): R
       onClick={props.clickFn}
     >
       <ListItemIcon>
-        <Badge badgeContent={(props.count ?? 0) > 0 ? props.count : undefined} sx={{ color: props.classes.themeColorError }}>
+        <Badge badgeContent={(props.count ?? 0) > 0 ? props.count : undefined} color="error">
           <Tooltip title={!props.sidebarOpen ? props.key_ : ""}>
-            <props.icon sx={{ color: color }}/>
+            <props.icon className={colorClass} />
           </Tooltip>
         </Badge>
       </ListItemIcon>
       <ListItemText>
-        <Typography sx={{ color: color }}>{props.key_}</Typography>
+        <Typography className={colorClass}>{props.key_}</Typography>
       </ListItemText>
     </ListItem>
   );
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index ba2127828f..db0d8a36bf 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -119,11 +119,15 @@ const useStyles = makeStyles()((theme: Theme) => ({
   active: {
     borderLeft: "3px solid " + theme.palette.primary.main,
   },
-  listitem: {},  
+  listitem: {},
+  // To explain why I did this daft shit: Lots of elements here are setting their colour using color="error" or similar.
+  // The problem is that Typography doesn't have the same list of possible colours as other items. In particular, it's missing
+  // "info". Do <Typography color="info> and it turns the text black. So unlike everything else, it needs the theme colours
+  // passed to it. Ideally everything should consume useTheme() and be on the same scheme, but that's a refactor that I don't
+  // have the skill to execute.
   themeColorPrimary: { color: theme.palette.primary.main },
   themeColorSecondary: { color: theme.palette.secondary.main },
   themeColorInfo: { color: theme.palette.info.main },
-  themeColorError: { color: theme.palette.error.main },
 }));
 
 export function SidebarRoot(props: { page: Page }): React.ReactElement {
@@ -331,7 +335,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
         () => (
           <ListItem classes={li_classes} button onClick={toggleDrawer}>
             <ListItemIcon>
-              <ChevronOpenClose sx={{ color: classes.themeColorPrimary }} />
+              <ChevronOpenClose color="primary" />
             </ListItemIcon>
             <ListItemText
               primary={
diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index fd5d1e00a1..9b27716287 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -348,7 +348,7 @@ export class Terminal {
         throw new Error("Could not get n00dles server");
       }
       const errorMessageForBadCommand =
-        "Wrong command. Please follow the tutorial, or if you'd like to skip it click Exit Tutorial";
+        "Wrong command! Try again, or if you'd like to skip the tutorial click Exit Tutorial";
       switch (ITutorial.currStep) {
         case iTutorialSteps.TerminalHelp:
           if (commandArray.length === 1 && commandArray[0] === "help") {
@@ -442,6 +442,12 @@ export class Terminal {
             return;
           }
           break;
+        case iTutorialSteps.TerminalWeakenGrowMechanics:
+          if (commandArray.length !== 1 || !["grow", "weaken", "hack"].includes(commandArray[0] + "")) {
+            this.error(errorMessageForBadCommand);
+            return;
+          }
+          break;
         case iTutorialSteps.TerminalGoHome:
           if (commandArray.length === 1 && commandArray[0] === "home") {
             iTutorialNextStep();
@@ -451,8 +457,13 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalCreateScript:
-          if (commandArray.length === 2 && commandArray[0] === "nano" && commandArray[1] === tutorialScriptName) {
-            iTutorialNextStep();
+          if (commandArray.length === 2) {
+            if (commandArray[0] === "nano" && commandArray[1] === tutorialScriptName) {
+              iTutorialNextStep();
+            } else {
+              this.error("Wrong command! Try again!");
+              return;
+            }
           } else {
             this.error(errorMessageForBadCommand);
             return;
@@ -486,13 +497,13 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalScp:
-          if (
-            commandArray.length === 3 &&
-            commandArray[0] === "scp" &&
-            commandArray[1] === tutorialScriptName &&
-            commandArray[2] === "n00dles"
-          ) {
-            iTutorialNextStep();
+          if (commandArray.length === 3) {
+            if (commandArray[0] === "scp" && commandArray[1] === tutorialScriptName && commandArray[2] === "n00dles") {
+              iTutorialNextStep();
+            } else {
+              this.error("Wrong command! Try again!");
+              return;
+            }
           } else {
             this.error(errorMessageForBadCommand);
             return;
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 8ac4159f46..6bff9296d8 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -10,7 +10,7 @@ import HelpIcon from "@mui/icons-material/Help";
 import AccountTreeIcon from "@mui/icons-material/AccountTree";
 import StorageIcon from "@mui/icons-material/Storage";
 import LocationCityIcon from "@mui/icons-material/LocationCity";
-import { useTheme, styled } from '@mui/material/styles';
+import { useTheme, styled } from "@mui/material/styles";
 import { useStyles as codeBlockStyles } from "../MD/code";
 
 import {
@@ -30,7 +30,7 @@ interface IContent {
   canNext: boolean;
 }
 
-export const tutorialScriptName = `script.js`;
+export const tutorialScriptName = `hacking.js`;
 
 export function InteractiveTutorialRoot(): React.ReactElement {
   const theme = useTheme();
@@ -68,16 +68,16 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <Typography>
             We're currently on the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon sx={{ color: theme.palette.primary.main }} />{" "}
-              <Typography sx={{ color: theme.palette.primary.main }} >Terminal</Typography>
+              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.primary.main }}>Terminal</Typography>
             </Box>{" "}
             tab.
             <br />
             <br />
             You can use the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon sx={{ color: theme.palette.primary.main }} />{" "}
-              <Typography sx={{ color: theme.palette.primary.main }} >Terminal</Typography>
+              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.primary.main }}>Terminal</Typography>
             </Box>{" "}
             to interface with your home computer, as well as with other machines around the world.
           </Typography>
@@ -162,12 +162,12 @@ export function InteractiveTutorialRoot(): React.ReactElement {
         <>
           <Typography>
             In the year 2077, currency is digital and decentralized. People and corporations store their money on
-            servers and computers. Using hacking skills and malware, you can hack servers to steal money and gain
+            servers and computers. Using specialised your skills, you can hack servers to steal money and gain
             experience.
             <br />
             <br />
-            If you check the read-out of scan-analyze you can see that n00dles has a required hacking skill of only 1.
-            That means you can hack it right now.
+            If you check the read-out of scan-analyze in the Terminal you can see that n00dles has a required hacking
+            skill of only 1. That means you can hack it right now.
             <br />
             <br />
             To do that, we need to connect to it. You can connect to a machine that is one node away using
@@ -210,16 +210,16 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[n00dles /]> analyze"}</TerminalText>
           <Typography>
             <br />
-            finishes running, it'll display some useful diagnostic data.
+            finishes running, it displays some useful diagnostic data.
             <br />
             <br />
-            In the data, you can see the server's root access status. To hack a server you must gain root access first.
-            Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a machine
-            as long as there are enough open ports.
+            If you have a look, you can see the server's root access status. To hack a server, you must gain root access
+            first. Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a
+            machine as long as there are enough open ports.
             <br />
             <br />
-            If you look at the diagnostics again, you'll also see that n00dles' required number of open ports for NUKE
-            is 0. So you're good to go ahead and run the virus! Just enter
+            If you look at the diagnostics again, you'll see that n00dles' "Required number of open ports for NUKE" is
+            0. So you're good to go ahead and run the virus! Just enter
             <br />
             <br />
           </Typography>
@@ -249,17 +249,26 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack the server. Performing a hack takes time, and has a certain success chance.
-            Both the hack time and success chance are affected by your hacking skill, and by the server's security
-            level.
+            You're now attempting to hack the server. Hacking takes time, and has a success chance. If your hack is
+            successful, you'll steal a percentage of the server's available money.
             <br />
             <br />
-            If your attempt to hack the server is successful, you'll steal a percentage of the server's available money.
-            (Again, this percentage is affected by your hacking skill and the server's security level).
-            <br />
-            <br />
-            When you hack a server, you deplete the money it has available, so your following hacks take less money. You 
-            also cause its security level to rise, so your hacks take longer. 
+            All of those variables (hacking time, success chance, and the percentage stolen) are affected by:
+            <ul>
+              <li>your hacking skill</li>
+              <li>the server's security level</li>
+            </ul>
+          </Typography>
+        </>
+      ),
+      canNext: true,
+    },
+    [iTutorialSteps.TerminalWeakenGrowMechanics as number]: {
+      content: (
+        <>
+          <Typography>
+            When you hack a server, you deplete the money it has available, so any following hacks take less money. You
+            also cause its security level to rise, so your hacks take longer.
             <br />
             <br />
             To restore things, you can use
@@ -286,8 +295,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Hacking is the core mechanic of the game and is necessary for progression. So you don't want to
-            be hacking manually the entire time. What we need is a way to automate it.
+            Hacking is the core mechanic of the game and is necessary for progression. So you don't want to be hacking
+            manually the entire time. What we need is a way to automate it.
             <br />
             <br />
             So let's head home and create our first script.
@@ -314,7 +323,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[home /]> nano file"}</TerminalText>
           <Typography>
             <br />
-            Script names must end with a script extension (.js, .ts, .jsx, .tsx). Let's create a script now by entering
+            Script names must end with a script extension (.js, .jsx, .ts, .tsx).
+            <br />
+            <br />
+            Let's create a script now by entering
             <br />
             <br />
           </Typography>
@@ -347,13 +359,12 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            If you have a look at the code of the script, you might be able to see that it hacks n00dles while true is
-            true – which it always is! So this script hacks n00dles on a loop forever.
+            Have a look at the code of the script. It says to hack n00dles while true is true – which it always is! So
+            this script hacks n00dles on a loop forever.
             <br />
             <br />
-            When we were hacking manually, we needed to be connected to our target. With scripts, however, we can target 
-            any server on the network{" "}
-            <em>from</em>{" "}any target on the network.
+            One benefit of using scripts to hack is that you don't need to be connected to the server you're hacking.
+            You can target any server on the network from any server on the network.
             <br />
             <br />
             While we're in the editor, it's worth saying that everything we do in this tutorial can be scripted. You can
@@ -361,8 +372,8 @@ export async function main(ns) {
             ns.getServer().
             <br />
             <br />
-            If you ever want to check which functions are available to you, you can do that in the editor. Either search
-            using the search bar tool at the bottom of the editor, or click the{" "}
+            If you ever want to check which functions are available to you in the edior, you can search using the search
+            bar at the bottom, or click the{" "}
             <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside it.
             <br />
             <br />
@@ -395,11 +406,11 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We have 8GB of free RAM. If that doesn't sound like much, don't worry: you can purchase more RAM 
-            for your home server.
+            We have 8GB of free RAM. If that doesn't sound like much, don't worry: you can purchase more RAM for your
+            home server later.
             <br />
             <br />
-            For now though, let's run our script using
+            For now, let's run our script using
             <br />
             <br />
           </Typography>
@@ -422,8 +433,8 @@ export async function main(ns) {
             <br />
             Let's check out some statistics for our running scripts by clicking{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <StorageIcon sx={{ color: theme.palette.info.main }} />{" "}
-              <Typography sx={{ color: theme.palette.info.main }} >Active Scripts</Typography>
+              <StorageIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.info.main }}>Active Scripts</Typography>
             </Box>
           </Typography>
         </>
@@ -447,7 +458,7 @@ export async function main(ns) {
             Let's go back to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <LastPageIcon sx={{ color: theme.palette.info.main }} />
-              <Typography sx={{ color: theme.palette.info.main }} >Terminal</Typography>
+              <Typography sx={{ color: theme.palette.info.main }}>Terminal</Typography>
             </Box>
           </Typography>
         </>
@@ -508,8 +519,8 @@ export async function main(ns) {
             used earlier, and {tutorialScriptName}.
             <br />
             <br />
-            If you want other servers to run {tutorialScriptName}, you need to copy it to them. (NUKE.exe can't be copied
-            elsewhere. It's only stored on home.)
+            If you want other servers to run {tutorialScriptName}, you need to copy it to them. (NUKE.exe can't be
+            copied elsewhere. It's only stored on home.)
             <br />
             <br />
             To do that, we use
@@ -553,8 +564,8 @@ export async function main(ns) {
           <Typography>
             Now we've made some money and exp, let's head to the Stats tab and see what we've gained. Click{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon sx={{ color: theme.palette.info.main }} />{" "}
-              <Typography sx={{ color: theme.palette.info.main }} >Stats</Typography>
+              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
             </Box>{" "}
             at the left-hand side of the screen.
           </Typography>
@@ -567,8 +578,8 @@ export async function main(ns) {
         <>
           <Typography>
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon sx={{ color: theme.palette.info.main }} />{" "}
-              <Typography sx={{ color: theme.palette.info.main }} >Stats</Typography>
+              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
             </Box>{" "}
             shows information about your skills, money, and bonuses.
           </Typography>
@@ -583,8 +594,8 @@ export async function main(ns) {
             Hacking isn't the only way to earn money. One other way to passively earn money is to purchase and upgrade
             Hacknet Nodes. Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <AccountTreeIcon sx={{ color: theme.palette.info.main }} />{" "}
-              <Typography sx={{ color: theme.palette.info.main }} >Hacknet</Typography>
+              <AccountTreeIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.info.main }}>Hacknet</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -610,10 +621,9 @@ export async function main(ns) {
             <br />
             Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LocationCityIcon sx={{ color: theme.palette.info.main }} />{" "}
-              <Typography sx={{ color: theme.palette.info.main }} >City</Typography>
+              <LocationCityIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.info.main }}>City</Typography>
             </Box>{" "}
-            .
           </Typography>
         </>
       ),
@@ -629,8 +639,8 @@ export async function main(ns) {
             <br />
             Lastly, click on{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <HelpIcon sx={{ color: theme.palette.info.main }} />{" "}
-              <Typography sx={{ color: theme.palette.info.main }} >Documentation</Typography>
+              <HelpIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <Typography sx={{ color: theme.palette.info.main }}>Documentation</Typography>
             </Box>{" "}
             .
           </Typography>
@@ -648,7 +658,7 @@ export async function main(ns) {
           If you look at nothing else, the three pages I'd recommend are:
           <ul>
             <li>
-              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which gives 
+              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which gives
               you an <strong>invaluable</strong> basic hacking script, and which helps you navigate through most of the
               early game
             </li>
@@ -661,14 +671,14 @@ export async function main(ns) {
               beginners
             </li>
           </ul>
-          You'll notice that some of the pages are inaccessible right now. Don't worry – you'll unlock them later on.
+          You'll notice that some of the pages are inaccessible right now. You'll unlock those later on.
           <br />
           <br />
           If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
           Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
           <br />
           <br />
-          While the documentation page is the best place to get information, especially when you get stuck, if you can't
+          While the documentation page is the best place to get information, especially when you're stuck, if you can't
           find the answer here then please{" "}
           <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="hover">
             ask us on Discord
diff --git a/src/ui/MD/code.tsx b/src/ui/MD/code.tsx
index 04abad5aff..f78cc7bf60 100644
--- a/src/ui/MD/code.tsx
+++ b/src/ui/MD/code.tsx
@@ -40,7 +40,7 @@ type CodeBlockProps = {
   children: string;
 };
 
-export const CodeBlock = ( {children}: CodeBlockProps): React.ReactElement => (
+const BigCode = ({ children }: CodeBlockProps): React.ReactElement => (
   <SyntaxHighlighter
     language="javascript"
     style={theme}
@@ -54,4 +54,4 @@ export const CodeBlock = ( {children}: CodeBlockProps): React.ReactElement => (
 );
 
 export const code = (props: React.PropsWithChildren<CodeProps>): React.ReactElement =>
-  props.inline ? <InlineCode {...props} /> : <CodeBlock>{String(props.children)}</CodeBlock>;
\ No newline at end of file
+  props.inline ? <InlineCode {...props} /> : <BigCode>{String(props.children)}</BigCode>;

From dc74aa7e71a343a7280b1d22ea3e99b804647deb Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 16:25:49 +0100
Subject: [PATCH 06/82] ok first draft ish

---
 .../InteractiveTutorialRoot.tsx                  | 16 +++++++---------
 src/ui/React/CopyableText.tsx                    |  3 ++-
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 6bff9296d8..c5c2a17a50 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -3,6 +3,7 @@ import React, { useEffect } from "react";
 import { Paper, Box, Typography, Button, Link } from "@mui/material";
 import { ITutorialEvents } from "./ITutorialEvents";
 import { CopyableText } from "../React/CopyableText";
+import { useStyles as codeBlockStyles } from "../MD/code";
 
 import EqualizerIcon from "@mui/icons-material/Equalizer";
 import LastPageIcon from "@mui/icons-material/LastPage";
@@ -11,7 +12,6 @@ import AccountTreeIcon from "@mui/icons-material/AccountTree";
 import StorageIcon from "@mui/icons-material/Storage";
 import LocationCityIcon from "@mui/icons-material/LocationCity";
 import { useTheme, styled } from "@mui/material/styles";
-import { useStyles as codeBlockStyles } from "../MD/code";
 
 import {
   iTutorialPrevStep,
@@ -34,7 +34,7 @@ export const tutorialScriptName = `hacking.js`;
 
 export function InteractiveTutorialRoot(): React.ReactElement {
   const theme = useTheme();
-  const { classes } = codeBlockStyles();
+  const { classes: codeClasses } = codeBlockStyles();
   const TerminalText = styled(Typography)(({ theme }) => ({
     borderBottom: `1px solid ${theme.palette.primary.main}`,
   }));
@@ -345,18 +345,16 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             Below is a basic script that hacks n00dles. Copy and paste it into the editor.
           </Typography>
           <br />
-          <Typography component="div" classes={{ root: classes.code }}>
-            {
-              <CopyableText
-                value={`/** @param {NS} ns */
+          <CopyableText
+            className={codeClasses.code}
+            value={`/** @param {NS} ns */
 export async function main(ns) {
   while (true) {
     await ns.hack("n00dles");
   }
 }`}
-              />
-            }
-          </Typography>
+          />
+          <br />
           <br />
           <Typography>
             Have a look at the code of the script. It says to hack n00dles while true is true – which it always is! So
diff --git a/src/ui/React/CopyableText.tsx b/src/ui/React/CopyableText.tsx
index ee583d46fa..eec89391fa 100644
--- a/src/ui/React/CopyableText.tsx
+++ b/src/ui/React/CopyableText.tsx
@@ -5,6 +5,7 @@ import Tooltip from "@mui/material/Tooltip";
 interface IProps {
   value: string;
   color?: string;
+  className?: string;
   variant?:
     | "button"
     | "caption"
@@ -40,7 +41,7 @@ export function CopyableText(props: IProps): React.ReactElement {
 
   return (
     <Tooltip open={open} title={<Typography>Copied!</Typography>}>
-      <Typography variant={props.variant} color={props.color} onClick={copy}>
+      <Typography variant={props.variant} color={props.color} onClick={copy} className={props.className}>
         {props.value}
       </Typography>
     </Tooltip>

From f05499635fb8dc055a29e08d41787f0ac68c13eb Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 17:36:29 +0100
Subject: [PATCH 07/82] more

---
 src/Sidebar/ui/SidebarRoot.tsx | 2 +-
 src/Terminal/Terminal.ts       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index db0d8a36bf..f281dc109c 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -335,7 +335,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
         () => (
           <ListItem classes={li_classes} button onClick={toggleDrawer}>
             <ListItemIcon>
-              <ChevronOpenClose color="primary" />
+              <ChevronOpenClose color={"primary"}/>
             </ListItemIcon>
             <ListItemText
               primary={
diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 9b27716287..257565831d 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -510,7 +510,7 @@ export class Terminal {
           }
           break;
         default:
-          this.error("Please follow the tutorial, or if you'd like to skip it click Exit Tutorial");
+          this.error("Make sure you're following the tutorial. If you'd like to skip it click Exit Tutorial");
           return;
       }
     }

From 2c2cf2fe368a4c3492db49f2c29632d808de5ce9 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 26 Aug 2026 23:53:51 +0100
Subject: [PATCH 08/82] less bad

---
 src/InteractiveTutorial.ts                    |   7 +-
 src/ui/CharacterStats.tsx                     |  11 --
 .../InteractiveTutorialRoot.tsx               | 116 ++++++++----------
 3 files changed, 54 insertions(+), 80 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 881ef73968..864700a3fe 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -1,6 +1,11 @@
 //// Still to do:
 // Somewhere ??? the text that says 'Processes cannot be killed during the tutorial' ... when you clearly can!
-// Rebase to get rid of the irrelevant commits!
+// You can't "Previous" if you're on the Stats page. It keeps pushing you forward.
+// Note down changes that are part of something different, and reverse them
+// Full stops
+// Theming
+// Code block component
+// CL's other points
 
 import { Player } from "@player";
 import { LiteratureName } from "@enums";
diff --git a/src/ui/CharacterStats.tsx b/src/ui/CharacterStats.tsx
index 565dfc54a1..53d6e9bd0d 100644
--- a/src/ui/CharacterStats.tsx
+++ b/src/ui/CharacterStats.tsx
@@ -4,7 +4,6 @@ import React, { useState } from "react";
 import { BitNodes } from "../BitNode/BitNode";
 import { currentNodeMults } from "../BitNode/BitNodeMultipliers";
 import { BitNodeMultipliersDisplay } from "../BitNode/ui/BitnodeMultipliersDescription";
-import { iTutorialSteps, iTutorialNextStep, ITutorial } from "../InteractiveTutorial";
 import { HacknetServerConstants } from "../Hacknet/data/Constants";
 import { getCloudServerLimit } from "../Server/ServerPurchases";
 import { Settings } from "../Settings/Settings";
@@ -223,16 +222,6 @@ function MoneyModal({ open, onClose }: IMoneyModalProps): React.ReactElement {
 }
 
 export function CharacterStats(): React.ReactElement {
-  /* INTERACTIVE TUTORIAL */
-  if (ITutorial.isRunning) {
-    if (ITutorial.currStep === iTutorialSteps.CharacterPage) {
-      iTutorialNextStep();
-    } else {
-      //return -1; ?? not sure how to handle this
-    }
-  }
-  /* END INTERACTIVE TUTORIAL */
-
   const [moneyOpen, setMoneyOpen] = useState(false);
   const [employersOpen, setEmployersOpen] = useState(false);
   useCycleRerender();
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index c5c2a17a50..415df1ad20 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -6,6 +6,7 @@ import { CopyableText } from "../React/CopyableText";
 import { useStyles as codeBlockStyles } from "../MD/code";
 
 import EqualizerIcon from "@mui/icons-material/Equalizer";
+import SettingsIcon from "@mui/icons-material/Settings";
 import LastPageIcon from "@mui/icons-material/LastPage";
 import HelpIcon from "@mui/icons-material/Help";
 import AccountTreeIcon from "@mui/icons-material/AccountTree";
@@ -52,11 +53,15 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             This tutorial will show you the basics of the game.
             <br />
             <br />
-            If you need to hide this tutorial panel temporarily, you can collapse it.
+            If you need to hide the tutorial panel temporarily, you can collapse it.
             <br />
             <br />
-            You can also exit the tutorial at any time. If you ever want to review it, go to the Options tab and select
-            Repeat Tutorial.
+            You can also exit the tutorial at any time. If you ever want to review it, go to the{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <SettingsIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
+              <Typography sx={{ color: theme.palette.primary.main }}>Options</Typography>
+            </Box>{" "}
+            tab and select Repeat Tutorial.
           </Typography>
         </>
       ),
@@ -68,7 +73,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <Typography>
             We're currently on the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.5 }} />
+              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.primary.main }}>Terminal</Typography>
             </Box>{" "}
             tab.
@@ -76,10 +81,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             You can use the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.5 }} />
+              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.primary.main }}>Terminal</Typography>
             </Box>{" "}
-            to interface with your home computer, as well as with other machines around the world.
+            to interface with your home computer, and with other machines around the world.
           </Typography>
         </>
       ),
@@ -113,8 +118,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[home /]> scan"}</TerminalText>
           <Typography>
             <br />
-            shows all servers that you can connect to from your current machine. Servers are identified by their
-            hostname.
+            shows all servers that you can connect to from your current machine.
             <br />
             <br />
             The network's much bigger than these nearby servers though. To start exploring it, let's enter
@@ -214,8 +218,11 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
             If you have a look, you can see the server's root access status. To hack a server, you must gain root access
-            first. Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a
-            machine as long as there are enough open ports.
+            first.
+            <br />
+            <br />
+            Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a machine
+            as long as there are enough open ports.
             <br />
             <br />
             If you look at the diagnostics again, you'll see that n00dles' "Required number of open ports for NUKE" is
@@ -339,10 +346,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            This is the script editor.
-            <br />
-            <br />
-            Below is a basic script that hacks n00dles. Copy and paste it into the editor.
+            Below is a basic script that hacks n00dles on a continuous loop. Copy and paste it into the editor.
           </Typography>
           <br />
           <CopyableText
@@ -357,12 +361,8 @@ export async function main(ns) {
           <br />
           <br />
           <Typography>
-            Have a look at the code of the script. It says to hack n00dles while true is true – which it always is! So
-            this script hacks n00dles on a loop forever.
-            <br />
-            <br />
             One benefit of using scripts to hack is that you don't need to be connected to the server you're hacking.
-            You can target any server on the network from any server on the network.
+            You can target any server on the network <em>from</em> any server on the network.
             <br />
             <br />
             While we're in the editor, it's worth saying that everything we do in this tutorial can be scripted. You can
@@ -370,9 +370,9 @@ export async function main(ns) {
             ns.getServer().
             <br />
             <br />
-            If you ever want to check which functions are available to you in the edior, you can search using the search
-            bar at the bottom, or click the{" "}
-            <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside it.
+            If you want to check which functions are available to you in the editor, use the search bar at the bottom,
+            or click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside
+            it.
             <br />
             <br />
             OK, back to hacking. Click Save at the bottom to save your script and close the editor.
@@ -388,10 +388,7 @@ export async function main(ns) {
             Now we'll run the script. You can run scripts on any server that you have root access to.
             <br />
             <br />
-            Scripts need RAM to run, and different servers have different amounts.
-            <br />
-            <br />
-            To check how much RAM is available on this machine, enter
+            Scripts need RAM to run. To check how much RAM is available on this machine, enter
             <br />
             <br />
           </Typography>
@@ -421,17 +418,17 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Your script is now running! Scripts run in the background until their code completes (although
-            {tutorialScriptName} will never complete because it has an infinite loop).
+            Your script is now running! Scripts run in the background until their code completes ({tutorialScriptName}{" "}
+            will never complete because it has an infinite loop).
             <br />
             <br />
-            Scripts can passively earn you income and hacking experience. They'll keep earning even while you're
-            offline, although at a slower rate.
+            Scripts will passively earn you income and hacking experience. They even keep earning while you're offline,
+            although at a slower rate.
             <br />
             <br />
-            Let's check out some statistics for our running scripts by clicking{" "}
+            Let's check out some statistics of our running scripts by clicking{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <StorageIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <StorageIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Active Scripts</Typography>
             </Box>
           </Typography>
@@ -443,8 +440,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            This page displays information about all of your scripts that are running across every server. You can use
-            this to gauge how well your scripts are doing.
+            This page shows every script you're running across every server. You can use it to gauge how well your
+            scripts are doing.
             <br />
             <br />
             Click home to see the scripts running on it.
@@ -468,7 +465,7 @@ export async function main(ns) {
         <>
           <Typography>
             Each active script has logs that detail what it's doing. You can check these logs using the tail command. To
-            do that for the script you just ran, you can enter
+            do that for the script you just ran, enter
             <br />
             <br />
           </Typography>
@@ -481,8 +478,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            The log for this script may not show much right now because it just started running... but check back again
-            in a few minutes!
+            This log might not show much because the script just started... but check back again in a few minutes!
           </Typography>
         </>
       ),
@@ -492,8 +488,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We're not going to get very far running scripts on our home computer alone. We need to copy them to other
-            servers too.
+            We won't get far running scripts on just our home computer. We want to run them on other servers too, and
+            that means we need to copy them over.
             <br />
             <br />
             Before we do that, let's see what files are stored on our home computer using
@@ -513,32 +509,18 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            That's shown you all the files on your home computer. Right now, you can see NUKE.exe, the program that you
-            used earlier, and {tutorialScriptName}.
-            <br />
-            <br />
-            If you want other servers to run {tutorialScriptName}, you need to copy it to them. (NUKE.exe can't be
-            copied elsewhere. It's only stored on home.)
-            <br />
-            <br />
-            To do that, we use
+            To copy {tutorialScriptName} to another server, you can use
             <br />
             <br />
           </Typography>
           <TerminalText>{"[home /]> scp file destination"}</TerminalText>
           <Typography>
             <br />
-            To copy {tutorialScriptName} to n00dles, enter
+            To copy it to n00dles, enter
             <br />
             <br />
           </Typography>
           <TerminalText>{`[home /]> scp ${tutorialScriptName} n00dles`}</TerminalText>
-          <Typography>
-            <br />
-            You can then connect to n00dles and run your script on it later.
-            <br />
-            <br />
-          </Typography>
         </>
       ),
       canNext: false,
@@ -547,7 +529,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Lastly, if you can't remember the right terminal command, you can always use
+            Lastly, if you can't remember the right terminal command, you can always enter
             <br />
             <br />
           </Typography>
@@ -562,7 +544,7 @@ export async function main(ns) {
           <Typography>
             Now we've made some money and exp, let's head to the Stats tab and see what we've gained. Click{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
             </Box>{" "}
             at the left-hand side of the screen.
@@ -576,7 +558,7 @@ export async function main(ns) {
         <>
           <Typography>
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
             </Box>{" "}
             shows information about your skills, money, and bonuses.
@@ -589,13 +571,12 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Hacking isn't the only way to earn money. One other way to passively earn money is to purchase and upgrade
-            Hacknet Nodes. Let's go to{" "}
+            Hacking isn't the only way to earn money. One other way to passively earn money is to purchase Hacknet
+            Nodes. Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <AccountTreeIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <AccountTreeIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Hacknet</Typography>
             </Box>{" "}
-            .
           </Typography>
         </>
       ),
@@ -604,7 +585,7 @@ export async function main(ns) {
     [iTutorialSteps.HacknetNodesIntroduction as number]: {
       content: (
         <Typography>
-          Here you can purchase new Hacknet Nodes and upgrade your existing ones. Let's purchase a new one.
+          Here you can purchase new Hacknet Nodes and upgrade your existing ones. Let's purchase one.
         </Typography>
       ),
       canNext: true,
@@ -614,12 +595,12 @@ export async function main(ns) {
         <>
           <Typography>
             Hacknet Nodes earn you money over time, both online and offline. When you get enough money, you can upgrade
-            your newly-purchased Hacknet Node below.
+            your Hacknet Node below.
             <br />
             <br />
             Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LocationCityIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <LocationCityIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>City</Typography>
             </Box>{" "}
           </Typography>
@@ -635,12 +616,11 @@ export async function main(ns) {
             There's a lot of content out in the world, so make sure you explore and discover!
             <br />
             <br />
-            Lastly, click on{" "}
+            Lastly, go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <HelpIcon sx={{ color: theme.palette.info.main, mr: 0.5 }} />
+              <HelpIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Documentation</Typography>
             </Box>{" "}
-            .
           </Typography>
         </>
       ),

From fbe9b41c7a6c6f800bcdcdfcbf23037bcc1bfa66 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 00:00:34 +0100
Subject: [PATCH 09/82] less bad 2

---
 .../InteractiveTutorialRoot.tsx                 | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 415df1ad20..40adedb61a 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -637,8 +637,7 @@ export async function main(ns) {
           <ul>
             <li>
               the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which gives
-              you an <strong>invaluable</strong> basic hacking script, and which helps you navigate through most of the
-              early game
+              you an <strong>invaluable</strong> basic hacking script, and helps you with most of the early game
             </li>
             <li>
               the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>, which contains
@@ -656,12 +655,14 @@ export async function main(ns) {
           Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
           <br />
           <br />
-          While the documentation page is the best place to get information, especially when you're stuck, if you can't
-          find the answer here then please{" "}
-          <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="hover">
-            ask us on Discord
-          </Link>
-          .
+          <Typography fontWeight="fontWeightBold">
+            While the documentation is the best place to get help, if you can't
+            find the answer then please{" "}
+            <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="hover">
+              ask us on Discord
+            </Link>
+            .
+          </Typography>
           <br />
           <br />
           <Typography color={Settings.theme.warning}>

From 4314c5d79300512df9bb9a4dfe73137f115aa97b Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 00:20:04 +0100
Subject: [PATCH 10/82] briefer

---
 .../InteractiveTutorialRoot.tsx               | 35 +++++++------------
 1 file changed, 12 insertions(+), 23 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 40adedb61a..3c9cd4c51c 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -121,7 +121,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             shows all servers that you can connect to from your current machine.
             <br />
             <br />
-            The network's much bigger than these nearby servers though. To start exploring it, let's enter
+            The network's much bigger than that though. To start exploring it, let's enter
             <br />
             <br />
           </Typography>
@@ -137,7 +137,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             That's given us more detailed information about the servers we can connect to.
             <br />
             <br />
-            To look depeer into the network, we can change our scanning depth to 2.
+            To look depeer into the network, change your scanning depth to 2.
             <br />
             <br />
           </Typography>
@@ -150,11 +150,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Now you can see information about all servers that are up to 2 nodes away. You can also see how to navigate
-            to those servers through the network.
+            Now you can see all servers that are up to 2 nodes away, and how to navigate to them.
             <br />
             <br />
-            That's great and all, but there are so many servers. Which one should we go to? Well, let's pick a target we
+            That's great and all, but there are so many servers. Which ones do we focus on? Well, let's pick a target we
             can hack!
           </Typography>
         </>
@@ -207,18 +206,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            When
-            <br />
-            <br />
-          </Typography>
-          <TerminalText>{"[n00dles /]> analyze"}</TerminalText>
-          <Typography>
-            <br />
-            finishes running, it displays some useful diagnostic data.
-            <br />
-            <br />
-            If you have a look, you can see the server's root access status. To hack a server, you must gain root access
-            first.
+            If you have a look at the diagnostic data, you can see the server's root access status. To hack a server, 
+            you must gain root access first.
             <br />
             <br />
             Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a machine
@@ -274,7 +263,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            When you hack a server, you deplete the money it has available, so any following hacks take less money. You
+            When you hack a server, you deplete the money it has available, so the following hacks take less money. You
             also cause its security level to rise, so your hacks take longer.
             <br />
             <br />
@@ -464,7 +453,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Each active script has logs that detail what it's doing. You can check these logs using the tail command. To
+            Each active script has logs that detail what it's doing. You can check these using the tail command. To
             do that for the script you just ran, enter
             <br />
             <br />
@@ -478,7 +467,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            This log might not show much because the script just started... but check back again in a few minutes!
+            This log might not show much because the script has just started... but check back again in a few minutes!
           </Typography>
         </>
       ),
@@ -488,11 +477,11 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We won't get far running scripts on just our home computer. We want to run them on other servers too, and
-            that means we need to copy them over.
+            We won't get far running scripts on just our home computer. We can run them on other servers too, and
+            to do that, we need to copy them over.
             <br />
             <br />
-            Before we do that, let's see what files are stored on our home computer using
+            First though, let's see what files are stored on our home computer using
             <br />
             <br />
           </Typography>

From 82c8f5bf733506c88fe8cfc343675fd0ef27da3c Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 00:33:42 +0100
Subject: [PATCH 11/82] brie

---
 src/Sidebar/ui/SidebarRoot.tsx                |  2 +-
 .../InteractiveTutorialRoot.tsx               | 32 +++++++++----------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index f281dc109c..e695572c38 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -335,7 +335,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
         () => (
           <ListItem classes={li_classes} button onClick={toggleDrawer}>
             <ListItemIcon>
-              <ChevronOpenClose color={"primary"}/>
+              <ChevronOpenClose color={"primary"} />
             </ListItemIcon>
             <ListItemText
               primary={
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 3c9cd4c51c..5ad66224a6 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -137,7 +137,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             That's given us more detailed information about the servers we can connect to.
             <br />
             <br />
-            To look depeer into the network, change your scanning depth to 2.
+            To look depeer into the network, increase your scanning depth to 2.
             <br />
             <br />
           </Typography>
@@ -165,7 +165,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
         <>
           <Typography>
             In the year 2077, currency is digital and decentralized. People and corporations store their money on
-            servers and computers. Using specialised your skills, you can hack servers to steal money and gain
+            servers and computers. Using your specialised skills, you can hack servers to steal money and gain
             experience.
             <br />
             <br />
@@ -173,7 +173,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             skill of only 1. That means you can hack it right now.
             <br />
             <br />
-            To do that, we need to connect to it. You can connect to a machine that is one node away using
+            To do that, you need to connect to it. You can connect to any machine that is one node away using
             <br />
             <br />
           </Typography>
@@ -206,12 +206,12 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            If you have a look at the diagnostic data, you can see the server's root access status. To hack a server, 
+            If you have a look at the diagnostic data, you can see the server's root access status. To hack a server,
             you must gain root access first.
             <br />
             <br />
-            Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to a machine
-            as long as there are enough open ports.
+            Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to any
+            machine as long as it has enough open ports.
             <br />
             <br />
             If you look at the diagnostics again, you'll see that n00dles' "Required number of open ports for NUKE" is
@@ -350,13 +350,12 @@ export async function main(ns) {
           <br />
           <br />
           <Typography>
-            One benefit of using scripts to hack is that you don't need to be connected to the server you're hacking.
-            You can target any server on the network <em>from</em> any server on the network.
+            One benefit of using scripts to hack is that they don't need to be connected to the server they're hacking.
+            Scripts can target any server on the network.
             <br />
             <br />
             While we're in the editor, it's worth saying that everything we do in this tutorial can be scripted. You can
-            map the network with ns.scan(), run scripts with ns.run() or ns.exec(), and get server information with
-            ns.getServer().
+            map the network with ns.scan(), run scripts with ns.run(), or get server information with ns.getServer().
             <br />
             <br />
             If you want to check which functions are available to you in the editor, use the search bar at the bottom,
@@ -453,8 +452,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Each active script has logs that detail what it's doing. You can check these using the tail command. To
-            do that for the script you just ran, enter
+            Each active script has logs that detail what it's doing. You can check these using the tail command. To do
+            that for the script you just ran, enter
             <br />
             <br />
           </Typography>
@@ -467,7 +466,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            This log might not show much because the script has just started... but check back again in a few minutes!
+            This log might not show much because the script just started... but check back again in a few minutes!
           </Typography>
         </>
       ),
@@ -477,8 +476,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We won't get far running scripts on just our home computer. We can run them on other servers too, and
-            to do that, we need to copy them over.
+            We won't get far running scripts on just our home computer. We can run them on other servers too, and to do
+            that, we need to copy them over.
             <br />
             <br />
             First though, let's see what files are stored on our home computer using
@@ -645,8 +644,7 @@ export async function main(ns) {
           <br />
           <br />
           <Typography fontWeight="fontWeightBold">
-            While the documentation is the best place to get help, if you can't
-            find the answer then please{" "}
+            While the documentation is the best place to get help, if you can't find the answer then please{" "}
             <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="hover">
               ask us on Discord
             </Link>

From 639b325143d1b01036b1d9707f34113c43ed97ee Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 01:41:57 +0100
Subject: [PATCH 12/82] bre

---
 src/InteractiveTutorial.ts                    |  3 +-
 src/Sidebar/ui/SidebarRoot.tsx                |  2 +-
 .../InteractiveTutorialRoot.tsx               | 38 +++++++++----------
 3 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 864700a3fe..5dcf333312 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -1,7 +1,6 @@
 //// Still to do:
 // Somewhere ??? the text that says 'Processes cannot be killed during the tutorial' ... when you clearly can!
-// You can't "Previous" if you're on the Stats page. It keeps pushing you forward.
-// Note down changes that are part of something different, and reverse them
+// Note down changes that are part of something different, and reverse them:
 // Full stops
 // Theming
 // Code block component
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index e695572c38..90ba90d205 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -121,7 +121,7 @@ const useStyles = makeStyles()((theme: Theme) => ({
   },
   listitem: {},
   // To explain why I did this daft shit: Lots of elements here are setting their colour using color="error" or similar.
-  // The problem is that Typography doesn't have the same list of possible colours as other items. In particular, it's missing
+  // The problem is that Typography's default colour options are not the same as with other elements. In particular, it's missing
   // "info". Do <Typography color="info> and it turns the text black. So unlike everything else, it needs the theme colours
   // passed to it. Ideally everything should consume useTheme() and be on the same scheme, but that's a refactor that I don't
   // have the skill to execute.
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 5ad66224a6..8e6b6b8317 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -118,7 +118,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[home /]> scan"}</TerminalText>
           <Typography>
             <br />
-            shows all servers that you can connect to from your current machine.
+            shows you every server you can connect to from your current machine.
             <br />
             <br />
             The network's much bigger than that though. To start exploring it, let's enter
@@ -154,7 +154,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
             That's great and all, but there are so many servers. Which ones do we focus on? Well, let's pick a target we
-            can hack!
+            can hack.
           </Typography>
         </>
       ),
@@ -169,11 +169,11 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             experience.
             <br />
             <br />
-            If you check the read-out of scan-analyze in the Terminal you can see that n00dles has a required hacking
-            skill of only 1. That means you can hack it right now.
+            If you check the read-out of scan-analyze in the Terminal, you can see that n00dles has a required hacking
+            skill of 1. It's a great first target.
             <br />
             <br />
-            To do that, you need to connect to it. You can connect to any machine that is one node away using
+            To hack n00dles, you need to connect to it. You can connect to any machine that is one node away using
             <br />
             <br />
           </Typography>
@@ -193,7 +193,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Before we try hacking, let's run some diagnostics using
+            To make sure we can hack n00dles, let's run some diagnostics using
             <br />
             <br />
           </Typography>
@@ -211,7 +211,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
             Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to any
-            machine as long as it has enough open ports.
+            machine as long as enough ports are open.
             <br />
             <br />
             If you look at the diagnostics again, you'll see that n00dles' "Required number of open ports for NUKE" is
@@ -249,7 +249,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             successful, you'll steal a percentage of the server's available money.
             <br />
             <br />
-            All of those variables (hacking time, success chance, and the percentage stolen) are affected by:
+            All of those variables (time, success chance, and percentage stolen) are affected by:
             <ul>
               <li>your hacking skill</li>
               <li>the server's security level</li>
@@ -292,7 +292,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
         <>
           <Typography>
             Hacking is the core mechanic of the game and is necessary for progression. So you don't want to be hacking
-            manually the entire time. What we need is a way to automate it.
+            manually the entire time. We need a way to automate it.
             <br />
             <br />
             So let's head home and create our first script.
@@ -335,7 +335,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Below is a basic script that hacks n00dles on a continuous loop. Copy and paste it into the editor.
+            Below is a script that hacks n00dles on a continuous loop. Copy and paste it into the editor.
           </Typography>
           <br />
           <CopyableText
@@ -410,7 +410,7 @@ export async function main(ns) {
             will never complete because it has an infinite loop).
             <br />
             <br />
-            Scripts will passively earn you income and hacking experience. They even keep earning while you're offline,
+            Scripts will passively earn you income and hacking experience. They also keep earning while you're offline,
             although at a slower rate.
             <br />
             <br />
@@ -476,7 +476,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We won't get far running scripts on just our home computer. We can run them on other servers too, and to do
+            We won't get far running scripts on our home computer alone. We can run them on other servers too, but to do
             that, we need to copy them over.
             <br />
             <br />
@@ -497,14 +497,14 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            To copy {tutorialScriptName} to another server, you can use
+            To copy a script to another server, you can use
             <br />
             <br />
           </Typography>
           <TerminalText>{"[home /]> scp file destination"}</TerminalText>
           <Typography>
             <br />
-            To copy it to n00dles, enter
+            To copy {tutorialScriptName} to n00dles, enter
             <br />
             <br />
           </Typography>
@@ -583,7 +583,7 @@ export async function main(ns) {
         <>
           <Typography>
             Hacknet Nodes earn you money over time, both online and offline. When you get enough money, you can upgrade
-            your Hacknet Node below.
+            your Hacknet Nodes below.
             <br />
             <br />
             Let's go to{" "}
@@ -600,8 +600,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            This page lists all of the locations in your current city. Each location has something that you can do.
-            There's a lot of content out in the world, so make sure you explore and discover!
+            This maps all of the locations in your current city. Each location has something that you can do. There's a
+            lot of content out in the world, so make sure you explore and discover!
             <br />
             <br />
             Lastly, go to{" "}
@@ -625,11 +625,11 @@ export async function main(ns) {
           <ul>
             <li>
               the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which gives
-              you an <strong>invaluable</strong> basic hacking script, and helps you with most of the early game
+              you an <strong>invaluable</strong> basic hacking script, and helps with most of the early game
             </li>
             <li>
               the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>, which contains
-              reference materials for all NS APIs
+              reference materials on functions you can use in scripts
             </li>
             <li>
               the <DocumentationLink page="help/faq.md">FAQ</DocumentationLink>, which answers questions often asked by

From 77acc69bad0d8b997e25129222366dcfea70410c Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 02:21:45 +0100
Subject: [PATCH 13/82] reverted nansense

---
 .../InteractiveTutorialRoot.tsx               | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 8e6b6b8317..6008d664b1 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -3,7 +3,6 @@ import React, { useEffect } from "react";
 import { Paper, Box, Typography, Button, Link } from "@mui/material";
 import { ITutorialEvents } from "./ITutorialEvents";
 import { CopyableText } from "../React/CopyableText";
-import { useStyles as codeBlockStyles } from "../MD/code";
 
 import EqualizerIcon from "@mui/icons-material/Equalizer";
 import SettingsIcon from "@mui/icons-material/Settings";
@@ -35,7 +34,6 @@ export const tutorialScriptName = `hacking.js`;
 
 export function InteractiveTutorialRoot(): React.ReactElement {
   const theme = useTheme();
-  const { classes: codeClasses } = codeBlockStyles();
   const TerminalText = styled(Typography)(({ theme }) => ({
     borderBottom: `1px solid ${theme.palette.primary.main}`,
   }));
@@ -170,10 +168,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
             If you check the read-out of scan-analyze in the Terminal, you can see that n00dles has a required hacking
-            skill of 1. It's a great first target.
+            skill of 1, which makes it a great first target.
             <br />
             <br />
-            To hack n00dles, you need to connect to it. You can connect to any machine that is one node away using
+            To hack n00dles, you need to connect to it. You can connect to any machine that is 1 node away using
             <br />
             <br />
           </Typography>
@@ -263,7 +261,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            When you hack a server, you deplete the money it has available, so the following hacks take less money. You
+            When you hack a server, you deplete the money it has available, so any subsequent hacks take less money. You'll
             also cause its security level to rise, so your hacks take longer.
             <br />
             <br />
@@ -338,16 +336,18 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             Below is a script that hacks n00dles on a continuous loop. Copy and paste it into the editor.
           </Typography>
           <br />
-          <CopyableText
-            className={codeClasses.code}
-            value={`/** @param {NS} ns */
+          <Typography component="div" sx={{ whiteSpace: "pre", backgroundColor: "background.paper", }}>
+            {
+              <CopyableText
+                value={`/** @param {NS} ns */
 export async function main(ns) {
   while (true) {
     await ns.hack("n00dles");
   }
 }`}
-          />
-          <br />
+              />
+            }
+          </Typography>
           <br />
           <Typography>
             One benefit of using scripts to hack is that they don't need to be connected to the server they're hacking.
@@ -358,8 +358,8 @@ export async function main(ns) {
             map the network with ns.scan(), run scripts with ns.run(), or get server information with ns.getServer().
             <br />
             <br />
-            If you want to check which functions are available to you in the editor, use the search bar at the bottom,
-            or click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside
+            If you want to check which functions are available, use the search bar at the bottom, or click the{" "}
+            <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>{" "}link beside
             it.
             <br />
             <br />

From 61fb619823da6b13bec9c7a423a392215fe271f2 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 02:36:28 +0100
Subject: [PATCH 14/82] zz

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 6008d664b1..33880e5bab 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -168,7 +168,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
             If you check the read-out of scan-analyze in the Terminal, you can see that n00dles has a required hacking
-            skill of 1, which makes it a great first target.
+            skill of 1, making it a great first target.
             <br />
             <br />
             To hack n00dles, you need to connect to it. You can connect to any machine that is 1 node away using
@@ -289,7 +289,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Hacking is the core mechanic of the game and is necessary for progression. So you don't want to be hacking
+            Hacking is the core mechanic of the game and is necessary for progression. So you don't want to hack
             manually the entire time. We need a way to automate it.
             <br />
             <br />
@@ -314,7 +314,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <TerminalText>{"[home /]> nano file"}</TerminalText>
+          <TerminalText>{"[home /]> nano"}</TerminalText>
           <Typography>
             <br />
             Script names must end with a script extension (.js, .jsx, .ts, .tsx).
@@ -530,7 +530,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we've made some money and exp, let's head to the Stats tab and see what we've gained. Click{" "}
+            Now we've gained some money and exp, let look at it the Stats tab. Click{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>

From 29cdb3c6099427ce0b28ff4332d70393b16a76a4 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 12:26:56 +0100
Subject: [PATCH 15/82] betterer

---
 src/InteractiveTutorial.ts                    |   8 +-
 src/Terminal/Terminal.ts                      |  14 +-
 .../InteractiveTutorialRoot.tsx               | 170 +++++++-----------
 3 files changed, 75 insertions(+), 117 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 5dcf333312..a9b1461759 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -5,6 +5,10 @@
 // Theming
 // Code block component
 // CL's other points
+/* This should be a tip in the documentation UI -- not in the tutorial
+          If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
+          Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
+          */
 
 import { Player } from "@player";
 import { LiteratureName } from "@enums";
@@ -19,13 +23,11 @@ enum iTutorialSteps {
   TerminalScan, // Using 'scan' Terminal command
   TerminalScanAnalyze1, // Using 'scan-analyze' Terminal command
   TerminalScanAnalyze2, // Using 'scan-analyze 3' Terminal command
-  TerminalConnectInterval,
   TerminalConnect, // Connecting to n00dles
   TerminalAnalyze, // Analyzing n00dles
   TerminalNuke, // NUKE n00dles
   TerminalManualHack, // Hack n00dles
   TerminalHackingMechanics, // Explanation of hacking mechanics
-  TerminalWeakenGrowMechanics, // Explanation of grow/weaken mechanics
   TerminalGoHome, // Go home before creating a script.
   TerminalCreateScript, // Create a script using 'nano'
   TerminalEditScript, // Script Editor page - Edit script and then save & close
@@ -68,12 +70,10 @@ const ITutorial = {
     [iTutorialSteps.TerminalScanAnalyze1]: false,
     [iTutorialSteps.TerminalScanAnalyze2]: false,
     [iTutorialSteps.TerminalConnect]: false,
-    [iTutorialSteps.TerminalConnectInterval]: false,
     [iTutorialSteps.TerminalAnalyze]: false,
     [iTutorialSteps.TerminalNuke]: false,
     [iTutorialSteps.TerminalManualHack]: false,
     [iTutorialSteps.TerminalHackingMechanics]: false,
-    [iTutorialSteps.TerminalWeakenGrowMechanics]: false,
     [iTutorialSteps.TerminalGoHome]: false,
     [iTutorialSteps.TerminalCreateScript]: false,
     [iTutorialSteps.TerminalEditScript]: false,
diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 257565831d..3259591468 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -348,7 +348,7 @@ export class Terminal {
         throw new Error("Could not get n00dles server");
       }
       const errorMessageForBadCommand =
-        "Wrong command! Try again, or if you'd like to skip the tutorial click Exit Tutorial";
+        "Wrong command. Try again, or if you'd like to skip the tutorial click Exit Tutorial";
       switch (ITutorial.currStep) {
         case iTutorialSteps.TerminalHelp:
           if (commandArray.length === 1 && commandArray[0] === "help") {
@@ -401,7 +401,7 @@ export class Terminal {
             ) {
               iTutorialNextStep();
             } else {
-              this.error("Wrong command! Try again!");
+              this.error("Wrong command. Try again!");
               return;
             }
           } else {
@@ -442,12 +442,6 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.TerminalWeakenGrowMechanics:
-          if (commandArray.length !== 1 || !["grow", "weaken", "hack"].includes(commandArray[0] + "")) {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
-          break;
         case iTutorialSteps.TerminalGoHome:
           if (commandArray.length === 1 && commandArray[0] === "home") {
             iTutorialNextStep();
@@ -461,7 +455,7 @@ export class Terminal {
             if (commandArray[0] === "nano" && commandArray[1] === tutorialScriptName) {
               iTutorialNextStep();
             } else {
-              this.error("Wrong command! Try again!");
+              this.error("Wrong command. Try again!");
               return;
             }
           } else {
@@ -501,7 +495,7 @@ export class Terminal {
             if (commandArray[0] === "scp" && commandArray[1] === tutorialScriptName && commandArray[2] === "n00dles") {
               iTutorialNextStep();
             } else {
-              this.error("Wrong command! Try again!");
+              this.error("Wrong command. Try again!");
               return;
             }
           } else {
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 33880e5bab..0164c0c7e4 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -44,7 +44,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Welcome to Bitburner, a cyberpunk-themed incremental RPG! The game takes place in a dark, dystopian
+            Welcome to Bitburner, a cyberpunk-themed incremental RPG. The game takes place in a dark, dystopian
             future... The year is 2077...
             <br />
             <br />
@@ -54,7 +54,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             If you need to hide the tutorial panel temporarily, you can collapse it.
             <br />
             <br />
-            You can also exit the tutorial at any time. If you ever want to review it, go to the{" "}
+            You can exit the tutorial at any time. If you ever want to review it, go to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <SettingsIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.primary.main }}>Options</Typography>
@@ -119,7 +119,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             shows you every server you can connect to from your current machine.
             <br />
             <br />
-            The network's much bigger than that though. To start exploring it, let's enter
+            The network's much bigger than that though! To start exploring it, enter
             <br />
             <br />
           </Typography>
@@ -135,7 +135,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             That's given us more detailed information about the servers we can connect to.
             <br />
             <br />
-            To look depeer into the network, increase your scanning depth to 2.
+            To look depeer into the network, let's increase the scanning depth to 2.
             <br />
             <br />
           </Typography>
@@ -144,41 +144,21 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalConnectInterval as number]: {
-      content: (
-        <>
-          <Typography>
-            Now you can see all servers that are up to 2 nodes away, and how to navigate to them.
-            <br />
-            <br />
-            That's great and all, but there are so many servers. Which ones do we focus on? Well, let's pick a target we
-            can hack.
-          </Typography>
-        </>
-      ),
-      canNext: true,
-    },
     [iTutorialSteps.TerminalConnect as number]: {
       content: (
         <>
           <Typography>
-            In the year 2077, currency is digital and decentralized. People and corporations store their money on
-            servers and computers. Using your specialised skills, you can hack servers to steal money and gain
-            experience.
-            <br />
-            <br />
-            If you check the read-out of scan-analyze in the Terminal, you can see that n00dles has a required hacking
-            skill of 1, making it a great first target.
+            Now you can see all the servers that are up to 2 nodes away, and the route to get to them.
             <br />
             <br />
-            To hack n00dles, you need to connect to it. You can connect to any machine that is 1 node away using
+            You can connect to any machine that is 1 node away using
             <br />
             <br />
           </Typography>
           <TerminalText>{"[home /]> connect hostname"}</TerminalText>
           <Typography>
             <br />
-            So let's connect to n00dles.
+            Let's connect to n00dles.
             <br />
             <br />
           </Typography>
@@ -191,7 +171,15 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            To make sure we can hack n00dles, let's run some diagnostics using
+            In the year 2077, currency is digital and decentralized. People and corporations store their money on
+            servers and computers. Using specialised skills, you can hack servers to steal money and gain experience.
+            <br />
+            <br />
+            You've got the skills to hack n00dles – scan-analyze showed us that n00dles has a required hacking skill of
+            1.
+            <br />
+            <br />
+            But there's something else we need to check. Let's run some diagnostics using
             <br />
             <br />
           </Typography>
@@ -204,16 +192,16 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            If you have a look at the diagnostic data, you can see the server's root access status. To hack a server,
-            you must gain root access first.
+            If you have a look, you can see the server's "Root Access" status. You must gain root access before you can
+            hack a server.
             <br />
             <br />
-            Handily, you've come prepared with a virus called NUKE.exe. NUKE.exe will grant you root access to any
-            machine as long as enough ports are open.
+            Handily, you've built a virus called NUKE.exe. NUKE.exe will grant you root access to any machine as long as
+            enough ports are open.
             <br />
             <br />
-            If you look at the diagnostics again, you'll see that n00dles' "Required number of open ports for NUKE" is
-            0. So you're good to go ahead and run the virus! Just enter
+            If you check the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0. So
+            you're good to run the virus! Just enter
             <br />
             <br />
           </Typography>
@@ -226,18 +214,14 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You now have root access! You can hack the server using
+            Now you've got root access, you can hack the server! Try entering
             <br />
             <br />
           </Typography>
           <TerminalText>{"[n00dles /]> hack"}</TerminalText>
-          <Typography>
-            <br />
-            Try doing that now.
-          </Typography>
         </>
       ),
-      canNext: true,
+      canNext: false,
     },
     [iTutorialSteps.TerminalHackingMechanics as number]: {
       content: (
@@ -247,22 +231,12 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             successful, you'll steal a percentage of the server's available money.
             <br />
             <br />
-            All of those variables (time, success chance, and percentage stolen) are affected by:
-            <ul>
-              <li>your hacking skill</li>
-              <li>the server's security level</li>
-            </ul>
-          </Typography>
-        </>
-      ),
-      canNext: true,
-    },
-    [iTutorialSteps.TerminalWeakenGrowMechanics as number]: {
-      content: (
-        <>
-          <Typography>
-            When you hack a server, you deplete the money it has available, so any subsequent hacks take less money. You'll
-            also cause its security level to rise, so your hacks take longer.
+            All of those variables (time, success chance, and percentage stolen) are affected by your hacking skill, and
+            by the server's security level.
+            <br />
+            <br />
+            When you hack a server, you deplete the money it has available, so any subsequent hacks take less money.
+            You'll also cause its security level to rise, so your hacks take longer.
             <br />
             <br />
             To restore things, you can use
@@ -289,11 +263,11 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Hacking is the core mechanic of the game and is necessary for progression. So you don't want to hack
-            manually the entire time. We need a way to automate it.
+            Hacking is the core mechanic of the game and is necessary to progress. So you don't want to hack manually
+            the entire time. We need a way to automate it!
             <br />
             <br />
-            So let's head home and create our first script.
+            Let's head home and create our first script.
             <br />
             <br />
             You can get back home from any server using
@@ -336,7 +310,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             Below is a script that hacks n00dles on a continuous loop. Copy and paste it into the editor.
           </Typography>
           <br />
-          <Typography component="div" sx={{ whiteSpace: "pre", backgroundColor: "background.paper", }}>
+          <Typography component="div" sx={{ whiteSpace: "pre", backgroundColor: "background.paper" }}>
             {
               <CopyableText
                 value={`/** @param {NS} ns */
@@ -354,16 +328,12 @@ export async function main(ns) {
             Scripts can target any server on the network.
             <br />
             <br />
-            While we're in the editor, it's worth saying that everything we do in this tutorial can be scripted. You can
-            map the network with ns.scan(), run scripts with ns.run(), or get server information with ns.getServer().
-            <br />
-            <br />
-            If you want to check which functions are available, use the search bar at the bottom, or click the{" "}
-            <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>{" "}link beside
+            If you want to check what other functions you can use in the editor, use the search bar at the bottom, or
+            click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside
             it.
             <br />
             <br />
-            OK, back to hacking. Click Save at the bottom to save your script and close the editor.
+            Click Save at the bottom to save your script and close the editor.
           </Typography>
         </>
       ),
@@ -376,7 +346,7 @@ export async function main(ns) {
             Now we'll run the script. You can run scripts on any server that you have root access to.
             <br />
             <br />
-            Scripts need RAM to run. To check how much RAM is available on this machine, enter
+            Scripts need RAM to run. To check how much RAM is available on a machine, enter
             <br />
             <br />
           </Typography>
@@ -406,15 +376,15 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Your script is now running! Scripts run in the background until their code completes ({tutorialScriptName}{" "}
-            will never complete because it has an infinite loop).
+            Your script is now running! Scripts run in the background until their code completes (though if they have an
+            infinite loop, like {tutorialScriptName}, it never will).
             <br />
             <br />
-            Scripts will passively earn you income and hacking experience. They also keep earning while you're offline,
-            although at a slower rate.
+            Scripts will passively earn you income and hacking experience. They even earn money and exp while you're
+            offline, although at a slower rate.
             <br />
             <br />
-            Let's check out some statistics of our running scripts by clicking{" "}
+            Let's check how our running scripts are doing by clicking{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <StorageIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Active Scripts</Typography>
@@ -435,7 +405,7 @@ export async function main(ns) {
             Click home to see the scripts running on it.
             <br />
             <br />
-            Then click {tutorialScriptName} to see the script's information.
+            Then click {tutorialScriptName} to see some data about it.
             <br />
             <br />
             Let's go back to the{" "}
@@ -452,8 +422,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Each active script has logs that detail what it's doing. You can check these using the tail command. To do
-            that for the script you just ran, enter
+            Each active script has logs that detail what it's doing. You can check these using the <code>tail</code>{" "}
+            command. To do that for the script you just ran, enter
             <br />
             <br />
           </Typography>
@@ -476,11 +446,11 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We won't get far running scripts on our home computer alone. We can run them on other servers too, but to do
+            We won't get far running scripts on our home computer alone. We can run them on other servers too. To do
             that, we need to copy them over.
             <br />
             <br />
-            First though, let's see what files are stored on our home computer using
+            First, let's see what files are stored on our home computer using
             <br />
             <br />
           </Typography>
@@ -497,14 +467,10 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            To copy a script to another server, you can use
+            To copy a script to another server, we can use the scp command.
             <br />
             <br />
-          </Typography>
-          <TerminalText>{"[home /]> scp file destination"}</TerminalText>
-          <Typography>
-            <br />
-            To copy {tutorialScriptName} to n00dles, enter
+            Let's copy {tutorialScriptName} to n00dles.
             <br />
             <br />
           </Typography>
@@ -559,8 +525,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Hacking isn't the only way to earn money. One other way to passively earn money is to purchase Hacknet
-            Nodes. Let's go to{" "}
+            Hacking isn't the only way to earn money. One other way to is to purchase Hacknet Nodes. Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <AccountTreeIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Hacknet</Typography>
@@ -582,8 +547,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Hacknet Nodes earn you money over time, both online and offline. When you get enough money, you can upgrade
-            your Hacknet Nodes below.
+            Hacknet Nodes passively earn you money over time, even when you're offline. When you get enough money, you
+            can upgrade your Hacknet Nodes below.
             <br />
             <br />
             Let's go to{" "}
@@ -600,7 +565,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            This maps all of the locations in your current city. Each location has something that you can do. There's a
+            This shows all the locations in your current city. Each location has something that you can do. There's a
             lot of content out in the world, so make sure you explore and discover!
             <br />
             <br />
@@ -617,26 +582,26 @@ export async function main(ns) {
     [iTutorialSteps.DocumentationPageInfo as number]: {
       content: (
         <Typography component="div">
-          The pages in the Documentation tab explain the game's content and mechanics. I know it looks a lot, but I
-          highly suggest you read (or at least skim) through this before you start playing.
+          These pages explain the game's content and mechanics. I know it's a lot, but I highly suggest you read (or at
+          least skim) through this before you start playing.
           <br />
           <br />
-          If you look at nothing else, the three pages I'd recommend are:
+          These pages are especially helpful:
           <ul>
             <li>
-              the <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink>, which gives
-              you an <strong>invaluable</strong> basic hacking script, and helps with most of the early game
+              The <DocumentationLink page="help/getting_started.md">Beginner's guide</DocumentationLink> gives you an{" "}
+              <strong>invaluable</strong> basic hacking script, and helps with most of the early game.
             </li>
             <li>
-              the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink>, which contains
-              reference materials on functions you can use in scripts
+              The <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> contains reference
+              materials on functions you can use in scripts.
             </li>
             <li>
-              the <DocumentationLink page="help/faq.md">FAQ</DocumentationLink>, which answers questions often asked by
-              beginners
+              The <DocumentationLink page="help/faq.md">FAQ</DocumentationLink> answers questions often asked by
+              beginners.
             </li>
           </ul>
-          You'll notice that some of the pages are inaccessible right now. You'll unlock those later on.
+          You'll notice that some Documentation pages are inaccessible right now. You'll unlock those later on.
           <br />
           <br />
           If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
@@ -644,16 +609,15 @@ export async function main(ns) {
           <br />
           <br />
           <Typography fontWeight="fontWeightBold">
-            While the documentation is the best place to get help, if you can't find the answer then please{" "}
-            <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="hover">
+            While the documentation is the first place to get help, if you can't find an answer then please{" "}
+            <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="always">
               ask us on Discord
             </Link>
             .
           </Typography>
           <br />
-          <br />
           <Typography color={Settings.theme.warning}>
-            The documentation at readthedocs is outdated and unmaintained. Do not use it!
+            Note: The documentation at readthedocs is outdated and unmaintained. Do not use it!
           </Typography>
           <br />
           And that's the end of the tutorial. We hope you enjoy the game!

From 583dc8b0459b940b73202329cf6a8240b2e149ea Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 12:38:02 +0100
Subject: [PATCH 16/82] .

---
 src/InteractiveTutorial.ts                             | 2 --
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 8 ++++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index a9b1461759..9e8082127c 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -1,9 +1,7 @@
 //// Still to do:
 // Somewhere ??? the text that says 'Processes cannot be killed during the tutorial' ... when you clearly can!
-// Note down changes that are part of something different, and reverse them:
 // Full stops
 // Theming
-// Code block component
 // CL's other points
 /* This should be a tip in the documentation UI -- not in the tutorial
           If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 0164c0c7e4..e82c47764c 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -54,7 +54,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             If you need to hide the tutorial panel temporarily, you can collapse it.
             <br />
             <br />
-            You can exit the tutorial at any time. If you ever want to review it, go to the{" "}
+            You can also exit the tutorial at any time. If you ever want to review it, go to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <SettingsIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.primary.main }}>Options</Typography>
@@ -377,7 +377,7 @@ export async function main(ns) {
         <>
           <Typography>
             Your script is now running! Scripts run in the background until their code completes (though if they have an
-            infinite loop, like {tutorialScriptName}, it never will).
+            infinite loop, like {tutorialScriptName} does, it never will).
             <br />
             <br />
             Scripts will passively earn you income and hacking experience. They even earn money and exp while you're
@@ -512,8 +512,8 @@ export async function main(ns) {
         <>
           <Typography>
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
+              <EqualizerIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
+              <Typography sx={{ color: theme.palette.primary.main }}>Stats</Typography>
             </Box>{" "}
             shows information about your skills, money, and bonuses.
           </Typography>

From be31a78cb32ae76f45def2906d0c955845d34004 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 12:40:52 +0100
Subject: [PATCH 17/82] ok second draft ish

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index e82c47764c..9dc9b5cb7f 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -610,7 +610,11 @@ export async function main(ns) {
           <br />
           <Typography fontWeight="fontWeightBold">
             While the documentation is the first place to get help, if you can't find an answer then please{" "}
-            <Link href="https://discord.com/channels/415207508303544321/415207508303544323" underline="always">
+            <Link
+              href="https://discord.com/channels/415207508303544321/415207508303544323"
+              underline="always"
+              target="_blank"
+            >
               ask us on Discord
             </Link>
             .

From 90a6cd79f68a642962dbd23e968c2421e97d5d1f Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 12:59:48 +0100
Subject: [PATCH 18/82] run!

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 9dc9b5cb7f..b873b40749 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -205,7 +205,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <TerminalText>{"[n00dles /]> NUKE.exe"}</TerminalText>
+          <TerminalText>{"[n00dles /]> run NUKE.exe"}</TerminalText>
         </>
       ),
       canNext: false,
@@ -367,7 +367,7 @@ export async function main(ns) {
             <br />
             <br />
           </Typography>
-          <TerminalText>{`[home /]> ${tutorialScriptName}`}</TerminalText>
+          <TerminalText>{`[home /]> run ${tutorialScriptName}`}</TerminalText>
         </>
       ),
       canNext: false,
@@ -593,8 +593,8 @@ export async function main(ns) {
               <strong>invaluable</strong> basic hacking script, and helps with most of the early game.
             </li>
             <li>
-              The <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> contains reference
-              materials on functions you can use in scripts.
+              The <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> details the
+              functions you can use in scripts.
             </li>
             <li>
               The <DocumentationLink page="help/faq.md">FAQ</DocumentationLink> answers questions often asked by

From 3942c823685af1f81156906e91cc0e008a1eec8a Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 14:23:59 +0100
Subject: [PATCH 19/82] being more permissive

---
 src/Terminal/Terminal.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 3259591468..88f10f18a9 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -451,7 +451,7 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalCreateScript:
-          if (commandArray.length === 2) {
+          if (commandArray.length === 2 || commandArray[0] === "nano") {
             if (commandArray[0] === "nano" && commandArray[1] === tutorialScriptName) {
               iTutorialNextStep();
             } else {
@@ -474,7 +474,7 @@ export class Terminal {
         case iTutorialSteps.TerminalRunScript:
           if (
             (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName) ||
-            commandArray[0] === tutorialScriptName
+            (commandArray.length === 1 && commandArray[0] === tutorialScriptName)
           ) {
             iTutorialNextStep();
           } else {
@@ -482,6 +482,18 @@ export class Terminal {
             return;
           }
           break;
+        case iTutorialSteps.TerminalGoToActiveScriptsPage:
+          if (
+            !(
+              (commandArray.length === 1 && commandArray[0] === "free") ||
+              (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName) ||
+              (commandArray.length === 1 && commandArray[0] === tutorialScriptName)
+            )
+          ) {
+            this.error(errorMessageForBadCommand);
+            return;
+          }
+          break;
         case iTutorialSteps.ActiveScriptsToTerminal:
           if (commandArray.length === 2 && commandArray[0] === "tail" && commandArray[1] === tutorialScriptName) {
             iTutorialNextStep();

From 550f86f25d13d53ba4f8db1440485de521ddc61c Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 14:36:16 +0100
Subject: [PATCH 20/82] +

---
 src/Terminal/Terminal.ts | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 88f10f18a9..0d29f2152f 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -394,9 +394,9 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalConnect:
-          if (commandArray.length === 2) {
+          if (commandArray[0] === "connect") {
             if (
-              commandArray[0] === "connect" &&
+              commandArray.length === 2 &&
               (commandArray[1] === "n00dles" || commandArray[1] === n00dlesServ.hostname)
             ) {
               iTutorialNextStep();
@@ -419,8 +419,8 @@ export class Terminal {
           break;
         case iTutorialSteps.TerminalNuke:
           if (
-            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === "NUKE.exe") ||
-            commandArray[0] === "NUKE.exe"
+            (commandArray.length === 1 && commandArray[0] === "NUKE.exe") ||
+            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === "NUKE.exe")
           ) {
             iTutorialNextStep();
           } else {
@@ -451,8 +451,8 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalCreateScript:
-          if (commandArray.length === 2 || commandArray[0] === "nano") {
-            if (commandArray[0] === "nano" && commandArray[1] === tutorialScriptName) {
+          if (commandArray[0] === "nano") {
+            if (commandArray.length === 2 && commandArray[1] === tutorialScriptName) {
               iTutorialNextStep();
             } else {
               this.error("Wrong command. Try again!");
@@ -473,8 +473,8 @@ export class Terminal {
           break;
         case iTutorialSteps.TerminalRunScript:
           if (
-            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName) ||
-            (commandArray.length === 1 && commandArray[0] === tutorialScriptName)
+            (commandArray.length === 1 && commandArray[0] === tutorialScriptName) ||
+            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName)
           ) {
             iTutorialNextStep();
           } else {
@@ -482,12 +482,12 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.TerminalGoToActiveScriptsPage:
+        case iTutorialSteps.TerminalGoToActiveScriptsPage: // giving the player room to play around a bit
           if (
             !(
               (commandArray.length === 1 && commandArray[0] === "free") ||
-              (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName) ||
-              (commandArray.length === 1 && commandArray[0] === tutorialScriptName)
+              (commandArray.length === 1 && commandArray[0] === tutorialScriptName) ||
+              (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName)
             )
           ) {
             this.error(errorMessageForBadCommand);
@@ -503,8 +503,8 @@ export class Terminal {
           }
           break;
         case iTutorialSteps.TerminalScp:
-          if (commandArray.length === 3) {
-            if (commandArray[0] === "scp" && commandArray[1] === tutorialScriptName && commandArray[2] === "n00dles") {
+          if (commandArray[0] === "scp") {
+            if (commandArray.length === 3 && commandArray[1] === tutorialScriptName && commandArray[2] === "n00dles") {
               iTutorialNextStep();
             } else {
               this.error("Wrong command. Try again!");

From 62e404fc73df1e9114478ffdf3752a12a671bb42 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 14:52:36 +0100
Subject: [PATCH 21/82] better second draft!

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index b873b40749..3bb8845e8c 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -227,12 +227,12 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack the server. Hacking takes time, and has a success chance. If your hack is
-            successful, you'll steal a percentage of the server's available money.
+            You're now attempting to hack the server. If your hack is successful, you'll steal a percentage of the server's
+            available money.
             <br />
             <br />
-            All of those variables (time, success chance, and percentage stolen) are affected by your hacking skill, and
-            by the server's security level.
+            Nearly all aspects of hacking (including time taken, success chance and percentage stolen) are affected by your
+            hacking skill, and by the server's security level.
             <br />
             <br />
             When you hack a server, you deplete the money it has available, so any subsequent hacks take less money.

From eb568a65de37a948ee3a01fd6555f26aae306d64 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 15:01:31 +0100
Subject: [PATCH 22/82] a

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 3bb8845e8c..5413b9ada8 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -175,8 +175,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             servers and computers. Using specialised skills, you can hack servers to steal money and gain experience.
             <br />
             <br />
-            You've got the skills to hack n00dles – scan-analyze showed us that n00dles has a required hacking skill of
-            1.
+            You've got the hacking skill needed to hack n00dles – scan-analyze showed us that n00dles has a required 
+            hacking skill of 1.
             <br />
             <br />
             But there's something else we need to check. Let's run some diagnostics using

From cf4eb52916e4a41b72ebc03d9c9bcbdfd10da792 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 15:07:25 +0100
Subject: [PATCH 23/82] ...

---
 .../InteractiveTutorialRoot.tsx                  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 5413b9ada8..9692b2787c 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -175,7 +175,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             servers and computers. Using specialised skills, you can hack servers to steal money and gain experience.
             <br />
             <br />
-            You've got the hacking skill needed to hack n00dles – scan-analyze showed us that n00dles has a required 
+            You've got the hacking skill needed to hack n00dles – scan-analyze showed us that n00dles has a required
             hacking skill of 1.
             <br />
             <br />
@@ -227,12 +227,12 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack the server. If your hack is successful, you'll steal a percentage of the server's
-            available money.
+            You're now attempting to hack the server. If your hack is successful, you'll steal a percentage of the
+            server's available money.
             <br />
             <br />
-            Nearly all aspects of hacking (including time taken, success chance and percentage stolen) are affected by your
-            hacking skill, and by the server's security level.
+            Nearly all aspects of hacking (including time taken, success chance and percentage stolen) are affected by
+            your hacking skill, and by the server's security level.
             <br />
             <br />
             When you hack a server, you deplete the money it has available, so any subsequent hacks take less money.
@@ -263,8 +263,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Hacking is the core mechanic of the game and is necessary to progress. So you don't want to hack manually
-            the entire time. We need a way to automate it!
+            Hacking is the core mechanic of the game and is necessary to progress. So you don't want to be hacking
+            manually the entire time. We need a way to automate it!
             <br />
             <br />
             Let's head home and create our first script.
@@ -496,7 +496,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we've gained some money and exp, let look at it the Stats tab. Click{" "}
+            Now we've gained some money and exp, let look at the Stats tab. Click{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>

From c437b1fa4cd109ea0ace788e56c7cced1caafb60 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 15:40:03 +0100
Subject: [PATCH 24/82] final second draft

---
 .../InteractiveTutorialRoot.tsx               | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 9692b2787c..be3d797f35 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -446,8 +446,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We won't get far running scripts on our home computer alone. We can run them on other servers too. To do
-            that, we need to copy them over.
+            You can boost your earnings by running your scripts on other servers too. To do that, we need to copy them
+            over.
             <br />
             <br />
             First, let's see what files are stored on our home computer using
@@ -496,7 +496,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we've gained some money and exp, let look at the Stats tab. Click{" "}
+            Now we've gained some money and exp, let's look at the Stats tab. Click{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
@@ -547,8 +547,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Hacknet Nodes passively earn you money over time, even when you're offline. When you get enough money, you
-            can upgrade your Hacknet Nodes below.
+            Hacknet Nodes passively earn you money over time, even when you're offline.
             <br />
             <br />
             Let's go to{" "}
@@ -565,8 +564,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            This shows all the locations in your current city. Each location has something that you can do. There's a
-            lot of content out in the world, so make sure you explore and discover!
+            Each location in a city has something that you can do. There's a lot of content out in the world, 
+            so make sure you explore and discover!
             <br />
             <br />
             Lastly, go to{" "}
@@ -607,6 +606,10 @@ export async function main(ns) {
           If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
           Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
           <br />
+          <br />          
+          <Typography color={Settings.theme.warning}>
+            Note: The documentation at readthedocs is outdated and unmaintained. Do not use it!
+          </Typography>
           <br />
           <Typography fontWeight="fontWeightBold">
             While the documentation is the first place to get help, if you can't find an answer then please{" "}
@@ -614,17 +617,14 @@ export async function main(ns) {
               href="https://discord.com/channels/415207508303544321/415207508303544323"
               underline="always"
               target="_blank"
+              color={Settings.theme.info}
             >
               ask us on Discord
             </Link>
             .
           </Typography>
           <br />
-          <Typography color={Settings.theme.warning}>
-            Note: The documentation at readthedocs is outdated and unmaintained. Do not use it!
-          </Typography>
-          <br />
-          And that's the end of the tutorial. We hope you enjoy the game!
+          That's the end of the tutorial. We hope you enjoy the game!
         </Typography>
       ),
       canNext: true,

From 00df9e61488bbb42e84b6554a535ddbc399b631d Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 16:13:32 +0100
Subject: [PATCH 25/82] yeah I said that was final but ...

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index be3d797f35..ffb2819504 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -408,7 +408,7 @@ export async function main(ns) {
             Then click {tutorialScriptName} to see some data about it.
             <br />
             <br />
-            Let's go back to the{" "}
+            When you're ready, let's go back to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <LastPageIcon sx={{ color: theme.palette.info.main }} />
               <Typography sx={{ color: theme.palette.info.main }}>Terminal</Typography>
@@ -621,9 +621,12 @@ export async function main(ns) {
             >
               ask us on Discord
             </Link>
-            .
+           .
           </Typography>
           <br />
+          <TerminalText><br /></TerminalText>
+          <br />
+          <br />
           That's the end of the tutorial. We hope you enjoy the game!
         </Typography>
       ),

From 422767cf8185851796595e6dc45d5abab857f47b Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 16:26:53 +0100
Subject: [PATCH 26/82] !

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index ffb2819504..84eda3260c 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -148,7 +148,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Now you can see all the servers that are up to 2 nodes away, and the route to get to them.
+            Now you can see all the servers that are up to 2 nodes away, and the routes  to get to them.
             <br />
             <br />
             You can connect to any machine that is 1 node away using
@@ -623,7 +623,6 @@ export async function main(ns) {
             </Link>
            .
           </Typography>
-          <br />
           <TerminalText><br /></TerminalText>
           <br />
           <br />

From ed3bc649865cbd47b4111647f7293047174e98e6 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 16:30:19 +0100
Subject: [PATCH 27/82] .

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 84eda3260c..d3de8eb28a 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -611,7 +611,7 @@ export async function main(ns) {
             Note: The documentation at readthedocs is outdated and unmaintained. Do not use it!
           </Typography>
           <br />
-          <Typography fontWeight="fontWeightBold">
+          <br />
             While the documentation is the first place to get help, if you can't find an answer then please{" "}
             <Link
               href="https://discord.com/channels/415207508303544321/415207508303544323"
@@ -622,7 +622,7 @@ export async function main(ns) {
               ask us on Discord
             </Link>
            .
-          </Typography>
+          <br />
           <TerminalText><br /></TerminalText>
           <br />
           <br />

From 1b3d2ad458da2de3ef0ff5ef650f1908973ac7d2 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 16:39:55 +0100
Subject: [PATCH 28/82] boing

---
 .../InteractiveTutorialRoot.tsx               | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index d3de8eb28a..314bce93a9 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -148,7 +148,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Now you can see all the servers that are up to 2 nodes away, and the routes  to get to them.
+            Now you can see all the servers that are up to 2 nodes away, and the routes to get to them.
             <br />
             <br />
             You can connect to any machine that is 1 node away using
@@ -564,8 +564,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Each location in a city has something that you can do. There's a lot of content out in the world, 
-            so make sure you explore and discover!
+            Each location in a city has something that you can do. There's a lot of content out in the world, so make
+            sure you explore and discover!
             <br />
             <br />
             Lastly, go to{" "}
@@ -606,24 +606,26 @@ export async function main(ns) {
           If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
           Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
           <br />
-          <br />          
+          <br />
           <Typography color={Settings.theme.warning}>
             Note: The documentation at readthedocs is outdated and unmaintained. Do not use it!
           </Typography>
           <br />
+          While the documentation is the first place to get help, if you can't find an answer then please{" "}
+          <Link
+            href="https://discord.com/channels/415207508303544321/415207508303544323"
+            underline="always"
+            target="_blank"
+            color={Settings.theme.info}
+          >
+            ask us on Discord
+          </Link>
+          .
           <br />
-            While the documentation is the first place to get help, if you can't find an answer then please{" "}
-            <Link
-              href="https://discord.com/channels/415207508303544321/415207508303544323"
-              underline="always"
-              target="_blank"
-              color={Settings.theme.info}
-            >
-              ask us on Discord
-            </Link>
-           .
           <br />
-          <TerminalText><br /></TerminalText>
+          <TerminalText>
+            <br />
+          </TerminalText>
           <br />
           <br />
           That's the end of the tutorial. We hope you enjoy the game!

From 49f4f34e3a2c1ca6f723f116bb86c29829d592ed Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 16:50:20 +0100
Subject: [PATCH 29/82] .

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 314bce93a9..55dd6462ed 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -623,12 +623,7 @@ export async function main(ns) {
           .
           <br />
           <br />
-          <TerminalText>
-            <br />
-          </TerminalText>
-          <br />
-          <br />
-          That's the end of the tutorial. We hope you enjoy the game!
+          And that's the end of the tutorial. I hope you enjoy the game!
         </Typography>
       ),
       canNext: true,

From 76d7c91f1ee0f6102bdfc70166a90341dc792f09 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 17:31:56 +0100
Subject: [PATCH 30/82] reverting nonsense

---
 src/Programs/Programs.ts       | 46 +++++++++++++++++-----------------
 src/Sidebar/ui/SidebarRoot.tsx |  6 +----
 src/Terminal/commands/grow.ts  |  4 +--
 src/ui/MD/code.tsx             | 12 +++------
 src/ui/React/CopyableText.tsx  |  3 +--
 5 files changed, 31 insertions(+), 40 deletions(-)

diff --git a/src/Programs/Programs.ts b/src/Programs/Programs.ts
index 9dd4fb46d7..495428a354 100644
--- a/src/Programs/Programs.ts
+++ b/src/Programs/Programs.ts
@@ -50,7 +50,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     nsMethod: "nuke",
     create: {
       level: 1,
-      tooltip: "This virus is used to gain root access to a machine if enough ports are opened",
+      tooltip: "This virus is used to gain root access to a machine if enough ports are opened.",
       req: requireHackingLevel(1),
       time: CONSTANTS.MillisecondsPerFiveMinutes,
     },
@@ -62,13 +62,13 @@ export const Programs: Record<CompletedProgramName, Program> = {
       }
       if (server.hasAdminRights) {
         Terminal.print("You already have root access to this computer. There is no reason to run NUKE.exe");
-        Terminal.print("You can run scripts on this server");
+        Terminal.print("You can now run scripts on this server.");
         return;
       }
       if (server.openPortCount >= server.numOpenPortsRequired) {
         server.hasAdminRights = true;
         Terminal.print("NUKE successful! Gained root access to " + server.hostname);
-        Terminal.print("You can now run scripts on this server");
+        Terminal.print("You can now run scripts on this server.");
         return;
       }
 
@@ -87,7 +87,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.bruteSsh, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run BruteSSH.exe on this kind of server");
+        Terminal.error("Cannot run BruteSSH.exe on this kind of server.");
         return;
       }
       if (server.sshPortOpen) {
@@ -95,7 +95,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
       }
 
       server.sshPortOpen = true;
@@ -115,7 +115,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.ftpCrack, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run FTPCrack.exe on this kind of server");
+        Terminal.error("Cannot run FTPCrack.exe on this kind of server.");
         return;
       }
       if (server.ftpPortOpen) {
@@ -123,7 +123,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
       }
 
       server.ftpPortOpen = true;
@@ -143,7 +143,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.relaySmtp, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run relaySMTP.exe on this kind of server");
+        Terminal.error("Cannot run relaySMTP.exe on this kind of server.");
         return;
       }
       if (server.smtpPortOpen) {
@@ -151,7 +151,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
       }
 
       server.smtpPortOpen = true;
@@ -171,7 +171,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.httpWorm, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run HTTPWorm.exe on this kind of server");
+        Terminal.error("Cannot run HTTPWorm.exe on this kind of server.");
         return;
       }
       if (server.httpPortOpen) {
@@ -179,7 +179,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
       }
 
       server.httpPortOpen = true;
@@ -199,7 +199,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
     run: (args: string[], server: BaseServer): void => {
       warnIfNonArgProgramIsRunWithArgs(CompletedProgramName.sqlInject, args);
       if (!(server instanceof Server)) {
-        Terminal.error("Cannot run SQLInject.exe on this kind of server");
+        Terminal.error("Cannot run SQLInject.exe on this kind of server.");
         return;
       }
       if (server.sqlPortOpen) {
@@ -207,7 +207,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
         return;
       }
       if (server.purchasedByPlayer) {
-        Terminal.print("Opening ports on your own machines has no negative consequences in the game");
+        Terminal.print("Opening ports on your own machines has no negative consequences in the game.");
       }
 
       server.sqlPortOpen = true;
@@ -224,8 +224,8 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPerQuarterHour,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run");
-      Terminal.print("DeepscanV1.exe lets you run 'scan-analyze' with a depth up to 5");
+      Terminal.print("This executable cannot be run.");
+      Terminal.print("DeepscanV1.exe lets you run 'scan-analyze' with a depth up to 5.");
     },
   }),
   [CompletedProgramName.deepScan2]: new Program({
@@ -237,8 +237,8 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPer2Hours,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run");
-      Terminal.print("DeepscanV2.exe lets you run 'scan-analyze' with a depth up to 10");
+      Terminal.print("This executable cannot be run.");
+      Terminal.print("DeepscanV2.exe lets you run 'scan-analyze' with a depth up to 10.");
     },
   }),
   [CompletedProgramName.serverProfiler]: new Program({
@@ -263,7 +263,7 @@ export const Programs: Record<CompletedProgramName, Program> = {
       }
 
       if (!(targetServer instanceof Server)) {
-        Terminal.error(`ServerProfiler.exe can only be run on normal servers`);
+        Terminal.error(`ServerProfiler.exe can only be run on normal servers.`);
         return;
       }
 
@@ -300,9 +300,9 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPerQuarterHour,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run");
-      Terminal.print("AutoLink.exe lets you automatically connect to other servers when using 'scan-analyze'");
-      Terminal.print("When using scan-analyze, click on a server's hostname to connect to it");
+      Terminal.print("This executable cannot be run.");
+      Terminal.print("AutoLink.exe lets you automatically connect to other servers when using 'scan-analyze'.");
+      Terminal.print("When using scan-analyze, click on a server's hostname to connect to it.");
     },
   }),
   [CompletedProgramName.formulas]: new Program({
@@ -314,8 +314,8 @@ export const Programs: Record<CompletedProgramName, Program> = {
       time: CONSTANTS.MillisecondsPer4Hours,
     },
     run: (): void => {
-      Terminal.print("This executable cannot be run");
-      Terminal.print("Formulas.exe lets you use the formulas API");
+      Terminal.print("This executable cannot be run.");
+      Terminal.print("Formulas.exe lets you use the formulas API.");
     },
   }),
   [CompletedProgramName.bitFlume]: new Program({
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 90ba90d205..ac9b2462f4 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -120,11 +120,7 @@ const useStyles = makeStyles()((theme: Theme) => ({
     borderLeft: "3px solid " + theme.palette.primary.main,
   },
   listitem: {},
-  // To explain why I did this daft shit: Lots of elements here are setting their colour using color="error" or similar.
-  // The problem is that Typography's default colour options are not the same as with other elements. In particular, it's missing
-  // "info". Do <Typography color="info> and it turns the text black. So unlike everything else, it needs the theme colours
-  // passed to it. Ideally everything should consume useTheme() and be on the same scheme, but that's a refactor that I don't
-  // have the skill to execute.
+  // the following are for Typography, as color="info" isn't available on Typography elements
   themeColorPrimary: { color: theme.palette.primary.main },
   themeColorSecondary: { color: theme.palette.secondary.main },
   themeColorInfo: { color: theme.palette.info.main },
diff --git a/src/Terminal/commands/grow.ts b/src/Terminal/commands/grow.ts
index 3caf16d373..c1fe14cb47 100644
--- a/src/Terminal/commands/grow.ts
+++ b/src/Terminal/commands/grow.ts
@@ -17,7 +17,7 @@ export function grow(args: (string | number | boolean)[], server: BaseServer): u
   if (server.requiredHackingSkill === undefined) return Terminal.error("Cannot grow this server.");
 
   if (server instanceof HacknetServer) {
-    Terminal.error("Cannot grow this kind of server.");
+    Terminal.error("Cannot grow this kind of server");
     return;
   }
   if (!(server instanceof Server)) throw new Error("server should be normal server");
@@ -32,7 +32,7 @@ export function grow(args: (string | number | boolean)[], server: BaseServer): u
     Terminal.print(
       `Available money on '${server.hostname}' grown by ${formatPercent(growth - 1, 6)} to ${formatMoney(
         newMoney,
-      )}. Gained ${formatExp(expGain)} hacking exp`,
+      )}. Gained ${formatExp(expGain)} hacking exp.`,
     );
     Terminal.print(
       `Security increased on '${server.hostname}' from ${formatSecurity(oldSec)} to ${formatSecurity(newSec)}`,
diff --git a/src/ui/MD/code.tsx b/src/ui/MD/code.tsx
index f78cc7bf60..93aa640c0d 100644
--- a/src/ui/MD/code.tsx
+++ b/src/ui/MD/code.tsx
@@ -6,7 +6,7 @@ import { CodeProps } from "react-markdown/lib/ast-to-react";
 import { Typography } from "@mui/material";
 import { makeStyles } from "tss-react/mui";
 
-export const useStyles = makeStyles()((theme: Theme) => ({
+const useStyles = makeStyles()((theme: Theme) => ({
   pre: {
     borderRadius: "6px",
   },
@@ -36,11 +36,7 @@ const InlineCode = (props: React.PropsWithChildren<CodeProps>): React.ReactEleme
   </Typography>
 );
 
-type CodeBlockProps = {
-  children: string;
-};
-
-const BigCode = ({ children }: CodeBlockProps): React.ReactElement => (
+const BigCode = (props: React.PropsWithChildren<CodeProps>): React.ReactElement => (
   <SyntaxHighlighter
     language="javascript"
     style={theme}
@@ -49,9 +45,9 @@ const BigCode = ({ children }: CodeBlockProps): React.ReactElement => (
       borderRadius: "6px",
     }}
   >
-    {children}
+    {String(props.children)}
   </SyntaxHighlighter>
 );
 
 export const code = (props: React.PropsWithChildren<CodeProps>): React.ReactElement =>
-  props.inline ? <InlineCode {...props} /> : <BigCode>{String(props.children)}</BigCode>;
+  props.inline ? <InlineCode {...props} /> : <BigCode {...props} />;
diff --git a/src/ui/React/CopyableText.tsx b/src/ui/React/CopyableText.tsx
index eec89391fa..ee583d46fa 100644
--- a/src/ui/React/CopyableText.tsx
+++ b/src/ui/React/CopyableText.tsx
@@ -5,7 +5,6 @@ import Tooltip from "@mui/material/Tooltip";
 interface IProps {
   value: string;
   color?: string;
-  className?: string;
   variant?:
     | "button"
     | "caption"
@@ -41,7 +40,7 @@ export function CopyableText(props: IProps): React.ReactElement {
 
   return (
     <Tooltip open={open} title={<Typography>Copied!</Typography>}>
-      <Typography variant={props.variant} color={props.color} onClick={copy} className={props.className}>
+      <Typography variant={props.variant} color={props.color} onClick={copy}>
         {props.value}
       </Typography>
     </Tooltip>

From d4224c567eb30a3e51017835f15d991db1aced99 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 17:44:08 +0100
Subject: [PATCH 31/82] deleted comments

---
 src/InteractiveTutorial.ts | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 9e8082127c..e8f2a102b5 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -1,13 +1,3 @@
-//// Still to do:
-// Somewhere ??? the text that says 'Processes cannot be killed during the tutorial' ... when you clearly can!
-// Full stops
-// Theming
-// CL's other points
-/* This should be a tip in the documentation UI -- not in the tutorial
-          If you want to open one of the Documentaion page links in a new tab, click it while holding Ctrl (Control on a
-          Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
-          */
-
 import { Player } from "@player";
 import { LiteratureName } from "@enums";
 import { ITutorialEvents } from "./ui/InteractiveTutorial/ITutorialEvents";

From a26b4499d0cf735180d68f985fe85ea95e41f738 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 18:41:28 +0100
Subject: [PATCH 32/82] cleaner

---
 .../InteractiveTutorialRoot.tsx                  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 55dd6462ed..bc806574ba 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -155,7 +155,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
           </Typography>
-          <TerminalText>{"[home /]> connect hostname"}</TerminalText>
+          <TerminalText>{"[home /]> connect"}</TerminalText>
           <Typography>
             <br />
             Let's connect to n00dles.
@@ -201,7 +201,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
             If you check the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0. So
-            you're good to run the virus! Just enter
+            you're good to run the virus. Just enter
             <br />
             <br />
           </Typography>
@@ -217,7 +217,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             Now you've got root access, you can hack the server! Try entering
             <br />
             <br />
-          </Typography>
+          </Typography>d
           <TerminalText>{"[n00dles /]> hack"}</TerminalText>
         </>
       ),
@@ -324,7 +324,7 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            One benefit of using scripts to hack is that they don't need to be connected to the server they're hacking.
+            One benefit of using scripts to hack is that you don't need to be connected to the server they're hacking.
             Scripts can target any server on the network.
             <br />
             <br />
@@ -377,7 +377,7 @@ export async function main(ns) {
         <>
           <Typography>
             Your script is now running! Scripts run in the background until their code completes (though if they have an
-            infinite loop, like {tutorialScriptName} does, it never will).
+            continuous loop, like {tutorialScriptName} does, they'll run indefinitely).
             <br />
             <br />
             Scripts will passively earn you income and hacking experience. They even earn money and exp while you're
@@ -496,12 +496,12 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we've gained some money and exp, let's look at the Stats tab. Click{" "}
+            Now we've gained some money and exp, let's look at the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
               <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
             </Box>{" "}
-            at the left-hand side of the screen.
+            tab
           </Typography>
         </>
       ),
@@ -623,7 +623,7 @@ export async function main(ns) {
           .
           <br />
           <br />
-          And that's the end of the tutorial. I hope you enjoy the game!
+          And that concludes the tutorial. I hope you enjoy the game!
         </Typography>
       ),
       canNext: true,

From fc0e4353811be297b2e1cf72e20228f0db77f087 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 21:17:09 +0100
Subject: [PATCH 33/82] tiny

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index bc806574ba..e5d5df20dd 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -200,8 +200,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             enough ports are open.
             <br />
             <br />
-            If you check the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0. So
-            you're good to run the virus. Just enter
+            If you check the diagnostics again, you'll see that n00dles' "Required number of open ports for NUKE" is 0.
+            So you're good to run the virus. Just enter
             <br />
             <br />
           </Typography>
@@ -217,7 +217,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             Now you've got root access, you can hack the server! Try entering
             <br />
             <br />
-          </Typography>d
+          </Typography>
           <TerminalText>{"[n00dles /]> hack"}</TerminalText>
         </>
       ),
@@ -376,7 +376,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Your script is now running! Scripts run in the background until their code completes (though if they have an
+            Your script is now running! Scripts run in the background until their code completes (if they have an
             continuous loop, like {tutorialScriptName} does, they'll run indefinitely).
             <br />
             <br />

From 65a6bd21bd28d50d5963e760cbcd9968223b78c1 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Thu, 27 Aug 2026 21:46:56 +0100
Subject: [PATCH 34/82] uiop

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index e5d5df20dd..8e1a4455b9 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -179,7 +179,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             hacking skill of 1.
             <br />
             <br />
-            But there's something else we need to check. Let's run some diagnostics using
+            But there's something else we need to do before we start hacking. To see what, let's run some diagnostics
+            using
             <br />
             <br />
           </Typography>

From 54e1d46040dd9fa5c348a4ceefa6a652c131d8fc Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 28 Aug 2026 01:17:22 +0100
Subject: [PATCH 35/82] just learned how themes work

---
 .../InteractiveTutorialRoot.tsx               | 46 +++++++++----------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 8e1a4455b9..67ea024172 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -33,7 +33,6 @@ interface IContent {
 export const tutorialScriptName = `hacking.js`;
 
 export function InteractiveTutorialRoot(): React.ReactElement {
-  const theme = useTheme();
   const TerminalText = styled(Typography)(({ theme }) => ({
     borderBottom: `1px solid ${theme.palette.primary.main}`,
   }));
@@ -56,8 +55,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             You can also exit the tutorial at any time. If you ever want to review it, go to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <SettingsIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.primary.main }}>Options</Typography>
+              <SettingsIcon sx={{ color: "primary.main", mr: 0.8 }} />
+              <Typography sx={{ color: "primary.main" }}>Options</Typography>
             </Box>{" "}
             tab and select Repeat Tutorial.
           </Typography>
@@ -71,16 +70,16 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <Typography>
             We're currently on the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.primary.main }}>Terminal</Typography>
+              <LastPageIcon sx={{ color: "primary.main", mr: 0.8 }} />
+              <Typography sx={{ color: "primary.main" }}>Terminal</Typography>
             </Box>{" "}
             tab.
             <br />
             <br />
             You can use the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.primary.main }}>Terminal</Typography>
+              <LastPageIcon sx={{ color: "primary.main", mr: 0.8 }} />
+              <Typography sx={{ color: "primary.main" }}>Terminal</Typography>
             </Box>{" "}
             to interface with your home computer, and with other machines around the world.
           </Typography>
@@ -179,7 +178,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             hacking skill of 1.
             <br />
             <br />
-            But there's something else we need to do before we start hacking. To see what, let's run some diagnostics
+            But there's something else we need before we can start hacking. To see what, let's run some diagnostics
             using
             <br />
             <br />
@@ -308,7 +307,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Below is a script that hacks n00dles on a continuous loop. Copy and paste it into the editor.
+            Below is a script that hacks n00dles on a continuous loop. Click it to copy it, then paste it into the
+            editor.
           </Typography>
           <br />
           <Typography component="div" sx={{ whiteSpace: "pre", backgroundColor: "background.paper" }}>
@@ -387,8 +387,8 @@ export async function main(ns) {
             <br />
             Let's check how our running scripts are doing by clicking{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <StorageIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.info.main }}>Active Scripts</Typography>
+              <StorageIcon sx={{ color: "info.main", mr: 0.8 }} />
+              <Typography sx={{ color: "info.main" }}>Active Scripts</Typography>
             </Box>
           </Typography>
         </>
@@ -411,8 +411,8 @@ export async function main(ns) {
             <br />
             When you're ready, let's go back to the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LastPageIcon sx={{ color: theme.palette.info.main }} />
-              <Typography sx={{ color: theme.palette.info.main }}>Terminal</Typography>
+              <LastPageIcon sx={{ color: "info.main" }} />
+              <Typography sx={{ color: "info.main" }}>Terminal</Typography>
             </Box>
           </Typography>
         </>
@@ -499,8 +499,8 @@ export async function main(ns) {
           <Typography>
             Now we've gained some money and exp, let's look at the{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.info.main }}>Stats</Typography>
+              <EqualizerIcon sx={{ color: "info.main", mr: 0.8 }} />
+              <Typography sx={{ color: "info.main" }}>Stats</Typography>
             </Box>{" "}
             tab
           </Typography>
@@ -513,8 +513,8 @@ export async function main(ns) {
         <>
           <Typography>
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <EqualizerIcon sx={{ color: theme.palette.primary.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.primary.main }}>Stats</Typography>
+              <EqualizerIcon sx={{ color: "primary.main", mr: 0.8 }} />
+              <Typography sx={{ color: "primary.main" }}>Stats</Typography>
             </Box>{" "}
             shows information about your skills, money, and bonuses.
           </Typography>
@@ -528,8 +528,8 @@ export async function main(ns) {
           <Typography>
             Hacking isn't the only way to earn money. One other way to is to purchase Hacknet Nodes. Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <AccountTreeIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.info.main }}>Hacknet</Typography>
+              <AccountTreeIcon sx={{ color: "info.main", mr: 0.8 }} />
+              <Typography sx={{ color: "info.main" }}>Hacknet</Typography>
             </Box>{" "}
           </Typography>
         </>
@@ -553,8 +553,8 @@ export async function main(ns) {
             <br />
             Let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <LocationCityIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.info.main }}>City</Typography>
+              <LocationCityIcon sx={{ color: "info.main", mr: 0.8 }} />
+              <Typography sx={{ color: "info.main" }}>City</Typography>
             </Box>{" "}
           </Typography>
         </>
@@ -571,8 +571,8 @@ export async function main(ns) {
             <br />
             Lastly, go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <HelpIcon sx={{ color: theme.palette.info.main, mr: 0.8 }} />
-              <Typography sx={{ color: theme.palette.info.main }}>Documentation</Typography>
+              <HelpIcon sx={{ color: "info.main", mr: 0.8 }} />
+              <Typography sx={{ color: "info.main" }}>Documentation</Typography>
             </Box>{" "}
           </Typography>
         </>

From 03e63db422b8ca8217983e5726dbe9e56b9053e4 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 28 Aug 2026 10:21:47 +0100
Subject: [PATCH 36/82] REMOVED HACKNET

---
 src/Hacknet/HacknetHelpers.tsx                | 11 ----
 src/Hacknet/ui/GeneralInfo.tsx                | 32 +++++-----
 src/InteractiveTutorial.ts                    | 10 +--
 src/Sidebar/ui/SidebarRoot.tsx                | 10 +--
 .../InteractiveTutorialRoot.tsx               | 61 +++----------------
 5 files changed, 32 insertions(+), 92 deletions(-)

diff --git a/src/Hacknet/HacknetHelpers.tsx b/src/Hacknet/HacknetHelpers.tsx
index 439d03ce8b..e599fe2b18 100644
--- a/src/Hacknet/HacknetHelpers.tsx
+++ b/src/Hacknet/HacknetHelpers.tsx
@@ -17,7 +17,6 @@ import { HashManager } from "./HashManager";
 import { HashUpgrades } from "./HashUpgrades";
 
 import { generateRandomContract } from "../CodingContract/ContractGenerator";
-import { iTutorialSteps, iTutorialNextStep, ITutorial } from "../InteractiveTutorial";
 import { Player } from "@player";
 import { GetServer } from "../Server/AllServers";
 import { Server } from "../Server/Server";
@@ -36,16 +35,6 @@ export function hasHacknetServers(): boolean {
 }
 
 export function purchaseHacknet(): number {
-  /* INTERACTIVE TUTORIAL */
-  if (ITutorial.isRunning) {
-    if (ITutorial.currStep === iTutorialSteps.HacknetNodesIntroduction) {
-      iTutorialNextStep();
-    } else {
-      return -1;
-    }
-  }
-  /* END INTERACTIVE TUTORIAL */
-
   const numOwned = Player.hacknetNodes.length;
   if (hasHacknetServers()) {
     const cost = getCostOfNextHacknetServer();
diff --git a/src/Hacknet/ui/GeneralInfo.tsx b/src/Hacknet/ui/GeneralInfo.tsx
index 5e2fe73b3e..86a7a03b77 100644
--- a/src/Hacknet/ui/GeneralInfo.tsx
+++ b/src/Hacknet/ui/GeneralInfo.tsx
@@ -14,36 +14,32 @@ export function GeneralInfo(props: IProps): React.ReactElement {
   return (
     <>
       <Typography>
-        The Hacknet is a global, decentralized network of machines. It is used by hackers all around the world to
-        anonymously share computing power and perform distributed cyberattacks without the fear of being traced.
+        The Hacknet is a global, decentralized network of machines. It is used by hackers around the world to perform
+        cyber attacks without the fear of being traced. Hackers who use the network distribute a small percentage of
+        their profits to it. The machines that the Hacknet runs on are called Hacknet Nodes, specialised rigs that can
+        share computing power anonymously.
       </Typography>
       <br />
       {!props.hasHacknetServers ? (
         <>
+          <Typography>You can purchase Hacknet Nodes to passively earn money.</Typography>
+          <br />
           <Typography>
-            {`Here, you can purchase a Hacknet Node, a specialized machine that can connect ` +
-              `and contribute its resources to the Hacknet network. This allows you to take ` +
-              `a small percentage of profits from hacks performed on the network. Essentially, ` +
-              `you are renting out your Node's computing power.`}
-          </Typography>
-          <Typography>
-            {`Each Hacknet Node you purchase will passively earn you money. Each Hacknet Node ` +
-              `can be upgraded in order to increase its computing power and thereby increase ` +
-              `the profit you earn from it.`}
+            Each Node can be upgraded to increase its computing power and the profit you make from it.
           </Typography>
         </>
       ) : (
         <>
           <Typography>
-            {`Here, you can purchase a Hacknet Server, an upgraded version of the Hacknet Node. ` +
-              `Hacknet Servers will perform computations and operations on the network, earning ` +
-              `you hashes. Hashes can be spent on a variety of different upgrades.`}
+            Here you can purchase a Hacknet Server, an upgraded version of the Hacknet Node. Hacknet Servers will
+            perform computations and operations on the network, earning you hashes. Hashes can be spent on a variety of
+            different upgrades.
           </Typography>
+          <br />
           <Typography>
-            {`Hacknet Servers can also be used as servers to run scripts. However, running scripts ` +
-              `on a server will reduce its hash rate (hashes generated per second). A Hacknet Server's hash ` +
-              `rate will be reduced by the percentage of RAM that is being used by that Server to run ` +
-              `scripts.`}
+            Hacknet Servers can also be used as servers to run scripts. However, running scripts on a server will reduce
+            its hash rate (hashes generated per second). A Hacknet Server's hash rate will be reduced by the percentage
+            of RAM that is being used by that Server to run scripts.
           </Typography>
         </>
       )}
diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index e8f2a102b5..f69f7a6f3f 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -7,7 +7,6 @@ enum iTutorialSteps {
   Start,
 
   // Hacking
-  TerminalIntro, // Introduction to Terminal
   TerminalScan, // Using 'scan' Terminal command
   TerminalScanAnalyze1, // Using 'scan-analyze' Terminal command
   TerminalScanAnalyze2, // Using 'scan-analyze 3' Terminal command
@@ -34,9 +33,7 @@ enum iTutorialSteps {
   CharacterPage, // Introduction to 'Stats' page
 
   // Finishing off
-  GoToHacknetNodesPage,
-  HacknetNodesIntroduction,
-  HacknetNodesGoToWorldPage,
+  CharacterGoToWorldPage,
   WorldDescription,
   DocumentationPageInfo,
   End,
@@ -51,7 +48,6 @@ const ITutorial = {
     [iTutorialSteps.Start]: false,
     [iTutorialSteps.GoToCharacterPage]: false,
     [iTutorialSteps.CharacterPage]: false,
-    [iTutorialSteps.TerminalIntro]: false,
     [iTutorialSteps.TerminalHelp]: false,
     [iTutorialSteps.TerminalLs]: false,
     [iTutorialSteps.TerminalScan]: false,
@@ -72,9 +68,7 @@ const ITutorial = {
     [iTutorialSteps.ActiveScriptsToTerminal]: false,
     [iTutorialSteps.TerminalTailScript]: false,
     [iTutorialSteps.TerminalScp]: false,
-    [iTutorialSteps.GoToHacknetNodesPage]: false,
-    [iTutorialSteps.HacknetNodesIntroduction]: false,
-    [iTutorialSteps.HacknetNodesGoToWorldPage]: false,
+    [iTutorialSteps.CharacterGoToWorldPage]: false,
     [iTutorialSteps.WorldDescription]: false,
     [iTutorialSteps.DocumentationPageInfo]: false,
     [iTutorialSteps.End]: false,
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index ac9b2462f4..5331b43af9 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -138,13 +138,15 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
     case iTutorialSteps.TerminalGoToActiveScriptsPage:
       flash = Page.ActiveScripts;
       break;
+    case iTutorialSteps.TerminalEditScript:
+      if (props.page !== Page.ScriptEditor) {
+        flash = Page.ScriptEditor;
+      }
+      break;
     case iTutorialSteps.GoToCharacterPage:
       flash = Page.Stats;
       break;
-    case iTutorialSteps.GoToHacknetNodesPage:
-      flash = Page.Hacknet;
-      break;
-    case iTutorialSteps.HacknetNodesGoToWorldPage:
+    case iTutorialSteps.CharacterGoToWorldPage:
       flash = Page.City;
       break;
     case iTutorialSteps.WorldDescription:
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 67ea024172..ff7fef1ed2 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -8,10 +8,9 @@ import EqualizerIcon from "@mui/icons-material/Equalizer";
 import SettingsIcon from "@mui/icons-material/Settings";
 import LastPageIcon from "@mui/icons-material/LastPage";
 import HelpIcon from "@mui/icons-material/Help";
-import AccountTreeIcon from "@mui/icons-material/AccountTree";
 import StorageIcon from "@mui/icons-material/Storage";
 import LocationCityIcon from "@mui/icons-material/LocationCity";
-import { useTheme, styled } from "@mui/material/styles";
+import { styled } from "@mui/material/styles";
 
 import {
   iTutorialPrevStep,
@@ -64,7 +63,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: true,
     },
-    [iTutorialSteps.TerminalIntro as number]: {
+    [iTutorialSteps.TerminalScan as number]: {
       content: (
         <>
           <Typography>
@@ -82,15 +81,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
               <Typography sx={{ color: "primary.main" }}>Terminal</Typography>
             </Box>{" "}
             to interface with your home computer, and with other machines around the world.
-          </Typography>
-        </>
-      ),
-      canNext: true,
-    },
-    [iTutorialSteps.TerminalScan as number]: {
-      content: (
-        <>
-          <Typography>
+            <br />
+            <br />
             Let's try that out. Start by entering
             <br />
             <br />
@@ -108,14 +100,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            Running
-            <br />
-            <br />
-          </Typography>
-          <TerminalText>{"[home /]> scan"}</TerminalText>
-          <Typography>
-            <br />
-            shows you every server you can connect to from your current machine.
+            That's shown you every server you can connect to from your current machine.
             <br />
             <br />
             The network's much bigger than that though! To start exploring it, enter
@@ -178,8 +163,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             hacking skill of 1.
             <br />
             <br />
-            But there's something else we need before we can start hacking. To see what, let's run some diagnostics
-            using
+            But there's something else we need too. To see what, let's run some diagnostics using
             <br />
             <br />
           </Typography>
@@ -227,8 +211,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack the server. If your hack is successful, you'll steal a percentage of the
-            server's available money.
+            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of the server's
+            available money.
             <br />
             <br />
             Nearly all aspects of hacking (including time taken, success chance and percentage stolen) are affected by
@@ -522,36 +506,11 @@ export async function main(ns) {
       ),
       canNext: true,
     },
-    [iTutorialSteps.GoToHacknetNodesPage as number]: {
+    [iTutorialSteps.CharacterGoToWorldPage as number]: {
       content: (
         <>
           <Typography>
-            Hacking isn't the only way to earn money. One other way to is to purchase Hacknet Nodes. Let's go to{" "}
-            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
-              <AccountTreeIcon sx={{ color: "info.main", mr: 0.8 }} />
-              <Typography sx={{ color: "info.main" }}>Hacknet</Typography>
-            </Box>{" "}
-          </Typography>
-        </>
-      ),
-      canNext: false,
-    },
-    [iTutorialSteps.HacknetNodesIntroduction as number]: {
-      content: (
-        <Typography>
-          Here you can purchase new Hacknet Nodes and upgrade your existing ones. Let's purchase one.
-        </Typography>
-      ),
-      canNext: true,
-    },
-    [iTutorialSteps.HacknetNodesGoToWorldPage as number]: {
-      content: (
-        <>
-          <Typography>
-            Hacknet Nodes passively earn you money over time, even when you're offline.
-            <br />
-            <br />
-            Let's go to{" "}
+            Next, let's go to{" "}
             <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
               <LocationCityIcon sx={{ color: "info.main", mr: 0.8 }} />
               <Typography sx={{ color: "info.main" }}>City</Typography>

From 1907a8962ceb3d5bddea0025bd26b0fde8cfa98b Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 28 Aug 2026 14:01:02 +0100
Subject: [PATCH 37/82] moved hacknet info rewrite to a separate branch

---
 src/Hacknet/ui/GeneralInfo.tsx | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/Hacknet/ui/GeneralInfo.tsx b/src/Hacknet/ui/GeneralInfo.tsx
index 86a7a03b77..5e2fe73b3e 100644
--- a/src/Hacknet/ui/GeneralInfo.tsx
+++ b/src/Hacknet/ui/GeneralInfo.tsx
@@ -14,32 +14,36 @@ export function GeneralInfo(props: IProps): React.ReactElement {
   return (
     <>
       <Typography>
-        The Hacknet is a global, decentralized network of machines. It is used by hackers around the world to perform
-        cyber attacks without the fear of being traced. Hackers who use the network distribute a small percentage of
-        their profits to it. The machines that the Hacknet runs on are called Hacknet Nodes, specialised rigs that can
-        share computing power anonymously.
+        The Hacknet is a global, decentralized network of machines. It is used by hackers all around the world to
+        anonymously share computing power and perform distributed cyberattacks without the fear of being traced.
       </Typography>
       <br />
       {!props.hasHacknetServers ? (
         <>
-          <Typography>You can purchase Hacknet Nodes to passively earn money.</Typography>
-          <br />
           <Typography>
-            Each Node can be upgraded to increase its computing power and the profit you make from it.
+            {`Here, you can purchase a Hacknet Node, a specialized machine that can connect ` +
+              `and contribute its resources to the Hacknet network. This allows you to take ` +
+              `a small percentage of profits from hacks performed on the network. Essentially, ` +
+              `you are renting out your Node's computing power.`}
+          </Typography>
+          <Typography>
+            {`Each Hacknet Node you purchase will passively earn you money. Each Hacknet Node ` +
+              `can be upgraded in order to increase its computing power and thereby increase ` +
+              `the profit you earn from it.`}
           </Typography>
         </>
       ) : (
         <>
           <Typography>
-            Here you can purchase a Hacknet Server, an upgraded version of the Hacknet Node. Hacknet Servers will
-            perform computations and operations on the network, earning you hashes. Hashes can be spent on a variety of
-            different upgrades.
+            {`Here, you can purchase a Hacknet Server, an upgraded version of the Hacknet Node. ` +
+              `Hacknet Servers will perform computations and operations on the network, earning ` +
+              `you hashes. Hashes can be spent on a variety of different upgrades.`}
           </Typography>
-          <br />
           <Typography>
-            Hacknet Servers can also be used as servers to run scripts. However, running scripts on a server will reduce
-            its hash rate (hashes generated per second). A Hacknet Server's hash rate will be reduced by the percentage
-            of RAM that is being used by that Server to run scripts.
+            {`Hacknet Servers can also be used as servers to run scripts. However, running scripts ` +
+              `on a server will reduce its hash rate (hashes generated per second). A Hacknet Server's hash ` +
+              `rate will be reduced by the percentage of RAM that is being used by that Server to run ` +
+              `scripts.`}
           </Typography>
         </>
       )}

From 7b2750e38955380ddb64c48869e802b33a7ecd58 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 1 Sep 2026 22:34:19 +0100
Subject: [PATCH 38/82] 3rd draft

---
 src/InteractiveTutorial.ts                    |  4 +-
 src/Sidebar/ui/SidebarRoot.tsx                | 12 +++-
 .../InteractiveTutorialRoot.tsx               | 56 ++++++++++++-------
 3 files changed, 47 insertions(+), 25 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index f69f7a6f3f..7014b2081f 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -33,7 +33,7 @@ enum iTutorialSteps {
   CharacterPage, // Introduction to 'Stats' page
 
   // Finishing off
-  CharacterGoToWorldPage,
+  GoToWorldPage,
   WorldDescription,
   DocumentationPageInfo,
   End,
@@ -68,7 +68,7 @@ const ITutorial = {
     [iTutorialSteps.ActiveScriptsToTerminal]: false,
     [iTutorialSteps.TerminalTailScript]: false,
     [iTutorialSteps.TerminalScp]: false,
-    [iTutorialSteps.CharacterGoToWorldPage]: false,
+    [iTutorialSteps.GoToWorldPage]: false,
     [iTutorialSteps.WorldDescription]: false,
     [iTutorialSteps.DocumentationPageInfo]: false,
     [iTutorialSteps.End]: false,
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 5331b43af9..c6fb14f1af 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -131,12 +131,15 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
   useCycleRerender();
 
   let flash: Page | null = null;
+  let shouldIncrementTutorial = false;
   switch (ITutorial.currStep) {
     case iTutorialSteps.ActiveScriptsPage:
       flash = Page.Terminal;
+      shouldIncrementTutorial = true;
       break;
     case iTutorialSteps.TerminalGoToActiveScriptsPage:
       flash = Page.ActiveScripts;
+      shouldIncrementTutorial = true;
       break;
     case iTutorialSteps.TerminalEditScript:
       if (props.page !== Page.ScriptEditor) {
@@ -145,12 +148,15 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       break;
     case iTutorialSteps.GoToCharacterPage:
       flash = Page.Stats;
+      shouldIncrementTutorial = true;
       break;
-    case iTutorialSteps.CharacterGoToWorldPage:
+    case iTutorialSteps.GoToWorldPage:
       flash = Page.City;
+      shouldIncrementTutorial = true;
       break;
     case iTutorialSteps.WorldDescription:
       flash = Page.Documentation;
+      shouldIncrementTutorial = true;
       break;
   }
 
@@ -199,11 +205,11 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       } else {
         throw new Error("Can't handle click on Page " + page);
       }
-      if (flash === page) {
+      if (flash === page && shouldIncrementTutorial) {
         iTutorialNextStep();
       }
     },
-    [flash],
+    [flash, shouldIncrementTutorial],
   );
 
   /**
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index ff7fef1ed2..259f3a4bec 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -46,9 +46,12 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             future... The year is 2077...
             <br />
             <br />
-            This tutorial will show you the basics of the game.
-            <br />
-            <br />
+            This tutorial will show you the basics of the game. We'll look at:
+            <ul>
+              <li>the network</li>
+              <li>hacking</li>
+              <li>scripts</li>
+            </ul>
             If you need to hide the tutorial panel temporarily, you can collapse it.
             <br />
             <br />
@@ -176,8 +179,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            If you have a look, you can see the server's "Root Access" status. You must gain root access before you can
-            hack a server.
+            If you have a look, you can see the server's "Root Access" status is NO. You must gain root access before
+            you can hack a server.
             <br />
             <br />
             Handily, you've built a virus called NUKE.exe. NUKE.exe will grant you root access to any machine as long as
@@ -219,8 +222,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             your hacking skill, and by the server's security level.
             <br />
             <br />
-            When you hack a server, you deplete the money it has available, so any subsequent hacks take less money.
-            You'll also cause its security level to rise, so your hacks take longer.
+            When you hack a server, you deplete the money it has available, so subsequent hacks take less money. You'll
+            also cause its security level to rise, so your hacks take longer.
             <br />
             <br />
             To restore things, you can use
@@ -315,7 +318,8 @@ export async function main(ns) {
             <br />
             If you want to check what other functions you can use in the editor, use the search bar at the bottom, or
             click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside
-            it.
+            it. Almost everything you do in this tutorial can scripted using functions available to you from the very
+            start.
             <br />
             <br />
             Click Save at the bottom to save your script and close the editor.
@@ -344,11 +348,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We have 8GB of free RAM. If that doesn't sound like much, don't worry: you can purchase more RAM for your
-            home server later.
-            <br />
-            <br />
-            For now, let's run our script using
+            We have 8GB of free RAM, enough to run our script. We can do that using
             <br />
             <br />
           </Typography>
@@ -452,7 +452,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            To copy a script to another server, we can use the scp command.
+            To copy a script to another server, you can use the scp command.
             <br />
             <br />
             Let's copy {tutorialScriptName} to n00dles.
@@ -506,7 +506,7 @@ export async function main(ns) {
       ),
       canNext: true,
     },
-    [iTutorialSteps.CharacterGoToWorldPage as number]: {
+    [iTutorialSteps.GoToWorldPage as number]: {
       content: (
         <>
           <Typography>
@@ -524,8 +524,15 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Each location in a city has something that you can do. There's a lot of content out in the world, so make
-            sure you explore and discover!
+            Each location in a city has something that you can do.
+            <br />
+            <br />
+            Look out for <strong>T</strong>ech centres like alpha ent. They'll let you purchase servers and upgrade your
+            home computer.
+            <br />
+            <br />
+            There's a lot of other content out in the world, so make sure you explore and discover! Hacking may be the
+            core mechanic, but it's far from the only one.
             <br />
             <br />
             Lastly, go to{" "}
@@ -623,9 +630,18 @@ export async function main(ns) {
       )}
       <br />
       <br />
-      <Button onClick={iTutorialEnd}>
-        {step !== iTutorialSteps.DocumentationPageInfo ? "Exit Tutorial" : "Finish Tutorial"}
-      </Button>
+      <Box sx={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }}>
+        <Box>
+          <Button onClick={iTutorialEnd}>
+            {step !== iTutorialSteps.DocumentationPageInfo ? "Exit Tutorial" : "Finish Tutorial"}
+          </Button>
+        </Box>
+        <Box>
+          <Typography color="secondary" align="right">
+            {step + 1} / {Object.keys(iTutorialSteps).length / 2 - 1}
+          </Typography>
+        </Box>
+      </Box>
     </Paper>
   );
 }

From 2157207692f28274b1e47fafffd314f4057b19b1 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 00:10:25 +0100
Subject: [PATCH 39/82] wording tweaks

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 259f3a4bec..eda5f3f78a 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -50,7 +50,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <ul>
               <li>the network</li>
               <li>hacking</li>
-              <li>scripts</li>
+              <li>creating scripts</li>
             </ul>
             If you need to hide the tutorial panel temporarily, you can collapse it.
             <br />
@@ -179,7 +179,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            If you have a look, you can see the server's "Root Access" status is NO. You must gain root access before
+            If you have a look, you can see the server's "Root Access" status is "NO". You must gain root access before
             you can hack a server.
             <br />
             <br />
@@ -318,7 +318,7 @@ export async function main(ns) {
             <br />
             If you want to check what other functions you can use in the editor, use the search bar at the bottom, or
             click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside
-            it. Almost everything you do in this tutorial can scripted using functions available to you from the very
+            it. Almost everything we do in this tutorial can scripted using functions available to you from the very
             start.
             <br />
             <br />

From a15aa5edd0cf16c79b86d77c2b9a62b6ba39596d Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 01:30:55 +0100
Subject: [PATCH 40/82] briefer

---
 .../InteractiveTutorialRoot.tsx               | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index eda5f3f78a..12087fd53f 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -179,16 +179,15 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            If you have a look, you can see the server's "Root Access" status is "NO". You must gain root access before
-            you can hack a server.
+            If you look, you can see that n00dles' "Root Access" status is "NO". You must gain root access before you
+            can hack a server. Handily, you've built a virus called NUKE.exe.
             <br />
             <br />
-            Handily, you've built a virus called NUKE.exe. NUKE.exe will grant you root access to any machine as long as
-            enough ports are open.
+            NUKE.exe will grant you root access to any machine as long as enough ports are open.
             <br />
             <br />
-            If you check the diagnostics again, you'll see that n00dles' "Required number of open ports for NUKE" is 0.
-            So you're good to run the virus. Just enter
+            In the diagnostics, you'll also see that n00dles' "Required number of open ports for NUKE" is 0. So you're
+            good to run the virus. Just enter
             <br />
             <br />
           </Typography>
@@ -214,16 +213,15 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of the server's
+            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of its
             available money.
             <br />
             <br />
-            Nearly all aspects of hacking (including time taken, success chance and percentage stolen) are affected by
-            your hacking skill, and by the server's security level.
+            As your hacking skill increases, hacking takes less time, steals more money, and has a higher success
+            chance. Higher server security has the opposite effect though.
             <br />
             <br />
-            When you hack a server, you deplete the money it has available, so subsequent hacks take less money. You'll
-            also cause its security level to rise, so your hacks take longer.
+            When you hack a server, you deplete its money and cause its security level to rise.
             <br />
             <br />
             To restore things, you can use
@@ -312,14 +310,18 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            One benefit of using scripts to hack is that you don't need to be connected to the server they're hacking.
-            Scripts can target any server on the network.
+            When using scripts to hack, you don't need to be connected to the server they're hacking. Scripts can target
+            any server on the network.
             <br />
             <br />
-            If you want to check what other functions you can use in the editor, use the search bar at the bottom, or
-            click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link beside
-            it. Almost everything we do in this tutorial can scripted using functions available to you from the very
-            start.
+            To check what other functions you can use in the editor, you can:
+            <ul>
+              <li>use the search bar at the bottom</li>
+              <li>
+                click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link
+              </li>
+            </ul>
+            Almost everything we do in this tutorial can scripted using functions available to you from the very start.
             <br />
             <br />
             Click Save at the bottom to save your script and close the editor.

From ed4cf9dc652f62d5a678267781e42952bf766618 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 02:13:52 +0100
Subject: [PATCH 41/82] not going to get much better ...

---
 .../InteractiveTutorialRoot.tsx               | 41 +++++++++++--------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 12087fd53f..047294d8c1 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -83,7 +83,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
               <LastPageIcon sx={{ color: "primary.main", mr: 0.8 }} />
               <Typography sx={{ color: "primary.main" }}>Terminal</Typography>
             </Box>{" "}
-            to interface with your home computer, and with other machines around the world.
+            to interface with your home computer, and with other computers around the world.
             <br />
             <br />
             Let's try that out. Start by entering
@@ -119,7 +119,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            That's given us more detailed information about the servers we can connect to.
+            That's given us more detailed information.
             <br />
             <br />
             To look depeer into the network, let's increase the scanning depth to 2.
@@ -217,14 +217,17 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             available money.
             <br />
             <br />
-            As your hacking skill increases, hacking takes less time, steals more money, and has a higher success
-            chance. Higher server security has the opposite effect though.
-            <br />
-            <br />
-            When you hack a server, you deplete its money and cause its security level to rise.
+            As your hacking skill increases, hacking will:
+            <ul>
+              <li>take less time</li>
+              <li>steal more money</li>
+              <li>have a higher success chance</li>
+            </ul>
+            Higher server security has the opposite effects though.
             <br />
             <br />
-            To restore things, you can use
+            When you hack a server, you deplete its available money and make its security level go up. To restore
+            things, you can use
             <br />
             <br />
           </Typography>
@@ -249,7 +252,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
         <>
           <Typography>
             Hacking is the core mechanic of the game and is necessary to progress. So you don't want to be hacking
-            manually the entire time. We need a way to automate it!
+            manually the entire time. You need a way to automate it!
             <br />
             <br />
             Let's head home and create our first script.
@@ -310,8 +313,8 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            When using scripts to hack, you don't need to be connected to the server they're hacking. Scripts can target
-            any server on the network.
+            When using scripts to hack a server, you don't need to be connected to it. Scripts can target any server,
+            from any server.
             <br />
             <br />
             To check what other functions you can use in the editor, you can:
@@ -321,7 +324,7 @@ export async function main(ns) {
                 click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link
               </li>
             </ul>
-            Almost everything we do in this tutorial can scripted using functions available to you from the very start.
+            Almost everything we do in this tutorial can scripted using functions available from the very start.
             <br />
             <br />
             Click Save at the bottom to save your script and close the editor.
@@ -334,7 +337,10 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Now we'll run the script. You can run scripts on any server that you have root access to.
+            Now we'll run the script.
+            <br />
+            <br />
+            You can run scripts on any server that you have root access to.
             <br />
             <br />
             Scripts need RAM to run. To check how much RAM is available on a machine, enter
@@ -350,7 +356,10 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We have 8GB of free RAM, enough to run our script. We can do that using
+            We have 8GB of free RAM, enough to run our script.
+            <br />
+            <br />
+            We can do that using
             <br />
             <br />
           </Typography>
@@ -367,8 +376,8 @@ export async function main(ns) {
             continuous loop, like {tutorialScriptName} does, they'll run indefinitely).
             <br />
             <br />
-            Scripts will passively earn you income and hacking experience. They even earn money and exp while you're
-            offline, although at a slower rate.
+            Scripts will passively earn you money and hacking exp. They even earn money and exp while you're offline,
+            although at a slower rate.
             <br />
             <br />
             Let's check how our running scripts are doing by clicking{" "}

From ec5b9d69255545be3c6a88ce40e97a88e8534bb1 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 02:18:05 +0100
Subject: [PATCH 42/82] nit = picked

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 047294d8c1..b14fb11c98 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -324,7 +324,7 @@ export async function main(ns) {
                 click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link
               </li>
             </ul>
-            Almost everything we do in this tutorial can scripted using functions available from the very start.
+            Almost everything we do in this tutorial can be scripted using functions available from the very start.
             <br />
             <br />
             Click Save at the bottom to save your script and close the editor.

From 3124bb495f71cbd3626c588735cb0634f4ca3cb6 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 08:52:46 +0100
Subject: [PATCH 43/82] shorter clearer

---
 .../InteractiveTutorialRoot.tsx               | 158 ++++++++++++++++--
 1 file changed, 147 insertions(+), 11 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index b14fb11c98..bd26632a16 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -1,3 +1,139 @@
+/*
+
+
+Return docs to the home screen when moving to the docs tab.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+*/
+
 import React, { useEffect } from "react";
 
 import { Paper, Box, Typography, Button, Link } from "@mui/material";
@@ -187,7 +323,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <br />
             <br />
             In the diagnostics, you'll also see that n00dles' "Required number of open ports for NUKE" is 0. So you're
-            good to run the virus. Just enter
+            good to run the virus.
+            <br />
+            <br />
+            Just enter
             <br />
             <br />
           </Typography>
@@ -223,11 +362,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
               <li>steal more money</li>
               <li>have a higher success chance</li>
             </ul>
-            Higher server security has the opposite effects though.
+            When you hack a server, you deplete its available money and increase its security level. Higher security levels make hacking slower and less effective.
             <br />
             <br />
-            When you hack a server, you deplete its available money and make its security level go up. To restore
-            things, you can use
+            To restore things, you can use
             <br />
             <br />
           </Typography>
@@ -313,21 +451,19 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            When using scripts to hack a server, you don't need to be connected to it. Scripts can target any server,
-            from any server.
+            When using scripts to hack a server, you don't need to be connected to the server. Scripts can target any
+            server, from any server.
             <br />
             <br />
-            To check what other functions you can use in the editor, you can:
+            Almost everything we do in this tutorial can be scripted using functions available to you right away. To
+            check what functions there are, you can:
             <ul>
               <li>use the search bar at the bottom</li>
               <li>
                 click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link
               </li>
             </ul>
-            Almost everything we do in this tutorial can be scripted using functions available from the very start.
-            <br />
-            <br />
-            Click Save at the bottom to save your script and close the editor.
+            For now though, click Save at the bottom to save your script and close the editor.
           </Typography>
         </>
       ),

From 948ad3758ac142c2b77e7080fe75de895f010d44 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 17:23:56 +0100
Subject: [PATCH 44/82] RAM!

---
 src/InteractiveTutorial.ts                    |  8 +-
 src/ScriptEditor/ui/ScriptEditorRoot.tsx      |  4 +-
 src/ScriptEditor/ui/Toolbar.tsx               | 18 ++++-
 src/Sidebar/ui/SidebarAccordion.tsx           |  2 +-
 src/Sidebar/ui/SidebarItem.tsx                | 12 +--
 src/Sidebar/ui/SidebarRoot.tsx                | 10 +--
 .../InteractiveTutorialRoot.tsx               | 78 +++++++++++++++----
 7 files changed, 93 insertions(+), 39 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 7014b2081f..ef298ca613 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -17,7 +17,9 @@ enum iTutorialSteps {
   TerminalHackingMechanics, // Explanation of hacking mechanics
   TerminalGoHome, // Go home before creating a script.
   TerminalCreateScript, // Create a script using 'nano'
-  TerminalEditScript, // Script Editor page - Edit script and then save & close
+  ScriptEditorEdit, // Script Editor page - Edit script and then save & close
+  ScriptEditorRam,
+  ScriptEditorGoToTerminal,
   TerminalFree, // Using 'Free' Terminal command
   TerminalRunScript, // Running script using 'run' Terminal command
   TerminalGoToActiveScriptsPage,
@@ -60,7 +62,9 @@ const ITutorial = {
     [iTutorialSteps.TerminalHackingMechanics]: false,
     [iTutorialSteps.TerminalGoHome]: false,
     [iTutorialSteps.TerminalCreateScript]: false,
-    [iTutorialSteps.TerminalEditScript]: false,
+    [iTutorialSteps.ScriptEditorEdit]: false,
+    [iTutorialSteps.ScriptEditorRam]: false,
+    [iTutorialSteps.ScriptEditorGoToTerminal]: false,
     [iTutorialSteps.TerminalFree]: false,
     [iTutorialSteps.TerminalRunScript]: false,
     [iTutorialSteps.TerminalGoToActiveScriptsPage]: false,
diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index 4964ca904f..44124ae465 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -195,7 +195,7 @@ function Root(props: IProps): React.ReactElement {
     const preSave = options.beautifyOnSave ? beautify : () => Promise.resolve();
 
     // this is duplicate code with saving later.
-    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.TerminalEditScript) {
+    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorEdit) {
       //Make sure filename + code properly follow tutorial
       if (currentScript.path !== tutorialScriptName) {
         dialogBoxCreate("Don't change the script name for now.");
@@ -211,8 +211,6 @@ function Root(props: IProps): React.ReactElement {
       //Save the script
       await preSave();
       saveScript(currentScript);
-      Router.toPage(Page.Terminal);
-
       iTutorialNextStep();
 
       return;
diff --git a/src/ScriptEditor/ui/Toolbar.tsx b/src/ScriptEditor/ui/Toolbar.tsx
index c7cd09a93f..575e94376c 100644
--- a/src/ScriptEditor/ui/Toolbar.tsx
+++ b/src/ScriptEditor/ui/Toolbar.tsx
@@ -26,6 +26,7 @@ import { DocumentationAutocomplete } from "../../Documentation/ui/DocumentationA
 import { openDocumentationPopUp } from "../../Documentation/root";
 import { defaultNsApiPage, openDocExternally } from "../../ui/React/Documentation";
 import { DocumentationLink } from "../../ui/React/DocumentationLink";
+import { iTutorialSteps, iTutorialNextStep, ITutorial } from "../../InteractiveTutorial";
 
 type IStandaloneCodeEditor = monaco.editor.IStandaloneCodeEditor;
 
@@ -70,14 +71,25 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
           Beautify
         </Button>
         <Button
-          color={isUpdatingRAM ? "secondary" : "primary"}
-          sx={{ mx: 1, whiteSpace: "nowrap" }}
-          onClick={openRAMInfo}
+          sx={{
+            mx: 1,
+            whiteSpace: "nowrap",
+            color: isUpdatingRAM
+              ? "secondary.main"
+              : ITutorial.currStep === iTutorialSteps.ScriptEditorRam
+              ? "info.main"
+              : "primary.main",
+          }}
+          onClick={() => {
+            if (ITutorial.currStep === iTutorialSteps.ScriptEditorRam) iTutorialNextStep();
+            openRAMInfo();
+          }}
         >
           {ram}
         </Button>
         <Tooltip title={parseKeyCombinationsToString(CurrentKeyBindings[ScriptEditorAction.Save])}>
           <Button
+            color={ITutorial.currStep === iTutorialSteps.ScriptEditorEdit ? "info" : "primary"}
             onClick={() => {
               onSave().catch((error) => console.error(error));
             }}
diff --git a/src/Sidebar/ui/SidebarAccordion.tsx b/src/Sidebar/ui/SidebarAccordion.tsx
index 3ec9db7ada..67a3b436f5 100644
--- a/src/Sidebar/ui/SidebarAccordion.tsx
+++ b/src/Sidebar/ui/SidebarAccordion.tsx
@@ -20,7 +20,7 @@ type SidebarAccordionProps = {
   items: (IItemProps | boolean)[];
   icon: React.ReactElement["type"];
   sidebarOpen: boolean;
-  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo", string>;
+  classes: Record<"listitem" | "active", string>;
 };
 
 type ClickFnCacheKeyType = (page: Page) => void;
diff --git a/src/Sidebar/ui/SidebarItem.tsx b/src/Sidebar/ui/SidebarItem.tsx
index 496c1c5936..25e6019df9 100644
--- a/src/Sidebar/ui/SidebarItem.tsx
+++ b/src/Sidebar/ui/SidebarItem.tsx
@@ -19,16 +19,12 @@ export interface ICreateProps {
 export interface SidebarItemProps extends ICreateProps {
   clickFn: () => void;
   flash: boolean;
-  classes: Record<"listitem" | "active" | "themeColorPrimary" | "themeColorSecondary" | "themeColorInfo", string>;
+  classes: Record<"listitem" | "active", string>;
   sidebarOpen: boolean;
 }
 
 export const SidebarItem = memo(function SidebarItem(props: SidebarItemProps): React.ReactElement {
-  const colorClass = props.flash
-    ? props.classes.themeColorInfo
-    : props.active
-    ? props.classes.themeColorPrimary
-    : props.classes.themeColorSecondary;
+  const colorSelection = props.flash ? "info.main" : props.active ? "primary.main" : "secondary.main";
   return (
     <ListItem
       classes={{ root: props.classes.listitem }}
@@ -40,12 +36,12 @@ export const SidebarItem = memo(function SidebarItem(props: SidebarItemProps): R
       <ListItemIcon>
         <Badge badgeContent={(props.count ?? 0) > 0 ? props.count : undefined} color="error">
           <Tooltip title={!props.sidebarOpen ? props.key_ : ""}>
-            <props.icon className={colorClass} />
+            <props.icon sx={{ color: colorSelection }} />
           </Tooltip>
         </Badge>
       </ListItemIcon>
       <ListItemText>
-        <Typography className={colorClass}>{props.key_}</Typography>
+        <Typography sx={{ color: colorSelection }}>{props.key_}</Typography>
       </ListItemText>
     </ListItem>
   );
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index c6fb14f1af..601891af70 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -120,10 +120,6 @@ const useStyles = makeStyles()((theme: Theme) => ({
     borderLeft: "3px solid " + theme.palette.primary.main,
   },
   listitem: {},
-  // the following are for Typography, as color="info" isn't available on Typography elements
-  themeColorPrimary: { color: theme.palette.primary.main },
-  themeColorSecondary: { color: theme.palette.secondary.main },
-  themeColorInfo: { color: theme.palette.info.main },
 }));
 
 export function SidebarRoot(props: { page: Page }): React.ReactElement {
@@ -141,11 +137,15 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       flash = Page.ActiveScripts;
       shouldIncrementTutorial = true;
       break;
-    case iTutorialSteps.TerminalEditScript:
+    case iTutorialSteps.ScriptEditorEdit:
       if (props.page !== Page.ScriptEditor) {
         flash = Page.ScriptEditor;
       }
       break;
+    case iTutorialSteps.ScriptEditorGoToTerminal:
+      flash = Page.Terminal;
+      shouldIncrementTutorial = true;
+      break;
     case iTutorialSteps.GoToCharacterPage:
       flash = Page.Stats;
       shouldIncrementTutorial = true;
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index bd26632a16..efcdeac43d 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -186,7 +186,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             <ul>
               <li>the network</li>
               <li>hacking</li>
-              <li>creating scripts</li>
+              <li>working with scripts</li>
             </ul>
             If you need to hide the tutorial panel temporarily, you can collapse it.
             <br />
@@ -352,7 +352,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of its
+            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of n00dles'
             available money.
             <br />
             <br />
@@ -362,7 +362,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
               <li>steal more money</li>
               <li>have a higher success chance</li>
             </ul>
-            When you hack a server, you deplete its available money and increase its security level. Higher security levels make hacking slower and less effective.
+            When you hack a server, you deplete its available money and increase its security level. Higher security
+            levels make hacking slower and less effective.
             <br />
             <br />
             To restore things, you can use
@@ -429,7 +430,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalEditScript as number]: {
+    [iTutorialSteps.ScriptEditorEdit as number]: {
       content: (
         <>
           <Typography>
@@ -451,35 +452,75 @@ export async function main(ns) {
           </Typography>
           <br />
           <Typography>
-            When using scripts to hack a server, you don't need to be connected to the server. Scripts can target any
-            server, from any server.
+            When using scripts to hack, you don't need to be connected to the target server. Scripts can target any
+            server, no matter where you are.
             <br />
             <br />
             Almost everything we do in this tutorial can be scripted using functions available to you right away. To
-            check what functions there are, you can:
+            check what functions are available, you can:
             <ul>
               <li>use the search bar at the bottom</li>
               <li>
                 click the <DocumentationLink page={defaultNsApiPage}>NS API documentation</DocumentationLink> link
               </li>
             </ul>
-            For now though, click Save at the bottom to save your script and close the editor.
+            For now though, click{" "}
+            <Box component="span" sx={{ color: "info.main" }}>
+              Save
+            </Box>{" "}
+            at the bottom.
           </Typography>
         </>
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalFree as number]: {
+    [iTutorialSteps.ScriptEditorRam as number]: {
       content: (
         <>
           <Typography>
-            Now we'll run the script.
+            Scripts cost RAM to run.
             <br />
             <br />
-            You can run scripts on any server that you have root access to.
+            To see how much RAM this script costs, check the{" "}
+            <Box component="span" sx={{ color: "info.main" }}>
+              RAM
+            </Box>{" "}
+            button at the bottom.
             <br />
             <br />
-            Scripts need RAM to run. To check how much RAM is available on a machine, enter
+            You can also click the{" "}
+            <Box component="span" sx={{ color: "info.main" }}>
+              RAM
+            </Box>{" "}
+            button to see a breakdown of what's contributing to the RAM cost.
+            <br />
+            <br />
+            Try doing that now.
+          </Typography>
+        </>
+      ),
+      canNext: false,
+    },
+    [iTutorialSteps.ScriptEditorGoToTerminal as number]: {
+      content: (
+        <>
+          <Typography>
+            Now we know how much RAM we need, let's head back to the{" "}
+            <Box sx={{ display: "inline-flex", alignItems: "center", verticalAlign: "bottom" }}>
+              <LastPageIcon sx={{ color: "info.main", mr: 0.8 }} />
+              <Typography sx={{ color: "info.main" }}>Terminal</Typography>
+            </Box>{" "}
+            to run our script.
+          </Typography>
+        </>
+      ),
+      canNext: false,
+    },
+    [iTutorialSteps.TerminalFree as number]: {
+      content: (
+        <>
+          <Typography>
+            To check how much RAM is available, enter
             <br />
             <br />
           </Typography>
@@ -492,10 +533,10 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            We have 8GB of free RAM, enough to run our script.
+            You have 8GB of free RAM, enough to run your script.
             <br />
             <br />
-            We can do that using
+            You can run it using
             <br />
             <br />
           </Typography>
@@ -508,8 +549,11 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Your script is now running! Scripts run in the background until their code completes (if they have an
-            continuous loop, like {tutorialScriptName} does, they'll run indefinitely).
+            Your script is now running!
+            <br />
+            <br />
+            Scripts run in the background until their code completes (if they have an continuous loop, like{" "}
+            {tutorialScriptName} does, they'll run indefinitely).
             <br />
             <br />
             Scripts will passively earn you money and hacking exp. They even earn money and exp while you're offline,
@@ -578,7 +622,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            You can boost your earnings by running your scripts on other servers too. To do that, we need to copy them
+            You can run scripts on any server that you have root access to. To do that, you need to copy your scripts
             over.
             <br />
             <br />

From 3e25daacce539a0ff5ae9347b554d3240b0c3625 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 17:44:45 +0100
Subject: [PATCH 45/82] ELDRITCH THINGS

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index efcdeac43d..27a3665c94 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -380,7 +380,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[n00dles /]> weaken"}</TerminalText>
           <Typography>
             <br />
-            which lowers the server's security level, speeding up hack, grow and weaken.
+            which lowers the server's security level. That actually speeds up grow and weaken too, and makes grow more
+            effective.
           </Typography>
         </>
       ),

From 81965b6c7cf7104e3be50bba4183f72a6052d467 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 17:56:20 +0100
Subject: [PATCH 46/82] glarp

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 27a3665c94..600b7782fa 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -380,8 +380,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[n00dles /]> weaken"}</TerminalText>
           <Typography>
             <br />
-            which lowers the server's security level. That actually speeds up grow and weaken too, and makes grow more
-            effective.
+            which lowers the server's security level. Lowering security speeds up not just hack but grow and weaken too,
+            and makes grow more effective.
           </Typography>
         </>
       ),

From 6f9d26221330f6a23cf5148c3199d3e57e46376a Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 18:08:24 +0100
Subject: [PATCH 47/82] sheesh

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 600b7782fa..13b7b2207a 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -352,7 +352,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of n00dles'
+            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of its
             available money.
             <br />
             <br />
@@ -380,8 +380,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[n00dles /]> weaken"}</TerminalText>
           <Typography>
             <br />
-            which lowers the server's security level. Lowering security speeds up not just hack but grow and weaken too,
-            and makes grow more effective.
+            which lowers the server's security level. Lowering security helps grow and weaken too. It speeds them both
+            up, and makes grow more effective.
           </Typography>
         </>
       ),

From 33221d28269952de841dfd01741043fbb931678a Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 2 Sep 2026 18:19:51 +0100
Subject: [PATCH 48/82] ?????

---
 .../InteractiveTutorial/InteractiveTutorialRoot.tsx  | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 13b7b2207a..1b0fd5d3ba 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -380,8 +380,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
           <TerminalText>{"[n00dles /]> weaken"}</TerminalText>
           <Typography>
             <br />
-            which lowers the server's security level. Lowering security helps grow and weaken too. It speeds them both
-            up, and makes grow more effective.
+            which lowers the server's security level.
+            <br />
+            <br />
+            Lowering security helps grow and weaken too. It speeds them both up, and makes grow more effective.
           </Typography>
         </>
       ),
@@ -624,10 +626,10 @@ export async function main(ns) {
         <>
           <Typography>
             You can run scripts on any server that you have root access to. To do that, you need to copy your scripts
-            over.
+            over to it first.
             <br />
             <br />
-            First, let's see what files are stored on our home computer using
+            Before we do that, let's see what files are stored on our home computer using
             <br />
             <br />
           </Typography>
@@ -678,7 +680,7 @@ export async function main(ns) {
               <EqualizerIcon sx={{ color: "info.main", mr: 0.8 }} />
               <Typography sx={{ color: "info.main" }}>Stats</Typography>
             </Box>{" "}
-            tab
+            tab.
           </Typography>
         </>
       ),

From 203c9eb9daa57650141610279bcc6f0741466cdd Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 02:12:09 +0100
Subject: [PATCH 49/82] basically done

---
 .../InteractiveTutorialRoot.tsx               | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 1b0fd5d3ba..0eb562945f 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -302,7 +302,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             hacking skill of 1.
             <br />
             <br />
-            But there's something else we need too. To see what, let's run some diagnostics using
+            But there's something else we need as well. To see what, let's run some diagnostics using
             <br />
             <br />
           </Typography>
@@ -322,8 +322,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             NUKE.exe will grant you root access to any machine as long as enough ports are open.
             <br />
             <br />
-            In the diagnostics, you'll also see that n00dles' "Required number of open ports for NUKE" is 0. So you're
-            good to run the virus.
+            In the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0. So you're good
+            to run the virus.
             <br />
             <br />
             Just enter
@@ -356,12 +356,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             available money.
             <br />
             <br />
-            As your hacking skill increases, hacking will:
-            <ul>
-              <li>take less time</li>
-              <li>steal more money</li>
-              <li>have a higher success chance</li>
-            </ul>
+            As your hacking skill increases, hacking will take less time, steal more money, and have a higher success
+            chance.
+            <br />
+            <br />
             When you hack a server, you deplete its available money and increase its security level. Higher security
             levels make hacking slower and less effective.
             <br />
@@ -383,7 +381,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             which lowers the server's security level.
             <br />
             <br />
-            Lowering security helps grow and weaken too. It speeds them both up, and makes grow more effective.
+            Lowering the security level helps grow and weaken too. It speeds them both up, and makes grow more
+            effective.
           </Typography>
         </>
       ),
@@ -495,7 +494,7 @@ export async function main(ns) {
             <Box component="span" sx={{ color: "info.main" }}>
               RAM
             </Box>{" "}
-            button to see a breakdown of what's contributing to the RAM cost.
+            button to see what's contributing to the RAM cost.
             <br />
             <br />
             Try doing that now.
@@ -536,7 +535,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            You have 8GB of free RAM, enough to run your script.
+            You have 8GB of free RAM, enough to run your script!
             <br />
             <br />
             You can run it using
@@ -552,7 +551,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Your script is now running!
+            Your script is now running.
             <br />
             <br />
             Scripts run in the background until their code completes (if they have an continuous loop, like{" "}
@@ -601,7 +600,7 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Each active script has logs that detail what it's doing. You can check these using the <code>tail</code>{" "}
+            Each active script has a log that details what it's doing. You can check these using the <code>tail</code>{" "}
             command. To do that for the script you just ran, enter
             <br />
             <br />
@@ -625,11 +624,11 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            You can run scripts on any server that you have root access to. To do that, you need to copy your scripts
-            over to it first.
+            You can run scripts on any servers that you have root access to. To do that, you first need to copy your
+            scripts over to them.
             <br />
             <br />
-            Before we do that, let's see what files are stored on our home computer using
+            Before that, let's check what files are stored on our home computer using
             <br />
             <br />
           </Typography>
@@ -725,8 +724,7 @@ export async function main(ns) {
             home computer.
             <br />
             <br />
-            There's a lot of other content out in the world, so make sure you explore and discover! Hacking may be the
-            core mechanic, but it's far from the only one.
+            There's a lot of other content out in the world, so make sure you explore and discover!
             <br />
             <br />
             Lastly, go to{" "}

From c5a4832fa1690729e496018e000961cd71f6d800 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 04:25:26 +0100
Subject: [PATCH 50/82] ready

---
 src/Documentation/ui/DocumentationRoot.tsx    |   8 +
 src/InteractiveTutorial.ts                    |  17 +--
 .../InteractiveTutorialRoot.tsx               | 140 +-----------------
 3 files changed, 18 insertions(+), 147 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index 94767553ce..a5017c7450 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -16,6 +16,7 @@ import { Settings } from "../../Settings/Settings";
 import { Router } from "../../ui/GameRoot";
 import { Page } from "../../ui/Router";
 import { DocumentationAutocomplete } from "./DocumentationAutocomplete";
+import { iTutorialSteps, ITutorial } from "../../InteractiveTutorial";
 
 export function DocumentationRoot({ docPage }: { docPage?: string }): React.ReactElement {
   const history = useHistory();
@@ -48,6 +49,13 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
     };
   }, [history]);
 
+  useEffect(() => {
+    if (ITutorial.currStep === iTutorialSteps.DocumentationPageInfo) {
+      history.home();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // only needs to run once per mount
+
   useEffect(() => {
     if (!deepLink) {
       return;
diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index ef298ca613..c4df3203ec 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -17,8 +17,8 @@ enum iTutorialSteps {
   TerminalHackingMechanics, // Explanation of hacking mechanics
   TerminalGoHome, // Go home before creating a script.
   TerminalCreateScript, // Create a script using 'nano'
-  ScriptEditorEdit, // Script Editor page - Edit script and then save & close
-  ScriptEditorRam,
+  ScriptEditorEdit, // Script Editor page - Edit script
+  ScriptEditorRam, // Script Editor page - Check RAM usage
   ScriptEditorGoToTerminal,
   TerminalFree, // Using 'Free' Terminal command
   TerminalRunScript, // Running script using 'run' Terminal command
@@ -30,11 +30,9 @@ enum iTutorialSteps {
   TerminalScp, // using the 'scp' Terminal command
   TerminalHelp, // Using 'help' Terminal command
 
-  // See the results of our hacking
+  // Finishing off
   GoToCharacterPage, // Click on 'Stats' page
   CharacterPage, // Introduction to 'Stats' page
-
-  // Finishing off
   GoToWorldPage,
   WorldDescription,
   DocumentationPageInfo,
@@ -48,10 +46,7 @@ const ITutorial = {
   // Keeps track of whether each step has been done
   stepIsDone: {
     [iTutorialSteps.Start]: false,
-    [iTutorialSteps.GoToCharacterPage]: false,
-    [iTutorialSteps.CharacterPage]: false,
-    [iTutorialSteps.TerminalHelp]: false,
-    [iTutorialSteps.TerminalLs]: false,
+
     [iTutorialSteps.TerminalScan]: false,
     [iTutorialSteps.TerminalScanAnalyze1]: false,
     [iTutorialSteps.TerminalScanAnalyze2]: false,
@@ -71,7 +66,11 @@ const ITutorial = {
     [iTutorialSteps.ActiveScriptsPage]: false,
     [iTutorialSteps.ActiveScriptsToTerminal]: false,
     [iTutorialSteps.TerminalTailScript]: false,
+    [iTutorialSteps.TerminalLs]: false,
     [iTutorialSteps.TerminalScp]: false,
+    [iTutorialSteps.TerminalHelp]: false,
+    [iTutorialSteps.GoToCharacterPage]: false,
+    [iTutorialSteps.CharacterPage]: false,
     [iTutorialSteps.GoToWorldPage]: false,
     [iTutorialSteps.WorldDescription]: false,
     [iTutorialSteps.DocumentationPageInfo]: false,
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 0eb562945f..4011fc6585 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -1,139 +1,3 @@
-/*
-
-
-Return docs to the home screen when moving to the docs tab.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-*/
-
 import React, { useEffect } from "react";
 
 import { Paper, Box, Typography, Button, Link } from "@mui/material";
@@ -600,8 +464,8 @@ export async function main(ns) {
       content: (
         <>
           <Typography>
-            Each active script has a log that details what it's doing. You can check these using the <code>tail</code>{" "}
-            command. To do that for the script you just ran, enter
+            Each active script has a log that details what it's doing. You can check these using the tail command. To do
+            that for the script you just ran, enter
             <br />
             <br />
           </Typography>

From cc66147462f6522a475ec0239dc98b295627ca39 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 05:19:25 +0100
Subject: [PATCH 51/82] infelicities ejected

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 4011fc6585..aad1195289 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -179,8 +179,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            If you look, you can see that n00dles' "Root Access" status is "NO". You must gain root access before you
-            can hack a server. Handily, you've built a virus called NUKE.exe.
+            If you look, you can see that n00dles' "Root Access" status is NO . You must gain root access before you can
+            hack a server. Handily, you've built a virus called NUKE.exe.
             <br />
             <br />
             NUKE.exe will grant you root access to any machine as long as enough ports are open.
@@ -216,7 +216,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of its
+            You're now attempting to hack n00dles. If your hack is successful, you'll steal a percentage of the server's
             available money.
             <br />
             <br />
@@ -492,7 +492,7 @@ export async function main(ns) {
             scripts over to them.
             <br />
             <br />
-            Before that, let's check what files are stored on our home computer using
+            Let's check what files are stored on our home computer using
             <br />
             <br />
           </Typography>

From 5375ddeafe3384a92eb4b9b9a32e383b14a94315 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 05:27:46 +0100
Subject: [PATCH 52/82] readier

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index aad1195289..8ff60483e1 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -179,8 +179,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       content: (
         <>
           <Typography>
-            If you look, you can see that n00dles' "Root Access" status is NO . You must gain root access before you can
-            hack a server. Handily, you've built a virus called NUKE.exe.
+            If you look, you can see that n00dles' "Root Access" status is "NO". You must gain root access before you
+            can hack a server. Handily, you've built a virus called NUKE.exe.
             <br />
             <br />
             NUKE.exe will grant you root access to any machine as long as enough ports are open.

From a63660a7f526a25a19926642414f3ff05a2ac55d Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 05:31:29 +0100
Subject: [PATCH 53/82] .

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 8ff60483e1..36f27c5fa7 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -186,11 +186,10 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             NUKE.exe will grant you root access to any machine as long as enough ports are open.
             <br />
             <br />
-            In the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0. So you're good
-            to run the virus.
+            In the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0. 
             <br />
             <br />
-            Just enter
+            So you're good to run the virus. Just enter
             <br />
             <br />
           </Typography>

From 0f4fdf8e3b7a58d1c3ea384aeaf727c113450891 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 09:17:02 +0100
Subject: [PATCH 54/82] prettier

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 36f27c5fa7..2e73b33992 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -186,7 +186,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             NUKE.exe will grant you root access to any machine as long as enough ports are open.
             <br />
             <br />
-            In the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0. 
+            In the diagnostics, you'll see that n00dles' "Required number of open ports for NUKE" is 0.
             <br />
             <br />
             So you're good to run the virus. Just enter

From a0ab610986dba4b76af878d9ff4dcaa57a1dadbc Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 10:04:28 +0100
Subject: [PATCH 55/82] moved grow.ts and weaken.ts changes into a separate PR

---
 src/Terminal/commands/grow.ts   | 9 ++++-----
 src/Terminal/commands/weaken.ts | 5 ++---
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/Terminal/commands/grow.ts b/src/Terminal/commands/grow.ts
index c1fe14cb47..e769d43054 100644
--- a/src/Terminal/commands/grow.ts
+++ b/src/Terminal/commands/grow.ts
@@ -4,7 +4,7 @@ import { BaseServer } from "../../Server/BaseServer";
 import { Server } from "../../Server/Server";
 import { HacknetServer } from "../../Hacknet/HacknetServer";
 import { Player } from "@player";
-import { formatExp, formatPercent, formatSecurity, formatMoney } from "../../ui/formatNumber";
+import { formatExp, formatPercent, formatSecurity } from "../../ui/formatNumber";
 import { calculateHackingExpGain, calculateGrowTime } from "../../Hacking";
 import { processSingleServerGrowth } from "../../Server/ServerHelpers";
 
@@ -26,13 +26,12 @@ export function grow(args: (string | number | boolean)[], server: BaseServer): u
     const oldSec = server.hackDifficulty;
     const growth = processSingleServerGrowth(server, 25, server.cpuCores);
     const newSec = server.hackDifficulty;
-    const newMoney = server.moneyAvailable;
 
     Player.gainHackingExp(expGain);
     Terminal.print(
-      `Available money on '${server.hostname}' grown by ${formatPercent(growth - 1, 6)} to ${formatMoney(
-        newMoney,
-      )}. Gained ${formatExp(expGain)} hacking exp.`,
+      `Available money on '${server.hostname}' grown by ${formatPercent(growth - 1, 6)}. Gained ${formatExp(
+        expGain,
+      )} hacking exp.`,
     );
     Terminal.print(
       `Security increased on '${server.hostname}' from ${formatSecurity(oldSec)} to ${formatSecurity(newSec)}`,
diff --git a/src/Terminal/commands/weaken.ts b/src/Terminal/commands/weaken.ts
index c8479b4729..c212331d29 100644
--- a/src/Terminal/commands/weaken.ts
+++ b/src/Terminal/commands/weaken.ts
@@ -32,9 +32,8 @@ export function weaken(args: (string | number | boolean)[], server: BaseServer):
     Terminal.print(
       `Security decreased on '${server.hostname}' by ${formatSecurity(weakenAmt)} from ${formatSecurity(
         oldSec,
-      )} to ${formatSecurity(newSec)} (min: ${formatSecurity(server.minDifficulty)}). Gained ${formatExp(
-        expGain,
-      )} hacking exp`,
+      )} to ${formatSecurity(newSec)} (min: ${formatSecurity(server.minDifficulty)})` +
+        ` and Gained ${formatExp(expGain)} hacking exp.`,
     );
   });
 }

From 8e2aae6d2a46eb6b3b60f0783f66c5e992d65bcc Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 10:46:51 +0100
Subject: [PATCH 56/82] keeping up with the refactor

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 2e73b33992..91ec2a32d1 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -20,7 +20,6 @@ import {
   iTutorialEnd,
 } from "../../InteractiveTutorial";
 import { useRerender } from "../React/hooks";
-import { Settings } from "../../Settings/Settings";
 import { DocumentationLink } from "../React/DocumentationLink";
 import { defaultNsApiPage } from "../React/Documentation";
 
@@ -629,7 +628,7 @@ export async function main(ns) {
           Mac keyboard). If you're playing the Steam version, doing that will open the link in your default browser.
           <br />
           <br />
-          <Typography color={Settings.theme.warning}>
+          <Typography sx={{ color: "warning.main" }}>
             Note: The documentation at readthedocs is outdated and unmaintained. Do not use it!
           </Typography>
           <br />
@@ -638,7 +637,7 @@ export async function main(ns) {
             href="https://discord.com/channels/415207508303544321/415207508303544323"
             underline="always"
             target="_blank"
-            color={Settings.theme.info}
+            sx={{ color: "info.main" }}
           >
             ask us on Discord
           </Link>

From 8bd6f9f569c6e53c77ac6a9460afb7e3e5f5a0b7 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 16:43:41 +0100
Subject: [PATCH 57/82] Explained the purpose of the DocumentationRoot
 useEffect

---
 src/Documentation/ui/DocumentationRoot.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index a5017c7450..8fce2455bc 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -49,13 +49,6 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
     };
   }, [history]);
 
-  useEffect(() => {
-    if (ITutorial.currStep === iTutorialSteps.DocumentationPageInfo) {
-      history.home();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // only needs to run once per mount
-
   useEffect(() => {
     if (!deepLink) {
       return;
@@ -78,6 +71,18 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
     }, 0);
   });
 
+  /**
+   * During the tutorial, the player is given the link to the NS API page a few times. If they click one of the links, 
+   * then when they come to the documentation step they'll still see the NS API docs. This ensures that when the player 
+   * visits the documentation page for the Docs step, they see index.md / home.
+   */ 
+  useEffect(() => {
+    if (ITutorial.currStep === iTutorialSteps.DocumentationPageInfo) {
+      history.home();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // Lint doesn't like empty dependencies. But this really should only run on the first render.
+
   return (
     <>
       <Box

From 24808afbd867e1952241757a0ab2b6d870a2e2ea Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Fri, 4 Sep 2026 17:30:55 +0100
Subject: [PATCH 58/82] prettier griefing me again

---
 src/Documentation/ui/DocumentationRoot.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index 8fce2455bc..ca983411aa 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -72,16 +72,18 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
   });
 
   /**
-   * During the tutorial, the player is given the link to the NS API page a few times. If they click one of the links, 
-   * then when they come to the documentation step they'll still see the NS API docs. This ensures that when the player 
+   * During the tutorial, the player is given the link to the NS API page a few times. If they click one of the links,
+   * then when they come to the documentation step they'll still see the NS API docs. This ensures that when the player
    * visits the documentation page for the Docs step, they see index.md / home.
-   */ 
+   */
   useEffect(() => {
     if (ITutorial.currStep === iTutorialSteps.DocumentationPageInfo) {
       history.home();
     }
+
+    // Lint doesn't like empty dependencies. But this really should only run on the first render. So:
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // Lint doesn't like empty dependencies. But this really should only run on the first render.
+  }, []);
 
   return (
     <>

From 7533f0fddd88b8b1b1271ee7a4b1d3159231ef43 Mon Sep 17 00:00:00 2001
From: branchtheory <97463314+branchtheory@users.noreply.github.com>
Date: Sat, 5 Sep 2026 10:48:18 +0100
Subject: [PATCH 59/82] Reworded variable for precision

---
 src/Sidebar/ui/SidebarRoot.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 601891af70..9eff5ae89a 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -127,15 +127,15 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
   useCycleRerender();
 
   let flash: Page | null = null;
-  let shouldIncrementTutorial = false;
+  let incrementTutorialStep = false;
   switch (ITutorial.currStep) {
     case iTutorialSteps.ActiveScriptsPage:
       flash = Page.Terminal;
-      shouldIncrementTutorial = true;
+      incrementTutorialStep = true;
       break;
     case iTutorialSteps.TerminalGoToActiveScriptsPage:
       flash = Page.ActiveScripts;
-      shouldIncrementTutorial = true;
+      incrementTutorialStep = true;
       break;
     case iTutorialSteps.ScriptEditorEdit:
       if (props.page !== Page.ScriptEditor) {
@@ -144,19 +144,19 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       break;
     case iTutorialSteps.ScriptEditorGoToTerminal:
       flash = Page.Terminal;
-      shouldIncrementTutorial = true;
+      incrementTutorialStep = true;
       break;
     case iTutorialSteps.GoToCharacterPage:
       flash = Page.Stats;
-      shouldIncrementTutorial = true;
+      incrementTutorialStep = true;
       break;
     case iTutorialSteps.GoToWorldPage:
       flash = Page.City;
-      shouldIncrementTutorial = true;
+      incrementTutorialStep = true;
       break;
     case iTutorialSteps.WorldDescription:
       flash = Page.Documentation;
-      shouldIncrementTutorial = true;
+      incrementTutorialStep = true;
       break;
   }
 
@@ -205,7 +205,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       } else {
         throw new Error("Can't handle click on Page " + page);
       }
-      if (flash === page && shouldIncrementTutorial) {
+      if (flash === page && incrementTutorialStep) {
         iTutorialNextStep();
       }
     },

From bb308a9a4ebe033e6b6e1b92c4d96e888a50731b Mon Sep 17 00:00:00 2001
From: branchtheory <97463314+branchtheory@users.noreply.github.com>
Date: Sat, 5 Sep 2026 10:59:47 +0100
Subject: [PATCH 60/82] Missed a reference

---
 src/Sidebar/ui/SidebarRoot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 9eff5ae89a..1e0955450e 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -209,7 +209,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
         iTutorialNextStep();
       }
     },
-    [flash, shouldIncrementTutorial],
+    [flash, incrementTutorialStep],
   );
 
   /**

From 7af815c2befc65c559ecdaa100ea05363d530dae Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Mon, 7 Sep 2026 19:27:17 +0100
Subject: [PATCH 61/82] My vision is augmented.

---
 src/Documentation/ui/DocumentationRoot.tsx    |  2 +-
 src/InteractiveTutorial.ts                    | 82 +++++++++----------
 src/ScriptEditor/ui/ScriptEditorRoot.tsx      |  2 +-
 src/ScriptEditor/ui/Toolbar.tsx               |  2 +-
 src/Sidebar/ui/SidebarRoot.tsx                |  8 +-
 src/Terminal/Terminal.ts                      | 20 ++---
 src/ui/ActiveScripts/ServerAccordion.tsx      | 15 +++-
 .../ActiveScripts/WorkerScriptAccordion.tsx   |  9 +-
 .../InteractiveTutorialRoot.tsx               | 46 ++++++-----
 9 files changed, 107 insertions(+), 79 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index ca983411aa..4a990dd2fe 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -77,7 +77,7 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
    * visits the documentation page for the Docs step, they see index.md / home.
    */
   useEffect(() => {
-    if (ITutorial.currStep === iTutorialSteps.DocumentationPageInfo) {
+    if (ITutorial.currStep === iTutorialSteps.DocumenationExplanation) {
       history.home();
     }
 
diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index c4df3203ec..1177fa35bd 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -4,39 +4,40 @@ import { ITutorialEvents } from "./ui/InteractiveTutorial/ITutorialEvents";
 
 // Ordered array of keys to Interactive Tutorial Steps
 enum iTutorialSteps {
-  Start,
+  Start, // Intro, overview, and housekeeping
 
   // Hacking
-  TerminalScan, // Using 'scan' Terminal command
-  TerminalScanAnalyze1, // Using 'scan-analyze' Terminal command
-  TerminalScanAnalyze2, // Using 'scan-analyze 3' Terminal command
-  TerminalConnect, // Connecting to n00dles
-  TerminalAnalyze, // Analyzing n00dles
-  TerminalNuke, // NUKE n00dles
-  TerminalManualHack, // Hack n00dles
-  TerminalHackingMechanics, // Explanation of hacking mechanics
-  TerminalGoHome, // Go home before creating a script.
-  TerminalCreateScript, // Create a script using 'nano'
-  ScriptEditorEdit, // Script Editor page - Edit script
-  ScriptEditorRam, // Script Editor page - Check RAM usage
+  TerminalScan,
+  TerminalScanAnalyze,
+  TerminalScanAnalyze2,
+  TerminalConnectN00dles,
+  TerminalAnalyze,
+  TerminalNuke,
+  TerminalManualHack,
+  TerminalHackWeakenGrowMechanics,
+  TerminalHome,
+  TerminalNano,
+  ScriptEditorEditAndSave,
+  ScriptEditorRam,
   ScriptEditorGoToTerminal,
-  TerminalFree, // Using 'Free' Terminal command
-  TerminalRunScript, // Running script using 'run' Terminal command
-  TerminalGoToActiveScriptsPage,
-  ActiveScriptsPage,
-  ActiveScriptsToTerminal,
-  TerminalTailScript,
-  TerminalLs, // Using 'ls' Terminal command
-  TerminalScp, // using the 'scp' Terminal command
-  TerminalHelp, // Using 'help' Terminal command
+  TerminalFree,
+  TerminalRunScript,
+  TerminalGoToActiveScriptsPage, // Also explains a bit about running scripts
+  ActiveScriptsExplanation,
+  TerminalTail,
+  TerminalTailOutcome,
+  TerminalLs,
+  TerminalScp,
+  TerminalHelp,
 
   // Finishing off
-  GoToCharacterPage, // Click on 'Stats' page
-  CharacterPage, // Introduction to 'Stats' page
-  GoToWorldPage,
+  TerminalGoToCharacterStats,
+  CharacterStatsExplanation,
+  CharacterStatsGoToWorld,
   WorldDescription,
-  DocumentationPageInfo,
-  End,
+  DocumenationExplanation,
+
+  End, // Empty step not seen by players. Powers the logic in iTutorialNextStep.
 }
 
 const ITutorial = {
@@ -46,34 +47,33 @@ const ITutorial = {
   // Keeps track of whether each step has been done
   stepIsDone: {
     [iTutorialSteps.Start]: false,
-
     [iTutorialSteps.TerminalScan]: false,
-    [iTutorialSteps.TerminalScanAnalyze1]: false,
+    [iTutorialSteps.TerminalScanAnalyze]: false,
     [iTutorialSteps.TerminalScanAnalyze2]: false,
-    [iTutorialSteps.TerminalConnect]: false,
+    [iTutorialSteps.TerminalConnectN00dles]: false,
     [iTutorialSteps.TerminalAnalyze]: false,
     [iTutorialSteps.TerminalNuke]: false,
     [iTutorialSteps.TerminalManualHack]: false,
-    [iTutorialSteps.TerminalHackingMechanics]: false,
-    [iTutorialSteps.TerminalGoHome]: false,
-    [iTutorialSteps.TerminalCreateScript]: false,
-    [iTutorialSteps.ScriptEditorEdit]: false,
+    [iTutorialSteps.TerminalHackWeakenGrowMechanics]: false,
+    [iTutorialSteps.TerminalHome]: false,
+    [iTutorialSteps.TerminalNano]: false,
+    [iTutorialSteps.ScriptEditorEditAndSave]: false,
     [iTutorialSteps.ScriptEditorRam]: false,
     [iTutorialSteps.ScriptEditorGoToTerminal]: false,
     [iTutorialSteps.TerminalFree]: false,
     [iTutorialSteps.TerminalRunScript]: false,
     [iTutorialSteps.TerminalGoToActiveScriptsPage]: false,
-    [iTutorialSteps.ActiveScriptsPage]: false,
-    [iTutorialSteps.ActiveScriptsToTerminal]: false,
-    [iTutorialSteps.TerminalTailScript]: false,
+    [iTutorialSteps.ActiveScriptsExplanation]: false,
+    [iTutorialSteps.TerminalTail]: false,
+    [iTutorialSteps.TerminalTailOutcome]: false,
     [iTutorialSteps.TerminalLs]: false,
     [iTutorialSteps.TerminalScp]: false,
     [iTutorialSteps.TerminalHelp]: false,
-    [iTutorialSteps.GoToCharacterPage]: false,
-    [iTutorialSteps.CharacterPage]: false,
-    [iTutorialSteps.GoToWorldPage]: false,
+    [iTutorialSteps.TerminalGoToCharacterStats]: false,
+    [iTutorialSteps.CharacterStatsExplanation]: false,
+    [iTutorialSteps.CharacterStatsGoToWorld]: false,
     [iTutorialSteps.WorldDescription]: false,
-    [iTutorialSteps.DocumentationPageInfo]: false,
+    [iTutorialSteps.DocumenationExplanation]: false,
     [iTutorialSteps.End]: false,
   },
 };
diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index 44124ae465..b395bdb26a 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -195,7 +195,7 @@ function Root(props: IProps): React.ReactElement {
     const preSave = options.beautifyOnSave ? beautify : () => Promise.resolve();
 
     // this is duplicate code with saving later.
-    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorEdit) {
+    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave) {
       //Make sure filename + code properly follow tutorial
       if (currentScript.path !== tutorialScriptName) {
         dialogBoxCreate("Don't change the script name for now.");
diff --git a/src/ScriptEditor/ui/Toolbar.tsx b/src/ScriptEditor/ui/Toolbar.tsx
index 575e94376c..cfb007b3ba 100644
--- a/src/ScriptEditor/ui/Toolbar.tsx
+++ b/src/ScriptEditor/ui/Toolbar.tsx
@@ -89,7 +89,7 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
         </Button>
         <Tooltip title={parseKeyCombinationsToString(CurrentKeyBindings[ScriptEditorAction.Save])}>
           <Button
-            color={ITutorial.currStep === iTutorialSteps.ScriptEditorEdit ? "info" : "primary"}
+            color={ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ? "info" : "primary"}
             onClick={() => {
               onSave().catch((error) => console.error(error));
             }}
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 601891af70..a3df11c8a8 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -129,7 +129,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
   let flash: Page | null = null;
   let shouldIncrementTutorial = false;
   switch (ITutorial.currStep) {
-    case iTutorialSteps.ActiveScriptsPage:
+    case iTutorialSteps.ActiveScriptsExplanation:
       flash = Page.Terminal;
       shouldIncrementTutorial = true;
       break;
@@ -137,7 +137,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       flash = Page.ActiveScripts;
       shouldIncrementTutorial = true;
       break;
-    case iTutorialSteps.ScriptEditorEdit:
+    case iTutorialSteps.ScriptEditorEditAndSave:
       if (props.page !== Page.ScriptEditor) {
         flash = Page.ScriptEditor;
       }
@@ -146,11 +146,11 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       flash = Page.Terminal;
       shouldIncrementTutorial = true;
       break;
-    case iTutorialSteps.GoToCharacterPage:
+    case iTutorialSteps.TerminalGoToCharacterStats:
       flash = Page.Stats;
       shouldIncrementTutorial = true;
       break;
-    case iTutorialSteps.GoToWorldPage:
+    case iTutorialSteps.CharacterStatsGoToWorld:
       flash = Page.City;
       shouldIncrementTutorial = true;
       break;
diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 0d29f2152f..1c1292c610 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -348,7 +348,7 @@ export class Terminal {
         throw new Error("Could not get n00dles server");
       }
       const errorMessageForBadCommand =
-        "Wrong command. Try again, or if you'd like to skip the tutorial click Exit Tutorial";
+        "Bad command. Try again, or if you'd like to skip the tutorial click Exit Tutorial";
       switch (ITutorial.currStep) {
         case iTutorialSteps.TerminalHelp:
           if (commandArray.length === 1 && commandArray[0] === "help") {
@@ -377,7 +377,7 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.TerminalScanAnalyze1:
+        case iTutorialSteps.TerminalScanAnalyze:
           if (commandArray.length === 1 && commandArray[0] === "scan-analyze") {
             iTutorialNextStep();
           } else {
@@ -393,7 +393,7 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.TerminalConnect:
+        case iTutorialSteps.TerminalConnectN00dles:
           if (commandArray[0] === "connect") {
             if (
               commandArray.length === 2 &&
@@ -401,7 +401,7 @@ export class Terminal {
             ) {
               iTutorialNextStep();
             } else {
-              this.error("Wrong command. Try again!");
+              this.error("Bad command. Try again!");
               return;
             }
           } else {
@@ -436,13 +436,13 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.TerminalHackingMechanics:
+        case iTutorialSteps.TerminalHackWeakenGrowMechanics:
           if (commandArray.length !== 1 || !["grow", "weaken", "hack"].includes(commandArray[0] + "")) {
             this.error(errorMessageForBadCommand);
             return;
           }
           break;
-        case iTutorialSteps.TerminalGoHome:
+        case iTutorialSteps.TerminalHome:
           if (commandArray.length === 1 && commandArray[0] === "home") {
             iTutorialNextStep();
           } else {
@@ -450,12 +450,12 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.TerminalCreateScript:
+        case iTutorialSteps.TerminalNano:
           if (commandArray[0] === "nano") {
             if (commandArray.length === 2 && commandArray[1] === tutorialScriptName) {
               iTutorialNextStep();
             } else {
-              this.error("Wrong command. Try again!");
+              this.error("Bad command. Try again!");
               return;
             }
           } else {
@@ -494,7 +494,7 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.ActiveScriptsToTerminal:
+        case iTutorialSteps.TerminalTail:
           if (commandArray.length === 2 && commandArray[0] === "tail" && commandArray[1] === tutorialScriptName) {
             iTutorialNextStep();
           } else {
@@ -507,7 +507,7 @@ export class Terminal {
             if (commandArray.length === 3 && commandArray[1] === tutorialScriptName && commandArray[2] === "n00dles") {
               iTutorialNextStep();
             } else {
-              this.error("Wrong command. Try again!");
+              this.error("Bad command. Try again!");
               return;
             }
           } else {
diff --git a/src/ui/ActiveScripts/ServerAccordion.tsx b/src/ui/ActiveScripts/ServerAccordion.tsx
index 786dfb3493..69a6c907b4 100644
--- a/src/ui/ActiveScripts/ServerAccordion.tsx
+++ b/src/ui/ActiveScripts/ServerAccordion.tsx
@@ -10,6 +10,8 @@ import { ServerAccordionContent } from "./ServerAccordionContent";
 
 import { createProgressBarText } from "../../utils/helpers/createProgressBarText";
 
+import { iTutorialSteps, ITutorial } from "../../InteractiveTutorial";
+
 interface ServerAccordionProps {
   server: BaseServer;
   scripts: WorkerScript[];
@@ -36,7 +38,18 @@ export function ServerAccordion({ server, scripts, startOpen }: ServerAccordionP
   return (
     <Paper>
       <ListItemButton onClick={() => setOpen((old) => !old)}>
-        <ListItemText primary={<Typography style={{ whiteSpace: "pre-wrap" }}>{headerTxt}</Typography>} />
+        <ListItemText
+          primary={
+            <Typography
+              sx={{
+                whiteSpace: "pre-wrap",
+                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsExplanation ? "info.main" : "primary.main",
+              }}
+            >
+              {headerTxt}
+            </Typography>
+          }
+        />
         {open ? <ExpandLess color="primary" /> : <ExpandMore color="primary" />}
       </ListItemButton>
       <Box mx={2}>
diff --git a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
index 47275199cd..300cb683cf 100644
--- a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
+++ b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
@@ -34,6 +34,8 @@ import { arrayToString } from "../../utils/helpers/ArrayHelpers";
 import { Money } from "../React/Money";
 import { MoneyRate } from "../React/MoneyRate";
 
+import { iTutorialSteps, ITutorial } from "../../InteractiveTutorial";
+
 const useStyles = makeStyles()({
   noborder: {
     borderBottom: "none",
@@ -68,7 +70,12 @@ export function WorkerScriptAccordion(props: IProps): React.ReactElement {
       <ListItemButton onClick={() => setOpen((old) => !old)} component={Paper}>
         <ListItemText
           primary={
-            <Typography sx={{ overflowWrap: "break-word" }}>
+            <Typography
+              sx={{
+                overflowWrap: "break-word",
+                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsExplanation ? "info.main" : "primary.main",
+              }}
+            >
               └ {props.workerScript.name} ({formatRam(scriptRef.ramUsage * scriptRef.threads)}){" "}
               {JSON.stringify(scriptRef.args)}
             </Typography>
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 91ec2a32d1..489b3ecf54 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -98,7 +98,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalScanAnalyze1 as number]: {
+    [iTutorialSteps.TerminalScanAnalyze as number]: {
       content: (
         <>
           <Typography>
@@ -130,7 +130,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalConnect as number]: {
+    [iTutorialSteps.TerminalConnectN00dles as number]: {
       content: (
         <>
           <Typography>
@@ -161,8 +161,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             servers and computers. Using specialised skills, you can hack servers to steal money and gain experience.
             <br />
             <br />
-            You've got the hacking skill needed to hack n00dles – scan-analyze showed us that n00dles has a required
-            hacking skill of 1.
+            You've got the hacking skill needed to hack n00dles – if you check scan-analyze, you'll see n00dles has a
+            required hacking skill of 1.
             <br />
             <br />
             But there's something else we need as well. To see what, let's run some diagnostics using
@@ -210,7 +210,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalHackingMechanics as number]: {
+    [iTutorialSteps.TerminalHackWeakenGrowMechanics as number]: {
       content: (
         <>
           <Typography>
@@ -250,7 +250,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: true,
     },
-    [iTutorialSteps.TerminalGoHome as number]: {
+    [iTutorialSteps.TerminalHome as number]: {
       content: (
         <>
           <Typography>
@@ -271,7 +271,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       canNext: false,
     },
 
-    [iTutorialSteps.TerminalCreateScript as number]: {
+    [iTutorialSteps.TerminalNano as number]: {
       content: (
         <>
           <Typography>
@@ -294,7 +294,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: false,
     },
-    [iTutorialSteps.ScriptEditorEdit as number]: {
+    [iTutorialSteps.ScriptEditorEditAndSave as number]: {
       content: (
         <>
           <Typography>
@@ -434,7 +434,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.ActiveScriptsPage as number]: {
+    [iTutorialSteps.ActiveScriptsExplanation as number]: {
       content: (
         <>
           <Typography>
@@ -442,10 +442,18 @@ export async function main(ns) {
             scripts are doing.
             <br />
             <br />
-            Click home to see the scripts running on it.
+            Click{" "}
+            <Box component="span" sx={{ color: "info.main" }}>
+              home
+            </Box>{" "}
+            to see the scripts running on it.
             <br />
             <br />
-            Then click {tutorialScriptName} to see some data about it.
+            Then click{" "}
+            <Box component="span" sx={{ color: "info.main" }}>
+              {tutorialScriptName}
+            </Box>{" "}
+            to see some data about it.
             <br />
             <br />
             When you're ready, let's go back to the{" "}
@@ -458,7 +466,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.ActiveScriptsToTerminal as number]: {
+    [iTutorialSteps.TerminalTail as number]: {
       content: (
         <>
           <Typography>
@@ -472,7 +480,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalTailScript as number]: {
+    [iTutorialSteps.TerminalTailOutcome as number]: {
       content: (
         <>
           <Typography>
@@ -532,7 +540,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.GoToCharacterPage as number]: {
+    [iTutorialSteps.TerminalGoToCharacterStats as number]: {
       content: (
         <>
           <Typography>
@@ -547,7 +555,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.CharacterPage as number]: {
+    [iTutorialSteps.CharacterStatsExplanation as number]: {
       content: (
         <>
           <Typography>
@@ -561,7 +569,7 @@ export async function main(ns) {
       ),
       canNext: true,
     },
-    [iTutorialSteps.GoToWorldPage as number]: {
+    [iTutorialSteps.CharacterStatsGoToWorld as number]: {
       content: (
         <>
           <Typography>
@@ -599,7 +607,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.DocumentationPageInfo as number]: {
+    [iTutorialSteps.DocumenationExplanation as number]: {
       content: (
         <Typography component="div">
           These pages explain the game's content and mechanics. I know it's a lot, but I highly suggest you read (or at
@@ -668,7 +676,7 @@ export async function main(ns) {
     <Paper square sx={{ width: "50vw", minWidth: "50vw", p: 2 }}>
       {content.content}
       <br />
-      {step !== iTutorialSteps.DocumentationPageInfo && (
+      {step !== iTutorialSteps.DocumenationExplanation && (
         <>
           {step !== iTutorialSteps.Start && (
             <Button onClick={iTutorialPrevStep} aria-label="previous" style={{ marginRight: "1em" }}>
@@ -687,7 +695,7 @@ export async function main(ns) {
       <Box sx={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }}>
         <Box>
           <Button onClick={iTutorialEnd}>
-            {step !== iTutorialSteps.DocumentationPageInfo ? "Exit Tutorial" : "Finish Tutorial"}
+            {step !== iTutorialSteps.DocumenationExplanation ? "Exit Tutorial" : "Finish Tutorial"}
           </Button>
         </Box>
         <Box>

From d94a062dcf15e6f54dc94bb46e5844540abe0519 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Mon, 7 Sep 2026 20:04:40 +0100
Subject: [PATCH 62/82] Finito

---
 src/Documentation/ui/DocumentationRoot.tsx    |  2 +-
 src/InteractiveTutorial.ts                    | 28 +++++++++----------
 src/Sidebar/ui/SidebarRoot.tsx                |  8 +++---
 src/Terminal/Terminal.ts                      |  2 +-
 src/ui/ActiveScripts/ServerAccordion.tsx      |  2 +-
 .../ActiveScripts/WorkerScriptAccordion.tsx   |  2 +-
 .../InteractiveTutorialRoot.tsx               | 18 ++++++------
 7 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index 4a990dd2fe..7bcf3aed50 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -77,7 +77,7 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
    * visits the documentation page for the Docs step, they see index.md / home.
    */
   useEffect(() => {
-    if (ITutorial.currStep === iTutorialSteps.DocumenationExplanation) {
+    if (ITutorial.currStep === iTutorialSteps.DocumentationInfo) {
       history.home();
     }
 
diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index 1177fa35bd..e45168e1f4 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -10,7 +10,7 @@ enum iTutorialSteps {
   TerminalScan,
   TerminalScanAnalyze,
   TerminalScanAnalyze2,
-  TerminalConnectN00dles,
+  TerminalConnect,
   TerminalAnalyze,
   TerminalNuke,
   TerminalManualHack,
@@ -19,11 +19,11 @@ enum iTutorialSteps {
   TerminalNano,
   ScriptEditorEditAndSave,
   ScriptEditorRam,
-  ScriptEditorGoToTerminal,
+  ScriptEditorGoToTerminalPage,
   TerminalFree,
   TerminalRunScript,
   TerminalGoToActiveScriptsPage, // Also explains a bit about running scripts
-  ActiveScriptsExplanation,
+  ActiveScriptsDescription,
   TerminalTail,
   TerminalTailOutcome,
   TerminalLs,
@@ -31,11 +31,11 @@ enum iTutorialSteps {
   TerminalHelp,
 
   // Finishing off
-  TerminalGoToCharacterStats,
-  CharacterStatsExplanation,
-  CharacterStatsGoToWorld,
+  TerminalGoToCharacterStatsPage,
+  CharacterStatsDescription,
+  CharacterStatsGoToWorldPage,
   WorldDescription,
-  DocumenationExplanation,
+  DocumentationInfo,
 
   End, // Empty step not seen by players. Powers the logic in iTutorialNextStep.
 }
@@ -50,7 +50,7 @@ const ITutorial = {
     [iTutorialSteps.TerminalScan]: false,
     [iTutorialSteps.TerminalScanAnalyze]: false,
     [iTutorialSteps.TerminalScanAnalyze2]: false,
-    [iTutorialSteps.TerminalConnectN00dles]: false,
+    [iTutorialSteps.TerminalConnect]: false,
     [iTutorialSteps.TerminalAnalyze]: false,
     [iTutorialSteps.TerminalNuke]: false,
     [iTutorialSteps.TerminalManualHack]: false,
@@ -59,21 +59,21 @@ const ITutorial = {
     [iTutorialSteps.TerminalNano]: false,
     [iTutorialSteps.ScriptEditorEditAndSave]: false,
     [iTutorialSteps.ScriptEditorRam]: false,
-    [iTutorialSteps.ScriptEditorGoToTerminal]: false,
+    [iTutorialSteps.ScriptEditorGoToTerminalPage]: false,
     [iTutorialSteps.TerminalFree]: false,
     [iTutorialSteps.TerminalRunScript]: false,
     [iTutorialSteps.TerminalGoToActiveScriptsPage]: false,
-    [iTutorialSteps.ActiveScriptsExplanation]: false,
+    [iTutorialSteps.ActiveScriptsDescription]: false,
     [iTutorialSteps.TerminalTail]: false,
     [iTutorialSteps.TerminalTailOutcome]: false,
     [iTutorialSteps.TerminalLs]: false,
     [iTutorialSteps.TerminalScp]: false,
     [iTutorialSteps.TerminalHelp]: false,
-    [iTutorialSteps.TerminalGoToCharacterStats]: false,
-    [iTutorialSteps.CharacterStatsExplanation]: false,
-    [iTutorialSteps.CharacterStatsGoToWorld]: false,
+    [iTutorialSteps.TerminalGoToCharacterStatsPage]: false,
+    [iTutorialSteps.CharacterStatsDescription]: false,
+    [iTutorialSteps.CharacterStatsGoToWorldPage]: false,
     [iTutorialSteps.WorldDescription]: false,
-    [iTutorialSteps.DocumenationExplanation]: false,
+    [iTutorialSteps.DocumentationInfo]: false,
     [iTutorialSteps.End]: false,
   },
 };
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 33c477085b..05045c4703 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -129,7 +129,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
   let flash: Page | null = null;
   let incrementTutorialStep = false;
   switch (ITutorial.currStep) {
-    case iTutorialSteps.ActiveScriptsExplanation:
+    case iTutorialSteps.ActiveScriptsDescription:
       flash = Page.Terminal;
       incrementTutorialStep = true;
       break;
@@ -142,15 +142,15 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
         flash = Page.ScriptEditor;
       }
       break;
-    case iTutorialSteps.ScriptEditorGoToTerminal:
+    case iTutorialSteps.ScriptEditorGoToTerminalPage:
       flash = Page.Terminal;
       incrementTutorialStep = true;
       break;
-    case iTutorialSteps.TerminalGoToCharacterStats:
+    case iTutorialSteps.TerminalGoToCharacterStatsPage:
       flash = Page.Stats;
       incrementTutorialStep = true;
       break;
-    case iTutorialSteps.CharacterStatsGoToWorld:
+    case iTutorialSteps.CharacterStatsGoToWorldPage:
       flash = Page.City;
       incrementTutorialStep = true;
       break;
diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 1c1292c610..d8630bf713 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -393,7 +393,7 @@ export class Terminal {
             return;
           }
           break;
-        case iTutorialSteps.TerminalConnectN00dles:
+        case iTutorialSteps.TerminalConnect:
           if (commandArray[0] === "connect") {
             if (
               commandArray.length === 2 &&
diff --git a/src/ui/ActiveScripts/ServerAccordion.tsx b/src/ui/ActiveScripts/ServerAccordion.tsx
index 69a6c907b4..3e6d77f9cb 100644
--- a/src/ui/ActiveScripts/ServerAccordion.tsx
+++ b/src/ui/ActiveScripts/ServerAccordion.tsx
@@ -43,7 +43,7 @@ export function ServerAccordion({ server, scripts, startOpen }: ServerAccordionP
             <Typography
               sx={{
                 whiteSpace: "pre-wrap",
-                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsExplanation ? "info.main" : "primary.main",
+                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
               }}
             >
               {headerTxt}
diff --git a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
index 300cb683cf..ed97bace51 100644
--- a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
+++ b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
@@ -73,7 +73,7 @@ export function WorkerScriptAccordion(props: IProps): React.ReactElement {
             <Typography
               sx={{
                 overflowWrap: "break-word",
-                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsExplanation ? "info.main" : "primary.main",
+                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
               }}
             >
               └ {props.workerScript.name} ({formatRam(scriptRef.ramUsage * scriptRef.threads)}){" "}
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index 489b3ecf54..f90a37de71 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -130,7 +130,7 @@ export function InteractiveTutorialRoot(): React.ReactElement {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalConnectN00dles as number]: {
+    [iTutorialSteps.TerminalConnect as number]: {
       content: (
         <>
           <Typography>
@@ -365,7 +365,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.ScriptEditorGoToTerminal as number]: {
+    [iTutorialSteps.ScriptEditorGoToTerminalPage as number]: {
       content: (
         <>
           <Typography>
@@ -434,7 +434,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.ActiveScriptsExplanation as number]: {
+    [iTutorialSteps.ActiveScriptsDescription as number]: {
       content: (
         <>
           <Typography>
@@ -540,7 +540,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalGoToCharacterStats as number]: {
+    [iTutorialSteps.TerminalGoToCharacterStatsPage as number]: {
       content: (
         <>
           <Typography>
@@ -555,7 +555,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.CharacterStatsExplanation as number]: {
+    [iTutorialSteps.CharacterStatsDescription as number]: {
       content: (
         <>
           <Typography>
@@ -569,7 +569,7 @@ export async function main(ns) {
       ),
       canNext: true,
     },
-    [iTutorialSteps.CharacterStatsGoToWorld as number]: {
+    [iTutorialSteps.CharacterStatsGoToWorldPage as number]: {
       content: (
         <>
           <Typography>
@@ -607,7 +607,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.DocumenationExplanation as number]: {
+    [iTutorialSteps.DocumentationInfo as number]: {
       content: (
         <Typography component="div">
           These pages explain the game's content and mechanics. I know it's a lot, but I highly suggest you read (or at
@@ -676,7 +676,7 @@ export async function main(ns) {
     <Paper square sx={{ width: "50vw", minWidth: "50vw", p: 2 }}>
       {content.content}
       <br />
-      {step !== iTutorialSteps.DocumenationExplanation && (
+      {step !== iTutorialSteps.DocumentationInfo && (
         <>
           {step !== iTutorialSteps.Start && (
             <Button onClick={iTutorialPrevStep} aria-label="previous" style={{ marginRight: "1em" }}>
@@ -695,7 +695,7 @@ export async function main(ns) {
       <Box sx={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 1 }}>
         <Box>
           <Button onClick={iTutorialEnd}>
-            {step !== iTutorialSteps.DocumenationExplanation ? "Exit Tutorial" : "Finish Tutorial"}
+            {step !== iTutorialSteps.DocumentationInfo ? "Exit Tutorial" : "Finish Tutorial"}
           </Button>
         </Box>
         <Box>

From 82f06e47fafb03b1cffc0d19835b9955578a74c7 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Mon, 7 Sep 2026 23:42:07 +0100
Subject: [PATCH 63/82] last minute fix of a last minute fix

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index f90a37de71..f1709fb8c7 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -161,8 +161,8 @@ export function InteractiveTutorialRoot(): React.ReactElement {
             servers and computers. Using specialised skills, you can hack servers to steal money and gain experience.
             <br />
             <br />
-            You've got the hacking skill needed to hack n00dles – if you check scan-analyze, you'll see n00dles has a
-            required hacking skill of 1.
+            You've got the hacking skill needed to hack n00dles – scan-analyze shows us that n00dles has a "Required
+            hacking skill" of 1.
             <br />
             <br />
             But there's something else we need as well. To see what, let's run some diagnostics using

From d7f77862ec1afabad54f6596eacf77d0e16ae61e Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 08:18:02 +0100
Subject: [PATCH 64/82] Refactored out 'styled'

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index f1709fb8c7..c330de1412 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -10,7 +10,6 @@ import LastPageIcon from "@mui/icons-material/LastPage";
 import HelpIcon from "@mui/icons-material/Help";
 import StorageIcon from "@mui/icons-material/Storage";
 import LocationCityIcon from "@mui/icons-material/LocationCity";
-import { styled } from "@mui/material/styles";
 
 import {
   iTutorialPrevStep,
@@ -23,6 +22,12 @@ import { useRerender } from "../React/hooks";
 import { DocumentationLink } from "../React/DocumentationLink";
 import { defaultNsApiPage } from "../React/Documentation";
 
+function TerminalText({ children }: { children: React.ReactNode }): React.ReactElement {
+  return (
+    <Typography sx={{ borderBottom: (theme) => `1px solid ${theme.palette.primary.main}` }}>{children}</Typography>
+  );
+}
+
 interface IContent {
   content: React.ReactElement;
   canNext: boolean;
@@ -31,9 +36,6 @@ interface IContent {
 export const tutorialScriptName = `hacking.js`;
 
 export function InteractiveTutorialRoot(): React.ReactElement {
-  const TerminalText = styled(Typography)(({ theme }) => ({
-    borderBottom: `1px solid ${theme.palette.primary.main}`,
-  }));
   const rerender = useRerender();
 
   const contents: Record<string, IContent | undefined> = {

From 03349f8b525d427b2d9c968cfcf35b9d0177dc80 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 08:35:27 +0100
Subject: [PATCH 65/82] easier reviewing order

---
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index c330de1412..b2ab7a3bdd 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -22,17 +22,17 @@ import { useRerender } from "../React/hooks";
 import { DocumentationLink } from "../React/DocumentationLink";
 import { defaultNsApiPage } from "../React/Documentation";
 
+interface IContent {
+  content: React.ReactElement;
+  canNext: boolean;
+}
+
 function TerminalText({ children }: { children: React.ReactNode }): React.ReactElement {
   return (
     <Typography sx={{ borderBottom: (theme) => `1px solid ${theme.palette.primary.main}` }}>{children}</Typography>
   );
 }
 
-interface IContent {
-  content: React.ReactElement;
-  canNext: boolean;
-}
-
 export const tutorialScriptName = `hacking.js`;
 
 export function InteractiveTutorialRoot(): React.ReactElement {

From e64a7dfc1abe506d2c9255ff3872c400bdf6910e Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 14:29:07 +0100
Subject: [PATCH 66/82] Much cleaner handling of bad terminal commands

---
 src/Terminal/Terminal.ts | 210 ++++++++++++++-------------------------
 1 file changed, 73 insertions(+), 137 deletions(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index d8630bf713..2163d169a7 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -347,178 +347,114 @@ export class Terminal {
       if (n00dlesServ == null) {
         throw new Error("Could not get n00dles server");
       }
-      const errorMessageForBadCommand =
-        "Bad command. Try again, or if you'd like to skip the tutorial click Exit Tutorial";
+
+      const commandArrayMatches = (...rightCommand: string[]): boolean =>
+        commandArray.length === rightCommand.length && commandArray.every((e, idx) => e === rightCommand[idx]);
+
+      const errorMessageForBadCommand = "Wrong command. Try again.";
+
+      let isCorrect: boolean;
+      let incrementStep = true;
+
       switch (ITutorial.currStep) {
-        case iTutorialSteps.TerminalHelp:
-          if (commandArray.length === 1 && commandArray[0] === "help") {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
-          break;
-        case iTutorialSteps.TerminalLs:
-          if (commandArray.length === 1 && commandArray[0] === "ls") {
-            iTutorialNextStep();
-          } else if (commandArray[0] === "1s") {
-            this.error("Command '1s' not found. Did you mean 'ls' with a lowercase L?");
-            return;
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
-          break;
         case iTutorialSteps.TerminalScan:
-          if (commandArray.length === 1 && commandArray[0] === "scan") {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
-          break;
-        case iTutorialSteps.TerminalScanAnalyze:
-          if (commandArray.length === 1 && commandArray[0] === "scan-analyze") {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("scan");
           break;
+
         case iTutorialSteps.TerminalScanAnalyze2:
-          if (commandArray.length === 2 && commandArray[0] === "scan-analyze" && commandArray[1] === 2) {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("scan-analyze", "2");
           break;
+
         case iTutorialSteps.TerminalConnect:
-          if (commandArray[0] === "connect") {
-            if (
-              commandArray.length === 2 &&
-              (commandArray[1] === "n00dles" || commandArray[1] === n00dlesServ.hostname)
-            ) {
-              iTutorialNextStep();
-            } else {
-              this.error("Bad command. Try again!");
-              return;
-            }
+          if (commandArrayMatches("connect", "n00dles") || commandArrayMatches("connect", n00dlesServ.hostname)) {
+            isCorrect = true;
+          } else if (
+            // gives the player some freedom
+            commandArrayMatches("scan-analyze", "3")
+          ) {
+            isCorrect = true;
+            incrementStep = false;
           } else {
-            this.error(errorMessageForBadCommand);
-            return;
+            isCorrect = false;
           }
           break;
+
         case iTutorialSteps.TerminalAnalyze:
-          if (commandArray.length === 1 && commandArray[0] === "analyze") {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("analyze");
           break;
+
         case iTutorialSteps.TerminalNuke:
-          if (
-            (commandArray.length === 1 && commandArray[0] === "NUKE.exe") ||
-            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === "NUKE.exe")
-          ) {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("NUKE.exe") || commandArrayMatches("run", "NUKE.exe");
           break;
+
         case iTutorialSteps.TerminalManualHack:
-          if (commandArray.length === 1 && commandArray[0] === "hack") {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("hack");
           break;
+
         case iTutorialSteps.TerminalHackWeakenGrowMechanics:
-          if (commandArray.length !== 1 || !["grow", "weaken", "hack"].includes(commandArray[0] + "")) {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = ["hack", "weaken", "grow"].some((c) => commandArrayMatches(c));
           break;
+
         case iTutorialSteps.TerminalHome:
-          if (commandArray.length === 1 && commandArray[0] === "home") {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("home");
           break;
+
         case iTutorialSteps.TerminalNano:
-          if (commandArray[0] === "nano") {
-            if (commandArray.length === 2 && commandArray[1] === tutorialScriptName) {
-              iTutorialNextStep();
-            } else {
-              this.error("Bad command. Try again!");
-              return;
-            }
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("nano", tutorialScriptName);
           break;
+
         case iTutorialSteps.TerminalFree:
-          if (commandArray.length === 1 && commandArray[0] === "free") {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("free");
           break;
+
         case iTutorialSteps.TerminalRunScript:
-          if (
-            (commandArray.length === 1 && commandArray[0] === tutorialScriptName) ||
-            (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName)
-          ) {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("run", tutorialScriptName) || commandArrayMatches(tutorialScriptName);
           break;
-        case iTutorialSteps.TerminalGoToActiveScriptsPage: // giving the player room to play around a bit
-          if (
-            !(
-              (commandArray.length === 1 && commandArray[0] === "free") ||
-              (commandArray.length === 1 && commandArray[0] === tutorialScriptName) ||
-              (commandArray.length === 2 && commandArray[0] === "run" && commandArray[1] === tutorialScriptName)
-            )
-          ) {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+
+        case iTutorialSteps.TerminalGoToActiveScriptsPage: // gives the player some freedom
+          isCorrect =
+            commandArrayMatches("free") ||
+            commandArrayMatches(tutorialScriptName) ||
+            commandArrayMatches("run", tutorialScriptName);
+          incrementStep = false;
           break;
+
         case iTutorialSteps.TerminalTail:
-          if (commandArray.length === 2 && commandArray[0] === "tail" && commandArray[1] === tutorialScriptName) {
-            iTutorialNextStep();
-          } else {
-            this.error(errorMessageForBadCommand);
+          isCorrect = commandArrayMatches("tail", tutorialScriptName);
+          break;
+
+        case iTutorialSteps.TerminalLs:
+          if (commandArrayMatches("ls")) {
+            isCorrect = true;
+          } else if (commandArray[0] === "1s") {
+            this.error("Command '1s' not found. Did you mean 'ls' with a lowercase L?");
             return;
+          } else {
+            isCorrect = false;
           }
           break;
+
         case iTutorialSteps.TerminalScp:
-          if (commandArray[0] === "scp") {
-            if (commandArray.length === 3 && commandArray[1] === tutorialScriptName && commandArray[2] === "n00dles") {
-              iTutorialNextStep();
-            } else {
-              this.error("Bad command. Try again!");
-              return;
-            }
-          } else {
-            this.error(errorMessageForBadCommand);
-            return;
-          }
+          isCorrect = commandArrayMatches("scp", tutorialScriptName, "n00dles");
+          break;
+
+        case iTutorialSteps.TerminalHelp:
+          isCorrect = commandArrayMatches("help");
           break;
+
         default:
-          this.error("Make sure you're following the tutorial. If you'd like to skip it click Exit Tutorial");
+          this.error("This step doesn't involve the terminal.");
           return;
       }
+
+      if (!isCorrect) {
+        this.error(errorMessageForBadCommand);
+        return;
+      }
+
+      if (incrementStep) {
+        iTutorialNextStep();
+      }
     }
     /****************** END INTERACTIVE TUTORIAL ******************/
     /* Command parser */

From f2e96d730c96d3c78d6f095a552fb55449634825 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 14:44:32 +0100
Subject: [PATCH 67/82] fix

---
 src/Terminal/Terminal.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index 2163d169a7..baf0b2014e 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -361,6 +361,10 @@ export class Terminal {
           isCorrect = commandArrayMatches("scan");
           break;
 
+        case iTutorialSteps.TerminalScanAnalyze:
+          isCorrect = commandArrayMatches("scan-analyze");
+          break;
+
         case iTutorialSteps.TerminalScanAnalyze2:
           isCorrect = commandArrayMatches("scan-analyze", "2");
           break;

From a778f5d5b15fecf0a59380ffc3d4fcf72a9ebf72 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 15:08:15 +0100
Subject: [PATCH 68/82] Type issue

---
 src/Terminal/Terminal.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index baf0b2014e..a04a9ac658 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -348,7 +348,7 @@ export class Terminal {
         throw new Error("Could not get n00dles server");
       }
 
-      const commandArrayMatches = (...rightCommand: string[]): boolean =>
+      const commandArrayMatches = (...rightCommand: (string | number)[]): boolean =>
         commandArray.length === rightCommand.length && commandArray.every((e, idx) => e === rightCommand[idx]);
 
       const errorMessageForBadCommand = "Wrong command. Try again.";
@@ -366,7 +366,7 @@ export class Terminal {
           break;
 
         case iTutorialSteps.TerminalScanAnalyze2:
-          isCorrect = commandArrayMatches("scan-analyze", "2");
+          isCorrect = commandArrayMatches("scan-analyze", 2);
           break;
 
         case iTutorialSteps.TerminalConnect:
@@ -374,7 +374,7 @@ export class Terminal {
             isCorrect = true;
           } else if (
             // gives the player some freedom
-            commandArrayMatches("scan-analyze", "3")
+            commandArrayMatches("scan-analyze", 3)
           ) {
             isCorrect = true;
             incrementStep = false;
@@ -397,6 +397,7 @@ export class Terminal {
 
         case iTutorialSteps.TerminalHackWeakenGrowMechanics:
           isCorrect = ["hack", "weaken", "grow"].some((c) => commandArrayMatches(c));
+          incrementStep = false;
           break;
 
         case iTutorialSteps.TerminalHome:
@@ -447,7 +448,7 @@ export class Terminal {
           break;
 
         default:
-          this.error("This step doesn't involve the terminal.");
+          this.error("This step doesn't involve the terminal");
           return;
       }
 

From ddbb3e47b8f367792c314fd0aad15cbbefe20d1f Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 15:17:36 +0100
Subject: [PATCH 69/82] Removed bad ideas

---
 src/Terminal/Terminal.ts | 20 +-------------------
 1 file changed, 1 insertion(+), 19 deletions(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index a04a9ac658..bb596c9feb 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -370,17 +370,7 @@ export class Terminal {
           break;
 
         case iTutorialSteps.TerminalConnect:
-          if (commandArrayMatches("connect", "n00dles") || commandArrayMatches("connect", n00dlesServ.hostname)) {
-            isCorrect = true;
-          } else if (
-            // gives the player some freedom
-            commandArrayMatches("scan-analyze", 3)
-          ) {
-            isCorrect = true;
-            incrementStep = false;
-          } else {
-            isCorrect = false;
-          }
+          isCorrect = commandArrayMatches("connect", "n00dles") || commandArrayMatches("connect", n00dlesServ.hostname);
           break;
 
         case iTutorialSteps.TerminalAnalyze:
@@ -416,14 +406,6 @@ export class Terminal {
           isCorrect = commandArrayMatches("run", tutorialScriptName) || commandArrayMatches(tutorialScriptName);
           break;
 
-        case iTutorialSteps.TerminalGoToActiveScriptsPage: // gives the player some freedom
-          isCorrect =
-            commandArrayMatches("free") ||
-            commandArrayMatches(tutorialScriptName) ||
-            commandArrayMatches("run", tutorialScriptName);
-          incrementStep = false;
-          break;
-
         case iTutorialSteps.TerminalTail:
           isCorrect = commandArrayMatches("tail", tutorialScriptName);
           break;

From eb5dd3c858c00f1ccf85033313a0df6eb2a09b80 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 16:48:11 +0100
Subject: [PATCH 70/82] Tiny refactor

---
 src/Sidebar/ui/SidebarRoot.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 05045c4703..87c2e8a483 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -129,7 +129,12 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
   let flash: Page | null = null;
   let incrementTutorialStep = false;
   switch (ITutorial.currStep) {
-    case iTutorialSteps.ActiveScriptsDescription:
+    case iTutorialSteps.ScriptEditorEditAndSave:
+      if (props.page !== Page.ScriptEditor) {
+        flash = Page.ScriptEditor;
+      }
+      break;
+    case iTutorialSteps.ScriptEditorGoToTerminalPage:
       flash = Page.Terminal;
       incrementTutorialStep = true;
       break;
@@ -137,12 +142,7 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
       flash = Page.ActiveScripts;
       incrementTutorialStep = true;
       break;
-    case iTutorialSteps.ScriptEditorEditAndSave:
-      if (props.page !== Page.ScriptEditor) {
-        flash = Page.ScriptEditor;
-      }
-      break;
-    case iTutorialSteps.ScriptEditorGoToTerminalPage:
+    case iTutorialSteps.ActiveScriptsDescription:
       flash = Page.Terminal;
       incrementTutorialStep = true;
       break;

From b94873c5f2ff0e261de30c5dd1e15addb1710fc9 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 17:11:25 +0100
Subject: [PATCH 71/82] Correction

---
 src/InteractiveTutorial.ts                             | 4 ++--
 src/Terminal/Terminal.ts                               | 2 +-
 src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/InteractiveTutorial.ts b/src/InteractiveTutorial.ts
index e45168e1f4..24487d2c08 100644
--- a/src/InteractiveTutorial.ts
+++ b/src/InteractiveTutorial.ts
@@ -21,7 +21,7 @@ enum iTutorialSteps {
   ScriptEditorRam,
   ScriptEditorGoToTerminalPage,
   TerminalFree,
-  TerminalRunScript,
+  TerminalRun,
   TerminalGoToActiveScriptsPage, // Also explains a bit about running scripts
   ActiveScriptsDescription,
   TerminalTail,
@@ -61,7 +61,7 @@ const ITutorial = {
     [iTutorialSteps.ScriptEditorRam]: false,
     [iTutorialSteps.ScriptEditorGoToTerminalPage]: false,
     [iTutorialSteps.TerminalFree]: false,
-    [iTutorialSteps.TerminalRunScript]: false,
+    [iTutorialSteps.TerminalRun]: false,
     [iTutorialSteps.TerminalGoToActiveScriptsPage]: false,
     [iTutorialSteps.ActiveScriptsDescription]: false,
     [iTutorialSteps.TerminalTail]: false,
diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index bb596c9feb..b33071e85a 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -402,7 +402,7 @@ export class Terminal {
           isCorrect = commandArrayMatches("free");
           break;
 
-        case iTutorialSteps.TerminalRunScript:
+        case iTutorialSteps.TerminalRun:
           isCorrect = commandArrayMatches("run", tutorialScriptName) || commandArrayMatches(tutorialScriptName);
           break;
 
diff --git a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
index b2ab7a3bdd..5a79518cf8 100644
--- a/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
+++ b/src/ui/InteractiveTutorial/InteractiveTutorialRoot.tsx
@@ -395,7 +395,7 @@ export async function main(ns) {
       ),
       canNext: false,
     },
-    [iTutorialSteps.TerminalRunScript as number]: {
+    [iTutorialSteps.TerminalRun as number]: {
       content: (
         <>
           <Typography>

From c83cee7a4ce007f4523faec46a0546c873619fab Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 17:33:14 +0100
Subject: [PATCH 72/82] adding isRunning

---
 src/Documentation/ui/DocumentationRoot.tsx     | 2 +-
 src/ScriptEditor/ui/Toolbar.tsx                | 4 ++--
 src/ui/ActiveScripts/ServerAccordion.tsx       | 5 ++++-
 src/ui/ActiveScripts/WorkerScriptAccordion.tsx | 5 ++++-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index 7bcf3aed50..65c418e815 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -77,7 +77,7 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
    * visits the documentation page for the Docs step, they see index.md / home.
    */
   useEffect(() => {
-    if (ITutorial.currStep === iTutorialSteps.DocumentationInfo) {
+    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.DocumentationInfo) {
       history.home();
     }
 
diff --git a/src/ScriptEditor/ui/Toolbar.tsx b/src/ScriptEditor/ui/Toolbar.tsx
index cfb007b3ba..2a9b761fa6 100644
--- a/src/ScriptEditor/ui/Toolbar.tsx
+++ b/src/ScriptEditor/ui/Toolbar.tsx
@@ -76,12 +76,12 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
             whiteSpace: "nowrap",
             color: isUpdatingRAM
               ? "secondary.main"
-              : ITutorial.currStep === iTutorialSteps.ScriptEditorRam
+              : ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorRam
               ? "info.main"
               : "primary.main",
           }}
           onClick={() => {
-            if (ITutorial.currStep === iTutorialSteps.ScriptEditorRam) iTutorialNextStep();
+            if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorRam) iTutorialNextStep();
             openRAMInfo();
           }}
         >
diff --git a/src/ui/ActiveScripts/ServerAccordion.tsx b/src/ui/ActiveScripts/ServerAccordion.tsx
index 3e6d77f9cb..0665d93a2f 100644
--- a/src/ui/ActiveScripts/ServerAccordion.tsx
+++ b/src/ui/ActiveScripts/ServerAccordion.tsx
@@ -43,7 +43,10 @@ export function ServerAccordion({ server, scripts, startOpen }: ServerAccordionP
             <Typography
               sx={{
                 whiteSpace: "pre-wrap",
-                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
+                color:
+                  ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription
+                    ? "info.main"
+                    : "primary.main",
               }}
             >
               {headerTxt}
diff --git a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
index ed97bace51..e8a7217d59 100644
--- a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
+++ b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
@@ -73,7 +73,10 @@ export function WorkerScriptAccordion(props: IProps): React.ReactElement {
             <Typography
               sx={{
                 overflowWrap: "break-word",
-                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
+                color:
+                  ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription
+                    ? "info.main"
+                    : "primary.main",
               }}
             >
               └ {props.workerScript.name} ({formatRam(scriptRef.ramUsage * scriptRef.threads)}){" "}

From 42f5b66b7dca75d4f0cf5895555a0bd924f5b3a1 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 20:02:49 +0100
Subject: [PATCH 73/82] Removed pointless stuff

---
 src/Terminal/Terminal.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index b33071e85a..ece061afb0 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -378,7 +378,7 @@ export class Terminal {
           break;
 
         case iTutorialSteps.TerminalNuke:
-          isCorrect = commandArrayMatches("NUKE.exe") || commandArrayMatches("run", "NUKE.exe");
+          isCorrect = commandArrayMatches("run", "NUKE.exe");
           break;
 
         case iTutorialSteps.TerminalManualHack:
@@ -403,7 +403,7 @@ export class Terminal {
           break;
 
         case iTutorialSteps.TerminalRun:
-          isCorrect = commandArrayMatches("run", tutorialScriptName) || commandArrayMatches(tutorialScriptName);
+          isCorrect = commandArrayMatches("run", tutorialScriptName);
           break;
 
         case iTutorialSteps.TerminalTail:

From 8c7b1cc005b7360102c1de9a27017c661a4e5be6 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Tue, 8 Sep 2026 21:59:41 +0100
Subject: [PATCH 74/82] isRunning additions

---
 src/ScriptEditor/ui/Toolbar.tsx |  4 ++-
 src/Sidebar/ui/SidebarRoot.tsx  | 62 +++++++++++++++++----------------
 2 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/src/ScriptEditor/ui/Toolbar.tsx b/src/ScriptEditor/ui/Toolbar.tsx
index 2a9b761fa6..8897223dff 100644
--- a/src/ScriptEditor/ui/Toolbar.tsx
+++ b/src/ScriptEditor/ui/Toolbar.tsx
@@ -89,7 +89,9 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
         </Button>
         <Tooltip title={parseKeyCombinationsToString(CurrentKeyBindings[ScriptEditorAction.Save])}>
           <Button
-            color={ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ? "info" : "primary"}
+            color={
+              ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ? "info" : "primary"
+            }
             onClick={() => {
               onSave().catch((error) => console.error(error));
             }}
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 87c2e8a483..b42e356e34 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -128,36 +128,38 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
 
   let flash: Page | null = null;
   let incrementTutorialStep = false;
-  switch (ITutorial.currStep) {
-    case iTutorialSteps.ScriptEditorEditAndSave:
-      if (props.page !== Page.ScriptEditor) {
-        flash = Page.ScriptEditor;
-      }
-      break;
-    case iTutorialSteps.ScriptEditorGoToTerminalPage:
-      flash = Page.Terminal;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.TerminalGoToActiveScriptsPage:
-      flash = Page.ActiveScripts;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.ActiveScriptsDescription:
-      flash = Page.Terminal;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.TerminalGoToCharacterStatsPage:
-      flash = Page.Stats;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.CharacterStatsGoToWorldPage:
-      flash = Page.City;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.WorldDescription:
-      flash = Page.Documentation;
-      incrementTutorialStep = true;
-      break;
+  if (ITutorial.isRunning) {
+    switch (ITutorial.currStep) {
+      case iTutorialSteps.ScriptEditorEditAndSave:
+        if (props.page !== Page.ScriptEditor) {
+          flash = Page.ScriptEditor;
+        }
+        break;
+      case iTutorialSteps.ScriptEditorGoToTerminalPage:
+        flash = Page.Terminal;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.TerminalGoToActiveScriptsPage:
+        flash = Page.ActiveScripts;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.ActiveScriptsDescription:
+        flash = Page.Terminal;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.TerminalGoToCharacterStatsPage:
+        flash = Page.Stats;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.CharacterStatsGoToWorldPage:
+        flash = Page.City;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.WorldDescription:
+        flash = Page.Documentation;
+        incrementTutorialStep = true;
+        break;
+    }
   }
 
   const augmentationCount = Player.queuedAugmentations.length;

From b362fadf32f4206fb6afa906b8db673d24cc7ee3 Mon Sep 17 00:00:00 2001
From: branchtheory <97463314+branchtheory@users.noreply.github.com>
Date: Wed, 9 Sep 2026 00:53:14 +0100
Subject: [PATCH 75/82] Tiny tweak

---
 src/Terminal/Terminal.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index ece061afb0..bc0428b57c 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -430,7 +430,7 @@ export class Terminal {
           break;
 
         default:
-          this.error("This step doesn't involve the terminal");
+          this.error("This tutorial step doesn't involve the terminal");
           return;
       }
 

From 1d6617c5de689f7518dd2f0a6f1794b8fbe4bae5 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 9 Sep 2026 10:14:52 +0100
Subject: [PATCH 76/82] Update

---
 src/Documentation/ui/DocumentationRoot.tsx    |  2 +-
 src/ScriptEditor/ui/ScriptEditorRoot.tsx      |  9 ++-
 src/ScriptEditor/ui/Toolbar.tsx               |  8 +--
 src/Sidebar/ui/SidebarRoot.tsx                | 62 +++++++++----------
 src/ui/ActiveScripts/ServerAccordion.tsx      |  5 +-
 .../ActiveScripts/WorkerScriptAccordion.tsx   |  5 +-
 6 files changed, 42 insertions(+), 49 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index 65c418e815..7bcf3aed50 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -77,7 +77,7 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
    * visits the documentation page for the Docs step, they see index.md / home.
    */
   useEffect(() => {
-    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.DocumentationInfo) {
+    if (ITutorial.currStep === iTutorialSteps.DocumentationInfo) {
       history.home();
     }
 
diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index b395bdb26a..578e25d9ca 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -195,16 +195,19 @@ function Root(props: IProps): React.ReactElement {
     const preSave = options.beautifyOnSave ? beautify : () => Promise.resolve();
 
     // this is duplicate code with saving later.
-    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave) {
+    if (
+      ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ||
+      ITutorial.currStep === iTutorialSteps.ScriptEditorRam
+    ) {
       //Make sure filename + code properly follow tutorial
       if (currentScript.path !== tutorialScriptName) {
-        dialogBoxCreate("Don't change the script name for now.");
+        dialogBoxCreate("Don't change the script's name for now.");
         return;
       }
       const cleanCode = currentScript.code.replace(/\s/g, "");
       const expectedCleanCode = `/**@param{NS}ns*/exportasyncfunctionmain(ns){while(true){awaitns.hack("n00dles");}}`;
       if (!cleanCode.includes(expectedCleanCode)) {
-        dialogBoxCreate("Please copy and paste the code from the tutorial!");
+        dialogBoxCreate("Copy and paste the code from the tutorial. Don't change the code for now.");
         return;
       }
 
diff --git a/src/ScriptEditor/ui/Toolbar.tsx b/src/ScriptEditor/ui/Toolbar.tsx
index 8897223dff..cfb007b3ba 100644
--- a/src/ScriptEditor/ui/Toolbar.tsx
+++ b/src/ScriptEditor/ui/Toolbar.tsx
@@ -76,12 +76,12 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
             whiteSpace: "nowrap",
             color: isUpdatingRAM
               ? "secondary.main"
-              : ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorRam
+              : ITutorial.currStep === iTutorialSteps.ScriptEditorRam
               ? "info.main"
               : "primary.main",
           }}
           onClick={() => {
-            if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorRam) iTutorialNextStep();
+            if (ITutorial.currStep === iTutorialSteps.ScriptEditorRam) iTutorialNextStep();
             openRAMInfo();
           }}
         >
@@ -89,9 +89,7 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
         </Button>
         <Tooltip title={parseKeyCombinationsToString(CurrentKeyBindings[ScriptEditorAction.Save])}>
           <Button
-            color={
-              ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ? "info" : "primary"
-            }
+            color={ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ? "info" : "primary"}
             onClick={() => {
               onSave().catch((error) => console.error(error));
             }}
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index b42e356e34..87c2e8a483 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -128,38 +128,36 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
 
   let flash: Page | null = null;
   let incrementTutorialStep = false;
-  if (ITutorial.isRunning) {
-    switch (ITutorial.currStep) {
-      case iTutorialSteps.ScriptEditorEditAndSave:
-        if (props.page !== Page.ScriptEditor) {
-          flash = Page.ScriptEditor;
-        }
-        break;
-      case iTutorialSteps.ScriptEditorGoToTerminalPage:
-        flash = Page.Terminal;
-        incrementTutorialStep = true;
-        break;
-      case iTutorialSteps.TerminalGoToActiveScriptsPage:
-        flash = Page.ActiveScripts;
-        incrementTutorialStep = true;
-        break;
-      case iTutorialSteps.ActiveScriptsDescription:
-        flash = Page.Terminal;
-        incrementTutorialStep = true;
-        break;
-      case iTutorialSteps.TerminalGoToCharacterStatsPage:
-        flash = Page.Stats;
-        incrementTutorialStep = true;
-        break;
-      case iTutorialSteps.CharacterStatsGoToWorldPage:
-        flash = Page.City;
-        incrementTutorialStep = true;
-        break;
-      case iTutorialSteps.WorldDescription:
-        flash = Page.Documentation;
-        incrementTutorialStep = true;
-        break;
-    }
+  switch (ITutorial.currStep) {
+    case iTutorialSteps.ScriptEditorEditAndSave:
+      if (props.page !== Page.ScriptEditor) {
+        flash = Page.ScriptEditor;
+      }
+      break;
+    case iTutorialSteps.ScriptEditorGoToTerminalPage:
+      flash = Page.Terminal;
+      incrementTutorialStep = true;
+      break;
+    case iTutorialSteps.TerminalGoToActiveScriptsPage:
+      flash = Page.ActiveScripts;
+      incrementTutorialStep = true;
+      break;
+    case iTutorialSteps.ActiveScriptsDescription:
+      flash = Page.Terminal;
+      incrementTutorialStep = true;
+      break;
+    case iTutorialSteps.TerminalGoToCharacterStatsPage:
+      flash = Page.Stats;
+      incrementTutorialStep = true;
+      break;
+    case iTutorialSteps.CharacterStatsGoToWorldPage:
+      flash = Page.City;
+      incrementTutorialStep = true;
+      break;
+    case iTutorialSteps.WorldDescription:
+      flash = Page.Documentation;
+      incrementTutorialStep = true;
+      break;
   }
 
   const augmentationCount = Player.queuedAugmentations.length;
diff --git a/src/ui/ActiveScripts/ServerAccordion.tsx b/src/ui/ActiveScripts/ServerAccordion.tsx
index 0665d93a2f..3e6d77f9cb 100644
--- a/src/ui/ActiveScripts/ServerAccordion.tsx
+++ b/src/ui/ActiveScripts/ServerAccordion.tsx
@@ -43,10 +43,7 @@ export function ServerAccordion({ server, scripts, startOpen }: ServerAccordionP
             <Typography
               sx={{
                 whiteSpace: "pre-wrap",
-                color:
-                  ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription
-                    ? "info.main"
-                    : "primary.main",
+                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
               }}
             >
               {headerTxt}
diff --git a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
index e8a7217d59..ed97bace51 100644
--- a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
+++ b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
@@ -73,10 +73,7 @@ export function WorkerScriptAccordion(props: IProps): React.ReactElement {
             <Typography
               sx={{
                 overflowWrap: "break-word",
-                color:
-                  ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription
-                    ? "info.main"
-                    : "primary.main",
+                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
               }}
             >
               └ {props.workerScript.name} ({formatRam(scriptRef.ramUsage * scriptRef.threads)}){" "}

From 4139cfd749437d375b42dd44ee6166660eb12485 Mon Sep 17 00:00:00 2001
From: branchtheory <97463314+branchtheory@users.noreply.github.com>
Date: Wed, 9 Sep 2026 10:17:22 +0100
Subject: [PATCH 77/82] Update

---
 src/ScriptEditor/ui/ScriptEditorRoot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index 578e25d9ca..0899256a91 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -207,7 +207,7 @@ function Root(props: IProps): React.ReactElement {
       const cleanCode = currentScript.code.replace(/\s/g, "");
       const expectedCleanCode = `/**@param{NS}ns*/exportasyncfunctionmain(ns){while(true){awaitns.hack("n00dles");}}`;
       if (!cleanCode.includes(expectedCleanCode)) {
-        dialogBoxCreate("Copy and paste the code from the tutorial. Don't change the code for now.");
+        dialogBoxCreate("Copy and paste the code from the tutorial. Don't change it for now.");
         return;
       }
 

From c6e80e710bc9e9e9a0ffe66d1a2d192ba492e008 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 9 Sep 2026 11:46:54 +0100
Subject: [PATCH 78/82] IS isRunning

---
 src/Documentation/ui/DocumentationRoot.tsx    |  2 +-
 src/ScriptEditor/ui/ScriptEditorRoot.tsx      |  5 +-
 src/ScriptEditor/ui/Toolbar.tsx               |  8 ++-
 src/Sidebar/ui/SidebarRoot.tsx                | 62 ++++++++++---------
 src/ui/ActiveScripts/ServerAccordion.tsx      |  5 +-
 .../ActiveScripts/WorkerScriptAccordion.tsx   |  5 +-
 6 files changed, 49 insertions(+), 38 deletions(-)

diff --git a/src/Documentation/ui/DocumentationRoot.tsx b/src/Documentation/ui/DocumentationRoot.tsx
index 7bcf3aed50..65c418e815 100644
--- a/src/Documentation/ui/DocumentationRoot.tsx
+++ b/src/Documentation/ui/DocumentationRoot.tsx
@@ -77,7 +77,7 @@ export function DocumentationRoot({ docPage }: { docPage?: string }): React.Reac
    * visits the documentation page for the Docs step, they see index.md / home.
    */
   useEffect(() => {
-    if (ITutorial.currStep === iTutorialSteps.DocumentationInfo) {
+    if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.DocumentationInfo) {
       history.home();
     }
 
diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index 0899256a91..eb75835661 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -196,8 +196,9 @@ function Root(props: IProps): React.ReactElement {
 
     // this is duplicate code with saving later.
     if (
-      ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ||
-      ITutorial.currStep === iTutorialSteps.ScriptEditorRam
+      ITutorial.isRunning &&
+      (ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ||
+        ITutorial.currStep === iTutorialSteps.ScriptEditorRam)
     ) {
       //Make sure filename + code properly follow tutorial
       if (currentScript.path !== tutorialScriptName) {
diff --git a/src/ScriptEditor/ui/Toolbar.tsx b/src/ScriptEditor/ui/Toolbar.tsx
index cfb007b3ba..8897223dff 100644
--- a/src/ScriptEditor/ui/Toolbar.tsx
+++ b/src/ScriptEditor/ui/Toolbar.tsx
@@ -76,12 +76,12 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
             whiteSpace: "nowrap",
             color: isUpdatingRAM
               ? "secondary.main"
-              : ITutorial.currStep === iTutorialSteps.ScriptEditorRam
+              : ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorRam
               ? "info.main"
               : "primary.main",
           }}
           onClick={() => {
-            if (ITutorial.currStep === iTutorialSteps.ScriptEditorRam) iTutorialNextStep();
+            if (ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorRam) iTutorialNextStep();
             openRAMInfo();
           }}
         >
@@ -89,7 +89,9 @@ export function Toolbar({ editor, onSave, onRun, onBeautify }: IProps) {
         </Button>
         <Tooltip title={parseKeyCombinationsToString(CurrentKeyBindings[ScriptEditorAction.Save])}>
           <Button
-            color={ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ? "info" : "primary"}
+            color={
+              ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ScriptEditorEditAndSave ? "info" : "primary"
+            }
             onClick={() => {
               onSave().catch((error) => console.error(error));
             }}
diff --git a/src/Sidebar/ui/SidebarRoot.tsx b/src/Sidebar/ui/SidebarRoot.tsx
index 87c2e8a483..b42e356e34 100644
--- a/src/Sidebar/ui/SidebarRoot.tsx
+++ b/src/Sidebar/ui/SidebarRoot.tsx
@@ -128,36 +128,38 @@ export function SidebarRoot(props: { page: Page }): React.ReactElement {
 
   let flash: Page | null = null;
   let incrementTutorialStep = false;
-  switch (ITutorial.currStep) {
-    case iTutorialSteps.ScriptEditorEditAndSave:
-      if (props.page !== Page.ScriptEditor) {
-        flash = Page.ScriptEditor;
-      }
-      break;
-    case iTutorialSteps.ScriptEditorGoToTerminalPage:
-      flash = Page.Terminal;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.TerminalGoToActiveScriptsPage:
-      flash = Page.ActiveScripts;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.ActiveScriptsDescription:
-      flash = Page.Terminal;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.TerminalGoToCharacterStatsPage:
-      flash = Page.Stats;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.CharacterStatsGoToWorldPage:
-      flash = Page.City;
-      incrementTutorialStep = true;
-      break;
-    case iTutorialSteps.WorldDescription:
-      flash = Page.Documentation;
-      incrementTutorialStep = true;
-      break;
+  if (ITutorial.isRunning) {
+    switch (ITutorial.currStep) {
+      case iTutorialSteps.ScriptEditorEditAndSave:
+        if (props.page !== Page.ScriptEditor) {
+          flash = Page.ScriptEditor;
+        }
+        break;
+      case iTutorialSteps.ScriptEditorGoToTerminalPage:
+        flash = Page.Terminal;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.TerminalGoToActiveScriptsPage:
+        flash = Page.ActiveScripts;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.ActiveScriptsDescription:
+        flash = Page.Terminal;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.TerminalGoToCharacterStatsPage:
+        flash = Page.Stats;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.CharacterStatsGoToWorldPage:
+        flash = Page.City;
+        incrementTutorialStep = true;
+        break;
+      case iTutorialSteps.WorldDescription:
+        flash = Page.Documentation;
+        incrementTutorialStep = true;
+        break;
+    }
   }
 
   const augmentationCount = Player.queuedAugmentations.length;
diff --git a/src/ui/ActiveScripts/ServerAccordion.tsx b/src/ui/ActiveScripts/ServerAccordion.tsx
index 3e6d77f9cb..0665d93a2f 100644
--- a/src/ui/ActiveScripts/ServerAccordion.tsx
+++ b/src/ui/ActiveScripts/ServerAccordion.tsx
@@ -43,7 +43,10 @@ export function ServerAccordion({ server, scripts, startOpen }: ServerAccordionP
             <Typography
               sx={{
                 whiteSpace: "pre-wrap",
-                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
+                color:
+                  ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription
+                    ? "info.main"
+                    : "primary.main",
               }}
             >
               {headerTxt}
diff --git a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
index ed97bace51..e8a7217d59 100644
--- a/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
+++ b/src/ui/ActiveScripts/WorkerScriptAccordion.tsx
@@ -73,7 +73,10 @@ export function WorkerScriptAccordion(props: IProps): React.ReactElement {
             <Typography
               sx={{
                 overflowWrap: "break-word",
-                color: ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription ? "info.main" : "primary.main",
+                color:
+                  ITutorial.isRunning && ITutorial.currStep === iTutorialSteps.ActiveScriptsDescription
+                    ? "info.main"
+                    : "primary.main",
               }}
             >
               └ {props.workerScript.name} ({formatRam(scriptRef.ramUsage * scriptRef.threads)}){" "}

From 640c1ff81b9fec89a8dcd17ee1372da8781553a9 Mon Sep 17 00:00:00 2001
From: branchtheory <robert.g.silverstone@gmail.com~>
Date: Wed, 9 Sep 2026 14:18:17 +0100
Subject: [PATCH 79/82] Switch

---
 src/Terminal/Terminal.ts | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/Terminal/Terminal.ts b/src/Terminal/Terminal.ts
index bc0428b57c..962604c1a7 100644
--- a/src/Terminal/Terminal.ts
+++ b/src/Terminal/Terminal.ts
@@ -348,7 +348,7 @@ export class Terminal {
         throw new Error("Could not get n00dles server");
       }
 
-      const commandArrayMatches = (...rightCommand: (string | number)[]): boolean =>
+      const matchesCommandArray = (...rightCommand: (string | number)[]): boolean =>
         commandArray.length === rightCommand.length && commandArray.every((e, idx) => e === rightCommand[idx]);
 
       const errorMessageForBadCommand = "Wrong command. Try again.";
@@ -358,60 +358,60 @@ export class Terminal {
 
       switch (ITutorial.currStep) {
         case iTutorialSteps.TerminalScan:
-          isCorrect = commandArrayMatches("scan");
+          isCorrect = matchesCommandArray("scan");
           break;
 
         case iTutorialSteps.TerminalScanAnalyze:
-          isCorrect = commandArrayMatches("scan-analyze");
+          isCorrect = matchesCommandArray("scan-analyze");
           break;
 
         case iTutorialSteps.TerminalScanAnalyze2:
-          isCorrect = commandArrayMatches("scan-analyze", 2);
+          isCorrect = matchesCommandArray("scan-analyze", 2);
           break;
 
         case iTutorialSteps.TerminalConnect:
-          isCorrect = commandArrayMatches("connect", "n00dles") || commandArrayMatches("connect", n00dlesServ.hostname);
+          isCorrect = matchesCommandArray("connect", "n00dles") || matchesCommandArray("connect", n00dlesServ.hostname);
           break;
 
         case iTutorialSteps.TerminalAnalyze:
-          isCorrect = commandArrayMatches("analyze");
+          isCorrect = matchesCommandArray("analyze");
           break;
 
         case iTutorialSteps.TerminalNuke:
-          isCorrect = commandArrayMatches("run", "NUKE.exe");
+          isCorrect = matchesCommandArray("run", "NUKE.exe");
           break;
 
         case iTutorialSteps.TerminalManualHack:
-          isCorrect = commandArrayMatches("hack");
+          isCorrect = matchesCommandArray("hack");
           break;
 
         case iTutorialSteps.TerminalHackWeakenGrowMechanics:
-          isCorrect = ["hack", "weaken", "grow"].some((c) => commandArrayMatches(c));
+          isCorrect = ["hack", "weaken", "grow"].some((c) => matchesCommandArray(c));
           incrementStep = false;
           break;
 
         case iTutorialSteps.TerminalHome:
-          isCorrect = commandArrayMatches("home");
+          isCorrect = matchesCommandArray("home");
           break;
 
         case iTutorialSteps.TerminalNano:
-          isCorrect = commandArrayMatches("nano", tutorialScriptName);
+          isCorrect = matchesCommandArray("nano", tutorialScriptName);
           break;
 
         case iTutorialSteps.TerminalFree:
-          isCorrect = commandArrayMatches("free");
+          isCorrect = matchesCommandArray("free");
           break;
 
         case iTutorialSteps.TerminalRun:
-          isCorrect = commandArrayMatches("run", tutorialScriptName);
+          isCorrect = matchesCommandArray("run", tutorialScriptName);
           break;
 
         case iTutorialSteps.TerminalTail:
-          isCorrect = commandArrayMatches("tail", tutorialScriptName);
+          isCorrect = matchesCommandArray("tail", tutorialScriptName);
           break;
 
         case iTutorialSteps.TerminalLs:
-          if (commandArrayMatches("ls")) {
+          if (matchesCommandArray("ls")) {
             isCorrect = true;
           } else if (commandArray[0] === "1s") {
             this.error("Command '1s' not found. Did you mean 'ls' with a lowercase L?");
@@ -422,11 +422,11 @@ export class Terminal {
           break;
 
         case iTutorialSteps.TerminalScp:
-          isCorrect = commandArrayMatches("scp", tutorialScriptName, "n00dles");
+          isCorrect = matchesCommandArray("scp", tutorialScriptName, "n00dles");
           break;
 
         case iTutorialSteps.TerminalHelp:
-          isCorrect = commandArrayMatches("help");
+          isCorrect = matchesCommandArray("help");
           break;
 
         default:

From 580679f00f5b58443bafbef8e746db644d5e6c6f Mon Sep 17 00:00:00 2001
From: branchtheory <97463314+branchtheory@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:12:56 +0100
Subject: [PATCH 80/82] better

---
 src/ScriptEditor/ui/ScriptEditorRoot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index eb75835661..0a0e2997a7 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -208,7 +208,7 @@ function Root(props: IProps): React.ReactElement {
       const cleanCode = currentScript.code.replace(/\s/g, "");
       const expectedCleanCode = `/**@param{NS}ns*/exportasyncfunctionmain(ns){while(true){awaitns.hack("n00dles");}}`;
       if (!cleanCode.includes(expectedCleanCode)) {
-        dialogBoxCreate("Copy and paste the code from the tutorial. Don't change it for now.");
+        dialogBoxCreate("Use the code from the tutorial. Don't change it for now.");
         return;
       }
 

From 2999577eca1e198cae4153b8b3d90a54361ac10a Mon Sep 17 00:00:00 2001
From: branchtheory <97463314+branchtheory@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:14:56 +0100
Subject: [PATCH 81/82] better

---
 src/ScriptEditor/ui/ScriptEditorRoot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index 0a0e2997a7..6eb8a58edd 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -208,7 +208,7 @@ function Root(props: IProps): React.ReactElement {
       const cleanCode = currentScript.code.replace(/\s/g, "");
       const expectedCleanCode = `/**@param{NS}ns*/exportasyncfunctionmain(ns){while(true){awaitns.hack("n00dles");}}`;
       if (!cleanCode.includes(expectedCleanCode)) {
-        dialogBoxCreate("Use the code from the tutorial. Don't change it for now.");
+        dialogBoxCreate("Use the code the tutorial provided. Don't change it for now.");
         return;
       }
 

From fe2641f6a917ec4432eeef9139843fbc6203fa34 Mon Sep 17 00:00:00 2001
From: branchtheory <97463314+branchtheory@users.noreply.github.com>
Date: Thu, 10 Sep 2026 16:16:32 +0100
Subject: [PATCH 82/82] better

---
 src/ScriptEditor/ui/ScriptEditorRoot.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ScriptEditor/ui/ScriptEditorRoot.tsx b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
index 6eb8a58edd..b843e4a330 100644
--- a/src/ScriptEditor/ui/ScriptEditorRoot.tsx
+++ b/src/ScriptEditor/ui/ScriptEditorRoot.tsx
@@ -208,7 +208,7 @@ function Root(props: IProps): React.ReactElement {
       const cleanCode = currentScript.code.replace(/\s/g, "");
       const expectedCleanCode = `/**@param{NS}ns*/exportasyncfunctionmain(ns){while(true){awaitns.hack("n00dles");}}`;
       if (!cleanCode.includes(expectedCleanCode)) {
-        dialogBoxCreate("Use the code the tutorial provided. Don't change it for now.");
+        dialogBoxCreate("Use the code from the tutorial panel. Don't change it for now.");
         return;
       }