Add overlay to autocolumns when creating rows

packages/frontend-core/src/components/grid/cells/DataCell.svelte

@@ -87,4 +87,5 @@
     {invertX}
     {contentLines}
   />
+  <slot />
 </GridCell>

packages/frontend-core/src/components/grid/layout/NewRow.svelte

@@ -181,7 +181,11 @@
                 rowIdx={0}
                 invertX={columnIdx >= $columnHorizontalInversionIndex}
                 {invertY}
-              />
+              >
+                {#if column?.schema?.autocolumn}
+                  <div class="readonly">Can't edit auto column</div>
+                {/if}
+              </DataCell>
             {/key}
           {/each}
         </div>
@@ -262,4 +266,21 @@
     width: 0;
     display: flex;
   }
+
+  /*  Readonly cell overlay */
+  .readonly {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: var(--row-height);
+    width: 100%;
+    padding: var(--cell-padding);
+    font-style: italic;
+    color: var(--spectrum-global-color-gray-600);
+    z-index: 1;
+    user-select: none;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
 </style>