feat: 編集モードの改善と矩形描画の最適化

- 編集モード終了時にGradioに編集結果を送信する機能を追加
- 矩形位置を保持したまま再描画するように変更
- 編集済みキーポイントから手と顔の矩形を計算するロジックを追加

static/pose_editor.js

@@ -337,12 +337,17 @@ function handleMouseDown(event) {
             
             // 矩形外クリック → 編集モード終了
             debugLog("Clicked outside rectangles, exiting edit mode");
+            
+            // 🚀 編集モード終了前に編集結果をGradioに送信
+            sendPoseDataToGradio();
+            
             window.poseEditorGlobals.rectEditModeActive = false;
             window.poseEditorGlobals.rectEditMode = null;
             
-            // 再描画でコントロールポイントを非表示
+            // 🚀 矩形位置を保持したまま再描画（再計算させない）
             const currentPoseData = window.poseEditorGlobals.poseData || poseData;
             if (currentPoseData) {
+                // 矩形編集モードをfalseにした直後なので、矩形は保持される
                 drawPose(currentPoseData, window.poseEditorGlobals.enableHands, window.poseEditorGlobals.enableFace);
             }
             return;
@@ -618,8 +623,17 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
         // 🔧 簡易モード：手の矩形描画（編集モード中は再計算しない）
         if (window.poseEditorGlobals.editMode === "簡易モード") {
             if (!window.poseEditorGlobals.rectEditModeActive) {
-                // 通常時：矩形を新規計算して描画
-                drawHandRectangles(currentPoseData.hands, originalRes, scaleX, scaleY);
+                // 🚀 通常時：編集済みキーポイントから矩形を計算
+                if (currentPoseData.people && currentPoseData.people[0]) {
+                    const person = currentPoseData.people[0];
+                    const editedHandsData = [
+                        person.hand_left_keypoints_2d || (currentPoseData.hands && currentPoseData.hands[0]),
+                        person.hand_right_keypoints_2d || (currentPoseData.hands && currentPoseData.hands[1])
+                    ];
+                    drawHandRectangles(editedHandsData, originalRes, scaleX, scaleY);
+                } else {
+                    drawHandRectangles(currentPoseData.hands, originalRes, scaleX, scaleY);
+                }
             } else {
                 // 編集モード中：既存の矩形を描画（再計算しない）
                 drawExistingRectangles(['leftHand', 'rightHand']);
@@ -643,8 +657,13 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
         // 🔧 簡易モード：顔の矩形描画（編集モード中は再計算しない）
         if (window.poseEditorGlobals.editMode === "簡易モード") {
             if (!window.poseEditorGlobals.rectEditModeActive) {
-                // 通常時：矩形を新規計算して描画
-                drawFaceRectangles(currentPoseData.faces, originalRes, scaleX, scaleY);
+                // 🚀 通常時：編集済みキーポイントから矩形を計算
+                if (currentPoseData.people && currentPoseData.people[0] && currentPoseData.people[0].face_keypoints_2d) {
+                    const editedFacesData = [currentPoseData.people[0].face_keypoints_2d];
+                    drawFaceRectangles(editedFacesData, originalRes, scaleX, scaleY);
+                } else {
+                    drawFaceRectangles(currentPoseData.faces, originalRes, scaleX, scaleY);
+                }
             } else {
                 // 編集モード中：既存の矩形を描画（再計算しない）
                 drawExistingRectangles(['face']);