Documenting

Author: AlchemiistCreative

docs/.vitepress/config.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from "vitepress";
+import lightbox from "vitepress-plugin-lightbox";
 
 export default defineConfig({
   lang: "en-US",
@@ -7,8 +8,7 @@ export default defineConfig({
     "Open-source IaaS for Hyper-V — multi-tenant, API-first, agent-based automation.",
 
   base: "/docs/",
-  outDir: "../dist/docs",
-
+  outDir: "../dist/docs",  
   themeConfig: {
     logo: "/assets/logo.svg",
     siteTitle: "OpenHVX",
@@ -75,4 +75,15 @@ export default defineConfig({
     ],
     ["meta", { property: "og:image", content: "/assets/og-cover.png" }],
   ],
+
+    markdown: {
+    config: (md) => {
+      // Activer le plugin lightbox
+      md.use(lightbox, {
+        // Optionnel : config
+        selector: "img[data-zoomable]",
+        delay: 300,
+        scrollOffset: 50,
+      });
+    }
 });

docs/.vitepress/theme/index.ts

@@ -1,5 +1,6 @@
 import DefaultTheme from "vitepress/theme";
 import "./custom.css";
+import mediumZoom from "vitepress-plugin-medium-zoom";
 
 export default {
   ...DefaultTheme,

docs/index.md

@@ -10,38 +10,35 @@ OpenHVX is an open-source orchestration platform for **multi-tenant Hyper-V infr
 
 OpenHVX separates orchestration and execution into clear layers.
 
-The architecture is divided into four functional layers:
+The architecture is divided into two functional layers:
 
 ### Architecture Diagram
 
 <br>
 
-<img src="/assets/schema.openhvx.light.png" alt="OpenHVX Architecture Diagram" class="only-light" />
-<img src="/assets/schema.openhvx.dark.png"  alt="OpenHVX Architecture Diagram" class="only-dark"  />
+<img src="/assets/schema.openhvx.light.png" alt="OpenHVX Architecture Diagram" class="only-light" data-zoomable />
+<img src="/assets/schema.openhvx.dark.png"  alt="OpenHVX Architecture Diagram" class="only-dark" data-zoomable />
 
 - **Control Plane:** Includes the API Gateway, Authentication Service, Controller, WS-Broker (console tunneling), MongoDB, and RabbitMQ. It handles orchestration logic, workflows, multi-tenancy and quota enforcement.
 - **Data Plane:** Consists of lightweight PowerShell Agents running on Hyper-V hosts. Agents execute tasks, collect inventory, and stream console sessions.
-- **Integration Plane:** Manages tenant networking and routing through the Network Orchestrator (VyOS API, IPAM).
-- **Storage Layer:** SMB/NFS repositories store public and tenant-specific VM images.
 
 The design emphasizes **asynchronous communication**, **tenant isolation**, and **extensibility** through modular services.
 
 ---
 
 ## Features
 
-- **VM Lifecycle:** Create, edit, clone, and manage VMs with cloud-init and console access via WS-Broker.
+- **VM Lifecycle:** Create, edit, clone, and manage VMs with cloud-init and serial console access.
 - **Quotas:** Per-tenant CPU, RAM, storage, and VM limits with atomic reservation (hold → execute → release).
 - **Multi-Tenancy:** Logical separation of compute, storage, and network resources per tenant.
 - **Networking:** Automated provisioning via VyOS API and IPAM integration for NAT, routing, and isolation. (Still under development)
 - **Authentication:** Admin and tenant login flows with JWT tokens and different audiences.
 - **Agents:** Lightweight, host-based agents for secure orchestration and telemetry.
 - **Extensible:** Modular microservice architecture, event-driven.
+- **Modern UI:** Specific UI for tenant & admin scope.
 
 ---
 
 ### 🤝 Contributing
 
 We welcome contributions from the community! Whether it’s documentation improvements, feature suggestions, or bug reports — every input helps make OpenHVX better. Visit the [GitHub organization](https://github.com/openhvx) to get started.
-
-> **Built for Hyper-V. Driven by automation. Empowered by simplicity.**

package-lock.json

@@ -13,8 +13,9 @@
     "serve": "vitepress serve docs"
   },
   "devDependencies": {
-    "vue": "3.2.44",
-    "vitepress": "1.0.0-alpha.28"
+    "vitepress": "1.0.0-alpha.28",
+    "vitepress-plugin-lightbox": "^1.0.3",
+    "vue": "3.2.44"
   },
   "pnpm": {
     "peerDependencyRules": {