@adia-ai/a2ui-corpus 0.7.19 → 0.7.21
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 +17 -0
- package/chunk-embeddings.json +1 -1
- package/chunks/_index.json +8208 -4773
- package/chunks/admin-shell-rounded-borderless.json +280 -0
- package/chunks/admin-shell-standard.json +303 -0
- package/chunks/agent-artifact-stub-card.json +115 -0
- package/chunks/agent-citations-source-chips.json +78 -0
- package/chunks/agent-pipeline-status-stages.json +69 -0
- package/chunks/agent-tool-call-accordion.json +109 -0
- package/chunks/avatar-stack-overflow.json +124 -0
- package/chunks/billing-cancel-subscription-danger.json +61 -0
- package/chunks/billing-invoice-history-table.json +75 -0
- package/chunks/billing-payment-method-card-on-file.json +157 -0
- package/chunks/bulk-selection-actions-bar.json +161 -0
- package/chunks/business-address-form.json +950 -0
- package/chunks/card-with-empty-state.json +96 -0
- package/chunks/card-with-form.json +143 -0
- package/chunks/card-with-sparkline.json +90 -0
- package/chunks/card-with-stat-kpi.json +95 -0
- package/chunks/chat-empty-state-hero.json +102 -0
- package/chunks/chat-message-assistant-byline.json +85 -0
- package/chunks/chat-message-user-byline.json +84 -0
- package/chunks/checkout-order-summary-card.json +140 -0
- package/chunks/col-form-stack.json +93 -0
- package/chunks/col-heading-body-action.json +79 -0
- package/chunks/col-stat-label.json +72 -0
- package/chunks/contact-form-card.json +197 -0
- package/chunks/contact-support-form.json +699 -0
- package/chunks/cta-banner-centered.json +102 -0
- package/chunks/data-import-wizard.json +12 -3
- package/chunks/departments-checkbox-form.json +387 -0
- package/chunks/drawer-record-detail.json +44 -0
- package/chunks/drawer-with-create-form.json +43 -0
- package/chunks/editor-statusbar-ready.json +99 -0
- package/chunks/editor-toolbar-import-export.json +195 -0
- package/chunks/extended-profile-form.json +509 -0
- package/chunks/feature-grid-three-cards.json +187 -0
- package/chunks/feature-toggle-switch-grid.json +213 -0
- package/chunks/file-upload-field.json +97 -0
- package/chunks/file-upload-form.json +248 -0
- package/chunks/form-field-with-error.json +151 -0
- package/chunks/grid-2col-entry-cards.json +158 -0
- package/chunks/grid-kpi-4col.json +164 -0
- package/chunks/grid-responsive-kpi.json +165 -0
- package/chunks/image-thumbnail-grid.json +77 -0
- package/chunks/integrations-api-keys-card-list.json +475 -0
- package/chunks/integrations-connect-form.json +547 -0
- package/chunks/integrations-webhooks-empty-state.json +66 -0
- package/chunks/key-value-detail-list.json +172 -0
- package/chunks/library-browser-search-filter.json +109 -0
- package/chunks/login-form-card.json +207 -0
- package/chunks/logo-cloud-trusted-by.json +235 -0
- package/chunks/map-with-location-list.json +291 -0
- package/chunks/marketing-page-shell.json +45 -11
- package/chunks/members-active-table-search-filter.json +184 -0
- package/chunks/members-pending-invites-cards.json +251 -0
- package/chunks/members-roles-permissions-list.json +104 -0
- package/chunks/multi-field-form-validation.json +391 -0
- package/chunks/order-confirmation-success-card.json +177 -0
- package/chunks/payment-checkout-form.json +338 -0
- package/chunks/plan-selection-form.json +526 -0
- package/chunks/rating-stars-review-summary.json +258 -0
- package/chunks/reg-step-shell.json +12 -3
- package/chunks/responsive-shell-sidebar.json +79 -0
- package/chunks/row-action-cluster.json +54 -0
- package/chunks/row-avatar-name-role.json +71 -0
- package/chunks/row-icon-label.json +52 -0
- package/chunks/row-spread-label-value.json +54 -0
- package/chunks/row-wrap-tags.json +112 -0
- package/chunks/schedule-meeting-form-card.json +229 -0
- package/chunks/searchable-picker-modal.json +164 -0
- package/chunks/security-active-sessions-devices.json +287 -0
- package/chunks/security-change-password-form.json +102 -0
- package/chunks/security-delete-account-danger.json +79 -0
- package/chunks/settings-admin-page.json +61 -34
- package/chunks/settings-danger-zone-delete-workspace.json +93 -0
- package/chunks/settings-notification-activity-checkboxes.json +108 -0
- package/chunks/settings-notification-channels-switches.json +101 -0
- package/chunks/signup-form-card.json +218 -0
- package/chunks/signup-team-size-form.json +256 -0
- package/chunks/single-select-card-form.json +228 -0
- package/chunks/stack-avatar-badge-overlay.json +53 -0
- package/chunks/stack-image-shimmer.json +51 -0
- package/chunks/stats-band-big-numbers.json +175 -0
- package/chunks/subscription-status-renewal-card.json +229 -0
- package/chunks/table-empty-state.json +116 -0
- package/chunks/table-toolbar-no-search.json +38 -0
- package/chunks/table-toolbar-with-table.json +231 -0
- package/chunks/table-with-toolbar-card.json +76 -0
- package/chunks/team-invite-form.json +377 -0
- package/chunks/testimonial-pull-quote.json +129 -0
- package/chunks/url-import-form.json +725 -0
- package/chunks/usage-quota-meter-card.json +217 -0
- package/package.json +1 -1
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "agent-citations-source-chips",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "row-ui",
|
|
5
|
+
"page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"gap": "2",
|
|
10
|
+
"wrap": ""
|
|
11
|
+
},
|
|
12
|
+
"html": "<row-ui\n gap=\"2\"\n wrap>\n <tag-ui text=\"¹ warehouse.revenue_v4\"></tag-ui>\n <tag-ui text=\"² salesforce.opportunity\"></tag-ui>\n <tag-ui text=\"³ board-prep.notion.so\"></tag-ui>\n <tag-ui text=\"⁴ q4-cohort-analysis\"></tag-ui>\n </row-ui>",
|
|
13
|
+
"source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
|
|
14
|
+
"metadata": {
|
|
15
|
+
"domain": "agent",
|
|
16
|
+
"description": "Agent citations source chips — a wrapping row of tag chips, each a numbered footnote reference to a data source the answer drew from (warehouse table, Salesforce object, Notion doc). The 'where this came from' provenance strip under an AI response.",
|
|
17
|
+
"keywords": [
|
|
18
|
+
"agent",
|
|
19
|
+
"citations",
|
|
20
|
+
"sources",
|
|
21
|
+
"chips",
|
|
22
|
+
"tags",
|
|
23
|
+
"references",
|
|
24
|
+
"footnotes",
|
|
25
|
+
"provenance",
|
|
26
|
+
"grounding",
|
|
27
|
+
"evidence",
|
|
28
|
+
"where",
|
|
29
|
+
"data",
|
|
30
|
+
"came",
|
|
31
|
+
"from",
|
|
32
|
+
"numbered",
|
|
33
|
+
"superscript",
|
|
34
|
+
"warehouse",
|
|
35
|
+
"salesforce",
|
|
36
|
+
"notion",
|
|
37
|
+
"source",
|
|
38
|
+
"attribution",
|
|
39
|
+
"links",
|
|
40
|
+
"retrieval"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
"captured_at": "2026-06-10T16:56:21.616Z",
|
|
44
|
+
"template": [
|
|
45
|
+
{
|
|
46
|
+
"id": "tag",
|
|
47
|
+
"component": "Tag",
|
|
48
|
+
"text": "¹ warehouse.revenue_v4"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"id": "tag-2",
|
|
52
|
+
"component": "Tag",
|
|
53
|
+
"text": "² salesforce.opportunity"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"id": "tag-3",
|
|
57
|
+
"component": "Tag",
|
|
58
|
+
"text": "³ board-prep.notion.so"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"id": "tag-4",
|
|
62
|
+
"component": "Tag",
|
|
63
|
+
"text": "⁴ q4-cohort-analysis"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"id": "root",
|
|
67
|
+
"component": "Row",
|
|
68
|
+
"gap": "2",
|
|
69
|
+
"wrap": true,
|
|
70
|
+
"children": [
|
|
71
|
+
"tag",
|
|
72
|
+
"tag-2",
|
|
73
|
+
"tag-3",
|
|
74
|
+
"tag-4"
|
|
75
|
+
]
|
|
76
|
+
}
|
|
77
|
+
]
|
|
78
|
+
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "agent-pipeline-status-stages",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "col-ui",
|
|
5
|
+
"page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"gap": "2"
|
|
10
|
+
},
|
|
11
|
+
"html": "<col-ui\n gap=\"2\">\n <pipeline-status-ui stage=\"parsing\" status=\"completed\" message=\"Parsing intent\"></pipeline-status-ui>\n <pipeline-status-ui stage=\"retrieval\" status=\"completed\" message=\"Retrieving data\"></pipeline-status-ui>\n <pipeline-status-ui stage=\"rendering\" message=\"Rendering\"></pipeline-status-ui>\n </col-ui>",
|
|
12
|
+
"source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
|
|
13
|
+
"metadata": {
|
|
14
|
+
"domain": "agent",
|
|
15
|
+
"description": "Agent pipeline-status stages — a vertical run of pipeline-status-ui rows tracking a generation pipeline through parsing, retrieval, and rendering, each stage marked completed or in-progress with a status message. The 'what is the AI doing right now' progress indicator.",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"agent",
|
|
18
|
+
"pipeline",
|
|
19
|
+
"status",
|
|
20
|
+
"stages",
|
|
21
|
+
"progress",
|
|
22
|
+
"steps",
|
|
23
|
+
"parsing",
|
|
24
|
+
"retrieval",
|
|
25
|
+
"rendering",
|
|
26
|
+
"generation",
|
|
27
|
+
"completed",
|
|
28
|
+
"in",
|
|
29
|
+
"progress",
|
|
30
|
+
"running",
|
|
31
|
+
"indicator",
|
|
32
|
+
"step",
|
|
33
|
+
"tracker",
|
|
34
|
+
"processing",
|
|
35
|
+
"what",
|
|
36
|
+
"the",
|
|
37
|
+
"assistant",
|
|
38
|
+
"is",
|
|
39
|
+
"doing",
|
|
40
|
+
"live",
|
|
41
|
+
"status"
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
"captured_at": "2026-06-10T16:56:21.616Z",
|
|
45
|
+
"template": [
|
|
46
|
+
{
|
|
47
|
+
"id": "column",
|
|
48
|
+
"component": "Column"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"id": "column-2",
|
|
52
|
+
"component": "Column"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"id": "column-3",
|
|
56
|
+
"component": "Column"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"id": "root",
|
|
60
|
+
"component": "Column",
|
|
61
|
+
"gap": "2",
|
|
62
|
+
"children": [
|
|
63
|
+
"column",
|
|
64
|
+
"column-2",
|
|
65
|
+
"column-3"
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
]
|
|
69
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "agent-tool-call-accordion",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "accordion-ui",
|
|
5
|
+
"page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<accordion-ui>\n <accordion-item-ui>\n <span slot=\"trigger\">\n <row-ui gap=\"2\" align=\"center\">\n <icon-ui name=\"check-circle\" color=\"success\"></icon-ui>\n <text-ui strong>get_revenue</text-ui>\n <text-ui color=\"subtle\">returned 4 rows · 340ms</text-ui>\n <badge-ui text=\"DONE\" variant=\"success\"></badge-ui>\n </row-ui>\n </span>\n <code-ui\n language=\"json\"\n text='{\n \"from\": \"2025-01-01\",\n \"to\": \"2025-12-31\",\n \"group\": \"quarter\"\n}'\n ></code-ui>\n </accordion-item-ui>\n </accordion-ui>",
|
|
10
|
+
"source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "agent",
|
|
13
|
+
"description": "Agent tool-call accordion — collapsible row whose trigger shows the tool name, a success check icon, a return summary (rows + latency), and a DONE status badge; expanding reveals the call's JSON arguments in a code block. The accordion-shaped variant of an agent tool-call result.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"agent",
|
|
16
|
+
"tool",
|
|
17
|
+
"call",
|
|
18
|
+
"accordion",
|
|
19
|
+
"function",
|
|
20
|
+
"invocation",
|
|
21
|
+
"collapsible",
|
|
22
|
+
"trigger",
|
|
23
|
+
"status",
|
|
24
|
+
"badge",
|
|
25
|
+
"done",
|
|
26
|
+
"check",
|
|
27
|
+
"icon",
|
|
28
|
+
"json",
|
|
29
|
+
"arguments",
|
|
30
|
+
"code",
|
|
31
|
+
"block",
|
|
32
|
+
"latency",
|
|
33
|
+
"rows",
|
|
34
|
+
"returned",
|
|
35
|
+
"get_revenue",
|
|
36
|
+
"assistant",
|
|
37
|
+
"trace",
|
|
38
|
+
"expandable"
|
|
39
|
+
]
|
|
40
|
+
},
|
|
41
|
+
"captured_at": "2026-06-10T16:56:21.616Z",
|
|
42
|
+
"template": [
|
|
43
|
+
{
|
|
44
|
+
"id": "check-circle",
|
|
45
|
+
"component": "Icon",
|
|
46
|
+
"name": "check-circle"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"id": "text-2",
|
|
50
|
+
"component": "Text",
|
|
51
|
+
"strong": true,
|
|
52
|
+
"textContent": "get_revenue"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"id": "text-3",
|
|
56
|
+
"component": "Text",
|
|
57
|
+
"color": "subtle",
|
|
58
|
+
"textContent": "returned 4 rows · 340ms"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"id": "badge",
|
|
62
|
+
"component": "Badge",
|
|
63
|
+
"text": "DONE",
|
|
64
|
+
"variant": "success"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"id": "row",
|
|
68
|
+
"component": "Row",
|
|
69
|
+
"align": "center",
|
|
70
|
+
"gap": "2",
|
|
71
|
+
"children": [
|
|
72
|
+
"check-circle",
|
|
73
|
+
"text-2",
|
|
74
|
+
"text-3",
|
|
75
|
+
"badge"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"id": "text",
|
|
80
|
+
"component": "Text",
|
|
81
|
+
"variant": "body",
|
|
82
|
+
"slot": "trigger",
|
|
83
|
+
"children": [
|
|
84
|
+
"row"
|
|
85
|
+
]
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"id": "code",
|
|
89
|
+
"component": "Code",
|
|
90
|
+
"language": "json",
|
|
91
|
+
"text": "{\n \"from\": \"2025-01-01\",\n \"to\": \"2025-12-31\",\n \"group\": \"quarter\"\n}"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"id": "accordion-item",
|
|
95
|
+
"component": "AccordionItem",
|
|
96
|
+
"children": [
|
|
97
|
+
"text",
|
|
98
|
+
"code"
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
"id": "root",
|
|
103
|
+
"component": "Accordion",
|
|
104
|
+
"children": [
|
|
105
|
+
"accordion-item"
|
|
106
|
+
]
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "avatar-stack-overflow",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "section",
|
|
5
|
+
"page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {},
|
|
9
|
+
"html": "<section>\n <row-ui gap=\"3\" align=\"center\">\n <avatar-group-ui max=\"4\" size=\"sm\">\n <avatar-ui text=\"Marco Rossi\"></avatar-ui>\n <avatar-ui text=\"June Chen\"></avatar-ui>\n <avatar-ui text=\"Diana Singh\"></avatar-ui>\n <avatar-ui text=\"Aaron Tan\"></avatar-ui>\n <avatar-ui text=\"Bea Lopez\"></avatar-ui>\n <avatar-ui text=\"Sam Park\"></avatar-ui>\n <avatar-ui text=\"Tariq Idris\"></avatar-ui>\n </avatar-group-ui>\n <text-ui size=\"sm\" color=\"subtle\">7 collaborators</text-ui>\n </row-ui>\n </section>",
|
|
10
|
+
"source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
|
|
11
|
+
"metadata": {
|
|
12
|
+
"domain": "display",
|
|
13
|
+
"description": "Avatar stack with overflow — a row of overlapping member avatars capped at a maximum, with a +N counter for the rest, beside a short 'who's on this' label. The compact 'shared with / collaborators / participants' presence cluster.",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"avatar",
|
|
16
|
+
"stack",
|
|
17
|
+
"group",
|
|
18
|
+
"overlap",
|
|
19
|
+
"overflow",
|
|
20
|
+
"members",
|
|
21
|
+
"collaborators",
|
|
22
|
+
"participants",
|
|
23
|
+
"people",
|
|
24
|
+
"team",
|
|
25
|
+
"shared",
|
|
26
|
+
"with",
|
|
27
|
+
"assignees",
|
|
28
|
+
"attendees",
|
|
29
|
+
"presence",
|
|
30
|
+
"faces",
|
|
31
|
+
"avatar",
|
|
32
|
+
"group",
|
|
33
|
+
"plus",
|
|
34
|
+
"n",
|
|
35
|
+
"more",
|
|
36
|
+
"count",
|
|
37
|
+
"roster",
|
|
38
|
+
"contributors",
|
|
39
|
+
"who",
|
|
40
|
+
"is",
|
|
41
|
+
"here",
|
|
42
|
+
"facepile",
|
|
43
|
+
"overlapping",
|
|
44
|
+
"avatars"
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
"captured_at": "2026-06-10T19:45:40.486Z",
|
|
48
|
+
"template": [
|
|
49
|
+
{
|
|
50
|
+
"id": "avatar",
|
|
51
|
+
"component": "Avatar",
|
|
52
|
+
"text": "Marco Rossi"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"id": "avatar-2",
|
|
56
|
+
"component": "Avatar",
|
|
57
|
+
"text": "June Chen"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"id": "avatar-3",
|
|
61
|
+
"component": "Avatar",
|
|
62
|
+
"text": "Diana Singh"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"id": "avatar-4",
|
|
66
|
+
"component": "Avatar",
|
|
67
|
+
"text": "Aaron Tan"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"id": "avatar-5",
|
|
71
|
+
"component": "Avatar",
|
|
72
|
+
"text": "Bea Lopez"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
"id": "avatar-6",
|
|
76
|
+
"component": "Avatar",
|
|
77
|
+
"text": "Sam Park"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"id": "avatar-7",
|
|
81
|
+
"component": "Avatar",
|
|
82
|
+
"text": "Tariq Idris"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"id": "avatar-group",
|
|
86
|
+
"component": "AvatarGroup",
|
|
87
|
+
"max": 4,
|
|
88
|
+
"size": "sm",
|
|
89
|
+
"children": [
|
|
90
|
+
"avatar",
|
|
91
|
+
"avatar-2",
|
|
92
|
+
"avatar-3",
|
|
93
|
+
"avatar-4",
|
|
94
|
+
"avatar-5",
|
|
95
|
+
"avatar-6",
|
|
96
|
+
"avatar-7"
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"id": "text",
|
|
101
|
+
"component": "Text",
|
|
102
|
+
"color": "subtle",
|
|
103
|
+
"size": "sm",
|
|
104
|
+
"textContent": "7 collaborators"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"id": "row",
|
|
108
|
+
"component": "Row",
|
|
109
|
+
"align": "center",
|
|
110
|
+
"gap": "3",
|
|
111
|
+
"children": [
|
|
112
|
+
"avatar-group",
|
|
113
|
+
"text"
|
|
114
|
+
]
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"id": "root",
|
|
118
|
+
"component": "Section",
|
|
119
|
+
"children": [
|
|
120
|
+
"row"
|
|
121
|
+
]
|
|
122
|
+
}
|
|
123
|
+
]
|
|
124
|
+
}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "billing-cancel-subscription-danger",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/apps/saas/app/billing/billing.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-col": ""
|
|
10
|
+
},
|
|
11
|
+
"html": "<div data-col>\n <alert-ui\n variant=\"danger\"\n icon=\"warning\"\n text=\"Cancelling removes access to Pro features (advanced charts, API exports, priority support) after May 14, 2026.\"\n ></alert-ui>\n <button-ui text=\"Cancel subscription\" color=\"danger\" onclick=\"document.getElementById('drawer-cancel-sub').open = true\"></button-ui>\n </div>",
|
|
12
|
+
"source": "apps/saas/app/billing/billing.contents.html",
|
|
13
|
+
"metadata": {
|
|
14
|
+
"domain": "settings",
|
|
15
|
+
"description": "Cancel subscription section — a danger alert-ui warning of feature loss above a destructive Cancel subscription button. The end-of-period cancellation block for a billing or account page.",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"billing",
|
|
18
|
+
"cancel",
|
|
19
|
+
"subscription",
|
|
20
|
+
"downgrade",
|
|
21
|
+
"end",
|
|
22
|
+
"danger",
|
|
23
|
+
"alert-ui",
|
|
24
|
+
"warning",
|
|
25
|
+
"destructive",
|
|
26
|
+
"button",
|
|
27
|
+
"color-danger",
|
|
28
|
+
"feature-loss",
|
|
29
|
+
"settings",
|
|
30
|
+
"churn",
|
|
31
|
+
"unsubscribe",
|
|
32
|
+
"terminate",
|
|
33
|
+
"plan"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
"captured_at": "2026-06-10T13:16:11.236Z",
|
|
37
|
+
"template": [
|
|
38
|
+
{
|
|
39
|
+
"id": "alert",
|
|
40
|
+
"component": "Alert",
|
|
41
|
+
"icon": "warning",
|
|
42
|
+
"text": "Cancelling removes access to Pro features (advanced charts, API exports, priority support) after May 14, 2026.",
|
|
43
|
+
"variant": "danger"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"id": "button",
|
|
47
|
+
"component": "Button",
|
|
48
|
+
"color": "danger",
|
|
49
|
+
"text": "Cancel subscription"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"id": "root",
|
|
53
|
+
"component": "Column",
|
|
54
|
+
"data-col": "",
|
|
55
|
+
"children": [
|
|
56
|
+
"alert",
|
|
57
|
+
"button"
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
]
|
|
61
|
+
}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "billing-invoice-history-table",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/apps/saas/app/billing/billing.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-col": ""
|
|
10
|
+
},
|
|
11
|
+
"html": "<div data-col>\n <card-ui>\n <section bleed>\n <table-ui id=\"billing-invoices\" sortable striped></table-ui>\n </section>\n </card-ui>\n </div>",
|
|
12
|
+
"source": "apps/saas/app/billing/billing.contents.html",
|
|
13
|
+
"metadata": {
|
|
14
|
+
"domain": "data",
|
|
15
|
+
"description": "Invoice history — a card-ui wrapping a sortable striped table-ui of past invoices for download. For the invoices/receipts section of a billing page where accounting downloads past charges.",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"billing",
|
|
18
|
+
"invoice",
|
|
19
|
+
"history",
|
|
20
|
+
"table",
|
|
21
|
+
"receipts",
|
|
22
|
+
"past",
|
|
23
|
+
"invoices",
|
|
24
|
+
"download",
|
|
25
|
+
"accounting",
|
|
26
|
+
"sortable",
|
|
27
|
+
"striped",
|
|
28
|
+
"table-ui",
|
|
29
|
+
"card-ui",
|
|
30
|
+
"charges",
|
|
31
|
+
"statements",
|
|
32
|
+
"records",
|
|
33
|
+
"data"
|
|
34
|
+
]
|
|
35
|
+
},
|
|
36
|
+
"captured_at": "2026-06-10T13:16:11.236Z",
|
|
37
|
+
"template": [
|
|
38
|
+
{
|
|
39
|
+
"id": "billing-invoices",
|
|
40
|
+
"component": "Table",
|
|
41
|
+
"sortable": true,
|
|
42
|
+
"striped": true
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"id": "section",
|
|
46
|
+
"component": "Section",
|
|
47
|
+
"bleed": true,
|
|
48
|
+
"children": [
|
|
49
|
+
"column"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"id": "column",
|
|
54
|
+
"component": "Column",
|
|
55
|
+
"children": [
|
|
56
|
+
"billing-invoices"
|
|
57
|
+
]
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"id": "card",
|
|
61
|
+
"component": "Card",
|
|
62
|
+
"children": [
|
|
63
|
+
"section"
|
|
64
|
+
]
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"id": "root",
|
|
68
|
+
"component": "Column",
|
|
69
|
+
"data-col": "",
|
|
70
|
+
"children": [
|
|
71
|
+
"card"
|
|
72
|
+
]
|
|
73
|
+
}
|
|
74
|
+
]
|
|
75
|
+
}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "billing-payment-method-card-on-file",
|
|
3
|
+
"kind": "block",
|
|
4
|
+
"primary": "div",
|
|
5
|
+
"page": "/apps/saas/app/billing/billing.contents.html",
|
|
6
|
+
"slots": [],
|
|
7
|
+
"nested": [],
|
|
8
|
+
"attrs": {
|
|
9
|
+
"data-col": ""
|
|
10
|
+
},
|
|
11
|
+
"html": "<div data-col>\n <card-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"credit-card\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Visa ending in 4242</text-ui>\n </span>\n <span slot=\"action\">\n <button-ui text=\"Update\" variant=\"outline\" size=\"sm\" onclick=\"document.getElementById('drawer-payment-method').open = true\"></button-ui>\n </span>\n <span slot=\"description\">\n <text-ui color=\"subtle\" size=\"sm\">Expires 08/2028</text-ui>\n </span>\n </header>\n </card-ui>\n <field-ui label=\"Billing email\">\n <input-ui value=\"billing@acme.com\" prefix=\"@\"></input-ui>\n </field-ui>\n <field-ui label=\"Tax ID (VAT / EIN)\">\n <input-ui placeholder=\"Optional\"></input-ui>\n </field-ui>\n </div>",
|
|
12
|
+
"source": "apps/saas/app/billing/billing.contents.html",
|
|
13
|
+
"metadata": {
|
|
14
|
+
"domain": "settings",
|
|
15
|
+
"description": "Payment method on file — a card-ui showing the saved credit card (brand, last four, expiry) with an Update action, plus billing-email and tax-ID fields. For the payment section of a billing or account settings page.",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"billing",
|
|
18
|
+
"payment",
|
|
19
|
+
"method",
|
|
20
|
+
"credit",
|
|
21
|
+
"card",
|
|
22
|
+
"on-file",
|
|
23
|
+
"visa",
|
|
24
|
+
"last-four",
|
|
25
|
+
"expiry",
|
|
26
|
+
"update",
|
|
27
|
+
"card-ui",
|
|
28
|
+
"avatar",
|
|
29
|
+
"billing-email",
|
|
30
|
+
"tax-id",
|
|
31
|
+
"vat",
|
|
32
|
+
"ein",
|
|
33
|
+
"recurring",
|
|
34
|
+
"charges",
|
|
35
|
+
"settings",
|
|
36
|
+
"subscription"
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
"captured_at": "2026-06-10T13:16:11.236Z",
|
|
40
|
+
"template": [
|
|
41
|
+
{
|
|
42
|
+
"id": "avatar",
|
|
43
|
+
"component": "Avatar",
|
|
44
|
+
"icon": "credit-card"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"id": "text",
|
|
48
|
+
"component": "Text",
|
|
49
|
+
"variant": "body",
|
|
50
|
+
"slot": "icon",
|
|
51
|
+
"children": [
|
|
52
|
+
"avatar"
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"id": "text-3",
|
|
57
|
+
"component": "Text",
|
|
58
|
+
"strong": true,
|
|
59
|
+
"textContent": "Visa ending in 4242"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"id": "text-2",
|
|
63
|
+
"component": "Text",
|
|
64
|
+
"variant": "body",
|
|
65
|
+
"slot": "heading",
|
|
66
|
+
"children": [
|
|
67
|
+
"text-3"
|
|
68
|
+
]
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"id": "button",
|
|
72
|
+
"component": "Button",
|
|
73
|
+
"size": "sm",
|
|
74
|
+
"text": "Update",
|
|
75
|
+
"variant": "outline"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"id": "text-4",
|
|
79
|
+
"component": "Text",
|
|
80
|
+
"variant": "body",
|
|
81
|
+
"slot": "action",
|
|
82
|
+
"children": [
|
|
83
|
+
"button"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"id": "text-6",
|
|
88
|
+
"component": "Text",
|
|
89
|
+
"color": "subtle",
|
|
90
|
+
"size": "sm",
|
|
91
|
+
"textContent": "Expires 08/2028"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"id": "text-5",
|
|
95
|
+
"component": "Text",
|
|
96
|
+
"variant": "body",
|
|
97
|
+
"slot": "description",
|
|
98
|
+
"children": [
|
|
99
|
+
"text-6"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"id": "header",
|
|
104
|
+
"component": "Header",
|
|
105
|
+
"children": [
|
|
106
|
+
"text",
|
|
107
|
+
"text-2",
|
|
108
|
+
"text-4",
|
|
109
|
+
"text-5"
|
|
110
|
+
]
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"id": "card",
|
|
114
|
+
"component": "Card",
|
|
115
|
+
"children": [
|
|
116
|
+
"header"
|
|
117
|
+
]
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"id": "input",
|
|
121
|
+
"component": "Input",
|
|
122
|
+
"prefix": "@",
|
|
123
|
+
"value": "billing@acme.com"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"id": "field",
|
|
127
|
+
"component": "Field",
|
|
128
|
+
"label": "Billing email",
|
|
129
|
+
"children": [
|
|
130
|
+
"input"
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"id": "input-2",
|
|
135
|
+
"component": "Input",
|
|
136
|
+
"placeholder": "Optional"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"id": "field-2",
|
|
140
|
+
"component": "Field",
|
|
141
|
+
"label": "Tax ID (VAT / EIN)",
|
|
142
|
+
"children": [
|
|
143
|
+
"input-2"
|
|
144
|
+
]
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"id": "root",
|
|
148
|
+
"component": "Column",
|
|
149
|
+
"data-col": "",
|
|
150
|
+
"children": [
|
|
151
|
+
"card",
|
|
152
|
+
"field",
|
|
153
|
+
"field-2"
|
|
154
|
+
]
|
|
155
|
+
}
|
|
156
|
+
]
|
|
157
|
+
}
|