@agentiffai/design 1.3.8 → 1.3.10

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.
package/dist/index.cjs CHANGED
@@ -2806,11 +2806,11 @@ function ItemWithLogs({
2806
2806
  setIsExpanded(!isExpanded);
2807
2807
  onRunSelect?.(run.id);
2808
2808
  };
2809
- return /* @__PURE__ */ jsxRuntime.jsxs(ItemDisclosure, { id: run.id, children: [
2809
+ return /* @__PURE__ */ jsxRuntime.jsxs(ItemDisclosure, { id: run.id, "data-testid": `run-item-${run.id}`, children: [
2810
2810
  /* @__PURE__ */ jsxRuntime.jsx(ItemHeader, { slot: "trigger", onClick: handleClick, $isExpanded: isExpanded, children: /* @__PURE__ */ jsxRuntime.jsxs(ItemContainer, { as: "div", children: [
2811
- /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { src: ICONS[run.icon || "loader"], alt: "" }),
2812
- /* @__PURE__ */ jsxRuntime.jsx(ItemName, { children: run.name }),
2813
- /* @__PURE__ */ jsxRuntime.jsxs(RunStatus, { $status: run.status, children: [
2811
+ /* @__PURE__ */ jsxRuntime.jsx(ItemIcon, { src: ICONS[run.icon || "loader"], alt: "", "data-testid": `run-icon-${run.status}` }),
2812
+ /* @__PURE__ */ jsxRuntime.jsx(ItemName, { "data-testid": "run-name", children: run.name }),
2813
+ /* @__PURE__ */ jsxRuntime.jsxs(RunStatus, { $status: run.status, "data-testid": `run-status-${run.status}`, children: [
2814
2814
  run.status === "completed" && /* @__PURE__ */ jsxRuntime.jsx("img", { src: ICONS.checkFill, alt: "", style: { width: "16px", height: "16px" } }),
2815
2815
  run.status === "running" && /* @__PURE__ */ jsxRuntime.jsx("img", { src: ICONS.hourglass, alt: "", style: { width: "16px", height: "16px" } }),
2816
2816
  run.status === "failed" && /* @__PURE__ */ jsxRuntime.jsx("img", { src: ICONS.closeFill, alt: "", style: { width: "16px", height: "16px" } })
@@ -2922,8 +2922,8 @@ function RunsTabContent({
2922
2922
  allowsMultipleExpanded: true,
2923
2923
  "aria-label": "Run sections",
2924
2924
  children: [
2925
- /* @__PURE__ */ jsxRuntime.jsxs(CategoryDisclosure, { id: "executing", children: [
2926
- /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(CategoryHeader, { slot: "trigger", children: [
2925
+ /* @__PURE__ */ jsxRuntime.jsxs(CategoryDisclosure, { id: "executing", "data-testid": "category-executing", children: [
2926
+ /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(CategoryHeader, { slot: "trigger", "data-testid": "category-header-executing", children: [
2927
2927
  /* @__PURE__ */ jsxRuntime.jsxs(CategoryTitle, { children: [
2928
2928
  /* @__PURE__ */ jsxRuntime.jsx(HashtagIcon, { src: ICONS.hashtag, alt: "" }),
2929
2929
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "EXECUTING" })
@@ -2942,8 +2942,8 @@ function RunsTabContent({
2942
2942
  }
2943
2943
  ) })
2944
2944
  ] }),
2945
- /* @__PURE__ */ jsxRuntime.jsxs(CategoryDisclosure, { id: "completed", children: [
2946
- /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(CategoryHeader, { slot: "trigger", children: [
2945
+ /* @__PURE__ */ jsxRuntime.jsxs(CategoryDisclosure, { id: "completed", "data-testid": "category-completed", children: [
2946
+ /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(CategoryHeader, { slot: "trigger", "data-testid": "category-header-completed", children: [
2947
2947
  /* @__PURE__ */ jsxRuntime.jsxs(CategoryTitle, { children: [
2948
2948
  /* @__PURE__ */ jsxRuntime.jsx(HashtagIcon, { src: ICONS.hashtag, alt: "" }),
2949
2949
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "COMPLETED" })
@@ -2962,8 +2962,8 @@ function RunsTabContent({
2962
2962
  }
2963
2963
  ) })
2964
2964
  ] }),
2965
- /* @__PURE__ */ jsxRuntime.jsxs(CategoryDisclosure, { id: "failed", children: [
2966
- /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(CategoryHeader, { slot: "trigger", children: [
2965
+ /* @__PURE__ */ jsxRuntime.jsxs(CategoryDisclosure, { id: "failed", "data-testid": "category-failed", children: [
2966
+ /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { level: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(CategoryHeader, { slot: "trigger", "data-testid": "category-header-failed", children: [
2967
2967
  /* @__PURE__ */ jsxRuntime.jsxs(CategoryTitle, { children: [
2968
2968
  /* @__PURE__ */ jsxRuntime.jsx(HashtagIcon, { src: ICONS.hashtag, alt: "" }),
2969
2969
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "FAILED" })
@@ -3074,7 +3074,16 @@ function ConnectionsTabContent({
3074
3074
  function Tab({ item, state }) {
3075
3075
  const ref = react.useRef(null);
3076
3076
  const { tabProps } = tabs$1.useTab({ key: item.key }, state, ref);
3077
- return /* @__PURE__ */ jsxRuntime.jsx(TabButton, { ...tabProps, ref, $isSelected: state.selectedKey === item.key, children: item.rendered });
3077
+ return /* @__PURE__ */ jsxRuntime.jsx(
3078
+ TabButton,
3079
+ {
3080
+ ...tabProps,
3081
+ ref,
3082
+ $isSelected: state.selectedKey === item.key,
3083
+ "data-testid": `tab-${item.key}`,
3084
+ children: item.rendered
3085
+ }
3086
+ );
3078
3087
  }
3079
3088
  function TabList({
3080
3089
  state,
@@ -3090,7 +3099,7 @@ function TabPanel({
3090
3099
  }) {
3091
3100
  const ref = react.useRef(null);
3092
3101
  const { tabPanelProps } = tabs$1.useTabPanel(props, state, ref);
3093
- return /* @__PURE__ */ jsxRuntime.jsx(TabPanelWrapper, { ...tabPanelProps, ref, children: state.selectedItem?.props.children });
3102
+ return /* @__PURE__ */ jsxRuntime.jsx(TabPanelWrapper, { ...tabPanelProps, ref, "data-testid": `tabpanel-${state.selectedKey}`, children: state.selectedItem?.props.children });
3094
3103
  }
3095
3104
  function PaneMenus({
3096
3105
  activeTab = "runs",
@@ -9204,7 +9213,7 @@ var RedditOpportunityCard = ({
9204
9213
  isLoading = false,
9205
9214
  condensed = false
9206
9215
  }) => {
9207
- const displayContent = isEditing && editContent !== void 0 ? editContent : opportunity.editedReply || opportunity.draftReply;
9216
+ const displayContent = isEditing && editContent !== void 0 ? editContent : opportunity.editedReply || opportunity.draftReply || "";
9208
9217
  const charCount = displayContent.length;
9209
9218
  const charPercentage = react.useMemo(
9210
9219
  () => getRedditCharPercentage(charCount, REDDIT_LIMITS.comment),