Merge branch 'main' into codex/identify-components-for-hooks-and-context

json-components-registry.json

@@ -2,7 +2,7 @@
   "$schema": "./schemas/json-components-registry-schema.json",
   "version": "2.0.0",
   "description": "Registry of all components in the application",
-  "lastUpdated": "2026-01-18T12:29:35.000Z",
+  "lastUpdated": "2026-01-18T12:20:47.049Z",
   "categories": {
     "layout": "Layout and container components",
     "input": "Form inputs and interactive controls",
@@ -40,22 +40,13 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Card",
-      "name": "Card",
-      "category": "layout",
-      "canHaveChildren": true,
-      "description": "Container card with optional header, content, and footer",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "CodeExplanationDialog",
       "name": "CodeExplanationDialog",
       "category": "layout",
       "canHaveChildren": true,
       "description": "CodeExplanationDialog component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -106,7 +97,7 @@
       "category": "layout",
       "canHaveChildren": true,
       "description": "DataSourceCard component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -151,15 +142,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Drawer",
-      "name": "Drawer",
-      "category": "layout",
-      "canHaveChildren": true,
-      "description": "Sliding panel overlay",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Flex",
       "name": "Flex",
@@ -196,15 +178,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "HoverCard",
-      "name": "HoverCard",
-      "category": "layout",
-      "canHaveChildren": true,
-      "description": "Card shown on hover",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Modal",
       "name": "Modal",
@@ -256,7 +229,7 @@
       "category": "layout",
       "canHaveChildren": true,
       "description": "TreeCard component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -266,7 +239,7 @@
       "category": "layout",
       "canHaveChildren": true,
       "description": "TreeFormDialog component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -288,15 +261,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Button",
-      "name": "Button",
-      "category": "input",
-      "canHaveChildren": true,
-      "description": "Interactive button element",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "ButtonGroup",
       "name": "ButtonGroup",
@@ -315,15 +279,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Checkbox",
-      "name": "Checkbox",
-      "category": "input",
-      "canHaveChildren": false,
-      "description": "Checkbox toggle control",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "ConfirmButton",
       "name": "ConfirmButton",
@@ -378,15 +333,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Form",
-      "name": "Form",
-      "category": "input",
-      "canHaveChildren": true,
-      "description": "Form container component",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "IconButton",
       "name": "IconButton",
@@ -405,15 +351,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Input",
-      "name": "Input",
-      "category": "input",
-      "canHaveChildren": false,
-      "description": "Text input field",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "InputOtp",
       "name": "InputOtp",
@@ -486,15 +423,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Select",
-      "name": "Select",
-      "category": "input",
-      "canHaveChildren": false,
-      "description": "Dropdown select control",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Slider",
       "name": "Slider",
@@ -504,24 +432,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Slider",
-      "name": "Slider",
-      "category": "input",
-      "canHaveChildren": false,
-      "description": "Numeric range slider",
-      "status": "supported",
-      "source": "ui"
-    },
-    {
-      "type": "Switch",
-      "name": "Switch",
-      "category": "input",
-      "canHaveChildren": false,
-      "description": "Toggle switch control",
-      "status": "supported",
-      "source": "atoms"
-    },
     {
       "type": "Switch",
       "name": "Switch",
@@ -529,7 +439,7 @@
       "canHaveChildren": false,
       "description": "Toggle switch control",
       "status": "supported",
-      "source": "ui"
+      "source": "atoms"
     },
     {
       "type": "TextArea",
@@ -537,8 +447,12 @@
       "category": "input",
       "canHaveChildren": false,
       "description": "Multi-line text input",
-      "status": "supported",
-      "source": "atoms"
+      "status": "deprecated",
+      "source": "atoms",
+      "deprecated": {
+        "replacedBy": "Textarea",
+        "message": "Prefer the shadcn/ui Textarea component for JSON schemas."
+      }
     },
     {
       "type": "Toggle",
@@ -549,15 +463,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Toggle",
-      "name": "Toggle",
-      "category": "input",
-      "canHaveChildren": true,
-      "description": "Toggle button control",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "ToggleGroup",
       "name": "ToggleGroup",
@@ -573,7 +478,7 @@
       "category": "input",
       "canHaveChildren": true,
       "description": "ToolbarButton component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -595,15 +500,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Avatar",
-      "name": "Avatar",
-      "category": "display",
-      "canHaveChildren": false,
-      "description": "User avatar image",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "AvatarGroup",
       "name": "AvatarGroup",
@@ -622,15 +518,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Badge",
-      "name": "Badge",
-      "category": "display",
-      "canHaveChildren": true,
-      "description": "Small status or count indicator",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "CircularProgress",
       "name": "CircularProgress",
@@ -721,15 +608,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Label",
-      "name": "Label",
-      "category": "display",
-      "canHaveChildren": true,
-      "description": "Form label element",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Progress",
       "name": "Progress",
@@ -754,7 +632,7 @@
       "category": "display",
       "canHaveChildren": true,
       "description": "SchemaCodeViewer organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -767,15 +645,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Separator",
-      "name": "Separator",
-      "category": "display",
-      "canHaveChildren": false,
-      "description": "Visual divider line",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Skeleton",
       "name": "Skeleton",
@@ -785,15 +654,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Skeleton",
-      "name": "Skeleton",
-      "category": "display",
-      "canHaveChildren": false,
-      "description": "Loading skeleton placeholder",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Spinner",
       "name": "Spinner",
@@ -875,15 +735,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "ContextMenu",
-      "name": "ContextMenu",
-      "category": "navigation",
-      "canHaveChildren": true,
-      "description": "Right-click context menu",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "DropdownMenu",
       "name": "DropdownMenu",
@@ -899,7 +750,7 @@
       "category": "navigation",
       "canHaveChildren": true,
       "description": "FileTabs component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -946,20 +797,10 @@
       "category": "navigation",
       "canHaveChildren": true,
       "description": "NavigationItem component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
-    {
-      "type": "NavigationMenu",
-      "name": "NavigationMenu",
-      "category": "navigation",
-      "canHaveChildren": true,
-      "description": "NavigationMenu component",
-      "status": "maybe-json-compatible",
-      "source": "organisms",
-      "jsonCompatible": true
-    },
     {
       "type": "NavigationMenu",
       "name": "NavigationMenu",
@@ -987,15 +828,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Tabs",
-      "name": "Tabs",
-      "category": "navigation",
-      "canHaveChildren": true,
-      "description": "Tabbed interface container",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Alert",
       "name": "Alert",
@@ -1005,15 +837,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Alert",
-      "name": "Alert",
-      "category": "feedback",
-      "canHaveChildren": true,
-      "description": "Alert notification message",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "CountBadge",
       "name": "CountBadge",
@@ -1038,7 +861,7 @@
       "category": "feedback",
       "canHaveChildren": true,
       "description": "EmptyCanvasState organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1070,16 +893,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "EmptyState",
-      "name": "EmptyState",
-      "category": "feedback",
-      "canHaveChildren": true,
-      "description": "Empty state placeholder",
-      "status": "maybe-json-compatible",
-      "source": "molecules",
-      "jsonCompatible": true
-    },
     {
       "type": "EmptyStateIcon",
       "name": "EmptyStateIcon",
@@ -1168,16 +981,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "LoadingState",
-      "name": "LoadingState",
-      "category": "feedback",
-      "canHaveChildren": true,
-      "description": "LoadingState component",
-      "status": "json-compatible",
-      "source": "molecules",
-      "jsonCompatible": true
-    },
     {
       "type": "Notification",
       "name": "Notification",
@@ -1193,7 +996,7 @@
       "category": "feedback",
       "canHaveChildren": true,
       "description": "SchemaEditorStatusBar organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1248,7 +1051,7 @@
       "category": "data",
       "canHaveChildren": true,
       "description": "DataSourceManager organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1407,16 +1210,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "StatCard",
-      "name": "StatCard",
-      "category": "data",
-      "canHaveChildren": false,
-      "description": "Statistic card display",
-      "status": "maybe-json-compatible",
-      "source": "molecules",
-      "jsonCompatible": true
-    },
     {
       "type": "Table",
       "name": "Table",
@@ -1426,15 +1219,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Table",
-      "name": "Table",
-      "category": "data",
-      "canHaveChildren": false,
-      "description": "Data table",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "Timeline",
       "name": "Timeline",
@@ -1450,7 +1234,7 @@
       "category": "data",
       "canHaveChildren": true,
       "description": "TreeListHeader component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1460,7 +1244,7 @@
       "category": "data",
       "canHaveChildren": true,
       "description": "TreeListPanel organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1473,24 +1257,19 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Accordion",
-      "name": "Accordion",
-      "category": "custom",
-      "canHaveChildren": true,
-      "description": "Collapsible content sections",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "ActionBar",
       "name": "ActionBar",
       "category": "custom",
       "canHaveChildren": false,
       "description": "Action button toolbar",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
-      "jsonCompatible": true
+      "jsonCompatible": true,
+      "metadata": {
+        "conversionPriority": "high",
+        "notes": "JSON-ready: stateless layout molecule; bindings/events supported in json-ui component types."
+      }
     },
     {
       "type": "AppBranding",
@@ -1508,7 +1287,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "AppHeader organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1536,7 +1315,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "BindingEditor component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1558,22 +1337,13 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Calendar",
-      "name": "Calendar",
-      "category": "custom",
-      "canHaveChildren": true,
-      "description": "Calendar date selector",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "CanvasRenderer",
       "name": "CanvasRenderer",
       "category": "custom",
       "canHaveChildren": true,
       "description": "CanvasRenderer component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1637,7 +1407,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "ComponentPalette component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1688,9 +1458,13 @@
       "category": "custom",
       "canHaveChildren": false,
       "description": "Custom data display card",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
-      "jsonCompatible": true
+      "jsonCompatible": true,
+      "metadata": {
+        "conversionPriority": "high",
+        "notes": "JSON-ready: presentational molecule with conditional rendering only; bindings supported in json-ui component types."
+      }
     },
     {
       "type": "DetailRow",
@@ -1716,7 +1490,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "EditorActions component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1726,7 +1500,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "EditorToolbar component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1745,7 +1519,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "JSONUIShowcase organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1764,7 +1538,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "LazyInlineMonacoEditor component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1774,7 +1548,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "LazyMonacoEditor component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1793,7 +1567,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "MonacoEditorPanel component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1806,23 +1580,13 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "PageHeader",
-      "name": "PageHeader",
-      "category": "custom",
-      "canHaveChildren": true,
-      "description": "PageHeader component",
-      "status": "json-compatible",
-      "source": "organisms",
-      "jsonCompatible": true
-    },
     {
       "type": "PageHeaderContent",
       "name": "PageHeaderContent",
       "category": "custom",
       "canHaveChildren": true,
       "description": "PageHeaderContent component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1853,22 +1617,13 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "Popover",
-      "name": "Popover",
-      "category": "custom",
-      "canHaveChildren": true,
-      "description": "Popover overlay content",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "PropertyEditor",
       "name": "PropertyEditor",
       "category": "custom",
       "canHaveChildren": true,
       "description": "PropertyEditor component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -1937,7 +1692,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "SchemaEditorCanvas organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1947,7 +1702,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "SchemaEditorLayout organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1957,7 +1712,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "SchemaEditorPropertiesPanel organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1967,7 +1722,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "SchemaEditorSidebar organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1977,7 +1732,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "SchemaEditorToolbar organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -1990,22 +1745,13 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "ScrollArea",
-      "name": "ScrollArea",
-      "category": "custom",
-      "canHaveChildren": true,
-      "description": "Scrollable container area",
-      "status": "supported",
-      "source": "ui"
-    },
     {
       "type": "SearchBar",
       "name": "SearchBar",
       "category": "custom",
       "canHaveChildren": true,
       "description": "SearchBar component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "molecules",
       "jsonCompatible": true
     },
@@ -2018,16 +1764,6 @@
       "status": "supported",
       "source": "atoms"
     },
