feat(web): complete product workflow implementation

web/protocol/animation-render-commands.ts

@@ -11,6 +11,18 @@ export const animationRenderCommands = Object.freeze({
   deleteKeyframe(objectId: string, frame: number, property?: AnimationCommand<"deleteObjectKeyframe">["property"]): AnimationCommand<"deleteObjectKeyframe"> {
     return { type: "deleteObjectKeyframe", objectId, frame, ...(property ? { property } : {}) };
   },
+  createAction(name: string, objectId?: string): AnimationCommand<"createAction"> {
+    return { type: "createAction", name, ...(objectId ? { objectId } : {}) };
+  },
+  removeAction(actionId: string): AnimationCommand<"removeAction"> {
+    return { type: "removeAction", actionId };
+  },
+  setKeyframe(animationId: string, path: string, frame: number, options: Omit<AnimationCommand<"setKeyframe">, "type" | "animationId" | "path" | "frame"> = {}): AnimationCommand<"setKeyframe"> {
+    return { type: "setKeyframe", animationId, path, frame, ...options };
+  },
+  setTimelineMarkers(dataId: string, markers: AnimationCommand<"setTimelineMarkers">["markers"]): AnimationCommand<"setTimelineMarkers"> {
+    return { type: "setTimelineMarkers", dataId, markers: markers.map((marker) => ({ ...marker })) };
+  },
   setConstraint(objectId: string, constraintName: string, enabled: boolean, influence: number): AnimationCommand<"setConstraint"> {
     return { type: "setConstraint", objectId, constraintName, enabled, influence };
   },