sjs/vibetunnel
1
0
Fork 0
mirror of https://github.com/samsonjs/vibetunnel.git synced 2026-03-31 10:25:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: only animate sidebar on user initiated session selection

Browse source
This commit is contained in:
Manuel Maly 2025-06-24 22:38:09 +02:00 committed by Peter Steinberger
parent bdd1461308
commit d4c8f90a4c
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/src/client/app.ts
View file

@ -59,6 +59,7 @@ export class VibeTunnelApp extends LitElement {
@state() private isAuthenticated = false;
@state() private sidebarCollapsed = this.loadSidebarState();
@state() private sidebarWidth = this.loadSidebarWidth();
@state() private userInitiatedSessionChange = false;
@state() private isResizing = false;
@state() private mediaState: MediaQueryState = responsiveObserver.getCurrentState();
private initialLoadComplete = false;
@ -190,6 +191,7 @@ export class VibeTunnelApp extends LitElement {
// Try to find the session and navigate to it
const session = this.sessions.find((s) => s.id === sessionId);
if (session) {
this.userInitiatedSessionChange = false;
this.selectedSessionId = sessionId;
this.currentView = 'session';
}
@ -412,6 +414,8 @@ export class VibeTunnelApp extends LitElement {
mediaStateIsMobile: this.mediaState.isMobile,
});
this.userInitiatedSessionChange = true;
// Check if View Transitions API is supported
if ('startViewTransition' in document && typeof document.startViewTransition === 'function') {
// Debug: Check what elements have view-transition-name before transition
@ -827,7 +831,12 @@ export class VibeTunnelApp extends LitElement {
const baseClasses = 'bg-dark-bg-secondary border-r border-dark-border flex flex-col';
const isMobile = this.mediaState.isMobile;
const transitionClass = this.initialRenderComplete && !isMobile ? 'sidebar-transition' : '';
const transitionClass =
this.initialRenderComplete && !isMobile
? this.userInitiatedSessionChange
? 'sidebar-transition'
: ''
: '';
const mobileClasses = isMobile ? 'absolute left-0 top-0 bottom-0 z-30 flex' : transitionClass;
const collapsedClasses = this.sidebarCollapsed