+
+
+
+
+ )
+}
diff --git a/AppImage/components/storage-metrics.tsx b/AppImage/components/storage-metrics.tsx
new file mode 100644
index 0000000..5299789
--- /dev/null
+++ b/AppImage/components/storage-metrics.tsx
@@ -0,0 +1,243 @@
+"use client"
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Progress } from "@/components/ui/progress"
+import { Badge } from "@/components/ui/badge"
+import { ResponsiveContainer, BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip } from "recharts"
+import { HardDrive, Database, Archive, AlertTriangle, CheckCircle, Activity } from "lucide-react"
+
+const storageData = [
+ { name: "Used", value: 1250, color: "#3b82f6" }, // Blue
+ { name: "Available", value: 750, color: "#10b981" }, // Green
+]
+
+const diskPerformance = [
+ { disk: "sda", read: 45, write: 32, iops: 1250 },
+ { disk: "sdb", read: 67, write: 28, iops: 980 },
+ { disk: "sdc", read: 23, write: 45, iops: 1100 },
+ { disk: "nvme0n1", read: 156, write: 89, iops: 3400 },
+]
+
+export function StorageMetrics() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ProxMenux Monitor
+Proxmox System Dashboard
+
+
+
+
+
+
+ {systemStatus.nodeId}
+
+
+ {getStatusIcon()}
+ {systemStatus.status}
+
+
+
+ Uptime: {systemStatus.uptime}
+
+
+
+
+
+
+
+ Overview
+
+
+ Storage
+
+
+ Network
+
+
+ Virtual Machines
+
+
+ System Logs
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Storage Overview Cards */}
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/AppImage/components/system-logs.tsx b/AppImage/components/system-logs.tsx
new file mode 100644
index 0000000..b8c9a07
--- /dev/null
+++ b/AppImage/components/system-logs.tsx
@@ -0,0 +1,275 @@
+"use client"
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
+import { ScrollArea } from "@/components/ui/scroll-area"
+import { FileText, Search, Download, AlertTriangle, Info, CheckCircle, XCircle } from "lucide-react"
+import { useState } from "react"
+
+const systemLogs = [
+ {
+ timestamp: "2024-01-15 14:32:15",
+ level: "info",
+ service: "pveproxy",
+ message: "User root@pam authenticated successfully",
+ source: "auth.log",
+ },
+ {
+ timestamp: "2024-01-15 14:31:45",
+ level: "warning",
+ service: "pvedaemon",
+ message: "VM 101 high memory usage detected (85%)",
+ source: "syslog",
+ },
+ {
+ timestamp: "2024-01-15 14:30:22",
+ level: "error",
+ service: "pve-cluster",
+ message: "Failed to connect to cluster node pve-02",
+ source: "cluster.log",
+ },
+ {
+ timestamp: "2024-01-15 14:29:18",
+ level: "info",
+ service: "pvestatd",
+ message: "Storage local: 1.25TB used, 750GB available",
+ source: "syslog",
+ },
+ {
+ timestamp: "2024-01-15 14:28:33",
+ level: "info",
+ service: "pve-firewall",
+ message: "Blocked connection attempt from 192.168.1.50",
+ source: "firewall.log",
+ },
+ {
+ timestamp: "2024-01-15 14:27:45",
+ level: "warning",
+ service: "smartd",
+ message: "SMART warning: /dev/nvme0n1 temperature high (55°C)",
+ source: "smart.log",
+ },
+ {
+ timestamp: "2024-01-15 14:26:12",
+ level: "info",
+ service: "pveproxy",
+ message: "Started backup job for VM 100",
+ source: "backup.log",
+ },
+ {
+ timestamp: "2024-01-15 14:25:38",
+ level: "error",
+ service: "qemu-server",
+ message: "VM 102 failed to start: insufficient memory",
+ source: "qemu.log",
+ },
+ {
+ timestamp: "2024-01-15 14:24:55",
+ level: "info",
+ service: "pvedaemon",
+ message: "VM 103 migrated successfully to node pve-01",
+ source: "migration.log",
+ },
+ {
+ timestamp: "2024-01-15 14:23:17",
+ level: "warning",
+ service: "pve-ha-lrm",
+ message: "Resource VM:104 state changed to error",
+ source: "ha.log",
+ },
+]
+
+export function SystemLogs() {
+ const [searchTerm, setSearchTerm] = useState("")
+ const [levelFilter, setLevelFilter] = useState("all")
+ const [serviceFilter, setServiceFilter] = useState("all")
+
+ const filteredLogs = systemLogs.filter((log) => {
+ const matchesSearch =
+ log.message.toLowerCase().includes(searchTerm.toLowerCase()) ||
+ log.service.toLowerCase().includes(searchTerm.toLowerCase())
+ const matchesLevel = levelFilter === "all" || log.level === levelFilter
+ const matchesService = serviceFilter === "all" || log.service === serviceFilter
+
+ return matchesSearch && matchesLevel && matchesService
+ })
+
+ const getLevelColor = (level: string) => {
+ switch (level) {
+ case "error":
+ return "bg-red-500/10 text-red-500 border-red-500/20"
+ case "warning":
+ return "bg-yellow-500/10 text-yellow-500 border-yellow-500/20"
+ case "info":
+ return "bg-blue-500/10 text-blue-500 border-blue-500/20"
+ default:
+ return "bg-gray-500/10 text-gray-500 border-gray-500/20"
+ }
+ }
+
+ const getLevelIcon = (level: string) => {
+ switch (level) {
+ case "error":
+ return
+
+
+ Total Storage
+
+
+
+
+
+
+
+ VM & LXC Storage
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Storage Distribution and Performance */}
+ 2.0 TB
+
+ 1.25 TB used • 750 GB available
+890 GB
+
+ 71.2% of allocated space
+245 GB
+
+
+ 12 Backups
+
+
+ Last backup: 2h ago
+6.7K
+
+ Read: 4.2K
+ Write: 2.5K
+
+ Average operations/sec
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Disk Details */}
+
+
+
+
+
+
+ Used Storage
+ 1.25 TB (62.5%)
+
+
+
+
+
+
+
+
+ Available Storage
+ 750 GB (37.5%)
+
+
+
+
+
+
+
+
+
+
+
+
+ Used
+
+ 1.25 TB
+
+
+
+
+ Available
+
+ 750 GB
+
+ {[
+ { name: "/dev/sda", type: "HDD", size: "1TB", used: "650GB", health: "healthy", temp: "42°C" },
+ { name: "/dev/sdb", type: "HDD", size: "1TB", used: "480GB", health: "healthy", temp: "38°C" },
+ { name: "/dev/sdc", type: "SSD", size: "500GB", used: "120GB", health: "healthy", temp: "35°C" },
+ { name: "/dev/nvme0n1", type: "NVMe", size: "1TB", used: "340GB", health: "warning", temp: "55°C" },
+ ].map((disk, index) => (
+
+
+
+ ))}
+
+
+
+
+
+ {disk.name}
+
+ {disk.type} • {disk.size}
+
+
+
+ {disk.health === "healthy" ? (
+
+
+
+
+
+
+ {disk.used} / {disk.size}
+
+
+
+
+
+ Temp
+ {disk.temp}
+
+ {/* Log Statistics */}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/AppImage/components/system-overview.tsx b/AppImage/components/system-overview.tsx
new file mode 100644
index 0000000..a4f0127
--- /dev/null
+++ b/AppImage/components/system-overview.tsx
@@ -0,0 +1,249 @@
+"use client"
+
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Progress } from "@/components/ui/progress"
+import { Badge } from "@/components/ui/badge"
+import { XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, AreaChart, Area } from "recharts"
+import { Cpu, MemoryStick, Thermometer, Users, Activity, Server, Zap } from "lucide-react"
+
+const cpuData = [
+ { time: "00:00", value: 45 },
+ { time: "04:00", value: 52 },
+ { time: "08:00", value: 78 },
+ { time: "12:00", value: 65 },
+ { time: "16:00", value: 82 },
+ { time: "20:00", value: 58 },
+ { time: "24:00", value: 43 },
+]
+
+const memoryData = [
+ { time: "00:00", used: 12.5, available: 19.5 },
+ { time: "04:00", used: 14.2, available: 17.8 },
+ { time: "08:00", used: 18.7, available: 13.3 },
+ { time: "12:00", used: 16.3, available: 15.7 },
+ { time: "16:00", used: 21.1, available: 10.9 },
+ { time: "20:00", used: 15.8, available: 16.2 },
+ { time: "24:00", used: 13.2, available: 18.8 },
+]
+
+export function SystemOverview() {
+ return (
+
+
+
+ Total Logs
+
+
+
+
+
+
+
+ Errors
+
+
+
+
+
+
+
+ Warnings
+
+
+
+
+
+
+
+ Info
+
+
+
+
+
+
+ {/* Log Filters and Search */}
+ {logCounts.total}
+ Last 24 hours
+{logCounts.error}
+ Requires attention
+{logCounts.warning}
+ Monitor closely
+{logCounts.info}
+ Normal operations
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {filteredLogs.map((log, index) => (
+
+
+
+ ))}
+
+ {filteredLogs.length === 0 && (
+
+
+ {getLevelIcon(log.level)}
+ {log.level.toUpperCase()}
+
+
+
+
+
+
+
+ {log.service}
+ {log.timestamp}
+ {log.message}
+ Source: {log.source}
+
+
+ )}
+ No logs found matching your criteria
+
+ {/* Key Metrics Cards */}
+
+ )
+}
diff --git a/AppImage/components/theme-provider.tsx b/AppImage/components/theme-provider.tsx
new file mode 100644
index 0000000..1cd216d
--- /dev/null
+++ b/AppImage/components/theme-provider.tsx
@@ -0,0 +1,7 @@
+"use client"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+import type { ThemeProviderProps } from "next-themes"
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+ return
+
+
+ CPU Usage
+
+
+
+
+
+
+
+ Memory Usage
+
+
+
+
+
+
+
+ Temperature
+
+
+
+
+
+
+
+ Active VMs & LXC
+
+
+
+
+
+
+ {/* Charts Section */}
+ 67.3%
+
+ + ↓ 2.1% from last hour +
+15.8 GB
+
+ + 49.4% of 32 GB • ↑ 1.2 GB +
+52°C
+
+
+ Normal
+
+
+ Max: 78°C • Avg: 48°C
+15
+
+
+ 8 Running VMs
+
+
+ 3 Running LXC
+
+
+ 4 Stopped
+
+
+ Total: 12 VMs • 6 LXC configured
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* System Information */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Hostname:
+ proxmox-01
+
+
+ Version:
+ PVE 8.1.3
+
+
+ Kernel:
+ 6.5.11-7-pve
+
+
+ Architecture:
+ x86_64
+
+
+ Web Console:
+
+ 3 active
+
+
+
+ SSH Sessions:
+
+ 1 active
+
+
+
+ API Calls:
+ 247/hour
+
+
+ Power State:
+
+ Running
+
+
+
+ Load Average:
+ 1.23, 1.45, 1.67
+
+
+ Boot Time:
+ 2.3s
+
+
+ {/* VM Overview Cards */}
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/AppImage/next.config.mjs b/AppImage/next.config.mjs
new file mode 100644
index 0000000..ac0b84b
--- /dev/null
+++ b/AppImage/next.config.mjs
@@ -0,0 +1,42 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+ output: 'standalone',
+ trailingSlash: true,
+ eslint: {
+ ignoreDuringBuilds: true,
+ },
+ typescript: {
+ ignoreBuildErrors: true,
+ },
+ images: {
+ unoptimized: true,
+ },
+ experimental: {
+ esmExternals: 'loose',
+ },
+ webpack: (config, { isServer }) => {
+ if (!isServer) {
+ config.resolve.fallback = {
+ ...config.resolve.fallback,
+ fs: false,
+ net: false,
+ tls: false,
+ };
+ }
+ return config;
+ },
+ async headers() {
+ return [
+ {
+ source: '/api/:path*',
+ headers: [
+ { key: 'Access-Control-Allow-Origin', value: '*' },
+ { key: 'Access-Control-Allow-Methods', value: 'GET, POST, PUT, DELETE, OPTIONS' },
+ { key: 'Access-Control-Allow-Headers', value: 'Content-Type, Authorization' },
+ ],
+ },
+ ];
+ },
+};
+
+export default nextConfig;
diff --git a/AppImage/package.json b/AppImage/package.json
new file mode 100644
index 0000000..8e2b813
--- /dev/null
+++ b/AppImage/package.json
@@ -0,0 +1,75 @@
+{
+ "name": "proxmenux-monitor",
+ "version": "1.0.0",
+ "description": "Proxmox System Monitoring Dashboard",
+ "private": true,
+ "scripts": {
+ "dev": "next dev",
+ "build": "next build",
+ "start": "next start",
+ "lint": "next lint"
+ },
+ "dependencies": {
+ "@hookform/resolvers": "^3.10.0",
+ "@radix-ui/react-accordion": "1.2.2",
+ "@radix-ui/react-alert-dialog": "1.1.4",
+ "@radix-ui/react-aspect-ratio": "1.1.1",
+ "@radix-ui/react-avatar": "1.1.2",
+ "@radix-ui/react-checkbox": "1.1.3",
+ "@radix-ui/react-collapsible": "1.1.2",
+ "@radix-ui/react-context-menu": "2.2.4",
+ "@radix-ui/react-dialog": "1.1.4",
+ "@radix-ui/react-dropdown-menu": "2.1.4",
+ "@radix-ui/react-hover-card": "1.1.4",
+ "@radix-ui/react-label": "2.1.1",
+ "@radix-ui/react-menubar": "1.1.4",
+ "@radix-ui/react-navigation-menu": "1.2.3",
+ "@radix-ui/react-popover": "1.1.4",
+ "@radix-ui/react-progress": "1.1.1",
+ "@radix-ui/react-radio-group": "1.2.2",
+ "@radix-ui/react-scroll-area": "1.2.2",
+ "@radix-ui/react-select": "2.1.4",
+ "@radix-ui/react-separator": "1.1.1",
+ "@radix-ui/react-slider": "1.2.2",
+ "@radix-ui/react-slot": "1.1.1",
+ "@radix-ui/react-switch": "1.1.2",
+ "@radix-ui/react-tabs": "1.1.2",
+ "@radix-ui/react-toast": "1.2.4",
+ "@radix-ui/react-toggle": "1.1.1",
+ "@radix-ui/react-toggle-group": "1.1.1",
+ "@radix-ui/react-tooltip": "1.1.6",
+ "@vercel/analytics": "1.3.1",
+ "autoprefixer": "^10.4.20",
+ "class-variance-authority": "^0.7.1",
+ "clsx": "^2.1.1",
+ "cmdk": "1.0.4",
+ "date-fns": "4.1.0",
+ "embla-carousel-react": "8.5.1",
+ "geist": "^1.3.1",
+ "input-otp": "1.4.1",
+ "lucide-react": "^0.454.0",
+ "next": "14.2.25",
+ "next-themes": "^0.4.6",
+ "react": "^19",
+ "react-day-picker": "9.8.0",
+ "react-dom": "^19",
+ "react-hook-form": "^7.60.0",
+ "react-resizable-panels": "^2.1.7",
+ "recharts": "2.15.4",
+ "sonner": "^1.7.4",
+ "tailwind-merge": "^3.3.1",
+ "tailwindcss-animate": "^1.0.7",
+ "vaul": "^0.9.9",
+ "zod": "3.25.67"
+ },
+ "devDependencies": {
+ "@tailwindcss/postcss": "^4.1.9",
+ "@types/node": "^22",
+ "@types/react": "^18",
+ "@types/react-dom": "^18",
+ "postcss": "^8.5",
+ "tailwindcss": "^4.1.9",
+ "tw-animate-css": "1.3.3",
+ "typescript": "^5"
+ }
+}
diff --git a/AppImage/scripts/build_appimage.sh b/AppImage/scripts/build_appimage.sh
new file mode 100644
index 0000000..8fa5cbb
--- /dev/null
+++ b/AppImage/scripts/build_appimage.sh
@@ -0,0 +1,334 @@
+#!/bin/bash
+
+# ProxMenux Monitor AppImage Builder
+# This script creates a single AppImage with Flask server, Next.js dashboard, and translation support
+
+set -e
+
+WORK_DIR="/tmp/proxmenux_build"
+APP_DIR="$WORK_DIR/ProxMenux.AppDir"
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+DIST_DIR="$SCRIPT_DIR/../dist"
+
+VERSION=$(grep '"version"' "$SCRIPT_DIR/../package.json" | sed 's/.*"version": *"$$[^"]*$$".*/\1/')
+APPIMAGE_NAME="ProxMenux-${VERSION}.AppImage"
+
+echo "🚀 Building ProxMenux Monitor AppImage v${VERSION} with translation support..."
+
+# Clean and create work directory
+rm -rf "$WORK_DIR"
+mkdir -p "$APP_DIR"
+mkdir -p "$DIST_DIR"
+
+# Download appimagetool if not exists
+if [ ! -f "$WORK_DIR/appimagetool" ]; then
+ echo "📥 Downloading appimagetool..."
+ wget -q "https://github.com/AppImage/AppImageKit/releases/download/continuous/appimagetool-x86_64.AppImage" -O "$WORK_DIR/appimagetool"
+ chmod +x "$WORK_DIR/appimagetool"
+fi
+
+# Create directory structure
+mkdir -p "$APP_DIR/usr/bin"
+mkdir -p "$APP_DIR/usr/lib/python3/dist-packages"
+mkdir -p "$APP_DIR/usr/share/applications"
+mkdir -p "$APP_DIR/usr/share/icons/hicolor/256x256/apps"
+mkdir -p "$APP_DIR/web"
+
+# Copy Flask server
+echo "📋 Copying Flask server..."
+cp "$SCRIPT_DIR/flask_server.py" "$APP_DIR/usr/bin/"
+
+echo "📋 Adding translation support..."
+cat > "$APP_DIR/usr/bin/translate_cli.py" << 'PYEOF'
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""
+ProxMenux translate CLI
+stdin JSON -> {"text":"...", "dest_lang":"es", "context":"...", "cache_file":"/usr/local/share/proxmenux/cache.json"}
+stdout JSON -> {"success":true,"text":"..."} or {"success":false,"error":"..."}
+"""
+import sys, json, re
+from pathlib import Path
+
+# Ensure embedded site-packages are discoverable
+HERE = Path(__file__).resolve().parents[2] # .../AppDir
+DIST = HERE / "usr" / "lib" / "python3" / "dist-packages"
+SITE = HERE / "usr" / "lib" / "python3" / "site-packages"
+for p in (str(DIST), str(SITE)):
+ if p not in sys.path:
+ sys.path.insert(0, p)
+
+# Python 3.13 compat: inline 'cgi' shim
+try:
+ import cgi
+except Exception:
+ import types, html
+ def _parse_header(value: str):
+ value = str(value or "")
+ parts = [p.strip() for p in value.split(";")]
+ if not parts:
+ return "", {}
+ key = parts[0].lower()
+ params = {}
+ for item in parts[1:]:
+ if not item:
+ continue
+ if "=" in item:
+ k, v = item.split("=", 1)
+ k = k.strip().lower()
+ v = v.strip().strip('"').strip("'")
+ params[k] = v
+ else:
+ params[item.strip().lower()] = ""
+ return key, params
+ cgi = types.SimpleNamespace(parse_header=_parse_header, escape=html.escape)
+
+try:
+ from googletrans import Translator
+except Exception as e:
+ print(json.dumps({"success": False, "error": f"ImportError: {e}"}))
+ sys.exit(0)
+
+def load_json_stdin():
+ try:
+ return json.load(sys.stdin)
+ except Exception as e:
+ print(json.dumps({"success": False, "error": f"Invalid JSON input: {e}"}))
+ sys.exit(0)
+
+def ensure_cache(path: Path):
+ try:
+ path.parent.mkdir(parents=True, exist_ok=True)
+ if not path.exists():
+ path.write_text("{}", encoding="utf-8")
+ json.loads(path.read_text(encoding="utf-8") or "{}")
+ except Exception:
+ path.write_text("{}", encoding="utf-8")
+
+def read_cache(path: Path):
+ try:
+ return json.loads(path.read_text(encoding="utf-8") or "{}")
+ except Exception:
+ return {}
+
+def write_cache(path: Path, cache: dict):
+ tmp = path.with_suffix(".tmp")
+ tmp.write_text(json.dumps(cache, ensure_ascii=False), encoding="utf-8")
+ tmp.replace(path)
+
+def clean_translated(s: str) -> str:
+ s = re.sub(r'^.*?(Translate:|Traducir:|Traduire:|Übersetzen:|Tradurre:|Traduzir:|翻译:|翻訳:)', '', s, flags=re.IGNORECASE | re.DOTALL).strip()
+ s = re.sub(r'^.*?(Context:|Contexto:|Contexte:|Kontext:|Contesto:|上下文：|コンテキスト：).*?:', '', s, flags=re.IGNORECASE | re.DOTALL).strip()
+ return s.strip()
+
+def main():
+ req = load_json_stdin()
+ text = req.get("text", "")
+ dest = req.get("dest_lang", "en") or "en"
+ context = req.get("context", "")
+ cache_file = Path(req.get("cache_file", "")) if req.get("cache_file") else None
+
+ if dest == "en":
+ print(json.dumps({"success": True, "text": text}))
+ return
+
+ cache = {}
+ if cache_file:
+ ensure_cache(cache_file)
+ cache = read_cache(cache_file)
+ if text in cache and (dest in cache[text] or "notranslate" in cache[text]):
+ found = cache[text].get(dest) or cache[text].get("notranslate")
+ print(json.dumps({"success": True, "text": found}))
+ return
+
+ try:
+ full = (context + " " + text).strip() if context else text
+ tr = Translator()
+ result = tr.translate(full, dest=dest).text
+ result = clean_translated(result)
+
+ if cache_file:
+ cache.setdefault(text, {})
+ cache[text][dest] = result
+ write_cache(cache_file, cache)
+
+ print(json.dumps({"success": True, "text": result}))
+ except Exception as e:
+ print(json.dumps({"success": False, "error": str(e)}))
+
+if __name__ == "__main__":
+ main()
+PYEOF
+
+chmod +x "$APP_DIR/usr/bin/translate_cli.py"
+
+# Copy Next.js build
+echo "📋 Copying web dashboard..."
+if [ -d "$SCRIPT_DIR/../.next" ]; then
+ cp -r "$SCRIPT_DIR/../.next" "$APP_DIR/web/"
+ cp -r "$SCRIPT_DIR/../public" "$APP_DIR/web/"
+ cp "$SCRIPT_DIR/../package.json" "$APP_DIR/web/"
+ echo "✅ Next.js build copied successfully"
+else
+ echo "⚠️ Warning: Next.js build not found. Run 'npm run build' first."
+ echo "📋 Creating minimal web structure..."
+ mkdir -p "$APP_DIR/web/public/images"
+ if [ -f "$SCRIPT_DIR/../public/images/proxmenux-logo.png" ]; then
+ cp "$SCRIPT_DIR/../public/images/proxmenux-logo.png" "$APP_DIR/web/public/images/"
+ fi
+fi
+
+# Create AppRun script
+cat > "$APP_DIR/AppRun" << 'EOF'
+#!/bin/bash
+
+# Get the directory where this AppImage is located
+HERE="$(dirname "$(readlink -f "${0}")")"
+
+# Set Python path
+export PYTHONPATH="$HERE/usr/lib/python3/dist-packages:$PYTHONPATH"
+export PATH="$HERE/usr/bin:$PATH"
+
+# Check if translation mode is requested
+if [ "$1" = "--translate" ]; then
+ shift
+ exec python3 "$HERE/usr/bin/translate_cli.py" "$@"
+fi
+
+# Start Flask server in background
+echo "🚀 Starting ProxMenux Monitor..."
+echo "📊 Dashboard will be available at: http://localhost:8008"
+
+cd "$HERE"
+python3 "$HERE/usr/bin/flask_server.py" &
+FLASK_PID=$!
+
+# Function to cleanup on exit
+cleanup() {
+ echo "🛑 Stopping ProxMenux Monitor..."
+ kill $FLASK_PID 2>/dev/null || true
+ exit 0
+}
+
+# Set trap for cleanup
+trap cleanup SIGINT SIGTERM EXIT
+
+# Wait for Flask to start
+sleep 3
+
+# Try to open browser
+if command -v xdg-open > /dev/null; then
+ xdg-open "http://localhost:8008" 2>/dev/null || true
+elif command -v firefox > /dev/null; then
+ firefox "http://localhost:8008" 2>/dev/null || true
+elif command -v chromium > /dev/null; then
+ chromium "http://localhost:8008" 2>/dev/null || true
+elif command -v google-chrome > /dev/null; then
+ google-chrome "http://localhost:8008" 2>/dev/null || true
+fi
+
+echo "✅ ProxMenux Monitor is running!"
+echo "📝 Press Ctrl+C to stop"
+echo "🌐 Access dashboard at: http://localhost:8008"
+echo "🌍 Translation available with: ./ProxMenux-Monitor.AppImage --translate"
+
+# Keep the script running
+wait $FLASK_PID
+EOF
+
+chmod +x "$APP_DIR/AppRun"
+
+# Create desktop file
+cat > "$APP_DIR/proxmenux-monitor.desktop" << EOF
+[Desktop Entry]
+Type=Application
+Name=ProxMenux Monitor
+Comment=Proxmox System Monitoring Dashboard with Translation Support
+Exec=AppRun
+Icon=proxmenux-monitor
+Categories=System;Monitor;
+Terminal=false
+StartupNotify=true
+EOF
+
+# Copy desktop file to applications directory
+cp "$APP_DIR/proxmenux-monitor.desktop" "$APP_DIR/usr/share/applications/"
+
+# Download and set icon
+echo "🎨 Setting up icon..."
+if [ -f "$SCRIPT_DIR/../public/images/proxmenux-logo.png" ]; then
+ cp "$SCRIPT_DIR/../public/images/proxmenux-logo.png" "$APP_DIR/proxmenux-monitor.png"
+else
+ wget -q "https://raw.githubusercontent.com/MacRimi/ProxMenux/main/images/logo.png" -O "$APP_DIR/proxmenux-monitor.png" || {
+ echo "⚠️ Could not download logo, creating placeholder..."
+ convert -size 256x256 xc:blue -fill white -gravity center -pointsize 24 -annotate +0+0 "PM" "$APP_DIR/proxmenux-monitor.png" 2>/dev/null || {
+ echo "⚠️ ImageMagick not available, skipping icon creation"
+ }
+ }
+fi
+
+if [ -f "$APP_DIR/proxmenux-monitor.png" ]; then
+ cp "$APP_DIR/proxmenux-monitor.png" "$APP_DIR/usr/share/icons/hicolor/256x256/apps/"
+fi
+
+echo "📦 Installing Python dependencies..."
+pip3 install --target "$APP_DIR/usr/lib/python3/dist-packages" \
+ flask \
+ flask-cors \
+ psutil \
+ requests \
+ googletrans==4.0.0-rc1 \
+ httpx==0.13.3 \
+ httpcore==0.9.1 \
+ beautifulsoup4
+
+cat > "$APP_DIR/usr/lib/python3/dist-packages/cgi.py" << 'PYEOF'
+from typing import Tuple, Dict
+try:
+ from html import escape as _html_escape
+except Exception:
+ def _html_escape(s, quote=True): return s
+
+__all__ = ["parse_header", "escape"]
+
+def escape(s, quote=True):
+ return _html_escape(s, quote=quote)
+
+def parse_header(value: str) -> Tuple[str, Dict[str, str]]:
+ if not isinstance(value, str):
+ value = str(value or "")
+ parts = [p.strip() for p in value.split(";")]
+ if not parts:
+ return "", {}
+ key = parts[0].lower()
+ params: Dict[str, str] = {}
+ for item in parts[1:]:
+ if not item:
+ continue
+ if "=" in item:
+ k, v = item.split("=", 1)
+ k = k.strip().lower()
+ v = v.strip().strip('"').strip("'")
+ params[k] = v
+ else:
+ params[item.strip().lower()] = ""
+ return key, params
+PYEOF
+
+# Build AppImage
+echo "🔨 Building unified AppImage v${VERSION}..."
+cd "$WORK_DIR"
+ARCH=x86_64 ./appimagetool "$APP_DIR" "$APPIMAGE_NAME"
+
+# Move to dist directory
+mv "$APPIMAGE_NAME" "$DIST_DIR/"
+
+echo "✅ Unified AppImage created: $DIST_DIR/$APPIMAGE_NAME"
+echo ""
+echo "📋 Usage:"
+echo " Dashboard: ./$APPIMAGE_NAME"
+echo " Translation: ./$APPIMAGE_NAME --translate"
+echo ""
+echo "🚀 Installation:"
+echo " sudo cp $DIST_DIR/$APPIMAGE_NAME /usr/local/bin/proxmenux-monitor"
+echo " sudo chmod +x /usr/local/bin/proxmenux-monitor"
diff --git a/AppImage/scripts/flask_server.py b/AppImage/scripts/flask_server.py
new file mode 100644
index 0000000..c8793d6
--- /dev/null
+++ b/AppImage/scripts/flask_server.py
@@ -0,0 +1,547 @@
+#!/usr/bin/env python3
+"""
+ProxMenux Flask Server
+Provides REST API endpoints for Proxmox monitoring data
+Runs on port 8008 and serves system metrics, storage info, network stats, etc.
+Also serves the Next.js dashboard as static files
+"""
+
+from flask import Flask, jsonify, request, send_from_directory, send_file
+from flask_cors import CORS
+import psutil
+import subprocess
+import json
+import os
+import time
+import socket
+from datetime import datetime, timedelta
+
+app = Flask(__name__)
+CORS(app) # Enable CORS for Next.js frontend
+
+@app.route('/')
+def serve_dashboard():
+ """Serve the main dashboard page"""
+ try:
+ web_dir = os.path.join(os.path.dirname(__file__), '..', '.next', 'static')
+ index_file = os.path.join(os.path.dirname(__file__), '..', '.next', 'server', 'app', 'page.html')
+
+ if os.path.exists(index_file):
+ return send_file(index_file)
+ else:
+ # Fallback to enhanced HTML page with PWA support
+ return '''
+
+
+
+
+
+
+ Total VMs & LXC
+
+
+
+
+
+
+
+ Total CPU Cores
+
+
+
+
+
+
+
+ Total Memory
+
+
+
+
+
+
+
+ Average Load
+
+
+
+
+
+
+ {/* Virtual Machines List */}
+ {virtualMachines.length}
+
+
+ {runningVMs} VMs
+
+
+ {runningLXC} LXC
+
+
+ {stoppedVMs} Stopped
+
+
+ + {totalVMs} VMs • {totalLXC} LXC +
+{totalCPU}
+ Allocated across all VMs and LXC containers
+{(totalMemory / 1024).toFixed(1)} GB
+ Allocated RAM across all VMs and LXC containers
+42%
+ Average resource utilization
+
+ {virtualMachines.map((vm) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+ {vm.name}
+
+ {vm.type.toUpperCase()}
+
+
+
+ ID: {vm.id} • {vm.os}
+
+
+
+ {getStatusIcon(vm.status)}
+ {vm.status.toUpperCase()}
+
+
+
+
+
+
+
+ Resources
+
+
+
+ CPU:
+ {vm.cpu} cores
+
+
+ Memory:
+ {(vm.memory / 1024).toFixed(1)} GB
+
+
+ Disk:
+ {vm.disk} GB
+
+
+
+
+ CPU Usage
+ {vm.cpuUsage}%
+
+
+
+
+ Memory Usage
+ {vm.memoryUsage}%
+
+
+
+ Uptime
+ {vm.uptime}
+ Disk: {vm.diskUsage}% used
+
+
+
+
+
+ '''
+ except Exception as e:
+ print(f"Error serving dashboard: {e}")
+ return jsonify({'error': 'Dashboard not available'}), 500
+
+@app.route('/manifest.json')
+def serve_manifest():
+ """Serve PWA manifest"""
+ return send_from_directory(os.path.join(os.path.dirname(__file__), '..', 'public'), 'manifest.json')
+
+@app.route('/sw.js')
+def serve_sw():
+ """Serve service worker"""
+ return '''
+ const CACHE_NAME = 'proxmenux-v1';
+ const urlsToCache = [
+ '/',
+ '/api/system',
+ '/api/storage',
+ '/api/network',
+ '/api/health'
+ ];
+
+ self.addEventListener('install', event => {
+ event.waitUntil(
+ caches.open(CACHE_NAME)
+ .then(cache => cache.addAll(urlsToCache))
+ );
+ });
+
+ self.addEventListener('fetch', event => {
+ event.respondWith(
+ caches.match(event.request)
+ .then(response => response || fetch(event.request))
+ );
+ });
+ ''', 200, {'Content-Type': 'application/javascript'}
+
+@app.route('/
+ 
+
+
+ ProxMenux Monitor
+Proxmox System Monitoring Dashboard
+🟢 Server Running
+
+
+
+
+
+
+
+
+