@trops/dash-core 0.1.624 → 0.1.626

package/dist/index.js

@@ -47107,9 +47107,212 @@ var ProvidersSection = function ProvidersSection(_ref) {
   });
 };
 
+/**
+ * cronBuilder.js — turn friendly schedule dropdowns into a cron expression and
+ * back, so a non-technical user never has to type cron. Pure (no React / no
+ * Electron) and unit-tested.
+ *
+ * Supported frequencies map to a 5-field cron (`min hour dom month dow`):
+ *   off      → "" (no schedule)
+ *   hourly   → "0 * * * *"           (top of every hour)
+ *   daily    → "m h * * *"
+ *   weekday  → "m h * * 1-5"         (Mon–Fri)
+ *   weekly   → "m h * * <dow>"
+ *   monthly  → "m h <dom> * *"
+ *
+ * `parseCron` round-trips a cron we generated back to dropdown state, and falls
+ * back to `{ frequency: "custom" }` for anything hand-written — the form then
+ * shows the raw cron in its Advanced field.
+ */
+
+var FREQUENCIES = [{
+  value: "off",
+  label: "Off — run manually only"
+}, {
+  value: "hourly",
+  label: "Every hour"
+}, {
+  value: "daily",
+  label: "Every day"
+}, {
+  value: "weekday",
+  label: "Every weekday (Mon–Fri)"
+}, {
+  value: "weekly",
+  label: "Every week"
+}, {
+  value: "monthly",
+  label: "Every month"
+}];
+
+// cron day-of-week: 0 = Sunday … 6 = Saturday. Monday-first for display.
+var DAYS_OF_WEEK = [{
+  value: "1",
+  label: "Monday"
+}, {
+  value: "2",
+  label: "Tuesday"
+}, {
+  value: "3",
+  label: "Wednesday"
+}, {
+  value: "4",
+  label: "Thursday"
+}, {
+  value: "5",
+  label: "Friday"
+}, {
+  value: "6",
+  label: "Saturday"
+}, {
+  value: "0",
+  label: "Sunday"
+}];
+function ordinal(n) {
+  var s = ["th", "st", "nd", "rd"];
+  var v = n % 100;
+  return n + (s[(v - 20) % 10] || s[v] || s[0]);
+}
+
+// Days 1–28 only, so "monthly on the Nth" is valid in every month.
+var DAYS_OF_MONTH = Array.from({
+  length: 28
+}, function (_, i) {
+  return {
+    value: String(i + 1),
+    label: ordinal(i + 1)
+  };
+});
+function label12(h, m) {
+  var ampm = h < 12 ? "AM" : "PM";
+  var hh = h % 12;
+  if (hh === 0) hh = 12;
+  return "".concat(hh, ":").concat(String(m).padStart(2, "0"), " ").concat(ampm);
+}
+
+// Half-hour increments across the day: value "HH:MM" (24h), label "h:MM AM/PM".
+var TIME_OPTIONS = function () {
+  var opts = [];
+  for (var h = 0; h < 24; h++) {
+    for (var _i = 0, _arr = [0, 30]; _i < _arr.length; _i++) {
+      var m = _arr[_i];
+      opts.push({
+        value: "".concat(String(h).padStart(2, "0"), ":").concat(String(m).padStart(2, "0")),
+        label: label12(h, m)
+      });
+    }
+  }
+  return opts;
+}();
+var DEFAULT_SCHEDULE = {
+  frequency: "off",
+  time: "09:00",
+  dayOfWeek: "1",
+  dayOfMonth: "1"
+};
+function parseHM(time) {
+  var _String$split$map = String(time || "09:00").split(":").map(function (n) {
+      return parseInt(n, 10);
+    }),
+    _String$split$map2 = _slicedToArray(_String$split$map, 2),
+    h = _String$split$map2[0],
+    m = _String$split$map2[1];
+  return [Number.isFinite(h) ? h : 9, Number.isFinite(m) ? m : 0];
+}
+
+/**
+ * @param {{frequency:string, time?:string, dayOfWeek?:string, dayOfMonth?:string}} s
+ * @returns {string} cron expression, or "" for "off"
+ */
+function buildCron() {
+  var s = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var frequency = s.frequency,
+    _s$time = s.time,
+    time = _s$time === void 0 ? "09:00" : _s$time,
+    _s$dayOfWeek = s.dayOfWeek,
+    dayOfWeek = _s$dayOfWeek === void 0 ? "1" : _s$dayOfWeek,
+    _s$dayOfMonth = s.dayOfMonth,
+    dayOfMonth = _s$dayOfMonth === void 0 ? "1" : _s$dayOfMonth;
+  var _parseHM = parseHM(time),
+    _parseHM2 = _slicedToArray(_parseHM, 2),
+    h = _parseHM2[0],
+    m = _parseHM2[1];
+  switch (frequency) {
+    case "hourly":
+      return "0 * * * *";
+    case "daily":
+      return "".concat(m, " ").concat(h, " * * *");
+    case "weekday":
+      return "".concat(m, " ").concat(h, " * * 1-5");
+    case "weekly":
+      return "".concat(m, " ").concat(h, " * * ").concat(dayOfWeek);
+    case "monthly":
+      return "".concat(m, " ").concat(h, " ").concat(dayOfMonth, " * *");
+    case "off":
+    default:
+      return "";
+  }
+}
+
+/**
+ * Best-effort inverse of buildCron for edit mode.
+ * @param {string} cron
+ * @returns {{frequency:string, time?:string, dayOfWeek?:string, dayOfMonth?:string}}
+ */
+function parseCron(cron) {
+  if (!cron || !String(cron).trim()) return {
+    frequency: "off"
+  };
+  var parts = String(cron).trim().split(/\s+/);
+  if (parts.length !== 5) return {
+    frequency: "custom"
+  };
+  var _parts = _slicedToArray(parts, 5),
+    min = _parts[0],
+    hour = _parts[1],
+    dom = _parts[2],
+    month = _parts[3],
+    dow = _parts[4];
+  if (hour === "*" && min === "0" && dom === "*" && month === "*" && dow === "*") return {
+    frequency: "hourly"
+  };
+  var m = parseInt(min, 10);
+  var h = parseInt(hour, 10);
+  if (!Number.isFinite(m) || !Number.isFinite(h) || month !== "*") return {
+    frequency: "custom"
+  };
+  var time = "".concat(String(h).padStart(2, "0"), ":").concat(String(m).padStart(2, "0"));
+  if (dom === "*" && dow === "*") return {
+    frequency: "daily",
+    time: time
+  };
+  if (dom === "*" && dow === "1-5") return {
+    frequency: "weekday",
+    time: time
+  };
+  if (dom === "*" && /^[0-6]$/.test(dow)) return {
+    frequency: "weekly",
+    time: time,
+    dayOfWeek: dow
+  };
+  if (/^([1-9]|1[0-9]|2[0-8])$/.test(dom) && dow === "*") return {
+    frequency: "monthly",
+    time: time,
+    dayOfMonth: dom
+  };
+  return {
+    frequency: "custom"
+  };
+}
+
 function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var AI_PROVIDER_TYPES = ["anthropic", "openai", "xai"];
