@datatechsolutions/ui 2.11.79 → 2.11.81

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,439 @@ 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}`);
+      }
+    }
+  }
+}
+var PRIMITIVE_TYPES = [
+  { value: "string", label: "string" },
+  { value: "number", label: "number" },
+  { value: "integer", label: "integer" },
+  { value: "boolean", label: "boolean" }
+];
+var COMPLEX_TYPES = [
+  { value: "object", label: "object (nested)" },
+  { value: "array", label: "array of objects" }
+];
+var ALL_TYPES = [...PRIMITIVE_TYPES, ...COMPLEX_TYPES];
+function OutputSchemaBuilder({ value, onChange, depth = 0 }) {
+  const fields = useMemo(() => {
+    if (!value || value.type !== "object") return [];
+    return buildFieldRows(value);
+  }, [value]);
+  if (!value) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-dashed border-slate-300 bg-slate-50/40 p-4 text-center dark:border-slate-700 dark:bg-slate-900/30", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs text-slate-500 dark:text-slate-400", children: "No schema yet \u2014 agent text is exposed as a raw string. Add a schema to enforce structured output." }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          outline: true,
+          onClick: () => onChange({ type: "object", properties: {}, required: [] }),
+          children: "+ Add output schema"
+        }
+      )
+    ] });
+  }
+  if (value.type !== "object") {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-amber-300 bg-amber-50/40 p-3 text-xs text-amber-700 dark:border-amber-700 dark:bg-amber-900/20 dark:text-amber-300", children: [
+      "The visual builder only supports `type: object` at the top level. Convert manually or",
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "ml-1 underline",
+          onClick: () => onChange({ type: "object", properties: {}, required: [] }),
+          children: "reset to object"
+        }
+      ),
+      "."
+    ] });
+  }
+  const updateFields = (next) => {
+    onChange(rowsToSchema(next));
+  };
+  const addField = () => {
+    updateFields([
+      ...fields,
+      { name: "", type: "string", description: "", required: false, child: void 0 }
+    ]);
+  };
+  const removeField = (index) => {
+    updateFields(fields.filter((_, i) => i !== index));
+  };
+  const patchField = (index, patch) => {
+    updateFields(fields.map((f, i) => i === index ? { ...f, ...patch } : f));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-700 dark:text-slate-200", children: "Top-level fields" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-xs text-rose-600 hover:text-rose-500",
+          onClick: () => onChange(void 0),
+          children: "Remove schema"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      fields.map((field, index) => /* @__PURE__ */ jsx(
+        FieldEditor,
+        {
+          field,
+          onChange: (patch) => patchField(index, patch),
+          onRemove: () => removeField(index),
+          depth
+        },
+        index
+      )),
+      /* @__PURE__ */ jsx(Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
+    ] })
+  ] });
+}
+function FieldEditor({
+  field,
+  onChange,
+  onRemove,
+  depth
+}) {
+  const handleTypeChange = (next) => {
+    if (next === "object") {
+      onChange({ type: next, child: { type: "object", properties: {}, required: [] } });
+    } else if (next === "array") {
+      onChange({ type: next, child: { type: "object", properties: {}, required: [] } });
+    } else {
+      onChange({ type: next, child: void 0 });
+    }
+  };
+  const isComplex = field.type === "object" || field.type === "array";
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_140px_auto_auto] items-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Name",
+          value: field.name,
+          onValueChange: (name) => onChange({ name }),
+          placeholder: "recommendedPrice"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormSelect,
+        {
+          label: "Type",
+          value: field.type,
+          options: ALL_TYPES.map((t) => ({ value: t.value, label: t.label })),
+          onValueChange: (t) => handleTypeChange(t)
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 pb-2 text-xs text-slate-700 dark:text-slate-200", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: field.required,
+            onChange: (event) => onChange({ required: event.target.checked }),
+            className: "h-4 w-4 rounded border-slate-300"
+          }
+        ),
+        "Required"
+      ] }),
+      /* @__PURE__ */ jsx(Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Description (optional)",
+        value: field.description,
+        onValueChange: (description) => onChange({ description }),
+        placeholder: "What the model should put here"
+      }
+    ),
+    isComplex && depth < 1 && /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded-lg border border-dashed border-slate-300 p-2 dark:border-slate-700", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-[11px] uppercase tracking-wider text-slate-400", children: field.type === "array" ? "Item shape" : "Nested fields" }),
+      /* @__PURE__ */ jsx(
+        OutputSchemaBuilder,
+        {
+          value: field.child,
+          onChange: (child) => onChange({ child }),
+          depth: depth + 1
+        }
+      )
+    ] }),
+    isComplex && depth >= 1 && /* @__PURE__ */ jsx("p", { className: "mt-2 text-[11px] italic text-slate-500", children: "Deeper nesting is supported by the engine but not by this builder \u2014 edit the JSON directly if you need a third level." })
+  ] });
+}
+function buildFieldRows(schema) {
+  const properties = schema.properties ?? {};
+  const required = new Set(schema.required ?? []);
+  return Object.entries(properties).map(([name, subschema]) => {
+    const t = subschema.type ?? "string";
+    const isObject = t === "object";
+    const isArray = t === "array";
+    return {
+      name,
+      type: isObject ? "object" : isArray ? "array" : t,
+      description: subschema.description ?? "",
+      required: required.has(name),
+      child: isObject ? subschema : isArray ? subschema.items : void 0
+    };
+  });
+}
+function rowsToSchema(rows) {
+  const properties = {};
+  const required = [];
+  for (const row of rows) {
+    const name = row.name.trim();
+    if (!name) continue;
+    let entry;
+    if (row.type === "object") {
+      entry = row.child && row.child.type === "object" ? row.child : { type: "object", properties: {}, required: [] };
+    } else if (row.type === "array") {
+      entry = {
+        type: "array",
+        items: row.child ?? { type: "object", properties: {}, required: [] }
+      };
+    } else {
+      entry = { type: row.type };
+    }
+    if (row.description) entry.description = row.description;
+    properties[name] = entry;
+    if (row.required) required.push(name);
+  }
+  const out = { type: "object", properties };
+  if (required.length > 0) out.required = required;
+  return out;
+}
+function defaultAgentOutputSchema() {
+  return { type: "object", properties: {}, required: [] };
+}
 
 // src/astrlabe/components/rules/types.ts
 var RULE_STATUS_OPTIONS = ["draft", "active", "archived"];
@@ -4312,6 +4745,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, OutputSchemaBuilder, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, RunReplayModal, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultAgentOutputSchema, 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