@adia-ai/a2ui-corpus 0.0.1

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

@@ -0,0 +1,61 @@
+# 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: data-table-view
+domain: data
+version: 1
+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
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: "TODO: describe wiring intent"
+  controllers:
+    - id: table-ctrl
+      type: SelectionController
+      host: tbl
+  actions:
+    - event: input
+      target: search
+      handler: refresh-source
+    - event: navigate
+      target: pager
+      handler: refresh-source
+components:
+  - Card
+  - Header
+  - Row
+  - Text
+  - Input
+  - Section
+  - Table
+  - Footer
+  - Pagination

package/patterns/data/email-inbox.json

@@ -0,0 +1,272 @@
+{
+  "$schema": "../_schema.json",
+  "name": "email-inbox",
+  "version": 1,
+  "domain": "data",
+  "description": "Email inbox list with selectable rows showing checkbox, sender avatar, subject, preview text, and time badge.",
+  "tags": {
+    "purpose": [
+      "communication",
+      "data-display"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "selection"
+    ]
+  },
+  "keywords": [
+    "email",
+    "inbox",
+    "mail",
+    "messages",
+    "list",
+    "unread"
+  ],
+  "related": [
+    "notification-center",
+    "chat-interface",
+    "team-activity"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "m1",
+        "m2",
+        "m3",
+        "m4"
+      ]
+    },
+    {
+      "id": "m1",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "cb1",
+        "av1",
+        "body1",
+        "meta1"
+      ]
+    },
+    {
+      "id": "cb1",
+      "component": "CheckBox"
+    },
+    {
+      "id": "av1",
+      "component": "Avatar",
+      "text": "Sarah Chen",
+      "size": "sm"
+    },
+    {
+      "id": "body1",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "subj1",
+        "prev1"
+      ]
+    },
+    {
+      "id": "subj1",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Q4 Planning Review"
+    },
+    {
+      "id": "prev1",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Here are the updated projections for next quarter..."
+    },
+    {
+      "id": "meta1",
+      "component": "Column",
+      "gap": "1",
+      "align": "end",
+      "children": [
+        "time1",
+        "b1"
+      ]
+    },
+    {
+      "id": "time1",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "10:42 AM"
+    },
+    {
+      "id": "b1",
+      "component": "Badge",
+      "color": "primary",
+      "textContent": "New"
+    },
+    {
+      "id": "m2",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "cb2",
+        "av2",
+        "body2",
+        "time2"
+      ]
+    },
+    {
+      "id": "cb2",
+      "component": "CheckBox"
+    },
+    {
+      "id": "av2",
+      "component": "Avatar",
+      "text": "Alex Kim",
+      "size": "sm"
+    },
+    {
+      "id": "body2",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "subj2",
+        "prev2"
+      ]
+    },
+    {
+      "id": "subj2",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Design Review Feedback"
+    },
+    {
+      "id": "prev2",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Great work on the new components. A few notes..."
+    },
+    {
+      "id": "time2",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "9:15 AM"
+    },
+    {
+      "id": "m3",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "cb3",
+        "av3",
+        "body3",
+        "time3"
+      ]
+    },
+    {
+      "id": "cb3",
+      "component": "CheckBox"
+    },
+    {
+      "id": "av3",
+      "component": "Avatar",
+      "text": "Tom Wright",
+      "size": "sm"
+    },
+    {
+      "id": "body3",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "subj3",
+        "prev3"
+      ]
+    },
+    {
+      "id": "subj3",
+      "component": "Text",
+      "textContent": "CI Pipeline Update"
+    },
+    {
+      "id": "prev3",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "The new build system is deployed and running..."
+    },
+    {
+      "id": "time3",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Yesterday"
+    },
+    {
+      "id": "m4",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "cb4",
+        "av4",
+        "body4",
+        "time4"
+      ]
+    },
+    {
+      "id": "cb4",
+      "component": "CheckBox"
+    },
+    {
+      "id": "av4",
+      "component": "Avatar",
+      "text": "Emma Davis",
+      "size": "sm"
+    },
+    {
+      "id": "body4",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "subj4",
+        "prev4"
+      ]
+    },
+    {
+      "id": "subj4",
+      "component": "Text",
+      "textContent": "Team Offsite Planning"
+    },
+    {
+      "id": "prev4",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Let's finalize the agenda for next month's offsite..."
+    },
+    {
+      "id": "time4",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Monday"
+    }
+  ]
+}

package/patterns/data/email-inbox.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: email-inbox
+domain: data
+version: 1
+description: >-
+  Email inbox list with selectable rows showing checkbox, sender avatar, subject, preview text, and time badge.
+tags:
+  purpose:
+    - communication
+    - data-display
+  complexity: composed
+  layout: single-column
+  interaction:
+    - selection
+keywords:
+  - email
+  - inbox
+  - mail
+  - messages
+  - list
+  - unread
+related:
+  - notification-center
+  - chat-interface
+  - team-activity
+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:
+  - Card
+  - Section
+  - Column
+  - Row
+  - CheckBox
+  - Avatar
+  - Text
+  - Badge

package/patterns/data/event-calendar-details.json

