@datatechsolutions/ui 2.11.62 → 2.11.63

package/dist/{chunk-VG6AMK5R.mjs → chunk-BZX5WQOL.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { ToggleSwitch, GlassModal, ContextMenu, FormInput, FormSelect, FormTextarea, Button, IconButton } from './chunk-KRWGJS25.mjs';
+import { ToggleSwitch, GlassModal, ContextMenu, FormSelect, FormInput, FormTextarea, Button, IconButton } from './chunk-T5SX6BD6.mjs';
 import { useTranslations, I18nProvider, createI18nFromMessages } from './chunk-7VJ7CMMT.mjs';
 import { GraphNodeHeader, GraphNodeMeta, GraphNodeBadge, GraphNodeIconBubble } from './chunk-OZNTQROP.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig, applyDagreLayout } from './chunk-WNCPAWLC.mjs';
@@ -1232,7 +1232,15 @@ function DatasourceNodeConfigForm({
   const [selectedColumns, setSelectedColumns] = useState([...config.selectedColumns ?? []]);
   const [outputVariable, setOutputVariable] = useState(config.outputVariable);
   const [limit, setLimit] = useState(config.limit);
-  const [filterVariables, setFilterVariables] = useState({ ...config.filterVariables });
+  const [filters, setFilters] = useState(() => {
+    if (config.filters && config.filters.length > 0) return [...config.filters];
+    const legacy = Object.entries(config.filterVariables ?? {}).filter(([variableName, column]) => variableName && column).map(([variableName, column]) => ({
+      column,
+      op: "eq",
+      value: `{{ inputs.${variableName} }}`
+    }));
+    return legacy;
+  });
   const [tableSearch, setTableSearch] = useState("");
   const [columnSearch, setColumnSearch] = useState("");
   const allColumnNames = availableColumns.map((column) => column.name);
@@ -1274,7 +1282,7 @@ function DatasourceNodeConfigForm({
     setAvailableTables([]);
     setAvailableColumns([]);
     setSelectedColumns([]);
-    setFilterVariables({});
+    setFilters([]);
     setTableSearch("");
     setColumnSearch("");
   };
@@ -1282,7 +1290,7 @@ function DatasourceNodeConfigForm({
     setSelectedTable(table);
     setAvailableColumns([]);
     setSelectedColumns([]);
-    setFilterVariables({});
+    setFilters([]);
     setColumnSearch("");
   };
   const handleToggleColumn = (columnName) => {
@@ -1291,32 +1299,46 @@ function DatasourceNodeConfigForm({
     );
   };
   const handleAddFilter = () => {
-    setFilterVariables((previous) => ({ ...previous, [`field_${Object.keys(previous).length}`]: "" }));
+    setFilters((previous) => [...previous, { column: "", op: "eq", value: "" }]);
   };
-  const handleUpdateFilterVariable = (oldKey, newKey) => {
-    setFilterVariables((previous) => {
-      const updated = { ...previous };
-      const value = updated[oldKey] ?? "";
-      delete updated[oldKey];
-      updated[newKey] = value;
-      return updated;
-    });
+  const handleUpdateFilterColumn = (index, nextColumn) => {
+    setFilters((previous) => previous.map((row, i) => i === index ? { ...row, column: nextColumn } : row));
   };
-  const handleUpdateFilterField = (key, newValue) => {
-    setFilterVariables((previous) => ({ ...previous, [key]: newValue }));
+  const handleUpdateFilterOp = (index, nextOp) => {
+    setFilters((previous) => previous.map((row, i) => {
+      if (i !== index) return row;
+      if (nextOp === "in") {
+        const arr = Array.isArray(row.value) ? row.value : row.value == null || row.value === "" ? [] : [row.value];
+        return { ...row, op: nextOp, value: arr };
+      }
+      if (Array.isArray(row.value)) {
+        return { ...row, op: nextOp, value: row.value[0] ?? "" };
+      }
+      return { ...row, op: nextOp };
+    }));
   };
-  const handleRemoveFilter = (key) => {
-    setFilterVariables((previous) => {
-      const updated = { ...previous };
-      delete updated[key];
-      return updated;
-    });
+  const handleUpdateFilterValue = (index, nextValue) => {
+    setFilters((previous) => previous.map((row, i) => {
+      if (i !== index) return row;
+      if (row.op === "in") {
+        const arr = nextValue.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
+        return { ...row, value: arr };
+      }
+      return { ...row, value: nextValue };
+    }));
+  };
+  const handleRemoveFilter = (index) => {
+    setFilters((previous) => previous.filter((_, i) => i !== index));
   };
   const handleSave = () => {
-    const cleanedFilters = {};
-    for (const [key, value] of Object.entries(filterVariables)) {
-      if (key.trim() && value.trim()) cleanedFilters[key.trim()] = value.trim();
-    }
+    const cleaned = filters.filter((row) => row.column.trim()).map((row) => {
+      const op = row.op ?? "eq";
+      if (op === "in") {
+        const arr = Array.isArray(row.value) ? row.value : [];
+        return { column: row.column.trim(), op, value: arr };
+      }
+      return { column: row.column.trim(), op, value: row.value ?? "" };
+    });
     onSave({
       ...config,
       datasourceId: selectedDatasourceId,
@@ -1325,10 +1347,13 @@ function DatasourceNodeConfigForm({
       selectedColumns,
       outputVariable: outputVariable.trim(),
       limit,
-      filterVariables: cleanedFilters
+      filters: cleaned,
+      // Clear the legacy field so the engine's back-compat path doesn't
+      // double-apply filters after a round-trip through this form.
+      filterVariables: void 0
     });
   };
-  const filterEntries = Object.entries(filterVariables);
+  const filterEntries = filters;
   const canSave = selectedDatasourceId && selectedTable && selectedColumns.length > 0;
   function renderSection() {
     switch (activeSectionId) {
@@ -1502,42 +1527,65 @@ function DatasourceNodeConfigForm({
                 ]
               }
             )
-          ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: filterEntries.map(([variableName, columnName], index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-xl border border-gray-200 bg-white px-3 py-2 dark:border-white/10 dark:bg-white/[0.03]", children: [
-            /* @__PURE__ */ jsxs(
-              "select",
-              {
-                value: columnName,
-                onChange: (event) => handleUpdateFilterField(variableName, event.target.value),
-                disabled: readOnly,
-                className: "flex-1 rounded bg-transparent text-xs text-gray-900 outline-none disabled:opacity-60 dark:text-white",
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: t("columnName") }),
-                  availableColumns.map((column) => /* @__PURE__ */ jsx("option", { value: column.name, children: column.name }, column.name))
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "text-[10px] font-bold text-gray-400", children: "=" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "text",
-                value: variableName,
-                onChange: (event) => handleUpdateFilterVariable(variableName, event.target.value),
-                placeholder: t("variableReference"),
-                readOnly,
-                className: "flex-1 bg-transparent text-xs text-gray-900 outline-none placeholder:text-gray-400 dark:text-white dark:placeholder:text-gray-500"
-              }
-            ),
-            !readOnly && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => handleRemoveFilter(variableName),
-                className: "shrink-0 rounded-md p-1 text-gray-400 transition-colors hover:bg-red-50 hover:text-red-500 dark:hover:bg-red-900/20",
-                children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-3 w-3" })
-              }
-            )
-          ] }, index)) })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: filterEntries.map((row, index) => {
+            const currentOp = row.op ?? "eq";
+            const valueDisplay = Array.isArray(row.value) ? row.value.map(String).join(", ") : row.value == null ? "" : String(row.value);
+            return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-xl border border-gray-200 bg-white px-3 py-2 dark:border-white/10 dark:bg-white/[0.03]", children: [
+              /* @__PURE__ */ jsxs(
+                "select",
+                {
+                  value: row.column,
+                  onChange: (event) => handleUpdateFilterColumn(index, event.target.value),
+                  disabled: readOnly,
+                  className: "w-[28%] rounded bg-transparent text-xs text-gray-900 outline-none disabled:opacity-60 dark:text-white",
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "", children: t("columnName") }),
+                    availableColumns.map((column) => /* @__PURE__ */ jsx("option", { value: column.name, children: column.name }, column.name))
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "select",
+                {
+                  value: currentOp,
+                  onChange: (event) => handleUpdateFilterOp(index, event.target.value),
+                  disabled: readOnly,
+                  className: "w-[18%] rounded bg-gray-50 px-1 text-center text-[10px] font-semibold uppercase text-gray-700 outline-none disabled:opacity-60 dark:bg-white/[0.05] dark:text-gray-200",
+                  title: t("filterOperator", { _: "Filter operator" }),
+                  children: [
+                    /* @__PURE__ */ jsx("option", { value: "eq", children: "= (eq)" }),
+                    /* @__PURE__ */ jsx("option", { value: "neq", children: "\u2260 (neq)" }),
+                    /* @__PURE__ */ jsx("option", { value: "lt", children: "< (lt)" }),
+                    /* @__PURE__ */ jsx("option", { value: "lte", children: "\u2264 (lte)" }),
+                    /* @__PURE__ */ jsx("option", { value: "gt", children: "> (gt)" }),
+                    /* @__PURE__ */ jsx("option", { value: "gte", children: "\u2265 (gte)" }),
+                    /* @__PURE__ */ jsx("option", { value: "like", children: "LIKE" }),
+                    /* @__PURE__ */ jsx("option", { value: "in", children: "IN (\u2026)" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  value: valueDisplay,
+                  onChange: (event) => handleUpdateFilterValue(index, event.target.value),
+                  placeholder: currentOp === "in" ? "comma-separated, e.g. SP, RJ, MG" : t("variableReference"),
+                  readOnly,
+                  className: "flex-1 bg-transparent text-xs text-gray-900 outline-none placeholder:text-gray-400 dark:text-white dark:placeholder:text-gray-500"
+                }
+              ),
+              !readOnly && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => handleRemoveFilter(index),
+                  className: "shrink-0 rounded-md p-1 text-gray-400 transition-colors hover:bg-red-50 hover:text-red-500 dark:hover:bg-red-900/20",
+                  children: /* @__PURE__ */ jsx(XMarkIcon$1, { className: "h-3 w-3" })
+                }
+              )
+            ] }, index);
+          }) })
         ] });
       case "output":
         return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
