Classic Mode Workspace

Classic Mode's workspace is designed around a professional three-panel layout optimized for developer workflows. Understanding how the files panel, tabbed editor, and AI chat work together will help you build projects efficiently with familiar VSCode-style patterns.

Understanding the Three Panels

  • Files Panel - The left panel provides navigation through VSCode-style file trees and interactive git visualization. Click files to open them in the tabbed editor. The Files tab offers a professional file explorer with tree connectors and hover highlighting, while the Git Tree tab shows an interactive visualization with circular nodes and auto-centering.
  • Tabbed Editor - The center area offers professional multi-document editing with automatic tab management. The editor opens automatically when you click files, maintaining multiple documents simultaneously with intelligent tab management. Each tab contains complete editor functionality for rich text editing, spreadsheet calculations, or slide creation.
  • Chat Panel - The right panel delivers context-aware AI assistance that understands your file structure. The AI can see and work with your entire file structure, so it understands the context of all your documents when making suggestions or generating content. It maintains awareness of your entire project state, providing intelligent help based on all your open files and project structure.

Working with Files and Documents

The left panel contains your primary navigation tools. The Files tab provides a VSCode-style file explorer with professional tree connectors and hover highlighting that follows your cursor for immediate feedback.

File Navigation Features

  • Type-colored icons show document types at a glance (blue, green, yellow)
  • Serial badges display document sequence with circular indicators
  • Smart truncation prevents layout overflow while maintaining readability
  • Right-click menus provide context actions like copy, duplicate, and delete

Professional Tab System

The center panel provides a professional tabbed editor that opens automatically when you click files. This VSCode-style interface maintains multiple documents simultaneously with intelligent tab management.

Tab Management Features

  • On-demand creation - tabs open automatically when you click files
  • Smart ordering - tabs maintain logical sequence based on creation
  • Auto-cleanup - tabs close automatically when files are deleted
  • State preservation - maintains editing position and unsaved changes

Editor Integration

Each tab contains the complete editor functionality with rich text editing, spreadsheet calculations, or slide creation. Click any tab to switch documents while maintaining your editing context and workflow state.

Efficient Workspace Habits

Developing good workspace habits will make you much more productive in Classic Mode. The key is learning to use all three panels fluidly as part of your natural development workflow.

Multi-Panel Workflow

  • Use the files panel for quick navigation between documents
  • Keep relevant tabs open for efficient multi-document editing
  • Leverage AI context - the assistant understands your entire file structure

The workspace adapts to professional development needs with VSCode-familiar patterns, context-aware AI assistance, and traditional file-based workflows that don't disrupt your established coding habits.