@Nanos

Productivity & Editor Improvements
This update focuses on improving the overall development workflow by adding new debugging, navigation, and editing features.

Problems Panel
A new Problems tab has been added to the bottom panel.FeaturesReal-time syntax diagnostics powered by the Monaco Editor.
Displays Errors, Warnings, and Info with dedicated icons and colors.
Clicking a problem instantly jumps to the corresponding line.
The tab title automatically updates to show the current number of detected issues (e.g. Problems (2 errors)).

Global Search & Replace
The Search panel has been completely rebuilt.New capabilities
Search across all opened files.
Regular Expression (Regex) support.
Match Case option.
Replace All across every opened file.

Integrated Color Picker
Enabled Monaco’s built-in Color Decorators.
Color values such as:
#ff0000
rgb(255,0,0)
hsl(…)
now display an inline color preview that can be clicked to open the color picker directly inside the editor.

Empty Projects
Creating a New Empty Project now generates a completely blank workspace.
No default index.html or starter files are created, allowing users to build their project structure from scratch.

Command Palette Improvements
The Command Palette now provides a smoother experience.
Press Escape to close it instantly.
Clicking outside the modal also closes it automatically.

Explorer Improvements
Added a Refresh Explorer button to quickly reload the file tree after external changes are made to the project directory.

Editor Improvements
Added support for Ctrl + and Ctrl - to zoom the editor in and out.
Added a quick toggle in the status bar to switch between Absolute and Relative line numbers.

Stable Desktop Synchronization (Live Sync Reworked)
One of the biggest issues discovered during testing involved the Desktop synchronization system.
Previously, if you linked the Desktop application while it didn’t contain any projects or files, the synchronization process treated the empty Desktop workspace as the latest version and deleted the existing files stored on the Website. This could result in accidental data loss.
The synchronization logic has now been completely redesigned.
The Website is now considered the source of truth during the initial connection. When a Desktop client is linked for the first time, the Web version automatically pushes all current files to the Desktop instead of allowing the Desktop to overwrite existing data. This guarantees that users never lose their work simply because they connected a fresh installation.
Another issue appeared while editing code in the browser. Because Live Sync constantly updated the editor, keyboard shortcuts such as Ctrl+Z (Undo) could stop working correctly or even freeze the editing experience.
This has also been fixed. While the user is actively editing and the editor has focus, incoming synchronization updates are temporarily ignored. Once editing stops, synchronization continues normally in the background. As a result, undo/redo shortcuts now work exactly as expected without interfering with Live Sync.
Smarter Error Detection and Feedback
The error reporting system has been completely rewritten to provide much clearer and more helpful feedback.
Previously, runtime errors could display completely incorrect line numbers, sometimes reporting errors hundreds of lines away from where the problem actually existed. This made debugging frustrating, especially for beginners.
The new parser now extracts the correct source location and accurately reports the line where the error originated using the detected line information.
In addition, many common programming mistakes are now recognized automatically. Instead of displaying only a technical interpreter message, CodeKids now explains the problem in plain language.
For example:
Missing quotation marks now generate a clear explanation telling the user that strings must be enclosed inside single or double quotes.
Mixing tabs and spaces produces an understandable warning instead of a confusing interpreter error.
Common syntax mistakes now include helpful hints and suggestions for fixing the issue.
Every major error now includes a dedicated [TIP] section whenever possible, helping beginners understand not only what went wrong, but also how to solve it.
UI & User Experience Improvements
Several parts of the interface have been modernized to create a smoother and more professional experience.
All default browser alert() and confirm() dialogs have been removed and replaced with fully custom modal windows that match the application’s design.
Toast notifications have also been introduced across the IDE, providing lightweight feedback for actions such as saving files, synchronization events, successful operations, and warnings without interrupting the user’s workflow.
The onboarding experience has also been improved. Previously, the guided tutorial could sometimes appear before the welcome screen had finished loading, leaving users unable to continue.
The onboarding system now initializes correctly, ensuring that the welcome screen appears first before starting the interactive tutorial. This creates a much smoother first-time experience for new users.

Web Improvements & Desktop Version V2

I’ve been focusing on improving the web version based on the feedback I received. The goal was to make the IDE easier to use for complete beginners while polishing the overall experience.

Web Improvements:
Replaced native browser dialogs with custom in-app modals for a more consistent and professional UI.
Improved the lesson flow to make challenges clearer and easier to understand.
Expanded the educational content with more explanations before exercises.
Redesigned the console to provide clearer error messages and better debugging feedback.
Improved the code explanation system and started separating code explanations from debugging information.
Refined the onboarding experience so new users can quickly learn how to use the IDE.
Added and polished project templates directly inside the web IDE.
Fixed various UI issues and improved the overall responsiveness and smoothness of the application.
These improvements address the majority of the feedback received during testing and make the web version significantly more beginner-friendly.

Development Begins on Desktop Version V2
Alongside the improvements to the web version, development has officially begun on Desktop Version V2.
Unlike the original desktop version, which was designed as a standalone application, Version V2 is being built to work seamlessly with the web platform, creating a unified experience across both environments.

Planned Features:
Automatic project synchronization between the desktop app and the website.
Continue working on the same project from any device without manually transferring files.
Shared lessons, XP, achievements, and learning progress.
Automatic project backups.
Near real-time synchronization whenever projects are modified.
Improved local performance for larger projects while keeping the convenience of cloud access.
The long-term vision is to make the web version and Desktop Version V2 feel like a single platform. Users will be able to start coding in the browser, continue on the desktop application, and switch back at any time with their projects and progress automatically synchronized.

