Project Description: Archon is a premium, high-performance desktop environment built with Electron.js, designed to unify all your favorite web applications into a single, secure, and highly customizable workspace. It moves beyond a simple browser by offering deep integration, smart resource management, and a modular architecture tailored for power users.

✨ Key Features 🚀 Unified Interface: Manage all your web apps in one place with a modern, glassmorphism-inspired UI and a smooth startup experience (including a professional splash screen). 🔒 Isolated Sessions: Enhanced security and privacy with isolated sessions for every application, ensuring your data stays where it belongs. 🛠️ Modular Recipe System: Inject custom UI behaviors, logic, and styling into any web app using a flexible "Recipe" system. 🧠 Smart Resource Management: Intelligent hibernation of background apps to keep your system fast and responsive, no matter how many apps you have open. 🎨 Extreme Customization: Tweak layouts (sidebar position, compact mode), apply custom CSS, change User Agents, and manage global themes. ⌨️ Power User Workflow: Universal search (Ctrl+K), quick-switch shortcuts (Ctrl+1-9), and global hotkey support.

🛠️ Tech Stack Core: Electron.js (Main/Renderer/Preload architecture) Frontend: React + Vite Database: SQLite (for persistent configuration and history) Styling: Premium Vanilla CSS

🌌 Archon: Web Workspace OS

Experience the web, redefined. Archon is a premium, high-performance desktop environment built with Electron.js, designed to unify your digital life into a single, secure, and stunning workspace.

---

✨ Core Pillars

• 💎 Glassmorphic UI: A modern, translucent interface designed for focus and aesthetics.
• 🛡️ Sandboxed Isolation: Every app runs in its own partition, ensuring zero data leakage.
• ⚡ Recipe Engine: Inject custom logic, styles, and behaviors into any website on the fly.
• 🧠 Smart Hibernate: Background apps are intelligently suspended to preserve system resources.
• 🖱️ Power-User UX: Command palette (Ctrl+K), quick switching, and global hotkeys.

---

🏗️ How it Works (The Working Process)

Archon operates as a sophisticated wrapper that bridges the gap between the desktop and the web:

1. Bootstrap Phase: The Electron Main Process initializes the SQLite persistence layer and loads user workspace configurations.
2. Core UI Rendering: The React + Vite dashboard renders the primary workspace using a unified design system.
3. Session Management: For every application added, Archon creates an isolated Session and a dedicated BrowserView container.
4. Recipe Injection: The Recipe Engine detects the URL, fetches the corresponding "Recipe," and uses preload scripts to inject tailored modifications (CSS/JS) into the target site.

graph TD
    A[Electron Main] --> B[SQLite Config]
    A --> C[React Dashboard]
    C --> D[Recipe Engine]
    D --> E[Isolated BrowserView]
    E --> F[Web App + Custom UI Injection]

Loading

---

🛠️ Tech Stack

• Runtime: Electron.js (Main/Renderer/Preload)
• Frontend: React 19 + Vite
• Database: SQLite3
• Styling: Premium Vanilla CSS (Global Design Tokens)
• Utilities: Concurrent execution, wait-on

---

🚀 Getting Started

1. Clone & Install:

   git clone https://github.com/Aryady05/WebOS-app.git
   npm install

2. Launch Development:

   npm start

---

📅 Working Roadmap

• Core Architecture & Splash Screen
• Recipe Engine Foundation
• Initial UI Polishing (Glassmorphism)
• Universal Search Implementation
• Global Theme Management
• App Store for Recipes

---

Made with ❤️ for the future of the web.

>>>>>>> 69f2c94 (docs: improve README with architecture and process details)