Migrate pagelayout position frontend

[Weiko]

Context

Part 1 of migrating gridPosition in favor of typed position
FE should now always send both values to the BE and use both.

Next steps:

• Update the backend to enforce and validate the new position field + DB migrations gridPositon -> position (type: GRID)
• Cleanup frontend usage
• Cleanup backend

[cubic-dev-ai]

No issues found across 12 files

[greptile-apps]

Greptile Summary

This PR migrates the frontend to use the new typed position field alongside the existing gridPosition field as part of a multi-step migration from gridPosition to position. The frontend now sends both values to the backend.

Key changes:

• Added position field with layoutMode: GRID to all widget creation functions
• Updated convertLayoutsToWidgets to populate both gridPosition and position
• Updated convertPageLayoutDraftToUpdateInput to send position in GraphQL mutations
• Modified convertPageLayoutToTabLayouts to prefer position over gridPosition when available
• Added comprehensive test coverage for the new position field

Issues found:

• convertLayoutsToWidgets.ts is missing the __typename property in the position object, which causes test failures and type inconsistencies

Confidence Score: 4/5

• Safe to merge after fixing the missing __typename property
• The migration strategy is sound and well-tested, with one syntax error that will cause test failures
• Pay attention to convertLayoutsToWidgets.ts which needs the __typename fix

Important Files Changed

Filename	Overview
packages/twenty-front/src/modules/page-layout/utils/convertLayoutsToWidgets.ts	Added position field with layoutMode, but missing __typename property
packages/twenty-front/src/modules/page-layout/utils/convertPageLayoutDraftToUpdateInput.ts	Added position field to GraphQL input (correctly without __typename)
packages/twenty-front/src/modules/page-layout/utils/convertPageLayoutToTabLayouts.ts	Added fallback to use position field when available, with proper type checking
packages/twenty-front/src/modules/page-layout/utils/createDefaultGraphWidget.ts	Added position field with __typename correctly included

_{Last reviewed commit: 9b45d69}

[greptile-apps]

_{12 files reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[Devessier]

Left a few comments. I would like to discuss the best practice to create default widgets whose position makes sense with the layout mode they are used within.

[Devessier]

I feel we should instruct this function about the layout mode it should use. Indeed, we could create front component in record page layouts as well.

[Devessier]

Same thing here about layout mode

[Devessier]

Same thing here about layout mode

[Devessier]

Same thing here about layout mode

[FelixMalfait]

🚀 Preview Environment Ready!

Your preview environment is available at: http://bore.pub:15344

This environment will automatically shut down after 5 hours.

[twenty-eng-sync]

Hey @Weiko! After you've done the QA of your Pull Request, you can mark it as done here. Thank you!