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 c7de8466..dd52f00b 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,
+	};
 };