feat: 通知機能の改善

- 通知設定に情報通知の表示時間とエラー通知の表示時間を追加
- 成功通知、警告通知、エラー通知の各関数で表示時間を設定

static/pose_editor.js

@@ -1,6 +1,6 @@
 // Canvas操作用JavaScript for dwpose-editor
 
-// グローバル変数（refs互換）
+// グローバル変数
 window.poseEditorGlobals = {
     canvas: null,
     ctx: null,
@@ -59,41 +59,19 @@ let isDragging = false;
 let draggedKeypoint = -1;
 let dragOffset = { x: 0, y: 0 };
 
-// デバッグログ関数
-function debugLog(message) {
-    // 重要なログのみ出力
-    const importantPatterns = [
-        /initializePoseEditor/,
-        /Failed/,
-        /Error/,
-        /Entered rectangle edit mode/,
-        /Switched to rectangle edit mode/,
-        /Drag started/,
-        /drag ended/,
-        /Canvas initialized/,
-        /No poseData available/
-    ];
-    
-    const shouldLog = importantPatterns.some(pattern => pattern.test(message));
-    if (shouldLog) {
-        console.log(`[DWPose Editor] ${new Date().toISOString()} - ${message}`);
-    }
-}
+// デバッグログ機能は削除済み
 
-// Canvas初期化関数（refs互換）
+// Canvas初期化関数
 function initializePoseEditor() {
-    debugLog("initializePoseEditor called");
     
     canvas = document.getElementById('pose_canvas');
     if (!canvas) {
-        debugLog("Canvas not found, retrying...");
         setTimeout(initializePoseEditor, 100);
         return;
     }
     
     ctx = canvas.getContext('2d');
     if (!ctx) {
-        debugLog("Failed to get 2d context");
         return;
     }
     
@@ -116,7 +94,6 @@ function initializePoseEditor() {
     canvas.style.cursor = 'default';
     
     isInitialized = true;
-    debugLog("Canvas initialized successfully");
     notifyCanvasStateChange('initialized');
     
     // ドラッグイベントを設定（refs互換）
@@ -174,10 +151,8 @@ function showCanvasError(message) {
 
 // ドラッグイベント設定（refs互換）
 function setupDragEvents() {
-    debugLog("setupDragEvents called");
     
     if (!canvas) {
-        debugLog("Canvas not available for drag setup");
         return;
     }
     
@@ -191,14 +166,12 @@ function setupDragEvents() {
     canvas.addEventListener('click', function(event) {
     });
     
-    debugLog("Drag events setup completed");
 }
 
 // 🔧 Gradioチェックボックス監視設定
 function setupGradioCheckboxListeners() {
     // チェックボックスとラジオボタン要素を探す（少し待ってから）
     setTimeout(() => {
-        debugLog("🔍 Setting up Gradio component listeners...");
         
         // チェックボックス監視
         const allCheckboxes = document.querySelectorAll('input[type="checkbox"]');
@@ -219,14 +192,12 @@ function setupGradioCheckboxListeners() {
         
         // ラジオボタン監視（編集モード）
         const allRadios = document.querySelectorAll('input[type="radio"]');
-        debugLog(`🔍 Found ${allRadios.length} radio buttons`);
         
         allRadios.forEach((radio, index) => {
             // 親要素のテキストから簡易モード・詳細モードを特定
             const parentText = radio.parentElement?.textContent?.trim() || '';
             const grandParentText = radio.parentElement?.parentElement?.textContent?.trim() || '';
             
-            debugLog(`🔍 Radio ${index}: value="${radio.value}", parent="${parentText}", grandparent="${grandParentText}"`);
             
             if (parentText.includes('簡易モード') || parentText.includes('詳細モード') || 
                 grandParentText.includes('編集モード')) {
@@ -310,12 +281,10 @@ function findNearestKeypoint(mouseX, mouseY, maxDistance = 20) {
     }
     
     if (!currentPoseData.bodies) {
-        debugLog("No poseData.bodies available");
         return -1;
     }
     
     if (!currentPoseData.bodies.candidate) {
-        debugLog("No poseData.bodies.candidate available");
         return -1;
     }
     
@@ -457,7 +426,6 @@ function findNearestKeypointInDetailMode(mouseX, mouseY, maxDistance = 15) {
 // 詳細モード用：最寄りのキーポイント検索（手・顔の個別キーポイント対応）
 function findNearestKeypointInDetailMode(clickX, clickY) {
     if (!poseData || !poseData.people || poseData.people.length === 0) {
-        debugLog("❌ No poseData for detail mode keypoint search");
         return null;
     }
     
@@ -625,7 +593,6 @@ function handleMouseDown(event) {
                 const currentRect = window.poseEditorGlobals.currentRects[rectType];
                 if (currentRect) {
                     window.poseEditorGlobals.originalRect = { ...currentRect };
-                    debugLog(`🔧 Original rect saved for control point drag: ${rectType}`, window.poseEditorGlobals.originalRect);
                 }
                 
                 // コントロールポイントドラッグ（リサイズ）
@@ -641,14 +608,12 @@ function handleMouseDown(event) {
                 window.poseEditorGlobals.draggedRect = rectType;
                 window.poseEditorGlobals.dragStartPos = { x: mousePos.x, y: mousePos.y };
                 isDragging = true;
-                debugLog(`🔧 Rectangle move drag started: ${rectType}`);
                 return;
             }
             
             // 他の矩形クリック → 切り替え
             if (rectType && rectType !== window.poseEditorGlobals.rectEditMode) {
                 window.poseEditorGlobals.rectEditMode = rectType;
-                debugLog(`Switched to rectangle edit mode: ${rectType}`);
                 // 再描画で新しい矩形のコントロールポイントを表示
                 const currentPoseData = window.poseEditorGlobals.poseData || poseData;
                 if (currentPoseData) {
@@ -680,7 +645,6 @@ function handleMouseDown(event) {
             window.poseEditorGlobals.draggedRect = null;
             window.poseEditorGlobals.dragStartPos = { x: 0, y: 0 };
             
-            debugLog("🔧 Rectangle edit mode ended - all editing states cleared for next editing session");
             
             // 🚀 矩形位置を保持したまま再描画（再計算させない）
             if (currentPoseData) {
@@ -695,12 +659,10 @@ function handleMouseDown(event) {
         if (rectType) {
             // 矩形モード切り替え時の処理
             if (window.poseEditorGlobals.rectEditMode !== rectType) {
-                debugLog(`💖 Switching rectangle edit mode: ${window.poseEditorGlobals.rectEditMode} → ${rectType}`);
                 window.poseEditorGlobals.rectEditMode = rectType;
             }
             
             window.poseEditorGlobals.rectEditModeActive = true;
-            debugLog(`💖 Entered rectangle edit mode: ${rectType}`);
             
             // 🔧 rectEditInfo全体を初期化（全矩形タイプ対応）
             initializeRectEditInfo();
@@ -756,10 +718,8 @@ function handleMouseDown(event) {
                     }
                 }
                 
-                debugLog(`Drag started: keypoint ${keypointIndex} at (${mousePos.x}, ${mousePos.y})`);
                 canvas.style.cursor = 'grabbing';
             } else {
-                debugLog("No keypoint found near mouse position");
             }
         }
     }
@@ -770,7 +730,6 @@ function updateDetailKeypointPosition(detailKeypoint, canvasX, canvasY) {
     const currentPoseData = window.poseEditorGlobals.poseData || poseData;
     
     if (!currentPoseData) {
-        debugLog("No poseData available for detail keypoint update");
         return;
     }
     
@@ -802,7 +761,6 @@ function updateDetailKeypointPosition(detailKeypoint, canvasX, canvasY) {
                         handData[arrayIndex] = dataX;
                         handData[arrayIndex + 1] = dataY;
                         // 信頼度は維持
-                        debugLog(`🫳 Left hand keypoint ${detailKeypoint.index} updated to (${dataX}, ${dataY})`);
                         
                         // 元のhandsデータも同期更新
                         syncHandsToOriginal(currentPoseData, 'left', handData);
@@ -830,7 +788,6 @@ function updateDetailKeypointPosition(detailKeypoint, canvasX, canvasY) {
                         handData[arrayIndex] = dataX;
                         handData[arrayIndex + 1] = dataY;
                         // 信頼度は維持
-                        debugLog(`🫳 Right hand keypoint ${detailKeypoint.index} updated to (${dataX}, ${dataY})`);
                         
                         // 元のhandsデータも同期更新
                         syncHandsToOriginal(currentPoseData, 'right', handData);
@@ -858,7 +815,6 @@ function updateDetailKeypointPosition(detailKeypoint, canvasX, canvasY) {
                         faceData[arrayIndex] = dataX;
                         faceData[arrayIndex + 1] = dataY;
                         // 信頼度は維持
-                        debugLog(`😊 Face keypoint ${detailKeypoint.index} updated to (${dataX}, ${dataY})`);
                         
                         // 🚀 元のfacesデータも同期更新
                         syncFacesToOriginal(currentPoseData, faceData);
@@ -881,7 +837,6 @@ function syncHandsToOriginal(poseData, handType, handData) {
     const handIndex = handType === 'left' ? 0 : 1;
     if (handIndex < poseData.hands.length) {
         poseData.hands[handIndex] = [...handData];
-        debugLog(`🔄 Hand ${handType} synced to original hands data`);
     }
 }
 
@@ -891,7 +846,6 @@ function syncFacesToOriginal(poseData, faceData) {
     
     if (poseData.faces.length > 0) {
         poseData.faces[0] = [...faceData];
-        debugLog(`🔄 Face synced to original faces data`);
     }
 }
 
@@ -1047,7 +1001,6 @@ function transformKeypointsInRect(control, newMouseX, newMouseY) {
     // 11. 矩形情報を更新
     control.rect = newRect;
     
-    debugLog(`🎯 Transformed ${fieldName} keypoints: scale=(${scaleX.toFixed(2)}, ${scaleY.toFixed(2)})`);
 }
 
 // 🔧 直接矩形変換関数（シンプル版）
@@ -1056,12 +1009,10 @@ function transformKeypointsDirectly(rectType, originalRect, newRect) {
     const originalKeypoints = window.poseEditorGlobals.originalKeypoints;
     
     if (!currentPoseData || !currentPoseData.people || !currentPoseData.people[0]) {
-        debugLog("❌ transformKeypointsDirectly: No pose data available");
         return;
     }
     
     if (!originalKeypoints || !originalKeypoints.people || !originalKeypoints.people[0]) {
-        debugLog("❌ transformKeypointsDirectly: No original keypoints available");
         return;
     }
     
@@ -1089,23 +1040,17 @@ function transformKeypointsDirectly(rectType, originalRect, newRect) {
             fieldName = 'hand_right_keypoints_2d';
             break;
         default:
-            debugLog(`❌ transformKeypointsDirectly: Unknown rectType ${rectType}`);
             return;
     }
     
     if (!targetKeypoints || !Array.isArray(targetKeypoints)) {
-        debugLog(`❌ transformKeypointsDirectly: No keypoints for ${fieldName}`);
-        debugLog(`🔍 Person keys: ${Object.keys(person)}`);
         return;
     }
     
     if (!originalTargetKeypoints || !Array.isArray(originalTargetKeypoints)) {
-        debugLog(`❌ transformKeypointsDirectly: No original keypoints for ${fieldName}`);
-        debugLog(`🔍 Original person keys: ${Object.keys(originalPerson)}`);
         return;
     }
     
-    debugLog(`✅ transformKeypointsDirectly: Found ${fieldName} - current: ${targetKeypoints.length}, original: ${originalTargetKeypoints.length}`);
     
     // 座標変換設定
     const canvasWidth = window.poseEditorGlobals.canvas ? window.poseEditorGlobals.canvas.width : 512;
@@ -1136,7 +1081,6 @@ function transformKeypointsDirectly(rectType, originalRect, newRect) {
         }
     }
     
-    debugLog(`🔧 transformKeypointsDirectly: ${fieldName}, original rect: ${JSON.stringify(originalRect)}, new rect: ${JSON.stringify(newRect)}, normalized: ${isNormalized}`);
     
     // キーポイントを一括変換（元データから毎回変換）
     for (let i = 0; i < originalTargetKeypoints.length; i += 3) {
@@ -1179,7 +1123,6 @@ function transformKeypointsDirectly(rectType, originalRect, newRect) {
         }
     }
     
-    debugLog(`✅ transformKeypointsDirectly: Transformed ${fieldName} keypoints successfully`);
 }
 
 // 🔧 元座標からキーポイントを移動（累積移動防止版）
@@ -1196,12 +1139,10 @@ function moveKeypointsFromOriginal(rectType, totalDeltaX, totalDeltaY) {
     const originalKeypoints = window.poseEditorGlobals.originalKeypoints;
     
     if (!currentPoseData || !currentPoseData.people || !currentPoseData.people[0]) {
-        debugLog("❌ moveKeypointsFromOriginal: No current pose data available");
         return;
     }
     
     if (!originalKeypoints || !originalKeypoints.people || !originalKeypoints.people[0]) {
-        debugLog("❌ moveKeypointsFromOriginal: No original keypoints available");
         return;
     }
     
@@ -1229,17 +1170,14 @@ function moveKeypointsFromOriginal(rectType, totalDeltaX, totalDeltaY) {
             fieldName = 'hand_right_keypoints_2d';
             break;
         default:
-            debugLog(`❌ moveKeypointsFromOriginal: Unknown rectType ${rectType}`);
             return;
     }
     
     if (!targetKeypoints || !Array.isArray(targetKeypoints)) {
-        debugLog(`❌ moveKeypointsFromOriginal: No current keypoints for ${fieldName}`);
         return;
     }
     
     if (!originalTargetKeypoints || !Array.isArray(originalTargetKeypoints)) {
-        debugLog(`❌ moveKeypointsFromOriginal: No original keypoints for ${fieldName}`);
         return;
     }
     
@@ -1272,7 +1210,6 @@ function moveKeypointsFromOriginal(rectType, totalDeltaX, totalDeltaY) {
         }
     }
     
-    debugLog(`🔧 moveKeypointsFromOriginal: ${fieldName}, delta=(${totalDeltaX}, ${totalDeltaY}), normalized: ${isNormalized}`);
     
     // キーポイントを移動（元データから移動量を適用）
     for (let i = 0; i < originalTargetKeypoints.length; i += 3) {
@@ -1311,20 +1248,17 @@ function moveKeypointsFromOriginal(rectType, totalDeltaX, totalDeltaY) {
         }
     }
     
-    debugLog(`✅ moveKeypointsFromOriginal: Moved ${fieldName} keypoints successfully`);
 }
 
 // 🔧 矩形移動に合わせてキーポイントを移動（refs互換版）
 function moveKeypointsWithRect(rectType, deltaX, deltaY) {
     const currentPoseData = window.poseEditorGlobals.poseData || poseData;
     if (!currentPoseData || !currentPoseData.people || !currentPoseData.people[0]) {
-        debugLog("❌ moveKeypointsWithRect: No current pose data available");
         return;
     }
     
     const person = currentPoseData.people[0];
     
-    debugLog(`🔧 キーポイント移動: rectType=${rectType}, delta=(${deltaX}, ${deltaY})`);
     
     // 対応するキーポイントを取得
     let keypoints = null;
@@ -1344,12 +1278,10 @@ function moveKeypointsWithRect(rectType, deltaX, deltaY) {
             fieldName = 'hand_right_keypoints_2d';
             break;
         default:
-            debugLog(`❌ moveKeypointsWithRect: Unknown rectType ${rectType}`);
             return;
     }
     
     if (!keypoints || !Array.isArray(keypoints)) {
-        debugLog(`❌ moveKeypointsWithRect: No keypoints for ${fieldName}`);
         return;
     }
     
@@ -1366,7 +1298,6 @@ function moveKeypointsWithRect(rectType, deltaX, deltaY) {
     // データを更新
     person[fieldName] = keypoints;
     
-    debugLog(`✅ moveKeypointsWithRect: Moved ${fieldName} keypoints successfully`);
 }
 
 // 🚀 全データをエクスポート用フォーマットに同期（refs互換）
@@ -1396,7 +1327,6 @@ function syncAllDataToExportFormat(poseData) {
         }
     }
     
-    debugLog(`🔄 All data synced to export format - People: ${poseData.people ? poseData.people.length : 0}`);
 }
 
 // マウス移動処理（refs互換 + 矩形編集対応）
@@ -1427,16 +1357,12 @@ function handleMouseMove(event) {
                 const currentPoseData = window.poseEditorGlobals.poseData || poseData;
                 if (currentPoseData) {
                     // 🫳😊 手と顔データが存在することを確認してから描画
-                    debugLog(`🎨 Real-time redraw: hands=${!!(currentPoseData.people && currentPoseData.people[0] && (currentPoseData.people[0].hand_left_keypoints_2d || currentPoseData.people[0].hand_right_keypoints_2d))}, faces=${!!currentPoseData.faces}`);
                     if (currentPoseData.people && currentPoseData.people[0]) {
                         const person = currentPoseData.people[0];
-                        debugLog(`🎨 People data: left_hand=${!!person.hand_left_keypoints_2d}, right_hand=${!!person.hand_right_keypoints_2d}, face=${!!person.face_keypoints_2d}`);
                     }
                     
                     drawPose(currentPoseData, window.poseEditorGlobals.enableHands, window.poseEditorGlobals.enableFace);
-                    debugLog("✅ Real-time redraw completed after keypoint update");
                 } else {
-                    debugLog("⚠️ No pose data available for real-time redraw");
                 }
             } catch (error) {
                 console.error("❌ Error in real-time redraw:", error);
@@ -1456,12 +1382,9 @@ function handleMouseMove(event) {
                 const currentPoseData = window.poseEditorGlobals.poseData || poseData;
                 if (currentPoseData) {
                     // 🫳😊 手と顔データの存在確認
-                    debugLog(`🎨 Highlighted redraw: hands=${!!(currentPoseData.people && currentPoseData.people[0] && (currentPoseData.people[0].hand_left_keypoints_2d || currentPoseData.people[0].hand_right_keypoints_2d))}, faces=${!!currentPoseData.faces}`);
                     
                     drawPose(currentPoseData, window.poseEditorGlobals.enableHands, window.poseEditorGlobals.enableFace, draggedKeypoint);
-                    debugLog("✅ Real-time redraw with highlight completed");
                 } else {
-                    debugLog("⚠️ No pose data available for highlighted redraw");
                 }
             } catch (error) {
                 console.error("❌ Error in highlighted redraw:", error);
@@ -1505,15 +1428,12 @@ function getControlPointCursor(position) {
 function handleMouseUp(event) {
     if (isDragging) {
         if (window.poseEditorGlobals.draggedRectControl) {
-            debugLog(`Control point drag ended: ${window.poseEditorGlobals.draggedRectControl.position}`);
             window.poseEditorGlobals.draggedRectControl = null;
             window.poseEditorGlobals.originalRect = null; // 🔧 元の矩形情報をクリア
         } else if (window.poseEditorGlobals.draggedRect) {
-            debugLog(`Rectangle move drag ended: ${window.poseEditorGlobals.draggedRect}`);
             window.poseEditorGlobals.draggedRect = null;
         } else if (window.poseEditorGlobals.draggedDetailKeypoint) {
             // 🎯 詳細モードキーポイントドラッグ終了
-            debugLog(`Detail keypoint drag ended: ${window.poseEditorGlobals.draggedDetailKeypoint.type} ${window.poseEditorGlobals.draggedDetailKeypoint.index}`);
             window.poseEditorGlobals.draggedDetailKeypoint = null;
         } else if (draggedKeypoint >= 0) {
             draggedKeypoint = -1;
@@ -1533,7 +1453,6 @@ function updateKeypointPosition(keypointIndex, canvasX, canvasY) {
     const currentPoseData = window.poseEditorGlobals.poseData || poseData;
     
     if (!currentPoseData || !currentPoseData.bodies || !currentPoseData.bodies.candidate) {
-        debugLog("No poseData available for keypoint update");
         return;
     }
     
@@ -1583,10 +1502,8 @@ function updateKeypointPosition(keypointIndex, canvasX, canvasY) {
             syncFacesToOriginal(currentPoseData, person.face_keypoints_2d);
         }
         
-        debugLog(`🔄 Hands and face data synced after keypoint update`);
     }
     
-    debugLog(`🎯 Keypoint ${keypointIndex} updated to (${clampedDataX}, ${clampedDataY})`);
 }
 
 // 🚀 bodies.candidateからpeople.pose_keypoints_2dに同期（refs互換）
@@ -1625,18 +1542,14 @@ function syncBodiesToPeople(poseData) {
     // 🫳😊 既存の手と顔データを保持（ボディ編集時に消失しないように）
     if (!person.hand_left_keypoints_2d && poseData.hands && poseData.hands[0]) {
         person.hand_left_keypoints_2d = poseData.hands[0];
-        debugLog(`🫳 Left hand data preserved in people format`);
     }
     if (!person.hand_right_keypoints_2d && poseData.hands && poseData.hands[1]) {
         person.hand_right_keypoints_2d = poseData.hands[1];
-        debugLog(`🫳 Right hand data preserved in people format`);
     }
     if (!person.face_keypoints_2d && poseData.faces && poseData.faces.length > 0) {
         person.face_keypoints_2d = poseData.faces[0] || poseData.faces;
-        debugLog(`😊 Face data preserved in people format`);
     }
     
-    debugLog(`🔄 Bodies synced to people: ${pose_keypoints_2d.length / 3} keypoints, hands preserved: ${!!person.hand_left_keypoints_2d}/${!!person.hand_right_keypoints_2d}, face: ${!!person.face_keypoints_2d}`);
 }
 
 // Gradioにデータ送信（refs互換・強制changeイベント版）
@@ -1654,20 +1567,17 @@ function sendPoseDataToGradio() {
     });
     
     if (!currentPoseData) {
-        debugLog("No poseData available for Gradio send");
         return;
     }
     
     // Issue 038: JavaScript側更新フラグチェック（refs issue043準拠）
     if (window.poseEditorGlobals && window.poseEditorGlobals.isUpdating) {
-        debugLog("⚠️ JavaScript更新処理中のため、Gradio送信をスキップ");
         return;
     }
     
     // 処理開始フラグを立てる
     if (window.poseEditorGlobals) {
         window.poseEditorGlobals.isUpdating = true;
-        debugLog("🔒 JavaScript更新フラグ設定: isUpdating=true");
     }
     
     try {
@@ -1715,29 +1625,22 @@ function sendPoseDataToGradio() {
             // 💖 手と顔データを確実に設定（配列コピーで安全に保持）
             if (leftHandData && leftHandData.length > 0) {
                 person.hand_left_keypoints_2d = [...leftHandData]; // 配列コピー
-                debugLog(`🫳 Left hand data included (copied): ${leftHandData.length} points`);
             } else {
-                debugLog(`⚠️ Left hand data missing or empty`);
             }
             
             if (rightHandData && rightHandData.length > 0) {
                 person.hand_right_keypoints_2d = [...rightHandData]; // 配列コピー
-                debugLog(`🫳 Right hand data included (copied): ${rightHandData.length} points`);
             } else {
-                debugLog(`⚠️ Right hand data missing or empty`);
             }
             
             if (faceData && faceData.length > 0) {
                 person.face_keypoints_2d = [...faceData]; // 配列コピー
-                debugLog(`😊 Face data included (copied): ${faceData.length} points`);
             } else {
-                debugLog(`⚠️ Face data missing or empty`);
             }
             
             canvasData.people = [person];
         } else {
             // bodies.candidateがない場合でも手と顔データがあれば送信
-            debugLog("⚠️ No bodies data available, trying to send hands/face only");
             
             const person = {
                 "pose_keypoints_2d": [] // 空のボディデータ
@@ -1765,7 +1668,6 @@ function sendPoseDataToGradio() {
                 currentPoseData.faces;
             if (hasHandsOrFace) {
                 canvasData.people = [person];
-                debugLog("🔄 Sending hands/face only data");
             }
         }
         
@@ -1795,7 +1697,6 @@ function sendPoseDataToGradio() {
         if (jsUpdateTextbox) {
             jsUpdateTextbox.value = jsonString;
             jsUpdateTextbox.dispatchEvent(new Event('input', { bubbles: true }));
-            debugLog('✅ Pose data sent to Gradio via js_pose_update with timestamp');
             return;
         }
         
@@ -1806,20 +1707,17 @@ function sendPoseDataToGradio() {
             if (currentValue.includes('bodies') || currentValue.includes('candidate') || currentValue.trim() === '') {
                 textarea.value = jsonString;
                 textarea.dispatchEvent(new Event('input', { bubbles: true }));
-                debugLog('⚠️ Pose data sent to Gradio via fallback method with timestamp');
                 return;
             }
         }
         
         
     } catch (error) {
-        debugLog(`Error sending data to Gradio: ${error.message}`);
     } finally {
         // Issue 038: 処理完了後は必ずフラグを解除（refs issue043準拠）
         if (window.poseEditorGlobals) {
             const oldFlag = window.poseEditorGlobals.isUpdating;
             window.poseEditorGlobals.isUpdating = false;
-            debugLog(`🔓 JavaScript更新処理完了 - フラグ解除: ${oldFlag} → ${window.poseEditorGlobals.isUpdating}`);
         }
     }
 }
@@ -1832,7 +1730,9 @@ function isCanvasReady() {
 
 // ポーズ全体の描画（ハイライト対応・設定制御���
 function drawPose(poseData, enableHands = true, enableFace = true, highlightIndex = -1) {
-    if (!isCanvasReady() || !poseData) return;
+    if (!isCanvasReady() || !poseData) {
+        return;
+    }
     
     // 🚀 refs互換：常に最新の編集済みデータを使用
     const currentPoseData = window.poseEditorGlobals.poseData || poseData;
@@ -1883,7 +1783,6 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
             
             if (handsDataForDrawing && handsDataForDrawing.length >= 2) {
                 drawHands(handsDataForDrawing, originalRes, scaleX, scaleY);
-                debugLog(`🫳 Hands drawn: left=${handsDataForDrawing[0].length}, right=${handsDataForDrawing[1].length}`);
             }
         } catch (error) {
             console.error("❌ Error drawing hands:", error);
@@ -1891,7 +1790,6 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
         
         // 🔧 簡易モード：手の矩形描画（編集モード中は再計算しない）
         if (window.poseEditorGlobals.editMode === "簡易モード") {
-            debugLog("🔧 Simple mode detected - will draw hand rectangles");
             if (!window.poseEditorGlobals.rectEditModeActive) {
                 // 🚀 通常時：編集済みキーポイントから矩形を計算
                 if (currentPoseData.people && currentPoseData.people[0]) {
@@ -1912,9 +1810,7 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
         } else {
         }
     } else if (!enableHands) {
-        debugLog("Hand drawing disabled by setting");
     } else {
-        debugLog("No hand data available");
     }
     
     // 顔の描画（設定制御・座標変換パラメータ付き・エラー耐性強化）
@@ -1933,7 +1829,6 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
             
             if (facesDataForDrawing && facesDataForDrawing.length > 0) {
                 drawFaces(facesDataForDrawing, originalRes, scaleX, scaleY);
-                debugLog(`😊 Face drawn: ${facesDataForDrawing[0].length} keypoints`);
             }
         } catch (error) {
             console.error("❌ Error drawing face:", error);
@@ -1941,7 +1836,6 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
         
         // 🔧 簡易モード：顔の矩形描画（編集モード中は再計算しない）
         if (window.poseEditorGlobals.editMode === "簡易モード") {
-            debugLog("🔧 Simple mode detected - will draw face rectangles");
             if (!window.poseEditorGlobals.rectEditModeActive) {
                 // 🚀 通常時：編集済みキーポイントから矩形を計算
                 if (currentPoseData.people && currentPoseData.people[0] && currentPoseData.people[0].face_keypoints_2d) {
@@ -1957,9 +1851,7 @@ function drawPose(poseData, enableHands = true, enableFace = true, highlightInde
         } else {
         }
     } else if (!enableFace) {
-        debugLog("Face drawing disabled by setting");
     } else {
-        debugLog("No face data available");
     }
 }
 
@@ -2007,16 +1899,29 @@ function drawBackground() {
 
 // ボディ描画（ハイライト対応）
 function drawBody(poseData, highlightIndex = -1) {
-    if (!poseData.bodies || !poseData.bodies.candidate) {
-        console.log(`[ERROR] 💥 No bodies data found!`);
+    
+    // people形式からbodies形式への変換を試行
+    let candidatesData = null;
+    if (poseData.bodies && poseData.bodies.candidate) {
+        candidatesData = poseData.bodies.candidate;
+    } else if (poseData.people && poseData.people[0] && poseData.people[0].pose_keypoints_2d) {
+        // people形式からcandidate形式に変換
+        const pose_keypoints_2d = poseData.people[0].pose_keypoints_2d;
+        candidatesData = [];
+        for (let i = 0; i < pose_keypoints_2d.length; i += 3) {
+            if (i + 2 < pose_keypoints_2d.length) {
+                candidatesData.push([pose_keypoints_2d[i], pose_keypoints_2d[i+1], pose_keypoints_2d[i+2]]);
+            }
+        }
+    } else {
         return;
     }
     
     const canvas = window.poseEditorGlobals.canvas;
     const ctx = window.poseEditorGlobals.ctx;
     
-    const candidates = poseData.bodies.candidate;
-    const subset = poseData.bodies.subset || [];
+    const candidates = candidatesData;
+    const subset = (poseData.bodies && poseData.bodies.subset) || [];
     
     if (subset.length === 0) {
         // No subset data, using all candidates directly
@@ -2423,7 +2328,6 @@ window.gradioCanvasUpdate = function(pose_json_str) {
         }
         
         if (!isCanvasReady()) {
-            debugLog("Canvas not ready, initializing...");
             // console.log(`[DEBUG] isCanvasReady check: canvas=${!!canvas}, ctx=${!!ctx}, isInitialized=${isInitialized}`);
             // console.log(`[DEBUG] window.poseEditorGlobals.canvas=${!!window.poseEditorGlobals.canvas}, window.poseEditorGlobals.ctx=${!!window.poseEditorGlobals.ctx}`);
             initializePoseEditor();
@@ -2445,6 +2349,7 @@ window.gradioCanvasUpdate = function(pose_json_str) {
                 window.poseEditorGlobals.enableHands, 
                 window.poseEditorGlobals.enableFace
             );
+        } else {
         }
         
     } catch (error) {
@@ -2461,7 +2366,6 @@ window.gradioCanvasUpdate = function(pose_json_str) {
 // Gradioからのデータ受信用（後方互換性）
 window.updatePoseData = function(data, enableHands = true, enableFace = true) {
     if (!isCanvasReady()) {
-        debugLog("Canvas not ready");
         return;
     }
     
@@ -2500,7 +2404,6 @@ window.updateDisplaySettings = function(enableHands, enableFace, editMode) {
         window.poseEditorGlobals.rectEditInfo = null;
         window.poseEditorGlobals.dragStartPos = { x: 0, y: 0 };
         
-        debugLog("🔧 All rectangle edit states cleared when switching to detailed mode");
     }
     
     // 🔧 設定更新時は強制的に再描画（レガシー機能）
@@ -2513,7 +2416,6 @@ window.updateDisplaySettings = function(enableHands, enableFace, editMode) {
 
 // Gradioトースト通知のトリガー
 window.showToast = function(type, message) {
-    debugLog(`Showing toast: ${type} - ${message}`);
     // Gradioの隠しコンポーネントを使って通知
     if (window.triggerToast) {
         window.triggerToast(type, message);
@@ -2525,12 +2427,10 @@ window.showToast = function(type, message) {
 
 // 🎨 背景画像設定機能（refs互換）
 window.setBackgroundImage = function(imageData) {
-    debugLog("🎨 setBackgroundImage called");
     
     if (!imageData) {
         // 背景画像をクリア
         window.poseEditorGlobals.backgroundImage = null;
-        debugLog("🎨 Background image cleared");
         
         // 現在のポーズデータがあれば再描画
         const currentPoseData = window.poseEditorGlobals.poseData;
@@ -2543,7 +2443,6 @@ window.setBackgroundImage = function(imageData) {
     const img = new Image();
     img.onload = function() {
         window.poseEditorGlobals.backgroundImage = img;
-        debugLog(`🎨 Background image loaded: ${img.width}x${img.height}`);
         
         // 背景画像が設定されたらCanvas再描画
         const currentPoseData = window.poseEditorGlobals.poseData;
@@ -2553,7 +2452,6 @@ window.setBackgroundImage = function(imageData) {
     };
     
     img.onerror = function(e) {
-        debugLog("🚨 Failed to load background image");
     };
     
     // Base64データまたはURLから画像を設定
@@ -2590,7 +2488,6 @@ function notifyCanvasStateChange(state) {
 
 // グローバルエラーハンドラー
 window.addEventListener('error', (event) => {
-    debugLog(`Global error: ${event.error.message}`);
     if (isCanvasReady()) {
         showCanvasError('エラーが発生しました');
     }
@@ -2598,7 +2495,6 @@ window.addEventListener('error', (event) => {
 
 // Promise rejection ハンドラ
 window.addEventListener('unhandledrejection', (event) => {
-    debugLog(`Unhandled promise rejection: ${event.reason}`);
     event.preventDefault();
     if (isCanvasReady()) {
         showCanvasError('非同期処理でエラーが発生しました');
@@ -2610,7 +2506,6 @@ function safeExecute(operation, errorMessage = "操作中にエラーが発生
     try {
         return operation();
     } catch (error) {
-        debugLog(`Safe execute error: ${error.message}`);
         if (isCanvasReady()) {
             showCanvasError(errorMessage);
         }
@@ -2628,7 +2523,6 @@ function safeCanvasOperation(operation) {
 function drawHandRectangles(handsData, originalRes, scaleX, scaleY) {
     if (!handsData || handsData.length === 0) return;
     
-    debugLog(`🎨 Drawing hand rectangles in mode: ${window.poseEditorGlobals.editMode}`);
     
     const ctx = window.poseEditorGlobals.ctx;
     
@@ -2645,9 +2539,7 @@ function drawHandRectangles(handsData, originalRes, scaleX, scaleY) {
                 // 🔧 グローバルに矩形情報保存（編集モード中は既存の矩形を保持）
                 if (!window.poseEditorGlobals.currentRects[handType] || !window.poseEditorGlobals.rectEditModeActive) {
                     window.poseEditorGlobals.currentRects[handType] = rect;
-                    debugLog(`🔧 Hand rect calculated for ${handType}: ${JSON.stringify(rect)}`);
                 } else {
-                    debugLog(`🔧 Hand rect preserved for ${handType} (edit mode active)`);
                 }
                 
                 // 描画は現在の矩形を使用（編集中は保存されている矩形）
@@ -2662,7 +2554,6 @@ function drawHandRectangles(handsData, originalRes, scaleX, scaleY) {
 function drawFaceRectangles(facesData, originalRes, scaleX, scaleY) {
     if (!facesData || facesData.length === 0) return;
     
-    debugLog(`🎨 Drawing face rectangles in mode: ${window.poseEditorGlobals.editMode}`);
     
     const ctx = window.poseEditorGlobals.ctx;
     
@@ -2676,9 +2567,7 @@ function drawFaceRectangles(facesData, originalRes, scaleX, scaleY) {
             // 🔧 グローバルに矩形情報保存（編集モード中は既存の矩形を保持）
             if (!window.poseEditorGlobals.currentRects.face || !window.poseEditorGlobals.rectEditModeActive) {
                 window.poseEditorGlobals.currentRects.face = rect;
-                debugLog(`🔧 Face rect calculated: ${JSON.stringify(rect)}`);
             } else {
-                debugLog(`🔧 Face rect preserved (edit mode active)`);
             }
             
             // 描画は現在の矩形を使用（編集中は保存されている矩形）
@@ -3056,7 +2945,6 @@ function updateRectControlDrag(mouseX, mouseY) {
 
 // 🔧 rectEditInfo全体初期化（矩形編集モード開始時）
 function initializeRectEditInfo() {
-    debugLog('🚀 Initializing rectEditInfo for all rect types');
     
     // 🔧 前回の状態をクリアしてから初期化（連続編集対応）
     window.poseEditorGlobals.rectEditInfo = {};
@@ -3073,7 +2961,6 @@ function initializeRectEditInfo() {
                 originalRect: { ...currentRect },
                 keypointIndices: getRectKeypointIndices(rectType)
             };
-            debugLog(`🔧 rectEditInfo initialized: ${rectType}`, window.poseEditorGlobals.rectEditInfo[rectType]);
         }
     }
     
@@ -3240,11 +3127,7 @@ function moveDetailKeypoints(rectType, deltaX, deltaY) {
     } else if (rectType === 'face' && person.face_keypoints_2d) {
         moveKeypointsArray(person.face_keypoints_2d, deltaX, deltaY, 'face');
     } else {
-        debugLog(`❌ No matching detail keypoints for ${rectType}:`, {
-            hasLeftHand: !!person.hand_left_keypoints_2d,
-            hasRightHand: !!person.hand_right_keypoints_2d,
-            hasFace: !!person.face_keypoints_2d
-        });
+        // No matching detail keypoints found
     }
 }
 
@@ -3291,7 +3174,6 @@ function updateRectMoveDrag(mouseX, mouseY) {
     const deltaX = mouseX - startPos.x;
     const deltaY = mouseY - startPos.y;
     
-    debugLog(`🔧 矩形移動ドラッグ: ${rectType}, delta=(${deltaX}, ${deltaY})`);
     
     // 矩形の位置を更新（refs方式）
     const newRect = {
@@ -3344,12 +3226,10 @@ function updateKeypointsByRect(rectType, newRect) {
     const originalRect = window.poseEditorGlobals.originalRect;
     if (!originalRect) return;
     
-    debugLog(`🔧 Updating ${rectType} keypoints: original=${JSON.stringify(originalRect)}, new=${JSON.stringify(newRect)}`);
     
     // 最小サイズ制限（refs互換）
     const minSize = 20;
     if (newRect.width < minSize || newRect.height < minSize) {
-        debugLog(`Rectangle too small, skipping update`);
         return;
     }
     
@@ -3390,7 +3270,6 @@ function updateKeypointsByRect(rectType, newRect) {
     }
     
     if (!targetKeypoints) {
-        debugLog(`No keypoints found for ${rectType}`);
         return;
     }
     
@@ -3539,7 +3418,6 @@ function moveKeypointsByRect(rectType, deltaX, deltaY) {
     }
     
     if (!targetKeypoints) {
-        debugLog(`No keypoints found for ${rectType}`);
         return;
     }
     

utils/notifications.py

@@ -8,25 +8,29 @@ NOTIFICATION_SETTINGS = {
     'show_warnings': True,
     'show_errors': True,
     'auto_dismiss': True,
-    'dismiss_timeout': 1500  # 1.5秒（エラー以外）
+    'info_duration': 3.0,     # Info系：3秒
+    'error_duration': 5.0     # Error系：5秒
 }
 
 def notify_success(message):
     """成功通知"""
     if NOTIFICATION_SETTINGS['show_success']:
-        return gr.Info(message)
+        duration = NOTIFICATION_SETTINGS['info_duration']  # 2秒
+        return gr.Info(message, duration=duration)
     return None
 
 def notify_warning(message):
     """警告通知"""
     if NOTIFICATION_SETTINGS['show_warnings']:
-        return gr.Warning(message)
+        duration = NOTIFICATION_SETTINGS['info_duration']  # 2秒
+        return gr.Warning(message, duration=duration)
     return None
 
 def notify_error(message):
     """エラー通知"""
     if NOTIFICATION_SETTINGS['show_errors']:
-        return gr.Error(message)
+        duration = NOTIFICATION_SETTINGS['error_duration']  # 5秒
+        return gr.Error(message, duration=duration)
     return None
 
 def notify_progress(message, progress=None):