@agentiffai/design 1.3.11 → 1.3.13

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.
@@ -177,6 +177,8 @@ interface RunItem {
177
177
  workflowId?: string;
178
178
  icon?: 'loader' | 'radioButton' | 'shieldCheck' | 'shieldCross' | 'bell' | 'file' | 'link' | 'chat' | 'warning';
179
179
  logs?: ActionLog[];
180
+ /** Whether logs are currently being loaded */
181
+ logsLoading?: boolean;
180
182
  customContent?: React.ReactNode;
181
183
  }
182
184
  interface OAuthConnectionData {
@@ -177,6 +177,8 @@ interface RunItem {
177
177
  workflowId?: string;
178
178
  icon?: 'loader' | 'radioButton' | 'shieldCheck' | 'shieldCross' | 'bell' | 'file' | 'link' | 'chat' | 'warning';
179
179
  logs?: ActionLog[];
180
+ /** Whether logs are currently being loaded */
181
+ logsLoading?: boolean;
180
182
  customContent?: React.ReactNode;
181
183
  }
182
184
  interface OAuthConnectionData {
@@ -2235,6 +2235,24 @@ function ItemWithLogs({
2235
2235
  isExpanded && /* @__PURE__ */ jsx(ItemDisclosurePanel, { children: run.customContent ? (
2236
2236
  // Render custom content directly
2237
2237
  /* @__PURE__ */ jsx("div", { style: { padding: "16px" }, children: run.customContent })
2238
+ ) : run.logsLoading ? (
2239
+ // Show loading spinner while logs are being fetched
2240
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "center", padding: "16px" }, children: [
2241
+ /* @__PURE__ */ jsx(
2242
+ "div",
2243
+ {
2244
+ style: {
2245
+ width: "24px",
2246
+ height: "24px",
2247
+ border: `2px solid ${tokens.colors.border.default}`,
2248
+ borderTopColor: tokens.colors.primary,
2249
+ borderRadius: "50%",
2250
+ animation: "spin 1s linear infinite"
2251
+ }
2252
+ }
2253
+ ),
2254
+ /* @__PURE__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })
2255
+ ] })
2238
2256
  ) : run.logs && run.logs.length > 0 ? /* @__PURE__ */ jsx(DarkNotificationCard, { sections: logSections }) : /* @__PURE__ */ jsx("div", { style: { color: tokens.colors.text.tertiary, fontSize: "13px", padding: "8px" }, children: "No action logs available" }) })
2239
2257
  ] });
2240
2258
  }