merge: stack widget modernization on dnd kit

apps/nextjs/src/components/board/advanced-focus/context.tsx

@@ -144,13 +144,13 @@ export const BoardAdvancedFocusProvider = ({ children }: PropsWithChildren) => {
         .elementsFromPoint(event.clientX, event.clientY)
         .map((element) =>
           element instanceof HTMLElement
-            ? element.matches(".grid-stack-item-content")
+            ? element.matches("[data-advanced-focus-source]")
               ? element
-              : element.closest<HTMLElement>(".grid-stack-item-content")
+              : element.closest<HTMLElement>("[data-advanced-focus-source]")
             : null,
         )
         .find((source) => source !== null && source !== current.source);
-      const itemId = underlyingSource?.closest<HTMLElement>(".grid-stack-item[data-id]")?.dataset.id;
+      const itemId = underlyingSource?.dataset.itemId;
       if (!underlyingSource || !itemId) return;
 
       if (underlyingSource.hasAttribute("aria-keyshortcuts")) {

apps/nextjs/src/components/board/advanced-focus/manual-surface.spec.ts

@@ -83,7 +83,7 @@ describe("AdvancedFocusManualSurface", () => {
     expect(dialog?.id).toBe("advanced-focus-test");
     expect(dialog?.getAttribute("aria-modal")).toBe("true");
     expect(dialog?.closest("[data-portal]")).not.toBeNull();
-    expect(dialog?.closest(".grid-stack-item")).toBeNull();
+    expect(dialog?.closest("[data-grid-item-id]")).toBeNull();
     expect(document.getElementById(dialog?.getAttribute("aria-labelledby") ?? "")?.textContent).toBe(
       "Test widget advanced view",
     );