@getcatalystiq/agent-plane-ui 0.1.22 → 0.1.24

package/dist/agent-identity-tab-6T672HO7.js

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

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

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

package/dist/{chunk-THVPNZMJ.cjs → chunk-7NGE4WHD.cjs}

@@ -47,6 +47,9 @@ function AgentIdentityTab({
   const [generating, setGenerating] = react.useState(false);
   const [publishing, setPublishing] = react.useState(false);
   const [importOpen, setImportOpen] = react.useState(false);
+  const [publishOpen, setPublishOpen] = react.useState(false);
+  const [publishOwner, setPublishOwner] = react.useState("");
+  const [publishResult, setPublishResult] = react.useState(null);
   const [savedVersion, setSavedVersion] = react.useState(0);
   const [overrideFiles, setOverrideFiles] = react.useState(null);
   const initialFiles = react.useMemo(() => agentToFiles(agent), [agent]);
@@ -116,15 +119,16 @@ function AgentIdentityTab({
     }
   }
   async function handlePublish() {
-    if (!onPublishSoul) return;
-    const owner = prompt("Enter owner name for publishing:");
-    if (!owner?.trim()) return;
+    if (!onPublishSoul || !publishOwner.trim()) return;
     setPublishing(true);
     setError("");
+    setPublishResult(null);
     try {
-      await onPublishSoul(owner.trim());
+      await onPublishSoul(publishOwner.trim());
+      setPublishResult("Published successfully");
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to publish");
+      setPublishOpen(false);
     } finally {
       setPublishing(false);
     }
@@ -141,34 +145,61 @@ function AgentIdentityTab({
     warnings.push("IDENTITY.md is empty -- consider adding behavioral traits");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      onGenerateSoul && /* @__PURE__ */ jsxRuntime.jsx(
+      onGenerateSoul && /* @__PURE__ */ jsxRuntime.jsxs(
         chunkXXF4U7WL_cjs.Button,
         {
           variant: "outline",
           size: "sm",
           onClick: handleGenerate,
           disabled: generating,
-          children: generating ? "Generating..." : "Generate Soul"
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z" }) }),
+            generating ? "Generating..." : "Generate Soul"
+          ]
         }
       ),
-      onImportSoul && /* @__PURE__ */ jsxRuntime.jsx(
+      onImportSoul && /* @__PURE__ */ jsxRuntime.jsxs(
         chunkXXF4U7WL_cjs.Button,
         {
           variant: "outline",
           size: "sm",
           onClick: () => setImportOpen(true),
-          children: "Import"
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "7 10 12 15 17 10" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+            ] }),
+            "Import"
+          ]
         }
       ),
-      onExportSoul && /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Button, { variant: "outline", size: "sm", onClick: handleExport, children: "Export" }),
-      onPublishSoul && /* @__PURE__ */ jsxRuntime.jsx(
+      onExportSoul && /* @__PURE__ */ jsxRuntime.jsxs(chunkXXF4U7WL_cjs.Button, { variant: "outline", size: "sm", onClick: handleExport, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "17 8 12 3 7 8" }),
+          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+        ] }),
+        "Export"
+      ] }),
+      onPublishSoul && /* @__PURE__ */ jsxRuntime.jsxs(
         chunkXXF4U7WL_cjs.Button,
         {
           variant: "outline",
           size: "sm",
-          onClick: handlePublish,
-          disabled: publishing,
-          children: publishing ? "Publishing..." : "Publish"
+          onClick: () => {
+            setPublishOpen(true);
+            setPublishResult(null);
+            setPublishOwner("");
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 12h20" })
+            ] }),
+            "Publish"
+          ]
         }
       ),
       overrideFiles && /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Badge, { variant: "destructive", className: "text-xs", children: "Unsaved generated content" })
