fix: improving web initialization

src/Root.tsx

@@ -2,11 +2,12 @@ import { AppStateProvider } from '@src/AppState'
 import LspProvider from '@src/components/LspProvider'
 import { MachineManagerProvider } from '@src/components/MachineManagerProvider'
 import { OpenInDesktopAppHandler } from '@src/components/OpenInDesktopAppHandler'
-import { SystemIOMachineLogicListener } from '@src/components/Providers/SystemIOProviderDesktop'
+import { SystemIOMachineLogicListenerDesktop } from '@src/components/Providers/SystemIOProviderDesktop'
+import { SystemIOMachineLogicListenerWeb } from '@src/components/Providers/SystemIOProviderWeb'
 import { RouteProvider } from '@src/components/RouteProvider'
 import { KclContextProvider } from '@src/lang/KclProvider'
 import { Outlet } from 'react-router-dom'
-
+import { isDesktop } from '@src/lib/isDesktop'
 // Root component will live for the entire applications runtime
 function RootLayout() {
   return (
@@ -16,7 +17,11 @@ function RootLayout() {
           <KclContextProvider>
             <AppStateProvider>
               <MachineManagerProvider>
-                <SystemIOMachineLogicListener />
+                {isDesktop() ? (
+                  <SystemIOMachineLogicListenerDesktop />
+                ) : (
+                  <SystemIOMachineLogicListenerWeb />
+                )}
                 <Outlet />
               </MachineManagerProvider>
             </AppStateProvider>

src/components/Providers/SystemIOProviderDesktop.tsx

@@ -13,7 +13,7 @@ import { useNavigate } from 'react-router-dom'
 import { commandBarActor } from '@src/machines/commandBarMachine'
 import { projectCommands } from '@src/lib/commandBarConfigs/projectsCommandConfig'
 
-export function SystemIOMachineLogicListener() {
+export function SystemIOMachineLogicListenerDesktop() {
   const requestedProjectName = useRequestedProjectName()
   const requestedFileName = useRequestedFileName()
   const projectDirectoryPath = useProjectDirectoryPath()

src/components/Providers/SystemIOProviderWeb.tsx

@@ -0,0 +1,3 @@
+export function SystemIOMachineLogicListenerWeb() {
+  return null
+}

src/machines/appMachine.ts

@@ -79,10 +79,8 @@ export const useSettings = () =>
     return settings
   })
 
-// TODO: Debugging
 export const systemIOActor = appActor.getSnapshot().children.systemIO!
 
-window.systemIOActor = systemIOActor
 export const engineStreamActor = appActor.system.get(
   ENGINE_STREAM
 ) as EngineStreamActor

src/machines/commandBarMachine.ts

@@ -664,8 +664,6 @@ export const commandBarActor = createActor(commandBarMachine, {
   },
 }).start()
 
-window.commandBarActor = commandBarActor
-
 /** Basic state snapshot selector */
 const cmdBarStateSelector = (state: SnapshotFrom<typeof commandBarActor>) =>
   state