monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): replace AppLayout with ContextStrip + rebuilt Sidebar

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-16 17:39:31 -05:00
parent b9bbcf4a45
commit 99215810a9
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/layout/AppLayout.tsx
View File

@@ -1,6 +1,6 @@
import { type ReactNode } from 'react' import { type ReactNode } from 'react'
import { Sidebar } from './Sidebar' import { Sidebar } from './Sidebar'
import { Header } from './Header' import { ContextStrip } from './ContextStrip'
import { ShortcutsDialog } from './ShortcutsDialog' import { ShortcutsDialog } from './ShortcutsDialog'
import { CommandPalette } from '@/components/command-palette/CommandPalette' import { CommandPalette } from '@/components/command-palette/CommandPalette'
import { Toaster } from '@/components/ui/toast' import { Toaster } from '@/components/ui/toast'
@@ -20,8 +20,10 @@ export function AppLayout({ children }: AppLayoutProps) {
</a> </a>
<Sidebar /> <Sidebar />
<div className="flex flex-col flex-1 min-w-0 overflow-hidden"> <div className="flex flex-col flex-1 min-w-0 overflow-hidden">
<Header /> <ContextStrip />
<main id="main-content" tabIndex={-1} className="flex-1 overflow-auto p-2 sm:p-4">{children}</main> <main id="main-content" tabIndex={-1} className="flex-1 overflow-auto p-5">
{children}
</main>
</div> </div>
<Toaster /> <Toaster />
<CommandPalette /> <CommandPalette />

1
frontend/src/components/layout/Header.tsx
View File

@@ -1,3 +1,4 @@
// DEPRECATED: Replaced by ContextStrip.tsx — keeping for reference during transition
import { useEffect } from 'react' import { useEffect } from 'react'
import { useNavigate, Link } from '@tanstack/react-router' import { useNavigate, Link } from '@tanstack/react-router'
import { LogOut, ChevronDown, User, Search, Sun, Moon, RefreshCw, Menu, Settings } from 'lucide-react' import { LogOut, ChevronDown, User, Search, Sun, Moon, RefreshCw, Menu, Settings } from 'lucide-react'