@adia-ai/adia-ui-factory 0.8.39 → 0.8.41
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/.claude-plugin/plugin.json +1 -1
- package/.mcp.json +1 -1
- package/CHANGELOG.md +15 -0
- package/README.md +1 -1
- package/package.json +1 -1
- package/skills/gen-ui-wiring/SKILL.md +4 -1
- package/skills/gen-ui-wiring/references/persona-floor.md +69 -0
- package/skills/pattern-catalog/references/pattern-index.md +33 -33
- package/skills/wave-coordination/SKILL.md +2 -0
- package/skills/wave-coordination/references/seat-roster-names.md +63 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "adia-ui-kit-factory",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.41",
|
|
4
4
|
"description": "Author and verify apps built ON the adia-ui (@adia-ai) light-DOM web-component framework \u2014 orient, scaffold, compose, wire, verify, and migrate across SPA and SSR rendering modes. Wires the a2ui MCP for catalog retrieval, UI generation, and validation.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Kim",
|
package/.mcp.json
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# Changelog — adia-ui-kit-factory
|
|
2
2
|
|
|
3
|
+
## [0.8.41] — 2026-08-17
|
|
4
|
+
|
|
5
|
+
### Changed
|
|
6
|
+
- **`pattern-catalog`'s `references/pattern-index.md` lists every component tag a pattern composes (gh#1498)** — the silent top-12 cap per pattern is removed, and the index is regenerated for the 0.8.41 catalog wave (`progress-row-ui` absorbed into `progress-ui`, `input-ui[type]` enum trim). Consumers picking patterns by component tag now see the full list.
|
|
7
|
+
- **`gen-ui-wiring` + `wave-coordination` skills harvest ADR-0046/ADR-0047 into references (#1409)** — `gen-ui-wiring/references/persona-floor.md` and `wave-coordination/references/seat-roster-names.md` carry the ratified decisions the SKILL.md files previously restated informally.
|
|
8
|
+
|
|
9
|
+
### Maintenance
|
|
10
|
+
- **`.claude-plugin/plugin.json` version bump** — moves in lockstep with package.json (the `/plugin update` cache key).
|
|
11
|
+
|
|
12
|
+
## [0.8.40] — 2026-08-15
|
|
13
|
+
|
|
14
|
+
### Maintenance
|
|
15
|
+
- **Lockstep version bump only.** No source changes in this package; bumped to maintain the lockstep version coherence enforced by `scripts/release/check-lockstep.mjs`. Substantive v0.8.40 work shipped in the ADR-0052/0053/0054/0056 attribute-grammar and token-convention breaking wave. See `packages/web-components/CHANGELOG.md#0840--2026-08-15` for details.
|
|
16
|
+
- **`.claude-plugin/plugin.json` version bump** — moves in lockstep with package.json (the `/plugin update` cache key).
|
|
17
|
+
|
|
3
18
|
## [0.8.39] — 2026-08-15
|
|
4
19
|
|
|
5
20
|
### Maintenance
|
package/README.md
CHANGED
|
@@ -98,7 +98,7 @@ surface-qa-agent) · `component-model.md` · the `references/contracts/` twins.
|
|
|
98
98
|
|
|
99
99
|
## MCP
|
|
100
100
|
|
|
101
|
-
`adia-gen-ui` server pinned: `@adia-ai/mcp@0.8.
|
|
101
|
+
`adia-gen-ui` server pinned: `@adia-ai/mcp@0.8.41` (tool SoT:
|
|
102
102
|
`packages/gen-ui/mcp/TOOLS.md` — the `gen-ui` section; stability rule in
|
|
103
103
|
`references/contracts/`; pin lives in `.mcp.json` — `check:plugin-count-claims`
|
|
104
104
|
guards this README copy against it). The server is `adia-mcp gen-ui`,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adia-ai/adia-ui-factory",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.41",
|
|
4
4
|
"description": "Author and verify apps built ON the adia-ui (@adia-ai) light-DOM web-component framework \u2014 orient, scaffold, compose, wire, verify, and migrate across SPA and SSR rendering modes. Wires the a2ui MCP for catalog retrieval, UI generation, and validation.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"adia-ui",
|
|
@@ -99,8 +99,11 @@ audit/undo, and an escalation pathway in the rendered output. Six patterns, each
|
|
|
99
99
|
concrete AdiaUI surface: [agentic-ux-patterns.md](../../references/agentic-ux-patterns.md).
|
|
100
100
|
Load it whenever the generated experience is agentic, not just displaying data.
|
|
101
101
|
|
|
102
|
-
## References
|
|
102
|
+
## References
|
|
103
103
|
|
|
104
|
+
- [references/persona-floor.md](references/persona-floor.md) — load before authoring copy,
|
|
105
|
+
errors, or defaults on this surface: the non-engineer builder is the ruled floor persona
|
|
106
|
+
(ADR-0046) and floor = MIN across their journey-critical cells.
|
|
104
107
|
- [genui-a2ui.md](../../references/genui-a2ui.md) — load when mounting roots, shaping
|
|
105
108
|
messages, wiring resolvers, or authoring a corpus.
|
|
106
109
|
- [agentic-ux-patterns.md](../../references/agentic-ux-patterns.md) — load when the surface's
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
# Persona floor — who this surface must work for, and what "floor" means
|
|
2
|
+
|
|
3
|
+
_Load before authoring or reviewing the copy, error messages, defaults, or Generation
|
|
4
|
+
Record of a gen-UI surface. Answers one question: who is the least-engineering-skilled
|
|
5
|
+
person this surface must serve, and what standard does that set? Complements
|
|
6
|
+
[SKILL.md](../SKILL.md)'s loop (the plumbing) and the plugin-root
|
|
7
|
+
[agentic-ux-patterns.md](../../../references/agentic-ux-patterns.md) (trust when the
|
|
8
|
+
agent acts) — nothing here repeats them._
|
|
9
|
+
|
|
10
|
+
## The floor persona is the non-engineer builder
|
|
11
|
+
|
|
12
|
+
- **In scope, by ruling (ADR-0046, 2026-08-12).** People who build UIs without engineering
|
|
13
|
+
skills are inside the factory's persona floor — never out-of-scope-by-default. Their
|
|
14
|
+
primary surface is THIS skill's path: describe the experience → validate before
|
|
15
|
+
serialize → VerifyProof, i.e. `/gen-ui-wiring`. (ADR-0046 names it `/adia-genui`; the
|
|
16
|
+
ADR-0011 D10 rename wave of 2026-08-14 moved the name, not the charter.) The first two
|
|
17
|
+
steps are this skill's loop and its Generation Record; the VerifyProof is the
|
|
18
|
+
post-serialization browser gate owned by [surface-qa](../../surface-qa/SKILL.md)
|
|
19
|
+
(§Deliverable — the VerifyProof), not a record this skill emits.
|
|
20
|
+
- **The name is "non-engineer builder" — not "non-technical".** The operator rephrased it
|
|
21
|
+
deliberately: these users may be deeply technical (clinicians, analysts, designers, PMs)
|
|
22
|
+
without being engineers. "Non-technical" does not appear in the program's documents; it
|
|
23
|
+
should not appear in anything authored for this surface either.
|
|
24
|
+
- **What it asks of the words you write.** Copy and docs addressed to this persona avoid
|
|
25
|
+
engineering jargon without dumbing down the domain content — a clinician reading a
|
|
26
|
+
generation failure needs the cause and the next step in plain language, and the clinical
|
|
27
|
+
vocabulary left intact.
|
|
28
|
+
|
|
29
|
+
## "Floor = MIN across journey-critical cells"
|
|
30
|
+
|
|
31
|
+
The factory-DX program (gh#1115) scores the factory on a persona × journey matrix. Each
|
|
32
|
+
persona's **floor is the MIN score across the dimensions critical to its journey**, and the
|
|
33
|
+
program may not trade a floor away for expert-path work. For the non-engineer builder (P1)
|
|
34
|
+
ADR-0046 names five critical dimensions — discoverability, install integrity, preflight,
|
|
35
|
+
time-to-first-success, error quality — and the R1 rubric's persona-critical map extends P1's
|
|
36
|
+
row with agent operability and the feedback loop (rows D1, D2, D3, D4, D5, D8, D10). Read it
|
|
37
|
+
as: the weakest cell IS the persona's score — a brilliant expert path with a broken
|
|
38
|
+
first-success step scores at the broken step.
|
|
39
|
+
|
|
40
|
+
Floors are preserve-not-regress: they re-score per release, and a sweep goes GREEN only
|
|
41
|
+
when every persona floor is ≥3 with no regression against the previous sweep (any floor
|
|
42
|
+
≤1 or any regression is RED). A change to this surface that lowers a P1-critical cell is a
|
|
43
|
+
program regression, not a local trade-off.
|
|
44
|
+
|
|
45
|
+
What that means when authoring on this surface (each row names its rubric cell):
|
|
46
|
+
|
|
47
|
+
| Cell | Authoring consequence on a gen-UI surface |
|
|
48
|
+
| --- | --- |
|
|
49
|
+
| Error quality (D5) | Every failure names cause + remedy in language this persona can act on — the rubric's 5-anchor is literally "remedy language matches the persona (P1-readable), zero dead ends". A Generation Record `fail` on the Validate line, or a resolver scheme left unregistered (which renders empty with no error — SKILL.md §The loop, step 4), must surface as a finding with a next step, never as a silent blank or a raw schema trace. |
|
|
50
|
+
| Agent operability (D8) | Output reaches this persona only through the trust gate — the floor persona "must not go GREEN while exhausted-repair output still ships verbatim". A `fail` with no refine step after it is the exact failure the Generation Record exists to catch. |
|
|
51
|
+
| Preflight (D3) | A prerequisite discovered at failure time is the 1-anchor. [inferred] On this surface the prerequisites are conditional, so check only the ones the chosen path actually needs — before the loop starts, naming the remedy, not mid-generation: the semantic-search key (`VOYAGE_API_KEY`/OpenAI — SKILL.md §Corpus) only when semantic search is selected (keyword search is offline), and the streaming endpoint behind `src`+`transport` only when the surface streams (author mode — `.doc` + `mock:` resolvers — needs neither and must not read as blocked). |
|
|
52
|
+
| Time-to-first-success (D4) | The first pass must reach a rendered, validated surface. [inferred] Prefer the loop's offline defaults (core corpus keyword search, `mock:` resolvers) for the first render and ask for configuration afterwards. |
|
|
53
|
+
|
|
54
|
+
## Grounding
|
|
55
|
+
|
|
56
|
+
- [verified 2026-08-16] ADR-0046 — `docs/ops/adr/adr-0046-factory-persona-floor-non-engineers.md:22-30`
|
|
57
|
+
(decision: in scope; the persona's name), `:36-41` (consequences: MIN-score floor over
|
|
58
|
+
journey-critical dimensions; the jargon rule). Ratified 2026-08-12, gh#1115 Stage 0.
|
|
59
|
+
- [verified 2026-08-16] Owning brief — `.claude/docs/specs/factory-dx-brief.md:29-30`
|
|
60
|
+
("persona floor = MIN across journey-critical cells"), `:36-37` (P1 = ADR-0046 floor
|
|
61
|
+
persona), `:57-59` (floors re-score per release, preserve-not-regress).
|
|
62
|
+
- [verified 2026-08-16] R1 rubric — `.claude/docs/specs/factory-dx-rubrics.md:49-57`
|
|
63
|
+
(persona-critical map; P1 = D1, D2, D3, D4, D5, D8, D10; the exhausted-repair clause),
|
|
64
|
+
`:37-39` (D3/D4/D5 anchors), `:74-77` (GREEN/AMBER/RED aggregation).
|
|
65
|
+
- [verified 2026-08-16] The `/adia-genui` → `/gen-ui-wiring` rename — gen-ui-kit commit
|
|
66
|
+
`6a4fcd6ab` (2026-08-14, ADR-0011 D10 wave); the SKILL.md charter carried over unchanged.
|
|
67
|
+
- [drift-prone] The P1 floor was BROKEN at the 2026-08-12 baseline (first-success and debug
|
|
68
|
+
both failed with no recovery path — brief `:36-37`; all six floors = 1, rubrics `:64`).
|
|
69
|
+
Re-read the latest R1 sweep record before quoting a floor value.
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
- source: `/packages/web-components/patterns/agent-cost/agent-cost.examples.html` · demo: `/packages/web-components/patterns/agent-cost/agent-cost.html` · docs: `/site/patterns/agent-cost`
|
|
17
17
|
- **Agent Memory** (Patterns) — Surfaces to audit and edit what an agent remembers — a memory list, a single-entry detail, and an add/revise editor.
|
|
18
18
|
- keywords: context, recall, saved facts, persistence, remember
|
|
19
|
-
- components: `button-ui` `tag-ui` `list-item-ui` `card-ui` `col-ui` `radio-ui` `text-ui` `field-ui` `code-ui` `description-list-ui` `list-ui` `row-ui`
|
|
19
|
+
- components: `button-ui` `tag-ui` `list-item-ui` `card-ui` `col-ui` `radio-ui` `text-ui` `field-ui` `code-ui` `description-list-ui` `list-ui` `row-ui` `textarea-ui`
|
|
20
20
|
- source: `/packages/web-components/patterns/agent-memory/agent-memory.examples.html` · demo: `/packages/web-components/patterns/agent-memory/agent-memory.html` · docs: `/site/patterns/agent-memory`
|
|
21
21
|
- **Agent Prompt Library** (Patterns) — Saved-prompt store — a full library grid, a compact in-context recall picker, and the reusable prompt card shared by both.
|
|
22
22
|
- keywords: snippets, templates, slash menu, saved queries, presets
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
|
|
39
39
|
- **Comments & Collaboration** (Patterns) — Comment threads with @-mentions and emoji reactions on any object — reach for it to let users discuss a doc, task, row, or design.
|
|
40
40
|
- keywords: threads, mentions, reactions, replies, discussion, annotations
|
|
41
|
-
- components: `button-ui` `text-ui` `row-ui` `col-ui` `avatar-ui` `tag-ui` `card-ui` `field-ui` `kbd-ui` `divider-ui` `icon-ui` `input-ui`
|
|
41
|
+
- components: `button-ui` `text-ui` `row-ui` `col-ui` `avatar-ui` `tag-ui` `card-ui` `field-ui` `kbd-ui` `divider-ui` `icon-ui` `input-ui` `textarea-ui`
|
|
42
42
|
- source: `/packages/web-components/patterns/comments-and-collaboration/comments-and-collaboration.examples.html` · demo: `/packages/web-components/patterns/comments-and-collaboration/comments-and-collaboration.html` · docs: `/site/patterns/comments-and-collaboration`
|
|
43
43
|
|
|
44
44
|
### data-table
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
- source: `/packages/web-components/patterns/data-tables-inline-edit-and-tree/data-tables-inline-edit-and-tree.examples.html` · demo: `/packages/web-components/patterns/data-tables-inline-edit-and-tree/data-tables-inline-edit-and-tree.html` · docs: `/site/patterns/data-tables-inline-edit-and-tree`
|
|
58
58
|
- **Filter Bar** (Patterns) — Row of removable facet chips above a table/list with an add-filter popover — reach for it when users stack multiple faceted filters.
|
|
59
59
|
- keywords: facet, chips, refine, narrow, segment, query
|
|
60
|
-
- components: `action-item-ui` `tag-ui` `button-ui` `segment-ui` `card-ui` `row-ui` `action-list-ui` `code-ui` `popover-ui` `search-ui` `segmented-ui` `table-ui`
|
|
60
|
+
- components: `action-item-ui` `tag-ui` `button-ui` `segment-ui` `card-ui` `row-ui` `action-list-ui` `code-ui` `popover-ui` `search-ui` `segmented-ui` `table-ui` `text-ui` `toolbar-ui`
|
|
61
61
|
- source: `/packages/web-components/patterns/filter-bar/filter-bar.examples.html` · demo: `/packages/web-components/patterns/filter-bar/filter-bar.html` · docs: `/site/patterns/filter-bar`
|
|
62
62
|
|
|
63
63
|
### data-viz
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
- source: `/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html` · demo: `/packages/web-components/patterns/chart-in-card/chart-in-card.html` · docs: `/site/patterns/chart-in-card`
|
|
69
69
|
- **Conversion Funnel** (Patterns) — Multi-step drop-off funnel built from labeled progress rows — reach for onboarding, checkout, activation, or paywall sequences.
|
|
70
70
|
- keywords: drop-off, activation, checkout steps, sign-up flow, progress rows
|
|
71
|
-
- components: `text-ui` `progress-
|
|
71
|
+
- components: `text-ui` `progress-ui` `col-ui` `badge-ui` `card-ui` `row-ui` `segment-ui` `button-ui` `segmented-ui`
|
|
72
72
|
- source: `/packages/web-components/patterns/conversion-funnel/conversion-funnel.examples.html` · demo: `/packages/web-components/patterns/conversion-funnel/conversion-funnel.html` · docs: `/site/patterns/conversion-funnel`
|
|
73
73
|
- **Retention Cohort** (Patterns) — Retention cohort heatmap rendered as a table with color-bucketed badge cells — reach for it for retention/decay reporting.
|
|
74
74
|
- keywords: heatmap, churn, decay, weekly buckets, engagement grid
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
- source: `/packages/web-components/patterns/export-flow/export-flow.examples.html` · demo: `/packages/web-components/patterns/export-flow/export-flow.html` · docs: `/site/patterns/export-flow`
|
|
88
88
|
- **Time-zone Selector** (Patterns) — Searchable IANA zone picker (region/city · UTC±N) from browser Intl data — reach for it for scheduling, log-display, or user prefs.
|
|
89
89
|
- keywords: iana, utc offset, dst, locale, scheduling, region picker
|
|
90
|
-
- components: `field-ui` `text-ui` `card-ui` `col-ui` `select-ui` `
|
|
90
|
+
- components: `field-ui` `text-ui` `card-ui` `col-ui` `select-ui` `time-picker-ui`
|
|
91
91
|
- source: `/packages/web-components/patterns/timezone-selector/timezone-selector.examples.html` · demo: `/packages/web-components/patterns/timezone-selector/timezone-selector.html` · docs: `/site/patterns/timezone-selector`
|
|
92
92
|
- **Form Drawer** (Patterns) — Side drawer with a sticky action footer for create/edit forms — reach for it for '+ New X' flows that fit one screen of fields.
|
|
93
93
|
- keywords: side panel, create, edit, sticky footer, slide-in, new record
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
|
|
103
103
|
- **Marketing & Engagement** (Patterns) — Hero/CTA blocks, referral-invite flows, and achievement moments — reach for it for landing pages and growth/engagement surfaces.
|
|
104
104
|
- keywords: hero, cta, referral, invite, landing page, gamification
|
|
105
|
-
- components: `text-ui` `card-ui` `tag-ui` `col-ui` `button-ui` `stat-ui` `avatar-ui` `list-item-ui` `row-ui` `grid-ui` `field-ui` `input-ui`
|
|
105
|
+
- components: `text-ui` `card-ui` `tag-ui` `col-ui` `button-ui` `stat-ui` `avatar-ui` `list-item-ui` `row-ui` `grid-ui` `field-ui` `input-ui` `list-ui`
|
|
106
106
|
- source: `/packages/web-components/patterns/marketing-engagement/marketing-engagement.examples.html` · demo: `/packages/web-components/patterns/marketing-engagement/marketing-engagement.html` · docs: `/site/patterns/marketing-engagement`
|
|
107
107
|
|
|
108
108
|
### navigation
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
- source: `/packages/web-components/patterns/overview/overview.examples.html` · demo: `/packages/web-components/patterns/overview/overview.html` · docs: `/site/patterns/overview`
|
|
114
114
|
- **Admin Sidebar** (Patterns) — The admin left rail — workspace + user switchers over a nav tree, with grouped, divided, sub-nav, and sign-in variants.
|
|
115
115
|
- keywords: side rail, workspace switcher, account menu, left nav, rail
|
|
116
|
-
- components: `nav-item-ui` `admin-shell` `admin-sidebar` `adia-mark-ui` `admin-entity-item` `admin-topbar` `nav-ui` `section-ui` `admin-statusbar` `code-ui` `nav-group-ui` `select-ui`
|
|
116
|
+
- components: `nav-item-ui` `admin-shell` `admin-sidebar` `adia-mark-ui` `admin-entity-item` `admin-topbar` `nav-ui` `section-ui` `admin-statusbar` `code-ui` `nav-group-ui` `select-ui` `tag-ui` `avatar-ui` `button-ui`
|
|
117
117
|
- source: `/site/pages/patterns/admin-sidebar.html` · docs: `/site/patterns/admin-sidebar`
|
|
118
118
|
- **App Nav** (Patterns) — Sidebar navigation tree — grouped collapsible items, dividers, section labels, badges, and popover flyouts when collapsed.
|
|
119
119
|
- keywords: menu tree, side rail, groups, flyout, collapsible menu
|
|
@@ -143,11 +143,11 @@
|
|
|
143
143
|
- source: `/packages/web-components/patterns/alert-dialog/alert-dialog.examples.html` · demo: `/packages/web-components/patterns/alert-dialog/alert-dialog.html` · docs: `/site/patterns/alert-dialog`
|
|
144
144
|
- **Inline Dialog** (Patterns) — Anchored non-modal popover carrying a 1–3 field mini-form — reach for it for reversible in-context micro-decisions like rename or set-status.
|
|
145
145
|
- keywords: popover, anchored, non-modal, contextual, confirm, quick edit
|
|
146
|
-
- components: `button-ui` `field-ui` `
|
|
146
|
+
- components: `button-ui` `field-ui` `card-ui` `popover-ui` `row-ui` `text-ui` `col-ui` `icon-ui` `input-ui` `calendar-picker-ui` `select-ui` `tag-ui` `time-picker-ui`
|
|
147
147
|
- source: `/packages/web-components/patterns/inline-dialog/inline-dialog.examples.html` · demo: `/packages/web-components/patterns/inline-dialog/inline-dialog.html` · docs: `/site/patterns/inline-dialog`
|
|
148
148
|
- **Record Detail Drawer** (Patterns) — Side drawer showing a selected row's details over tabs — reach for it for list-detail workflows that must keep list scroll and filters.
|
|
149
149
|
- keywords: side panel, row inspector, peek, tabbed, contact, order
|
|
150
|
-
- components: `button-ui` `badge-ui` `col-ui` `text-ui` `timeline-item-ui` `row-ui` `tab-ui` `description-list-ui` `drawer-ui` `avatar-ui` `code-ui` `tabs-ui`
|
|
150
|
+
- components: `button-ui` `badge-ui` `col-ui` `text-ui` `timeline-item-ui` `row-ui` `tab-ui` `description-list-ui` `drawer-ui` `avatar-ui` `code-ui` `tabs-ui` `timeline-ui`
|
|
151
151
|
- source: `/packages/web-components/patterns/record-detail-drawer/record-detail-drawer.examples.html` · demo: `/packages/web-components/patterns/record-detail-drawer/record-detail-drawer.html` · docs: `/site/patterns/record-detail-drawer`
|
|
152
152
|
|
|
153
153
|
### permissions-access
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
- source: `/packages/web-components/patterns/access-requests/access-requests.examples.html` · demo: `/packages/web-components/patterns/access-requests/access-requests.html` · docs: `/site/patterns/access-requests`
|
|
159
159
|
- **Admin — Keys & Export** (Patterns) — API-key/webhook management plus GDPR/CCPA data export — secret-masking and destructive-action wiring for account admin.
|
|
160
160
|
- keywords: api tokens, webhooks, secrets, credentials, gdpr
|
|
161
|
-
- components: `button-ui` `icon-ui` `list-item-ui` `tag-ui` `text-ui` `row-ui` `card-ui` `col-ui` `field-ui` `list-ui` `alert-ui` `select-ui`
|
|
161
|
+
- components: `button-ui` `icon-ui` `list-item-ui` `tag-ui` `text-ui` `row-ui` `card-ui` `col-ui` `field-ui` `list-ui` `alert-ui` `select-ui` `input-ui`
|
|
162
162
|
- source: `/packages/web-components/patterns/admin-keys-and-export/admin-keys-and-export.examples.html` · demo: `/packages/web-components/patterns/admin-keys-and-export/admin-keys-and-export.html` · docs: `/site/patterns/admin-keys-and-export`
|
|
163
163
|
- **Permissions Matrix** (Patterns) — RBAC grid of capabilities × roles with checkbox cells plus a plain-language role summary — reach for it for configurable role authoring.
|
|
164
164
|
- keywords: rbac, roles, capabilities, grid, access control, entitlements
|
|
@@ -170,11 +170,11 @@
|
|
|
170
170
|
- source: `/packages/web-components/patterns/permissions-role-picker/permissions-role-picker.examples.html` · demo: `/packages/web-components/patterns/permissions-role-picker/permissions-role-picker.html` · docs: `/site/patterns/permissions-role-picker`
|
|
171
171
|
- **Permissions Sharing** (Patterns) — Share-a-resource surfaces: visibility scope picker, share link with expiry, add-people autocomplete — reach for it for a Share dialog.
|
|
172
172
|
- keywords: visibility, share link, expiry, invite people, scope, access
|
|
173
|
-
- components: `col-ui` `row-ui` `text-ui` `select-ui` `option-card-ui` `avatar-ui` `button-ui` `field-ui` `tag-ui` `card-ui` `description-list-ui` `input-ui`
|
|
173
|
+
- components: `col-ui` `row-ui` `text-ui` `select-ui` `option-card-ui` `avatar-ui` `button-ui` `field-ui` `tag-ui` `card-ui` `description-list-ui` `input-ui` `search-ui`
|
|
174
174
|
- source: `/packages/web-components/patterns/permissions-sharing/permissions-sharing.examples.html` · demo: `/packages/web-components/patterns/permissions-sharing/permissions-sharing.html` · docs: `/site/patterns/permissions-sharing`
|
|
175
175
|
- **Profile — Public & Verification** (Patterns) — Shareable public profile page plus a KYC identity-verification flow — reach for it for external bylines or regulated identity checks.
|
|
176
176
|
- keywords: kyc, identity, verified badge, byline, onboarding, account
|
|
177
|
-
- components: `text-ui` `col-ui` `button-ui` `card-ui` `alert-ui` `stepper-item-ui` `list-item-ui` `row-ui` `stat-ui` `tag-ui` `upload-ui` `avatar-ui`
|
|
177
|
+
- components: `text-ui` `col-ui` `button-ui` `card-ui` `alert-ui` `stepper-item-ui` `list-item-ui` `row-ui` `stat-ui` `tag-ui` `upload-ui` `avatar-ui` `field-ui` `grid-ui` `list-ui` `select-ui` `stepper-ui`
|
|
178
178
|
- source: `/packages/web-components/patterns/profile-public-and-verification/profile-public-and-verification.examples.html` · demo: `/packages/web-components/patterns/profile-public-and-verification/profile-public-and-verification.html` · docs: `/site/patterns/profile-public-and-verification`
|
|
179
179
|
|
|
180
180
|
### search-discovery
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
|
|
189
189
|
- **Admin Shell** (Patterns) — Canonical admin/SaaS/dashboard app shell — sidebar, topbar, scrollable content, statusbar, command palette; reach for a full internal app.
|
|
190
190
|
- keywords: dashboard, saas, app frame, layout scaffold, workspace
|
|
191
|
-
- components: `nav-item-ui` `admin-topbar` `button-ui` `admin-entity-item` `admin-content` `admin-page` `admin-page-body` `admin-page-header` `admin-scroll` `admin-shell` `admin-sidebar` `admin-statusbar`
|
|
191
|
+
- components: `nav-item-ui` `admin-topbar` `button-ui` `admin-entity-item` `admin-content` `admin-page` `admin-page-body` `admin-page-header` `admin-scroll` `admin-shell` `admin-sidebar` `admin-statusbar` `avatar-ui` `breadcrumb-ui` `nav-ui` `section-ui` `code-ui` `icon-ui` `select-ui`
|
|
192
192
|
- source: `/packages/web-components/patterns/admin-shell/admin-shell.examples.html` · demo: `/packages/web-components/patterns/admin-shell/admin-shell.html` · docs: `/site/patterns/admin-shell`
|
|
193
193
|
- **Admin Page Header** (Patterns) — The sticky page-title band inside admin-page — title, description, right-aligned page actions, and an optional tab row.
|
|
194
194
|
- keywords: title band, deck, subtitle, action row, sticky title
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
- source: `/site/pages/patterns/admin-content-topbar.html` · docs: `/site/patterns/admin-content-topbar`
|
|
201
201
|
- **Admin Content Aside** (Patterns) — Content-attached rails — an in-content section subnav or a trailing inspector/changelog pane beside the page body.
|
|
202
202
|
- keywords: inspector rail, side panel, subnav, right rail, context pane
|
|
203
|
-
- components: `nav-item-ui` `code-ui` `tag-ui` `admin-content` `admin-page` `admin-page-body` `admin-page-header` `admin-scroll` `admin-shell` `admin-topbar` `breadcrumb-ui` `button-ui`
|
|
203
|
+
- components: `nav-item-ui` `code-ui` `tag-ui` `admin-content` `admin-page` `admin-page-body` `admin-page-header` `admin-scroll` `admin-shell` `admin-topbar` `breadcrumb-ui` `button-ui` `nav-ui`
|
|
204
204
|
- source: `/site/pages/patterns/admin-content-aside.html` · docs: `/site/patterns/admin-content-aside`
|
|
205
205
|
- **Adia Editor** (Patterns) — Design-tool/code-editor shell — toolbar, navigator, canvas, inspector, statusbar. Doc-hub — copy its canonical-hierarchy code sample, not the components list.
|
|
206
206
|
- keywords: canvas layout, ide, workspace panes, design tool, inspector
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
- source: `/packages/web-components/patterns/kanban-board/kanban-board.examples.html` · demo: `/packages/web-components/patterns/kanban-board/kanban-board.html` · docs: `/site/patterns/kanban-board`
|
|
239
239
|
- **Wizard Drawer** (Patterns) — Multi-step form in a drawer with a header stepper and Back/Next footer — reach for it for 3–5 step onboarding or guided setup flows.
|
|
240
240
|
- keywords: stepper, multi-step, onboarding, guided setup, progress, steps
|
|
241
|
-
- components: `field-ui` `button-ui` `col-ui` `stepper-item-ui` `input-ui` `textarea-ui` `alert-ui` `code-ui` `description-list-ui` `drawer-ui` `select-ui` `stepper-ui`
|
|
241
|
+
- components: `field-ui` `button-ui` `col-ui` `stepper-item-ui` `input-ui` `textarea-ui` `alert-ui` `code-ui` `description-list-ui` `drawer-ui` `select-ui` `stepper-ui` `switch-ui` `text-ui`
|
|
242
242
|
- source: `/packages/web-components/patterns/wizard-drawer/wizard-drawer.examples.html` · demo: `/packages/web-components/patterns/wizard-drawer/wizard-drawer.html` · docs: `/site/patterns/wizard-drawer`
|
|
243
243
|
|
|
244
244
|
## Templates
|
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
|
|
375
375
|
- **Admin Dashboard** (Dashboards) — Tabbed SaaS analytics dashboard (KPI grid, activity chart, transactions table) — reach for it as the app's home monitoring surface.
|
|
376
376
|
- keywords: analytics, kpi, metrics, saas, home
|
|
377
|
-
- components: `text-ui` `row-ui` `col-ui` `card-ui` `button-ui` `list-item-ui` `badge-ui` `avatar-ui` `field-ui` `grid-ui` `icon-ui` `stat-ui`
|
|
377
|
+
- components: `text-ui` `row-ui` `col-ui` `card-ui` `button-ui` `list-item-ui` `badge-ui` `avatar-ui` `field-ui` `grid-ui` `icon-ui` `stat-ui` `segment-ui` `input-ui` `progress-ui` `chart-ui` `nav-item-ui` `divider-ui` `list-ui` `select-ui` `tab-ui` `action-item-ui` `check-ui` `col-def` `table-ui` `integration-card-ui` `menu-item-ui` `segmented-ui` `switch-ui` `textarea-ui` `admin-page-body` `drawer-ui` `nav-group-ui` `tag-ui` `action-list-ui` `admin-page` `admin-page-header` `alert-ui` `code-ui` `heatmap-ui` `link-ui` `menu-ui` `nav-ui` `tabs-ui` `time-picker-ui`
|
|
378
378
|
- source: `/apps/saas/app/admin-dashboard/admin-dashboard.contents.html` · demo: `/apps/saas/app/admin-dashboard/admin-dashboard.html` · docs: `/site/examples/admin-dashboard`
|
|
379
379
|
|
|
380
380
|
### data-table
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
|
|
393
393
|
- **Conversion Funnel 6step** (Pattern Library) — Conversion funnel with 6 stages, stage labels, counts, and drop-off conversion percentages.
|
|
394
394
|
- keywords: funnel, conversion, analytics, stages, metrics, drop-off, rate, marketing
|
|
395
|
-
- components: `progress-
|
|
395
|
+
- components: `progress-ui` `text-ui` `col-ui` `card-ui` `row-ui`
|
|
396
396
|
- source: `/catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html` · demo: `/catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.html` · docs: `/site/examples/patterns/conversion-funnel-6step`
|
|
397
397
|
- **Email Inbox List** (Pattern Library) — Email inbox list — scrollable list of email rows with sender avatar, subject, preview snippet, timestamp, and unread badge indicator. List-item-ui rows with dividers.
|
|
398
398
|
- keywords: email, inbox, list, message, unread, sender, subject, preview, timestamp, avatar
|
|
@@ -400,7 +400,7 @@
|
|
|
400
400
|
- source: `/catalog/ui-patterns/app/email-inbox-list/email-inbox-list.contents.html` · demo: `/catalog/ui-patterns/app/email-inbox-list/email-inbox-list.html` · docs: `/site/examples/patterns/email-inbox-list`
|
|
401
401
|
- **Import Mapping** (Pattern Library) — Multi-step CSV/file import flow — upload, field mapping (source columns ↔ target fields), preview, import. Shows the field-mapping step prominently since it's the part most often m
|
|
402
402
|
- keywords: import, csv, upload, mapping, fields, columns, bulk, data, migration
|
|
403
|
-
- components: `text-ui` `col-ui` `icon-ui` `grid-ui` `list-item-ui` `select-ui` `button-ui` `avatar-ui` `card-ui` `row-ui` `alert-ui` `badge-ui`
|
|
403
|
+
- components: `text-ui` `col-ui` `icon-ui` `grid-ui` `list-item-ui` `select-ui` `button-ui` `avatar-ui` `card-ui` `row-ui` `alert-ui` `badge-ui` `list-ui` `step-progress-ui` `table-ui`
|
|
404
404
|
- source: `/catalog/ui-patterns/app/import-mapping/import-mapping.contents.html` · demo: `/catalog/ui-patterns/app/import-mapping/import-mapping.html` · docs: `/site/examples/patterns/import-mapping`
|
|
405
405
|
- **Invoice Line Items** (Pattern Library) — Invoice table with line items, quantities, unit prices, and total row. Card with invoice header, item rows, subtotal, tax, and total due.
|
|
406
406
|
- keywords: invoice, table, line, items, quantities, totals, billing, amount, price, quantity
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
- source: `/catalog/ui-patterns/app/users-table-badge/users-table-badge.contents.html` · demo: `/catalog/ui-patterns/app/users-table-badge/users-table-badge.html` · docs: `/site/examples/patterns/users-table-badge`
|
|
433
433
|
- **Data Blocks** (Pattern Library) — Real-time metrics dashboard with live counter cards, streaming line chart, error-rate progress, and last-updated timestamp.
|
|
434
434
|
- keywords: real-time, metrics, live, dashboard, streaming, counters, charts, websocket, telemetry, monitoring
|
|
435
|
-
- components: `text-ui` `col-ui` `row-ui` `card-ui` `button-ui` `icon-ui` `progress-ui` `col-def` `badge-ui` `chart-ui` `description-list-ui` `grid-ui`
|
|
435
|
+
- components: `text-ui` `col-ui` `row-ui` `card-ui` `button-ui` `icon-ui` `progress-ui` `col-def` `badge-ui` `chart-ui` `description-list-ui` `grid-ui` `table-ui` `tag-ui`
|
|
436
436
|
- source: `/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.html` · docs: `/site/examples/patterns/v050-data-blocks`
|
|
437
437
|
- **Chart With Filter Pills** (Pattern Library) — Chart card with time-range pill selector in the header — segmented switch between day/week/month/year + chart body + footer caption.
|
|
438
438
|
- keywords: chart, filter, pills, time-range, segmented, period, selector, analytics, dashboard, card
|
|
@@ -467,7 +467,7 @@
|
|
|
467
467
|
- source: `/catalog/ui-patterns/app/survey-rating-form/survey-rating-form.contents.html` · demo: `/catalog/ui-patterns/app/survey-rating-form/survey-rating-form.html` · docs: `/site/examples/patterns/survey-rating-form`
|
|
468
468
|
- **Form Blocks** (Pattern Library) — File upload form with drag and drop zone and file list. Upload-ui with browse fallback, file-type hints, and max-size note.
|
|
469
469
|
- keywords: file, upload, drag-and-drop, dnd, browse, attachments, form-input, drop, zone, file-list
|
|
470
|
-
- components: `field-ui` `button-ui` `col-ui` `text-ui` `input-ui` `row-ui` `card-ui` `tag-ui` `radio-ui` `calendar-picker-ui` `check-ui` `grid-ui`
|
|
470
|
+
- components: `field-ui` `button-ui` `col-ui` `text-ui` `input-ui` `row-ui` `card-ui` `tag-ui` `radio-ui` `calendar-picker-ui` `check-ui` `grid-ui` `icon-ui` `select-ui` `textarea-ui` `search-ui` `step-progress-ui` `time-picker-ui` `upload-ui`
|
|
471
471
|
- source: `/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.html` · docs: `/site/examples/patterns/v050-form-blocks`
|
|
472
472
|
- **Accordion Settings** (Pattern Library) — Settings panel organized as accordion — expandable sections (profile / notifications / privacy / advanced) each containing form controls.
|
|
473
473
|
- keywords: accordion, settings, collapsible, expandable, sections, preferences, profile, notifications, privacy
|
|
@@ -510,7 +510,7 @@
|
|
|
510
510
|
- source: `/catalog/ui-patterns/app/testimonials-avatar-cards/testimonials-avatar-cards.contents.html` · demo: `/catalog/ui-patterns/app/testimonials-avatar-cards/testimonials-avatar-cards.html` · docs: `/site/examples/patterns/testimonials-avatar-cards`
|
|
511
511
|
- **Marketing Blocks** (Pattern Library) — Two-column hero — left side heading + lede + CTA buttons; right side product image or media.
|
|
512
512
|
- keywords: hero, split-hero, two-column, landing-page, heading, lede, media, product-image, cta
|
|
513
|
-
- components: `text-ui` `col-ui` `link-ui` `row-ui` `accordion-item-ui` `grid-ui` `avatar-ui` `button-ui` `card-ui` `icon-ui` `accordion-ui` `divider-ui`
|
|
513
|
+
- components: `text-ui` `col-ui` `link-ui` `row-ui` `accordion-item-ui` `grid-ui` `avatar-ui` `button-ui` `card-ui` `icon-ui` `accordion-ui` `divider-ui` `image-ui`
|
|
514
514
|
- source: `/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.html` · docs: `/site/examples/patterns/v050-marketing-blocks`
|
|
515
515
|
- **Image Carousel** (Pattern Library) — Horizontal image carousel — current slide + peek of next/prev + dot indicators + autoplay-pause control.
|
|
516
516
|
- keywords: carousel, slider, swiper, image-gallery, slides, photos, hero, rotator, paginated
|
|
@@ -579,7 +579,7 @@
|
|
|
579
579
|
- source: `/apps/user-flow/app/onboarding/first-action/first-action.contents.html` · demo: `/apps/user-flow/app/onboarding/first-action/first-action.html` · docs: `/site/examples/onboarding/first-action`
|
|
580
580
|
- **Review** (Onboarding) — 'Review your setup' onboarding step — summary of choices before finishing; reach for it as the pre-completion review step of onboarding.
|
|
581
581
|
- keywords: summary, confirm, recap, verify, overview
|
|
582
|
-
- components: `text-ui` `button-ui` `field-ui` `option-card-ui` `col-ui` `avatar-ui` `drawer-ui` `grid-ui` `select-ui` `switch-ui` `divider-ui` `input-ui`
|
|
582
|
+
- components: `text-ui` `button-ui` `field-ui` `option-card-ui` `col-ui` `avatar-ui` `drawer-ui` `grid-ui` `select-ui` `switch-ui` `divider-ui` `input-ui` `textarea-ui` `adia-mark-ui` `alert-ui` `badge-ui` `step-progress-ui`
|
|
583
583
|
- source: `/apps/user-flow/app/onboarding/review/review.contents.html` · demo: `/apps/user-flow/app/onboarding/review/review.html` · docs: `/site/examples/onboarding/review`
|
|
584
584
|
- **Notifications** (Onboarding) — Notification-preferences onboarding step — toggles for email and push channels; reach for it as the alert opt-in step of product onboarding.
|
|
585
585
|
- keywords: preferences, alerts, email, push, opt-in
|
|
@@ -610,7 +610,7 @@
|
|
|
610
610
|
- source: `/catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html` · demo: `/catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.html` · docs: `/site/examples/patterns/destructive-confirm-modal`
|
|
611
611
|
- **Content Blocks** (Pattern Library) — Masonry image gallery — variable-height tiles in a column-flow grid with hover overlays.
|
|
612
612
|
- keywords: masonry, gallery, images, photos, grid, variable-height, pinterest, tiles, overlays, lightbox
|
|
613
|
-
- components: `text-ui` `col-ui` `card-ui` `avatar-ui` `image-ui` `row-ui` `progress-ui` `col-def` `grid-ui` `timeline-item-ui` `avatar-group-ui` `badge-ui`
|
|
613
|
+
- components: `text-ui` `col-ui` `card-ui` `avatar-ui` `image-ui` `row-ui` `progress-ui` `col-def` `grid-ui` `timeline-item-ui` `avatar-group-ui` `badge-ui` `blockquote-ui` `description-list-ui` `rating-ui` `table-ui` `timeline-ui`
|
|
614
614
|
- source: `/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.html` · docs: `/site/examples/patterns/v050-content-blocks`
|
|
615
615
|
- **Popover With Content** (Pattern Library) — Popover anchored to a trigger button, containing a small content panel with a heading + body text + close affordance.
|
|
616
616
|
- keywords: popover, popup, overlay, anchor, trigger, content, tooltip, floating, panel, hint
|
|
@@ -669,19 +669,19 @@
|
|
|
669
669
|
- source: `/apps/user-flow/app/registration/address/address.contents.html` · demo: `/apps/user-flow/app/registration/address/address.html` · docs: `/site/examples/registration/address`
|
|
670
670
|
- **Brand scrape** (Registration) — 'Pull your brand' signup step — URL input that fetches logo/colors into preview cards; reach for it as the auto-brand-import step of signup.
|
|
671
671
|
- keywords: logo, colors, website, url, theme
|
|
672
|
-
- components: `text-ui` `button-ui` `row-ui` `avatar-ui` `badge-ui` `card-ui` `icon-ui` `adia-mark-ui` `check-ui` `col-ui` `field-ui` `input-ui`
|
|
672
|
+
- components: `text-ui` `button-ui` `row-ui` `avatar-ui` `badge-ui` `card-ui` `icon-ui` `adia-mark-ui` `check-ui` `col-ui` `field-ui` `input-ui` `step-progress-ui`
|
|
673
673
|
- source: `/apps/user-flow/app/registration/brand-scrape/brand-scrape.contents.html` · demo: `/apps/user-flow/app/registration/brand-scrape/brand-scrape.html` · docs: `/site/examples/registration/brand-scrape`
|
|
674
674
|
- **Support** (Registration) — Customer-support setup signup step — configure help channels and contacts; reach for it as an optional support-setup step of registration.
|
|
675
675
|
- keywords: help, contact, channels, desk, service
|
|
676
|
-
- components: `text-ui` `card-ui` `icon-ui` `switch-ui` `field-ui` `segment-ui` `input-ui` `adia-mark-ui` `alert-ui` `button-ui` `check-ui` `col-ui`
|
|
676
|
+
- components: `text-ui` `card-ui` `icon-ui` `switch-ui` `field-ui` `segment-ui` `input-ui` `adia-mark-ui` `alert-ui` `button-ui` `check-ui` `col-ui` `divider-ui` `grid-ui` `segmented-ui` `step-progress-ui`
|
|
677
677
|
- source: `/apps/user-flow/app/registration/support/support.contents.html` · demo: `/apps/user-flow/app/registration/support/support.html` · docs: `/site/examples/registration/support`
|
|
678
678
|
- **Departments** (Registration) — 'Set up your departments' signup step — add and name org departments; reach for it as the org-structure step of a multi-team registration.
|
|
679
679
|
- keywords: teams, org, divisions, groups, units
|
|
680
|
-
- components: `check-ui` `text-ui` `button-ui` `row-ui` `tag-ui` `adia-mark-ui` `alert-ui` `col-ui` `divider-ui` `field-ui` `grid-ui` `input-ui`
|
|
680
|
+
- components: `check-ui` `text-ui` `button-ui` `row-ui` `tag-ui` `adia-mark-ui` `alert-ui` `col-ui` `divider-ui` `field-ui` `grid-ui` `input-ui` `step-progress-ui`
|
|
681
681
|
- source: `/apps/user-flow/app/registration/departments/departments.contents.html` · demo: `/apps/user-flow/app/registration/departments/departments.html` · docs: `/site/examples/registration/departments`
|
|
682
682
|
- **Org review** (Registration) — 'Review your org chart' signup step — org-structure summary before finishing; reach for it as the org-confirmation step of registration.
|
|
683
683
|
- keywords: organization, chart, structure, summary, hierarchy
|
|
684
|
-
- components: `text-ui` `button-ui` `row-ui` `avatar-ui` `badge-ui` `card-ui` `list-item-ui` `field-ui` `segment-ui` `icon-ui` `input-ui` `select-ui`
|
|
684
|
+
- components: `text-ui` `button-ui` `row-ui` `avatar-ui` `badge-ui` `card-ui` `list-item-ui` `field-ui` `segment-ui` `icon-ui` `input-ui` `select-ui` `adia-mark-ui` `check-ui` `drawer-ui` `list-ui` `segmented-ui` `step-progress-ui`
|
|
685
685
|
- source: `/apps/user-flow/app/registration/org-review/org-review.contents.html` · demo: `/apps/user-flow/app/registration/org-review/org-review.html` · docs: `/site/examples/registration/org-review`
|
|
686
686
|
- **Personal** (Registration) — 'Round out your profile' signup step — extra personal-detail fields; reach for it as a profile-completion step of a registration wizard.
|
|
687
687
|
- keywords: profile, details, bio, about, complete
|
|
@@ -696,23 +696,23 @@
|
|
|
696
696
|
|
|
697
697
|
- **General** (Settings) — Workspace general-settings page — name, defaults, appearance, notifications, danger zone; reach for it as the primary settings surface.
|
|
698
698
|
- keywords: workspace, preferences, configuration, account, defaults
|
|
699
|
-
- components: `divider-ui` `switch-ui` `field-ui` `check-ui` `button-ui` `card-ui` `stat-ui` `text-ui` `col-ui` `grid-ui` `input-ui` `theme-panel`
|
|
699
|
+
- components: `divider-ui` `switch-ui` `field-ui` `check-ui` `button-ui` `card-ui` `stat-ui` `text-ui` `col-ui` `grid-ui` `input-ui` `theme-panel` `alert-ui` `range-ui` `select-ui` `textarea-ui` `avatar-ui` `badge-ui` `drawer-ui`
|
|
700
700
|
- source: `/apps/saas/app/settings-page/settings-page.contents.html` · demo: `/apps/saas/app/settings-page/settings-page.html` · docs: `/site/examples/settings-page`
|
|
701
701
|
- **Billing** (Settings) — Billing settings sub-page — trial countdown, plan card with monthly/annual toggle, usage quotas; reach for it as the plan-and-usage tab.
|
|
702
702
|
- keywords: subscription, plan, invoice, usage, quota
|
|
703
|
-
- components: `text-ui` `field-ui` `button-ui` `icon-ui` `input-ui` `row-ui` `card-ui` `col-ui` `divider-ui` `list-item-ui` `avatar-ui` `badge-ui`
|
|
703
|
+
- components: `text-ui` `field-ui` `button-ui` `icon-ui` `input-ui` `row-ui` `card-ui` `col-ui` `divider-ui` `list-item-ui` `avatar-ui` `badge-ui` `alert-ui` `grid-ui` `progress-ui` `drawer-ui` `radio-ui` `select-ui` `list-ui` `segment-ui` `stat-ui` `segmented-ui` `table-ui` `textarea-ui`
|
|
704
704
|
- source: `/apps/saas/app/billing/billing.contents.html` · demo: `/apps/saas/app/billing/billing.html` · docs: `/site/examples/billing`
|
|
705
705
|
- **Members** (Settings) — Members settings sub-page — invite-by-email form plus an active roster table with roles; reach for it as the workspace people-management tab.
|
|
706
706
|
- keywords: team, invite, roster, roles, seats
|
|
707
|
-
- components: `field-ui` `text-ui` `button-ui` `check-ui` `col-ui` `card-ui` `divider-ui` `avatar-ui` `badge-ui` `grid-ui` `input-ui` `
|
|
707
|
+
- components: `field-ui` `text-ui` `button-ui` `check-ui` `col-ui` `card-ui` `divider-ui` `avatar-ui` `badge-ui` `grid-ui` `row-ui` `select-ui` `stat-ui` `switch-ui` `input-ui` `textarea-ui` `drawer-ui` `list-item-ui` `alert-ui` `description-list-ui` `list-ui` `modal-ui` `search-ui` `table-ui`
|
|
708
708
|
- source: `/apps/saas/app/members/members.contents.html` · demo: `/apps/saas/app/members/members.html` · docs: `/site/examples/members`
|
|
709
709
|
- **Integrations** (Settings) — Connected-apps settings sub-page — grid of third-party cards with per-app configure drawers; reach for it as the app-connections settings tab.
|
|
710
710
|
- keywords: apps, connections, oauth, third-party, services
|
|
711
|
-
- components: `field-ui` `text-ui` `button-ui` `col-ui` `divider-ui` `input-ui` `switch-ui` `check-ui` `row-ui` `card-ui` `avatar-ui` `badge-ui`
|
|
711
|
+
- components: `field-ui` `text-ui` `button-ui` `col-ui` `divider-ui` `input-ui` `switch-ui` `check-ui` `row-ui` `card-ui` `avatar-ui` `badge-ui` `icon-ui` `grid-ui` `select-ui` `drawer-ui` `alert-ui` `list-item-ui` `stat-ui` `code-ui` `range-ui` `empty-state-ui` `list-ui`
|
|
712
712
|
- source: `/apps/saas/app/integrations/integrations.contents.html` · demo: `/apps/saas/app/integrations/integrations.html` · docs: `/site/examples/integrations`
|
|
713
713
|
- **Profile & Security** (Settings) — Profile-and-security settings sub-page — name/avatar fields, password change, 2FA setup, sessions; reach for it as the account-security tab.
|
|
714
714
|
- keywords: account, password, 2fa, sessions, authentication
|
|
715
|
-
- components: `text-ui` `button-ui` `field-ui` `col-ui` `avatar-ui` `input-ui` `divider-ui` `row-ui` `card-ui` `code-ui` `icon-ui` `alert-ui`
|
|
715
|
+
- components: `text-ui` `button-ui` `field-ui` `col-ui` `avatar-ui` `input-ui` `divider-ui` `row-ui` `card-ui` `code-ui` `icon-ui` `alert-ui` `badge-ui` `grid-ui` `drawer-ui` `check-ui` `select-ui` `switch-ui` `otp-input-ui` `textarea-ui` `upload-ui`
|
|
716
716
|
- source: `/apps/saas/app/profile-security/profile-security.contents.html` · demo: `/apps/saas/app/profile-security/profile-security.html` · docs: `/site/examples/profile-security`
|
|
717
717
|
|
|
718
718
|
### system-status
|
|
@@ -734,7 +734,7 @@
|
|
|
734
734
|
|
|
735
735
|
- **Checkout success — 6-trait composed flow** (Trait compositions) — Checkout→success flow stitched from six independent traits — reach for it as the canonical place-order → success product moment.
|
|
736
736
|
- keywords: place-order, payment, celebration, animation, ecommerce
|
|
737
|
-
- components: `list-item-ui` `text-ui` `field-ui` `switch-ui` `col-ui` `row-ui` `button-ui` `input-ui` `list-ui` `stat-ui` `card-ui` `code-ui`
|
|
737
|
+
- components: `list-item-ui` `text-ui` `field-ui` `switch-ui` `col-ui` `row-ui` `button-ui` `input-ui` `list-ui` `stat-ui` `card-ui` `code-ui` `grid-ui` `tag-ui` `icon-ui`
|
|
738
738
|
- source: `/playgrounds/composed-flow/app/composed-flow.contents.html` · demo: `/playgrounds/composed-flow/app/composed-flow.html` · docs: `/site/examples/composed-flow`
|
|
739
739
|
|
|
740
740
|
### workflow
|
|
@@ -23,6 +23,8 @@ merges the parallel branches, into what, when a wave counts as done, how big
|
|
|
23
23
|
a wave should be, or what happens when two screens edit the same
|
|
24
24
|
shared-foundation file. The sections below are that written mechanics doc.
|
|
25
25
|
|
|
26
|
+
Name check: `ui-architect` here is the shipped whole-deliverable coordinator (gh#1183) — NOT ADR-0040's Ladder-walker of the same name; before authoring, renaming, reusing, or citing any factory seat name — and whenever a document quotes the ADR-0040 roster (`ui-orchestrator · ui-architect · composer · data-wirer · ui-verifier`) or an interim name that has since moved (`screen-builder`, `consumer-reviewer`, `app-planner`) — load [references/seat-roster-names.md](references/seat-roster-names.md) (ADR-0047's disambiguation).
|
|
27
|
+
|
|
26
28
|
## The four questions this skill answers
|
|
27
29
|
|
|
28
30
|
1. **Integration** — who merges each screen's branch, when, into what
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
# Seat-roster names — which `ui-architect` this skill means, and which names not to reuse
|
|
2
|
+
|
|
3
|
+
_Load before authoring, renaming, or citing any factory seat, or when a document quotes the
|
|
4
|
+
ADR-0040 roster (`ui-orchestrator · ui-architect · composer · data-wirer · ui-verifier`).
|
|
5
|
+
Answers one question: is the `ui-architect` in [SKILL.md](../SKILL.md) the `ui-architect`
|
|
6
|
+
ADR-0040 chartered? **No** — and ADR-0047 is the record of why._
|
|
7
|
+
|
|
8
|
+
## `ui-architect` means two things
|
|
9
|
+
|
|
10
|
+
| Name | Charter | Status |
|
|
11
|
+
| --- | --- | --- |
|
|
12
|
+
| `ui-architect` — **the one this skill serves** (shipped gh#1183, 2026-08-12; `agents/ui-architect.md`) | Whole-deliverable coordinator: two-gear model, dispatches app-planning-agent / screen-composition-agent / surface-qa-agent, holds no Write/Edit, preloads this skill for GEAR 2. In ADR-0040's vocabulary this is the **`ui-orchestrator`** role. | Shipped. The name is an interim realization; a rename is a stated non-goal of the roster-completion spec (churn across a just-shipped seat, its routing corpus, and gh#1183's history) and the name is exempted in `naming.manifest.json`. |
|
|
13
|
+
| `ui-architect` — **ADR-0040's** (accepted 2026-06-07) | "intent → domain → role → wireframe → plan; the 19-rung Reasoning Ladder" — the Ladder-walker. | Unbuilt as a seat. The Ladder rehomes to the planning side (app-planning-agent's Domain Plan block, roster-completion REQ-01/02); a fifth seat is rejected with evidence. |
|
|
14
|
+
|
|
15
|
+
Every `ui-architect` in this skill is the first row — the coordinator whose GEAR-2 waves
|
|
16
|
+
these mechanics govern. A reader who arrives from ADR-0040 must not read the Ladder-walker
|
|
17
|
+
into it.
|
|
18
|
+
|
|
19
|
+
## The rest of the ADR-0040 → shipped map
|
|
20
|
+
|
|
21
|
+
ADR-0040's Phase-2 five-seat roster stays IN FORCE — not superseded; the shipped seats are
|
|
22
|
+
interim realizations of it. Two rename waves sit between ADR-0047's record and today's
|
|
23
|
+
agent files, so the map has three columns:
|
|
24
|
+
|
|
25
|
+
| ADR-0040 name | Shipped as (the name ADR-0047 recorded) | Current agent name (post ADR-0011 D10, 2026-08-14) |
|
|
26
|
+
| --- | --- | --- |
|
|
27
|
+
| `ui-orchestrator` | `ui-architect` (gh#1183) | `ui-architect` — unchanged, exempted |
|
|
28
|
+
| `ui-verifier` | `consumer-reviewer` | `surface-qa-agent` |
|
|
29
|
+
| `composer` + `data-wirer` | merged into `screen-builder` | `screen-composition-agent` — the merge is ratified-as-measured (REQ-04); a re-split returns only on sweep evidence |
|
|
30
|
+
| `ui-architect` (Ladder-walker) | — unbuilt | — (Ladder → app-planning-agent's Domain Plan, REQ-01/02) |
|
|
31
|
+
| team patterns | partially, gh#1183's GEAR-2 wave model | this skill — REQ-05's authored home |
|
|
32
|
+
|
|
33
|
+
## The rule for future seat authoring
|
|
34
|
+
|
|
35
|
+
Read ADR-0047 before reusing ANY ADR-0040 roster name (`ui-orchestrator`, `ui-architect`,
|
|
36
|
+
`composer`, `data-wirer`, `ui-verifier`) or any interim name that has since moved
|
|
37
|
+
(`app-architect`/`app-planner`, `screen-composer`/`screen-builder`,
|
|
38
|
+
`consumer-verifier`/`consumer-reviewer`) — the `ui-architect` collision is not to be
|
|
39
|
+
repeated. A charter that should be dropped rather than built lands as an ADR superseding the
|
|
40
|
+
relevant ADR-0047 clause, never as a silent edit; new seats trace to gh#1199's ticket spine
|
|
41
|
+
(gh#1200's build tickets), not to fresh ad-hoc asks.
|
|
42
|
+
|
|
43
|
+
## Grounding
|
|
44
|
+
|
|
45
|
+
- [verified 2026-08-16] ADR-0047 — `docs/ops/adr/adr-0047-factory-five-seat-roster-in-force.md:14-28`
|
|
46
|
+
(context: the collision), `:34-49` (decision 1: roster in force + the seat map), `:64-70`
|
|
47
|
+
(consequences: read this ADR before reusing a name). Operator ruling gh#1199 option b,
|
|
48
|
+
2026-08-12.
|
|
49
|
+
- [verified 2026-08-16] Roster-completion spec — `.claude/docs/specs/factory-roster-completion.md:9-13`
|
|
50
|
+
(single home for the unbuilt charters, gh#1200), `:31-59` (REQ-01/02: Ladder rehomes to
|
|
51
|
+
app-planning-agent, no fifth seat), `:80-91` (REQ-04: merge ratified-as-measured),
|
|
52
|
+
`:92-105` (REQ-05: team-pattern mechanics ride a skill in `ui-architect`'s preload — this
|
|
53
|
+
skill, gh#1210), `:123-131` (non-goals: no literal ADR-0040 `ui-architect` seat; no rename
|
|
54
|
+
of the shipped coordinator).
|
|
55
|
+
- [verified 2026-08-16] Rename lineage, gen-ui-kit agent files — commit `0a28c68bf`
|
|
56
|
+
(2026-07-18: app-architect→app-planner, screen-composer→screen-builder,
|
|
57
|
+
consumer-verifier→consumer-reviewer) and `6a4fcd6ab` (2026-08-14, ADR-0011 D10:
|
|
58
|
+
app-planner→app-planning-agent, screen-builder→screen-composition-agent,
|
|
59
|
+
consumer-reviewer→surface-qa-agent; adia-waves→wave-coordination). `ui-architect`'s
|
|
60
|
+
exemption: `packages/plugins/adia-ui-factory/naming.manifest.json` `exemption_notes`.
|
|
61
|
+
- [drift-prone] `factory-roster-completion.md` is `status: draft` (v0.1.1, 2026-08-13); the
|
|
62
|
+
"unbuilt" status of the Ladder-walker charter and the REQ-04 re-split question change as
|
|
63
|
+
gh#1200's build tickets land — re-read before quoting either.
|