pxengine 0.1.43 → 0.1.45

package/dist/registry.json

@@ -1,7 +1,7 @@
 {
   "name": "@pxengine/ui",
   "version": "1.0.0",
-  "lastUpdated": "2026-03-06T09:33:27.329Z",
+  "lastUpdated": "2026-03-09T07:17:23.717Z",
   "components": {
     "AccordionAtom": {
       "name": "AccordionAtom",
@@ -13665,72 +13665,84 @@
         "height": 225
       }
     },
-    "AgentCard": {
-      "name": "AgentCard",
+    "AudienceDemographicsCard": {
+      "name": "AudienceDemographicsCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "AgentCard\n\nDisplays an agent configuration with avatar, metadata, tools, and status.\nSupports inline editing when `editable` is true and `onSave` is provided.\nGeneric — the parent injects save logic via `onSave`, so it works in any context.",
+      "description": "AudienceDemographicsCard\nVisualizes audience data using appropriate chart types.",
       "props": {
-        "onSave": {
-          "type": "(agent: { name: string; display_name: string; description: string; image: string; tools: string[]; model: string; enabled: boolean; agent_id?: string; }, updates: record<string, any>) => promise<...>",
-          "required": false,
+        "type": {
+          "type": "\"audience-demographics-card\"",
+          "required": true,
           "description": ""
         },
-        "className": {
+        "title": {
           "type": "string",
-          "required": false,
+          "required": true,
           "description": ""
         },
-        "style": {
-          "type": "cssproperties",
-          "required": false,
+        "data": {
+          "type": "any[]",
+          "required": true,
           "description": ""
         },
-        "agent": {
-          "type": "{ name: string; display_name: string; description: string; image: string; tools: string[]; model: string; enabled: boolean; agent_id?: string; }",
+        "config": {
+          "type": "record<string, { label: string; color: string; }>",
           "required": true,
           "description": ""
         },
-        "editable": {
-          "type": "boolean",
+        "demographicType": {
+          "type": "enum",
+          "required": true,
+          "description": "",
+          "enums": [
+            "location",
+            "age",
+            "gender"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
           "required": false,
-          "defaultValue": "true",
           "description": ""
         },
-        "compact": {
-          "type": "boolean",
+        "style": {
+          "type": "cssproperties",
           "required": false,
-          "defaultValue": "false",
           "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "AgentDataTable": {
-      "name": "AgentDataTable",
+    "AudienceMetricCard": {
+      "name": "AudienceMetricCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "AgentDataTable\n\nA clean table for displaying structured data from agent builder responses.\nRenders boolean values as colored indicators and handles overflow gracefully.",
+      "description": "AudienceMetricCard\nA card displaying specific audience metrics with progress bars.",
       "props": {
         "type": {
-          "type": "\"agent-data-table\"",
+          "type": "\"audience-metric-card\"",
           "required": true,
           "description": ""
         },
-        "headers": {
-          "type": "string[]",
+        "title": {
+          "type": "string",
           "required": true,
           "description": ""
         },
-        "rows": {
+        "metrics": {
           "type": "enum",
           "required": true,
           "description": "",
           "enums": [
-            "(string",
-            "number",
-            "boolean)[][]"
+            "{ label: string; value: string",
+            "number; percentage?: number; }[]"
           ]
         },
         "id": {
@@ -13752,42 +13764,22 @@
       "preview": null,
       "layoutHints": null
     },
-    "InstructionPreview": {
-      "name": "InstructionPreview",
+    "BrandAffinityGroup": {
+      "name": "BrandAffinityGroup",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "InstructionPreview\n\nRenders a structured preview of an agent's instruction/prompt.\nShows agent name, description, collapsible instruction text,\nworkflow summary, and tool list.",
+      "description": "BrandAffinityGroup\nVisual group of associated brand logos.",
       "props": {
         "type": {
-          "type": "\"instruction-preview\"",
-          "required": true,
-          "description": ""
-        },
-        "agent_name": {
-          "type": "string",
+          "type": "\"brand-affinity-group\"",
           "required": true,
           "description": ""
         },
-        "description": {
-          "type": "string",
-          "required": false,
-          "description": ""
-        },
-        "instruction": {
-          "type": "string",
+        "brands": {
+          "type": "{ name: string; logosrc: string; }[]",
           "required": true,
           "description": ""
         },
-        "workflow_summary": {
-          "type": "string[]",
-          "required": false,
-          "description": ""
-        },
-        "tools": {
-          "type": "string[]",
-          "required": false,
-          "description": ""
-        },
         "id": {
           "type": "string",
           "required": true,
@@ -13807,182 +13799,293 @@
       "preview": null,
       "layoutHints": null
     },
-    "MultiAgentCard": {
-      "name": "MultiAgentCard",
+    "CampaignConceptCard": {
+      "name": "CampaignConceptCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "MultiAgentCard\n\nDisplays a multi-agent workflow configuration: workflow name, description,\nstages as connected cards with tool/component counts, and status badge.",
+      "description": "CampaignConceptCard\n\nA domain-specific molecule for displaying a campaign concept.\nStyled to match the creator-search CampaignConceptsRenderer layout.\nNo proceed button — includes a copy-all icon in the header.",
       "props": {
-        "className": {
+        "title": {
           "type": "string",
           "required": false,
-          "description": ""
+          "description": "Title of the concept"
         },
-        "name": {
-          "type": "string",
-          "required": true,
+        "index": {
+          "type": "number",
+          "required": false,
           "description": ""
         },
-        "style": {
-          "type": "cssproperties",
+        "isRecommended": {
+          "type": "boolean",
           "required": false,
-          "description": ""
+          "description": "Whether this concept is recommended"
         },
-        "description": {
-          "type": "string",
-          "required": true,
-          "description": ""
+        "isOpen": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the card is expanded"
         },
-        "display_name": {
-          "type": "string",
-          "required": true,
-          "description": ""
+        "onToggle": {
+          "type": "() => void",
+          "required": false,
+          "description": "Callback for toggling the card"
         },
-        "workflow_type": {
-          "type": "\"multi_agent\"",
+        "data": {
+          "type": "record<string, any>",
           "required": true,
-          "description": ""
+          "description": "Dynamic field data"
         },
-        "stages": {
-          "type": "{ name: string; agent_name: string; tools?: string[]; ui_components?: string[]; }[]",
+        "fields": {
+          "type": "fieldconfig[]",
           "required": false,
-          "defaultValue": "[]",
-          "description": ""
+          "description": "Optional field configuration to override dynamic generation"
         },
-        "enabled": {
+        "selectionStatus": {
+          "type": "enum",
+          "required": false,
+          "description": "Selection status for the footer",
+          "enums": [
+            "user",
+            "agent"
+          ]
+        },
+        "isLatestMessage": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "true",
-          "description": ""
+          "description": "Whether this is the latest message"
         },
-        "agent_id": {
-          "type": "string",
+        "hasUserResponded": {
+          "type": "boolean",
           "required": false,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "MultiAgentPlan": {
-      "name": "MultiAgentPlan",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "MultiAgentPlan\n\nVisual plan preview showing proposed stages before the admin commits.\nDisplays stage names, descriptions, and proposed tools in a connected flow.",
-      "props": {
+          "description": "Whether the user has already responded to this card"
+        },
+        "onAction": {
+          "type": "(action: any) => void",
+          "required": false,
+          "description": "Optional action handler"
+        },
         "className": {
           "type": "string",
           "required": false,
-          "description": ""
+          "description": "Custom className"
         },
-        "style": {
-          "type": "cssproperties",
+        "id": {
+          "type": "string",
           "required": false,
-          "description": ""
+          "description": "Unique identifier"
         },
-        "stages": {
-          "type": "{ name: string; description: string; proposed_tools?: string[]; }[]",
+        "editingFields": {
+          "type": "record<string, boolean>",
           "required": false,
-          "defaultValue": "[]",
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "MultiAgentUISelector": {
-      "name": "MultiAgentUISelector",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "onSelect": {
-          "type": "(stageselections: record<string, string[]>) => void",
+          "description": "Current editing states for each field"
+        },
+        "changedFields": {
+          "type": "record<string, boolean>",
           "required": false,
-          "description": ""
+          "description": "Fields that have been modified"
         },
-        "onPreview": {
-          "type": "(componentname: string) => void",
+        "savingFields": {
+          "type": "record<string, boolean>",
           "required": false,
-          "description": ""
+          "description": "Fields currently being saved"
         },
-        "className": {
-          "type": "string",
+        "onFieldEdit": {
+          "type": "(key: string) => void",
           "required": false,
-          "description": ""
+          "description": "Triggered when a field starts editing"
         },
-        "isLatestMessage": {
-          "type": "boolean",
+        "onFieldSave": {
+          "type": "(key: string, newvalue: any) => void",
           "required": false,
-          "defaultValue": "true",
-          "description": ""
+          "description": "Triggered when a field value is saved"
         },
-        "style": {
-          "type": "cssproperties",
+        "onFieldCancel": {
+          "type": "(key: string) => void",
           "required": false,
-          "description": ""
+          "description": "Triggered when a field edit is cancelled"
         },
-        "stages": {
-          "type": "{ id: string; name: string; agent_name: string; }[]",
+        "showTimeline": {
+          "type": "boolean",
           "required": false,
-          "defaultValue": "[]",
-          "description": ""
+          "description": "Show a dotted timeline visual on the left"
         },
-        "components": {
-          "type": "{ name: string; display_name: string; description: string; category: string; }[]",
+        "proceedLabel": {
+          "type": "string",
           "required": false,
-          "defaultValue": "[]",
-          "description": ""
+          "description": "Label for the \"Proceed\" button"
+        },
+        "onProceed": {
+          "type": "() => void",
+          "required": false,
+          "description": "Proceed handler"
+        },
+        "footer": {
+          "type": "reactnode",
+          "required": false,
+          "description": "Footer content (optional)"
+        },
+        "hideTitle": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to hide the title"
+        },
+        "hideCopyButton": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to hide the copy button"
+        },
+        "shouldStopPropagation": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to stop event propagation when the edit icon is clicked in child fields."
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "StageIndicator": {
-      "name": "StageIndicator",
+    "CampaignSeedCard": {
+      "name": "CampaignSeedCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "StageIndicator\n\nClient-side inline component showing active stage/agent name with a divider.\nDisplayed between messages when the responding agent changes in a multi-agent workflow.",
+      "description": "CampaignSeedCard\n\nA domain-specific molecule for the Creator Discovery workflow.\nEncapsulates the specific brand info fields and selection status.\nUses smart field generation with proper renderers for all nested data types.",
       "props": {
+        "selectionStatus": {
+          "type": "enum",
+          "required": false,
+          "description": "Status of the selection (done by user or agent)",
+          "enums": [
+            "user",
+            "agent"
+          ]
+        },
+        "isLatestMessage": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the message is the latest (to show countdown/actions)"
+        },
+        "hasUserResponded": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the user has already responded to this card"
+        },
+        "fields": {
+          "type": "fieldconfig[]",
+          "required": false,
+          "description": "Optional field configuration to override dynamic generation"
+        },
+        "onAction": {
+          "type": "(action: any) => void",
+          "required": false,
+          "description": "Optional action handler"
+        },
         "className": {
           "type": "string",
           "required": false,
-          "description": ""
+          "description": "Custom className"
         },
-        "style": {
-          "type": "cssproperties",
+        "id": {
+          "type": "string",
           "required": false,
-          "description": ""
+          "description": "Unique identifier"
         },
-        "stage_name": {
+        "title": {
           "type": "string",
           "required": true,
-          "description": ""
+          "description": "Title of the form card"
         },
-        "agent_name": {
-          "type": "string",
+        "data": {
+          "type": "record<string, any>",
           "required": true,
-          "description": ""
+          "description": "Initial data for the form"
+        },
+        "editingFields": {
+          "type": "record<string, boolean>",
+          "required": false,
+          "description": "Current editing states for each field"
+        },
+        "changedFields": {
+          "type": "record<string, boolean>",
+          "required": false,
+          "description": "Fields that have been modified"
+        },
+        "savingFields": {
+          "type": "record<string, boolean>",
+          "required": false,
+          "description": "Fields currently being saved"
+        },
+        "onFieldEdit": {
+          "type": "(key: string) => void",
+          "required": false,
+          "description": "Triggered when a field starts editing"
+        },
+        "onFieldSave": {
+          "type": "(key: string, newvalue: any) => void",
+          "required": false,
+          "description": "Triggered when a field value is saved"
+        },
+        "onFieldCancel": {
+          "type": "(key: string) => void",
+          "required": false,
+          "description": "Triggered when a field edit is cancelled"
+        },
+        "showTimeline": {
+          "type": "boolean",
+          "required": false,
+          "description": "Show a dotted timeline visual on the left"
+        },
+        "proceedLabel": {
+          "type": "string",
+          "required": false,
+          "description": "Label for the \"Proceed\" button"
+        },
+        "onProceed": {
+          "type": "() => void",
+          "required": false,
+          "description": "Proceed handler"
+        },
+        "footer": {
+          "type": "reactnode",
+          "required": false,
+          "description": "Footer content (optional)"
+        },
+        "hideTitle": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to hide the title"
+        },
+        "hideCopyButton": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to hide the copy button"
+        },
+        "shouldStopPropagation": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to stop event propagation when the edit icon is clicked in child fields."
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "ToolListCard": {
-      "name": "ToolListCard",
+    "ContentPreviewGallery": {
+      "name": "ContentPreviewGallery",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "ToolListCard\n\nRenders a grouped list of agent tools with icons and description.\nIcons are data-driven: each tool can specify an `icon` field (lucide name),\nfalling back to category-based icons, then a generic wrench.",
+      "description": "ContentPreviewGallery\nGrid/Gallery of thumbnail previews.",
       "props": {
         "type": {
-          "type": "\"tool-list\"",
+          "type": "\"content-preview-gallery\"",
           "required": true,
           "description": ""
         },
-        "tools": {
-          "type": "{ name: string; display_name?: string; description?: string; category?: string; icon?: string; }[]",
+        "items": {
+          "type": "enum",
           "required": true,
-          "description": ""
+          "description": "",
+          "enums": [
+            "{ thumbnail: string; type: video",
+            "image; url?: string; }[]"
+          ]
         },
         "id": {
           "type": "string",
@@ -14003,39 +14106,39 @@
       "preview": null,
       "layoutHints": null
     },
-    "UIComponentSelector": {
-      "name": "UIComponentSelector",
+    "CreatorActionHeader": {
+      "name": "CreatorActionHeader",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "",
+      "description": "CreatorActionHeader\nA premium header for profile views with banner and sticky actions.",
       "props": {
-        "onSelect": {
-          "type": "(selectedcomponents: string[]) => void",
+        "type": {
+          "type": "\"creator-action-header\"",
+          "required": true,
+          "description": ""
+        },
+        "bannerSrc": {
+          "type": "string",
           "required": false,
           "description": ""
         },
-        "onPreview": {
-          "type": "(componentname: string) => void",
+        "avatarSrc": {
+          "type": "string",
           "required": false,
           "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "WorkflowVisualizer": {
-      "name": "WorkflowVisualizer",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "WorkflowVisualizer\n\nRenders agent workflow steps as a vertical flow with connected cards.\nEach step shows sub-steps, tools used, and failure handling.",
-      "props": {
-        "type": {
-          "type": "\"workflow\"",
+        },
+        "name": {
+          "type": "string",
           "required": true,
           "description": ""
         },
-        "steps": {
-          "type": "{ id: string; name: string; description?: string; tools?: string[]; sub_steps?: { id: string; action: string; }[]; on_failure?: string; next?: string; }[]",
+        "handle": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "actions": {
+          "type": "{ label: string; variant?: string; action?: string; }[]",
           "required": true,
           "description": ""
         },
@@ -14058,42 +14161,55 @@
       "preview": null,
       "layoutHints": null
     },
-    "AudienceDemographicsCard": {
-      "name": "AudienceDemographicsCard",
+    "CreatorGridCard": {
+      "name": "CreatorGridCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "AudienceDemographicsCard\nVisualizes audience data using appropriate chart types.",
+      "description": "CreatorGridCard\nA visually rich card for discovery grids.",
       "props": {
         "type": {
-          "type": "\"audience-demographics-card\"",
+          "type": "\"creator-grid-card\"",
           "required": true,
           "description": ""
         },
-        "title": {
+        "bannerSrc": {
           "type": "string",
-          "required": true,
+          "required": false,
           "description": ""
         },
-        "data": {
-          "type": "any[]",
-          "required": true,
+        "avatarSrc": {
+          "type": "string",
+          "required": false,
           "description": ""
         },
-        "config": {
-          "type": "record<string, { label: string; color: string; }>",
-          "required": true,
+        "name": {
+          "type": "string",
+          "required": false,
+          "defaultValue": "",
           "description": ""
         },
-        "demographicType": {
+        "handle": {
+          "type": "string",
+          "required": false,
+          "defaultValue": "",
+          "description": ""
+        },
+        "metrics": {
           "type": "enum",
-          "required": true,
+          "required": false,
+          "defaultValue": "[]",
           "description": "",
           "enums": [
-            "location",
-            "age",
-            "gender"
+            "{ label: string; value: string",
+            "number; }[]"
           ]
         },
+        "platforms": {
+          "type": "string[]",
+          "required": false,
+          "defaultValue": "[]",
+          "description": ""
+        },
         "id": {
           "type": "string",
           "required": true,
@@ -14113,65 +14229,44 @@
       "preview": null,
       "layoutHints": null
     },
-    "AudienceMetricCard": {
-      "name": "AudienceMetricCard",
+    "CreatorProfileSummary": {
+      "name": "CreatorProfileSummary",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "AudienceMetricCard\nA card displaying specific audience metrics with progress bars.",
+      "description": "CreatorProfileSummary\nA compact row showing avatar, name, and key metrics.",
       "props": {
         "type": {
-          "type": "\"audience-metric-card\"",
+          "type": "\"creator-profile-summary\"",
           "required": true,
           "description": ""
         },
-        "title": {
+        "avatarSrc": {
           "type": "string",
-          "required": true,
+          "required": false,
           "description": ""
         },
-        "metrics": {
-          "type": "enum",
-          "required": true,
-          "description": "",
-          "enums": [
-            "{ label: string; value: string",
-            "number; percentage?: number; }[]"
-          ]
-        },
-        "id": {
+        "name": {
           "type": "string",
           "required": true,
           "description": ""
         },
-        "className": {
-          "type": "string",
+        "followerCount": {
+          "type": "enum",
           "required": false,
-          "description": ""
+          "description": "",
+          "enums": [
+            "string",
+            "number"
+          ]
         },
-        "style": {
-          "type": "cssproperties",
+        "engagementRate": {
+          "type": "enum",
           "required": false,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "BrandAffinityGroup": {
-      "name": "BrandAffinityGroup",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "BrandAffinityGroup\nVisual group of associated brand logos.",
-      "props": {
-        "type": {
-          "type": "\"brand-affinity-group\"",
-          "required": true,
-          "description": ""
-        },
-        "brands": {
-          "type": "{ name: string; logosrc: string; }[]",
-          "required": true,
-          "description": ""
+          "description": "",
+          "enums": [
+            "string",
+            "number"
+          ]
         },
         "id": {
           "type": "string",
@@ -14192,185 +14287,31 @@
       "preview": null,
       "layoutHints": null
     },
-    "CampaignConceptCard": {
-      "name": "CampaignConceptCard",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "CampaignConceptCard\n\nA domain-specific molecule for displaying a campaign concept.\nStyled to match the creator-search CampaignConceptsRenderer layout.\nNo proceed button — includes a copy-all icon in the header.",
-      "props": {
-        "title": {
-          "type": "string",
-          "required": false,
-          "description": "Title of the concept"
-        },
-        "index": {
-          "type": "number",
-          "required": false,
-          "description": ""
-        },
-        "isRecommended": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether this concept is recommended"
-        },
-        "isOpen": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether the card is expanded"
-        },
-        "onToggle": {
-          "type": "() => void",
-          "required": false,
-          "description": "Callback for toggling the card"
-        },
-        "data": {
-          "type": "record<string, any>",
-          "required": true,
-          "description": "Dynamic field data"
-        },
-        "fields": {
-          "type": "fieldconfig[]",
-          "required": false,
-          "description": "Optional field configuration to override dynamic generation"
-        },
-        "selectionStatus": {
-          "type": "enum",
-          "required": false,
-          "description": "Selection status for the footer",
-          "enums": [
-            "agent",
-            "user"
-          ]
-        },
-        "isLatestMessage": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether this is the latest message"
-        },
-        "hasUserResponded": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether the user has already responded to this card"
-        },
-        "onAction": {
-          "type": "(action: any) => void",
-          "required": false,
-          "description": "Optional action handler"
-        },
-        "className": {
-          "type": "string",
-          "required": false,
-          "description": "Custom className"
-        },
-        "id": {
-          "type": "string",
-          "required": false,
-          "description": "Unique identifier"
-        },
-        "editingFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Current editing states for each field"
-        },
-        "changedFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Fields that have been modified"
-        },
-        "savingFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Fields currently being saved"
-        },
-        "onFieldEdit": {
-          "type": "(key: string) => void",
-          "required": false,
-          "description": "Triggered when a field starts editing"
-        },
-        "onFieldSave": {
-          "type": "(key: string, newvalue: any) => void",
-          "required": false,
-          "description": "Triggered when a field value is saved"
-        },
-        "onFieldCancel": {
-          "type": "(key: string) => void",
-          "required": false,
-          "description": "Triggered when a field edit is cancelled"
-        },
-        "showTimeline": {
-          "type": "boolean",
-          "required": false,
-          "description": "Show a dotted timeline visual on the left"
-        },
-        "proceedLabel": {
-          "type": "string",
-          "required": false,
-          "description": "Label for the \"Proceed\" button"
-        },
-        "onProceed": {
-          "type": "() => void",
-          "required": false,
-          "description": "Proceed handler"
-        },
-        "footer": {
-          "type": "reactnode",
-          "required": false,
-          "description": "Footer content (optional)"
-        },
-        "hideTitle": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether to hide the title"
-        },
-        "hideCopyButton": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether to hide the copy button"
-        },
-        "shouldStopPropagation": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether to stop event propagation when the edit icon is clicked in child fields."
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "CampaignSeedCard": {
-      "name": "CampaignSeedCard",
+    "CreatorSearch": {
+      "name": "CreatorSearch",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "CampaignSeedCard\n\nA domain-specific molecule for the Creator Discovery workflow.\nEncapsulates the specific brand info fields and selection status.\nUses smart field generation with proper renderers for all nested data types.",
+      "description": "CreatorSearch\n\nA domain-specific molecule for the Creator Discovery workflow.\nEncapsulates creator search settings like platforms, range, geography, keywords, etc.\nDesigned to match the MCQCard theme with premium dark aesthetics.",
       "props": {
         "selectionStatus": {
           "type": "enum",
           "required": false,
-          "description": "Status of the selection (done by user or agent)",
+          "description": "Status of the selection",
           "enums": [
-            "agent",
-            "user"
+            "user",
+            "agent"
           ]
         },
         "isLatestMessage": {
           "type": "boolean",
           "required": false,
-          "description": "Whether the message is the latest (to show countdown/actions)"
-        },
-        "hasUserResponded": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether the user has already responded to this card"
+          "description": "Whether the message is the latest"
         },
         "fields": {
           "type": "fieldconfig[]",
           "required": false,
           "description": "Optional field configuration to override dynamic generation"
         },
-        "onAction": {
-          "type": "(action: any) => void",
-          "required": false,
-          "description": "Optional action handler"
-        },
         "className": {
           "type": "string",
           "required": false,
@@ -14460,93 +14401,123 @@
       "preview": null,
       "layoutHints": null
     },
-    "ContentPreviewGallery": {
-      "name": "ContentPreviewGallery",
+    "CreatorCompactView": {
+      "name": "CreatorCompactView",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "ContentPreviewGallery\nGrid/Gallery of thumbnail previews.",
+      "description": "",
       "props": {
-        "type": {
-          "type": "\"content-preview-gallery\"",
+        "versions": {
+          "type": "number[]",
           "required": true,
           "description": ""
         },
-        "items": {
-          "type": "enum",
+        "selectedVersion": {
+          "type": "number",
+          "required": false,
+          "description": ""
+        },
+        "creatorImages": {
+          "type": "string[]",
           "required": true,
-          "description": "",
-          "enums": [
-            "{ thumbnail: string; type: video",
-            "image; url?: string; }[]"
-          ]
+          "description": ""
         },
-        "id": {
-          "type": "string",
+        "creatorLength": {
+          "type": "number",
           "required": true,
           "description": ""
         },
-        "className": {
-          "type": "string",
-          "required": false,
+        "isAgentOutput": {
+          "type": "boolean",
+          "required": true,
           "description": ""
         },
-        "style": {
-          "type": "cssproperties",
-          "required": false,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "CreatorActionHeader": {
-      "name": "CreatorActionHeader",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "CreatorActionHeader\nA premium header for profile views with banner and sticky actions.",
-      "props": {
-        "type": {
-          "type": "\"creator-action-header\"",
+        "onVersionSelect": {
+          "type": "(versionno: number) => void",
           "required": true,
           "description": ""
         },
-        "bannerSrc": {
-          "type": "string",
-          "required": false,
+        "onViewCreators": {
+          "type": "() => void",
+          "required": true,
           "description": ""
         },
-        "avatarSrc": {
-          "type": "string",
+        "versionStatus": {
+          "type": "enum",
+          "required": true,
+          "description": "",
+          "enums": [
+            "completed",
+            "checking",
+            "in-progress",
+            "complete",
+            "failed"
+          ]
+        },
+        "statusDetails": {
+          "type": "statusdetails",
           "required": false,
           "description": ""
         },
-        "name": {
+        "timeDisplay": {
           "type": "string",
           "required": true,
           "description": ""
         },
-        "handle": {
-          "type": "string",
+        "isLoading": {
+          "type": "boolean",
           "required": true,
           "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "CreatorImageList": {
+      "name": "CreatorImageList",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "creatorImages": {
+          "type": "string[]",
+          "required": false,
+          "defaultValue": "[]",
+          "description": ""
         },
-        "actions": {
-          "type": "{ label: string; variant?: string; action?: string; }[]",
-          "required": true,
+        "creatorLength": {
+          "type": "number",
+          "required": false,
+          "defaultValue": "0",
           "description": ""
         },
-        "id": {
-          "type": "string",
+        "isAgentOutput": {
+          "type": "boolean",
           "required": true,
           "description": ""
         },
-        "className": {
-          "type": "string",
+        "initialCreatorsPercentage": {
+          "type": "number",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "CreatorProgressBar": {
+      "name": "CreatorProgressBar",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "statusDetails": {
+          "type": "statusdetails",
           "required": false,
           "description": ""
         },
-        "style": {
-          "type": "cssproperties",
+        "timeRemaining": {
+          "type": "string",
           "required": false,
           "description": ""
         }
@@ -14554,63 +14525,54 @@
       "preview": null,
       "layoutHints": null
     },
-    "CreatorGridCard": {
-      "name": "CreatorGridCard",
+    "CreatorWidget": {
+      "name": "CreatorWidget",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "CreatorGridCard\nA visually rich card for discovery grids.",
+      "description": "",
       "props": {
-        "type": {
-          "type": "\"creator-grid-card\"",
+        "sessionId": {
+          "type": "string",
           "required": true,
           "description": ""
         },
-        "bannerSrc": {
-          "type": "string",
+        "currentVersion": {
+          "type": "number",
           "required": false,
           "description": ""
         },
-        "avatarSrc": {
-          "type": "string",
+        "isAgentOutput": {
+          "type": "boolean",
           "required": false,
           "description": ""
         },
-        "name": {
-          "type": "string",
+        "fetchVersions": {
+          "type": "(params: fetchversionsparams) => promise<creatorversiondata>",
           "required": true,
           "description": ""
         },
-        "handle": {
-          "type": "string",
+        "fetchStatus": {
+          "type": "(params: fetchstatusparams) => promise<{ status: statusdetails; }>",
           "required": true,
           "description": ""
         },
-        "metrics": {
-          "type": "enum",
-          "required": true,
-          "description": "",
-          "enums": [
-            "{ label: string; value: string",
-            "number; }[]"
-          ]
-        },
-        "platforms": {
-          "type": "string[]",
-          "required": true,
+        "pollingConfig": {
+          "type": "pollingconfig",
+          "required": false,
           "description": ""
         },
-        "id": {
-          "type": "string",
-          "required": true,
+        "onStatusChange": {
+          "type": "(status: creatorwidgetstatus) => void",
+          "required": false,
           "description": ""
         },
-        "className": {
-          "type": "string",
+        "onAction": {
+          "type": "(action: creatorwidgetaction) => void",
           "required": false,
           "description": ""
         },
-        "style": {
-          "type": "cssproperties",
+        "className": {
+          "type": "string",
           "required": false,
           "description": ""
         }
@@ -14618,44 +14580,41 @@
       "preview": null,
       "layoutHints": null
     },
-    "CreatorProfileSummary": {
-      "name": "CreatorProfileSummary",
+    "GrowthChartCard": {
+      "name": "GrowthChartCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "CreatorProfileSummary\nA compact row showing avatar, name, and key metrics.",
+      "description": "GrowthChartCard\nVisualizes time-series growth data for follower and engagement metrics.",
       "props": {
         "type": {
-          "type": "\"creator-profile-summary\"",
+          "type": "\"growth-chart-card\"",
           "required": true,
           "description": ""
         },
-        "avatarSrc": {
+        "title": {
           "type": "string",
-          "required": false,
+          "required": true,
           "description": ""
         },
-        "name": {
-          "type": "string",
+        "data": {
+          "type": "any[]",
           "required": true,
           "description": ""
         },
-        "followerCount": {
-          "type": "enum",
-          "required": false,
-          "description": "",
-          "enums": [
-            "string",
-            "number"
-          ]
+        "config": {
+          "type": "record<string, { label: string; color: string; }>",
+          "required": true,
+          "description": ""
         },
-        "engagementRate": {
-          "type": "enum",
-          "required": false,
-          "description": "",
-          "enums": [
-            "string",
-            "number"
-          ]
+        "metric": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "period": {
+          "type": "string",
+          "required": true,
+          "description": ""
         },
         "id": {
           "type": "string",
@@ -14676,43 +14635,288 @@
       "preview": null,
       "layoutHints": null
     },
-    "CreatorSearch": {
-      "name": "CreatorSearch",
+    "MCQCard": {
+      "name": "MCQCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "CreatorSearch\n\nA domain-specific molecule for the Creator Discovery workflow.\nEncapsulates creator search settings like platforms, range, geography, keywords, etc.\nDesigned to match the MCQCard theme with premium dark aesthetics.",
+      "description": "MCQCard\n\nA molecule for Multiple Choice Questions.\nStyled to match OptionsRenderer from creator-engine",
       "props": {
-        "selectionStatus": {
-          "type": "enum",
+        "question": {
+          "type": "string",
+          "required": true,
+          "description": "The question being asked"
+        },
+        "options": {
+          "type": "record<string, string>",
+          "required": true,
+          "description": "The options to choose from"
+        },
+        "recommended": {
+          "type": "string",
           "required": false,
-          "description": "Status of the selection",
-          "enums": [
-            "agent",
-            "user"
-          ]
+          "description": "The key of the recommended option"
+        },
+        "selectedOption": {
+          "type": "string",
+          "required": false,
+          "description": "The currently selected option key"
+        },
+        "onSelect": {
+          "type": "(key: string) => void",
+          "required": false,
+          "description": "Triggered when an option is selected"
+        },
+        "onProceed": {
+          "type": "(key: string) => void",
+          "required": false,
+          "description": "Triggered when the user clicks Continue"
         },
         "isLatestMessage": {
           "type": "boolean",
           "required": false,
-          "description": "Whether the message is the latest"
+          "description": "Whether this message is the latest (controls interactivity)"
         },
-        "fields": {
-          "type": "fieldconfig[]",
+        "isLoading": {
+          "type": "boolean",
           "required": false,
-          "description": "Optional field configuration to override dynamic generation"
+          "description": "Loading state during submission"
         },
         "className": {
           "type": "string",
           "required": false,
-          "description": "Custom className"
+          "description": "Custom wrapper class name"
         },
-        "id": {
-          "type": "string",
+        "selectionStatus": {
+          "type": "enum",
           "required": false,
-          "description": "Unique identifier"
+          "description": "Who made the final selection (used for historical view)",
+          "enums": [
+            "user",
+            "agent"
+          ]
         },
-        "title": {
-          "type": "string",
+        "onAction": {
+          "type": "(action: any) => void",
+          "required": false,
+          "description": "Optional action callback for external state management (e.g. PXEngine)"
+        },
+        "disabled": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the interaction is disabled externally"
+        },
+        "disableContinueInDiscovery": {
+          "type": "boolean",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "PlatformIconGroup": {
+      "name": "PlatformIconGroup",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "PlatformIconGroup\nDisplays a horizontal list of active social platform icons.",
+      "props": {
+        "type": {
+          "type": "\"platform-icon-group\"",
+          "required": true,
+          "description": ""
+        },
+        "platforms": {
+          "type": "enum",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ platform: instagram",
+            "tiktok",
+            "youtube",
+            "twitter; url?: string; handle?: string; }[]"
+          ]
+        },
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "style": {
+          "type": "cssproperties",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "CountrySelectEdit": {
+      "name": "CountrySelectEdit",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "value": {
+          "type": "any",
+          "required": true,
+          "description": ""
+        },
+        "onChange": {
+          "type": "(value: any) => void",
+          "required": true,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "CountrySelectDisplay": {
+      "name": "CountrySelectDisplay",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "value": {
+          "type": "any",
+          "required": true,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "KeywordBundlesEdit": {
+      "name": "KeywordBundlesEdit",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "value": {
+          "type": "any",
+          "required": true,
+          "description": ""
+        },
+        "onChange": {
+          "type": "(value: any) => void",
+          "required": true,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "KeywordBundlesDisplay": {
+      "name": "KeywordBundlesDisplay",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "value": {
+          "type": "any",
+          "required": true,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "PlatformSelectEdit": {
+      "name": "PlatformSelectEdit",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "value": {
+          "type": "any",
+          "required": true,
+          "description": ""
+        },
+        "onChange": {
+          "type": "(value: any) => void",
+          "required": true,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "PlatformSelectDisplay": {
+      "name": "PlatformSelectDisplay",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "",
+      "props": {
+        "value": {
+          "type": "any",
+          "required": true,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "SearchSpecCard": {
+      "name": "SearchSpecCard",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "SearchSpecCard\n\nA domain-specific molecule for the Creator Discovery workflow.\nEncapsulates search settings like platforms, ranges, and custom keyword bundles.\nUses smart field generation with proper renderers for all nested data types.",
+      "props": {
+        "version": {
+          "type": "number",
+          "required": false,
+          "description": "Version of the search specification"
+        },
+        "selectionStatus": {
+          "type": "enum",
+          "required": false,
+          "description": "Status of the selection",
+          "enums": [
+            "user",
+            "agent"
+          ]
+        },
+        "isLatestMessage": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the message is the latest"
+        },
+        "hasUserResponded": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the user has already responded to this card"
+        },
+        "fields": {
+          "type": "fieldconfig[]",
+          "required": false,
+          "description": "Optional field configuration to override dynamic generation"
+        },
+        "specData": {
+          "type": "record<string, any>",
+          "required": false,
+          "description": "Alias for data — the agent schema uses specData as the prop name"
+        },
+        "onAction": {
+          "type": "(action: any) => void",
+          "required": false,
+          "description": "Optional action handler"
+        },
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": "Custom className"
+        },
+        "id": {
+          "type": "string",
+          "required": false,
+          "description": "Unique identifier"
+        },
+        "title": {
+          "type": "string",
           "required": true,
           "description": "Title of the form card"
         },
@@ -14790,219 +14994,148 @@
       "preview": null,
       "layoutHints": null
     },
-    "CreatorCompactView": {
-      "name": "CreatorCompactView",
+    "TopPostsGrid": {
+      "name": "TopPostsGrid",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "",
+      "description": "TopPostsGrid\nDisplays a grid of the creator's best-performing content pieces.",
       "props": {
-        "versions": {
-          "type": "number[]",
+        "type": {
+          "type": "\"top-posts-grid\"",
           "required": true,
           "description": ""
         },
-        "selectedVersion": {
-          "type": "number",
-          "required": false,
-          "description": ""
-        },
-        "creatorImages": {
-          "type": "string[]",
+        "posts": {
+          "type": "{ thumbnail: string; url: string; engagement: string; likes: string; comments: string; date: string; }[]",
           "required": true,
           "description": ""
         },
-        "creatorLength": {
-          "type": "number",
+        "id": {
+          "type": "string",
           "required": true,
           "description": ""
         },
-        "isAgentOutput": {
-          "type": "boolean",
-          "required": true,
+        "className": {
+          "type": "string",
+          "required": false,
           "description": ""
         },
-        "onVersionSelect": {
-          "type": "(versionno: number) => void",
-          "required": true,
-          "description": ""
-        },
-        "onViewCreators": {
-          "type": "() => void",
-          "required": true,
-          "description": ""
-        },
-        "versionStatus": {
-          "type": "enum",
-          "required": true,
-          "description": "",
-          "enums": [
-            "completed",
-            "checking",
-            "in-progress",
-            "complete",
-            "failed"
-          ]
-        },
-        "statusDetails": {
-          "type": "statusdetails",
-          "required": false,
-          "description": ""
-        },
-        "timeDisplay": {
-          "type": "string",
-          "required": true,
-          "description": ""
-        },
-        "isLoading": {
-          "type": "boolean",
-          "required": true,
+        "style": {
+          "type": "cssproperties",
+          "required": false,
           "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "CreatorImageList": {
-      "name": "CreatorImageList",
+    "ActionButton": {
+      "name": "ActionButton",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "",
+      "description": "ActionButton\n\nA powerful button molecule that supports:\n- Auto-countdown for agent workflows\n- Pause/Resume toggle\n- Loading and Disabled states\n- Custom themes",
       "props": {
-        "creatorImages": {
-          "type": "string[]",
-          "required": false,
-          "defaultValue": "[]",
-          "description": ""
-        },
-        "creatorLength": {
-          "type": "number",
+        "id": {
+          "type": "string",
           "required": false,
-          "defaultValue": "0",
-          "description": ""
+          "description": "Unique identifier"
         },
-        "isAgentOutput": {
-          "type": "boolean",
+        "label": {
+          "type": "string",
           "required": true,
-          "description": ""
-        },
-        "initialCreatorsPercentage": {
-          "type": "number",
-          "required": false,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "CreatorProgressBar": {
-      "name": "CreatorProgressBar",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "statusDetails": {
-          "type": "statusdetails",
-          "required": false,
-          "description": ""
+          "description": "Main button label"
         },
-        "timeRemaining": {
+        "secondaryLabel": {
           "type": "string",
           "required": false,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "CreatorWidget": {
-      "name": "CreatorWidget",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "sessionId": {
-          "type": "string",
-          "required": true,
-          "description": ""
+          "description": "Secondary label (e.g. for sub-actions or state changes)"
         },
-        "currentVersion": {
+        "countdown": {
           "type": "number",
           "required": false,
-          "description": ""
+          "description": "Countdown in seconds. If provided, the button will show a timer."
         },
-        "isAgentOutput": {
+        "isPaused": {
           "type": "boolean",
           "required": false,
-          "description": ""
+          "description": "Whether the auto-proceed is paused"
         },
-        "fetchVersions": {
-          "type": "(params: fetchversionsparams) => promise<creatorversiondata>",
-          "required": true,
-          "description": ""
+        "onPause": {
+          "type": "() => void",
+          "required": false,
+          "description": "Triggered when the user pauses/resumes the timer"
         },
-        "fetchStatus": {
-          "type": "(params: fetchstatusparams) => promise<{ status: statusdetails; }>",
+        "onProceed": {
+          "type": "() => void",
           "required": true,
-          "description": ""
+          "description": "Triggered when the user clicks the button or timer expires"
         },
-        "pollingConfig": {
-          "type": "pollingconfig",
+        "variant": {
+          "type": "buttonvariant",
           "required": false,
-          "description": ""
+          "description": "Button variant (from shadcn)"
         },
-        "onStatusChange": {
-          "type": "(status: creatorwidgetstatus) => void",
+        "size": {
+          "type": "buttonsize",
           "required": false,
-          "description": ""
+          "description": "Button size (from shadcn)"
         },
-        "onAction": {
-          "type": "(action: creatorwidgetaction) => void",
+        "disabled": {
+          "type": "boolean",
           "required": false,
-          "description": ""
+          "description": "Whether the button is disabled"
+        },
+        "isLoading": {
+          "type": "boolean",
+          "required": false,
+          "description": "Loading state"
         },
         "className": {
           "type": "string",
           "required": false,
-          "description": ""
+          "description": "Custom className"
+        },
+        "showCountdown": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to show the countdown visually"
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "GrowthChartCard": {
-      "name": "GrowthChartCard",
+    "DataGrid": {
+      "name": "DataGrid",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "GrowthChartCard\nVisualizes time-series growth data for follower and engagement metrics.",
+      "description": "DataGrid\nA premium table component with typed cells and responsive design.",
       "props": {
         "type": {
-          "type": "\"growth-chart-card\"",
+          "type": "\"data-grid\"",
           "required": true,
           "description": ""
         },
-        "title": {
-          "type": "string",
+        "columns": {
+          "type": "enum",
           "required": true,
-          "description": ""
+          "description": "",
+          "enums": [
+            "{ header: string; accessorKey: string; type?: number",
+            "avatar",
+            "badge",
+            "date",
+            "text; }[]"
+          ]
         },
         "data": {
           "type": "any[]",
           "required": true,
           "description": ""
         },
-        "config": {
-          "type": "record<string, { label: string; color: string; }>",
-          "required": true,
-          "description": ""
-        },
-        "metric": {
-          "type": "string",
-          "required": true,
-          "description": ""
-        },
-        "period": {
-          "type": "string",
-          "required": true,
+        "pageSize": {
+          "type": "number",
+          "required": false,
+          "defaultValue": "10",
           "description": ""
         },
         "id": {
@@ -15024,381 +15157,147 @@
       "preview": null,
       "layoutHints": null
     },
-    "MCQCard": {
-      "name": "MCQCard",
+    "EditableField": {
+      "name": "EditableField",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "MCQCard\n\nA molecule for Multiple Choice Questions.\nStyled to match OptionsRenderer from creator-engine",
+      "description": "EditableField\n\nA generic field that toggles between display and edit modes.\nStyled with purple labels and green \"Suggested by an Agent\" badge.",
       "props": {
-        "question": {
+        "id": {
+          "type": "string",
+          "required": false,
+          "description": "Unique identifier"
+        },
+        "label": {
           "type": "string",
           "required": true,
-          "description": "The question being asked"
+          "description": "Field label"
         },
-        "options": {
-          "type": "record<string, string>",
+        "value": {
+          "type": "any",
           "required": true,
-          "description": "The options to choose from"
+          "description": "Field value"
         },
-        "recommended": {
-          "type": "string",
+        "type": {
+          "type": "fieldtype",
+          "required": true,
+          "description": "Input type (text, textarea, number, slider, etc.)"
+        },
+        "isEditing": {
+          "type": "boolean",
           "required": false,
-          "description": "The key of the recommended option"
+          "description": "Current editing state"
         },
-        "selectedOption": {
-          "type": "string",
+        "onEdit": {
+          "type": "() => void",
           "required": false,
-          "description": "The currently selected option key"
+          "description": "Triggered when the user wants to start editing"
         },
-        "onSelect": {
-          "type": "(key: string) => void",
+        "onSave": {
+          "type": "(newvalue: any) => void",
           "required": false,
-          "description": "Triggered when an option is selected"
+          "description": "Triggered when the user saves the new value"
         },
-        "onProceed": {
-          "type": "(key: string) => void",
+        "onCancel": {
+          "type": "() => void",
           "required": false,
-          "description": "Triggered when the user clicks Continue"
+          "description": "Triggered when the user cancels editing"
         },
-        "isLatestMessage": {
+        "isSaving": {
           "type": "boolean",
           "required": false,
-          "description": "Whether this message is the latest (controls interactivity)"
+          "description": "Loading state during save"
         },
-        "isLoading": {
+        "isChanged": {
           "type": "boolean",
           "required": false,
-          "description": "Loading state during submission"
+          "description": "Indicates if the value has been changed but not saved"
+        },
+        "config": {
+          "type": "fieldconfig",
+          "required": false,
+          "description": "Configuration for the specific field type"
         },
         "className": {
           "type": "string",
           "required": false,
-          "description": "Custom wrapper class name"
+          "description": "Custom className for the container"
         },
-        "selectionStatus": {
-          "type": "enum",
+        "renderDisplay": {
+          "type": "(value: any) => reactnode",
           "required": false,
-          "description": "Who made the final selection (used for historical view)",
-          "enums": [
-            "agent",
-            "user"
-          ]
-        },
-        "onAction": {
-          "type": "(action: any) => void",
-          "required": false,
-          "description": "Optional action callback for external state management (e.g. PXEngine)"
-        },
-        "disabled": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether the interaction is disabled externally"
-        },
-        "disableContinueInDiscovery": {
-          "type": "boolean",
-          "required": false,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "PlatformIconGroup": {
-      "name": "PlatformIconGroup",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "PlatformIconGroup\nDisplays a horizontal list of active social platform icons.",
-      "props": {
-        "type": {
-          "type": "\"platform-icon-group\"",
-          "required": true,
-          "description": ""
-        },
-        "platforms": {
-          "type": "enum",
-          "required": true,
-          "description": "",
-          "enums": [
-            "{ platform: instagram",
-            "tiktok",
-            "youtube",
-            "twitter; url?: string; handle?: string; }[]"
-          ]
-        },
-        "id": {
-          "type": "string",
-          "required": true,
-          "description": ""
-        },
-        "className": {
-          "type": "string",
-          "required": false,
-          "description": ""
-        },
-        "style": {
-          "type": "cssproperties",
-          "required": false,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "CountrySelectEdit": {
-      "name": "CountrySelectEdit",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "value": {
-          "type": "any",
-          "required": true,
-          "description": ""
-        },
-        "onChange": {
-          "type": "(value: any) => void",
-          "required": true,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "CountrySelectDisplay": {
-      "name": "CountrySelectDisplay",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "value": {
-          "type": "any",
-          "required": true,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "KeywordBundlesEdit": {
-      "name": "KeywordBundlesEdit",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "value": {
-          "type": "any",
-          "required": true,
-          "description": ""
-        },
-        "onChange": {
-          "type": "(value: any) => void",
-          "required": true,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "KeywordBundlesDisplay": {
-      "name": "KeywordBundlesDisplay",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "value": {
-          "type": "any",
-          "required": true,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "PlatformSelectEdit": {
-      "name": "PlatformSelectEdit",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "value": {
-          "type": "any",
-          "required": true,
-          "description": ""
-        },
-        "onChange": {
-          "type": "(value: any) => void",
-          "required": true,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "PlatformSelectDisplay": {
-      "name": "PlatformSelectDisplay",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "",
-      "props": {
-        "value": {
-          "type": "any",
-          "required": true,
-          "description": ""
-        }
-      },
-      "preview": null,
-      "layoutHints": null
-    },
-    "SearchSpecCard": {
-      "name": "SearchSpecCard",
-      "type": "molecule",
-      "isBuilderComponent": true,
-      "description": "SearchSpecCard\n\nA domain-specific molecule for the Creator Discovery workflow.\nEncapsulates search settings like platforms, ranges, and custom keyword bundles.\nUses smart field generation with proper renderers for all nested data types.",
-      "props": {
-        "version": {
-          "type": "number",
-          "required": false,
-          "description": "Version of the search specification"
+          "description": "Custom renderer for the display state"
         },
-        "selectionStatus": {
-          "type": "enum",
+        "renderEdit": {
+          "type": "(value: any, onchange: (v: any) => void) => reactnode",
           "required": false,
-          "description": "Status of the selection",
-          "enums": [
-            "agent",
-            "user"
-          ]
+          "description": "Custom renderer for the edit state"
         },
         "isLatestMessage": {
           "type": "boolean",
           "required": false,
-          "description": "Whether the message is the latest"
-        },
-        "hasUserResponded": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether the user has already responded to this card"
-        },
-        "fields": {
-          "type": "fieldconfig[]",
-          "required": false,
-          "description": "Optional field configuration to override dynamic generation"
-        },
-        "specData": {
-          "type": "record<string, any>",
-          "required": false,
-          "description": "Alias for data — the agent schema uses specData as the prop name"
-        },
-        "onAction": {
-          "type": "(action: any) => void",
-          "required": false,
-          "description": "Optional action handler"
-        },
-        "className": {
-          "type": "string",
-          "required": false,
-          "description": "Custom className"
-        },
-        "id": {
-          "type": "string",
-          "required": false,
-          "description": "Unique identifier"
-        },
-        "title": {
-          "type": "string",
-          "required": true,
-          "description": "Title of the form card"
-        },
-        "data": {
-          "type": "record<string, any>",
-          "required": true,
-          "description": "Initial data for the form"
-        },
-        "editingFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Current editing states for each field"
-        },
-        "changedFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Fields that have been modified"
-        },
-        "savingFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Fields currently being saved"
-        },
-        "onFieldEdit": {
-          "type": "(key: string) => void",
-          "required": false,
-          "description": "Triggered when a field starts editing"
-        },
-        "onFieldSave": {
-          "type": "(key: string, newvalue: any) => void",
-          "required": false,
-          "description": "Triggered when a field value is saved"
-        },
-        "onFieldCancel": {
-          "type": "(key: string) => void",
-          "required": false,
-          "description": "Triggered when a field edit is cancelled"
+          "description": "Whether this is the latest message"
         },
-        "showTimeline": {
+        "shouldStopPropagation": {
           "type": "boolean",
           "required": false,
-          "description": "Show a dotted timeline visual on the left"
-        },
-        "proceedLabel": {
-          "type": "string",
-          "required": false,
-          "description": "Label for the \"Proceed\" button"
-        },
-        "onProceed": {
-          "type": "() => void",
-          "required": false,
-          "description": "Proceed handler"
-        },
-        "footer": {
-          "type": "reactnode",
-          "required": false,
-          "description": "Footer content (optional)"
+          "description": "Whether to stop event propagation when the edit icon is clicked.\nUseful to prevent parents (like cards) from collapsing."
         },
-        "hideTitle": {
+        "showIndex": {
           "type": "boolean",
           "required": false,
-          "description": "Whether to hide the title"
+          "description": "Whether to show the index number"
         },
-        "hideCopyButton": {
-          "type": "boolean",
+        "index": {
+          "type": "number",
           "required": false,
-          "description": "Whether to hide the copy button"
+          "description": "Index of this field in the form"
         },
-        "shouldStopPropagation": {
-          "type": "boolean",
+        "totalFields": {
+          "type": "number",
           "required": false,
-          "description": "Whether to stop event propagation when the edit icon is clicked in child fields."
+          "description": "Total number of fields in the form"
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "TopPostsGrid": {
-      "name": "TopPostsGrid",
+    "EmptyState": {
+      "name": "EmptyState",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "TopPostsGrid\nDisplays a grid of the creator's best-performing content pieces.",
+      "description": "EmptyState\nA placeholder for empty lists or results.",
       "props": {
         "type": {
-          "type": "\"top-posts-grid\"",
+          "type": "\"empty-state\"",
           "required": true,
           "description": ""
         },
-        "posts": {
-          "type": "{ thumbnail: string; url: string; engagement: string; likes: string; comments: string; date: string; }[]",
+        "title": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "description": {
+          "type": "string",
           "required": true,
           "description": ""
         },
+        "icon": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "actionLabel": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "action": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
         "id": {
           "type": "string",
           "required": true,
@@ -15413,118 +15312,86 @@
           "type": "cssproperties",
           "required": false,
           "description": ""
+        },
+        "onAction": {
+          "type": "(action: string) => void",
+          "required": false,
+          "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "ActionButton": {
-      "name": "ActionButton",
+    "FileUpload": {
+      "name": "FileUpload",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "ActionButton\n\nA powerful button molecule that supports:\n- Auto-countdown for agent workflows\n- Pause/Resume toggle\n- Loading and Disabled states\n- Custom themes",
+      "description": "FileUpload\nDrag-and-drop file upload zone.",
       "props": {
-        "id": {
-          "type": "string",
-          "required": false,
-          "description": "Unique identifier"
+        "type": {
+          "type": "\"file-upload\"",
+          "required": true,
+          "description": ""
         },
-        "label": {
+        "title": {
           "type": "string",
           "required": true,
-          "description": "Main button label"
+          "description": ""
         },
-        "secondaryLabel": {
+        "accept": {
           "type": "string",
           "required": false,
-          "description": "Secondary label (e.g. for sub-actions or state changes)"
-        },
-        "countdown": {
-          "type": "number",
-          "required": false,
-          "description": "Countdown in seconds. If provided, the button will show a timer."
+          "description": ""
         },
-        "isPaused": {
+        "multiple": {
           "type": "boolean",
           "required": false,
-          "description": "Whether the auto-proceed is paused"
-        },
-        "onPause": {
-          "type": "() => void",
-          "required": false,
-          "description": "Triggered when the user pauses/resumes the timer"
+          "description": ""
         },
-        "onProceed": {
-          "type": "() => void",
+        "id": {
+          "type": "string",
           "required": true,
-          "description": "Triggered when the user clicks the button or timer expires"
-        },
-        "variant": {
-          "type": "buttonvariant",
-          "required": false,
-          "description": "Button variant (from shadcn)"
-        },
-        "size": {
-          "type": "buttonsize",
-          "required": false,
-          "description": "Button size (from shadcn)"
-        },
-        "disabled": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether the button is disabled"
-        },
-        "isLoading": {
-          "type": "boolean",
-          "required": false,
-          "description": "Loading state"
+          "description": ""
         },
         "className": {
           "type": "string",
           "required": false,
-          "description": "Custom className"
+          "description": ""
         },
-        "showCountdown": {
-          "type": "boolean",
+        "style": {
+          "type": "cssproperties",
           "required": false,
-          "description": "Whether to show the countdown visually"
+          "description": ""
+        },
+        "onFilesSelected": {
+          "type": "(files: file[]) => void",
+          "required": false,
+          "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "DataGrid": {
-      "name": "DataGrid",
+    "FilterBar": {
+      "name": "FilterBar",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "DataGrid\nA premium table component with typed cells and responsive design.",
+      "description": "FilterBar\nA horizontal bar with active filter chips and search.",
       "props": {
         "type": {
-          "type": "\"data-grid\"",
+          "type": "\"filter-bar\"",
           "required": true,
           "description": ""
         },
-        "columns": {
-          "type": "enum",
-          "required": true,
-          "description": "",
-          "enums": [
-            "{ header: string; accessorKey: string; type?: number",
-            "avatar",
-            "badge",
-            "date",
-            "text; }[]"
-          ]
-        },
-        "data": {
-          "type": "any[]",
+        "filters": {
+          "type": "{ label: string; value: string; active?: boolean; }[]",
           "required": true,
           "description": ""
         },
-        "pageSize": {
-          "type": "number",
+        "showSearch": {
+          "type": "boolean",
           "required": false,
-          "defaultValue": "10",
+          "defaultValue": "true",
           "description": ""
         },
         "id": {
@@ -15541,152 +15408,225 @@
           "type": "cssproperties",
           "required": false,
           "description": ""
+        },
+        "onFilterToggle": {
+          "type": "(val: string) => void",
+          "required": false,
+          "description": ""
+        },
+        "onSearch": {
+          "type": "(val: string) => void",
+          "required": false,
+          "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "EditableField": {
-      "name": "EditableField",
+    "FormCard": {
+      "name": "FormCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "EditableField\n\nA generic field that toggles between display and edit modes.\nStyled with purple labels and green \"Suggested by an Agent\" badge.",
+      "description": "FormCard\n\nHigh-level molecule that assembles multiple EditableFields\ninto a cohesive card unit.\nStyled with purple labels and green badges.",
       "props": {
         "id": {
           "type": "string",
           "required": false,
           "description": "Unique identifier"
         },
-        "label": {
+        "title": {
           "type": "string",
           "required": true,
-          "description": "Field label"
+          "description": "Title of the form card"
         },
-        "value": {
-          "type": "any",
+        "fields": {
+          "type": "fieldconfig[]",
           "required": true,
-          "description": "Field value"
+          "description": "Map of fields to render"
         },
-        "type": {
-          "type": "fieldtype",
+        "data": {
+          "type": "record<string, any>",
           "required": true,
-          "description": "Input type (text, textarea, number, slider, etc.)"
+          "description": "Initial data for the form"
         },
-        "isEditing": {
-          "type": "boolean",
+        "editingFields": {
+          "type": "record<string, boolean>",
           "required": false,
-          "description": "Current editing state"
+          "description": "Current editing states for each field"
         },
-        "onEdit": {
-          "type": "() => void",
+        "changedFields": {
+          "type": "record<string, boolean>",
           "required": false,
-          "description": "Triggered when the user wants to start editing"
+          "description": "Fields that have been modified"
         },
-        "onSave": {
-          "type": "(newvalue: any) => void",
+        "savingFields": {
+          "type": "record<string, boolean>",
           "required": false,
-          "description": "Triggered when the user saves the new value"
+          "description": "Fields currently being saved"
         },
-        "onCancel": {
-          "type": "() => void",
+        "onFieldEdit": {
+          "type": "(key: string) => void",
           "required": false,
-          "description": "Triggered when the user cancels editing"
+          "description": "Triggered when a field starts editing"
         },
-        "isSaving": {
-          "type": "boolean",
+        "onFieldSave": {
+          "type": "(key: string, newvalue: any) => void",
           "required": false,
-          "description": "Loading state during save"
+          "description": "Triggered when a field value is saved"
         },
-        "isChanged": {
+        "onFieldCancel": {
+          "type": "(key: string) => void",
+          "required": false,
+          "description": "Triggered when a field edit is cancelled"
+        },
+        "showTimeline": {
           "type": "boolean",
           "required": false,
-          "description": "Indicates if the value has been changed but not saved"
+          "description": "Show a dotted timeline visual on the left"
         },
-        "config": {
-          "type": "fieldconfig",
+        "proceedLabel": {
+          "type": "string",
           "required": false,
-          "description": "Configuration for the specific field type"
+          "description": "Label for the \"Proceed\" button"
+        },
+        "onProceed": {
+          "type": "() => void",
+          "required": false,
+          "description": "Proceed handler"
         },
         "className": {
           "type": "string",
           "required": false,
-          "description": "Custom className for the container"
+          "description": "Custom className"
         },
-        "renderDisplay": {
-          "type": "(value: any) => reactnode",
+        "footer": {
+          "type": "reactnode",
           "required": false,
-          "description": "Custom renderer for the display state"
+          "description": "Footer content (optional)"
         },
-        "renderEdit": {
-          "type": "(value: any, onchange: (v: any) => void) => reactnode",
+        "hideTitle": {
+          "type": "boolean",
           "required": false,
-          "description": "Custom renderer for the edit state"
+          "description": "Whether to hide the title"
+        },
+        "hideCopyButton": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to hide the copy button"
         },
         "isLatestMessage": {
           "type": "boolean",
           "required": false,
           "description": "Whether this is the latest message"
         },
-        "shouldStopPropagation": {
-          "type": "boolean",
+        "shouldStopPropagation": {
+          "type": "boolean",
+          "required": false,
+          "description": "Whether to stop event propagation when the edit icon is clicked in child fields."
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "LoadingOverlay": {
+      "name": "LoadingOverlay",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "LoadingOverlay\nA full-container overlay with a spinner and message.",
+      "props": {
+        "type": {
+          "type": "\"loading-overlay\"",
+          "required": true,
+          "description": ""
+        },
+        "message": {
+          "type": "string",
           "required": false,
-          "description": "Whether to stop event propagation when the edit icon is clicked.\nUseful to prevent parents (like cards) from collapsing."
+          "defaultValue": "Loading...",
+          "description": ""
         },
-        "showIndex": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether to show the index number"
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
         },
-        "index": {
-          "type": "number",
+        "className": {
+          "type": "string",
           "required": false,
-          "description": "Index of this field in the form"
+          "description": ""
         },
-        "totalFields": {
-          "type": "number",
+        "style": {
+          "type": "cssproperties",
           "required": false,
-          "description": "Total number of fields in the form"
+          "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "EmptyState": {
-      "name": "EmptyState",
+    "NotificationList": {
+      "name": "NotificationList",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "EmptyState\nA placeholder for empty lists or results.",
+      "description": "NotificationList\nA list of actionable notifications and activity logs.",
       "props": {
         "type": {
-          "type": "\"empty-state\"",
+          "type": "\"notification-list\"",
           "required": true,
           "description": ""
         },
-        "title": {
-          "type": "string",
+        "notifications": {
+          "type": "enum",
           "required": true,
-          "description": ""
+          "description": "",
+          "enums": [
+            "{ id: string; title: string; description?: string; timestamp: string; type: warning",
+            "info",
+            "success",
+            "error; read?: boolean; }[]"
+          ]
         },
-        "description": {
+        "id": {
           "type": "string",
           "required": true,
           "description": ""
         },
-        "icon": {
+        "className": {
           "type": "string",
           "required": false,
           "description": ""
         },
-        "actionLabel": {
-          "type": "string",
+        "style": {
+          "type": "cssproperties",
           "required": false,
           "description": ""
-        },
-        "action": {
-          "type": "string",
-          "required": false,
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "StatsGrid": {
+      "name": "StatsGrid",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "StatsGrid\nA grid of statistical cards with icons and trends.",
+      "props": {
+        "type": {
+          "type": "\"stats-grid\"",
+          "required": true,
           "description": ""
         },
+        "items": {
+          "type": "enum",
+          "required": true,
+          "description": "",
+          "enums": [
+            "{ label: string; value: string",
+            "number; trend?: string; trendDirection?: up",
+            "down",
+            "neutral; icon?: string; }[]"
+          ]
+        },
         "id": {
           "type": "string",
           "required": true,
@@ -15702,8 +15642,8 @@
           "required": false,
           "description": ""
         },
-        "onAction": {
-          "type": "(action: string) => void",
+        "stats": {
+          "type": "any[]",
           "required": false,
           "description": ""
         }
@@ -15711,30 +15651,25 @@
       "preview": null,
       "layoutHints": null
     },
-    "FileUpload": {
-      "name": "FileUpload",
+    "StepWizard": {
+      "name": "StepWizard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "FileUpload\nDrag-and-drop file upload zone.",
+      "description": "StepWizard\nHorizontal step indicator for multi-part workflows.",
       "props": {
         "type": {
-          "type": "\"file-upload\"",
+          "type": "\"step-wizard\"",
           "required": true,
           "description": ""
         },
-        "title": {
-          "type": "string",
+        "steps": {
+          "type": "{ title: string; description?: string; }[]",
           "required": true,
           "description": ""
         },
-        "accept": {
-          "type": "string",
-          "required": false,
-          "description": ""
-        },
-        "multiple": {
-          "type": "boolean",
-          "required": false,
+        "currentStep": {
+          "type": "number",
+          "required": true,
           "description": ""
         },
         "id": {
@@ -15751,36 +15686,26 @@
           "type": "cssproperties",
           "required": false,
           "description": ""
-        },
-        "onFilesSelected": {
-          "type": "(files: file[]) => void",
-          "required": false,
-          "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "FilterBar": {
-      "name": "FilterBar",
+    "TagCloud": {
+      "name": "TagCloud",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "FilterBar\nA horizontal bar with active filter chips and search.",
+      "description": "TagCloud\nA cluster of clickable tags.",
       "props": {
         "type": {
-          "type": "\"filter-bar\"",
-          "required": true,
-          "description": ""
-        },
-        "filters": {
-          "type": "{ label: string; value: string; active?: boolean; }[]",
+          "type": "\"tag-cloud\"",
           "required": true,
           "description": ""
         },
-        "showSearch": {
-          "type": "boolean",
+        "tags": {
+          "type": "{ label: string; value: string; count?: number; }[]",
           "required": false,
-          "defaultValue": "true",
+          "defaultValue": "[]",
           "description": ""
         },
         "id": {
@@ -15798,12 +15723,7 @@
           "required": false,
           "description": ""
         },
-        "onFilterToggle": {
-          "type": "(val: string) => void",
-          "required": false,
-          "description": ""
-        },
-        "onSearch": {
+        "onTagClick": {
           "type": "(val: string) => void",
           "required": false,
           "description": ""
@@ -15812,126 +15732,127 @@
       "preview": null,
       "layoutHints": null
     },
-    "FormCard": {
-      "name": "FormCard",
+    "AgentCard": {
+      "name": "AgentCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "FormCard\n\nHigh-level molecule that assembles multiple EditableFields\ninto a cohesive card unit.\nStyled with purple labels and green badges.",
+      "description": "AgentCard\n\nDisplays an agent configuration with avatar, metadata, tools, and status.\nSupports inline editing when `editable` is true and `onSave` is provided.\nGeneric — the parent injects save logic via `onSave`, so it works in any context.",
       "props": {
-        "id": {
-          "type": "string",
+        "onSave": {
+          "type": "(agent: { name: string; display_name: string; description: string; image: string; tools: string[]; model: string; enabled: boolean; agent_id?: string; }, updates: record<string, any>) => promise<...>",
           "required": false,
-          "description": "Unique identifier"
+          "description": ""
         },
-        "title": {
+        "className": {
           "type": "string",
-          "required": true,
-          "description": "Title of the form card"
-        },
-        "fields": {
-          "type": "fieldconfig[]",
-          "required": true,
-          "description": "Map of fields to render"
-        },
-        "data": {
-          "type": "record<string, any>",
-          "required": true,
-          "description": "Initial data for the form"
-        },
-        "editingFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Current editing states for each field"
-        },
-        "changedFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Fields that have been modified"
-        },
-        "savingFields": {
-          "type": "record<string, boolean>",
-          "required": false,
-          "description": "Fields currently being saved"
-        },
-        "onFieldEdit": {
-          "type": "(key: string) => void",
           "required": false,
-          "description": "Triggered when a field starts editing"
+          "description": ""
         },
-        "onFieldSave": {
-          "type": "(key: string, newvalue: any) => void",
+        "style": {
+          "type": "cssproperties",
           "required": false,
-          "description": "Triggered when a field value is saved"
+          "description": ""
         },
-        "onFieldCancel": {
-          "type": "(key: string) => void",
-          "required": false,
-          "description": "Triggered when a field edit is cancelled"
+        "agent": {
+          "type": "{ name: string; display_name: string; description: string; image: string; tools: string[]; model: string; enabled: boolean; agent_id?: string; }",
+          "required": true,
+          "description": ""
         },
-        "showTimeline": {
+        "editable": {
           "type": "boolean",
           "required": false,
-          "description": "Show a dotted timeline visual on the left"
-        },
-        "proceedLabel": {
-          "type": "string",
-          "required": false,
-          "description": "Label for the \"Proceed\" button"
-        },
-        "onProceed": {
-          "type": "() => void",
-          "required": false,
-          "description": "Proceed handler"
+          "defaultValue": "true",
+          "description": ""
         },
-        "className": {
-          "type": "string",
+        "compact": {
+          "type": "boolean",
           "required": false,
-          "description": "Custom className"
+          "defaultValue": "false",
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "AgentDataTable": {
+      "name": "AgentDataTable",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "AgentDataTable\n\nA clean table for displaying structured data from agent builder responses.\nRenders boolean values as colored indicators and handles overflow gracefully.",
+      "props": {
+        "type": {
+          "type": "\"agent-data-table\"",
+          "required": true,
+          "description": ""
         },
-        "footer": {
-          "type": "reactnode",
-          "required": false,
-          "description": "Footer content (optional)"
+        "headers": {
+          "type": "string[]",
+          "required": true,
+          "description": ""
         },
-        "hideTitle": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether to hide the title"
+        "rows": {
+          "type": "enum",
+          "required": true,
+          "description": "",
+          "enums": [
+            "(string",
+            "number",
+            "boolean)[][]"
+          ]
         },
-        "hideCopyButton": {
-          "type": "boolean",
-          "required": false,
-          "description": "Whether to hide the copy button"
+        "id": {
+          "type": "string",
+          "required": true,
+          "description": ""
         },
-        "isLatestMessage": {
-          "type": "boolean",
+        "className": {
+          "type": "string",
           "required": false,
-          "description": "Whether this is the latest message"
+          "description": ""
         },
-        "shouldStopPropagation": {
-          "type": "boolean",
+        "style": {
+          "type": "cssproperties",
           "required": false,
-          "description": "Whether to stop event propagation when the edit icon is clicked in child fields."
+          "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "LoadingOverlay": {
-      "name": "LoadingOverlay",
+    "InstructionPreview": {
+      "name": "InstructionPreview",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "LoadingOverlay\nA full-container overlay with a spinner and message.",
+      "description": "InstructionPreview\n\nRenders a structured preview of an agent's instruction/prompt.\nShows agent name, description, collapsible instruction text,\nworkflow summary, and tool list.",
       "props": {
         "type": {
-          "type": "\"loading-overlay\"",
+          "type": "\"instruction-preview\"",
           "required": true,
           "description": ""
         },
-        "message": {
+        "agent_name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "description": {
           "type": "string",
           "required": false,
-          "defaultValue": "Loading...",
+          "description": ""
+        },
+        "instruction": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        },
+        "workflow_summary": {
+          "type": "string[]",
+          "required": false,
+          "description": ""
+        },
+        "tools": {
+          "type": "string[]",
+          "required": false,
           "description": ""
         },
         "id": {
@@ -15953,33 +15874,69 @@
       "preview": null,
       "layoutHints": null
     },
-    "NotificationList": {
-      "name": "NotificationList",
+    "MultiAgentCard": {
+      "name": "MultiAgentCard",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "NotificationList\nA list of actionable notifications and activity logs.",
+      "description": "MultiAgentCard\n\nDisplays a multi-agent workflow configuration: workflow name, description,\nstages as connected cards with tool/component counts, and status badge.",
       "props": {
-        "type": {
-          "type": "\"notification-list\"",
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "name": {
+          "type": "string",
           "required": true,
           "description": ""
         },
-        "notifications": {
-          "type": "enum",
+        "style": {
+          "type": "cssproperties",
+          "required": false,
+          "description": ""
+        },
+        "description": {
+          "type": "string",
           "required": true,
-          "description": "",
-          "enums": [
-            "{ id: string; title: string; description?: string; timestamp: string; type: warning",
-            "info",
-            "success",
-            "error; read?: boolean; }[]"
-          ]
+          "description": ""
         },
-        "id": {
+        "display_name": {
           "type": "string",
           "required": true,
           "description": ""
         },
+        "workflow_type": {
+          "type": "\"multi_agent\"",
+          "required": true,
+          "description": ""
+        },
+        "stages": {
+          "type": "{ name: string; agent_name: string; tools?: string[]; ui_components?: string[]; }[]",
+          "required": false,
+          "defaultValue": "[]",
+          "description": ""
+        },
+        "enabled": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "true",
+          "description": ""
+        },
+        "agent_id": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "MultiAgentPlan": {
+      "name": "MultiAgentPlan",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "MultiAgentPlan\n\nVisual plan preview showing proposed stages before the admin commits.\nDisplays stage names, descriptions, and proposed tools in a connected flow.",
+      "props": {
         "className": {
           "type": "string",
           "required": false,
@@ -15989,36 +15946,31 @@
           "type": "cssproperties",
           "required": false,
           "description": ""
+        },
+        "stages": {
+          "type": "{ name: string; description: string; proposed_tools?: string[]; }[]",
+          "required": false,
+          "defaultValue": "[]",
+          "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "StatsGrid": {
-      "name": "StatsGrid",
+    "MultiAgentUISelector": {
+      "name": "MultiAgentUISelector",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "StatsGrid\nA grid of statistical cards with icons and trends.",
+      "description": "",
       "props": {
-        "type": {
-          "type": "\"stats-grid\"",
-          "required": true,
+        "onSelect": {
+          "type": "(stageselections: record<string, string[]>) => void",
+          "required": false,
           "description": ""
         },
-        "items": {
-          "type": "enum",
-          "required": true,
-          "description": "",
-          "enums": [
-            "{ label: string; value: string",
-            "number; trend?: string; trendDirection?: up",
-            "down",
-            "neutral; icon?: string; }[]"
-          ]
-        },
-        "id": {
-          "type": "string",
-          "required": true,
+        "onPreview": {
+          "type": "(componentname: string) => void",
+          "required": false,
           "description": ""
         },
         "className": {
@@ -16026,38 +15978,76 @@
           "required": false,
           "description": ""
         },
+        "isLatestMessage": {
+          "type": "boolean",
+          "required": false,
+          "defaultValue": "true",
+          "description": ""
+        },
         "style": {
           "type": "cssproperties",
           "required": false,
           "description": ""
         },
-        "stats": {
-          "type": "any[]",
+        "stages": {
+          "type": "{ id: string; name: string; agent_name: string; recommended_components?: string[]; }[]",
+          "required": false,
+          "defaultValue": "[]",
+          "description": ""
+        },
+        "components": {
+          "type": "{ name: string; display_name: string; description: string; category: string; recommended?: boolean; }[]",
           "required": false,
+          "defaultValue": "[]",
           "description": ""
         }
       },
       "preview": null,
       "layoutHints": null
     },
-    "StepWizard": {
-      "name": "StepWizard",
+    "StageIndicator": {
+      "name": "StageIndicator",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "StepWizard\nHorizontal step indicator for multi-part workflows.",
+      "description": "StageIndicator\n\nClient-side inline component showing active stage/agent name with a divider.\nDisplayed between messages when the responding agent changes in a multi-agent workflow.",
       "props": {
-        "type": {
-          "type": "\"step-wizard\"",
+        "className": {
+          "type": "string",
+          "required": false,
+          "description": ""
+        },
+        "style": {
+          "type": "cssproperties",
+          "required": false,
+          "description": ""
+        },
+        "stage_name": {
+          "type": "string",
           "required": true,
           "description": ""
         },
-        "steps": {
-          "type": "{ title: string; description?: string; }[]",
+        "agent_name": {
+          "type": "string",
+          "required": true,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "ToolListCard": {
+      "name": "ToolListCard",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "ToolListCard\n\nRenders a grouped list of agent tools with icons and description.\nIcons are data-driven: each tool can specify an `icon` field (lucide name),\nfalling back to category-based icons, then a generic wrench.",
+      "props": {
+        "type": {
+          "type": "\"tool-list\"",
           "required": true,
           "description": ""
         },
-        "currentStep": {
-          "type": "number",
+        "tools": {
+          "type": "{ name: string; display_name?: string; description?: string; category?: string; icon?: string; }[]",
           "required": true,
           "description": ""
         },
@@ -16080,21 +16070,40 @@
       "preview": null,
       "layoutHints": null
     },
-    "TagCloud": {
-      "name": "TagCloud",
+    "UIComponentSelector": {
+      "name": "UIComponentSelector",
       "type": "molecule",
       "isBuilderComponent": true,
-      "description": "TagCloud\nA cluster of clickable tags.",
+      "description": "",
+      "props": {
+        "onSelect": {
+          "type": "(selectedcomponents: string[]) => void",
+          "required": false,
+          "description": ""
+        },
+        "onPreview": {
+          "type": "(componentname: string) => void",
+          "required": false,
+          "description": ""
+        }
+      },
+      "preview": null,
+      "layoutHints": null
+    },
+    "WorkflowVisualizer": {
+      "name": "WorkflowVisualizer",
+      "type": "molecule",
+      "isBuilderComponent": true,
+      "description": "WorkflowVisualizer\n\nRenders agent workflow steps as a vertical flow with connected cards.\nEach step shows sub-steps, tools used, and failure handling.",
       "props": {
         "type": {
-          "type": "\"tag-cloud\"",
+          "type": "\"workflow\"",
           "required": true,
           "description": ""
         },
-        "tags": {
-          "type": "{ label: string; value: string; count?: number; }[]",
-          "required": false,
-          "defaultValue": "[]",
+        "steps": {
+          "type": "{ id: string; name: string; description?: string; tools?: string[]; sub_steps?: { id: string; action: string; }[]; on_failure?: string; next?: string; }[]",
+          "required": true,
           "description": ""
         },
         "id": {
@@ -16111,11 +16120,6 @@
           "type": "cssproperties",
           "required": false,
           "description": ""
-        },
-        "onTagClick": {
-          "type": "(val: string) => void",
-          "required": false,
-          "description": ""
         }
       },
       "preview": null,