@getcatalystiq/agent-plane-ui 0.1.29 → 0.1.30

package/dist/index.cjs

@@ -3362,7 +3362,8 @@ function FileTreeEditor2({
   addFolderLabel = "Folder",
   newFileTemplate = { filename: "SKILL.md", content: "---\nname: New Skill\ndescription: Describe when this skill should be triggered\n---\n\n# Instructions\n\nDescribe what this skill does...\n" },
   savedVersion,
-  fixedStructure = false
+  fixedStructure = false,
+  headerActions
 }) {
   const [files, setFiles] = React.useState(initialFiles);
   const [selectedPath, setSelectedPath] = React.useState(
@@ -3553,7 +3554,10 @@ function FileTreeEditor2({
         isDirty && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Badge, { variant: "destructive", className: "text-xs", children: "Unsaved changes" }),
         readOnly && /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Badge, { variant: "secondary", className: "text-xs", children: "Read-only" })
       ] }),
-      !readOnly && !hideSave && /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : saveLabel })
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        headerActions,
+        !readOnly && !hideSave && /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : saveLabel })
+      ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 min-h-[500px]", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-64 shrink-0 border border-border rounded-md overflow-hidden", children: [
@@ -3839,7 +3843,6 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
     onSaved?.();
   }, [agentId, client, onSaved]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Button, { size: "sm", variant: "outline", onClick: () => setImportOpen(true), children: "Import from skills.sh" }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       FileTreeEditor2,
       {
@@ -3851,7 +3854,8 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
         newFileTemplate: {
           filename: "SKILL.md",
           content: "---\nname: New Skill\ndescription: Describe when this skill should be triggered\n---\n\n# Instructions\n\nDescribe what this skill does...\n"
-        }
+        },
+        headerActions: /* @__PURE__ */ jsxRuntime.jsx(chunkXXF4U7WL_cjs.Button, { size: "sm", variant: "outline", onClick: () => setImportOpen(true), children: "Import from skills.sh" })
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(

package/dist/index.js

@@ -3338,7 +3338,8 @@ function FileTreeEditor2({
   addFolderLabel = "Folder",
   newFileTemplate = { filename: "SKILL.md", content: "---\nname: New Skill\ndescription: Describe when this skill should be triggered\n---\n\n# Instructions\n\nDescribe what this skill does...\n" },
   savedVersion,
-  fixedStructure = false
+  fixedStructure = false,
+  headerActions
 }) {
   const [files, setFiles] = useState(initialFiles);
   const [selectedPath, setSelectedPath] = useState(
@@ -3529,7 +3530,10 @@ function FileTreeEditor2({
         isDirty && !readOnly && /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "text-xs", children: "Unsaved changes" }),
         readOnly && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: "Read-only" })
       ] }),
-      !readOnly && !hideSave && /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : saveLabel })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        headerActions,
+        !readOnly && !hideSave && /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: saving || !isDirty, size: "sm", children: saving ? "Saving..." : saveLabel })
+      ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-4 min-h-[500px]", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-64 shrink-0 border border-border rounded-md overflow-hidden", children: [
@@ -3815,7 +3819,6 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
     onSaved?.();
   }, [agentId, client, onSaved]);
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end mb-4", children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: () => setImportOpen(true), children: "Import from skills.sh" }) }),
     /* @__PURE__ */ jsx(
       FileTreeEditor2,
       {
@@ -3827,7 +3830,8 @@ function AgentSkillManager({ agentId, initialSkills, onSaved }) {
         newFileTemplate: {
           filename: "SKILL.md",
           content: "---\nname: New Skill\ndescription: Describe when this skill should be triggered\n---\n\n# Instructions\n\nDescribe what this skill does...\n"
-        }
+        },
+        headerActions: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: () => setImportOpen(true), children: "Import from skills.sh" })
       }
     ),
     /* @__PURE__ */ jsx(

package/package.json

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