diff --git a/code/modules/modular_computers/file_system/programs/notepad.dm b/code/modules/modular_computers/file_system/programs/notepad.dm
index af165952830..2a84ae20cd6 100644
--- a/code/modules/modular_computers/file_system/programs/notepad.dm
+++ b/code/modules/modular_computers/file_system/programs/notepad.dm
@@ -9,6 +9,10 @@
 	program_icon = "book"
 	can_run_on_flags = PROGRAM_ALL
 	circuit_comp_type = /obj/item/circuit_component/mod_program/notepad
+
+	var/opened_file_uid
+	var/opened_file_on_disk = FALSE
+	var/opened_file_name = "Untitled"
 	var/written_note = "Congratulations on your station upgrading to the new NtOS and Thinktronic based collaboration effort, \
 		bringing you the best in electronics and software since 2467!\n\
 		To help with navigation, we have provided the following definitions:\n\
@@ -19,17 +23,99 @@
 		Quarter - Either sides of Aft\n\
 		Bow - Either sides of Fore"
 
+/datum/computer_file/program/notepad/proc/get_target_disk(opened_on_disk)
+	if(opened_on_disk && computer?.inserted_disk)
+		return computer.inserted_disk
+	return null
+
+/datum/computer_file/program/notepad/proc/find_text_file(uid, opened_on_disk, name)
+	var/obj/item/disk/computer/target_disk = get_target_disk(opened_on_disk)
+	var/datum/computer_file/data/text/file
+	if(uid)
+		file = computer.find_file_by_uid(uid, target_disk)
+	if(!file && length(name))
+		file = computer.find_file_by_full_name("[name].TXT", target_disk)
+	return file
+
+/datum/computer_file/program/notepad/proc/load_text_file(datum/computer_file/data/text/file)
+	written_note = file.stored_text
+	opened_file_uid = file.uid
+	opened_file_on_disk = !!file.disk_host
+	opened_file_name = file.filename
+
+/datum/computer_file/program/notepad/proc/save_text_file(mob/user, name, extension, note, uid, opened_on_disk)
+	var/obj/item/disk/computer/target_disk = get_target_disk(opened_on_disk)
+	var/datum/computer_file/data/text/file = find_text_file(uid, opened_on_disk, name)
+	if(file)
+		file.stored_text = note
+		file.calculate_size()
+		load_text_file(file)
+		return
+
+	var/datum/computer_file/data/text/new_file = create_text_file(extension)
+	new_file.filename = name
+	new_file.stored_text = note
+	new_file.calculate_size()
+	var/file_stored = target_disk ? target_disk.add_file(new_file) : computer.store_file(new_file, user)
+	if(!file_stored)
+		to_chat(user, span_warning("Error occured while saving the file!"))
+		qdel(new_file)
+		return
+
+	load_text_file(new_file)
+
+/datum/computer_file/program/notepad/proc/create_text_file(extension)
+	if(extension == "LOG")
+		return new /datum/computer_file/data/text/logfile()
+	return new /datum/computer_file/data/text()
+
 /datum/computer_file/program/notepad/ui_act(action, list/params, datum/tgui/ui, datum/ui_state/state)
 	. = ..()
+	var/mob/user = ui.user
 	switch(action)
 		if("UpdateNote")
 			written_note = params["newnote"]
 			return TRUE
+		if("SaveNote")
+			written_note = params["newnote"] || written_note
+			save_text_file(user, opened_file_name, null, written_note, opened_file_uid, opened_file_on_disk)
+			return TRUE
+		if("Save")
+			written_note = params["note"] || written_note
+			save_text_file(user, opened_file_name, null, written_note, opened_file_uid, opened_file_on_disk)
+			return TRUE
+		if("SaveAs")
+			var/new_name = trim(params["name"], MAX_MESSAGE_LEN)
+			var/extension = params["extension"]
+			if(!length(new_name) || !filter_filename_pda(new_name))
+				return
+			written_note = params["note"] || written_note
+			save_text_file(user, new_name, extension, written_note, params["uid"], opened_file_on_disk)
+			return TRUE
+		if("Open")
+			var/datum/computer_file/data/text/file = find_text_file(params["uid"], params["onDisk"], params["name"])
+			if(!file)
+				return
+			load_text_file(file)
+			return TRUE
 
 /datum/computer_file/program/notepad/ui_data(mob/user)
 	var/list/data = list()
 
 	data["note"] = written_note
