perf: optimize app startup and background lifecycles

src/components/layout/TitleBar.tsx

@@ -115,12 +115,11 @@ function ProductTitleBar({
     <div
       data-testid="titlebar-logo"
       className={cn(
-        'pointer-events-none absolute top-1/2 z-10 h-6 w-24 -translate-y-1/2 overflow-hidden transition-[left,right] ease-out motion-reduce:transition-none',
+        'pointer-events-none absolute top-1/2 z-10 h-6 w-24 -translate-y-1/2 overflow-hidden',
         overlay ? 'bg-transparent' : 'bg-background',
       )}
       style={{
         right: overlay ? '0px' : 'var(--agent-browser-titlebar-logo-gap, 48px)',
-        transitionDuration: 'var(--agent-browser-panel-transition-duration, 180ms)',
       }}
     >
       <img
@@ -151,7 +150,7 @@ function ProductTitleBar({
           <div
             data-testid="titlebar-sidebar-surface"
             className={cn(
-              'flex h-full shrink-0 items-center gap-1 px-2 transition-[width] duration-300 ease-spring motion-reduce:transition-none',
+              'flex h-full shrink-0 items-center gap-1 px-2',
               sidebarTitlebarHidden
                 ? nativeTrafficLights
                   ? 'w-[132px]'
@@ -179,20 +178,19 @@ function ProductTitleBar({
         <div
           data-testid="titlebar-main-surface"
           className={cn(
-            'relative flex min-w-0 flex-1 bg-background transition-[margin-right] ease-out motion-reduce:transition-none',
+            'relative flex min-w-0 flex-1 bg-background',
             overlay && 'pointer-events-none border-b-0 bg-transparent',
             nativeTrafficLights && 'drag-region',
             !overlay && (workspaceLayout || sidebarTitlebarHidden ? 'border-b-0' : 'border-b border-border/80'),
           )}
           style={{
             marginRight: 'var(--agent-browser-panel-width, 0px)',
-            transitionDuration: 'var(--agent-browser-panel-transition-duration, 180ms)',
           }}
         >
           {workspaceLayout ? (
             <div
               data-testid="titlebar-conversation-surface"
-              className="pointer-events-none absolute inset-y-0 z-0 w-[256px] border-r border-border/80 bg-surface-tertiary transition-[left] duration-300 ease-spring motion-reduce:transition-none"
+              className="pointer-events-none absolute inset-y-0 z-0 w-[256px] border-r border-border/80 bg-surface-tertiary"
               style={{ left: conversationSurfaceOffset }}
             />
           ) : null}