Refactor field and chart type definitions for improved clarity and consistency

Author: hotlong

content/prompts/development/component.prompt.md

@@ -22,16 +22,17 @@ Responsible for **Input** (Edit Mode) and **Display** (Read Mode) of a specific
     }
     ```
 *   **Required Types (Ref: `src/data/field.zod.ts`):**
-    *   **Core:** `text`, `textarea`, `email`, `url`, `phone`, `password`
-    *   **Rich Content:** `markdown`, `html`, `richtext`
-    *   **Numbers:** `number`, `currency`, `percent`
-    *   **Date & Time:** `date`, `datetime`, `time`
-    *   **Logic:** `boolean` (Checkbox/Switch)
-    *   **Selection:** `select` (Dropdown/Radio)
-    *   **Relational:** `lookup` (Searchable Ref), `master_detail`
-    *   **Media:** `image` (Upload/Preview), `file`, `avatar`
-    *   **Calculated:** `formula` (Readonly), `summary`, `autonumber`
-    *   **Enhanced:** `location` (Lat/Long Map), `address`, `code` (Monaco), `color` (Picker), `rating` (Stars), `slider` (Range), `signature` (Pad), `qrcode` (Generator).
+    *   **Textual:** `text` (Input), `textarea` (Multi-line), `password`, `email`, `url`, `phone`.
+    *   **Rich Content:** `markdown` (Editor), `html` (WYSIWYG), `code` (Monaco/Ace).
+    *   **Numeric:** `number` (Int/Float), `currency` (Money), `percent` (Progress), `slider` (Range).
+    *   **Selection:** 
+        *   `boolean` (Switch/Toggle), `checkboxes` (Group).
+        *   `select` (Dropdown), `multiselect` (Tags), `radio` (Cards).
+    *   **Date & Time:** `date` (Picker), `datetime`, `time`, `duration`.
+    *   **Relational:** `lookup` (Modal/Combobox), `master_detail` (Inline), `tree` (Hierarchy).
+    *   **Media:** `image` (Upload/Gallery), `file` (Drag&Drop), `video` (Player), `audio`, `avatar`.
+    *   **Visual:** `color` (Picker), `rating` (Star), `signature` (Canvas), `qrcode`, `progress`.
+    *   **Structure:** `json` (Object Editor), `address` (Street/City/State), `location` (Map Pin).
 
 ### B. List View Layouts (`view.list.*`)
 Responsible for rendering a collection of records.
@@ -45,7 +46,11 @@ Responsible for rendering a collection of records.
       onSelectionChange?: (selectedIds: string[]) => void;
     }
     ```
-*   **Required Types:** `grid` (DataGrid), `kanban` (Drag & Drop), `calendar` (Events), `gantt` (Timeline), `map` (Markers).
+*   **Required Types (Ref: `src/ui/view.zod.ts`):**
+    *   **Data:** `grid` (Standard Table), `spreadsheet` (Editable Cell).
+    *   **Cards:** `gallery` (Image Deck), `kanban` (Status Board).
+    *   **Time:** `calendar` (Schedule), `gantt` (Project), `timeline` (Activity Stream).
+    *   **Geo:** `map` (Cluster/Markers).
 
 ### C. Form View Layouts (`view.form.*`)
 Responsible for rendering a single record detail.
@@ -59,7 +64,9 @@ Responsible for rendering a single record detail.
       onChange?: (field: string, value: any) => void;
     }
     ```
-*   **Required Types:** `simple` (Sections), `tabbed` (Tabs), `wizard` (Steps).
+*   **Required Types:** 
+    *   `simple` (Vertical Flow), `tabbed` (Categorized), `wizard` (Step-by-Step).
+    *   `split` (Master-Detail), `drawer` (Side Panel), `modal` (Dialog).
 
 ### D. Dashboard Widgets (`widget.*`)
 Standalone cards placed on a dashboard grid.
@@ -73,8 +80,10 @@ Standalone cards placed on a dashboard grid.
     }
     ```
 *   **Required Types (Ref: `src/ui/dashboard.zod.ts`):**
