v0.15.13

web/css/styles.css

@@ -8495,20 +8495,6 @@ textarea:focus {
   }
 }
 
-.flow-card[data-flow-card-id] {
-  cursor: pointer;
-}
-
-.flow-card[data-flow-card-id]:focus-visible {
-  outline: 2px solid color-mix(in srgb, var(--accent) 55%, transparent);
-  outline-offset: 2px;
-}
-
-.flow-card[data-flow-card-id] button,
-.flow-card[data-flow-card-id] details {
-  cursor: pointer;
-}
-
 .flow-generated-card {
   border-left: 3px solid var(--accent-border);
 }
@@ -10573,17 +10559,54 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
   background: var(--surface-muted);
 }
 
-.flow-card .flow-simulate-button {
+.flow-runtime-summary {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+}
+
+.flow-execution-type {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.flow-execution-type small {
+  color: var(--muted);
+}
+
+.flow-execution-type strong {
+  font-size: .82rem;
+  font-weight: 700;
+}
+
+.flow-execution-schedule strong {
+  color: var(--teal);
+}
+
+.flow-execution-automation strong,
+.flow-execution-mixed strong {
+  color: var(--accent);
+}
+
+.flow-execution-none strong,
+.flow-execution-draft strong {
+  color: var(--muted);
+}
+
+.flow-card .flow-card-action-button {
   border: 1px solid var(--line);
   background: var(--surface-muted);
   color: var(--text);
 }
 
-.flow-card .flow-simulate-button:hover:not(:disabled) {
+.flow-card .flow-card-action-button:hover:not(:disabled) {
   border-color: var(--line-strong);
 }
 
-.flow-card .flow-simulate-button:disabled {
+.flow-card .flow-card-action-button:disabled {
   opacity: .45;
   cursor: not-allowed;
 }