fix: align ViewType and Zod schemas with spec UI protocol

- Add 'gallery' and 'gantt' to ViewType in views.ts
- Add 'gallery' and 'gantt' to ViewTypeSchema in views.zod.ts
- Sync DetailViewFieldSchema type enum with TS interface (add data-oriented types)
- Add missing options, reference_to, reference_field, currency fields to DetailViewFieldSchema
- Add missing showBorder, headerColor fields to DetailViewSectionSchema
- Add gallery and gantt icons/labels to plugin-view ViewSwitcher

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/plugin-view/src/ViewSwitcher.tsx

@@ -26,7 +26,9 @@ import {
   Activity,
   Calendar,
   FileText,
+  GanttChartSquare,
   Grid,
+  Images,
   LayoutGrid,
   List,
   Map,
@@ -51,6 +53,8 @@ const DEFAULT_VIEW_LABELS: Record<ViewType, string> = {
   calendar: 'Calendar',
   timeline: 'Timeline',
   map: 'Map',
+  gallery: 'Gallery',
+  gantt: 'Gantt',
 };
 
 const DEFAULT_VIEW_ICONS: Record<ViewType, LucideIcon> = {
@@ -61,6 +65,8 @@ const DEFAULT_VIEW_ICONS: Record<ViewType, LucideIcon> = {
   calendar: Calendar,
   timeline: Activity,
   map: Map,
+  gallery: Images,
+  gantt: GanttChartSquare,
 };
 
 const viewSwitcherLayout = cva('flex gap-4', {

packages/types/src/views.ts

@@ -25,7 +25,7 @@ import type { SelectOptionMetadata } from './field-types';
 /**
  * View Type
  */
-export type ViewType = 'list' | 'detail' | 'grid' | 'kanban' | 'calendar' | 'timeline' | 'map';
+export type ViewType = 'list' | 'detail' | 'grid' | 'kanban' | 'calendar' | 'timeline' | 'map' | 'gallery' | 'gantt';
 
 /**
  * Detail View Field Configuration

packages/types/src/zod/views.zod.ts

@@ -22,21 +22,33 @@ import { BaseSchema, SchemaNodeSchema } from './base.zod.js';
 /**
  * View Type Schema
  */
-export const ViewTypeSchema = z.enum(['list', 'detail', 'grid', 'kanban', 'calendar', 'timeline', 'map']).describe('View type');
+export const ViewTypeSchema = z.enum(['list', 'detail', 'grid', 'kanban', 'calendar', 'timeline', 'map', 'gallery', 'gantt']).describe('View type');
 
 /**
  * Detail View Field Schema
  */
 export const DetailViewFieldSchema = z.object({
   name: z.string().describe('Field name/path'),
   label: z.string().optional().describe('Display label'),
-  type: z.enum(['text', 'image', 'link', 'badge', 'date', 'datetime', 'json', 'html', 'markdown', 'custom']).optional().describe('Field type for rendering'),
+  type: z.enum([
+    'text', 'number', 'currency', 'percent', 'boolean', 'select', 'lookup', 'master_detail',
+    'email', 'url', 'phone', 'user',
+    'image', 'link', 'badge', 'date', 'datetime', 'json', 'html', 'markdown', 'custom',
+  ]).optional().describe('Field type for rendering'),
   format: z.string().optional().describe('Format string (e.g., date format)'),
   render: SchemaNodeSchema.optional().describe('Custom renderer'),
   value: z.any().optional().describe('Field value'),
   readonly: z.boolean().optional().describe('Whether field is read-only'),
   visible: z.union([z.boolean(), z.string()]).optional().describe('Field visibility condition'),
   span: z.number().optional().describe('Span across columns (for grid layout)'),
+  options: z.array(z.object({
+    label: z.string(),
+    value: z.union([z.string(), z.number(), z.boolean()]),
+    color: z.string().optional(),
+  })).optional().describe('Options for select/lookup fields'),
+  reference_to: z.string().optional().describe('Referenced object name for lookup/master_detail fields'),
+  reference_field: z.string().optional().describe('Display field on the referenced object'),
+  currency: z.string().optional().describe('Currency code for currency fields (e.g. USD, EUR)'),
 });
 
 /**
@@ -51,6 +63,8 @@ export const DetailViewSectionSchema = z.object({
   defaultCollapsed: z.boolean().optional().describe('Default collapsed state'),
   columns: z.number().optional().describe('Grid columns for field layout'),
   visible: z.union([z.boolean(), z.string()]).optional().describe('Section visibility condition'),
+  showBorder: z.boolean().optional().describe('Show border around section'),
+  headerColor: z.string().optional().describe('Header background color (Tailwind class)'),
 });
 
 /**