@datatechsolutions/ui 2.11.61 → 2.11.63

package/dist/{chunk-GUKB6TLR.js → chunk-JMWGZRYA.js}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk3BR5TG34_js = require('./chunk-3BR5TG34.js');
+var chunkKTGWGJZ6_js = require('./chunk-KTGWGJZ6.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkP4YYEM4B_js = require('./chunk-P4YYEM4B.js');
 var chunkC7BI5LQ6_js = require('./chunk-C7BI5LQ6.js');
@@ -1234,7 +1234,15 @@ function DatasourceNodeConfigForm({
   const [selectedColumns, setSelectedColumns] = react.useState([...config.selectedColumns ?? []]);
   const [outputVariable, setOutputVariable] = react.useState(config.outputVariable);
   const [limit, setLimit] = react.useState(config.limit);
-  const [filterVariables, setFilterVariables] = react.useState({ ...config.filterVariables });
+  const [filters, setFilters] = react.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] = react.useState("");
   const [columnSearch, setColumnSearch] = react.useState("");
   const allColumnNames = availableColumns.map((column) => column.name);
@@ -1276,7 +1284,7 @@ function DatasourceNodeConfigForm({
     setAvailableTables([]);
     setAvailableColumns([]);
     setSelectedColumns([]);
-    setFilterVariables({});
+    setFilters([]);
     setTableSearch("");
     setColumnSearch("");
   };
@@ -1284,7 +1292,7 @@ function DatasourceNodeConfigForm({
     setSelectedTable(table);
     setAvailableColumns([]);
     setSelectedColumns([]);
-    setFilterVariables({});
+    setFilters([]);
     setColumnSearch("");
   };
   const handleToggleColumn = (columnName) => {
@@ -1293,32 +1301,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,
@@ -1327,10 +1349,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) {
@@ -1504,42 +1529,65 @@ function DatasourceNodeConfigForm({
                 ]
               }
             )
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: filterEntries.map(([variableName, columnName], index) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", children: t("columnName") }),
-                  availableColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: column.name, children: column.name }, column.name))
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-bold text-gray-400", children: "=" }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" })
-              }
-            )
-          ] }, index)) })
+          ] }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", children: t("columnName") }),
+                    availableColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: column.name, children: column.name }, column.name))
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "eq", children: "= (eq)" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "neq", children: "\u2260 (neq)" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "lt", children: "< (lt)" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "lte", children: "\u2264 (lte)" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "gt", children: "> (gt)" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "gte", children: "\u2265 (gte)" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "like", children: "LIKE" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "in", children: "IN (\u2026)" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(outline.XMarkIcon, { className: "h-3 w-3" })
+                }
+              )
+            ] }, index);
+          }) })
         ] });
       case "output":
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
@@ -1624,7 +1672,7 @@ function DatasourceNodeConfigForm({
   }
   const logo = getDatasourceLogo(selectedDatasourceId, selectedDatasource?.dialect);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3BR5TG34_js.GlassModal,
+    chunkKTGWGJZ6_js.GlassModal,
     {
       open,
       onClose: onCancel,
@@ -1639,8 +1687,8 @@ function DatasourceNodeConfigForm({
         onSectionChange: setActiveSectionId
       },
       footer: readOnly ? void 0 : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 px-6 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk3BR5TG34_js.Button, { outline: true, onClick: onCancel, children: t("cancel") }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk3BR5TG34_js.Button, { color: "cyan", onClick: handleSave, disabled: !canSave, children: t("save") })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKTGWGJZ6_js.Button, { outline: true, onClick: onCancel, children: t("cancel") }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkKTGWGJZ6_js.Button, { color: "cyan", onClick: handleSave, disabled: !canSave, children: t("save") })
       ] }),
       children: renderSection()
     }
