Refine ProxyWarden routing and config flows

src/styles/app.css

@@ -1514,6 +1514,10 @@ button.summary-card:hover {
   padding: 7px 10px;
 }
 
+.setup-strip.with-progress {
+  row-gap: 8px;
+}
+
 .setup-strip-title {
   color: #8d99ae;
   font-size: 12px;
@@ -1554,6 +1558,26 @@ button.summary-card:hover {
   box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.11);
 }
 
+.setup-strip-item.active {
+  border-color: #60a5fa;
+  background: #122033;
+}
+
+.setup-strip-item.active .setup-strip-dot {
+  background: #60a5fa;
+  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.14);
+}
+
+.setup-strip-item.failed {
+  border-color: #ef4444;
+  background: #26151a;
+}
+
+.setup-strip-item.failed .setup-strip-dot {
+  background: #ef4444;
+  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
+}
+
 .setup-strip-item strong {
   font-size: 12px;
   white-space: nowrap;
@@ -1565,6 +1589,43 @@ button.summary-card:hover {
   white-space: nowrap;
 }
 
+.setup-progress {
+  display: grid;
+  grid-column: 1 / -1;
+  grid-template-columns: minmax(96px, 160px) minmax(0, 1fr);
+  gap: 9px;
+  align-items: center;
+}
+
+.setup-progress-track {
+  overflow: hidden;
+  height: 6px;
+  border-radius: 999px;
+  background: #202a38;
+}
+
+.setup-progress-fill {
+  display: block;
+  width: 0;
+  height: 100%;
+  border-radius: inherit;
+  background: #60a5fa;
+  transition: width 180ms ease;
+}
+
+.setup-progress--failed .setup-progress-fill {
+  background: #ef4444;
+}
+
+.setup-progress-message {
+  min-width: 0;
+  overflow: hidden;
+  color: #9aa8bd;
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .service-actions {
   position: relative;
   display: flex;