feat: add three-panel layout

This commit is contained in:
“BeeRad”
2026-03-20 21:22:09 +11:00
parent 21290bb48a
commit 85a16e05db
9 changed files with 614 additions and 772 deletions
+3 -3
View File
@@ -16,7 +16,7 @@ import {
Sun,
Moon,
} from 'lucide-react';
import type { PaneType } from '../panes/types';
import type { PaneType, NavigablePaneType } from '../panes/types';
import type { Theme } from '@/hooks/useTheme';
interface LeftToolbarProps {
@@ -24,7 +24,7 @@ interface LeftToolbarProps {
onAddStuffClick: () => void;
onRefreshClick: () => void;
onSettingsClick: () => void;
onPaneTypeClick: (paneType: PaneType) => void;
onPaneTypeClick: (paneType: NavigablePaneType) => void;
isExpanded: boolean;
onToggleExpanded: () => void;
openTabTypes: Set<PaneType>;
@@ -36,7 +36,7 @@ interface LeftToolbarProps {
const NAV_WIDTH_COLLAPSED = 50;
const NAV_WIDTH_EXPANDED = 280;
const VIEW_ITEMS: Array<{ paneType: PaneType; label: string; icon: typeof LayoutList }> = [
const VIEW_ITEMS: Array<{ paneType: NavigablePaneType; label: string; icon: typeof LayoutList }> = [
{ paneType: 'views', label: 'Nodes', icon: LayoutList },
{ paneType: 'skills', label: 'Skills', icon: BookOpen },
{ paneType: 'map', label: 'Map', icon: Map },