@datatechsolutions/ui 2.11.78 → 2.11.80

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';
@@ -11,7 +11,7 @@ export { GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta } f
 import { getAgentTier, createDefaultLogicNodeConfig } from '../chunk-WNCPAWLC.mjs';
 export { applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier } from '../chunk-WNCPAWLC.mjs';
 import { memo, useCallback, useState, useEffect, useMemo, useRef, Children } from 'react';
-import { UserCircleIcon, Cog6ToothIcon, SparklesIcon, CommandLineIcon, KeyIcon, PlayCircleIcon, CpuChipIcon, ArrowPathRoundedSquareIcon, ArrowsPointingOutIcon, ArrowsPointingInIcon, BoltIcon, ClockIcon, CheckIcon, AdjustmentsHorizontalIcon, CircleStackIcon, TrashIcon, PlusIcon, XMarkIcon, EyeIcon, ArrowPathIcon, PlayIcon, StopIcon, XCircleIcon, CheckCircleIcon, VariableIcon, ChevronDownIcon, ChevronRightIcon, ExclamationCircleIcon, ClipboardDocumentIcon, ArrowDownTrayIcon, ArrowUpTrayIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
+import { UserCircleIcon, Cog6ToothIcon, SparklesIcon, CommandLineIcon, KeyIcon, PlayCircleIcon, CpuChipIcon, ArrowPathRoundedSquareIcon, ArrowsPointingOutIcon, ArrowsPointingInIcon, BoltIcon, ClockIcon, CheckIcon, ArrowPathIcon, AdjustmentsHorizontalIcon, CircleStackIcon, TrashIcon, PlusIcon, XMarkIcon, EyeIcon, PlayIcon, StopIcon, XCircleIcon, CheckCircleIcon, VariableIcon, ChevronDownIcon, ChevronRightIcon, ExclamationCircleIcon, ClipboardDocumentIcon, ArrowDownTrayIcon, ArrowUpTrayIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { create } from 'zustand';
 
@@ -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,11 +1501,286 @@ 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"
+                }
+              )
+            ] })
+          ] })
+        ] })
       ] })
     }
   );
 }