+	data["documentName"] = opened_file_name
+	data["files"] = list()
+	if(computer)
+		for(var/datum/computer_file/file in computer.get_files(TRUE))
+			if(!istype(file, /datum/computer_file/data/text))
+				continue
+			data["files"] += list(list(
+				"uid" = file.uid,
+				"name" = file.filename,
+				"filetype" = file.filetype,
+				"onDisk" = !!file.disk_host,
+				"displayName" = "[file.filename].[file.filetype]",
+			))
 
 	return data
 
diff --git a/tgui/packages/tgui/interfaces/NtosNotepad.tsx b/tgui/packages/tgui/interfaces/NtosNotepad.tsx
index 969ea8131d5..adcd1b0daf8 100644
--- a/tgui/packages/tgui/interfaces/NtosNotepad.tsx
+++ b/tgui/packages/tgui/interfaces/NtosNotepad.tsx
@@ -4,8 +4,19 @@
  * @license MIT
  */
 
-import { useRef, useState } from 'react';
-import { Box, Dialog, Divider, MenuBar, Section } from 'tgui-core/components';
+import { useEffect, useRef, useState } from 'react';
+import {
+  Box,
+  Button,
+  Dialog,
+  Divider,
+  Dropdown,
+  Flex,
+  Input,
+  MenuBar,
+  Section,
+  Stack,
+} from 'tgui-core/components';
 
 import { useBackend } from '../backend';
 import { NtosWindow } from '../layouts';
@@ -16,6 +27,18 @@ const logger = createLogger('NtosNotepad');
 
 const DEFAULT_DOCUMENT_NAME = 'Untitled';
 
