Add VM display window and img.gz decompression support

[Copilot]

The emulator was showing only terminal output with no visual VM display, and lacked proper handling for compressed disk images.

Changes

VM Display Window

• Added visual VM display container in emulator page with boot animation sequence
• Simulated desktop environment shows browser logo, resource stats (RAM/VRAM), and status
• Status badge indicates "Simulation Mode", "Running", or "Stopped"

img.gz Decompression

• Stream-based decompression using zlib with proper error handling and cleanup
• Auto-creates vm-images/ directory on startup
• Checks for existing .img before attempting decompression

VNC Configuration

• QEMU args updated to use VNC display instead of headless mode
• VNC port management starting from 5900
• Port info passed to frontend for connection instructions

Bug Fixes

• Fixed duplicate console messages (stdout/stderr using same emitter)
• Added accessibility attributes for screen readers

Example

// Decompression with proper stream cleanup
const cleanup = (err) => {
    source.destroy();
    gunzip.destroy();
    destination.destroy();
    fs.unlink(imgPath, () => {});
    reject(err);
};

Screenshots

Main Page

VM Display Window

Original prompt

update the process of decompressing and adding the img.gz files into the vm, as currentley it is just giving errors. also add a vm window, so you can actualy see thevm instead of just the terminal. make shure that the vm boots up (only midori is implamented) and thet the img.gz file and vm load

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.