v0.15.18

web/css/styles.css

@@ -4895,6 +4895,90 @@ body.simulation-standalone [data-view="simulation"] {
   line-height: 1.4;
 }
 
+#controlPlan .plan-recent-trigger {
+  align-items: start;
+}
+
+#controlPlan .plan-trigger-trace {
+  grid-column: 1 / -1;
+  min-width: 0;
+  margin-top: 2px;
+  border-top: 1px solid var(--line);
+  padding-top: 7px;
+}
+
+#controlPlan .plan-trigger-trace summary {
+  width: max-content;
+  max-width: 100%;
+  cursor: pointer;
+  color: var(--muted);
+  font-size: 10px;
+  font-weight: 800;
+}
+
+#controlPlan .plan-trigger-trace-list {
+  display: grid;
+  gap: 5px;
+  margin-top: 7px;
+}
+
+#controlPlan .plan-trigger-trace-row {
+  display: grid;
+  grid-template-columns: 18px minmax(150px, 1fr) minmax(110px, .85fr);
+  gap: 8px;
+  align-items: center;
+  padding: 5px 7px;
+  border-radius: 8px;
+  background: var(--surface);
+}
+
+#controlPlan .plan-trigger-trace-row>div {
+  display: grid;
+  gap: 1px;
+  min-width: 0;
+}
+
+#controlPlan .plan-trigger-trace-row strong {
+  font-size: 10px;
+}
+
+#controlPlan .plan-trigger-trace-row small {
+  overflow: hidden;
+  color: var(--muted);
+  font-size: 9px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+#controlPlan .plan-trigger-trace-row code {
+  overflow: hidden;
+  color: var(--text-soft);
+  font-size: 9px;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+#controlPlan .plan-trigger-trace-mark {
+  display: grid;
+  place-items: center;
+  width: 18px;
+  height: 18px;
+  border-radius: 999px;
+  font-size: 11px;
+  font-weight: 900;
+}
+
+#controlPlan .plan-trigger-trace-row.pass .plan-trigger-trace-mark {
+  color: var(--accent-text);
+  background: var(--accent);
+}
+
+#controlPlan .plan-trigger-trace-row.fail .plan-trigger-trace-mark {
+  color: var(--warning);
+  background: var(--warning-soft);
+}
+
 #controlPlan .plan-reason-alert {
   display: grid;
   gap: 3px;
@@ -10939,4 +11023,13 @@ select.select-native-proxy[aria-invalid="true"]+.custom-select .custom-select-tr
     grid-template-columns: 1fr;
     gap: 5px;
   }
+
+  #controlPlan .plan-trigger-trace-row {
+    grid-template-columns: 18px minmax(0, 1fr);
+  }
+
+  #controlPlan .plan-trigger-trace-row code {
+    grid-column: 2;
+    text-align: left;
+  }
 }