@goodandready/dsh-cron 0.2.3 → 0.2.4

package/lib/client.js

@@ -53,7 +53,7 @@ window.__ModuleLoader__.load({
         'actions.delete': 'Delete task',
         'actions.pause': 'Pause',
         'actions.resume': 'Resume',
-        'actions.settings': 'Telegram & Notifications',
+        'actions.settings': 'Notifications & channels',
         'search.placeholder': 'Search scheduled tasks',
         'stats.activeTasks': 'Active tasks',
         'stats.totalRuns': 'Total runs',
@@ -94,7 +94,32 @@ window.__ModuleLoader__.load({
         'form.namePlaceholder': 'For example: dsh-tags-watch',
         'form.typeLabel': 'Execution type',
         'form.typeLlm': 'LLM (AI agent)',
-        'form.typeScript': 'NO-LLM (Shell command/script)',
+        'form.typeScript': 'Shell command / script',
+        'form.typeNode': 'Node.js',
+        'form.typePython': 'Python',
+        'form.typeHttp': 'HTTP request / webhook',
+        'form.typeSsh': 'Remote SSH',
+        'form.typeDocker': 'Docker container',
+        'form.typeSkill': 'DSH Skill',
+        'form.typeWorkflow': 'DSH Workflow',
+        'form.envLabel': 'Environment variables (KEY=VALUE per line)',
+        'form.envPlaceholder': 'NODE_ENV=production\nTZ=Europe/Berlin',
+        'form.envHint': 'Applied to non-LLM runtimes only. Do not store secrets here.',
+        'form.cwdLabel': 'Working directory (optional)',
+        'form.workspaceLabel': 'Workspace id or path (optional)',
+        'form.worktreeLabel': 'Run in an isolated git worktree',
+        'form.keepWorktreeLabel': 'Keep the worktree after the run',
+        'form.httpMethodLabel': 'HTTP method',
+        'form.httpUrlLabel': 'URL',
+        'form.httpHeadersLabel': 'Headers (JSON, optional)',
+        'form.httpBodyLabel': 'Body (optional)',
+        'form.sshProfileLabel': 'dsh-remote-workspace profile id',
+        'form.sshProfileHint': 'Preferred: host and credentials stay in the remote-workspace plugin.',
+        'form.sshTargetLabel': 'Fallback target (user@host, optional)',
+        'form.sshKeyLabel': 'Private key path (fallback, optional)',
+        'form.dockerImageLabel': 'Container image',
+        'form.skillNameLabel': 'Skill name',
+        'form.workflowNameLabel': 'Workflow name',
         'form.scheduleLabel': 'Schedule (cron or interval)',
         'form.schedulePlaceholder': '0 */6 * * * or every 2h or in 30m or at: 2026-09-05T15:00:00Z',
         'form.timeoutLabel': 'Execution timeout (seconds)',
@@ -131,15 +156,62 @@ window.__ModuleLoader__.load({
         'form.notifyTitle': 'Telegram notifications',
         'form.notifyTelegram': 'Send the run report to Telegram',
         'form.notifyOnlyFailure': 'Only on failures (onlyOnFailure / silent on success)',
+        'form.channelsTitle': 'Delivery channels',
+        'form.channelsHint': 'Pick the channels for this task. An explicit selection overrides the Telegram switch above; leave everything unchecked to fall back to it.',
+        'form.templateLabel': 'Message template (optional)',
+        'form.templatePlaceholder': '⏰ {title} — {status} in {duration}',
+        'form.templateHint': 'Variables: {title} {id} {status} {output} {error} {duration} {schedule} {time} {tokens} {cost}. Empty = built-in text.',
+        'form.channelTelegram': 'Telegram',
+        'form.channelKanban': 'dsh-kanban card',
+        'form.channelDiscord': 'Discord',
+        'form.channelSlack': 'Slack',
+        'form.channelNtfy': 'ntfy',
+        'form.channelBark': 'Bark',
+        'form.channelPushplus': 'PushPlus',
+        'form.channelEmail': 'Email',
+        'form.channelTts': 'Voice (dsh-tts)',
+        'form.channelGitea': 'Gitea issue',
+        'settings.deliverySection': 'Delivery channels',
+        'settings.secretsSection': 'Credentials (references)',
+        'settings.secretsHint': 'Enter the NAME of a DSH credential, not the secret itself. Secrets stay in the credentials store.',
+        'settings.telegramSection': 'Telegram',
+        'settings.templatesSection': 'Message templates',
+        'settings.channelTemplateLabel': 'Template for {channel}',
+        'settings.botTokenRefLabel': 'Bot token credential name',
+        'settings.botTokenRefPlaceholder': 'e.g. TELEGRAM_BOT_TOKEN',
+        'settings.discordLabel': 'Discord webhook URL',
+        'settings.slackLabel': 'Slack webhook URL',
+        'settings.ntfyUrlLabel': 'ntfy server URL',
+        'settings.ntfyTopicLabel': 'ntfy topic',
+        'settings.ntfyTokenRefLabel': 'ntfy token credential name',
+        'settings.barkServerLabel': 'Bark server URL',
+        'settings.barkKeyLabel': 'Bark device key',
+        'settings.pushplusTokenRefLabel': 'PushPlus token credential name',
+        'settings.pushplusUrlLabel': 'PushPlus endpoint',
+        'settings.smtpHostLabel': 'SMTP host',
+        'settings.smtpPortLabel': 'SMTP port',
+        'settings.smtpUserLabel': 'SMTP user',
+        'settings.smtpPasswordRefLabel': 'SMTP password credential name',
+        'settings.smtpFromLabel': 'From address',
+        'settings.smtpToLabel': 'Recipients (comma separated)',
+        'settings.smtpSecureLabel': 'SMTP over TLS (implicit)',
+        'settings.ttsBaseUrlLabel': 'dsh-tts base URL',
+        'settings.giteaBaseUrlLabel': 'Gitea base URL',
+        'settings.giteaRepoLabel': 'Gitea repository (owner/repo)',
+        'settings.giteaTokenRefLabel': 'Gitea token credential name',
+        'settings.templateLabel': 'Default message template',
+        'settings.templateHint': 'Applies to every channel without its own template. Empty = built-in text.',
+        'settings.deliveryTimeoutMsLabel': 'Delivery timeout per channel (ms)',
+        'settings.secretsOnCard': 'Credentials referenced from the settings panel are shown masked and stored by name.',
         'form.nextRunLabel': 'Next run: ',
         'form.notScheduled': 'not scheduled',
         'settings.loading': 'Loading settings...',
         'settings.unavailable': 'Settings are unavailable right now.',
         'settings.retry': 'Retry',
         'settings.cardTitle': '⏰ Task scheduler (Cron)',
-        'settings.cardDesc': 'Scheduled task execution (cron/intervals), background agent scenarios and Telegram/Kanban integration.',
+        'settings.cardDesc': 'Scheduled task execution (cron/intervals), background agent scenarios, and delivery of run reports to Telegram, Discord, Slack, ntfy, Bark, PushPlus, email, voice and Gitea.',
         'settings.openPanel': 'Open task panel',
-        'settings.modalTitle': 'Telegram & notification settings',
+        'settings.modalTitle': 'Notifications & delivery channels',
         'settings.tokenLabel': 'Telegram Bot Token',
         'settings.tokenPlaceholder': '123456789:ABCdefGhIJKlmNoPQRsTUVwxyZ',
         'settings.tokenPlaceholderDefault': 'Using the bot configured in DSH settings (or enter your own)',
@@ -231,6 +303,169 @@ window.__ModuleLoader__.load({
     }
     const ErrorBoundary = createErrorBoundary();
 
+    const AGENT_FORM_TYPES = ['llm', 'skill', 'workflow'];
+    const CODE_FORM_TYPES = ['script', 'node', 'python', 'ssh', 'docker'];
+
+    // Delivery channels (#26) — must stay in sync with lib/channels.js.
+    const DELIVERY_CHANNELS = ['telegram', 'kanban', 'discord', 'slack', 'ntfy', 'bark', 'pushplus', 'email', 'tts', 'gitea'];
+    const CHANNEL_LABEL_KEYS = {
+      telegram: 'form.channelTelegram',
+      kanban: 'form.channelKanban',
+      discord: 'form.channelDiscord',
+      slack: 'form.channelSlack',
+      ntfy: 'form.channelNtfy',
+      bark: 'form.channelBark',
+      pushplus: 'form.channelPushplus',
+      email: 'form.channelEmail',
+      tts: 'form.channelTts',
+      gitea: 'form.channelGitea',
+    };
+
+    // Non-secret delivery settings shown in the settings panel. Secrets are
+    // referenced by credential name only (#51) — never typed as values.
+    const DELIVERY_SETTING_FIELDS = [
+      { key: 'botTokenRef', labelKey: 'settings.botTokenRefLabel', placeholderKey: 'settings.botTokenRefPlaceholder', group: 'secrets' },
+      { key: 'ntfyTokenRef', labelKey: 'settings.ntfyTokenRefLabel', group: 'secrets' },
+      { key: 'pushplusTokenRef', labelKey: 'settings.pushplusTokenRefLabel', group: 'secrets' },
+      { key: 'smtpPasswordRef', labelKey: 'settings.smtpPasswordRefLabel', group: 'secrets' },
+      { key: 'giteaTokenRef', labelKey: 'settings.giteaTokenRefLabel', group: 'secrets' },
+      { key: 'discordWebhookUrl', labelKey: 'settings.discordLabel', group: 'channels' },
+      { key: 'slackWebhookUrl', labelKey: 'settings.slackLabel', group: 'channels' },
+      { key: 'ntfyUrl', labelKey: 'settings.ntfyUrlLabel', group: 'channels' },
+      { key: 'ntfyTopic', labelKey: 'settings.ntfyTopicLabel', group: 'channels' },
+      { key: 'barkServerUrl', labelKey: 'settings.barkServerLabel', group: 'channels' },
+      { key: 'barkKey', labelKey: 'settings.barkKeyLabel', group: 'channels' },
+      { key: 'pushplusUrl', labelKey: 'settings.pushplusUrlLabel', group: 'channels' },
+      { key: 'smtpHost', labelKey: 'settings.smtpHostLabel', group: 'channels' },
+      { key: 'smtpPort', labelKey: 'settings.smtpPortLabel', group: 'channels' },
+      { key: 'smtpUser', labelKey: 'settings.smtpUserLabel', group: 'channels' },
+      { key: 'smtpFrom', labelKey: 'settings.smtpFromLabel', group: 'channels' },
+      { key: 'smtpTo', labelKey: 'settings.smtpToLabel', group: 'channels' },
+      { key: 'ttsBaseUrl', labelKey: 'settings.ttsBaseUrlLabel', group: 'channels' },
+      { key: 'giteaBaseUrl', labelKey: 'settings.giteaBaseUrlLabel', group: 'channels' },
+      { key: 'giteaRepo', labelKey: 'settings.giteaRepoLabel', group: 'channels' },
+      { key: 'deliveryTimeoutMs', labelKey: 'settings.deliveryTimeoutMsLabel', group: 'channels', numeric: true },
+    ];
+    const DELIVERY_TOGGLE_FIELDS = [
+      { key: 'smtpSecure', labelKey: 'settings.smtpSecureLabel' },
+    ];
+    const DELIVERY_SETTING_KEYS = DELIVERY_SETTING_FIELDS.map((f) => f.key).concat(DELIVERY_TOGGLE_FIELDS.map((f) => f.key));
+    // The global template plus the per-channel override map (server model).
+    const TEMPLATE_SETTING_KEYS = ['template', 'channelTemplates'];
+
+    /** Collect every delivery key the settings endpoints may return. */
+    function pickDeliverySettings(source) {
+      const out = {};
+      for (const key of DELIVERY_SETTING_KEYS.concat(TEMPLATE_SETTING_KEYS)) {
+        if (source && source[key] !== undefined && source[key] !== null) out[key] = source[key];
+      }
+      if (out.channelTemplates && typeof out.channelTemplates === 'object') {
+        out.channelTemplates = Object.assign({}, out.channelTemplates);
+      }
+      return out;
+    }
+
+    /**
+     * Shared delivery form used by both the task panel modal and the plugin
+     * settings card, so a new channel is added in exactly one place.
+     * Sections collapse via the canonical aria-expanded head contract.
+     */
+    function renderDeliverySettings({ T, values, onChange, onChannelTemplate, sections, onToggleSection }) {
+      const val = (key) => (values[key] === undefined || values[key] === null ? '' : String(values[key]));
+      const field = (f) => React.createElement('div', { className: 'dsh-cron-form-group', key: f.key, style: { marginBottom: '10px' } },
+        React.createElement('label', null, T(f.labelKey)),
+        React.createElement('input', f.numeric ? {
+          type: 'number',
+          min: 1000,
+          step: 1000,
+          value: val(f.key),
+          placeholder: '15000',
+          onChange: (e) => onChange(f.key, e.target.value === '' ? undefined : Number(e.target.value)),
+        } : {
+          type: 'text',
+          value: val(f.key),
+          placeholder: f.placeholderKey ? T(f.placeholderKey) : '',
+          onChange: (e) => onChange(f.key, e.target.value)
+        })
+      );
+      const section = (key, titleKey, children) => {
+        const open = Boolean(sections[key]);
+        return React.createElement('div', { className: 'dsh-cron-section', key },
+          React.createElement('button', {
+            type: 'button',
+            className: 'dsh-cron-section-head',
+            'aria-expanded': open ? 'true' : 'false',
+            onClick: () => onToggleSection(key)
+          },
+            React.createElement('span', null, T(titleKey)),
+            React.createElement('span', { className: 'dsh-cron-section-chevron', 'data-open': open ? 'true' : 'false' }, '▾')
+          ),
+          open && React.createElement('div', { className: 'dsh-cron-section-body' }, children)
+        );
+      };
+
+      return [
+        section('secrets', 'settings.secretsSection', [
+          React.createElement('div', { className: 'dsh-cron-hint', key: 'hint', style: { marginBottom: '10px' } }, T('settings.secretsHint')),
+          ...DELIVERY_SETTING_FIELDS.filter((f) => f.group === 'secrets').map(field),
+        ]),
+        section('channels', 'settings.deliverySection', [
+          React.createElement('div', { className: 'dsh-cron-form-row', key: 'row' },
+            ...DELIVERY_SETTING_FIELDS.filter((f) => f.group === 'channels').map(field)
+          ),
+          ...DELIVERY_TOGGLE_FIELDS.map((f) => React.createElement('label', { className: 'dsh-cron-checkbox-row', key: f.key, style: { marginBottom: '10px' } },
+            React.createElement('input', {
+              type: 'checkbox',
+              checked: Boolean(values[f.key]),
+              onChange: (e) => onChange(f.key, e.target.checked)
+            }),
+            React.createElement('span', null, T(f.labelKey))
+          )),
+        ]),
+        section('templates', 'settings.templatesSection', [
+          React.createElement('div', { className: 'dsh-cron-form-group', key: 'global', style: { marginBottom: '10px' } },
+            React.createElement('label', null, T('settings.templateLabel')),
+            React.createElement('input', {
+              type: 'text',
+              value: val('template'),
+              onChange: (e) => onChange('template', e.target.value)
+            }),
+            React.createElement('div', { className: 'dsh-cron-hint' }, T('settings.templateHint'))
+          ),
+          React.createElement('div', { className: 'dsh-cron-form-row', key: 'perchannel' },
+            ...DELIVERY_CHANNELS.map((id) => React.createElement('div', { className: 'dsh-cron-form-group', key: id, style: { marginBottom: '10px' } },
+              React.createElement('label', null, T('settings.channelTemplateLabel', { channel: T(CHANNEL_LABEL_KEYS[id]) })),
+              React.createElement('input', {
+                type: 'text',
+                value: (values.channelTemplates && values.channelTemplates[id]) || '',
+                onChange: (e) => onChannelTemplate(id, e.target.value)
+              })
+            ))
+          ),
+        ]),
+      ];
+    }
+
+    /** Parse a KEY=VALUE textarea into the task env object (#38). */
+    function parseEnvText(text) {
+      const env = {};
+      for (const rawLine of String(text || '').split('\n')) {
+        const line = rawLine.trim();
+        if (!line || line.startsWith('#')) continue;
+        const idx = line.indexOf('=');
+        if (idx <= 0) continue;
+        const key = line.slice(0, idx).trim();
+        const value = line.slice(idx + 1).trim();
+        if (key) env[key] = value;
+      }
+      return Object.keys(env).length ? env : undefined;
+    }
+
+    function formatEnvText(env) {
+      if (!env || typeof env !== 'object') return '';
+      return Object.entries(env).map(([k, v]) => `${k}=${v}`).join('\n');
+    }
+
     // Status colors: core semantic state tokens first (same set dsh-clinebot
     // uses), plugin fallbacks as a single point of change (#105).
     const STYLES = `
@@ -316,6 +551,12 @@ window.__ModuleLoader__.load({
 
       .dsh-cron-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1000; }
       .dsh-cron-modal { background: var(--dsw-alias-bg-layer-2, #1f1f1f); border: 1px solid var(--dsw-alias-border-l2, #333); border-radius: 16px; width: 100%; max-width: 540px; padding: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.6); box-sizing: border-box; }
+      .dsh-cron-modal-scroll { max-width: 620px; max-height: 88vh; overflow-y: auto; }
+      .dsh-cron-section-head { display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; padding: 0; margin-bottom: 10px; font: inherit; font-weight: 500; font-size: 12.5px; color: var(--dsw-alias-label-secondary, #aaa); cursor: pointer; }
+      .dsh-cron-section-head:hover { color: var(--dsw-alias-label-primary, #eee); }
+      .dsh-cron-section-chevron { transition: transform 0.15s ease; display: inline-block; }
+      .dsh-cron-section-chevron[data-open="false"] { transform: rotate(-90deg); }
+      .dsh-cron-section-body { padding-bottom: 4px; }
       .dsh-cron-modal-title { font-size: 18px; font-weight: 600; margin-bottom: 18px; }
       .dsh-cron-form-group { margin-bottom: 16px; }
       .dsh-cron-form-group label { display: block; font-size: 13px; color: var(--dsw-alias-label-secondary, #aaa); margin-bottom: 6px; }
@@ -373,6 +614,12 @@ window.__ModuleLoader__.load({
       .dsh-cron-checkbox-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--dsw-alias-label-secondary, #ccc); cursor: pointer; user-select: none; }
       .dsh-cron-checkbox-row input { width: 15px; height: 15px; margin: 0; cursor: pointer; accent-color: var(--dsw-alias-label-primary, #ededed); }
       .dsh-cron-hint { font-size: 12px; color: var(--dsw-alias-label-tertiary, #888); margin-top: 4px; }
+      .dsh-cron-channel-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px 12px; }
+      .dsh-cron-section { border-top: 1px solid var(--dsw-alias-border-l2, #2e2e2e); margin-top: 16px; padding-top: 12px; }
+      .dsh-cron-section-title { font-weight: 500; font-size: 12.5px; color: var(--dsw-alias-label-secondary, #aaa); margin-bottom: 10px; }
+      .dsh-cron-secret-row { display: flex; align-items: center; gap: 8px; }
+      .dsh-cron-secret-row input { flex: 1; }
+      .dsh-cron-badge-ref { font-size: 11px; padding: 2px 6px; border-radius: 4px; background: var(--dsw-alias-bg-layer-3, rgba(255,255,255,0.06)); color: var(--dsw-alias-label-tertiary, #888); white-space: nowrap; }
       .dsh-cron-status-banner { padding: 10px 14px; border-radius: 8px; font-size: 13px; margin-top: 12px; }
       .dsh-cron-status-banner[data-type="success"] { background: var(--dsh-cron-success-bg); border: 1px solid var(--dsh-cron-success); color: var(--dsh-cron-success); }
       .dsh-cron-status-banner[data-type="error"] { background: var(--dsh-cron-danger-bg); border: 1px solid var(--dsh-cron-danger); color: var(--dsh-cron-danger); }
@@ -496,6 +743,8 @@ window.__ModuleLoader__.load({
       const [taskHistory, setTaskHistory] = React.useState([]);
       const [historyLoading, setHistoryLoading] = React.useState(false);
       const [formNotifyTelegram, setFormNotifyTelegram] = React.useState(false);
+      const [formChannels, setFormChannels] = React.useState([]);
+      const [formTemplate, setFormTemplate] = React.useState('');
       const [formOnlyOnFailure, setFormOnlyOnFailure] = React.useState(false);
       const [formTimeoutSeconds, setFormTimeoutSeconds] = React.useState(1800);
       const [formOverlapPolicy, setFormOverlapPolicy] = React.useState('skip');
@@ -504,6 +753,23 @@ window.__ModuleLoader__.load({
       const [formMisfirePolicy, setFormMisfirePolicy] = React.useState('skip');
       const [formMaxRetries, setFormMaxRetries] = React.useState(0);
       const [formPermissionPreset, setFormPermissionPreset] = React.useState('default');
+      const [formEnv, setFormEnv] = React.useState('');
+      const [formCwd, setFormCwd] = React.useState('');
+      const [formWorkspaceId, setFormWorkspaceId] = React.useState('');
+      const [formWorktree, setFormWorktree] = React.useState(false);
+      const [formKeepWorktree, setFormKeepWorktree] = React.useState(false);
+      const [formHttpMethod, setFormHttpMethod] = React.useState('GET');
+      const [formHttpUrl, setFormHttpUrl] = React.useState('');
+      const [formHttpHeaders, setFormHttpHeaders] = React.useState('');
+      const [formHttpBody, setFormHttpBody] = React.useState('');
+      const [formSshProfileId, setFormSshProfileId] = React.useState('');
+      const [formSshTarget, setFormSshTarget] = React.useState('');
+      const [formSshKeyPath, setFormSshKeyPath] = React.useState('');
+      const [formDockerImage, setFormDockerImage] = React.useState('');
+      const [formNodePath, setFormNodePath] = React.useState('');
+      const [formPythonPath, setFormPythonPath] = React.useState('');
+      const [formSkillName, setFormSkillName] = React.useState('');
+      const [formWorkflowName, setFormWorkflowName] = React.useState('');
       const [stats, setStats] = React.useState(null);
 
       // Live execution indicator (#35): a light 1s tick only while some task
@@ -527,6 +793,8 @@ window.__ModuleLoader__.load({
       const [settingsNotifyGlobal, setSettingsNotifyGlobal] = React.useState(false);
       const [settingsOnlyOnFailureGlobal, setSettingsOnlyOnFailureGlobal] = React.useState(false);
       const [settingsKanbanUrl, setSettingsKanbanUrl] = React.useState('http://127.0.0.1:3000');
+      const [settingsDelivery, setSettingsDelivery] = React.useState({});
+      const [settingsSections, setSettingsSections] = React.useState({ channels: true });
       const [settingsHasDefault, setSettingsHasDefault] = React.useState(false);
       const [settingsHasCustomBotToken, setSettingsHasCustomBotToken] = React.useState(false);
       const [testStatus, setTestStatus] = React.useState(null);
@@ -654,6 +922,7 @@ window.__ModuleLoader__.load({
             setSettingsNotifyGlobal(Boolean(data.settings.notifyTelegram));
             setSettingsOnlyOnFailureGlobal(Boolean(data.settings.onlyOnFailure));
             setSettingsKanbanUrl(data.settings.kanbanBaseUrl || 'http://127.0.0.1:3000');
+            setSettingsDelivery(pickDeliverySettings(data.settings));
             setSettingsHasDefault(Boolean(data.settings.hasDefaultCredentials));
             setSettingsHasCustomBotToken(Boolean(data.settings.hasCustomBotToken));
           }
@@ -666,13 +935,13 @@ window.__ModuleLoader__.load({
           const res = await fetch('/dsh-cron/settings', {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({
+            body: JSON.stringify(Object.assign({
               botToken: settingsBotToken,
               chatId: settingsChatId,
               notifyTelegram: settingsNotifyGlobal,
               onlyOnFailure: settingsOnlyOnFailureGlobal,
               kanbanBaseUrl: settingsKanbanUrl,
-            })
+            }, settingsDelivery))
           });
           const data = await res.json();
           if (data && data.ok) {
@@ -685,8 +954,35 @@ window.__ModuleLoader__.load({
         }
       };
 
-      const handleTestTelegram = async () => {
-        setTestStatus({ loading: true, message: T_KEY(t, 'settings.sending') });
+      /**
+       * Update one delivery setting without dropping the rest of the object.
+       * `undefined` removes the key so the server default applies again; an
+       * empty string is kept so a text field can be cleared on purpose.
+       */
+      const updateDelivery = (key, value) => {
+        setSettingsDelivery((prev) => {
+          const next = Object.assign({}, prev);
+          if (value === undefined) delete next[key];
+          else next[key] = value;
+          return next;
+        });
+      };
+
+      /** Per-channel template overrides live in a nested map on the server. */
+      const updateChannelTemplate = (channelId, value) => {
+        setSettingsDelivery((prev) => {
+          const templates = Object.assign({}, prev.channelTemplates || {});
+          if (value && value.trim()) templates[channelId] = value;
+          else delete templates[channelId];
+          return Object.assign({}, prev, { channelTemplates: templates });
+        });
+      };
+
+      const toggleDeliverySection = (key) => {
+        setSettingsSections((prev) => Object.assign({}, prev, { [key]: !prev[key] }));
+      };
+
+      const handleTestTelegram = async () => {        setTestStatus({ loading: true, message: T_KEY(t, 'settings.sending') });
         try {
           const res = await fetch('/dsh-cron/telegram/test', {
             method: 'POST',
@@ -714,6 +1010,8 @@ window.__ModuleLoader__.load({
         setFormType('llm');
         setFormDelivery('isolated');
         setFormNotifyTelegram(false);
+        setFormChannels([]);
+        setFormTemplate('');
         setFormOnlyOnFailure(false);
         setFormTimeoutSeconds(1800);
         setFormOverlapPolicy('skip');
@@ -722,6 +1020,23 @@ window.__ModuleLoader__.load({
         setFormMisfirePolicy('skip');
         setFormMaxRetries(0);
         setFormPermissionPreset('default');
+        setFormEnv('');
+        setFormCwd('');
+        setFormWorkspaceId('');
+        setFormWorktree(false);
+        setFormKeepWorktree(false);
+        setFormHttpMethod('GET');
+        setFormHttpUrl('');
+        setFormHttpHeaders('');
+        setFormHttpBody('');
+        setFormSshProfileId('');
+        setFormSshTarget('');
+        setFormSshKeyPath('');
+        setFormDockerImage('');
+        setFormNodePath('');
+        setFormPythonPath('');
+        setFormSkillName('');
+        setFormWorkflowName('');
         if (preset) {
           setFormTitle(preset.title || '');
           setFormSchedule(preset.schedule || '');
@@ -768,6 +1083,8 @@ window.__ModuleLoader__.load({
         setFormModel(task.model || '');
         setFormDelivery(task.delivery || 'isolated');
         setFormNotifyTelegram(Boolean(task.notifyTelegram));
+        setFormChannels(Array.isArray(task.channels) ? task.channels.filter((c) => DELIVERY_CHANNELS.includes(c)) : []);
+        setFormTemplate(task.template || '');
         setFormOnlyOnFailure(Boolean(task.onlyOnFailure));
         setFormTimeoutSeconds(task.timeoutSeconds !== undefined ? task.timeoutSeconds : 1800);
         setFormOverlapPolicy(task.overlapPolicy || 'skip');
@@ -776,6 +1093,23 @@ window.__ModuleLoader__.load({
         setFormMisfirePolicy(task.misfirePolicy || 'skip');
         setFormMaxRetries(task.maxRetries !== undefined ? task.maxRetries : 0);
         setFormPermissionPreset(task.permissionPreset || 'default');
+        setFormEnv(formatEnvText(task.env));
+        setFormCwd(task.cwd || '');
+        setFormWorkspaceId(task.workspaceId || '');
+        setFormWorktree(Boolean(task.worktree));
+        setFormKeepWorktree(Boolean(task.keepWorktree));
+        setFormHttpMethod(task.httpMethod || 'GET');
+        setFormHttpUrl(task.httpUrl || '');
+        setFormHttpHeaders(typeof task.httpHeaders === 'string' ? task.httpHeaders : (task.httpHeaders ? JSON.stringify(task.httpHeaders) : ''));
+        setFormHttpBody(task.httpBody || '');
+        setFormSshProfileId(task.sshProfileId || '');
+        setFormSshTarget(task.sshTarget || '');
+        setFormSshKeyPath(task.sshKeyPath || '');
+        setFormDockerImage(task.dockerImage || '');
+        setFormNodePath(task.nodePath || '');
+        setFormPythonPath(task.pythonPath || '');
+        setFormSkillName(task.skillName || '');
+        setFormWorkflowName(task.workflowName || '');
         if (task.provider) loadModels(task.provider);
         else if (defaultModelInfo?.provider) loadModels(defaultModelInfo.provider);
         loadTaskHistory(task.id);
@@ -792,17 +1126,20 @@ window.__ModuleLoader__.load({
       const handleSaveManual = async (e) => {
         e.preventDefault();
         try {
+          const isAgentType = AGENT_FORM_TYPES.includes(formType);
           const payload = {
             id: formId || undefined,
             status: selectedTaskMeta ? selectedTaskMeta.status : 'active',
             title: formTitle,
             schedule: formSchedule,
-            prompt: formPrompt,
+            prompt: formType === 'http' ? (formPrompt.trim() || formHttpUrl.trim()) : formPrompt,
             type: formType,
             delivery: formDelivery || 'isolated',
-            provider: formType === 'script' ? undefined : (formProvider || undefined),
-            model: formType === 'script' ? undefined : (formModel || undefined),
+            provider: isAgentType ? (formProvider || undefined) : undefined,
+            model: isAgentType ? (formModel || undefined) : undefined,
             notifyTelegram: formNotifyTelegram,
+            channels: formChannels,
+            template: formTemplate.trim(),
             onlyOnFailure: formOnlyOnFailure,
             timeoutSeconds: Number(formTimeoutSeconds) || 1800,
             overlapPolicy: formOverlapPolicy,
@@ -811,11 +1148,28 @@ window.__ModuleLoader__.load({
             maxRetries: Number(formMaxRetries) || 0,
             permissionPreset: formPermissionPreset,
             kanbanMode: formKanbanMode,
+            env: parseEnvText(formEnv),
+            cwd: formCwd.trim(),
+            workspaceId: formWorkspaceId.trim(),
+            worktree: isAgentType ? Boolean(formWorktree) : false,
+            keepWorktree: isAgentType ? Boolean(formKeepWorktree) : false,
+            httpMethod: formHttpMethod,
+            httpUrl: formHttpUrl.trim(),
+            httpHeaders: formHttpHeaders.trim() || undefined,
+            httpBody: formHttpBody,
+            sshProfileId: formSshProfileId.trim(),
+            sshTarget: formSshTarget.trim(),
+            sshKeyPath: formSshKeyPath.trim(),
+            dockerImage: formDockerImage.trim(),
+            nodePath: formNodePath.trim(),
+            pythonPath: formPythonPath.trim(),
+            skillName: formSkillName.trim(),
+            workflowName: formWorkflowName.trim(),
           };
-          // Cross-origin hardening: script tasks need the explicit confirm
-          // header, which browsers cannot attach to forged cross-site posts (#86)
+          // Cross-origin hardening: every code-executing type needs the explicit
+          // confirm header, which forged cross-site posts cannot attach (#86)
           const headers = { 'Content-Type': 'application/json' };
-          if (formType === 'script') headers[SCRIPT_CONFIRM_HEADER] = 'script';
+          if (CODE_FORM_TYPES.includes(formType)) headers[SCRIPT_CONFIRM_HEADER] = 'script';
           const res = await fetch('/dsh-cron/tasks', {
             method: 'POST',
             headers,
@@ -1176,7 +1530,14 @@ window.__ModuleLoader__.load({
                       onChange: (e) => setFormType(e.target.value)
                     },
                       React.createElement('option', { value: 'llm' }, T_KEY(t, 'form.typeLlm')),
-                      React.createElement('option', { value: 'script' }, T_KEY(t, 'form.typeScript'))
+                      React.createElement('option', { value: 'script' }, T_KEY(t, 'form.typeScript')),
+                      React.createElement('option', { value: 'node' }, T_KEY(t, 'form.typeNode')),
+                      React.createElement('option', { value: 'python' }, T_KEY(t, 'form.typePython')),
+                      React.createElement('option', { value: 'http' }, T_KEY(t, 'form.typeHttp')),
+                      React.createElement('option', { value: 'ssh' }, T_KEY(t, 'form.typeSsh')),
+                      React.createElement('option', { value: 'docker' }, T_KEY(t, 'form.typeDocker')),
+                      React.createElement('option', { value: 'skill' }, T_KEY(t, 'form.typeSkill')),
+                      React.createElement('option', { value: 'workflow' }, T_KEY(t, 'form.typeWorkflow'))
                     )
                   ),
                   React.createElement('div', { className: 'dsh-cron-form-group' },
@@ -1268,7 +1629,7 @@ window.__ModuleLoader__.load({
                     React.createElement('option', { value: 'always' }, T_KEY(t, 'form.kanbanAlways'))
                   )
                 ),
-                formType !== 'script' && React.createElement('div', { className: 'dsh-cron-form-row' },
+                AGENT_FORM_TYPES.includes(formType) && React.createElement('div', { className: 'dsh-cron-form-row' },
                   React.createElement('div', { className: 'dsh-cron-form-group' },
                     React.createElement('label', null, T_KEY(t, 'form.providerLabel')),
                     React.createElement('select', {
@@ -1290,14 +1651,165 @@ window.__ModuleLoader__.load({
                     )
                   )
                 ),
-                React.createElement('div', { className: 'dsh-cron-form-group' },
-                  React.createElement('label', null, formType === 'script' ? T_KEY(t, 'form.promptLabelScript') : T_KEY(t, 'form.promptLabelLlm')),
+                formType === 'http' && React.createElement('div', { className: 'dsh-cron-form-row' },
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.httpMethodLabel')),
+                    React.createElement('select', {
+                      value: formHttpMethod,
+                      onChange: (e) => setFormHttpMethod(e.target.value)
+                    },
+                      ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'HEAD'].map((m) => React.createElement('option', { key: m, value: m }, m))
+                    )
+                  ),
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.httpUrlLabel')),
+                    React.createElement('input', {
+                      required: true,
+                      value: formHttpUrl,
+                      placeholder: 'https://example.test/webhook',
+                      onChange: (e) => setFormHttpUrl(e.target.value)
+                    })
+                  )
+                ),
+                formType === 'http' && React.createElement('div', { className: 'dsh-cron-form-row' },
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.httpHeadersLabel')),
+                    React.createElement('input', {
+                      value: formHttpHeaders,
+                      placeholder: '{"Authorization":"Bearer ..."}',
+                      onChange: (e) => setFormHttpHeaders(e.target.value)
+                    })
+                  ),
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.httpBodyLabel')),
+                    React.createElement('input', {
+                      value: formHttpBody,
+                      onChange: (e) => setFormHttpBody(e.target.value)
+                    })
+                  )
+                ),
+                formType === 'ssh' && React.createElement('div', { className: 'dsh-cron-form-row' },
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.sshProfileLabel')),
+                    React.createElement('input', {
+                      value: formSshProfileId,
+                      placeholder: 'prod-web',
+                      onChange: (e) => setFormSshProfileId(e.target.value)
+                    }),
+                    React.createElement('div', { className: 'dsh-cron-hint' }, T_KEY(t, 'form.sshProfileHint'))
+                  ),
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.sshTargetLabel')),
+                    React.createElement('input', {
+                      value: formSshTarget,
+                      placeholder: 'root@10.0.0.5',
+                      onChange: (e) => setFormSshTarget(e.target.value)
+                    }),
+                    React.createElement('input', {
+                      style: { marginTop: '6px' },
+                      value: formSshKeyPath,
+                      placeholder: '~/.ssh/id_ed25519',
+                      onChange: (e) => setFormSshKeyPath(e.target.value)
+                    })
+                  )
+                ),
+                formType === 'docker' && React.createElement('div', { className: 'dsh-cron-form-group' },
+                  React.createElement('label', null, T_KEY(t, 'form.dockerImageLabel')),
+                  React.createElement('input', {
+                    required: true,
+                    value: formDockerImage,
+                    placeholder: 'alpine:3.20',
+                    onChange: (e) => setFormDockerImage(e.target.value)
+                  })
+                ),
+                formType === 'skill' && React.createElement('div', { className: 'dsh-cron-form-group' },
+                  React.createElement('label', null, T_KEY(t, 'form.skillNameLabel')),
+                  React.createElement('input', {
+                    value: formSkillName,
+                    placeholder: 'gitea',
+                    onChange: (e) => setFormSkillName(e.target.value)
+                  })
+                ),
+                formType === 'workflow' && React.createElement('div', { className: 'dsh-cron-form-group' },
+                  React.createElement('label', null, T_KEY(t, 'form.workflowNameLabel')),
+                  React.createElement('input', {
+                    value: formWorkflowName,
+                    placeholder: 'nightly-release',
+                    onChange: (e) => setFormWorkflowName(e.target.value)
+                  })
+                ),
+                (formType === 'node' || formType === 'python') && React.createElement('div', { className: 'dsh-cron-form-group' },
+                  React.createElement('label', null, formType === 'node' ? 'Node.js binary (optional)' : 'Python interpreter (optional)'),
+                  React.createElement('input', {
+                    value: formType === 'node' ? formNodePath : formPythonPath,
+                    placeholder: formType === 'node' ? 'auto' : '.venv/bin/python',
+                    onChange: (e) => (formType === 'node' ? setFormNodePath(e.target.value) : setFormPythonPath(e.target.value))
+                  })
+                ),
+                !AGENT_FORM_TYPES.includes(formType) && React.createElement('div', { className: 'dsh-cron-form-group' },
+                  React.createElement('label', null, T_KEY(t, 'form.envLabel')),
+                  React.createElement('textarea', {
+                    rows: 3,
+                    style: { fontFamily: 'monospace', fontSize: '12.5px' },
+                    value: formEnv,
+                    placeholder: T_KEY(t, 'form.envPlaceholder'),
+                    onChange: (e) => setFormEnv(e.target.value)
+                  }),
+                  React.createElement('div', { className: 'dsh-cron-hint' }, T_KEY(t, 'form.envHint'))
+                ),
+                React.createElement('div', { className: 'dsh-cron-form-row' },
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.cwdLabel')),
+                    React.createElement('input', {
+                      value: formCwd,
+                      placeholder: '/srv/app',
+                      onChange: (e) => setFormCwd(e.target.value)
+                    })
+                  ),
+                  React.createElement('div', { className: 'dsh-cron-form-group' },
+                    React.createElement('label', null, T_KEY(t, 'form.workspaceLabel')),
+                    React.createElement('input', {
+                      value: formWorkspaceId,
+                      onChange: (e) => setFormWorkspaceId(e.target.value)
+                    })
+                  )
+                ),
+                AGENT_FORM_TYPES.includes(formType) && React.createElement('div', { className: 'dsh-cron-form-group' },
+                  React.createElement('label', { className: 'dsh-cron-checkbox-row' },
+                    React.createElement('input', {
+                      type: 'checkbox',
+                      checked: formWorktree,
+                      onChange: (e) => setFormWorktree(e.target.checked)
+                    }),
+                    React.createElement('span', null, T_KEY(t, 'form.worktreeLabel'))
+                  ),
+                  formWorktree && React.createElement('label', { className: 'dsh-cron-checkbox-row', style: { marginLeft: '24px', marginTop: '6px' } },
+                    React.createElement('input', {
+                      type: 'checkbox',
+                      checked: formKeepWorktree,
+                      onChange: (e) => setFormKeepWorktree(e.target.checked)
+                    }),
+                    React.createElement('span', null, T_KEY(t, 'form.keepWorktreeLabel'))
+                  )
+                ),
+                formType !== 'http' && React.createElement('div', { className: 'dsh-cron-form-group' },
+                  React.createElement('label', null, AGENT_FORM_TYPES.includes(formType) ? T_KEY(t, 'form.promptLabelLlm') : T_KEY(t, 'form.promptLabelScript')),
                   React.createElement('textarea', {
                     required: true,
                     rows: 9,
                     style: { fontFamily: 'monospace', fontSize: '12.5px', lineHeight: '1.45' },
                     value: formPrompt,
-                    placeholder: formType === 'script' ? T_KEY(t, 'form.promptPlaceholderScript') : T_KEY(t, 'form.promptPlaceholderLlm'),
+                    placeholder: AGENT_FORM_TYPES.includes(formType)
+                      ? T_KEY(t, 'form.promptPlaceholderLlm')
+                      : formType === 'docker'
+                        ? 'python -V'
+                        : formType === 'ssh'
+                          ? 'uname -a'
+                          : formType === 'node'
+                            ? 'console.log("hello")'
+                            : formType === 'python'
+                              ? 'print("hello")'
+                              : T_KEY(t, 'form.promptPlaceholderScript'),
                     onChange: (e) => setFormPrompt(e.target.value)
                   })
                 ),
@@ -1322,13 +1834,43 @@ window.__ModuleLoader__.load({
                     }),
                     React.createElement('span', null, T_KEY(t, 'form.notifyTelegram'))
                   ),
-                  formNotifyTelegram && React.createElement('label', { className: 'dsh-cron-checkbox-row', style: { marginLeft: '24px', marginTop: '6px' } },
+                  (formNotifyTelegram || formChannels.length > 0) && React.createElement('label', { className: 'dsh-cron-checkbox-row', style: { marginLeft: '24px', marginTop: '6px' } },
                     React.createElement('input', {
                       type: 'checkbox',
                       checked: formOnlyOnFailure,
                       onChange: (e) => setFormOnlyOnFailure(e.target.checked)
                     }),
                     React.createElement('span', null, T_KEY(t, 'form.notifyOnlyFailure'))
+                  ),
+                  React.createElement('div', { style: { marginTop: '12px', paddingTop: '10px', borderTop: '1px solid var(--dsw-alias-border-l2, #2e2e2e)' } },
+                    React.createElement('div', { style: { fontWeight: 500, fontSize: '12.5px', color: 'var(--dsw-alias-label-secondary, #aaa)', marginBottom: '8px' } }, T_KEY(t, 'form.channelsTitle')),
+                    React.createElement('div', { className: 'dsh-cron-channel-grid' },
+                      ...DELIVERY_CHANNELS.map((id) => React.createElement('label', { key: id, className: 'dsh-cron-checkbox-row' },
+                        React.createElement('input', {
+                          type: 'checkbox',
+                          checked: formChannels.indexOf(id) >= 0,
+                          onChange: (e) => {
+                            setFormChannels((prev) => {
+                              const set = new Set(prev);
+                              if (e.target.checked) set.add(id); else set.delete(id);
+                              return DELIVERY_CHANNELS.filter((c) => set.has(c));
+                            });
+                          }
+                        }),
+                        React.createElement('span', null, T_KEY(t, CHANNEL_LABEL_KEYS[id]))
+                      ))
+                    ),
+                    React.createElement('div', { className: 'dsh-cron-hint', style: { marginTop: '6px' } }, T_KEY(t, 'form.channelsHint'))
+                  ),
+                  React.createElement('div', { className: 'dsh-cron-form-group', style: { marginTop: '12px', marginBottom: 0 } },
+                    React.createElement('label', null, T_KEY(t, 'form.templateLabel')),
+                    React.createElement('input', {
+                      type: 'text',
+                      value: formTemplate,
+                      placeholder: T_KEY(t, 'form.templatePlaceholder'),
+                      onChange: (e) => setFormTemplate(e.target.value)
+                    }),
+                    React.createElement('div', { className: 'dsh-cron-hint' }, T_KEY(t, 'form.templateHint'))
                   )
                 ),
                 selectedTaskMeta && React.createElement('div', {
@@ -1376,7 +1918,7 @@ window.__ModuleLoader__.load({
 
         // 2. Settings modal
         settingsModalOpen && React.createElement('div', { className: 'dsh-cron-modal-overlay', onClick: () => setSettingsModalOpen(false) },
-          React.createElement('div', { className: 'dsh-cron-modal', role: 'dialog', 'aria-modal': 'true', onClick: (e) => e.stopPropagation() },
+          React.createElement('div', { className: 'dsh-cron-modal dsh-cron-modal-scroll', role: 'dialog', 'aria-modal': 'true', onClick: (e) => e.stopPropagation() },
             React.createElement('div', { className: 'dsh-cron-modal-head', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '18px' } },
               React.createElement('div', { className: 'dsh-cron-modal-title', style: { margin: 0, display: 'flex', alignItems: 'center', gap: '8px' } },
                 React.createElement('span', { style: { display: 'flex', alignItems: 'center', color: 'var(--dsh-cron-info)' }, ...iconHtml(ICON_TELEGRAM) }),
@@ -1425,6 +1967,14 @@ window.__ModuleLoader__.load({
                   React.createElement('span', null, T_KEY(t, 'settings.globalOnlyFailure'))
                 )
               ),
+              ...renderDeliverySettings({
+                T: (key, vars) => T_KEY(t, key, vars),
+                values: settingsDelivery,
+                onChange: updateDelivery,
+                onChannelTemplate: updateChannelTemplate,
+                sections: settingsSections,
+                onToggleSection: toggleDeliverySection,
+              }),
               React.createElement('div', { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '14px' } },
                 React.createElement('button', {
                   type: 'button',
@@ -1510,6 +2060,8 @@ window.__ModuleLoader__.load({
       const [notify, setNotify] = React.useState(false);
       const [onlyFailure, setOnlyFailure] = React.useState(false);
       const [kanbanUrl, setKanbanUrl] = React.useState('http://127.0.0.1:3000');
+      const [delivery, setDelivery] = React.useState({});
+      const [sections, setSections] = React.useState({ channels: true });
       const [hasDefault, setHasDefault] = React.useState(false);
       const [saved, setSaved] = React.useState(false);
       const [testInfo, setTestInfo] = React.useState(null);
@@ -1534,6 +2086,7 @@ window.__ModuleLoader__.load({
               setNotify(Boolean(data.settings.notifyTelegram));
               setOnlyFailure(Boolean(data.settings.onlyOnFailure));
               setKanbanUrl(data.settings.kanbanBaseUrl || 'http://127.0.0.1:3000');
+              setDelivery(pickDeliverySettings(data.settings));
               setHasDefault(Boolean(data.settings.hasDefaultCredentials));
               setLoadState('ready');
             } else {
@@ -1550,13 +2103,13 @@ window.__ModuleLoader__.load({
           const res = await fetch('/dsh-cron/settings', {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({
+            body: JSON.stringify(Object.assign({
               botToken: token,
               chatId,
               notifyTelegram: notify,
               onlyOnFailure: onlyFailure,
               kanbanBaseUrl: kanbanUrl
-            })
+            }, delivery))
           });
           const data = await res.json();
           if (data && data.ok) {
@@ -1686,6 +2239,24 @@ window.__ModuleLoader__.load({
               React.createElement('span', null, T_KEY(t, 'settings.globalOnlyFailure'))
             )
           ),
+          ...renderDeliverySettings({
+            T: (key, vars) => T_KEY(t, key, vars),
+            values: delivery,
+            onChange: (key, value) => setDelivery((prev) => {
+              const next = Object.assign({}, prev);
+              if (value === undefined) delete next[key];
+              else next[key] = value;
+              return next;
+            }),
+            onChannelTemplate: (channelId, value) => setDelivery((prev) => {
+              const templates = Object.assign({}, prev.channelTemplates || {});
+              if (value && value.trim()) templates[channelId] = value;
+              else delete templates[channelId];
+              return Object.assign({}, prev, { channelTemplates: templates });
+            }),
+            sections,
+            onToggleSection: (key) => setSections((prev) => Object.assign({}, prev, { [key]: !prev[key] })),
+          }),
           testInfo && testInfo.message && React.createElement('div', {
             className: 'dsh-cron-status-banner',
             'data-type': testInfo.success ? 'success' : 'error',