@datatechsolutions/ui 2.11.78 → 2.11.79

package/dist/astrlabe/index.mjs

@@ -1,8 +1,8 @@
 "use client";
 import '../chunk-JB6RNAD2.mjs';
 export { topologicalSortAgents, validateGraphNodeConfigs, validateNodeConfig, validateWorkflowGraph } from '../chunk-53SRKVKQ.mjs';
-import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-3VHSRL3N.mjs';
-export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-3VHSRL3N.mjs';
+import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-J3OYJ44D.mjs';
+export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-J3OYJ44D.mjs';
 import { GlassModal, Button, FormInput, FormTextarea, FormSelect, FormGrid, Badge, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-LLFU42KC.mjs';
 import { useTranslations } from '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
@@ -1396,20 +1396,47 @@ function PipelineSettingsModal({ onSave }) {
   const open = activeModal === "pipeline-settings";
   const [nameValue, setNameValue] = useState("");
   const [descriptionValue, setDescriptionValue] = useState("");
+  const [slugValue, setSlugValue] = useState("");
+  const [isDraft, setIsDraft] = useState(true);
+  const [isActive, setIsActive] = useState(true);
   const [isSaving, setIsSaving] = useState(false);
+  const lifecycleAvailable = useMemo(() => {
+    if (!data) return false;
+    return data.isDraft !== void 0 || data.isActive !== void 0 || data.slug !== void 0;
+  }, [data]);
   useEffect(() => {
     if (data) {
       setNameValue(data.name);
       setDescriptionValue(data.description);
+      setSlugValue(data.slug ?? "");
+      setIsDraft(data.isDraft ?? true);
+      setIsActive(data.isActive ?? true);
     }
   }, [data]);
   const handleSubmit = async (event) => {
     event.preventDefault();
     const trimmedName = nameValue.trim();
     if (!trimmedName) return;
+    const trimmedDescription = descriptionValue.trim();
+    const trimmedSlug = slugValue.trim();
+    const changes = {
+      name: trimmedName,
+      description: trimmedDescription
+    };
+    if (data) {
+      if (trimmedSlug !== (data.slug ?? "")) {
+        changes.slug = trimmedSlug.length > 0 ? trimmedSlug : null;
+      }
+      if (data.isDraft !== void 0 && isDraft !== data.isDraft) {
+        changes.isDraft = isDraft;
+      }
+      if (data.isActive !== void 0 && isActive !== data.isActive) {
+        changes.isActive = isActive;
+      }
+    }
     setIsSaving(true);
     try {
-      await onSave(trimmedName, descriptionValue.trim());
+      await onSave(changes);
       closeModal();
     } catch {
     } finally {
@@ -1454,7 +1481,7 @@ function PipelineSettingsModal({ onSave }) {
       maxWidth: "md",
       footer,
       onSubmit: handleSubmit,
-      children: /* @__PURE__ */ jsxs("form", { id: "pipeline-settings-form", onSubmit: handleSubmit, className: "space-y-6", children: [
+      children: /* @__PURE__ */ jsxs("form", { id: "pipeline-settings-form", onSubmit: handleSubmit, className: "space-y-5", children: [
         /* @__PURE__ */ jsx(
           FormInput,
           {
@@ -1474,7 +1501,54 @@ function PipelineSettingsModal({ onSave }) {
             placeholder: t("pipelineDescriptionPlaceholder"),
             rows: 4
           }
-        )
+        ),
+        lifecycleAvailable && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            FormInput,
+            {
+              label: t("pipelineSlug", { _: "Slug" }),
+              value: slugValue,
+              onValueChange: setSlugValue,
+              placeholder: "fuel-pricing",
+              hint: t("pipelineSlugHint", {
+                _: "URL-friendly identifier. Leave blank to use the auto-generated one."
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxs("fieldset", { className: "space-y-2 rounded-xl border border-gray-200/60 bg-gray-50/60 p-3 dark:border-white/10 dark:bg-white/5", children: [
+            /* @__PURE__ */ jsx("legend", { className: "px-1 text-xs font-medium text-gray-600 dark:text-gray-300", children: t("pipelineLifecycle", { _: "Lifecycle" }) }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-3 text-sm text-gray-700 dark:text-gray-200", children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                t("pipelineIsDraft", { _: "Draft mode" }),
+                /* @__PURE__ */ jsx("span", { className: "ml-2 text-[11px] text-gray-400", children: isDraft ? t("pipelineIsDraftOn", { _: "Editable \u2014 changes do not affect runs." }) : t("pipelineIsDraftOff", { _: "Published \u2014 edits require a new version." }) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: isDraft,
+                  onChange: (event) => setIsDraft(event.target.checked),
+                  className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-3 text-sm text-gray-700 dark:text-gray-200", children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                t("pipelineIsActive", { _: "Active" }),
+                /* @__PURE__ */ jsx("span", { className: "ml-2 text-[11px] text-gray-400", children: isActive ? t("pipelineIsActiveOn", { _: "Visible in listings and runnable." }) : t("pipelineIsActiveOff", { _: "Archived \u2014 hidden from the default listing." }) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: isActive,
+                  onChange: (event) => setIsActive(event.target.checked),
+                  className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                }
+              )
+            ] })
+          ] })
+        ] })
       ] })
     }
   );