From 24ab7d068463e98f1d39beb75ae04af97ae2eff2 Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Fri, 26 Jun 2026 20:24:47 +0100
Subject: [PATCH 01/10] Feat: Added lint Button

---
 src/components/launch/LaunchWindow.tsx | 26 +++++++++++++++++++++++---
 src/i18n/locales/en/launch.json        |  3 ++-
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/launch/LaunchWindow.tsx b/src/components/launch/LaunchWindow.tsx
index 24d273b49..2748a7fa6 100644
--- a/src/components/launch/LaunchWindow.tsx
+++ b/src/components/launch/LaunchWindow.tsx
@@ -1,4 +1,12 @@
-import { Check, ChevronDown, Clapperboard, Columns3, Languages, Rows3 } from "lucide-react";
+import {
+	Check,
+	ChevronDown,
+	Clapperboard,
+	Columns3,
+	Languages,
+	NotepadText,
+	Rows3,
+} from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { createPortal } from "react-dom";
 import { BsPauseCircle, BsPlayCircle, BsRecordCircle } from "react-icons/bs";
@@ -697,7 +705,10 @@ export function LaunchWindow() {
 							onMouseLeave={() => setIsMicHovered(false)}
 							onFocus={() => setIsMicFocused(true)}
 							onBlur={() => setIsMicFocused(false)}
-							style={{ width: micExpanded ? "240px" : "140px", transition: "width 300ms ease" }}
+							style={{
+								width: micExpanded ? "240px" : "140px",
+								transition: "width 300ms ease",
+							}}
 						>
 							<div className="relative flex-1 min-w-0">
 								{!micExpanded && (
@@ -743,7 +754,10 @@ export function LaunchWindow() {
 							onMouseLeave={() => setIsWebcamHovered(false)}
 							onFocus={() => setIsWebcamFocused(true)}
 							onBlur={() => setIsWebcamFocused(false)}
-							style={{ width: webcamExpanded ? "240px" : "140px", transition: "width 300ms ease" }}
+							style={{
+								width: webcamExpanded ? "240px" : "140px",
+								transition: "width 300ms ease",
+							}}
 						>
 							<div className="relative flex-1 min-w-0">
 								{!webcamExpanded && (
@@ -1031,6 +1045,12 @@ export function LaunchWindow() {
 					</div>
 				)}
 
+				<Tooltip content={t("tooltips.openNotes")}>
+					<button className={`${hudIconBtnClasses} ${styles.electronNoDrag}`}>
+						<NotepadText size={ICON_SIZE} className="text-white/60" />
+					</button>
+				</Tooltip>
+
 				{!recording && (
 					<Tooltip content={t("tooltips.openStudio")}>
 						<button
diff --git a/src/i18n/locales/en/launch.json b/src/i18n/locales/en/launch.json
index 0509752ee..6e25a7a29 100644
--- a/src/i18n/locales/en/launch.json
+++ b/src/i18n/locales/en/launch.json
@@ -10,7 +10,8 @@
 		"openProject": "Open project",
 		"useVerticalTray": "Use vertical tray",
 		"useHorizontalTray": "Use horizontal tray",
-		"openStudio": "Open Studio"
+		"openStudio": "Open Studio",
+		"openNotes": "Open Notes"
 	},
 	"audio": {
 		"enableSystemAudio": "Enable system audio",

From e151d7649952d31be9321406570135b2fc83e41f Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Fri, 26 Jun 2026 23:14:08 +0100
Subject: [PATCH 02/10] Notes is working, and not showing in the screen
 recorder

---
 electron/electron-env.d.ts             |  4 +++
 electron/ipc/handlers.ts               | 13 +++++++++
 electron/main.ts                       | 17 +++++++++++
 electron/preload.ts                    |  3 ++
 electron/windows.ts                    | 40 ++++++++++++++++++++++++++
 package.json                           |  4 +++
 src/App.tsx                            |  3 ++
 src/components/launch/LaunchWindow.tsx |  5 +++-
 src/components/launch/NotesWindow.tsx  | 20 +++++++++++++
 9 files changed, 108 insertions(+), 1 deletion(-)
 create mode 100644 src/components/launch/NotesWindow.tsx

diff --git a/electron/electron-env.d.ts b/electron/electron-env.d.ts
index a4972be61..72e73d792 100644
--- a/electron/electron-env.d.ts
+++ b/electron/electron-env.d.ts
@@ -41,6 +41,10 @@ interface Window {
 				error?: string;
 			};
 		}>;
+		openNotes: () => Promise<{
+			opened: boolean;
+			reason?: string;
+		}>;
 		selectSource: (source: ProcessedDesktopSource) => Promise<ProcessedDesktopSource | null>;
 		getSelectedSource: () => Promise<ProcessedDesktopSource | null>;
 		onSelectedSourceChanged: (callback: (source: ProcessedDesktopSource) => void) => () => void;
diff --git a/electron/ipc/handlers.ts b/electron/ipc/handlers.ts
index 85d154881..d8a1ee55a 100644
--- a/electron/ipc/handlers.ts
+++ b/electron/ipc/handlers.ts
@@ -1280,8 +1280,10 @@ export function registerIpcHandlers(
 	createEditorWindow: () => void,
 	createSourceSelectorWindow: () => BrowserWindow,
 	createCountdownOverlayWindow: () => BrowserWindow,
+	createNotesWindowWrapper: () => BrowserWindow,
 	getMainWindow: () => BrowserWindow | null,
 	getSourceSelectorWindow: () => BrowserWindow | null,
+	getNotesWindow: () => BrowserWindow | null,
 	getCountdownOverlayWindow?: () => BrowserWindow | null,
 	onRecordingStateChange?: (recording: boolean, sourceName: string) => void,
 	_switchToHud?: () => void,
@@ -1479,6 +1481,17 @@ export function registerIpcHandlers(
 		return { opened: true };
 	});
 
+	ipcMain.handle("open-notes", async () => {
+		const notesSelectorWin = getNotesWindow();
+		if (notesSelectorWin) {
+			notesSelectorWin.focus();
+			return { opened: true };
+		}
+
+		createNotesWindowWrapper();
+		return { opened: true };
+	});
+
 	ipcMain.handle("switch-to-editor", () => {
 		// createEditorWindow already closes the current mainWindow (the HUD) before
 		// opening the editor. Closing it here too double-closes, leaving ghost
diff --git a/electron/main.ts b/electron/main.ts
index a8e743fc9..6b533a8ff 100644
--- a/electron/main.ts
+++ b/electron/main.ts
@@ -25,6 +25,7 @@ import {
 	createCountdownOverlayWindow,
 	createEditorWindow,
 	createHudOverlayWindow,
+	createNotesWindow,
 	createSourceSelectorWindow,
 } from "./windows";
 
@@ -84,6 +85,7 @@ process.env.VITE_PUBLIC = VITE_DEV_SERVER_URL
 let mainWindow: BrowserWindow | null = null;
 let sourceSelectorWindow: BrowserWindow | null = null;
 let countdownOverlayWindow: BrowserWindow | null = null;
+let notesWindow: BrowserWindow | null = null;
 let tray: Tray | null = null;
 let selectedSourceName = "";
 const isMac = process.platform === "darwin";
@@ -437,6 +439,19 @@ function createSourceSelectorWindowWrapper() {
 	return sourceSelectorWindow;
 }
 
+function createNotesWindowWrapper() {
+	{
+		notesWindow = createNotesWindow();
+		notesWindow.on("closed", () => {
+			notesWindow = null;
+			if (mainWindow && !mainWindow.isDestroyed()) {
+				mainWindow.webContents.send("notes-window-closed");
+			}
+		});
+		return notesWindow;
+	}
+}
+
 function createCountdownOverlayWindowWrapper() {
 	if (countdownOverlayWindow && !countdownOverlayWindow.isDestroyed()) {
 		return countdownOverlayWindow;
@@ -575,9 +590,11 @@ appReady?.then(async () => {
 		createEditorWindowWrapper,
 		createSourceSelectorWindowWrapper,
 		createCountdownOverlayWindowWrapper,
+		createNotesWindowWrapper,
 		() => mainWindow,
 		() => sourceSelectorWindow,
 		() => countdownOverlayWindow,
+		() => notesWindow,
 		(recording: boolean, sourceName: string) => {
 			selectedSourceName = sourceName;
 			if (!tray) createTray();
diff --git a/electron/preload.ts b/electron/preload.ts
index fefcac044..e0d246bda 100644
--- a/electron/preload.ts
+++ b/electron/preload.ts
@@ -47,6 +47,9 @@ contextBridge.exposeInMainWorld("electronAPI", {
 	openSourceSelector: () => {
 		return ipcRenderer.invoke("open-source-selector");
 	},
+	openNotes: () => {
+		return ipcRenderer.invoke("open-notes");
+	},
 	selectSource: (source: ProcessedDesktopSource) => {
 		return ipcRenderer.invoke("select-source", source);
 	},
diff --git a/electron/windows.ts b/electron/windows.ts
index c3830157f..7ccacc934 100644
--- a/electron/windows.ts
+++ b/electron/windows.ts
@@ -320,3 +320,43 @@ export function createCountdownOverlayWindow(): BrowserWindow {
 
 	return win;
 }
+
+// Frameless Notes Window for taking notes during a recording.
+export function createNotesWindow(): BrowserWindow {
+	const win = new BrowserWindow({
+		width: 480,
+		height: 640,
+		frame: false,
+		transparent: true,
+		backgroundColor: "#00000000",
+		alwaysOnTop: true,
+		hasShadow: true,
+		vibrancy: "under-window",
+		visualEffectState: "active",
+		titleBarStyle: "hidden",
+		show: false,
+		webPreferences: {
+			preload: path.join(__dirname, "preload.mjs"),
+			additionalArguments: [ASSET_BASE_URL_ARG],
+			nodeIntegration: false,
+			contextIsolation: true,
+			backgroundThrottling: false,
+		},
+	});
+
+	win.setContentProtection(true);
+	win.once("ready-to-show", () => {
+		win.setContentProtection(true);
+		win.show();
+	});
+
+	if (VITE_DEV_SERVER_URL) {
+		win.loadURL(VITE_DEV_SERVER_URL + "?windowType=notes");
+	} else {
+		win.loadFile(path.join(RENDERER_DIST, "index.html"), {
+			query: { windowType: "notes" },
+		});
+	}
+
+	return win;
+}
diff --git a/package.json b/package.json
index 125c0b0e2..00699c1ba 100644
--- a/package.json
+++ b/package.json
@@ -131,5 +131,9 @@
 	"main": "dist-electron/main.js",
 	"lint-staged": {
 		"*.{ts,tsx,js,jsx,mts,cts,json}": "biome check --no-errors-on-unmatched"
+	},
+	"allowScripts": {
+		"electron@41.2.1": true,
+		"esbuild@0.27.7": true
 	}
 }
diff --git a/src/App.tsx b/src/App.tsx
index 0c8875d04..0ba459e10 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,6 +1,7 @@
 import { lazy, Suspense, useEffect, useState } from "react";
 import { CountdownOverlay } from "./components/launch/CountdownOverlay.tsx";
 import { LaunchWindow } from "./components/launch/LaunchWindow";
+import { NotesWindow } from "./components/launch/NotesWindow.tsx";
 import { SourceSelector } from "./components/launch/SourceSelector";
 import { Toaster } from "./components/ui/sonner";
 import { TooltipProvider } from "./components/ui/tooltip";
@@ -57,6 +58,8 @@ export default function App() {
 
 	const content = (() => {
 		switch (windowType) {
+			case "notes":
+				return <NotesWindow />;
 			case "hud-overlay":
 				return <LaunchWindow />;
 			case "source-selector":
diff --git a/src/components/launch/LaunchWindow.tsx b/src/components/launch/LaunchWindow.tsx
index 2748a7fa6..86eac7d3f 100644
--- a/src/components/launch/LaunchWindow.tsx
+++ b/src/components/launch/LaunchWindow.tsx
@@ -1046,7 +1046,10 @@ export function LaunchWindow() {
 				)}
 
 				<Tooltip content={t("tooltips.openNotes")}>
-					<button className={`${hudIconBtnClasses} ${styles.electronNoDrag}`}>
+					<button
+						className={`${hudIconBtnClasses} ${styles.electronNoDrag}`}
+						onClick={() => window.electronAPI.openNotes()}
+					>
 						<NotepadText size={ICON_SIZE} className="text-white/60" />
 					</button>
 				</Tooltip>
diff --git a/src/components/launch/NotesWindow.tsx b/src/components/launch/NotesWindow.tsx
new file mode 100644
index 000000000..d93709076
--- /dev/null
+++ b/src/components/launch/NotesWindow.tsx
@@ -0,0 +1,20 @@
+import React, { useState } from "react";
+
+export function NotesWindow() {
+	const [notes, setNotes] = useState("");
+
+	const handleNotesChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+		setNotes(e.target.value);
+	};
+
+	return (
+		<div className="bg-red-900 h-100 w-100 ">
+			<textarea
+				className="w-full h-full bg-transparent outline-none resize-none"
+				placeholder="Take notes here..."
+				value={notes}
+				onChange={handleNotesChange}
+			/>
+		</div>
+	);
+}

From 0322ce83148bf794978e1c5f14fbc9ba23b585f4 Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Fri, 26 Jun 2026 23:23:26 +0100
Subject: [PATCH 03/10] Refactor: Update URL parameters for notes window

Changed the query parameter from "windowType=notes" to "showNotes=true" in both the Electron window creation and the React app. This enhances clarity and consistency in how the notes window is displayed based on URL parameters.
---
 electron/windows.ts | 4 ++--
 src/App.tsx         | 7 ++++++-
 src/main.tsx        | 2 ++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/electron/windows.ts b/electron/windows.ts
index 7ccacc934..96394df3c 100644
--- a/electron/windows.ts
+++ b/electron/windows.ts
@@ -351,10 +351,10 @@ export function createNotesWindow(): BrowserWindow {
 	});
 
 	if (VITE_DEV_SERVER_URL) {
-		win.loadURL(VITE_DEV_SERVER_URL + "?windowType=notes");
+		win.loadURL(VITE_DEV_SERVER_URL + "?showNotes=true");
 	} else {
 		win.loadFile(path.join(RENDERER_DIST, "index.html"), {
-			query: { windowType: "notes" },
+			query: { showNotes: "true" },
 		});
 	}
 
diff --git a/src/App.tsx b/src/App.tsx
index 0ba459e10..76b5f024f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,6 +20,8 @@ export default function App() {
 	const [windowType, setWindowType] = useState(
 		() => new URLSearchParams(window.location.search).get("windowType") || "",
 	);
+	const showNotes = new URLSearchParams(window.location.search).get("showNotes") === "true";
+
 	const tEditor = useScopedT("editor");
 
 	useEffect(() => {
@@ -105,8 +107,10 @@ export default function App() {
 				);
 			default:
 				return (
-					<div className="w-full h-full bg-background text-foreground">
+					<div>
+						{/* <div className="w-full h-full bg-background text-foreground">
 						<h1>Openscreen</h1>
+					</div> */}
 					</div>
 				);
 		}
@@ -114,6 +118,7 @@ export default function App() {
 
 	return (
 		<TooltipProvider>
+			{showNotes && <NotesWindow />}
 			{content}
 			<Toaster theme="dark" />
 		</TooltipProvider>
diff --git a/src/main.tsx b/src/main.tsx
index 365bdc7b2..ef7497386 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,7 +5,9 @@ import { I18nProvider } from "./contexts/I18nContext";
 import "./index.css";
 
 const windowType = new URLSearchParams(window.location.search).get("windowType") || "";
+const showNotes = new URLSearchParams(window.location.search).get("showNotes") === "true";
 if (
+	showNotes ||
 	windowType === "hud-overlay" ||
 	windowType === "source-selector" ||
 	windowType === "countdown-overlay"

From 974f165314b319d5fc1270cde527ba16bdf91e09 Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Fri, 26 Jun 2026 23:28:16 +0100
Subject: [PATCH 04/10] Refactor: Update NotesWindow and createNotesWindow for
 improved UI

Modified the Electron notes window to enhance its appearance and functionality by adjusting dimensions, background color, and removing unnecessary properties. Updated the React NotesWindow component to ensure it occupies the full screen height and width, improving user experience for note-taking.
---
 electron/windows.ts                   | 13 ++++++-------
 src/components/launch/NotesWindow.tsx |  2 +-
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/electron/windows.ts b/electron/windows.ts
index 96394df3c..3db5d9660 100644
--- a/electron/windows.ts
+++ b/electron/windows.ts
@@ -326,14 +326,13 @@ export function createNotesWindow(): BrowserWindow {
 	const win = new BrowserWindow({
 		width: 480,
 		height: 640,
-		frame: false,
-		transparent: true,
-		backgroundColor: "#00000000",
+		minWidth: 320,
+		minHeight: 400,
+		title: "Notes",
+		backgroundColor: "#09090b",
+		resizable: true,
 		alwaysOnTop: true,
-		hasShadow: true,
-		vibrancy: "under-window",
-		visualEffectState: "active",
-		titleBarStyle: "hidden",
+		skipTaskbar: false,
 		show: false,
 		webPreferences: {
 			preload: path.join(__dirname, "preload.mjs"),
diff --git a/src/components/launch/NotesWindow.tsx b/src/components/launch/NotesWindow.tsx
index d93709076..1e1028c19 100644
--- a/src/components/launch/NotesWindow.tsx
+++ b/src/components/launch/NotesWindow.tsx
@@ -8,7 +8,7 @@ export function NotesWindow() {
 	};
 
 	return (
-		<div className="bg-red-900 h-100 w-100 ">
+		<div className="bg-red-900 h-screen w-screen ">
 			<textarea
 				className="w-full h-full bg-transparent outline-none resize-none"
 				placeholder="Take notes here..."

From 4d06e5ebb7d4ad2e07c26338de358819d64c8bcb Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Fri, 26 Jun 2026 23:40:01 +0100
Subject: [PATCH 05/10] Refactor: Adjust dimensions and local storage handling
 in NotesWindow

Updated the dimensions of the Electron notes window for better usability and added max width and height constraints. Enhanced the React NotesWindow component to store and retrieve notes from local storage, improving the user experience by preserving notes across sessions.
---
 electron/windows.ts                   |  6 ++++--
 src/components/launch/NotesWindow.tsx | 11 ++++++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/electron/windows.ts b/electron/windows.ts
index 3db5d9660..b0a519b1e 100644
--- a/electron/windows.ts
+++ b/electron/windows.ts
@@ -324,10 +324,12 @@ export function createCountdownOverlayWindow(): BrowserWindow {
 // Frameless Notes Window for taking notes during a recording.
 export function createNotesWindow(): BrowserWindow {
 	const win = new BrowserWindow({
-		width: 480,
-		height: 640,
+		width: 400,
+		height: 540,
 		minWidth: 320,
 		minHeight: 400,
+		maxWidth: 640,
+		maxHeight: 720,
 		title: "Notes",
 		backgroundColor: "#09090b",
 		resizable: true,
diff --git a/src/components/launch/NotesWindow.tsx b/src/components/launch/NotesWindow.tsx
index 1e1028c19..3cbf2b4a8 100644
--- a/src/components/launch/NotesWindow.tsx
+++ b/src/components/launch/NotesWindow.tsx
@@ -1,16 +1,21 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 
 export function NotesWindow() {
 	const [notes, setNotes] = useState("");
 
 	const handleNotesChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+		localStorage.setItem("notes", e.target.value);
 		setNotes(e.target.value);
 	};
 
+	useEffect(() => {
+		setNotes(localStorage.getItem("notes") ?? "");
+	}, []);
+
 	return (
-		<div className="bg-red-900 h-screen w-screen ">
+		<div className="bg-white h-screen w-screen px-6 py-4">
 			<textarea
-				className="w-full h-full bg-transparent outline-none resize-none"
+				className="w-full h-full bg-transparent outline-none resize-none caret-black text-black"
 				placeholder="Take notes here..."
 				value={notes}
 				onChange={handleNotesChange}

From 5d03568b465a5f01f9db72765dc7cef6104d84a6 Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Sun, 28 Jun 2026 16:29:38 +0100
Subject: [PATCH 06/10] Refactor: Update window handling and title for
 NotesWindow

Rearranged the order of window creation to ensure the countdown overlay is displayed correctly. Updated the title of the NotesWindow to "OpenScreen - Notes" for better branding and clarity.
---
 electron/main.ts    | 2 +-
 electron/windows.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/electron/main.ts b/electron/main.ts
index 6b533a8ff..fde69aa6f 100644
--- a/electron/main.ts
+++ b/electron/main.ts
@@ -593,8 +593,8 @@ appReady?.then(async () => {
 		createNotesWindowWrapper,
 		() => mainWindow,
 		() => sourceSelectorWindow,
-		() => countdownOverlayWindow,
 		() => notesWindow,
+		() => countdownOverlayWindow,
 		(recording: boolean, sourceName: string) => {
 			selectedSourceName = sourceName;
 			if (!tray) createTray();
diff --git a/electron/windows.ts b/electron/windows.ts
index b0a519b1e..70bacbee2 100644
--- a/electron/windows.ts
+++ b/electron/windows.ts
@@ -330,7 +330,7 @@ export function createNotesWindow(): BrowserWindow {
 		minHeight: 400,
 		maxWidth: 640,
 		maxHeight: 720,
-		title: "Notes",
+		title: "OpenScreen - Notes",
 		backgroundColor: "#09090b",
 		resizable: true,
 		alwaysOnTop: true,

From cf63d10cdcb1908623f6b628c5efb7aa789e93c6 Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Sun, 28 Jun 2026 16:34:27 +0100
Subject: [PATCH 07/10] Refactor: Replace useEffect with useLayoutEffect in
 NotesWindow

Updated the NotesWindow component to utilize useLayoutEffect instead of useEffect for setting initial notes from local storage, improving performance and ensuring the notes are rendered correctly before the browser paints the UI.
---
 src/components/launch/NotesWindow.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/launch/NotesWindow.tsx b/src/components/launch/NotesWindow.tsx
index 3cbf2b4a8..4d72a931d 100644
--- a/src/components/launch/NotesWindow.tsx
+++ b/src/components/launch/NotesWindow.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useLayoutEffect, useState } from "react";
 
 export function NotesWindow() {
 	const [notes, setNotes] = useState("");
@@ -8,7 +8,7 @@ export function NotesWindow() {
 		setNotes(e.target.value);
 	};
 
-	useEffect(() => {
+	useLayoutEffect(() => {
 		setNotes(localStorage.getItem("notes") ?? "");
 	}, []);
 

From 3dad30841151618ddd49c7fc3d6e79fe014f392d Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Sun, 28 Jun 2026 23:04:16 +0100
Subject: [PATCH 08/10] Refactor: Remove unused allowScripts section from
 package.json

Eliminated the allowScripts configuration for specific dependencies in package.json, streamlining the file and removing unnecessary entries.
---
 package.json | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/package.json b/package.json
index 00699c1ba..125c0b0e2 100644
--- a/package.json
+++ b/package.json
@@ -131,9 +131,5 @@
 	"main": "dist-electron/main.js",
 	"lint-staged": {
 		"*.{ts,tsx,js,jsx,mts,cts,json}": "biome check --no-errors-on-unmatched"
-	},
-	"allowScripts": {
-		"electron@41.2.1": true,
-		"esbuild@0.27.7": true
 	}
 }

From d1ff93ef37801db0ca9de2092550b651ef7525c3 Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Sun, 28 Jun 2026 23:25:04 +0100
Subject: [PATCH 09/10] Refactor: Update NotesWindow integration and improve
 accessibility

Removed the conditional rendering of NotesWindow from the main App component and integrated it directly within the return statement when showNotes is true. Added aria-label for the open notes button in LaunchWindow for better accessibility. Updated the placeholder text in NotesWindow to utilize localized strings for improved user experience.
---
 src/App.tsx                            | 12 +++++++++---
 src/components/launch/LaunchWindow.tsx |  2 ++
 src/components/launch/NotesWindow.tsx  |  4 +++-
 src/i18n/locales/en/launch.json        |  3 ++-
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 76b5f024f..a59c2aeee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -60,8 +60,6 @@ export default function App() {
 
 	const content = (() => {
 		switch (windowType) {
-			case "notes":
-				return <NotesWindow />;
 			case "hud-overlay":
 				return <LaunchWindow />;
 			case "source-selector":
@@ -116,9 +114,17 @@ export default function App() {
 		}
 	})();
 
+	if (showNotes) {
+		return (
+			<TooltipProvider>
+				<NotesWindow />
+				<Toaster theme="dark" />
+			</TooltipProvider>
+		);
+	}
+
 	return (
 		<TooltipProvider>
-			{showNotes && <NotesWindow />}
 			{content}
 			<Toaster theme="dark" />
 		</TooltipProvider>
diff --git a/src/components/launch/LaunchWindow.tsx b/src/components/launch/LaunchWindow.tsx
index 86eac7d3f..8f7ef5cd8 100644
--- a/src/components/launch/LaunchWindow.tsx
+++ b/src/components/launch/LaunchWindow.tsx
@@ -1047,6 +1047,8 @@ export function LaunchWindow() {
 
 				<Tooltip content={t("tooltips.openNotes")}>
 					<button
+						type="button"
+						aria-label={t("tooltips.openNotes")}
 						className={`${hudIconBtnClasses} ${styles.electronNoDrag}`}
 						onClick={() => window.electronAPI.openNotes()}
 					>
diff --git a/src/components/launch/NotesWindow.tsx b/src/components/launch/NotesWindow.tsx
index 4d72a931d..ae23a3a1c 100644
--- a/src/components/launch/NotesWindow.tsx
+++ b/src/components/launch/NotesWindow.tsx
@@ -1,6 +1,8 @@
 import React, { useLayoutEffect, useState } from "react";
+import { useScopedT } from "@/contexts/I18nContext";
 
 export function NotesWindow() {
+	const t = useScopedT("launch");
 	const [notes, setNotes] = useState("");
 
 	const handleNotesChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
@@ -16,7 +18,7 @@ export function NotesWindow() {
 		<div className="bg-white h-screen w-screen px-6 py-4">
 			<textarea
 				className="w-full h-full bg-transparent outline-none resize-none caret-black text-black"
-				placeholder="Take notes here..."
+				placeholder={t("tooltips.openNotesPlaceholder")}
 				value={notes}
 				onChange={handleNotesChange}
 			/>
diff --git a/src/i18n/locales/en/launch.json b/src/i18n/locales/en/launch.json
index 6e25a7a29..af9d60b55 100644
--- a/src/i18n/locales/en/launch.json
+++ b/src/i18n/locales/en/launch.json
@@ -11,7 +11,8 @@
 		"useVerticalTray": "Use vertical tray",
 		"useHorizontalTray": "Use horizontal tray",
 		"openStudio": "Open Studio",
-		"openNotes": "Open Notes"
+		"openNotes": "Open Notes",
+		"openNotesPlaceholder": "Take notes here..."
 	},
 	"audio": {
 		"enableSystemAudio": "Enable system audio",

From b2805120301ed1926747fb23a30a967d2f557ffe Mon Sep 17 00:00:00 2001
From: itzadetunji <adetunjiadeyinka29@gmail.com>
Date: Sun, 28 Jun 2026 23:29:32 +0100
Subject: [PATCH 10/10] Refactor: Simplify NotesWindow rendering in App
 component

Removed the conditional block for rendering NotesWindow and integrated it directly within the return statement, improving code clarity. This change ensures that NotesWindow is displayed when showNotes is true, streamlining the component structure.
---
 src/App.tsx | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index a59c2aeee..8c766611e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -106,25 +106,17 @@ export default function App() {
 			default:
 				return (
 					<div>
-						{/* <div className="w-full h-full bg-background text-foreground">
-						<h1>Openscreen</h1>
-					</div> */}
+						<div className="w-full h-full bg-background text-foreground">
+							<h1>Openscreen</h1>
+						</div>
 					</div>
 				);
 		}
 	})();
 
-	if (showNotes) {
-		return (
-			<TooltipProvider>
-				<NotesWindow />
-				<Toaster theme="dark" />
-			</TooltipProvider>
-		);
-	}
-
 	return (
 		<TooltipProvider>
+			{showNotes && <NotesWindow />}
 			{content}
 			<Toaster theme="dark" />
 		</TooltipProvider>