@adia-ai/gen-ui 0.8.43 → 0.8.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -0
- package/corpus/chunk-embeddings.json +1 -1
- package/corpus/chunks/_index.json +226 -5
- package/corpus/chunks/_source-hashes.json +56 -55
- package/corpus/chunks/access-denied-with-request.json +3 -2
- package/corpus/chunks/achievement-unlock.json +3 -2
- package/corpus/chunks/agent-canvas-shell.json +3 -3
- package/corpus/chunks/agent-cost-detailed.json +5 -2
- package/corpus/chunks/agent-cost-inline.json +2 -2
- package/corpus/chunks/agent-memory-detail.json +4 -2
- package/corpus/chunks/agent-memory-list.json +3 -2
- package/corpus/chunks/agent-prompt-card.json +5 -2
- package/corpus/chunks/agent-prompt-library-grid.json +7 -2
- package/corpus/chunks/agent-tool-call-result.json +2 -2
- package/corpus/chunks/agent-tool-call-running.json +2 -2
- package/corpus/chunks/anchor-bar-selection-bar.json +2 -2
- package/corpus/chunks/api-keys-create.json +4 -3
- package/corpus/chunks/api-keys-list.json +5 -4
- package/corpus/chunks/approvals-detail.json +3 -2
- package/corpus/chunks/approvals-queue.json +7 -2
- package/corpus/chunks/audit-log-basic.json +3 -2
- package/corpus/chunks/auth-card-content.json +5 -5
- package/corpus/chunks/auth-mfa-recovery.json +3 -2
- package/corpus/chunks/auth-new-password-form.json +3 -2
- package/corpus/chunks/auth-new-password.json +2 -1
- package/corpus/chunks/auth-profile-form.json +4 -2
- package/corpus/chunks/auth-profile-setup.json +3 -1
- package/corpus/chunks/auth-signin-card-otp.json +2 -2
- package/corpus/chunks/auth-signin-card-recovery.json +2 -1
- package/corpus/chunks/auth-team-invite.json +2 -1
- package/corpus/chunks/bulk-action-toolbar-floating.json +2 -2
- package/corpus/chunks/card-with-sparkline.json +2 -2
- package/corpus/chunks/chart-in-card-full-bleed-bar-tall.json +66 -0
- package/corpus/chunks/chart-in-card-full-bleed-bar-wide.json +65 -0
- package/corpus/chunks/chart-in-card-full-bleed-legend-composed-square.json +110 -0
- package/corpus/chunks/chart-in-card-full-bleed-legend-grouped-tall.json +111 -0
- package/corpus/chunks/chart-in-card-full-bleed-legend-stacked-wide.json +110 -0
- package/corpus/chunks/chart-in-card-full-bleed-line-square.json +66 -0
- package/corpus/chunks/comments-thread.json +3 -2
- package/corpus/chunks/dashboard-acquisition-panel.json +1 -1
- package/corpus/chunks/dashboard-admin-page.json +1 -1
- package/corpus/chunks/dashboard-chart-recent.json +1 -1
- package/corpus/chunks/dashboard-overview-panel.json +1 -1
- package/corpus/chunks/dashboard-traffic-channels.json +1 -1
- package/corpus/chunks/data-export-history.json +3 -2
- package/corpus/chunks/diff-structured.json +2 -2
- package/corpus/chunks/digest-email-preview.json +3 -2
- package/corpus/chunks/export-flow-delivery.json +3 -2
- package/corpus/chunks/export-flow-sync.json +3 -2
- package/corpus/chunks/filter-bar-active-filters.json +2 -2
- package/corpus/chunks/forms-address-autocomplete.json +3 -2
- package/corpus/chunks/forms-address-fields.json +3 -2
- package/corpus/chunks/gallery-page-shell.json +5 -4
- package/corpus/chunks/hero-section-split.json +2 -2
- package/corpus/chunks/inline-dialog-rename.json +3 -2
- package/corpus/chunks/inline-dialog-schedule.json +3 -2
- package/corpus/chunks/integrations-grid.json +6 -2
- package/corpus/chunks/kanban-page-shell.json +5 -4
- package/corpus/chunks/map-with-location-list.json +1 -1
- package/corpus/chunks/patient-visit-shell.json +3 -2
- package/corpus/chunks/permissions-matrix-grid.json +3 -2
- package/corpus/chunks/permissions-share-link.json +4 -2
- package/corpus/chunks/playground-agent-admin.json +11 -3
- package/corpus/chunks/profile-public.json +3 -2
- package/corpus/chunks/reactions-picker.json +4 -3
- package/corpus/chunks/referral-share-link.json +5 -2
- package/corpus/chunks/reg-brand-scrape.json +3 -3
- package/corpus/chunks/reg-final-done.json +5 -5
- package/corpus/chunks/reg-step-footer.json +5 -5
- package/corpus/chunks/reg-success-summary.json +5 -5
- package/corpus/chunks/revenue-heatmap.json +2 -1
- package/corpus/chunks/search-recents-menu.json +3 -2
- package/corpus/chunks/search-saved-views.json +3 -2
- package/corpus/chunks/sidebar-nav.json +3 -2
- package/corpus/chunks/table-inline-edit-row.json +3 -2
- package/corpus/chunks/table-spreadsheet-cells.json +3 -2
- package/corpus/chunks/table-toolbar-adiav2-row.json +28 -5
- package/corpus/chunks/table-toolbar-chrome-only-empty.json +183 -0
- package/corpus/chunks/url-import-form.json +2 -2
- package/corpus/chunks/webhooks-list.json +3 -2
- package/corpus/manifest.json +3 -3
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Address details</span>\n <button-ui slot=\"action\" text=\"Search again\" variant=\"ghost\" size=\"sm\" icon
|
|
9
|
+
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Address details</span>\n <button-ui slot=\"action\" text=\"Search again\" variant=\"ghost\" size=\"sm\" icon=\"arrow-counter-clockwise\"></button-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Street address\" required>\n <input-ui name=\"street1\" value=\"500 Market Street\"></input-ui>\n </field-ui>\n <field-ui label=\"Apt / Suite (optional)\">\n <input-ui name=\"street2\" placeholder=\"Suite 200\"></input-ui>\n </field-ui>\n <grid-ui columns=\"2\" gap=\"3\">\n <field-ui label=\"City\" required>\n <input-ui name=\"city\" value=\"San Francisco\"></input-ui>\n </field-ui>\n <field-ui label=\"State\" required>\n <select-ui name=\"state\">\n <option value=\"CA\" selected>California</option>\n <option value=\"NY\">New York</option>\n <option value=\"TX\">Texas</option>\n </select-ui>\n </field-ui>\n </grid-ui>\n <grid-ui columns=\"2\" gap=\"3\">\n <field-ui label=\"ZIP code\" required>\n <input-ui name=\"postal_code\" value=\"94105\"></input-ui>\n </field-ui>\n <field-ui label=\"Country\" required>\n <select-ui name=\"country\">\n <option value=\"US\" selected>United States</option>\n <option value=\"CA\">Canada</option>\n <option value=\"GB\">United Kingdom</option>\n </select-ui>\n </field-ui>\n </grid-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/forms-conditional-and-autocomplete/forms-conditional-and-autocomplete.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "forms",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"layout"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-
|
|
32
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
33
33
|
"template": [
|
|
34
34
|
{
|
|
35
35
|
"id": "text",
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"id": "button",
|
|
43
43
|
"component": "Button",
|
|
44
44
|
"slot": "action",
|
|
45
|
+
"icon": "arrow-counter-clockwise",
|
|
45
46
|
"size": "sm",
|
|
46
47
|
"text": "Search again",
|
|
47
48
|
"variant": "ghost"
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
{
|
|
13
13
|
"name": "filter-bar",
|
|
14
14
|
"tagName": "section",
|
|
15
|
-
"html": "<input-ui placeholder=\"Search media…\"
|
|
15
|
+
"html": "<input-ui placeholder=\"Search media…\" prefix=\"search\" style=\"width:240px;\"></input-ui>\n <select-ui size=\"sm\">\n <option>All types</option>\n <option>Images</option>\n <option>Videos</option>\n <option>Documents</option>\n </select-ui>\n <select-ui size=\"sm\">\n <option>Any time</option>\n <option>Today</option>\n <option>This week</option>\n <option>This month</option>\n </select-ui>"
|
|
16
16
|
},
|
|
17
17
|
{
|
|
18
18
|
"name": "grid",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
],
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
|
-
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">Media Gallery</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\"
|
|
30
|
+
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">Media Gallery</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"upload\" variant=\"outline\" size=\"sm\" text=\"Upload\"></button-ui>\n <button-ui icon=\"folder\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"filter-bar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\" prefix=\"search\" style=\"width:240px;\"></input-ui>\n <select-ui size=\"sm\">\n <option>All types</option>\n <option>Images</option>\n <option>Videos</option>\n <option>Documents</option>\n </select-ui>\n <select-ui size=\"sm\">\n <option>Any time</option>\n <option>Today</option>\n <option>This week</option>\n <option>This month</option>\n </select-ui>\n </section>\n\n <section data-chunk-slot=\"grid\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <grid-ui columns=\"2 4@md\" gap=\"3\">\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\n </section>\n </card-ui>\n <card-ui padding=\"0\" style=\"aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:var(--a-bg-subtle);\">\n <section>\n <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </section>\n </card-ui>\n </grid-ui>\n </section>\n\n <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n <image-ui src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\"></image-ui>\n </dialog-ui>\n</article>",
|
|
31
31
|
"source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
|
|
32
32
|
"metadata": {
|
|
33
33
|
"domain": "layout",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"view-toggle"
|
|
44
44
|
]
|
|
45
45
|
},
|
|
46
|
-
"captured_at": "2026-
|
|
46
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
47
47
|
"template": [
|
|
48
48
|
{
|
|
49
49
|
"id": "text",
|
|
@@ -88,7 +88,8 @@
|
|
|
88
88
|
{
|
|
89
89
|
"id": "input",
|
|
90
90
|
"component": "Input",
|
|
91
|
-
"placeholder": "Search media…"
|
|
91
|
+
"placeholder": "Search media…",
|
|
92
|
+
"prefix": "search"
|
|
92
93
|
},
|
|
93
94
|
{
|
|
94
95
|
"id": "choice-picker",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<section>\n <grid-ui columns=\"1 2@md\" gap=\"6\" align=\"center\">\n <col-ui gap=\"4\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\"
|
|
9
|
+
"html": "<section>\n <grid-ui columns=\"1 2@md\" gap=\"6\" align=\"center\">\n <col-ui gap=\"4\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\">NEW IN 2026</text-ui>\n <h1>Ship AI-native UIs in hours, not weeks</h1>\n <text-ui size=\"lg\" color=\"subtle\">A2UI primitives + free-form composer + grounded chunk vocabulary. Real production HTML, generated on demand.</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Start free\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"Watch demo\" variant=\"outline\" size=\"lg\" icon=\"play-circle\"></button-ui>\n </row-ui>\n </col-ui>\n <image-ui src=\"https://picsum.photos/seed/dashboard51/800/500\" alt=\"Product dashboard — generated admin surface with KPI cards and activity feed\" height=\"280px\" fit=\"cover\"></image-ui>\n </grid-ui>\n </section>",
|
|
10
10
|
"source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "layout",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"cta"
|
|
24
24
|
]
|
|
25
25
|
},
|
|
26
|
-
"captured_at": "2026-08-
|
|
26
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
27
27
|
"template": [
|
|
28
28
|
{
|
|
29
29
|
"id": "text",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"attrs": {
|
|
9
9
|
"placement": "bottom-start"
|
|
10
10
|
},
|
|
11
|
-
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" text=\"Rename\" variant=\"ghost\" size=\"sm\" icon
|
|
11
|
+
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" text=\"Rename\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n <card-ui slot=\"content\" style=\"min-width: 320px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Rename file</span>\n </header>\n <section>\n <field-ui label=\"New name\">\n <input-ui name=\"filename\" value=\"Q4-budget-draft.xlsx\"></input-ui>\n </field-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" data-popover-close></button-ui>\n <button-ui slot=\"action\" text=\"Save\" variant=\"primary\"></button-ui>\n </footer>\n </card-ui>\n </popover-ui>",
|
|
12
12
|
"source": "packages/web-components/patterns/inline-dialog/inline-dialog.examples.html",
|
|
13
13
|
"metadata": {
|
|
14
14
|
"domain": "overlay",
|
|
@@ -30,12 +30,13 @@
|
|
|
30
30
|
"quick"
|
|
31
31
|
]
|
|
32
32
|
},
|
|
33
|
-
"captured_at": "2026-08-
|
|
33
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
34
34
|
"template": [
|
|
35
35
|
{
|
|
36
36
|
"id": "button",
|
|
37
37
|
"component": "Button",
|
|
38
38
|
"slot": "trigger",
|
|
39
|
+
"icon": "pencil-simple",
|
|
39
40
|
"size": "sm",
|
|
40
41
|
"text": "Rename",
|
|
41
42
|
"variant": "ghost"
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"attrs": {
|
|
9
9
|
"placement": "bottom-start"
|
|
10
10
|
},
|
|
11
|
-
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" icon=\"caret-down\" variant=\"primary\" size=\"sm\" aria-label=\"More send options\"></button-ui>\n <card-ui slot=\"content\" style=\"min-width: 320px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Schedule send</span>\n <text-ui slot=\"description\" color=\"subtle\">Picks the next available slot in your timezone</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Date\">\n <calendar-picker-ui name=\"date\" value=\"2026-03-15\"></calendar-picker-ui>\n </field-ui>\n <field-ui label=\"Time\">\n <time-picker-ui name=\"time\" value=\"09:00\"></time-picker-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" data-popover-close></button-ui>\n <button-ui slot=\"action\" text=\"Schedule\" variant=\"primary\" icon
|
|
11
|
+
"html": "<popover-ui placement=\"bottom-start\">\n <button-ui slot=\"trigger\" icon=\"caret-down\" variant=\"primary\" size=\"sm\" aria-label=\"More send options\"></button-ui>\n <card-ui slot=\"content\" style=\"min-width: 320px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Schedule send</span>\n <text-ui slot=\"description\" color=\"subtle\">Picks the next available slot in your timezone</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Date\">\n <calendar-picker-ui name=\"date\" value=\"2026-03-15\"></calendar-picker-ui>\n </field-ui>\n <field-ui label=\"Time\">\n <time-picker-ui name=\"time\" value=\"09:00\"></time-picker-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" data-popover-close></button-ui>\n <button-ui slot=\"action\" text=\"Schedule\" variant=\"primary\" icon=\"clock\"></button-ui>\n </footer>\n </card-ui>\n </popover-ui>",
|
|
12
12
|
"source": "packages/web-components/patterns/inline-dialog/inline-dialog.examples.html",
|
|
13
13
|
"metadata": {
|
|
14
14
|
"domain": "overlay",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"quick"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-08-
|
|
32
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
33
33
|
"template": [
|
|
34
34
|
{
|
|
35
35
|
"id": "more-send-options",
|
|
@@ -118,6 +118,7 @@
|
|
|
118
118
|
"id": "button-2",
|
|
119
119
|
"component": "Button",
|
|
120
120
|
"slot": "action",
|
|
121
|
+
"icon": "clock",
|
|
121
122
|
"text": "Schedule",
|
|
122
123
|
"variant": "primary"
|
|
123
124
|
},
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui>\n <header>\n <h3>Integrations</h3>\n <p slot=\"description\">Connect your favourite tools to your workspace.</p>\n <span slot=\"action\">\n <button-ui text=\"Browse marketplace\" variant=\"ghost\" size=\"sm\" icon=\"grid-four\"></button-ui>\n </span>\n </header>\n <section>\n <grid-ui columns=\"1 2@sm 4@md\" gap=\"3\">\n <integration-card-ui provider=\"slack\" name=\"Slack\"
|
|
9
|
+
"html": "<card-ui>\n <header>\n <h3>Integrations</h3>\n <p slot=\"description\">Connect your favourite tools to your workspace.</p>\n <span slot=\"action\">\n <button-ui text=\"Browse marketplace\" variant=\"ghost\" size=\"sm\" icon=\"grid-four\"></button-ui>\n </span>\n </header>\n <section>\n <grid-ui columns=\"1 2@sm 4@md\" gap=\"3\">\n <integration-card-ui provider=\"slack\" name=\"Slack\" logo=\"slack-logo\" status=\"connected\" description=\"Team messaging and notifications.\"></integration-card-ui>\n <integration-card-ui provider=\"github\" name=\"GitHub\" logo=\"github-logo\" status=\"connected\" description=\"Code repository and CI pipeline.\"></integration-card-ui>\n <integration-card-ui provider=\"jira\" name=\"Jira\" logo=\"trello-logo\" status=\"connected\" description=\"Issue tracking and sprints.\"></integration-card-ui>\n <integration-card-ui provider=\"linear\" name=\"Linear\" logo=\"square-logo\" status=\"available\" description=\"Modern issue tracking for teams.\"></integration-card-ui>\n </grid-ui>\n </section>\n</card-ui>",
|
|
10
10
|
"source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "settings",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"connect"
|
|
31
31
|
]
|
|
32
32
|
},
|
|
33
|
-
"captured_at": "2026-
|
|
33
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
34
34
|
"template": [
|
|
35
35
|
{
|
|
36
36
|
"id": "text",
|
|
@@ -75,6 +75,7 @@
|
|
|
75
75
|
"id": "slack",
|
|
76
76
|
"component": "IntegrationCard",
|
|
77
77
|
"description": "Team messaging and notifications.",
|
|
78
|
+
"logo": "slack-logo",
|
|
78
79
|
"name": "Slack",
|
|
79
80
|
"provider": "slack",
|
|
80
81
|
"status": "connected"
|
|
@@ -83,6 +84,7 @@
|
|
|
83
84
|
"id": "git-hub",
|
|
84
85
|
"component": "IntegrationCard",
|
|
85
86
|
"description": "Code repository and CI pipeline.",
|
|
87
|
+
"logo": "github-logo",
|
|
86
88
|
"name": "GitHub",
|
|
87
89
|
"provider": "github",
|
|
88
90
|
"status": "connected"
|
|
@@ -91,6 +93,7 @@
|
|
|
91
93
|
"id": "jira",
|
|
92
94
|
"component": "IntegrationCard",
|
|
93
95
|
"description": "Issue tracking and sprints.",
|
|
96
|
+
"logo": "trello-logo",
|
|
94
97
|
"name": "Jira",
|
|
95
98
|
"provider": "jira",
|
|
96
99
|
"status": "connected"
|
|
@@ -99,6 +102,7 @@
|
|
|
99
102
|
"id": "linear",
|
|
100
103
|
"component": "IntegrationCard",
|
|
101
104
|
"description": "Modern issue tracking for teams.",
|
|
105
|
+
"logo": "square-logo",
|
|
102
106
|
"name": "Linear",
|
|
103
107
|
"provider": "linear",
|
|
104
108
|
"status": "available"
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
{
|
|
8
8
|
"name": "header",
|
|
9
9
|
"tagName": "header",
|
|
10
|
-
"html": "<row-ui gap=\"2\" align=\"center\">\n <text-ui strong size=\"lg\">Sprint 42</text-ui>\n <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <input-ui placeholder=\"Search tasks…\"
|
|
10
|
+
"html": "<row-ui gap=\"2\" align=\"center\">\n <text-ui strong size=\"lg\">Sprint 42</text-ui>\n <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <input-ui placeholder=\"Search tasks…\" prefix=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n </row-ui>"
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
"name": "board",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
],
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
|
-
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n <row-ui gap=\"2\" align=\"center\">\n <text-ui strong size=\"lg\">Sprint 42</text-ui>\n <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <input-ui placeholder=\"Search tasks…\"
|
|
25
|
+
"html": "<article\n style=\"display:flex; flex-direction:column; height:100vh;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--md-sys-color-neutral-outline-variant); display:flex; align-items:center; justify-content:space-between;\">\n <row-ui gap=\"2\" align=\"center\">\n <text-ui strong size=\"lg\">Sprint 42</text-ui>\n <badge-ui text=\"3 open\" variant=\"info\" size=\"sm\"></badge-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <input-ui placeholder=\"Search tasks…\" prefix=\"search\" size=\"sm\" style=\"width:200px;\"></input-ui>\n <button-ui icon=\"filter\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"New task\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"board\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <row-ui gap=\"3\" align=\"start\" style=\"min-width:max-content;\">\n <stack-ui gap=\"2\" style=\"width:280px;\">\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong size=\"sm\">To do</text-ui>\n <badge-ui text=\"3\" size=\"sm\" tone=\"muted\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\">\n <section>\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">Design review</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Due tomorrow</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n <avatar-ui size=\"sm\" src=\"/avatar-1.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </section>\n </card-ui>\n <card-ui padding=\"sm\">\n <section>\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">API spec</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Due Friday</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P2\" size=\"sm\" variant=\"warning\"></badge-ui>\n <avatar-ui size=\"sm\" src=\"/avatar-2.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </section>\n </card-ui>\n <card-ui padding=\"sm\">\n <section>\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">Write tests</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">No due date</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P3\" size=\"sm\" variant=\"info\"></badge-ui>\n <avatar-ui size=\"sm\" src=\"/avatar-3.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </section>\n </card-ui>\n </stack-ui>\n\n <stack-ui gap=\"2\" style=\"width:280px;\">\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong size=\"sm\">In progress</text-ui>\n <badge-ui text=\"2\" size=\"sm\" tone=\"muted\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\">\n <section>\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\">Implement auth</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">2 days left</text-ui>\n <row-ui gap=\"1\" align=\"center\">\n <badge-ui text=\"P1\" size=\"sm\" variant=\"danger\"></badge-ui>\n <avatar-ui size=\"sm\" src=\"/avatar-1.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </section>\n </card-ui>\n </stack-ui>\n\n <stack-ui gap=\"2\" style=\"width:280px;\">\n <row-ui gap=\"2\" align=\"center\" justify=\"between\">\n <text-ui strong size=\"sm\">Done</text-ui>\n <badge-ui text=\"5\" size=\"sm\" tone=\"muted\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\" variant=\"filled\">\n <section>\n <stack-ui gap=\"1\">\n <text-ui strong size=\"sm\" color=\"subtle\">Setup repo</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">Completed yesterday</text-ui>\n </stack-ui>\n </section>\n </card-ui>\n </stack-ui>\n </row-ui>\n </section>\n\n <drawer-ui data-chunk-slot=\"detail-drawer\" id=\"task-detail\" style=\"display:none;\">\n <header>\n <span slot=\"heading\">Task detail</span>\n </header>\n <section>\n <stack-ui gap=\"3\" style=\"width:360px;\">\n <stack-ui gap=\"1\">\n <label-ui>Title</label-ui>\n <input-ui value=\"Design review\"></input-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Description</label-ui>\n <textarea-ui placeholder=\"Add details…\"></textarea-ui>\n </stack-ui>\n </stack-ui>\n </section>\n <footer>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui slot=\"action\" text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n </footer>\n </drawer-ui>\n</article>",
|
|
26
26
|
"source": "catalog/page-shells/app/kanban-page/kanban-page.contents.html",
|
|
27
27
|
"metadata": {
|
|
28
28
|
"domain": "layout",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"workflow"
|
|
41
41
|
]
|
|
42
42
|
},
|
|
43
|
-
"captured_at": "2026-08-
|
|
43
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
44
44
|
"template": [
|
|
45
45
|
{
|
|
46
46
|
"id": "text",
|
|
@@ -69,7 +69,8 @@
|
|
|
69
69
|
{
|
|
70
70
|
"id": "input",
|
|
71
71
|
"component": "Input",
|
|
72
|
-
"placeholder": "Search tasks…"
|
|
72
|
+
"placeholder": "Search tasks…",
|
|
73
|
+
"prefix": "search"
|
|
73
74
|
},
|
|
74
75
|
{
|
|
75
76
|
"id": "button",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<div id=\"pv-shell\">\n\n <!-- App header: patient chip · visit-type select · completeness meter · gated Push button.\n DESIGN.md region ruling 4: gate STATE renders in the rail footer, the ACTION sits in chrome. -->\n <header id=\"pv-header\">\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui id=\"pv-patient-chip\" size=\"md\" text=\"Loading patient…\"></tag-ui>\n <select-ui id=\"pv-visit-type\" size=\"sm\" aria-label=\"Visit type\"></select-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <progress-ui id=\"pv-completeness\" data-completeness value=\"0\"></progress-ui>\n <button-ui id=\"pv-push-btn\" variant=\"solid\" text=\"Push to EMR\" disabled></button-ui>\n </row-ui>\n </header>\n\n <div id=\"pv-body\">\n <!-- Canvas: chat feed of independent A2UI surfaces (gen-ui playground grammar). -->\n <section id=\"pv-canvas\">\n <!-- Standing ABOVE-THE-FEED mount region (gh#656): 03-render-patterns.md's\n alert pattern — escalation-banner \"mounts ABOVE the feed, not as a\n turn bubble\", and telehealth.mjs's row notes it \"mounts above\n everything when triggered\". anchor-bar-ui is the library's\n persistent-anchored-surface primitive ([open] visibility, no\n auto-dismiss); hydrate.js's ABOVE_FEED path feeds the block's A2UI\n surface into it and opens it. Empty + closed until a telehealth\n escalation hydrates. -->\n <anchor-bar-ui id=\"pv-escalation\" anchor=\"top\" align=\"start\" aria-label=\"Escalation banner\"></anchor-bar-ui>\n <!-- Chips themselves are built by patient-visit.contents.js from the\n ACTIVE schema's blocks (isRefChippable) and refreshed on every\n visit-type switch — never a fixed per-schema list here. -->\n <div id=\"pv-ref-chips\" aria-label=\"Context reference chips\">\n <text-ui
|
|
9
|
+
"html": "<div id=\"pv-shell\">\n\n <!-- App header: patient chip · visit-type select · completeness meter · gated Push button.\n DESIGN.md region ruling 4: gate STATE renders in the rail footer, the ACTION sits in chrome. -->\n <header id=\"pv-header\">\n <row-ui gap=\"3\" align=\"center\">\n <tag-ui id=\"pv-patient-chip\" size=\"md\" text=\"Loading patient…\"></tag-ui>\n <select-ui id=\"pv-visit-type\" size=\"sm\" aria-label=\"Visit type\"></select-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <progress-ui id=\"pv-completeness\" data-completeness value=\"0\"></progress-ui>\n <button-ui id=\"pv-push-btn\" variant=\"solid\" text=\"Push to EMR\" disabled></button-ui>\n </row-ui>\n </header>\n\n <div id=\"pv-body\">\n <!-- Canvas: chat feed of independent A2UI surfaces (gen-ui playground grammar). -->\n <section id=\"pv-canvas\">\n <!-- Standing ABOVE-THE-FEED mount region (gh#656): 03-render-patterns.md's\n alert pattern — escalation-banner \"mounts ABOVE the feed, not as a\n turn bubble\", and telehealth.mjs's row notes it \"mounts above\n everything when triggered\". anchor-bar-ui is the library's\n persistent-anchored-surface primitive ([open] visibility, no\n auto-dismiss); hydrate.js's ABOVE_FEED path feeds the block's A2UI\n surface into it and opens it. Empty + closed until a telehealth\n escalation hydrates. -->\n <anchor-bar-ui id=\"pv-escalation\" anchor=\"top\" align=\"start\" aria-label=\"Escalation banner\"></anchor-bar-ui>\n <!-- Chips themselves are built by patient-visit.contents.js from the\n ACTIVE schema's blocks (isRefChippable) and refreshed on every\n visit-type switch — never a fixed per-schema list here. -->\n <div id=\"pv-ref-chips\" aria-label=\"Context reference chips\">\n <text-ui size=\"sm\" color=\"subtle\">Jump to:</text-ui>\n </div>\n <chat-shell id=\"pv-chat\">\n <chat-thread>\n <chat-empty>\n <empty-state-ui icon=\"stethoscope\" heading=\"Visit feed\" description=\"Surfaces mount here as the visit hydrates.\"></empty-state-ui>\n </chat-empty>\n </chat-thread>\n <chat-composer>\n <chat-input-ui placeholder=\"Ask about this visit…\"></chat-input-ui>\n </chat-composer>\n </chat-shell>\n </section>\n\n <!-- Rail: four stage groups (Context / Care Plan / Results View / Chart Diff)\n + hard-gates footer. Built by rail.js — this is just its mount point. -->\n <aside id=\"pv-rail\" aria-label=\"Workflow rail\"></aside>\n </div>\n\n <!-- Layer: drawer-ui (lab-detail inspection) + modal-ui (full checkout, destructive confirms). -->\n <drawer-ui id=\"pv-lab-drawer\" side=\"right\"></drawer-ui>\n <div id=\"pv-modal-layer\"></div>\n</div>",
|
|
10
10
|
"source": "apps/genui/app/patient-visit/patient-visit.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "layout",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"hydration"
|
|
26
26
|
]
|
|
27
27
|
},
|
|
28
|
-
"captured_at": "2026-08-
|
|
28
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
29
29
|
"template": [
|
|
30
30
|
{
|
|
31
31
|
"id": "pv-patient-chip",
|
|
@@ -89,6 +89,7 @@
|
|
|
89
89
|
{
|
|
90
90
|
"id": "text",
|
|
91
91
|
"component": "Text",
|
|
92
|
+
"color": "subtle",
|
|
92
93
|
"size": "sm",
|
|
93
94
|
"textContent": "Jump to:"
|
|
94
95
|
},
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"attrs": {
|
|
9
9
|
"data-perm-card": ""
|
|
10
10
|
},
|
|
11
|
-
"html": "<card-ui data-perm-card>\n <header>\n <span slot=\"heading\" variant=\"section\">Permissions</span>\n <text-ui slot=\"description\" color=\"subtle\">Changes save automatically</text-ui>\n <button-ui slot=\"action\" text=\"Add custom role\" variant=\"ghost\" size=\"sm\" icon
|
|
11
|
+
"html": "<card-ui data-perm-card>\n <header>\n <span slot=\"heading\" variant=\"section\">Permissions</span>\n <text-ui slot=\"description\" color=\"subtle\">Changes save automatically</text-ui>\n <button-ui slot=\"action\" text=\"Add custom role\" variant=\"ghost\" size=\"sm\" icon=\"plus\"></button-ui>\n </header>\n <section bleed>\n <table-ui frameless id=\"pat-perm-matrix\"></table-ui>\n </section>\n <footer divider>\n <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Built-in roles are read-only. The Custom column is editable.</text-ui>\n </footer>\n </card-ui>",
|
|
12
12
|
"source": "packages/web-components/patterns/permissions-matrix/permissions-matrix.examples.html",
|
|
13
13
|
"metadata": {
|
|
14
14
|
"domain": "settings",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"checkboxes"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-
|
|
32
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
33
33
|
"template": [
|
|
34
34
|
{
|
|
35
35
|
"id": "text",
|
|
@@ -49,6 +49,7 @@
|
|
|
49
49
|
"id": "button",
|
|
50
50
|
"component": "Button",
|
|
51
51
|
"slot": "action",
|
|
52
|
+
"icon": "plus",
|
|
52
53
|
"size": "sm",
|
|
53
54
|
"text": "Add custom role",
|
|
54
55
|
"variant": "ghost"
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Share link</span>\n <tag-ui slot=\"action\" variant=\"primary\">Anyone with the link</tag-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui gap=\"2\" align=\"center\">\n <input-ui readonly value=\"https://acme.app/d/8421-revenue-q2\" style=\"flex: 1;\"></input-ui>\n <button-ui text=\"Copy\" variant=\"primary\" icon
|
|
9
|
+
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Share link</span>\n <tag-ui slot=\"action\" variant=\"primary\">Anyone with the link</tag-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui gap=\"2\" align=\"center\">\n <input-ui readonly value=\"https://acme.app/d/8421-revenue-q2\" style=\"flex: 1;\"></input-ui>\n <button-ui text=\"Copy\" variant=\"primary\" icon=\"copy\"></button-ui>\n </row-ui>\n <row-ui gap=\"3\" align=\"center\">\n <field-ui label=\"Expires\" inline>\n <select-ui value=\"7d\" size=\"sm\" style=\"min-width: 140px;\">\n <option value=\"never\">Never</option>\n <option value=\"24h\">24 hours</option>\n <option value=\"7d\" selected>7 days</option>\n <option value=\"30d\">30 days</option>\n <option value=\"custom\">Custom date…</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Permission\" inline>\n <select-ui value=\"view\" size=\"sm\" style=\"min-width: 140px;\">\n <option value=\"view\" selected>Can view</option>\n <option value=\"comment\">Can comment</option>\n <option value=\"edit\">Can edit</option>\n </select-ui>\n </field-ui>\n </row-ui>\n <description-list-ui>\n <dt>Created</dt>\n <dd>Apr 22 · by Kim Granlund</dd>\n <dt>Used</dt>\n <dd>14 opens · last 2 hours ago</dd>\n </description-list-ui>\n </col-ui>\n </section>\n <footer divider>\n <button-ui slot=\"action\" text=\"Revoke link\" variant=\"ghost\" color=\"danger\" size=\"sm\" icon=\"x\"></button-ui>\n </footer>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/permissions-sharing/permissions-sharing.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "settings",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"collaborate"
|
|
27
27
|
]
|
|
28
28
|
},
|
|
29
|
-
"captured_at": "2026-08-
|
|
29
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
30
30
|
"template": [
|
|
31
31
|
{
|
|
32
32
|
"id": "text",
|
|
@@ -59,6 +59,7 @@
|
|
|
59
59
|
{
|
|
60
60
|
"id": "button",
|
|
61
61
|
"component": "Button",
|
|
62
|
+
"icon": "copy",
|
|
62
63
|
"text": "Copy",
|
|
63
64
|
"variant": "primary"
|
|
64
65
|
},
|
|
@@ -232,6 +233,7 @@
|
|
|
232
233
|
"component": "Button",
|
|
233
234
|
"slot": "action",
|
|
234
235
|
"color": "danger",
|
|
236
|
+
"icon": "x",
|
|
235
237
|
"size": "sm",
|
|
236
238
|
"text": "Revoke link",
|
|
237
239
|
"variant": "ghost"
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<agent-admin-ui id=\"admin\"\n style=\"flex: 1; border: none; border-radius: 0\">\n <admin-roster-ui></admin-roster-ui>\n <admin-settings-ui></admin-settings-ui>\n <chat-shell id=\"chat\">\n <chat-header>\n <span slot=\"name\">Agent Admin</span>\n <chat-status slot=\"status\"></chat-status>\n <span slot=\"action\" size=\"sm\" style=\"display: flex; align-items: center; gap: var(--a-space-1)\">\n <button-ui id=\"theme-toggle\" icon=\"moon\" variant=\"ghost\" size=\"sm\"></button-ui>\n </span>\n </chat-header>\n <chat-thread>\n <chat-empty>\n <empty-state-ui\n icon=\"robot\"\n heading=\"Pick a persona\"\n description=\"Switch personas in the roster on the left, then ask the (deterministic, keyless) stub anything. Edit a section's content in the settings pane and ask again — the next reply cites the new text.\">\n </empty-state-ui>\n </chat-empty>\n </chat-thread>\n <chat-composer placeholder=\"Ask the agent…\"></chat-composer>\n </chat-shell>\n</agent-admin-ui>",
|
|
9
|
+
"html": "<agent-admin-ui id=\"admin\"\n style=\"flex: 1; border: none; border-radius: 0\">\n <admin-roster-ui></admin-roster-ui>\n <admin-settings-ui></admin-settings-ui>\n <chat-shell id=\"chat\">\n <chat-header>\n <span slot=\"name\">Agent Admin</span>\n <chat-status slot=\"status\"></chat-status>\n <span slot=\"action\" size=\"sm\" style=\"display: flex; align-items: center; gap: var(--a-space-1)\">\n <button-ui id=\"theme-toggle\" icon=\"moon\" variant=\"ghost\" size=\"sm\"></button-ui>\n </span>\n </chat-header>\n <chat-thread>\n <chat-empty>\n <empty-state-ui\n icon=\"robot\"\n heading=\"Pick a persona\"\n description=\"Switch personas in the roster on the left, then ask the (deterministic, keyless) stub anything. Edit a section's content in the settings pane and ask again — the next reply cites the new text.\">\n </empty-state-ui>\n </chat-empty>\n </chat-thread>\n <chat-composer>\n <chat-input-ui placeholder=\"Ask the agent…\"></chat-input-ui>\n </chat-composer>\n </chat-shell>\n</agent-admin-ui>",
|
|
10
10
|
"source": "playgrounds/agent-admin/app/agent-admin.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "agent",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"chat"
|
|
23
23
|
]
|
|
24
24
|
},
|
|
25
|
-
"captured_at": "2026-08-
|
|
25
|
+
"captured_at": "2026-08-19T12:44:41.891Z",
|
|
26
26
|
"template": [
|
|
27
27
|
{
|
|
28
28
|
"id": "admin-roster",
|
|
@@ -91,9 +91,17 @@
|
|
|
91
91
|
"chat-empty"
|
|
92
92
|
]
|
|
93
93
|
},
|
|
94
|
+
{
|
|
95
|
+
"id": "chat-input",
|
|
96
|
+
"component": "ChatInput",
|
|
97
|
+
"placeholder": "Ask the agent…"
|
|
98
|
+
},
|
|
94
99
|
{
|
|
95
100
|
"id": "chat-composer",
|
|
96
|
-
"component": "ChatComposer"
|
|
101
|
+
"component": "ChatComposer",
|
|
102
|
+
"children": [
|
|
103
|
+
"chat-input"
|
|
104
|
+
]
|
|
97
105
|
},
|
|
98
106
|
{
|
|
99
107
|
"id": "chat",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 720px;\">\n <section>\n <col-ui gap=\"4\">\n <row-ui gap=\"4\" align=\"start\">\n <avatar-ui size=\"lg\" text=\"Kim Granlund\"></avatar-ui>\n <col-ui gap=\"1\" grow>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui strong size=\"lg\">Kim Granlund</text-ui>\n <tag-ui variant=\"primary\"
|
|
9
|
+
"html": "<card-ui style=\"max-width: 720px;\">\n <section>\n <col-ui gap=\"4\">\n <row-ui gap=\"4\" align=\"start\">\n <avatar-ui size=\"lg\" text=\"Kim Granlund\"></avatar-ui>\n <col-ui gap=\"1\" grow>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui strong size=\"lg\">Kim Granlund</text-ui>\n <tag-ui variant=\"primary\">Verified</tag-ui>\n </row-ui>\n <text-ui color=\"subtle\">Founder · AdiaUI · Reykjavík, IS</text-ui>\n <text-ui>Building the AdiaUI web-components library and the A2UI generative-UI runtime. Previously at Construct, before that at Modular.</text-ui>\n <row-ui gap=\"2\" style=\"margin-top: 0.5rem;\">\n <button-ui text=\"Follow\" variant=\"primary\" size=\"sm\"></button-ui>\n <button-ui text=\"Message\" variant=\"ghost\" size=\"sm\" icon=\"chat-circle\"></button-ui>\n <button-ui icon=\"dots-three\" variant=\"ghost\" size=\"sm\" aria-label=\"More\"></button-ui>\n </row-ui>\n </col-ui>\n </row-ui>\n <grid-ui columns=\"3\" gap=\"3\">\n <stat-ui label=\"Followers\" value=\"1,284\"></stat-ui>\n <stat-ui label=\"Following\" value=\"312\"></stat-ui>\n <stat-ui label=\"Joined\" value=\"Apr 2024\"></stat-ui>\n </grid-ui>\n <col-ui gap=\"2\">\n <text-ui strong size=\"sm\" color=\"subtle\">Recent public work</text-ui>\n <list-ui divider contained>\n <list-item-ui>\n <col-ui gap=\"0\">\n <text-ui strong>AdiaUI v0.0.26 — Safari @scope sweep</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Released 2 days ago · 47 components updated</text-ui>\n </col-ui>\n </list-item-ui>\n <list-item-ui>\n <col-ui gap=\"0\">\n <text-ui strong>A2UI generator — chunk corpus expansion</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">748 chunks across 36 domains · open-source</text-ui>\n </col-ui>\n </list-item-ui>\n <list-item-ui>\n <col-ui gap=\"0\">\n <text-ui strong>OKLCH ramps for design systems</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Talk · 2026-03 · 18 min</text-ui>\n </col-ui>\n </list-item-ui>\n </list-ui>\n </col-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/profile-public-and-verification/profile-public-and-verification.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "display",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"identity"
|
|
30
30
|
]
|
|
31
31
|
},
|
|
32
|
-
"captured_at": "2026-08-
|
|
32
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
33
33
|
"template": [
|
|
34
34
|
{
|
|
35
35
|
"id": "avatar",
|
|
@@ -81,6 +81,7 @@
|
|
|
81
81
|
{
|
|
82
82
|
"id": "button-2",
|
|
83
83
|
"component": "Button",
|
|
84
|
+
"icon": "chat-circle",
|
|
84
85
|
"size": "sm",
|
|
85
86
|
"text": "Message",
|
|
86
87
|
"variant": "ghost"
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui style=\"max-width: 360px;\">\n <section>\n <col-ui gap=\"2\">\n <field-ui>\n <input-ui placeholder=\"Search emoji…\"
|
|
9
|
+
"html": "<card-ui style=\"max-width: 360px;\">\n <section>\n <col-ui gap=\"2\">\n <field-ui>\n <input-ui placeholder=\"Search emoji…\" prefix=\"magnifying-glass\"></input-ui>\n </field-ui>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\" color=\"subtle\">Frequently used</text-ui>\n <row-ui gap=\"1\" wrap>\n <button-ui text=\"👍\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"🎉\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"❤️\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"👀\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"🚀\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"✅\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"🙏\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"🔥\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </col-ui>\n <col-ui gap=\"1\">\n <text-ui strong size=\"sm\" color=\"subtle\">Smileys</text-ui>\n <row-ui gap=\"1\" wrap>\n <button-ui text=\"😀\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"😄\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"😂\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"🤔\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"😅\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"😎\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"🥺\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"🙃\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </col-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/comments-and-collaboration/comments-and-collaboration.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "content",
|
|
@@ -25,12 +25,13 @@
|
|
|
25
25
|
"collaboration"
|
|
26
26
|
]
|
|
27
27
|
},
|
|
28
|
-
"captured_at": "2026-
|
|
28
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
29
29
|
"template": [
|
|
30
30
|
{
|
|
31
31
|
"id": "input",
|
|
32
32
|
"component": "Input",
|
|
33
|
-
"placeholder": "Search emoji…"
|
|
33
|
+
"placeholder": "Search emoji…",
|
|
34
|
+
"prefix": "magnifying-glass"
|
|
34
35
|
},
|
|
35
36
|
{
|
|
36
37
|
"id": "field",
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
|
-
"html": "<card-ui >\n <header>\n <span slot=\"heading\" variant=\"section\">Invite a friend, both get $10</span>\n <text-ui slot=\"description\" color=\"subtle\">When they sign up and verify, $10 in credit lands in both your accounts.</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Your referral link\">\n <input-ui name=\"referral_url\" value=\"adia.ai/r/kim-A4F92\" readonly
|
|
9
|
+
"html": "<card-ui >\n <header>\n <span slot=\"heading\" variant=\"section\">Invite a friend, both get $10</span>\n <text-ui slot=\"description\" color=\"subtle\">When they sign up and verify, $10 in credit lands in both your accounts.</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <field-ui label=\"Your referral link\">\n <input-ui name=\"referral_url\" value=\"adia.ai/r/kim-A4F92\" readonly suffix=\"copy\"></input-ui>\n </field-ui>\n <row-ui gap=\"2\">\n <button-ui text=\"Copy link\" variant=\"primary\" icon=\"copy\"></button-ui>\n <button-ui text=\"Email\" variant=\"ghost\" icon=\"envelope\"></button-ui>\n <button-ui text=\"X\" variant=\"ghost\"></button-ui>\n <button-ui text=\"LinkedIn\" variant=\"ghost\"></button-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-ui>",
|
|
10
10
|
"source": "packages/web-components/patterns/marketing-engagement/marketing-engagement.examples.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "marketing",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"program"
|
|
27
27
|
]
|
|
28
28
|
},
|
|
29
|
-
"captured_at": "2026-
|
|
29
|
+
"captured_at": "2026-08-19T03:56:11.704Z",
|
|
30
30
|
"template": [
|
|
31
31
|
{
|
|
32
32
|
"id": "text",
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
"component": "Input",
|
|
56
56
|
"name": "referral_url",
|
|
57
57
|
"readonly": true,
|
|
58
|
+
"suffix": "copy",
|
|
58
59
|
"value": "adia.ai/r/kim-A4F92"
|
|
59
60
|
},
|
|
60
61
|
{
|
|
@@ -68,12 +69,14 @@
|
|
|
68
69
|
{
|
|
69
70
|
"id": "button",
|
|
70
71
|
"component": "Button",
|
|
72
|
+
"icon": "copy",
|
|
71
73
|
"text": "Copy link",
|
|
72
74
|
"variant": "primary"
|
|
73
75
|
},
|
|
74
76
|
{
|
|
75
77
|
"id": "button-2",
|
|
76
78
|
"component": "Button",
|
|
79
|
+
"icon": "envelope",
|
|
77
80
|
"text": "Email",
|
|
78
81
|
"variant": "ghost"
|
|
79
82
|
},
|