@datatechsolutions/ui 2.11.78 → 2.11.79

package/dist/astrlabe/index.js

@@ -3,7 +3,7 @@
 
 require('../chunk-55H6WZQP.js');
 var chunk5UU3RQRB_js = require('../chunk-5UU3RQRB.js');
-var chunkBCE3FQVS_js = require('../chunk-BCE3FQVS.js');
+var chunkM7P2TQ6X_js = require('../chunk-M7P2TQ6X.js');
 var chunkTUEYBNWL_js = require('../chunk-TUEYBNWL.js');
 var chunkYXN2K77G_js = require('../chunk-YXN2K77G.js');
 require('../chunk-S7KHTUHA.js');
@@ -83,7 +83,7 @@ function OutputCard({ label, value }) {
 function AgentProfileHeader({ agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, temperature, setTemperature, elo, setElo, onChanged }) {
   const modelName = models.find((model) => model.id === selectedModelId)?.name ?? selectedModelId ?? "\u2014";
   const avatarUrl = agent.avatar;
-  const frameworkMeta = chunkBCE3FQVS_js.getFrameworkMeta(selectedFramework);
+  const frameworkMeta = chunkM7P2TQ6X_js.getFrameworkMeta(selectedFramework);
   const tierInfo = getEloTier(elo);
   const difficultyConfig = {
     beginner: { color: "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-400", labelKey: "agentDrawer.tierBeginner" },
@@ -359,13 +359,13 @@ function AgentCapabilityCard({ elo, setElo, models, selectedModelId, setSelected
   ] });
 }
 function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework, markDirty, connectedProviderTypes }) {
-  const frameworkKeys = Object.keys(chunkBCE3FQVS_js.FRAMEWORK_META);
+  const frameworkKeys = Object.keys(chunkM7P2TQ6X_js.FRAMEWORK_META);
   const hasProviderConstraints = connectedProviderTypes.length > 0;
-  const compatibleModels = chunkBCE3FQVS_js.getCompatibleModels(models, selectedFramework);
+  const compatibleModels = chunkM7P2TQ6X_js.getCompatibleModels(models, selectedFramework);
   const handleFrameworkChange = react.useCallback((newFramework) => {
     setSelectedFramework(newFramework);
-    if (!chunkBCE3FQVS_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
-      const compatible = chunkBCE3FQVS_js.getCompatibleModels(models, newFramework);
+    if (!chunkM7P2TQ6X_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
+      const compatible = chunkM7P2TQ6X_js.getCompatibleModels(models, newFramework);
       if (compatible.length > 0) {
         setSelectedModelId(compatible[0].id);
       }
@@ -376,10 +376,10 @@ function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFra
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.framework") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: frameworkKeys.map((key) => {
-        const meta = chunkBCE3FQVS_js.FRAMEWORK_META[key];
+        const meta = chunkM7P2TQ6X_js.FRAMEWORK_META[key];
         const isSelected = key === selectedFramework;
-        const compatCount = chunkBCE3FQVS_js.getCompatibleModels(models, key).length;
-        const isCompatibleWithProviders = !hasProviderConstraints || chunkBCE3FQVS_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
+        const compatCount = chunkM7P2TQ6X_js.getCompatibleModels(models, key).length;
+        const isCompatibleWithProviders = !hasProviderConstraints || chunkM7P2TQ6X_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -411,7 +411,7 @@ function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFra
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: models.map((model) => {
         const isSelected = model.id === selectedModelId;
-        const isCompatible = chunkBCE3FQVS_js.isModelCompatibleWithFramework(model.id, selectedFramework);
+        const isCompatible = chunkM7P2TQ6X_js.isModelCompatibleWithFramework(model.id, selectedFramework);
         const { IconComponent, color, providerLabel } = getModelIcon(model.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -509,7 +509,7 @@ function PromptTab({ agent, temperature, setTemperature, markDirty, t, promptTex
   ] });
 }
 function ResultsTab({ agentId, t }) {
-  const nodeResults = chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodeResults);
+  const nodeResults = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
   const agentResult = react.useMemo(() => {
     return nodeResults[agentId] ?? null;
   }, [nodeResults, agentId]);
@@ -599,10 +599,10 @@ function ModelsTab({ modelProviders, selectedProviderId, onSelectProvider, model
       const providerModels = modelsByProvider.find((p) => p.provider.id === selectedProviderId);
       if (!providerModels || providerModels.models.length === 0) return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: t("agentDrawer.noModelsForProvider") });
       const compatibleModels = providerModels.models.filter(
-        (m) => chunkBCE3FQVS_js.isModelCompatibleWithFramework(m.id, agentFramework)
+        (m) => chunkM7P2TQ6X_js.isModelCompatibleWithFramework(m.id, agentFramework)
       );
       const incompatibleModels = providerModels.models.filter(
-        (m) => !chunkBCE3FQVS_js.isModelCompatibleWithFramework(m.id, agentFramework)
+        (m) => !chunkM7P2TQ6X_js.isModelCompatibleWithFramework(m.id, agentFramework)
       );
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.selectModel") }),
@@ -675,7 +675,7 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
               ] }),
               tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: tool.description }),
               tool.compatibleFrameworks && tool.compatibleFrameworks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-0.5", children: tool.compatibleFrameworks.map((framework) => {
-                const meta = chunkBCE3FQVS_js.getFrameworkMeta(framework);
+                const meta = chunkM7P2TQ6X_js.getFrameworkMeta(framework);
                 const isCurrentFw = framework === agentFramework;
                 return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-[8px] font-medium ${isCurrentFw ? meta.badgeColor : "bg-gray-100 text-gray-500 dark:bg-white/5 dark:text-gray-400"}`, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(meta.IconComponent, { className: "h-2.5 w-2.5" }),
@@ -851,9 +851,9 @@ function AdvancedTab({
 }
 function AgentModal({ onSaved, onPersist }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkBCE3FQVS_js.useModalStore((s) => s.activeModal);
-  const agentData = chunkBCE3FQVS_js.useModalStore((s) => s.agentData);
-  const closeModal = chunkBCE3FQVS_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.activeModal);
+  const agentData = chunkM7P2TQ6X_js.useModalStore((s) => s.agentData);
+  const closeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "agent";
   const agent = agentData?.agent ?? null;
   const models = agentData?.models ?? [];
@@ -1191,7 +1191,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
   const markDirty = useSubworkflowStore((s) => s.markDirty);
   const markSaved = useSubworkflowStore((s) => s.markSaved);
   const closeModal = useSubworkflowStore((s) => s.closeModal);
-  const agentBehind = chunkBCE3FQVS_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
+  const agentBehind = chunkM7P2TQ6X_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
   const isCreateMode = !tool?.toolId;
   const initialGraph = react.useMemo(() => {
     const config = tool?.config;
@@ -1220,9 +1220,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
   }, [tool, onSaved, name, category, description, timeoutMs, latestGraphRef, markSaved]);
   if (!tool) return null;
   const categoryKey = category ?? "external";
-  const gradient = tool.color ?? chunkBCE3FQVS_js.CATEGORY_COLORS[categoryKey] ?? chunkBCE3FQVS_js.CATEGORY_COLORS.external;
-  const categoryPill = chunkBCE3FQVS_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkBCE3FQVS_js.CATEGORY_PILL_COLORS.external;
-  const IconComponent = chunkBCE3FQVS_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
+  const gradient = tool.color ?? chunkM7P2TQ6X_js.CATEGORY_COLORS[categoryKey] ?? chunkM7P2TQ6X_js.CATEGORY_COLORS.external;
+  const categoryPill = chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS.external;
+  const IconComponent = chunkM7P2TQ6X_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
   const graph = latestGraphRef.current;
   const startNode = graph.nodes.find((n) => n.type === "start");
   const endNode = graph.nodes.find((n) => n.type === "end");
@@ -1287,7 +1287,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
               {
                 type: "button",
                 onClick: () => setCategory(cat),
-                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkBCE3FQVS_js.CATEGORY_PILL_COLORS[cat] ?? chunkBCE3FQVS_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
+                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS[cat] ?? chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
                 children: cat
               },
               cat
@@ -1374,7 +1374,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkBCE3FQVS_js.WorkflowCanvas,
+          chunkM7P2TQ6X_js.WorkflowCanvas,
           {
             initialGraph,
             agents: [],
@@ -1390,26 +1390,53 @@ function SubworkflowModal({ onSaved, onMaximize }) {
 }
 function PipelineSettingsModal({ onSave }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkBCE3FQVS_js.useModalStore((s) => s.activeModal);
-  const data = chunkBCE3FQVS_js.useModalStore((s) => s.pipelineSettingsData);
-  const closeModal = chunkBCE3FQVS_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.activeModal);
+  const data = chunkM7P2TQ6X_js.useModalStore((s) => s.pipelineSettingsData);
+  const closeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "pipeline-settings";
   const [nameValue, setNameValue] = react.useState("");
   const [descriptionValue, setDescriptionValue] = react.useState("");
+  const [slugValue, setSlugValue] = react.useState("");
+  const [isDraft, setIsDraft] = react.useState(true);
+  const [isActive, setIsActive] = react.useState(true);
   const [isSaving, setIsSaving] = react.useState(false);
+  const lifecycleAvailable = react.useMemo(() => {
+    if (!data) return false;
+    return data.isDraft !== void 0 || data.isActive !== void 0 || data.slug !== void 0;
+  }, [data]);
   react.useEffect(() => {
     if (data) {
       setNameValue(data.name);
       setDescriptionValue(data.description);
+      setSlugValue(data.slug ?? "");
+      setIsDraft(data.isDraft ?? true);
+      setIsActive(data.isActive ?? true);
     }
   }, [data]);
   const handleSubmit = async (event) => {
     event.preventDefault();
     const trimmedName = nameValue.trim();
     if (!trimmedName) return;
+    const trimmedDescription = descriptionValue.trim();
+    const trimmedSlug = slugValue.trim();
+    const changes = {
+      name: trimmedName,
+      description: trimmedDescription
+    };
+    if (data) {
+      if (trimmedSlug !== (data.slug ?? "")) {
+        changes.slug = trimmedSlug.length > 0 ? trimmedSlug : null;
+      }
+      if (data.isDraft !== void 0 && isDraft !== data.isDraft) {
+        changes.isDraft = isDraft;
+      }
+      if (data.isActive !== void 0 && isActive !== data.isActive) {
+        changes.isActive = isActive;
+      }
+    }
     setIsSaving(true);
     try {
-      await onSave(trimmedName, descriptionValue.trim());
+      await onSave(changes);
       closeModal();
     } catch {
     } finally {
@@ -1454,7 +1481,7 @@ function PipelineSettingsModal({ onSave }) {
       maxWidth: "md",
       footer,
       onSubmit: handleSubmit,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: "pipeline-settings-form", onSubmit: handleSubmit, className: "space-y-6", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: "pipeline-settings-form", onSubmit: handleSubmit, className: "space-y-5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           chunkTUEYBNWL_js.FormInput,
           {
@@ -1474,7 +1501,54 @@ function PipelineSettingsModal({ onSave }) {
             placeholder: t("pipelineDescriptionPlaceholder"),
             rows: 4
           }
-        )
+        ),
+        lifecycleAvailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkTUEYBNWL_js.FormInput,
+            {
+              label: t("pipelineSlug", { _: "Slug" }),
+              value: slugValue,
+              onValueChange: setSlugValue,
+              placeholder: "fuel-pricing",
+              hint: t("pipelineSlugHint", {
+                _: "URL-friendly identifier. Leave blank to use the auto-generated one."
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: "space-y-2 rounded-xl border border-gray-200/60 bg-gray-50/60 p-3 dark:border-white/10 dark:bg-white/5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "px-1 text-xs font-medium text-gray-600 dark:text-gray-300", children: t("pipelineLifecycle", { _: "Lifecycle" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center justify-between gap-3 text-sm text-gray-700 dark:text-gray-200", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                t("pipelineIsDraft", { _: "Draft mode" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-[11px] text-gray-400", children: isDraft ? t("pipelineIsDraftOn", { _: "Editable \u2014 changes do not affect runs." }) : t("pipelineIsDraftOff", { _: "Published \u2014 edits require a new version." }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: isDraft,
+                  onChange: (event) => setIsDraft(event.target.checked),
+                  className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center justify-between gap-3 text-sm text-gray-700 dark:text-gray-200", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                t("pipelineIsActive", { _: "Active" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 text-[11px] text-gray-400", children: isActive ? t("pipelineIsActiveOn", { _: "Visible in listings and runnable." }) : t("pipelineIsActiveOff", { _: "Archived \u2014 hidden from the default listing." }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: isActive,
+                  onChange: (event) => setIsActive(event.target.checked),
+                  className: "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500"
+                }
+              )
+            ] })
+          ] })
+        ] })
       ] })
     }
   );
@@ -2266,8 +2340,8 @@ function CollapsibleSection({ title, icon, colorClass, defaultOpen = true, count
   ] });
 }
 function LogicNodeItemCard({ item, translationFunction }) {
-  const IconComponent = chunkBCE3FQVS_js.LOGIC_ICON_MAP[item.nodeType];
-  const gradient = chunkBCE3FQVS_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
+  const IconComponent = chunkM7P2TQ6X_js.LOGIC_ICON_MAP[item.nodeType];
+  const gradient = chunkM7P2TQ6X_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
   const defaultConfig = chunkC7BI5LQ6_js.createDefaultLogicNodeConfig(item.nodeType);
   const configJson = defaultConfig ? JSON.stringify(defaultConfig) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2525,8 +2599,8 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
             limit: entity.defaultLimit
           });
           const dsLogo = getDatasourceLogo(entity.id);
-          const EntityIcon = chunkBCE3FQVS_js.getEntityIcon(entity.id);
-          const entityGradient = chunkBCE3FQVS_js.getEntityGradient(entity.id);
+          const EntityIcon = chunkM7P2TQ6X_js.getEntityIcon(entity.id);
+          const entityGradient = chunkM7P2TQ6X_js.getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -2924,9 +2998,9 @@ function formatDuration2(durationMs) {
 }
 function RunPanel({ open, onClose, onRun, onStop }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.runPanel");
-  const nodes = chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodes);
-  const isRunning = chunkBCE3FQVS_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodeResults);
+  const nodes = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes);
+  const isRunning = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
   const startNode = nodes.find((node) => node.type === "start");
   const hasEndNode = nodes.some((node) => node.type === "end");
   const hasValidStartConfig = Boolean(
@@ -3214,8 +3288,8 @@ function inferVariables(config, nodeType) {
 }
 function VariableInspector({ open, onClose }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.variableInspector");
-  const nodes = chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodes);
-  const edges = chunkBCE3FQVS_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.edges);
   const [expandedNodes, setExpandedNodes] = react.useState(/* @__PURE__ */ new Set());
   const toggleNodeExpansion = react.useCallback((nodeId) => {
     setExpandedNodes((current) => {
@@ -3277,8 +3351,8 @@ function VariableInspector({ open, onClose }) {
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: translations("noNodes") })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: nodeVariableEntries.map((entry) => {
           const isExpanded = expandedNodes.has(entry.nodeId);
-          const IconComponent = chunkBCE3FQVS_js.LOGIC_ICON_MAP[entry.nodeType];
-          const gradient = chunkBCE3FQVS_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
+          const IconComponent = chunkM7P2TQ6X_js.LOGIC_ICON_MAP[entry.nodeType];
+          const gradient = chunkM7P2TQ6X_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
           const inputVariables = entry.variables.filter((variable) => variable.direction === "input");
           const outputVariables = entry.variables.filter((variable) => variable.direction === "output");
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": `variable-node-${entry.nodeId}`, children: [
@@ -3344,7 +3418,7 @@ function RunInputDialog({
   onRun
 }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.runInputDialog");
-  const nodes = chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodes);
+  const nodes = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes);
   const [values, setValues] = react.useState({});
   const inputVariableNames = react.useMemo(() => {
     const storeStartNode = nodes.find((node) => node.type === "start");
@@ -3425,8 +3499,8 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
   const [isLoadingRuns, setIsLoadingRuns] = react.useState(false);
   const [selectedRun, setSelectedRun] = react.useState(null);
   const [selectedNode, setSelectedNode] = react.useState(null);
-  const isRunning = chunkBCE3FQVS_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodeResults);
+  const isRunning = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
   const refreshRuns = react.useCallback(async () => {
     setIsLoadingRuns(true);
     try {
@@ -3582,7 +3656,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
     onAutoSaveGraph(graph);
   }, [onAutoSaveGraph, onGraphSnapshot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkBCE3FQVS_js.Workspace,
+    chunkM7P2TQ6X_js.Workspace,
     {
       ...workspaceProps,
       onGraphChange: handleGraphChange
@@ -3953,14 +4027,14 @@ function DslImportModal({ open, onClose, onImport }) {
 }
 
 // src/astrlabe/store/selectors.ts
-var useCanUndo = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.past.length > 0);
-var useCanRedo = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.future.length > 0);
-var useHasCopied = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.clipboard !== null);
-var useContextMenu = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.contextMenu);
-var useEditingNodeId = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.editingNodeId);
-var useSelectedNodeCount = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
-var useIsRunning = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.isRunning);
-var useNodeResults = () => chunkBCE3FQVS_js.useWorkflowStore((state) => state.nodeResults);
+var useCanUndo = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.past.length > 0);
+var useCanRedo = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.future.length > 0);
+var useHasCopied = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.clipboard !== null);
+var useContextMenu = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.contextMenu);
+var useEditingNodeId = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.editingNodeId);
+var useSelectedNodeCount = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
+var useIsRunning = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.isRunning);
+var useNodeResults = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
 var DEFAULT_MAX_HISTORY = 50;
 function useUndoRedo(nodes, edges, setNodes, setEdges, maxHistory = DEFAULT_MAX_HISTORY) {
   const pastRef = react.useRef([]);
@@ -4256,239 +4330,239 @@ Object.defineProperty(exports, "validateWorkflowGraph", {
 });
 Object.defineProperty(exports, "AgentFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.AgentFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.AgentFlowNode; }
 });
 Object.defineProperty(exports, "AgentToolFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.AgentToolFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.AgentToolFlowNode; }
 });
 Object.defineProperty(exports, "AnswerFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.AnswerFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.AnswerFlowNode; }
 });
 Object.defineProperty(exports, "AnthropicIcon", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.AnthropicIcon; }
+  get: function () { return chunkM7P2TQ6X_js.AnthropicIcon; }
 });
 Object.defineProperty(exports, "CodeFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.CodeFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.CodeFlowNode; }
 });
 Object.defineProperty(exports, "CrewAIIcon", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.CrewAIIcon; }
+  get: function () { return chunkM7P2TQ6X_js.CrewAIIcon; }
 });
 Object.defineProperty(exports, "DocumentExtractorFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.DocumentExtractorFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.DocumentExtractorFlowNode; }
 });
 Object.defineProperty(exports, "EndFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.EndFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.EndFlowNode; }
 });
 Object.defineProperty(exports, "EntityFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.EntityFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.EntityFlowNode; }
 });
 Object.defineProperty(exports, "FRAMEWORK_META", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.FRAMEWORK_META; }
+  get: function () { return chunkM7P2TQ6X_js.FRAMEWORK_META; }
 });
 Object.defineProperty(exports, "GoogleADKIcon", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.GoogleADKIcon; }
+  get: function () { return chunkM7P2TQ6X_js.GoogleADKIcon; }
 });
 Object.defineProperty(exports, "GroupFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.GroupFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.GroupFlowNode; }
 });
 Object.defineProperty(exports, "HttpRequestFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.HttpRequestFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.HttpRequestFlowNode; }
 });
 Object.defineProperty(exports, "IfElseFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.IfElseFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.IfElseFlowNode; }
 });
 Object.defineProperty(exports, "IterationFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.IterationFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.IterationFlowNode; }
 });
 Object.defineProperty(exports, "IterationStartFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.IterationStartFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.IterationStartFlowNode; }
 });
 Object.defineProperty(exports, "KnowledgeBaseFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.KnowledgeBaseFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.KnowledgeBaseFlowNode; }
 });
 Object.defineProperty(exports, "LOGIC_ICON_MAP", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.LOGIC_ICON_MAP; }
+  get: function () { return chunkM7P2TQ6X_js.LOGIC_ICON_MAP; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_BADGE_COLORS", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.LOGIC_NODE_BADGE_COLORS; }
+  get: function () { return chunkM7P2TQ6X_js.LOGIC_NODE_BADGE_COLORS; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_GRADIENTS", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.LOGIC_NODE_GRADIENTS; }
+  get: function () { return chunkM7P2TQ6X_js.LOGIC_NODE_GRADIENTS; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_HANDLE_COLORS", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.LOGIC_NODE_HANDLE_COLORS; }
+  get: function () { return chunkM7P2TQ6X_js.LOGIC_NODE_HANDLE_COLORS; }
 });
 Object.defineProperty(exports, "LangChainIcon", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.LangChainIcon; }
+  get: function () { return chunkM7P2TQ6X_js.LangChainIcon; }
 });
 Object.defineProperty(exports, "ListOperatorFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.ListOperatorFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.ListOperatorFlowNode; }
 });
 Object.defineProperty(exports, "LogicNodeModal", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.LogicNodeModal; }
+  get: function () { return chunkM7P2TQ6X_js.LogicNodeModal; }
 });
 Object.defineProperty(exports, "MINIMAP_NODE_COLORS", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.MINIMAP_NODE_COLORS; }
+  get: function () { return chunkM7P2TQ6X_js.MINIMAP_NODE_COLORS; }
 });
 Object.defineProperty(exports, "ModelProviderFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.ModelProviderFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.ModelProviderFlowNode; }
 });
 Object.defineProperty(exports, "NODE_EXECUTION_ACCENT_COLORS", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.NODE_EXECUTION_ACCENT_COLORS; }
+  get: function () { return chunkM7P2TQ6X_js.NODE_EXECUTION_ACCENT_COLORS; }
 });
 Object.defineProperty(exports, "NodeCard", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.NodeCard; }
+  get: function () { return chunkM7P2TQ6X_js.NodeCard; }
 });
 Object.defineProperty(exports, "NodeContextMenu", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.NodeContextMenu; }
+  get: function () { return chunkM7P2TQ6X_js.NodeContextMenu; }
 });
 Object.defineProperty(exports, "NoteFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.NoteFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.NoteFlowNode; }
 });
 Object.defineProperty(exports, "OpenAIIcon", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.OpenAIIcon; }
+  get: function () { return chunkM7P2TQ6X_js.OpenAIIcon; }
 });
 Object.defineProperty(exports, "PanelContextMenu", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.PanelContextMenu; }
+  get: function () { return chunkM7P2TQ6X_js.PanelContextMenu; }
 });
 Object.defineProperty(exports, "ParameterExtractorFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.ParameterExtractorFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.ParameterExtractorFlowNode; }
 });
 Object.defineProperty(exports, "QuestionClassifierFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.QuestionClassifierFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.QuestionClassifierFlowNode; }
 });
 Object.defineProperty(exports, "RuleFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.RuleFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.RuleFlowNode; }
 });
 Object.defineProperty(exports, "SelectionContextMenu", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.SelectionContextMenu; }
+  get: function () { return chunkM7P2TQ6X_js.SelectionContextMenu; }
 });
 Object.defineProperty(exports, "StartFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.StartFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.StartFlowNode; }
 });
 Object.defineProperty(exports, "StrandsIcon", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.StrandsIcon; }
+  get: function () { return chunkM7P2TQ6X_js.StrandsIcon; }
 });
 Object.defineProperty(exports, "TemplateTransformFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.TemplateTransformFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.TemplateTransformFlowNode; }
 });
 Object.defineProperty(exports, "ToolFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.ToolFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.ToolFlowNode; }
 });
 Object.defineProperty(exports, "VariableAggregatorFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.VariableAggregatorFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.VariableAggregatorFlowNode; }
 });
 Object.defineProperty(exports, "VariableAssignerFlowNode", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.VariableAssignerFlowNode; }
+  get: function () { return chunkM7P2TQ6X_js.VariableAssignerFlowNode; }
 });
 Object.defineProperty(exports, "WorkflowBuilderProvider", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.WorkflowBuilderProvider; }
+  get: function () { return chunkM7P2TQ6X_js.WorkflowBuilderProvider; }
 });
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.Workspace; }
+  get: function () { return chunkM7P2TQ6X_js.Workspace; }
 });
 Object.defineProperty(exports, "getCompatibleModels", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getCompatibleModels; }
+  get: function () { return chunkM7P2TQ6X_js.getCompatibleModels; }
 });
 Object.defineProperty(exports, "getDefaultFrameworkForModel", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getDefaultFrameworkForModel; }
+  get: function () { return chunkM7P2TQ6X_js.getDefaultFrameworkForModel; }
 });
 Object.defineProperty(exports, "getEntityBadgeColor", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getEntityBadgeColor; }
+  get: function () { return chunkM7P2TQ6X_js.getEntityBadgeColor; }
 });
 Object.defineProperty(exports, "getEntityGradient", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getEntityGradient; }
+  get: function () { return chunkM7P2TQ6X_js.getEntityGradient; }
 });
 Object.defineProperty(exports, "getEntityHandleColor", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getEntityHandleColor; }
+  get: function () { return chunkM7P2TQ6X_js.getEntityHandleColor; }
 });
 Object.defineProperty(exports, "getEntityIcon", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getEntityIcon; }
+  get: function () { return chunkM7P2TQ6X_js.getEntityIcon; }
 });
 Object.defineProperty(exports, "getEntityMinimapColor", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getEntityMinimapColor; }
+  get: function () { return chunkM7P2TQ6X_js.getEntityMinimapColor; }
 });
 Object.defineProperty(exports, "getFrameworkMeta", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getFrameworkMeta; }
+  get: function () { return chunkM7P2TQ6X_js.getFrameworkMeta; }
 });
 Object.defineProperty(exports, "getNodeExecutionAccent", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getNodeExecutionAccent; }
+  get: function () { return chunkM7P2TQ6X_js.getNodeExecutionAccent; }
 });
 Object.defineProperty(exports, "getNodeExecutionAccentRgb", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.getNodeExecutionAccentRgb; }
+  get: function () { return chunkM7P2TQ6X_js.getNodeExecutionAccentRgb; }
 });
 Object.defineProperty(exports, "isModelCompatibleWithFramework", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.isModelCompatibleWithFramework; }
+  get: function () { return chunkM7P2TQ6X_js.isModelCompatibleWithFramework; }
 });
 Object.defineProperty(exports, "useModalStore", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.useModalStore; }
+  get: function () { return chunkM7P2TQ6X_js.useModalStore; }
 });
 Object.defineProperty(exports, "useWorkflowBuilderClient", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.useWorkflowBuilderClient; }
+  get: function () { return chunkM7P2TQ6X_js.useWorkflowBuilderClient; }
 });
 Object.defineProperty(exports, "useWorkflowBuilderClientOptional", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.useWorkflowBuilderClientOptional; }
+  get: function () { return chunkM7P2TQ6X_js.useWorkflowBuilderClientOptional; }
 });
 Object.defineProperty(exports, "useWorkflowStore", {
   enumerable: true,
-  get: function () { return chunkBCE3FQVS_js.useWorkflowStore; }
+  get: function () { return chunkM7P2TQ6X_js.useWorkflowStore; }
 });
 Object.defineProperty(exports, "GraphNodeBadge", {
   enumerable: true,