@getcatalystiq/agent-plane-ui 0.1.6 → 0.1.7

package/dist/index.cjs

@@ -1091,6 +1091,7 @@ function CancelRunButton({ runId, onCancelled }) {
     ] }) })
   ] });
 }
+var emptyForm = { name: "", slug: "", description: "", base_url: "", mcp_endpoint_path: "/mcp" };
 function McpServerListPage({ initialData }) {
   const { mutate } = useSWR.useSWRConfig();
   const client = useAgentPlaneClient();
@@ -1099,21 +1100,48 @@ function McpServerListPage({ initialData }) {
     (c) => c.customConnectors.listServers(),
     initialData ? { fallbackData: initialData } : void 0
   );
-  const [showAdd, setShowAdd] = React3.useState(false);
-  const [adding, setAdding] = React3.useState(false);
-  const [newServer, setNewServer] = React3.useState({ name: "", slug: "", description: "", base_url: "", mcp_endpoint_path: "/mcp" });
+  const [showCreate, setShowCreate] = React3.useState(false);
+  const [creating, setCreating] = React3.useState(false);
+  const [createForm, setCreateForm] = React3.useState(emptyForm);
+  const [createError, setCreateError] = React3.useState("");
+  const [editTarget, setEditTarget] = React3.useState(null);
+  const [editing, setEditing] = React3.useState(false);
+  const [editForm, setEditForm] = React3.useState({ name: "", description: "" });
+  const [editError, setEditError] = React3.useState("");
   const [deleteTarget, setDeleteTarget] = React3.useState(null);
   const [deleting, setDeleting] = React3.useState(false);
   const [deleteError, setDeleteError] = React3.useState("");
-  async function handleAdd() {
-    setAdding(true);
+  async function handleCreate() {
+    setCreating(true);
+    setCreateError("");
     try {
-      await client.customConnectors.createServer(newServer);
-      setShowAdd(false);
-      setNewServer({ name: "", slug: "", description: "", base_url: "", mcp_endpoint_path: "/mcp" });
+      await client.customConnectors.createServer(createForm);
+      setShowCreate(false);
+      setCreateForm(emptyForm);
       mutate("mcp-servers");
+    } catch (err) {
+      setCreateError(err instanceof Error ? err.message : "Failed to create");
     } finally {
-      setAdding(false);
+      setCreating(false);
+    }
+  }
+  function openEdit(server) {
+    setEditTarget(server);
+    setEditForm({ name: server.name, description: server.description });
+    setEditError("");
+  }
+  async function handleEdit() {
+    if (!editTarget) return;
+    setEditing(true);
+    setEditError("");
+    try {
+      await client.customConnectors.updateServer(editTarget.id, editForm);
+      setEditTarget(null);
+      mutate("mcp-servers");
+    } catch (err) {
+      setEditError(err instanceof Error ? err.message : "Failed to update");
+    } finally {
+      setEditing(false);
     }
   }
   async function handleDelete() {
@@ -1132,7 +1160,7 @@ function McpServerListPage({ initialData }) {
   }
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-[40vh]", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-destructive", children: [
-      "Failed to load MCP servers: ",
+      "Failed to load connectors: ",
       error.message
     ] }) });
   }
