@adia-ai/a2ui-corpus 0.0.1

package/patterns/data/chart-dashboard.json

@@ -0,0 +1,335 @@
+{
+  "$schema": "../_schema.json",
+  "name": "chart-dashboard",
+  "version": 1,
+  "domain": "data",
+  "description": "Dashboard with KPI stat grid and two chart cards.",
+  "tags": {
+    "purpose": [
+      "visualization",
+      "data-display"
+    ],
+    "complexity": "complex",
+    "layout": "single-column",
+    "interaction": []
+  },
+  "keywords": [
+    "chart",
+    "graph",
+    "analytics",
+    "report",
+    "data",
+    "sales"
+  ],
+  "related": [
+    "dashboard",
+    "stat-cards",
+    "metrics"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Column",
+      "children": [
+        "header-row",
+        "kpi-grid",
+        "chart-grid"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "header-row",
+      "component": "Row",
+      "children": [
+        "dash-title",
+        "dash-actions"
+      ]
+    },
+    {
+      "id": "dash-title",
+      "component": "Text",
+      "textContent": "Dashboard",
+      "variant": "title"
+    },
+    {
+      "id": "dash-actions",
+      "component": "Row",
+      "children": [
+        "export-btn"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "export-btn",
+      "component": "Button",
+      "text": "Export",
+      "variant": "outline",
+      "size": "sm",
+      "icon": "download"
+    },
+    {
+      "id": "kpi-grid",
+      "component": "Grid",
+      "children": [
+        "k1",
+        "k2",
+        "k3",
+        "k4"
+      ],
+      "columns": "4"
+    },
+    {
+      "id": "k1",
+      "component": "Card",
+      "children": [
+        "k1h",
+        "k1s"
+      ]
+    },
+    {
+      "id": "k1h",
+      "component": "Header",
+      "children": [
+        "k1l"
+      ]
+    },
+    {
+      "id": "k1l",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Revenue",
+      "variant": "label"
+    },
+    {
+      "id": "k1s",
+      "component": "Section",
+      "children": [
+        "k1v",
+        "k1b"
+      ]
+    },
+    {
+      "id": "k1v",
+      "component": "Text",
+      "textContent": "$48.2k",
+      "variant": "title"
+    },
+    {
+      "id": "k1b",
+      "component": "Badge",
+      "text": "+12.5%",
+      "variant": "success",
+      "size": "sm"
+    },
+    {
+      "id": "k2",
+      "component": "Card",
+      "children": [
+        "k2h",
+        "k2s"
+      ]
+    },
+    {
+      "id": "k2h",
+      "component": "Header",
+      "children": [
+        "k2l"
+      ]
+    },
+    {
+      "id": "k2l",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Users",
+      "variant": "label"
+    },
+    {
+      "id": "k2s",
+      "component": "Section",
+      "children": [
+        "k2v",
+        "k2b"
+      ]
+    },
+    {
+      "id": "k2v",
+      "component": "Text",
+      "textContent": "2,340",
+      "variant": "title"
+    },
+    {
+      "id": "k2b",
+      "component": "Badge",
+      "text": "+8%",
+      "variant": "success",
+      "size": "sm"
+    },
+    {
+      "id": "k3",
+      "component": "Card",
+      "children": [
+        "k3h",
+        "k3s"
+      ]
+    },
+    {
+      "id": "k3h",
+      "component": "Header",
+      "children": [
+        "k3l"
+      ]
+    },
+    {
+      "id": "k3l",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Bounce",
+      "variant": "label"
+    },
+    {
+      "id": "k3s",
+      "component": "Section",
+      "children": [
+        "k3v",
+        "k3b"
+      ]
+    },
+    {
+      "id": "k3v",
+      "component": "Text",
+      "textContent": "24.3%",
+      "variant": "title"
+    },
+    {
+      "id": "k3b",
+      "component": "Badge",
+      "text": "-3.1%",
+      "variant": "danger",
+      "size": "sm"
+    },
+    {
+      "id": "k4",
+      "component": "Card",
+      "children": [
+        "k4h",
+        "k4s"
+      ]
+    },
+    {
+      "id": "k4h",
+      "component": "Header",
+      "children": [
+        "k4l"
+      ]
+    },
+    {
+      "id": "k4l",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Session",
+      "variant": "label"
+    },
+    {
+      "id": "k4s",
+      "component": "Section",
+      "children": [
+        "k4v",
+        "k4b"
+      ]
+    },
+    {
+      "id": "k4v",
+      "component": "Text",
+      "textContent": "4m 23s",
+      "variant": "title"
+    },
+    {
+      "id": "k4b",
+      "component": "Badge",
+      "text": "+15s",
+      "variant": "info",
+      "size": "sm"
+    },
+    {
+      "id": "chart-grid",
+      "component": "Grid",
+      "children": [
+        "ch1",
+        "ch2"
+      ],
+      "columns": "2"
+    },
+    {
+      "id": "ch1",
+      "component": "Card",
+      "children": [
+        "ch1h",
+        "ch1s"
+      ]
+    },
+    {
+      "id": "ch1h",
+      "component": "Header",
+      "children": [
+        "ch1t"
+      ]
+    },
+    {
+      "id": "ch1t",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Revenue",
+      "variant": "section"
+    },
+    {
+      "id": "ch1s",
+      "component": "Section",
+      "children": [
+        "ch1-chart"
+      ]
+    },
+    {
+      "id": "ch1-chart",
+      "component": "Chart",
+      "type": "bar",
+      "x": "month",
+      "y": "revenue"
+    },
+    {
+      "id": "ch2",
+      "component": "Card",
+      "children": [
+        "ch2h",
+        "ch2s"
+      ]
+    },
+    {
+      "id": "ch2h",
+      "component": "Header",
+      "children": [
+        "ch2t"
+      ]
+    },
+    {
+      "id": "ch2t",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Users",
+      "variant": "section"
+    },
+    {
+      "id": "ch2s",
+      "component": "Section",
+      "children": [
+        "ch2-chart"
+      ]
+    },
+    {
+      "id": "ch2-chart",
+      "component": "Chart",
+      "type": "line",
+      "x": "month",
+      "y": "users"
+    }
+  ]
+}

package/patterns/data/chart-dashboard.yaml

@@ -0,0 +1,48 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: chart-dashboard
+domain: data
+version: 1
+description: Dashboard with KPI stat grid and two chart cards.
+tags:
+  purpose:
+    - visualization
+    - data-display
+  complexity: complex
+  layout: single-column
+  interaction: []
+keywords:
+  - chart
+  - graph
+  - analytics
+  - report
+  - data
+  - sales
+related:
+  - dashboard
+  - stat-cards
+  - metrics
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: Static pattern (no interactive wiring).
+  controllers: []
+  actions: []
+components:
+  - Column
+  - Row
+  - Text
+  - Button
+  - Grid
+  - Card
+  - Header
+  - Section
+  - Badge
+  - Chart

package/patterns/data/dashboard.json

@@ -0,0 +1,153 @@
+{
+  "$schema": "../_schema.json",
+  "name": "dashboard",
+  "version": 1,
+  "domain": "data",
+  "description": "Two-column dashboard with quick actions (buttons) and system status (progress bars).",
+  "tags": {
+    "purpose": [
+      "data-display"
+    ],
+    "complexity": "composed",
+    "layout": "two-column",
+    "interaction": []
+  },
+  "keywords": [
+    "dashboard",
+    "overview",
+    "admin",
+    "metrics",
+    "panel"
+  ],
+  "related": [
+    "stat-cards",
+    "chart-dashboard",
+    "kanban-board"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Grid",
+      "children": [
+        "c1",
+        "c2"
+      ],
+      "columns": "2"
+    },
+    {
+      "id": "c1",
+      "component": "Card",
+      "children": [
+        "c1h",
+        "c1s"
+      ]
+    },
+    {
+      "id": "c1h",
+      "component": "Header",
+      "children": [
+        "c1t"
+      ]
+    },
+    {
+      "id": "c1t",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Quick Actions",
+      "variant": "section"
+    },
+    {
+      "id": "c1s",
+      "component": "Section",
+      "children": [
+        "c1col"
+      ]
+    },
+    {
+      "id": "c1col",
+      "component": "Column",
+      "children": [
+        "b1",
+        "b2",
+        "b3"
+      ]
+    },
+    {
+      "id": "b1",
+      "component": "Button",
+      "text": "New Project",
+      "variant": "solid",
+      "iconLeading": "plus"
+    },
+    {
+      "id": "b2",
+      "component": "Button",
+      "text": "Invite Member",
+      "variant": "outline",
+      "iconLeading": "users"
+    },
+    {
+      "id": "b3",
+      "component": "Button",
+      "text": "View Reports",
+      "variant": "ghost",
+      "iconLeading": "chart"
+    },
+    {
+      "id": "c2",
+      "component": "Card",
+      "children": [
+        "c2h",
+        "c2s"
+      ]
+    },
+    {
+      "id": "c2h",
+      "component": "Header",
+      "children": [
+        "c2t"
+      ]
+    },
+    {
+      "id": "c2t",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "System Status",
+      "variant": "section"
+    },
+    {
+      "id": "c2s",
+      "component": "Section",
+      "children": [
+        "c2col"
+      ]
+    },
+    {
+      "id": "c2col",
+      "component": "Column",
+      "children": [
+        "p1",
+        "p2",
+        "p3"
+      ]
+    },
+    {
+      "id": "p1",
+      "component": "Progress",
+      "value": "92",
+      "label": "CPU"
+    },
+    {
+      "id": "p2",
+      "component": "Progress",
+      "value": "67",
+      "label": "Memory"
+    },
+    {
+      "id": "p3",
+      "component": "Progress",
+      "value": "34",
+      "label": "Disk"
+    }
+  ]
+}

