diff --git a/src/App.tsx b/src/App.tsx
index d6514dd30..e640107a1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -242,7 +242,6 @@ export function App() {
         .catch(reportRejection)
     }
   }, [])
-
   return (
     <div className="h-screen flex flex-col overflow-hidden select-none">
       <div className="relative flex flex-1 flex-col">
diff --git a/src/components/Explorer/ProjectExplorer.tsx b/src/components/Explorer/ProjectExplorer.tsx
index c57ff8f1b..7e35db109 100644
--- a/src/components/Explorer/ProjectExplorer.tsx
+++ b/src/components/Explorer/ProjectExplorer.tsx
@@ -58,6 +58,8 @@ export const ProjectExplorer = ({
   collapsePressed,
   onRowClicked,
   onRowEnter,
+  readOnly,
+  canNavigate,
 }: {
   project: Project
   file: FileEntry | undefined
@@ -67,6 +69,8 @@ export const ProjectExplorer = ({
   collapsePressed: number
   onRowClicked: (row: FileExplorerEntry, domIndex: number) => void
   onRowEnter: (row: FileExplorerEntry, domIndex: number) => void
+  readOnly: boolean
+  canNavigate: boolean
 }) => {
   const { errors } = useKclContext()
   const settings = useSettings()
@@ -121,7 +125,7 @@ export const ProjectExplorer = ({
    * If code wants to externall trigger creating a file pass in a new timestamp.
    */
   useEffect(() => {
-    if (createFilePressed <= 0) {
+    if (createFilePressed <= 0 || readOnly) {
       return
     }
 
@@ -136,7 +140,7 @@ export const ProjectExplorer = ({
   }, [createFilePressed])
 
   useEffect(() => {
-    if (createFolderPressed <= 0) {
+    if (createFolderPressed <= 0 || readOnly) {
       return
     }
     const row = rowsToRenderRef.current[activeIndexRef.current] || null
@@ -285,7 +289,12 @@ export const ProjectExplorer = ({
           isFake: false,
           activeIndex: activeIndex,
           onDelete: () => {
-            const shouldWeNavigate = file?.path?.startsWith(child.path)
+            if (readOnly) {
+              return
+            }
+
+            const shouldWeNavigate =
+              file?.path?.startsWith(child.path) && canNavigate
 
             if (shouldWeNavigate && file && file.path) {
               systemIOActor.send({
@@ -308,6 +317,10 @@ export const ProjectExplorer = ({
             window.electron.openInNewWindow(row.path)
           },
           onRenameStart: () => {
+            if (readOnly) {
+              return
+            }
+
             setIsRenaming(true)
             isRenamingRef.current = true
           },
@@ -353,7 +366,8 @@ export const ProjectExplorer = ({
                     absolutePathToParentDirectory,
                     requestedName
                   )
-                  const shouldWeNavigate = file?.path?.startsWith(oldPath)
+                  const shouldWeNavigate =
+                    file?.path?.startsWith(oldPath) && canNavigate
 
                   if (shouldWeNavigate && file && file.path) {
                     const requestedFileNameWithExtension =
@@ -415,16 +429,28 @@ export const ProjectExplorer = ({
                 applicationProjectDirectory
               )
 
-              // create a file if it is fake and navigate to that file!
               if (row.isFake) {
-                systemIOActor.send({
-                  type: SystemIOMachineEvents.importFileFromURL,
-                  data: {
-                    requestedCode: '',
-                    requestedProjectName: project.name,
-                    requestedFileNameWithExtension: pathRelativeToParent,
-                  },
-                })
+                // create a file if it is fake and navigate to that file!
+                if (file && canNavigate) {
+                  systemIOActor.send({
+                    type: SystemIOMachineEvents.importFileFromURL,
+                    data: {
+                      requestedCode: '',
+                      requestedProjectName: project.name,
+                      requestedFileNameWithExtension: pathRelativeToParent,
+                    },
+                  })
+                } else {
+                  systemIOActor.send({
+                    type: SystemIOMachineEvents.createBlankFile,
+                    data: {
+                      requestedAbsolutePath: joinOSPaths(
+                        getParentAbsolutePath(row.path),
+                        fileNameForcedWithOriginalExt
+                      ),
+                    },
+                  })
+                }
               } else {
                 const requestedAbsoluteFilePathWithExtension = joinOSPaths(
                   getParentAbsolutePath(row.path),
@@ -433,7 +459,8 @@ export const ProjectExplorer = ({
                 // If your router loader is within the file you are renaming then reroute to the new path on disk
                 // If you are renaming a file you are not loaded into, do not reload!
                 const shouldWeNavigate =
-                  requestedAbsoluteFilePathWithExtension === file?.path
+                  requestedAbsoluteFilePathWithExtension === file?.path &&
+                  canNavigate
                 systemIOActor.send({
                   type: shouldWeNavigate
                     ? SystemIOMachineEvents.renameFileAndNavigateToFile
diff --git a/src/components/ModelingSidebar/ModelingPanes/index.tsx b/src/components/ModelingSidebar/ModelingPanes/index.tsx
index 1108c3cd9..4ca4f36f3 100644
--- a/src/components/ModelingSidebar/ModelingPanes/index.tsx
+++ b/src/components/ModelingSidebar/ModelingPanes/index.tsx
@@ -229,16 +229,20 @@ export const sidebarPanes: SidebarPane[] = [
             onClose={props.onClose}
           />
           {theProject && file ? (
-            <ProjectExplorer
-              project={theProject}
-              file={file}
-              createFilePressed={createFilePressed}
-              createFolderPressed={createFolderPressed}
-              refreshExplorerPressed={refreshExplorerPressed}
-              collapsePressed={collapsePressed}
-              onRowClicked={onRowClicked}
-              onRowEnter={onRowClicked}
-            ></ProjectExplorer>
+            <div className={'w-full h-full flex flex-col'}>
+              <ProjectExplorer
+                project={theProject}
+                file={file}
+                createFilePressed={createFilePressed}
+                createFolderPressed={createFolderPressed}
+                refreshExplorerPressed={refreshExplorerPressed}
+                collapsePressed={collapsePressed}
+                onRowClicked={onRowClicked}
+                onRowEnter={onRowClicked}
+                canNavigate={true}
+                readOnly={false}
+              ></ProjectExplorer>
+            </div>
           ) : (
             <div></div>
           )}