feat: add edutainment drawing and visual package flows

src/components/child-motion-demo/childMotionWarmupModel.test.ts

@@ -60,14 +60,25 @@ describe('childMotionWarmupModel', () => {
       {
         type: 'left-hand',
         path: [
-          { x: 0.3, y: 0.4 },
-          { x: 0.34, y: 0.32 },
+          { x: 0.3, y: 0.4, armAngleDeg: 12, armReach: 0.2 },
+          { x: 0.34, y: 0.32, armAngleDeg: 44, armReach: 0.28 },
+        ],
+      },
+    );
+    const withRightHand = applyChildMotionWarmupCompletion(
+      'wave_right_hand',
+      withLeftHand,
+      {
+        type: 'right-hand',
+        path: [
+          { x: 0.7, y: 0.42, armAngleDeg: 10, armReach: 0.22 },
+          { x: 0.82, y: 0.3, armAngleDeg: 46, armReach: 0.31 },
         ],
       },
     );
     const completed = applyChildMotionWarmupCompletion(
       'jump_once',
-      withLeftHand,
+      withRightHand,
       {
         type: 'jump',
         jumpSpace: 0.14,
@@ -77,6 +88,16 @@ describe('childMotionWarmupModel', () => {
     expect(completed.leftBoundary).toBeCloseTo(0.16);
     expect(completed.rightBoundary).toBeCloseTo(0.16);
     expect(completed.leftHandPath).toHaveLength(2);
+    expect(completed.leftHandSpace).toEqual({
+      minX: 0.3,
+      maxX: 0.34,
+      minY: 0.32,
+      maxY: 0.4,
+      minAngleDeg: 12,
+      maxAngleDeg: 44,
+      maxReach: 0.28,
+    });
+    expect(completed.rightHandSpace?.maxReach).toBe(0.31);
     expect(completed.jumpSpace).toBe(0.14);
   });
 });