@@ -2147,7 +2195,7 @@ var AgentToolFlowNode = react.memo(function AgentToolFlowNode2({ id, data, selec
               event.stopPropagation();
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunk3BR5TG34_js.ToggleSwitch,
+              chunkKTGWGJZ6_js.ToggleSwitch,
               {
                 checked: Boolean(agentTool.enabled),
                 onChange: () => data.onToggle?.(agentTool),
@@ -2255,7 +2303,7 @@ var ToolFlowNode = react.memo(function ToolFlowNode2({ id, data, selected }) {
                   event.preventDefault();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3BR5TG34_js.ToggleSwitch,
+                  chunkKTGWGJZ6_js.ToggleSwitch,
                   {
                     checked: Boolean(tool.enabled),
                     onChange: () => onToggle(tool),
@@ -2407,7 +2455,7 @@ var RuleFlowNode = react.memo(function RuleFlowNode2({ id, data, selected }) {
                   event.preventDefault();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3BR5TG34_js.ToggleSwitch,
+                  chunkKTGWGJZ6_js.ToggleSwitch,
                   {
                     checked: Boolean(rule.enabled),
                     onChange: () => onToggle(rule),
@@ -2675,7 +2723,9 @@ var CodeFlowNode = react.memo(function CodeFlowNode2({ id, data, selected }) {
   const t = chunkYXN2K77G_js.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(NodeRunningIndicator, { nodeId: id }),
     /* @__PURE__ */ jsxRuntime.jsx(WorkflowHandle, { type: "target", position: react$1.Position.Left, id: "left-in", colorClass: "!bg-cyan-500" }),
@@ -2701,7 +2751,7 @@ var CodeFlowNode = react.memo(function CodeFlowNode2({ id, data, selected }) {
           /* @__PURE__ */ jsxRuntime.jsxs(NodeCardMeta, { compact: isCompact, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "code", children: t("codeNode") }),
-              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "code", soft: true, children: config.language }),
+              /* @__PURE__ */ jsxRuntime.jsx(NodeCardBadge, { tone: "code", soft: true, children: badgeLabel }),
               codePreview && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: [
                 codePreview,
                 "..."
@@ -3405,7 +3455,7 @@ var DatasourceFlowNode = react.memo(function DatasourceFlowNode2({ id, data, sel
             event.preventDefault();
           },
           children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk3BR5TG34_js.ToggleSwitch,
+            chunkKTGWGJZ6_js.ToggleSwitch,
             {
               checked: true,
               onChange: () => {
@@ -3733,8 +3783,8 @@ function ConfigFormActions({
   saveDisabled = false
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 border-t border-gray-200 pt-4 dark:border-gray-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk3BR5TG34_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk3BR5TG34_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkKTGWGJZ6_js.Button, { type: "button", outline: true, onClick: onCancel, children: cancelLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkKTGWGJZ6_js.Button, { type: "button", onClick: onSave, disabled: saveDisabled, children: saveLabel })
   ] });
 }
 var COLOR_CLASSES = {
@@ -3981,7 +4031,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: t("conditionsLabel") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3BR5TG34_js.Button,
+          chunkKTGWGJZ6_js.Button,
           {
             type: "button",
             onClick: handleAddCondition,
@@ -3992,7 +4042,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: conditions.map((condition, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-gray-200 bg-gray-50 p-3 dark:border-gray-700 dark:bg-gray-800/50", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid flex-1 grid-cols-3 gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk3BR5TG34_js.FormInput,
+            chunkKTGWGJZ6_js.FormInput,
             {
               type: "text",
               label: t("variableLabel"),
@@ -4003,7 +4053,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk3BR5TG34_js.FormSelect,
+            chunkKTGWGJZ6_js.FormSelect,
             {
               label: t("operatorLabel"),
               value: condition.operator,
@@ -4013,7 +4063,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk3BR5TG34_js.FormInput,
+            chunkKTGWGJZ6_js.FormInput,
             {
               type: "text",
               label: t("valueLabel"),
@@ -4025,7 +4075,7 @@ function IfElseNodeConfigForm({ config, onSave, onCancel }) {
           ) })
         ] }),
         conditions.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3BR5TG34_js.IconButton,
+          chunkKTGWGJZ6_js.IconButton,
           {
             onClick: () => handleRemoveCondition(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -4082,59 +4132,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 = chunkYXN2K77G_js.useTranslations("agents.workflow.codeNodeConfig");
-  const [language, setLanguage] = react.useState(config.language);
-  const [code, setCode] = react.useState(config.code);
+  const initialMode = hasOperation(config) ? "operation" : "scripted";
+  const [mode, setMode] = react.useState(initialMode);
+  const [language, setLanguage] = react.useState(
+    hasLanguage(config) ? config.language : "javascript"
+  );
+  const [code, setCode] = react.useState(hasLanguage(config) ? config.code : "");
+  const op0 = hasOperation(config) ? config : void 0;
+  const [operation, setOperation] = react.useState(op0?.operation ?? "passthrough");
+  const [from, setFrom] = react.useState(op0?.from ?? "");
+  const [valueText, setValueText] = react.useState(
+    op0?.value !== void 0 ? JSON.stringify(op0.value, null, 2) : ""
+  );
+  const [fieldsText, setFieldsText] = react.useState((op0?.fields ?? []).join(", "));
+  const [pattern, setPattern] = react.useState(op0?.pattern ?? "");
+  const [flags, setFlags] = react.useState(op0?.flags ?? "");
+  const [group, setGroup] = react.useState(op0?.group ?? 1);
+  const [output, setOutput] = react.useState(op0?.output ?? "");
+  const [keepChannel, setKeepChannel] = react.useState(op0?.keepChannel ?? false);
+  const selectedOpHelp = react.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__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("languageLabel") }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: option, children: option }, option))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300", children: t("codeLabel") }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2 pt-4 border-t border-gray-200 dark:border-gray-700", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 rounded-lg bg-gray-100 p-1 text-sm dark:bg-gray-800", children: [
       /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: t("languageLabel") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            value: language,
+            onChange: (event) => setLanguage(event.target.value),
+            className: inputClass,
+            children: LANGUAGE_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option, children: option }, option))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: t("codeLabel") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            value: code,
+            onChange: (event) => setCode(event.target.value),
+            placeholder: t("codePlaceholder"),
+            rows: 10,
+            className: textareaClass
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: "Operation" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "select",
+          {
+            value: operation,
+            onChange: (event) => setOperation(event.target.value),
+            className: inputClass,
+            children: OPERATION_OPTIONS.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: selectedOpHelp })
+      ] }),
+      operation !== "return" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: "from" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: from,
+            onChange: (event) => setFrom(event.target.value),
+            placeholder: "e.g. http-news.body",
+            className: inputClass
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: labelClass, children: [
+          "value ",
+          operation === "merge" ? "(object to merge in)" : "(literal JSON)"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            value: valueText,
+            onChange: (event) => setValueText(event.target.value),
+            placeholder: '{"recommendedPrice": 6.29}',
+            rows: 6,
+            className: textareaClass
+          }
+        )
+      ] }),
+      operation === "pick" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: "fields" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: fieldsText,
+            onChange: (event) => setFieldsText(event.target.value),
+            placeholder: "id, name, state",
+            className: inputClass
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: "Comma-separated keys to project." })
+      ] }),
+      operation === "regex_extract" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: "pattern" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "text",
+              value: pattern,
+              onChange: (event) => setPattern(event.target.value),
+              placeholder: `R\\$(\\d+\\.\\d+)`,
+              className: `${inputClass} font-mono text-xs`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: "flags" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "text",
+                value: flags,
+                onChange: (event) => setFlags(event.target.value),
+                placeholder: "e.g. i or ims",
+                className: inputClass
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: "group" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "number",
+                value: group,
+                onChange: (event) => setGroup(Number(event.target.value) || 0),
+                min: 0,
+                className: inputClass
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: labelClass, children: "output key" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: output,
+            onChange: (event) => setOutput(event.target.value),
+            placeholder: operation === "regex_extract" ? "matches" : "titles",
+            className: inputClass
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
   ] });
 }
 var HTTP_METHODS = ["GET", "POST", "PUT", "DELETE"];
