@agentiffai/design 1.3.26 → 1.3.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -139,25 +139,27 @@ var WorkflowCard = ({
139
139
  $connected: integration.connected !== false,
140
140
  $optional: !!integration.optional,
141
141
  title: `${integration.name}${integration.connected === false ? integration.optional ? " (optional)" : " (not connected)" : ""}`,
142
- children: /* @__PURE__ */ jsxRuntime.jsx(
143
- IntegrationIcon,
144
- {
145
- src: integration.icon,
146
- alt: integration.name
147
- }
148
- )
142
+ children: /* @__PURE__ */ jsxRuntime.jsx(IntegrationIcon, { src: integration.icon, alt: integration.name })
149
143
  },
150
144
  integration.name
151
145
  )) }),
152
146
  /* @__PURE__ */ jsxRuntime.jsxs(Indicators, { children: [
153
- estimatedCostPerRun && /* @__PURE__ */ jsxRuntime.jsx(IndicatorPill, { $variant: "info", title: `Estimated cost: ${estimatedCostPerRun}${estimatedCostPerRun.includes("/") ? "" : " per run"}`, children: /* @__PURE__ */ jsxRuntime.jsxs(IndicatorText, { children: [
154
- estimatedCostPerRun,
155
- estimatedCostPerRun.includes("/") ? "" : "/run"
156
- ] }) }),
147
+ estimatedCostPerRun && /* @__PURE__ */ jsxRuntime.jsx(
148
+ IndicatorPill,
149
+ {
150
+ $variant: "info",
151
+ title: `Estimated cost: ${estimatedCostPerRun}${estimatedCostPerRun.includes("/") ? "" : " per run"}`,
152
+ children: /* @__PURE__ */ jsxRuntime.jsxs(IndicatorText, { children: [
153
+ estimatedCostPerRun,
154
+ estimatedCostPerRun.includes("/") ? "" : "/run"
155
+ ] })
156
+ }
157
+ ),
157
158
  missingCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
158
159
  IndicatorPill,
159
160
  {
160
161
  $variant: "warning",
162
+ "data-testid": "workflow-card-status",
161
163
  title: `${missingCount} integration${missingCount > 1 ? "s" : ""} not connected`,
162
164
  children: [
163
165
  /* @__PURE__ */ jsxRuntime.jsx(IndicatorDot, { $variant: "warning" }),
@@ -168,10 +170,18 @@ var WorkflowCard = ({
168
170
  ]
169
171
  }
170
172
  ),
171
- needsSetup && /* @__PURE__ */ jsxRuntime.jsxs(IndicatorPill, { $variant: "warning", title: "Setup required before use", children: [
172
- /* @__PURE__ */ jsxRuntime.jsx(IndicatorDot, { $variant: "warning" }),
173
- /* @__PURE__ */ jsxRuntime.jsx(IndicatorText, { children: "Needs Setup" })
174
- ] })
173
+ needsSetup && /* @__PURE__ */ jsxRuntime.jsxs(
174
+ IndicatorPill,
175
+ {
176
+ $variant: "warning",
177
+ "data-testid": "workflow-card-needs-setup",
178
+ title: "Setup required before use",
179
+ children: [
180
+ /* @__PURE__ */ jsxRuntime.jsx(IndicatorDot, { $variant: "warning" }),
181
+ /* @__PURE__ */ jsxRuntime.jsx(IndicatorText, { children: "Needs Setup" })
182
+ ]
183
+ }
184
+ )
175
185
  ] })
176
186
  ] })
177
187
  ]
@@ -573,37 +583,47 @@ var WorkflowErrorAlert = ({
573
583
  return /* @__PURE__ */ jsxRuntime.jsx(InfoIcon, {});
574
584
  }
575
585
  };
