@tdesign-react/chat 1.0.2 → 1.0.3-alpha.2

package/es/chat-engine/components/json-render/catalog.js

@@ -0,0 +1,779 @@
+/**
+ * tdesign v1.1.0-alpha.4
+ * (c) 2026 tdesign
+ * @license MIT
+ */
+
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { createCatalog } from '@json-render/core';
+import { z } from 'zod';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var tdesignCatalog = createCatalog({
+  name: "tdesign",
+  components: {
+    Button: {
+      props: z.object({
+        label: z.string().optional(),
+        children: z.string().optional(),
+        variant: z["enum"](["base", "outline", "dashed", "text"]).nullable(),
+        theme: z["enum"](["default", "primary", "success", "warning", "danger"]).nullable(),
+        size: z["enum"](["small", "medium", "large"]).nullable(),
+        disabled: z["boolean"]().nullable(),
+        loading: z["boolean"]().nullable(),
+        block: z["boolean"]().nullable(),
+        action: z.union([z.string(), z.object({
+          name: z.string(),
+          params: z.record(z.any()).optional()
+        })]).nullable()
+      }),
+      description: "TDesign Button component with action support"
+    },
+    Input: {
+      props: z.object({
+        value: z.string().nullable(),
+        placeholder: z.string().nullable(),
+        type: z["enum"](["text", "password", "number"]).nullable(),
+        disabled: z["boolean"]().nullable(),
+        clearable: z["boolean"]().nullable(),
+        maxlength: z.number().nullable(),
+        showLimitNumber: z["boolean"]().nullable()
+      }),
+      description: "TDesign Input component"
+    },
+    TextField: {
+      props: z.object({
+        label: z.string(),
+        name: z.string().optional(),
+        valuePath: z.string(),
+        placeholder: z.string().nullable(),
+        required: z["boolean"]().nullable(),
+        type: z["enum"](["text", "password", "email", "number", "tel"]).nullable(),
+        disabled: z["boolean"]().nullable(),
+        helperText: z.string().nullable()
+      }),
+      description: "Form text field with label and data binding (combines Input + label)"
+    },
+    Text: {
+      props: z.object({
+        content: z.string(),
+        variant: z["enum"](["body", "caption", "label"]).nullable(),
+        color: z["enum"](["default", "primary", "secondary", "success", "warning", "error"]).nullable(),
+        weight: z["enum"](["normal", "medium", "bold"]).nullable()
+      }),
+      description: "Text display component"
+    },
+    Card: {
+      props: z.object({
+        title: z.string().nullable(),
+        description: z.string().nullable(),
+        bordered: z["boolean"]().nullable(),
+        shadow: z["boolean"]().nullable(),
+        loading: z["boolean"]().nullable()
+      }),
+      hasChildren: true,
+      description: "TDesign Card container"
+    },
+    Row: {
+      props: z.object({
+        gutter: z.number().nullable(),
+        justify: z["enum"](["start", "end", "center", "space-around", "space-between"]).nullable(),
+        align: z["enum"](["top", "middle", "bottom"]).nullable()
+      }),
+      hasChildren: true,
+      description: "Grid row layout"
+    },
+    Col: {
+      props: z.object({
+        span: z.number().min(1).max(24).nullable(),
+        offset: z.number().nullable()
+      }),
+      hasChildren: true,
+      description: "Grid column layout"
+    },
+    Space: {
+      props: z.object({
+        direction: z["enum"](["horizontal", "vertical"]).nullable(),
+        size: z.union([z["enum"](["small", "medium", "large"]), z.number(), z.string()]).nullable(),
+        align: z["enum"](["start", "center", "end", "baseline"]).nullable()
+      }),
+      hasChildren: true,
+      description: "Space layout component"
+    },
+    Column: {
+      props: z.object({
+        gap: z.number().nullable(),
+        align: z["enum"](["start", "center", "end", "stretch"]).nullable()
+      }),
+      hasChildren: true,
+      description: "Vertical column layout"
+    },
+    Divider: {
+      props: z.object({
+        layout: z["enum"](["horizontal", "vertical"]).nullable(),
+        dashed: z["boolean"]().nullable()
+      }),
+      description: "Divider line"
+    }
+  },
+  actions: {
+    submit: {
+      description: "Submit form data to server"
+    },
+    reset: {
+      description: "Reset form to initial state (handled by Button component automatically)"
+    },
+    cancel: {
+      description: "Cancel current operation"
+    }
+  },
+  validation: "strict"
+});
+function createCustomCatalog(customConfig) {
+  var tdesignComponents = tdesignCatalog.components;
+  var tdesignActions = tdesignCatalog.actions;
+  return createCatalog({
+    name: customConfig.name,
+    components: _objectSpread(_objectSpread({}, tdesignComponents), customConfig.components || {}),
+    actions: _objectSpread(_objectSpread({}, tdesignActions), customConfig.actions || {}),
+    validation: customConfig.validation || "strict"
+  });
+}
+var tdesignComponentList = tdesignCatalog.componentNames;
+var tdesignActionList = tdesignCatalog.actionNames;
+var BUILTIN_COMPONENT_DOCS = {
+  Button: {
+    description: "Button component with action support",
+    props: {
+      label: "string - Button text (alternative to children)",
+      children: "string - Button text",
+      variant: '"base" | "outline" | "dashed" | "text" - Button style variant',
+      theme: '"default" | "primary" | "success" | "warning" | "danger" - Color theme',
+      size: '"small" | "medium" | "large" - Button size',
+      disabled: "boolean - Whether button is disabled",
+      loading: "boolean - Whether to show loading state",
+      block: "boolean - Whether button should be full width",
+      action: "string | { name: string, params?: object } - Action to trigger on click"
+    }
+  },
+  Input: {
+    description: "Input component for text entry",
+    props: {
+      value: "string - Input value",
+      placeholder: "string - Placeholder text",
+      type: '"text" | "password" | "number" - Input type',
+      disabled: "boolean - Whether input is disabled",
+      clearable: "boolean - Whether to show clear button",
+      maxlength: "number - Maximum input length",
+      showLimitNumber: "boolean - Whether to show character count"
+    }
+  },
+  TextField: {
+    description: "Form text field with label and data binding",
+    props: {
+      label: "string (required) - Field label",
+      name: "string - Form field name",
+      valuePath: "string (required) - Data binding path in data model",
+      placeholder: "string - Placeholder text",
+      required: "boolean - Whether field is required",
+      type: '"text" | "password" | "email" | "number" | "tel" - Input type',
+      disabled: "boolean - Whether field is disabled",
+      disabledPath: "string - Data path to control disabled state dynamically",
+      helperText: "string - Helper text below the field"
+    }
+  },
+  Text: {
+    description: "Text display component",
+    props: {
+      content: "string (required) - Text content to display",
+      variant: '"body" | "caption" | "label" - Text style variant',
+      color: '"default" | "primary" | "secondary" | "success" | "warning" | "error" - Text color',
+      weight: '"normal" | "medium" | "bold" - Font weight'
+    }
+  },
+  Card: {
+    description: "Card container component",
+    props: {
+      title: "string - Card title",
+      description: "string - Card description",
+      bordered: "boolean - Whether to show border",
+      shadow: "boolean - Whether to show shadow",
+      loading: "boolean - Whether to show loading state"
+    },
+    hasChildren: true
+  },
+  Row: {
+    description: "Grid row layout (24-column grid system)",
+    props: {
+      gutter: "number - Gap between columns in pixels",
+      justify: '"start" | "end" | "center" | "space-around" | "space-between" - Horizontal alignment',
+      align: '"top" | "middle" | "bottom" - Vertical alignment'
+    },
+    hasChildren: true
+  },
+  Col: {
+    description: "Grid column layout (use inside Row)",
+    props: {
+      span: "number (1-24) - Column width, out of 24 total",
+      offset: "number - Column offset from left"
+    },
+    hasChildren: true
+  },
+  Space: {
+    description: "Space layout component for spacing children",
+    props: {
+      direction: '"horizontal" | "vertical" - Layout direction',
+      size: '"small" | "medium" | "large" | number - Gap size',
+      align: '"start" | "center" | "end" | "baseline" - Alignment'
+    },
+    hasChildren: true
+  },
+  Column: {
+    description: "Vertical column layout",
+    props: {
+      gap: "number - Gap between children in pixels",
+      align: '"start" | "center" | "end" | "stretch" - Horizontal alignment'
+    },
+    hasChildren: true
+  },
+  Divider: {
+    description: "Divider line",
+    props: {
+      layout: '"horizontal" | "vertical" - Divider direction',
+      dashed: "boolean - Whether to use dashed line"
+    }
+  }
+};
+function zodSchemaToPropsDoc(schema) {
+  var result = {};
+  var shape = schema.shape;
+  for (var _i = 0, _Object$entries = Object.entries(shape); _i < _Object$entries.length; _i++) {
+    var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
+      key = _Object$entries$_i[0],
+      value = _Object$entries$_i[1];
+    result[key] = zodTypeToString(value);
+  }
+  return result;
+}
+function zodTypeToString(type) {
+  if (type instanceof z.ZodNullable) {
+    return "".concat(zodTypeToString(type.unwrap()), " (nullable)");
+  }
+  if (type instanceof z.ZodOptional) {
+    return "".concat(zodTypeToString(type.unwrap()), " (optional)");
+  }
+  if (type instanceof z.ZodEnum) {
+    var values = type.options;
+    return values.map(function (v) {
+      return "\"".concat(v, "\"");
+    }).join(" | ");
+  }
+  if (type instanceof z.ZodUnion) {
+    var options = type._def.options;
+    return options.map(function (o) {
+      return zodTypeToString(o);
+    }).join(" | ");
+  }
+  if (type instanceof z.ZodString) return "string";
+  if (type instanceof z.ZodNumber) return "number";
+  if (type instanceof z.ZodBoolean) return "boolean";
+  if (type instanceof z.ZodObject) return "object";
+  if (type instanceof z.ZodArray) return "array";
+  return "any";
+}
+function normalizeComponentDoc(doc) {
+  var props;
+  if (doc.props instanceof z.ZodObject) {
+    props = zodSchemaToPropsDoc(doc.props);
+  } else {
+    props = doc.props;
+  }
+  return {
+    description: doc.description,
+    props: props,
+    hasChildren: doc.hasChildren
+  };
+}
+function generateCatalogPrompt() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$name = options.name,
+    name = _options$name === void 0 ? "tdesign" : _options$name,
+    _options$components = options.components,
+    components = _options$components === void 0 ? {} : _options$components,
+    _options$actions = options.actions,
+    actions = _options$actions === void 0 ? {} : _options$actions,
+    _options$includeExamp = options.includeExample,
+    includeExample = _options$includeExamp === void 0 ? true : _options$includeExamp,
+    _options$templateMode = options.templateMode,
+    templateMode = _options$templateMode === void 0 ? "default" : _options$templateMode,
+    customTemplate = options.customTemplate;
+  var mergedComponents = _objectSpread(_objectSpread({}, BUILTIN_COMPONENT_DOCS), components);
+  var allComponents = {};
+  for (var _i2 = 0, _Object$entries2 = Object.entries(mergedComponents); _i2 < _Object$entries2.length; _i2++) {
+    var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+      key = _Object$entries2$_i[0],
+      doc = _Object$entries2$_i[1];
+    allComponents[key] = normalizeComponentDoc(doc);
+  }
+  var builtinActions = {
+    submit: {
+      description: "Submit form data to server"
+    },
+    reset: {
+      description: "Reset form to initial state"
+    },
+    cancel: {
+      description: "Cancel current operation"
+    }
+  };
+  var allActions = _objectSpread(_objectSpread({}, builtinActions), actions);
+  if (templateMode === "custom" && customTemplate) {
+    return customTemplate({
+      name: name,
+      components: allComponents,
+      actions: allActions
+    });
+  }
+  if (templateMode === "a2ui") {
+    return generateA2UIPrompt({
+      name: name,
+      components: allComponents,
+      actions: allActions,
+      includeExample: includeExample
+    });
+  }
+  var lines = ["# ".concat(name, " UI Component Catalog"), "", "You can generate dynamic UI using the following components and JSON schema format.", "", "## Output Format", "", "Generate a JSON object with this structure:", "```json", "{", '  "root": "element_id",  // ID of the root element', '  "elements": {', '    "element_id": {', '      "key": "element_id",  // Same as the key in elements object', '      "type": "ComponentName",  // One of the available components', '      "props": { ... },  // Component-specific props', '      "children": ["child_id_1", "child_id_2"]  // Optional: IDs of child elements', "    }", "  },", '  "data": {  // Optional: Initial data model for data binding', '    "fieldName": "value"', "  }", "}", "```", "", "## AG-UI ACTIVITY_DELTA Format (for Incremental Updates)", "", "For updating existing UI, you can also generate AG-UI ACTIVITY_DELTA messages:", "```json", "{", '  "type": "ACTIVITY_DELTA",', '  "messageId": "unique_message_id",', '  "activityType": "json-render-main-card",', '  "patch": [', '    {"op": "add", "path": "/elements/new-element", "value": {...}},', '    {"op": "replace", "path": "/elements/parent/children", "value": [...]}', "  ]", "}", "```", "", "### JSON Patch Operations for ACTIVITY_DELTA", "", "**Add New Element:**", "```json", '{"op": "add", "path": "/elements/new-button", "value": {', '  "key": "new-button",', '  "type": "Button",', '  "props": {"children": "Click Me", "theme": "primary"}', "}}", "```", "", "**Update Element Properties:**", "```json", '{"op": "replace", "path": "/elements/my-card/props/title", "value": "Updated Title"}', "```", "", "**Replace Children Array:**", "```json", '{"op": "replace", "path": "/elements/container/children", "value": ["child1", "child2", "new-child"]}', "```", "", "**Add Child to Parent:**", "```json", '{"op": "add", "path": "/elements/parent/children/-", "value": "new-child-id"}', "```", "", "**Update Data Model:**", "```json", '{"op": "replace", "path": "/data/user/name", "value": "John Doe"}', "```", "", "**Complete ACTIVITY_DELTA Example:**", "```json", "{", '  "type": "ACTIVITY_DELTA",', '  "messageId": "update_123456",', '  "activityType": "json-render-main-card",', '  "patch": [', "    {", '      "op": "add",', '      "path": "/elements/success-message",', '      "value": {', '        "key": "success-message",', '        "type": "Text",', '        "props": {', '          "content": "Operation completed successfully!",', '          "color": "success"', "        }", "      }", "    },", "    {", '      "op": "add",', '      "path": "/elements/main-container/children/-",', '      "value": "success-message"', "    }", "  ]", "}", "```", "", "## JSON-Render Data Structure Details", "", "Understanding the structure is crucial for generating valid UI:", "", "### Root Level Properties", "- `root`: String - ID of the root element (must exist in elements)", "- `elements`: Object - Contains all UI elements indexed by their IDs", "- `data`: Object - Optional data model for form bindings and dynamic content", "", "### Element Structure", "Each element in the `elements` object has:", "- `key`: String - Unique identifier (should match the object key)", "- `type`: String - Component type name (must be from available components)", "- `props`: Object - Component-specific properties", "- `children`: Array<String> - Optional array of child element IDs", "", "### Element Hierarchy Rules", "1. **Root Element**: Must be specified in `root` and exist in `elements`", "2. **Parent-Child Relationship**: Parent elements reference children by ID in `children` array", "3. **Child Order**: Order in `children` array determines rendering order", "4. **Unique IDs**: Each element must have a unique ID across the entire structure", '5. **Container Components**: Only components marked with "can have children" support `children`', "", "### Data Binding Paths", "Form components can bind to data using dot notation:", "- `\"valuePath\": \"user.name\"` \u2192 binds to `data.user.name`", "- `\"valuePath\": \"settings.theme\"` \u2192 binds to `data.settings.theme`", "- `\"disabledPath\": \"form.disabled\"` \u2192 controls disabled state from `data.form.disabled`", "", "### Element ID Best Practices", '- Use descriptive names: `"user_name_field"` instead of `"field1"`', "- Use consistent naming: `snake_case` or `kebab-case`", '- Include purpose: `"submit_button"`, `"main_container"`, `"status_card"`', "", "## Available Components", ""];
+  for (var _i3 = 0, _Object$entries3 = Object.entries(allComponents); _i3 < _Object$entries3.length; _i3++) {
+    var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
+      name2 = _Object$entries3$_i[0],
+      _doc = _Object$entries3$_i[1];
+    lines.push("### ".concat(name2));
+    lines.push(_doc.description);
+    if (_doc.hasChildren) {
+      lines.push("*This component can have children.*");
+    }
+    lines.push("");
+    lines.push("**Props:**");
+    for (var _i4 = 0, _Object$entries4 = Object.entries(_doc.props); _i4 < _Object$entries4.length; _i4++) {
+      var _Object$entries4$_i = _slicedToArray(_Object$entries4[_i4], 2),
+        propName = _Object$entries4$_i[0],
+        propDesc = _Object$entries4$_i[1];
+      lines.push("- `".concat(propName, "`: ").concat(propDesc));
+    }
+    lines.push("");
+  }
+  lines.push("## Available Actions");
+  lines.push("");
+  lines.push("Actions can be triggered by Button components. Use the `action` prop:");
+  lines.push('- Simple: `"action": "actionName"`');
+  lines.push('- With params: `"action": { "name": "actionName", "params": { ... } }`');
+  lines.push("");
+  for (var _i5 = 0, _Object$entries5 = Object.entries(allActions); _i5 < _Object$entries5.length; _i5++) {
+    var _Object$entries5$_i = _slicedToArray(_Object$entries5[_i5], 2),
+      _name = _Object$entries5$_i[0],
+      def = _Object$entries5$_i[1];
+    lines.push("- `".concat(_name, "`: ").concat(def.description));
+  }
+  lines.push("");
+  lines.push("## Data Binding");
+  lines.push("");
+  lines.push("Use `valuePath` to bind form fields to the data model:");
+  lines.push('- `"valuePath": "user.name"` binds to `data.user.name`');
+  lines.push('- `"disabledPath": "formDisabled"` controls disabled state from `data.formDisabled`');
+  lines.push("");
+  if (includeExample) {
+    lines.push("## Examples");
+    lines.push("");
+    lines.push("### 1. Simple Form Structure");
+    lines.push("A basic form with validation and data binding:");
+    lines.push("```json");
+    lines.push(JSON.stringify({
+      root: "main_card",
+      elements: {
+        main_card: {
+          key: "main_card",
+          type: "Card",
+          props: {
+            title: "User Registration",
+            bordered: true
+          },
+          children: ["form_layout"]
+        },
+        form_layout: {
+          key: "form_layout",
+          type: "Column",
+          props: {
+            gap: 16
+          },
+          children: ["name_field", "email_field", "button_group"]
+        },
+        name_field: {
+          key: "name_field",
+          type: "TextField",
+          props: {
+            label: "Full Name",
+            valuePath: "user.name",
+            placeholder: "Enter your full name",
+            required: true
+          }
+        },
+        email_field: {
+          key: "email_field",
+          type: "TextField",
+          props: {
+            label: "Email Address",
+            valuePath: "user.email",
+            placeholder: "Enter your email",
+            type: "email",
+            required: true
+          }
+        },
+        button_group: {
+          key: "button_group",
+          type: "Space",
+          props: {
+            direction: "horizontal",
+            size: "medium"
+          },
+          children: ["submit_btn", "reset_btn"]
+        },
+        submit_btn: {
+          key: "submit_btn",
+          type: "Button",
+          props: {
+            children: "Register",
+            theme: "primary",
+            action: {
+              name: "submit",
+              params: {
+                form: "registration"
+              }
+            }
+          }
+        },
+        reset_btn: {
+          key: "reset_btn",
+          type: "Button",
+          props: {
+            children: "Reset",
+            variant: "outline",
+            action: "reset"
+          }
+        }
+      },
+      data: {
+        user: {
+          name: "",
+          email: ""
+        }
+      }
+    }, null, 2));
+    lines.push("```");
+    lines.push("");
+    lines.push("### 2. Dashboard Layout");
+    lines.push("A more complex layout with grid system and multiple components:");
+    lines.push("```json");
+    lines.push(JSON.stringify({
+      root: "dashboard",
+      elements: {
+        dashboard: {
+          key: "dashboard",
+          type: "Column",
+          props: {
+            gap: 24
+          },
+          children: ["header", "content_row"]
+        },
+        header: {
+          key: "header",
+          type: "Card",
+          props: {
+            title: "Dashboard Overview"
+          },
+          children: ["status_text"]
+        },
+        status_text: {
+          key: "status_text",
+          type: "Text",
+          props: {
+            content: "System is running normally",
+            color: "success",
+            weight: "medium"
+          }
+        },
+        content_row: {
+          key: "content_row",
+          type: "Row",
+          props: {
+            gutter: 16
+          },
+          children: ["left_col", "right_col"]
+        },
+        left_col: {
+          key: "left_col",
+          type: "Col",
+          props: {
+            span: 16
+          },
+          children: ["main_content"]
+        },
+        right_col: {
+          key: "right_col",
+          type: "Col",
+          props: {
+            span: 8
+          },
+          children: ["sidebar_card"]
+        },
+        main_content: {
+          key: "main_content",
+          type: "Card",
+          props: {
+            title: "Main Content",
+            shadow: true
+          },
+          children: ["content_text"]
+        },
+        content_text: {
+          key: "content_text",
+          type: "Text",
+          props: {
+            content: "This is the main content area."
+          }
+        },
+        sidebar_card: {
+          key: "sidebar_card",
+          type: "Card",
+          props: {
+            title: "Quick Actions"
+          },
+          children: ["action_buttons"]
+        },
+        action_buttons: {
+          key: "action_buttons",
+          type: "Column",
+          props: {
+            gap: 8
+          },
+          children: ["refresh_btn", "export_btn"]
+        },
+        refresh_btn: {
+          key: "refresh_btn",
+          type: "Button",
+          props: {
+            children: "Refresh Data",
+            block: true,
+            action: "refresh"
+          }
+        },
+        export_btn: {
+          key: "export_btn",
+          type: "Button",
+          props: {
+            children: "Export Report",
+            variant: "outline",
+            block: true,
+            action: "export"
+          }
+        }
+      },
+      data: {
+        lastUpdated: new Date().toISOString()
+      }
+    }, null, 2));
+    lines.push("```");
+    lines.push("");
+    lines.push("### 3. Dynamic Content with Data Binding");
+    lines.push("Form with conditional disabled states:");
+    lines.push("```json");
+    lines.push(JSON.stringify({
+      root: "settings_form",
+      elements: {
+        settings_form: {
+          key: "settings_form",
+          type: "Card",
+          props: {
+            title: "Settings"
+          },
+          children: ["form_fields"]
+        },
+        form_fields: {
+          key: "form_fields",
+          type: "Column",
+          props: {
+            gap: 16
+          },
+          children: ["enable_notifications", "email_field", "save_btn"]
+        },
+        enable_notifications: {
+          key: "enable_notifications",
+          type: "TextField",
+          props: {
+            label: "Enable Notifications",
+            valuePath: "settings.notifications",
+            type: "text"
+          }
+        },
+        email_field: {
+          key: "email_field",
+          type: "TextField",
+          props: {
+            label: "Notification Email",
+            valuePath: "settings.email",
+            disabledPath: "settings.emailDisabled",
+            placeholder: "Enter email for notifications"
+          }
+        },
+        save_btn: {
+          key: "save_btn",
+          type: "Button",
+          props: {
+            children: "Save Settings",
+            theme: "primary",
+            action: "submit"
+          }
+        }
+      },
+      data: {
+        settings: {
+          notifications: "enabled",
+          email: "",
+          emailDisabled: false
+        }
+      }
+    }, null, 2));
+    lines.push("```");
+  }
+  return lines.join("\n");
+}
+function generateA2UIPrompt(context) {
+  var name = context.name,
+    components = context.components,
+    actions = context.actions,
+    _context$includeExamp = context.includeExample,
+    includeExample = _context$includeExamp === void 0 ? true : _context$includeExamp;
+  var lines = ["# ".concat(name, " A2UI Component Catalog"), "", "You can generate dynamic UI using A2UI protocol messages.", "", "## AG-UI ACTIVITY_DELTA Format", "", "When generating UI updates, use the AG-UI ACTIVITY_DELTA message format:", "```json", "{", '  "type": "ACTIVITY_DELTA",', '  "messageId": "unique_message_id",', '  "activityType": "json-render-main-card",', '  "patch": [', '    {"op": "add", "path": "/elements/element-id", "value": {...}},', '    {"op": "replace", "path": "/elements/parent/children", "value": [...]}', "  ]", "}", "```", "", "## JSON Patch Operations for AG-UI ACTIVITY_DELTA", "", "The `patch` array contains JSON Patch operations that modify the UI structure:", "", "### Add New Element", "Create a new UI element in the elements object:", "```json", '{"op": "add", "path": "/elements/new-element-id", "value": {', '  "key": "new-element-id",', '  "type": "ComponentName",', '  "props": {...},', '  "children": ["child1", "child2"]  // optional', "}}", "```", "", "### Update Element Properties", "Modify specific properties of an existing element:", "```json", '{"op": "replace", "path": "/elements/element-id/props/title", "value": "New Title"}', "```", "", "### Replace Children Array", "Update the children of a container element:", "```json", '{"op": "replace", "path": "/elements/parent-id/children", "value": ["child1", "child2", "new-child"]}', "```", "", "### Add Child to Parent", "Append a child to the end of parent's children array:", "```json", '{"op": "add", "path": "/elements/parent-id/children/-", "value": "new-child-id"}', "```", "", "### Remove Element", "Delete an element (ensure it's removed from parent's children first):", "```json", '{"op": "remove", "path": "/elements/element-id"}', "```", "", "### Update Data Model", "Modify the data model for form bindings:", "```json", '{"op": "replace", "path": "/data/user/name", "value": "John Doe"}', "```", "", "### Complete AG-UI ACTIVITY_DELTA Example", "Adding a status card and updating container children:", "```json", "{", '  "type": "ACTIVITY_DELTA",', '  "messageId": "update_1234567890",', '  "activityType": "json-render-main-card",', '  "patch": [', "    {", '      "op": "add",', '      "path": "/elements/status-card",', '      "value": {', '        "key": "status-card",', '        "type": "Card",', '        "props": {', '          "title": "Status Update",', '          "description": "Operation completed successfully"', "        }", "      }", "    },", "    {", '      "op": "replace",', '      "path": "/elements/main-container/children",', '      "value": ["existing-element", "status-card"]', "    }", "  ]", "}", "```", "", "## A2UI Message Types (Alternative Formats)", "", "Besides AG-UI ACTIVITY_DELTA, A2UI also supports these message types:", "", "### createSurface", "Create a new UI surface with initial elements:", "```json", "{", '  "type": "createSurface",', '  "surfaceId": "unique_surface_id",', '  "ui": {', '    "root": "element_id",', '    "elements": { ... }', "  },", '  "data": { ... }', "}", "```", "", "### updateComponents", "Update existing UI elements (similar to ACTIVITY_DELTA but different format):", "```json", "{", '  "type": "updateComponents",', '  "surfaceId": "existing_surface_id",', '  "patch": [', '    {"op": "add", "path": "/elements/new-element", "value": {...}}', "  ]", "}", "```", "", "### updateDataModel", "Update data model without changing UI:", "```json", "{", '  "type": "updateDataModel",', '  "surfaceId": "existing_surface_id",', '  "data": { ... }', "}", "```", "", "### deleteSurface", "Remove a UI surface:", "```json", "{", '  "type": "deleteSurface",', '  "surfaceId": "surface_to_delete"', "}", "```", "", "## Available Components", ""];
+  for (var _i6 = 0, _Object$entries6 = Object.entries(components); _i6 < _Object$entries6.length; _i6++) {
+    var _Object$entries6$_i = _slicedToArray(_Object$entries6[_i6], 2),
+      compName = _Object$entries6$_i[0],
+      doc = _Object$entries6$_i[1];
+    lines.push("### ".concat(compName));
+    lines.push(doc.description);
+    if (doc.hasChildren) {
+      lines.push("*This component can have children.*");
+    }
+    lines.push("");
+    lines.push("**Props:**");
+    for (var _i7 = 0, _Object$entries7 = Object.entries(doc.props); _i7 < _Object$entries7.length; _i7++) {
+      var _Object$entries7$_i = _slicedToArray(_Object$entries7[_i7], 2),
+        propName = _Object$entries7$_i[0],
+        propDesc = _Object$entries7$_i[1];
+      lines.push("- `".concat(propName, "`: ").concat(propDesc));
+    }
+    lines.push("");
+  }
+  lines.push("## Available Actions");
+  lines.push("");
+  for (var _i8 = 0, _Object$entries8 = Object.entries(actions); _i8 < _Object$entries8.length; _i8++) {
+    var _Object$entries8$_i = _slicedToArray(_Object$entries8[_i8], 2),
+      actionName = _Object$entries8$_i[0],
+      def = _Object$entries8$_i[1];
+    lines.push("- `".concat(actionName, "`: ").concat(def.description));
+  }
+  lines.push("");
+  if (includeExample) {
+    lines.push("## Examples");
+    lines.push("");
+    lines.push("### 1. Create a form surface:");
+    lines.push("```json");
+    lines.push(JSON.stringify({
+      type: "createSurface",
+      surfaceId: "user_form_1",
+      ui: {
+        root: "form_card",
+        elements: {
+          form_card: {
+            key: "form_card",
+            type: "Card",
+            props: {
+              title: "User Form"
+            },
+            children: ["name_field", "submit_btn"]
+          },
+          name_field: {
+            key: "name_field",
+            type: "TextField",
+            props: {
+              label: "Name",
+              valuePath: "user.name"
+            }
+          },
+          submit_btn: {
+            key: "submit_btn",
+            type: "Button",
+            props: {
+              children: "Submit",
+              theme: "primary",
+              action: "submit"
+            }
+          }
+        }
+      },
+      data: {
+        user: {
+          name: ""
+        }
+      }
+    }, null, 2));
+    lines.push("```");
+    lines.push("");
+    lines.push("### 2. Update existing surface with JSON Patch:");
+    lines.push("Add a status card and update the form title:");
+    lines.push("```json");
+    lines.push(JSON.stringify({
+      type: "updateComponents",
+      surfaceId: "user_form_1",
+      patch: [{
+        op: "replace",
+        path: "/elements/form_card/props/title",
+        value: "Updated User Form"
+      }, {
+        op: "add",
+        path: "/elements/status_card",
+        value: {
+          key: "status_card",
+          type: "Card",
+          props: {
+            title: "Status",
+            description: "Form is ready for submission"
+          }
+        }
+      }, {
+        op: "add",
+        path: "/elements/form_card/children/0",
+        value: "status_card"
+      }]
+    }, null, 2));
+    lines.push("```");
+    lines.push("");
+    lines.push("### 3. Update data model:");
+    lines.push("```json");
+    lines.push(JSON.stringify({
+      type: "updateDataModel",
+      surfaceId: "user_form_1",
+      data: {
+        user: {
+          name: "John Doe"
+        },
+        formStatus: "ready"
+      }
+    }, null, 2));
+    lines.push("```");
+  }
+  return lines.join("\n");
+}
+
+export { createCustomCatalog, generateCatalogPrompt, tdesignActionList, tdesignCatalog, tdesignComponentList };
+//# sourceMappingURL=catalog.js.map