@@ -4182,7 +4447,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormSelect,
+      chunkKTGWGJZ6_js.FormSelect,
       {
         label: t("methodLabel"),
         value: method,
@@ -4191,7 +4456,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("urlLabel"),
@@ -4204,7 +4469,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: t("headersLabel") }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3BR5TG34_js.Button,
+          chunkKTGWGJZ6_js.Button,
           {
             type: "button",
             onClick: handleAddHeader,
@@ -4214,7 +4479,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: headerEntries.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3BR5TG34_js.FormInput,
+          chunkKTGWGJZ6_js.FormInput,
           {
             type: "text",
             value: entry.key,
@@ -4224,7 +4489,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3BR5TG34_js.FormInput,
+          chunkKTGWGJZ6_js.FormInput,
           {
             type: "text",
             value: entry.value,
@@ -4234,7 +4499,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk3BR5TG34_js.IconButton,
+          chunkKTGWGJZ6_js.IconButton,
           {
             onClick: () => handleRemoveHeader(index),
             icon: /* @__PURE__ */ jsxRuntime.jsx(outline.TrashIcon, { className: "h-4 w-4" }),
@@ -4246,7 +4511,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       ] }, index)) })
     ] }),
     method !== "GET" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormTextarea,
+      chunkKTGWGJZ6_js.FormTextarea,
       {
         label: t("bodyLabel"),
         value: body,
@@ -4257,7 +4522,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "number",
         label: t("timeoutLabel"),
@@ -4269,7 +4534,7 @@ function HttpRequestNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormSelect,
+      chunkKTGWGJZ6_js.FormSelect,
       {
         label: t("parseResponseLabel"),
         value: parseResponse,
@@ -4300,7 +4565,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormTextarea,
+      chunkKTGWGJZ6_js.FormTextarea,
       {
         label: t("templateLabel"),
         value: template,
@@ -4311,7 +4576,7 @@ function TemplateTransformNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4340,7 +4605,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -4350,7 +4615,7 @@ function IterationNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "number",
         label: t("maxIterationsLabel"),
@@ -4381,7 +4646,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("sourceIdLabel"),
@@ -4391,7 +4656,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "number",
         label: t("topKLabel"),
@@ -4402,7 +4667,7 @@ function KnowledgeBaseNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "number",
         label: t("similarityThresholdLabel"),
@@ -4433,7 +4698,7 @@ function AnswerNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormTextarea,
+      chunkKTGWGJZ6_js.FormTextarea,
       {
         label: t("outputTemplateLabel"),
         hint: t("outputTemplateHelp"),
@@ -4867,7 +5132,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4877,7 +5142,7 @@ function VariableAggregatorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormSelect,
+      chunkKTGWGJZ6_js.FormSelect,
       {
         label: t("aggregationModeLabel"),
         value: aggregationMode,
@@ -4910,7 +5175,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormSelect,
+      chunkKTGWGJZ6_js.FormSelect,
       {
         label: t("extractionModeLabel"),
         value: extractionMode,
@@ -4919,7 +5184,7 @@ function DocumentExtractorNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("outputVariableLabel"),
@@ -4939,7 +5204,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 = chunkYXN2K77G_js.useTranslations("agents.workflow.listOperatorNodeConfig");
@@ -4981,7 +5246,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__ */ jsxRuntime.jsx("option", { value: operationOption, children: t(`operation_${operationOption}`) }, operationOption))
+          children: OPERATION_OPTIONS2.map((operationOption) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: operationOption, children: t(`operation_${operationOption}`) }, operationOption))
         }
       )
     ] }),
