@agentiffai/design 1.3.8 → 1.3.9

package/dist/layout/index.js

@@ -2221,11 +2221,11 @@ function ItemWithLogs({
     setIsExpanded(!isExpanded);
     onRunSelect?.(run.id);
   };
-  return /* @__PURE__ */ jsxs(ItemDisclosure, { id: run.id, children: [
+  return /* @__PURE__ */ jsxs(ItemDisclosure, { id: run.id, "data-testid": `run-item-${run.id}`, children: [
     /* @__PURE__ */ jsx(ItemHeader, { slot: "trigger", onClick: handleClick, $isExpanded: isExpanded, children: /* @__PURE__ */ jsxs(ItemContainer, { as: "div", children: [
-      /* @__PURE__ */ jsx(ItemIcon, { src: ICONS[run.icon || "loader"], alt: "" }),
-      /* @__PURE__ */ jsx(ItemName, { children: run.name }),
-      /* @__PURE__ */ jsxs(RunStatus, { $status: run.status, children: [
+      /* @__PURE__ */ jsx(ItemIcon, { src: ICONS[run.icon || "loader"], alt: "", "data-testid": `run-icon-${run.status}` }),
+      /* @__PURE__ */ jsx(ItemName, { "data-testid": "run-name", children: run.name }),
+      /* @__PURE__ */ jsxs(RunStatus, { $status: run.status, "data-testid": `run-status-${run.status}`, children: [
         run.status === "completed" && /* @__PURE__ */ jsx("img", { src: ICONS.checkFill, alt: "", style: { width: "16px", height: "16px" } }),
         run.status === "running" && /* @__PURE__ */ jsx("img", { src: ICONS.hourglass, alt: "", style: { width: "16px", height: "16px" } }),
         run.status === "failed" && /* @__PURE__ */ jsx("img", { src: ICONS.closeFill, alt: "", style: { width: "16px", height: "16px" } })
@@ -2337,8 +2337,8 @@ function RunsTabContent({
       allowsMultipleExpanded: true,
       "aria-label": "Run sections",
       children: [
-        /* @__PURE__ */ jsxs(CategoryDisclosure, { id: "executing", children: [
-          /* @__PURE__ */ jsx(Heading, { level: 3, children: /* @__PURE__ */ jsxs(CategoryHeader, { slot: "trigger", children: [
+        /* @__PURE__ */ jsxs(CategoryDisclosure, { id: "executing", "data-testid": "category-executing", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 3, children: /* @__PURE__ */ jsxs(CategoryHeader, { slot: "trigger", "data-testid": "category-header-executing", children: [
             /* @__PURE__ */ jsxs(CategoryTitle, { children: [
               /* @__PURE__ */ jsx(HashtagIcon, { src: ICONS.hashtag, alt: "" }),
               /* @__PURE__ */ jsx("span", { children: "EXECUTING" })
@@ -2357,8 +2357,8 @@ function RunsTabContent({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs(CategoryDisclosure, { id: "completed", children: [
-          /* @__PURE__ */ jsx(Heading, { level: 3, children: /* @__PURE__ */ jsxs(CategoryHeader, { slot: "trigger", children: [
+        /* @__PURE__ */ jsxs(CategoryDisclosure, { id: "completed", "data-testid": "category-completed", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 3, children: /* @__PURE__ */ jsxs(CategoryHeader, { slot: "trigger", "data-testid": "category-header-completed", children: [
             /* @__PURE__ */ jsxs(CategoryTitle, { children: [
               /* @__PURE__ */ jsx(HashtagIcon, { src: ICONS.hashtag, alt: "" }),
               /* @__PURE__ */ jsx("span", { children: "COMPLETED" })
@@ -2377,8 +2377,8 @@ function RunsTabContent({
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs(CategoryDisclosure, { id: "failed", children: [
-          /* @__PURE__ */ jsx(Heading, { level: 3, children: /* @__PURE__ */ jsxs(CategoryHeader, { slot: "trigger", children: [
+        /* @__PURE__ */ jsxs(CategoryDisclosure, { id: "failed", "data-testid": "category-failed", children: [
+          /* @__PURE__ */ jsx(Heading, { level: 3, children: /* @__PURE__ */ jsxs(CategoryHeader, { slot: "trigger", "data-testid": "category-header-failed", children: [
             /* @__PURE__ */ jsxs(CategoryTitle, { children: [
               /* @__PURE__ */ jsx(HashtagIcon, { src: ICONS.hashtag, alt: "" }),
               /* @__PURE__ */ jsx("span", { children: "FAILED" })
@@ -2489,7 +2489,16 @@ function ConnectionsTabContent({
 function Tab({ item, state }) {
   const ref = useRef(null);
   const { tabProps } = useTab({ key: item.key }, state, ref);
-  return /* @__PURE__ */ jsx(TabButton, { ...tabProps, ref, $isSelected: state.selectedKey === item.key, children: item.rendered });
+  return /* @__PURE__ */ jsx(
+    TabButton,
+    {
+      ...tabProps,
+      ref,
+      $isSelected: state.selectedKey === item.key,
+      "data-testid": `tab-${item.key}`,
+      children: item.rendered
+    }
+  );
 }
 function TabList({
   state,
@@ -2505,7 +2514,7 @@ function TabPanel({
 }) {
   const ref = useRef(null);
   const { tabPanelProps } = useTabPanel(props, state, ref);
-  return /* @__PURE__ */ jsx(TabPanelWrapper, { ...tabPanelProps, ref, children: state.selectedItem?.props.children });
+  return /* @__PURE__ */ jsx(TabPanelWrapper, { ...tabPanelProps, ref, "data-testid": `tabpanel-${state.selectedKey}`, children: state.selectedItem?.props.children });
 }
 function PaneMenus({
   activeTab = "runs",