+var PROVIDER_LABELS = {
+  anthropic: "Anthropic",
+  openai: "OpenAI",
+  xai: "xAI"
+};
+var AI_PROVIDER_TYPES = Object.keys(PROVIDER_LABELS);
 function providerOptionsFrom(providers) {
   var present = new Set();
   for (var _i = 0, _Object$values = Object.values(providers || {}); _i < _Object$values.length; _i++) {
@@ -47122,7 +47325,7 @@ function providerOptionsFrom(providers) {
   }].concat(_toConsumableArray(_toConsumableArray(present).map(function (t) {
     return {
       value: t,
-      label: t
+      label: PROVIDER_LABELS[t] || t
     };
   })));
 }
@@ -47133,6 +47336,27 @@ var APPROVAL_OPTIONS = [{
   value: "allow",
   label: "Allow without prompting"
 }];
+
+// Server ids are lower-case; show a friendlier label without changing the value
+// the runner resolves against.
+var SERVER_LABELS = {
+  github: "GitHub",
+  gitlab: "GitLab",
+  openai: "OpenAI",
+  gmail: "Gmail",
+  slack: "Slack",
+  notion: "Notion",
+  linear: "Linear"
+};
+function prettyServer(name) {
+  if (SERVER_LABELS[name]) return SERVER_LABELS[name];
+  return String(name || "").split(/[-_\s]+/).filter(Boolean).map(function (w) {
+    return w.charAt(0).toUpperCase() + w.slice(1);
+  }).join(" ");
+}
+function getMainApi() {
+  return typeof window !== "undefined" ? window.mainApi : null;
+}
 var BotDetail = function BotDetail(_ref) {
   var _bot$schedules, _bot$schedules2;
   var _ref$bot = _ref.bot,
@@ -47164,39 +47388,139 @@ var BotDetail = function BotDetail(_ref) {
     _useState0 = _slicedToArray(_useState9, 2),
     approvalPolicy = _useState0[0],
     setApprovalPolicy = _useState0[1];
-  var _useState1 = React.useState(((bot === null || bot === void 0 ? void 0 : bot.mcpServers) || []).join(", ")),
+
+  // --- Tools & integrations (MCP servers) ---
+  var _useState1 = React.useState((bot === null || bot === void 0 ? void 0 : bot.mcpServers) || []),
     _useState10 = _slicedToArray(_useState1, 2),
-    mcpServers = _useState10[0],
-    setMcpServers = _useState10[1];
-  var _useState11 = React.useState((bot === null || bot === void 0 || (_bot$schedules = bot.schedules) === null || _bot$schedules === void 0 || (_bot$schedules = _bot$schedules[0]) === null || _bot$schedules === void 0 ? void 0 : _bot$schedules.cron) || ""),
+    selectedServers = _useState10[0],
+    setSelectedServers = _useState10[1];
+  var _useState11 = React.useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    cron = _useState12[0],
-    setCron = _useState12[1];
-  var _useState13 = React.useState((bot === null || bot === void 0 || (_bot$schedules2 = bot.schedules) === null || _bot$schedules2 === void 0 || (_bot$schedules2 = _bot$schedules2[0]) === null || _bot$schedules2 === void 0 ? void 0 : _bot$schedules2.prompt) || ""),
+    connectedServers = _useState12[0],
+    setConnectedServers = _useState12[1];
+
+  // --- Model options (fetched per provider) ---
+  var _useState13 = React.useState([]),
     _useState14 = _slicedToArray(_useState13, 2),
-    schedulePrompt = _useState14[0],
-    setSchedulePrompt = _useState14[1];
-  var _useState15 = React.useState(false),
+    modelOptions = _useState14[0],
+    setModelOptions = _useState14[1];
+
+  // --- Schedule (friendly dropdowns; raw cron behind Advanced) ---
+  var initialCron = (bot === null || bot === void 0 || (_bot$schedules = bot.schedules) === null || _bot$schedules === void 0 || (_bot$schedules = _bot$schedules[0]) === null || _bot$schedules === void 0 ? void 0 : _bot$schedules.cron) || "";
+  var parsed = parseCron(initialCron);
+  var _useState15 = React.useState(parsed.frequency === "custom" ? "off" : parsed.frequency),
     _useState16 = _slicedToArray(_useState15, 2),
-    saving = _useState16[0],
-    setSaving = _useState16[1];
-  var _useState17 = React.useState(null),
+    frequency = _useState16[0],
+    setFrequency = _useState16[1];
+  var _useState17 = React.useState(parsed.time || DEFAULT_SCHEDULE.time),
     _useState18 = _slicedToArray(_useState17, 2),
-    error = _useState18[0],
-    setError = _useState18[1];
+    time = _useState18[0],
+    setTime = _useState18[1];
+  var _useState19 = React.useState(parsed.dayOfWeek || DEFAULT_SCHEDULE.dayOfWeek),
+    _useState20 = _slicedToArray(_useState19, 2),
+    dayOfWeek = _useState20[0],
+    setDayOfWeek = _useState20[1];
+  var _useState21 = React.useState(parsed.dayOfMonth || DEFAULT_SCHEDULE.dayOfMonth),
+    _useState22 = _slicedToArray(_useState21, 2),
+    dayOfMonth = _useState22[0],
+    setDayOfMonth = _useState22[1];
+  var _useState23 = React.useState(parsed.frequency === "custom"),
+    _useState24 = _slicedToArray(_useState23, 2),
+    advanced = _useState24[0],
+    setAdvanced = _useState24[1];
+  var _useState25 = React.useState(initialCron),
+    _useState26 = _slicedToArray(_useState25, 2),
+    advancedCron = _useState26[0],
+    setAdvancedCron = _useState26[1];
+  var _useState27 = React.useState((bot === null || bot === void 0 || (_bot$schedules2 = bot.schedules) === null || _bot$schedules2 === void 0 || (_bot$schedules2 = _bot$schedules2[0]) === null || _bot$schedules2 === void 0 ? void 0 : _bot$schedules2.prompt) || ""),
+    _useState28 = _slicedToArray(_useState27, 2),
+    schedulePrompt = _useState28[0],
+    setSchedulePrompt = _useState28[1];
+  var _useState29 = React.useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    saving = _useState30[0],
+    setSaving = _useState30[1];
+  var _useState31 = React.useState(null),
+    _useState32 = _slicedToArray(_useState31, 2),
+    error = _useState32[0],
+    setError = _useState32[1];
+
+  // Discover the user's connected integrations for the picker.
+  React.useEffect(function () {
+    var _api$llm;
+    var alive = true;
+    var api = getMainApi();
+    if (!(api !== null && api !== void 0 && (_api$llm = api.llm) !== null && _api$llm !== void 0 && _api$llm.listConnectedTools)) return undefined;
+    api.llm.listConnectedTools().then(function (servers) {
+      if (!alive || !Array.isArray(servers)) return;
+      setConnectedServers(servers.map(function (s) {
+        return s.serverName;
+      }).filter(Boolean));
+    })["catch"](function () {});
+    return function () {
+      alive = false;
+    };
+  }, []);
+
+  // Fetch the model list for the chosen provider.
+  React.useEffect(function () {
+    var _api$llm2;
+    var alive = true;
+    var api = getMainApi();
+    if (!(api !== null && api !== void 0 && (_api$llm2 = api.llm) !== null && _api$llm2 !== void 0 && _api$llm2.listModels)) {
+      setModelOptions([]);
+      return undefined;
+    }
+    api.llm.listModels(provider || "anthropic").then(function (res) {
+      if (alive) setModelOptions(res && res.models || []);
+    })["catch"](function () {
+      if (alive) setModelOptions([]);
+    });
+    return function () {
+      alive = false;
+    };
+  }, [provider]);
+
+  // Union of connected servers + any the bot already has (so an attached server
+  // that isn't currently connected still shows, checked, and isn't dropped).
+  var availableServers = _toConsumableArray(new Set([].concat(_toConsumableArray(selectedServers || []), _toConsumableArray(connectedServers)))).map(function (serverName) {
+    return {
+      serverName: serverName,
+      label: prettyServer(serverName)
+    };
+  });
+  var modelSelectOptions = [{
+    value: "",
+    label: "Recommended (default)"
+  }].concat(_toConsumableArray(model && !modelOptions.some(function (m) {
+    return m.value === model;
+  }) ? [{
+    value: model,
+    label: model
+  }] : []), _toConsumableArray(modelOptions));
+  var toggleServer = function toggleServer(serverName) {
+    setSelectedServers(function (prev) {
+      return prev.includes(serverName) ? prev.filter(function (s) {
+        return s !== serverName;
+      }) : [].concat(_toConsumableArray(prev), [serverName]);
+    });
+  };
   var canSave = name.trim() && instructions.trim() && !saving;
   var handleSave = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var servers, schedules, definition, _t;
+      var cron, schedules, definition, _t;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             setError(null);
-            servers = mcpServers.split(",").map(function (s) {
-              return s.trim();
-            }).filter(Boolean);
-            schedules = cron.trim() ? [{
-              cron: cron.trim(),
+            cron = advanced ? advancedCron.trim() : buildCron({
+              frequency: frequency,
+              time: time,
+              dayOfWeek: dayOfWeek,
+              dayOfMonth: dayOfMonth
+            });
+            schedules = cron ? [{
+              cron: cron,
               prompt: schedulePrompt.trim()
             }] : [];
             definition = _objectSpread$t(_objectSpread$t({}, bot !== null && bot !== void 0 && bot.id ? {
@@ -47207,7 +47531,7 @@ var BotDetail = function BotDetail(_ref) {
               provider: provider || null,
               model: model.trim() || null,
               approvalPolicy: approvalPolicy,
-              mcpServers: servers,
+              mcpServers: selectedServers,
               schedules: schedules
             });
             setSaving(true);
@@ -47235,6 +47559,7 @@ var BotDetail = function BotDetail(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var scheduleOn = advanced || frequency !== "off";
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col flex-1 min-h-0",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -47266,16 +47591,12 @@ var BotDetail = function BotDetail(_ref) {
         onChange: setProvider,
         options: providerOptionsFrom(providers),
         placeholder: "Default provider"
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex flex-col gap-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-sm font-medium",
-          children: "Model"
-        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-          value: model,
-          onChange: setModel,
-          placeholder: "Leave blank for the recommended model"
-        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+        label: "Model",
+        value: model,
+        onChange: setModel,
+        options: modelSelectOptions,
+        placeholder: "Recommended (default)"
       }), /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
         label: "Approval policy",
         value: approvalPolicy,
@@ -47285,29 +47606,71 @@ var BotDetail = function BotDetail(_ref) {
         className: "flex flex-col gap-2",
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-sm font-medium",
-          children: "MCP servers"
-        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-          value: mcpServers,
-          onChange: setMcpServers,
-          placeholder: "Comma-separated server names, e.g. github, slack"
+          children: "Tools & integrations"
+        }), availableServers.length ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex flex-col gap-1",
+          children: availableServers.map(function (s) {
+            return /*#__PURE__*/jsxRuntime.jsx(DashReact.Checkbox, {
+              label: s.label,
+              checked: selectedServers.includes(s.serverName),
+              onChange: function onChange() {
+                return toggleServer(s.serverName);
+              }
+            }, s.serverName);
+          })
+        }) : /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "text-xs opacity-50",
+          children: "No connected integrations yet. Add one under Settings \u2192 MCP Server, then it will appear here."
         }), /*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-xs opacity-50",
-          children: "Tools on these servers route through the approval policy above."
+          children: "Tools on these integrations route through the approval policy above."
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-2",
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: "text-sm font-medium",
-          children: "Schedule (optional)"
-        }), /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-          value: cron,
-          onChange: setCron,
+          children: "Schedule"
+        }), !advanced ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+            label: "Runs",
+            value: frequency,
+            onChange: setFrequency,
+            options: FREQUENCIES
+          }), frequency !== "off" && frequency !== "hourly" ? /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+            label: "Time",
+            value: time,
+            onChange: setTime,
+            options: TIME_OPTIONS
+          }) : null, frequency === "weekly" ? /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+            label: "Day of week",
+            value: dayOfWeek,
+            onChange: setDayOfWeek,
+            options: DAYS_OF_WEEK
+          }) : null, frequency === "monthly" ? /*#__PURE__*/jsxRuntime.jsx(DashReact.SelectInput, {
+            label: "Day of month",
+            value: dayOfMonth,
+            onChange: setDayOfMonth,
+            options: DAYS_OF_MONTH
+          }) : null]
+        }) : /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+          label: "Cron expression",
+          value: advancedCron,
+          onChange: setAdvancedCron,
           placeholder: "Cron, e.g. 0 7 * * 1-5"
-        }), cron.trim() ? /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+        }), scheduleOn ? /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
           value: schedulePrompt,
           onChange: setSchedulePrompt,
           placeholder: "Task prompt for the scheduled run"
-        }) : null]
+        }) : null, /*#__PURE__*/jsxRuntime.jsx("button", {
+          type: "button",
+          onClick: function onClick() {
+            return setAdvanced(function (v) {
+              return !v;
+            });
+          },
+          className: "text-xs opacity-60 hover:opacity-100 self-start",
+          children: advanced ? "Use simple schedule" : "Advanced (cron)"
+        })]
       }), error ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "text-sm text-red-400",
         children: error