@getcatalystiq/agent-plane-ui 0.1.19 → 0.1.21

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;
@@ -612,8 +617,6 @@ interface Agent {
     max_turns: number;
     max_budget_usd: number;
     max_runtime_seconds: number;
-    soul_md?: string | null;
-    identity_md?: string | null;
 }
 interface AgentEditFormProps {
     agent: Agent;

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;
@@ -612,8 +617,6 @@ interface Agent {
     max_turns: number;
     max_budget_usd: number;
     max_runtime_seconds: number;
-    soul_md?: string | null;
-    identity_md?: string | null;
 }
 interface AgentEditFormProps {
     agent: Agent;

package/dist/index.js

@@ -1,5 +1,7 @@
-import { cn, Card, CardHeader, CardTitle, CardContent, Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogFooter, Button, Badge, useNavigation, useApi, Skeleton, useAgentPlaneClient, DialogDescription, FormField, Input, supportsClaudeRunner, buttonVariants } from './chunk-OOBDCC6Q.js';
-export { AgentPlaneProvider, Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FormField, Input, Skeleton, badgeVariants, buttonVariants, cn, useAgentPlaneClient, useApi, useAuthError, useNavigation } from './chunk-OOBDCC6Q.js';
+import { Card, CardHeader, CardTitle, CardContent, useApi, Skeleton, FileTreeEditor } from './chunk-CE2RHDPY.js';
+export { Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, useApi } from './chunk-CE2RHDPY.js';
+import { cn, Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogFooter, Button, Badge, useNavigation, useAgentPlaneClient, DialogDescription, FormField, Input, supportsClaudeRunner, buttonVariants } from './chunk-XFI227OB.js';
+export { AgentPlaneProvider, Badge, Button, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, FormField, Input, badgeVariants, buttonVariants, cn, useAgentPlaneClient, useAuthError, useNavigation } from './chunk-XFI227OB.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { lazy, useState, useCallback, useMemo, useRef, useEffect, Suspense } from 'react';
@@ -2432,10 +2434,8 @@ function AgentEditForm({ agent, onSaved }) {
   const [maxTurns, setMaxTurns] = useState(agent.max_turns.toString());
   const [maxBudget, setMaxBudget] = useState(agent.max_budget_usd.toString());
   const [maxRuntime, setMaxRuntime] = useState(Math.floor(agent.max_runtime_seconds / 60).toString());
-  const [soulMd, setSoulMd] = useState(agent.soul_md ?? "");
-  const [identityMd, setIdentityMd] = useState(agent.identity_md ?? "");
   const [saving, setSaving] = useState(false);
-  const isDirty = name !== agent.name || description !== (agent.description ?? "") || model !== agent.model || runner !== (agent.runner ?? "") || permissionMode !== agent.permission_mode || maxTurns !== agent.max_turns.toString() || maxBudget !== agent.max_budget_usd.toString() || maxRuntime !== Math.floor(agent.max_runtime_seconds / 60).toString() || soulMd !== (agent.soul_md ?? "") || identityMd !== (agent.identity_md ?? "");
+  const isDirty = name !== agent.name || description !== (agent.description ?? "") || model !== agent.model || runner !== (agent.runner ?? "") || permissionMode !== agent.permission_mode || maxTurns !== agent.max_turns.toString() || maxBudget !== agent.max_budget_usd.toString() || maxRuntime !== Math.floor(agent.max_runtime_seconds / 60).toString();
   const [error, setError] = useState("");
   async function handleSave() {
     setSaving(true);
@@ -2449,9 +2449,7 @@ function AgentEditForm({ agent, onSaved }) {
         permission_mode: permissionMode,
         max_turns: parseInt(maxTurns) || agent.max_turns,
         max_budget_usd: parseFloat(maxBudget) || agent.max_budget_usd,
-        max_runtime_seconds: (parseInt(maxRuntime) || Math.floor(agent.max_runtime_seconds / 60)) * 60,
-        soul_md: soulMd || null,
-        identity_md: identityMd || null
+        max_runtime_seconds: (parseInt(maxRuntime) || Math.floor(agent.max_runtime_seconds / 60)) * 60
       });
       onSaved?.();
     } catch (err) {
@@ -2512,42 +2510,6 @@ function AgentEditForm({ agent, onSaved }) {
           /* @__PURE__ */ jsx("option", { value: "bypassPermissions", children: "bypassPermissions" }),
           /* @__PURE__ */ jsx("option", { value: "plan", children: "plan" })
         ] }) }) })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(FormField, { label: "SOUL.md", children: [
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              value: soulMd,
-              onChange: (e) => setSoulMd(e.target.value),
-              placeholder: "## Voice & Tone\nDirect, concise, technical.\n\n## Values\nClarity over completeness.\n\n## Stance\nProactive problem-solver.\n\n## Boundaries\n- Never modify production data directly\n\n## Essence\nA focused engineering assistant.",
-              rows: 10,
-              className: "font-mono text-sm",
-              disabled: saving
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground mt-1 block", children: [
-            soulMd.split(/\s+/).filter(Boolean).length,
-            " words"
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(FormField, { label: "IDENTITY.md", children: [
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              value: identityMd,
-              onChange: (e) => setIdentityMd(e.target.value),
-              placeholder: "- **Communication Verbosity:** concise\n- **Communication Tone:** direct\n- **Decision Autonomy:** high\n- **Risk Tolerance:** moderate\n- **Collaboration Mode:** autonomous\n\n## Escalation Preferences\n- Budget over $50 -> escalate\n- Breaking changes -> escalate",
-              rows: 10,
-              className: "font-mono text-sm",
-              disabled: saving
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground mt-1 block", children: [
-            identityMd.split(/\s+/).filter(Boolean).length,
-            " words"
-          ] })
-        ] }) })
       ] })
     ] }) })
   ] });
@@ -3315,7 +3277,7 @@ function buildTree(files) {
     if (existing) return existing;
     const parts = dirPath.split("/");
     const node = {
-      name: parts[parts.length - 1],
+      name: parts[parts.length - 1] ?? dirPath,
       fullPath: dirPath,
       children: [],
       files: []
@@ -3365,7 +3327,7 @@ function collectAllDirPaths(nodes) {
   nodes.forEach(walk);
   return paths;
 }
-function FileTreeEditor({
+function FileTreeEditor2({
   initialFiles,
   onSave,
   onChange,
@@ -3675,7 +3637,7 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
     onSaved?.();
   }, [agentId, client, onSaved]);
   return /* @__PURE__ */ jsx(
-    FileTreeEditor,
+    FileTreeEditor2,
     {
       initialFiles,
       onSave: handleSave,
@@ -4083,7 +4045,8 @@ function AgentA2aInfo({
     ] })
   ] });
 }
-function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
+var AgentIdentityTab = lazy(() => import('./agent-identity-tab-ETPM6LQN.js').then((m) => ({ default: m.AgentIdentityTab })));
+function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug, adminApiBaseUrl, adminApiKey }) {
   const { LinkComponent, basePath } = useNavigation();
   const { mutate } = useSWRConfig();
   const cacheKey = `agent-${agentId}`;
@@ -4094,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" }),
@@ -4152,6 +4158,10 @@ 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, ...soulCallbacks }) })
+          },
           {
             label: "Connectors",
             content: /* @__PURE__ */ jsx(

package/package.json

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