Expand Doris Kitchen import, failures, and tag curation

home/doris-kitchen/app/static/app.css

@@ -133,6 +133,20 @@ nav a,
   gap: 14px;
 }
 
+.search-examples {
+  margin-top: 16px;
+  display: grid;
+  gap: 10px;
+}
+
+.search-examples .chip-list {
+  align-items: flex-start;
+}
+
+.search-examples button {
+  text-align: left;
+}
+
 label {
   display: grid;
   gap: 8px;
@@ -219,7 +233,8 @@ button.danger {
 }
 
 .suggestion-grid,
-.plan-grid {
+.plan-grid,
+.failure-list {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 18px;
@@ -227,13 +242,35 @@ button.danger {
 
 .suggestion-card,
 .plan-card,
-.plan-summary {
+.plan-summary,
+.failure-card {
   border: 1px solid var(--line);
   border-radius: 18px;
   background: rgba(255, 255, 255, 0.55);
   padding: 18px;
 }
 
+.failure-results {
+  margin-top: 14px;
+  padding-top: 14px;
+  border-top: 1px solid var(--line);
+}
+
+.failure-results .suggestion-grid,
+.failure-results.suggestion-grid {
+  margin-top: 8px;
+}
+
+.status-open {
+  background: rgba(167, 71, 53, 0.12);
+  color: var(--rose);
+}
+
+.status-resolved {
+  background: rgba(108, 122, 61, 0.14);
+  color: var(--olive);
+}
+
 .suggestion-card h3,
 .plan-card h3 {
   margin-bottom: 8px;
@@ -260,4 +297,3 @@ button.danger {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
-