Updating the properties panel to show the component type rather than name (no point in repeating) and some final styling changes to the one to many update.

packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte

@@ -257,9 +257,9 @@
                 value={value}
                 bind:group={field.relationshipType}>
               <div class="radio-button-labels">
-                <label class="rel-type-label" for={value}>{name.split(" has ")[0]}</label>
+                <label for={value}>{name.split("has")[0]}</label>
                 <label class="rel-type-center" for={value}>has</label>
-                <label class="rel-type-label" for={value}>{name.split(" has ")[1]}</label>
+                <label for={value}>{name.split("has")[1]}</label>
               </div>
             </Radio>
           {/each}
@@ -326,8 +326,9 @@
   .rel-type-center {
     font-weight: 500;
     color: var(--grey-6);
-    margin-right: 10px;
+    margin-right: 8px;
-    margin-left: 10px;
+    margin-left: 8px;
+    padding: 1px 3px 1px 3px;
     background: var(--grey-3);
     border-radius: 2px;
   }

packages/builder/src/components/design/PropertiesPanel/PropertiesPanel.svelte

@@ -73,8 +73,8 @@
   {categories}
   {selectedCategory} />
 
-{#if showDisplayName}
+{#if definition && definition.name}
-  <div class="instance-name">{$selectedComponent._instanceName}</div>
+  <div class="instance-name">{definition.name}</div>
 {/if}
 
 <div class="component-props-container">