From afd5c309425621cdc716ed694b46ce96a020037c Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sun, 22 Mar 2026 06:13:30 +0000
Subject: [PATCH] Debug: add console.log to handleFitDragStop for drag
 coordinate inspection

https://claude.ai/code/session_01Cu7YDRKZrYX3sBs6g9w2dy
---
 web/src/views/live/DraggableGridLayout.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/web/src/views/live/DraggableGridLayout.tsx b/web/src/views/live/DraggableGridLayout.tsx
index fb341c569..88106eb5f 100644
--- a/web/src/views/live/DraggableGridLayout.tsx
+++ b/web/src/views/live/DraggableGridLayout.tsx
@@ -487,6 +487,23 @@ export default function DraggableGridLayout({
       const colsPerRow = fitGridParams.colsPerRow;
       const draggedId = newItem.i;
 
+      console.log("[FitDrag]", {
+        draggedId,
+        "newItem.x": newItem.x,
+        "newItem.y": newItem.y,
+        w,
+        colsPerRow,
+        targetCol: Math.max(0, Math.min(Math.round(newItem.x / w), colsPerRow - 1)),
+        targetRow: Math.max(0, Math.round(newItem.y / w)),
+        sourceIndex: [...(fitLayoutOverride ?? fitLayout ?? [])]
+          .sort((a, b) => (a.y !== b.y ? a.y - b.y : a.x - b.x))
+          .map((item) => item.i)
+          .indexOf(newItem.i),
+        orderedNames: [...(fitLayoutOverride ?? fitLayout ?? [])]
+          .sort((a, b) => (a.y !== b.y ? a.y - b.y : a.x - b.x))
+          .map((item) => item.i),
+      });
+
       const currentOrder = fitLayoutOverride ?? fitLayout ?? [];
       const orderedNames = [...currentOrder]
         .sort((a, b) => {