@@ -204,7 +235,43 @@ function AgentIdentityTab({
         onImport: onImportSoul,
         onImported: handleImported
       }
-    )
+    ),
+    onPublishSoul && /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Dialog, { open: publishOpen, onOpenChange: setPublishOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkXXF4U7WL_cjs.DialogContent, { className: "max-w-md", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkXXF4U7WL_cjs.DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.DialogTitle, { children: "Publish to ClawSouls Registry" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.DialogDescription, { children: "Upload your agent's SoulSpec identity to the ClawSouls registry." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.DialogBody, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border border-muted-foreground/25 bg-muted/50 p-3 text-xs text-muted-foreground space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            "Publishing uploads your agent's identity to the ",
+            /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://clawsouls.ai/souls", target: "_blank", rel: "noopener noreferrer", className: "underline text-foreground", children: "ClawSouls registry" }),
+            " where others can discover and install it."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Requirements:" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "list-disc pl-4 space-y-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: "A ClawSouls API token (set in Settings)" }),
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: "SOUL.md with required sections (Personality, Tone, Principles)" }),
+            /* @__PURE__ */ jsxRuntime.jsx("li", { children: "IDENTITY.md with Name, Role, and Creature fields" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Your soul will be validated by SoulScan before publishing." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.FormField, { label: "Owner (your ClawSouls username)", children: /* @__PURE__ */ jsxRuntime.jsx(
+          chunkXXF4U7WL_cjs.Input,
+          {
+            value: publishOwner,
+            onChange: (e) => setPublishOwner(e.target.value),
+            placeholder: "e.g. myusername",
+            disabled: publishing
+          }
+        ) }),
+        publishResult && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-green-600 bg-green-500/10 p-3 text-xs text-green-400", children: publishResult })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkXXF4U7WL_cjs.DialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Button, { variant: "outline", size: "sm", onClick: () => setPublishOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Button, { size: "sm", onClick: handlePublish, disabled: publishing || !publishOwner.trim(), children: publishing ? "Publishing..." : "Publish" })
+      ] })
+    ] }) })
   ] });
 }
 function ImportSoulDialog({

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

@@ -45,6 +45,9 @@ function AgentIdentityTab({
   const [generating, setGenerating] = useState(false);
   const [publishing, setPublishing] = useState(false);
   const [importOpen, setImportOpen] = useState(false);
+  const [publishOpen, setPublishOpen] = useState(false);
+  const [publishOwner, setPublishOwner] = useState("");
+  const [publishResult, setPublishResult] = useState(null);
   const [savedVersion, setSavedVersion] = useState(0);
   const [overrideFiles, setOverrideFiles] = useState(null);
   const initialFiles = useMemo(() => agentToFiles(agent), [agent]);
@@ -114,15 +117,16 @@ function AgentIdentityTab({
     }
   }
   async function handlePublish() {
-    if (!onPublishSoul) return;
-    const owner = prompt("Enter owner name for publishing:");
-    if (!owner?.trim()) return;
+    if (!onPublishSoul || !publishOwner.trim()) return;
     setPublishing(true);
     setError("");
+    setPublishResult(null);
     try {
-      await onPublishSoul(owner.trim());
+      await onPublishSoul(publishOwner.trim());
+      setPublishResult("Published successfully");
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to publish");
+      setPublishOpen(false);
     } finally {
       setPublishing(false);
     }
@@ -139,34 +143,61 @@ function AgentIdentityTab({
     warnings.push("IDENTITY.md is empty -- consider adding behavioral traits");
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      onGenerateSoul && /* @__PURE__ */ jsx(
+      onGenerateSoul && /* @__PURE__ */ jsxs(
         Button,
         {
           variant: "outline",
           size: "sm",
           onClick: handleGenerate,
           disabled: generating,
-          children: generating ? "Generating..." : "Generate Soul"
+          children: [
+            /* @__PURE__ */ jsx("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3L12 21l1.9-5.8a2 2 0 0 1 1.3-1.3L21 12l-5.8-1.9a2 2 0 0 1-1.3-1.3Z" }) }),
+            generating ? "Generating..." : "Generate Soul"
+          ]
         }
       ),
-      onImportSoul && /* @__PURE__ */ jsx(
+      onImportSoul && /* @__PURE__ */ jsxs(
         Button,
         {
           variant: "outline",
           size: "sm",
           onClick: () => setImportOpen(true),
-          children: "Import"
+          children: [
+            /* @__PURE__ */ jsxs("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+              /* @__PURE__ */ jsx("polyline", { points: "7 10 12 15 17 10" }),
+              /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+            ] }),
+            "Import"
+          ]
         }
       ),
-      onExportSoul && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleExport, children: "Export" }),
-      onPublishSoul && /* @__PURE__ */ jsx(
+      onExportSoul && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleExport, children: [
+        /* @__PURE__ */ jsxs("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+          /* @__PURE__ */ jsx("polyline", { points: "17 8 12 3 7 8" }),
+          /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+        ] }),
+        "Export"
+      ] }),
+      onPublishSoul && /* @__PURE__ */ jsxs(
         Button,
         {
           variant: "outline",
           size: "sm",
-          onClick: handlePublish,
-          disabled: publishing,
-          children: publishing ? "Publishing..." : "Publish"
+          onClick: () => {
+            setPublishOpen(true);
+            setPublishResult(null);
+            setPublishOwner("");
+          },
+          children: [
+            /* @__PURE__ */ jsxs("svg", { className: "size-4 mr-1.5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
+              /* @__PURE__ */ jsx("path", { d: "M2 12h20" })
+            ] }),
+            "Publish"
+          ]
         }
       ),
       overrideFiles && /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "text-xs", children: "Unsaved generated content" })
