@webmcp-auto-ui/sdk 2.5.8 → 2.5.10
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/package.json +1 -1
- package/src/mcp-demo-servers.ts +15 -15
- package/src/skills/registry.ts +12 -12
- package/src/stores/canvas.ts +2 -2
package/package.json
CHANGED
package/src/mcp-demo-servers.ts
CHANGED
|
@@ -18,56 +18,56 @@ export const MCP_DEMO_SERVERS: McpDemoServer[] = [
|
|
|
18
18
|
{
|
|
19
19
|
id: 'tricoteuses',
|
|
20
20
|
name: 'Tricoteuses',
|
|
21
|
-
description: '
|
|
21
|
+
description: 'French parliamentary database — amendments, votes, MPs, political groups.',
|
|
22
22
|
url: 'https://mcp.code4code.eu/mcp',
|
|
23
|
-
tags: ['
|
|
23
|
+
tags: ['politics', 'france', 'parliament', 'open-data'],
|
|
24
24
|
},
|
|
25
25
|
{
|
|
26
26
|
id: 'hackernews',
|
|
27
27
|
name: 'Hacker News',
|
|
28
|
-
description: 'Hacker News stories,
|
|
28
|
+
description: 'Hacker News stories, comments, and rankings.',
|
|
29
29
|
url: 'https://demos.hyperskills.net/mcp-hackernews/mcp',
|
|
30
|
-
tags: ['tech', 'news', '
|
|
30
|
+
tags: ['tech', 'news', 'community'],
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
33
|
id: 'metmuseum',
|
|
34
34
|
name: 'Met Museum',
|
|
35
|
-
description: 'Metropolitan Museum of Art — collections,
|
|
35
|
+
description: 'Metropolitan Museum of Art — collections, artworks, artists.',
|
|
36
36
|
url: 'https://demos.hyperskills.net/mcp-metmuseum/mcp',
|
|
37
|
-
tags: ['art', '
|
|
37
|
+
tags: ['art', 'museum', 'culture', 'collections'],
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
id: 'openmeteo',
|
|
41
41
|
name: 'Open-Meteo',
|
|
42
|
-
description: '
|
|
42
|
+
description: 'Weather data — forecasts, history, geolocation.',
|
|
43
43
|
url: 'https://demos.hyperskills.net/mcp-openmeteo/mcp',
|
|
44
|
-
tags: ['
|
|
44
|
+
tags: ['weather', 'climate', 'forecasts', 'geo'],
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
id: 'wikipedia',
|
|
48
48
|
name: 'Wikipedia',
|
|
49
|
-
description: '
|
|
49
|
+
description: 'Wikipedia search and content — articles, summaries, categories.',
|
|
50
50
|
url: 'https://demos.hyperskills.net/mcp-wikipedia/mcp',
|
|
51
|
-
tags: ['
|
|
51
|
+
tags: ['encyclopedia', 'knowledge', 'search'],
|
|
52
52
|
},
|
|
53
53
|
{
|
|
54
54
|
id: 'inaturalist',
|
|
55
55
|
name: 'iNaturalist',
|
|
56
|
-
description: '
|
|
56
|
+
description: 'Nature observations — species, taxa, biodiversity statistics.',
|
|
57
57
|
url: 'https://demos.hyperskills.net/mcp-inaturalist/mcp',
|
|
58
|
-
tags: ['nature', '
|
|
58
|
+
tags: ['nature', 'biodiversity', 'observations', 'citizen-science'],
|
|
59
59
|
},
|
|
60
60
|
{
|
|
61
61
|
id: 'datagouv',
|
|
62
62
|
name: 'data.gouv.fr',
|
|
63
|
-
description: '
|
|
63
|
+
description: 'French open data — public datasets, statistics, reference data.',
|
|
64
64
|
url: 'https://demos.hyperskills.net/mcp-datagouv/mcp',
|
|
65
|
-
tags: ['open-data', 'france', '
|
|
65
|
+
tags: ['open-data', 'france', 'government', 'statistics'],
|
|
66
66
|
},
|
|
67
67
|
{
|
|
68
68
|
id: 'nasa',
|
|
69
69
|
name: 'NASA',
|
|
70
|
-
description: 'NASA —
|
|
70
|
+
description: 'NASA — space imagery, astronomical data, Mars rovers, asteroids.',
|
|
71
71
|
url: 'https://demos.hyperskills.net/mcp-nasa/mcp',
|
|
72
72
|
},
|
|
73
73
|
];
|
package/src/skills/registry.ts
CHANGED
|
@@ -101,36 +101,36 @@ const DEMO_SKILLS: Omit<Skill, 'id' | 'createdAt' | 'updatedAt'>[] = [
|
|
|
101
101
|
name: 'weather-dashboard',
|
|
102
102
|
mcp: 'https://mcp.code4code.eu/mcp',
|
|
103
103
|
mcpName: 'tricoteuses',
|
|
104
|
-
description: '
|
|
105
|
-
tags: ['
|
|
104
|
+
description: 'Local weather with temperature, conditions, and forecasts',
|
|
105
|
+
tags: ['weather', 'dashboard'],
|
|
106
106
|
blocks: [
|
|
107
|
-
{ type: 'stat', data: { label: '
|
|
108
|
-
{ type: 'kv', data: { title: 'Conditions', rows: [['
|
|
109
|
-
{ type: 'chart', data: { title: '
|
|
107
|
+
{ type: 'stat', data: { label: 'Temperature', value: '14°C', trend: '+2°', trendDir: 'up' } },
|
|
108
|
+
{ type: 'kv', data: { title: 'Conditions', rows: [['Humidity','72%'],['Wind','18 km/h'],['UV','3']] } },
|
|
109
|
+
{ type: 'chart', data: { title: '7-day forecast', bars: [['M',12],['T',14],['W',11],['T',15],['F',13],['S',16],['S',14]] } },
|
|
110
110
|
],
|
|
111
111
|
},
|
|
112
112
|
{
|
|
113
113
|
name: 'kpi-overview',
|
|
114
114
|
mcp: 'https://mcp.code4code.eu/mcp',
|
|
115
115
|
mcpName: 'tricoteuses',
|
|
116
|
-
description: '
|
|
116
|
+
description: 'KPI overview: revenue, users, churn',
|
|
117
117
|
tags: ['kpi', 'dashboard'],
|
|
118
118
|
blocks: [
|
|
119
|
-
{ type: 'stat', data: { label: '
|
|
120
|
-
{ type: 'stat', data: { label: '
|
|
119
|
+
{ type: 'stat', data: { label: 'Revenue', value: '€142K', trend: '+12.4%', trendDir: 'up' } },
|
|
120
|
+
{ type: 'stat', data: { label: 'Users', value: '8 204', trend: '+3.2%', trendDir: 'up' } },
|
|
121
121
|
{ type: 'stat', data: { label: 'Churn', value: '2.1%', trend: '-0.4%', trendDir: 'down' } },
|
|
122
|
-
{ type: 'chart', data: { title: '
|
|
122
|
+
{ type: 'chart', data: { title: 'Revenue Q1-Q4', bars: [['Q1',98],['Q2',112],['Q3',128],['Q4',142]] } },
|
|
123
123
|
],
|
|
124
124
|
},
|
|
125
125
|
{
|
|
126
126
|
name: 'status-monitor',
|
|
127
127
|
mcp: 'https://mcp.code4code.eu/mcp',
|
|
128
128
|
mcpName: 'tricoteuses',
|
|
129
|
-
description: '
|
|
129
|
+
description: 'Service status monitoring',
|
|
130
130
|
tags: ['ops', 'monitoring'],
|
|
131
131
|
blocks: [
|
|
132
|
-
{ type: 'alert', data: { title: 'DB degraded', message: '
|
|
133
|
-
{ type: 'kv', data: { title: '
|
|
132
|
+
{ type: 'alert', data: { title: 'DB degraded', message: 'High latency on primary-eu.', level: 'warn' } },
|
|
133
|
+
{ type: 'kv', data: { title: 'Service status', rows: [['API','✓ OK'],['DB','⚠ degraded'],['CDN','✓ OK'],['Queue','⚠ warning']] } },
|
|
134
134
|
{ type: 'tags', data: { label: 'Actif', tags: [{ text:'prod', active:true},{ text:'eu-west'},{ text:'v2.4.1',active:true}] } },
|
|
135
135
|
],
|
|
136
136
|
},
|
package/src/stores/canvas.ts
CHANGED
|
@@ -92,7 +92,7 @@ function createCanvasVanilla() {
|
|
|
92
92
|
let _mcpTools: McpToolInfo[] = [];
|
|
93
93
|
let _messages: ChatMsg[] = [];
|
|
94
94
|
let _generating = false;
|
|
95
|
-
let _statusText = '●
|
|
95
|
+
let _statusText = '● no MCP connected';
|
|
96
96
|
let _statusColor = 'text-zinc-600';
|
|
97
97
|
let _themeOverrides: Record<string, string> = {};
|
|
98
98
|
let _enabledServerIds: string[] = ['autoui'];
|
|
@@ -179,7 +179,7 @@ function createCanvasVanilla() {
|
|
|
179
179
|
_statusText = `● ${name} · ${tools?.length ?? 0} tools`;
|
|
180
180
|
_statusColor = 'text-teal-400';
|
|
181
181
|
} else {
|
|
182
|
-
_statusText = '●
|
|
182
|
+
_statusText = '● no MCP connected';
|
|
183
183
|
_statusColor = 'text-zinc-600';
|
|
184
184
|
}
|
|
185
185
|
notify();
|