BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: move projects to sidebar rail and speed up session switching (#506)

Browse Source 
* feat: move projects from header tabs to left sidebar rail

* refactor: remove variant from git generation session context

* feat: implemented drandrop action for navrails

* refactor: improve sidebar drag-and-drop smoothness and remove floating overlay

* fix: prevent mobile nav rail touch from closing drawer and opening menu

* fix: hide header tabs on desktop

* fix: prevent session flicker when switching projects

* style: soften chat panel divider borders

* style: improve icon contrast across core navigation

* fix: stabilize session selection during project switching

* style: unify sidebar surfaces and transparent section layers

* style: remove UI shadows and keep only scroll shadow

* perf: speed up project switching with cached session loading

* perf: speed up Git changes view and background refresh

* perf: make session switching lighter and less aggressive

* perf: optimized sessions list loading while project switching

* perf: smooth chat rendering and reduce interaction spikes

* fix: restore reliable load older messages visibility
This commit is contained in:
Bohdan Triapitsyn
2026-02-25 14:32:23 +02:00
committed by GitHub
parent 4c69bccf56
commit 10851bd7ac
51 changed files with 1995 additions and 1399 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/layout/MainLayout.tsx
+10 -17
View File
@@ -1,9 +1,9 @@
import React, { useRef, useEffect } from 'react';
import { motion, useMotionValue, animate } from 'motion/react';
import { RiSettings3Line } from '@remixicon/react';
import { Header } from './Header';
import { BottomTerminalDock } from './BottomTerminalDock';
import { Sidebar } from './Sidebar';
import { NavRail } from './NavRail';
import { RightSidebar } from './RightSidebar';
import { RightSidebarTabs } from './RightSidebarTabs';
import { ContextPanel } from './ContextPanel';
@@ -659,25 +659,15 @@ export const MainLayout: React.FC = () => {
)}
aria-hidden={!mobileLeftDrawerOpen}
>
<div className="h-full overflow-hidden flex flex-col bg-sidebar shadow-xl drawer-safe-area">
<div className="flex-1 overflow-hidden">
<div className="h-full overflow-hidden flex bg-sidebar shadow-none drawer-safe-area">
<div onPointerDownCapture={(e) => e.stopPropagation()}>
<NavRail className="shrink-0" mobile />
</div>
<div className="flex-1 min-w-0 overflow-hidden flex flex-col">
<ErrorBoundary>
<SessionSidebar mobileVariant />
</ErrorBoundary>
</div>
<div className="border-t border-border p-3">
<button
type="button"
onClick={() => {
setMobileLeftDrawerOpen(false);
setSettingsDialogOpen(true);
}}
className="flex w-full items-center gap-3 rounded-md px-3 py-2 text-muted-foreground hover:bg-interactive-hover hover:text-foreground transition-colors"
>
<RiSettings3Line className="h-5 w-5" />
<span className="typography-ui-label">Settings</span>
</button>
</div>
</div>
</motion.aside>
@@ -720,7 +710,7 @@ export const MainLayout: React.FC = () => {
)}
aria-hidden={!isRightSidebarOpen}
>
<div className="h-full overflow-hidden flex flex-col bg-background shadow-xl drawer-safe-area">
<div className="h-full overflow-hidden flex flex-col bg-background shadow-none drawer-safe-area">
<ErrorBoundary>
<GitView mode="sidebar" />
</ErrorBoundary>
@@ -775,6 +765,8 @@ export const MainLayout: React.FC = () => {
<div className={cn('absolute inset-0 flex flex-col', isMultiRunLauncherOpen && 'invisible')}>
<Header />
<div className="flex flex-1 overflow-hidden">
<NavRail />
<div className="flex flex-1 min-w-0 overflow-hidden border-t border-l border-border/50 rounded-tl-xl">
<Sidebar isOpen={isSidebarOpen} isMobile={isMobile}>
<SessionSidebar hideProjectSelector />
</Sidebar>
@@ -801,6 +793,7 @@ export const MainLayout: React.FC = () => {
<ErrorBoundary><TerminalView /></ErrorBoundary>
</BottomTerminalDock>
</div>
</div>
</div>
</div>