feat: separate image profiles from text routing

ui-src/src/styles.css

@@ -678,6 +678,17 @@ a {
   font-size: 12px;
 }
 
+.thread-rule-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 4px;
+}
+
+.thread-rule-actions button {
+  min-width: 0;
+}
+
 .reasoning-retry-block {
   grid-column: span 2;
   border-color: rgba(22, 107, 92, 0.16);
@@ -718,6 +729,31 @@ a {
   font-size: 11px;
 }
 
+.rules-layout {
+  align-items: start;
+}
+
+.thread-rule-list {
+  display: grid;
+  gap: 8px;
+}
+
+.thread-rule-card {
+  display: grid;
+  gap: 10px;
+  padding: 12px;
+  border: 1px solid rgba(30, 33, 29, 0.08);
+  border-radius: 18px;
+  background: rgba(255, 250, 240, 0.74);
+}
+
+.thread-rule-head {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  align-items: flex-start;
+}
+
 table {
   width: 100%;
   min-width: 960px;