@datatechsolutions/ui 2.11.4 → 2.11.6

package/dist/astrlabe/index.js

@@ -3,8 +3,8 @@
 
 require('../chunk-55H6WZQP.js');
 var chunk3GE3MBUZ_js = require('../chunk-3GE3MBUZ.js');
-var chunkAZ3BXAI6_js = require('../chunk-AZ3BXAI6.js');
-var chunkEVX2CFNL_js = require('../chunk-EVX2CFNL.js');
+var chunkE7GVGD4Z_js = require('../chunk-E7GVGD4Z.js');
+var chunk4XID6LOC_js = require('../chunk-4XID6LOC.js');
 require('../chunk-S7KHTUHA.js');
 require('../chunk-UZ3CMNUJ.js');
 var chunkP4YYEM4B_js = require('../chunk-P4YYEM4B.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 = chunkAZ3BXAI6_js.getFrameworkMeta(selectedFramework);
+  const frameworkMeta = chunkE7GVGD4Z_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" },
@@ -284,7 +284,12 @@ function AgentCapabilityCard({ elo, setElo, models, selectedModelId, setSelected
             step: "50",
             value: elo,
             onChange: handleEloChange,
-            className: "relative z-10 h-5 w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-lg dark:[&::-webkit-slider-thumb]:border-gray-900"
+            "aria-label": t("agentDrawer.capabilityRating"),
+            "aria-valuemin": 800,
+            "aria-valuemax": 2400,
+            "aria-valuenow": elo,
+            "aria-valuetext": `${elo} ELO \u2014 ${t(`agentDrawer.tier${tierInfo.tierKey.charAt(0).toUpperCase()}${tierInfo.tierKey.slice(1)}`)}`,
+            className: "relative z-10 h-5 w-full cursor-pointer appearance-none bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-lg dark:[&::-webkit-slider-thumb]:border-gray-900"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("style", { children: `input[type="range"]::-webkit-slider-thumb { background: ${elo < 1200 ? "#06b6d4" : elo < 1600 ? "#ec4899" : elo < 2e3 ? "#f59e0b" : "#10b981"}; box-shadow: 0 0 6px ${elo < 1200 ? "rgba(6,182,212,0.5)" : elo < 1600 ? "rgba(236,72,153,0.5)" : elo < 2e3 ? "rgba(245,158,11,0.5)" : "rgba(16,185,129,0.5)"}; }` })
@@ -329,16 +334,18 @@ function AgentCapabilityCard({ elo, setElo, models, selectedModelId, setSelected
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] font-semibold ${tierInfo.color}`, children: t(`agentDrawer.${tierInfo.autonomyKey}`) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1", children: [
-        { level: 25, label: "Low" },
-        { level: 50, label: "Med" },
-        { level: 75, label: "High" },
-        { level: 100, label: "Full" }
-      ].map(({ level }) => /* @__PURE__ */ jsxRuntime.jsx(
+        { level: 25, labelKey: "autonomyLow" },
+        { level: 50, labelKey: "autonomyMedium" },
+        { level: 75, labelKey: "autonomyHigh" },
+        { level: 100, labelKey: "autonomyFull" }
+      ].map(({ level, labelKey }) => /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           onClick: () => handleAutonomyClick(level),
-          className: `h-2 flex-1 rounded-full transition-all ${level <= tierInfo.autonomyPercent ? `bg-gradient-to-r ${tierInfo.barColor} hover:opacity-80` : "bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600"}`
+          "aria-label": t(`agentDrawer.${labelKey}`),
+          "aria-pressed": level <= tierInfo.autonomyPercent,
+          className: `h-2 flex-1 rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 ${level <= tierInfo.autonomyPercent ? `bg-gradient-to-r ${tierInfo.barColor} hover:opacity-80` : "bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600"}`
         },
         level
       )) }),
@@ -361,19 +368,19 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
     setPromptText(event.target.value);
     markDirty();
   }, []);
-  const handleSave = react.useCallback(() => {
+  react.useCallback(() => {
     markSaved();
   }, [markSaved]);
   const temperaturePercent = temperature * 100;
   const isPrecise = temperature <= 0.3;
   const isBalanced = temperature > 0.3 && temperature <= 0.7;
   const isCreative = temperature > 0.7;
-  const frameworkKeys = Object.keys(chunkAZ3BXAI6_js.FRAMEWORK_META);
-  const compatibleModels = chunkAZ3BXAI6_js.getCompatibleModels(models, selectedFramework);
+  const frameworkKeys = Object.keys(chunkE7GVGD4Z_js.FRAMEWORK_META);
+  const compatibleModels = chunkE7GVGD4Z_js.getCompatibleModels(models, selectedFramework);
   const handleFrameworkChange = react.useCallback((newFramework) => {
     setSelectedFramework(newFramework);
-    if (!chunkAZ3BXAI6_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
-      const compatible = chunkAZ3BXAI6_js.getCompatibleModels(models, newFramework);
+    if (!chunkE7GVGD4Z_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
+      const compatible = chunkE7GVGD4Z_js.getCompatibleModels(models, newFramework);
       if (compatible.length > 0) {
         setSelectedModelId(compatible[0].id);
       }
@@ -384,9 +391,9 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
     /* @__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 = chunkAZ3BXAI6_js.FRAMEWORK_META[key];
+        const meta = chunkE7GVGD4Z_js.FRAMEWORK_META[key];
         const isSelected = key === selectedFramework;
-        const compatCount = chunkAZ3BXAI6_js.getCompatibleModels(models, key).length;
+        const compatCount = chunkE7GVGD4Z_js.getCompatibleModels(models, key).length;
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -416,7 +423,7 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: models.map((model) => {
         const isSelected = model.id === selectedModelId;
-        const isCompatible = chunkAZ3BXAI6_js.isModelCompatibleWithFramework(model.id, selectedFramework);
+        const isCompatible = chunkE7GVGD4Z_js.isModelCompatibleWithFramework(model.id, selectedFramework);
         const { IconComponent, color, providerLabel } = getModelIcon(model.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -465,7 +472,12 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
             step: "0.05",
             value: temperature,
             onChange: handleTemperatureChange,
-            className: "relative z-10 h-5 w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-lg dark:[&::-webkit-slider-thumb]:border-gray-900",
+            "aria-label": t("agentDrawer.temperature"),
+            "aria-valuemin": 0,
+            "aria-valuemax": 1,
+            "aria-valuenow": temperature,
+            "aria-valuetext": `${temperature.toFixed(2)} \u2014 ${isPrecise ? t("agentDrawer.precise") : isBalanced ? t("agentDrawer.balanced") : t("agentDrawer.creative")}`,
+            className: "relative z-10 h-5 w-full cursor-pointer appearance-none bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-lg dark:[&::-webkit-slider-thumb]:border-gray-900",
             style: {
               // Thumb color based on temperature zone
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -489,21 +501,9 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.systemPrompt") }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
-            promptText.length,
-            " chars"
-          ] }),
-          dirty && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleSave,
-              className: "rounded-md bg-gradient-to-r from-indigo-500 to-purple-500 px-2.5 py-1 text-[10px] font-semibold text-white shadow-sm transition-all hover:from-indigo-600 hover:to-purple-600",
-              children: t("agentDrawer.save")
-            }
-          ),
-          !dirty && promptText.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium text-emerald-500", children: t("agentDrawer.saved") })
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-gray-400 dark:text-gray-500", children: [
+          promptText.length,
+          " chars"
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -520,7 +520,7 @@ function ConfigTab({ agent, models, t, selectedModelId, setSelectedModelId, sele
   ] });
 }
 function ResultsTab({ agentId, t }) {
-  const nodeResults = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodeResults);
+  const nodeResults = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodeResults);
   const agentResult = react.useMemo(() => {
     return nodeResults[agentId] ?? null;
   }, [nodeResults, agentId]);
@@ -547,11 +547,11 @@ function ResultsTab({ agentId, t }) {
     ] })
   ] });
 }
-function AgentDrawer({ onSaved }) {
+function AgentModal({ onSaved }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkAZ3BXAI6_js.useModalStore((s) => s.activeModal);
-  const agentData = chunkAZ3BXAI6_js.useModalStore((s) => s.agentData);
-  const closeModal = chunkAZ3BXAI6_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkE7GVGD4Z_js.useModalStore((s) => s.activeModal);
+  const agentData = chunkE7GVGD4Z_js.useModalStore((s) => s.agentData);
+  const closeModal = chunkE7GVGD4Z_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "agent";
   const agent = agentData?.agent ?? null;
   const models = agentData?.models ?? [];
@@ -593,8 +593,32 @@ function AgentDrawer({ onSaved }) {
     },
     tab
   )) });
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", "aria-live": "polite", className: "text-xs", children: dirty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-500 dark:text-amber-400", children: t("agentDrawer.unsavedChanges") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-emerald-500 dark:text-emerald-400", children: t("agentDrawer.saved") }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleClose,
+          className: "rounded-lg border border-gray-200/50 px-4 py-2 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-100/50 dark:border-white/10 dark:text-gray-300 dark:hover:bg-white/5",
+          children: t("agentDrawer.cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleMarkSaved,
+          disabled: !dirty,
+          className: `rounded-lg px-4 py-2 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")
+        }
+      )
+    ] })
+  ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkAZ3BXAI6_js.WorkspaceModal,
+    chunk4XID6LOC_js.GlassModalShell,
     {
       open,
       onClose: handleClose,
@@ -602,7 +626,11 @@ function AgentDrawer({ onSaved }) {
       subtitle: agent.role ?? "",
       gradient: "from-indigo-500 to-purple-600",
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.CpuChipIcon, { className: "h-6 w-6 text-white" }),
-      tabs,
+      label: isCreateMode ? t("agentDrawer.createAgent") : t("agentDrawer.editAgent"),
+      headerActions: tabs,
+      footer,
+      maxWidth: "2xl",
+      closeLabel: t("agentDrawer.close"),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(AgentProfileHeader, { agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, temperature, setTemperature, elo, setElo, onChanged: markDirty }),
         activeTab === "config" ? /* @__PURE__ */ jsxRuntime.jsx(ConfigTab, { agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework: (fw) => setSelectedFramework(fw), temperature, setTemperature, dirty, markDirty, markSaved: handleMarkSaved }) : /* @__PURE__ */ jsxRuntime.jsx(ResultsTab, { agentId: agent.agentId, t })
@@ -621,7 +649,7 @@ var useSubworkflowStore = zustand.create((set) => ({
   retryCount: 0,
   dirty: false,
   // Actions
-  openDrawer: (tool) => set({
+  openModal: (tool) => set({
     tool,
     open: true,
     name: tool.name ?? "",
@@ -685,6 +713,7 @@ function ConfigSection({ title, icon: Icon, defaultOpen = true, children }) {
       {
         type: "button",
         onClick: () => setOpen(!open),
+        "aria-expanded": open,
         className: "flex w-full items-center gap-2 px-4 py-2.5 text-left hover:bg-white/5",
         children: [
           open ? /* @__PURE__ */ jsxRuntime.jsx(outline.ChevronDownIcon, { className: "h-3 w-3 text-gray-400" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.ChevronRightIcon, { className: "h-3 w-3 text-gray-400" }),
@@ -696,7 +725,7 @@ function ConfigSection({ title, icon: Icon, defaultOpen = true, children }) {
     open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 pb-3", children })
   ] });
 }
-function SubworkflowDrawer({ onSaved, onMaximize }) {
+function SubworkflowModal({ onSaved, onMaximize }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
   const tool = useSubworkflowStore((s) => s.tool);
   const open = useSubworkflowStore((s) => s.open);
@@ -742,9 +771,9 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
   }, [tool, onSaved, name, category, description, timeoutMs, latestGraphRef, markSaved]);
   if (!tool) return null;
   const categoryKey = category ?? "external";
-  const gradient = tool.color ?? chunkAZ3BXAI6_js.CATEGORY_COLORS[categoryKey] ?? chunkAZ3BXAI6_js.CATEGORY_COLORS.external;
-  const categoryPill = chunkAZ3BXAI6_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkAZ3BXAI6_js.CATEGORY_PILL_COLORS.external;
-  const IconComponent = chunkAZ3BXAI6_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
+  const gradient = tool.color ?? chunkE7GVGD4Z_js.CATEGORY_COLORS[categoryKey] ?? chunkE7GVGD4Z_js.CATEGORY_COLORS.external;
+  const categoryPill = chunkE7GVGD4Z_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkE7GVGD4Z_js.CATEGORY_PILL_COLORS.external;
+  const IconComponent = chunkE7GVGD4Z_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");
@@ -752,16 +781,42 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
   const endConfig = endNode?.data?.config;
   const inputVariables = (startConfig?.inputVariables ?? []).map((v) => ({ name: v, type: "string" }));
   const outputVariables = (endConfig?.outputVariables ?? []).map((v) => ({ name: v, type: "string" }));
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", "aria-live": "polite", className: "text-xs", children: dirty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-amber-500 dark:text-amber-400", children: t("subworkflowDrawer.unsavedChanges") }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-emerald-500 dark:text-emerald-400", children: t("subworkflowDrawer.saved") }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: closeModal,
+          className: "rounded-lg border border-gray-200/50 px-4 py-2 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-100/50 dark:border-white/10 dark:text-gray-300 dark:hover:bg-white/5",
+          children: t("subworkflowDrawer.cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSave,
+          disabled: isCreateMode && !name.trim(),
+          className: `rounded-lg px-4 py-2 text-xs font-semibold text-white shadow-sm transition-all ${dirty ? "bg-gradient-to-r from-teal-500 to-cyan-500 hover:from-teal-600 hover:to-cyan-600" : "cursor-not-allowed bg-gray-300 dark:bg-gray-700"}`,
+          children: isCreateMode ? t("subworkflowDrawer.create") : t("subworkflowDrawer.save")
+        }
+      )
+    ] })
+  ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkAZ3BXAI6_js.WorkspaceModal,
+    chunk4XID6LOC_js.GlassModalShell,
     {
       open,
       onClose: closeModal,
       title: isCreateMode ? t("subworkflowDrawer.createTitle") : name,
       subtitle: t("subworkflowDrawer.subworkflow"),
+      label: isCreateMode ? t("subworkflowDrawer.new") : t("subworkflowDrawer.edit"),
       gradient: "from-teal-500 to-cyan-600",
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowPathRoundedSquareIcon, { className: "h-6 w-6 text-white" }),
-      maxWidth: "max-w-6xl",
+      maxWidth: "6xl",
+      footer,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[80vh] min-h-[600px]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-72 flex-shrink-0 flex-col overflow-y-auto border-r border-white/10", children: [
           isCreateMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-white/10 bg-gradient-to-br from-teal-500/15 via-cyan-500/8 to-transparent px-4 py-4 dark:from-teal-500/8 dark:via-cyan-500/4", children: [
@@ -782,7 +837,7 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
               {
                 type: "button",
                 onClick: () => setCategory(cat),
-                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkAZ3BXAI6_js.CATEGORY_PILL_COLORS[cat] ?? chunkAZ3BXAI6_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 ? `${chunkE7GVGD4Z_js.CATEGORY_PILL_COLORS[cat] ?? chunkE7GVGD4Z_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
@@ -840,7 +895,12 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
                   step: "1000",
                   value: timeoutMs,
                   onChange: (event) => setTimeoutMs(parseInt(event.target.value, 10)),
-                  className: "h-3 w-full cursor-pointer appearance-none rounded-full bg-gray-200 dark:bg-gray-700 [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-teal-500"
+                  "aria-label": t("subworkflowDrawer.timeout"),
+                  "aria-valuemin": 1,
+                  "aria-valuemax": 30,
+                  "aria-valuenow": timeoutMs / 1e3,
+                  "aria-valuetext": `${(timeoutMs / 1e3).toFixed(0)} seconds`,
+                  className: "h-3 w-full cursor-pointer appearance-none rounded-full bg-gray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-teal-500 dark:bg-gray-700 [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-teal-500"
                 }
               )
             ] }),
@@ -861,19 +921,10 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
               )) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto border-t border-white/10 px-4 py-3", children: dirty ? /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: handleSave,
-              disabled: isCreateMode && !name.trim(),
-              className: "w-full rounded-lg bg-gradient-to-r from-teal-500 to-cyan-500 py-2 text-xs font-semibold text-white shadow-sm transition-all hover:from-teal-600 hover:to-cyan-600 disabled:cursor-not-allowed disabled:opacity-40",
-              children: isCreateMode ? t("subworkflowDrawer.create") : t("subworkflowDrawer.save")
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center text-[10px] font-medium text-emerald-500", children: t("subworkflowDrawer.saved") }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkAZ3BXAI6_js.WorkflowCanvas,
+          chunkE7GVGD4Z_js.WorkflowCanvas,
           {
             initialGraph,
             agents: [],
@@ -887,11 +938,47 @@ function SubworkflowDrawer({ onSaved, onMaximize }) {
     }
   );
 }
+var LEGACY_WIDTH_MAP = {
+  "max-w-xl": "xl",
+  "max-w-2xl": "2xl",
+  "max-w-4xl": "4xl",
+  "max-w-6xl": "6xl",
+  "max-w-full": "full"
+};
+function WorkspaceModal({
+  open,
+  onClose,
+  title,
+  subtitle,
+  icon,
+  gradient = "from-gray-400 to-gray-500",
+  maxWidth = "2xl",
+  tabs,
+  children
+}) {
+  const resolvedSize = LEGACY_WIDTH_MAP[maxWidth] ?? maxWidth;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunk4XID6LOC_js.GlassModalShell,
+    {
+      open,
+      onClose,
+      title,
+      subtitle,
+      icon,
+      gradient,
+      maxWidth: resolvedSize,
+      children: [
+        tabs,
+        children
+      ]
+    }
+  );
+}
 function PipelineSettingsModal({ onSave }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkAZ3BXAI6_js.useModalStore((s) => s.activeModal);
-  const data = chunkAZ3BXAI6_js.useModalStore((s) => s.pipelineSettingsData);
-  const closeModal = chunkAZ3BXAI6_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkE7GVGD4Z_js.useModalStore((s) => s.activeModal);
+  const data = chunkE7GVGD4Z_js.useModalStore((s) => s.pipelineSettingsData);
+  const closeModal = chunkE7GVGD4Z_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "pipeline-settings";
   const [nameValue, setNameValue] = react.useState("");
   const [descriptionValue, setDescriptionValue] = react.useState("");
@@ -915,18 +1002,47 @@ function PipelineSettingsModal({ onSave }) {
       setIsSaving(false);
     }
   };
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: closeModal,
+        className: "rounded-lg border border-gray-200/50 px-4 py-2 text-xs font-medium text-gray-600 transition-colors hover:bg-gray-100/50 dark:border-white/10 dark:text-gray-300 dark:hover:bg-white/5",
+        children: t("cancel")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      chunk4XID6LOC_js.Button,
+      {
+        type: "submit",
+        form: "pipeline-settings-form",
+        color: "ios-glass-blue",
+        loading: isSaving,
+        loadingText: t("saving"),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(outline.CheckIcon, { className: "h-4 w-4" }),
+          t("saveSettings")
+        ]
+      }
+    )
+  ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkAZ3BXAI6_js.WorkspaceModal,
+    chunk4XID6LOC_js.GlassModalShell,
     {
       open,
       onClose: closeModal,
       title: t("pipelineSettings"),
       subtitle: t("pipelineSettingsSubtitle"),
+      label: t("settings"),
       icon: /* @__PURE__ */ jsxRuntime.jsx(outline.Cog6ToothIcon, { className: "h-5 w-5 text-white" }),
       gradient: "from-indigo-500 to-purple-600",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      maxWidth: "md",
+      footer,
+      onSubmit: handleSubmit,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: "pipeline-settings-form", onSubmit: handleSubmit, className: "space-y-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.FormInput,
+          chunk4XID6LOC_js.FormInput,
           {
             label: t("pipelineName"),
             value: nameValue,
@@ -936,7 +1052,7 @@ function PipelineSettingsModal({ onSave }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkEVX2CFNL_js.FormTextarea,
+          chunk4XID6LOC_js.FormTextarea,
           {
             label: t("pipelineDescription"),
             value: descriptionValue,
@@ -944,21 +1060,7 @@ function PipelineSettingsModal({ onSave }) {
             placeholder: t("pipelineDescriptionPlaceholder"),
             rows: 4
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkEVX2CFNL_js.Button,
-          {
-            type: "submit",
-            color: "ios-glass-blue",
-            fullWidth: true,
-            loading: isSaving,
-            loadingText: t("saving"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.CheckIcon, { className: "h-4 w-4" }),
-              t("saveSettings")
-            ]
-          }
-        ) })
+        )
       ] })
     }
   );
@@ -1059,8 +1161,8 @@ function CollapsibleSection({ title, icon, colorClass, defaultOpen = true, count
   ] });
 }
 function LogicNodeItemCard({ item, translationFunction }) {
-  const IconComponent = chunkAZ3BXAI6_js.LOGIC_ICON_MAP[item.nodeType];
-  const gradient = chunkAZ3BXAI6_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
+  const IconComponent = chunkE7GVGD4Z_js.LOGIC_ICON_MAP[item.nodeType];
+  const gradient = chunkE7GVGD4Z_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
   const defaultConfig = chunkPWBWP5FJ_js.createDefaultLogicNodeConfig(item.nodeType);
   const configJson = defaultConfig ? JSON.stringify(defaultConfig) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1300,8 +1402,8 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], onC
             outputVariable: `${entity.label.replace(/\s+/g, "")}Data`,
             limit: entity.defaultLimit
           });
-          const EntityIcon = chunkAZ3BXAI6_js.getEntityIcon(entity.id);
-          const entityGradient = chunkAZ3BXAI6_js.getEntityGradient(entity.id);
+          const EntityIcon = chunkE7GVGD4Z_js.getEntityIcon(entity.id);
+          const entityGradient = chunkE7GVGD4Z_js.getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -1640,9 +1742,9 @@ function formatDuration2(durationMs) {
 }
 function RunPanel({ open, onClose, onRun, onStop }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.runPanel");
-  const nodes = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodes);
-  const isRunning = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodeResults);
+  const nodes = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodes);
+  const isRunning = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodeResults);
   const startNode = nodes.find((node) => node.type === "start");
   const hasEndNode = nodes.some((node) => node.type === "end");
   const hasValidStartConfig = Boolean(
@@ -1927,8 +2029,8 @@ function inferVariables(config, nodeType) {
 }
 function VariableInspector({ open, onClose }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.variableInspector");
-  const nodes = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodes);
-  const edges = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.edges);
   const [expandedNodes, setExpandedNodes] = react.useState(/* @__PURE__ */ new Set());
   const toggleNodeExpansion = react.useCallback((nodeId) => {
     setExpandedNodes((current) => {
@@ -1990,8 +2092,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 = chunkAZ3BXAI6_js.LOGIC_ICON_MAP[entry.nodeType];
-          const gradient = chunkAZ3BXAI6_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
+          const IconComponent = chunkE7GVGD4Z_js.LOGIC_ICON_MAP[entry.nodeType];
+          const gradient = chunkE7GVGD4Z_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: [
@@ -2057,7 +2159,7 @@ function RunInputDialog({
   onRun
 }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.runInputDialog");
-  const nodes = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodes);
+  const nodes = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodes);
   const [values, setValues] = react.useState({});
   const inputVariableNames = react.useMemo(() => {
     const storeStartNode = nodes.find((node) => node.type === "start");
@@ -2084,7 +2186,7 @@ function RunInputDialog({
   }, [onClose]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkEVX2CFNL_js.GlassFormModal,
+    chunk4XID6LOC_js.GlassFormModal,
     {
       open,
       onClose: handleClose,
@@ -2096,7 +2198,7 @@ function RunInputDialog({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: inputVariableNames.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: t("noInputs") }) : inputVariableNames.map((variableName) => /* @__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: variableName }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEVX2CFNL_js.Input,
+            chunk4XID6LOC_js.Input,
             {
               value: values[variableName] ?? "",
               onChange: (event) => handleValueChange(variableName, event.target.value),
@@ -2105,8 +2207,8 @@ function RunInputDialog({
           )
         ] }, variableName)) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEVX2CFNL_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkEVX2CFNL_js.Button, { size: "sm", gradient: true, onClick: handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunk4XID6LOC_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunk4XID6LOC_js.Button, { size: "sm", gradient: true, onClick: handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.PlayIcon, { className: "h-3.5 w-3.5", "data-slot": "icon" }),
             t("run")
           ] })
@@ -2139,8 +2241,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 = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodeResults);
+  const isRunning = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodeResults);
   const refreshRuns = react.useCallback(async () => {
     setIsLoadingRuns(true);
     try {
@@ -2296,7 +2398,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
     onAutoSaveGraph(graph);
   }, [onAutoSaveGraph, onGraphSnapshot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkAZ3BXAI6_js.Workspace,
+    chunkE7GVGD4Z_js.Workspace,
     {
       ...workspaceProps,
       onGraphChange: handleGraphChange
@@ -2304,7 +2406,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
   );
 });
 function DynamicIslandConfirm2(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkEVX2CFNL_js.DynamicIslandConfirm, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk4XID6LOC_js.DynamicIslandConfirm, { ...props });
 }
 var JSON_PREVIEW_LINE_LIMIT = 50;
 function DslExportModal({ open, onClose, workflow, graph }) {
@@ -2358,7 +2460,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
   }, [jsonString, workflow.name, workflow.version]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEVX2CFNL_js.GlassFormModal,
+    chunk4XID6LOC_js.GlassFormModal,
     {
       open,
       onClose,
@@ -2401,7 +2503,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t border-gray-200 px-1 py-4 dark:border-gray-700", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEVX2CFNL_js.Button,
+            chunk4XID6LOC_js.Button,
             {
               type: "button",
               onClick: handleCopyToClipboard,
@@ -2418,7 +2520,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkEVX2CFNL_js.Button,
+            chunk4XID6LOC_js.Button,
             {
               type: "button",
               onClick: handleDownloadJson,
@@ -2577,7 +2679,7 @@ function DslImportModal({ open, onClose, onImport }) {
   }, []);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEVX2CFNL_js.GlassFormModal,
+    chunk4XID6LOC_js.GlassFormModal,
     {
       open,
       onClose,
@@ -2615,7 +2717,7 @@ function DslImportModal({ open, onClose, onImport }) {
         ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "import-validation-result", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: fileName }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEVX2CFNL_js.Button, { type: "button", plain: true, size: "sm", onClick: handleReset, children: translations("chooseAnother") })
+            /* @__PURE__ */ jsxRuntime.jsx(chunk4XID6LOC_js.Button, { type: "button", plain: true, size: "sm", onClick: handleReset, children: translations("chooseAnother") })
           ] }),
           validationResult.isValid ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-4 dark:border-green-800 dark:bg-green-900/20", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -2643,9 +2745,9 @@ function DslImportModal({ open, onClose, onImport }) {
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t border-gray-200 px-1 py-4 dark:border-gray-700", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkEVX2CFNL_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunk4XID6LOC_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkEVX2CFNL_js.Button,
+            chunk4XID6LOC_js.Button,
             {
               type: "button",
               onClick: handleImport,
@@ -2666,14 +2768,14 @@ function DslImportModal({ open, onClose, onImport }) {
 }
 
 // src/astrlabe/store/selectors.ts
-var useCanUndo = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.past.length > 0);
-var useCanRedo = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.future.length > 0);
-var useHasCopied = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.clipboard !== null);
-var useContextMenu = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.contextMenu);
-var useEditingNodeId = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.editingNodeId);
-var useSelectedNodeCount = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
-var useIsRunning = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.isRunning);
-var useNodeResults = () => chunkAZ3BXAI6_js.useWorkflowStore((state) => state.nodeResults);
+var useCanUndo = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.past.length > 0);
+var useCanRedo = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.future.length > 0);
+var useHasCopied = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.clipboard !== null);
+var useContextMenu = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.contextMenu);
+var useEditingNodeId = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.editingNodeId);
+var useSelectedNodeCount = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
+var useIsRunning = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.isRunning);
+var useNodeResults = () => chunkE7GVGD4Z_js.useWorkflowStore((state) => state.nodeResults);
 var DEFAULT_MAX_HISTORY = 50;
 function useUndoRedo(nodes, edges, setNodes, setEdges, maxHistory = DEFAULT_MAX_HISTORY) {
   const pastRef = react.useRef([]);
@@ -2961,227 +3063,223 @@ Object.defineProperty(exports, "validateWorkflowGraph", {
 });
 Object.defineProperty(exports, "AgentFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.AgentFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.AgentFlowNode; }
 });
 Object.defineProperty(exports, "AgentToolFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.AgentToolFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.AgentToolFlowNode; }
 });
 Object.defineProperty(exports, "AnswerFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.AnswerFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.AnswerFlowNode; }
 });
 Object.defineProperty(exports, "AnthropicIcon", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.AnthropicIcon; }
+  get: function () { return chunkE7GVGD4Z_js.AnthropicIcon; }
 });
 Object.defineProperty(exports, "CodeFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.CodeFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.CodeFlowNode; }
 });
 Object.defineProperty(exports, "CrewAIIcon", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.CrewAIIcon; }
+  get: function () { return chunkE7GVGD4Z_js.CrewAIIcon; }
 });
 Object.defineProperty(exports, "DocumentExtractorFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.DocumentExtractorFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.DocumentExtractorFlowNode; }
 });
 Object.defineProperty(exports, "EndFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.EndFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.EndFlowNode; }
 });
 Object.defineProperty(exports, "EntityFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.EntityFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.EntityFlowNode; }
 });
 Object.defineProperty(exports, "FRAMEWORK_META", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.FRAMEWORK_META; }
+  get: function () { return chunkE7GVGD4Z_js.FRAMEWORK_META; }
 });
 Object.defineProperty(exports, "GoogleADKIcon", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.GoogleADKIcon; }
+  get: function () { return chunkE7GVGD4Z_js.GoogleADKIcon; }
 });
 Object.defineProperty(exports, "GroupFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.GroupFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.GroupFlowNode; }
 });
 Object.defineProperty(exports, "HttpRequestFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.HttpRequestFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.HttpRequestFlowNode; }
 });
 Object.defineProperty(exports, "IfElseFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.IfElseFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.IfElseFlowNode; }
 });
 Object.defineProperty(exports, "IterationFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.IterationFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.IterationFlowNode; }
 });
 Object.defineProperty(exports, "IterationStartFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.IterationStartFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.IterationStartFlowNode; }
 });
 Object.defineProperty(exports, "KnowledgeBaseFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.KnowledgeBaseFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.KnowledgeBaseFlowNode; }
 });
 Object.defineProperty(exports, "LOGIC_ICON_MAP", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.LOGIC_ICON_MAP; }
+  get: function () { return chunkE7GVGD4Z_js.LOGIC_ICON_MAP; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_BADGE_COLORS", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.LOGIC_NODE_BADGE_COLORS; }
+  get: function () { return chunkE7GVGD4Z_js.LOGIC_NODE_BADGE_COLORS; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_GRADIENTS", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.LOGIC_NODE_GRADIENTS; }
+  get: function () { return chunkE7GVGD4Z_js.LOGIC_NODE_GRADIENTS; }
 });
 Object.defineProperty(exports, "LOGIC_NODE_HANDLE_COLORS", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.LOGIC_NODE_HANDLE_COLORS; }
+  get: function () { return chunkE7GVGD4Z_js.LOGIC_NODE_HANDLE_COLORS; }
 });
 Object.defineProperty(exports, "LangChainIcon", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.LangChainIcon; }
+  get: function () { return chunkE7GVGD4Z_js.LangChainIcon; }
 });
 Object.defineProperty(exports, "ListOperatorFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.ListOperatorFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.ListOperatorFlowNode; }
 });
 Object.defineProperty(exports, "LogicNodeModal", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.LogicNodeModal; }
+  get: function () { return chunkE7GVGD4Z_js.LogicNodeModal; }
 });
 Object.defineProperty(exports, "MINIMAP_NODE_COLORS", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.MINIMAP_NODE_COLORS; }
+  get: function () { return chunkE7GVGD4Z_js.MINIMAP_NODE_COLORS; }
 });
 Object.defineProperty(exports, "NodeCard", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.NodeCard; }
+  get: function () { return chunkE7GVGD4Z_js.NodeCard; }
 });
 Object.defineProperty(exports, "NodeContextMenu", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.NodeContextMenu; }
+  get: function () { return chunkE7GVGD4Z_js.NodeContextMenu; }
 });
 Object.defineProperty(exports, "NoteFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.NoteFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.NoteFlowNode; }
 });
 Object.defineProperty(exports, "OpenAIIcon", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.OpenAIIcon; }
+  get: function () { return chunkE7GVGD4Z_js.OpenAIIcon; }
 });
 Object.defineProperty(exports, "PanelContextMenu", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.PanelContextMenu; }
+  get: function () { return chunkE7GVGD4Z_js.PanelContextMenu; }
 });
 Object.defineProperty(exports, "ParameterExtractorFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.ParameterExtractorFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.ParameterExtractorFlowNode; }
 });
 Object.defineProperty(exports, "QuestionClassifierFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.QuestionClassifierFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.QuestionClassifierFlowNode; }
 });
 Object.defineProperty(exports, "RuleFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.RuleFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.RuleFlowNode; }
 });
 Object.defineProperty(exports, "SelectionContextMenu", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.SelectionContextMenu; }
+  get: function () { return chunkE7GVGD4Z_js.SelectionContextMenu; }
 });
 Object.defineProperty(exports, "StartFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.StartFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.StartFlowNode; }
 });
 Object.defineProperty(exports, "StrandsIcon", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.StrandsIcon; }
+  get: function () { return chunkE7GVGD4Z_js.StrandsIcon; }
 });
 Object.defineProperty(exports, "TemplateTransformFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.TemplateTransformFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.TemplateTransformFlowNode; }
 });
 Object.defineProperty(exports, "ToolFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.ToolFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.ToolFlowNode; }
 });
 Object.defineProperty(exports, "VariableAggregatorFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.VariableAggregatorFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.VariableAggregatorFlowNode; }
 });
 Object.defineProperty(exports, "VariableAssignerFlowNode", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.VariableAssignerFlowNode; }
+  get: function () { return chunkE7GVGD4Z_js.VariableAssignerFlowNode; }
 });
 Object.defineProperty(exports, "WorkflowBuilderProvider", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.WorkflowBuilderProvider; }
+  get: function () { return chunkE7GVGD4Z_js.WorkflowBuilderProvider; }
 });
 Object.defineProperty(exports, "Workspace", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.Workspace; }
-});
-Object.defineProperty(exports, "WorkspaceModal", {
-  enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.WorkspaceModal; }
+  get: function () { return chunkE7GVGD4Z_js.Workspace; }
 });
 Object.defineProperty(exports, "getCompatibleModels", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getCompatibleModels; }
+  get: function () { return chunkE7GVGD4Z_js.getCompatibleModels; }
 });
 Object.defineProperty(exports, "getDefaultFrameworkForModel", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getDefaultFrameworkForModel; }
+  get: function () { return chunkE7GVGD4Z_js.getDefaultFrameworkForModel; }
 });
 Object.defineProperty(exports, "getEntityBadgeColor", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getEntityBadgeColor; }
+  get: function () { return chunkE7GVGD4Z_js.getEntityBadgeColor; }
 });
 Object.defineProperty(exports, "getEntityGradient", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getEntityGradient; }
+  get: function () { return chunkE7GVGD4Z_js.getEntityGradient; }
 });
 Object.defineProperty(exports, "getEntityHandleColor", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getEntityHandleColor; }
+  get: function () { return chunkE7GVGD4Z_js.getEntityHandleColor; }
 });
 Object.defineProperty(exports, "getEntityIcon", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getEntityIcon; }
+  get: function () { return chunkE7GVGD4Z_js.getEntityIcon; }
 });
 Object.defineProperty(exports, "getEntityMinimapColor", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getEntityMinimapColor; }
+  get: function () { return chunkE7GVGD4Z_js.getEntityMinimapColor; }
 });
 Object.defineProperty(exports, "getFrameworkMeta", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.getFrameworkMeta; }
+  get: function () { return chunkE7GVGD4Z_js.getFrameworkMeta; }
 });
 Object.defineProperty(exports, "isModelCompatibleWithFramework", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.isModelCompatibleWithFramework; }
+  get: function () { return chunkE7GVGD4Z_js.isModelCompatibleWithFramework; }
 });
 Object.defineProperty(exports, "useModalStore", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.useModalStore; }
+  get: function () { return chunkE7GVGD4Z_js.useModalStore; }
 });
 Object.defineProperty(exports, "useWorkflowBuilderClient", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.useWorkflowBuilderClient; }
+  get: function () { return chunkE7GVGD4Z_js.useWorkflowBuilderClient; }
 });
 Object.defineProperty(exports, "useWorkflowBuilderClientOptional", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.useWorkflowBuilderClientOptional; }
+  get: function () { return chunkE7GVGD4Z_js.useWorkflowBuilderClientOptional; }
 });
 Object.defineProperty(exports, "useWorkflowStore", {
   enumerable: true,
-  get: function () { return chunkAZ3BXAI6_js.useWorkflowStore; }
+  get: function () { return chunkE7GVGD4Z_js.useWorkflowStore; }
 });
 Object.defineProperty(exports, "GraphNodeBadge", {
   enumerable: true,
@@ -3211,7 +3309,7 @@ Object.defineProperty(exports, "getAgentTier", {
   enumerable: true,
   get: function () { return chunkPWBWP5FJ_js.getAgentTier; }
 });
-exports.AgentDrawer = AgentDrawer;
+exports.AgentModal = AgentModal;
 exports.AmazonNovaIcon = AmazonNovaIcon;
 exports.AnthropicModelIcon = AnthropicModelIcon;
 exports.AutoSaveWorkspace = AutoSaveWorkspace;
@@ -3225,10 +3323,11 @@ exports.PreviewPanel = PreviewPanel;
 exports.RunInputDialog = RunInputDialog;
 exports.RunPanel = RunPanel;
 exports.SaveStatusBadge = SaveStatusBadge;
-exports.SubworkflowDrawer = SubworkflowDrawer;
+exports.SubworkflowModal = SubworkflowModal;
 exports.VariableInspector = VariableInspector;
 exports.VersionHistoryPanel = VersionHistoryPanel;
 exports.WorkflowListBar = WorkflowListBar;
+exports.WorkspaceModal = WorkspaceModal;
 exports.getModelIcon = getModelIcon;
 exports.useCanRedo = useCanRedo;
 exports.useCanUndo = useCanUndo;