feat: add runner failover rules and cache affinity

apps/web/src/styles/pages.css

@@ -2136,23 +2136,155 @@
   margin: 4px 0 0;
 }
 
+.runnerPolicyHeaderActions {
+  display: flex;
+  align-items: flex-end;
+  gap: 10px;
+}
+
 .runnerPolicyHeaderStatus {
   min-width: 220px;
   max-width: 240px;
 }
 
-.runnerPolicyWorkbench {
-  grid-template-columns: 240px minmax(0, 1fr);
+.runnerPolicySectionTitle {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 10px;
 }
 
-.runnerPolicyDetailPanel {
-  min-height: 360px;
+.runnerPolicySectionTitle > span {
+  display: grid;
+  min-width: 0;
+  gap: 2px;
+}
+
+.runnerPolicySectionTitle strong {
+  color: var(--text-strong);
+  font-size: var(--font-size-lg);
+}
+
+.runnerPolicySectionTitle small {
+  color: var(--muted-foreground);
+  font-size: var(--font-size-sm);
+  line-height: 1.35;
 }
 
 .runnerPolicyDetailRows {
   padding: 8px 10px;
 }
 
+.runnerToggleField {
+  display: grid;
+  align-content: start;
+  gap: 8px;
+}
+
+.runnerRuleWorkbench {
+  display: grid;
+  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
+  align-items: start;
+  gap: 12px;
+}
+
+.runnerRuleList,
+.runnerRuleEditor {
+  min-width: 0;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: #fff;
+}
+
+.runnerRuleList {
+  display: grid;
+  align-content: start;
+  gap: 8px;
+  padding: 10px;
+}
+
+.runnerRuleListHead,
+.runnerRuleEditor header,
+.runnerRuleTools {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.runnerRuleListHead,
+.runnerRuleEditor header {
+  justify-content: space-between;
+}
+
+.runnerRuleListHead strong,
+.runnerRuleEditor strong {
+  color: var(--text-normal);
+  font-size: var(--font-size-sm);
+}
+
+.runnerRuleTab {
+  display: grid;
+  width: 100%;
+  min-width: 0;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  padding: 10px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  text-align: left;
+}
+
+.runnerRuleTab[data-active='true'] {
+  border-color: color-mix(in srgb, var(--primary) 55%, transparent);
+  background: color-mix(in srgb, var(--primary) 9%, transparent);
+}
+
+.runnerRuleTab[data-disabled='true'] {
+  opacity: 0.62;
+}
+
+.runnerRuleTab span,
+.runnerRuleEditor header > div:first-child {
+  display: grid;
+  min-width: 0;
+  gap: 3px;
+}
+
+.runnerRuleTab strong,
+.runnerRuleTab small,
+.runnerRuleEditor header span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.runnerRuleTab small,
+.runnerRuleTab em,
+.runnerRuleEditor header span {
+  color: var(--muted-foreground);
+  font-size: var(--font-size-xs);
+  font-style: normal;
+  font-weight: var(--font-weight-regular);
+}
+
+.runnerRuleEditor {
+  display: grid;
+  gap: 12px;
+  padding: 12px;
+}
+
+.runnerRuleFields {
+  align-items: start;
+}
+
+.runnerRuleTools .platformToggle {
+  min-width: auto;
+}
+
 .runnerActionMatrix {
   display: grid;
   gap: 10px;
@@ -2242,6 +2374,12 @@
     flex-direction: column;
   }
 
+  .runnerPolicyHeaderActions {
+    width: 100%;
+    align-items: stretch;
+    flex-direction: column;
+  }
+
   .runnerPolicyHeaderStatus {
     width: 100%;
     max-width: none;
@@ -2284,6 +2422,7 @@
   .runtimePolicyFormBody,
   .fileStorageDialogBody,
   .runtimePolicyRows,
+  .runnerRuleWorkbench,
   .runnerActionGrid,
   .accessPermissionGrid,
   .accessTreeToolbar,