@@ -2673,7 +2721,9 @@ var CodeFlowNode = memo(function CodeFlowNode2({ id, data, selected }) {
   const t = useTranslations("agents.workflow");
   const { config, label, onDelete, onEdit } = data;
   const isCompact = data.displayMode === "compact";
-  const codePreview = config.code ? config.code.slice(0, 30) : "";
+  const isScripted = "language" in config;
+  const badgeLabel = isScripted ? config.language : config.operation;
+  const codePreview = isScripted && config.code ? config.code.slice(0, 30) : "";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(NodeRunningIndicator, { nodeId: id }),
     /* @__PURE__ */ jsx(WorkflowHandle, { type: "target", position: Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
@@ -2699,7 +2749,7 @@ var CodeFlowNode = memo(function CodeFlowNode2({ id, data, selected }) {
           /* @__PURE__ */ jsxs(NodeCardMeta, { compact: isCompact, children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx(NodeCardBadge, { tone: "code", children: t("codeNode") }),
-              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "code", soft: true, children: config.language }),
+              /* @__PURE__ */ jsx(NodeCardBadge, { tone: "code", soft: true, children: badgeLabel }),
               codePreview && /* @__PURE__ */ jsxs("span", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
                 codePreview,
                 "..."
@@ -4080,59 +4130,274 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
   ] });
 }
 var LANGUAGE_OPTIONS = ["javascript", "python", "typescript"];
+var OPERATION_OPTIONS = [
+  { value: "passthrough", label: "passthrough", help: "Emit the incoming value unchanged." },
+  { value: "return", label: "return", help: "Emit a literal JSON value." },
+  { value: "merge", label: "merge", help: "Shallow-merge incoming + a literal object." },
+  { value: "pick", label: "pick", help: "Project specific keys off the incoming object." },
+  { value: "parse_json", label: "parse_json", help: "Parse a stringified JSON out of an upstream field (e.g. an agent's `.text`)." },
+  { value: "regex_extract", label: "regex_extract", help: "Run a regex over `from`, return the capture group." },
+  { value: "xml_titles", label: "xml_titles", help: "Extract every `<title>` from an RSS/Atom body." }
+];
+function hasLanguage(config) {
+  return "language" in config && typeof config.language === "string";
+}
+function hasOperation(config) {
+  return "operation" in config && typeof config.operation === "string";
+}
 function CodeNodeConfigForm({ config, onSave, onCancel }) {
   const t = useTranslations("agents.workflow.codeNodeConfig");
-  const [language, setLanguage] = useState(config.language);
-  const [code, setCode] = useState(config.code);
+  const initialMode = hasOperation(config) ? "operation" : "scripted";
+  const [mode, setMode] = useState(initialMode);
+  const [language, setLanguage] = useState(
+    hasLanguage(config) ? config.language : "javascript"
+  );
+  const [code, setCode] = useState(hasLanguage(config) ? config.code : "");
+  const op0 = hasOperation(config) ? config : void 0;
+  const [operation, setOperation] = useState(op0?.operation ?? "passthrough");
+  const [from, setFrom] = useState(op0?.from ?? "");
+  const [valueText, setValueText] = useState(
+    op0?.value !== void 0 ? JSON.stringify(op0.value, null, 2) : ""
+  );
+  const [fieldsText, setFieldsText] = useState((op0?.fields ?? []).join(", "));
+  const [pattern, setPattern] = useState(op0?.pattern ?? "");
+  const [flags, setFlags] = useState(op0?.flags ?? "");
+  const [group, setGroup] = useState(op0?.group ?? 1);
+  const [output, setOutput] = useState(op0?.output ?? "");
+  const [keepChannel, setKeepChannel] = useState(op0?.keepChannel ?? false);
+  const selectedOpHelp = useMemo(
+    () => OPERATION_OPTIONS.find((o) => o.value === operation)?.help ?? "",
+    [operation]
+  );
   const handleSave = () => {
-    onSave({ ...config, language, code });
+    if (mode === "scripted") {
+      onSave({ type: "code", language, code });
+      return;
+    }
+    const next = { type: "code", operation };
+    if (from.trim()) next.from = from.trim();
+    if (operation === "return" && valueText.trim()) {
+      try {
+        next.value = JSON.parse(valueText);
+      } catch {
+        next.value = valueText;
+      }
+    }
+    if (operation === "merge" && valueText.trim()) {
+      try {
+        next.value = JSON.parse(valueText);
+      } catch {
+        next.value = valueText;
+      }
+    }
+    if (operation === "pick") {
+      next.fields = fieldsText.split(",").map((s) => s.trim()).filter(Boolean);
+    }
+    if (operation === "regex_extract") {
+      next.pattern = pattern;
+      if (flags.trim()) next.flags = flags.trim();
+      if (group !== 1) next.group = group;
+    }
+    if (operation === "xml_titles" && keepChannel) next.keepChannel = true;
+    if ((operation === "regex_extract" || operation === "xml_titles") && output.trim()) {
+      next.output = output.trim();
+    }
+    onSave(next);
   };
+  const labelClass = "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300";
+  const inputClass = "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder-gray-400 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500";
+  const textareaClass = `${inputClass} font-mono text-xs`;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("languageLabel") }),
-      /* @__PURE__ */ jsx(
-        "select",
-        {
-          value: language,
-          onChange: (event) => setLanguage(event.target.value),
-          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder-gray-400 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500",
-          children: LANGUAGE_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("codeLabel") }),
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          value: code,
-          onChange: (event) => setCode(event.target.value),
-          placeholder: t("codePlaceholder"),
-          rows: 10,
-          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 font-mono text-xs text-gray-900 placeholder-gray-400 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-4 border-t border-gray-200 dark:border-gray-700", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 rounded-lg bg-gray-100 p-1 text-sm dark:bg-gray-800", children: [
       /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          onClick: onCancel,
-          className: "rounded-lg border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",
-          children: t("cancel")
+          onClick: () => setMode("operation"),
+          className: `flex-1 rounded-md px-3 py-1.5 font-medium transition ${mode === "operation" ? "bg-white text-indigo-600 shadow-sm dark:bg-gray-900 dark:text-indigo-400" : "text-gray-600 dark:text-gray-400"}`,
+          children: t("modeOperation", { _: "Operation" })
         }
       ),
       /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          onClick: handleSave,
-          className: "rounded-lg bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600",
-          children: t("save")
+          onClick: () => setMode("scripted"),
+          className: `flex-1 rounded-md px-3 py-1.5 font-medium transition ${mode === "scripted" ? "bg-white text-indigo-600 shadow-sm dark:bg-gray-900 dark:text-indigo-400" : "text-gray-600 dark:text-gray-400"}`,
+          children: t("modeScripted", { _: "Scripted" })
         }
       )
