hunk.code_window:         directory?: boolean | undefined;
         }): Promise<string | string[]> {
           return dialog.open(options);
         }}
         onClose={() => appWindow.close()}
         onFullscreen={() => appWindow.setFullscreen(true)}
         onMinimize={() => appWindow.minimize()}
  
hunk.labels: keep keep keep add keep keep keep
hunk.after_edit:       isFocused={focused}
  
hunk.file_path: apps/desktop/src/index.tsx
hunk.type: add
file: import React, { Suspense } from 'react';
  import { createRoot } from 'react-dom/client';
  import { BrowserRouter as Router, useRoutes } from 'react-router-dom';
  
  import routes from '~react-pages';
  import NavBar from './components/NavBar';
  import { Footer } from './components/Footer';
  
  import '@sd/ui/style';
  import './style.scss';
  import { Button } from '@sd/ui';
  
  function App() {
    return (
      <Suspense fallback={<p>Loading...</p>}>
        <div className="dark:bg-black dark:text-white ">
          <Button
            href="#content"
            className="cursor-pointer duration-200 -translate-y-16 focus:translate-y-0 fixed ml-8 mt-3 left-0 z-50"
            variant="gray"
          >
            Skip to content
          </Button>
  
          <NavBar />
          <div className="container z-10 flex flex-col items-center px-4 mx-auto overflow-x-hidden sm:overflow-x-visible ">
            {useRoutes(routes)}
            <Footer />
          </div>
        </div>
      </Suspense>
    );
  }
  
  const root = createRoot(document.getElementById('root')!);
  
  root.render(
    <React.StrictMode>
      <Router>
        <App />
      </Router>
    </React.StrictMode>
  );
  