update

packages/frontend/src/components/ConnectionList.vue

@@ -181,9 +181,9 @@ const handleDelete = async (conn: ConnectionInfo) => {
                 </thead>
                 <tbody class="divide-y divide-border">
                     <tr v-for="conn in groupConnections" :key="conn.id" class="hover:bg-hover transition-colors duration-150">
-                        <td class="px-4 py-3 text-sm text-foreground whitespace-nowrap">
-                          <!-- Icon logic removed for now -->
-                          {{ conn.name }}
+                        <td class="px-4 py-3 text-sm text-foreground whitespace-nowrap flex items-center">
+                          <i :class="['fas', conn.type === 'RDP' ? 'fa-desktop' : 'fa-terminal', 'mr-2 w-4 text-center text-text-secondary']"></i>
+                          <span>{{ conn.name }}</span>
                         </td>
                         <td class="px-4 py-3 text-sm text-foreground whitespace-nowrap">{{ conn.host }}</td>
                         <td class="px-4 py-3 text-sm text-foreground whitespace-nowrap">{{ conn.port }}</td>

packages/frontend/src/components/WorkspaceConnectionList.vue

@@ -374,7 +374,7 @@ const scrollToHighlighted = async () => {
                 @click.right.prevent
                 @contextmenu.prevent="showContextMenu($event, conn)"
               >
-                <i class="fas fa-server mr-2.5 w-4 text-center text-text-secondary group-hover:text-primary" :class="{ 'text-white': conn.id === highlightedConnectionId }"></i>
+                <i :class="['fas', conn.type === 'RDP' ? 'fa-desktop' : 'fa-server', 'mr-2.5 w-4 text-center text-text-secondary group-hover:text-primary', { 'text-white': conn.id === highlightedConnectionId }]"></i>
                 <span class="overflow-hidden text-ellipsis whitespace-nowrap flex-grow text-sm" :title="conn.name || conn.host">
                   {{ conn.name || conn.host }}
                 </span>