@getcatalystiq/agent-plane-ui 0.1.20 → 0.1.22

package/dist/agent-identity-tab-YC6A7UMA.js

@@ -0,0 +1,2 @@
+export { AgentIdentityTab } from './chunk-NR6H3SCV.js';
+import './chunk-XFI227OB.js';

package/dist/{agent-identity-tab-F4MU2HP2.cjs → agent-identity-tab-ZEY7EW5C.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkCHJL4MZI_cjs = require('./chunk-CHJL4MZI.cjs');
+var chunkTHVPNZMJ_cjs = require('./chunk-THVPNZMJ.cjs');
 require('./chunk-XXF4U7WL.cjs');
 
 
 
 Object.defineProperty(exports, "AgentIdentityTab", {
   enumerable: true,
-  get: function () { return chunkCHJL4MZI_cjs.AgentIdentityTab; }
+  get: function () { return chunkTHVPNZMJ_cjs.AgentIdentityTab; }
 });

package/dist/{chunk-L45SI32F.js → chunk-NR6H3SCV.js}

@@ -72,12 +72,11 @@ function AgentIdentityTab({
     const newFiles = [];
     for (const { path, field } of FILE_MAP) {
       const content = responseFiles[field] ?? responseFiles[path];
-      if (content) {
-        newFiles.push({ path, content });
-      }
+      newFiles.push({ path, content: content ?? "" });
     }
     if (newFiles.length > 0) {
       setOverrideFiles(newFiles);
+      setSavedVersion((v) => v + 1);
     }
   }
   async function handleGenerate() {

package/dist/{chunk-CHJL4MZI.cjs → chunk-THVPNZMJ.cjs}

@@ -74,12 +74,11 @@ function AgentIdentityTab({
     const newFiles = [];
     for (const { path, field } of FILE_MAP) {
       const content = responseFiles[field] ?? responseFiles[path];
-      if (content) {
-        newFiles.push({ path, content });
-      }
+      newFiles.push({ path, content: content ?? "" });
     }
     if (newFiles.length > 0) {
       setOverrideFiles(newFiles);
+      setSavedVersion((v) => v + 1);
     }
   }
   async function handleGenerate() {

package/dist/editor.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkVZ43ATC5_cjs = require('./chunk-VZ43ATC5.cjs');
-var chunkCHJL4MZI_cjs = require('./chunk-CHJL4MZI.cjs');
+var chunkTHVPNZMJ_cjs = require('./chunk-THVPNZMJ.cjs');
 var chunkXXF4U7WL_cjs = require('./chunk-XXF4U7WL.cjs');
 var react = require('react');
 var CodeMirror = require('@uiw/react-codemirror');
@@ -187,6 +187,6 @@ Object.defineProperty(exports, "FileTreeEditor", {
 });
 Object.defineProperty(exports, "AgentIdentityTab", {
   enumerable: true,
-  get: function () { return chunkCHJL4MZI_cjs.AgentIdentityTab; }
+  get: function () { return chunkTHVPNZMJ_cjs.AgentIdentityTab; }
 });
 exports.PluginEditorPage = PluginEditorPage;

package/dist/editor.js

@@ -1,6 +1,6 @@
 import { useApi, Skeleton, FileTreeEditor, Card, CardHeader, CardTitle, CardContent } from './chunk-CE2RHDPY.js';
 export { FileTreeEditor } from './chunk-CE2RHDPY.js';
-export { AgentIdentityTab } from './chunk-L45SI32F.js';
+export { AgentIdentityTab } from './chunk-NR6H3SCV.js';
 import { useNavigation, useAgentPlaneClient, Badge, Button } from './chunk-XFI227OB.js';
 import { useState, useCallback } from 'react';
 import CodeMirror from '@uiw/react-codemirror';

package/dist/index.cjs

@@ -4069,8 +4069,8 @@ function AgentA2aInfo({
     ] })
   ] });
 }
