import { useState, type ReactNode } from 'react'
import { codeburn } from '../lib/ipc'
import { AboutModal, type SocialLink } from './AboutModal'
import { FlameMark } from './FlameMark'
export type Section = 'overview' | 'sessions' | 'pullRequests' | 'spend' | 'optimize' | 'models' | 'compare' | 'plans' | 'settings'
export const NAV_ITEMS: Array<{ id: Section; label: string; key: string; icon: ReactNode }> = [
{ id: 'overview', label: 'Overview', key: '⌘1', icon: (
) },
{ id: 'sessions', label: 'Sessions', key: '⌘2', icon: (
) },
{ id: 'pullRequests', label: 'Pull requests', key: '⌘3', icon: (
) },
{ id: 'spend', label: 'Spend', key: '⌘4', icon: (
) },
{ id: 'optimize', label: 'Optimize', key: '⌘5', icon: (
) },
{ id: 'models', label: 'Models', key: '⌘6', icon: (
) },
{ id: 'compare', label: 'Compare', key: '⌘7', icon: (
) },
{ id: 'plans', label: 'Plans', key: '⌘8', icon: (
) },
{ id: 'settings', label: 'Settings', key: '⌘,', icon: (
) },
]
const SOCIALS: SocialLink[] = [
{ label: 'GitHub', url: 'https://github.com/getagentseal/codeburn', icon: },
{ label: 'Discord', url: 'https://discord.com/invite/w2sw8mCqep', icon: },
{ label: 'X', url: 'https://x.com/_codeburn', icon: },
{ label: 'YouTube', url: 'https://www.youtube.com/@codeburnn', icon: },
{ label: 'LinkedIn', url: 'https://www.linkedin.com/showcase/codeburnn/', icon: },
]
export function Sidebar({
active,
onNavigate,
}: {
active: Section
onNavigate: (section: Section) => void
status?: ReactNode
}) {
const [aboutOpen, setAboutOpen] = useState(false)
return (
<>
{aboutOpen ? setAboutOpen(false)} /> : null}
)
}