Fix private calls

toju-app/src/app/features/servers/servers-rail/servers-rail.component.html

@@ -17,6 +17,56 @@
     <ng-container *ngComponentOutlet="dmRailComponent()" />
   }
 
+  @for (call of directCalls.visibleActiveSessions(); track call.callId + ':' + $index) {
+    <div class="group/call relative flex w-full justify-center">
+      <span
+        aria-hidden="true"
+        class="pointer-events-none absolute left-0 top-1/2 w-[3px] -translate-y-1/2 rounded-r-full bg-emerald-500 transition-[height,opacity] duration-100"
+        [ngClass]="isSelectedCall($index) ? 'h-5 opacity-100' : 'h-0 opacity-0 group-hover/call:h-2.5 group-hover/call:opacity-100'"
+      ></span>
+
+      <button
+        type="button"
+        class="relative z-10 grid h-10 w-10 place-items-center overflow-hidden rounded-xl transition-colors hover:rounded-lg"
+        [ngClass]="
+          callAvatarUrls(call).length > 0
+            ? 'bg-emerald-950 text-white shadow-sm hover:bg-emerald-900'
+            : 'bg-emerald-500/15 text-emerald-600 hover:bg-emerald-500/25'
+        "
+        [attr.data-testid]="'server-rail-call-' + call.callId"
+        title="Open private call"
+        [attr.aria-current]="isSelectedCall($index) ? 'page' : null"
+        (click)="openCall(call.callId)"
+      >
+        @let callAvatars = callAvatarUrls(call);
+        @if (callAvatars.length > 0) {
+          <span
+            aria-hidden="true"
+            class="absolute inset-0 bg-emerald-950"
+          ></span>
+
+          @for (avatarUrl of callAvatars; track avatarUrl) {
+            <span
+              aria-hidden="true"
+              class="absolute inset-0 bg-cover bg-center opacity-65 mix-blend-screen saturate-125"
+              [style.backgroundImage]="'url(' + avatarUrl + ')'"
+            ></span>
+          }
+
+          <span
+            aria-hidden="true"
+            class="absolute inset-0 bg-gradient-to-br from-black/10 via-emerald-950/20 to-black/45"
+          ></span>
+        }
+
+        <ng-icon
+          name="lucidePhone"
+          class="relative z-10 h-5 w-5 drop-shadow"
+        />
+      </button>
+    </div>
+  }
+
   <!-- Saved servers icons -->
   <div
     appThemeNode="serversRailList"