@@ -0,0 +1,334 @@
+{
+  "$schema": "../_schema.json",
+  "name": "event-calendar-details",
+  "version": 2,
+  "domain": "data",
+  "description": "Event calendar with details panel. Two-column split-pane: calendar picker on the left with date selection, and a detailed event panel on the right showing the selected event's title, date/time, location, description, and attendees.",
+  "tags": {
+    "purpose": [
+      "scheduling",
+      "data-display"
+    ],
+    "complexity": "composed",
+    "layout": "split-pane",
+    "interaction": [
+      "date-select",
+      "selection"
+    ]
+  },
+  "keywords": [
+    "calendar",
+    "events",
+    "event",
+    "schedule",
+    "agenda",
+    "booking",
+    "date",
+    "date selection",
+    "appointments",
+    "meetings",
+    "planner",
+    "upcoming events",
+    "event details"
+  ],
+  "related": [
+    "date-picker",
+    "date-range-picker"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "size": "xl",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title",
+        "desc"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Event Calendar"
+    },
+    {
+      "id": "desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Select a date to view event details",
+      "role": "description"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "split"
+      ]
+    },
+    {
+      "id": "split",
+      "component": "Row",
+      "gap": "4",
+      "align": "start",
+      "role": "container",
+      "children": [
+        "left",
+        "divider",
+        "right"
+      ]
+    },
+    {
+      "id": "left",
+      "component": "Column",
+      "gap": "3",
+      "grow": true,
+      "children": [
+        "left-label",
+        "calendar-field",
+        "mini-list"
+      ]
+    },
+    {
+      "id": "left-label",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "October 2025"
+    },
+    {
+      "id": "calendar-field",
+      "component": "Field",
+      "label": "Date",
+      "children": [
+        "calendar"
+      ]
+    },
+    {
+      "id": "calendar",
+      "component": "CalendarPicker",
+      "name": "selected_date",
+      "value": "2025-10-15",
+      "format": "long",
+      "open": true
+    },
+    {
+      "id": "mini-list",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "mini-title",
+        "ev1",
+        "ev2",
+        "ev3"
+      ]
+    },
+    {
+      "id": "mini-title",
+      "component": "Text",
+      "variant": "caption",
+      "color": "muted",
+      "textContent": "Upcoming this week"
+    },
+    {
+      "id": "ev1",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "role": "list-item",
+      "children": [
+        "ev1-dot",
+        "ev1-text"
+      ]
+    },
+    {
+      "id": "ev1-dot",
+      "component": "Badge",
+      "color": "primary",
+      "textContent": "15"
+    },
+    {
+      "id": "ev1-text",
+      "component": "Text",
+      "textContent": "Product Roadmap Review — 2:00 PM"
+    },
+    {
+      "id": "ev2",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "role": "list-item",
+      "children": [
+        "ev2-dot",
+        "ev2-text"
+      ]
+    },
+    {
+      "id": "ev2-dot",
+      "component": "Badge",
+      "color": "success",
+      "textContent": "16"
+    },
+    {
+      "id": "ev2-text",
+      "component": "Text",
+      "textContent": "Team Standup — 9:30 AM"
+    },
+    {
+      "id": "ev3",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "role": "list-item",
+      "children": [
+        "ev3-dot",
+        "ev3-text"
+      ]
+    },
+    {
+      "id": "ev3-dot",
+      "component": "Badge",
+      "color": "warning",
+      "textContent": "18"
+    },
+    {
+      "id": "ev3-text",
+      "component": "Text",
+      "textContent": "Design Critique — 4:00 PM"
+    },
+    {
+      "id": "divider",
+      "component": "Divider",
+      "role": "divider",
+      "orientation": "vertical"
+    },
+    {
+      "id": "right",
+      "component": "Column",
+      "gap": "3",
+      "grow": true,
+      "children": [
+        "ev-title",
+        "ev-meta",
+        "ev-loc",
+        "ev-desc",
+        "att-title",
+        "attendees",
+        "actions"
+      ]
+    },
+    {
+      "id": "ev-title",
+      "component": "Text",
+      "variant": "section",
+      "weight": "bold",
+      "role": "heading",
+      "textContent": "Product Roadmap Review"
+    },
+    {
+      "id": "ev-meta",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "ev-date",
+        "ev-time"
+      ]
+    },
+    {
+      "id": "ev-date",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Wednesday, October 15, 2025"
+    },
+    {
+      "id": "ev-time",
+      "component": "Badge",
+      "color": "primary",
+      "textContent": "2:00 PM – 3:30 PM"
+    },
+    {
+      "id": "ev-loc",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "📍 Conference Room B / Zoom"
+    },
+    {
+      "id": "ev-desc",
+      "component": "Text",
+      "textContent": "Quarterly review of the product roadmap covering shipped features, in-flight workstreams, and priorities for the next quarter. Come prepared with status on your tracks."
+    },
+    {
+      "id": "att-title",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Attendees (4)"
+    },
+    {
+      "id": "attendees",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "a1",
+        "a2",
+        "a3",
+        "a4"
+      ]
+    },
+    {
+      "id": "a1",
+      "component": "Avatar",
+      "text": "Sarah Chen",
+      "size": "sm"
+    },
+    {
+      "id": "a2",
+      "component": "Avatar",
+      "text": "Alex Kim",
+      "size": "sm"
+    },
+    {
+      "id": "a3",
+      "component": "Avatar",
+      "text": "Tom Wright",
+      "size": "sm"
+    },
+    {
+      "id": "a4",
+      "component": "Avatar",
+      "text": "Emma Davis",
+      "size": "sm"
+    },
+    {
+      "id": "actions",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "btn-join",
+        "btn-edit"
+      ]
+    },
+    {
+      "id": "btn-join",
+      "component": "Button",
+      "variant": "primary",
+      "role": "action",
+      "text": "Join Meeting"
+    },
+    {
+      "id": "btn-edit",
+      "component": "Button",
+      "variant": "ghost",
+      "role": "action",
+      "text": "Edit Event"
+    }
+  ]
+}