-    ] })
+    ] }),
+    mode === "scripted" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: labelClass, children: t("languageLabel") }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            value: language,
+            onChange: (event) => setLanguage(event.target.value),
+            className: inputClass,
+            children: LANGUAGE_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-amber-600 dark:text-amber-400", children: "The engine has no embedded script runtime \u2014 scripted nodes fail at execution today. Prefer the Operation mode for real graphs." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: labelClass, children: t("codeLabel") }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: code,
+            onChange: (event) => setCode(event.target.value),
+            placeholder: t("codePlaceholder"),
+            rows: 10,
+            className: textareaClass
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: labelClass, children: "Operation" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            value: operation,
+            onChange: (event) => setOperation(event.target.value),
+            className: inputClass,
+            children: OPERATION_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: selectedOpHelp })
+      ] }),
+      operation !== "return" && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: labelClass, children: "from" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: from,
+            onChange: (event) => setFrom(event.target.value),
+            placeholder: "e.g. http-news.body",
+            className: inputClass
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: "Dotted reference into the variable pool. Leave blank to read the sole incoming edge." })
+      ] }),
+      (operation === "return" || operation === "merge") && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("label", { className: labelClass, children: [
+          "value ",
+          operation === "merge" ? "(object to merge in)" : "(literal JSON)"
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: valueText,
+            onChange: (event) => setValueText(event.target.value),
+            placeholder: '{"recommendedPrice": 6.29}',
+            rows: 6,
+            className: textareaClass
+          }
+        )
+      ] }),
+      operation === "pick" && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: labelClass, children: "fields" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: fieldsText,
+            onChange: (event) => setFieldsText(event.target.value),
+            placeholder: "id, name, state",
+            className: inputClass
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: "Comma-separated keys to project." })
+      ] }),
+      operation === "regex_extract" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: labelClass, children: "pattern" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: pattern,
+              onChange: (event) => setPattern(event.target.value),
+              placeholder: `R\\$(\\d+\\.\\d+)`,
+              className: `${inputClass} font-mono text-xs`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: labelClass, children: "flags" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: flags,
+                onChange: (event) => setFlags(event.target.value),
+                placeholder: "e.g. i or ims",
+                className: inputClass
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: "i, m, s, x, U, R (g is implicit)." })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: labelClass, children: "group" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "number",
+                value: group,
+                onChange: (event) => setGroup(Number(event.target.value) || 0),
+                min: 0,
+                className: inputClass
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: "0 = whole match, 1 = first capture group (default)." })
+          ] })
+        ] })
+      ] }),
+      operation === "xml_titles" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: keepChannel,
+            onChange: (event) => setKeepChannel(event.target.checked),
+            className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 dark:border-gray-600"
+          }
+        ),
+        "Keep channel/feed title (default: drop the first `<title>`)."
+      ] }),
+      (operation === "regex_extract" || operation === "xml_titles") && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("label", { className: labelClass, children: "output key" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: output,
+            onChange: (event) => setOutput(event.target.value),
+            placeholder: operation === "regex_extract" ? "matches" : "titles",
+            className: inputClass
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: [
+          "Defaults to `",
+          operation === "regex_extract" ? "matches" : "titles",
+          "` if left blank."
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
   ] });
 }
 var HTTP_METHODS = ["GET", "POST", "PUT", "DELETE"];
