From 8bf865df0d509cf8a77f3e4287d84e4d4f82bb32 Mon Sep 17 00:00:00 2001
From: Maze Winther <mazewinther@gmail.com>
Date: Tue, 1 Jul 2025 19:31:25 +0200
Subject: [PATCH] feat: select clip when it's being right-clicked

---
 .../src/components/editor/timeline-track.tsx  | 24 +++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/editor/timeline-track.tsx b/apps/web/src/components/editor/timeline-track.tsx
index 54c5079..1f9a7fd 100644
--- a/apps/web/src/components/editor/timeline-track.tsx
+++ b/apps/web/src/components/editor/timeline-track.tsx
@@ -153,8 +153,28 @@ export function TimelineTrackContent({
   const handleClipMouseDown = (e: React.MouseEvent, clip: TypeTimelineClip) => {
     setMouseDownLocation({ x: e.clientX, y: e.clientY });
 
-    // Handle multi-selection only in mousedown
-    if (e.metaKey || e.ctrlKey || e.shiftKey) {
+    // Check if it's a right-click (context menu) or if it's a left-click with modifiers
+    const isRightClick = e.button === 2 || e.type === "contextmenu";
+    const isMultiSelect = e.metaKey || e.ctrlKey || e.shiftKey;
+
+    // Handle right-click selection
+    if (isRightClick) {
+      const isSelected = selectedClips.some(
+        (c) => c.trackId === track.id && c.clipId === clip.id
+      );
+
+      // If clip is not selected, select it (keep other selections if multi-select)
+      if (!isSelected) {
+        selectClip(track.id, clip.id, isMultiSelect);
+      }
+      // If clip is already selected, keep it selected (don't change selection)
+
+      // Don't start drag action for right-clicks
+      return;
+    }
+
+    // Handle multi-selection for left-click with modifiers
+    if (isMultiSelect) {
       selectClip(track.id, clip.id, true);
     }