Pages Configuration

interface PageConfig {
  id: string; // Unique ID
  type: 'collectionPage' | 'entityPage';
  appMainPage?: boolean; // EXACTLY ONE page must have true
}

interface CollectionPage extends PageConfig {
  type: 'collectionPage';
  collectionPage: {
    route: { path: '/' };
    components: [{
      entityPageId: string; // REQUIRED: Links to entity page ID
      // ... component config
    }];
  };
}

interface EntityPage extends PageConfig {
  type: 'entityPage';
  entityPage: {
    parentPageId: string; // REQUIRED: Links to collection page ID
    route: {
      path: string; // MUST be '/[segment]/:entityId'
      params: { id: 'entityId' };
    };
  };
}

interface StickyConfig {
  stickyColumns?: number; // Count of columns to stick from left
  columns: Array<{
    reorderDisabled?: boolean; // Recommended for sticky cols
  }>;
}

[
  {
    id: 'product-list',
    type: 'collectionPage',
    appMainPage: true,
    collectionPage: {
      route: { path: '/' },
      components: [{
        type: 'collection',
        entityPageId: 'product-details', // Link to Entity Page
        layout: [{
          type: 'Table',
          table: {
            stickyColumns: 1,
            columns: [
              { id: 'name', name: 'Name', reorderDisabled: true }, // Sticky & Locked
              { id: 'price', name: 'Price' }
            ]
          }
        }]
      }]
    }
  },
  {
    id: 'product-details',
    type: 'entityPage',
    entityPage: {
      parentPageId: 'product-list', // Link to Collection Page
      route: {
        path: '/product/:entityId', // Correct format
        params: { id: 'entityId' }
      }
    }
  }
]