TextArea

rendered, live
the wire — click a line to scrub
the contract — TextArea in catalog.json
{
  "type": "object",
  "properties": {
    "component": {
      "const": "TextArea"
    },
    "label": {
      "$ref": "https://a2ui.org/specification/v1_0/common_types.json#/$defs/DynamicString",
      "description": "Visible field label. Required — the accessible name."
    },
    "value": {
      "$ref": "https://a2ui.org/specification/v1_0/common_types.json#/$defs/DataBinding",
      "description": "Data binding for the answer, always {\"path\": ...}."
    },
    "rows": {
      "type": "number",
      "description": "Visible line count. Default 3."
    },
    "maxLength": {
      "type": "number",
      "description": "Maximum characters; the field shows a live counter when set."
    },
    "placeholder": {
      "type": "string"
    },
    "hint": {
      "$ref": "https://a2ui.org/specification/v1_0/common_types.json#/$defs/DynamicString"
    },
    "checks": {
      "type": "array",
      "items": {
        "type": "object",
        "description": "A validation check. Spec-shaped — `condition` is a FunctionCall — but narrowed to the renderer's built-ins, and `message` is required because a check with no human text fails silently.",
        "properties": {
          "condition": {
            "type": "object",
            "properties": {
              "call": {
                "enum": [
                  "required",
                  "email",
                  "regex",
                  "length",
                  "numeric"
                ],
                "description": "One of the protocol's built-in validation functions. The renderer supplies the field's current value automatically."
              },
              "args": {
                "type": "object",
                "description": "Arguments beyond the value: regex takes {\"pattern\"}, length and numeric take {\"min\"} and/or {\"max\"}. required and email take none."
              }
            },
            "required": [
              "call"
            ],
            "additionalProperties": false
          },
          "message": {
            "type": "string",
            "description": "Human text shown when the check fails. Always required."
          }
        },
        "required": [
          "condition",
          "message"
        ],
        "additionalProperties": false
      },
      "description": "Validation rules, evaluated by the renderer as the user types. Submission is blocked while any check fails."
    }
  },
  "required": [
    "label",
    "value"
  ]
}
the prompt-pack — paste into your agent
### TextArea — multi-line text

| prop          | type       | required | notes                                   |
| ------------- | ---------- | -------- | --------------------------------------- |
| `label`       | string     | yes      | visible label and accessible name       |
| `value`       | `{"path"}` | yes      | always a binding                        |
| `rows`        | number     | no       | visible lines; default `3`              |
| `maxLength`   | number     | no       | shows a live character counter when set |
| `placeholder` | string     | no       |                                         |
| `hint`        | string     | no       |                                         |
| `checks`      | check[]    | no       | `length` with `{"min"}` pairs well here |

```
{"id":"details","component":"TextArea","label":"What happened?","value":{"path":"/report/details"},"rows":5,"maxLength":2000,"checks":[{"condition":{"call":"length","args":{"min":30}},"message":"A sentence or two more helps us reproduce it."}]}
```