@getcatalystiq/agent-plane-ui 0.1.17 → 0.1.19
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/dist/{chunk-P4N2P42X.js → chunk-OOBDCC6Q.js} +75 -2
- package/dist/{chunk-4XBBDUSZ.cjs → chunk-VBGYWQUF.cjs} +81 -0
- package/dist/editor.cjs +291 -21
- package/dist/editor.d.cts +50 -1
- package/dist/editor.d.ts +50 -1
- package/dist/editor.js +271 -2
- package/dist/index.cjs +570 -622
- package/dist/index.js +11 -87
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { cn, Card, CardHeader, CardTitle, CardContent, Button, Badge, useNavigation, useApi, Skeleton, useAgentPlaneClient, Input, supportsClaudeRunner, buttonVariants } from './chunk-
|
|
2
|
-
export { AgentPlaneProvider, Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Skeleton, badgeVariants, buttonVariants, cn, useAgentPlaneClient, useApi, useAuthError, useNavigation } from './chunk-
|
|
1
|
+
import { cn, Card, CardHeader, CardTitle, CardContent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogFooter, Button, Badge, useNavigation, useApi, Skeleton, useAgentPlaneClient, DialogDescription, FormField, Input, supportsClaudeRunner, buttonVariants } from './chunk-OOBDCC6Q.js';
|
|
2
|
+
export { AgentPlaneProvider, Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FormField, Input, Skeleton, badgeVariants, buttonVariants, cn, useAgentPlaneClient, useApi, useAuthError, useNavigation } from './chunk-OOBDCC6Q.js';
|
|
3
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import React__default, { lazy, useState, useCallback, useMemo, useRef, useEffect, Suspense } from 'react';
|
|
6
6
|
import { useSWRConfig } from 'swr';
|
|
7
7
|
import ReactMarkdown from 'react-markdown';
|
|
8
8
|
import { Command } from 'cmdk';
|
|
@@ -25,7 +25,7 @@ function Select({ className = "", ...props }) {
|
|
|
25
25
|
] }) })
|
|
26
26
|
] });
|
|
27
27
|
}
|
|
28
|
-
var Textarea =
|
|
28
|
+
var Textarea = React.forwardRef(
|
|
29
29
|
({ className, ...props }, ref) => {
|
|
30
30
|
return /* @__PURE__ */ jsx(
|
|
31
31
|
"textarea",
|
|
@@ -41,14 +41,6 @@ var Textarea = React3.forwardRef(
|
|
|
41
41
|
}
|
|
42
42
|
);
|
|
43
43
|
Textarea.displayName = "Textarea";
|
|
44
|
-
function FormField({ label, children, error, hint }) {
|
|
45
|
-
return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
|
|
46
|
-
/* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
|
|
47
|
-
children,
|
|
48
|
-
hint && !error && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: hint }),
|
|
49
|
-
error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: error })
|
|
50
|
-
] });
|
|
51
|
-
}
|
|
52
44
|
function FormError({ error }) {
|
|
53
45
|
if (!error) return null;
|
|
54
46
|
return /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error });
|
|
@@ -139,7 +131,7 @@ function PaginationBar({
|
|
|
139
131
|
return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-t border-border bg-muted/20 text-sm", children: [
|
|
140
132
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
|
|
141
133
|
/* @__PURE__ */ jsx("span", { children: "Rows per page:" }),
|
|
142
|
-
PAGE_SIZE_OPTIONS.map((ps) => /* @__PURE__ */ jsx(
|
|
134
|
+
PAGE_SIZE_OPTIONS.map((ps) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderLink(
|
|
143
135
|
buildHref(1, ps),
|
|
144
136
|
ps,
|
|
145
137
|
`px-2 py-0.5 rounded text-xs ${pageSize === ps ? "bg-primary text-primary-foreground font-medium" : "hover:bg-muted"}`
|
|
@@ -187,71 +179,6 @@ function Tabs({ tabs, defaultTab = 0 }) {
|
|
|
187
179
|
/* @__PURE__ */ jsx("div", { className: "pt-6", children: tabs[active]?.content })
|
|
188
180
|
] });
|
|
189
181
|
}
|
|
190
|
-
function Dialog({ open, onOpenChange, children }) {
|
|
191
|
-
React3.useEffect(() => {
|
|
192
|
-
if (!open) return;
|
|
193
|
-
function onKeyDown(e) {
|
|
194
|
-
if (e.key === "Escape") onOpenChange(false);
|
|
195
|
-
}
|
|
196
|
-
document.addEventListener("keydown", onKeyDown);
|
|
197
|
-
return () => document.removeEventListener("keydown", onKeyDown);
|
|
198
|
-
}, [open, onOpenChange]);
|
|
199
|
-
React3.useEffect(() => {
|
|
200
|
-
if (!open) return;
|
|
201
|
-
const prev = document.body.style.overflow;
|
|
202
|
-
document.body.style.overflow = "hidden";
|
|
203
|
-
return () => {
|
|
204
|
-
document.body.style.overflow = prev;
|
|
205
|
-
};
|
|
206
|
-
}, [open]);
|
|
207
|
-
if (!open) return null;
|
|
208
|
-
return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
|
|
209
|
-
/* @__PURE__ */ jsx(
|
|
210
|
-
"div",
|
|
211
|
-
{
|
|
212
|
-
className: "absolute inset-0 bg-black/60 animate-dialog-overlay",
|
|
213
|
-
onClick: () => onOpenChange(false)
|
|
214
|
-
}
|
|
215
|
-
),
|
|
216
|
-
children
|
|
217
|
-
] });
|
|
218
|
-
}
|
|
219
|
-
function DialogContent({ className, children, ...props }) {
|
|
220
|
-
return /* @__PURE__ */ jsx(
|
|
221
|
-
"div",
|
|
222
|
-
{
|
|
223
|
-
className: cn(
|
|
224
|
-
"relative z-10 w-full bg-background border border-border rounded-xl shadow-2xl mx-4 max-h-[85vh] overflow-y-auto animate-dialog-content",
|
|
225
|
-
className
|
|
226
|
-
),
|
|
227
|
-
onClick: (e) => e.stopPropagation(),
|
|
228
|
-
...props,
|
|
229
|
-
children
|
|
230
|
-
}
|
|
231
|
-
);
|
|
232
|
-
}
|
|
233
|
-
function DialogHeader({ className, children, ...props }) {
|
|
234
|
-
return /* @__PURE__ */ jsx("div", { className: cn("px-6 pt-6 pb-0", className), ...props, children });
|
|
235
|
-
}
|
|
236
|
-
function DialogBody({ className, children, ...props }) {
|
|
237
|
-
return /* @__PURE__ */ jsx("div", { className: cn("px-6 py-4", className), ...props, children });
|
|
238
|
-
}
|
|
239
|
-
function DialogFooter({ className, children, ...props }) {
|
|
240
|
-
return /* @__PURE__ */ jsx(
|
|
241
|
-
"div",
|
|
242
|
-
{
|
|
243
|
-
className: cn("flex items-center justify-end gap-2 px-6 py-4 border-t border-border bg-muted/30 rounded-b-xl", className),
|
|
244
|
-
...props,
|
|
245
|
-
children
|
|
246
|
-
}
|
|
247
|
-
);
|
|
248
|
-
}
|
|
249
|
-
function DialogTitle({ className, children, ...props }) {
|
|
250
|
-
return /* @__PURE__ */ jsx("h2", { className: cn("text-base font-semibold", className), ...props, children });
|
|
251
|
-
}
|
|
252
|
-
function DialogDescription({ className, children, ...props }) {
|
|
253
|
-
return /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground mt-1", className), ...props, children });
|
|
254
|
-
}
|
|
255
182
|
function ConfirmDialog({
|
|
256
183
|
open,
|
|
257
184
|
onOpenChange,
|
|
@@ -2585,11 +2512,8 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2585
2512
|
/* @__PURE__ */ jsx("option", { value: "bypassPermissions", children: "bypassPermissions" }),
|
|
2586
2513
|
/* @__PURE__ */ jsx("option", { value: "plan", children: "plan" })
|
|
2587
2514
|
] }) }) })
|
|
2588
|
-
] })
|
|
2589
|
-
|
|
2590
|
-
/* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
2591
|
-
/* @__PURE__ */ jsx(SectionHeader, { title: "Identity" }),
|
|
2592
|
-
/* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
2515
|
+
] }),
|
|
2516
|
+
/* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
2593
2517
|
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(FormField, { label: "SOUL.md", children: [
|
|
2594
2518
|
/* @__PURE__ */ jsx(
|
|
2595
2519
|
Textarea,
|
|
@@ -2624,8 +2548,8 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2624
2548
|
" words"
|
|
2625
2549
|
] })
|
|
2626
2550
|
] }) })
|
|
2627
|
-
] })
|
|
2628
|
-
] })
|
|
2551
|
+
] })
|
|
2552
|
+
] }) })
|
|
2629
2553
|
] });
|
|
2630
2554
|
}
|
|
2631
2555
|
function ToolkitMultiselect({ value, onChange }) {
|
|
@@ -4844,4 +4768,4 @@ function PlaygroundPage({ agentId }) {
|
|
|
4844
4768
|
] });
|
|
4845
4769
|
}
|
|
4846
4770
|
|
|
4847
|
-
export { AdminTable, AdminTableHead, AdminTableRow, AgentA2aInfo, AgentConnectorsManager, AgentDetailPage, AgentEditForm, AgentListPage, AgentPluginManager, AgentRuns, AgentScheduleForm, AgentSkillManager, ConfirmDialog, CopyButton, DashboardPage, DetailPageHeader,
|
|
4771
|
+
export { AdminTable, AdminTableHead, AdminTableRow, AgentA2aInfo, AgentConnectorsManager, AgentDetailPage, AgentEditForm, AgentListPage, AgentPluginManager, AgentRuns, AgentScheduleForm, AgentSkillManager, ConfirmDialog, CopyButton, DashboardPage, DetailPageHeader, EmptyRow, FormError, LocalDate, McpServerListPage, MetricCard, ModelSelector, PaginationBar, PlaygroundPage, PluginDetailPage, PluginMarketplaceDetailPage, PluginMarketplaceListPage, RunDetailPage, RunListPage, RunSourceBadge, RunStatusBadge, SectionHeader, Select, SettingsPage, Tabs, Textarea, Th, ToolkitMultiselect, TranscriptViewer, parsePaginationParams };
|