feat(platform): add operations workflow cockpit

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

@@ -699,6 +699,47 @@ body {
   min-width: 0;
 }
 
+.vp-operation-flow {
+  display: grid;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.vp-operation-step {
+  min-height: 176px;
+  padding: 14px;
+  border: 1px solid var(--vp-border);
+  border-radius: var(--vp-radius);
+  background: #fbfcff;
+  display: grid;
+  grid-template-rows: auto 1fr;
+  gap: 12px;
+}
+
+.vp-operation-index {
+  width: 28px;
+  height: 28px;
+  border-radius: 7px;
+  background: rgba(22, 100, 255, 0.1);
+  color: var(--vp-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.vp-operation-content {
+  min-width: 0;
+  display: grid;
+  gap: 10px;
+  align-content: space-between;
+}
+
+.vp-operation-content .semi-typography {
+  line-height: 20px;
+}
+
 .vp-capability-grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
@@ -804,6 +845,7 @@ body {
 @media (max-width: 900px) {
   .vp-evidence-grid,
   .vp-action-grid,
+  .vp-operation-flow,
   .vp-capability-grid,
   .vp-conclusion-grid,
   .vp-monitor-layout,