@@ -5096,7 +5361,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("iteratorVariableLabel"),
@@ -5106,7 +5371,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("itemVariableLabel"),
@@ -5116,7 +5381,7 @@ function IterationStartNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("indexVariableLabel"),
@@ -5388,7 +5653,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: translations("labelField"),
@@ -5398,7 +5663,7 @@ function GroupNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormTextarea,
+      chunkKTGWGJZ6_js.FormTextarea,
       {
         label: translations("descriptionField"),
         value: description,
@@ -5556,7 +5821,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("nameLabel"),
@@ -5566,7 +5831,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormSelect,
+      chunkKTGWGJZ6_js.FormSelect,
       {
         label: t("providerTypeLabel"),
         value: providerType,
@@ -5575,7 +5840,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showRegion && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormSelect,
+      chunkKTGWGJZ6_js.FormSelect,
       {
         label: t("regionLabel"),
         value: region,
@@ -5584,7 +5849,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showEndpoint && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("endpointLabel"),
@@ -5594,7 +5859,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showApiKey && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "password",
         label: t("apiKeyLabel"),
@@ -5604,7 +5869,7 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
       }
     ),
     showCredentialRef && /* @__PURE__ */ jsxRuntime.jsx(
-      chunk3BR5TG34_js.FormInput,
+      chunkKTGWGJZ6_js.FormInput,
       {
         type: "text",
         label: t("credentialRefLabel"),
@@ -5650,6 +5915,220 @@ function ModelProviderNodeConfigForm({ config, onSave, onCancel }) {
     )
   ] });
 }