@@ -202,7 +233,43 @@ function AgentIdentityTab({
         onImport: onImportSoul,
         onImported: handleImported
       }
-    )
+    ),
+    onPublishSoul && /* @__PURE__ */ jsx(Dialog, { open: publishOpen, onOpenChange: setPublishOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-md", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: "Publish to ClawSouls Registry" }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: "Upload your agent's SoulSpec identity to the ClawSouls registry." })
+      ] }),
+      /* @__PURE__ */ jsx(DialogBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-muted-foreground/25 bg-muted/50 p-3 text-xs text-muted-foreground space-y-2", children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            "Publishing uploads your agent's identity to the ",
+            /* @__PURE__ */ jsx("a", { href: "https://clawsouls.ai/souls", target: "_blank", rel: "noopener noreferrer", className: "underline text-foreground", children: "ClawSouls registry" }),
+            " where others can discover and install it."
+          ] }),
+          /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: "Requirements:" }) }),
+          /* @__PURE__ */ jsxs("ul", { className: "list-disc pl-4 space-y-0.5", children: [
+            /* @__PURE__ */ jsx("li", { children: "A ClawSouls API token (set in Settings)" }),
+            /* @__PURE__ */ jsx("li", { children: "SOUL.md with required sections (Personality, Tone, Principles)" }),
+            /* @__PURE__ */ jsx("li", { children: "IDENTITY.md with Name, Role, and Creature fields" })
+          ] }),
+          /* @__PURE__ */ jsx("p", { children: "Your soul will be validated by SoulScan before publishing." })
+        ] }),
+        /* @__PURE__ */ jsx(FormField, { label: "Owner (your ClawSouls username)", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: publishOwner,
+            onChange: (e) => setPublishOwner(e.target.value),
+            placeholder: "e.g. myusername",
+            disabled: publishing
+          }
+        ) }),
+        publishResult && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-green-600 bg-green-500/10 p-3 text-xs text-green-400", children: publishResult })
+      ] }) }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setPublishOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { size: "sm", onClick: handlePublish, disabled: publishing || !publishOwner.trim(), children: publishing ? "Publishing..." : "Publish" })
+      ] })
+    ] }) })
   ] });
 }
 function ImportSoulDialog({

package/dist/editor.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkVZ43ATC5_cjs = require('./chunk-VZ43ATC5.cjs');
-var chunkTHVPNZMJ_cjs = require('./chunk-THVPNZMJ.cjs');
+var chunk7NGE4WHD_cjs = require('./chunk-7NGE4WHD.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 chunkTHVPNZMJ_cjs.AgentIdentityTab; }
+  get: function () { return chunk7NGE4WHD_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-NR6H3SCV.js';
+export { AgentIdentityTab } from './chunk-GFFQIJPU.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,7 +4069,7 @@ function AgentA2aInfo({
     ] })
   ] });
 }
-var AgentIdentityTab = React.lazy(() => import('./agent-identity-tab-ZEY7EW5C.cjs').then((m) => ({ default: m.AgentIdentityTab })));
+var AgentIdentityTab = React.lazy(() => import('./agent-identity-tab-AL2SL3CR.cjs').then((m) => ({ default: m.AgentIdentityTab })));
 function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug, adminApiBaseUrl, adminApiKey }) {
   const { LinkComponent, basePath } = chunkXXF4U7WL_cjs.useNavigation();
   const { mutate } = swr.useSWRConfig();

package/dist/index.js

@@ -4045,7 +4045,7 @@ function AgentA2aInfo({
     ] })
   ] });
 }
-var AgentIdentityTab = lazy(() => import('./agent-identity-tab-YC6A7UMA.js').then((m) => ({ default: m.AgentIdentityTab })));
+var AgentIdentityTab = lazy(() => import('./agent-identity-tab-6T672HO7.js').then((m) => ({ default: m.AgentIdentityTab })));
 function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug, adminApiBaseUrl, adminApiKey }) {
   const { LinkComponent, basePath } = useNavigation();
   const { mutate } = useSWRConfig();

package/package.json

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

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

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