@@ -1140,17 +1168,7 @@ function McpServerListPage({ 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" : "Register Connector" }) }),
-    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: newServer.name, onChange: (e) => setNewServer({ ...newServer, name: e.target.value }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Slug", value: newServer.slug, onChange: (e) => setNewServer({ ...newServer, slug: e.target.value }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Description", value: newServer.description, onChange: (e) => setNewServer({ ...newServer, description: e.target.value }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Base URL", value: newServer.base_url, onChange: (e) => setNewServer({ ...newServer, base_url: e.target.value }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "MCP Endpoint Path", value: newServer.mcp_endpoint_path, onChange: (e) => setNewServer({ ...newServer, mcp_endpoint_path: e.target.value }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handleAdd, disabled: adding || !newServer.name || !newServer.base_url, children: adding ? "Adding..." : "Add Server" })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowCreate(true), children: "+ New Connector" }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(AdminTable, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(AdminTableHead, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Th, { children: "Name" }),
@@ -1164,10 +1182,17 @@ function McpServerListPage({ initialData }) {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
         servers.map((s) => /* @__PURE__ */ jsxRuntime.jsxs(AdminTableRow, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            s.logo_url && /* @__PURE__ */ jsxRuntime.jsx("img", { src: s.logo_url, alt: "", className: "w-5 h-5 rounded-sm object-contain" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: s.name })
-          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: () => openEdit(s),
+              className: "flex items-center gap-2 text-left hover:underline cursor-pointer",
+              children: [
+                s.logo_url && /* @__PURE__ */ jsxRuntime.jsx("img", { src: s.logo_url, alt: "", className: "w-5 h-5 rounded-sm object-contain" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-primary", children: s.name })
+              ]
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3 font-mono text-xs text-muted-foreground", children: s.slug }),
           /* @__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 }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: s.client_id ? "default" : "secondary", children: s.client_id ? "Registered" : "No DCR" }) }),
@@ -1185,9 +1210,55 @@ function McpServerListPage({ initialData }) {
             }
           ) })
         ] }, s.id)),
-        servers.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(EmptyRow, { colSpan: 8, children: 'No custom connectors registered. Click "Register Connector" to add one.' })
+        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(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 }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { value: createForm.name, onChange: (e) => setCreateForm({ ...createForm, name: e.target.value }), placeholder: "My MCP Server" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Slug", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { value: createForm.slug, onChange: (e) => setCreateForm({ ...createForm, slug: e.target.value }), placeholder: "my-mcp-server" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { value: createForm.description, onChange: (e) => setCreateForm({ ...createForm, description: e.target.value }), placeholder: "What this connector does" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Base URL", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { value: createForm.base_url, onChange: (e) => setCreateForm({ ...createForm, base_url: e.target.value }), placeholder: "https://my-server.example.com" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "MCP Endpoint Path", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { value: createForm.mcp_endpoint_path, onChange: (e) => setCreateForm({ ...createForm, mcp_endpoint_path: e.target.value }), placeholder: "/mcp" }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: () => setShowCreate(false), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleCreate, disabled: creating || !createForm.name || !createForm.base_url, children: creating ? "Creating..." : "Create" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: !!editTarget, onOpenChange: (open) => {
+      if (!open) setEditTarget(null);
+    }, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { 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 }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { value: editForm.name, onChange: (e) => setEditForm({ ...editForm, name: e.target.value }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsxRuntime.jsx(Input, { value: editForm.description, onChange: (e) => setEditForm({ ...editForm, description: e.target.value }) }) }),
+        editTarget && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Slug:" }),
+            " ",
+            editTarget.slug
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Base URL:" }),
+            " ",
+            editTarget.base_url
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Endpoint:" }),
+            " ",
+            editTarget.mcp_endpoint_path
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleEdit, disabled: editing || !editForm.name, children: editing ? "Saving..." : "Save" })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       ConfirmDialog,
       {
@@ -1198,14 +1269,14 @@ function McpServerListPage({ initialData }) {
             setDeleteError("");
           }
         },
-        title: "Delete Server",
+        title: "Delete Connector",
         confirmLabel: "Delete",
         loadingLabel: "Deleting...",
         loading: deleting,
         error: deleteError,
         onConfirm: handleDelete,
         children: [
-          "Delete MCP server ",
+          "Delete connector ",
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: deleteTarget?.name }),
           "? This cannot be undone."
         ]

package/dist/index.js

@@ -1065,6 +1065,7 @@ function CancelRunButton({ runId, onCancelled }) {
     ] }) })
   ] });
 }
+var emptyForm = { name: "", slug: "", description: "", base_url: "", mcp_endpoint_path: "/mcp" };
 function McpServerListPage({ initialData }) {
   const { mutate } = useSWRConfig();
   const client = useAgentPlaneClient();
@@ -1073,21 +1074,48 @@ function McpServerListPage({ initialData }) {
     (c) => c.customConnectors.listServers(),
     initialData ? { fallbackData: initialData } : void 0
   );
-  const [showAdd, setShowAdd] = useState(false);
-  const [adding, setAdding] = useState(false);
-  const [newServer, setNewServer] = useState({ name: "", slug: "", description: "", base_url: "", mcp_endpoint_path: "/mcp" });
+  const [showCreate, setShowCreate] = useState(false);
+  const [creating, setCreating] = useState(false);
+  const [createForm, setCreateForm] = useState(emptyForm);
+  const [createError, setCreateError] = useState("");
+  const [editTarget, setEditTarget] = useState(null);
+  const [editing, setEditing] = useState(false);
+  const [editForm, setEditForm] = useState({ name: "", description: "" });
+  const [editError, setEditError] = useState("");
   const [deleteTarget, setDeleteTarget] = useState(null);
   const [deleting, setDeleting] = useState(false);
   const [deleteError, setDeleteError] = useState("");
-  async function handleAdd() {
-    setAdding(true);
+  async function handleCreate() {
+    setCreating(true);
+    setCreateError("");
     try {
-      await client.customConnectors.createServer(newServer);
-      setShowAdd(false);
-      setNewServer({ name: "", slug: "", description: "", base_url: "", mcp_endpoint_path: "/mcp" });
+      await client.customConnectors.createServer(createForm);
+      setShowCreate(false);
+      setCreateForm(emptyForm);
       mutate("mcp-servers");
+    } catch (err) {
+      setCreateError(err instanceof Error ? err.message : "Failed to create");
     } finally {
-      setAdding(false);
+      setCreating(false);
+    }
+  }
+  function openEdit(server) {
+    setEditTarget(server);
+    setEditForm({ name: server.name, description: server.description });
+    setEditError("");
+  }
+  async function handleEdit() {
+    if (!editTarget) return;
+    setEditing(true);
+    setEditError("");
+    try {
+      await client.customConnectors.updateServer(editTarget.id, editForm);
+      setEditTarget(null);
+      mutate("mcp-servers");
+    } catch (err) {
+      setEditError(err instanceof Error ? err.message : "Failed to update");
+    } finally {
+      setEditing(false);
     }
   }
   async function handleDelete() {
@@ -1106,7 +1134,7 @@ function McpServerListPage({ initialData }) {
   }
   if (error) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[40vh]", children: /* @__PURE__ */ jsxs("p", { className: "text-destructive", children: [
-      "Failed to load MCP servers: ",
+      "Failed to load connectors: ",
       error.message
     ] }) });
   }
@@ -1114,17 +1142,7 @@ function McpServerListPage({ 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" : "Register Connector" }) }),
-    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: newServer.name, onChange: (e) => setNewServer({ ...newServer, name: e.target.value }) }),
-        /* @__PURE__ */ jsx(Input, { placeholder: "Slug", value: newServer.slug, onChange: (e) => setNewServer({ ...newServer, slug: e.target.value }) }),
-        /* @__PURE__ */ jsx(Input, { placeholder: "Description", value: newServer.description, onChange: (e) => setNewServer({ ...newServer, description: e.target.value }) }),
-        /* @__PURE__ */ jsx(Input, { placeholder: "Base URL", value: newServer.base_url, onChange: (e) => setNewServer({ ...newServer, base_url: e.target.value }) }),
-        /* @__PURE__ */ jsx(Input, { placeholder: "MCP Endpoint Path", value: newServer.mcp_endpoint_path, onChange: (e) => setNewServer({ ...newServer, mcp_endpoint_path: e.target.value }) })
-      ] }),
-      /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handleAdd, disabled: adding || !newServer.name || !newServer.base_url, children: adding ? "Adding..." : "Add Server" })
-    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setShowCreate(true), children: "+ New Connector" }) }),
     /* @__PURE__ */ jsxs(AdminTable, { children: [
       /* @__PURE__ */ jsxs(AdminTableHead, { children: [
         /* @__PURE__ */ jsx(Th, { children: "Name" }),
@@ -1138,10 +1156,17 @@ function McpServerListPage({ initialData }) {
       ] }),
       /* @__PURE__ */ jsxs("tbody", { children: [
         servers.map((s) => /* @__PURE__ */ jsxs(AdminTableRow, { children: [
-          /* @__PURE__ */ jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            s.logo_url && /* @__PURE__ */ jsx("img", { src: s.logo_url, alt: "", className: "w-5 h-5 rounded-sm object-contain" }),
-            /* @__PURE__ */ jsx("span", { className: "font-medium", children: s.name })
-          ] }) }),
+          /* @__PURE__ */ jsx("td", { className: "p-3", children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => openEdit(s),
+              className: "flex items-center gap-2 text-left hover:underline cursor-pointer",
+              children: [
+                s.logo_url && /* @__PURE__ */ jsx("img", { src: s.logo_url, alt: "", className: "w-5 h-5 rounded-sm object-contain" }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium text-primary", children: s.name })
+              ]
+            }
+          ) }),
           /* @__PURE__ */ jsx("td", { className: "p-3 font-mono text-xs text-muted-foreground", children: s.slug }),
           /* @__PURE__ */ jsx("td", { className: "p-3 font-mono text-xs text-muted-foreground truncate max-w-xs", title: s.base_url, children: s.base_url }),
           /* @__PURE__ */ jsx("td", { className: "p-3", children: /* @__PURE__ */ jsx(Badge, { variant: s.client_id ? "default" : "secondary", children: s.client_id ? "Registered" : "No DCR" }) }),
@@ -1159,9 +1184,55 @@ function McpServerListPage({ initialData }) {
             }
           ) })
         ] }, s.id)),
