@datatechsolutions/ui 2.11.76 → 2.11.78

package/dist/astrlabe/index.mjs

@@ -1,13 +1,13 @@
 "use client";
-import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-JIQSAUYC.mjs';
-export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-JIQSAUYC.mjs';
-import { GlassModal, Button, FormInput, FormTextarea, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-ZJQ5RLGK.mjs';
-import '../chunk-D2JF6C3E.mjs';
+import '../chunk-JB6RNAD2.mjs';
+export { topologicalSortAgents, validateGraphNodeConfigs, validateNodeConfig, validateWorkflowGraph } from '../chunk-53SRKVKQ.mjs';
+import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from '../chunk-3VHSRL3N.mjs';
+export { AgentFlowNode, AgentToolFlowNode, AnswerFlowNode, AnthropicIcon, CodeFlowNode, CrewAIIcon, DocumentExtractorFlowNode, EndFlowNode, EntityFlowNode, FRAMEWORK_META, GoogleADKIcon, GroupFlowNode, HttpRequestFlowNode, IfElseFlowNode, IterationFlowNode, IterationStartFlowNode, KnowledgeBaseFlowNode, LOGIC_ICON_MAP, LOGIC_NODE_BADGE_COLORS, LOGIC_NODE_GRADIENTS, LOGIC_NODE_HANDLE_COLORS, LangChainIcon, ListOperatorFlowNode, LogicNodeModal, MINIMAP_NODE_COLORS, ModelProviderFlowNode, NODE_EXECUTION_ACCENT_COLORS, NodeCard, NodeContextMenu, NoteFlowNode, OpenAIIcon, PanelContextMenu, ParameterExtractorFlowNode, QuestionClassifierFlowNode, RuleFlowNode, SelectionContextMenu, StartFlowNode, StrandsIcon, TemplateTransformFlowNode, ToolFlowNode, VariableAggregatorFlowNode, VariableAssignerFlowNode, WorkflowBuilderProvider, Workspace, getCompatibleModels, getDefaultFrameworkForModel, getEntityBadgeColor, getEntityGradient, getEntityHandleColor, getEntityIcon, getEntityMinimapColor, getFrameworkMeta, getNodeExecutionAccent, getNodeExecutionAccentRgb, isModelCompatibleWithFramework, useModalStore, useWorkflowBuilderClient, useWorkflowBuilderClientOptional, useWorkflowStore } from '../chunk-3VHSRL3N.mjs';
+import { GlassModal, Button, FormInput, FormTextarea, FormSelect, FormGrid, Badge, ToggleSwitch, Input, DynamicIslandConfirm } from '../chunk-LLFU42KC.mjs';
 import { useTranslations } from '../chunk-7VJ7CMMT.mjs';
 import '../chunk-QWG2FMUN.mjs';
-import '../chunk-JB6RNAD2.mjs';
+import '../chunk-D2JF6C3E.mjs';
 export { GraphNodeBadge, GraphNodeHeader, GraphNodeIconBubble, GraphNodeMeta } from '../chunk-OZNTQROP.mjs';
-export { topologicalSortAgents, validateGraphNodeConfigs, validateNodeConfig, validateWorkflowGraph } from '../chunk-53SRKVKQ.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig } from '../chunk-WNCPAWLC.mjs';
 export { applyDagreLayout, createDefaultLogicNodeConfig, getAgentTier } from '../chunk-WNCPAWLC.mjs';
 import { memo, useCallback, useState, useEffect, useMemo, useRef, Children } from 'react';
@@ -437,8 +437,7 @@ function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFra
     ] })
   ] });
 }
-function PromptTab({ agent, temperature, setTemperature, markDirty, t }) {
-  const [promptText, setPromptText] = useState(agent.systemPrompt ?? "");
+function PromptTab({ agent, temperature, setTemperature, markDirty, t, promptText, setPromptText }) {
   const handleTemperatureChange = useCallback((event) => {
     setTemperature(parseFloat(event.target.value));
     markDirty();
@@ -712,7 +711,145 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
     })
   ] });
 }
