1 files changed, 103 insertions, 103 deletions

diff --git a/apps/web/src/hooks/use-keyboard-shortcuts-help.ts b/apps/web/src/hooks/use-keyboard-shortcuts-help.ts
index dd52f00b..c7de8466 100644
--- a/apps/web/src/hooks/use-keyboard-shortcuts-help.ts
+++ b/apps/web/src/hooks/use-keyboard-shortcuts-help.ts
@@ -5,125 +5,125 @@ import { useKeybindingsStore } from "@/stores/keybindings-store";
 import { Action } from "@/constants/actions";
 
 export interface KeyboardShortcut {
-	id: string;
-	keys: string[];
-	description: string;
-	category: string;
-	action: Action;
-	icon?: React.ReactNode;
+  id: string;
+  keys: string[];
+  description: string;
+  category: string;
+  action: Action;
+  icon?: React.ReactNode;
 }
 
 // Map actions to their descriptions and categories
 const actionDescriptions: Record<
-	Action,
-	{ description: string; category: string }
+  Action,
+  { description: string; category: string }
 > = {
-	"toggle-play": { description: "Play/Pause", category: "Playback" },
-	"stop-playback": { description: "Stop playback", category: "Playback" },
-	"seek-forward": {
-		description: "Seek forward 1 second",
-		category: "Playback",
-	},
-	"seek-backward": {
-		description: "Seek backward 1 second",
-		category: "Playback",
-	},
-	"frame-step-forward": {
-		description: "Frame step forward",
-		category: "Navigation",
-	},
-	"frame-step-backward": {
-		description: "Frame step backward",
-		category: "Navigation",
-	},
-	"jump-forward": {
-		description: "Jump forward 5 seconds",
-		category: "Navigation",
-	},
-	"jump-backward": {
-		description: "Jump backward 5 seconds",
-		category: "Navigation",
-	},
-	"goto-start": { description: "Go to timeline start", category: "Navigation" },
-	"goto-end": { description: "Go to timeline end", category: "Navigation" },
-	"split-element": {
-		description: "Split element at playhead",
-		category: "Editing",
-	},
-	"delete-selected": {
-		description: "Delete selected elements",
-		category: "Editing",
-	},
-	"select-all": { description: "Select all elements", category: "Selection" },
-	"duplicate-selected": {
-		description: "Duplicate selected element",
-		category: "Selection",
-	},
-	"toggle-snapping": { description: "Toggle snapping", category: "Editing" },
-	undo: { description: "Undo", category: "History" },
-	redo: { description: "Redo", category: "History" },
+  "toggle-play": { description: "Play/Pause", category: "Playback" },
+  "stop-playback": { description: "Stop playback", category: "Playback" },
+  "seek-forward": {
+    description: "Seek forward 1 second",
+    category: "Playback",
+  },
+  "seek-backward": {
+    description: "Seek backward 1 second",
+    category: "Playback",
+  },
+  "frame-step-forward": {
+    description: "Frame step forward",
+    category: "Navigation",
+  },
+  "frame-step-backward": {
+    description: "Frame step backward",
+    category: "Navigation",
+  },
+  "jump-forward": {
+    description: "Jump forward 5 seconds",
+    category: "Navigation",
+  },
+  "jump-backward": {
+    description: "Jump backward 5 seconds",
+    category: "Navigation",
+  },
+  "goto-start": { description: "Go to timeline start", category: "Navigation" },
+  "goto-end": { description: "Go to timeline end", category: "Navigation" },
+  "split-element": {
+    description: "Split element at playhead",
+    category: "Editing",
+  },
+  "delete-selected": {
+    description: "Delete selected elements",
+    category: "Editing",
+  },
+  "select-all": { description: "Select all elements", category: "Selection" },
+  "duplicate-selected": {
+    description: "Duplicate selected element",
+    category: "Selection",
+  },
+  "toggle-snapping": { description: "Toggle snapping", category: "Editing" },
+  undo: { description: "Undo", category: "History" },
+  redo: { description: "Redo", category: "History" },
 };
 
 // Convert key binding format to display format
 const formatKey = (key: string): string => {
-	return key
-		.replace("ctrl", "Cmd")
-		.replace("alt", "Alt")
-		.replace("shift", "Shift")
-		.replace("left", "ArrowLeft")
-		.replace("right", "ArrowRight")
-		.replace("up", "ArrowUp")
-		.replace("down", "ArrowDown")
-		.replace("space", "Space")
-		.replace("home", "Home")
-		.replace("end", "End")
-		.replace("delete", "Delete")
-		.replace("backspace", "Backspace")
-		.replace("-", "+");
+  return key
+    .replace("ctrl", "Cmd")
+    .replace("alt", "Alt")
+    .replace("shift", "Shift")
+    .replace("left", "ArrowLeft")
+    .replace("right", "ArrowRight")
+    .replace("up", "ArrowUp")
+    .replace("down", "ArrowDown")
+    .replace("space", "Space")
+    .replace("home", "Home")
+    .replace("end", "End")
+    .replace("delete", "Delete")
+    .replace("backspace", "Backspace")
+    .replace("-", "+");
 };
 
 export const useKeyboardShortcutsHelp = () => {
-	const { keybindings } = useKeybindingsStore();
+  const { keybindings } = useKeybindingsStore();
 
-	const shortcuts = useMemo(() => {
-		const result: KeyboardShortcut[] = [];
+  const shortcuts = useMemo(() => {
+    const result: KeyboardShortcut[] = [];
 
-		// Group keybindings by action
-		const actionToKeys: Record<Action, string[]> = {} as any;
+    // Group keybindings by action
+    const actionToKeys: Record<Action, string[]> = {} as any;
 
-		Object.entries(keybindings).forEach(([key, action]) => {
-			if (action) {
-				if (!actionToKeys[action]) {
-					actionToKeys[action] = [];
-				}
-				actionToKeys[action].push(formatKey(key));
-			}
-		});
+    Object.entries(keybindings).forEach(([key, action]) => {
+      if (action) {
+        if (!actionToKeys[action]) {
+          actionToKeys[action] = [];
+        }
+        actionToKeys[action].push(formatKey(key));
+      }
+    });
 
-		// Convert to shortcuts format
-		Object.entries(actionToKeys).forEach(([action, keys]) => {
-			const actionInfo = actionDescriptions[action as Action];
-			if (actionInfo) {
-				result.push({
-					id: action,
-					keys,
-					description: actionInfo.description,
-					category: actionInfo.category,
-					action: action as Action,
-				});
-			}
-		});
+    // Convert to shortcuts format
+    Object.entries(actionToKeys).forEach(([action, keys]) => {
+      const actionInfo = actionDescriptions[action as Action];
+      if (actionInfo) {
+        result.push({
+          id: action,
+          keys,
+          description: actionInfo.description,
+          category: actionInfo.category,
+          action: action as Action,
+        });
+      }
+    });
 
-		// Sort shortcuts by category first, then by description to ensure consistent ordering
-		return result.sort((a, b) => {
-			if (a.category !== b.category) {
-				return a.category.localeCompare(b.category);
-			}
-			return a.description.localeCompare(b.description);
-		});
-	}, [keybindings]);
+    // Sort shortcuts by category first, then by description to ensure consistent ordering
+    return result.sort((a, b) => {
+      if (a.category !== b.category) {
+        return a.category.localeCompare(b.category);
+      }
+      return a.description.localeCompare(b.description);
+    });
+  }, [keybindings]);
 
-	return {
-		shortcuts,
-	};
+  return {
+    shortcuts,
+  };
 };