Interface Guide

NeoCode uses a tab-based interface inspired by modern IDEs and terminals. This guide covers the main areas of the application.

Layout Overview


┌─────────────────────────────────────────────────────────────┐
│  Traffic Lights    │  Tab Bar                   │  Actions  │
├────────┬────────────────────────────────────────┬───────────┤
│        │                                        │           │
│  Side  │              Main Content              │   Right   │
│  bar   │                                        │   Panel   │
│        │              (Logs, Hardware, etc.)    │           │
│        │                                        │           │
├────────┴────────────────────────────────────────┴───────────┤
│                      Command Bar                            │
└─────────────────────────────────────────────────────────────┘

Tab Bar

The tab bar at the top shows your open views. You can:

Click a tab to switch to it
Drag tabs to reorder them
Middle-click or click the X to close a tab
Right-click for context menu options

Tab Types

Icon	Type	Description
Terminal	Service	Daemon, Coordinator, etc.
CPU	Hardware	CPU monitoring
GPU	Hardware	GPU monitoring
RAM	Hardware	Memory monitoring
HDD	Hardware	Storage monitoring
Network	Hardware	Bandwidth monitoring
Battery	Hardware	Battery status
Console	System	Interactive console
Ports	System	Port management

Sidebar

The left sidebar provides quick access to:

Services — All NeoEngine services
Hardware — System monitoring views
Guilds — Guild management (when available)

Toggle the sidebar with the keyboard shortcut or toolbar button.

Main Content Area

The main area displays content based on the selected tab:

Log Viewer

For service tabs, you see a real-time log viewer with:

Color-coded log levels (INFO, WARN, ERROR, DEBUG)
Service tags for filtering
Timestamps
Search functionality
Copy/export options

Hardware Views

Hardware tabs show real-time metrics:

Current usage graphs
Historical data
Detailed specifications
Alerts and warnings

Right Panel

The optional right panel can show:

Quick settings
Notifications
Help content
Context-specific information

Toggle with keyboard shortcut or toolbar button.

Command Bar

At the bottom, the command bar accepts:

Slash commands — Type / to see available commands
Search — Search logs and content
Quick actions — Common operations

Press / or the command shortcut to focus the command bar instantly.

Keyboard Shortcuts

NeoCode is designed for keyboard power users.

Shortcut	Action
`Cmd/Ctrl + T`	New tab
`Cmd/Ctrl + W`	Close tab
`Cmd/Ctrl + [`	Previous tab
`Cmd/Ctrl + ]`	Next tab
`Cmd/Ctrl + 1-9`	Jump to tab

Interface

Shortcut	Action
`Cmd/Ctrl + B`	Toggle sidebar
`Cmd/Ctrl + Shift + B`	Toggle right panel
`Cmd/Ctrl + ,`	Open settings
`Cmd/Ctrl + K`	Focus command bar
`Cmd/Ctrl + F`	Focus search

Logs

Shortcut	Action
`Cmd/Ctrl + L`	Clear logs
`Cmd/Ctrl + S`	Save logs
`Cmd/Ctrl + C`	Copy selected
`Cmd/Ctrl + R`	Refresh

Services

Shortcut	Action
`Cmd/Ctrl + Enter`	Start service
`Cmd/Ctrl + Shift + Enter`	Stop service
`Cmd/Ctrl + Shift + R`	Restart service

Themes

NeoCode follows your system theme preference:

Dark mode — Default, optimized for low-light environments
Light mode — Available for daytime use

The app respects your OS-level theme setting automatically.

Window Management

macOS

Standard traffic light controls (close, minimize, maximize)
Native fullscreen support
Draggable title bar area

Windows

Standard window controls
Snap support
Title bar integration

Linux

Standard window decorations
Wayland and X11 support