@getcatalystiq/agent-plane-ui 0.1.13 → 0.1.15
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 -255
- package/dist/index.js +3 -11
- 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,
|
|
@@ -1698,21 +1698,13 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1698
1698
|
];
|
|
1699
1699
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
1700
1700
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
1701
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3 mb-1", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1702
|
-
LinkComponent,
|
|
1703
|
-
{
|
|
1704
|
-
href: `${basePath}/plugin-marketplaces/${marketplaceId}`,
|
|
1705
|
-
className: "text-muted-foreground hover:text-foreground text-sm",
|
|
1706
|
-
children: "\u2190 Back to marketplace"
|
|
1707
|
-
}
|
|
1708
|
-
) }),
|
|
1709
1701
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
1710
1702
|
/* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-semibold", children: plugin.displayName }),
|
|
1711
|
-
plugin.version && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1703
|
+
plugin.version && /* @__PURE__ */ jsxRuntime.jsxs(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", children: [
|
|
1712
1704
|
"v",
|
|
1713
1705
|
plugin.version
|
|
1714
1706
|
] }),
|
|
1715
|
-
pluginFiles && (pluginFiles.isOwned ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1707
|
+
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
1708
|
] }),
|
|
1717
1709
|
plugin.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: plugin.description })
|
|
1718
1710
|
] }),
|
|
@@ -1722,12 +1714,12 @@ function PluginDetailPage({ marketplaceId, pluginName }) {
|
|
|
1722
1714
|
var TIMEZONES = typeof Intl !== "undefined" && Intl.supportedValuesOf ? Intl.supportedValuesOf("timeZone") : ["UTC"];
|
|
1723
1715
|
function SettingsPage({ initialData, hideDangerZone }) {
|
|
1724
1716
|
const { mutate } = swr.useSWRConfig();
|
|
1725
|
-
const { data: tenantData, error: tenantError, isLoading: tenantLoading } =
|
|
1717
|
+
const { data: tenantData, error: tenantError, isLoading: tenantLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
1726
1718
|
"settings-tenant",
|
|
1727
1719
|
(c) => c.tenants.getMe(),
|
|
1728
1720
|
initialData ? { fallbackData: initialData.tenant } : void 0
|
|
1729
1721
|
);
|
|
1730
|
-
const { data: apiKeysData, error: apiKeysError, isLoading: apiKeysLoading } =
|
|
1722
|
+
const { data: apiKeysData, error: apiKeysError, isLoading: apiKeysLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
1731
1723
|
"settings-keys",
|
|
1732
1724
|
(c) => c.keys.list ? c.keys.list() : Promise.resolve([]),
|
|
1733
1725
|
initialData ? { fallbackData: initialData.api_keys } : void 0
|
|
@@ -1743,8 +1735,8 @@ function SettingsPage({ initialData, hideDangerZone }) {
|
|
|
1743
1735
|
}
|
|
1744
1736
|
if (isLoading || !data) {
|
|
1745
1737
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
1746
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1747
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1738
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-48 rounded-lg" }),
|
|
1739
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 rounded-lg" })
|
|
1748
1740
|
] });
|
|
1749
1741
|
}
|
|
1750
1742
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
|
|
@@ -1760,7 +1752,7 @@ function SettingsPage({ initialData, hideDangerZone }) {
|
|
|
1760
1752
|
] });
|
|
1761
1753
|
}
|
|
1762
1754
|
function CompanyForm({ tenant, onSaved }) {
|
|
1763
|
-
const client =
|
|
1755
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1764
1756
|
const fileInputRef = React3.useRef(null);
|
|
1765
1757
|
const [name, setName] = React3.useState(tenant.name);
|
|
1766
1758
|
const [budget, setBudget] = React3.useState(tenant.monthly_budget_usd.toString());
|
|
@@ -1790,8 +1782,8 @@ function CompanyForm({ tenant, onSaved }) {
|
|
|
1790
1782
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
|
|
1791
1783
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Upload a logo for your company. Recommended size: 256x256px." }),
|
|
1792
1784
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
1793
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1794
|
-
logoUrl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1785
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => fileInputRef.current?.click(), children: "Upload image" }),
|
|
1786
|
+
logoUrl && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => setLogoUrl(""), children: "Remove" }),
|
|
1795
1787
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1796
1788
|
"input",
|
|
1797
1789
|
{
|
|
@@ -1816,14 +1808,14 @@ function CompanyForm({ tenant, onSaved }) {
|
|
|
1816
1808
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
1817
1809
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Company Details" }),
|
|
1818
1810
|
/* @__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(
|
|
1811
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: name, onChange: (e) => setName(e.target.value) }) }),
|
|
1812
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Slug", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { value: tenant.slug, readOnly: true, disabled: true, className: "opacity-60" }) }),
|
|
1813
|
+
/* @__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
1814
|
/* @__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
1815
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Monthly Budget (USD)", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
1824
1816
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground text-sm", children: "$" }),
|
|
1825
1817
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1826
|
-
|
|
1818
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
1827
1819
|
{
|
|
1828
1820
|
type: "number",
|
|
1829
1821
|
step: "0.01",
|
|
@@ -1835,11 +1827,11 @@ function CompanyForm({ tenant, onSaved }) {
|
|
|
1835
1827
|
] }) })
|
|
1836
1828
|
] })
|
|
1837
1829
|
] }),
|
|
1838
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1830
|
+
/* @__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
1831
|
] });
|
|
1840
1832
|
}
|
|
1841
1833
|
function ApiKeysSection({ initialKeys, onChanged }) {
|
|
1842
|
-
const client =
|
|
1834
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1843
1835
|
const [creating, setCreating] = React3.useState(false);
|
|
1844
1836
|
const [newKeyName, setNewKeyName] = React3.useState("default");
|
|
1845
1837
|
const [showCreate, setShowCreate] = React3.useState(false);
|
|
@@ -1876,17 +1868,17 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1876
1868
|
const activeKeys = initialKeys.filter((k) => !k.revoked_at);
|
|
1877
1869
|
const revokedKeys = initialKeys.filter((k) => k.revoked_at);
|
|
1878
1870
|
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(
|
|
1871
|
+
/* @__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
1872
|
rawKey && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 rounded-lg border border-yellow-500/50 bg-yellow-500/10", children: [
|
|
1881
1873
|
/* @__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
1874
|
/* @__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(
|
|
1875
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", className: "mt-2", onClick: () => setRawKey(null), children: "Dismiss" })
|
|
1884
1876
|
] }),
|
|
1885
1877
|
showCreate && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex gap-2 items-end", children: [
|
|
1886
1878
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
|
|
1887
1879
|
/* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Key Name" }),
|
|
1888
1880
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1889
|
-
|
|
1881
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
1890
1882
|
{
|
|
1891
1883
|
value: newKeyName,
|
|
1892
1884
|
onChange: (e) => setNewKeyName(e.target.value),
|
|
@@ -1895,7 +1887,7 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1895
1887
|
}
|
|
1896
1888
|
)
|
|
1897
1889
|
] }),
|
|
1898
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1890
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleCreate, disabled: creating, children: creating ? "Creating..." : "Create" })
|
|
1899
1891
|
] }),
|
|
1900
1892
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
|
|
1901
1893
|
/* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-border bg-muted/50", children: [
|
|
@@ -1913,11 +1905,11 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1913
1905
|
k.key_prefix,
|
|
1914
1906
|
"..."
|
|
1915
1907
|
] }),
|
|
1916
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1908
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "default", children: "active" }) }),
|
|
1917
1909
|
/* @__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
1910
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: new Date(k.created_at).toLocaleDateString() }),
|
|
1919
1911
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1920
|
-
|
|
1912
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
1921
1913
|
{
|
|
1922
1914
|
size: "sm",
|
|
1923
1915
|
variant: "destructive",
|
|
@@ -1932,7 +1924,7 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1932
1924
|
k.key_prefix,
|
|
1933
1925
|
"..."
|
|
1934
1926
|
] }),
|
|
1935
|
-
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1927
|
+
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", children: "revoked" }) }),
|
|
1936
1928
|
/* @__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
1929
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-muted-foreground text-xs", children: new Date(k.created_at).toLocaleDateString() }),
|
|
1938
1930
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3" })
|
|
@@ -1965,8 +1957,8 @@ function ApiKeysSection({ initialKeys, onChanged }) {
|
|
|
1965
1957
|
] });
|
|
1966
1958
|
}
|
|
1967
1959
|
function DangerZone({ tenantId, tenantName }) {
|
|
1968
|
-
const client =
|
|
1969
|
-
const { onNavigate, basePath } =
|
|
1960
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
1961
|
+
const { onNavigate, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
1970
1962
|
const [open, setOpen] = React3.useState(false);
|
|
1971
1963
|
const [deleting, setDeleting] = React3.useState(false);
|
|
1972
1964
|
const [error, setError] = React3.useState("");
|
|
@@ -1989,7 +1981,7 @@ function DangerZone({ tenantId, tenantName }) {
|
|
|
1989
1981
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-destructive", children: "Danger Zone" }),
|
|
1990
1982
|
/* @__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
1983
|
] }),
|
|
1992
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1984
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "destructive", onClick: () => setOpen(true), children: "Delete Company" })
|
|
1993
1985
|
] }),
|
|
1994
1986
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1995
1987
|
ConfirmDialog,
|
|
@@ -2049,7 +2041,7 @@ var TAG_TITLES = {
|
|
|
2049
2041
|
"image-generation": "Image Generation"
|
|
2050
2042
|
};
|
|
2051
2043
|
function ModelSelector({ value, onChange, disabled }) {
|
|
2052
|
-
const client =
|
|
2044
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2053
2045
|
const [open, setOpen] = React3.useState(false);
|
|
2054
2046
|
const [models, setModels] = React3.useState(null);
|
|
2055
2047
|
const [loading, setLoading] = React3.useState(false);
|
|
@@ -2253,7 +2245,7 @@ function ModelSelector({ value, onChange, disabled }) {
|
|
|
2253
2245
|
] });
|
|
2254
2246
|
}
|
|
2255
2247
|
function AddAgentDialog({ onCreated }) {
|
|
2256
|
-
const client =
|
|
2248
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2257
2249
|
const [open, setOpen] = React3.useState(false);
|
|
2258
2250
|
const [saving, setSaving] = React3.useState(false);
|
|
2259
2251
|
const [error, setError] = React3.useState("");
|
|
@@ -2305,7 +2297,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2305
2297
|
}
|
|
2306
2298
|
}
|
|
2307
2299
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2308
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2300
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setOpen(true), children: "+ New Agent" }),
|
|
2309
2301
|
/* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: (v) => {
|
|
2310
2302
|
setOpen(v);
|
|
2311
2303
|
if (!v) resetForm();
|
|
@@ -2313,7 +2305,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2313
2305
|
/* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Agent" }) }),
|
|
2314
2306
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
2315
2307
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2316
|
-
|
|
2308
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2317
2309
|
{
|
|
2318
2310
|
value: form.name,
|
|
2319
2311
|
onChange: (e) => setForm((f) => ({ ...f, name: e.target.value })),
|
|
@@ -2322,7 +2314,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2322
2314
|
}
|
|
2323
2315
|
) }),
|
|
2324
2316
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2325
|
-
|
|
2317
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2326
2318
|
{
|
|
2327
2319
|
value: form.description,
|
|
2328
2320
|
onChange: (e) => setForm((f) => ({ ...f, description: e.target.value })),
|
|
@@ -2336,13 +2328,13 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2336
2328
|
onChange: (modelId) => setForm((f) => ({
|
|
2337
2329
|
...f,
|
|
2338
2330
|
model: modelId,
|
|
2339
|
-
runner:
|
|
2340
|
-
permission_mode:
|
|
2331
|
+
runner: chunk4XBBDUSZ_cjs.supportsClaudeRunner(modelId) ? f.runner : "vercel-ai-sdk",
|
|
2332
|
+
permission_mode: chunk4XBBDUSZ_cjs.supportsClaudeRunner(modelId) ? f.permission_mode : "bypassPermissions"
|
|
2341
2333
|
}))
|
|
2342
2334
|
}
|
|
2343
2335
|
) }),
|
|
2344
2336
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
|
|
2345
|
-
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Runner", children:
|
|
2337
|
+
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Runner", children: chunk4XBBDUSZ_cjs.supportsClaudeRunner(form.model) ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2346
2338
|
Select,
|
|
2347
2339
|
{
|
|
2348
2340
|
value: form.runner || "claude-agent-sdk",
|
|
@@ -2358,7 +2350,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2358
2350
|
{
|
|
2359
2351
|
value: form.permission_mode,
|
|
2360
2352
|
onChange: (e) => setForm((f) => ({ ...f, permission_mode: e.target.value })),
|
|
2361
|
-
disabled: !
|
|
2353
|
+
disabled: !chunk4XBBDUSZ_cjs.supportsClaudeRunner(form.model) || form.runner === "vercel-ai-sdk",
|
|
2362
2354
|
children: [
|
|
2363
2355
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "default", children: "default" }),
|
|
2364
2356
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "acceptEdits", children: "acceptEdits" }),
|
|
@@ -2370,7 +2362,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2370
2362
|
] }),
|
|
2371
2363
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
|
|
2372
2364
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Turns", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2373
|
-
|
|
2365
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2374
2366
|
{
|
|
2375
2367
|
type: "number",
|
|
2376
2368
|
min: "1",
|
|
@@ -2383,7 +2375,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2383
2375
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Budget", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
2384
2376
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: "$" }),
|
|
2385
2377
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2386
|
-
|
|
2378
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2387
2379
|
{
|
|
2388
2380
|
type: "number",
|
|
2389
2381
|
step: "0.01",
|
|
@@ -2398,7 +2390,7 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2398
2390
|
] }) }),
|
|
2399
2391
|
/* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Max Runtime", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
2400
2392
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2401
|
-
|
|
2393
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2402
2394
|
{
|
|
2403
2395
|
type: "number",
|
|
2404
2396
|
min: "1",
|
|
@@ -2415,17 +2407,17 @@ function AddAgentDialog({ onCreated }) {
|
|
|
2415
2407
|
/* @__PURE__ */ jsxRuntime.jsx(FormError, { error })
|
|
2416
2408
|
] }),
|
|
2417
2409
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
2418
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2410
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
|
|
2419
2411
|
setOpen(false);
|
|
2420
2412
|
resetForm();
|
|
2421
2413
|
}, children: "Cancel" }),
|
|
2422
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2414
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { type: "submit", size: "sm", disabled: saving, children: saving ? "Creating..." : "Create Agent" })
|
|
2423
2415
|
] })
|
|
2424
2416
|
] }) }) })
|
|
2425
2417
|
] });
|
|
2426
2418
|
}
|
|
2427
2419
|
function DeleteAgentButton({ agentId, agentName, onDeleted }) {
|
|
2428
|
-
const client =
|
|
2420
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2429
2421
|
const [open, setOpen] = React3.useState(false);
|
|
2430
2422
|
const [deleting, setDeleting] = React3.useState(false);
|
|
2431
2423
|
const [error, setError] = React3.useState("");
|
|
@@ -2444,7 +2436,7 @@ function DeleteAgentButton({ agentId, agentName, onDeleted }) {
|
|
|
2444
2436
|
}
|
|
2445
2437
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2446
2438
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2447
|
-
|
|
2439
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
2448
2440
|
{
|
|
2449
2441
|
size: "sm",
|
|
2450
2442
|
variant: "ghost",
|
|
@@ -2474,9 +2466,9 @@ function DeleteAgentButton({ agentId, agentName, onDeleted }) {
|
|
|
2474
2466
|
] });
|
|
2475
2467
|
}
|
|
2476
2468
|
function AgentListPage() {
|
|
2477
|
-
const { LinkComponent, basePath } =
|
|
2469
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
2478
2470
|
const { mutate } = swr.useSWRConfig();
|
|
2479
|
-
const { data, error, isLoading } =
|
|
2471
|
+
const { data, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
2480
2472
|
"agents",
|
|
2481
2473
|
(client) => client.agents.list()
|
|
2482
2474
|
);
|
|
@@ -2486,8 +2478,8 @@ function AgentListPage() {
|
|
|
2486
2478
|
}, [mutate]);
|
|
2487
2479
|
if (isLoading) {
|
|
2488
2480
|
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(
|
|
2481
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-9 w-32" }),
|
|
2482
|
+
/* @__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
2483
|
] });
|
|
2492
2484
|
}
|
|
2493
2485
|
if (error) {
|
|
@@ -2512,11 +2504,11 @@ function AgentListPage() {
|
|
|
2512
2504
|
agents.map((a) => /* @__PURE__ */ jsxRuntime.jsxs(AdminTableRow, { children: [
|
|
2513
2505
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 font-medium", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
2514
2506
|
/* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/agents/${a.id}`, className: "text-primary hover:underline", children: a.name }),
|
|
2515
|
-
a.a2a_enabled && /* @__PURE__ */ jsxRuntime.jsx(
|
|
2507
|
+
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
2508
|
] }) }),
|
|
2517
2509
|
/* @__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
2510
|
/* @__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(
|
|
2511
|
+
/* @__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
2512
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: (a.skills ?? []).length }),
|
|
2521
2513
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: (a.plugins ?? []).length }),
|
|
2522
2514
|
/* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(DeleteAgentButton, { agentId: a.id, agentName: a.name, onDeleted: invalidate }) })
|
|
@@ -2527,7 +2519,7 @@ function AgentListPage() {
|
|
|
2527
2519
|
] });
|
|
2528
2520
|
}
|
|
2529
2521
|
function AgentEditForm({ agent, onSaved }) {
|
|
2530
|
-
const client =
|
|
2522
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2531
2523
|
const [name, setName] = React3.useState(agent.name);
|
|
2532
2524
|
const [description, setDescription] = React3.useState(agent.description ?? "");
|
|
2533
2525
|
const [model, setModel] = React3.useState(agent.model);
|
|
@@ -2563,13 +2555,13 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2563
2555
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
2564
2556
|
/* @__PURE__ */ jsxRuntime.jsxs(SectionHeader, { title: "Details", children: [
|
|
2565
2557
|
error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-destructive mr-2", children: error }),
|
|
2566
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2558
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : "Save Changes" })
|
|
2567
2559
|
] }),
|
|
2568
2560
|
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
|
|
2569
2561
|
/* @__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(
|
|
2562
|
+
/* @__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
2563
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-4", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2572
|
-
|
|
2564
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
2573
2565
|
{
|
|
2574
2566
|
value: description,
|
|
2575
2567
|
onChange: (e) => setDescription(e.target.value),
|
|
@@ -2584,29 +2576,29 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2584
2576
|
disabled: saving,
|
|
2585
2577
|
onChange: (modelId) => {
|
|
2586
2578
|
setModel(modelId);
|
|
2587
|
-
if (!
|
|
2579
|
+
if (!chunk4XBBDUSZ_cjs.supportsClaudeRunner(modelId)) {
|
|
2588
2580
|
setRunner("vercel-ai-sdk");
|
|
2589
2581
|
setPermissionMode("bypassPermissions");
|
|
2590
2582
|
}
|
|
2591
2583
|
}
|
|
2592
2584
|
}
|
|
2593
2585
|
) }) }),
|
|
2594
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Runner", children:
|
|
2586
|
+
/* @__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
2587
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "claude-agent-sdk", children: "Claude SDK" }),
|
|
2596
2588
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "vercel-ai-sdk", children: "AI SDK" })
|
|
2597
2589
|
] }) : /* @__PURE__ */ jsxRuntime.jsx(Select, { value: "vercel-ai-sdk", disabled: true, children: /* @__PURE__ */ jsxRuntime.jsx("option", { value: "vercel-ai-sdk", children: "AI SDK" }) }) }) })
|
|
2598
2590
|
] }),
|
|
2599
2591
|
/* @__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(
|
|
2592
|
+
/* @__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
2593
|
/* @__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
2594
|
/* @__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(
|
|
2595
|
+
/* @__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
2596
|
] }) }) }),
|
|
2605
2597
|
/* @__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(
|
|
2598
|
+
/* @__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
2599
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: "min" })
|
|
2608
2600
|
] }) }) }),
|
|
2609
|
-
|
|
2601
|
+
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
2602
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "default", children: "default" }),
|
|
2611
2603
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "acceptEdits", children: "acceptEdits" }),
|
|
2612
2604
|
/* @__PURE__ */ jsxRuntime.jsx("option", { value: "bypassPermissions", children: "bypassPermissions" }),
|
|
@@ -2617,7 +2609,7 @@ function AgentEditForm({ agent, onSaved }) {
|
|
|
2617
2609
|
] });
|
|
2618
2610
|
}
|
|
2619
2611
|
function ToolkitMultiselect({ value, onChange }) {
|
|
2620
|
-
const client =
|
|
2612
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2621
2613
|
const [open, setOpen] = React3.useState(false);
|
|
2622
2614
|
const [search, setSearch] = React3.useState("");
|
|
2623
2615
|
const [toolkits, setToolkits] = React3.useState([]);
|
|
@@ -2743,7 +2735,7 @@ function ToolsModal({
|
|
|
2743
2735
|
onOpenChange,
|
|
2744
2736
|
onSave
|
|
2745
2737
|
}) {
|
|
2746
|
-
const client =
|
|
2738
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2747
2739
|
const [tools, setTools] = React3.useState([]);
|
|
2748
2740
|
const [loading, setLoading] = React3.useState(false);
|
|
2749
2741
|
const [search, setSearch] = React3.useState("");
|
|
@@ -2814,7 +2806,7 @@ function ToolsModal({
|
|
|
2814
2806
|
] })
|
|
2815
2807
|
] }),
|
|
2816
2808
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
2817
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2809
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { placeholder: "Search tools...", value: search, onChange: (e) => setSearch(e.target.value), className: "h-8 text-sm" }),
|
|
2818
2810
|
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
2811
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
|
|
2820
2812
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: selected.size === 0 ? "All tools (no filter)" : `${selected.size} / ${tools.length} selected` }),
|
|
@@ -2833,8 +2825,8 @@ function ToolsModal({
|
|
|
2833
2825
|
] })
|
|
2834
2826
|
] }),
|
|
2835
2827
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
2836
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2837
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2828
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
|
|
2829
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleSave, disabled: saving || loading, children: saving ? "Saving..." : "Save" })
|
|
2838
2830
|
] })
|
|
2839
2831
|
] }) });
|
|
2840
2832
|
}
|
|
@@ -2848,7 +2840,7 @@ function McpToolsModal({
|
|
|
2848
2840
|
onOpenChange,
|
|
2849
2841
|
onSave
|
|
2850
2842
|
}) {
|
|
2851
|
-
const client =
|
|
2843
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2852
2844
|
const [tools, setTools] = React3.useState([]);
|
|
2853
2845
|
const [loading, setLoading] = React3.useState(false);
|
|
2854
2846
|
const [search, setSearch] = React3.useState("");
|
|
@@ -2921,7 +2913,7 @@ function McpToolsModal({
|
|
|
2921
2913
|
] })
|
|
2922
2914
|
] }),
|
|
2923
2915
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
|
|
2924
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2916
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Input, { placeholder: "Search tools...", value: search, onChange: (e) => setSearch(e.target.value), className: "h-8 text-sm" }),
|
|
2925
2917
|
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
2918
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
|
|
2927
2919
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: selected.size === 0 ? "All tools (no filter)" : `${selected.size} / ${tools.length} selected` }),
|
|
@@ -2940,13 +2932,13 @@ function McpToolsModal({
|
|
|
2940
2932
|
] })
|
|
2941
2933
|
] }),
|
|
2942
2934
|
/* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
|
|
2943
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2944
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2935
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
|
|
2936
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleSave, disabled: saving || loading, children: saving ? "Saving..." : "Save" })
|
|
2945
2937
|
] })
|
|
2946
2938
|
] }) });
|
|
2947
2939
|
}
|
|
2948
2940
|
function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAllowedTools: initialAllowedTools, onChanged }) {
|
|
2949
|
-
const client =
|
|
2941
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
2950
2942
|
const [localToolkits, setLocalToolkits] = React3.useState(initialToolkits);
|
|
2951
2943
|
const [connectors, setConnectors] = React3.useState([]);
|
|
2952
2944
|
const [loading, setLoading] = React3.useState(true);
|
|
@@ -3193,7 +3185,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3193
3185
|
),
|
|
3194
3186
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
3195
3187
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Connectors", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3196
|
-
|
|
3188
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3197
3189
|
{
|
|
3198
3190
|
size: "sm",
|
|
3199
3191
|
variant: "outline",
|
|
@@ -3212,11 +3204,11 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3212
3204
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
|
|
3213
3205
|
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
3206
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate", children: s.name }),
|
|
3215
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3207
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-xs flex-shrink-0 ml-auto", children: s.slug })
|
|
3216
3208
|
] }),
|
|
3217
3209
|
s.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: s.description }),
|
|
3218
3210
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3219
|
-
|
|
3211
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3220
3212
|
{
|
|
3221
3213
|
size: "sm",
|
|
3222
3214
|
variant: "outline",
|
|
@@ -3228,8 +3220,8 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3228
3220
|
)
|
|
3229
3221
|
] }, s.id)) }),
|
|
3230
3222
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
|
|
3231
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3232
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3223
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", variant: "ghost", onClick: () => setShowAdd(false), children: "Cancel" }),
|
|
3224
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: handleApplyAdd, disabled: applyingToolkits, children: applyingToolkits ? "Saving..." : "Apply" })
|
|
3233
3225
|
] })
|
|
3234
3226
|
] }),
|
|
3235
3227
|
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 +3229,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3237
3229
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
3238
3230
|
c.logo && /* @__PURE__ */ jsxRuntime.jsx("img", { src: c.logo, alt: "", className: "w-5 h-5 rounded-sm object-contain flex-shrink-0" }),
|
|
3239
3231
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate flex-1", children: c.name }),
|
|
3240
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3232
|
+
/* @__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
3233
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3242
3234
|
"button",
|
|
3243
3235
|
{
|
|
@@ -3269,7 +3261,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3269
3261
|
(c.authScheme ?? c.auth_scheme) === "API_KEY" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 mt-auto", children: [
|
|
3270
3262
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
3271
3263
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3272
|
-
|
|
3264
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
3273
3265
|
{
|
|
3274
3266
|
type: "password",
|
|
3275
3267
|
placeholder: c.connected || c.connectionStatus === "ACTIVE" ? "Update API key\u2026" : "Enter API key\u2026",
|
|
@@ -3279,7 +3271,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3279
3271
|
}
|
|
3280
3272
|
),
|
|
3281
3273
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3282
|
-
|
|
3274
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3283
3275
|
{
|
|
3284
3276
|
size: "sm",
|
|
3285
3277
|
variant: "outline",
|
|
@@ -3292,14 +3284,14 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3292
3284
|
] }),
|
|
3293
3285
|
/* @__PURE__ */ jsxRuntime.jsx(FormError, { error: errors[c.slug] })
|
|
3294
3286
|
] }),
|
|
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(
|
|
3287
|
+
((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" }),
|
|
3288
|
+
((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
3289
|
] }, `composio-${c.slug}`)),
|
|
3298
3290
|
mcpConnections.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-border p-3 flex flex-col gap-2", children: [
|
|
3299
3291
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
3300
3292
|
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
3293
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium truncate flex-1", children: c.server_name }),
|
|
3302
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3294
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "outline", className: "text-xs flex-shrink-0", children: c.server_slug }),
|
|
3303
3295
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3304
3296
|
"button",
|
|
3305
3297
|
{
|
|
@@ -3322,7 +3314,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3322
3314
|
}
|
|
3323
3315
|
),
|
|
3324
3316
|
(c.status === "expired" || c.status === "failed") && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3325
|
-
|
|
3317
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3326
3318
|
{
|
|
3327
3319
|
size: "sm",
|
|
3328
3320
|
variant: "ghost",
|
|
@@ -3370,7 +3362,7 @@ function AgentConnectorsManager({ agentId, toolkits: initialToolkits, composioAl
|
|
|
3370
3362
|
)
|
|
3371
3363
|
] });
|
|
3372
3364
|
}
|
|
3373
|
-
var CodeEditor = React3.lazy(() => import('./code-editor-
|
|
3365
|
+
var CodeEditor = React3.lazy(() => import('./code-editor-ZYP54YUT.cjs'));
|
|
3374
3366
|
function buildTree(files) {
|
|
3375
3367
|
const rootFiles = [];
|
|
3376
3368
|
const dirMap = /* @__PURE__ */ new Map();
|
|
@@ -3598,7 +3590,7 @@ function FileTreeEditor({
|
|
|
3598
3590
|
}),
|
|
3599
3591
|
!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
3592
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3601
|
-
|
|
3593
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
3602
3594
|
{
|
|
3603
3595
|
value: newFileName,
|
|
3604
3596
|
onChange: (e) => setNewFileName(e.target.value),
|
|
@@ -3608,7 +3600,7 @@ function FileTreeEditor({
|
|
|
3608
3600
|
autoFocus: true
|
|
3609
3601
|
}
|
|
3610
3602
|
),
|
|
3611
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3603
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: () => addFileInDir(node.fullPath), size: "sm", className: "h-6 text-xs px-2", children: "+" })
|
|
3612
3604
|
] }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
3613
3605
|
"button",
|
|
3614
3606
|
{
|
|
@@ -3627,10 +3619,10 @@ function FileTreeEditor({
|
|
|
3627
3619
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
|
|
3628
3620
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
3629
3621
|
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: title }),
|
|
3630
|
-
isDirty && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3631
|
-
readOnly && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3622
|
+
isDirty && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", className: "text-xs", children: "Unsaved changes" }),
|
|
3623
|
+
readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-xs", children: "Read-only" })
|
|
3632
3624
|
] }),
|
|
3633
|
-
!readOnly && !hideSave && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3625
|
+
!readOnly && !hideSave && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : saveLabel })
|
|
3634
3626
|
] }),
|
|
3635
3627
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 min-h-[500px]", children: [
|
|
3636
3628
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-64 shrink-0 border border-border rounded-md overflow-hidden", children: [
|
|
@@ -3650,7 +3642,7 @@ function FileTreeEditor({
|
|
|
3650
3642
|
] }),
|
|
3651
3643
|
showAddFolder && !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-2 border-b border-border flex gap-1", children: [
|
|
3652
3644
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3653
|
-
|
|
3645
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
3654
3646
|
{
|
|
3655
3647
|
value: newFolderName,
|
|
3656
3648
|
onChange: (e) => setNewFolderName(e.target.value),
|
|
@@ -3660,7 +3652,7 @@ function FileTreeEditor({
|
|
|
3660
3652
|
autoFocus: true
|
|
3661
3653
|
}
|
|
3662
3654
|
),
|
|
3663
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3655
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: addFolder, size: "sm", className: "h-7 text-xs px-2", children: "Add" })
|
|
3664
3656
|
] }),
|
|
3665
3657
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm overflow-y-auto", children: [
|
|
3666
3658
|
tree.rootFiles.map((file) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -3708,7 +3700,7 @@ function FileTreeEditor({
|
|
|
3708
3700
|
] });
|
|
3709
3701
|
}
|
|
3710
3702
|
function AgentSkillManager({ agentId, initialSkills, onSaved }) {
|
|
3711
|
-
const client =
|
|
3703
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
3712
3704
|
const initialFiles = React3.useMemo(
|
|
3713
3705
|
() => initialSkills.flatMap(
|
|
3714
3706
|
(s) => s.files.map((f) => ({
|
|
@@ -3754,7 +3746,7 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
|
|
|
3754
3746
|
);
|
|
3755
3747
|
}
|
|
3756
3748
|
function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
3757
|
-
const client =
|
|
3749
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
3758
3750
|
const [plugins, setPlugins] = React3.useState(initialPlugins);
|
|
3759
3751
|
const [saving, setSaving] = React3.useState(false);
|
|
3760
3752
|
const [dialogOpen, setDialogOpen] = React3.useState(false);
|
|
@@ -3827,10 +3819,10 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3827
3819
|
}
|
|
3828
3820
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-muted-foreground/25 p-5", children: [
|
|
3829
3821
|
/* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Plugins", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
|
|
3830
|
-
isDirty && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3822
|
+
isDirty && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "destructive", className: "text-xs", children: "Unsaved changes" }),
|
|
3831
3823
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
|
|
3832
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3833
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3824
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: () => setDialogOpen(true), children: "Add Plugins" }),
|
|
3825
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : "Save Plugins" })
|
|
3834
3826
|
] })
|
|
3835
3827
|
] }) }),
|
|
3836
3828
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -3847,7 +3839,7 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3847
3839
|
] })
|
|
3848
3840
|
] }),
|
|
3849
3841
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3850
|
-
|
|
3842
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3851
3843
|
{
|
|
3852
3844
|
variant: "ghost",
|
|
3853
3845
|
size: "sm",
|
|
@@ -3864,7 +3856,7 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3864
3856
|
/* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Plugins" }) }),
|
|
3865
3857
|
/* @__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
3858
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 flex-wrap", children: marketplaces.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3867
|
-
|
|
3859
|
+
chunk4XBBDUSZ_cjs.Button,
|
|
3868
3860
|
{
|
|
3869
3861
|
size: "sm",
|
|
3870
3862
|
variant: selectedMarketplace === m.id ? "default" : "outline",
|
|
@@ -3891,9 +3883,9 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3891
3883
|
] }),
|
|
3892
3884
|
ap.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground truncate", children: ap.description }),
|
|
3893
3885
|
/* @__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(
|
|
3886
|
+
ap.hasAgents && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-[10px] px-1 py-0", children: "Agents" }),
|
|
3887
|
+
ap.hasSkills && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-[10px] px-1 py-0", children: "Skills" }),
|
|
3888
|
+
ap.hasMcpJson && /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Badge, { variant: "secondary", className: "text-[10px] px-1 py-0", children: "MCP" })
|
|
3897
3889
|
] })
|
|
3898
3890
|
] }),
|
|
3899
3891
|
/* @__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 +3895,20 @@ function AgentPluginManager({ agentId, initialPlugins, onSaved }) {
|
|
|
3903
3895
|
);
|
|
3904
3896
|
}) })
|
|
3905
3897
|
] }) }),
|
|
3906
|
-
/* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3898
|
+
/* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { size: "sm", onClick: () => setDialogOpen(false), children: "Done" }) })
|
|
3907
3899
|
] }) })
|
|
3908
3900
|
] })
|
|
3909
3901
|
] });
|
|
3910
3902
|
}
|
|
3911
3903
|
function AgentRuns({ agentId }) {
|
|
3912
|
-
const { LinkComponent, basePath } =
|
|
3913
|
-
const { data, error, isLoading } =
|
|
3904
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
3905
|
+
const { data, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
3914
3906
|
`agent-runs-${agentId}`,
|
|
3915
3907
|
(client) => client.runs.list({ agent_id: agentId, limit: 50 })
|
|
3916
3908
|
);
|
|
3917
3909
|
const runs = data?.data ?? [];
|
|
3918
3910
|
if (isLoading) {
|
|
3919
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3911
|
+
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
3912
|
}
|
|
3921
3913
|
if (error) {
|
|
3922
3914
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-destructive text-sm py-4 text-center", children: [
|
|
@@ -3968,7 +3960,7 @@ function AgentA2aInfo({
|
|
|
3968
3960
|
initialTags,
|
|
3969
3961
|
onChanged
|
|
3970
3962
|
}) {
|
|
3971
|
-
const client =
|
|
3963
|
+
const client = chunk4XBBDUSZ_cjs.useAgentPlaneClient();
|
|
3972
3964
|
const [enabled, setEnabled] = React3.useState(initialEnabled);
|
|
3973
3965
|
const [toggling, setToggling] = React3.useState(false);
|
|
3974
3966
|
const [detailsOpen, setDetailsOpen] = React3.useState(false);
|
|
@@ -4137,7 +4129,7 @@ function AgentA2aInfo({
|
|
|
4137
4129
|
] })
|
|
4138
4130
|
] }),
|
|
4139
4131
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
4140
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4132
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Button, { variant: "outline", size: "sm", onClick: fetchAgentCard, disabled: loading, children: loading ? "Loading..." : cardPreview ? "Hide Agent Card" : "Agent Card" }),
|
|
4141
4133
|
cardPreview && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 relative", children: [
|
|
4142
4134
|
/* @__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
4135
|
/* @__PURE__ */ jsxRuntime.jsx(CopyButton, { text: cardPreview, className: "absolute top-2 right-2" })
|
|
@@ -4148,10 +4140,10 @@ function AgentA2aInfo({
|
|
|
4148
4140
|
] });
|
|
4149
4141
|
}
|
|
4150
4142
|
function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
|
|
4151
|
-
const { LinkComponent, basePath } =
|
|
4143
|
+
const { LinkComponent, basePath } = chunk4XBBDUSZ_cjs.useNavigation();
|
|
4152
4144
|
const { mutate } = swr.useSWRConfig();
|
|
4153
4145
|
const cacheKey = `agent-${agentId}`;
|
|
4154
|
-
const { data: agent, error, isLoading } =
|
|
4146
|
+
const { data: agent, error, isLoading } = chunk4XBBDUSZ_cjs.useApi(
|
|
4155
4147
|
cacheKey,
|
|
4156
4148
|
(client) => client.agents.get(agentId)
|
|
4157
4149
|
);
|
|
@@ -4160,9 +4152,9 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
|
|
|
4160
4152
|
}, [mutate, cacheKey]);
|
|
4161
4153
|
if (isLoading) {
|
|
4162
4154
|
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(
|
|
4155
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-9 w-40" }),
|
|
4156
|
+
/* @__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)) }),
|
|
4157
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunk4XBBDUSZ_cjs.Skeleton, { className: "h-64 w-full" })
|
|
4166
4158
|
] });
|
|
4167
4159
|
}
|
|
4168
4160
|
if (error) {
|
|
@@ -4176,7 +4168,7 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
|
|
|
4176
4168
|
LinkComponent,
|
|
4177
4169
|
{
|
|
4178
4170
|
href: `${basePath}/agents/${agentId}/playground`,
|
|
4179
|
-
className:
|
|
4171
|
+
className: chunk4XBBDUSZ_cjs.buttonVariants({ variant: "outline", size: "sm" }),
|
|
4180
4172
|
children: "Open Playground"
|
|
4181
4173
|
}
|
|
4182
4174
|
) }),
|
|
@@ -4311,7 +4303,7 @@ function ScheduleCard({
|
|
|
4311
4303
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded border border-muted-foreground/15 p-4 space-y-3", children: [
|
|
4312
4304
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
|
|
4313
4305
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4314
|
-
|
|
4306
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
4315
4307
|
{
|
|
4316
4308
|
value: name,
|
|
4317
4309
|
onChange: (e) => setName(e.target.value),
|
|
@@ -4354,7 +4346,7 @@ function ScheduleCard({
|
|
|
4354
4346
|
}
|
|
4355
4347
|
) }),
|
|
4356
4348
|
showTimePicker && /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: `Time (${timezone})`, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4357
|
-
|
|
4349
|
+
chunk4XBBDUSZ_cjs.Input,
|
|
4358
4350
|
{
|
|
4359
4351
|
type: "time",
|
|
4360
4352
|
value: time,
|
|
@@ -4397,71 +4389,71 @@ function ScheduleCard({
|
|
|
4397
4389
|
|
|
4398
4390
|
Object.defineProperty(exports, "AgentPlaneProvider", {
|
|
4399
4391
|
enumerable: true,
|
|
4400
|
-
get: function () { return
|
|
4392
|
+
get: function () { return chunk4XBBDUSZ_cjs.AgentPlaneProvider; }
|
|
4401
4393
|
});
|
|
4402
4394
|
Object.defineProperty(exports, "Badge", {
|
|
4403
4395
|
enumerable: true,
|
|
4404
|
-
get: function () { return
|
|
4396
|
+
get: function () { return chunk4XBBDUSZ_cjs.Badge; }
|
|
4405
4397
|
});
|
|
4406
4398
|
Object.defineProperty(exports, "Button", {
|
|
4407
4399
|
enumerable: true,
|
|
4408
|
-
get: function () { return
|
|
4400
|
+
get: function () { return chunk4XBBDUSZ_cjs.Button; }
|
|
4409
4401
|
});
|
|
4410
4402
|
Object.defineProperty(exports, "Card", {
|
|
4411
4403
|
enumerable: true,
|
|
4412
|
-
get: function () { return
|
|
4404
|
+
get: function () { return chunk4XBBDUSZ_cjs.Card; }
|
|
4413
4405
|
});
|
|
4414
4406
|
Object.defineProperty(exports, "CardContent", {
|
|
4415
4407
|
enumerable: true,
|
|
4416
|
-
get: function () { return
|
|
4408
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardContent; }
|
|
4417
4409
|
});
|
|
4418
4410
|
Object.defineProperty(exports, "CardDescription", {
|
|
4419
4411
|
enumerable: true,
|
|
4420
|
-
get: function () { return
|
|
4412
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardDescription; }
|
|
4421
4413
|
});
|
|
4422
4414
|
Object.defineProperty(exports, "CardHeader", {
|
|
4423
4415
|
enumerable: true,
|
|
4424
|
-
get: function () { return
|
|
4416
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardHeader; }
|
|
4425
4417
|
});
|
|
4426
4418
|
Object.defineProperty(exports, "CardTitle", {
|
|
4427
4419
|
enumerable: true,
|
|
4428
|
-
get: function () { return
|
|
4420
|
+
get: function () { return chunk4XBBDUSZ_cjs.CardTitle; }
|
|
4429
4421
|
});
|
|
4430
4422
|
Object.defineProperty(exports, "Input", {
|
|
4431
4423
|
enumerable: true,
|
|
4432
|
-
get: function () { return
|
|
4424
|
+
get: function () { return chunk4XBBDUSZ_cjs.Input; }
|
|
4433
4425
|
});
|
|
4434
4426
|
Object.defineProperty(exports, "Skeleton", {
|
|
4435
4427
|
enumerable: true,
|
|
4436
|
-
get: function () { return
|
|
4428
|
+
get: function () { return chunk4XBBDUSZ_cjs.Skeleton; }
|
|
4437
4429
|
});
|
|
4438
4430
|
Object.defineProperty(exports, "badgeVariants", {
|
|
4439
4431
|
enumerable: true,
|
|
4440
|
-
get: function () { return
|
|
4432
|
+
get: function () { return chunk4XBBDUSZ_cjs.badgeVariants; }
|
|
4441
4433
|
});
|
|
4442
4434
|
Object.defineProperty(exports, "buttonVariants", {
|
|
4443
4435
|
enumerable: true,
|
|
4444
|
-
get: function () { return
|
|
4436
|
+
get: function () { return chunk4XBBDUSZ_cjs.buttonVariants; }
|
|
4445
4437
|
});
|
|
4446
4438
|
Object.defineProperty(exports, "cn", {
|
|
4447
4439
|
enumerable: true,
|
|
4448
|
-
get: function () { return
|
|
4440
|
+
get: function () { return chunk4XBBDUSZ_cjs.cn; }
|
|
4449
4441
|
});
|
|
4450
4442
|
Object.defineProperty(exports, "useAgentPlaneClient", {
|
|
4451
4443
|
enumerable: true,
|
|
4452
|
-
get: function () { return
|
|
4444
|
+
get: function () { return chunk4XBBDUSZ_cjs.useAgentPlaneClient; }
|
|
4453
4445
|
});
|
|
4454
4446
|
Object.defineProperty(exports, "useApi", {
|
|
4455
4447
|
enumerable: true,
|
|
4456
|
-
get: function () { return
|
|
4448
|
+
get: function () { return chunk4XBBDUSZ_cjs.useApi; }
|
|
4457
4449
|
});
|
|
4458
4450
|
Object.defineProperty(exports, "useAuthError", {
|
|
4459
4451
|
enumerable: true,
|
|
4460
|
-
get: function () { return
|
|
4452
|
+
get: function () { return chunk4XBBDUSZ_cjs.useAuthError; }
|
|
4461
4453
|
});
|
|
4462
4454
|
Object.defineProperty(exports, "useNavigation", {
|
|
4463
4455
|
enumerable: true,
|
|
4464
|
-
get: function () { return
|
|
4456
|
+
get: function () { return chunk4XBBDUSZ_cjs.useNavigation; }
|
|
4465
4457
|
});
|
|
4466
4458
|
exports.AdminTable = AdminTable;
|
|
4467
4459
|
exports.AdminTableHead = AdminTableHead;
|