+enum Extensions {
+  TXT = 'TXT',
+}
+
+type NoteFileEntry = {
+  uid: number;
+  name: string;
+  filetype: string;
+  onDisk: boolean;
+  displayName: string;
+};
+
 type PartiallyUnderlinedProps = {
   str: string;
   indexStart: number;
@@ -40,16 +63,20 @@ enum Dialogs {
   UNSAVED_CHANGES = 1,
   OPEN = 2,
   ABOUT = 3,
+  SELECT_FILE = 4,
+  SAVE = 5,
 }
 
 type MenuBarProps = {
   onSave: () => void;
+  onSaveAs: () => void;
   onExit: () => void;
   onNewNote: () => void;
   onCutSelected: () => void;
   onCopySelected: () => void;
   onPasteSelected: () => void;
   onDeleteSelected: () => void;
+  onOpenSelected: () => void;
   showStatusBar: boolean;
   setShowStatusBar: (boolean) => void;
   wordWrap: boolean;
@@ -60,12 +87,14 @@ type MenuBarProps = {
 const NtosNotepadMenuBar = (props: MenuBarProps) => {
   const {
     onSave,
+    onSaveAs,
     onExit,
     onNewNote,
     onCutSelected,
     onCopySelected,
     onPasteSelected,
     onDeleteSelected,
+    onOpenSelected,
     setShowStatusBar,
     showStatusBar,
     wordWrap,
@@ -81,12 +110,18 @@ const NtosNotepadMenuBar = (props: MenuBarProps) => {
       case 'save':
         onSave();
         break;
+      case 'save_as':
+        onSaveAs();
+        break;
       case 'exit':
         onExit();
         break;
       case 'new':
         onNewNote();
         break;
+      case 'open':
+        onOpenSelected();
+        break;
       case 'cut':
         onCutSelected();
         break;
@@ -135,7 +170,11 @@ const NtosNotepadMenuBar = (props: MenuBarProps) => {
         {...itemProps}
       >
         <MenuBar.Dropdown.MenuItem {...getMenuItemProps('new', 'New')} />
+        <MenuBar.Dropdown.MenuItem {...getMenuItemProps('open', 'Open')} />
         <MenuBar.Dropdown.MenuItem {...getMenuItemProps('save', 'Save')} />
+        <MenuBar.Dropdown.MenuItem
+          {...getMenuItemProps('save_as', 'Save As')}
+        />
         <MenuBar.Dropdown.Separator key="firstSep" />
         <MenuBar.Dropdown.MenuItem {...getMenuItemProps('exit', 'Exit...')} />
       </MenuBar.Dropdown>
@@ -325,13 +364,19 @@ const AboutDialog = (props: AboutDialogProps) => {
 
 type NoteData = {
   note: string;
+  documentName: string;
+  files: NoteFileEntry[];
 };
 type RetryActionType = (retrying?: boolean) => void;
 
 export const NtosNotepad = (props) => {
   const { act, data } = useBackend<NoteData>();
-  const { note } = data;
-  const [documentName, setDocumentName] = useState(DEFAULT_DOCUMENT_NAME);
+  const {
+    note,
+    documentName: backendDocumentName = DEFAULT_DOCUMENT_NAME,
+    files = [],
+  } = data;
+  const [documentName, setDocumentName] = useState(backendDocumentName);
   const [originalText, setOriginalText] = useState(note);
   const [text, setText] = useState(note);
   const [statuses, setStatuses] = useState<Statuses>({
@@ -342,23 +387,34 @@ export const NtosNotepad = (props) => {
   const [retryAction, setRetryAction] = useState<RetryActionType | null>(null);
   const [showStatusBar, setShowStatusBar] = useState(true);
   const [wordWrap, setWordWrap] = useState(true);
+  const [selectedFileUid, setSelectedFileUid] = useState<number | null>(null);
+  const [saveName, setSaveName] = useState(DEFAULT_DOCUMENT_NAME);
+
+  const [saveExtension, setSaveExtension] = useState(Extensions.TXT);
+
+  useEffect(() => {
+    setText(note);
+    setOriginalText(note);
+    setDocumentName(backendDocumentName);
+    setStatuses(getStatusCounts(note, note.length));
+  }, [note, backendDocumentName]);
 
   const handleCloseDialog = () => setActiveDialog(Dialogs.NONE);
-  const handleSave = (newDocumentName: string = documentName) => {
-    logger.log(`Saving the document as ${newDocumentName}`);
-    act('UpdateNote', { newnote: text });
-    setOriginalText(text);
-    setDocumentName(newDocumentName);
-    logger.log('Attempting to retry previous action');
+  const handleSave = () => {
+    logger.log(`Saving the document as ${documentName}`);
+    act('save', { note: text });
     setActiveDialog(Dialogs.NONE);
-
-    // Retry the previous action now that we've saved. The previous action could be to
-    // close the application, a new document being created or
-    // an existing document being opened
     if (retryAction) {
-      retryAction(true);
+      setRetryAction(null);
     }
-    setRetryAction(null);
+  };
+  const handleSaveAs = () => setActiveDialog(Dialogs.SAVE);
+  const handleOpenNote = (retrying = false) => {
+    if (ensureUnsavedChangesAreHandled(handleOpenNote, retrying)) {
+      return;
+    }
+    setSelectedFileUid(null);
+    setActiveDialog(Dialogs.SELECT_FILE);
   };
   const ensureUnsavedChangesAreHandled = (
     action: () => void,
@@ -391,6 +447,7 @@ export const NtosNotepad = (props) => {
     setDocumentName(DEFAULT_DOCUMENT_NAME);
   };
 
+  const selectedFile = files.find((file) => file.uid === selectedFileUid);
   // MS Notepad displays an asterisk when there's unsaved changes
   const unsavedAsterisk = text !== originalText ? '*' : '';
   return (
@@ -403,8 +460,10 @@ export const NtosNotepad = (props) => {
         <Box className="NtosNotepad__layout">
           <NtosNotepadMenuBar
             onSave={handleSave}
+            onSaveAs={handleSaveAs}
             onExit={exit}
             onNewNote={newNote}
+            onOpenSelected={handleOpenNote}
             onCutSelected={() => document.execCommand('cut')}
             onCopySelected={() => document.execCommand('copy')}
             onPasteSelected={() => document.execCommand('paste')}
@@ -426,13 +485,108 @@ export const NtosNotepad = (props) => {
           {showStatusBar && <StatusBar statuses={statuses} />}
         </Box>
       </NtosWindow.Content>
+      {activeDialog === Dialogs.SELECT_FILE && (
+        <Dialog title="Open File" onClose={handleCloseDialog} width="520px">
+          <div className="Dialog__body">
+            <Stack vertical fill>
+              <Stack.Item>
+                <Section fill title="Text Files">
+                  {files.length ? (
+                    <Dropdown
+                      selected={selectedFile?.displayName}
+                      displayText={selectedFile?.displayName}
+                      placeholder="Pick a file..."
+                      options={files.map((file) => file.displayName)}
+                      onSelected={(filename) => {
+                        setSelectedFileUid(
+                          files.find((file) => file.displayName === filename)
+                            ?.uid || files[0].uid,
+                        );
+                      }}
+                    />
+                  ) : (
+                    <Box>No text files available.</Box>
+                  )}
+                </Section>
+              </Stack.Item>
+            </Stack>
+          </div>
+          <div className="Dialog__footer">
+            <Button
+              onClick={() => {
+                if (selectedFile) {
+                  act('Open', {
+                    uid: selectedFile.uid,
+                    onDisk: selectedFile.onDisk,
+                    name: selectedFile.name,
+                  });
+                  handleCloseDialog();
+                }
+              }}
+            >
+              {'Open'}
+            </Button>
+            <Dialog.Button onClick={handleCloseDialog}>Cancel</Dialog.Button>
+          </div>
+        </Dialog>
+      )}
+      {activeDialog === Dialogs.SAVE && (
+        <Dialog title="Save As" onClose={handleCloseDialog} width="420px">
+          <div className="Dialog__body">
+            <Flex justify="space-between">
+              <Flex.Item>
+                <Input
+                  autoFocus
+                  fluid
+                  value={saveName}
+                  onChange={(value) => setSaveName(value)}
+                />
+              </Flex.Item>
+              <Flex.Item>
+                <Dropdown
+                  selected={saveExtension}
+                  displayText={saveExtension}
+                  placeholder="Pick an extension..."
+                  options={[Extensions.TXT]}
+                  onSelected={(extension) => {
+                    setSaveExtension(extension);
+                  }}
+                />
+              </Flex.Item>
+            </Flex>
+          </div>
+          <div className="Dialog__footer">
+            <Dialog.Button
+              onClick={() => {
+                act('SaveAs', {
+                  name: saveName,
+                  extension: saveExtension,
+                  note: text,
+                });
+                handleCloseDialog();
+              }}
+            >
+              {'Save'}
+            </Dialog.Button>
+            <Dialog.Button onClick={handleCloseDialog}>Cancel</Dialog.Button>
+          </div>
+        </Dialog>
+      )}
       {activeDialog === Dialogs.UNSAVED_CHANGES && (
         <Dialog title="Notepad" onClose={handleCloseDialog}>
           <div className="Dialog__body">
             Do you want to save changes to {documentName}?
           </div>
           <div className="Dialog__footer">
-            <Dialog.Button onClick={handleSave}>Save</Dialog.Button>
+            <Dialog.Button
+              onClick={() => {
+                setRetryAction(null);
+                act('Save', { note: text });
+                setActiveDialog(Dialogs.NONE);
+              }}
+            >
+              Save
+            </Dialog.Button>
             <Dialog.Button onClick={handleCloseDialog}>
               Don&apos;t Save
             </Dialog.Button>