@adia-ai/a2ui-corpus 0.7.19 → 0.7.20

package/chunks/schedule-meeting-form-card.json

@@ -0,0 +1,229 @@
+{
+  "name": "schedule-meeting-form-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n        <header>\n          <h3>Schedule review meeting</h3>\n          <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">I'll send the invite once you confirm</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Title\">\n              <input-ui value=\"Q4 revenue review · board prep\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"3\">\n              <field-ui label=\"Date\">\n                <calendar-picker-ui value=\"2026-04-24\" grow></calendar-picker-ui>\n              </field-ui>\n              <field-ui label=\"Time\">\n                <select-ui grow>\n                  <option value=\"09:00\">9:00 AM</option>\n                  <option value=\"10:00\">10:00 AM</option>\n                  <option value=\"14:00\" selected>2:00 PM</option>\n                  <option value=\"16:00\">4:00 PM</option>\n                </select-ui>\n              </field-ui>\n            </row-ui>\n            <field-ui label=\"Attendees\">\n              <input-ui value=\"sarah@acme.io, alex@acme.io, board@acme.io\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Attach Q4 revenue deck\" inline>\n              <check-ui checked></check-ui>\n            </field-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <small slot=\"description\">Invite sends immediately after confirm.</small>\n          <span slot=\"action\">\n            <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n            <button-ui text=\"Send invite\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n          </span>\n        </footer>\n      </card-ui>",
+  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Schedule-meeting form card — a card-framed event form with title, a date picker and time select side by side, an attendees field, an attach-deck checkbox, and a footer with Cancel / Send invite actions. The canonical 'create calendar event / send invite' form.",
+    "keywords": [
+      "schedule",
+      "meeting",
+      "form",
+      "event",
+      "calendar",
+      "invite",
+      "appointment",
+      "booking",
+      "date",
+      "picker",
+      "time",
+      "select",
+      "attendees",
+      "title",
+      "attach",
+      "send",
+      "invite",
+      "review",
+      "create",
+      "event",
+      "scheduler",
+      "form",
+      "card",
+      "footer",
+      "actions",
+      "confirm",
+      "calendar-picker",
+      "meeting",
+      "request"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Schedule review meeting"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "I'll send the invite once you confirm"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input",
+      "value": "Q4 revenue review · board prep"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Title",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "calendar-picker",
+      "component": "CalendarPicker",
+      "value": "2026-04-24"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Date",
+      "children": [
+        "calendar-picker"
+      ]
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "options": [
+        {
+          "value": "09:00",
+          "label": "9:00 AM"
+        },
+        {
+          "value": "10:00",
+          "label": "10:00 AM"
+        },
+        {
+          "value": "14:00",
+          "label": "2:00 PM"
+        },
+        {
+          "value": "16:00",
+          "label": "4:00 PM"
+        }
+      ],
+      "value": "14:00"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Time",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "field-2",
+        "field-3"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input",
+      "value": "sarah@acme.io, alex@acme.io, board@acme.io"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "label": "Attendees",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "inline": true,
+      "label": "Attach Q4 revenue deck",
+      "children": [
+        "check-box"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "row",
+        "field-4",
+        "field-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "caption",
+      "slot": "description",
+      "textContent": "Invite sends immediately after confirm."
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "paper-plane-tilt",
+      "text": "Send invite",
+      "variant": "primary"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/searchable-picker-modal.json

@@ -0,0 +1,164 @@
+{
+  "name": "searchable-picker-modal",
+  "kind": "block",
+  "primary": "modal-ui",
+  "page": "/apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "text": "Insert component",
+    "size": "sm"
+  },
+  "html": "<modal-ui\n      id=\"insert-modal\"\n      text=\"Insert component\"\n      size=\"sm\">\n      >\n      <section slot=\"body\">\n        <div data-insert>\n          <div data-insert-header>\n            <h3 style=\"margin: 0\">Insert component</h3>\n            <p id=\"insert-target\" data-note style=\"margin: 0; color: var(--a-fg-muted)\">Into: —</p>\n          </div>\n          <field-ui id=\"insert-slot-field\" label=\"Into slot\" hidden>\n            <select-ui id=\"insert-slot\"></select-ui>\n          </field-ui>\n          <input-ui id=\"insert-search\" placeholder=\"Search components…\" prefix=\"magnifying-glass\"></input-ui>\n          <div id=\"insert-list\" data-insert-list role=\"listbox\"></div>\n        </div>\n      </section>\n      <footer slot=\"footer\">\n        <button-ui data-insert-cancel text=\"Cancel\" variant=\"ghost\"></button-ui>\n      </footer>\n    </modal-ui>",
+  "source": "apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "metadata": {
+    "domain": "overlay",
+    "description": "Searchable picker modal — a small dialog that inserts an item: a heading, a context note showing the target, an optional 'into slot' select, a search input with a magnifying-glass prefix, a scrollable listbox of results, and a Cancel action. The command-palette style add / insert / pick-from-catalog overlay.",
+    "keywords": [
+      "searchable",
+      "picker",
+      "modal",
+      "command",
+      "palette",
+      "insert",
+      "add",
+      "dialog",
+      "overlay",
+      "search",
+      "input",
+      "listbox",
+      "catalog",
+      "choose",
+      "select",
+      "component",
+      "quick",
+      "add",
+      "filter",
+      "results",
+      "magnifying",
+      "glass",
+      "into",
+      "slot",
+      "picker",
+      "popup",
+      "chooser",
+      "fuzzy",
+      "search",
+      "add",
+      "item"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": ">",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Insert component"
+    },
+    {
+      "id": "insert-target",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Into: —",
+      "data-note": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-2",
+        "insert-target"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "data-insert-header": "",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "insert-slot",
+      "component": "ChoicePicker"
+    },
+    {
+      "id": "insert-slot-field",
+      "component": "Field",
+      "label": "Into slot",
+      "children": [
+        "insert-slot"
+      ]
+    },
+    {
+      "id": "insert-search",
+      "component": "Input",
+      "placeholder": "Search components…",
+      "prefix": "magnifying-glass"
+    },
+    {
+      "id": "insert-list",
+      "component": "Column",
+      "data-insert-list": ""
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-insert": "",
+      "children": [
+        "card",
+        "insert-slot-field",
+        "insert-search",
+        "insert-list"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "slot": "body",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost",
+      "data-insert-cancel": ""
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "slot": "footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Modal",
+      "size": "sm",
+      "text": "Insert component",
+      "children": [
+        "text",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/security-active-sessions-devices.json

@@ -0,0 +1,287 @@
+{
+  "name": "security-active-sessions-devices",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/profile-security/profile-security.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col>\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"desktop\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>MacBook Pro · Chrome 135</text-ui>\n            <badge-ui text=\"This device\" variant=\"accent\"></badge-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">San Francisco, CA · Active now</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"device-mobile\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>iPhone 16 · Safari</text-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui\n              text=\"Revoke\"\n              variant=\"ghost\"\n              size=\"sm\"\n              icon=\"sign-out\"\n              onclick=\"document.getElementById('drawer-revoke-session').open = true\"\n            ></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">San Francisco, CA · 2 hours ago</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"laptop\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>ThinkPad · Firefox 128</text-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui\n              text=\"Revoke\"\n              variant=\"ghost\"\n              size=\"sm\"\n              icon=\"sign-out\"\n              onclick=\"document.getElementById('drawer-revoke-session').open = true\"\n            ></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Berlin, Germany · 3 days ago</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <button-ui text=\"Sign out all other sessions\" color=\"danger\" icon=\"sign-out\"></button-ui>\n    </div>",
+  "source": "apps/saas/app/profile-security/profile-security.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Active sessions list — card-ui rows for each signed-in device showing device + browser, location, last-active time, a This device badge on the current one, and Revoke actions, with a Sign out all other sessions button. The signed-in-devices block of an account security page.",
+    "keywords": [
+      "security",
+      "active",
+      "sessions",
+      "devices",
+      "signed-in",
+      "card-ui",
+      "avatar",
+      "desktop",
+      "mobile",
+      "laptop",
+      "browser",
+      "location",
+      "revoke",
+      "sign-out",
+      "this-device",
+      "badge",
+      "last-active",
+      "account",
+      "settings",
+      "data",
+      "session-management"
+    ]
+  },
+  "captured_at": "2026-06-10T13:16:11.236Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "desktop"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "MacBook Pro · Chrome 135"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "This device",
+      "variant": "accent"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-3",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "San Francisco, CA · Active now"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-4"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "icon": "device-mobile"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar-2"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "strong": true,
+      "textContent": "iPhone 16 · Safari"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-8"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "sign-out",
+      "size": "sm",
+      "text": "Revoke",
+      "variant": "ghost"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "San Francisco, CA · 2 hours ago"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-11"
+      ]
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-6",
+        "text-7",
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "icon": "laptop"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar-3"
+      ]
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "strong": true,
+      "textContent": "ThinkPad · Firefox 128"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-14"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "sign-out",
+      "size": "sm",
+      "text": "Revoke",
+      "variant": "ghost"
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-2"
+      ]
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Berlin, Germany · 3 days ago"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-17"
+      ]
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-12",
+        "text-13",
+        "text-15",
+        "text-16"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-3"
+      ]
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "color": "danger",
+      "icon": "sign-out",
+      "text": "Sign out all other sessions"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "card",
+        "card-2",
+        "card-3",
+        "button-3"
+      ]
+    }
+  ]
+}