-function AgentModal({ onSaved }) {
+function AdvancedTab({
+  displayName,
+  setDisplayName,
+  description,
+  setDescription,
+  maxOutputTokens,
+  setMaxOutputTokens,
+  topP,
+  setTopP,
+  topK,
+  setTopK,
+  tags,
+  setTags,
+  status,
+  setStatus,
+  avatarUrl,
+  setAvatarUrl,
+  markDirty,
+  t
+}) {
+  const wrap = "w-full rounded-lg border border-gray-200/50 bg-gray-50/50 px-3 py-2 text-sm text-gray-800 outline-none transition-colors focus:border-indigo-300/50 focus:ring-1 focus:ring-indigo-300/30 dark:border-white/10 dark:bg-white/5 dark:text-gray-200";
+  const labelCls = "mb-1 block text-xs font-medium text-gray-500 dark:text-gray-400";
+  const touch = () => markDirty();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.displayName", { _: "Display name" }) }),
+        /* @__PURE__ */ jsx("input", { className: wrap, value: displayName, onChange: (e) => {
+          setDisplayName(e.target.value);
+          touch();
+        } })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.status", { _: "Status" }) }),
+        /* @__PURE__ */ jsxs("select", { className: wrap, value: status, onChange: (e) => {
+          setStatus(e.target.value);
+          touch();
+        }, children: [
+          /* @__PURE__ */ jsx("option", { value: "draft", children: "draft" }),
+          /* @__PURE__ */ jsx("option", { value: "active", children: "active" }),
+          /* @__PURE__ */ jsx("option", { value: "archived", children: "archived" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "block", children: [
+      /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.description", { _: "Description" }) }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          className: wrap,
+          rows: 3,
+          value: description,
+          onChange: (e) => {
+            setDescription(e.target.value);
+            touch();
+          },
+          placeholder: t("agentDrawer.descriptionPlaceholder", { _: "What this agent does, which tasks it's good at" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "block", children: [
+      /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.avatarUrl", { _: "Avatar URL" }) }),
+      /* @__PURE__ */ jsx("input", { className: wrap, value: avatarUrl, onChange: (e) => {
+        setAvatarUrl(e.target.value);
+        touch();
+      }, placeholder: "https://\u2026" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.maxOutputTokens", { _: "Max output tokens" }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            max: 32768,
+            className: wrap,
+            value: maxOutputTokens,
+            onChange: (e) => {
+              setMaxOutputTokens(Number(e.target.value) || 0);
+              touch();
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.topP", { _: "Top-p" }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            step: 0.05,
+            min: 0,
+            max: 1,
+            className: wrap,
+            value: topP,
+            onChange: (e) => {
+              setTopP(Number(e.target.value) || 0);
+              touch();
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.topK", { _: "Top-k" }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 500,
+            className: wrap,
+            value: topK,
+            onChange: (e) => {
+              setTopK(Number(e.target.value) || 0);
+              touch();
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "block", children: [
+      /* @__PURE__ */ jsx("span", { className: labelCls, children: t("agentDrawer.tags", { _: "Tags (comma-separated)" }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: wrap,
+          value: tags,
+          onChange: (e) => {
+            setTags(e.target.value);
+            touch();
+          },
+          placeholder: "pricing, research, internal"
+        }
+      )
+    ] })
+  ] });
+}
+function AgentModal({ onSaved, onPersist }) {
   const t = useTranslations("agents.workflow");
   const activeModal = useModalStore((s) => s.activeModal);
   const agentData = useModalStore((s) => s.agentData);
@@ -730,6 +867,16 @@ function AgentModal({ onSaved }) {
   const [saved, setSaved] = useState(true);
   const [enabledToolIds, setEnabledToolIds] = useState(/* @__PURE__ */ new Set());
   const [selectedProviderId, setSelectedProviderId] = useState("");
+  const [systemPrompt, setSystemPrompt] = useState("");
+  const [displayName, setDisplayName] = useState("");
+  const [description, setDescription] = useState("");
+  const [avatarUrl, setAvatarUrlState] = useState("");
+  const [maxOutputTokens, setMaxOutputTokens] = useState(1024);
+  const [topP, setTopP] = useState(0.95);
+  const [topK, setTopK] = useState(40);
+  const [tagsText, setTagsText] = useState("");
+  const [status, setStatus] = useState("active");
+  const [persisting, setPersisting] = useState(false);
   const availableModelProviders = agentData?.modelProviders ?? [];
   const agentId = agent?.agentId ?? agent?.id ?? "";
   useEffect(() => {
@@ -743,6 +890,22 @@ function AgentModal({ onSaved }) {
     const agentToolIds = agent.agentToolIds;
     setEnabledToolIds(new Set(agentToolIds ?? availableAgentTools.filter((t2) => t2.enabled).map((t2) => t2.agentToolId)));
     setSelectedProviderId(agent.modelProviderId ?? "");
+    const agentRecord = agent;
+    setSystemPrompt(
+      agentRecord.systemPrompt ?? agentRecord.instruction ?? ""
+    );
+    setDisplayName(agentRecord.displayName ?? agent.name ?? "");
+    setDescription(agentRecord.description ?? "");
+    setAvatarUrlState(agentRecord.avatar ?? "");
+    const agentMaxOut = agentRecord.maxOutputTokens ?? agent.maxTokens ?? 1024;
+    setMaxOutputTokens(Number(agentMaxOut) || 1024);
+    setTopP(Number(agentRecord.topP ?? 0.95));
+    setTopK(Number(agentRecord.topK ?? 40));
+    const existingTags = agentRecord.tags;
+    setTagsText(
+      Array.isArray(existingTags) ? existingTags.filter((v) => typeof v === "string").join(", ") : ""
+    );
+    setStatus(agentRecord.status ?? "active");
   }, [agentId]);
   const dirty = !saved;
   const markDirty = useCallback(() => setSaved(false), []);
@@ -763,10 +926,58 @@ function AgentModal({ onSaved }) {
     });
     markDirty();
   }, [markDirty]);
-  const handleMarkSaved = useCallback(() => {
-    markSaved();
-    onSaved?.();
-  }, [markSaved, onSaved]);
+  const handleMarkSaved = useCallback(async () => {
+    if (!agent) return;
+    const payload = {
+      agentId: agent.agentId,
+      name: agent.name,
+      displayName: displayName.trim() || void 0,
+      description: description.trim() || void 0,
+      avatar: avatarUrl.trim() || void 0,
+      modelId: selectedModelId || void 0,
+      connectionId: selectedProviderId || void 0,
+      framework: selectedFramework,
+      systemPrompt,
+      temperature,
+      maxOutputTokens,
+      topP,
+      topK,
+      elo,
+      status: status || void 0,
+      enabledToolIds: Array.from(enabledToolIds),
+      tags: tagsText.split(",").map((tag) => tag.trim()).filter((tag) => tag.length > 0)
+    };
+    try {
+      setPersisting(true);
+      if (onPersist) await onPersist(payload);
+      markSaved();
+      onSaved?.();
+    } catch (error) {
+      console.error("[AgentModal] onPersist failed", error);
+    } finally {
+      setPersisting(false);
+    }
+  }, [
+    agent,
+    displayName,
+    description,
+    avatarUrl,
+    selectedModelId,
+    selectedProviderId,
+    selectedFramework,
+    systemPrompt,
+    temperature,
+    maxOutputTokens,
+    topP,
+    topK,
+    elo,
+    status,
+    enabledToolIds,
+    tagsText,
+    markSaved,
+    onSaved,
+    onPersist
+  ]);
   if (!agent) return null;
   const sections = [
     { id: "profile", label: t("agentDrawer.profileSection"), icon: UserCircleIcon, group: t("agentDrawer.agentGroup") },
@@ -774,19 +985,22 @@ function AgentModal({ onSaved }) {
     { id: "prompt", label: t("agentDrawer.promptSection"), icon: SparklesIcon, group: t("agentDrawer.agentGroup") },
     { id: "tools", label: `${t("agentDrawer.toolsTab")}${enabledToolIds.size > 0 ? ` (${enabledToolIds.size})` : ""}`, icon: CommandLineIcon, group: t("agentDrawer.configGroup") },
     { id: "models", label: `${t("agentDrawer.modelsTab")}${selectedProviderId ? " \u2713" : ""}`, icon: KeyIcon, group: t("agentDrawer.configGroup") },
+    { id: "advanced", label: t("agentDrawer.advancedTab", { _: "Advanced" }), icon: Cog6ToothIcon, group: t("agentDrawer.configGroup") },
     { id: "results", label: t("agentDrawer.resultsTab"), icon: PlayCircleIcon, group: t("agentDrawer.executionGroup") }
   ];
-  const avatarUrl = agent.avatar;
+  const effectiveAvatarUrl = avatarUrl || agent.avatar;
   const sidebarFooter = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-3", children: [
     /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "flex-1 text-xs", children: dirty ? /* @__PURE__ */ jsx("span", { className: "text-amber-500 dark:text-amber-400", children: t("agentDrawer.unsavedChanges") }) : /* @__PURE__ */ jsx("span", { className: "text-emerald-500 dark:text-emerald-400", children: t("agentDrawer.saved") }) }),
     /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        onClick: handleMarkSaved,
-        disabled: !dirty,
-        className: `rounded-lg px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition-all ${dirty ? "bg-gradient-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600" : "cursor-not-allowed bg-gray-300 dark:bg-gray-700"}`,
-        children: t("agentDrawer.save")
+        onClick: () => {
+          void handleMarkSaved();
+        },
+        disabled: !dirty || persisting,
+        className: `rounded-lg px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition-all ${dirty && !persisting ? "bg-gradient-to-r from-indigo-500 to-purple-500 hover:from-indigo-600 hover:to-purple-600" : "cursor-not-allowed bg-gray-300 dark:bg-gray-700"}`,
+        children: persisting ? "\u2026" : t("agentDrawer.save")
       }
     )
   ] });
@@ -805,9 +1019,9 @@ function AgentModal({ onSaved }) {
         activeSectionId: activeTab,
         onSectionChange: (sectionId) => setActiveTab(sectionId),
         identity: {
-          displayName: agent.name,
-          profileInitial: agent.name.charAt(0).toUpperCase(),
-          avatarUrl,
+          displayName: displayName || agent.name,
+          profileInitial: (displayName || agent.name).charAt(0).toUpperCase(),
+          avatarUrl: effectiveAvatarUrl,
           role: agent.role
         },
         footer: sidebarFooter
@@ -815,7 +1029,41 @@ function AgentModal({ onSaved }) {
       children: [
         activeTab === "profile" && /* @__PURE__ */ jsx(AgentProfileHeader, { agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, temperature, setTemperature, elo, setElo, onChanged: markDirty }),
         activeTab === "framework" && /* @__PURE__ */ jsx(ConfigTab, { models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework: (fw) => setSelectedFramework(fw), markDirty, connectedProviderTypes: availableModelProviders.map((p) => p.provider) }),
-        activeTab === "prompt" && /* @__PURE__ */ jsx(PromptTab, { agent, temperature, setTemperature, markDirty, t }),
+        activeTab === "prompt" && /* @__PURE__ */ jsx(
+          PromptTab,
+          {
+            agent,
+            temperature,
+            setTemperature,
+            markDirty,
+            t,
+            promptText: systemPrompt,
+            setPromptText: setSystemPrompt
+          }
+        ),
+        activeTab === "advanced" && /* @__PURE__ */ jsx(
+          AdvancedTab,
+          {
+            displayName,
+            setDisplayName,
+            description,
+            setDescription,
+            maxOutputTokens,
+            setMaxOutputTokens,
+            topP,
+            setTopP,
+            topK,
+            setTopK,
+            tags: tagsText,
+            setTags: setTagsText,
+            status,
+            setStatus,
+            avatarUrl,
+            setAvatarUrl: setAvatarUrlState,
+            markDirty,
+            t
+          }
+        ),
         activeTab === "tools" && /* @__PURE__ */ jsx(ToolsTab, { agentTools: availableAgentTools, enabledToolIds, onToggle: handleToggleTool, agentFramework: selectedFramework, t }),
         activeTab === "models" && /* @__PURE__ */ jsx(
           ModelsTab,
@@ -1231,6 +1479,655 @@ function PipelineSettingsModal({ onSave }) {
     }
   );
 }
+
+// src/astrlabe/components/rules/types.ts
+var RULE_STATUS_OPTIONS = ["draft", "active", "archived"];
+var TIMEZONE_OPTIONS = [
+  "UTC",
+  "America/Sao_Paulo",
+  "America/New_York",
+  "America/Los_Angeles",
+  "Europe/London",
+  "Europe/Lisbon"
+];
+var OPERATOR_OPTIONS = [
+  { value: "truthy", label: "Field is set (truthy)" },
+  { value: "eq", label: "Equals" },
+  { value: "neq", label: "Not equal to" },
+  { value: "gt", label: "Greater than" },
+  { value: "gte", label: "Greater than or equal" },
+  { value: "lt", label: "Less than" },
+  { value: "lte", label: "Less than or equal" },
+  { value: "contains", label: "Contains (string)" },
+  { value: "threshold", label: "Threshold" },
+  { value: "regex_match", label: "Regex match" },
+  { value: "time_window", label: "Time window" },
+  { value: "boolean_expression", label: "And/Or group" }
+];
+var SIMPLE_COMPARISON_OPERATORS = [
+  "truthy",
+  "eq",
+  "neq",
+  "gt",
+  "gte",
+  "lt",
+  "lte",
+  "contains"
+];
+function RuleConditionBuilder({ value, onChange, depth = 0 }) {
+  const handleOperatorChange = (op) => {
+    const base = { operator: op };
+    switch (op) {
+      case "truthy":
+        onChange({ ...base, field: value.field ?? "" });
+        break;
+      case "eq":
+      case "neq":
+      case "gt":
+      case "gte":
+      case "lt":
+      case "lte":
+      case "contains":
+        onChange({ ...base, field: value.field ?? "", value: value.value ?? "" });
+        break;
+      case "threshold":
+        onChange({
+          ...base,
+          field: value.field ?? "",
+          comparison: value.comparison ?? "gte",
+          value: typeof value.value === "number" ? value.value : 0
+        });
+        break;
+      case "regex_match":
+        onChange({ ...base, field: value.field ?? "", pattern: value.pattern ?? "" });
+        break;
+      case "time_window":
+        onChange({
+          ...base,
+          field: value.field ?? "",
+          timezone: value.timezone ?? "UTC",
+          windows: value.windows && value.windows.length > 0 ? value.windows : [{ startHour: 6, endHour: 9 }]
+        });
+        break;
+      case "boolean_expression":
+        onChange({
+          ...base,
+          combinator: value.combinator ?? "and",
+          operands: value.operands && value.operands.length > 0 ? value.operands : [{ operator: "gt", field: "", value: 0 }, { operator: "gt", field: "", value: 0 }]
+        });
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: "Operator",
+        value: value.operator,
+        options: OPERATOR_OPTIONS,
+        onValueChange: (v) => handleOperatorChange(v)
+      }
+    ),
+    SIMPLE_COMPARISON_OPERATORS.includes(value.operator) && /* @__PURE__ */ jsx(SimpleEditor, { value, onChange }),
+    value.operator === "threshold" && /* @__PURE__ */ jsx(ThresholdEditor, { value, onChange }),
+    value.operator === "regex_match" && /* @__PURE__ */ jsx(RegexEditor, { value, onChange }),
+    value.operator === "time_window" && /* @__PURE__ */ jsx(TimeWindowEditor, { value, onChange }),
+    value.operator === "boolean_expression" && depth < 1 && /* @__PURE__ */ jsx(BooleanGroupEditor, { value, onChange, depth: depth + 1 }),
+    value.operator === "boolean_expression" && depth >= 1 && /* @__PURE__ */ jsx("p", { className: "text-xs italic text-slate-500", children: "Nested boolean groups are supported by the engine but not in this builder \u2014 edit the JSON directly for deeper trees." })
+  ] });
+}
+function SimpleEditor({
+  value,
+  onChange
+}) {
+  const isTruthy = value.operator === "truthy";
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Field",
+        hint: "Dotted reference into the variable pool \u2014 e.g. `parse-pricing.margin`, `inputs.fuelType`",
+        value: value.field ?? "",
+        onValueChange: (field) => onChange({ ...value, field }),
+        placeholder: "node.path"
+      }
+    ),
+    !isTruthy && /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Value",
+        hint: "Literal. Numeric operators coerce via `as f64`.",
+        value: value.value === null || value.value === void 0 ? "" : String(value.value),
+        onValueChange: (raw) => onChange({ ...value, value: coerceScalar(raw) })
+      }
+    )
+  ] });
+}
+function ThresholdEditor({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Field",
+        value: value.field ?? "",
+        onValueChange: (field) => onChange({ ...value, field }),
+        placeholder: "parse-pricing.margin"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: "Direction",
+        value: value.comparison ?? "gte",
+        options: [
+          { value: "gt", label: "Greater than (>)" },
+          { value: "gte", label: "At least (\u2265)" },
+          { value: "lt", label: "Less than (<)" },
+          { value: "lte", label: "At most (\u2264)" }
+        ],
+        onValueChange: (comparison) => onChange({ ...value, comparison })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Threshold",
+        type: "number",
+        value: value.value === null || value.value === void 0 ? "" : String(value.value),
+        onValueChange: (raw) => onChange({ ...value, value: Number(raw) }),
+        placeholder: "0.08"
+      }
+    )
+  ] });
+}
+function RegexEditor({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Field",
+        value: value.field ?? "",
+        onValueChange: (field) => onChange({ ...value, field }),
+        placeholder: "agent.text"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Pattern",
+        hint: "Rust regex syntax \u2014 `(?i)` etc. supported.",
+        value: value.pattern ?? "",
+        onValueChange: (pattern) => onChange({ ...value, pattern }),
+        placeholder: "diesel-s10"
+      }
+    )
+  ] });
+}
+function TimeWindowEditor({
+  value,
+  onChange
+}) {
+  const windows = value.windows ?? [];
+  const update = (index, patch) => {
+    const next = windows.map((win, i) => i === index ? { ...win, ...patch } : win);
+    onChange({ ...value, windows: next });
+  };
+  const remove = (index) => {
+    const next = windows.filter((_, i) => i !== index);
+    onChange({ ...value, windows: next });
+  };
+  const add = () => onChange({ ...value, windows: [...windows, { startHour: 8, endHour: 17 }] });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        FormSelect,
+        {
+          label: "Timezone",
+          value: value.timezone ?? "UTC",
+          options: TIMEZONE_OPTIONS.map((tz) => ({ value: tz, label: tz })),
+          onValueChange: (timezone) => onChange({ ...value, timezone })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Timestamp field (optional)",
+          hint: "Pulls a timestamp from the pool. Leave blank to use the run's wall-clock.",
+          value: value.field ?? "",
+          onValueChange: (field) => onChange({ ...value, field }),
+          placeholder: "clock.ts"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      windows.map((win, index) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-end gap-2 rounded-lg border border-slate-200 p-2 dark:border-slate-700", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: `Start (hour)`,
+            type: "number",
+            min: 0,
+            max: 23,
+            value: String(win.startHour),
+            onValueChange: (raw) => update(index, { startHour: clampHour(raw) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: `End (hour)`,
+            type: "number",
+            min: 0,
+            max: 24,
+            value: String(win.endHour),
+            onValueChange: (raw) => update(index, { endHour: clampHour(raw, 24) })
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+      ] }, index)),
+      /* @__PURE__ */ jsx(Button, { type: "button", outline: true, onClick: add, children: "+ Add window" })
+    ] })
+  ] });
+}
+function BooleanGroupEditor({
+  value,
+  onChange,
+  depth
+}) {
+  const operands = value.operands ?? [];
+  const update = (index, next) => {
+    const arr = operands.map((op, i) => i === index ? next : op);
+    onChange({ ...value, operands: arr });
+  };
+  const remove = (index) => {
+    onChange({ ...value, operands: operands.filter((_, i) => i !== index) });
+  };
+  const add = () => onChange({
+    ...value,
+    operands: [...operands, { operator: "gt", field: "", value: 0 }]
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: "Combinator",
+        value: value.combinator ?? "and",
+        options: [{ value: "and", label: "All of (AND)" }, { value: "or", label: "Any of (OR)" }],
+        onValueChange: (combinator) => onChange({ ...value, combinator })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      operands.map((child, index) => /* @__PURE__ */ jsxs("div", { className: "relative rounded-lg border border-dashed border-slate-300 p-2 dark:border-slate-700", children: [
+        /* @__PURE__ */ jsx(
+          RuleConditionBuilder,
+          {
+            value: child,
+            onChange: (next) => update(index, next),
+            depth
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 text-right", children: /* @__PURE__ */ jsx(Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove operand" }) })
+      ] }, index)),
+      /* @__PURE__ */ jsx(Button, { type: "button", outline: true, onClick: add, children: "+ Add operand" })
+    ] })
+  ] });
+}
+function coerceScalar(raw) {
+  const trimmed = raw.trim();
+  if (trimmed === "true") return true;
+  if (trimmed === "false") return false;
+  if (trimmed !== "" && !Number.isNaN(Number(trimmed))) return Number(trimmed);
+  return raw;
+}
+function clampHour(raw, max = 23) {
+  const n = Number(raw);
+  if (!Number.isFinite(n)) return 0;
+  return Math.max(0, Math.min(max, Math.trunc(n)));
+}
+function defaultRuleCondition() {
+  return { operator: "truthy", field: "" };
+}
+var ACTION_TYPE_OPTIONS = [
+  { value: "adjust_price", label: "Adjust price (multiplier)" },
+  { value: "enforce_min_margin", label: "Enforce minimum margin" },
+  { value: "realign_to_competitor", label: "Realign to competitor" },
+  { value: "request_manager_approval", label: "Request manager approval" },
+  { value: "round_to", label: "Round to step" },
+  { value: "alert", label: "Emit alert" },
+  { value: "custom", label: "Custom action" }
+];
+function RuleActionBuilder({ value, onChange }) {
+  const type = value.type || "adjust_price";
+  const params = value.params ?? {};
+  const setParam = (key, newValue) => {
+    onChange({ ...value, type, params: { ...params, [key]: newValue } });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
+    /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: "Action type",
+        value: type,
+        options: ACTION_TYPE_OPTIONS,
+        onValueChange: (t) => onChange({ type: t, params: {} })
+      }
+    ),
+    type === "adjust_price" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Multiplier",
+          type: "number",
+          step: 0.01,
+          value: numberParam(params.multiplier, 1),
+          onValueChange: (raw) => setParam("multiplier", Number(raw))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Reason code",
+          value: stringParam(params.reason),
+          onValueChange: (raw) => setParam("reason", raw),
+          placeholder: "peak_demand_window"
+        }
+      )
+    ] }),
+    type === "enforce_min_margin" && /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Floor (fraction, e.g. 0.08)",
+        type: "number",
+        step: 0.01,
+        value: numberParam(params.floor, 0.08),
+        onValueChange: (raw) => setParam("floor", Number(raw))
+      }
+    ),
+    type === "realign_to_competitor" && /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Tolerance (fraction)",
+        type: "number",
+        step: 0.01,
+        value: numberParam(params.tolerance, 0.03),
+        onValueChange: (raw) => setParam("tolerance", Number(raw))
+      }
+    ),
+    type === "request_manager_approval" && /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Approval limit (fraction)",
+        type: "number",
+        step: 0.01,
+        value: numberParam(params.limit, 0.05),
+        onValueChange: (raw) => setParam("limit", Number(raw))
+      }
+    ),
+    type === "round_to" && /* @__PURE__ */ jsx(
+      FormInput,
+      {
+        label: "Step (e.g. 0.009)",
+        type: "number",
+        step: 1e-3,
+        value: numberParam(params.step, 9e-3),
+        onValueChange: (raw) => setParam("step", Number(raw))
+      }
+    ),
+    type === "alert" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Channel",
+          value: stringParam(params.channel),
+          onValueChange: (raw) => setParam("channel", raw),
+          placeholder: "slack"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Severity",
+          value: stringParam(params.severity),
+          onValueChange: (raw) => setParam("severity", raw),
+          placeholder: "warning"
+        }
+      )
+    ] }),
+    type === "custom" && /* @__PURE__ */ jsx(CustomParamsEditor, { params, onChange: (p) => onChange({ ...value, type, params: p }) })
+  ] });
+}
+function CustomParamsEditor({
+  params,
+  onChange
+}) {
+  const entries = Object.entries(params);
+  const update = (index, key, raw) => {
+    const next = {};
+    entries.forEach(([k, v], i) => {
+      if (i === index) next[key] = coerce(raw);
+      else next[k] = v;
+    });
+    onChange(next);
+  };
+  const remove = (index) => {
+    const next = {};
+    entries.forEach(([k, v], i) => {
+      if (i !== index) next[k] = v;
+    });
+    onChange(next);
+  };
+  const add = () => {
+    onChange({ ...params, [""]: "" });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    entries.map(([key, value], index) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Key",
+          value: key,
+          onValueChange: (raw) => update(index, raw, String(value ?? ""))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Value",
+          value: String(value ?? ""),
+          onValueChange: (raw) => update(index, key, raw)
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+    ] }, index)),
+    /* @__PURE__ */ jsx(Button, { type: "button", outline: true, onClick: add, children: "+ Add param" })
+  ] });
+}
+function numberParam(value, fallback) {
+  if (typeof value === "number" && Number.isFinite(value)) return String(value);
+  return String(fallback);
+}
+function stringParam(value) {
+  if (typeof value === "string") return value;
+  if (value === null || value === void 0) return "";
+  return String(value);
+}
+function coerce(raw) {
+  const trimmed = raw.trim();
+  if (trimmed === "true") return true;
+  if (trimmed === "false") return false;
+  if (trimmed !== "" && !Number.isNaN(Number(trimmed))) return Number(trimmed);
+  return raw;
+}
+function defaultRuleAction() {
+  return { type: "adjust_price", params: { multiplier: 1, reason: "" } };
+}
+function RuleForm({ value, onChange }) {
+  const [showAdvanced, setShowAdvanced] = useState(
+    Boolean(
+      value.validFrom || value.validUntil || value.tags && value.tags.length > 0 || value.status
+    )
+  );
+  const update = (key, v) => onChange({ ...value, [key]: v });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs(FormGrid, { children: [
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Name",
+          required: true,
+          value: value.name,
+          onValueChange: (v) => update("name", v)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormInput,
+        {
+          label: "Priority",
+          type: "number",
+          min: 0,
+          value: String(value.priority),
+          onValueChange: (v) => update("priority", Number(v) || 0)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormSelect,
+        {
+          label: "Enabled",
+          value: value.enabled ? "true" : "false",
+          options: [
+            { value: "true", label: "Enabled" },
+            { value: "false", label: "Disabled" }
+          ],
+          onValueChange: (v) => update("enabled", v === "true")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormTextarea,
+        {
+          label: "Description",
+          rows: 2,
+          value: value.description ?? "",
+          onValueChange: (v) => update("description", v)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Condition" }),
+        /* @__PURE__ */ jsx(Badge, { color: "indigo", children: value.condition.operator })
+      ] }),
+      /* @__PURE__ */ jsx(
+        RuleConditionBuilder,
+        {
+          value: value.condition,
+          onChange: (condition) => update("condition", condition)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Action on match" }),
+        /* @__PURE__ */ jsx(Badge, { color: "fuchsia", children: value.action.type })
+      ] }),
+      /* @__PURE__ */ jsx(
+        RuleActionBuilder,
+        {
+          value: value.action,
+          onChange: (action) => update("action", action)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setShowAdvanced((s) => !s),
+          className: "text-xs font-medium text-indigo-600 hover:text-indigo-500 dark:text-indigo-400",
+          children: showAdvanced ? "\u2212 Hide schedule & tagging" : "+ Schedule, tagging, lifecycle"
+        }
+      ),
+      showAdvanced && /* @__PURE__ */ jsxs("div", { className: "mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: "Valid from (ISO 8601)",
+            type: "datetime-local",
+            value: toDatetimeLocal(value.validFrom),
+            onValueChange: (v) => update("validFrom", fromDatetimeLocal(v))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: "Valid until (ISO 8601)",
+            type: "datetime-local",
+            value: toDatetimeLocal(value.validUntil),
+            onValueChange: (v) => update("validUntil", fromDatetimeLocal(v))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormSelect,
+          {
+            label: "Status",
+            value: value.status ?? "active",
+            options: RULE_STATUS_OPTIONS.map((s) => ({ value: s, label: s })),
+            onValueChange: (v) => update("status", v)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormInput,
+          {
+            label: "Tags (comma-separated)",
+            value: (value.tags ?? []).join(", "),
+            onValueChange: (v) => update("tags", parseTags(v)),
+            placeholder: "pricing, peak-hours"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function defaultRuleForm() {
+  return {
+    name: "",
+    description: "",
+    enabled: true,
+    priority: 0,
+    status: "active",
+    validFrom: null,
+    validUntil: null,
+    tags: [],
+    condition: defaultRuleCondition(),
+    action: defaultRuleAction()
+  };
+}
+function parseTags(raw) {
+  return raw.split(",").map((tag) => tag.trim()).filter((tag) => tag.length > 0);
+}
+function toDatetimeLocal(iso) {
+  if (!iso) return "";
+  try {
+    const d = new Date(iso);
+    if (Number.isNaN(d.getTime())) return "";
+    const pad = (n) => String(n).padStart(2, "0");
+    return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
+  } catch {
+    return "";
+  }
+}
+function fromDatetimeLocal(raw) {
+  if (!raw) return null;
+  const d = new Date(raw);
+  if (Number.isNaN(d.getTime())) return null;
+  return d.toISOString();
+}
 var DATASOURCE_LOGOS = {
   bigquery: "/logos/datasources/bigquery.svg",
   postgres: "/logos/datasources/postgres.svg",
@@ -3341,6 +4238,6 @@ function useHelpLines() {
   };
 }
 
-export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, MetaLlamaIcon, NodePalette, PipelineSettingsModal, PreviewPanel, RunInputDialog, RunPanel, SaveStatusBadge, SubworkflowModal, VariableInspector, VersionHistoryPanel, WorkflowListBar, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
+export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, MetaLlamaIcon, NodePalette, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultRuleAction, defaultRuleCondition, defaultRuleForm, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map