package/patterns/data/dashboard.yaml

@@ -0,0 +1,45 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: dashboard
+domain: data
+version: 1
+description: >-
+  Two-column dashboard with quick actions (buttons) and system status (progress bars).
+tags:
+  purpose:
+    - data-display
+  complexity: composed
+  layout: two-column
+  interaction: []
+keywords:
+  - dashboard
+  - overview
+  - admin
+  - metrics
+  - panel
+related:
+  - stat-cards
+  - chart-dashboard
+  - kanban-board
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: Static pattern (no interactive wiring).
+  controllers: []
+  actions: []
+components:
+  - Grid
+  - Card
+  - Header
+  - Text
+  - Section
+  - Column
+  - Button
+  - Progress

package/patterns/data/data-table-view.json

@@ -0,0 +1,121 @@
+{
+  "$schema": "../_schema.json",
+  "name": "data-table-view",
+  "version": 1,
+  "domain": "data",
+  "description": "Card with header containing title and search input, table component, and pagination footer.",
+  "tags": {
+    "purpose": [
+      "data-display",
+      "search"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "search",
+      "sort-filter",
+      "pagination"
+    ]
+  },
+  "keywords": [
+    "table",
+    "data",
+    "grid",
+    "list",
+    "search",
+    "pagination",
+    "rows"
+  ],
+  "related": [
+    "inventory-table",
+    "leaderboard",
+    "api-key-table"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "size": "lg",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title-row"
+      ]
+    },
+    {
+      "id": "title-row",
+      "component": "Row",
+      "children": [
+        "title",
+        "search"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Data Table",
+      "variant": "section"
+    },
+    {
+      "id": "search",
+      "component": "Input",
+      "placeholder": "Search...",
+      "type": "search",
+      "name": "search"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "tbl"
+      ]
+    },
+    {
+      "id": "tbl",
+      "component": "Table",
+      "sortable": true
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "pager"
+      ]
+    },
+    {
+      "id": "pager",
+      "component": "Pagination",
+      "totalPages": 10,
+      "currentPage": 1
+    }
+  ],
+  "wiring": {
+    "controllers": [
+      { "id": "table-ctrl", "type": "SelectionController", "host": "tbl",
+        "config": { "mode": "multi" },
+        "bind": { "selected": "/table/selected" } }
+    ],
+    "actions": [
+      { "event": { "event": "input", "target": "search" },
+        "handler": "refresh-source",
+        "config": { "source": "table-data", "debounce": 300 }
+      },
+      { "event": { "event": "navigate", "target": "pager" },
+        "handler": "refresh-source",
+        "config": { "source": "table-data" }
+      }
+    ],
+    "data": [
+      { "uri": "api://data/table", "refresh": "on-action" }
+    ]
+  }
+}