576
- const alertContent = /* @__PURE__ */ jsxRuntime.jsx(AlertContainer, { variant, severity, className, role: "alert", children: /* @__PURE__ */ jsxRuntime.jsxs(Header, { children: [
577
- /* @__PURE__ */ jsxRuntime.jsx(IconContainer, { severity, "aria-hidden": "true", children: getIcon() }),
578
- /* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
579
- /* @__PURE__ */ jsxRuntime.jsx(Title, { children: displayTitle }),
580
- /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { children: errorMessage }),
581
- errorCode && /* @__PURE__ */ jsxRuntime.jsxs(ErrorCode, { children: [
582
- "Error Code: ",
583
- errorCode
584
- ] }),
585
- timestamp && /* @__PURE__ */ jsxRuntime.jsx(Timestamp, { children: new Date(timestamp).toLocaleString() }),
586
- showDetails && (stackTrace || typeof error === "object" && error.stack) && /* @__PURE__ */ jsxRuntime.jsxs(
587
- Details,
588
- {
589
- open: detailsOpen,
590
- onToggle: (e) => setDetailsOpen(e.target.open),
591
- children: [
592
- /* @__PURE__ */ jsxRuntime.jsxs("summary", { children: [
593
- /* @__PURE__ */ jsxRuntime.jsx(DetailsIcon, { open: detailsOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, {}) }),
594
- "Show Details"
595
- ] }),
596
- /* @__PURE__ */ jsxRuntime.jsx(StackTrace, { children: stackTrace || (typeof error === "object" ? error.stack : "") })
597
- ]
598
- }
599
- ),
600
- (retryable || onDismiss) && /* @__PURE__ */ jsxRuntime.jsxs(Actions, { children: [
601
- retryable && onRetry && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: onRetry, children: "Retry" }),
602
- onDismiss && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", onClick: handleDismiss, children: "Dismiss" })
586
+ const alertContent = /* @__PURE__ */ jsxRuntime.jsx(
587
+ AlertContainer,
588
+ {
589
+ variant,
590
+ severity,
591
+ className,
592
+ "data-testid": "error-alert",
593
+ role: "alert",
594
+ children: /* @__PURE__ */ jsxRuntime.jsxs(Header, { children: [
595
+ /* @__PURE__ */ jsxRuntime.jsx(IconContainer, { severity, "aria-hidden": "true", children: getIcon() }),
596
+ /* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
597
+ /* @__PURE__ */ jsxRuntime.jsx(Title, { children: displayTitle }),
598
+ /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { children: errorMessage }),
599
+ errorCode && /* @__PURE__ */ jsxRuntime.jsxs(ErrorCode, { children: [
600
+ "Error Code: ",
601
+ errorCode
602
+ ] }),
603
+ timestamp && /* @__PURE__ */ jsxRuntime.jsx(Timestamp, { children: new Date(timestamp).toLocaleString() }),
604
+ showDetails && (stackTrace || typeof error === "object" && error.stack) && /* @__PURE__ */ jsxRuntime.jsxs(
605
+ Details,
606
+ {
607
+ open: detailsOpen,
608
+ onToggle: (e) => setDetailsOpen(e.target.open),
609
+ children: [
610
+ /* @__PURE__ */ jsxRuntime.jsxs("summary", { children: [
611
+ /* @__PURE__ */ jsxRuntime.jsx(DetailsIcon, { open: detailsOpen, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, {}) }),
612
+ "Show Details"
613
+ ] }),
614
+ /* @__PURE__ */ jsxRuntime.jsx(StackTrace, { children: stackTrace || (typeof error === "object" ? error.stack : "") })
615
+ ]
616
+ }
617
+ ),
618
+ (retryable || onDismiss) && /* @__PURE__ */ jsxRuntime.jsxs(Actions, { children: [
619
+ retryable && onRetry && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "primary", onClick: onRetry, children: "Retry" }),
620
+ onDismiss && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", onClick: handleDismiss, children: "Dismiss" })
621
+ ] })
622
+ ] }),
623
+ variant !== "modal" && onDismiss && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: handleDismiss, "aria-label": "Dismiss alert", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {}) })
603
624
  ] })
