@adia-ai/a2ui-corpus 0.0.1

package/patterns/data/admin-dashboard-with-charts.yaml

@@ -0,0 +1,79 @@
+# 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: admin-dashboard-with-charts
+domain: data
+version: 1
+description: >-
+  Admin dashboard layout with KPI stat cards, multiple analytics charts (bar, line, pie), a recent activity feed, and export controls.
+tags:
+  purpose:
+    - administration
+    - analytics
+    - visualization
+    - data-display
+  complexity: complex
+  layout: grid
+  interaction:
+    - export
+    - filter
+keywords:
+  - admin
+  - dashboard
+  - analytics
+  - charts
+  - graphs
+  - metrics
+  - kpi
+  - reports
+  - insights
+  - statistics
+  - overview
+  - monitoring
+  - operations
+  - business-intelligence
+  - revenue
+  - users
+  - performance
+  - backoffice
+  - console
+related:
+  - chart-dashboard
+  - dashboard
+  - stat-cards
+  - metrics
+  - team-activity
+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: []
+  actions:
+    - event: press
+      target: refresh-btn
+      handler: refresh-source
+    - event: press
+      target: export-btn
+      handler: submit-resource
+    - event: change
+      target: range-select
+      handler: refresh-source
+components:
+  - Column
+  - Row
+  - Text
+  - Select
+  - Button
+  - Grid
+  - Card
+  - Header
+  - Section
+  - Badge
+  - Chart
+  - Avatar

package/patterns/data/api-key-table.json

@@ -0,0 +1,131 @@
+{
+  "$schema": "../_schema.json",
+  "name": "api-key-table",
+  "version": 1,
+  "domain": "data",
+  "description": "API key management table with actions and status badges.",
+  "tags": {
+    "purpose": [
+      "data-display"
+    ],
+    "complexity": "simple",
+    "layout": "single-column",
+    "interaction": [
+      "sort-filter"
+    ]
+  },
+  "keywords": [
+    "api",
+    "key",
+    "token",
+    "secret",
+    "management",
+    "credentials"
+  ],
+  "related": [
+    "inventory-table",
+    "leaderboard"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title",
+        "add"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "API Keys"
+    },
+    {
+      "id": "add",
+      "component": "Button",
+      "slot": "action",
+      "text": "Create Key",
+      "variant": "primary",
+      "size": "sm"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "tbl"
+      ]
+    },
+    {
+      "id": "tbl",
+      "component": "Table",
+      "sortable": true,
+      "columns": [
+        {
+          "key": "name",
+          "label": "Name",
+          "sortable": true
+        },
+        {
+          "key": "key",
+          "label": "Key"
+        },
+        {
+          "key": "created",
+          "label": "Created",
+          "sortable": true
+        },
+        {
+          "key": "lastUsed",
+          "label": "Last Used",
+          "sortable": true
+        },
+        {
+          "key": "status",
+          "label": "Status",
+          "component": "Badge"
+        }
+      ],
+      "rows": [
+        {
+          "name": "Production API",
+          "key": "sk-****-****-3a7f",
+          "created": "2025-01-15",
+          "lastUsed": "2025-04-16",
+          "status": {
+            "text": "Active",
+            "variant": "success"
+          }
+        },
+        {
+          "name": "Staging API",
+          "key": "sk-****-****-9b2e",
+          "created": "2025-03-01",
+          "lastUsed": "2025-04-10",
+          "status": {
+            "text": "Active",
+            "variant": "success"
+          }
+        },
+        {
+          "name": "Legacy Client",
+          "key": "sk-****-****-5d1c",
+          "created": "2024-06-20",
+          "lastUsed": "2024-12-01",
+          "status": {
+            "text": "Revoked",
+            "variant": "danger"
+          }
+        }
+      ]
+    }
+  ]
+}

package/patterns/data/api-key-table.yaml

@@ -0,0 +1,43 @@
+# 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: api-key-table
+domain: data
+version: 1
+description: API key management table with actions and status badges.
+tags:
+  purpose:
+    - data-display
+  complexity: simple
+  layout: single-column
+  interaction:
+    - sort-filter
+keywords:
+  - api
+  - key
+  - token
+  - secret
+  - management
+  - credentials
+related:
+  - inventory-table
+  - leaderboard
+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
+  - Header
+  - Text
+  - Button
+  - Section
+  - Table

package/patterns/data/bookmark-list-categories.json

