feat(inspector): keyframe editing UI + fine-grained backend commands (#95)

src-tauri/src/commands.rs

@@ -160,6 +160,28 @@ pub enum EditRequest {
         property: KeyframePropertyDto,
         payload: KeyframePayloadDto,
     },
+    StampKeyframe {
+        clip_id: String,
+        property: KeyframePropertyDto,
+        frame: i32,
+    },
+    RemoveKeyframe {
+        clip_id: String,
+        property: KeyframePropertyDto,
+        frame: i32,
+    },
+    MoveKeyframe {
+        clip_id: String,
+        property: KeyframePropertyDto,
+        from_frame: i32,
+        to_frame: i32,
+    },
+    SetKeyframeInterpolation {
+        clip_id: String,
+        property: KeyframePropertyDto,
+        frame: i32,
+        interpolation: Interpolation,
+    },
     RippleDeleteRanges {
         track_index: usize,
         ranges: Vec<FrameRangeDto>,
@@ -239,6 +261,46 @@ impl EditRequest {
                 property: property.into(),
                 payload: payload.into_payload()?,
             },
+            EditRequest::StampKeyframe {
+                clip_id,
+                property,
+                frame,
+            } => EditCommand::StampKeyframe {
+                clip_id,
+                property: property.into(),
+                frame,
+            },
+            EditRequest::RemoveKeyframe {
+                clip_id,
+                property,
+                frame,
+            } => EditCommand::RemoveKeyframe {
+                clip_id,
+                property: property.into(),
+                frame,
+            },
+            EditRequest::MoveKeyframe {
+                clip_id,
+                property,
+                from_frame,
+                to_frame,
+            } => EditCommand::MoveKeyframe {
+                clip_id,
+                property: property.into(),
+                from_frame,
+                to_frame,
+            },
+            EditRequest::SetKeyframeInterpolation {
+                clip_id,
+                property,
+                frame,
+                interpolation,
+            } => EditCommand::SetKeyframeInterpolation {
+                clip_id,
+                property: property.into(),
+                frame,
+                interpolation,
+            },
             EditRequest::RippleDeleteRanges {
                 track_index,
                 ranges,

web/src/components/inspector/Inspector.tsx

@@ -10,6 +10,7 @@ import { PanelHeaderBar } from "../ui/PanelShell";
 import { Icon } from "../ui/Icon";
 import { ScrubbableNumberField } from "./ScrubbableNumberField";
 import { TextTab } from "./TextTab";
+import { KeyframesPanel } from "./KeyframesPanel";
 import { useProjectStore } from "../../store/projectStore";
 import { useEditorUiStore } from "../../store/uiStore";
 import * as edit from "../../store/editActions";
@@ -298,6 +299,8 @@ function ClipInspector({
           {t("inspector.keyframes")}
         </button>
       </div>
+
+      {keyframesOpen && <KeyframesPanel clip={clip} t={t} />}
     </div>
   );
 }