merge: sync feature/N7Web into feature/N7Web-Tech

# Conflicts:
#	apps/web-console/app.js
#	apps/web-console/assistant-chat.js
#	apps/web-console/index.html
#	apps/web-console/service-worker.js
#	src/cognitive_agent/server.py
#	tests/e2e/test_seat_web_api.py
#	tests/unit/test_assistant_frontend_contract.py
#	tests/unit/test_energy_monitor_frontend_contract.py
#	tests/unit/test_frontend_theme_contract.py
#	tests/unit/test_mode_scene_catalog.py

apps/web-console/assistant-chat.css

@@ -551,6 +551,111 @@
   padding: 9px 10px 8px;
 }
 
+.assistant-mode-schedule-summary,
+.assistant-mode-schedule-hint {
+  margin: 0;
+  padding: 9px 12px;
+  color: var(--assistant-muted, #64748b);
+  font-size: 10px;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+
+.assistant-mode-schedule-summary {
+  color: var(--status-info-foreground, #3764d9);
+  background: var(--status-info-soft, #eef3ff);
+  font-weight: 750;
+}
+
+.assistant-mode-schedule-phase + .assistant-mode-schedule-phase,
+.assistant-mode-schedule-hint {
+  border-top: 1px solid var(--assistant-border, #e5eaf1);
+}
+
+.assistant-mode-schedule-phase > header {
+  display: grid;
+  gap: 3px;
+  padding: 10px 12px 5px;
+  color: var(--assistant-heading, #334155);
+  font-size: 11px;
+  overflow-wrap: anywhere;
+}
+
+.assistant-mode-schedule-phase > header small {
+  color: var(--assistant-muted, #64748b);
+  font-size: 9px;
+  font-weight: 500;
+  line-height: 1.5;
+}
+
+.assistant-mode-draft-scheduled .assistant-mode-draft-row {
+  grid-template-columns: 18px minmax(0, 1fr) minmax(0, 1fr);
+  gap: 5px;
+}
+
+.assistant-mode-draft-scheduled .assistant-mode-draft-row > strong {
+  white-space: normal;
+  overflow-wrap: anywhere;
+  text-align: right;
+}
+
+.mode-gallery-card-shell:has(> .mode-gallery-schedule-details) > .mode-gallery-card {
+  height: auto;
+}
+
+.mode-gallery-schedule-details {
+  padding: 9px 12px;
+  color: var(--foreground, #334155);
+  background: var(--card, #fff);
+  border: 1px solid var(--border, #e5eaf1);
+  border-radius: 10px;
+  font-size: 11px;
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+
+.mode-gallery-schedule-details > summary {
+  cursor: pointer;
+  color: var(--primary, #3764d9);
+  font-weight: 700;
+}
+
+.mode-gallery-schedule-details ol {
+  margin: 10px 0;
+  padding-left: 19px;
+}
+
+.mode-gallery-schedule-details li + li {
+  margin-top: 10px;
+}
+
+.mode-gallery-schedule-details li > strong,
+.mode-gallery-schedule-details li > small {
+  display: block;
+}
+
+.mode-gallery-schedule-details small,
+.mode-gallery-schedule-details > p {
+  color: var(--muted-foreground, #64748b);
+}
+
+.mode-gallery-schedule-details p {
+  margin: 4px 0;
+}
+
+.mode-chip-action-popover li.mode-schedule-popover-summary {
+  display: block;
+  color: var(--status-info-foreground, #3764d9);
+  background: var(--status-info-soft, #eef3ff);
+  font-size: 11px;
+  line-height: 1.6;
+}
+
+.mode-schedule-popover-phase {
+  color: var(--primary, #3764d9);
+  line-height: 1.5;
+}
+
 .assistant-mode-draft-actions[hidden] {
   display: none;
 }
@@ -1478,7 +1583,14 @@
   }
 
   .console-v2.assistant-chat-enabled.v2-passive-display.v2-interactive-sync .v2-operation-shell {
-    top: 60px;
+    /* Share the content row on compact screens, never cover the mode rail. */
+    position: relative;
+    grid-column: 1;
+    grid-row: 3;
+    width: 100%;
+    top: auto;
+    right: auto;
+    bottom: auto;
   }
 
   .console-v2.assistant-chat-enabled.v2-passive-display.v2-interactive-sync .v2-module-switcher {