@getcatalystiq/agent-plane-ui 0.1.13 → 0.1.14
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/charts.cjs +0 -1
- package/dist/charts.js +0 -1
- package/dist/{chunk-TZGIXZON.cjs → chunk-4XBBDUSZ.cjs} +0 -1
- package/dist/{chunk-HMB7OKXO.js → chunk-P4N2P42X.js} +0 -1
- package/dist/editor.cjs +21 -21
- package/dist/editor.js +1 -1
- package/dist/index.cjs +247 -247
- package/dist/index.js +3 -3
- package/package.json +1 -1
- /package/dist/{code-editor-E7L6Y3LM.js → code-editor-4MLYH7I6.js} +0 -0
- /package/dist/{code-editor-ZD5ZILTM.cjs → code-editor-ZYP54YUT.cjs} +0 -0
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk4XBBDUSZ_cjs = require('./chunk-4XBBDUSZ.cjs');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React3 = require('react');
|
|
6
6
|
var swr = require('swr');
|
|
@@ -53,7 +53,7 @@ var Textarea = React3__namespace.forwardRef(
|
|
|
53
53
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
54
54
|
"textarea",
|
|
55
55
|
{
|
|
56
|
-
className:
|
|
56
|
+
className: chunk4XBBDUSZ_cjs.cn(
|
|
57
57
|
"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
|
|
58
58
|
className
|
|
59
59
|
),
|
|
@@ -77,7 +77,7 @@ function FormError({ error }) {
|
|
|
77
77
|
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error });
|
|
78
78
|
}
|
|
79
79
|
function SectionHeader({ title, children, className }) {
|
|
80
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
80
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4XBBDUSZ_cjs.cn("flex items-center justify-between mb-3", className), children: [
|
|
81
81
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: title }),
|
|
82
82
|
children
|
|
83
83
|
] });
|
|
@@ -101,13 +101,13 @@ function DetailPageHeader({ backHref, backLabel, title, actions, badge, subtitle
|
|
|
101
101
|
] });
|
|
102
102
|
}
|
|
103
103
|
function MetricCard({ label, children, className }) {
|
|
104
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
105
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
106
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
104
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.Card, { className, children: [
|
|
105
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-sm font-medium text-muted-foreground", children: label }) }),
|
|
106
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold", children }) })
|
|
107
107
|
] });
|
|
108
108
|
}
|
|
109
109
|
function AdminTable({ children, footer, className }) {
|
|
110
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className:
|
|
110
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4XBBDUSZ_cjs.cn("rounded-lg border border-border", className), children: [
|
|
111
111
|
/* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-sm", children }),
|
|
112
112
|
footer
|
|
113
113
|
] });
|
|
@@ -116,10 +116,10 @@ function AdminTableHead({ children }) {
|
|
|
116
116
|
return /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-border bg-muted/50", children }) });
|
|
117
117
|
}
|
|
118
118
|
function Th({ children, className, align = "left" }) {
|
|
119
|
-
return /* @__PURE__ */ jsxRuntime.jsx("th", { className:
|
|
119
|
+
return /* @__PURE__ */ jsxRuntime.jsx("th", { className: chunk4XBBDUSZ_cjs.cn("p-3 font-medium", align === "right" ? "text-right" : "text-left", className), children });
|
|
120
120
|
}
|
|
121
121
|
function AdminTableRow({ children, className }) {
|
|
122
|
-
return /* @__PURE__ */ jsxRuntime.jsx("tr", { className:
|
|
122
|
+
return /* @__PURE__ */ jsxRuntime.jsx("tr", { className: chunk4XBBDUSZ_cjs.cn("border-b border-border hover:bg-muted/30 transition-colors", className), children });
|
|
123
123
|
}
|
|
124
124
|
function EmptyRow({ colSpan, children = "No results found" }) {
|
|
125
125
|
return /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, className: "p-8 text-center text-muted-foreground", children }) });
|
|
@@ -243,7 +243,7 @@ function DialogContent({ className, children, ...props }) {
|
|
|
243
243
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
244
244
|
"div",
|
|
245
245
|
{
|
|
246
|
-
className:
|
|
246
|
+
className: chunk4XBBDUSZ_cjs.cn(
|
|
247
247
|
"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",
|
|
248
248
|
className
|
|
249
249
|
),
|
|
@@ -254,26 +254,26 @@ function DialogContent({ className, children, ...props }) {
|
|
|
254
254
|
);
|
|
255
255
|
}
|
|
256
256
|
function DialogHeader({ className, children, ...props }) {
|
|
257
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
257
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4XBBDUSZ_cjs.cn("px-6 pt-6 pb-0", className), ...props, children });
|
|
258
258
|
}
|
|
259
259
|
function DialogBody({ className, children, ...props }) {
|
|
260
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className:
|
|
260
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk4XBBDUSZ_cjs.cn("px-6 py-4", className), ...props, children });
|
|
261
261
|
}
|
|
262
262
|
function DialogFooter({ className, children, ...props }) {
|
|
263
263
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
264
264
|
"div",
|
|
265
265
|
{
|
|
266
|
-
className:
|
|
266
|
+
className: chunk4XBBDUSZ_cjs.cn("flex items-center justify-end gap-2 px-6 py-4 border-t border-border bg-muted/30 rounded-b-xl", className),
|
|
267
267
|
...props,
|
|
268
268
|
children
|
|
269
269
|
}
|
|
270
270
|
);
|
|
271
271
|
}
|
|
272
272
|
function DialogTitle({ className, children, ...props }) {
|
|
273
|
-
return /* @__PURE__ */ jsxRuntime.jsx("h2", { className:
|
|
273
|
+
return /* @__PURE__ */ jsxRuntime.jsx("h2", { className: chunk4XBBDUSZ_cjs.cn("text-base font-semibold", className), ...props, children });
|
|
274
274
|
}
|
|
275
275
|
function DialogDescription({ className, children, ...props }) {
|
|
276
|
-
return /* @__PURE__ */ jsxRuntime.jsx("p", { className:
|
|
276
|
+
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk4XBBDUSZ_cjs.cn("text-sm text-muted-foreground mt-1", className), ...props, children });
|
|
277
277
|
}
|
|
278
278
|
function ConfirmDialog({
|
|
279
279
|
open,
|
|
@@ -294,8 +294,8 @@ function ConfirmDialog({
|
|
|
294
294
|
error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive mt-3", children: error })
|
|
295
295
|
] }),
|
|
296
296
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
297
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
298
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
297
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => onOpenChange(false), disabled: loading, children: "Cancel" }),
|
|
298
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant, onClick: onConfirm, disabled: loading, children: loading ? loadingLabel : confirmLabel })
|
|
299
299
|
] })
|
|
300
300
|
] }) });
|
|
301
301
|
}
|
|
@@ -327,7 +327,7 @@ function CopyButton({ text, className = "" }) {
|
|
|
327
327
|
}
|
|
328
328
|
function RunStatusBadge({ status }) {
|
|
329
329
|
const variant = status === "completed" ? "default" : status === "running" ? "secondary" : status === "failed" || status === "timed_out" ? "destructive" : "outline";
|
|
330
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
330
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant, children: status.replace("_", " ") });
|
|
331
331
|
}
|
|
332
332
|
var STYLES = {
|
|
333
333
|
schedule: "bg-blue-500/10 text-blue-400",
|
|
@@ -352,8 +352,8 @@ function LocalDate({ value, fallback = "\u2014" }) {
|
|
|
352
352
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: new Date(value).toLocaleString() });
|
|
353
353
|
}
|
|
354
354
|
function DashboardPage({ initialData, chartComponent: ChartComponent }) {
|
|
355
|
-
const { LinkComponent, basePath } =
|
|
356
|
-
const { data, error, isLoading } =
|
|
355
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
356
|
+
const { data, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
357
357
|
"dashboard",
|
|
358
358
|
async (client) => {
|
|
359
359
|
const [stats2, daily_stats2] = await Promise.all([
|
|
@@ -372,10 +372,10 @@ function DashboardPage({ initialData, chartComponent: ChartComponent }) {
|
|
|
372
372
|
}
|
|
373
373
|
if (isLoading || !data) {
|
|
374
374
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
375
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
375
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-24 rounded-lg" }, i)) }),
|
|
376
376
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
|
|
377
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
378
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
377
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 rounded-lg" }),
|
|
378
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 rounded-lg" })
|
|
379
379
|
] })
|
|
380
380
|
] });
|
|
381
381
|
}
|
|
@@ -403,12 +403,12 @@ var SOURCES = [
|
|
|
403
403
|
];
|
|
404
404
|
var VALID_SOURCES = SOURCES.filter((s) => s.value).map((s) => s.value);
|
|
405
405
|
function RunListPage({ initialData }) {
|
|
406
|
-
const { LinkComponent, basePath } =
|
|
406
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
407
407
|
const [page, setPage] = React3.useState(1);
|
|
408
408
|
const [pageSize, setPageSize] = React3.useState(20);
|
|
409
409
|
const [sourceFilter, setSourceFilter] = React3.useState(null);
|
|
410
410
|
const cacheKey = `runs-${page}-${pageSize}-${sourceFilter || "all"}`;
|
|
411
|
-
const { data, error, isLoading } =
|
|
411
|
+
const { data, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
412
412
|
cacheKey,
|
|
413
413
|
(client) => {
|
|
414
414
|
return client.runs.list({
|
|
@@ -439,8 +439,8 @@ function RunListPage({ initialData }) {
|
|
|
439
439
|
}
|
|
440
440
|
if (isLoading || !data) {
|
|
441
441
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
|
|
442
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
443
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
442
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-9 w-40" }),
|
|
443
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-96 rounded-lg" })
|
|
444
444
|
] });
|
|
445
445
|
}
|
|
446
446
|
const runs = data.data;
|
|
@@ -601,9 +601,9 @@ function buildConversation(events) {
|
|
|
601
601
|
}
|
|
602
602
|
function TranscriptViewer({ transcript, prompt }) {
|
|
603
603
|
const conversation = React3.useMemo(() => buildConversation(transcript), [transcript]);
|
|
604
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
605
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
606
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
604
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.Card, { children: [
|
|
605
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-base", children: "Transcript" }) }),
|
|
606
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.CardContent, { className: "space-y-3", children: [
|
|
607
607
|
prompt && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-4 py-3", children: [
|
|
608
608
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Prompt" }),
|
|
609
609
|
/* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-xs font-mono whitespace-pre-wrap", children: prompt })
|
|
@@ -641,7 +641,7 @@ function A2AIncomingItem({ item }) {
|
|
|
641
641
|
onClick: () => setExpanded(!expanded),
|
|
642
642
|
className: "w-full flex items-center gap-2 px-4 py-2 text-left hover:bg-muted/50 transition-colors",
|
|
643
643
|
children: [
|
|
644
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
644
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-[10px]", children: "A2A incoming" }),
|
|
645
645
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
|
|
646
646
|
"to ",
|
|
647
647
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: item.sender })
|
|
@@ -662,7 +662,7 @@ function SystemItem({ item }) {
|
|
|
662
662
|
const [expanded, setExpanded] = React3.useState(false);
|
|
663
663
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-border bg-muted/30 overflow-hidden", children: [
|
|
664
664
|
/* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => setExpanded(!expanded), className: "w-full flex items-center gap-2 px-4 py-2 text-left hover:bg-muted/50 transition-colors", children: [
|
|
665
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
665
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-[10px]", children: "system" }),
|
|
666
666
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground flex-1", children: [
|
|
667
667
|
"Model: ",
|
|
668
668
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: item.model }),
|
|
@@ -697,7 +697,7 @@ function AssistantItem({ item }) {
|
|
|
697
697
|
onClick: () => setExpanded(!expanded),
|
|
698
698
|
className: "w-full flex items-center gap-2 px-4 py-2 text-left hover:bg-muted/30 transition-colors",
|
|
699
699
|
children: [
|
|
700
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
700
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-[10px]", children: "assistant" }),
|
|
701
701
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground truncate flex-1", children: preview }),
|
|
702
702
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground flex-shrink-0", children: expanded ? "\u25B2" : "\u25BC" })
|
|
703
703
|
]
|
|
@@ -716,9 +716,9 @@ function ToolItem({ item }) {
|
|
|
716
716
|
onClick: () => setExpanded(!expanded),
|
|
717
717
|
className: "w-full flex items-center gap-2 px-4 py-2 text-left hover:bg-muted/30 transition-colors",
|
|
718
718
|
children: [
|
|
719
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
719
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-[10px]", children: "tool" }),
|
|
720
720
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium font-mono", children: item.toolName }),
|
|
721
|
-
hasOutput && /* @__PURE__ */ jsxRuntime.jsx(
|
|
721
|
+
hasOutput && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-[10px] ml-auto", children: "has output" }),
|
|
722
722
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: expanded ? "\u25B2" : "\u25BC" })
|
|
723
723
|
]
|
|
724
724
|
}
|
|
@@ -757,18 +757,18 @@ function ResultItem({ item }) {
|
|
|
757
757
|
}
|
|
758
758
|
function ErrorItem({ item }) {
|
|
759
759
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 px-4 py-3", children: [
|
|
760
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
760
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", className: "text-[10px]", children: "error" }) }),
|
|
761
761
|
/* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-1 text-xs font-mono text-destructive whitespace-pre-wrap", children: item.error })
|
|
762
762
|
] });
|
|
763
763
|
}
|
|
764
764
|
function RunDetailPage({ runId, initialData, initialTranscript }) {
|
|
765
765
|
const { mutate } = swr.useSWRConfig();
|
|
766
|
-
const { data: run, error, isLoading } =
|
|
766
|
+
const { data: run, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
767
767
|
`run-${runId}`,
|
|
768
768
|
(client) => client.runs.get(runId),
|
|
769
769
|
initialData ? { fallbackData: initialData } : void 0
|
|
770
770
|
);
|
|
771
|
-
const { data: transcript } =
|
|
771
|
+
const { data: transcript } = chunk4XBBDUSZ_cjs.useApi(
|
|
772
772
|
run?.transcript_blob_url ? `transcript-${runId}` : null,
|
|
773
773
|
(client) => client.runs.transcriptArray(runId),
|
|
774
774
|
initialTranscript ? { fallbackData: initialTranscript } : void 0
|
|
@@ -781,14 +781,14 @@ function RunDetailPage({ runId, initialData, initialTranscript }) {
|
|
|
781
781
|
}
|
|
782
782
|
if (isLoading || !run) {
|
|
783
783
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
784
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
785
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
784
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-24 rounded-lg" }, i)) }),
|
|
785
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-96 rounded-lg" })
|
|
786
786
|
] });
|
|
787
787
|
}
|
|
788
788
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
789
789
|
(run.status === "running" || run.status === "pending") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(CancelRunButton, { runId: run.id, onCancelled: () => mutate(`run-${runId}`) }) }),
|
|
790
790
|
run.triggered_by === "a2a" && run.requested_by_key_name && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
|
|
791
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
791
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-[10px]", children: "A2A" }),
|
|
792
792
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
793
793
|
"Requested by ",
|
|
794
794
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: run.requested_by_key_name })
|
|
@@ -819,15 +819,15 @@ function RunDetailPage({ runId, initialData, initialTranscript }) {
|
|
|
819
819
|
] })
|
|
820
820
|
] })
|
|
821
821
|
] }),
|
|
822
|
-
run.error_messages && run.error_messages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
823
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
824
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
825
|
-
run.error_type && /* @__PURE__ */ jsxRuntime.jsx(
|
|
822
|
+
run.error_messages && run.error_messages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.Card, { children: [
|
|
823
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-base text-destructive", children: "Errors" }) }),
|
|
824
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.CardContent, { className: "space-y-2", children: [
|
|
825
|
+
run.error_type && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", children: run.error_type }),
|
|
826
826
|
run.error_messages.map((msg, i) => /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "whitespace-pre-wrap text-sm text-destructive font-mono bg-destructive/10 rounded-md p-3", children: msg }, i))
|
|
827
827
|
] })
|
|
828
828
|
] }),
|
|
829
829
|
/* @__PURE__ */ jsxRuntime.jsx(TranscriptViewer, { transcript: transcript || [], prompt: run.prompt }),
|
|
830
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
830
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Card, { children: /* @__PURE__ */ jsxRuntime.jsxs("details", { children: [
|
|
831
831
|
/* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex items-center justify-between px-6 py-4 cursor-pointer list-none hover:bg-muted/30 transition-colors rounded-xl", children: [
|
|
832
832
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-semibold", children: "Metadata" }),
|
|
833
833
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "\\u25BC" })
|
|
@@ -854,7 +854,7 @@ function RunDetailPage({ runId, initialData, initialTranscript }) {
|
|
|
854
854
|
function CancelRunButton({ runId, onCancelled }) {
|
|
855
855
|
const [open, setOpen] = React3.useState(false);
|
|
856
856
|
const [cancelling, setCancelling] = React3.useState(false);
|
|
857
|
-
const client =
|
|
857
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
858
858
|
async function handleConfirm() {
|
|
859
859
|
setCancelling(true);
|
|
860
860
|
try {
|
|
@@ -868,7 +868,7 @@ function CancelRunButton({ runId, onCancelled }) {
|
|
|
868
868
|
}
|
|
869
869
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
870
870
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
871
|
-
|
|
871
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
872
872
|
{
|
|
873
873
|
variant: "destructive",
|
|
874
874
|
size: "sm",
|
|
@@ -882,9 +882,9 @@ function CancelRunButton({ runId, onCancelled }) {
|
|
|
882
882
|
/* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "This will terminate the sandbox immediately." })
|
|
883
883
|
] }),
|
|
884
884
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
885
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
885
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setOpen(false), disabled: cancelling, children: "Cancel" }),
|
|
886
886
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
887
|
-
|
|
887
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
888
888
|
{
|
|
889
889
|
variant: "destructive",
|
|
890
890
|
size: "sm",
|
|
@@ -900,8 +900,8 @@ function CancelRunButton({ runId, onCancelled }) {
|
|
|
900
900
|
var emptyForm = { name: "", slug: "", description: "", base_url: "", mcp_endpoint_path: "/mcp" };
|
|
901
901
|
function McpServerListPage({ initialData }) {
|
|
902
902
|
const { mutate } = swr.useSWRConfig();
|
|
903
|
-
const client =
|
|
904
|
-
const { data: servers, error, isLoading } =
|
|
903
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
904
|
+
const { data: servers, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
905
905
|
"mcp-servers",
|
|
906
906
|
(c) => c.customConnectors.listServers(),
|
|
907
907
|
initialData ? { fallbackData: initialData } : void 0
|
|
@@ -971,10 +971,10 @@ function McpServerListPage({ initialData }) {
|
|
|
971
971
|
] }) });
|
|
972
972
|
}
|
|
973
973
|
if (isLoading || !servers) {
|
|
974
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
974
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-96 rounded-lg" });
|
|
975
975
|
}
|
|
976
976
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
977
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
977
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setShowCreate(true), children: "+ New Connector" }) }),
|
|
978
978
|
/* @__PURE__ */ jsxRuntime.jsxs(AdminTable, { children: [
|
|
979
979
|
/* @__PURE__ */ jsxRuntime.jsxs(AdminTableHead, { children: [
|
|
980
980
|
/* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Name" }),
|
|
@@ -1001,12 +1001,12 @@ function McpServerListPage({ initialData }) {
|
|
|
1001
1001
|
) }),
|
|
1002
1002
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 font-mono text-xs text-muted-foreground", children: s.slug }),
|
|
1003
1003
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 font-mono text-xs text-muted-foreground truncate max-w-xs", title: s.base_url, children: s.base_url }),
|
|
1004
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1004
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: s.client_id ? "default" : "secondary", children: s.client_id ? "Registered" : "No DCR" }) }),
|
|
1005
1005
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: s.connection_count }),
|
|
1006
1006
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right text-green-500", children: s.active_count }),
|
|
1007
1007
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: new Date(s.created_at).toLocaleDateString() }),
|
|
1008
1008
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1009
|
-
|
|
1009
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
1010
1010
|
{
|
|
1011
1011
|
variant: "destructive",
|
|
1012
1012
|
size: "sm",
|
|
@@ -1023,15 +1023,15 @@ function McpServerListPage({ initialData }) {
|
|
|
1023
1023
|
/* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Register Connector" }) }),
|
|
1024
1024
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
1025
1025
|
createError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: createError }),
|
|
1026
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1027
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Slug", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1028
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1029
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Base URL", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1030
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "MCP Endpoint Path", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1026
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: createForm.name, onChange: (e) => setCreateForm({ ...createForm, name: e.target.value }), placeholder: "My MCP Server" }) }),
|
|
1027
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Slug", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: createForm.slug, onChange: (e) => setCreateForm({ ...createForm, slug: e.target.value }), placeholder: "my-mcp-server" }) }),
|
|
1028
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: createForm.description, onChange: (e) => setCreateForm({ ...createForm, description: e.target.value }), placeholder: "What this connector does" }) }),
|
|
1029
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Base URL", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: createForm.base_url, onChange: (e) => setCreateForm({ ...createForm, base_url: e.target.value }), placeholder: "https://my-server.example.com" }) }),
|
|
1030
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "MCP Endpoint Path", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: createForm.mcp_endpoint_path, onChange: (e) => setCreateForm({ ...createForm, mcp_endpoint_path: e.target.value }), placeholder: "/mcp" }) })
|
|
1031
1031
|
] }),
|
|
1032
1032
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
1033
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1034
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1033
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", onClick: () => setShowCreate(false), children: "Cancel" }),
|
|
1034
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleCreate, disabled: creating || !createForm.name || !createForm.base_url, children: creating ? "Creating..." : "Create" })
|
|
1035
1035
|
] })
|
|
1036
1036
|
] }) }),
|
|
1037
1037
|
/* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: !!editTarget, onOpenChange: (open) => {
|
|
@@ -1040,8 +1040,8 @@ function McpServerListPage({ initialData }) {
|
|
|
1040
1040
|
/* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Edit Connector" }) }),
|
|
1041
1041
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
1042
1042
|
editError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: editError }),
|
|
1043
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1044
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1043
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: editForm.name, onChange: (e) => setEditForm({ ...editForm, name: e.target.value }) }) }),
|
|
1044
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: editForm.description, onChange: (e) => setEditForm({ ...editForm, description: e.target.value }) }) }),
|
|
1045
1045
|
editTarget && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [
|
|
1046
1046
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
1047
1047
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Slug:" }),
|
|
@@ -1061,8 +1061,8 @@ function McpServerListPage({ initialData }) {
|
|
|
1061
1061
|
] })
|
|
1062
1062
|
] }),
|
|
1063
1063
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
1064
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1065
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1064
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancel" }),
|
|
1065
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleEdit, disabled: editing || !editForm.name, children: editing ? "Saving..." : "Save" })
|
|
1066
1066
|
] })
|
|
1067
1067
|
] }) }),
|
|
1068
1068
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -1092,9 +1092,9 @@ function McpServerListPage({ initialData }) {
|
|
|
1092
1092
|
}
|
|
1093
1093
|
function PluginMarketplaceListPage({ initialData }) {
|
|
1094
1094
|
const { mutate } = swr.useSWRConfig();
|
|
1095
|
-
const client =
|
|
1096
|
-
const { LinkComponent, basePath } =
|
|
1097
|
-
const { data: marketplaces, error, isLoading } =
|
|
1095
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1096
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
1097
|
+
const { data: marketplaces, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
1098
1098
|
"plugin-marketplaces",
|
|
1099
1099
|
(c) => c.pluginMarketplaces.list(),
|
|
1100
1100
|
initialData ? { fallbackData: initialData } : void 0
|
|
@@ -1145,10 +1145,10 @@ function PluginMarketplaceListPage({ initialData }) {
|
|
|
1145
1145
|
] }) });
|
|
1146
1146
|
}
|
|
1147
1147
|
if (isLoading || !marketplaces) {
|
|
1148
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1148
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-96 rounded-lg" });
|
|
1149
1149
|
}
|
|
1150
1150
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
1151
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1151
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setShowAdd(true), children: "+ Add Marketplace" }) }),
|
|
1152
1152
|
/* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showAdd, onOpenChange: (v) => {
|
|
1153
1153
|
setShowAdd(v);
|
|
1154
1154
|
if (!v) resetAddForm();
|
|
@@ -1156,7 +1156,7 @@ function PluginMarketplaceListPage({ initialData }) {
|
|
|
1156
1156
|
/* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Marketplace" }) }),
|
|
1157
1157
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
1158
1158
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1159
|
-
|
|
1159
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
1160
1160
|
{
|
|
1161
1161
|
value: newMarketplace.name,
|
|
1162
1162
|
onChange: (e) => setNewMarketplace({ ...newMarketplace, name: e.target.value }),
|
|
@@ -1164,7 +1164,7 @@ function PluginMarketplaceListPage({ initialData }) {
|
|
|
1164
1164
|
}
|
|
1165
1165
|
) }),
|
|
1166
1166
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "GitHub Repo", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1167
|
-
|
|
1167
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
1168
1168
|
{
|
|
1169
1169
|
value: newMarketplace.github_repo,
|
|
1170
1170
|
onChange: (e) => setNewMarketplace({ ...newMarketplace, github_repo: e.target.value }),
|
|
@@ -1174,11 +1174,11 @@ function PluginMarketplaceListPage({ initialData }) {
|
|
|
1174
1174
|
/* @__PURE__ */ jsxRuntime.jsx(FormError, { error: addError })
|
|
1175
1175
|
] }),
|
|
1176
1176
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
1177
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1177
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => {
|
|
1178
1178
|
setShowAdd(false);
|
|
1179
1179
|
resetAddForm();
|
|
1180
1180
|
}, children: "Cancel" }),
|
|
1181
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1181
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleAdd, disabled: adding || !newMarketplace.name || !newMarketplace.github_repo, children: adding ? "Adding..." : "Add Marketplace" })
|
|
1182
1182
|
] })
|
|
1183
1183
|
] }) }),
|
|
1184
1184
|
/* @__PURE__ */ jsxRuntime.jsxs(AdminTable, { children: [
|
|
@@ -1200,7 +1200,7 @@ function PluginMarketplaceListPage({ initialData }) {
|
|
|
1200
1200
|
children: m.name
|
|
1201
1201
|
}
|
|
1202
1202
|
),
|
|
1203
|
-
m.is_owned && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1203
|
+
m.is_owned && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "ml-2 text-xs", children: "Owned" })
|
|
1204
1204
|
] }),
|
|
1205
1205
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1206
1206
|
"a",
|
|
@@ -1212,10 +1212,10 @@ function PluginMarketplaceListPage({ initialData }) {
|
|
|
1212
1212
|
children: m.github_repo
|
|
1213
1213
|
}
|
|
1214
1214
|
) }),
|
|
1215
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1215
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: m.agent_count > 0 ? "default" : "secondary", children: m.agent_count }) }),
|
|
1216
1216
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: new Date(m.created_at).toLocaleDateString() }),
|
|
1217
1217
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1218
|
-
|
|
1218
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
1219
1219
|
{
|
|
1220
1220
|
variant: "destructive",
|
|
1221
1221
|
size: "sm",
|
|
@@ -1255,14 +1255,14 @@ function PluginMarketplaceListPage({ initialData }) {
|
|
|
1255
1255
|
}
|
|
1256
1256
|
function PluginMarketplaceDetailPage({ marketplaceId, initialData, initialPlugins }) {
|
|
1257
1257
|
const { mutate } = swr.useSWRConfig();
|
|
1258
|
-
const client =
|
|
1259
|
-
const { LinkComponent, basePath } =
|
|
1260
|
-
const { data: marketplace, error, isLoading } =
|
|
1258
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1259
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
1260
|
+
const { data: marketplace, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
1261
1261
|
`marketplace-${marketplaceId}`,
|
|
1262
1262
|
(c) => c.pluginMarketplaces.get(marketplaceId),
|
|
1263
1263
|
initialData ? { fallbackData: initialData } : void 0
|
|
1264
1264
|
);
|
|
1265
|
-
const { data: plugins } =
|
|
1265
|
+
const { data: plugins } = chunk4XBBDUSZ_cjs.useApi(
|
|
1266
1266
|
`marketplace-${marketplaceId}-plugins`,
|
|
1267
1267
|
(c) => c.pluginMarketplaces.listPlugins(marketplaceId),
|
|
1268
1268
|
initialPlugins ? { fallbackData: initialPlugins } : void 0
|
|
@@ -1288,14 +1288,14 @@ function PluginMarketplaceDetailPage({ marketplaceId, initialData, initialPlugin
|
|
|
1288
1288
|
}
|
|
1289
1289
|
if (isLoading || !marketplace) {
|
|
1290
1290
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
1291
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1292
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1293
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1291
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-12 w-64" }),
|
|
1292
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-32 rounded-lg" }),
|
|
1293
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 rounded-lg" })
|
|
1294
1294
|
] });
|
|
1295
1295
|
}
|
|
1296
1296
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
1297
1297
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
1298
|
-
marketplace.has_token && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1298
|
+
marketplace.has_token && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", children: "Owned" }),
|
|
1299
1299
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1300
1300
|
"a",
|
|
1301
1301
|
{
|
|
@@ -1307,13 +1307,13 @@ function PluginMarketplaceDetailPage({ marketplaceId, initialData, initialPlugin
|
|
|
1307
1307
|
}
|
|
1308
1308
|
)
|
|
1309
1309
|
] }),
|
|
1310
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1311
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1312
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1310
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.Card, { children: [
|
|
1311
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-base", children: "GitHub Token" }) }),
|
|
1312
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
|
|
1313
1313
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: marketplace.has_token ? "A GitHub token is configured. You can update it below." : "Add a GitHub personal access token to enable write access and private repo support." }),
|
|
1314
1314
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
|
|
1315
1315
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1316
|
-
|
|
1316
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
1317
1317
|
{
|
|
1318
1318
|
type: "password",
|
|
1319
1319
|
placeholder: "ghp_...",
|
|
@@ -1322,30 +1322,30 @@ function PluginMarketplaceDetailPage({ marketplaceId, initialData, initialPlugin
|
|
|
1322
1322
|
className: "flex-1"
|
|
1323
1323
|
}
|
|
1324
1324
|
),
|
|
1325
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1325
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleSaveToken, disabled: savingToken || !tokenInput, children: savingToken ? "Saving..." : marketplace.has_token ? "Update Token" : "Save Token" })
|
|
1326
1326
|
] })
|
|
1327
1327
|
] }) })
|
|
1328
1328
|
] }),
|
|
1329
1329
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
1330
1330
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Plugins" }),
|
|
1331
|
-
!plugins ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1331
|
+
!plugins ? /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-48 rounded-lg" }) : plugins.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No plugins found in this marketplace." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: plugins.map((plugin) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1332
1332
|
LinkComponent,
|
|
1333
1333
|
{
|
|
1334
1334
|
href: `${basePath}/plugin-marketplaces/${marketplaceId}/plugins/${plugin.name}`,
|
|
1335
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1336
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1335
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.Card, { className: "hover:border-primary/50 transition-colors cursor-pointer h-full", children: [
|
|
1336
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-sm font-medium flex items-center justify-between", children: [
|
|
1337
1337
|
plugin.displayName,
|
|
1338
1338
|
plugin.version && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground font-normal", children: [
|
|
1339
1339
|
"v",
|
|
1340
1340
|
plugin.version
|
|
1341
1341
|
] })
|
|
1342
1342
|
] }) }),
|
|
1343
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1343
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.CardContent, { children: [
|
|
1344
1344
|
plugin.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-3", children: plugin.description }),
|
|
1345
1345
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5", children: [
|
|
1346
|
-
plugin.hasAgents && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1347
|
-
plugin.hasSkills && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1348
|
-
plugin.hasMcpJson && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1346
|
+
plugin.hasAgents && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-xs", children: "Agents" }),
|
|
1347
|
+
plugin.hasSkills && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-xs", children: "Skills" }),
|
|
1348
|
+
plugin.hasMcpJson && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-xs", children: "MCP" })
|
|
1349
1349
|
] })
|
|
1350
1350
|
] })
|
|
1351
1351
|
] })
|
|
@@ -1364,13 +1364,13 @@ function AgentsTab({
|
|
|
1364
1364
|
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No agents defined in this plugin." });
|
|
1365
1365
|
}
|
|
1366
1366
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: agents.map((agent) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1367
|
-
|
|
1367
|
+
chunk4XBBDUSZ_cjs.Card,
|
|
1368
1368
|
{
|
|
1369
1369
|
className: `cursor-pointer transition-colors hover:border-primary/50 ${selectedFilename === agent.filename ? "border-primary ring-1 ring-primary/30" : ""}`,
|
|
1370
1370
|
onClick: () => onSelectAgent(agent.filename),
|
|
1371
1371
|
children: [
|
|
1372
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1373
|
-
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1372
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-sm font-medium", children: agent.name }) }),
|
|
1373
|
+
/* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.CardContent, { children: [
|
|
1374
1374
|
agent.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: agent.description }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground italic", children: "No description" }),
|
|
1375
1375
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/60 mt-2 font-mono", children: agent.filename })
|
|
1376
1376
|
] })
|
|
@@ -1388,13 +1388,13 @@ function SkillsTab({
|
|
|
1388
1388
|
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No skills defined in this plugin." });
|
|
1389
1389
|
}
|
|
1390
1390
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: skills.map((skill) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1391
|
-
|
|
1391
|
+
chunk4XBBDUSZ_cjs.Card,
|
|
1392
1392
|
{
|
|
1393
1393
|
className: `cursor-pointer transition-colors hover:border-primary/50 ${selectedSkill === skill ? "border-primary ring-1 ring-primary/30" : ""}`,
|
|
1394
1394
|
onClick: () => onSelectSkill(skill),
|
|
1395
1395
|
children: [
|
|
1396
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1397
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1396
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-sm font-medium", children: skill }) }),
|
|
1397
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground font-mono", children: [
|
|
1398
1398
|
"skills/",
|
|
1399
1399
|
skill,
|
|
1400
1400
|
"/"
|
|
@@ -1414,13 +1414,13 @@ function ConnectorsTab({
|
|
|
1414
1414
|
return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-4", children: "No connectors defined in this plugin." });
|
|
1415
1415
|
}
|
|
1416
1416
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1417
|
-
|
|
1417
|
+
chunk4XBBDUSZ_cjs.Card,
|
|
1418
1418
|
{
|
|
1419
1419
|
className: `cursor-pointer transition-colors hover:border-primary/50 ${selected ? "border-primary ring-1 ring-primary/30" : ""}`,
|
|
1420
1420
|
onClick: onSelectConnector,
|
|
1421
1421
|
children: [
|
|
1422
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1423
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1422
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardTitle, { className: "text-sm font-medium", children: ".mcp.json" }) }),
|
|
1423
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "This plugin includes an MCP connector configuration that will be suggested to agents using it." }) })
|
|
1424
1424
|
]
|
|
1425
1425
|
}
|
|
1426
1426
|
);
|
|
@@ -1442,8 +1442,8 @@ function FileEditorInline({
|
|
|
1442
1442
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
1443
1443
|
saveError && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-destructive", children: saveError }),
|
|
1444
1444
|
saveSuccess && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-green-500", children: saveSuccess }),
|
|
1445
|
-
!readOnly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1446
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1445
|
+
!readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: onSave, disabled: saving, className: "h-7 text-xs", children: saving ? "Saving..." : "Save" }),
|
|
1446
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "ghost", onClick: onClose, className: "h-7 text-xs", children: "Close" })
|
|
1447
1447
|
] })
|
|
1448
1448
|
] }),
|
|
1449
1449
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -1459,9 +1459,9 @@ function FileEditorInline({
|
|
|
1459
1459
|
] });
|
|
1460
1460
|
}
|
|
1461
1461
|
function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
1462
|
-
const { LinkComponent, basePath } =
|
|
1463
|
-
const client =
|
|
1464
|
-
const { data: plugin, error, isLoading } =
|
|
1462
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
1463
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1464
|
+
const { data: plugin, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
1465
1465
|
`marketplace-${marketplaceId}-plugin-${pluginName}`,
|
|
1466
1466
|
(c) => c.pluginMarketplaces.getPlugin(marketplaceId, pluginName)
|
|
1467
1467
|
);
|
|
@@ -1605,9 +1605,9 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1605
1605
|
}
|
|
1606
1606
|
if (isLoading || !plugin) {
|
|
1607
1607
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
1608
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1609
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1610
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1608
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-8 w-48" }),
|
|
1609
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-4 w-96" }),
|
|
1610
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 rounded-lg" })
|
|
1611
1611
|
] });
|
|
1612
1612
|
}
|
|
1613
1613
|
const readOnly = pluginFiles ? !pluginFiles.isOwned : true;
|
|
@@ -1624,7 +1624,7 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1624
1624
|
selectedFilename: editorState?.type === "agent" ? editorState.identifier : null
|
|
1625
1625
|
}
|
|
1626
1626
|
),
|
|
1627
|
-
editorState?.type === "agent" && editorFile && (filesLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1627
|
+
editorState?.type === "agent" && editorFile && (filesLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-[400px] rounded-md" }) }) : filesError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-sm text-destructive", children: filesError }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1628
1628
|
FileEditorInline,
|
|
1629
1629
|
{
|
|
1630
1630
|
filePath: editorFile.path,
|
|
@@ -1651,7 +1651,7 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1651
1651
|
selectedSkill: editorState?.type === "skill" ? editorState.identifier : null
|
|
1652
1652
|
}
|
|
1653
1653
|
),
|
|
1654
|
-
editorState?.type === "skill" && editorFile && (filesLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1654
|
+
editorState?.type === "skill" && editorFile && (filesLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-[400px] rounded-md" }) }) : filesError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-sm text-destructive", children: filesError }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1655
1655
|
FileEditorInline,
|
|
1656
1656
|
{
|
|
1657
1657
|
filePath: editorFile.path,
|
|
@@ -1679,7 +1679,7 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1679
1679
|
selected: editorState?.type === "connector"
|
|
1680
1680
|
}
|
|
1681
1681
|
),
|
|
1682
|
-
editorState?.type === "connector" && editorFile && (filesLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1682
|
+
editorState?.type === "connector" && editorFile && (filesLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-[400px] rounded-md" }) }) : filesError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 text-sm text-destructive", children: filesError }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
1683
1683
|
FileEditorInline,
|
|
1684
1684
|
{
|
|
1685
1685
|
filePath: editorFile.path,
|
|
@@ -1708,11 +1708,11 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1708
1708
|
) }),
|
|
1709
1709
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
1710
1710
|
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold", children: plugin.displayName }),
|
|
1711
|
-
plugin.version && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1711
|
+
plugin.version && /* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", children: [
|
|
1712
1712
|
"v",
|
|
1713
1713
|
plugin.version
|
|
1714
1714
|
] }),
|
|
1715
|
-
pluginFiles && (pluginFiles.isOwned ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1715
|
+
pluginFiles && (pluginFiles.isOwned ? /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", children: "Editable" }) : /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", children: "Read-only" }))
|
|
1716
1716
|
] }),
|
|
1717
1717
|
plugin.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: plugin.description })
|
|
1718
1718
|
] }),
|
|
@@ -1722,12 +1722,12 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1722
1722
|
var TIMEZONES = typeof Intl !== "undefined" && Intl.supportedValuesOf ? Intl.supportedValuesOf("timeZone") : ["UTC"];
|
|
1723
1723
|
function SettingsPage({ initialData, hideDangerZone }) {
|
|
1724
1724
|
const { mutate } = swr.useSWRConfig();
|
|
1725
|
-
const { data: tenantData, error: tenantError, isLoading: tenantLoading } =
|
|
1725
|
+
const { data: tenantData, error: tenantError, isLoading: tenantLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
1726
1726
|
"settings-tenant",
|
|
1727
1727
|
(c) => c.tenants.getMe(),
|
|
1728
1728
|
initialData ? { fallbackData: initialData.tenant } : void 0
|
|
1729
1729
|
);
|
|
1730
|
-
const { data: apiKeysData, error: apiKeysError, isLoading: apiKeysLoading } =
|
|
1730
|
+
const { data: apiKeysData, error: apiKeysError, isLoading: apiKeysLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
1731
1731
|
"settings-keys",
|
|
1732
1732
|
(c) => c.keys.list ? c.keys.list() : Promise.resolve([]),
|
|
1733
1733
|
initialData ? { fallbackData: initialData.api_keys } : void 0
|
|
@@ -1743,8 +1743,8 @@ function SettingsPage({ initialData, hideDangerZone }) {
|
|
|
1743
1743
|
}
|
|
1744
1744
|
if (isLoading || !data) {
|
|
1745
1745
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
1746
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1747
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1746
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-48 rounded-lg" }),
|
|
1747
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 rounded-lg" })
|
|
1748
1748
|
] });
|
|
1749
1749
|
}
|
|
1750
1750
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
@@ -1760,7 +1760,7 @@ function SettingsPage({ initialData, hideDangerZone }) {
|
|
|
1760
1760
|
] });
|
|
1761
1761
|
}
|
|
1762
1762
|
function CompanyForm({ tenant, onSaved }) {
|
|
1763
|
-
const client =
|
|
1763
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1764
1764
|
const fileInputRef = React3.useRef(null);
|
|
1765
1765
|
const [name, setName] = React3.useState(tenant.name);
|
|
1766
1766
|
const [budget, setBudget] = React3.useState(tenant.monthly_budget_usd.toString());
|
|
@@ -1790,8 +1790,8 @@ function CompanyForm({ tenant, onSaved }) {
|
|
|
1790
1790
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
|
|
1791
1791
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Upload a logo for your company. Recommended size: 256x256px." }),
|
|
1792
1792
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
1793
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1794
|
-
logoUrl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1793
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => fileInputRef.current?.click(), children: "Upload image" }),
|
|
1794
|
+
logoUrl && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => setLogoUrl(""), children: "Remove" }),
|
|
1795
1795
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1796
1796
|
"input",
|
|
1797
1797
|
{
|
|
@@ -1816,14 +1816,14 @@ function CompanyForm({ tenant, onSaved }) {
|
|
|
1816
1816
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
1817
1817
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Company Details" }),
|
|
1818
1818
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
|
|
1819
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1820
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Slug", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1821
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center h-9", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1819
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: name, onChange: (e) => setName(e.target.value) }) }),
|
|
1820
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Slug", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: tenant.slug, readOnly: true, disabled: true, className: "opacity-60" }) }),
|
|
1821
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Status", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center h-9", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: tenant.status === "active" ? "default" : "destructive", children: tenant.status }) }) }),
|
|
1822
1822
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Timezone", children: /* @__PURE__ */ jsxRuntime.jsx(Select, { value: timezone, onChange: (e) => setTimezone(e.target.value), children: TIMEZONES.map((tz) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: tz, children: tz.replace(/_/g, " ") }, tz)) }) }),
|
|
1823
1823
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Monthly Budget (USD)", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
1824
1824
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground text-sm", children: "$" }),
|
|
1825
1825
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1826
|
-
|
|
1826
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
1827
1827
|
{
|
|
1828
1828
|
type: "number",
|
|
1829
1829
|
step: "0.01",
|
|
@@ -1835,11 +1835,11 @@ function CompanyForm({ tenant, onSaved }) {
|
|
|
1835
1835
|
] }) })
|
|
1836
1836
|
] })
|
|
1837
1837
|
] }),
|
|
1838
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1838
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : "Save Changes" }) })
|
|
1839
1839
|
] });
|
|
1840
1840
|
}
|
|
1841
1841
|
function ApiKeysSection({ initialKeys, onChanged }) {
|
|
1842
|
-
const client =
|
|
1842
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1843
1843
|
const [creating, setCreating] = React3.useState(false);
|
|
1844
1844
|
const [newKeyName, setNewKeyName] = React3.useState("default");
|
|
1845
1845
|
const [showCreate, setShowCreate] = React3.useState(false);
|
|
@@ -1876,17 +1876,17 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1876
1876
|
const activeKeys = initialKeys.filter((k) => !k.revoked_at);
|
|
1877
1877
|
const revokedKeys = initialKeys.filter((k) => k.revoked_at);
|
|
1878
1878
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
1879
|
-
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "API Keys", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1879
|
+
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "API Keys", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setShowCreate(!showCreate), children: showCreate ? "Cancel" : "+ New Key" }) }),
|
|
1880
1880
|
rawKey && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 rounded-lg border border-yellow-500/50 bg-yellow-500/10", children: [
|
|
1881
1881
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium mb-1", children: "New API key created \u2014 copy it now, it won't be shown again:" }),
|
|
1882
1882
|
/* @__PURE__ */ jsxRuntime.jsx("code", { className: "block text-xs font-mono bg-black/20 p-2 rounded break-all select-all", children: rawKey }),
|
|
1883
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1883
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", className: "mt-2", onClick: () => setRawKey(null), children: "Dismiss" })
|
|
1884
1884
|
] }),
|
|
1885
1885
|
showCreate && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex gap-2 items-end", children: [
|
|
1886
1886
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
|
|
1887
1887
|
/* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Key Name" }),
|
|
1888
1888
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1889
|
-
|
|
1889
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
1890
1890
|
{
|
|
1891
1891
|
value: newKeyName,
|
|
1892
1892
|
onChange: (e) => setNewKeyName(e.target.value),
|
|
@@ -1895,7 +1895,7 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1895
1895
|
}
|
|
1896
1896
|
)
|
|
1897
1897
|
] }),
|
|
1898
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1898
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleCreate, disabled: creating, children: creating ? "Creating..." : "Create" })
|
|
1899
1899
|
] }),
|
|
1900
1900
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
|
|
1901
1901
|
/* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border bg-muted/50", children: [
|
|
@@ -1913,11 +1913,11 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1913
1913
|
k.key_prefix,
|
|
1914
1914
|
"..."
|
|
1915
1915
|
] }),
|
|
1916
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1916
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "default", children: "active" }) }),
|
|
1917
1917
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: k.last_used_at ? new Date(k.last_used_at).toLocaleString() : "never" }),
|
|
1918
1918
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: new Date(k.created_at).toLocaleDateString() }),
|
|
1919
1919
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1920
|
-
|
|
1920
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
1921
1921
|
{
|
|
1922
1922
|
size: "sm",
|
|
1923
1923
|
variant: "destructive",
|
|
@@ -1932,7 +1932,7 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1932
1932
|
k.key_prefix,
|
|
1933
1933
|
"..."
|
|
1934
1934
|
] }),
|
|
1935
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1935
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", children: "revoked" }) }),
|
|
1936
1936
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: k.last_used_at ? new Date(k.last_used_at).toLocaleString() : "never" }),
|
|
1937
1937
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: new Date(k.created_at).toLocaleDateString() }),
|
|
1938
1938
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3" })
|
|
@@ -1965,8 +1965,8 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1965
1965
|
] });
|
|
1966
1966
|
}
|
|
1967
1967
|
function DangerZone({ tenantId, tenantName }) {
|
|
1968
|
-
const client =
|
|
1969
|
-
const { onNavigate, basePath } =
|
|
1968
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1969
|
+
const { onNavigate, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
1970
1970
|
const [open, setOpen] = React3.useState(false);
|
|
1971
1971
|
const [deleting, setDeleting] = React3.useState(false);
|
|
1972
1972
|
const [error, setError] = React3.useState("");
|
|
@@ -1989,7 +1989,7 @@ function DangerZone({ tenantId, tenantName }) {
|
|
|
1989
1989
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-destructive", children: "Danger Zone" }),
|
|
1990
1990
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Permanently delete this company and all its agents, runs, sessions, and API keys." })
|
|
1991
1991
|
] }),
|
|
1992
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1992
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "destructive", onClick: () => setOpen(true), children: "Delete Company" })
|
|
1993
1993
|
] }),
|
|
1994
1994
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1995
1995
|
ConfirmDialog,
|
|
@@ -2049,7 +2049,7 @@ var TAG_TITLES = {
|
|
|
2049
2049
|
"image-generation": "Image Generation"
|
|
2050
2050
|
};
|
|
2051
2051
|
function ModelSelector({ value, onChange, disabled }) {
|
|
2052
|
-
const client =
|
|
2052
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2053
2053
|
const [open, setOpen] = React3.useState(false);
|
|
2054
2054
|
const [models, setModels] = React3.useState(null);
|
|
2055
2055
|
const [loading, setLoading] = React3.useState(false);
|
|
@@ -2253,7 +2253,7 @@ function ModelSelector({ value, onChange, disabled }) {
|
|
|
2253
2253
|
] });
|
|
2254
2254
|
}
|
|
2255
2255
|
function AddAgentDialog({ onCreated }) {
|
|
2256
|
-
const client =
|
|
2256
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2257
2257
|
const [open, setOpen] = React3.useState(false);
|
|
2258
2258
|
const [saving, setSaving] = React3.useState(false);
|
|
2259
2259
|
const [error, setError] = React3.useState("");
|
|
@@ -2305,7 +2305,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2305
2305
|
}
|
|
2306
2306
|
}
|
|
2307
2307
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2308
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2308
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: "+ New Agent" }),
|
|
2309
2309
|
/* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: (v) => {
|
|
2310
2310
|
setOpen(v);
|
|
2311
2311
|
if (!v) resetForm();
|
|
@@ -2313,7 +2313,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2313
2313
|
/* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Agent" }) }),
|
|
2314
2314
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
2315
2315
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2316
|
-
|
|
2316
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2317
2317
|
{
|
|
2318
2318
|
value: form.name,
|
|
2319
2319
|
onChange: (e) => setForm((f) => ({ ...f, name: e.target.value })),
|
|
@@ -2322,7 +2322,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2322
2322
|
}
|
|
2323
2323
|
) }),
|
|
2324
2324
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2325
|
-
|
|
2325
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2326
2326
|
{
|
|
2327
2327
|
value: form.description,
|
|
2328
2328
|
onChange: (e) => setForm((f) => ({ ...f, description: e.target.value })),
|
|
@@ -2336,13 +2336,13 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2336
2336
|
onChange: (modelId) => setForm((f) => ({
|
|
2337
2337
|
...f,
|
|
2338
2338
|
model: modelId,
|
|
2339
|
-
runner:
|
|
2340
|
-
permission_mode:
|
|
2339
|
+
runner: chunk4XBBDUSZ_cjs.supportsClaudeRunner(modelId) ? f.runner : "vercel-ai-sdk",
|
|
2340
|
+
permission_mode: chunk4XBBDUSZ_cjs.supportsClaudeRunner(modelId) ? f.permission_mode : "bypassPermissions"
|
|
2341
2341
|
}))
|
|
2342
2342
|
}
|
|
2343
2343
|
) }),
|
|
2344
2344
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
|
|
2345
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Runner", children:
|
|
2345
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Runner", children: chunk4XBBDUSZ_cjs.supportsClaudeRunner(form.model) ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2346
2346
|
Select,
|
|
2347
2347
|
{
|
|
2348
2348
|
value: form.runner || "claude-agent-sdk",
|
|
@@ -2358,7 +2358,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2358
2358
|
{
|
|
2359
2359
|
value: form.permission_mode,
|
|
2360
2360
|
onChange: (e) => setForm((f) => ({ ...f, permission_mode: e.target.value })),
|
|
2361
|
-
disabled: !
|
|
2361
|
+
disabled: !chunk4XBBDUSZ_cjs.supportsClaudeRunner(form.model) || form.runner === "vercel-ai-sdk",
|
|
2362
2362
|
children: [
|
|
2363
2363
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "default", children: "default" }),
|
|
2364
2364
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "acceptEdits", children: "acceptEdits" }),
|
|
@@ -2370,7 +2370,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2370
2370
|
] }),
|
|
2371
2371
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
|
|
2372
2372
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Turns", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2373
|
-
|
|
2373
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2374
2374
|
{
|
|
2375
2375
|
type: "number",
|
|
2376
2376
|
min: "1",
|
|
@@ -2383,7 +2383,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2383
2383
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Budget", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
2384
2384
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: "$" }),
|
|
2385
2385
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2386
|
-
|
|
2386
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2387
2387
|
{
|
|
2388
2388
|
type: "number",
|
|
2389
2389
|
step: "0.01",
|
|
@@ -2398,7 +2398,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2398
2398
|
] }) }),
|
|
2399
2399
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Runtime", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
2400
2400
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2401
|
-
|
|
2401
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2402
2402
|
{
|
|
2403
2403
|
type: "number",
|
|
2404
2404
|
min: "1",
|
|
@@ -2415,17 +2415,17 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2415
2415
|
/* @__PURE__ */ jsxRuntime.jsx(FormError, { error })
|
|
2416
2416
|
] }),
|
|
2417
2417
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
2418
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2418
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
|
|
2419
2419
|
setOpen(false);
|
|
2420
2420
|
resetForm();
|
|
2421
2421
|
}, children: "Cancel" }),
|
|
2422
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2422
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { type: "submit", size: "sm", disabled: saving, children: saving ? "Creating..." : "Create Agent" })
|
|
2423
2423
|
] })
|
|
2424
2424
|
] }) }) })
|
|
2425
2425
|
] });
|
|
2426
2426
|
}
|
|
2427
2427
|
function DeleteAgentButton({ agentId, agentName, onDeleted }) {
|
|
2428
|
-
const client =
|
|
2428
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2429
2429
|
const [open, setOpen] = React3.useState(false);
|
|
2430
2430
|
const [deleting, setDeleting] = React3.useState(false);
|
|
2431
2431
|
const [error, setError] = React3.useState("");
|
|
@@ -2444,7 +2444,7 @@ function DeleteAgentButton({ agentId, agentName, onDeleted }) {
|
|
|
2444
2444
|
}
|
|
2445
2445
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2446
2446
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2447
|
-
|
|
2447
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
2448
2448
|
{
|
|
2449
2449
|
size: "sm",
|
|
2450
2450
|
variant: "ghost",
|
|
@@ -2474,9 +2474,9 @@ function DeleteAgentButton({ agentId, agentName, onDeleted }) {
|
|
|
2474
2474
|
] });
|
|
2475
2475
|
}
|
|
2476
2476
|
function AgentListPage() {
|
|
2477
|
-
const { LinkComponent, basePath } =
|
|
2477
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
2478
2478
|
const { mutate } = swr.useSWRConfig();
|
|
2479
|
-
const { data, error, isLoading } =
|
|
2479
|
+
const { data, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
2480
2480
|
"agents",
|
|
2481
2481
|
(client) => client.agents.list()
|
|
2482
2482
|
);
|
|
@@ -2486,8 +2486,8 @@ function AgentListPage() {
|
|
|
2486
2486
|
}, [mutate]);
|
|
2487
2487
|
if (isLoading) {
|
|
2488
2488
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
|
|
2489
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2490
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2489
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-9 w-32" }),
|
|
2490
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-12 w-full" }, i)) })
|
|
2491
2491
|
] });
|
|
2492
2492
|
}
|
|
2493
2493
|
if (error) {
|
|
@@ -2512,11 +2512,11 @@ function AgentListPage() {
|
|
|
2512
2512
|
agents.map((a) => /* @__PURE__ */ jsxRuntime.jsxs(AdminTableRow, { children: [
|
|
2513
2513
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 font-medium", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
2514
2514
|
/* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/agents/${a.id}`, className: "text-primary hover:underline", children: a.name }),
|
|
2515
|
-
a.a2a_enabled && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2515
|
+
a.a2a_enabled && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { className: "text-[10px] px-1.5 py-0 bg-indigo-500/10 text-indigo-400 border-indigo-500/20", children: "A2A" })
|
|
2516
2516
|
] }) }),
|
|
2517
2517
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs max-w-xs truncate", title: a.description ?? void 0, children: a.description ?? "\u2014" }),
|
|
2518
2518
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 font-mono text-xs text-muted-foreground", children: a.model }),
|
|
2519
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: a.composio_toolkits.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 flex-wrap", children: a.composio_toolkits.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
2519
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: a.composio_toolkits.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 flex-wrap", children: a.composio_toolkits.map((t) => /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-xs", children: t }, t)) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs", children: "\u2014" }) }),
|
|
2520
2520
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: (a.skills ?? []).length }),
|
|
2521
2521
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: (a.plugins ?? []).length }),
|
|
2522
2522
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(DeleteAgentButton, { agentId: a.id, agentName: a.name, onDeleted: invalidate }) })
|
|
@@ -2527,7 +2527,7 @@ function AgentListPage() {
|
|
|
2527
2527
|
] });
|
|
2528
2528
|
}
|
|
2529
2529
|
function AgentEditForm({ agent, onSaved }) {
|
|
2530
|
-
const client =
|
|
2530
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2531
2531
|
const [name, setName] = React3.useState(agent.name);
|
|
2532
2532
|
const [description, setDescription] = React3.useState(agent.description ?? "");
|
|
2533
2533
|
const [model, setModel] = React3.useState(agent.model);
|
|
@@ -2563,13 +2563,13 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2563
2563
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
2564
2564
|
/* @__PURE__ */ jsxRuntime.jsxs(SectionHeader, { title: "Details", children: [
|
|
2565
2565
|
error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-destructive mr-2", children: error }),
|
|
2566
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2566
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : "Save Changes" })
|
|
2567
2567
|
] }),
|
|
2568
2568
|
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
|
|
2569
2569
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
|
|
2570
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2570
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: name, onChange: (e) => setName(e.target.value), disabled: saving }) }) }),
|
|
2571
2571
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2572
|
-
|
|
2572
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2573
2573
|
{
|
|
2574
2574
|
value: description,
|
|
2575
2575
|
onChange: (e) => setDescription(e.target.value),
|
|
@@ -2584,29 +2584,29 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2584
2584
|
disabled: saving,
|
|
2585
2585
|
onChange: (modelId) => {
|
|
2586
2586
|
setModel(modelId);
|
|
2587
|
-
if (!
|
|
2587
|
+
if (!chunk4XBBDUSZ_cjs.supportsClaudeRunner(modelId)) {
|
|
2588
2588
|
setRunner("vercel-ai-sdk");
|
|
2589
2589
|
setPermissionMode("bypassPermissions");
|
|
2590
2590
|
}
|
|
2591
2591
|
}
|
|
2592
2592
|
}
|
|
2593
2593
|
) }) }),
|
|
2594
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Runner", children:
|
|
2594
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Runner", children: chunk4XBBDUSZ_cjs.supportsClaudeRunner(model) ? /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: runner || "claude-agent-sdk", onChange: (e) => setRunner(e.target.value === "claude-agent-sdk" ? "" : e.target.value), disabled: saving, children: [
|
|
2595
2595
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "claude-agent-sdk", children: "Claude SDK" }),
|
|
2596
2596
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "vercel-ai-sdk", children: "AI SDK" })
|
|
2597
2597
|
] }) : /* @__PURE__ */ jsxRuntime.jsx(Select, { value: "vercel-ai-sdk", disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx("option", { value: "vercel-ai-sdk", children: "AI SDK" }) }) }) })
|
|
2598
2598
|
] }),
|
|
2599
2599
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
|
|
2600
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Turns", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2600
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Turns", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { type: "number", min: "1", max: "1000", value: maxTurns, onChange: (e) => setMaxTurns(e.target.value), disabled: saving }) }) }),
|
|
2601
2601
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Budget", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
2602
2602
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: "$" }),
|
|
2603
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2603
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { type: "number", step: "0.01", min: "0.01", max: "100", value: maxBudget, onChange: (e) => setMaxBudget(e.target.value), className: "pl-6", disabled: saving })
|
|
2604
2604
|
] }) }) }),
|
|
2605
2605
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Runtime", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
2606
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2606
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { type: "number", min: "1", max: "60", value: maxRuntime, onChange: (e) => setMaxRuntime(e.target.value), className: "pr-10", disabled: saving }),
|
|
2607
2607
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: "min" })
|
|
2608
2608
|
] }) }) }),
|
|
2609
|
-
|
|
2609
|
+
chunk4XBBDUSZ_cjs.supportsClaudeRunner(model) && (runner === "" || runner === "claude-agent-sdk") && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Permission Mode", children: /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: permissionMode, onChange: (e) => setPermissionMode(e.target.value), disabled: saving, children: [
|
|
2610
2610
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "default", children: "default" }),
|
|
2611
2611
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "acceptEdits", children: "acceptEdits" }),
|
|
2612
2612
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "bypassPermissions", children: "bypassPermissions" }),
|
|
@@ -2617,7 +2617,7 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2617
2617
|
] });
|
|
2618
2618
|
}
|
|
2619
2619
|
function ToolkitMultiselect({ value, onChange }) {
|
|
2620
|
-
const client =
|
|
2620
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2621
2621
|
const [open, setOpen] = React3.useState(false);
|
|
2622
2622
|
const [search, setSearch] = React3.useState("");
|
|
2623
2623
|
const [toolkits, setToolkits] = React3.useState([]);
|
|
@@ -2743,7 +2743,7 @@ function ToolsModal({
|
|
|
2743
2743
|
onOpenChange,
|
|
2744
2744
|
onSave
|
|
2745
2745
|
}) {
|
|
2746
|
-
const client =
|
|
2746
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2747
2747
|
const [tools, setTools] = React3.useState([]);
|
|
2748
2748
|
const [loading, setLoading] = React3.useState(false);
|
|
2749
2749
|
const [search, setSearch] = React3.useState("");
|
|
@@ -2814,7 +2814,7 @@ function ToolsModal({
|
|
|
2814
2814
|
] })
|
|
2815
2815
|
] }),
|
|
2816
2816
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
2817
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2817
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { placeholder: "Search tools...", value: search, onChange: (e) => setSearch(e.target.value), className: "h-8 text-sm" }),
|
|
2818
2818
|
loading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "Loading tools..." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2819
2819
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
|
|
2820
2820
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: selected.size === 0 ? "All tools (no filter)" : `${selected.size} / ${tools.length} selected` }),
|
|
@@ -2833,8 +2833,8 @@ function ToolsModal({
|
|
|
2833
2833
|
] })
|
|
2834
2834
|
] }),
|
|
2835
2835
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
2836
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2837
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2836
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
|
|
2837
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleSave, disabled: saving || loading, children: saving ? "Saving..." : "Save" })
|
|
2838
2838
|
] })
|
|
2839
2839
|
] }) });
|
|
2840
2840
|
}
|
|
@@ -2848,7 +2848,7 @@ function McpToolsModal({
|
|
|
2848
2848
|
onOpenChange,
|
|
2849
2849
|
onSave
|
|
2850
2850
|
}) {
|
|
2851
|
-
const client =
|
|
2851
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2852
2852
|
const [tools, setTools] = React3.useState([]);
|
|
2853
2853
|
const [loading, setLoading] = React3.useState(false);
|
|
2854
2854
|
const [search, setSearch] = React3.useState("");
|
|
@@ -2921,7 +2921,7 @@ function McpToolsModal({
|
|
|
2921
2921
|
] })
|
|
2922
2922
|
] }),
|
|
2923
2923
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
2924
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2924
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { placeholder: "Search tools...", value: search, onChange: (e) => setSearch(e.target.value), className: "h-8 text-sm" }),
|
|
2925
2925
|
loading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "Loading tools..." }) : error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive py-4 text-center", children: error }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2926
2926
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
|
|
2927
2927
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: selected.size === 0 ? "All tools (no filter)" : `${selected.size} / ${tools.length} selected` }),
|
|
@@ -2940,13 +2940,13 @@ function McpToolsModal({
|
|
|
2940
2940
|
] })
|
|
2941
2941
|
] }),
|
|
2942
2942
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
2943
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2944
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2943
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
|
|
2944
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleSave, disabled: saving || loading, children: saving ? "Saving..." : "Save" })
|
|
2945
2945
|
] })
|
|
2946
2946
|
] }) });
|
|
2947
2947
|
}
|
|
2948
2948
|
function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAllowedTools: initialAllowedTools, onChanged }) {
|
|
2949
|
-
const client =
|
|
2949
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2950
2950
|
const [localToolkits, setLocalToolkits] = React3.useState(initialToolkits);
|
|
2951
2951
|
const [connectors, setConnectors] = React3.useState([]);
|
|
2952
2952
|
const [loading, setLoading] = React3.useState(true);
|
|
@@ -3193,7 +3193,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3193
3193
|
),
|
|
3194
3194
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
3195
3195
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Connectors", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3196
|
-
|
|
3196
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3197
3197
|
{
|
|
3198
3198
|
size: "sm",
|
|
3199
3199
|
variant: "outline",
|
|
@@ -3212,11 +3212,11 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3212
3212
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
|
|
3213
3213
|
s.logo_url && /* @__PURE__ */ jsxRuntime.jsx("img", { src: s.logo_url, alt: "", className: "w-5 h-5 rounded-sm object-contain flex-shrink-0" }),
|
|
3214
3214
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: s.name }),
|
|
3215
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3215
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-xs flex-shrink-0 ml-auto", children: s.slug })
|
|
3216
3216
|
] }),
|
|
3217
3217
|
s.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: s.description }),
|
|
3218
3218
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3219
|
-
|
|
3219
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3220
3220
|
{
|
|
3221
3221
|
size: "sm",
|
|
3222
3222
|
variant: "outline",
|
|
@@ -3228,8 +3228,8 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3228
3228
|
)
|
|
3229
3229
|
] }, s.id)) }),
|
|
3230
3230
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
3231
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3232
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3231
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "ghost", onClick: () => setShowAdd(false), children: "Cancel" }),
|
|
3232
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleApplyAdd, disabled: applyingToolkits, children: applyingToolkits ? "Saving..." : "Apply" })
|
|
3233
3233
|
] })
|
|
3234
3234
|
] }),
|
|
3235
3235
|
isAllLoading ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading..." }) : isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No connectors added. Click Add to configure connectors." }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
|
|
@@ -3237,7 +3237,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3237
3237
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
3238
3238
|
c.logo && /* @__PURE__ */ jsxRuntime.jsx("img", { src: c.logo, alt: "", className: "w-5 h-5 rounded-sm object-contain flex-shrink-0" }),
|
|
3239
3239
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate flex-1", children: c.name }),
|
|
3240
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3240
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: schemeBadgeVariant(c.authScheme ?? c.auth_scheme), className: "text-xs flex-shrink-0", children: c.authScheme ?? c.auth_scheme }),
|
|
3241
3241
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3242
3242
|
"button",
|
|
3243
3243
|
{
|
|
@@ -3269,7 +3269,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3269
3269
|
(c.authScheme ?? c.auth_scheme) === "API_KEY" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 mt-auto", children: [
|
|
3270
3270
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
3271
3271
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3272
|
-
|
|
3272
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
3273
3273
|
{
|
|
3274
3274
|
type: "password",
|
|
3275
3275
|
placeholder: c.connected || c.connectionStatus === "ACTIVE" ? "Update API key\u2026" : "Enter API key\u2026",
|
|
@@ -3279,7 +3279,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3279
3279
|
}
|
|
3280
3280
|
),
|
|
3281
3281
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3282
|
-
|
|
3282
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3283
3283
|
{
|
|
3284
3284
|
size: "sm",
|
|
3285
3285
|
variant: "outline",
|
|
@@ -3292,14 +3292,14 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3292
3292
|
] }),
|
|
3293
3293
|
/* @__PURE__ */ jsxRuntime.jsx(FormError, { error: errors[c.slug] })
|
|
3294
3294
|
] }),
|
|
3295
|
-
((c.authScheme ?? c.auth_scheme) === "OAUTH2" || (c.authScheme ?? c.auth_scheme) === "OAUTH1") && c.connectionStatus !== "ACTIVE" && !c.connected && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3296
|
-
((c.authScheme ?? c.auth_scheme) === "OAUTH2" || (c.authScheme ?? c.auth_scheme) === "OAUTH1") && (c.connectionStatus === "ACTIVE" || c.connected) && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3295
|
+
((c.authScheme ?? c.auth_scheme) === "OAUTH2" || (c.authScheme ?? c.auth_scheme) === "OAUTH1") && c.connectionStatus !== "ACTIVE" && !c.connected && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", className: "h-7 text-xs w-full mt-auto", onClick: () => handleComposioOauth(c.slug), children: "Connect" }),
|
|
3296
|
+
((c.authScheme ?? c.auth_scheme) === "OAUTH2" || (c.authScheme ?? c.auth_scheme) === "OAUTH1") && (c.connectionStatus === "ACTIVE" || c.connected) && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "ghost", className: "h-7 text-xs text-muted-foreground w-full mt-auto", onClick: () => handleComposioOauth(c.slug), children: "Reconnect" })
|
|
3297
3297
|
] }, `composio-${c.slug}`)),
|
|
3298
3298
|
mcpConnections.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-border p-3 flex flex-col gap-2", children: [
|
|
3299
3299
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
3300
3300
|
c.server_logo_url && /* @__PURE__ */ jsxRuntime.jsx("img", { src: c.server_logo_url, alt: "", className: "w-5 h-5 rounded-sm object-contain flex-shrink-0" }),
|
|
3301
3301
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate flex-1", children: c.server_name }),
|
|
3302
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3302
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-xs flex-shrink-0", children: c.server_slug }),
|
|
3303
3303
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3304
3304
|
"button",
|
|
3305
3305
|
{
|
|
@@ -3322,7 +3322,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3322
3322
|
}
|
|
3323
3323
|
),
|
|
3324
3324
|
(c.status === "expired" || c.status === "failed") && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3325
|
-
|
|
3325
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3326
3326
|
{
|
|
3327
3327
|
size: "sm",
|
|
3328
3328
|
variant: "ghost",
|
|
@@ -3370,7 +3370,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3370
3370
|
)
|
|
3371
3371
|
] });
|
|
3372
3372
|
}
|
|
3373
|
-
var CodeEditor = React3.lazy(() => import('./code-editor-
|
|
3373
|
+
var CodeEditor = React3.lazy(() => import('./code-editor-ZYP54YUT.cjs'));
|
|
3374
3374
|
function buildTree(files) {
|
|
3375
3375
|
const rootFiles = [];
|
|
3376
3376
|
const dirMap = /* @__PURE__ */ new Map();
|
|
@@ -3598,7 +3598,7 @@ function FileTreeEditor({
|
|
|
3598
3598
|
}),
|
|
3599
3599
|
!readOnly && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { paddingLeft: `${(depth + 1) * 16 + 8}px` }, className: "py-1 pr-2", children: addingFileInDir === node.fullPath ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
|
|
3600
3600
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3601
|
-
|
|
3601
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
3602
3602
|
{
|
|
3603
3603
|
value: newFileName,
|
|
3604
3604
|
onChange: (e) => setNewFileName(e.target.value),
|
|
@@ -3608,7 +3608,7 @@ function FileTreeEditor({
|
|
|
3608
3608
|
autoFocus: true
|
|
3609
3609
|
}
|
|
3610
3610
|
),
|
|
3611
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3611
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: () => addFileInDir(node.fullPath), size: "sm", className: "h-6 text-xs px-2", children: "+" })
|
|
3612
3612
|
] }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
3613
3613
|
"button",
|
|
3614
3614
|
{
|
|
@@ -3627,10 +3627,10 @@ function FileTreeEditor({
|
|
|
3627
3627
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
|
|
3628
3628
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
3629
3629
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: title }),
|
|
3630
|
-
isDirty && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3631
|
-
readOnly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3630
|
+
isDirty && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", className: "text-xs", children: "Unsaved changes" }),
|
|
3631
|
+
readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-xs", children: "Read-only" })
|
|
3632
3632
|
] }),
|
|
3633
|
-
!readOnly && !hideSave && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3633
|
+
!readOnly && !hideSave && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : saveLabel })
|
|
3634
3634
|
] }),
|
|
3635
3635
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 min-h-[500px]", children: [
|
|
3636
3636
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-64 shrink-0 border border-border rounded-md overflow-hidden", children: [
|
|
@@ -3650,7 +3650,7 @@ function FileTreeEditor({
|
|
|
3650
3650
|
] }),
|
|
3651
3651
|
showAddFolder && !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 border-b border-border flex gap-1", children: [
|
|
3652
3652
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3653
|
-
|
|
3653
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
3654
3654
|
{
|
|
3655
3655
|
value: newFolderName,
|
|
3656
3656
|
onChange: (e) => setNewFolderName(e.target.value),
|
|
@@ -3660,7 +3660,7 @@ function FileTreeEditor({
|
|
|
3660
3660
|
autoFocus: true
|
|
3661
3661
|
}
|
|
3662
3662
|
),
|
|
3663
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3663
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: addFolder, size: "sm", className: "h-7 text-xs px-2", children: "Add" })
|
|
3664
3664
|
] }),
|
|
3665
3665
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm overflow-y-auto", children: [
|
|
3666
3666
|
tree.rootFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -3708,7 +3708,7 @@ function FileTreeEditor({
|
|
|
3708
3708
|
] });
|
|
3709
3709
|
}
|
|
3710
3710
|
function AgentSkillManager({ agentId, initialSkills, onSaved }) {
|
|
3711
|
-
const client =
|
|
3711
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
3712
3712
|
const initialFiles = React3.useMemo(
|
|
3713
3713
|
() => initialSkills.flatMap(
|
|
3714
3714
|
(s) => s.files.map((f) => ({
|
|
@@ -3754,7 +3754,7 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
|
|
|
3754
3754
|
);
|
|
3755
3755
|
}
|
|
3756
3756
|
function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
3757
|
-
const client =
|
|
3757
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
3758
3758
|
const [plugins, setPlugins] = React3.useState(initialPlugins);
|
|
3759
3759
|
const [saving, setSaving] = React3.useState(false);
|
|
3760
3760
|
const [dialogOpen, setDialogOpen] = React3.useState(false);
|
|
@@ -3827,10 +3827,10 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3827
3827
|
}
|
|
3828
3828
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
3829
3829
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Plugins", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
3830
|
-
isDirty && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3830
|
+
isDirty && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", className: "text-xs", children: "Unsaved changes" }),
|
|
3831
3831
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
|
|
3832
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3833
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3832
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setDialogOpen(true), children: "Add Plugins" }),
|
|
3833
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : "Save Plugins" })
|
|
3834
3834
|
] })
|
|
3835
3835
|
] }) }),
|
|
3836
3836
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -3847,7 +3847,7 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3847
3847
|
] })
|
|
3848
3848
|
] }),
|
|
3849
3849
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3850
|
-
|
|
3850
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3851
3851
|
{
|
|
3852
3852
|
variant: "ghost",
|
|
3853
3853
|
size: "sm",
|
|
@@ -3864,7 +3864,7 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3864
3864
|
/* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Plugins" }) }),
|
|
3865
3865
|
/* @__PURE__ */ jsxRuntime.jsx(DialogBody, { className: "flex-1 overflow-hidden flex flex-col gap-3", children: marketplaces.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No plugin marketplaces registered. Add one from the Plugin Marketplaces page first." }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3866
3866
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 flex-wrap", children: marketplaces.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3867
|
-
|
|
3867
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3868
3868
|
{
|
|
3869
3869
|
size: "sm",
|
|
3870
3870
|
variant: selectedMarketplace === m.id ? "default" : "outline",
|
|
@@ -3891,9 +3891,9 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3891
3891
|
] }),
|
|
3892
3892
|
ap.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: ap.description }),
|
|
3893
3893
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 mt-1", children: [
|
|
3894
|
-
ap.hasAgents && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3895
|
-
ap.hasSkills && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3896
|
-
ap.hasMcpJson && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3894
|
+
ap.hasAgents && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-[10px] px-1 py-0", children: "Agents" }),
|
|
3895
|
+
ap.hasSkills && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-[10px] px-1 py-0", children: "Skills" }),
|
|
3896
|
+
ap.hasMcpJson && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-[10px] px-1 py-0", children: "MCP" })
|
|
3897
3897
|
] })
|
|
3898
3898
|
] }),
|
|
3899
3899
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-4 h-4 rounded border flex items-center justify-center shrink-0 ${enabled ? "bg-primary border-primary text-primary-foreground" : "border-muted-foreground"}`, children: enabled && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: "\u2713" }) })
|
|
@@ -3903,20 +3903,20 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3903
3903
|
);
|
|
3904
3904
|
}) })
|
|
3905
3905
|
] }) }),
|
|
3906
|
-
/* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3906
|
+
/* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: () => setDialogOpen(false), children: "Done" }) })
|
|
3907
3907
|
] }) })
|
|
3908
3908
|
] })
|
|
3909
3909
|
] });
|
|
3910
3910
|
}
|
|
3911
3911
|
function AgentRuns({ agentId }) {
|
|
3912
|
-
const { LinkComponent, basePath } =
|
|
3913
|
-
const { data, error, isLoading } =
|
|
3912
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
3913
|
+
const { data, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
3914
3914
|
`agent-runs-${agentId}`,
|
|
3915
3915
|
(client) => client.runs.list({ agent_id: agentId, limit: 50 })
|
|
3916
3916
|
);
|
|
3917
3917
|
const runs = data?.data ?? [];
|
|
3918
3918
|
if (isLoading) {
|
|
3919
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3919
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-10 w-full" }, i)) });
|
|
3920
3920
|
}
|
|
3921
3921
|
if (error) {
|
|
3922
3922
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-destructive text-sm py-4 text-center", children: [
|
|
@@ -3968,7 +3968,7 @@ function AgentA2aInfo({
|
|
|
3968
3968
|
initialTags,
|
|
3969
3969
|
onChanged
|
|
3970
3970
|
}) {
|
|
3971
|
-
const client =
|
|
3971
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
3972
3972
|
const [enabled, setEnabled] = React3.useState(initialEnabled);
|
|
3973
3973
|
const [toggling, setToggling] = React3.useState(false);
|
|
3974
3974
|
const [detailsOpen, setDetailsOpen] = React3.useState(false);
|
|
@@ -4137,7 +4137,7 @@ function AgentA2aInfo({
|
|
|
4137
4137
|
] })
|
|
4138
4138
|
] }),
|
|
4139
4139
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4140
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4140
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: fetchAgentCard, disabled: loading, children: loading ? "Loading..." : cardPreview ? "Hide Agent Card" : "Agent Card" }),
|
|
4141
4141
|
cardPreview && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 relative", children: [
|
|
4142
4142
|
/* @__PURE__ */ jsxRuntime.jsx("pre", { className: "rounded bg-muted p-4 text-xs font-mono text-foreground overflow-x-auto max-h-96", children: cardPreview }),
|
|
4143
4143
|
/* @__PURE__ */ jsxRuntime.jsx(CopyButton, { text: cardPreview, className: "absolute top-2 right-2" })
|
|
@@ -4148,10 +4148,10 @@ function AgentA2aInfo({
|
|
|
4148
4148
|
] });
|
|
4149
4149
|
}
|
|
4150
4150
|
function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
|
|
4151
|
-
const { LinkComponent, basePath } =
|
|
4151
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
4152
4152
|
const { mutate } = swr.useSWRConfig();
|
|
4153
4153
|
const cacheKey = `agent-${agentId}`;
|
|
4154
|
-
const { data: agent, error, isLoading } =
|
|
4154
|
+
const { data: agent, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
4155
4155
|
cacheKey,
|
|
4156
4156
|
(client) => client.agents.get(agentId)
|
|
4157
4157
|
);
|
|
@@ -4160,9 +4160,9 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
|
|
|
4160
4160
|
}, [mutate, cacheKey]);
|
|
4161
4161
|
if (isLoading) {
|
|
4162
4162
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
4163
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4164
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-6 gap-4", children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4165
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4163
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-9 w-40" }),
|
|
4164
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-6 gap-4", children: [1, 2, 3, 4, 5, 6].map((i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-20" }, i)) }),
|
|
4165
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 w-full" })
|
|
4166
4166
|
] });
|
|
4167
4167
|
}
|
|
4168
4168
|
if (error) {
|
|
@@ -4176,7 +4176,7 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
|
|
|
4176
4176
|
LinkComponent,
|
|
4177
4177
|
{
|
|
4178
4178
|
href: `${basePath}/agents/${agentId}/playground`,
|
|
4179
|
-
className:
|
|
4179
|
+
className: chunk4XBBDUSZ_cjs.buttonVariants({ variant: "outline", size: "sm" }),
|
|
4180
4180
|
children: "Open Playground"
|
|
4181
4181
|
}
|
|
4182
4182
|
) }),
|
|
@@ -4311,7 +4311,7 @@ function ScheduleCard({
|
|
|
4311
4311
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded border border-muted-foreground/15 p-4 space-y-3", children: [
|
|
4312
4312
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
|
|
4313
4313
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4314
|
-
|
|
4314
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
4315
4315
|
{
|
|
4316
4316
|
value: name,
|
|
4317
4317
|
onChange: (e) => setName(e.target.value),
|
|
@@ -4354,7 +4354,7 @@ function ScheduleCard({
|
|
|
4354
4354
|
}
|
|
4355
4355
|
) }),
|
|
4356
4356
|
showTimePicker && /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: `Time (${timezone})`, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4357
|
-
|
|
4357
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
4358
4358
|
{
|
|
4359
4359
|
type: "time",
|
|
4360
4360
|
value: time,
|
|
@@ -4397,71 +4397,71 @@ function ScheduleCard({
|
|
|
4397
4397
|
|
|
4398
4398
|
Object.defineProperty(exports, "AgentPlaneProvider", {
|
|
4399
4399
|
enumerable: true,
|
|
4400
|
-
get: function () { return
|
|
4400
|
+
get: function () { return chunk4XBBDUSZ_cjs.AgentPlaneProvider; }
|
|
4401
4401
|
});
|
|
4402
4402
|
Object.defineProperty(exports, "Badge", {
|
|
4403
4403
|
enumerable: true,
|
|
4404
|
-
get: function () { return
|
|
4404
|
+
get: function () { return chunk4XBBDUSZ_cjs.Badge; }
|
|
4405
4405
|
});
|
|
4406
4406
|
Object.defineProperty(exports, "Button", {
|
|
4407
4407
|
enumerable: true,
|
|
4408
|
-
get: function () { return
|
|
4408
|
+
get: function () { return chunk4XBBDUSZ_cjs.Button; }
|
|
4409
4409
|
});
|
|
4410
4410
|
Object.defineProperty(exports, "Card", {
|
|
4411
4411
|
enumerable: true,
|
|
4412
|
-
get: function () { return
|
|
4412
|
+
get: function () { return chunk4XBBDUSZ_cjs.Card; }
|
|
4413
4413
|
});
|
|
4414
4414
|
Object.defineProperty(exports, "CardContent", {
|
|
4415
4415
|
enumerable: true,
|
|
4416
|
-
get: function () { return
|
|
4416
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardContent; }
|
|
4417
4417
|
});
|
|
4418
4418
|
Object.defineProperty(exports, "CardDescription", {
|
|
4419
4419
|
enumerable: true,
|
|
4420
|
-
get: function () { return
|
|
4420
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardDescription; }
|
|
4421
4421
|
});
|
|
4422
4422
|
Object.defineProperty(exports, "CardHeader", {
|
|
4423
4423
|
enumerable: true,
|
|
4424
|
-
get: function () { return
|
|
4424
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardHeader; }
|
|
4425
4425
|
});
|
|
4426
4426
|
Object.defineProperty(exports, "CardTitle", {
|
|
4427
4427
|
enumerable: true,
|
|
4428
|
-
get: function () { return
|
|
4428
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardTitle; }
|
|
4429
4429
|
});
|
|
4430
4430
|
Object.defineProperty(exports, "Input", {
|
|
4431
4431
|
enumerable: true,
|
|
4432
|
-
get: function () { return
|
|
4432
|
+
get: function () { return chunk4XBBDUSZ_cjs.Input; }
|
|
4433
4433
|
});
|
|
4434
4434
|
Object.defineProperty(exports, "Skeleton", {
|
|
4435
4435
|
enumerable: true,
|
|
4436
|
-
get: function () { return
|
|
4436
|
+
get: function () { return chunk4XBBDUSZ_cjs.Skeleton; }
|
|
4437
4437
|
});
|
|
4438
4438
|
Object.defineProperty(exports, "badgeVariants", {
|
|
4439
4439
|
enumerable: true,
|
|
4440
|
-
get: function () { return
|
|
4440
|
+
get: function () { return chunk4XBBDUSZ_cjs.badgeVariants; }
|
|
4441
4441
|
});
|
|
4442
4442
|
Object.defineProperty(exports, "buttonVariants", {
|
|
4443
4443
|
enumerable: true,
|
|
4444
|
-
get: function () { return
|
|
4444
|
+
get: function () { return chunk4XBBDUSZ_cjs.buttonVariants; }
|
|
4445
4445
|
});
|
|
4446
4446
|
Object.defineProperty(exports, "cn", {
|
|
4447
4447
|
enumerable: true,
|
|
4448
|
-
get: function () { return
|
|
4448
|
+
get: function () { return chunk4XBBDUSZ_cjs.cn; }
|
|
4449
4449
|
});
|
|
4450
4450
|
Object.defineProperty(exports, "useAgentPlaneClient", {
|
|
4451
4451
|
enumerable: true,
|
|
4452
|
-
get: function () { return
|
|
4452
|
+
get: function () { return chunk4XBBDUSZ_cjs.useAgentPlaneClient; }
|
|
4453
4453
|
});
|
|
4454
4454
|
Object.defineProperty(exports, "useApi", {
|
|
4455
4455
|
enumerable: true,
|
|
4456
|
-
get: function () { return
|
|
4456
|
+
get: function () { return chunk4XBBDUSZ_cjs.useApi; }
|
|
4457
4457
|
});
|
|
4458
4458
|
Object.defineProperty(exports, "useAuthError", {
|
|
4459
4459
|
enumerable: true,
|
|
4460
|
-
get: function () { return
|
|
4460
|
+
get: function () { return chunk4XBBDUSZ_cjs.useAuthError; }
|
|
4461
4461
|
});
|
|
4462
4462
|
Object.defineProperty(exports, "useNavigation", {
|
|
4463
4463
|
enumerable: true,
|
|
4464
|
-
get: function () { return
|
|
4464
|
+
get: function () { return chunk4XBBDUSZ_cjs.useNavigation; }
|
|
4465
4465
|
});
|
|
4466
4466
|
exports.AdminTable = AdminTable;
|
|
4467
4467
|
exports.AdminTableHead = AdminTableHead;
|