@@ -0,0 +1,143 @@
+{
+  "$schema": "../_schema.json",
+  "name": "bookmark-list-categories",
+  "version": 1,
+  "domain": "data",
+  "description": "Bookmark list grouped by category. Each category is its own Section with a distinct Header; bookmarks appear as rows with title, URL, and tags. Clean categorized collection view.",
+  "tags": {
+    "purpose": ["data-display", "organization"],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": ["navigation", "selection"]
+  },
+  "keywords": [
+    "bookmarks", "bookmark", "favorites", "saved", "categories", "category",
+    "collection", "tags", "links", "reading list", "starred", "pinned"
+  ],
+  "related": ["email-inbox", "restaurant-menu"],
+  "template": [
+    { "id": "root", "component": "Card", "size": "lg",
+      "children": ["hdr", "body"] },
+
+    { "id": "hdr", "component": "Header", "children": ["title", "desc"] },
+    { "id": "title", "component": "Text", "slot": "heading", "variant": "section",
+      "textContent": "My Bookmarks" },
+    { "id": "desc", "component": "Text", "slot": "description", "variant": "caption",
+      "textContent": "Organized by category", "role": "description" },
+
+    { "id": "body", "component": "Column", "gap": "5", "role": "container",
+      "children": ["cat-dev", "cat-design", "cat-reading"] },
+
+    { "id": "cat-dev", "component": "Section",
+      "children": ["cat-dev-hdr", "cat-dev-list"] },
+    { "id": "cat-dev-hdr", "component": "Header",
+      "children": ["cat-dev-title", "cat-dev-count"] },
+    { "id": "cat-dev-title", "component": "Text", "slot": "heading", "variant": "subsection", "weight": "bold",
+      "textContent": "🛠 Development", "role": "heading" },
+    { "id": "cat-dev-count", "component": "Badge", "color": "primary", "textContent": "3" },
+    { "id": "cat-dev-list", "component": "Column", "gap": "2",
+      "children": ["bm1", "bm2", "bm3"] },
+
+    { "id": "bm1", "component": "Row", "gap": "3", "align": "center", "role": "list-item",
+      "children": ["bm1-body", "bm1-tags"] },
+    { "id": "bm1-body", "component": "Column", "gap": "0", "grow": true,
+      "children": ["bm1-title", "bm1-url"] },
+    { "id": "bm1-title", "component": "Text", "weight": "semibold",
+      "textContent": "MDN Web Docs" },
+    { "id": "bm1-url", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "https://developer.mozilla.org" },
+    { "id": "bm1-tags", "component": "Row", "gap": "1",
+      "children": ["bm1-t1", "bm1-t2"] },
+    { "id": "bm1-t1", "component": "Tag", "text": "docs", "variant": "info", "size": "sm" },
+    { "id": "bm1-t2", "component": "Tag", "text": "web", "variant": "default", "size": "sm" },
+
+    { "id": "bm2", "component": "Row", "gap": "3", "align": "center", "role": "list-item",
+      "children": ["bm2-body", "bm2-tags"] },
+    { "id": "bm2-body", "component": "Column", "gap": "0", "grow": true,
+      "children": ["bm2-title", "bm2-url"] },
+    { "id": "bm2-title", "component": "Text", "weight": "semibold",
+      "textContent": "GitHub" },
+    { "id": "bm2-url", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "https://github.com" },
+    { "id": "bm2-tags", "component": "Row", "gap": "1",
+      "children": ["bm2-t1"] },
+    { "id": "bm2-t1", "component": "Tag", "text": "git", "variant": "info", "size": "sm" },
+
+    { "id": "bm3", "component": "Row", "gap": "3", "align": "center", "role": "list-item",
+      "children": ["bm3-body", "bm3-tags"] },
+    { "id": "bm3-body", "component": "Column", "gap": "0", "grow": true,
+      "children": ["bm3-title", "bm3-url"] },
+    { "id": "bm3-title", "component": "Text", "weight": "semibold",
+      "textContent": "Stack Overflow" },
+    { "id": "bm3-url", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "https://stackoverflow.com" },
+    { "id": "bm3-tags", "component": "Row", "gap": "1",
+      "children": ["bm3-t1", "bm3-t2"] },
+    { "id": "bm3-t1", "component": "Tag", "text": "qa", "variant": "default", "size": "sm" },
+    { "id": "bm3-t2", "component": "Tag", "text": "community", "variant": "default", "size": "sm" },
+
+    { "id": "cat-design", "component": "Section",
+      "children": ["cat-design-hdr", "cat-design-list"] },
+    { "id": "cat-design-hdr", "component": "Header",
+      "children": ["cat-design-title", "cat-design-count"] },
+    { "id": "cat-design-title", "component": "Text", "slot": "heading", "variant": "subsection", "weight": "bold",
+      "textContent": "🎨 Design", "role": "heading" },
+    { "id": "cat-design-count", "component": "Badge", "color": "success", "textContent": "2" },
+    { "id": "cat-design-list", "component": "Column", "gap": "2",
+      "children": ["bm4", "bm5"] },
+
+    { "id": "bm4", "component": "Row", "gap": "3", "align": "center", "role": "list-item",
+      "children": ["bm4-body", "bm4-tags"] },
+    { "id": "bm4-body", "component": "Column", "gap": "0", "grow": true,
+      "children": ["bm4-title", "bm4-url"] },
+    { "id": "bm4-title", "component": "Text", "weight": "semibold",
+      "textContent": "Figma Community" },
+    { "id": "bm4-url", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "https://figma.com/community" },
+    { "id": "bm4-tags", "component": "Row", "gap": "1", "children": ["bm4-t1"] },
+    { "id": "bm4-t1", "component": "Tag", "text": "ui", "variant": "info", "size": "sm" },
+
+    { "id": "bm5", "component": "Row", "gap": "3", "align": "center", "role": "list-item",
+      "children": ["bm5-body", "bm5-tags"] },
+    { "id": "bm5-body", "component": "Column", "gap": "0", "grow": true,
+      "children": ["bm5-title", "bm5-url"] },
+    { "id": "bm5-title", "component": "Text", "weight": "semibold",
+      "textContent": "Refactoring UI" },
+    { "id": "bm5-url", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "https://refactoringui.com" },
+    { "id": "bm5-tags", "component": "Row", "gap": "1", "children": ["bm5-t1"] },
+    { "id": "bm5-t1", "component": "Tag", "text": "inspiration", "variant": "default", "size": "sm" },
+
+    { "id": "cat-reading", "component": "Section",
+      "children": ["cat-reading-hdr", "cat-reading-list"] },
+    { "id": "cat-reading-hdr", "component": "Header",
+      "children": ["cat-reading-title", "cat-reading-count"] },
+    { "id": "cat-reading-title", "component": "Text", "slot": "heading", "variant": "subsection", "weight": "bold",
+      "textContent": "📚 Reading List", "role": "heading" },
+    { "id": "cat-reading-count", "component": "Badge", "color": "warning", "textContent": "2" },
+    { "id": "cat-reading-list", "component": "Column", "gap": "2",
+      "children": ["bm6", "bm7"] },
+
+    { "id": "bm6", "component": "Row", "gap": "3", "align": "center", "role": "list-item",
+      "children": ["bm6-body", "bm6-tags"] },
+    { "id": "bm6-body", "component": "Column", "gap": "0", "grow": true,
+      "children": ["bm6-title", "bm6-url"] },
+    { "id": "bm6-title", "component": "Text", "weight": "semibold",
+      "textContent": "Hacker News" },
+    { "id": "bm6-url", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "https://news.ycombinator.com" },
+    { "id": "bm6-tags", "component": "Row", "gap": "1", "children": ["bm6-t1"] },
+    { "id": "bm6-t1", "component": "Tag", "text": "news", "variant": "default", "size": "sm" },
+
+    { "id": "bm7", "component": "Row", "gap": "3", "align": "center", "role": "list-item",
+      "children": ["bm7-body", "bm7-tags"] },
+    { "id": "bm7-body", "component": "Column", "gap": "0", "grow": true,
+      "children": ["bm7-title", "bm7-url"] },
+    { "id": "bm7-title", "component": "Text", "weight": "semibold",
+      "textContent": "Paul Graham Essays" },
+    { "id": "bm7-url", "component": "Text", "variant": "caption", "color": "muted",
+      "textContent": "https://paulgraham.com/articles.html" },
+    { "id": "bm7-tags", "component": "Row", "gap": "1", "children": ["bm7-t1"] },
+    { "id": "bm7-t1", "component": "Tag", "text": "essays", "variant": "default", "size": "sm" }
+  ]
+}

