@agentiffai/design 1.3.26 → 1.3.27

package/dist/workflow/index.js

@@ -20,7 +20,7 @@ var tokens = {
     text: {
       primary: "#FFFFFF",
       secondary: "#B4B8C5",
-      tertiary: "#9CA3AF"},
+      tertiary: "#6B7280"},
     // Teal (brand aligned)
     error: "#EF4444",
     warning: "#F59E0B",
@@ -57,8 +57,8 @@ var tokens = {
     overlay: "rgba(0, 0, 0, 0.5)"},
   typography: {
     fontFamily: {
-      primary: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif",
-      monospace: "'Roboto Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
+      primary: "'TT Interphases Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif",
+      monospace: "'Monaco', 'Menlo', 'Ubuntu Mono', monospace"
     },
     fontSize: {
       xs: "0.875rem",
@@ -133,25 +133,27 @@ var WorkflowCard = ({
               $connected: integration.connected !== false,
               $optional: !!integration.optional,
               title: `${integration.name}${integration.connected === false ? integration.optional ? " (optional)" : " (not connected)" : ""}`,
-              children: /* @__PURE__ */ jsx(
-                IntegrationIcon,
-                {
-                  src: integration.icon,
-                  alt: integration.name
-                }
-              )
+              children: /* @__PURE__ */ jsx(IntegrationIcon, { src: integration.icon, alt: integration.name })
             },
             integration.name
           )) }),
           /* @__PURE__ */ jsxs(Indicators, { children: [
-            estimatedCostPerRun && /* @__PURE__ */ jsx(IndicatorPill, { $variant: "info", title: `Estimated cost: ${estimatedCostPerRun}${estimatedCostPerRun.includes("/") ? "" : " per run"}`, children: /* @__PURE__ */ jsxs(IndicatorText, { children: [
-              estimatedCostPerRun,
-              estimatedCostPerRun.includes("/") ? "" : "/run"
-            ] }) }),
+            estimatedCostPerRun && /* @__PURE__ */ jsx(
+              IndicatorPill,
+              {
+                $variant: "info",
+                title: `Estimated cost: ${estimatedCostPerRun}${estimatedCostPerRun.includes("/") ? "" : " per run"}`,
+                children: /* @__PURE__ */ jsxs(IndicatorText, { children: [
+                  estimatedCostPerRun,
+                  estimatedCostPerRun.includes("/") ? "" : "/run"
+                ] })
+              }
+            ),
             missingCount > 0 && /* @__PURE__ */ jsxs(
               IndicatorPill,
               {
                 $variant: "warning",
+                "data-testid": "workflow-card-status",
                 title: `${missingCount} integration${missingCount > 1 ? "s" : ""} not connected`,
                 children: [
                   /* @__PURE__ */ jsx(IndicatorDot, { $variant: "warning" }),
@@ -162,10 +164,18 @@ var WorkflowCard = ({
                 ]
               }
             ),
-            needsSetup && /* @__PURE__ */ jsxs(IndicatorPill, { $variant: "warning", title: "Setup required before use", children: [
-              /* @__PURE__ */ jsx(IndicatorDot, { $variant: "warning" }),
-              /* @__PURE__ */ jsx(IndicatorText, { children: "Needs Setup" })
-            ] })
+            needsSetup && /* @__PURE__ */ jsxs(
+              IndicatorPill,
+              {
+                $variant: "warning",
+                "data-testid": "workflow-card-needs-setup",
+                title: "Setup required before use",
+                children: [
+                  /* @__PURE__ */ jsx(IndicatorDot, { $variant: "warning" }),
+                  /* @__PURE__ */ jsx(IndicatorText, { children: "Needs Setup" })
+                ]
+              }
+            )
           ] })
         ] })
       ]
@@ -567,37 +577,47 @@ var WorkflowErrorAlert = ({
         return /* @__PURE__ */ jsx(InfoIcon, {});
     }
   };
