feat: Add login page with dynamic RGB effects and password toggle functionality

feat: Implement package management utilities with JSON endpoints for listing and uninstalling packages

feat: Create plugin management utilities with endpoints for listing, configuring, and installing plugins

feat: Develop schedule and trigger management utilities with CRUD operations for schedules and triggers

web/css/pages/files.css

@@ -489,9 +489,9 @@
   }
 }
 
-/* ═══════════════════════════════════════════════════════════════════════
+/* ==========================================================================
    BACKUP & UPDATE  (.page-backup)
-   ═══════════════════════════════════════════════════════════════════════ */
+   ========================================================================== */
 .page-backup .main-container {
   display: flex;
   height: calc(100vh - 60px);
@@ -735,9 +735,9 @@
   border: #007acc;
 }
 
-/* ═══════════════════════════════════════════════════════════════════════
+/* ==========================================================================
    WEB ENUM  (.webenum-container)
-   ═══════════════════════════════════════════════════════════════════════ */
+   ========================================================================== */
 .webenum-container .container {
   max-width: 1400px;
   margin: 0 auto;
@@ -1137,9 +1137,9 @@
   }
 }
 
-/* ═══════════════════════════════════════════════════════════════════════
+/* ==========================================================================
    ZOMBIELAND C2C  (.zombieland-container)
-   ═══════════════════════════════════════════════════════════════════════ */
+   ========================================================================== */
 .zombieland-container .panel {
   background: var(--panel);
   border: 1px solid var(--c-border);
@@ -1622,9 +1622,9 @@
   }
 }
 
-/* ═══════════════════════════════════════════════════════════════════════
+/* ==========================================================================
    ACTIONS LAUNCHER  (.actions-container)
-   ═══════════════════════════════════════════════════════════════════════ */
+   ========================================================================== */
 .actions-container #actionsLauncher {
   min-height: 0;
   height: 100%;
@@ -2131,9 +2131,9 @@
   }
 }
 
