@getcatalystiq/agent-plane-ui 0.1.7 → 0.1.9

package/dist/charts.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DailyAgentStat {
+    date: string;
+    agent_name: string;
+    run_count: number;
+    cost_usd: number;
+}
+declare function RunCharts({ stats }: {
+    stats: DailyAgentStat[];
+}): react_jsx_runtime.JSX.Element;
+
+export { type DailyAgentStat, RunCharts };

package/dist/charts.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DailyAgentStat {
+    date: string;
+    agent_name: string;
+    run_count: number;
+    cost_usd: number;
+}
+declare function RunCharts({ stats }: {
+    stats: DailyAgentStat[];
+}): react_jsx_runtime.JSX.Element;
+
+export { type DailyAgentStat, RunCharts };

package/dist/editor.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/editor.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/index.cjs

@@ -1213,7 +1213,7 @@ function McpServerListPage({ initialData }) {
         servers.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyRow, { colSpan: 8, children: 'No custom connectors registered. Click "+ New Connector" to add one.' })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showCreate, onOpenChange: setShowCreate, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showCreate, onOpenChange: setShowCreate, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-lg", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Register Connector" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
         createError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: createError }),
@@ -1230,7 +1230,7 @@ function McpServerListPage({ initialData }) {
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: !!editTarget, onOpenChange: (open) => {
       if (!open) setEditTarget(null);
-    }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { children: [
+    }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-lg", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Edit Connector" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
         editError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", children: editError }),
@@ -1295,17 +1295,25 @@ function PluginMarketplaceListPage({ initialData }) {
   );
   const [showAdd, setShowAdd] = React3.useState(false);
   const [adding, setAdding] = React3.useState(false);
+  const [addError, setAddError] = React3.useState("");
   const [newMarketplace, setNewMarketplace] = React3.useState({ name: "", github_repo: "" });
   const [deleteTarget, setDeleteTarget] = React3.useState(null);
   const [deleting, setDeleting] = React3.useState(false);
   const [deleteError, setDeleteError] = React3.useState("");
+  function resetAddForm() {
+    setNewMarketplace({ name: "", github_repo: "" });
+    setAddError("");
+  }
   async function handleAdd() {
     setAdding(true);
+    setAddError("");
     try {
       await client.pluginMarketplaces.create(newMarketplace);
       setShowAdd(false);
-      setNewMarketplace({ name: "", github_repo: "" });
+      resetAddForm();
       mutate("plugin-marketplaces");
+    } catch (err) {
+      setAddError(err?.message ?? "Failed to add marketplace");
     } finally {
       setAdding(false);
     }
@@ -1334,14 +1342,39 @@ function PluginMarketplaceListPage({ initialData }) {
     return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-96 rounded-lg" });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowAdd(!showAdd), children: showAdd ? "Cancel" : "Add Marketplace" }) }),
-    showAdd && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-border p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Name", value: newMarketplace.name, onChange: (e) => setNewMarketplace({ ...newMarketplace, name: e.target.value }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "GitHub Repo (owner/repo)", value: newMarketplace.github_repo, onChange: (e) => setNewMarketplace({ ...newMarketplace, github_repo: e.target.value }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowAdd(true), children: "+ Add Marketplace" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showAdd, onOpenChange: (v) => {
+      setShowAdd(v);
+      if (!v) resetAddForm();
+    }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Marketplace" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogBody, { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            value: newMarketplace.name,
+            onChange: (e) => setNewMarketplace({ ...newMarketplace, name: e.target.value }),
+            placeholder: "My Marketplace"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "GitHub Repo", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            value: newMarketplace.github_repo,
+            onChange: (e) => setNewMarketplace({ ...newMarketplace, github_repo: e.target.value }),
+            placeholder: "owner/repo"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormError, { error: addError })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handleAdd, disabled: adding || !newMarketplace.name || !newMarketplace.github_repo, children: adding ? "Adding..." : "Add Marketplace" })
-    ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: () => {
+          setShowAdd(false);
+          resetAddForm();
+        }, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handleAdd, disabled: adding || !newMarketplace.name || !newMarketplace.github_repo, children: adding ? "Adding..." : "Add Marketplace" })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(AdminTable, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(AdminTableHead, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Name" }),
@@ -1423,7 +1456,7 @@ function PluginMarketplaceDetailPage({ marketplaceId, initialData, initialPlugin
     (c) => c.pluginMarketplaces.get(marketplaceId),
     initialData ? { fallbackData: initialData } : void 0
   );
-  const { data: pluginsResult } = useApi(
+  const { data: plugins } = useApi(
     `marketplace-${marketplaceId}-plugins`,
     (c) => c.pluginMarketplaces.listPlugins(marketplaceId),
     initialPlugins ? { fallbackData: initialPlugins } : void 0
@@ -1489,10 +1522,7 @@ function PluginMarketplaceDetailPage({ marketplaceId, initialData, initialPlugin
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx(SectionHeader, { title: "Plugins" }),
-      !pluginsResult ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-48 rounded-lg" }) : !pluginsResult.ok ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-destructive", children: [
-        "Failed to load plugins: ",
-        pluginsResult.message
-      ] }) : pluginsResult.data.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: pluginsResult.data.map((plugin) => /* @__PURE__ */ jsxRuntime.jsx(
+      !plugins ? /* @__PURE__ */ jsxRuntime.jsx(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(
         LinkComponent,
         {
           href: `${basePath}/plugin-marketplaces/${marketplaceId}/plugins/${plugin.name}`,