@vertesia/tools-admin-ui 1.5.0-dev.20260905.011013Z → 1.5.0-dev.20260910.052912Z
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/lib/components/CollectionCard.d.ts.map +1 -1
- package/lib/components/HeroSection.d.ts.map +1 -1
- package/lib/components/ResourceCard.d.ts.map +1 -1
- package/lib/pages/HomePage.d.ts.map +1 -1
- package/lib/pages/InteractionCollection.d.ts.map +1 -1
- package/lib/pages/InteractionDetail.d.ts.map +1 -1
- package/lib/pages/TemplateCollection.d.ts.map +1 -1
- package/lib/pages/TypeCollection.d.ts.map +1 -1
- package/lib/tools-admin-ui.js +37 -37
- package/lib/tools-admin-ui.js.map +1 -1
- package/package.json +4 -4
- package/src/AdminApp.tsx +1 -1
- package/src/components/CollectionCard.tsx +2 -4
- package/src/components/DetailPage.tsx +1 -1
- package/src/components/HeroSection.tsx +4 -6
- package/src/components/ResourceCard.tsx +2 -4
- package/src/components/ResourceSection.tsx +2 -2
- package/src/components/SearchBar.tsx +1 -1
- package/src/pages/ActivityCollection.tsx +4 -4
- package/src/pages/HomePage.tsx +4 -6
- package/src/pages/InteractionCollection.tsx +2 -4
- package/src/pages/InteractionDetail.tsx +2 -4
- package/src/pages/SkillCollection.tsx +2 -2
- package/src/pages/SkillDetail.tsx +1 -1
- package/src/pages/TemplateCollection.tsx +2 -4
- package/src/pages/TemplateDetail.tsx +1 -1
- package/src/pages/ToolCollection.tsx +2 -2
- package/src/pages/TypeCollection.tsx +3 -5
- package/src/pages/TypeDetail.tsx +1 -1
|
@@ -51,14 +51,12 @@ export function HeroSection({ title, version, resources }: HeroSectionProps) {
|
|
|
51
51
|
{getInitials(title)}
|
|
52
52
|
</div>
|
|
53
53
|
<div>
|
|
54
|
-
<p className="text-xs font-medium uppercase tracking-widest text-muted
|
|
55
|
-
Tools Server
|
|
56
|
-
</p>
|
|
54
|
+
<p className="text-xs font-medium uppercase tracking-widest text-muted">Tools Server</p>
|
|
57
55
|
<h1 className="-tracking-wide text-2xl font-bold text-foreground">{title}</h1>
|
|
58
56
|
</div>
|
|
59
57
|
</div>
|
|
60
58
|
|
|
61
|
-
<p className="text-sm text-muted
|
|
59
|
+
<p className="text-sm text-muted">
|
|
62
60
|
Discover the tools, skills, interactions, and content types exposed by this server.
|
|
63
61
|
</p>
|
|
64
62
|
|
|
@@ -91,12 +89,12 @@ export function HeroSection({ title, version, resources }: HeroSectionProps) {
|
|
|
91
89
|
<aside className="min-w-55 max-w-65 shrink-0">
|
|
92
90
|
<EndpointPanel label="Base endpoint" path="/api" />
|
|
93
91
|
<EndpointPanel label="Package endpoint" path="/api/package" />
|
|
94
|
-
<p className="mt-2 text-xs leading-relaxed text-muted
|
|
92
|
+
<p className="mt-2 text-xs leading-relaxed text-muted">
|
|
95
93
|
Use <strong className="text-foreground">POST /api/tools/<collection></strong> or{' '}
|
|
96
94
|
<strong className="text-foreground">POST /api/skills/<collection></strong> to call these
|
|
97
95
|
from your apps or agents.
|
|
98
96
|
</p>
|
|
99
|
-
<p className="mt-1 text-xs text-muted
|
|
97
|
+
<p className="mt-1 text-xs text-muted">v{version}</p>
|
|
100
98
|
</aside>
|
|
101
99
|
</div>
|
|
102
100
|
</Card>
|
|
@@ -13,7 +13,7 @@ export function ResourceCard({ resource }: { resource: ResourceItem }) {
|
|
|
13
13
|
{resource.type}
|
|
14
14
|
</span>
|
|
15
15
|
<div className="font-semibold text-card-foreground">{resource.title}</div>
|
|
16
|
-
<div className="mt-1 text-sm text-muted
|
|
16
|
+
<div className="mt-1 text-sm text-muted">{resource.description || 'No description'}</div>
|
|
17
17
|
{resource.tags && resource.tags.length > 0 && (
|
|
18
18
|
<div className="mt-2 flex flex-wrap gap-1">
|
|
19
19
|
{resource.tags.map((tag) => (
|
|
@@ -23,9 +23,7 @@ export function ResourceCard({ resource }: { resource: ResourceItem }) {
|
|
|
23
23
|
))}
|
|
24
24
|
</div>
|
|
25
25
|
)}
|
|
26
|
-
{resource.url &&
|
|
27
|
-
<div className="mt-2 truncate font-mono text-xs text-muted-foreground">{resource.url}</div>
|
|
28
|
-
)}
|
|
26
|
+
{resource.url && <div className="mt-2 truncate font-mono text-xs text-muted">{resource.url}</div>}
|
|
29
27
|
</CardContent>
|
|
30
28
|
</Card>
|
|
31
29
|
);
|
|
@@ -19,9 +19,9 @@ export function ResourceSection({ title, subtitle, resources, showDivider }: Res
|
|
|
19
19
|
<div>
|
|
20
20
|
<h2 className="text-xl font-semibold text-foreground">
|
|
21
21
|
{title}
|
|
22
|
-
<span className="ml-2 text-sm font-normal text-muted
|
|
22
|
+
<span className="ml-2 text-sm font-normal text-muted">({resources.length})</span>
|
|
23
23
|
</h2>
|
|
24
|
-
<p className="mb-4 text-sm text-muted
|
|
24
|
+
<p className="mb-4 text-sm text-muted">{subtitle}</p>
|
|
25
25
|
</div>
|
|
26
26
|
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
27
27
|
{resources.map((r) => (
|
|
@@ -23,7 +23,7 @@ export function SearchBar({ value, onChange, placeholder, resultCount, totalCoun
|
|
|
23
23
|
autoComplete="off"
|
|
24
24
|
/>
|
|
25
25
|
{hasQuery && !noResults && (
|
|
26
|
-
<p className="mt-1.5 text-xs text-muted
|
|
26
|
+
<p className="mt-1.5 text-xs text-muted">
|
|
27
27
|
Showing {resultCount} of {totalCount} resources
|
|
28
28
|
</p>
|
|
29
29
|
)}
|
|
@@ -31,7 +31,7 @@ export function ActivityCollection() {
|
|
|
31
31
|
);
|
|
32
32
|
if (!data)
|
|
33
33
|
return (
|
|
34
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
34
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
35
35
|
<Spinner />
|
|
36
36
|
</div>
|
|
37
37
|
);
|
|
@@ -56,10 +56,10 @@ export function ActivityCollection() {
|
|
|
56
56
|
</span>
|
|
57
57
|
<span className="font-semibold text-card-foreground">{activity.name}</span>
|
|
58
58
|
</div>
|
|
59
|
-
<div className="text-sm text-muted
|
|
59
|
+
<div className="text-sm text-muted">{activity.description || 'No description'}</div>
|
|
60
60
|
{activity.input_schema && (
|
|
61
61
|
<div className="mt-3">
|
|
62
|
-
<p className="mb-1 text-xs font-semibold uppercase tracking-wide text-muted
|
|
62
|
+
<p className="mb-1 text-xs font-semibold uppercase tracking-wide text-muted">
|
|
63
63
|
Input Schema
|
|
64
64
|
</p>
|
|
65
65
|
<pre className="whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground">
|
|
@@ -69,7 +69,7 @@ export function ActivityCollection() {
|
|
|
69
69
|
)}
|
|
70
70
|
{activity.output_schema && (
|
|
71
71
|
<div className="mt-3">
|
|
72
|
-
<p className="mb-1 text-xs font-semibold uppercase tracking-wide text-muted
|
|
72
|
+
<p className="mb-1 text-xs font-semibold uppercase tracking-wide text-muted">
|
|
73
73
|
Output Schema
|
|
74
74
|
</p>
|
|
75
75
|
<pre className="whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground">
|
package/src/pages/HomePage.tsx
CHANGED
|
@@ -70,12 +70,12 @@ export function HomePage() {
|
|
|
70
70
|
<div>
|
|
71
71
|
<h2 className="text-xl font-semibold text-foreground">
|
|
72
72
|
{section.title}
|
|
73
|
-
<span className="ml-2 text-sm font-normal text-muted
|
|
73
|
+
<span className="ml-2 text-sm font-normal text-muted">
|
|
74
74
|
({sectionCollections.length}
|
|
75
75
|
{sectionCollections.length === 1 ? ' collection' : ' collections'})
|
|
76
76
|
</span>
|
|
77
77
|
</h2>
|
|
78
|
-
<p className="mb-4 text-sm text-muted
|
|
78
|
+
<p className="mb-4 text-sm text-muted">{section.subtitle}</p>
|
|
79
79
|
</div>
|
|
80
80
|
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
|
81
81
|
{sectionCollections.map((col) => (
|
|
@@ -92,13 +92,11 @@ export function HomePage() {
|
|
|
92
92
|
mcp
|
|
93
93
|
</span>
|
|
94
94
|
<div className="font-semibold text-card-foreground">{r.title}</div>
|
|
95
|
-
<div className="mt-1 text-sm text-muted
|
|
95
|
+
<div className="mt-1 text-sm text-muted">
|
|
96
96
|
{r.description || 'No description'}
|
|
97
97
|
</div>
|
|
98
98
|
{r.url && (
|
|
99
|
-
<div className="mt-2 truncate font-mono text-xs text-muted
|
|
100
|
-
{r.url}
|
|
101
|
-
</div>
|
|
99
|
+
<div className="mt-2 truncate font-mono text-xs text-muted">{r.url}</div>
|
|
102
100
|
)}
|
|
103
101
|
</div>
|
|
104
102
|
))}
|
|
@@ -25,7 +25,7 @@ export function InteractionCollection() {
|
|
|
25
25
|
|
|
26
26
|
if (!interactions) {
|
|
27
27
|
return (
|
|
28
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
28
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
29
29
|
<Spinner />
|
|
30
30
|
</div>
|
|
31
31
|
);
|
|
@@ -52,9 +52,7 @@ export function InteractionCollection() {
|
|
|
52
52
|
interaction
|
|
53
53
|
</span>
|
|
54
54
|
<div className="font-semibold text-card-foreground">{inter.title || inter.name}</div>
|
|
55
|
-
<div className="mt-1 text-sm text-muted
|
|
56
|
-
{inter.description || 'No description'}
|
|
57
|
-
</div>
|
|
55
|
+
<div className="mt-1 text-sm text-muted">{inter.description || 'No description'}</div>
|
|
58
56
|
{inter.tags && inter.tags.length > 0 && (
|
|
59
57
|
<div className="mt-2 flex flex-wrap gap-1">
|
|
60
58
|
{inter.tags.map((tag) => (
|
|
@@ -40,7 +40,7 @@ export function InteractionDetail() {
|
|
|
40
40
|
|
|
41
41
|
if (!interaction) {
|
|
42
42
|
return (
|
|
43
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
43
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
44
44
|
<Spinner />
|
|
45
45
|
</div>
|
|
46
46
|
);
|
|
@@ -71,9 +71,7 @@ export function InteractionDetail() {
|
|
|
71
71
|
>
|
|
72
72
|
{prompt.role}
|
|
73
73
|
</span>
|
|
74
|
-
{prompt.name &&
|
|
75
|
-
<span className="text-sm italic text-muted-foreground">{prompt.name}</span>
|
|
76
|
-
)}
|
|
74
|
+
{prompt.name && <span className="text-sm italic text-muted">{prompt.name}</span>}
|
|
77
75
|
</div>
|
|
78
76
|
<pre className="whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground">
|
|
79
77
|
{prompt.content}
|
|
@@ -62,7 +62,7 @@ export function SkillCollection() {
|
|
|
62
62
|
return <div className="p-6 text-destructive">Failed to load skill collection “{collection}”.</div>;
|
|
63
63
|
if (!data)
|
|
64
64
|
return (
|
|
65
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
65
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
66
66
|
<Spinner />
|
|
67
67
|
</div>
|
|
68
68
|
);
|
|
@@ -107,7 +107,7 @@ export function SkillCollection() {
|
|
|
107
107
|
skill
|
|
108
108
|
</span>
|
|
109
109
|
<div className="font-semibold text-card-foreground">{displayName}</div>
|
|
110
|
-
<div className="mt-1 text-sm text-muted
|
|
110
|
+
<div className="mt-1 text-sm text-muted">
|
|
111
111
|
{skill.description || 'No description'}
|
|
112
112
|
</div>
|
|
113
113
|
{skill.tools && skill.tools.length > 0 && (
|
|
@@ -38,7 +38,7 @@ export function SkillDetail() {
|
|
|
38
38
|
if (error) return <div className="p-6 text-destructive">Failed to load skill “{name}”.</div>;
|
|
39
39
|
if (!skill)
|
|
40
40
|
return (
|
|
41
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
41
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
42
42
|
<Spinner />
|
|
43
43
|
</div>
|
|
44
44
|
);
|
|
@@ -25,7 +25,7 @@ export function TemplateCollection() {
|
|
|
25
25
|
);
|
|
26
26
|
if (!templates)
|
|
27
27
|
return (
|
|
28
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
28
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
29
29
|
<Spinner />
|
|
30
30
|
</div>
|
|
31
31
|
);
|
|
@@ -47,9 +47,7 @@ export function TemplateCollection() {
|
|
|
47
47
|
{tmpl.type || 'template'}
|
|
48
48
|
</span>
|
|
49
49
|
<div className="font-semibold text-card-foreground">{tmpl.title || tmpl.name}</div>
|
|
50
|
-
<div className="mt-1 text-sm text-muted
|
|
51
|
-
{tmpl.description || 'No description'}
|
|
52
|
-
</div>
|
|
50
|
+
<div className="mt-1 text-sm text-muted">{tmpl.description || 'No description'}</div>
|
|
53
51
|
{tmpl.tags && tmpl.tags.length > 0 && (
|
|
54
52
|
<div className="mt-3 flex flex-wrap gap-1.5">
|
|
55
53
|
{tmpl.tags.map((tag) => (
|
|
@@ -32,7 +32,7 @@ export function TemplateDetail() {
|
|
|
32
32
|
if (error) return <div className="p-6 text-destructive">Failed to load template “{name}”.</div>;
|
|
33
33
|
if (!template)
|
|
34
34
|
return (
|
|
35
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
35
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
36
36
|
<Spinner />
|
|
37
37
|
</div>
|
|
38
38
|
);
|
|
@@ -34,7 +34,7 @@ export function ToolCollection() {
|
|
|
34
34
|
return <div className="p-6 text-destructive">Failed to load tool collection “{collection}”.</div>;
|
|
35
35
|
if (!data)
|
|
36
36
|
return (
|
|
37
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
37
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
38
38
|
<Spinner />
|
|
39
39
|
</div>
|
|
40
40
|
);
|
|
@@ -58,7 +58,7 @@ export function ToolCollection() {
|
|
|
58
58
|
</span>
|
|
59
59
|
<span className="font-semibold text-card-foreground">{tool.name}</span>
|
|
60
60
|
</div>
|
|
61
|
-
<div className="text-sm text-muted
|
|
61
|
+
<div className="text-sm text-muted">{tool.description || 'No description'}</div>
|
|
62
62
|
{tool.input_schema && (
|
|
63
63
|
<pre className="mt-3 whitespace-pre-wrap wrap-break-word rounded-lg border border-border bg-muted-background p-4 font-mono text-sm text-foreground">
|
|
64
64
|
{JSON.stringify(tool.input_schema, null, 2)}
|
|
@@ -23,7 +23,7 @@ export function TypeCollection() {
|
|
|
23
23
|
return <div className="p-6 text-destructive">Failed to load type collection “{collection}”.</div>;
|
|
24
24
|
if (!types)
|
|
25
25
|
return (
|
|
26
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
26
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
27
27
|
<Spinner />
|
|
28
28
|
</div>
|
|
29
29
|
);
|
|
@@ -47,9 +47,7 @@ export function TypeCollection() {
|
|
|
47
47
|
type
|
|
48
48
|
</span>
|
|
49
49
|
<div className="font-semibold text-card-foreground">{t.name}</div>
|
|
50
|
-
<div className="mt-1 text-sm text-muted
|
|
51
|
-
{t.description || 'No description'}
|
|
52
|
-
</div>
|
|
50
|
+
<div className="mt-1 text-sm text-muted">{t.description || 'No description'}</div>
|
|
53
51
|
{t.tags && t.tags.length > 0 && (
|
|
54
52
|
<div className="mt-3 flex flex-wrap gap-1.5">
|
|
55
53
|
{t.tags.map((tag) => (
|
|
@@ -60,7 +58,7 @@ export function TypeCollection() {
|
|
|
60
58
|
</div>
|
|
61
59
|
)}
|
|
62
60
|
{(t.is_chunkable || t.strict_mode) && (
|
|
63
|
-
<div className="mt-2 truncate font-mono text-xs text-muted
|
|
61
|
+
<div className="mt-2 truncate font-mono text-xs text-muted">
|
|
64
62
|
{t.is_chunkable && 'chunkable'}
|
|
65
63
|
{t.is_chunkable && t.strict_mode && ' · '}
|
|
66
64
|
{t.strict_mode && 'strict'}
|
package/src/pages/TypeDetail.tsx
CHANGED
|
@@ -23,7 +23,7 @@ export function TypeDetail() {
|
|
|
23
23
|
if (error) return <div className="p-6 text-destructive">Failed to load type “{name}”.</div>;
|
|
24
24
|
if (!typeDef)
|
|
25
25
|
return (
|
|
26
|
-
<div className="flex h-64 items-center justify-center text-muted
|
|
26
|
+
<div className="flex h-64 items-center justify-center text-muted">
|
|
27
27
|
<Spinner />
|
|
28
28
|
</div>
|
|
29
29
|
);
|