starting off header with the full window dimensions

packages/desktop/src/pages/lineDetails/index.tsx

@@ -0,0 +1,3 @@
+export default function LineDetails() {
+  return <div className="flex flex-col flex-1">this is the line details</div>;
+}

packages/desktop/src/pages/overlay/index.tsx

@@ -0,0 +1,3 @@
+export default function Overlay() {
+  return <div className="flex flex-col flex-1">this is the overlay</div>;
+}

packages/desktop/src/pages/router/index.tsx

@@ -1,3 +1,28 @@
+import { DimensionPresets, Dimensions } from "../../electron/constants";
+import React, { useState } from "react";
+
+import LineDetails from "../lineDetails";
+import NirvanaTerminal from "../terminal";
+import Overlay from "../overlay";
+import { Search } from "carbon-components-react";
+import { useEffect } from "react";
+
 export default function NirvanaRouter() {
-  return <>this is the top level router</>;
+  const [desktopMode, setDesktopMode] = useState<Dimensions>(
+    DimensionPresets.terminalDetailOverlay
+  );
+
+  useEffect(() => {
+    window.electronAPI.window.resizeWindow(desktopMode);
+  }, [desktopMode]);
+
+  return (
+    <div className="h-screen w-screen flex flex-row">
+      <NirvanaTerminal />
+
+      <LineDetails />
+
+      <Overlay />
+    </div>
+  );
 }

packages/desktop/src/pages/terminal/index.tsx

@@ -0,0 +1,9 @@
+import NirvanaHeader from "../../components/header";
+
+export default function NirvanaTerminal() {
+  return (
+    <div className="flex flex-col flex-1">
+      <NirvanaHeader />
+    </div>
+  );
+}