-/* ═══════════════════════════════════════════════════════════════════════
+/* ==========================================================================
    ACTIONS STUDIO  (.studio-container)
-   ═══════════════════════════════════════════════════════════════════════ */
+   ========================================================================== */
 .studio-container {
   --st-bg: #060c12;
   --st-panel: #0a1520;

web/css/pages/scheduler.css

@@ -1,6 +1,155 @@
 /* ==========================================================================
    SCHEDULER
    ========================================================================== */
+
+/* ===== Tab bar ===== */
+.sched-tabs {
+  display: flex;
+  gap: 2px;
+  padding: .5rem .6rem 0;
+  border-bottom: 1px solid var(--c-border);
+  background: var(--panel);
+}
+.sched-tab {
+  padding: 6px 16px;
+  border: 1px solid transparent;
+  border-bottom: none;
+  border-radius: 8px 8px 0 0;
+  background: transparent;
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background .15s, color .15s;
+}
+.sched-tab:hover { color: var(--ink); background: color-mix(in oklab, var(--c-panel-2) 60%, transparent); }
+.sched-tab.sched-tab-active {
+  color: var(--acid);
+  background: var(--c-panel-2);
+  border-color: var(--c-border);
+}
+.sched-tab-content { display: none; padding: .6rem; }
+.sched-tab-content.active { display: block; }
+
+/* ===== Schedule / Trigger cards ===== */
+.schedule-list, .trigger-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 10px;
+}
+.schedule-card, .trigger-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 12px;
+  border: 1px solid var(--c-border);
+  border-radius: 8px;
+  background: var(--c-panel);
+  font-size: 12px;
+  flex-wrap: wrap;
+}
+.schedule-card:hover, .trigger-card:hover {
+  border-color: var(--c-border-strong);
+}
+.sched-script-name { font-weight: 700; color: var(--ink); }
+.sched-badge {
+  display: inline-block;
+  padding: 1px 6px;
+  border-radius: 3px;
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+.sched-badge-recurring { background: color-mix(in oklab, var(--acid) 18%, transparent); color: var(--acid); }
+.sched-badge-oneshot { background: color-mix(in oklab, #f59e0b 18%, transparent); color: #f59e0b; }
+.sched-badge-success { background: color-mix(in oklab, #22c55e 18%, transparent); color: #22c55e; }
+.sched-badge-error { background: color-mix(in oklab, #ef4444 18%, transparent); color: #ef4444; }
+.sched-badge-running { background: color-mix(in oklab, #3b82f6 18%, transparent); color: #3b82f6; }
+.sched-meta { color: var(--muted); font-size: 11px; }
+.sched-actions { display: flex; gap: 4px; align-items: center; }
+.sched-actions button {
+  padding: 3px 8px;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--muted);
+  font-size: 10px;
+  cursor: pointer;
+}
+.sched-actions button:hover { color: var(--ink); border-color: var(--c-border-strong); }
+.sched-actions button.sched-delete:hover { color: #ef4444; border-color: #ef4444; }
+
+/* Toggle switch */
+.sched-toggle {
+  position: relative;
+  width: 32px;
+  height: 18px;
+  cursor: pointer;
+}
+.sched-toggle input { opacity: 0; width: 0; height: 0; }
+.sched-toggle-slider {
+  position: absolute;
+  inset: 0;
+  border-radius: 9px;
+  background: var(--c-border);
+  transition: background .2s;
+}
+.sched-toggle-slider::before {
+  content: '';
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  left: 2px;
+  bottom: 2px;
+  border-radius: 50%;
+  background: var(--ink);
+  transition: transform .2s;
+}
+.sched-toggle input:checked + .sched-toggle-slider { background: var(--acid); }
+.sched-toggle input:checked + .sched-toggle-slider::before { transform: translateX(14px); }
+
+/* ===== Create form (schedules & triggers) ===== */
+.sched-form {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: flex-end;
+  padding: 10px 12px;
+  border: 1px solid var(--c-border);
+  border-radius: 8px;
+  background: var(--c-panel);
+}
+.sched-form label {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  font-size: 11px;
+  color: var(--muted);
+}
+.sched-form input, .sched-form select {
+  padding: 4px 8px;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--bg);
+  color: var(--ink);
+  font-size: 12px;
+}
+.sched-form button {
+  padding: 5px 14px;
+  border: 1px solid var(--acid);
+  border-radius: 4px;
+  background: color-mix(in oklab, var(--acid) 15%, transparent);
+  color: var(--acid);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.sched-form button:hover { background: color-mix(in oklab, var(--acid) 25%, transparent); }
+.sched-form-section { width: 100%; margin-top: 6px; }
+.sched-empty-msg { color: var(--muted); font-size: 12px; padding: 12px 0; text-align: center; }
+
 .scheduler-container .toolbar-top {
   position: sticky;
   top: calc(var(--h-topbar, 0px) + 5px);

web/css/pages/shared.css

@@ -1,5 +1,5 @@
 /* ==========================================================================
-   pages.css — Page-specific styles for all SPA page modules.
+   Page-specific styles for all SPA page modules.
    Each section is scoped under the page's wrapper class to avoid conflicts.
    ========================================================================== */
 
@@ -154,6 +154,201 @@
   overflow: hidden;
 }
 
+/* ===== Condition Builder ===== */
+
+.cond-editor { padding: 4px 0; }
+
+.cond-group {
+  border-left: 3px solid var(--acid);
+  padding: 8px 8px 8px 12px;
+  margin: 4px 0;
+  border-radius: 4px;
+  background: color-mix(in oklab, var(--c-panel-2) 50%, transparent);
+}
+.cond-group-or { border-left-color: #f59e0b; }
+.cond-group-and { border-left-color: var(--acid); }
+
+.cond-group-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 6px;
+}
+
+.cond-op-toggle {
+  padding: 2px 8px;
+  border-radius: 4px;
+  border: 1px solid var(--c-border);
+  background: var(--c-panel);
+  color: var(--ink);
+  font-size: 11px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.cond-children { display: flex; flex-direction: column; gap: 4px; }
+
+.cond-item-wrapper {
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+}
+.cond-item-wrapper > .cond-group,
+.cond-item-wrapper > .cond-block { flex: 1; min-width: 0; }
+
+.cond-block {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 8px;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--c-panel);
+  flex-wrap: wrap;
+}
+
+.cond-source-select {
+  padding: 2px 6px;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--bg);
+  color: var(--ink);
+  font-size: 11px;
+  min-width: 120px;
+}
+
+.cond-params {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.cond-param-label {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  font-size: 11px;
+  color: var(--muted);
+}
+
+.cond-param-name { white-space: nowrap; }
+
+.cond-param-input {
+  padding: 2px 6px;
+  border: 1px solid var(--c-border);
+  border-radius: 3px;
+  background: var(--bg);
+  color: var(--ink);
+  font-size: 11px;
+  width: 80px;
+}
+.cond-param-input[type="number"] { width: 60px; }
+select.cond-param-input { width: auto; min-width: 60px; }
+
+.cond-delete-btn {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  border: none;
+  border-radius: 3px;
+  background: transparent;
+  color: var(--muted);
+  font-size: 14px;
+  cursor: pointer;
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.cond-delete-btn:hover { color: #ef4444; background: rgba(239,68,68,.12); }
+
+.cond-group-actions {
+  display: flex;
+  gap: 6px;
+  margin-top: 6px;
+}
+
+.cond-add-btn {
+  padding: 2px 10px;
+  border: 1px dashed var(--c-border);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--muted);
+  font-size: 11px;
+  cursor: pointer;
+}
+.cond-add-btn:hover { color: var(--acid); border-color: var(--acid); }
+
+/* ===== Package Manager (actions page sidebar) ===== */
+
+.pkg-list { list-style: none; padding: 0; margin: 0; }
+.pkg-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 0;
+  border-bottom: 1px solid color-mix(in oklab, var(--c-border) 40%, transparent);
+  font-size: 12px;
+}
+.pkg-item:last-child { border-bottom: none; }
+.pkg-name { font-weight: 600; color: var(--ink); }
+.pkg-version { color: var(--muted); font-size: 11px; margin-left: 6px; }
+.pkg-uninstall-btn {
+  padding: 2px 8px;
+  border: 1px solid var(--c-border);
+  border-radius: 3px;
+  background: transparent;
+  color: var(--muted);
+  font-size: 10px;
+  cursor: pointer;
+}
+.pkg-uninstall-btn:hover { color: #ef4444; border-color: #ef4444; }
+
+.pkg-install-form {
+  display: flex;
+  gap: 6px;
+  margin-bottom: 10px;
+}
+.pkg-install-input {
+  flex: 1;
+  padding: 4px 8px;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--bg);
+  color: var(--ink);
+  font-size: 12px;
+}
+.pkg-install-btn {
+  padding: 4px 12px;
+  border: 1px solid var(--acid);
+  border-radius: 4px;
+  background: color-mix(in oklab, var(--acid) 15%, transparent);
+  color: var(--acid);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.pkg-install-btn:hover { background: color-mix(in oklab, var(--acid) 25%, transparent); }
+
+.pkg-console {
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 6px 8px;
+  border: 1px solid var(--c-border);
+  border-radius: 4px;
+  background: var(--bg);
+  font-family: var(--font-mono);
+  font-size: 10px;
+  color: var(--muted);
+  margin-top: 8px;
+  display: none;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+.pkg-console.active { display: block; }
+
 @media (max-width: 900px) {
   .page-with-sidebar {
     min-height: calc(100vh - var(--h-topbar, 56px) - var(--h-bottombar, 56px) - 12px);

web/css/shell.css

@@ -257,18 +257,18 @@ body.console-docked .app-container {
 
 #bjornSay {
   white-space: normal;
-  /* autorise le retour à la ligne */
+  /* allow word wrapping */
   word-break: break-word;
   line-height: 1.25;
 
   display: flex;
   align-items: center;
-  /* centre verticalement dans la bottombar */
+  /* vertically center in the bottombar */
   height: 100%;
 
   text-align: right;
   max-width: 240px;
-  /* évite qu’il déborde vers le centre */
+  /* prevent overflow toward center */
 }
 
 /* ---- Console panel (matches old global.css console) ---- */