{
 "label": "tag-slice__express__haiku-4-5__run3",
 "task": "T2",
 "format": "express",
 "model_id": null,
 "messages": [
  {
   "version": "v0.9.1",
   "create_surface": {
    "surface_id": "main",
    "catalog_id": "https://a2uicatalog.ai/catalog/g-data-display.json"
   }
  },
  {
   "version": "v0.9.1",
   "update_components": {
    "surface_id": "main",
    "components": [
     {
      "id": "root",
      "component": "color_section",
      "accent": "#4f46e5",
      "style": "tint",
      "blocks": [
       "root_blocks_0",
       "root_blocks_1",
       "root_blocks_2",
       "root_blocks_3"
      ]
     },
     {
      "id": "root_blocks_0",
      "component": "page_header",
      "title": "Metrics Overview",
      "subtitle": "Key performance indicators and trends"
     },
     {
      "id": "root_blocks_1",
      "component": "columns",
      "cols": 4,
      "gap": "1rem",
      "items": [
       {
        "blocks": [
         "_inline_1"
        ]
       },
       {
        "blocks": [
         "_inline_2"
        ]
       },
       {
        "blocks": [
         "_inline_3"
        ]
       },
       {
        "blocks": [
         "_inline_4"
        ]
       }
      ]
     },
     {
      "id": "_inline_1",
      "component": "stat_card",
      "value": "$124.5K",
      "label": "Revenue",
      "delta": "+12%",
      "is_up": true,
      "accent": "#10b981"
     },
     {
      "id": "_inline_2",
      "component": "stat_card",
      "value": "2,847",
      "label": "Active Users",
      "delta": "+8%",
      "is_up": true,
      "accent": "#10b981"
     },
     {
      "id": "_inline_3",
      "component": "stat_card",
      "value": "94.2%",
      "label": "Uptime",
      "delta": "-0.3%",
      "is_up": false,
      "accent": "#ef4444"
     },
     {
      "id": "_inline_4",
      "component": "stat_card",
      "value": "3.2s",
      "label": "Avg Response",
      "delta": "+0.4s",
      "is_up": false,
      "accent": "#ef4444"
     },
     {
      "id": "root_blocks_2",
      "component": "spacer",
      "height": "2rem"
     },
     {
      "id": "root_blocks_3",
      "component": "comparison_morph",
      "title": "Performance Comparison",
      "before": {
       "label": "Last Period",
       "text": "Baseline metrics from previous month"
      },
      "after": {
       "label": "This Period",
       "text": "Current performance improvements"
      }
     }
    ]
   }
  }
 ]
}