604
- ] }),
605
- variant !== "modal" && onDismiss && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: handleDismiss, "aria-label": "Dismiss alert", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {}) })
606
- ] }) });
625
+ }
626
+ );
607
627
  if (variant === "modal") {
608
628
  return /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { isOpen: isModalOpen, onClick: handleDismiss, children: /* @__PURE__ */ jsxRuntime.jsxs(ModalContent, { onClick: (e) => e.stopPropagation(), children: [
609
629
  alertContent,
@@ -1074,19 +1094,28 @@ var WorkflowResultPanel = ({
1074
1094
  return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { children: "Unsupported variant" });
1075
1095
  }
1076
1096
  };
1077
- return /* @__PURE__ */ jsxRuntime.jsxs(Panel, { collapsible, expanded, className, children: [
1078
- /* @__PURE__ */ jsxRuntime.jsxs(Header2, { collapsible, onClick: handleToggle, children: [
1079
- /* @__PURE__ */ jsxRuntime.jsxs(Title2, { children: [
1080
- title,
1081
- collapsible && /* @__PURE__ */ jsxRuntime.jsx(CollapseIcon, { expanded, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon2, {}) })
1082
- ] }),
1083
- /* @__PURE__ */ jsxRuntime.jsxs(Actions2, { onClick: (e) => e.stopPropagation(), children: [
1084
- onCopy && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onCopy, title: "Copy to clipboard", "aria-label": "Copy to clipboard", children: /* @__PURE__ */ jsxRuntime.jsx(CopyIcon, {}) }),
1085
- onDownload && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onDownload, title: "Download", "aria-label": "Download results", children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {}) })
1086
- ] })
1087
- ] }),
1088
- /* @__PURE__ */ jsxRuntime.jsx(Content2, { maxHeight, expanded, children: renderContent() })
1089
- ] });
1097
+ return /* @__PURE__ */ jsxRuntime.jsxs(
1098
+ Panel,
1099
+ {
1100
+ collapsible,
1101
+ expanded,
1102
+ className,
1103
+ "data-testid": "result-panel",
1104
+ children: [
1105
+ /* @__PURE__ */ jsxRuntime.jsxs(Header2, { collapsible, onClick: handleToggle, children: [
1106
+ /* @__PURE__ */ jsxRuntime.jsxs(Title2, { children: [
1107
+ title,
1108
+ collapsible && /* @__PURE__ */ jsxRuntime.jsx(CollapseIcon, { expanded, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon2, {}) })
1109
+ ] }),
1110
+ /* @__PURE__ */ jsxRuntime.jsxs(Actions2, { onClick: (e) => e.stopPropagation(), children: [
1111
+ onCopy && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onCopy, title: "Copy to clipboard", "aria-label": "Copy to clipboard", children: /* @__PURE__ */ jsxRuntime.jsx(CopyIcon, {}) }),
1112
+ onDownload && /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onDownload, title: "Download", "aria-label": "Download results", children: /* @__PURE__ */ jsxRuntime.jsx(DownloadIcon, {}) })
1113
+ ] })
1114
+ ] }),
1115
+ /* @__PURE__ */ jsxRuntime.jsx(Content2, { maxHeight, expanded, children: renderContent() })
1116
+ ]
1117
+ }
1118
+ );
1090
1119
  };
1091
1120
  WorkflowResultPanel.displayName = "WorkflowResultPanel";
1092
1121
  var spin = styled2.keyframes`
@@ -1292,6 +1321,7 @@ var WorkflowStatusBadge = ({
1292
1321
  $status: status,
1293
1322
  $size: size,
1294
1323
  className,
1324
+ "data-testid": "execution-status-badge",
1295
1325
  role: "status",
1296
1326
  "aria-label": displayLabel,
1297
1327
  children: [