Feature Complete
I’ve now finished implementing most of the core features planned for the new browser IDE.
Over the last development sessions, I completed the new interface, improved autocomplete, expanded the file management system, and polished many parts of the overall user experience. The IDE has reached a point where it already feels stable and ready for everyday use.
I also experimented with real-time collaboration, but after testing it, I decided to remove it for now. While the feature was promising, it introduced stability and synchronization issues that didn’t meet the quality I want for this project. Rather than shipping an unreliable feature, I chose to focus on delivering a more stable experience. I plan to revisit real-time collaboration in the future with a better implementation.

Finally reached a point where I’m happy with the first version of the project. I’ve been polishing the UI, fixing bugs, improving performance, and making the whole desktop experience feel much more complete.

Real-Time Collaboration Progress
I spent around 9 hours working on one of the biggest features planned for the new IDE: real-time collaboration.
During this session, I built the foundation that will allow multiple users to work on the same project simultaneously. I focused on designing the synchronization system, improving how project data is shared between users, and making sure future collaborative features can be added without major changes to the architecture.
I also continued polishing the editor by fixing bugs, improving performance, and refining the overall user experience while preparing the project for multiplayer editing.
There’s still plenty of work left, but the core foundation is now in place. The next steps are syncing file changes in real time, showing updates instantly to everyone connected, and adding features like user presence and collaborative editing tools.

Desktop Is Coming Together
Made a lot of progress on the desktop environment.
Most of my time went into polishing the UI and improving the overall experience. I also refactored parts of the project so adding new features later will be much easier.
Progress:
Improved desktop layout.
Better window management.
Smoother animations.
More responsive interface.

UI Complete & Improved
AutocompleteI finished building the first version of the new IDE’s interface.I also reused the autocomplete system from CodeKids IDE (my other ide) as a starting point and significantly improved it for this project. It now provides faster and more accurate suggestions, making the coding experience smoother and more productive.
With the foundation and UI now in place, I can start focusing on adding the larger features planned for this IDE. The goal is to create a browser-based development environment with many more capabilities than CodeKids IDE while keeping it fast, modern, and easy to use.This is another big milestone, and I’m looking forward to continuing development and adding even more advanced features.
One of the next major features I’m planning is real-time multiplayer collaboration, where multiple users can edit the same project simultaneously, making it easier to build projects together.

A New Beginning
Today I’m officially starting work on my second IDE project.
Right now I’m focusing on building the user interface and creating a clean, modern foundation that will make future features easy to add. My goal is to make the editor feel fast, intuitive, and enjoyable to use from the very beginning.
The current work includes:
Designing the overall layout.
Building the sidebar, activity bar, and editor area.
Creating a modern welcome screen.
Setting up reusable UI components.
Preparing the project structure for future features.
This is only the beginning. Over time I plan to add many more features, including an integrated terminal, built-in browser, Git support, AI tools, customizable themes, project management, extensions, and much more.

Web Version Complete
The web version of CodeKids IDE is now complete and ready to ship.

I added many of the features I had planned, including autocomplete, better error feedback, support for multiple files and folders, cross-file imports, and theme support. The goal was to create a coding environment that is simple enough for beginners while still feeling like a real IDE.

Development doesn’t stop here, though. My next focus will be building a much more powerful desktop version, with even more features, better performance, and an improved experience for kids learning to code.

Better Error Feedback & File System Complete

I finished implementing Better Error Feedback and the new file system for CodeKids IDE.
Error messages are now much more beginner-friendly, helping users understand what went wrong instead of only showing technical errors. For common mistakes, the editor now provides simple explanations and helpful suggestions. For example, if a user tries to use a variable before creating it, CodeKids IDE will display a message like:
You used the variable x before creating it. Create it first, for example: x = 10.
I also completed the new file system, which now supports creating multiple files and folders, as well as importing Python files from one another. This makes it much easier to organize projects and gives users a more realistic development experience while keeping the interface simple for beginners.
To make the editor more enjoyable to use, I also added theme support, allowing users to switch between different editor themes.
These features are important milestones for Version 2 and bring CodeKids IDE one step closer to becoming a complete learning environment for new programmers.

Working on Better Error Feedback

With autocomplete now finished, I’m currently working on Better Error Feedback.
The goal is to make error messages much more beginner-friendly. Instead of displaying confusing technical errors, CodeKids IDE will explain what went wrong in simple language, point to the exact location of the problem, and provide helpful suggestions on how to fix it.
I’m also improving how errors are presented so they’re easier to understand at a glance. Since CodeKids IDE is designed for kids and beginners, I want mistakes to become learning opportunities instead of frustrating roadblocks.
This feature is still in development, but it’s one of the biggest improvements planned for Version 2 and should make learning to code much more approachable.

Working on Autocomplete

Today I started working on one of the biggest features planned for Version 2: autocomplete.
I spent time researching how modern code editors provide suggestions while you’re typing and planning how to integrate a similar system into CodeKids IDE. My goal is to make coding easier for beginners by suggesting keywords, built-in functions, and common code patterns as they type.

Today I officially started working on Morse Master, a modern desktop application designed to make learning Morse code faster, easier, and actually enjoyable.
The goal isn’t just to build another Morse translator. I want to create a polished application that feels like a real commercial product, with a modern UI, smooth animations, detailed statistics, achievements, and interactive learning modes.

Current goals
Design the overall application architecture
Build the core Morse encoding/decoding engine
Create the main dashboard
Develop the first learning module
Set up the database for user progress and statistics
Planned features
Interactive lessons
Listening practice
Flashcards with spaced repetition
Daily challenges
XP & achievements
Detailed progress tracking
Customizable audio playback
Modern desktop interface built with Python & PySide6

This is just the beginning, but I’m excited to see how the project