@@ -4937,7 +5202,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
     )
   ] });
 }
-var OPERATION_OPTIONS = ["filter", "map", "sort", "limit", "deduplicate", "flatten"];
+var OPERATION_OPTIONS2 = ["filter", "map", "sort", "limit", "deduplicate", "flatten"];
 var SORT_ORDER_OPTIONS = ["asc", "desc"];
 function ListOperatorNodeConfigForm({ config, onSave, onCancel }) {
   const t = useTranslations("agents.workflow.listOperatorNodeConfig");
@@ -4979,7 +5244,7 @@ function ListOperatorNodeConfigForm({ config, onSave, onCancel }) {
           value: operation,
           onChange: (event) => setOperation(event.target.value),
           className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder-gray-400 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500",
-          children: OPERATION_OPTIONS.map((operationOption) => /* @__PURE__ */ jsx("option", { value: operationOption, children: t(`operation_${operationOption}`) }, operationOption))
+          children: OPERATION_OPTIONS2.map((operationOption) => /* @__PURE__ */ jsx("option", { value: operationOption, children: t(`operation_${operationOption}`) }, operationOption))
         }
       )
     ] }),
@@ -5648,6 +5913,220 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
     )
   ] });
 }
+function RuleNodeConfigForm({ config, onSave, onCancel, availableRules }) {
+  const t = useTranslations("agents.workflow.ruleNodeConfig");
+  const [ruleId, setRuleId] = useState(config.ruleId ?? "");
+  const [priority, setPriority] = useState(config.priority ?? 1);
+  const [enabled, setEnabled] = useState(config.enabled ?? true);
+  const handleSave = () => {
+    const next = { ...config, type: "rule", ruleId: ruleId.trim(), priority, enabled };
+    onSave(next);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300", children: t("ruleIdLabel", { _: "Rule" }) }),
+      availableRules && availableRules.length > 0 ? /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: ruleId,
+          onChange: (event) => setRuleId(event.target.value),
+          className: "w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 outline-none focus:border-indigo-400 focus:ring-2 focus:ring-indigo-400/20 dark:border-gray-600 dark:bg-gray-800 dark:text-white",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: t("rulePickPrompt", { _: "Choose a rule\u2026" }) }),
+            availableRules.map((rule) => /* @__PURE__ */ jsx("option", { value: rule.ruleId, children: rule.name ? `${rule.name} (${rule.ruleId})` : rule.ruleId }, rule.ruleId))
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          type: "text",
+          value: ruleId,
+          onValueChange: setRuleId,
+          placeholder: "e.g. peak_hours"
+        }
+      ),
+      /* @__PURE__ */ jsxs("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: [
+        "References an ",
+        /* @__PURE__ */ jsx("code", { children: "astrlabe.agent_rules.rule_id" }),
+        " row in this organization."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          type: "number",
+          label: t("priorityLabel", { _: "Priority" }),
+          value: String(priority),
+          onValueChange: (value) => setPriority(Number(value) || 0),
+          min: 0
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-end gap-2 pb-2 text-sm text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: enabled,
+            onChange: (event) => setEnabled(event.target.checked),
+            className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 dark:border-gray-600"
+          }
+        ),
+        t("enabledLabel", { _: "Enabled" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
+function AgentNodeConfigForm({
+  config,
+  onSave,
+  onCancel,
+  availableAgents,
+  availableConnections
+}) {
+  const t = useTranslations("agents.workflow.agentNodeConfig");
+  const [agentId, setAgentId] = useState(config.agentId ?? "");
+  const [connectionId, setConnectionId] = useState(config.connectionId ?? "");
+  const [modelId, setModelId] = useState(config.modelId ?? "");
+  const [systemPrompt, setSystemPrompt] = useState(config.systemPrompt ?? "");
+  const [userPrompt, setUserPrompt] = useState(config.userPrompt ?? "");
+  const [maxTokens, setMaxTokens] = useState(config.maxTokens ?? 1024);
+  const [temperature, setTemperature] = useState(config.temperature ?? 0.2);
+  const handleSave = () => {
+    const next = {
+      ...config,
+      type: "agent",
+      agentId: agentId.trim() || void 0,
+      connectionId: connectionId.trim() || void 0,
+      modelId: modelId.trim() || void 0,
+      systemPrompt: systemPrompt || void 0,
+      userPrompt: userPrompt || void 0,
+      maxTokens,
+      temperature
+    };
+    onSave(next);
+  };
+  const agentOptions = (availableAgents ?? []).map((agent) => ({
+    value: agent.id,
+    label: agent.name ?? agent.slug ?? agent.id
+  }));
+  const connOptions = (availableConnections ?? []).map((conn) => ({
+    value: conn.id,
+    label: conn.providerType ? `${conn.name ?? conn.id} (${conn.providerType})` : conn.name ?? conn.id
+  }));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    agentOptions.length > 0 ? /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: t("agentLabel", { _: "Agent" }),
+        value: agentId,
+        onValueChange: setAgentId,
+        options: [{ value: "", label: t("agentPickPrompt", { _: "Choose an agent\u2026" }) }, ...agentOptions]
+      }
+    ) : /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("agentIdLabel", { _: "Agent ID" }),
+        value: agentId,
+        onValueChange: setAgentId,
+        placeholder: "UUID of an astrlabe.agents row"
+      }
+    ),
+    connOptions.length > 0 ? /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: t("connectionLabel", { _: "Model provider connection" }),
+        value: connectionId,
+        onValueChange: setConnectionId,
+        options: [{ value: "", label: t("connectionPickPrompt", { _: "Inline model (no connection)" }) }, ...connOptions]
+      }
+    ) : /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("connectionIdLabel", { _: "Connection ID" }),
+        value: connectionId,
+        onValueChange: setConnectionId,
+        placeholder: "UUID of a model_provider_connections row"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        type: "text",
+        label: t("modelIdLabel", { _: "Model override (optional)" }),
+        value: modelId,
+        onValueChange: setModelId,
+        placeholder: "amazon.nova-lite-v1:0"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormTextarea,
+      {
+        label: t("systemPromptLabel", { _: "System prompt" }),
+        value: systemPrompt,
+        onValueChange: setSystemPrompt,
+        placeholder: "You are a data analyst. Base every sentence on the provided data \u2014 no speculation.",
+        rows: 4
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormTextarea,
+      {
+        label: t("userPromptLabel", { _: "User prompt" }),
+        value: userPrompt,
+        onValueChange: setUserPrompt,
+        placeholder: "Station profile:\n{{ ds-station.station }}\n\nProduce a \u2264120-word briefing\u2026",
+        rows: 8
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          type: "number",
+          label: t("maxTokensLabel", { _: "Max output tokens" }),
+          value: String(maxTokens),
+          onValueChange: (value) => setMaxTokens(Number(value) || 0),
+          min: 1,
+          max: 8192,
+          step: 32
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          type: "number",
+          label: t("temperatureLabel", { _: "Temperature" }),
+          value: String(temperature),
+          onValueChange: (value) => setTemperature(Number(value) || 0),
+          min: 0,
+          max: 2,
+          step: 0.1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
 var NODE_TITLE_KEYS = {
   start: "startNodeConfig",
   end: "endNodeConfig",
@@ -5668,7 +6147,9 @@ var NODE_TITLE_KEYS = {
   entity: "entityNodeConfig",
   datasource: "datasourceNodeConfig",
   group: "groupNodeConfig",
-  model_provider: "modelProviderNodeConfig"
+  model_provider: "modelProviderNodeConfig",
+  rule: "ruleNodeConfig",
+  agent: "agentNodeConfig"
 };
 function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables, onLoadSchema }) {
   const t = useTranslations("agents.workflow");
@@ -5729,6 +6210,10 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "model_provider":
         return /* @__PURE__ */ jsx(ModelProviderNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "rule":
+        return /* @__PURE__ */ jsx(RuleNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "agent":
+        return /* @__PURE__ */ jsx(AgentNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
@@ -7843,5 +8328,5 @@ function Workspace({
 }
 
 export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CATEGORY_COLORS, CATEGORY_PILL_COLORS, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, ICON_MAP, 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, WorkflowCanvas, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isFrameworkCompatibleWithProviders, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore };
-//# sourceMappingURL=chunk-VG6AMK5R.mjs.map
-//# sourceMappingURL=chunk-VG6AMK5R.mjs.map
+//# sourceMappingURL=chunk-BZX5WQOL.mjs.map
+//# sourceMappingURL=chunk-BZX5WQOL.mjs.map