feat: add initial desktop view implementation

public/styles/main.css

@@ -413,7 +413,6 @@ p {
 }
 
 .endpoint-item:hover {
-    background: rgba(0, 0, 0, 0.25);
     border-color: rgba(255, 255, 255, 0.15);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 }
@@ -2860,6 +2859,72 @@ p {
     display: inline-flex;
 }
 
+/* Desktop slide-in details drawer */
+.details-drawer-backdrop {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.3);
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.2s ease;
+    z-index: 999;
+}
+.details-drawer-backdrop.visible { opacity: 1; pointer-events: auto; }
+
+.details-drawer {
+    position: fixed;
+    top: 0;
+    right: 0;
+    height: 100vh;
+    width: clamp(33.333vw, 520px, 90vw);
+    background: var(--bg-primary);
+    color: var(--text-primary);
+    border-left: 1px solid var(--border-primary);
+    box-shadow: var(--shadow-primary);
+    transform: translateX(100%);
+    transition: transform 0.25s ease;
+    z-index: 1000;
+    display: flex;
+    flex-direction: column;
+}
+.details-drawer.open { transform: translateX(0); }
+
+.details-drawer-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid var(--border-secondary);
+    background: var(--bg-secondary);
+}
+.details-drawer-header .drawer-title {
+    font-weight: 600;
+}
+.drawer-close {
+    background: transparent;
+    border: 1px solid var(--border-secondary);
+    color: var(--text-secondary);
+    border-radius: 8px;
+    padding: 0.35rem;
+    cursor: pointer;
+}
+.drawer-close:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+}
+.drawer-close svg { width: 18px; height: 18px; }
+
+.details-drawer-content {
+    padding: 1rem;
+    overflow: auto;
+}
+
+/* Only enable drawer on wider screens; on small keep inline cards */
+@media (max-width: 1023px) {
+    .details-drawer,
+    .details-drawer-backdrop { display: none; }
+}
+
 /* Labels section styling in node details */
 .detail-section {
     margin-top: 20px;