@adia-ai/gen-ui 0.8.42 → 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 +13 -0
- package/compose/strategies/monolithic/_shared.js +2 -2
- package/compose/transpiler/transpiler-maps.js +1 -1
- package/compose/transpiler/transpiler.js +1 -1
- package/corpus/chunk-embeddings.json +1 -1
- package/corpus/chunks/_index.json +255 -4
- package/corpus/chunks/_source-hashes.json +74 -77
- 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/analytics-chart.json +4 -4
- 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/blog-post-card.json +3 -3
- 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-chart-plus-breakdown.json +3 -3
- package/corpus/chunks/chart-in-card-chart-plus-stat.json +3 -3
- package/corpus/chunks/chart-in-card-chart-with-filter-pills.json +3 -3
- 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-legend.json +4 -4
- package/corpus/chunks/chart-in-card-full-bleed-line-square.json +66 -0
- package/corpus/chunks/chart-in-card-full-chart.json +3 -3
- package/corpus/chunks/chart-in-card-trend-footer.json +3 -3
- package/corpus/chunks/chart-with-filter-pills.json +3 -3
- package/corpus/chunks/comments-thread.json +3 -2
- package/corpus/chunks/cta-banner-centered.json +3 -4
- package/corpus/chunks/dashboard-acquisition-panel.json +3 -3
- package/corpus/chunks/dashboard-admin-page.json +2 -2
- package/corpus/chunks/dashboard-audience-panel.json +3 -3
- package/corpus/chunks/dashboard-chart-recent.json +3 -3
- package/corpus/chunks/dashboard-overview-panel.json +2 -2
- package/corpus/chunks/dashboard-traffic-channels.json +4 -4
- 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/logo-cloud-trusted-by.json +37 -32
- package/corpus/chunks/map-with-location-list.json +1 -1
- package/corpus/chunks/marketing-page-shell.json +3 -3
- package/corpus/chunks/member-edit-drawer.json +4 -3
- 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/real-time-metrics-dashboard.json +3 -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/split-pane-editor.json +4 -4
- 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 +272 -0
- package/corpus/chunks/table-toolbar-chrome-only-empty.json +183 -0
- package/corpus/chunks/testimonial-pull-quote.json +2 -2
- 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\">Billing address</span>\n </header>\n <section>\n <col-ui gap=\"2\">\n <field-ui label=\"Search address\" hint=\"Start typing — we'll suggest matches\">\n <input-ui name=\"address_query\" placeholder=\"123 Main St\"
|
|
9
|
+
"html": "<card-ui style=\"max-width: 560px;\">\n <header>\n <span slot=\"heading\" variant=\"section\">Billing address</span>\n </header>\n <section>\n <col-ui gap=\"2\">\n <field-ui label=\"Search address\" hint=\"Start typing — we'll suggest matches\">\n <input-ui name=\"address_query\" placeholder=\"123 Main St\" prefix=\"map-pin\" value=\"500 market\"></input-ui>\n </field-ui>\n <card-ui raw style=\"max-width: 100%;\" data-shape=\"popover\">\n <section>\n <col-ui gap=\"2\">\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"map-pin\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui><strong>500 Market</strong> Street</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">San Francisco, CA 94105 · USA</text-ui>\n </col-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"map-pin\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui><strong>500 Market</strong> Place</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Chattanooga, TN 37402 · USA</text-ui>\n </col-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"map-pin\" size=\"sm\"></icon-ui>\n <col-ui gap=\"0\" style=\"flex: 1;\">\n <text-ui><strong>500 Market</strong> Square</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">Pittsburgh, PA 15222 · USA</text-ui>\n </col-ui>\n </row-ui>\n <divider-ui></divider-ui>\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"pencil-simple\" size=\"sm\"></icon-ui>\n <text-ui style=\"flex: 1;\">Enter address manually</text-ui>\n </row-ui>\n </col-ui>\n </section>\n </card-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",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"form"
|
|
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",
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
"component": "Input",
|
|
48
48
|
"name": "address_query",
|
|
49
49
|
"placeholder": "123 Main St",
|
|
50
|
+
"prefix": "map-pin",
|
|
50
51
|
"value": "500 market"
|
|
51
52
|
},
|
|
52
53
|
{
|
|
@@ -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": "<section>\n <col-ui gap=\"4\" align=\"center\">\n <text-ui size=\"sm\" color=\"subtle\">Trusted by teams at</text-ui>\n <grid-ui columns=\"2 5@md\" gap=\"4\">\n <card-ui raw align=\"center\"><
|
|
9
|
+
"html": "<section>\n <col-ui gap=\"4\" align=\"center\">\n <text-ui size=\"sm\" color=\"subtle\">Trusted by teams at</text-ui>\n <grid-ui columns=\"2 5@md\" gap=\"4\">\n <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Acme</text-ui></col-ui></section></card-ui>\n <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Globex</text-ui></col-ui></section></card-ui>\n <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Initech</text-ui></col-ui></section></card-ui>\n <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Umbrella</text-ui></col-ui></section></card-ui>\n <card-ui raw><section><col-ui align=\"center\"><text-ui color=\"subtle\" strong>Soylent</text-ui></col-ui></section></card-ui>\n </grid-ui>\n </col-ui>\n </section>",
|
|
10
10
|
"source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
|
|
11
11
|
"metadata": {
|
|
12
12
|
"domain": "marketing",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"row"
|
|
48
48
|
]
|
|
49
49
|
},
|
|
50
|
-
"captured_at": "2026-
|
|
50
|
+
"captured_at": "2026-08-18T02:07:20.228Z",
|
|
51
51
|
"template": [
|
|
52
52
|
{
|
|
53
53
|
"id": "text",
|
|
@@ -64,17 +64,18 @@
|
|
|
64
64
|
"textContent": "Acme"
|
|
65
65
|
},
|
|
66
66
|
{
|
|
67
|
-
"id": "
|
|
68
|
-
"component": "
|
|
67
|
+
"id": "column-2",
|
|
68
|
+
"component": "Column",
|
|
69
|
+
"align": "center",
|
|
69
70
|
"children": [
|
|
70
|
-
"
|
|
71
|
+
"text-2"
|
|
71
72
|
]
|
|
72
73
|
},
|
|
73
74
|
{
|
|
74
|
-
"id": "
|
|
75
|
-
"component": "
|
|
75
|
+
"id": "section",
|
|
76
|
+
"component": "Section",
|
|
76
77
|
"children": [
|
|
77
|
-
"
|
|
78
|
+
"column-2"
|
|
78
79
|
]
|
|
79
80
|
},
|
|
80
81
|
{
|
|
@@ -93,17 +94,18 @@
|
|
|
93
94
|
"textContent": "Globex"
|
|
94
95
|
},
|
|
95
96
|
{
|
|
96
|
-
"id": "
|
|
97
|
-
"component": "
|
|
97
|
+
"id": "column-3",
|
|
98
|
+
"component": "Column",
|
|
99
|
+
"align": "center",
|
|
98
100
|
"children": [
|
|
99
|
-
"
|
|
101
|
+
"text-3"
|
|
100
102
|
]
|
|
101
103
|
},
|
|
102
104
|
{
|
|
103
|
-
"id": "
|
|
104
|
-
"component": "
|
|
105
|
+
"id": "section-2",
|
|
106
|
+
"component": "Section",
|
|
105
107
|
"children": [
|
|
106
|
-
"
|
|
108
|
+
"column-3"
|
|
107
109
|
]
|
|
108
110
|
},
|
|
109
111
|
{
|
|
@@ -122,17 +124,18 @@
|
|
|
122
124
|
"textContent": "Initech"
|
|
123
125
|
},
|
|
124
126
|
{
|
|
125
|
-
"id": "
|
|
126
|
-
"component": "
|
|
127
|
+
"id": "column-4",
|
|
128
|
+
"component": "Column",
|
|
129
|
+
"align": "center",
|
|
127
130
|
"children": [
|
|
128
|
-
"
|
|
131
|
+
"text-4"
|
|
129
132
|
]
|
|
130
133
|
},
|
|
131
134
|
{
|
|
132
|
-
"id": "
|
|
133
|
-
"component": "
|
|
135
|
+
"id": "section-3",
|
|
136
|
+
"component": "Section",
|
|
134
137
|
"children": [
|
|
135
|
-
"
|
|
138
|
+
"column-4"
|
|
136
139
|
]
|
|
137
140
|
},
|
|
138
141
|
{
|
|
@@ -151,17 +154,18 @@
|
|
|
151
154
|
"textContent": "Umbrella"
|
|
152
155
|
},
|
|
153
156
|
{
|
|
154
|
-
"id": "
|
|
155
|
-
"component": "
|
|
157
|
+
"id": "column-5",
|
|
158
|
+
"component": "Column",
|
|
159
|
+
"align": "center",
|
|
156
160
|
"children": [
|
|
157
|
-
"
|
|
161
|
+
"text-5"
|
|
158
162
|
]
|
|
159
163
|
},
|
|
160
164
|
{
|
|
161
|
-
"id": "
|
|
162
|
-
"component": "
|
|
165
|
+
"id": "section-4",
|
|
166
|
+
"component": "Section",
|
|
163
167
|
"children": [
|
|
164
|
-
"
|
|
168
|
+
"column-5"
|
|
165
169
|
]
|
|
166
170
|
},
|
|
167
171
|
{
|
|
@@ -180,17 +184,18 @@
|
|
|
180
184
|
"textContent": "Soylent"
|
|
181
185
|
},
|
|
182
186
|
{
|
|
183
|
-
"id": "
|
|
184
|
-
"component": "
|
|
187
|
+
"id": "column-6",
|
|
188
|
+
"component": "Column",
|
|
189
|
+
"align": "center",
|
|
185
190
|
"children": [
|
|
186
|
-
"
|
|
191
|
+
"text-6"
|
|
187
192
|
]
|
|
188
193
|
},
|
|
189
194
|
{
|
|
190
|
-
"id": "
|
|
191
|
-
"component": "
|
|
195
|
+
"id": "section-5",
|
|
196
|
+
"component": "Section",
|
|
192
197
|
"children": [
|
|
193
|
-
"
|
|
198
|
+
"column-6"
|
|
194
199
|
]
|
|
195
200
|
},
|
|
196
201
|
{
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{
|
|
18
18
|
"name": "cta",
|
|
19
19
|
"tagName": "section",
|
|
20
|
-
"html": "<card-ui raw
|
|
20
|
+
"html": "<card-ui raw\n data-chunk=\"cta-banner-centered\"\n data-chunk-kind=\"block\"\n data-chunk-domain=\"marketing\"\n data-chunk-description=\"Centered call-to-action banner — a borderless full-width card with a centered closing headline, a one-line supporting subtitle, and a single primary action button. The 'Ready to ship? / Get started today' conversion banner that closes a marketing or landing page.\"\n data-chunk-keywords=\"cta call to action banner centered closing conversion sign up get started ready to ship trial headline subtitle primary button bottom of page footer cta marketing landing conversion strip prompt encourage signup final push\">\n <section>\n <col-ui align=\"center\" gap=\"3\">\n <h2>Ready to ship?</h2>\n <text-ui color=\"subtle\">Start building in minutes</text-ui>\n <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n </col-ui>\n </section>\n </card-ui>"
|
|
21
21
|
}
|
|
22
22
|
],
|
|
23
23
|
"nested": [
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"cta-banner-centered"
|
|
26
26
|
],
|
|
27
27
|
"attrs": {},
|
|
28
|
-
"html": "<article>\n <section data-chunk-slot=\"hero\">\n <col-ui align=\"center\" gap=\"4\">\n <h1>Build faster with AdiaUI</h1>\n <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n </row-ui>\n </col-ui>\n </section>\n\n <section data-chunk-slot=\"features\">\n <grid-ui columns=\"1 3@md\" gap=\"4\"><!-- nested: feature-grid-three-cards --></grid-ui>\n </section>\n\n <section data-chunk-slot=\"cta\">\n <card-ui raw
|
|
28
|
+
"html": "<article>\n <section data-chunk-slot=\"hero\">\n <col-ui align=\"center\" gap=\"4\">\n <h1>Build faster with AdiaUI</h1>\n <text-ui color=\"subtle\" size=\"lg\">Light-DOM web components + generative UI pipeline</text-ui>\n <row-ui gap=\"3\">\n <button-ui text=\"Get started\" variant=\"primary\" size=\"lg\"></button-ui>\n <button-ui text=\"See demo\" variant=\"outline\" size=\"lg\"></button-ui>\n </row-ui>\n </col-ui>\n </section>\n\n <section data-chunk-slot=\"features\">\n <grid-ui columns=\"1 3@md\" gap=\"4\"><!-- nested: feature-grid-three-cards --></grid-ui>\n </section>\n\n <section data-chunk-slot=\"cta\">\n <card-ui raw><!-- nested: cta-banner-centered --></card-ui>\n </section>\n</article>",
|
|
29
29
|
"source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
|
|
30
30
|
"metadata": {
|
|
31
31
|
"domain": "layout",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"homepage"
|
|
43
43
|
]
|
|
44
44
|
},
|
|
45
|
-
"captured_at": "2026-
|
|
45
|
+
"captured_at": "2026-08-18T01:53:10.975Z",
|
|
46
46
|
"template": [
|
|
47
47
|
{
|
|
48
48
|
"id": "text",
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {
|
|
9
|
-
"
|
|
9
|
+
"side": "right",
|
|
10
10
|
"size": "md"
|
|
11
11
|
},
|
|
12
|
-
"html": "<drawer-ui id=\"member-edit-drawer\"
|
|
12
|
+
"html": "<drawer-ui id=\"member-edit-drawer\" side=\"right\" size=\"md\">\n <header>\n <h2 slot=\"heading\">Edit member</h2>\n <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n </header>\n <section>\n <field-ui label=\"Full name\">\n <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n </field-ui>\n <field-ui label=\"Title\">\n <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n </field-ui>\n <field-ui label=\"Department\">\n <select-ui name=\"m_dept\" value=\"engineering\">\n <option value=\"engineering\" selected>Engineering</option>\n <option value=\"product\">Product</option>\n <option value=\"design\">Design</option>\n <option value=\"sales\">Sales</option>\n <option value=\"cs\">Customer Success</option>\n <option value=\"ops\">Operations</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Reports to\">\n <select-ui name=\"m_manager\" value=\"maya\">\n <option value=\"jane\">Jane Doe (Founder)</option>\n <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n <option value=\"riley\">Riley Park (Head of Design)</option>\n <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n <option value=\"\">No manager</option>\n </select-ui>\n </field-ui>\n <field-ui label=\"Status\">\n <segmented-ui name=\"m_status\" value=\"active\">\n <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n </segmented-ui>\n </field-ui>\n </section>\n <footer>\n <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n </footer>\n </drawer-ui>",
|
|
13
13
|
"source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
|
|
14
14
|
"metadata": {
|
|
15
15
|
"domain": "settings",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"settings"
|
|
25
25
|
]
|
|
26
26
|
},
|
|
27
|
-
"captured_at": "2026-
|
|
27
|
+
"captured_at": "2026-08-18T01:53:10.975Z",
|
|
28
28
|
"template": [
|
|
29
29
|
{
|
|
30
30
|
"id": "text",
|
|
@@ -225,6 +225,7 @@
|
|
|
225
225
|
{
|
|
226
226
|
"id": "root",
|
|
227
227
|
"component": "Drawer",
|
|
228
|
+
"side": "right",
|
|
228
229
|
"size": "md",
|
|
229
230
|
"children": [
|
|
230
231
|
"header",
|
|
@@ -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
|
},
|