@adia-ai/adia-ui-factory 0.8.45 → 0.8.47
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 +13 -0
- package/README.md +1 -1
- package/package.json +1 -1
- package/skills/pattern-catalog/references/annotations.yaml +23 -0
- package/skills/pattern-catalog/references/pattern-index.md +11 -3
- package/skills/table-composition/references/base-table.md +16 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "adia-ui-kit-factory",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.47",
|
|
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,18 @@
|
|
|
1
1
|
# Changelog — adia-ui-kit-factory
|
|
2
2
|
|
|
3
|
+
## [0.8.47] — 2026-08-22
|
|
4
|
+
|
|
5
|
+
### Maintenance
|
|
6
|
+
- **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.47 work shipped in table-toolbar size/chrome fixes, anchor popover reuse guard, token-layer light-dark cleanup (gh#1852), side-by-side docs demos. See `packages/web-components/CHANGELOG.md#0847--2026-08-22` for details.
|
|
7
|
+
- **`.claude-plugin/plugin.json` version bump** — moves in lockstep with package.json (the `/plugin update` cache key).
|
|
8
|
+
|
|
9
|
+
## [0.8.46] — 2026-08-22
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
### Maintenance
|
|
13
|
+
- **`.claude-plugin/plugin.json` version bump** — moves in lockstep with package.json (the `/plugin update` cache key).
|
|
14
|
+
- **`skills/` touched in this release window** (3 file(s), e.g. `references/annotations.yaml`) — carried by the entries above.
|
|
15
|
+
|
|
3
16
|
## [0.8.45] — 2026-08-20
|
|
4
17
|
|
|
5
18
|
### Changed
|
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.47` (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.47",
|
|
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",
|
|
@@ -158,6 +158,19 @@
|
|
|
158
158
|
- sparkline
|
|
159
159
|
- metric tile
|
|
160
160
|
- graph
|
|
161
|
+
/packages/web-components/patterns/new-enrollments/new-enrollments.examples.html:
|
|
162
|
+
category: data-viz
|
|
163
|
+
intent: A "New enrollments" dashboard card recreated across four chart-type variants (stacked-bar, area, sparkline, radial-bar) sharing one header grammar, composing the Charts 2.0 foundations (chip labels, today-marker, provisional state, legend band).
|
|
164
|
+
keywords:
|
|
165
|
+
- new enrollments
|
|
166
|
+
- dashboard card
|
|
167
|
+
- stacked bar
|
|
168
|
+
- area chart
|
|
169
|
+
- sparkline
|
|
170
|
+
- radial bar
|
|
171
|
+
- provisional state
|
|
172
|
+
- today marker
|
|
173
|
+
- legend band
|
|
161
174
|
/site/pages/patterns/charts.html:
|
|
162
175
|
category: data-viz
|
|
163
176
|
intent: Full live-demo reference for Charts 2.0 — all 18 chart-ui types, the ADR-0074 ratio grammar (auto-snap + explicit pin), chart-legend-ui's ratio-responsive row/grid/list layouts, the chart-in-card full-bleed pattern, and every ratified chart-ui attribute.
|
|
@@ -451,6 +464,16 @@
|
|
|
451
464
|
- guided setup
|
|
452
465
|
- progress
|
|
453
466
|
- steps
|
|
467
|
+
/packages/web-components/patterns/table-in-card/table-in-card.examples.html:
|
|
468
|
+
category: data-table
|
|
469
|
+
intent: The full table structural system in a card — header title/action, a title-less toolbar row, a bleed table, and a footer with a range label + pager — reach for it for any card-framed data grid that needs a pager.
|
|
470
|
+
keywords:
|
|
471
|
+
- data grid
|
|
472
|
+
- pagination
|
|
473
|
+
- table footer
|
|
474
|
+
- table toolbar
|
|
475
|
+
- status dot
|
|
476
|
+
- kebab actions
|
|
454
477
|
/apps/overview.examples.html:
|
|
455
478
|
category: app-overview
|
|
456
479
|
intent: Index page cataloguing full-page AdiaUI example compositions — reach for it as a docs gallery landing that lists the available demo screens.
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
# Pre-assembled patterns & templates index
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
171 reusable assembled surfaces: 50 patterns (composed component arrangements) and 121 template screens (full pages/flows). Search this file by category, keyword, or component tag BEFORE composing a surface from primitives. `source:` is the copyable markup; `docs:` is the live docs-site route (Gen-UI Feed is excluded — it demos gen-ui-wiring's runtime-generated pattern).
|
|
8
8
|
|
|
9
9
|
## Patterns
|
|
10
10
|
|
|
@@ -59,21 +59,29 @@
|
|
|
59
59
|
- keywords: facet, chips, refine, narrow, segment, query
|
|
60
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
|
+
- **Table in Card** (Patterns) — The full table structural system in a card — header title/action, a title-less toolbar row, a bleed table, and a footer with a range label + pager — reach for it for any card-framed data grid that needs a pager.
|
|
63
|
+
- keywords: data grid, pagination, table footer, table toolbar, status dot, kebab actions
|
|
64
|
+
- components: `card-ui` `table-footer-ui` `table-toolbar-ui` `table-ui` `button-ui` `code-ui`
|
|
65
|
+
- source: `/packages/web-components/patterns/table-in-card/table-in-card.examples.html` · demo: `/packages/web-components/patterns/table-in-card/table-in-card.html` · docs: `/site/patterns/table-in-card`
|
|
62
66
|
|
|
63
67
|
### data-viz
|
|
64
68
|
|
|
65
69
|
- **Chart in Card** (Patterns) — Embeds a chart inside a card so it reads as a dashboard tile — sparkline tile, full framed chart, or chart-plus-headline-stat.
|
|
66
70
|
- keywords: dashboard tile, kpi tile, sparkline, metric tile, graph
|
|
67
|
-
- components: `card-ui` `chart-ui` `text-ui` `
|
|
71
|
+
- components: `card-ui` `chart-ui` `text-ui` `chart-legend-ui` `stat-ui` `segment-ui` `button-ui` `code-ui` `col-ui` `grid-ui` `segmented-ui`
|
|
68
72
|
- 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
73
|
- **Charts** (Patterns) — Full live-demo reference for Charts 2.0 — all 18 chart-ui types, the ADR-0074 ratio grammar (auto-snap + explicit pin), chart-legend-ui's ratio-responsive row/grid/list layouts, the chart-in-card full-bleed pattern, and every ratified chart-ui attribute.
|
|
70
74
|
- keywords: chart types, ratio grammar, chart legend, full bleed, ADR-0074, data visualization
|
|
71
|
-
- components: `segment-ui` `chart-ui` `card-ui` `text-ui` `segmented-ui` `code-ui` `
|
|
75
|
+
- components: `segment-ui` `chart-ui` `card-ui` `text-ui` `segmented-ui` `chart-legend-ui` `code-ui` `button-ui` `grid-ui` `row-ui` `select-ui` `alert-ui`
|
|
72
76
|
- source: `/site/pages/patterns/charts.html` · docs: `/site/patterns/charts`
|
|
73
77
|
- **Conversion Funnel** (Patterns) — Multi-step drop-off funnel built from labeled progress rows — reach for onboarding, checkout, activation, or paywall sequences.
|
|
74
78
|
- keywords: drop-off, activation, checkout steps, sign-up flow, progress rows
|
|
75
79
|
- components: `text-ui` `progress-ui` `col-ui` `badge-ui` `card-ui` `row-ui` `segment-ui` `button-ui` `segmented-ui`
|
|
76
80
|
- 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`
|
|
81
|
+
- **New Enrollments** (Patterns) — A "New enrollments" dashboard card recreated across four chart-type variants (stacked-bar, area, sparkline, radial-bar) sharing one header grammar, composing the Charts 2.0 foundations (chip labels, today-marker, provisional state, legend band).
|
|
82
|
+
- keywords: new enrollments, dashboard card, stacked bar, area chart, sparkline, radial bar, provisional state, today marker, legend band
|
|
83
|
+
- components: `button-ui` `card-ui` `chart-ui` `row-ui` `select-ui` `chart-legend-ui`
|
|
84
|
+
- source: `/packages/web-components/patterns/new-enrollments/new-enrollments.examples.html` · demo: `/packages/web-components/patterns/new-enrollments/new-enrollments.html` · docs: `/site/patterns/new-enrollments`
|
|
77
85
|
- **Retention Cohort** (Patterns) — Retention cohort heatmap rendered as a table with color-bucketed badge cells — reach for it for retention/decay reporting.
|
|
78
86
|
- keywords: heatmap, churn, decay, weekly buckets, engagement grid
|
|
79
87
|
- components: `card-ui` `badge-ui` `table-ui` `text-ui` `stat-ui` `code-ui` `grid-ui` `row-ui`
|
|
@@ -176,8 +176,22 @@ they're documented alongside the real `sortFn`.
|
|
|
176
176
|
it doesn't reduce total DOM churn across pages). For genuinely huge collections (1,000+ rows —
|
|
177
177
|
chat threads, feeds, log streams), reach for `list-window-ui` instead, a different primitive
|
|
178
178
|
that windows to only the visible slice; it is not table-shaped (no columns/header/sort), so it
|
|
179
|
-
fits a single-column list read, not a multi-column grid.
|
|
180
|
-
|
|
179
|
+
fits a single-column list read, not a multi-column grid. **Server-driven pagination (gh#1754,
|
|
180
|
+
ADR-0082)** — set `paginate="N"` (page size) TOGETHER with `range-total="M"` (the server's total
|
|
181
|
+
row count across all pages): `[paginate]` becomes purely presentational (no local slicing —
|
|
182
|
+
`.data` IS the current server page and renders whole, after any local search/sort/filter), the
|
|
183
|
+
internal pager's page count derives from `range-total`, and the existing `page` event (0-based)
|
|
184
|
+
becomes the fetch trigger — listen for it, fetch that server page, write the rows back to
|
|
185
|
+
`.data` (the page position holds; no reset) — **except** when a NEW `range-total` shrinks the
|
|
186
|
+
page count below the current page: `table-ui` clamps the RENDERED page to the last valid page
|
|
187
|
+
in that case (a render-time display clamp, never a `page` event dispatch — REQ-D-005), so a
|
|
188
|
+
consumer must not assume every server response preserves an out-of-range page. `range-total` is presence-gated: absent means
|
|
189
|
+
client mode (today's behavior); an explicit `range-total="0"` is server-confirmed empty, not
|
|
190
|
+
"not yet known." A bound `table-footer-ui` is optional chrome in this shape (it derives its own
|
|
191
|
+
range label from the table's `range-total` with zero footer attributes) — or omit the footer
|
|
192
|
+
entirely and let the table's own internal pager work server-side alone, the ticket's literal
|
|
193
|
+
headline case. See table.yaml's `[range-total]` prop doc and
|
|
194
|
+
`docs/ops/adr/adr-0082-table-ui-server-range-total.md` for the full contract.
|
|
181
195
|
|
|
182
196
|
## table-toolbar-ui — the companion search/filter/sort/columns bar
|
|
183
197
|
|