@getcatalystiq/agent-plane-ui 0.1.7 → 0.1.9

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getcatalystiq/agent-plane-ui",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Embeddable React component library for AgentPlane",
   "type": "module",
   "exports": {