-var AgentIdentityTab = React.lazy(() => import('./agent-identity-tab-F4MU2HP2.cjs').then((m) => ({ default: m.AgentIdentityTab })));
-function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
+var AgentIdentityTab = React.lazy(() => import('./agent-identity-tab-ZEY7EW5C.cjs').then((m) => ({ default: m.AgentIdentityTab })));
+function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug, adminApiBaseUrl, adminApiKey }) {
   const { LinkComponent, basePath } = chunkXXF4U7WL_cjs.useNavigation();
   const { mutate } = swr.useSWRConfig();
   const cacheKey = `agent-${agentId}`;
@@ -4081,6 +4081,49 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
   const invalidate = React.useCallback(() => {
     mutate(cacheKey);
   }, [mutate, cacheKey]);
+  const adminFetch = React.useCallback(async (path, options) => {
+    if (!adminApiBaseUrl) throw new Error("Admin API not configured");
+    const res = await fetch(`${adminApiBaseUrl}${path}`, {
+      ...options,
+      headers: {
+        "Content-Type": "application/json",
+        ...adminApiKey ? { Authorization: `Bearer ${adminApiKey}` } : {},
+        ...options?.headers
+      }
+    });
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({ error: { message: res.statusText } }));
+      throw new Error(body?.error?.message ?? `Request failed: ${res.status}`);
+    }
+    return res.json();
+  }, [adminApiBaseUrl, adminApiKey]);
+  const soulCallbacks = React.useMemo(() => {
+    if (!adminApiBaseUrl) return {};
+    return {
+      onGenerateSoul: async () => {
+        const result = await adminFetch(`/api/admin/agents/${agentId}/generate-soul`, { method: "POST" });
+        return { files: result.files };
+      },
+      onImportSoul: async (ref) => {
+        const [owner, name] = ref.split("/");
+        const result = await adminFetch(`/api/admin/agents/${agentId}/import-soul`, {
+          method: "POST",
+          body: JSON.stringify({ owner, name })
+        });
+        return { files: result.imported_files };
+      },
+      onExportSoul: async () => {
+        const result = await adminFetch(`/api/admin/agents/${agentId}/export-soul`);
+        return { files: result.files, name: agent?.name ?? "agent" };
+      },
+      onPublishSoul: async (owner) => {
+        await adminFetch(`/api/admin/agents/${agentId}/publish-soul`, {
+          method: "POST",
+          body: JSON.stringify({ owner })
+        });
+      }
+    };
+  }, [adminApiBaseUrl, adminFetch, agentId, agent?.name]);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkVZ43ATC5_cjs.Skeleton, { className: "h-9 w-40" }),
@@ -4141,7 +4184,7 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
           },
           {
             label: "Identity",
-            content: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkVZ43ATC5_cjs.Skeleton, { className: "h-64 w-full" }), children: /* @__PURE__ */ jsxRuntime.jsx(AgentIdentityTab, { agent, FileTreeEditor: chunkVZ43ATC5_cjs.FileTreeEditor, onSaved: invalidate }) })
+            content: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(chunkVZ43ATC5_cjs.Skeleton, { className: "h-64 w-full" }), children: /* @__PURE__ */ jsxRuntime.jsx(AgentIdentityTab, { agent, FileTreeEditor: chunkVZ43ATC5_cjs.FileTreeEditor, onSaved: invalidate, ...soulCallbacks }) })
           },
           {
             label: "Connectors",

package/dist/index.d.cts

@@ -599,8 +599,13 @@ interface AgentDetailPageProps {
     a2aBaseUrl?: string;
     /** Tenant slug (needed for A2A URLs) */
     tenantSlug?: string;
+    /** Admin API base URL — when provided, enables Generate/Import/Export/Publish buttons on the Identity tab */
+    adminApiBaseUrl?: string;
+    /** Admin API key or auth token for admin endpoints */
+    adminApiKey?: string;
 }
-declare function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }: AgentDetailPageProps): react_jsx_runtime.JSX.Element;
+
+declare function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug, adminApiBaseUrl, adminApiKey }: AgentDetailPageProps): react_jsx_runtime.JSX.Element;
 
 interface Agent {
     id: string;

package/dist/index.d.ts

@@ -599,8 +599,13 @@ interface AgentDetailPageProps {
     a2aBaseUrl?: string;
     /** Tenant slug (needed for A2A URLs) */
     tenantSlug?: string;
+    /** Admin API base URL — when provided, enables Generate/Import/Export/Publish buttons on the Identity tab */
+    adminApiBaseUrl?: string;
+    /** Admin API key or auth token for admin endpoints */
+    adminApiKey?: string;
 }
-declare function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }: AgentDetailPageProps): react_jsx_runtime.JSX.Element;
+
+declare function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug, adminApiBaseUrl, adminApiKey }: AgentDetailPageProps): react_jsx_runtime.JSX.Element;
 
 interface Agent {
     id: string;

package/dist/index.js

@@ -4045,8 +4045,8 @@ function AgentA2aInfo({
     ] })
   ] });
 }
