feat: update component categories to 'view' and add input configurations for various plugins

Author: hotlong

packages/plugin-aggrid/src/index.tsx

@@ -390,7 +390,7 @@ ComponentRegistry.register(
     namespace: 'plugin-aggrid',
     label: 'Object AG Grid',
     icon: 'Table',
-    category: 'plugin',
+    category: 'view',
     inputs: [
       { 
         name: 'objectName', 

packages/plugin-calendar/src/index.tsx

@@ -32,7 +32,17 @@ export const ObjectCalendarRenderer: React.FC<{ schema: any }> = ({ schema }) =>
 ComponentRegistry.register('object-calendar', ObjectCalendarRenderer, {
   namespace: 'plugin-calendar',
   label: 'Object Calendar',
-  category: 'plugin',
+  category: 'view',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'calendar', type: 'object', label: 'Calendar Config', description: 'startDateField, endDateField, titleField, colorField' },
+  ],
+});
+
+ComponentRegistry.register('view:calendar', ObjectCalendarRenderer, {
+  namespace: 'view',
+  label: 'Calendar View',
+  category: 'view',
   inputs: [
     { name: 'objectName', type: 'string', label: 'Object Name', required: true },
     { name: 'calendar', type: 'object', label: 'Calendar Config', description: 'startDateField, endDateField, titleField, colorField' },

packages/plugin-charts/src/ObjectChart.tsx

@@ -70,5 +70,10 @@ export const ObjectChart = (props: any) => {
 ComponentRegistry.register('object-chart', ObjectChart, {
     namespace: 'plugin-charts',
     label: 'Object Chart',
-    category: 'view'
+    category: 'view',
+    inputs: [
+        { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+        { name: 'data', type: 'array', label: 'Data', description: 'Optional static data' },
+        { name: 'filter', type: 'array', label: 'Filter' },
+    ]
 });

packages/plugin-gantt/src/index.tsx

@@ -27,7 +27,17 @@ export const ObjectGanttRenderer: React.FC<{ schema: any }> = ({ schema }) => {
 ComponentRegistry.register('object-gantt', ObjectGanttRenderer, {
   namespace: 'plugin-gantt',
   label: 'Object Gantt',
-  category: 'plugin',
+  category: 'view',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'gantt', type: 'object', label: 'Gantt Config', description: 'startDateField, endDateField, titleField, progressField, percentageField, colorField, dependenciesField' },
+  ],
+});
+
+ComponentRegistry.register('view:gantt', ObjectGanttRenderer, {
+  namespace: 'view',
+  label: 'Gantt View',
+  category: 'view',
   inputs: [
     { name: 'objectName', type: 'string', label: 'Object Name', required: true },
     { name: 'gantt', type: 'object', label: 'Gantt Config', description: 'startDateField, endDateField, titleField, progressField, percentageField, colorField, dependenciesField' },

packages/plugin-grid/src/index.tsx

@@ -25,15 +25,25 @@ export const ObjectGridRenderer: React.FC<{ schema: any; [key: string]: any }> =
 ComponentRegistry.register('object-grid', ObjectGridRenderer, {
   namespace: 'plugin-grid',
   label: 'Object Grid',
-  category: 'plugin'
+  category: 'plugin',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'columns', type: 'array', label: 'Columns' },
+    { name: 'filters', type: 'array', label: 'Filters' },
+  ]
 });
 
 // Alias for view namespace - this allows using { type: 'view:grid' } in schemas
 // which is semantically meaningful for data display components
 ComponentRegistry.register('grid', ObjectGridRenderer, {
   namespace: 'view',
   label: 'Data Grid',
-  category: 'view'
+  category: 'view',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'columns', type: 'array', label: 'Columns' },
+    { name: 'filters', type: 'array', label: 'Filters' },
+  ]
 });
 
 // Note: 'grid' type is handled by @object-ui/components Grid layout component

packages/plugin-kanban/src/index.tsx

@@ -250,7 +250,21 @@ ComponentRegistry.register(
   {
     namespace: 'plugin-kanban',
     label: 'Object Kanban',
-    category: 'plugin',
+    category: 'view',
+    inputs: [
+      { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+      { name: 'columns', type: 'array', label: 'Columns' }
+    ]
+  }
+);
+
+ComponentRegistry.register(
+  'view:kanban',
+  ObjectKanbanRenderer,
+  {
+    namespace: 'view',
+    label: 'Kanban Board',
+    category: 'view',
     inputs: [
       { name: 'objectName', type: 'string', label: 'Object Name', required: true },
       { name: 'columns', type: 'array', label: 'Columns' }

packages/plugin-map/src/index.tsx

@@ -25,7 +25,17 @@ console.log('Registering object-map...');
 ComponentRegistry.register('object-map', ObjectMapRenderer, {
   namespace: 'plugin-map',
   label: 'Object Map',
-  category: 'plugin',
+  category: 'view',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'map', type: 'object', label: 'Map Config', description: 'latitudeField, longitudeField, titleField' },
+  ],
+});
+
+ComponentRegistry.register('view:map', ObjectMapRenderer, {
+  namespace: 'view',
+  label: 'Map View',
+  category: 'view',
   inputs: [
     { name: 'objectName', type: 'string', label: 'Object Name', required: true },
     { name: 'map', type: 'object', label: 'Map Config', description: 'latitudeField, longitudeField, titleField' },

packages/plugin-timeline/src/index.tsx

@@ -293,7 +293,17 @@ export const ObjectTimelineRenderer: React.FC<any> = ({ schema, ...props }) => {
 ComponentRegistry.register('object-timeline', ObjectTimelineRenderer, {
   namespace: 'plugin-timeline',
   label: 'Object Timeline',
-  category: 'plugin',
+  category: 'view',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'variant', type: 'enum', enum: ['vertical', 'horizontal', 'gantt'], defaultValue: 'vertical' },
+  ]
+});
+
+ComponentRegistry.register('view:timeline', ObjectTimelineRenderer, {
+  namespace: 'view',
+  label: 'Timeline View',
+  category: 'view',
   inputs: [
     { name: 'objectName', type: 'string', label: 'Object Name', required: true },
     { name: 'variant', type: 'enum', enum: ['vertical', 'horizontal', 'gantt'], defaultValue: 'vertical' },