powr-sdk-web 4.1.7 → 4.1.8

package/dist/tasks/index.js

@@ -218,7 +218,11 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     _useState10 = _slicedToArray(_useState1, 2),
     editingTask = _useState10[0],
     setEditingTask = _useState10[1];
-  var _useState11 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)(new Set()),
+    _useState12 = _slicedToArray(_useState11, 2),
+    expandedWorkflows = _useState12[0],
+    setExpandedWorkflows = _useState12[1];
+  var _useState13 = (0, _react.useState)({
       name: '',
       description: '',
       cronExpression: '',
@@ -227,9 +231,9 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
       params: {},
       isActive: true
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    formData = _useState12[0],
-    setFormData = _useState12[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    formData = _useState14[0],
+    setFormData = _useState14[1];
   (0, _react.useEffect)(function () {
     fetchTasks();
     fetchTools();
@@ -517,6 +521,93 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     });
     return (action === null || action === void 0 ? void 0 : action.name) || actionId;
   };
+  var toggleWorkflowExpansion = function toggleWorkflowExpansion(taskId) {
+    setExpandedWorkflows(function (prev) {
+      var newSet = new Set(prev);
+      if (newSet.has(taskId)) {
+        newSet["delete"](taskId);
+      } else {
+        newSet.add(taskId);
+      }
+      return newSet;
+    });
+  };
+  var renderWorkflowSteps = function renderWorkflowSteps(task) {
+    if (!task.steps || task.steps.length === 0) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: '#6b7280',
+          fontSize: '0.8rem'
+        }
+      }, "No steps defined");
+    }
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        marginTop: '8px',
+        padding: '12px',
+        background: '#f8fafc',
+        borderRadius: '8px',
+        border: '1px solid #e2e8f0'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        fontSize: '0.75rem',
+        fontWeight: '600',
+        color: '#374151',
+        marginBottom: '8px',
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em'
+      }
+    }, "Workflow Steps"), task.steps.map(function (step, index) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: step.id || index,
+        style: {
+          padding: '8px 12px',
+          margin: '4px 0',
+          background: 'white',
+          borderRadius: '6px',
+          border: '1px solid #e2e8f0',
+          fontSize: '0.8rem'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center',
+          gap: '8px',
+          marginBottom: '4px'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          padding: '2px 6px',
+          borderRadius: '4px',
+          fontSize: '0.7rem',
+          fontWeight: '600',
+          background: step.type === 'condition' ? '#dbeafe' : '#dcfce7',
+          color: step.type === 'condition' ? '#1d4ed8' : '#166534'
+        }
+      }, step.type === 'condition' ? '🔍' : '⚡', " ", step.type), /*#__PURE__*/_react["default"].createElement("span", {
+        style: {
+          fontWeight: '500',
+          color: '#374151'
+        }
+      }, "Step ", index + 1)), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: '#6b7280',
+          marginBottom: '4px'
+        }
+      }, step.description || "".concat(getToolName(step.toolId), " \u2192 ").concat(getActionName(step.toolId, step.actionId))), step.condition && /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          fontSize: '0.7rem',
+          color: '#3b82f6',
+          fontStyle: 'italic',
+          background: '#eff6ff',
+          padding: '2px 6px',
+          borderRadius: '3px',
+          display: 'inline-block'
+        }
+      }, "Condition: ", step.condition));
+    }));
+  };
   var formatCronExpression = function formatCronExpression(cron) {
     if (!cron) return 'Manual';
     var parts = cron.split(' ');
@@ -531,6 +622,27 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
     }
     return cron;
   };
+  var formatSchedule = function formatSchedule(schedule) {
+    if (!schedule) return 'Manual';
+
+    // Check if it's a cron expression (contains spaces and asterisks)
+    if (schedule.includes(' ') && schedule.includes('*')) {
+      return formatCronExpression(schedule);
+    }
+
+    // Check if it's an ISO timestamp
+    try {
+      var date = new Date(schedule);
+      if (!isNaN(date.getTime())) {
+        return date.toLocaleString();
+      }
+    } catch (e) {
+      // Not a valid date
+    }
+
+    // Fallback to showing the raw schedule
+    return schedule;
+  };
   var formatDate = function formatDate(dateString) {
     if (!dateString) return 'Never';
     return new Date(dateString).toLocaleString();
@@ -609,7 +721,26 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
         fontSize: '0.8rem',
         fontWeight: '500'
       }
-    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD04 Workflow (", ((_task$steps = task.steps) === null || _task$steps === void 0 ? void 0 : _task$steps.length) || 0, " steps)") : /*#__PURE__*/_react["default"].createElement("span", null, getToolName(task.toolId || 'Unknown'), " \u2192 ", getActionName(task.toolId || 'unknown', task.actionId || 'unknown'))))), /*#__PURE__*/_react["default"].createElement("td", {
+    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD04 Workflow (", ((_task$steps = task.steps) === null || _task$steps === void 0 ? void 0 : _task$steps.length) || 0, " steps)"), /*#__PURE__*/_react["default"].createElement("button", {
+      onClick: function onClick() {
+        return toggleWorkflowExpansion(task._id);
+      },
+      style: {
+        background: 'none',
+        border: 'none',
+        cursor: 'pointer',
+        padding: '2px',
+        color: '#3b82f6',
+        fontSize: '0.7rem'
+      },
+      title: expandedWorkflows.has(task._id) ? 'Hide steps' : 'Show steps'
+    }, expandedWorkflows.has(task._id) ? '▼' : '▶')) : /*#__PURE__*/_react["default"].createElement("span", null, getToolName(task.toolId || 'Unknown'), " \u2192 ", getActionName(task.toolId || 'unknown', task.actionId || 'unknown'))), task.type === 'workflow' && expandedWorkflows.has(task._id) && renderWorkflowSteps(task))), /*#__PURE__*/_react["default"].createElement("td", {
       style: styles.tableCell
     }, /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -620,14 +751,14 @@ var PowrBaseTasks = function PowrBaseTasks(_ref) {
         padding: '4px 8px',
         borderRadius: '4px'
       }
-    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD50 ", task.schedule || 'Manual') : /*#__PURE__*/_react["default"].createElement("span", null, formatCronExpression(task.cronExpression)))), /*#__PURE__*/_react["default"].createElement("td", {
+    }, task.type === 'workflow' ? /*#__PURE__*/_react["default"].createElement("span", null, "\uD83D\uDD50 ", formatSchedule(task.scheduledFor || task.schedule)) : /*#__PURE__*/_react["default"].createElement("span", null, formatCronExpression(task.cronExpression)))), /*#__PURE__*/_react["default"].createElement("td", {
       style: styles.tableCell
     }, /*#__PURE__*/_react["default"].createElement("span", {
       style: {
         color: '#6b7280',
         fontSize: '0.85rem'
       }
-    }, formatDate(task.lastRun || task.updatedAt))), /*#__PURE__*/_react["default"].createElement("td", {
+    }, task.lastRun ? formatDate(task.lastRun) : 'Never')), /*#__PURE__*/_react["default"].createElement("td", {
       style: styles.tableCell
     }, /*#__PURE__*/_react["default"].createElement("span", {
       style: _objectSpread(_objectSpread({}, styles.statusBadge), task.isActive !== false ? styles.statusActive : styles.statusInactive)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "4.1.7",
+    "version": "4.1.8",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",