@goodandready/dsh-cron 0.2.18 → 0.2.20

package/lib/client.js

@@ -11,6 +11,9 @@ window.__ModuleLoader__.load({
     // namespace registered on the server ('dsh-cron', Issue #85).
     const PLUGIN_ID = '@goodandready/dsh-cron';
     const NS = 'dsh-cron';
+    // Plugins page row seat (DSH 0.1.6-alpha.2): key = '<package name>#<row id>'.
+    const ROW_ID = 'dsh-cron';
+    const ROW_CONFIG_KEY = PLUGIN_ID + '#' + ROW_ID;
     const PANEL = 'cron';
     const ACTIVATE_EVENT = 'dsh-panel-activate';
     const ACTIVE_ATTR = 'data-dsh-cron-active';
@@ -49,7 +52,9 @@ window.__ModuleLoader__.load({
     try {
       const primitives = require('@deepseek-ai/dsh-client-ui-primitives');
       CoreChevron = primitives && primitives.IconChevronDownOutline14;
-    } catch (e) {}
+    } catch (e) {
+      /* Optional core chevron primitive not available; SVG fallback used */
+    }
     const chevronNode = () => (CoreChevron ? React.createElement(CoreChevron) : React.createElement('span', { style: { display: 'flex', alignItems: 'center' }, dangerouslySetInnerHTML: { __html: ICON_CHEVRON_DOWN } }));
 
     // Own React error boundary (#106): the core's SlotErrorBoundary renders an
@@ -622,15 +627,15 @@ window.__ModuleLoader__.load({
     const STYLES = `
       :root {
         --dsh-cron-success: var(--dsw-alias-state-success-primary, #10b981);
-        --dsh-cron-success-bg: rgba(16, 185, 129, 0.1);
+        --dsh-cron-success-bg: color-mix(in srgb, var(--dsh-cron-success, #10b981) 10%, transparent);
         --dsh-cron-danger: var(--dsw-alias-state-error-primary, #ef4444);
-        --dsh-cron-danger-bg: rgba(239, 68, 68, 0.1);
+        --dsh-cron-danger-bg: color-mix(in srgb, var(--dsh-cron-danger, #ef4444) 10%, transparent);
         --dsh-cron-info: var(--dsw-alias-state-brand-primary, #60a5fa);
-        --dsh-cron-info-bg: rgba(96, 165, 250, 0.12);
+        --dsh-cron-info-bg: color-mix(in srgb, var(--dsh-cron-info, #60a5fa) 12%, transparent);
         --dsh-cron-accent: var(--dsw-alias-state-info-primary, #c084fc);
-        --dsh-cron-accent-bg: rgba(168, 85, 247, 0.12);
+        --dsh-cron-accent-bg: color-mix(in srgb, var(--dsh-cron-accent, #a855f7) 12%, transparent);
         --dsh-cron-warning: var(--dsw-alias-state-warning-primary, #eab308);
-        --dsh-cron-warning-bg: rgba(234, 179, 8, 0.12);
+        --dsh-cron-warning-bg: color-mix(in srgb, var(--dsh-cron-warning, #eab308) 12%, transparent);
       }
       [data-pane=conversation], [class*=centerCol] {
         position: relative !important;
@@ -660,14 +665,14 @@ window.__ModuleLoader__.load({
 
       .dsh-cron-top-bar { display: flex; align-items: center; gap: 12px; }
       .dsh-cron-back-btn { appearance: none; font: inherit; cursor: pointer; color: var(--dsw-alias-label-secondary, #9ca3af); background: 0 0; border: 1px solid var(--dsw-alias-border-l2, #383838); border-radius: 8px; align-items: center; gap: 6px; padding: 4px 12px; font-size: 13px; display: inline-flex; flex: none; height: 32px; box-sizing: border-box; }
-      .dsh-cron-back-btn:hover { color: var(--dsw-alias-label-primary, #ededed); background: var(--dsw-alias-bg-layer-4, var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,0.06))); }
+      .dsh-cron-back-btn:hover { color: var(--dsw-alias-label-primary, #ededed); background: var(--dsw-alias-bg-layer-4, var(--dsw-alias-interactive-bg-hover, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 6%, transparent))); }
 
       .dsh-cron-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--dsw-alias-border-l2, #383838); }
       .dsh-cron-title { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 6px; }
       .dsh-cron-subtitle { font-size: 14px; color: var(--dsw-alias-label-secondary, #9ca3af); line-height: 1.5; }
       .dsh-cron-create-btn { appearance: none; display: inline-flex; align-items: center; gap: 6px; background: var(--dsw-alias-bg-layer-2, #262626); color: var(--dsw-alias-label-primary, #fff); border: 1px solid var(--dsw-alias-border-l2, #383838); border-radius: 9999px; padding: 8px 16px; font-size: 14px; font-weight: 500; cursor: pointer; position: relative; }
       .dsh-cron-create-btn:hover { background: var(--dsw-alias-bg-layer-hover, var(--dsw-alias-interactive-bg-hover, #333)); }
-      .dsh-cron-dropdown { position: absolute; top: calc(100% + 6px); right: 0; width: 200px; background: var(--dsw-alias-bg-layer-3, #212121); border: 1px solid var(--dsw-alias-border-l2, #383838); border-radius: 12px; padding: 6px; box-shadow: 0 10px 25px rgba(0,0,0,0.5); z-index: 200; }
+      .dsh-cron-dropdown { position: absolute; top: calc(100% + 6px); right: 0; width: 200px; background: var(--dsw-alias-bg-layer-3, #212121); border: 1px solid var(--dsw-alias-border-l2, #383838); border-radius: 12px; padding: 6px; box-shadow: 0 10px 25px color-mix(in srgb, var(--dsw-alias-bg-mask, #000) 50%, transparent); z-index: 200; }
       .dsh-cron-dropdown-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; background: transparent; border: none; border-radius: 8px; color: var(--dsw-alias-label-primary, #ededed); font-size: 13.5px; text-align: left; cursor: pointer; }
       .dsh-cron-dropdown-item:hover { background: var(--dsw-alias-interactive-bg-hover, #2a2a2a); }
       .dsh-cron-search-bar { position: relative; margin-bottom: 0; }
@@ -677,7 +682,7 @@ window.__ModuleLoader__.load({
       .dsh-cron-filters { margin-top: 8px; }
       .dsh-cron-filter-toggle { background: none; border: 1px solid var(--dsw-alias-border-l2, #333); color: var(--dsw-alias-label-secondary, #aaa); border-radius: 8px; padding: 4px 10px; font-size: 12px; cursor: pointer; }
       .dsh-cron-filter-toggle:hover { color: var(--dsw-alias-label-primary, #eee); border-color: var(--dsh-cron-info); }
-      .dsh-cron-filter-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin-top: 10px; padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l2, #2e2e2e); border-radius: 8px; background: var(--dsw-alias-bg-layer-3, rgba(255,255,255,0.02)); }
+      .dsh-cron-filter-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin-top: 10px; padding: 10px 12px; border: 1px solid var(--dsw-alias-border-l2, #2e2e2e); border-radius: 8px; background: var(--dsw-alias-bg-layer-3, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 2%, transparent)); }
       .dsh-cron-filter-field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--dsw-alias-label-tertiary, #888); }
       .dsh-cron-filter-field select { background: var(--dsw-alias-bg-layer-2, #1f1f1f); border: 1px solid var(--dsw-alias-border-l2, #333); color: var(--dsw-alias-label-primary, inherit); border-radius: 6px; padding: 5px 8px; font-size: 12.5px; }
       .dsh-cron-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
@@ -694,7 +699,7 @@ window.__ModuleLoader__.load({
       .dsh-cron-tag-session { background: var(--dsh-cron-info-bg); color: var(--dsh-cron-info); border-color: var(--dsh-cron-info); }
       .dsh-cron-tag-preflight { background: var(--dsh-cron-warning-bg); color: var(--dsh-cron-warning); border-color: var(--dsh-cron-warning); }
 
-      .dsh-cron-task-model-tag { display: inline-flex; align-items: center; font-size: 11px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--dsw-alias-border-l2, #383838); background: var(--dsw-alias-bg-layer-2, rgba(255,255,255,0.06)); color: var(--dsw-alias-label-secondary, #aaa); margin-left: 8px; vertical-align: middle; }
+      .dsh-cron-task-model-tag { display: inline-flex; align-items: center; font-size: 11px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--dsw-alias-border-l2, #383838); background: var(--dsw-alias-bg-layer-2, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 6%, transparent)); color: var(--dsw-alias-label-secondary, #aaa); margin-left: 8px; vertical-align: middle; }
       .dsh-cron-task-actions { display: flex; gap: 8px; }
       .dsh-cron-icon-btn { appearance: none; font: inherit; background: var(--dsw-alias-bg-layer-2, transparent); border: 1px solid var(--dsw-alias-border-l2, #333); border-radius: 8px; padding: 6px 12px; font-size: 12.5px; font-weight: 500; color: var(--dsw-alias-label-primary, #aaa); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: all 0.15s ease; }
       .dsh-cron-icon-btn:hover { background: var(--dsw-alias-bg-layer-4, #2a2a2a); border-color: var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2, #444)); }
@@ -706,14 +711,14 @@ window.__ModuleLoader__.load({
       .dsh-cron-recs-list { display: flex; flex-direction: column; gap: 10px; }
       .dsh-cron-rec-card { display: flex; align-items: center; gap: 16px; padding: 14px 18px; background: var(--dsw-alias-bg-layer-3, #1c1c1c); border: 1px solid var(--dsw-alias-border-l2, #282828); border-radius: 12px; cursor: pointer; transition: background 0.15s; }
       .dsh-cron-rec-card:hover, .dsh-cron-rec-card:focus-visible { background: var(--dsw-alias-bg-layer-4, #242424); border-color: var(--dsw-alias-label-dimmed, var(--dsw-alias-border-l2, #383838)); outline: none; }
-      .dsh-cron-rec-icon { width: 36px; height: 36px; border-radius: 10px; background: var(--dsw-alias-bg-layer-2, rgba(255,255,255,0.03)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+      .dsh-cron-rec-icon { width: 36px; height: 36px; border-radius: 10px; background: var(--dsw-alias-bg-layer-2, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 3%, transparent)); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
       .dsh-cron-rec-content { flex: 1; min-width: 0; }
       .dsh-cron-rec-title { font-size: 14.5px; font-weight: 500; margin-bottom: 4px; }
       .dsh-cron-rec-time { font-size: 13px; color: var(--dsw-alias-label-secondary, #9ca3af); font-weight: normal; margin-left: 8px; }
       .dsh-cron-rec-desc { font-size: 13px; color: var(--dsw-alias-label-tertiary, #71717a); }
 
-      .dsh-cron-modal-overlay { position: fixed; inset: 0; background: var(--dsw-alias-bg-mask, rgba(0, 0, 0, 0.75)); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 16px; box-sizing: border-box; overflow-y: auto; }
-      .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; max-height: min(90vh, calc(100vh - 36px)); overflow-y: auto; padding: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.6); box-sizing: border-box; }
+      .dsh-cron-modal-overlay { position: fixed; inset: 0; background: var(--dsw-alias-bg-mask, color-mix(in srgb, #000 75%, transparent)); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 16px; box-sizing: border-box; overflow-y: auto; }
+      .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; max-height: min(90vh, calc(100vh - 36px)); overflow-y: auto; padding: 24px; box-shadow: 0 20px 40px color-mix(in srgb, var(--dsw-alias-bg-mask, #000) 60%, transparent); box-sizing: border-box; }
       .dsh-cron-modal-scroll { max-width: 640px; max-height: min(90vh, calc(100vh - 36px)); overflow-y: auto; }
       .dsh-cron-modal::-webkit-scrollbar { width: 6px; }
       .dsh-cron-modal::-webkit-scrollbar-track { background: transparent; }
@@ -772,7 +777,7 @@ window.__ModuleLoader__.load({
       .dsh-cron-history-empty { text-align: center; padding: 36px 0; color: var(--dsw-alias-label-tertiary, #666); font-size: 13.5px; }
 
       .dsh-cron-stats-bar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 0; }
-      .dsh-cron-stat-card { background: var(--dsw-alias-bg-layer-2, rgba(255, 255, 255, 0.02)); border: 1px solid var(--dsw-alias-border-l2, #222); border-radius: 8px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
+      .dsh-cron-stat-card { background: var(--dsw-alias-bg-layer-2, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 2%, transparent)); border: 1px solid var(--dsw-alias-border-l2, #222); border-radius: 8px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
       .dsh-cron-stat-val { font-size: 18px; font-weight: 700; color: var(--dsw-alias-label-primary, #fff); }
       .dsh-cron-stat-lbl { font-size: 12px; color: var(--dsw-alias-label-secondary, #777); margin-top: 0; }
       .dsh-cron-oneshot-tag { display: inline-flex; align-items: center; font-size: 11px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--dsh-cron-accent); background: var(--dsh-cron-accent-bg); color: var(--dsh-cron-accent); font-weight: 500; }
@@ -787,7 +792,7 @@ window.__ModuleLoader__.load({
       .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-badge-ref { font-size: 11px; padding: 2px 6px; border-radius: 4px; background: var(--dsw-alias-bg-layer-3, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 6%, transparent)); 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); }
@@ -798,13 +803,13 @@ window.__ModuleLoader__.load({
       /* #34: sidebar job list */
       .dsh-cron-sidebar-jobs { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 6px 0; }
       .dsh-cron-sidebar-jobs-head { display: flex; align-items: center; justify-content: space-between; width: 100%; background: none; border: none; padding: 4px 8px; font: inherit; font-size: 12px; color: var(--dsw-alias-label-tertiary, #888); cursor: pointer; border-radius: 6px; text-align: left; }
-      .dsh-cron-sidebar-jobs-head:hover { color: var(--dsw-alias-label-primary, #eee); background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,0.04)); }
+      .dsh-cron-sidebar-jobs-head:hover { color: var(--dsw-alias-label-primary, #eee); background: var(--dsw-alias-interactive-bg-hover, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 4%, transparent)); }
       .dsh-cron-sidebar-jobs-head::after { content: '▾'; font-size: 10px; transition: transform 0.15s ease; }
       .dsh-cron-sidebar-jobs[data-open="false"] .dsh-cron-sidebar-jobs-head::after { transform: rotate(-90deg); }
       .dsh-cron-sidebar-jobs[data-open="false"] .dsh-cron-sidebar-jobs-list { display: none; }
       .dsh-cron-sidebar-jobs-list { display: flex; flex-direction: column; gap: 2px; padding-left: 10px; }
       .dsh-cron-sidebar-job { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100%; background: none; border: none; border-left: 2px solid transparent; padding: 3px 8px; font: inherit; cursor: pointer; border-radius: 0 6px 6px 0; text-align: left; }
-      .dsh-cron-sidebar-job:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(255,255,255,0.04)); border-left-color: var(--dsh-cron-info); }
+      .dsh-cron-sidebar-job:hover { background: var(--dsw-alias-interactive-bg-hover, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 4%, transparent)); border-left-color: var(--dsh-cron-info); }
       .dsh-cron-sidebar-job-title { font-size: 12px; color: var(--dsw-alias-label-secondary, #ccc); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
       .dsh-cron-sidebar-job-meta { font-size: 11px; color: var(--dsw-alias-label-tertiary, #777); }
       .dsh-cron-sidebar-empty, .dsh-cron-sidebar-more { font-size: 11px; color: var(--dsw-alias-label-tertiary, #777); padding: 2px 8px; }
@@ -987,7 +992,9 @@ window.__ModuleLoader__.load({
         try {
           sessions.open(sessionId);
           return true;
-        } catch (e) {}
+        } catch (err) {
+          /* sessions.open threw synchronously */
+        }
       }
 
       // 2. If the session is not in manager.summaries yet, refresh from the backend
@@ -996,7 +1003,9 @@ window.__ModuleLoader__.load({
           await sessions.refresh();
           sessions.open(sessionId);
           return true;
-        } catch (e) {}
+        } catch (err) {
+          /* sessions.refresh threw */
+        }
       }
 
       // 3. Async retries until the WebSocket/SSE event adds the session to the list
@@ -1007,7 +1016,9 @@ window.__ModuleLoader__.load({
           try {
             sessions.open(sessionId);
             return true;
-          } catch (e) {}
+          } catch (err) {
+            /* retry polling sessions.open threw */
+          }
         }
         // DOM fallback: click the session in the sidebar if it has rendered
         if (typeof document !== 'undefined') {
@@ -1323,7 +1334,7 @@ window.__ModuleLoader__.load({
         if (!node) return;
         if (typeof node.scrollIntoView === 'function') node.scrollIntoView({ block: 'center' });
         node.classList.add('dsh-cron-task-highlight');
-        setTimeout(() => { try { node.classList.remove('dsh-cron-task-highlight'); } catch (_) {} }, 2500);
+        setTimeout(() => { try { node.classList.remove('dsh-cron-task-highlight'); } catch (err) { /* node unmounted */ } }, 2500);
       }, [tasks]);
 
       const fetchTasks = async () => {
@@ -1435,7 +1446,9 @@ window.__ModuleLoader__.load({
         try {
           await fetch('/dsh-cron/tasks/' + encodeURIComponent(id) + '/toggle', { method: 'POST' });
           fetchTasks();
-        } catch (err) {}
+        } catch (err) {
+          console.debug('[dsh-cron] toggle failed', err);
+        }
       };
 
       const handleRunNow = async (id) => {
@@ -1650,7 +1663,10 @@ window.__ModuleLoader__.load({
         try {
           await fetch('/dsh-cron/tasks/' + encodeURIComponent(id), { method: 'DELETE' });
           fetchTasks();
-        } catch (err) {}      };
+        } catch (err) {
+          console.debug('[dsh-cron] delete failed', err);
+        }
+      };
 
       const openSettingsModal = async () => {
         setTestStatus(null);
@@ -1668,7 +1684,9 @@ window.__ModuleLoader__.load({
             setSettingsHasDefault(Boolean(data.settings.hasDefaultCredentials));
             setSettingsHasCustomBotToken(Boolean(data.settings.hasCustomBotToken));
           }
-        } catch (e) {}
+        } catch (err) {
+          console.debug('[dsh-cron] settings fetch failed', err);
+        }
       };
 
       const handleSaveSettings = async (e) => {
@@ -2715,7 +2733,7 @@ window.__ModuleLoader__.load({
                     React.createElement('label', null, T_KEY(t, 'form.sshTargetLabel')),
                     React.createElement('input', {
                       value: formSshTarget,
-                      placeholder: 'root@10.0.0.5',
+                      placeholder: 'user@example.com',
                       onChange: (e) => setFormSshTarget(e.target.value)
                     }),
                     React.createElement('input', {
@@ -2828,7 +2846,7 @@ window.__ModuleLoader__.load({
                 ),
                 React.createElement('div', {
                   style: {
-                    background: 'var(--dsw-alias-bg-layer-3, rgba(255,255,255,0.02))',
+                    background: 'var(--dsw-alias-bg-layer-3, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 2%, transparent))',
                     border: '1px solid var(--dsw-alias-border-l2, #2e2e2e)',
                     borderRadius: '8px',
                     padding: '12px 14px',
@@ -2991,7 +3009,7 @@ window.__ModuleLoader__.load({
                   ),
                 selectedTaskMeta && React.createElement('div', {
                   style: {
-                    background: 'var(--dsw-alias-bg-layer-3, rgba(255,255,255,0.03))',
+                    background: 'var(--dsw-alias-bg-layer-3, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 3%, transparent))',
                     border: '1px solid var(--dsw-alias-border-l2, #2e2e2e)',
                     borderRadius: '8px',
                     padding: '10px 14px',
@@ -3181,7 +3199,7 @@ window.__ModuleLoader__.load({
                   onChange: (e) => setSettingsChatId(e.target.value)
                 })
               ),
-              React.createElement('div', { style: { background: 'var(--dsw-alias-bg-layer-3, rgba(255,255,255,0.02))', border: '1px solid var(--dsw-alias-border-l2, #2e2e2e)', borderRadius: '8px', padding: '12px 14px', marginBottom: '16px' } },
+              React.createElement('div', { style: { background: 'var(--dsw-alias-bg-layer-3, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 2%, transparent))', border: '1px solid var(--dsw-alias-border-l2, #2e2e2e)', borderRadius: '8px', padding: '12px 14px', marginBottom: '16px' } },
                 React.createElement('label', { className: 'dsh-cron-checkbox-row', style: { marginBottom: '8px' } },
                   React.createElement('input', {
                     type: 'checkbox',
@@ -3346,7 +3364,7 @@ window.__ModuleLoader__.load({
       const [updateState, setUpdateState] = React.useState({
         checking: false,
         updating: false,
-        currentVersion: '0.2.18',
+        currentVersion: '0.2.19',
         latestVersion: undefined,
         updateAvailable: false,
         notice: null,
@@ -3453,7 +3471,9 @@ window.__ModuleLoader__.load({
             setSaved(true);
             setTimeout(() => setSaved(false), 2500);
           }
-        } catch (err) {}
+        } catch (err) {
+          console.debug('[dsh-cron] save settings failed', err);
+        }
       };
 
       const testTelegram = async () => {
@@ -3512,17 +3532,24 @@ window.__ModuleLoader__.load({
         );
       }
 
-      return React.createElement('div', { className: 'dsh-cron-card' },
+      // Row seat (plugins.row.config): the host page draws title/icon/crumb and the
+      // padding, so the summary is a one-liner and the page drops our card chrome.
+      if (props && props.view === 'summary') {
+        return React.createElement('span', { className: 'dsh-cron-card-desc' }, T_KEY(t, 'settings.cardDesc'));
+      }
+      const page = !!(props && props.view === 'page');
+      return React.createElement('div', { className: page ? 'dsh-cron-page' : 'dsh-cron-card' },
         React.createElement('button', {
           type: 'button',
           className: 'dsh-cron-card-head-btn',
-          'aria-expanded': cardOpen ? 'true' : 'false',
+          style: page ? { display: 'none' } : undefined,
+          'aria-expanded': (page || cardOpen) ? 'true' : 'false',
           onClick: () => setCardOpen(!cardOpen)
         },
           React.createElement('span', { className: 'dsh-cron-card-title' }, T_KEY(t, 'settings.cardTitle')),
           React.createElement('span', { className: 'dsh-cron-chev' + (cardOpen ? ' dsh-cron-chev-open' : '') }, chevronNode())
         ),
-        cardOpen && React.createElement('div', { className: 'dsh-cron-card-body' },
+        (page || cardOpen) && React.createElement('div', { className: 'dsh-cron-card-body' },
           React.createElement('div', { className: 'dsh-cron-card-desc' }, T_KEY(t, 'settings.cardDesc')),
           React.createElement('div', { style: { display: 'flex', justifyContent: 'flex-end', marginBottom: '12px' } },
             React.createElement('button', {
@@ -3558,7 +3585,7 @@ window.__ModuleLoader__.load({
               onChange: (e) => setKanbanUrl(e.target.value)
             })
           ),
-          React.createElement('div', { style: { background: 'var(--dsw-alias-bg-layer-3, rgba(255,255,255,0.02))', border: '1px solid var(--dsw-alias-border-l2, #2e2e2e)', borderRadius: '6px', padding: '10px 12px', display: 'flex', flexDirection: 'column', gap: '8px' } },
+          React.createElement('div', { style: { background: 'var(--dsw-alias-bg-layer-3, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 2%, transparent))', border: '1px solid var(--dsw-alias-border-l2, #2e2e2e)', borderRadius: '6px', padding: '10px 12px', display: 'flex', flexDirection: 'column', gap: '8px' } },
             React.createElement('label', { className: 'dsh-cron-checkbox-row' },
               React.createElement('input', {
                 type: 'checkbox',
@@ -3610,8 +3637,8 @@ window.__ModuleLoader__.load({
           React.createElement('div', {
             className: 'dsh-cron-form-group',
             style: {
-              background: 'var(--dsw-alias-bg-layer-2, rgba(255,255,255,0.03))',
-              border: '1px solid var(--dsw-alias-border-l2, rgba(255,255,255,0.08))',
+              background: 'var(--dsw-alias-bg-layer-2, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 3%, transparent))',
+              border: '1px solid var(--dsw-alias-border-l2, color-mix(in srgb, var(--dsw-alias-label-primary, #fff) 8%, transparent))',
               borderRadius: '8px',
               padding: '14px',
               marginBottom: '16px'
@@ -3786,7 +3813,9 @@ window.__ModuleLoader__.load({
         const res = await fetch('/dsh-cron/tasks?status=active');
         const data = await res.json();
         if (data && data.ok) renderSidebarJobs(state, data.tasks || []);
-      } catch (_) {}
+      } catch (err) {
+        console.debug('[dsh-cron] load sidebar jobs failed', err);
+      }
     }
 
     function applySidebarJobsOpen(state) {
@@ -3811,7 +3840,7 @@ window.__ModuleLoader__.load({
         event.preventDefault();
         event.stopPropagation();
         state.open = !state.open;
-        try { window.localStorage.setItem(SIDEBAR_JOBS_KEY, state.open ? '1' : '0'); } catch (_) {}
+        try { window.localStorage.setItem(SIDEBAR_JOBS_KEY, state.open ? '1' : '0'); } catch (err) { /* localStorage write failed */ }
         applySidebarJobsOpen(state);
       });
       root.appendChild(headEl);
@@ -3854,7 +3883,7 @@ window.__ModuleLoader__.load({
     function mountSidebarJobs(toggle, label, openTaskSignal) {
       if (typeof document === 'undefined') return () => {};
       const state = { toggle, openTaskSignal, root: undefined, listEl: undefined, headEl: undefined, open: false };
-      try { state.open = window.localStorage.getItem(SIDEBAR_JOBS_KEY) === '1'; } catch (_) {}
+      try { state.open = window.localStorage.getItem(SIDEBAR_JOBS_KEY) === '1'; } catch (err) { /* localStorage read failed */ }
 
       const observer = new MutationObserver(() => placeSidebarJobs(state, label));
       observer.observe(document.body, { childList: true, subtree: true });
@@ -3862,7 +3891,7 @@ window.__ModuleLoader__.load({
       loadSidebarJobs(state);
       const fetchTimer = setInterval(() => {
         let isOpen = false;
-        try { isOpen = window.localStorage.getItem(SIDEBAR_JOBS_KEY) === '1'; } catch (_) {}
+        try { isOpen = window.localStorage.getItem(SIDEBAR_JOBS_KEY) === '1'; } catch (err) { /* localStorage poll failed */ }
         if (isOpen) loadSidebarJobs(state);
       }, 30000);
 
@@ -4011,7 +4040,9 @@ window.__ModuleLoader__.load({
         if (ctx.locale && typeof ctx.locale.bind === 'function') {
           translate = ctx.locale.bind(NS);
         }
-      } catch (e) {}
+      } catch (err) {
+        /* locale bind unavailable, fallback to default translate */
+      }
 
       const toggle = createToggle();
 
@@ -4021,6 +4052,14 @@ window.__ModuleLoader__.load({
       function SettingsCardWithBoundary(props) {
         return React.createElement(ErrorBoundary, null, CronSettingsCard(props));
       }
+      // Row seat first (the seat the current core renders), legacy settings.plugin.item
+      // after it as a fallback (#102: still no top-level section fallback).
+      const rowOk = registerIntoMount(ctx, 'plugins.row.config', {
+        name: 'plugins.row.config',
+        key: ROW_CONFIG_KEY,
+        locale: NS,
+        inject: () => ({ ctx, toggle }),
+      }, SettingsCardWithBoundary);
       const cardOk = registerIntoMount(ctx, 'settings.plugin.item', {
         name: 'settings.plugin.item',
         key: NS,