render_ui(components=[
    {
        "type": "Card",
        "title": "当前套餐",
        "children": [
            {"type": "PlanBadge", "plan": "pro"},
            {"type": "Text", "content": "有效期至 2026-08-01"},
            {"type": "Button", "label": "升级套餐", "action": "upgrade", "variant": "primary"}
        ]
    }
])

{
  "type": "a2ui_action",
  "action": "upgrade",
  "payload": {"plan": "pro"},
  "componentPath": "card.0.button.2"
}

render_ui(components=[
    {"type": "Text", "content": "选择适合你的套餐", "size": "lg", "weight": "bold"},
    {
        "type": "PricingTable",
        "plans": [
            {"name": "免费版", "price": "0", "features": ["每日 100 积分", "基础模型"]},
            {"name": "进阶版", "price": "49/月", "features": ["每月 5000 积分", "全部模型", "优先响应"], "highlighted": True},
            {"name": "旗舰版", "price": "199/月", "features": ["每月 20000 积分", "全部模型", "专属客服"]}
        ],
        "action": "select_plan"
    }
])

render_ui(components=[
    {
        "type": "Card",
        "title": "账户概览",
        "children": [
            {
                "type": "Row",
                "gap": 16,
                "children": [
                    {"type": "CreditDisplay", "balance": 4520},
                    {"type": "PlanBadge", "plan": "pro"},
                    {"type": "StatusIndicator", "status": "active", "label": "订阅生效中"}
                ]
            },
            {"type": "Divider"},
            {"type": "ProgressBar", "value": 68, "label": "本月用量 68%"},
            {
                "type": "Row",
                "gap": 8,
                "children": [
                    {"type": "Button", "label": "充值", "action": "recharge", "variant": "primary"},
                    {"type": "Button", "label": "查看明细", "action": "view_detail", "variant": "ghost"}
                ]
            }
        ]
    }
])

render_ui(components=[
    {
        "type": "Card",
        "title": "确认操作",
        "children": [
            {"type": "Text", "content": "即将删除专家「财务顾问」，此操作不可撤销。", "color": "warning"},
            {
                "type": "Row",
                "gap": 8,
                "align": "end",
                "children": [
                    {"type": "Button", "label": "取消", "action": "cancel", "variant": "ghost"},
                    {"type": "Button", "label": "确认删除", "action": "confirm_delete", "variant": "destructive", "payload": {"identifier": "financial-advisor"}}
                ]
            }
        ]
    }
])