-var AgentIdentityTab = lazy(() => import('./agent-identity-tab-ETPM6LQN.js').then((m) => ({ default: m.AgentIdentityTab })));
-function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
+var AgentIdentityTab = lazy(() => import('./agent-identity-tab-YC6A7UMA.js').then((m) => ({ default: m.AgentIdentityTab })));
+function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug, adminApiBaseUrl, adminApiKey }) {
   const { LinkComponent, basePath } = useNavigation();
   const { mutate } = useSWRConfig();
   const cacheKey = `agent-${agentId}`;
@@ -4057,6 +4057,49 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
   const invalidate = useCallback(() => {
     mutate(cacheKey);
   }, [mutate, cacheKey]);
+  const adminFetch = useCallback(async (path, options) => {
+    if (!adminApiBaseUrl) throw new Error("Admin API not configured");
+    const res = await fetch(`${adminApiBaseUrl}${path}`, {
+      ...options,
+      headers: {
+        "Content-Type": "application/json",
+        ...adminApiKey ? { Authorization: `Bearer ${adminApiKey}` } : {},
+        ...options?.headers
+      }
+    });
+    if (!res.ok) {
+      const body = await res.json().catch(() => ({ error: { message: res.statusText } }));
+      throw new Error(body?.error?.message ?? `Request failed: ${res.status}`);
+    }
+    return res.json();
+  }, [adminApiBaseUrl, adminApiKey]);
+  const soulCallbacks = useMemo(() => {
+    if (!adminApiBaseUrl) return {};
+    return {
+      onGenerateSoul: async () => {
+        const result = await adminFetch(`/api/admin/agents/${agentId}/generate-soul`, { method: "POST" });
+        return { files: result.files };
+      },
+      onImportSoul: async (ref) => {
+        const [owner, name] = ref.split("/");
+        const result = await adminFetch(`/api/admin/agents/${agentId}/import-soul`, {
+          method: "POST",
+          body: JSON.stringify({ owner, name })
+        });
+        return { files: result.imported_files };
+      },
+      onExportSoul: async () => {
+        const result = await adminFetch(`/api/admin/agents/${agentId}/export-soul`);
+        return { files: result.files, name: agent?.name ?? "agent" };
+      },
+      onPublishSoul: async (owner) => {
+        await adminFetch(`/api/admin/agents/${agentId}/publish-soul`, {
+          method: "POST",
+          body: JSON.stringify({ owner })
+        });
+      }
+    };
+  }, [adminApiBaseUrl, adminFetch, agentId, agent?.name]);
   if (isLoading) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-40" }),
@@ -4117,7 +4160,7 @@ function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
           },
           {
             label: "Identity",
-            content: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full" }), children: /* @__PURE__ */ jsx(AgentIdentityTab, { agent, FileTreeEditor, onSaved: invalidate }) })
+            content: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full" }), children: /* @__PURE__ */ jsx(AgentIdentityTab, { agent, FileTreeEditor, onSaved: invalidate, ...soulCallbacks }) })
           },
           {
             label: "Connectors",

package/package.json

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

package/dist/agent-identity-tab-ETPM6LQN.js

@@ -1,2 +0,0 @@
-export { AgentIdentityTab } from './chunk-L45SI32F.js';
-import './chunk-XFI227OB.js';