-        servers.length === 0 && /* @__PURE__ */ jsx(EmptyRow, { colSpan: 8, children: 'No custom connectors registered. Click "Register Connector" to add one.' })
+        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(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 }),
+        /* @__PURE__ */ jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsx(Input, { value: createForm.name, onChange: (e) => setCreateForm({ ...createForm, name: e.target.value }), placeholder: "My MCP Server" }) }),
+        /* @__PURE__ */ jsx(FormField, { label: "Slug", children: /* @__PURE__ */ jsx(Input, { value: createForm.slug, onChange: (e) => setCreateForm({ ...createForm, slug: e.target.value }), placeholder: "my-mcp-server" }) }),
+        /* @__PURE__ */ jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsx(Input, { value: createForm.description, onChange: (e) => setCreateForm({ ...createForm, description: e.target.value }), placeholder: "What this connector does" }) }),
+        /* @__PURE__ */ jsx(FormField, { label: "Base URL", children: /* @__PURE__ */ jsx(Input, { value: createForm.base_url, onChange: (e) => setCreateForm({ ...createForm, base_url: e.target.value }), placeholder: "https://my-server.example.com" }) }),
+        /* @__PURE__ */ jsx(FormField, { label: "MCP Endpoint Path", children: /* @__PURE__ */ jsx(Input, { value: createForm.mcp_endpoint_path, onChange: (e) => setCreateForm({ ...createForm, mcp_endpoint_path: e.target.value }), placeholder: "/mcp" }) })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setShowCreate(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleCreate, disabled: creating || !createForm.name || !createForm.base_url, children: creating ? "Creating..." : "Create" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: !!editTarget, onOpenChange: (open) => {
+      if (!open) setEditTarget(null);
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { 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 }),
+        /* @__PURE__ */ jsx(FormField, { label: "Name", children: /* @__PURE__ */ jsx(Input, { value: editForm.name, onChange: (e) => setEditForm({ ...editForm, name: e.target.value }) }) }),
+        /* @__PURE__ */ jsx(FormField, { label: "Description", children: /* @__PURE__ */ jsx(Input, { value: editForm.description, onChange: (e) => setEditForm({ ...editForm, description: e.target.value }) }) }),
+        editTarget && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Slug:" }),
+            " ",
+            editTarget.slug
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Base URL:" }),
+            " ",
+            editTarget.base_url
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Endpoint:" }),
+            " ",
+            editTarget.mcp_endpoint_path
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setEditTarget(null), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleEdit, disabled: editing || !editForm.name, children: editing ? "Saving..." : "Save" })
+      ] })
+    ] }) }),
     /* @__PURE__ */ jsxs(
       ConfirmDialog,
       {
@@ -1172,14 +1243,14 @@ function McpServerListPage({ initialData }) {
             setDeleteError("");
           }
         },
-        title: "Delete Server",
+        title: "Delete Connector",
         confirmLabel: "Delete",
         loadingLabel: "Deleting...",
         loading: deleting,
         error: deleteError,
         onConfirm: handleDelete,
         children: [
-          "Delete MCP server ",
+          "Delete connector ",
           /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: deleteTarget?.name }),
           "? This cannot be undone."
         ]

package/package.json

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

package/dist/charts.d.cts

@@ -1,13 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

package/dist/editor.d.ts

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