;
- externalId?: boolean;
- trackHistory?: boolean;
- track_history?: boolean;
- indexed?: boolean;
- reference_to?: string;
- referenceTo?: string;
- formula?: string;
-}
-
-/**
- * Convert a metadata object definition (from the API/spec) to the ObjectDefinition
- * type used by the ObjectManager component.
- */
-function toObjectDefinition(obj: MetadataObject, index: number): ObjectDefinition {
- const fields = Array.isArray(obj.fields) ? obj.fields : Object.values(obj.fields || {});
- return {
- id: obj.name || `obj_${index}`,
- name: obj.name || '',
- label: typeof obj.label === 'object' ? obj.label.defaultValue || obj.label.key || '' : (obj.label || obj.name || ''),
- pluralLabel: obj.pluralLabel || obj.plural_label || undefined,
- description: typeof obj.description === 'object' ? obj.description.defaultValue : (obj.description || undefined),
- icon: obj.icon || undefined,
- group: obj.name?.startsWith('sys_') ? 'System Objects' : 'Custom Objects',
- sortOrder: index,
- isSystem: obj.name?.startsWith('sys_') || false,
- enabled: obj.enabled !== false,
- fieldCount: fields.length,
- relationships: Array.isArray(obj.relationships)
- ? obj.relationships.map((r: any) => ({
- relatedObject: r.object || r.relatedObject || '',
- type: r.type || 'one-to-many',
- label: r.label || r.name || undefined,
- foreignKey: r.foreign_key || r.foreignKey || undefined,
- }))
- : undefined,
- };
-}
-
-/**
- * Convert a metadata field definition to the DesignerFieldDefinition
- * type used by the FieldDesigner component.
- */
-function toFieldDefinition(field: MetadataField, index: number): DesignerFieldDefinition {
- return {
- id: field.name || `fld_${index}`,
- name: field.name || '',
- label: typeof field.label === 'object' ? field.label.defaultValue || field.label.key || '' : (field.label || field.name || ''),
- type: (field.type || 'text') as DesignerFieldType,
- group: field.group || undefined,
- sortOrder: index,
- description: field.description || field.help || undefined,
- required: field.required || false,
- unique: field.unique || false,
- readonly: field.readonly || false,
- hidden: field.hidden || false,
- defaultValue: field.defaultValue || field.default_value || undefined,
- placeholder: field.placeholder || undefined,
- options: Array.isArray(field.options)
- ? field.options.map((opt) =>
- typeof opt === 'string'
- ? { label: opt, value: opt }
- : { label: opt.label || opt.value, value: opt.value, color: opt.color }
- )
- : undefined,
- isSystem: field.readonly === true && (field.name === 'id' || field.name === 'createdAt' || field.name === 'updatedAt'),
- externalId: field.externalId || false,
- trackHistory: field.trackHistory || field.track_history || false,
- indexed: field.indexed || false,
- referenceTo: field.reference_to || field.referenceTo || undefined,
- formula: field.formula || undefined,
- };
-}
+import { toObjectDefinition, toFieldDefinition, type MetadataObject } from '../../utils/metadataConverters';
// ============================================================================
// Object Detail View
@@ -265,24 +168,111 @@ function ObjectDetailView({ object, metadataObject, onBack, metadataService, onR
)}
- {/* Relationships */}
- {object.relationships && object.relationships.length > 0 && (
-
-
-
- Relationships
-
-
- {object.relationships.map((rel, i) => (
-
- {rel.label || rel.relatedObject} ({rel.type})
+
+
+ {/* Relationships Section */}
+
+
+
+ Relationships
+
+ {object.relationships && object.relationships.length > 0 ? (
+
+ {object.relationships.map((rel, i) => (
+
+
+ {rel.type}
- ))}
-
+
+ {rel.label || rel.relatedObject}
+ {rel.label && rel.label !== rel.relatedObject && (
+ → {rel.relatedObject}
+ )}
+ {rel.foreignKey && (
+ (FK: {rel.foreignKey})
+ )}
+
+
+ ))}
+ ) : (
+
No relationships defined for this object.
)}
+
+
+ Keys
+
+ {(() => {
+ const keyFields = displayFields.filter(
+ (f) => f.unique || f.name === 'id' || f.externalId
+ );
+ if (keyFields.length > 0) {
+ return (
+
+ {keyFields.map((kf) => (
+
+
+ {kf.name === 'id' ? 'Primary Key' : kf.externalId ? 'External ID' : 'Unique'}
+
+
+ {kf.label || kf.name}
+ ({kf.type})
+
+
+ ))}
+
+ );
+ }
+ return (
+
No unique keys or primary keys found.
+ );
+ })()}
+
+
+
+ Data Experience
+
+
+
+
+
Forms
+
Design forms for data entry
+
+
+
+
Views
+
Configure list and detail views
+
+
+
+
Dashboards
+
Build visual dashboards
+
+
+
+
+
+ Data Preview
+
+
+
+
Sample Data
+
+ Live data preview for “{object.label}” will be available here
+
+
+
{saving && (
@@ -291,6 +281,13 @@ function ObjectDetailView({ object, metadataObject, onBack, metadataService, onR
Saving field changes…
)}
+ {/* System field hint */}
+ {displayFields.some((f) => f.isSystem) && (
+
+
+ System fields (e.g. id, createdAt, updatedAt) are read-only and cannot be edited or deleted.
+