diff --git a/ui/desktop/src/components/sessions/SessionListView.tsx b/ui/desktop/src/components/sessions/SessionListView.tsx index b973d7327fe6..3ebb4c45e12a 100644 --- a/ui/desktop/src/components/sessions/SessionListView.tsx +++ b/ui/desktop/src/components/sessions/SessionListView.tsx @@ -617,62 +617,23 @@ const SessionListView: React.FC = React.memo( return ( setSessionRefs(session.id, el)} > -
-

{displayName}

-
- - - - - -
-
- -
-
- - {formatMessageTimestamp(Date.parse(session.updated_at) / 1000)} -
-
- - {session.working_dir} +
+

{displayName}

+
+
+ + {formatMessageTimestamp(Date.parse(session.updated_at) / 1000)} +
+
+ + {session.working_dir} +
- -
+
@@ -708,6 +669,43 @@ const SessionListView: React.FC = React.memo( )}
+
+ + + + + +
); }); diff --git a/ui/desktop/src/components/sessions/SessionsInsights.tsx b/ui/desktop/src/components/sessions/SessionsInsights.tsx index 04a81291dd7d..1c6f29bb675e 100644 --- a/ui/desktop/src/components/sessions/SessionsInsights.tsx +++ b/ui/desktop/src/components/sessions/SessionsInsights.tsx @@ -297,7 +297,6 @@ export function SessionInsights() {
{isLoadingSessions ? ( - // Show skeleton while sessions are loading <>
@@ -325,7 +324,7 @@ export function SessionInsights() { recentSessions.map((session, index) => (
handleSessionClick(session)} role="button" tabIndex={0} diff --git a/ui/desktop/src/styles/main.css b/ui/desktop/src/styles/main.css index eeb6d3392911..da4c2c470dc5 100644 --- a/ui/desktop/src/styles/main.css +++ b/ui/desktop/src/styles/main.css @@ -675,38 +675,6 @@ p > code.bg-inline-code { transform-origin: bottom left; } -/* Session list optimizations */ -.session-grid { - /* Use CSS Grid for better performance */ - display: grid; - grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); - gap: 1rem; - /* Optimize for large lists */ - contain: layout style paint; -} - -.session-item { - /* Default state - visible and positioned */ - opacity: 1; - transform: translateY(0) translateZ(0); - - /* Optimize individual session cards */ - contain: layout style; - /* Use hardware acceleration */ - backface-visibility: hidden; - /* Ensure smooth interactions */ - will-change: auto; -} - -.session-item:hover { - /* Only use will-change during hover */ - will-change: transform, box-shadow; -} - -.session-item:not(:hover) { - will-change: auto; -} - /* Optimize session skeleton loading */ .session-skeleton { contain: layout style paint;