-    {
-      "type": "SearchInput",
-      "name": "SearchInput",
-      "category": "custom",
-      "canHaveChildren": false,
-      "description": "Search input with icon",
-      "status": "maybe-json-compatible",
-      "source": "molecules",
-      "jsonCompatible": true
-    },
     {
       "type": "Sheet",
       "name": "Sheet",
@@ -2129,7 +1865,7 @@
       "category": "custom",
       "canHaveChildren": true,
       "description": "ToolbarActions organism component",
-      "status": "maybe-json-compatible",
+      "status": "supported",
       "source": "organisms",
       "jsonCompatible": true
     },
@@ -2141,23 +1877,14 @@
       "description": "Tooltip overlay text",
       "status": "supported",
       "source": "atoms"
-    },
-    {
-      "type": "Tooltip",
-      "name": "Tooltip",
-      "category": "custom",
-      "canHaveChildren": true,
-      "description": "Tooltip overlay text",
-      "status": "supported",
-      "source": "ui"
     }
   ],
   "statistics": {
-    "total": 219,
-    "supported": 157,
-    "planned": 7,
-    "jsonCompatible": 14,
-    "maybeJsonCompatible": 41,
+    "total": 217,
+    "supported": 204,
+    "planned": 0,
+    "jsonCompatible": 13,
+    "maybeJsonCompatible": 0,
     "byCategory": {
       "layout": 25,
       "input": 34,