+function RuleNodeConfigForm({ config, onSave, onCancel, availableRules }) {
+  const t = chunkYXN2K77G_js.useTranslations("agents.workflow.ruleNodeConfig");
+  const [ruleId, setRuleId] = react.useState(config.ruleId ?? "");
+  const [priority, setPriority] = react.useState(config.priority ?? 1);
+  const [enabled, setEnabled] = react.useState(config.enabled ?? true);
+  const handleSave = () => {
+    const next = { ...config, type: "rule", ruleId: ruleId.trim(), priority, enabled };
+    onSave(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: "", children: t("rulePickPrompt", { _: "Choose a rule\u2026" }) }),
+            availableRules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: rule.ruleId, children: rule.name ? `${rule.name} (${rule.ruleId})` : rule.ruleId }, rule.ruleId))
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKTGWGJZ6_js.FormInput,
+        {
+          type: "text",
+          value: ruleId,
+          onValueChange: setRuleId,
+          placeholder: "e.g. peak_hours"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-[11px] text-gray-500 dark:text-gray-400", children: [
+        "References an ",
+        /* @__PURE__ */ jsxRuntime.jsx("code", { children: "astrlabe.agent_rules.rule_id" }),
+        " row in this organization."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKTGWGJZ6_js.FormInput,
+        {
+          type: "number",
+          label: t("priorityLabel", { _: "Priority" }),
+          value: String(priority),
+          onValueChange: (value) => setPriority(Number(value) || 0),
+          min: 0
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-end gap-2 pb-2 text-sm text-gray-700 dark:text-gray-300", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
+function AgentNodeConfigForm({
+  config,
+  onSave,
+  onCancel,
+  availableAgents,
+  availableConnections
+}) {
+  const t = chunkYXN2K77G_js.useTranslations("agents.workflow.agentNodeConfig");
+  const [agentId, setAgentId] = react.useState(config.agentId ?? "");
+  const [connectionId, setConnectionId] = react.useState(config.connectionId ?? "");
+  const [modelId, setModelId] = react.useState(config.modelId ?? "");
+  const [systemPrompt, setSystemPrompt] = react.useState(config.systemPrompt ?? "");
+  const [userPrompt, setUserPrompt] = react.useState(config.userPrompt ?? "");
+  const [maxTokens, setMaxTokens] = react.useState(config.maxTokens ?? 1024);
+  const [temperature, setTemperature] = react.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__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    agentOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunkKTGWGJZ6_js.FormSelect,
+      {
+        label: t("agentLabel", { _: "Agent" }),
+        value: agentId,
+        onValueChange: setAgentId,
+        options: [{ value: "", label: t("agentPickPrompt", { _: "Choose an agent\u2026" }) }, ...agentOptions]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      chunkKTGWGJZ6_js.FormInput,
+      {
+        type: "text",
+        label: t("agentIdLabel", { _: "Agent ID" }),
+        value: agentId,
+        onValueChange: setAgentId,
+        placeholder: "UUID of an astrlabe.agents row"
+      }
+    ),
+    connOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunkKTGWGJZ6_js.FormSelect,
+      {
+        label: t("connectionLabel", { _: "Model provider connection" }),
+        value: connectionId,
+        onValueChange: setConnectionId,
+        options: [{ value: "", label: t("connectionPickPrompt", { _: "Inline model (no connection)" }) }, ...connOptions]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      chunkKTGWGJZ6_js.FormInput,
+      {
+        type: "text",
+        label: t("connectionIdLabel", { _: "Connection ID" }),
+        value: connectionId,
+        onValueChange: setConnectionId,
+        placeholder: "UUID of a model_provider_connections row"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkKTGWGJZ6_js.FormInput,
+      {
+        type: "text",
+        label: t("modelIdLabel", { _: "Model override (optional)" }),
+        value: modelId,
+        onValueChange: setModelId,
+        placeholder: "amazon.nova-lite-v1:0"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkKTGWGJZ6_js.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__ */ jsxRuntime.jsx(
+      chunkKTGWGJZ6_js.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__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkKTGWGJZ6_js.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__ */ jsxRuntime.jsx(
+        chunkKTGWGJZ6_js.FormInput,
+        {
+          type: "number",
+          label: t("temperatureLabel", { _: "Temperature" }),
+          value: String(temperature),
+          onValueChange: (value) => setTemperature(Number(value) || 0),
+          min: 0,
+          max: 2,
+          step: 0.1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfigFormActions,
+      {
+        cancelLabel: t("cancel"),
+        saveLabel: t("save"),
+        onCancel,
+        onSave: handleSave
+      }
+    )
+  ] });
+}
 var NODE_TITLE_KEYS = {
   start: "startNodeConfig",
   end: "endNodeConfig",
@@ -5670,7 +6149,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 = chunkYXN2K77G_js.useTranslations("agents.workflow");
@@ -5731,12 +6212,16 @@ function LogicNodeModal({ onSave, entities = [], datasources = [], onLoadTables,
         return /* @__PURE__ */ jsxRuntime.jsx(GroupNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       case "model_provider":
         return /* @__PURE__ */ jsxRuntime.jsx(ModelProviderNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "rule":
+        return /* @__PURE__ */ jsxRuntime.jsx(RuleNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
+      case "agent":
+        return /* @__PURE__ */ jsxRuntime.jsx(AgentNodeConfigForm, { config, onSave: handleSave, onCancel: closeModal });
       default:
         return null;
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3BR5TG34_js.GlassModal,
+    chunkKTGWGJZ6_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -5796,7 +6281,7 @@ function NodeContextMenu({ position, targetId, onClose, onEdit, onDuplicate, onC
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3BR5TG34_js.ContextMenu,
+    chunkKTGWGJZ6_js.ContextMenu,
     {
       position,
       onClose,
@@ -5853,7 +6338,7 @@ function PanelContextMenu({ position, onClose, onPaste, onSelectAll, onFitView,
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3BR5TG34_js.ContextMenu,
+    chunkKTGWGJZ6_js.ContextMenu,
     {
       position,
       onClose,
@@ -6000,7 +6485,7 @@ function SelectionContextMenu({
     }
   ];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3BR5TG34_js.ContextMenu,
+    chunkKTGWGJZ6_js.ContextMenu,
     {
       position,
       onClose,
@@ -7908,5 +8393,5 @@ exports.useModalStore = useModalStore;
 exports.useWorkflowBuilderClient = useWorkflowBuilderClient;
 exports.useWorkflowBuilderClientOptional = useWorkflowBuilderClientOptional;
 exports.useWorkflowStore = useWorkflowStore;
-//# sourceMappingURL=chunk-GUKB6TLR.js.map
-//# sourceMappingURL=chunk-GUKB6TLR.js.map
+//# sourceMappingURL=chunk-JMWGZRYA.js.map
+//# sourceMappingURL=chunk-JMWGZRYA.js.map