-    *   **Charts:** `metric` (KPI), `bar`, `line`, `pie`, `donut`, `funnel`.
-    *   **Content:** `table` (Data List), `text` (Rich Text/Markdown).
+    *   **KPI:** `metric` (Big Number with Trend).
+    *   **Charts:** `bar`, `line`, `pie`, `funnel`, `radar`, `scatter`, `heatmap`.
+    *   **Analysis:** `pivot` (Cross-Tab Table).
+    *   **Content:** `table` (List), `text` (Note), `image`, `frame` (Embed).
 
 ---
 

packages/spec/src/data/field.zod.ts

@@ -14,25 +14,30 @@ export const FieldType = z.enum([
   // Date & Time
   'date', 'datetime', 'time',
   // Logic
-  'boolean',
+  'boolean', 'toggle', // Toggle is a distinct UI from checkbox
   // Selection
-  'select', // Static options
+  'select',       // Single select dropdown
+  'multiselect',  // Multi select (often tags)
+  'radio',        // Radio group
+  'checkboxes',   // Checkbox group
   // Relational
-  'lookup', 'master_detail', // Dynamic reference to other objects
+  'lookup', 'master_detail', // Dynamic reference
   // Media
-  'image', 'file', 'avatar',
+  'image', 'file', 'avatar', 'video', 'audio',
   // Calculated / System
   'formula', 'summary', 'autonumber',
   // Enhanced Types
-  'location', // GPS coordinates (aka geolocation)
-  'geolocation', // Alternative name for location field
-  'address', // Structured address
-  'code', // Code with syntax highlighting
-  'color', // Color picker
-  'rating', // Star rating
-  'slider', // Numeric slider
-  'signature', // Digital signature
-  'qrcode', // QR code / Barcode
+  'location',     // GPS coordinates
+  'address',      // Structured address
+  'code',         // Code editor (JSON/SQL/JS)
+  'json',         // Structured JSON data
+  'color',        // Color picker
+  'rating',       // Star rating
+  'slider',       // Numeric slider
+  'signature',    // Digital signature
+  'qrcode',       // QR code / Barcode
+  'progress',     // Progress bar
+  'tags',         // Simple tag list
 ]);
 
 export type FieldType = z.infer<typeof FieldType>;

packages/spec/src/ui/dashboard.zod.ts

@@ -5,14 +5,23 @@ import { FilterConditionSchema } from '../data/filter.zod';
  * Chart Type Enum
  */
 export const ChartType = z.enum([
-  'metric',    // Single big number
-  'bar',       // Bar chart
-  'line',      // Line chart
-  'pie',       // Pie/Donut chart
-  'donut',     // Donut chart
-  'funnel',    // Funnel chart
-  'table',     // Data table
-  'text'       // Rich text / Markdown
+  // Analysis
+  'metric',    // KPI / Big Number
+  'bar',       // Bar / Column
+  'line',      // Line / Area
+  'pie',       // Pie / Donut
+  'funnel',    // Conversion Funnel
+  'radar',     // Spider / Radar
+  'scatter',   // Scatter Plot
+  'heatmap',   // Heatmap
+  'pivot',     // Pivot Table (Cross-tab)
+  
+  // Content
+  'table',     // Data Grid
+  'list',      // Simple List
+  'text',      // Markdown / HTML
+  'image',     // Static Image
+  'frame',     // IFrame / Embed
 ]);
 
 /**

packages/spec/src/ui/view.zod.ts

@@ -119,7 +119,16 @@ export const GanttConfigSchema = z.object({
 export const ListViewSchema = z.object({
   name: SnakeCaseIdentifierSchema.optional().describe('Internal view name (lowercase snake_case)'),
   label: z.string().optional(), // Display label override
-  type: z.enum(['grid', 'kanban', 'calendar', 'gantt', 'map']).default('grid'),
+  type: z.enum([
+    'grid',       // Standard Data Table
+    'spreadsheet',// Excel-like Editable Grid
+    'kanban',     // Board / Columns
+    'gallery',    // Card Deck / Masonry
+    'calendar',   // Monthly/Weekly/Daily
+    'timeline',   // Chronological Stream (Feed)
+    'gantt',      // Project Timeline
+    'map'         // Geospatial
+  ]).default('grid'),
 
   /** Data Source Configuration */
   data: ViewDataSchema.optional().describe('Data source configuration (defaults to "object" provider)'),