@datatechsolutions/ui 2.11.79 → 2.11.80

package/dist/astrlabe/index.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';
 
@@ -1553,6 +1553,234 @@ function PipelineSettingsModal({ onSave }) {
     }
   );
 }
+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"];
@@ -4312,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