-  const alertContent = /* @__PURE__ */ jsx(AlertContainer, { variant, severity, className, role: "alert", children: /* @__PURE__ */ jsxs(Header, { children: [
-    /* @__PURE__ */ jsx(IconContainer, { severity, "aria-hidden": "true", children: getIcon() }),
-    /* @__PURE__ */ jsxs(Content, { children: [
-      /* @__PURE__ */ jsx(Title, { children: displayTitle }),
-      /* @__PURE__ */ jsx(ErrorMessage, { children: errorMessage }),
-      errorCode && /* @__PURE__ */ jsxs(ErrorCode, { children: [
-        "Error Code: ",
-        errorCode
-      ] }),
-      timestamp && /* @__PURE__ */ jsx(Timestamp, { children: new Date(timestamp).toLocaleString() }),
-      showDetails && (stackTrace || typeof error === "object" && error.stack) && /* @__PURE__ */ jsxs(
-        Details,
-        {
-          open: detailsOpen,
-          onToggle: (e) => setDetailsOpen(e.target.open),
-          children: [
-            /* @__PURE__ */ jsxs("summary", { children: [
-              /* @__PURE__ */ jsx(DetailsIcon, { open: detailsOpen, children: /* @__PURE__ */ jsx(ChevronIcon, {}) }),
-              "Show Details"
-            ] }),
-            /* @__PURE__ */ jsx(StackTrace, { children: stackTrace || (typeof error === "object" ? error.stack : "") })
-          ]
-        }
-      ),
-      (retryable || onDismiss) && /* @__PURE__ */ jsxs(Actions, { children: [
-        retryable && onRetry && /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onRetry, children: "Retry" }),
-        onDismiss && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleDismiss, children: "Dismiss" })
+  const alertContent = /* @__PURE__ */ jsx(
+    AlertContainer,
+    {
+      variant,
+      severity,
+      className,
+      "data-testid": "error-alert",
+      role: "alert",
+      children: /* @__PURE__ */ jsxs(Header, { children: [
+        /* @__PURE__ */ jsx(IconContainer, { severity, "aria-hidden": "true", children: getIcon() }),
+        /* @__PURE__ */ jsxs(Content, { children: [
+          /* @__PURE__ */ jsx(Title, { children: displayTitle }),
+          /* @__PURE__ */ jsx(ErrorMessage, { children: errorMessage }),
+          errorCode && /* @__PURE__ */ jsxs(ErrorCode, { children: [
+            "Error Code: ",
+            errorCode
+          ] }),
+          timestamp && /* @__PURE__ */ jsx(Timestamp, { children: new Date(timestamp).toLocaleString() }),
+          showDetails && (stackTrace || typeof error === "object" && error.stack) && /* @__PURE__ */ jsxs(
+            Details,
+            {
+              open: detailsOpen,
+              onToggle: (e) => setDetailsOpen(e.target.open),
+              children: [
+                /* @__PURE__ */ jsxs("summary", { children: [
+                  /* @__PURE__ */ jsx(DetailsIcon, { open: detailsOpen, children: /* @__PURE__ */ jsx(ChevronIcon, {}) }),
+                  "Show Details"
+                ] }),
+                /* @__PURE__ */ jsx(StackTrace, { children: stackTrace || (typeof error === "object" ? error.stack : "") })
+              ]
+            }
+          ),
+          (retryable || onDismiss) && /* @__PURE__ */ jsxs(Actions, { children: [
+            retryable && onRetry && /* @__PURE__ */ jsx(Button, { variant: "primary", onClick: onRetry, children: "Retry" }),
+            onDismiss && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleDismiss, children: "Dismiss" })
+          ] })
+        ] }),
+        variant !== "modal" && onDismiss && /* @__PURE__ */ jsx(CloseButton, { onClick: handleDismiss, "aria-label": "Dismiss alert", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
       ] })
-    ] }),
-    variant !== "modal" && onDismiss && /* @__PURE__ */ jsx(CloseButton, { onClick: handleDismiss, "aria-label": "Dismiss alert", children: /* @__PURE__ */ jsx(CloseIcon, {}) })
-  ] }) });
+    }
+  );
   if (variant === "modal") {
     return /* @__PURE__ */ jsx(ModalOverlay, { isOpen: isModalOpen, onClick: handleDismiss, children: /* @__PURE__ */ jsxs(ModalContent, { onClick: (e) => e.stopPropagation(), children: [
       alertContent,
@@ -1068,19 +1088,28 @@ var WorkflowResultPanel = ({
         return /* @__PURE__ */ jsx(EmptyState, { children: "Unsupported variant" });
     }
   };
-  return /* @__PURE__ */ jsxs(Panel, { collapsible, expanded, className, children: [
-    /* @__PURE__ */ jsxs(Header2, { collapsible, onClick: handleToggle, children: [
-      /* @__PURE__ */ jsxs(Title2, { children: [
-        title,
-        collapsible && /* @__PURE__ */ jsx(CollapseIcon, { expanded, children: /* @__PURE__ */ jsx(ChevronIcon2, {}) })
-      ] }),
-      /* @__PURE__ */ jsxs(Actions2, { onClick: (e) => e.stopPropagation(), children: [
-        onCopy && /* @__PURE__ */ jsx(IconButton, { onClick: onCopy, title: "Copy to clipboard", "aria-label": "Copy to clipboard", children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
-        onDownload && /* @__PURE__ */ jsx(IconButton, { onClick: onDownload, title: "Download", "aria-label": "Download results", children: /* @__PURE__ */ jsx(DownloadIcon, {}) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Content2, { maxHeight, expanded, children: renderContent() })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Panel,
+    {
+      collapsible,
+      expanded,
+      className,
+      "data-testid": "result-panel",
+      children: [
+        /* @__PURE__ */ jsxs(Header2, { collapsible, onClick: handleToggle, children: [
+          /* @__PURE__ */ jsxs(Title2, { children: [
+            title,
+            collapsible && /* @__PURE__ */ jsx(CollapseIcon, { expanded, children: /* @__PURE__ */ jsx(ChevronIcon2, {}) })
+          ] }),
+          /* @__PURE__ */ jsxs(Actions2, { onClick: (e) => e.stopPropagation(), children: [
+            onCopy && /* @__PURE__ */ jsx(IconButton, { onClick: onCopy, title: "Copy to clipboard", "aria-label": "Copy to clipboard", children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
+            onDownload && /* @__PURE__ */ jsx(IconButton, { onClick: onDownload, title: "Download", "aria-label": "Download results", children: /* @__PURE__ */ jsx(DownloadIcon, {}) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Content2, { maxHeight, expanded, children: renderContent() })
+      ]
+    }
+  );
 };
 WorkflowResultPanel.displayName = "WorkflowResultPanel";
 var spin = keyframes`
@@ -1286,6 +1315,7 @@ var WorkflowStatusBadge = ({
       $status: status,
       $size: size,
       className,
+      "data-testid": "execution-status-badge",
       role: "status",
       "aria-label": displayLabel,
       children: [