package/patterns/data/bookmark-list-categories.yaml

@@ -0,0 +1,53 @@
+# Narrative doc — JSON sibling remains the canonical machine source.
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: bookmark-list-categories
+domain: data
+version: 1
+description: >-
+  Bookmark list grouped by category. Each category is its own Section with a
+  distinct Header; bookmarks appear as rows with title, URL, and tags. Clean
+  categorized collection view.
+tags:
+  purpose:
+    - data-display
+    - organization
+  complexity: composed
+  layout: single-column
+  interaction:
+    - navigation
+    - selection
+keywords:
+  - bookmarks
+  - favorites
+  - saved
+  - categories
+  - collection
+  - tags
+  - links
+  - reading list
+related:
+  - email-inbox
+  - restaurant-menu
+use-cases:
+  - "Browser-style bookmark manager grouped by folder/category"
+  - "Curated resource library with tag filters"
+  - "Personal 'read later' list split into topical sections"
+variants:
+  - name: flat-with-filter
+    description: "Single flat list with a category filter chip row."
+  - name: grid-cards
+    description: "Render each bookmark as a card tile in a responsive grid within each category."
+wiring-intent:
+  summary: >-
+    Purely presentational; rows emit navigate events to open the bookmark URL.
+  controllers: []
+  actions: []
+components:
+  - Card
+  - Header
+  - Section
+  - Column
+  - Row
+  - Text
+  - Badge
+  - Tag

