Added keyboard types

apps/web/src/App.tsx

@@ -1,4 +1,4 @@
-import { AppMenuBar } from "@/components/appMenuBar";
+import { AppHeaderBar } from "@/components/appHeaderBar";
 import { AppStatusBar } from "@/components/appStatusBar";
 import { AppContent } from "@/components/appContent";
 import { useSyncTheme } from "./hooks/useSyncTheme";
@@ -7,7 +7,7 @@ export const App = () => {
   useSyncTheme();
   return (
     <div className="w-full h-full flex flex-col">
-      <AppMenuBar></AppMenuBar>
+      <AppHeaderBar></AppHeaderBar>
       <AppContent></AppContent>
       <AppStatusBar></AppStatusBar>
     </div>

apps/web/src/components/appMenuBar.tsx → apps/web/src/components/appHeaderBar.tsx

@@ -9,7 +9,7 @@ import {
 } from "@/components/ui/menubar";
 import { ModeToggle } from "./themeToggle";
 
-export const AppMenuBar = () => {
+export const AppHeaderBar = () => {
   return (
     <div className="border-b flex flex-row justify-between items-center px-2">
       <Menubar className="border-none">

apps/web/src/components/menu-bar/definitions.ts

@@ -0,0 +1 @@
+//todo

apps/web/src/utils/key.ts

@@ -0,0 +1 @@
+export type Key = "W";

apps/web/src/utils/keyBinding.ts

@@ -0,0 +1,6 @@
+import { KeyGesture } from "./keyGesture";
+
+export type KeyBinding = {
+  keyGesture: KeyGesture;
+  command: string;
+};

apps/web/src/utils/keyGesture.ts

@@ -0,0 +1,10 @@
+import { Key } from "./key";
+
+export type KeyGesture = {
+  key: Key;
+  ctrl: boolean;
+  shift: boolean;
+  meta: boolean;
+  alt: boolean;
+};
+

apps/web/src/utils/menuItem.ts

@@ -0,0 +1,30 @@
+import { KeyGesture } from "@/utils/keyGesture";
+
+type MenuItemAction =
+  | {
+      onClick: () => void;
+    }
+  | {
+      commandId: string;
+    }
+  | {
+      role: string;
+    };
+
+export type MenuItem =
+  | {
+      type: "parent";
+      label: string;
+      items: MenuItem[];
+    }
+  | {
+      type: "child";
+      action: MenuItemAction;
+      label: string;
+      disabled?: boolean;
+      KeyGesture?: KeyGesture;
+    }
+  | {
+      type: "separator";
+    };
+