@goodandready/dsh-cron 0.1.13 → 0.1.14

package/lib/client.js

@@ -123,6 +123,20 @@ const React = window.React || require('react');
       .dsh-cron-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
       .dsh-cron-card-title { font-size: 15px; font-weight: 600; color: var(--dsw-alias-label-primary, #fff); }
       .dsh-cron-card-desc { font-size: 13px; color: var(--dsw-alias-label-secondary, #888); margin-bottom: 16px; line-height: 1.4; }
+
+      .dsh-cron-modal-nav { display: flex; gap: 4px; border-bottom: 1px solid #2e2e2e; margin-bottom: 18px; padding-bottom: 2px; }
+      .dsh-cron-modal-tab { appearance: none; background: transparent; border: none; border-bottom: 2px solid transparent; padding: 8px 14px; font-size: 13.5px; color: #888; cursor: pointer; font-weight: 500; transition: color 0.15s, border-color 0.15s; }
+      .dsh-cron-modal-tab:hover { color: #ccc; }
+      .dsh-cron-modal-tab[data-active="true"] { color: #fff; border-bottom-color: #ededed; }
+      .dsh-cron-history-list { display: flex; flex-direction: column; gap: 10px; max-height: 420px; overflow-y: auto; padding-right: 4px; }
+      .dsh-cron-history-item { background: #161616; border: 1px solid #2a2a2a; border-radius: 8px; padding: 12px 14px; font-size: 12.5px; }
+      .dsh-cron-history-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
+      .dsh-cron-history-status { font-weight: 600; font-size: 11.5px; text-transform: uppercase; padding: 2px 6px; border-radius: 4px; }
+      .dsh-cron-history-status[data-status="success"] { background: rgba(16, 185, 129, 0.15); color: #10b981; }
+      .dsh-cron-history-status[data-status="error"] { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
+      .dsh-cron-history-time { color: #777; font-size: 12px; }
+      .dsh-cron-history-output { background: #0c0c0c; border: 1px solid #222; border-radius: 6px; padding: 8px 10px; font-family: monospace; font-size: 12px; color: #bbb; max-height: 140px; overflow-y: auto; white-space: pre-wrap; word-break: break-all; margin-top: 6px; }
+      .dsh-cron-history-empty { text-align: center; padding: 36px 0; color: #666; font-size: 13.5px; }
     `;
 
     function ensureStyles() {
@@ -220,6 +234,9 @@ const React = window.React || require('react');
       const [formModel, setFormModel] = React.useState('');
       const [formDelivery, setFormDelivery] = React.useState('isolated');
       const [selectedTaskMeta, setSelectedTaskMeta] = React.useState(null);
+      const [modalTab, setModalTab] = React.useState('params');
+      const [taskHistory, setTaskHistory] = React.useState([]);
+      const [historyLoading, setHistoryLoading] = React.useState(false);
 
       // DSH dialog state
       const [dshModalOpen, setDshModalOpen] = React.useState(false);
@@ -317,10 +334,26 @@ const React = window.React || require('react');
         setManualModalOpen(true);
       };
 
+      const loadTaskHistory = async (taskId) => {
+        setHistoryLoading(true);
+        try {
+          const res = await fetch('/dsh-cron/action/' + encodeURIComponent(taskId) + '/history');
+          const data = await res.json();
+          if (data.ok) {
+            setTaskHistory(data.history || []);
+          }
+        } catch (e) {
+          console.error('[dsh-cron] history load failed:', e);
+        } finally {
+          setHistoryLoading(false);
+        }
+      };
+
       const openEditModal = (task) => {
         setDropdownOpen(false);
         setFormId(task.id);
         setSelectedTaskMeta(task);
+        setModalTab('params');
         setFormTitle(task.title || '');
         setFormSchedule(task.schedule || '');
         setFormType(task.type || 'llm');
@@ -330,6 +363,7 @@ const React = window.React || require('react');
         setFormDelivery(task.delivery || 'isolated');
         if (task.provider) loadModels(task.provider);
         else if (defaultModelInfo?.provider) loadModels(defaultModelInfo.provider);
+        loadTaskHistory(task.id);
         setManualModalOpen(true);
       };
 
@@ -547,7 +581,7 @@ const React = window.React || require('react');
             style: { maxWidth: '640px' },
             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-head', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: formId ? '12px' : '18px' } },
               React.createElement('div', { className: 'dsh-cron-modal-title', style: { margin: 0 } }, formId ? 'Редактирование задачи' : 'Новая запланированная задача'),
               selectedTaskMeta && React.createElement('span', {
                 style: {
@@ -559,6 +593,55 @@ const React = window.React || require('react');
                 }
               }, selectedTaskMeta.status === 'active' ? '● Активна' : '○ На паузе')
             ),
+
+            formId && React.createElement('div', { className: 'dsh-cron-modal-nav' },
+              React.createElement('button', {
+                type: 'button',
+                className: 'dsh-cron-modal-tab',
+                'data-active': modalTab === 'params',
+                onClick: () => setModalTab('params')
+              }, 'Параметры'),
+              React.createElement('button', {
+                type: 'button',
+                className: 'dsh-cron-modal-tab',
+                'data-active': modalTab === 'history',
+                onClick: () => { setModalTab('history'); if (formId) loadTaskHistory(formId); }
+              }, 'История запусков (' + (taskHistory.length || 0) + ')')
+            ),
+
+            modalTab === 'history' && formId ? React.createElement('div', null,
+              historyLoading ? React.createElement('div', { className: 'dsh-cron-history-empty' }, 'Загрузка истории...') :
+              taskHistory.length === 0 ? React.createElement('div', { className: 'dsh-cron-history-empty' }, 'История запусков пока пуста') :
+              React.createElement('div', { className: 'dsh-cron-history-list' },
+                taskHistory.map((run) => React.createElement('div', { key: run.id, className: 'dsh-cron-history-item' },
+                  React.createElement('div', { className: 'dsh-cron-history-head' },
+                    React.createElement('div', { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+                      React.createElement('span', {
+                        className: 'dsh-cron-history-status',
+                        'data-status': run.status
+                      }, run.status === 'success' ? 'Успешно' : 'Ошибка'),
+                      React.createElement('span', { className: 'dsh-cron-history-time' }, run.at ? new Date(run.at).toLocaleString() : '')
+                    ),
+                    React.createElement('span', { style: { color: '#888', fontSize: '11.5px' } }, (run.durationMs || 0) + ' ms')
+                  ),
+                  run.output && React.createElement('div', { className: 'dsh-cron-history-output' }, run.output),
+                  run.error && React.createElement('div', { className: 'dsh-cron-history-output', style: { color: '#ef4444', borderColor: '#552222' } }, run.error)
+                ))
+              ),
+              React.createElement('div', { className: 'dsh-cron-modal-foot', style: { marginTop: '18px' } },
+                React.createElement('button', {
+                  type: 'button',
+                  className: 'dsh-cron-btn-secondary',
+                  onClick: () => { if (formId) loadTaskHistory(formId); }
+                }, 'Обновить историю'),
+                React.createElement('button', {
+                  type: 'button',
+                  className: 'dsh-cron-btn-primary',
+                  onClick: () => setManualModalOpen(false)
+                }, 'Закрыть')
+              )
+            ) :
+
             React.createElement('form', { onSubmit: handleSaveManual },
               React.createElement('div', { className: 'dsh-cron-form-group' },
                 React.createElement('label', null, 'Название задачи'),
@@ -645,7 +728,10 @@ const React = window.React || require('react');
                   type: 'button',
                   className: 'dsh-cron-btn-secondary',
                   style: { padding: '4px 10px', fontSize: '12px' },
-                  onClick: () => { handleRunNow(selectedTaskMeta.id); }
+                  onClick: async () => {
+                    await handleRunNow(selectedTaskMeta.id);
+                    if (formId) loadTaskHistory(formId);
+                  }
                 }, 'Запустить сейчас')
               ),
               React.createElement('div', { className: 'dsh-cron-modal-foot' },

package/lib/index.js

@@ -177,6 +177,14 @@ export function apply(ctx, config) {
           return;
         }
 
+        const historyMatch = pathname.match(/^\/dsh-cron\/action\/([^/]+)\/history$/);
+        if (req.method === 'GET' && historyMatch) {
+          const taskId = historyMatch[1];
+          const history = store.getHistory(taskId, 30);
+          sendJson(res, 200, { ok: true, history });
+          return;
+        }
+
         sendJson(res, 404, { ok: false, error: 'Action not found' });
       } catch (err) {
         sendJson(res, 500, { ok: false, error: err.message });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-cron",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Scheduled cron tasks, background automation and agent execution for DeepSeek Harness.",
   "type": "module",
   "main": "lib/index.js",