@getcatalystiq/agent-plane-ui 0.1.18 → 0.1.20

package/dist/index.d.cts

@@ -612,8 +612,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

@@ -612,8 +612,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,8 +1,10 @@
-import { cn, Card, CardHeader, CardTitle, CardContent, Button, Badge, useNavigation, useApi, Skeleton, useAgentPlaneClient, Input, supportsClaudeRunner, buttonVariants } from './chunk-P4N2P42X.js';
-export { AgentPlaneProvider, Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Skeleton, badgeVariants, buttonVariants, cn, useAgentPlaneClient, useApi, useAuthError, useNavigation } from './chunk-P4N2P42X.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 React3 from 'react';
-import React3__default, { lazy, useState, useCallback, useMemo, useRef, useEffect, Suspense } from 'react';
+import * as React from 'react';
+import React__default, { lazy, useState, useCallback, useMemo, useRef, useEffect, Suspense } from 'react';
 import { useSWRConfig } from 'swr';
 import ReactMarkdown from 'react-markdown';
 import { Command } from 'cmdk';
@@ -25,7 +27,7 @@ function Select({ className = "", ...props }) {
     ] }) })
   ] });
 }
-var Textarea = React3.forwardRef(
+var Textarea = React.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -41,14 +43,6 @@ var Textarea = React3.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
-function FormField({ label, children, error, hint }) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: label }),
-    children,
-    hint && !error && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: hint }),
-    error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: error })
-  ] });
-}
 function FormError({ error }) {
   if (!error) return null;
   return /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error });
@@ -139,7 +133,7 @@ function PaginationBar({
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-t border-border bg-muted/20 text-sm", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
       /* @__PURE__ */ jsx("span", { children: "Rows per page:" }),
-      PAGE_SIZE_OPTIONS.map((ps) => /* @__PURE__ */ jsx(React3__default.Fragment, { children: renderLink(
+      PAGE_SIZE_OPTIONS.map((ps) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderLink(
         buildHref(1, ps),
         ps,
         `px-2 py-0.5 rounded text-xs ${pageSize === ps ? "bg-primary text-primary-foreground font-medium" : "hover:bg-muted"}`
@@ -187,71 +181,6 @@ function Tabs({ tabs, defaultTab = 0 }) {
     /* @__PURE__ */ jsx("div", { className: "pt-6", children: tabs[active]?.content })
   ] });
 }
-function Dialog({ open, onOpenChange, children }) {
-  React3.useEffect(() => {
-    if (!open) return;
-    function onKeyDown(e) {
-      if (e.key === "Escape") onOpenChange(false);
-    }
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [open, onOpenChange]);
-  React3.useEffect(() => {
-    if (!open) return;
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, [open]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute inset-0 bg-black/60 animate-dialog-overlay",
-        onClick: () => onOpenChange(false)
-      }
-    ),
-    children
-  ] });
-}
-function DialogContent({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "relative z-10 w-full bg-background border border-border rounded-xl shadow-2xl mx-4 max-h-[85vh] overflow-y-auto animate-dialog-content",
-        className
-      ),
-      onClick: (e) => e.stopPropagation(),
-      ...props,
-      children
-    }
-  );
-}
-function DialogHeader({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("px-6 pt-6 pb-0", className), ...props, children });
-}
-function DialogBody({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("px-6 py-4", className), ...props, children });
-}
-function DialogFooter({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("flex items-center justify-end gap-2 px-6 py-4 border-t border-border bg-muted/30 rounded-b-xl", className),
-      ...props,
-      children
-    }
-  );
-}
-function DialogTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx("h2", { className: cn("text-base font-semibold", className), ...props, children });
-}
-function DialogDescription({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground mt-1", className), ...props, children });
-}
 function ConfirmDialog({
   open,
   onOpenChange,
@@ -2505,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);
@@ -2522,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) {
@@ -2585,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"
-          ] })
-        ] }) })
       ] })
     ] }) })
   ] });
@@ -3388,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: []
@@ -3438,7 +3327,7 @@ function collectAllDirPaths(nodes) {
   nodes.forEach(walk);
   return paths;
 }
-function FileTreeEditor({
+function FileTreeEditor2({
   initialFiles,
   onSave,
   onChange,
@@ -3748,7 +3637,7 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
     onSaved?.();
   }, [agentId, client, onSaved]);
   return /* @__PURE__ */ jsx(
-    FileTreeEditor,
+    FileTreeEditor2,
     {
       initialFiles,
       onSave: handleSave,
@@ -4156,6 +4045,7 @@ function AgentA2aInfo({
     ] })
   ] });
 }
+var AgentIdentityTab = lazy(() => import('./agent-identity-tab-ETPM6LQN.js').then((m) => ({ default: m.AgentIdentityTab })));
 function AgentDetailPage({ agentId, a2aBaseUrl, tenantSlug }) {
   const { LinkComponent, basePath } = useNavigation();
   const { mutate } = useSWRConfig();
@@ -4225,6 +4115,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 }) })
+          },
           {
             label: "Connectors",
             content: /* @__PURE__ */ jsx(
@@ -4841,4 +4735,4 @@ function PlaygroundPage({ agentId }) {
   ] });
 }
 
-export { AdminTable, AdminTableHead, AdminTableRow, AgentA2aInfo, AgentConnectorsManager, AgentDetailPage, AgentEditForm, AgentListPage, AgentPluginManager, AgentRuns, AgentScheduleForm, AgentSkillManager, ConfirmDialog, CopyButton, DashboardPage, DetailPageHeader, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, EmptyRow, FormError, FormField, LocalDate, McpServerListPage, MetricCard, ModelSelector, PaginationBar, PlaygroundPage, PluginDetailPage, PluginMarketplaceDetailPage, PluginMarketplaceListPage, RunDetailPage, RunListPage, RunSourceBadge, RunStatusBadge, SectionHeader, Select, SettingsPage, Tabs, Textarea, Th, ToolkitMultiselect, TranscriptViewer, parsePaginationParams };
+export { AdminTable, AdminTableHead, AdminTableRow, AgentA2aInfo, AgentConnectorsManager, AgentDetailPage, AgentEditForm, AgentListPage, AgentPluginManager, AgentRuns, AgentScheduleForm, AgentSkillManager, ConfirmDialog, CopyButton, DashboardPage, DetailPageHeader, EmptyRow, FormError, LocalDate, McpServerListPage, MetricCard, ModelSelector, PaginationBar, PlaygroundPage, PluginDetailPage, PluginMarketplaceDetailPage, PluginMarketplaceListPage, RunDetailPage, RunListPage, RunSourceBadge, RunStatusBadge, SectionHeader, Select, SettingsPage, Tabs, Textarea, Th, ToolkitMultiselect, TranscriptViewer, parsePaginationParams };

package/package.json

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