fix: model user assignment by service instead of port

src/app.css

@@ -42,7 +42,8 @@ body {
 }
 
 button,
-input {
+input,
+select {
   font: inherit;
 }
 
@@ -112,7 +113,8 @@ button {
 }
 
 .login-form input,
-.modal-form input {
+.modal-form input,
+.modal-form select {
   width: 100%;
   height: 40px;
   padding: 0 12px;
@@ -123,7 +125,8 @@ button {
 }
 
 .login-form input:focus,
-.modal-form input:focus {
+.modal-form input:focus,
+.modal-form select:focus {
   outline: 2px solid rgba(37, 99, 235, 0.12);
   border-color: var(--accent);
 }
@@ -448,6 +451,15 @@ tbody tr:last-child td {
   font-size: 14px;
 }
 
+.endpoint-cell {
+  display: grid;
+  gap: 2px;
+}
+
+.endpoint-cell span {
+  color: var(--muted);
+}
+
 .status-pill {
   display: inline-flex;
   align-items: center;
@@ -515,6 +527,24 @@ pre {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
+.modal-preview {
+  display: grid;
+  gap: 4px;
+  padding: 10px 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: var(--surface-muted);
+}
+
+.modal-preview span {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.modal-preview strong {
+  font-size: 14px;
+}
+
 .modal-actions {
   grid-column: 1 / -1;
   justify-content: flex-end;