package/patterns/data/bookmark-list.json

@@ -0,0 +1,163 @@
+{
+  "$schema": "../_schema.json",
+  "name": "bookmark-list",
+  "version": 1,
+  "domain": "data",
+  "description": "Card with categorized list of bookmark items featuring icon, title, and badge.",
+  "tags": {
+    "purpose": [
+      "data-display",
+      "organization"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "click-navigate"
+    ]
+  },
+  "keywords": [
+    "bookmark",
+    "favorites",
+    "links",
+    "saved",
+    "collection",
+    "category"
+  ],
+  "related": [
+    "onboarding-checklist",
+    "nav-menu-icons"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Bookmarks",
+      "variant": "section"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "categories"
+      ]
+    },
+    {
+      "id": "categories",
+      "component": "Column",
+      "children": [
+        "cat-label-dev",
+        "item1",
+        "item2",
+        "cat-label-design",
+        "item3"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "cat-label-dev",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Development"
+    },
+    {
+      "id": "item1",
+      "component": "Row",
+      "children": [
+        "icon1",
+        "title1",
+        "badge1"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "icon1",
+      "component": "Icon",
+      "name": "code"
+    },
+    {
+      "id": "title1",
+      "component": "Text",
+      "textContent": "GitHub Repository"
+    },
+    {
+      "id": "badge1",
+      "component": "Badge",
+      "text": "Pinned",
+      "variant": "default"
+    },
+    {
+      "id": "item2",
+      "component": "Row",
+      "children": [
+        "icon2",
+        "title2",
+        "badge2"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "icon2",
+      "component": "Icon",
+      "name": "file-text"
+    },
+    {
+      "id": "title2",
+      "component": "Text",
+      "textContent": "API Documentation"
+    },
+    {
+      "id": "badge2",
+      "component": "Badge",
+      "text": "New",
+      "variant": "info"
+    },
+    {
+      "id": "cat-label-design",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Design"
+    },
+    {
+      "id": "item3",
+      "component": "Row",
+      "children": [
+        "icon3",
+        "title3",
+        "badge3"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "icon3",
+      "component": "Icon",
+      "name": "palette"
+    },
+    {
+      "id": "title3",
+      "component": "Text",
+      "textContent": "Figma Project"
+    },
+    {
+      "id": "badge3",
+      "component": "Badge",
+      "text": "3",
+      "variant": "default"
+    }
+  ]
+}

package/patterns/data/bookmark-list.yaml

@@ -0,0 +1,47 @@
+# 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: bookmark-list
+domain: data
+version: 1
+description: >-
+  Card with categorized list of bookmark items featuring icon, title, and badge.
+tags:
+  purpose:
+    - data-display
+    - organization
+  complexity: composed
+  layout: single-column
+  interaction:
+    - click-navigate
+keywords:
+  - bookmark
+  - favorites
+  - links
+  - saved
+  - collection
+  - category
+related:
+  - onboarding-checklist
+  - nav-menu-icons
+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
+  - Header
+  - Text
+  - Section
+  - Column
+  - Row
+  - Icon
+  - Badge