toes/src/client/styles/index.ts
Claude 50e5c97beb
Add system vitals gauges and unified log stream to dashboard
- Add /api/system endpoints for CPU, RAM, and disk metrics (SSE stream)
- Add /api/system/logs for unified log stream from all apps (SSE stream)
- Create Vitals component with three gauges: arc (CPU), bar (RAM), circular (Disk)
- Create UnifiedLogs component with real-time scrolling logs and status highlighting
- Update DashboardLanding with stats, vitals, and activity sections

Design follows Dieter Rams / Teenage Engineering aesthetic with neutral palette.

https://claude.ai/code/session_013L9HKHxMEoub76B1zuKive
2026-02-13 16:41:21 +00:00

72 lines
1.2 KiB
TypeScript

export { ActionBar, Button, NewAppButton } from './buttons'
export {
BarGaugeContainer,
BarGaugeFill,
BarGaugeLabel,
BarGaugeTrack,
CircleGaugeContainer,
CircleGaugeSvg,
CircleGaugeValue,
GaugeContainer,
GaugeSvg,
GaugeValue,
LogApp,
LogEntry,
LogsBody,
LogsClearButton,
LogsHeader,
LogsSection,
LogsTitle,
LogStatus,
LogText,
LogTimestamp,
VitalCard,
VitalLabel,
VitalsSection,
} from './dashboard'
export { Form, FormActions, FormCheckbox, FormCheckboxField, FormCheckboxLabel, FormError, FormField, FormInput, FormLabel, FormSelect } from './forms'
export {
AppItem,
AppList,
AppSelectorChevron,
ClickableAppName,
DashboardContainer,
DashboardHeader,
DashboardSubtitle,
DashboardTitle,
HamburgerButton,
HamburgerLine,
HeaderActions,
Layout,
Logo,
LogoLink,
Main,
MainContent,
MainHeader,
MainTitle,
SectionLabel,
SectionSwitcher,
SectionTab,
Sidebar,
SidebarFooter,
StatCard,
StatLabel,
StatsGrid,
StatValue,
} from './layout'
export { LogLine, LogsContainer, LogTime } from './logs.tsx'
export {
EmptyState,
InfoLabel,
InfoRow,
InfoValue,
Link,
Section,
SectionTitle,
stateLabels,
StatusDot,
Tab,
TabBar,
TabContent,
} from './misc'