@adia-ai/a2ui-corpus 0.4.0 → 0.4.2
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 +28 -0
- package/catalog-a2ui_0_9.json +446 -6
- package/catalog-a2ui_0_9_rules.txt +15 -0
- package/chunks/_index.json +26 -26
- package/chunks/agent-activity-feed.json +2 -2
- package/chunks/agent-canvas-shell.json +2 -2
- package/chunks/agent-reasoning-collapsed.json +2 -2
- package/chunks/chat-page-shell.json +2 -2
- package/chunks/chat-streaming-surface.json +2 -2
- package/chunks/command-palette.json +2 -2
- package/chunks/conversion-funnel-6step.json +2 -2
- package/chunks/destructive-confirm-modal.json +2 -2
- package/chunks/doc-editor-shell.json +2 -2
- package/chunks/editor-code-pane.json +2 -2
- package/chunks/editor-page-shell.json +2 -2
- package/chunks/editor-preview-pane.json +2 -2
- package/chunks/error-page-shell.json +2 -2
- package/chunks/form-page-shell.json +2 -2
- package/chunks/gallery-page-shell.json +2 -2
- package/chunks/kanban-board-3col.json +2 -2
- package/chunks/kanban-page-shell.json +2 -2
- package/chunks/marketing-hero-cta.json +2 -2
- package/chunks/marketing-page-shell.json +2 -2
- package/chunks/playground-app-shell.json +4 -4
- package/chunks/playground-chat.json +2 -2
- package/chunks/playground-table-toolbar.json +2 -2
- package/chunks/settings-notifications.json +2 -2
- package/chunks/settings-page-shell.json +2 -2
- package/chunks/user-profile-card.json +2 -2
- package/chunks/users-table-badge.json +2 -2
- package/fragments/action/footer-cancel-save.json +1 -1
- package/fragments/action/footer-cancel-save.yaml +1 -1
- package/fragments/action/footer-primary-only.json +1 -1
- package/fragments/action/footer-primary-only.yaml +1 -1
- package/fragments/content/calendar-day-cell.json +1 -1
- package/fragments/content/credential-entry-atom.json +1 -3
- package/fragments/content/directory-entry-atom.json +1 -3
- package/fragments/content/health-entry-atom.json +1 -3
- package/fragments/content/icon-text-row.json +1 -1
- package/fragments/content/icon-text-row.yaml +1 -1
- package/fragments/content/icon-title-description.json +1 -1
- package/fragments/content/icon-title-description.yaml +1 -1
- package/fragments/content/incident-row.json +1 -3
- package/fragments/content/key-value-row.json +1 -1
- package/fragments/content/key-value-row.yaml +1 -1
- package/fragments/content/labeled-progress.json +1 -1
- package/fragments/content/labeled-progress.yaml +1 -1
- package/fragments/content/marketplace-tile-atom.json +1 -3
- package/fragments/content/release-entry.json +1 -5
- package/fragments/content/rollout-entry-atom.json +1 -3
- package/fragments/content/signed-in-entry-atom.json +1 -3
- package/fragments/content/stage-entry-atom.json +1 -3
- package/fragments/content/stat-card.json +1 -1
- package/fragments/content/stat-card.yaml +1 -1
- package/fragments/content/user-identity-row.json +1 -1
- package/fragments/content/user-identity-row.yaml +1 -1
- package/fragments/content/user-notification-row.json +1 -1
- package/fragments/content/user-notification-row.yaml +1 -1
- package/fragments/form/labeled-checkbox.json +1 -1
- package/fragments/form/labeled-checkbox.yaml +1 -1
- package/fragments/form/labeled-input.json +1 -1
- package/fragments/form/labeled-input.yaml +1 -1
- package/fragments/form/labeled-textarea.json +1 -1
- package/fragments/form/labeled-textarea.yaml +1 -1
- package/fragments/form/labeled-toggle.json +1 -1
- package/fragments/form/labeled-toggle.yaml +1 -1
- package/fragments/layout/card-header-heading.json +1 -5
- package/fragments/layout/card-header-heading.yaml +1 -1
- package/fragments/layout/card-header-with-badge.json +1 -1
- package/fragments/layout/card-header-with-badge.yaml +1 -1
- package/fragments/layout/card-header-with-description.json +1 -1
- package/fragments/layout/card-header-with-description.yaml +1 -1
- package/fragments/layout/text-card.json +1 -1
- package/fragments/layout/text-card.yaml +1 -1
- package/package.json +1 -1
- package/fragments/layout/auth-card-header.json +0 -64
package/chunks/_index.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"primary": "admin-shell",
|
|
16
16
|
"instances": 1,
|
|
17
17
|
"pages": [
|
|
18
|
-
"/
|
|
18
|
+
"/playgrounds/admin-shell/app/admin-shell.contents.html"
|
|
19
19
|
],
|
|
20
20
|
"slots": [],
|
|
21
21
|
"nested": []
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"primary": "chat-shell",
|
|
27
27
|
"instances": 1,
|
|
28
28
|
"pages": [
|
|
29
|
-
"/
|
|
29
|
+
"/playgrounds/chat/app/chat.contents.html"
|
|
30
30
|
],
|
|
31
31
|
"slots": [],
|
|
32
32
|
"nested": []
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
"primary": "article",
|
|
196
196
|
"instances": 1,
|
|
197
197
|
"pages": [
|
|
198
|
-
"/
|
|
198
|
+
"/catalog/page-shells/app/agent-canvas/agent-canvas.contents.html"
|
|
199
199
|
],
|
|
200
200
|
"slots": [
|
|
201
201
|
"toolbar",
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
"primary": "article",
|
|
212
212
|
"instances": 1,
|
|
213
213
|
"pages": [
|
|
214
|
-
"/
|
|
214
|
+
"/catalog/page-shells/app/chat-page/chat-page.contents.html"
|
|
215
215
|
],
|
|
216
216
|
"slots": [
|
|
217
217
|
"sidebar",
|
|
@@ -227,7 +227,7 @@
|
|
|
227
227
|
"primary": "article",
|
|
228
228
|
"instances": 1,
|
|
229
229
|
"pages": [
|
|
230
|
-
"/
|
|
230
|
+
"/catalog/page-shells/app/doc-editor/doc-editor.contents.html"
|
|
231
231
|
],
|
|
232
232
|
"slots": [
|
|
233
233
|
"toolbar",
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
"primary": "article",
|
|
244
244
|
"instances": 1,
|
|
245
245
|
"pages": [
|
|
246
|
-
"/
|
|
246
|
+
"/catalog/page-shells/app/editor-page/editor-page.contents.html"
|
|
247
247
|
],
|
|
248
248
|
"slots": [
|
|
249
249
|
"editor-pane",
|
|
@@ -257,7 +257,7 @@
|
|
|
257
257
|
"primary": "article",
|
|
258
258
|
"instances": 1,
|
|
259
259
|
"pages": [
|
|
260
|
-
"/
|
|
260
|
+
"/catalog/page-shells/app/error-page/error-page.contents.html"
|
|
261
261
|
],
|
|
262
262
|
"slots": [
|
|
263
263
|
"error-content",
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
"primary": "article",
|
|
272
272
|
"instances": 1,
|
|
273
273
|
"pages": [
|
|
274
|
-
"/
|
|
274
|
+
"/catalog/page-shells/app/form-page/form-page.contents.html"
|
|
275
275
|
],
|
|
276
276
|
"slots": [
|
|
277
277
|
"page-header",
|
|
@@ -286,7 +286,7 @@
|
|
|
286
286
|
"primary": "article",
|
|
287
287
|
"instances": 1,
|
|
288
288
|
"pages": [
|
|
289
|
-
"/
|
|
289
|
+
"/catalog/page-shells/app/gallery-page/gallery-page.contents.html"
|
|
290
290
|
],
|
|
291
291
|
"slots": [
|
|
292
292
|
"header",
|
|
@@ -302,7 +302,7 @@
|
|
|
302
302
|
"primary": "article",
|
|
303
303
|
"instances": 1,
|
|
304
304
|
"pages": [
|
|
305
|
-
"/
|
|
305
|
+
"/catalog/page-shells/app/kanban-page/kanban-page.contents.html"
|
|
306
306
|
],
|
|
307
307
|
"slots": [
|
|
308
308
|
"header",
|
|
@@ -317,7 +317,7 @@
|
|
|
317
317
|
"primary": "article",
|
|
318
318
|
"instances": 1,
|
|
319
319
|
"pages": [
|
|
320
|
-
"/
|
|
320
|
+
"/catalog/page-shells/app/marketing-page/marketing-page.contents.html"
|
|
321
321
|
],
|
|
322
322
|
"slots": [
|
|
323
323
|
"hero",
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
"primary": "article",
|
|
333
333
|
"instances": 1,
|
|
334
334
|
"pages": [
|
|
335
|
-
"/
|
|
335
|
+
"/catalog/page-shells/app/settings-page/settings-page.contents.html"
|
|
336
336
|
],
|
|
337
337
|
"slots": [
|
|
338
338
|
"page-header",
|
|
@@ -391,7 +391,7 @@
|
|
|
391
391
|
"primary": "card-ui",
|
|
392
392
|
"instances": 1,
|
|
393
393
|
"pages": [
|
|
394
|
-
"/
|
|
394
|
+
"/catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html"
|
|
395
395
|
],
|
|
396
396
|
"slots": [],
|
|
397
397
|
"nested": []
|
|
@@ -402,7 +402,7 @@
|
|
|
402
402
|
"primary": "card-ui",
|
|
403
403
|
"instances": 1,
|
|
404
404
|
"pages": [
|
|
405
|
-
"/
|
|
405
|
+
"/catalog/ui-patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html"
|
|
406
406
|
],
|
|
407
407
|
"slots": [],
|
|
408
408
|
"nested": []
|
|
@@ -413,7 +413,7 @@
|
|
|
413
413
|
"primary": "card-ui",
|
|
414
414
|
"instances": 1,
|
|
415
415
|
"pages": [
|
|
416
|
-
"/
|
|
416
|
+
"/catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html"
|
|
417
417
|
],
|
|
418
418
|
"slots": [],
|
|
419
419
|
"nested": []
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
"primary": "modal-ui",
|
|
425
425
|
"instances": 1,
|
|
426
426
|
"pages": [
|
|
427
|
-
"/
|
|
427
|
+
"/catalog/ui-patterns/app/command-palette/command-palette.contents.html"
|
|
428
428
|
],
|
|
429
429
|
"slots": [],
|
|
430
430
|
"nested": []
|
|
@@ -435,7 +435,7 @@
|
|
|
435
435
|
"primary": "card-ui",
|
|
436
436
|
"instances": 1,
|
|
437
437
|
"pages": [
|
|
438
|
-
"/
|
|
438
|
+
"/catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html"
|
|
439
439
|
],
|
|
440
440
|
"slots": [],
|
|
441
441
|
"nested": []
|
|
@@ -446,7 +446,7 @@
|
|
|
446
446
|
"primary": "modal-ui",
|
|
447
447
|
"instances": 1,
|
|
448
448
|
"pages": [
|
|
449
|
-
"/
|
|
449
|
+
"/catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html"
|
|
450
450
|
],
|
|
451
451
|
"slots": [],
|
|
452
452
|
"nested": []
|
|
@@ -457,7 +457,7 @@
|
|
|
457
457
|
"primary": "section",
|
|
458
458
|
"instances": 1,
|
|
459
459
|
"pages": [
|
|
460
|
-
"/
|
|
460
|
+
"/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html"
|
|
461
461
|
],
|
|
462
462
|
"slots": [],
|
|
463
463
|
"nested": []
|
|
@@ -468,7 +468,7 @@
|
|
|
468
468
|
"primary": "section",
|
|
469
469
|
"instances": 1,
|
|
470
470
|
"pages": [
|
|
471
|
-
"/
|
|
471
|
+
"/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html"
|
|
472
472
|
],
|
|
473
473
|
"slots": [],
|
|
474
474
|
"nested": []
|
|
@@ -479,7 +479,7 @@
|
|
|
479
479
|
"primary": "grid-ui",
|
|
480
480
|
"instances": 1,
|
|
481
481
|
"pages": [
|
|
482
|
-
"/
|
|
482
|
+
"/catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html"
|
|
483
483
|
],
|
|
484
484
|
"slots": [],
|
|
485
485
|
"nested": []
|
|
@@ -490,7 +490,7 @@
|
|
|
490
490
|
"primary": "section",
|
|
491
491
|
"instances": 1,
|
|
492
492
|
"pages": [
|
|
493
|
-
"/
|
|
493
|
+
"/catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html"
|
|
494
494
|
],
|
|
495
495
|
"slots": [],
|
|
496
496
|
"nested": []
|
|
@@ -501,7 +501,7 @@
|
|
|
501
501
|
"primary": "card-ui",
|
|
502
502
|
"instances": 1,
|
|
503
503
|
"pages": [
|
|
504
|
-
"/
|
|
504
|
+
"/catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html"
|
|
505
505
|
],
|
|
506
506
|
"slots": [],
|
|
507
507
|
"nested": []
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
"primary": "card-ui",
|
|
513
513
|
"instances": 1,
|
|
514
514
|
"pages": [
|
|
515
|
-
"/
|
|
515
|
+
"/catalog/ui-patterns/app/user-profile-card/user-profile-card.contents.html"
|
|
516
516
|
],
|
|
517
517
|
"slots": [],
|
|
518
518
|
"nested": []
|
|
@@ -523,7 +523,7 @@
|
|
|
523
523
|
"primary": "card-ui",
|
|
524
524
|
"instances": 1,
|
|
525
525
|
"pages": [
|
|
526
|
-
"/
|
|
526
|
+
"/catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html"
|
|
527
527
|
],
|
|
528
528
|
"slots": [],
|
|
529
529
|
"nested": []
|
|
@@ -1155,7 +1155,7 @@
|
|
|
1155
1155
|
"primary": "table-toolbar-ui",
|
|
1156
1156
|
"instances": 1,
|
|
1157
1157
|
"pages": [
|
|
1158
|
-
"/
|
|
1158
|
+
"/playgrounds/table-toolbar/app/table-toolbar.contents.html"
|
|
1159
1159
|
],
|
|
1160
1160
|
"slots": [],
|
|
1161
1161
|
"nested": []
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "agent-activity-feed",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "card-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<card-ui>\n <header>\n <h3>Agent Activity</h3>\n <text-ui slot=\"description\" color=\"subtle\">Live reasoning trace</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <agent-trace-ui></agent-trace-ui>\n <agent-reasoning-ui></agent-reasoning-ui>\n <agent-artifact-ui></agent-artifact-ui>\n </col-ui>\n </section>\n</card-ui>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "agent-canvas-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "toolbar",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
30
|
"html": "<article style=\"display:flex; height:100vh;\">\n <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan\"></button-ui>\n <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" tooltip=\"Add node\"></button-ui>\n <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\" tooltip=\"Delete\"></button-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n <button-ui text=\"Export\" variant=\"outline\" size=\"sm\" icon=\"download\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"canvas\" style=\"flex:1; background:var(--a-bg-subtle); position:relative; overflow:hidden;\">\n <text-ui color=\"subtle\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">Canvas surface</text-ui>\n </section>\n </section>\n\n <aside style=\"width:280px; display:flex; flex-direction:column; border-left:1px solid var(--a-border-subtle);\">\n <section data-chunk-slot=\"inspector\" style=\"flex:1; overflow:auto; padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n <stack-ui gap=\"3\">\n <text-ui strong size=\"lg\">Inspector</text-ui>\n <stack-ui gap=\"1\">\n <label-ui>Label</label-ui>\n <input-ui value=\"Untitled node\"></input-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Type</label-ui>\n <select-ui>\n <option>LLM</option>\n <option>Tool</option>\n <option>Condition</option>\n </select-ui>\n </stack-ui>\n </stack-ui>\n </section>\n\n <section data-chunk-slot=\"chat\" style=\"height:240px; display:flex; flex-direction:column;\">\n <header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n <text-ui strong size=\"sm\">Agent</text-ui>\n </header>\n <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n </section>\n <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--a-border-subtle);\">\n <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n </footer>\n </section>\n </aside>\n</article>",
|
|
31
|
-
"source": "
|
|
31
|
+
"source": "catalog/page-shells/app/agent-canvas/agent-canvas.contents.html",
|
|
32
32
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
33
33
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "agent-reasoning-collapsed",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "card-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<card-ui>\n <header>\n <h3>Reasoning</h3>\n <text-ui slot=\"description\" color=\"subtle\">Collapsible intermediate steps</text-ui>\n </header>\n <section>\n <agent-reasoning-ui></agent-reasoning-ui>\n </section>\n</card-ui>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "chat-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/chat-page/chat-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "sidebar",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
30
|
"html": "<article style=\"display:flex; height:100vh;\">\n <aside data-chunk-slot=\"sidebar\" style=\"width:240px; display:flex; flex-direction:column; border-right:1px solid var(--a-border-subtle);\">\n <header style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n <text-ui strong size=\"lg\">Conversations</text-ui>\n </header>\n <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n <stack-ui gap=\"1\">\n <card-ui variant=\"subtle\" padding=\"sm\">\n <text-ui strong>Engineering</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">12 messages</text-ui>\n </card-ui>\n <card-ui variant=\"subtle\" padding=\"sm\">\n <text-ui strong>Design</text-ui>\n <text-ui size=\"sm\" color=\"subtle\">5 messages</text-ui>\n </card-ui>\n </stack-ui>\n </section>\n </aside>\n\n <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n <header data-chunk-slot=\"header\" style=\"padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <text-ui strong size=\"lg\">#engineering</text-ui>\n <row-ui gap=\"2\">\n <button-ui icon=\"search\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n </header>\n\n <section data-chunk-slot=\"messages\" style=\"flex:1; overflow:auto; padding:var(--a-space-3);\">\n <stack-ui gap=\"3\">\n <row-ui gap=\"2\" align=\"start\">\n <avatar-ui src=\"/avatar-1.png\" size=\"sm\"></avatar-ui>\n <card-ui variant=\"subtle\" padding=\"sm\">\n <text-ui>Hey team, the deploy is ready for review.</text-ui>\n </card-ui>\n </row-ui>\n <row-ui gap=\"2\" align=\"start\" justify=\"end\">\n <card-ui variant=\"primary\" padding=\"sm\">\n <text-ui>On it — checking the staging logs now.</text-ui>\n </card-ui>\n <avatar-ui src=\"/avatar-2.png\" size=\"sm\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </section>\n\n <footer data-chunk-slot=\"input\" style=\"padding:var(--a-space-3); border-top:1px solid var(--a-border-subtle);\">\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n <input-ui placeholder=\"Type a message…\" style=\"flex:1;\"></input-ui>\n <button-ui icon=\"paper-plane\" variant=\"primary\" size=\"sm\"></button-ui>\n </row-ui>\n </footer>\n </section>\n</article>",
|
|
31
|
-
"source": "
|
|
31
|
+
"source": "catalog/page-shells/app/chat-page/chat-page.contents.html",
|
|
32
32
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
33
33
|
}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
"name": "chat-streaming-surface",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "card-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {
|
|
9
9
|
"raw": ""
|
|
10
10
|
},
|
|
11
11
|
"html": "<card-ui raw>\n <section>\n <chat-thread-ui streaming>\n <div role=\"user\">What's the status?</div>\n <div role=\"assistant\">Processing your request...</div>\n </chat-thread-ui>\n </section>\n <footer>\n <row-ui gap=\"2\" align=\"center\">\n <chat-input-ui placeholder=\"Ask follow-up...\" grow></chat-input-ui>\n <button-ui icon=\"paper-plane-right\" variant=\"primary\" size=\"sm\"></button-ui>\n </row-ui>\n </footer>\n</card-ui>",
|
|
12
|
-
"source": "
|
|
12
|
+
"source": "catalog/ui-patterns/app/chat-streaming-surface/chat-streaming-surface.contents.html",
|
|
13
13
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
14
14
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "command-palette",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "modal-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/command-palette/command-palette.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<modal-ui>\n <header>\n <input-ui placeholder=\"Search commands...\" icon=\"magnifying-glass\" autofocus></input-ui>\n </header>\n <section>\n <command-ui></command-ui>\n </section>\n</modal-ui>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/command-palette/command-palette.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "conversion-funnel-6step",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "card-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<card-ui>\n <header>\n <h3>Conversion Funnel</h3>\n <text-ui slot=\"description\" color=\"subtle\">6 stages from visit to purchase</text-ui>\n </header>\n <section>\n <col-ui gap=\"3\">\n <row-ui align=\"center\" gap=\"3\">\n <col-ui gap=\"0\" grow>\n <text-ui strong>Visited landing page</text-ui>\n <text-ui color=\"subtle\" size=\"sm\">28,432 visitors</text-ui>\n </col-ui>\n <text-ui strong>100%</text-ui>\n </row-ui>\n <progress-row-ui label=\"Viewed pricing\" value=\"68\" meta=\"19,334 · 68%\"></progress-row-ui>\n <progress-row-ui label=\"Started trial\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n <progress-row-ui label=\"Used core feature\" value=\"18\" meta=\"5,118 · 18%\"></progress-row-ui>\n <progress-row-ui label=\"Upgraded to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n </col-ui>\n </section>\n</card-ui>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "destructive-confirm-modal",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "modal-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<modal-ui>\n <header>\n <span slot=\"icon\">\n <avatar-ui icon=\"warning-circle\" color=\"danger\"></avatar-ui>\n </span>\n <span slot=\"heading\">\n <text-ui strong>Are you sure?</text-ui>\n </span>\n </header>\n <section>\n <col-ui gap=\"3\">\n <text-ui>This action cannot be undone. Type the resource name below to confirm.</text-ui>\n <field-ui label=\"Resource name\">\n <input-ui placeholder=\"my-resource-123\"></input-ui>\n </field-ui>\n </col-ui>\n </section>\n <footer>\n <row-ui gap=\"2\" justify=\"end\">\n <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n </row-ui>\n </footer>\n</modal-ui>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "doc-editor-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/doc-editor/doc-editor.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "toolbar",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
30
|
"html": "<article style=\"display:flex; height:100vh;\">\n <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n <row-ui gap=\"2\" align=\"center\">\n <button-ui icon=\"bold\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n <separator-ui orientation=\"vertical\"></separator-ui>\n <button-ui icon=\"list\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n </row-ui>\n <row-ui gap=\"2\">\n <button-ui text=\"Share\" variant=\"outline\" size=\"sm\" icon=\"share\"></button-ui>\n <button-ui text=\"Publish\" variant=\"primary\" size=\"sm\" icon=\"globe\"></button-ui>\n </row-ui>\n </header>\n\n <section style=\"flex:1; display:flex; overflow:hidden;\">\n <section data-chunk-slot=\"editor\" style=\"flex:1; padding:var(--a-space-4); overflow:auto;\">\n <stack-ui gap=\"3\" style=\"max-width:720px; margin:0 auto;\">\n <input-ui placeholder=\"Document title\" size=\"lg\" style=\"font-weight:600;\"></input-ui>\n <textarea-ui placeholder=\"Start writing…\" style=\"min-height:400px; resize:vertical;\"></textarea-ui>\n </stack-ui>\n </section>\n\n <aside data-chunk-slot=\"preview\" style=\"width:360px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto; background:var(--a-bg-subtle);\">\n <stack-ui gap=\"3\">\n <text-ui strong size=\"sm\">Preview</text-ui>\n <card-ui padding=\"md\">\n <text-ui color=\"subtle\">Rendered preview will appear here.</text-ui>\n </card-ui>\n </stack-ui>\n </aside>\n </section>\n </section>\n\n <aside data-chunk-slot=\"metadata\" style=\"width:240px; border-left:1px solid var(--a-border-subtle); padding:var(--a-space-3); overflow:auto;\">\n <stack-ui gap=\"4\">\n <text-ui strong size=\"sm\">Metadata</text-ui>\n <stack-ui gap=\"1\">\n <label-ui>Status</label-ui>\n <select-ui>\n <option>Draft</option>\n <option>Review</option>\n <option>Published</option>\n </select-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Tags</label-ui>\n <input-ui placeholder=\"Add tags…\"></input-ui>\n </stack-ui>\n <stack-ui gap=\"1\">\n <label-ui>Author</label-ui>\n <row-ui gap=\"2\" align=\"center\">\n <avatar-ui size=\"sm\" src=\"/avatar.png\"></avatar-ui>\n <text-ui size=\"sm\">Alex Chen</text-ui>\n </row-ui>\n </stack-ui>\n </stack-ui>\n </aside>\n</article>",
|
|
31
|
-
"source": "
|
|
31
|
+
"source": "catalog/page-shells/app/doc-editor/doc-editor.contents.html",
|
|
32
32
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
33
33
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "editor-code-pane",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "section",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<section style=\"display:flex; flex-direction:column; height:100%;\">\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n </row-ui>\n </header>\n <section style=\"flex:1; padding:8px; background:var(--a-bg-chrome);\">\n <textarea-ui placeholder=\"// Write your code here\" style=\"height:100%; width:100%; font-family:monospace;\"></textarea-ui>\n </section>\n</section>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "editor-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/editor-page/editor-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "editor-pane",
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
"nested": [],
|
|
19
19
|
"attrs": {},
|
|
20
20
|
"html": "<article style=\"display:flex; height:100vh;\">\n <section data-chunk-slot=\"editor-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n <button-ui text=\"Save\" variant=\"outline\" size=\"sm\" icon=\"floppy-disk\"></button-ui>\n </row-ui>\n </header>\n <section style=\"flex:1;\">\n <textarea-ui placeholder=\"// Write your code here\" style=\"height:100%;\"></textarea-ui>\n </section>\n </section>\n\n <section data-chunk-slot=\"preview-pane\" style=\"flex:1; display:flex; flex-direction:column;\">\n <header>\n <text-ui strong>Preview</text-ui>\n </header>\n <section style=\"flex:1; background:var(--a-bg-subtle);\">\n <text-ui color=\"subtle\">Preview will appear here</text-ui>\n </section>\n </section>\n</article>",
|
|
21
|
-
"source": "
|
|
21
|
+
"source": "catalog/page-shells/app/editor-page/editor-page.contents.html",
|
|
22
22
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
23
23
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "editor-preview-pane",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "section",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<section style=\"display:flex; flex-direction:column; height:100%;\">\n <header>\n <text-ui strong size=\"sm\">Preview</text-ui>\n </header>\n <section style=\"flex:1; padding:8px; background:var(--a-bg-1);\">\n <text-ui color=\"subtle\">Live preview will appear here</text-ui>\n </section>\n</section>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "error-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/error-page/error-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "error-content",
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
"nested": [],
|
|
19
19
|
"attrs": {},
|
|
20
20
|
"html": "<article>\n <section data-chunk-slot=\"error-content\">\n <col-ui align=\"center\" gap=\"4\">\n <text-ui size=\"xl\" variant=\"display\">404</text-ui>\n <h1>Page not found</h1>\n <text-ui color=\"subtle\">The page you are looking for does not exist or has been moved.</text-ui>\n </col-ui>\n </section>\n\n <nav data-chunk-slot=\"navigation\">\n <row-ui gap=\"3\" justify=\"center\">\n <button-ui text=\"Go home\" variant=\"primary\" icon=\"house\"></button-ui>\n <button-ui text=\"Back\" variant=\"outline\" icon=\"arrow-left\"></button-ui>\n </row-ui>\n </nav>\n</article>",
|
|
21
|
-
"source": "
|
|
21
|
+
"source": "catalog/page-shells/app/error-page/error-page.contents.html",
|
|
22
22
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
23
23
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "form-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/form-page/form-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "page-header",
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
25
|
"html": "<article>\n <header data-chunk-slot=\"page-header\">\n <h1>Sign in</h1>\n <text-ui color=\"subtle\">Enter your credentials to continue</text-ui>\n </header>\n\n <section data-chunk-slot=\"form-content\">\n <form>\n <field-ui label=\"Email\">\n <input-ui type=\"email\" placeholder=\"you@example.com\"></input-ui>\n </field-ui>\n <field-ui label=\"Password\">\n <input-ui type=\"password\" placeholder=\"••••••••\"></input-ui>\n </field-ui>\n </form>\n </section>\n\n <footer data-chunk-slot=\"page-footer\">\n <button-ui text=\"Sign in\" variant=\"primary\"></button-ui>\n <button-ui text=\"Forgot password?\" variant=\"ghost\" size=\"sm\"></button-ui>\n </footer>\n</article>",
|
|
26
|
-
"source": "
|
|
26
|
+
"source": "catalog/page-shells/app/form-page/form-page.contents.html",
|
|
27
27
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
28
28
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "gallery-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/gallery-page/gallery-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "header",
|
|
@@ -28,6 +28,6 @@
|
|
|
28
28
|
"nested": [],
|
|
29
29
|
"attrs": {},
|
|
30
30
|
"html": "<article 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(--a-border-subtle); 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(--a-border-subtle); display:flex; align-items:center; gap:var(--a-space-2);\">\n <input-ui placeholder=\"Search media…\" icon=\"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=\"4\" 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 <text-ui color=\"subtle\" size=\"sm\">Image 1</text-ui>\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 <text-ui color=\"subtle\" size=\"sm\">Image 2</text-ui>\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 <text-ui color=\"subtle\" size=\"sm\">Image 3</text-ui>\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 <text-ui color=\"subtle\" size=\"sm\">Image 4</text-ui>\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 <text-ui color=\"subtle\" size=\"sm\">Image 5</text-ui>\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 <text-ui color=\"subtle\" size=\"sm\">Image 6</text-ui>\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 <text-ui color=\"subtle\" size=\"sm\">Image 7</text-ui>\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 <text-ui color=\"subtle\" size=\"sm\">Image 8</text-ui>\n </card-ui>\n </grid-ui>\n </section>\n\n <dialog-ui data-chunk-slot=\"lightbox\" id=\"lightbox\" style=\"display:none;\">\n <img src=\"/placeholder.png\" alt=\"Preview\" style=\"max-width:90vw; max-height:90vh; object-fit:contain;\">\n </dialog-ui>\n</article>",
|
|
31
|
-
"source": "
|
|
31
|
+
"source": "catalog/page-shells/app/gallery-page/gallery-page.contents.html",
|
|
32
32
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
33
33
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "kanban-board-3col",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "grid-ui",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {
|
|
@@ -10,6 +10,6 @@
|
|
|
10
10
|
"gap": "4"
|
|
11
11
|
},
|
|
12
12
|
"html": "<grid-ui columns=\"3\" gap=\"4\">\n <card-ui raw>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui weight=\"semibold\">To Do</text-ui>\n <badge-ui text=\"3\" variant=\"muted\" size=\"sm\"></badge-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Component audit</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Accessibility review</text-ui></section></card-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui raw>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui weight=\"semibold\">In Progress</text-ui>\n <badge-ui text=\"2\" variant=\"accent\" size=\"sm\"></badge-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <card-ui size=\"sm\"><section><text-ui>Dark mode palette</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Button variants</text-ui></section></card-ui>\n </col-ui>\n </section>\n </card-ui>\n <card-ui raw>\n <header>\n <row-ui gap=\"2\" align=\"center\">\n <text-ui weight=\"semibold\">Done</text-ui>\n <badge-ui text=\"5\" variant=\"success\" size=\"sm\"></badge-ui>\n </row-ui>\n </header>\n <section>\n <col-ui gap=\"2\">\n <card-ui size=\"sm\"><section><text-ui>Typography scale</text-ui></section></card-ui>\n <card-ui size=\"sm\"><section><text-ui>Spacing tokens</text-ui></section></card-ui>\n </col-ui>\n </section>\n </card-ui>\n</grid-ui>",
|
|
13
|
-
"source": "
|
|
13
|
+
"source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
|
|
14
14
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
15
15
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "kanban-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/kanban-page/kanban-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "header",
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
25
|
"html": "<article 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(--a-border-subtle); 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…\" icon=\"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\" variant=\"subtle\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\">\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=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </card-ui>\n <card-ui padding=\"sm\">\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=\"xs\" src=\"/avatar-2.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\n </card-ui>\n <card-ui padding=\"sm\">\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=\"xs\" src=\"/avatar-3.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\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\" variant=\"subtle\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\">\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=\"xs\" src=\"/avatar-1.png\"></avatar-ui>\n </row-ui>\n </stack-ui>\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\" variant=\"subtle\"></badge-ui>\n </row-ui>\n <card-ui padding=\"sm\" variant=\"subtle\">\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 </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 <stack-ui gap=\"3\" style=\"width:360px; padding:var(--a-space-4);\">\n <text-ui strong size=\"lg\">Task detail</text-ui>\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 <row-ui gap=\"2\" justify=\"end\">\n <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n </row-ui>\n </stack-ui>\n </drawer-ui>\n</article>",
|
|
26
|
-
"source": "
|
|
26
|
+
"source": "catalog/page-shells/app/kanban-page/kanban-page.contents.html",
|
|
27
27
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
28
28
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
"name": "marketing-hero-cta",
|
|
3
3
|
"kind": "block",
|
|
4
4
|
"primary": "section",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
|
|
6
6
|
"slots": [],
|
|
7
7
|
"nested": [],
|
|
8
8
|
"attrs": {},
|
|
9
9
|
"html": "<section>\n <col-ui align=\"center\" gap=\"5\">\n <col-ui align=\"center\" gap=\"2\">\n <text-ui size=\"sm\" color=\"accent\" weight=\"semibold\" tracking=\"wide\">ADIAUI v0.3</text-ui>\n <h1>Build UIs with natural language</h1>\n <text-ui size=\"lg\" color=\"subtle\" text-align=\"center\">Light-DOM web components + generative UI pipeline.<br>Ship faster, iterate smarter.</text-ui>\n </col-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\" icon=\"play-circle\"></button-ui>\n </row-ui>\n </col-ui>\n</section>",
|
|
10
|
-
"source": "
|
|
10
|
+
"source": "catalog/ui-patterns/app/marketing-hero-cta/marketing-hero-cta.contents.html",
|
|
11
11
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
12
12
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "marketing-page-shell",
|
|
3
3
|
"kind": "page",
|
|
4
4
|
"primary": "article",
|
|
5
|
-
"page": "/
|
|
5
|
+
"page": "/catalog/page-shells/app/marketing-page/marketing-page.contents.html",
|
|
6
6
|
"slots": [
|
|
7
7
|
{
|
|
8
8
|
"name": "hero",
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
"nested": [],
|
|
24
24
|
"attrs": {},
|
|
25
25
|
"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=\"3\" gap=\"4\">\n <card-ui>\n <header><h3>94+ Primitives</h3></header>\n <section><text-ui color=\"subtle\">Battle-tested components for every surface</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>Gen-UI Pipeline</h3></header>\n <section><text-ui color=\"subtle\">Generate UIs from natural language</text-ui></section>\n </card-ui>\n <card-ui>\n <header><h3>A2UI Runtime</h3></header>\n <section><text-ui color=\"subtle\">Agent-to-UI JSON with live rendering</text-ui></section>\n </card-ui>\n </grid-ui>\n </section>\n\n <section data-chunk-slot=\"cta\">\n <card-ui raw align=\"center\">\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 </card-ui>\n </section>\n</article>",
|
|
26
|
-
"source": "
|
|
26
|
+
"source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
|
|
27
27
|
"captured_at": "2026-05-10T17:53:43.459Z"
|
|
28
28
|
}
|