+function RunReplayModal({
+  open,
+  onClose,
+  runId,
+  workflowId,
+  originalInputs,
+  onReplay
+}) {
+  const t = useTranslations("agents.workflow");
+  const [rows, setRows] = useState([]);
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!open) return;
+    setRows(Object.entries(originalInputs).map(([key, value]) => toRow(key, value)));
+    setError(null);
+  }, [open, originalInputs]);
+  const overrides = useMemo(() => {
+    const out = {};
+    for (const row of rows) {
+      if (!row.touched) continue;
+      try {
+        out[row.key] = parseRow(row);
+      } catch (e) {
+        out[`__error__${row.key}`] = e.message;
+      }
+    }
+    return out;
+  }, [rows]);
+  const hasParseError = Object.keys(overrides).some((k) => k.startsWith("__error__"));
+  const updateRow = (index, patch) => {
+    setRows((current) => current.map((r, i) => i === index ? { ...r, ...patch, touched: true } : r));
+  };
+  const resetRow = (index) => {
+    setRows((current) => current.map((r, i) => {
+      if (i !== index) return r;
+      return toRow(r.key, r.original);
+    }));
+  };
+  const handleSubmit = async () => {
+    setError(null);
+    if (hasParseError) {
+      setError(t("replayParseError", { _: "One or more values do not match their declared type." }));
+      return;
+    }
+    setSubmitting(true);
+    try {
+      const cleaned = {};
+      for (const row of rows) {
+        if (!row.touched) continue;
+        cleaned[row.key] = parseRow(row);
+      }
+      await onReplay(cleaned);
+      onClose();
+    } catch (e) {
+      setError(e.message);
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const footer = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-gray-400", children: [
+      "run ",
+      /* @__PURE__ */ jsx("code", { children: runId.slice(0, 8) }),
+      " \xB7 wf ",
+      /* @__PURE__ */ jsx("code", { children: workflowId.slice(0, 8) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          className: "rounded-lg border border-gray-200/50 px-4 py-2 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-100/50 dark:border-white/10 dark:text-gray-300 dark:hover:bg-white/5",
+          children: t("cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "submit",
+          form: "run-replay-form",
+          color: "ios-glass-blue",
+          loading: submitting,
+          children: [
+            /* @__PURE__ */ jsx(ArrowPathIcon, { className: "h-4 w-4" }),
+            t("replay", { _: "Replay" })
+          ]
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ jsx(
+    GlassModal,
+    {
+      open,
+      onClose,
+      title: t("replayTitle", { _: "Replay run" }),
+      subtitle: t("replaySubtitle", { _: "Tweak any input below and re-execute. Untouched keys keep their original value." }),
+      icon: /* @__PURE__ */ jsx(ArrowPathIcon, { className: "h-5 w-5 text-white" }),
+      gradient: "from-sky-500 to-indigo-600",
+      maxWidth: "lg",
+      footer,
+      onSubmit: (event) => {
+        event.preventDefault();
+        void handleSubmit();
+      },
+      children: /* @__PURE__ */ jsxs(
+        "form",
+        {
+          id: "run-replay-form",
+          onSubmit: (event) => {
+            event.preventDefault();
+            void handleSubmit();
+          },
+          className: "space-y-3",
+          children: [
+            rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("replayNoInputs", { _: "This run had no input variables \u2014 replaying will execute the workflow as-is." }) }) : rows.map((row, index) => /* @__PURE__ */ jsx(
+              RowEditor,
+              {
+                row,
+                onChange: (patch) => updateRow(index, patch),
+                onReset: () => resetRow(index)
+              },
+              row.key
+            )),
+            error && /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-red-400/40 bg-red-500/10 p-2 text-xs text-red-600 dark:text-red-300", children: error })
+          ]
+        }
+      )
+    }
+  );
+}
+function RowEditor({
+  row,
+  onChange,
+  onReset
+}) {
+  const isJson = row.kind === "json";
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-gray-200/60 bg-gray-50/60 p-3 dark:border-white/10 dark:bg-white/5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-gray-700 dark:text-gray-200", children: row.key }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "rounded-full bg-gray-200/60 px-2 py-0.5 text-[10px] uppercase tracking-wider text-gray-600 dark:bg-white/10 dark:text-gray-300", children: row.kind }),
+        row.touched && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onReset,
+            className: "text-[11px] text-indigo-600 hover:text-indigo-500 dark:text-indigo-400",
+            children: "reset"
+          }
+        )
+      ] })
+    ] }),
+    row.kind === "boolean" ? /* @__PURE__ */ jsxs(
+      "select",
+      {
+        value: row.value,
+        onChange: (event) => onChange({ value: event.target.value }),
+        className: "w-full rounded-lg border border-gray-200/50 bg-white/70 px-3 py-2 text-sm text-gray-900 dark:border-white/10 dark:bg-gray-800/70 dark:text-gray-100",
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "true", children: "true" }),
+          /* @__PURE__ */ jsx("option", { value: "false", children: "false" })
+        ]
+      }
+    ) : isJson ? /* @__PURE__ */ jsx(
+      FormTextarea,
+      {
+        value: row.value,
+        onValueChange: (v) => onChange({ value: v }),
+        rows: 4,
+        className: "font-mono"
+      }
+    ) : /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: row.kind === "number" ? "number" : "text",
+        value: row.value,
+        onValueChange: (v) => onChange({ value: v })
+      }
+    )
+  ] });
+}
+function toRow(key, value) {
+  if (value === null || value === void 0) {
+    return { key, value: "", kind: "string", touched: false, original: value };
+  }
+  if (typeof value === "boolean") {
+    return { key, value: value ? "true" : "false", kind: "boolean", touched: false, original: value };
+  }
+  if (typeof value === "number") {
+    return { key, value: String(value), kind: "number", touched: false, original: value };
+  }
+  if (typeof value === "string") {
+    return { key, value, kind: "string", touched: false, original: value };
+  }
+  return {
+    key,
+    value: JSON.stringify(value, null, 2),
+    kind: "json",
+    touched: false,
+    original: value
+  };
+}
+function parseRow(row) {
+  switch (row.kind) {
+    case "string":
+      return row.value;
+    case "number": {
+      const n = Number(row.value);
+      if (!Number.isFinite(n)) {
+        throw new Error(`'${row.key}' must be a number, got '${row.value}'`);
+      }
+      return n;
+    }
+    case "boolean":
+      return row.value === "true";
+    case "json": {
+      if (row.value.trim().length === 0) return null;
+      try {
+        return JSON.parse(row.value);
+      } catch (e) {
+        throw new Error(`'${row.key}' is not valid JSON: ${e.message}`);
+      }
+    }
+  }
+}
 
 // src/astrlabe/components/rules/types.ts
 var RULE_STATUS_OPTIONS = ["draft", "active", "archived"];
@@ -4238,6 +4540,6 @@ function useHelpLines() {
   };
 }
 
-export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, MetaLlamaIcon, NodePalette, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultRuleAction, defaultRuleCondition, defaultRuleForm, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
+export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, MetaLlamaIcon, NodePalette, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, RunReplayModal, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultRuleAction, defaultRuleCondition, defaultRuleForm, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map