chore: readonly and navigation booleans

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">

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,8 +429,9 @@ export const ProjectExplorer = ({
                 applicationProjectDirectory
               )
 
-              // create a file if it is fake and navigate to that file!
               if (row.isFake) {
+                // create a file if it is fake and navigate to that file!
+                if (file && canNavigate) {
                   systemIOActor.send({
                     type: SystemIOMachineEvents.importFileFromURL,
                     data: {
@@ -425,6 +440,17 @@ export const ProjectExplorer = ({
                       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

src/components/ModelingSidebar/ModelingPanes/index.tsx

@@ -229,6 +229,7 @@ export const sidebarPanes: SidebarPane[] = [
             onClose={props.onClose}
           />
           {theProject && file ? (
+            <div className={'w-full h-full flex flex-col'}>
               <ProjectExplorer
                 project={theProject}
                 file={file}
@@ -238,7 +239,10 @@ export const sidebarPanes: SidebarPane[] = [
                 collapsePressed={collapsePressed}
                 onRowClicked={onRowClicked}
                 onRowEnter={onRowClicked}
+                canNavigate={true}
+                readOnly={false}
               ></ProjectExplorer>
+            </div>
           ) : (
             <div></div>
           )}