@seed-ship/mcp-ui-solid 2.6.0 → 2.6.1
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/README.md +37 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -5,16 +5,16 @@ SolidJS components + chat toolkit for MCP-generated UI. Part of the [MCP UI ecos
|
|
|
5
5
|
[](https://www.npmjs.com/package/@seed-ship/mcp-ui-solid)
|
|
6
6
|
[](https://opensource.org/licenses/MIT)
|
|
7
7
|
|
|
8
|
-
## What's New in v2.
|
|
8
|
+
## What's New in v2.6.0
|
|
9
9
|
|
|
10
|
-
- **
|
|
10
|
+
- **Multi-select fields** - `{ type: 'select', multiple: true }` with dropdown checkboxes + removable chips
|
|
11
|
+
- **Autocomplete fields** - Debounced API fetch for large datasets (communes 35K+, SIRENE, addresses)
|
|
12
|
+
- **ChatPrompt form refactor** - All 10 field types now available in ChatPrompt (was 4)
|
|
13
|
+
- **ChatPrompt dismissLabel** - "Send as-is" button replaces X icon for better UX
|
|
14
|
+
- **Chat Bus** (`@experimental`) - Bidirectional event/command bus for agent interactions (15 events, 10 commands)
|
|
11
15
|
- **ChatPrompt** (`@experimental`) - Structured interactions above chat input (choice, confirm, form)
|
|
12
16
|
- **19 component renderers** - chart, table, metric, text, code, map, form, modal, image-gallery, video, iframe, image, link, action, action-group, grid, carousel, artifact, footer
|
|
13
|
-
- **ExpandableWrapper** - Fullscreen expand for tables, charts, code (DOM reparenting)
|
|
14
|
-
- **Table/Chart/Code export** - CSV/TSV/JSON download, PNG export, word wrap toggle
|
|
15
17
|
- **Tiered iframe sandbox** - Trusted domains get `allow-same-origin`; untrusted get restrictive sandbox
|
|
16
|
-
- **Complete validation** - All 19 types validated, scatter/bubble/time-series chart support
|
|
17
|
-
- **ComponentToolbar** - Unified toolbar with copy, download, expand, wordwrap actions
|
|
18
18
|
|
|
19
19
|
## Installation
|
|
20
20
|
|
|
@@ -250,6 +250,37 @@ Three subtypes for common agent interaction patterns:
|
|
|
250
250
|
submitLabel: 'Send',
|
|
251
251
|
}
|
|
252
252
|
}} onSubmit={handleResponse} />
|
|
253
|
+
|
|
254
|
+
// Multi-select — dropdown checkboxes + chips (v2.6.0)
|
|
255
|
+
<ChatPrompt config={{
|
|
256
|
+
type: 'form',
|
|
257
|
+
title: 'DVF Parameters',
|
|
258
|
+
config: {
|
|
259
|
+
fields: [
|
|
260
|
+
{ name: 'years', label: 'Years', type: 'select', multiple: true,
|
|
261
|
+
options: [{ label: '2024', value: '2024' }, { label: '2023', value: '2023' }, { label: '2022', value: '2022' }] },
|
|
262
|
+
],
|
|
263
|
+
submitLabel: 'Search',
|
|
264
|
+
}
|
|
265
|
+
}} onSubmit={handleResponse} />
|
|
266
|
+
// → response.value = { years: ["2024", "2023"] }
|
|
267
|
+
|
|
268
|
+
// Autocomplete — API fetch for large datasets (v2.6.0)
|
|
269
|
+
<ChatPrompt config={{
|
|
270
|
+
type: 'form',
|
|
271
|
+
title: 'Select commune',
|
|
272
|
+
config: {
|
|
273
|
+
fields: [
|
|
274
|
+
{ name: 'commune', label: 'Commune', type: 'autocomplete',
|
|
275
|
+
apiUrl: 'https://geo.api.gouv.fr/communes', searchParam: 'nom',
|
|
276
|
+
labelField: 'nom', valueField: 'code',
|
|
277
|
+
extraParams: { fields: 'nom,code', limit: '10' }, minChars: 2 },
|
|
278
|
+
],
|
|
279
|
+
submitLabel: 'Search',
|
|
280
|
+
}
|
|
281
|
+
}} onSubmit={handleResponse} />
|
|
282
|
+
// → type "Mont" → dropdown [Montpellier, Montreuil, ...]
|
|
283
|
+
// → response.value = { commune: "34172" }
|
|
253
284
|
```
|
|
254
285
|
|
|
255
286
|
## Component Renderers (19 types)
|