feat(platform): add realtime time window task board

vehicle-data-platform/apps/web/src/styles/global.css

@@ -7,7 +7,7 @@
 
 body {
   margin: 0;
-  min-width: 1280px;
+  min-width: 0;
   background: var(--vp-bg);
   color: var(--vp-text);
   font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
@@ -3954,6 +3954,79 @@ body {
   align-self: end;
 }
 
+.vp-time-window-task-board {
+  padding: 14px;
+  border-top: 1px solid var(--vp-border);
+  display: grid;
+  gap: 12px;
+}
+
+.vp-time-window-task-summary {
+  display: grid;
+  gap: 8px;
+}
+
+.vp-time-window-task-grid {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.vp-time-window-task-item {
+  min-height: 164px;
+  padding: 12px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+  color: inherit;
+  cursor: pointer;
+  font: inherit;
+  text-align: left;
+  display: grid;
+  align-content: start;
+  gap: 8px;
+}
+
+.vp-time-window-task-item:not(:disabled):hover,
+.vp-time-window-task-item:not(:disabled):focus-visible {
+  border-color: rgba(22, 100, 255, 0.42);
+  background: #f5f9ff;
+  outline: none;
+}
+
+.vp-time-window-task-item:disabled {
+  cursor: not-allowed;
+  opacity: 0.62;
+}
+
+.vp-time-window-task-item strong {
+  color: var(--vp-text);
+  font-size: 15px;
+  line-height: 21px;
+  font-weight: 700;
+}
+
+.vp-time-window-task-item span {
+  color: var(--vp-text);
+  font-size: 16px;
+  line-height: 22px;
+  font-weight: 700;
+  word-break: break-word;
+}
+
+.vp-time-window-task-item small {
+  color: var(--vp-text-muted);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.vp-time-window-task-item em {
+  color: var(--vp-primary);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+}
+
 .vp-realtime-command-board {
   margin-bottom: 16px;
   padding: 14px;
@@ -11065,6 +11138,22 @@ button.vp-realtime-command-item:focus-visible {
 }
 
 @media (max-width: 900px) {
+  .vp-shell {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .vp-sidebar {
+    position: relative;
+    height: auto;
+    padding: 12px;
+  }
+
+  .vp-topbar {
+    position: relative;
+    grid-template-columns: minmax(0, 1fr);
+    padding: 12px;
+  }
+
   .vp-evidence-grid,
   .vp-action-grid,
   .vp-fleet-monitor .semi-card-body,
@@ -11160,6 +11249,7 @@ button.vp-realtime-command-item:focus-visible {
   .vp-time-window-monitor .semi-card-body,
   .vp-time-window-controls,
   .vp-time-window-actions,
+  .vp-time-window-task-grid,
   .vp-realtime-command-board,
   .vp-realtime-command-grid,
   .vp-realtime-impact-board,