From ec7ef017608f43db1b13e7900d961e5ca5b6efe2 Mon Sep 17 00:00:00 2001
From: SashegDev <gdsasheg@gmail.com>
Date: Sun, 7 Jun 2026 12:32:34 +0000
Subject: [PATCH] =?UTF-8?q?=D0=B8=D0=BD=D0=B8=D0=BC=20=D1=87=D0=B8=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=BC=20=D1=87=D0=B8=D0=BD=D0=B8=D0=BC=20=D1=87=D0=B8?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=BC=20=D0=B0=20=D1=82=D0=B0=D0=BA=20=D0=B6=D0=B5?=
 =?UTF-8?q?=20=D0=BD=D0=BE=D0=B2=D0=B0=D1=8F=20=D1=81=D0=B8=D1=81=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BC=D0=B0=20=D0=B4=D1=80=D1=83=D0=B7=D0=B5=D0=B9=20?=
 =?UTF-8?q?=D0=B8=20=D0=B1=D1=83=D1=82=D1=81=D1=82=D1=80=D0=B0=D0=BF=D0=BF?=
 =?UTF-8?q?=D0=B5=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   10 +-
 .../sashegdev/zernmc/launcher/Bootstrap.java  |  256 +++-
 launcher/launcher/pom.xml                     |   65 +-
 .../java/sashegdev/zernmc/launcher/Main.java  |    7 +-
 .../zernmc/launcher/api/LauncherAPI.java      |   30 +-
 .../zernmc/launcher/api/auth/AuthService.java |    5 +-
 .../launcher/api/launch/LaunchService.java    |   22 +-
 .../zernmc/launcher/auth/AuthManager.java     |  155 ++-
 .../launcher/minecraft/PackDownloader.java    |    5 +-
 .../zernmc/launcher/ui/ArrowMenu.java         |    2 +-
 .../zernmc/launcher/ui/jfx/JFXLauncher.java   |  608 ++++++++-
 .../zernmc/launcher/utils/Config.java         |  114 +-
 .../zernmc/launcher/utils/LauncherLogger.java |   95 ++
 .../zernmc/launcher/utils/ZHttpClient.java    |    2 -
 launcher/launcher/src/resources/ui/index.html |  251 ++--
 .../launcher/src/resources/ui/launcher.js     | 1090 +++++++++++++++--
 .../launcher/src/resources/ui/marked.min.js   |   69 ++
 launcher/launcher/src/resources/ui/style.css  |  242 +++-
 .../launcher/auth/AuthManagerPassTest.java    |  274 +++++
 server/auth.py                                |   12 +
 server/friends.py                             |  176 +++
 server/main.py                                |   89 +-
 server/playtime.py                            |   80 ++
 server/tests/test_pass.py                     |   68 +-
 test_launcher_integration.py                  |  382 ++++++
 25 files changed, 3732 insertions(+), 377 deletions(-)
 create mode 100644 launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/LauncherLogger.java
 create mode 100644 launcher/launcher/src/resources/ui/marked.min.js
 create mode 100644 launcher/launcher/src/test/java/me/sashegdev/zernmc/launcher/auth/AuthManagerPassTest.java
 create mode 100644 server/friends.py
 create mode 100644 server/playtime.py
 create mode 100644 test_launcher_integration.py

diff --git a/.gitignore b/.gitignore
index 6fdf0b1..681cb2d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,4 +11,12 @@ jre
 .vscode
 dependency-reduced-pom.xml
 OpenJDK21U-jre_x64_windows_hotspot_21.0.6_7.zip
-telegram-bot/
\ No newline at end of file
+telegram-bot/
+builds/
+server/news/
+data/
+packs/
+.__pycache__
+.pytest_cache
+.venv
+resources
\ No newline at end of file
diff --git a/launcher/bootstrap/src/main/java/me/sashegdev/zernmc/launcher/Bootstrap.java b/launcher/bootstrap/src/main/java/me/sashegdev/zernmc/launcher/Bootstrap.java
index c978f32..56d4aa7 100644
--- a/launcher/bootstrap/src/main/java/me/sashegdev/zernmc/launcher/Bootstrap.java
+++ b/launcher/bootstrap/src/main/java/me/sashegdev/zernmc/launcher/Bootstrap.java
@@ -13,6 +13,11 @@ import java.util.Arrays;
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
+import javax.swing.*;
+import javax.swing.plaf.basic.BasicProgressBarUI;
+import java.awt.*;
+import java.awt.event.MouseAdapter;
+import java.awt.event.MouseEvent;
 import com.google.gson.JsonElement;
 import com.google.gson.JsonObject;
 import com.google.gson.JsonParser;
@@ -32,6 +37,7 @@ public class Bootstrap {
     private static Path javafxPath;
     private static boolean isCliMode;
     private static boolean isJfxMode;
+    private static BootstrapUI ui;
 
     private static Path getLauncherJar() {
         return binDir.resolve(JAR_NAME);
@@ -53,11 +59,17 @@ public class Bootstrap {
         
         log("Mode: " + (isCliMode ? "CLI" : "JFX"));
         
+        if (!isCliMode && !GraphicsEnvironment.isHeadless()) {
+            ui = new BootstrapUI();
+            SwingUtilities.invokeLater(() -> ui.show());
+        }
+        
         String currentVersion = readCurrentVersion();
         String serverVersion = getServerVersion();
         
         log("Local version: " + currentVersion);
         log("Server version: " + serverVersion);
+        setVersionInfo(currentVersion, serverVersion);
         
         loadMirrors();
         log("Primary server: " + BASE_URL);
@@ -74,6 +86,14 @@ public class Bootstrap {
             log("Shutdown signal received...");
         }));
         
+        if (ui != null) {
+            setTitle("Launching...");
+            setProgress(100, 100);
+            log("Starting launcher...");
+            try { Thread.sleep(400); } catch (InterruptedException ignored) {}
+            ui.close();
+        }
+        
         launchMain(args);
     }
     
@@ -180,6 +200,19 @@ public class Bootstrap {
             Files.writeString(logDir.resolve("launcher.log"), entry + "\n", 
                 StandardOpenOption.CREATE, StandardOpenOption.APPEND);
         } catch (Exception ignored) {}
+        if (ui != null) ui.setStatus(msg);
+    }
+
+    private static void setProgress(int current, int total) {
+        if (ui != null) ui.setProgress(current, total);
+    }
+
+    private static void setVersionInfo(String localVer, String serverVer) {
+        if (ui != null) ui.setVersionInfo(localVer, serverVer);
+    }
+
+    private static void setTitle(String text) {
+        if (ui != null) ui.setTitleText(text);
     }
     
     private static String readCurrentVersion() {
@@ -260,6 +293,9 @@ public class Bootstrap {
         
         int downloaded = 0;
         int skipped = 0;
+        int failed = 0;
+        
+        String selfName = getSelfFileName();
         
         for (Map.Entry<String, FileMeta> entry : serverFiles.entrySet()) {
             String filePath = entry.getKey();
@@ -273,20 +309,46 @@ public class Bootstrap {
                 continue;
             }
             
+            // Skip self-update (can't overwrite running executable)
+            if (selfName != null && (filePath.equalsIgnoreCase(selfName) || filePath.endsWith("/" + selfName))) {
+                log("Skipping self-update: " + filePath + " (file in use)");
+                skipped++;
+                continue;
+            }
+            
             if (localHash != null) {
                 log("Updating: " + filePath);
             } else {
                 log("Downloading: " + filePath);
             }
             
-            downloadFile(newVersion, filePath, serverMeta.size);
-            downloaded++;
+            try {
+                downloadFile(newVersion, filePath, serverMeta.size);
+                downloaded++;
+            } catch (Exception e) {
+                log("Warning: Could not update " + filePath + " - " + e.getMessage());
+                failed++;
+            }
         }
         
-        log("Updated files: " + downloaded + ", skipped: " + skipped);
+        log("Updated files: " + downloaded + ", skipped: " + skipped + ", failed: " + failed);
         log("Updated to v" + newVersion);
     }
     
+    private static String getSelfFileName() {
+        try {
+            String classPath = Bootstrap.class.getProtectionDomain().getCodeSource().getLocation().toURI().getPath();
+            if (classPath != null) {
+                String fn = Paths.get(classPath).getFileName().toString();
+                // If running from a JAR, the exe has the same stem
+                if (fn.endsWith(".jar")) {
+                    return fn.replace(".jar", ".exe");
+                }
+            }
+        } catch (Exception ignored) {}
+        return null;
+    }
+    
     private static Map<String, FileMeta> fetchServerMeta(String version) {
         Map<String, FileMeta> files = new HashMap<>();
         try {
@@ -390,6 +452,7 @@ public class Bootstrap {
         long downloaded = 0;
         long lastUpdate = 0;
         long startTime = System.currentTimeMillis();
+        setTitle("Downloading " + fileName);
         
         try (InputStream in = conn.getInputStream();
              OutputStream out = new FileOutputStream(outPath.toFile())) {
@@ -405,13 +468,9 @@ public class Bootstrap {
                     double downloadedMB = downloaded / 1024.0 / 1024.0;
                     double totalMB = expectedSize / 1024.0 / 1024.0;
                     
-                    System.out.print(String.format("\r[%s] %s - %.1f/%.1f MB (%.1f MB/s",
-                        getProgressBar(downloaded, expectedSize),
-                        fileName,
-                        downloadedMB,
-                        totalMB,
-                        speed
-                    ));
+                    String progressStr = String.format("%.1f/%.1f MB (%.1f MB/s)", downloadedMB, totalMB, speed);
+                    log(progressStr);
+                    setProgress((int) downloaded, (int) Math.max(expectedSize, 1));
                     lastUpdate = downloaded;
                 }
             }
@@ -419,12 +478,8 @@ public class Bootstrap {
         
         long elapsed = System.currentTimeMillis() - startTime;
         double speed = downloaded / 1024.0 / 1024.0 / (elapsed / 1000.0 + 0.001);
-        System.out.println(String.format("\r[%s] %s - %.1f MB (%.1f MB/s) - Done!",
-            getProgressBar(downloaded, expectedSize),
-            fileName,
-            downloaded / 1024.0 / 1024.0,
-            speed
-        ));
+        log(String.format("Downloaded %.1f MB (%.1f MB/s) - Done!", downloaded / 1024.0 / 1024.0, speed));
+        setProgress((int) downloaded, (int) Math.max(expectedSize, 1));
     }
 
     private static String getProgressBar(long current, long total) {
@@ -488,4 +543,173 @@ public class Bootstrap {
             return false;
         }
     }
+
+    // ====================== SWING UI ======================
+
+    private static class BootstrapUI {
+        private final JFrame frame;
+        private final JLabel statusLabel;
+        private final JProgressBar progressBar;
+        private final JLabel titleLabel;
+        private final JLabel versionLabel;
+        private final JLabel speedLabel;
+        private final Color bgColor = new Color(0x0c, 0x0c, 0x12);
+        private final Color surfaceColor = new Color(0x16, 0x16, 0x1f);
+        private final Color accentColor = new Color(0xe9, 0x45, 0x60);
+        private final Color textColor = new Color(0xee, 0xee, 0xf0);
+        private final Color mutedColor = new Color(0x88, 0x88, 0x9a);
+
+        BootstrapUI() {
+            try {
+                UIManager.setLookAndFeel(UIManager.getCrossPlatformLookAndFeelClassName());
+            } catch (Exception ignored) {}
+
+            frame = new JFrame("ZernMC Launcher");
+            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
+            frame.setSize(480, 280);
+            frame.setLocationRelativeTo(null);
+            frame.setResizable(false);
+            frame.setBackground(bgColor);
+            frame.setUndecorated(true);
+
+            JPanel root = new JPanel(new BorderLayout());
+            root.setBackground(bgColor);
+            root.setBorder(BorderFactory.createCompoundBorder(
+                BorderFactory.createLineBorder(new Color(0x2a, 0x2a, 0x3a), 1),
+                BorderFactory.createEmptyBorder(20, 24, 20, 24)
+            ));
+
+            // Title bar
+            JPanel titleBar = new JPanel(new BorderLayout());
+            titleBar.setOpaque(false);
+
+            JLabel brandLabel = new JLabel("ZernMC Launcher");
+            brandLabel.setFont(new Font("Segoe UI", Font.BOLD, 18));
+            brandLabel.setForeground(textColor);
+
+            JPanel titleControls = new JPanel(new FlowLayout(FlowLayout.RIGHT, 0, 0));
+            titleControls.setOpaque(false);
+            JButton closeBtn = createTitleButton("\u2715");
+            closeBtn.addActionListener(e -> System.exit(0));
+            titleControls.add(closeBtn);
+
+            titleBar.add(brandLabel, BorderLayout.WEST);
+            titleBar.add(titleControls, BorderLayout.EAST);
+            root.add(titleBar, BorderLayout.NORTH);
+
+            // Center content
+            JPanel center = new JPanel();
+            center.setOpaque(false);
+            center.setLayout(new BoxLayout(center, BoxLayout.Y_AXIS));
+            center.add(Box.createVerticalStrut(16));
+
+            titleLabel = new JLabel("Initializing...");
+            titleLabel.setFont(new Font("Segoe UI", Font.PLAIN, 13));
+            titleLabel.setForeground(mutedColor);
+            titleLabel.setAlignmentX(Component.CENTER_ALIGNMENT);
+            center.add(titleLabel);
+            center.add(Box.createVerticalStrut(8));
+
+            versionLabel = new JLabel(" ");
+            versionLabel.setFont(new Font("Segoe UI", Font.PLAIN, 12));
+            versionLabel.setForeground(mutedColor);
+            versionLabel.setAlignmentX(Component.CENTER_ALIGNMENT);
+            center.add(versionLabel);
+            center.add(Box.createVerticalStrut(16));
+
+            statusLabel = new JLabel("Starting...");
+            statusLabel.setFont(new Font("Segoe UI", Font.PLAIN, 13));
+            statusLabel.setForeground(textColor);
+            statusLabel.setAlignmentX(Component.CENTER_ALIGNMENT);
+            center.add(statusLabel);
+            center.add(Box.createVerticalStrut(12));
+
+            progressBar = new JProgressBar(0, 100);
+            progressBar.setPreferredSize(new Dimension(400, 6));
+            progressBar.setMaximumSize(new Dimension(400, 6));
+            progressBar.setAlignmentX(Component.CENTER_ALIGNMENT);
+            progressBar.setBackground(new Color(0x2a, 0x2a, 0x3a));
+            progressBar.setForeground(accentColor);
+            progressBar.setBorderPainted(false);
+            progressBar.setValue(0);
+            progressBar.setUI(new BasicProgressBarUI() {
+                protected Color getSelectionBackground() { return accentColor; }
+                protected Color getSelectionForeground() { return accentColor; }
+            });
+            center.add(progressBar);
+            center.add(Box.createVerticalStrut(6));
+
+            speedLabel = new JLabel(" ");
+            speedLabel.setFont(new Font("Segoe UI", Font.PLAIN, 11));
+            speedLabel.setForeground(mutedColor);
+            speedLabel.setAlignmentX(Component.CENTER_ALIGNMENT);
+            center.add(speedLabel);
+
+            root.add(center, BorderLayout.CENTER);
+
+            // Draggable frame
+            MouseAdapter dragAdapter = new MouseAdapter() {
+                private int x, y;
+                public void mousePressed(MouseEvent e) { x = e.getX(); y = e.getY(); }
+                public void mouseDragged(MouseEvent e) {
+                    frame.setLocation(e.getXOnScreen() - x, e.getYOnScreen() - y);
+                }
+            };
+            root.addMouseListener(dragAdapter);
+            root.addMouseMotionListener(dragAdapter);
+
+            frame.setContentPane(root);
+        }
+
+        private JButton createTitleButton(String text) {
+            JButton btn = new JButton(text);
+            btn.setFont(new Font("Segoe UI", Font.PLAIN, 14));
+            btn.setForeground(mutedColor);
+            btn.setBackground(bgColor);
+            btn.setBorderPainted(false);
+            btn.setFocusPainted(false);
+            btn.setContentAreaFilled(false);
+            btn.setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));
+            btn.addMouseListener(new MouseAdapter() {
+                public void mouseEntered(MouseEvent e) { btn.setForeground(accentColor); }
+                public void mouseExited(MouseEvent e) { btn.setForeground(mutedColor); }
+            });
+            return btn;
+        }
+
+        void show() {
+            frame.setVisible(true);
+            frame.toFront();
+        }
+
+        void close() {
+            frame.dispose();
+        }
+
+        void setStatus(final String text) {
+            SwingUtilities.invokeLater(() -> statusLabel.setText(text));
+        }
+
+        void setProgress(final int current, final int total) {
+            SwingUtilities.invokeLater(() -> {
+                if (total > 0) {
+                    int pct = (int) ((long) current * 100 / total);
+                    progressBar.setValue(Math.min(pct, 100));
+                    speedLabel.setText(String.format("%.1f / %.1f MB", 
+                        current / 1024.0 / 1024.0, total / 1024.0 / 1024.0));
+                } else {
+                    progressBar.setIndeterminate(true);
+                }
+            });
+        }
+
+        void setVersionInfo(final String local, final String server) {
+            SwingUtilities.invokeLater(() -> 
+                versionLabel.setText("v" + local + " \u2192 v" + server));
+        }
+
+        void setTitleText(final String text) {
+            SwingUtilities.invokeLater(() -> titleLabel.setText(text));
+        }
+    }
 }
diff --git a/launcher/launcher/pom.xml b/launcher/launcher/pom.xml
index 5af03f8..92ec24c 100644
--- a/launcher/launcher/pom.xml
+++ b/launcher/launcher/pom.xml
@@ -132,16 +132,17 @@
                 <artifactId>launch4j-maven-plugin</artifactId>
                 <version>2.5.0</version>
                 <executions>
+                    <!-- GUI версия (основная) - без консоли -->
                     <execution>
-                        <id>l4j</id>
+                        <id>l4j-gui</id>
                         <phase>package</phase>
                         <goals>
                             <goal>launch4j</goal>
                         </goals>
                         <configuration>
-                            <outfile>../../server/builds/zernmc-${project.version}.exe</outfile>
+                            <outfile>../../server/builds/zernmc.exe</outfile>
                             <jar>../../server/builds/zernmc-bootstrap.jar</jar>
-                            <headerType>console</headerType>
+                            <headerType>gui</headerType>
                             <dontWrapJar>false</dontWrapJar>
                             <mainClass>me.sashegdev.zernmc.launcher.Bootstrap</mainClass>
                             <jre>
@@ -157,7 +158,38 @@
                                 <productName>ZernMC</productName>
                                 <companyName>ZernMC</companyName>
                                 <internalName>zernmc</internalName>
-                                <originalFilename>zernmc-${project.version}.exe</originalFilename>
+                                <originalFilename>zernmc.exe</originalFilename>
+                            </versionInfo>
+                        </configuration>
+                    </execution>
+                    
+                    <!-- CLI версия - с консолью -->
+                    <execution>
+                        <id>l4j-cli</id>
+                        <phase>package</phase>
+                        <goals>
+                            <goal>launch4j</goal>
+                        </goals>
+                        <configuration>
+                            <outfile>../../server/builds/zernmc-cli.exe</outfile>
+                            <jar>../../server/builds/zernmc-bootstrap.jar</jar>
+                            <headerType>console</headerType>
+                            <dontWrapJar>false</dontWrapJar>
+                            <mainClass>me.sashegdev.zernmc.launcher.Bootstrap</mainClass>
+                            <jre>
+                                <path>lib/jre21</path>
+                                <minVersion>21</minVersion>
+                            </jre>
+                            <versionInfo>
+                                <fileVersion>${project.version}.0</fileVersion>
+                                <txtFileVersion>${project.version}</txtFileVersion>
+                                <fileDescription>ZernMC Launcher CLI</fileDescription>
+                                <productVersion>${project.version}.0</productVersion>
+                                <txtProductVersion>${project.version}</txtProductVersion>
+                                <productName>ZernMC CLI</productName>
+                                <companyName>ZernMC</companyName>
+                                <internalName>zernmc-cli</internalName>
+                                <originalFilename>zernmc-cli.exe</originalFilename>
                             </versionInfo>
                         </configuration>
                     </execution>
@@ -219,10 +251,6 @@
                                     </fileset>
                                 </copy>
 
-                                <!-- Переименовываем exe для zip -->
-                                <move file="../../server/builds/zernmc-${project.version}.exe" 
-                                      tofile="../../server/builds/zernmc.exe" overwrite="true"/>
-                                
                                 <!-- Создаем папку bin и копируем JAR -->
                                 <mkdir dir="../../server/builds/bin"/>
                                 <copy file="../../server/builds/zernmclauncher.jar" 
@@ -236,11 +264,26 @@
                                     </fileset>
                                 </copy>
                                 
-                                <!-- Создаём zip -->
+                                <!-- Создаём README -->
+                                <echo file="../../server/builds/README.txt">
+ZernMC Launcher
+
+Files:
+- zernmc.exe      - Main launcher with GUI (no console window)
+- zernmc-cli.exe  - CLI version for servers/advanced users (with console)
+
+How to use GUI:
+    Just run zernmc.exe
+
+How to use CLI:
+    Run from command line: zernmc-cli.exe --cli
+                                </echo>
+                                
+                                <!-- Создаём один архив со всем -->
                                 <zip destfile="../../server/builds/ZernMC-win-${project.version}.zip"
                                      basedir="../../server/builds"
-                                     includes="zernmc.exe,bin/**,assets/**,lib/**"
-                                     excludes="build.version,*-${project.version}.*,zernmclauncher.jar,zernmc-bootstrap.jar"/>
+                                     includes="zernmc.exe,zernmc-cli.exe,bin/**,assets/**,lib/**,README.txt"
+                                     excludes="build.version,*.jar"/>
                             </target>
                         </configuration>
                     </execution>
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/Main.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/Main.java
index 540585b..829723e 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/Main.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/Main.java
@@ -21,7 +21,9 @@ public class Main {
         System.setProperty("java.stdout.encoding", "UTF-8");
         System.setProperty("java.stderr.encoding", "UTF-8");
         System.setProperty("org.jline.terminal.disableDeprecatedProviderWarning", "true");
-        
+
+        LauncherLogger.init();
+
         if (System.getProperty("os.name").toLowerCase().contains("windows")) {
             try {
                 new ProcessBuilder("cmd", "/c", "chcp", "65001").inheritIO().start().waitFor();
@@ -29,8 +31,7 @@ public class Main {
         }
         
         ZAnsi.install();
-        System.out.print("\033[H\033[2J");
-        System.out.println(ZAnsi.brightGreen("Welcome to ZernMC Launcher " + CURRENT_VERSION));
+        LauncherLogger.info("Starting ZernMC Launcher " + CURRENT_VERSION);
 
         List<String> argList = List.of(args);
         boolean jfxMode = argList.contains("--jfx");
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/LauncherAPI.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/LauncherAPI.java
index 1c76188..934f67c 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/LauncherAPI.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/LauncherAPI.java
@@ -3,6 +3,7 @@ package me.sashegdev.zernmc.launcher.api;
 import me.sashegdev.zernmc.launcher.api.auth.AuthService;
 import me.sashegdev.zernmc.launcher.api.instance.InstanceService;
 import me.sashegdev.zernmc.launcher.api.launch.LaunchService;
+import me.sashegdev.zernmc.launcher.utils.LauncherLogger;
 import me.sashegdev.zernmc.launcher.utils.ZHttpClient;
 
 import java.util.ArrayList;
@@ -153,26 +154,31 @@ public class LauncherAPI {
         try {
             String token = authService.getCurrentToken();
             if (token == null) {
+                LauncherLogger.warn("getZernMCPacks: not logged in");
                 return ApiResponse.error("Not logged in");
             }
 
             String response = ZHttpClient.get("/packs");
-            org.json.JSONArray arr = new org.json.JSONArray(response);
+            org.json.JSONObject root = new org.json.JSONObject(response);
+            org.json.JSONArray arr = root.optJSONArray("packs");
             List<Map<String, String>> packs = new ArrayList<>();
-            for (int i = 0; i < arr.length(); i++) {
-                org.json.JSONObject pack = arr.getJSONObject(i);
-                Map<String, String> packInfo = new java.util.HashMap<>();
-                packInfo.put("name", pack.optString("name", ""));
-                packInfo.put("displayName", pack.optString("displayName", pack.optString("name", "")));
-                packInfo.put("version", pack.optString("version", ""));
-                packInfo.put("mcVersion", pack.optString("mcVersion", ""));
-                packInfo.put("loader", pack.optString("loader", "vanilla"));
-                packInfo.put("description", pack.optString("description", ""));
-                packs.add(packInfo);
+            if (arr != null) {
+                for (int i = 0; i < arr.length(); i++) {
+                    org.json.JSONObject pack = arr.getJSONObject(i);
+                    Map<String, String> packInfo = new java.util.HashMap<>();
+                    packInfo.put("name", pack.optString("name", ""));
+                    packInfo.put("displayName", pack.optString("displayName", pack.optString("name", "")));
+                    packInfo.put("version", pack.optString("version", ""));
+                    packInfo.put("mcVersion", pack.optString("minecraft_version", ""));
+                    packInfo.put("loader", pack.optString("loader_type", "vanilla"));
+                    packInfo.put("description", pack.optString("description", ""));
+                    packs.add(packInfo);
+                }
             }
+            LauncherLogger.info("getZernMCPacks: loaded " + packs.size() + " packs");
             return ApiResponse.success(packs);
         } catch (Exception e) {
-            System.out.println("[API] Packs fetch failed: " + e.getMessage());
+            LauncherLogger.error("getZernMCPacks failed: " + e.getMessage());
             return ApiResponse.error("Failed to load packs: " + e.getMessage());
         }
     }
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/auth/AuthService.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/auth/AuthService.java
index 4a0cd0b..4a49672 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/auth/AuthService.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/auth/AuthService.java
@@ -1,5 +1,7 @@
 package me.sashegdev.zernmc.launcher.api.auth;
 
+import com.google.gson.JsonObject;
+import com.google.gson.JsonParser;
 import me.sashegdev.zernmc.launcher.api.ApiResponse;
 import me.sashegdev.zernmc.launcher.auth.AuthManager;
 import me.sashegdev.zernmc.launcher.utils.ZHttpClient;
@@ -73,7 +75,8 @@ public class AuthService {
     public ApiResponse<Boolean> activatePass(String passCode) {
         try {
             String response = post("/auth/pass/activate",
-                    "{\"code\":\"" + passCode + "\"}");
+                    "{\"pass_code\":\"" + passCode + "\"}");
+            AuthManager.refreshUserInfo();
             return ApiResponse.success(true);
         } catch (Exception e) {
             return ApiResponse.error("Pass activation error: " + e.getMessage());
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/launch/LaunchService.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/launch/LaunchService.java
index ddd5868..8a4e695 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/launch/LaunchService.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/api/launch/LaunchService.java
@@ -8,6 +8,7 @@ import me.sashegdev.zernmc.launcher.minecraft.launch.LaunchCommandBuilder;
 import me.sashegdev.zernmc.launcher.minecraft.model.LaunchOptions;
 import me.sashegdev.zernmc.launcher.ui.jfx.JFXLauncher;
 import me.sashegdev.zernmc.launcher.utils.Config;
+import me.sashegdev.zernmc.launcher.utils.LauncherLogger;
 
 import java.io.BufferedReader;
 import java.io.IOException;
@@ -39,6 +40,7 @@ public class LaunchService {
                 return ApiResponse.error("Pack not found: " + instanceName);
             }
 
+            LauncherLogger.info("Preparing launch for: " + instanceName);
             LaunchCommandBuilder builder = new LaunchCommandBuilder(instance);
             LaunchOptions options = createOptions();
 
@@ -51,6 +53,7 @@ public class LaunchService {
             );
             return ApiResponse.success(info);
         } catch (Exception e) {
+            LauncherLogger.error("Error preparing launch for " + instanceName, e);
             return ApiResponse.error("Error preparing launch: " + e.getMessage());
         }
     }
@@ -62,6 +65,8 @@ public class LaunchService {
                 return ApiResponse.error("Pack not found: " + instanceName);
             }
 
+            LauncherLogger.info("Launching: " + instanceName + " (serverPack=" + instance.isServerPack() + ")");
+
             LaunchCommandBuilder builder = new LaunchCommandBuilder(instance);
             LaunchOptions options = createOptions();
             options.setUsername(AuthManager.getUsername());
@@ -69,8 +74,8 @@ public class LaunchService {
             options.setUuid(AuthManager.getUuid());
 
             List<String> command = builder.build(options);
-            System.out.println("[LAUNCH] Generated command for " + instanceName + ":");
-            command.forEach(arg -> System.out.println("  " + arg));
+            LauncherLogger.info("Generated command for " + instanceName + ":");
+            command.forEach(arg -> LauncherLogger.debug("  " + arg));
 
             ProcessBuilder processBuilder = new ProcessBuilder(command);
             processBuilder.directory(instance.getPath().toFile());
@@ -84,7 +89,7 @@ public class LaunchService {
             long pid = process.pid();
             
             runningProcesses.put(pid, process);
-            System.out.println("[LAUNCH] Process started, pid=" + pid);
+            LauncherLogger.info("Process started, pid=" + pid);
 
             java.io.FileOutputStream logFileOut = new java.io.FileOutputStream(gameLog.toFile(), true);
             
@@ -116,6 +121,7 @@ public class LaunchService {
             ProcessInfo info = new ProcessInfo(instanceName, pid, "RUNNING");
             return ApiResponse.success(info);
         } catch (Exception e) {
+            LauncherLogger.error("Launch error for " + instanceName, e);
             return ApiResponse.error("Launch error: " + e.getMessage());
         }
     }
@@ -171,15 +177,21 @@ public class LaunchService {
         options.setWidth(Config.getWindowWidth());
         options.setHeight(Config.getWindowHeight());
         options.setJavaPath(Config.getJavaPath());
+        List<String> extraArgs = new ArrayList<>();
+        if (Config.isSystemBasedJvm()) {
+            String[] systemFlags = Config.getSystemJvmFlags().split("\\s+");
+            for (String arg : systemFlags) {
+                if (!arg.isEmpty()) extraArgs.add(arg);
+            }
+        }
         String args = Config.getExtraJvmArgs();
         if (args != null && !args.isEmpty()) {
-            List<String> extraArgs = new ArrayList<>();
             for (String arg : args.split("\\s+")) {
                 arg = arg.trim();
                 if (!arg.isEmpty()) extraArgs.add(arg);
             }
-            options.setExtraJvmArgs(extraArgs);
         }
+        options.setExtraJvmArgs(extraArgs);
         return options;
     }
 
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/auth/AuthManager.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/auth/AuthManager.java
index c5012ff..c568fcd 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/auth/AuthManager.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/auth/AuthManager.java
@@ -6,6 +6,7 @@ import com.google.gson.JsonObject;
 import com.google.gson.JsonParser;
 import com.google.gson.annotations.SerializedName;
 import me.sashegdev.zernmc.launcher.utils.Config;
+import me.sashegdev.zernmc.launcher.utils.LauncherLogger;
 import me.sashegdev.zernmc.launcher.utils.ZAnsi;
 import me.sashegdev.zernmc.launcher.utils.ZHttpClient;
 
@@ -36,24 +37,57 @@ public class AuthManager {
     public static final String PERM_DOWNLOAD_PACK = "download_pack";
 
     public static boolean loadSavedSession() {
-        if (!Files.exists(AUTH_FILE)) return false;
+        if (!Files.exists(AUTH_FILE)) {
+            LauncherLogger.warn("loadSavedSession: auth.json not found at " + AUTH_FILE);
+            return false;
+        }
         try {
             String json = Files.readString(AUTH_FILE);
             AuthSession loaded = GSON.fromJson(json, AuthSession.class);
-            if (loaded == null || loaded.accessToken == null) return false;
+            if (loaded == null || loaded.accessToken == null) {
+                LauncherLogger.warn("loadSavedSession: invalid auth.json content, deleting");
+                Files.deleteIfExists(AUTH_FILE);
+                return false;
+            }
 
             session = loaded;
-            userInfo = fetchUserInfo();
+            LauncherLogger.info("loadSavedSession: loaded session for " + loaded.username
+                + " expiresAt=" + loaded.expiresAt + " hasRefresh=" + (loaded.refreshToken != null));
+
+            refreshUserInfo();
 
             if (isAccessTokenExpired()) {
-                return tryRefresh();
+                LauncherLogger.info("loadSavedSession: token expired, attempting refresh");
+                boolean refreshed = tryRefresh();
+                if (!refreshed) {
+                    if (session == null) {
+                        LauncherLogger.warn("loadSavedSession: token rejected by server (401)");
+                        return false;
+                    }
+                    LauncherLogger.warn("loadSavedSession: refresh failed (network/no refreshToken),"
+                        + " keeping session for retry on next launch");
+                    return false;
+                }
             }
+            if (session == null) {
+                LauncherLogger.warn("loadSavedSession: session invalidated during token refresh");
+                return false;
+            }
+            LauncherLogger.info("loadSavedSession: session valid for " + session.username);
             return true;
         } catch (Exception e) {
+            LauncherLogger.error("loadSavedSession error: " + e.getMessage());
+            invalidateSession();
             return false;
         }
     }
 
+    public static boolean tryAutoLogin() {
+        if (isLoggedIn()) return true;
+        if (!Files.exists(AUTH_FILE)) return false;
+        return loadSavedSession();
+    }
+
     public static AuthResult login(String username, String password) {
         return authRequest("/auth/login", username, password);
     }
@@ -70,6 +104,8 @@ public class AuthManager {
             if (resp.statusCode() == 200) {
                 session = GSON.fromJson(resp.body(), AuthSession.class);
                 session.expiresAt = System.currentTimeMillis() / 1000L + session.expiresIn;
+                LauncherLogger.info("authRequest: login successful, expiresAt=" + session.expiresAt
+                    + " hasRefresh=" + (session.refreshToken != null));
                 saveSession();
                 userInfo = fetchUserInfo();
                 return AuthResult.ok();
@@ -99,6 +135,10 @@ public class AuthManager {
         return session != null && session.accessToken != null;
     }
 
+    public static boolean authFileExists() {
+        return Files.exists(AUTH_FILE);
+    }
+
     public static String getUsername() {
         return session != null ? session.username : "Player";
     }
@@ -110,7 +150,11 @@ public class AuthManager {
     public static String getAccessToken() {
         if (session == null) return "0";
         if (isAccessTokenExpired()) {
-            tryRefresh();
+            boolean refreshed = tryRefresh();
+            if (!refreshed) {
+                if (session == null) return "0";
+                return session.accessToken != null ? session.accessToken : "0";
+            }
         }
         return session != null && session.accessToken != null ? session.accessToken : "0";
     }
@@ -121,7 +165,14 @@ public class AuthManager {
     }
 
     private static boolean tryRefresh() {
-        if (session == null || session.refreshToken == null) return false;
+        if (session == null) {
+            LauncherLogger.warn("tryRefresh: session is null");
+            return false;
+        }
+        if (session.refreshToken == null) {
+            LauncherLogger.warn("tryRefresh: no refreshToken in session");
+            return false;
+        }
         try {
             String body = "{\"refresh_token\":\"" + session.refreshToken + "\"}";
             SimpleHttpResponse resp = post("/auth/refresh", body);
@@ -131,22 +182,45 @@ public class AuthManager {
                 newSession.expiresAt = System.currentTimeMillis() / 1000L + newSession.expiresIn;
                 session = newSession;
                 userInfo = fetchUserInfo();
+                if (userInfo != null) {
+                    session.role = userInfo.role;
+                }
                 saveSession();
+                LauncherLogger.info("tryRefresh: token refreshed successfully");
                 return true;
             }
-        } catch (Exception ignored) {}
+
+            if (resp.statusCode() == 401) {
+                LauncherLogger.warn("tryRefresh: server rejected refresh token (401)");
+                invalidateSession();
+            } else {
+                LauncherLogger.warn("tryRefresh: server returned " + resp.statusCode());
+            }
+        } catch (Exception e) {
+            LauncherLogger.warn("tryRefresh: network error: " + e.getMessage());
+            return false;
+        }
+        return false;
+    }
+
+    private static void invalidateSession() {
         session = null;
         userInfo = null;
-        try { Files.deleteIfExists(AUTH_FILE); } catch (Exception ignored) {}
-        return false;
+        try {
+            Files.deleteIfExists(AUTH_FILE);
+            LauncherLogger.info("Session invalidated, auth.json deleted");
+        } catch (Exception e) {
+            LauncherLogger.error("Failed to delete auth.json", e);
+        }
     }
 
     private static void saveSession() {
         try {
             Files.createDirectories(AUTH_FILE.getParent());
             Files.writeString(AUTH_FILE, GSON.toJson(session));
+            LauncherLogger.info("Session saved to " + AUTH_FILE);
         } catch (IOException e) {
-            System.err.println(ZAnsi.yellow("Failed to save session: " + e.getMessage()));
+            LauncherLogger.error("Failed to save session", e);
         }
     }
 
@@ -180,14 +254,25 @@ public class AuthManager {
                 if (conn != null) conn.disconnect();
             }
         } catch (Exception e) {
-            System.err.println("Failed to get UserInfo: " + e.getMessage());
+            LauncherLogger.warn("Failed to get UserInfo: " + e.getMessage());
             return null;
         }
     }
 
     public static boolean hasPass() {
+        if (!isLoggedIn()) return false;
         if (userInfo != null) return userInfo.has_pass;
-        return getRole() >= ROLE_PASS_HOLDER;
+        if (getRole() >= ROLE_PASS_HOLDER) return true;
+        try {
+            String response = ZHttpClient.get("/auth/pass/my");
+            JsonObject json = JsonParser.parseString(response).getAsJsonObject();
+            if (json.has("has_active")) {
+                return json.get("has_active").getAsBoolean();
+            }
+        } catch (Exception e) {
+            LauncherLogger.warn("Failed to check pass: " + e.getMessage());
+        }
+        return false;
     }
 
     public static boolean canViewPacks() {
@@ -277,16 +362,30 @@ public class AuthManager {
         return body.length() > 200 ? body.substring(0, 200) + "..." : body;
     }
 
+    public static void updateRole(int newRole) {
+        if (session != null) {
+            session.role = newRole;
+            saveSession();
+        }
+        refreshUserInfo();
+    }
+
+    public static void refreshUserInfo() {
+        UserInfo fresh = fetchUserInfo();
+        if (fresh != null) {
+            userInfo = fresh;
+            if (session != null) {
+                session.role = fresh.role;
+            }
+        }
+        if (session != null) {
+            saveSession();
+        }
+    }
+
     public static boolean hasActivePass() {
         if (!isLoggedIn()) return false;
-        try {
-            String response = ZHttpClient.get("/auth/pass/my");
-            JsonObject json = JsonParser.parseString(response).getAsJsonObject();
-            return json.has("has_active") && json.get("has_active").getAsBoolean();
-        } catch (Exception e) {
-            System.err.println(ZAnsi.red("Failed to check pass: ") + e.getMessage());
-            return false;
-        }
+        return hasPass();
     }
     
     public static String getPassStatus() {
@@ -305,7 +404,7 @@ public class AuthManager {
         @SerializedName("access_token") public String accessToken;
         @SerializedName("refresh_token") public String refreshToken;
         @SerializedName("expires_in") public int expiresIn;
-        public transient long expiresAt;
+        public long expiresAt;
         public String username;
         public String uuid;
         public int role;
@@ -341,6 +440,20 @@ public class AuthManager {
         public static AuthResult ok() { return new AuthResult(true, null); }
         public static AuthResult fail(String msg) { return new AuthResult(false, msg); }
     }
+
+    // === TEST HELPERS ===
+    static void resetForTest() {
+        session = null;
+        userInfo = null;
+    }
+
+    static void setTestSession(AuthSession s) {
+        session = s;
+    }
+
+    static void setTestUserInfo(UserInfo u) {
+        userInfo = u;
+    }
 }
 
 class SimpleHttpResponse {
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/minecraft/PackDownloader.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/minecraft/PackDownloader.java
index d063ff8..fae0515 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/minecraft/PackDownloader.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/minecraft/PackDownloader.java
@@ -8,6 +8,7 @@ import com.google.gson.JsonObject;
 import com.google.gson.JsonParser;
 
 import me.sashegdev.zernmc.launcher.auth.AuthManager;
+import me.sashegdev.zernmc.launcher.utils.LauncherLogger;
 import me.sashegdev.zernmc.launcher.utils.ProgressBar;
 import me.sashegdev.zernmc.launcher.utils.ZAnsi;
 import me.sashegdev.zernmc.launcher.utils.ZHttpClient;
@@ -118,7 +119,7 @@ public class PackDownloader {
                 result.add(new ServerPack(name, version, minecraftVersion, loaderType, 
                         loaderVersion, updatedAt, filesCount));
             } catch (Exception e) {
-                System.err.println("Error parsing pack: " + e.getMessage());
+                LauncherLogger.warn("Error parsing pack: " + e.getMessage());
             }
         }
 
@@ -137,7 +138,7 @@ public class PackDownloader {
      * Install or update a pack from the server
      */
     public boolean installOrUpdatePack(String packName, ServerPack serverPack) throws Exception {
-        System.out.println(ZAnsi.cyan("Installing pack " + packName + " from server..."));
+        LauncherLogger.info("Installing pack " + packName + " from server...");
         
         // 1. Get manifest
         PackManifest manifest = getPackManifest(packName);
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/ArrowMenu.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/ArrowMenu.java
index 45ce4b1..866214e 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/ArrowMenu.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/ArrowMenu.java
@@ -59,7 +59,7 @@ public class ArrowMenu {
                     if (next == -1) {
                         return -1;
                     }
-                    if (next == 0x5B) { // '['
+                    if (next == 0x5B || next == 0x4F) { // '[' (CSI) or 'O' (SS3)
                         int arrow = nonBlockingRead();
                         if (arrow == 0x41) { // Up
                             selected = (selected - 1 + options.size()) % options.size();
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/jfx/JFXLauncher.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/jfx/JFXLauncher.java
index 3ab3d6a..19b36c8 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/jfx/JFXLauncher.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/ui/jfx/JFXLauncher.java
@@ -14,14 +14,20 @@ import me.sashegdev.zernmc.launcher.auth.AuthManager;
 import me.sashegdev.zernmc.launcher.minecraft.Instance;
 import me.sashegdev.zernmc.launcher.minecraft.InstanceManager;
 import me.sashegdev.zernmc.launcher.minecraft.MinecraftLib;
+import me.sashegdev.zernmc.launcher.minecraft.PackDownloader;
+import me.sashegdev.zernmc.launcher.minecraft.ServerPack;
 import me.sashegdev.zernmc.launcher.minecraft.launch.LaunchCommandBuilder;
 import me.sashegdev.zernmc.launcher.utils.Config;
+import me.sashegdev.zernmc.launcher.utils.LauncherLogger;
 
+import java.awt.Desktop;
 import java.io.BufferedReader;
+import java.io.IOException;
 import java.io.InputStream;
 import java.io.OutputStream;
 import java.io.InputStreamReader;
 import java.net.HttpURLConnection;
+import me.sashegdev.zernmc.launcher.utils.ZHttpClient;
 import java.net.URL;
 import java.util.jar.JarEntry;
 import java.util.jar.JarFile;
@@ -33,7 +39,9 @@ import java.nio.file.Paths;
 import java.nio.file.StandardOpenOption;
 import java.time.LocalDateTime;
 import java.time.format.DateTimeFormatter;
+import java.util.ArrayList;
 import java.util.HashMap;
+import java.util.List;
 import java.util.Map;
 import java.util.concurrent.Executors;
 import com.sun.net.httpserver.HttpServer;
@@ -41,7 +49,7 @@ import com.sun.net.httpserver.HttpExchange;
 import com.sun.net.httpserver.Headers;
 
 public class JFXLauncher extends Application {
-    private static final int PORT = 8080;
+    private static int PORT = 8080;
     private static final String APP_TITLE = "ZernMC Launcher";
     private static final String LAUNCHER_SERVER = System.getProperty("launcher.server", "http://87.120.187.36:1582");
     private final LauncherAPI api = new LauncherAPI();
@@ -57,6 +65,9 @@ public class JFXLauncher extends Application {
     private static volatile int installProgressCurrent = 0;
     private static volatile int installProgressTotal = 100;
     private static volatile boolean installInProgress = false;
+    private static volatile String installStageName = "";
+    private static volatile int installStageIndex = 0;
+    private static volatile int installStageCount = 1;
     
     private static final java.util.concurrent.CopyOnWriteArrayList<LogConsumer> logConsumers = new java.util.concurrent.CopyOnWriteArrayList<>();
     private static final java.util.concurrent.CopyOnWriteArrayList<LogConsumer> gameLogConsumers = new java.util.concurrent.CopyOnWriteArrayList<>();
@@ -86,6 +97,21 @@ public class JFXLauncher extends Application {
         installProgressCurrent = current;
         installProgressTotal = total;
     }
+
+    public static void setInstallStage(String stageName, int stageIndex, int stageCount) {
+        installStageName = stageName;
+        installStageIndex = stageIndex;
+        installStageCount = stageCount;
+    }
+
+    public static void setInstallProgressWithStage(String label, int current, int total, String stageName, int stageIndex, int stageCount) {
+        installProgressLabel = label;
+        installProgressCurrent = current;
+        installProgressTotal = total;
+        installStageName = stageName;
+        installStageIndex = stageIndex;
+        installStageCount = stageCount;
+    }
     
     public static void setInstallInProgress(boolean inProgress) {
         installInProgress = inProgress;
@@ -95,30 +121,31 @@ public class JFXLauncher extends Application {
         return installInProgress;
     }
     
-    public static void appendLauncherLog(String log) {
+    public static void appendLauncherLog(String msg) {
         synchronized (launcherLogBuffer) {
-            launcherLogBuffer.append(log).append("\n");
+            launcherLogBuffer.append(msg).append("\n");
         }
+        LauncherLogger.info("[EXT] " + msg);
         for (LogConsumer consumer : logConsumers) {
-            try { consumer.onLog(log); } catch (Exception ignored) {}
+            try { consumer.onLog(msg); } catch (Exception ignored) {}
         }
     }
     
-    public static void appendGameLog(String log) {
-        System.out.println("[GAME] " + log);
+    public static void appendGameLog(String msg) {
         synchronized (gameLogBuffer) {
-            gameLogBuffer.append(log).append("\n");
+            gameLogBuffer.append(msg).append("\n");
             
             if (gameLogFile != null) {
                 try {
                     String timestamp = LocalDateTime.now().format(DateTimeFormatter.ofPattern("HH:mm:ss"));
-                    Files.writeString(gameLogFile, "[" + timestamp + "] " + log + "\n", 
+                    Files.writeString(gameLogFile, "[" + timestamp + "] " + msg + "\n", 
                         StandardOpenOption.CREATE, StandardOpenOption.APPEND);
                 } catch (Exception ignored) {}
             }
         }
+        LauncherLogger.info("[GAME] " + msg);
         for (LogConsumer consumer : gameLogConsumers) {
-            try { consumer.onLog(log); } catch (Exception ignored) {}
+            try { consumer.onLog(msg); } catch (Exception ignored) {}
         }
     }
     
@@ -281,18 +308,37 @@ public class JFXLauncher extends Application {
         this.mainStage = stage;
 
         try {
-            // Initialize launcher log file
-            Path logsDir = Paths.get("logs");
-            Files.createDirectories(logsDir);
-            launcherLogFile = logsDir.resolve("launcher.log");
-            Files.writeString(launcherLogFile, "=== Launcher Log " + LocalDateTime.now() + " ===\n",
-                StandardOpenOption.CREATE, StandardOpenOption.TRUNCATE_EXISTING);
+            launcherLogFile = LauncherLogger.getLogFile();
 
             extractAssets();
             log("Starting JFX UI...");
+            log("Loading saved session...");
+            boolean sessionLoaded = false;
+            try {
+                sessionLoaded = AuthManager.loadSavedSession();
+            } catch (Exception e) {
+                log("Session load error: " + e.getMessage());
+            }
+            if (sessionLoaded) {
+                log("Session loaded for: " + AuthManager.getUsername());
+                log("Pass active: " + AuthManager.hasActivePass());
+                log("Role: " + AuthManager.getRole() + " (" + AuthManager.getRoleName() + ")");
+            } else {
+                log("No saved session found, will show login screen");
+            }
+            log("Starting background network init...");
+            new Thread(() -> {
+                try {
+                    ZHttpClient.checkAllServicesOnStartup();
+                    log("Network init complete");
+                } catch (Exception e) {
+                    log("Network init warning: " + e.getMessage());
+                }
+            }, "network-init").start();
             startServer();
 
             WebView webView = new WebView();
+            webView.setContextMenuEnabled(false);
             WebEngine engine = webView.getEngine();
             engine.setJavaScriptEnabled(true);
 
@@ -305,14 +351,67 @@ public class JFXLauncher extends Application {
                 }
             });
             
-            engine.setOnAlert(e -> log("[UI] Alert: " + e.getData()));
+            // Capture JS console.log/error via alert bridge
+            engine.setOnAlert(e -> {
+                String msg = e.getData();
+                if (msg.startsWith("[LOG] ")) {
+                    System.out.println("[JS] " + msg.substring(6));
+                } else if (msg.startsWith("[ERR] ")) {
+                    System.err.println("[JS] " + msg.substring(6));
+                } else {
+                    log("[UI] Alert: " + msg);
+                }
+            });
+
+            engine.getLoadWorker().stateProperty().addListener((obs, oldState, newState) -> {
+                if (newState == Worker.State.SUCCEEDED) {
+                    // Override console.log/error to use alert bridge
+                    engine.executeScript(
+                        "if (!window._consoleOverridden) {" +
+                        "  window._consoleOverridden = true;" +
+                        "  var _origLog = console.log;" +
+                        "  var _origErr = console.error;" +
+                        "  console.log = function() {" +
+                        "    var args = Array.prototype.slice.call(arguments).map(function(a){return typeof a==='object'?JSON.stringify(a):String(a)});" +
+                        "    alert('[LOG] ' + args.join(' '));" +
+                        "    _origLog.apply(console, arguments);" +
+                        "  };" +
+                        "  console.error = function() {" +
+                        "    var args = Array.prototype.slice.call(arguments).map(function(a){return typeof a==='object'?JSON.stringify(a):String(a)});" +
+                        "    alert('[ERR] ' + args.join(' '));" +
+                        "    _origErr.apply(console, arguments);" +
+                        "  };" +
+                        "}"
+                    );
+                    engine.executeScript(
+                        "window.open = function(url, name, features) {" +
+                        "  var req = new XMLHttpRequest();" +
+                        "  req.open('POST', '/api/open-url', false);" +
+                        "  req.send(JSON.stringify({url: url}));" +
+                        "  return window;" +
+                        "};" +
+                        "document.addEventListener('click', function(e) {" +
+                        "  var target = e.target;" +
+                        "  while (target && target.tagName !== 'A') target = target.parentNode;" +
+                        "  if (target && target.href && target.href !== '#' && !target.href.startsWith('http://localhost:" + PORT + "/')) {" +
+                        "    e.preventDefault();" +
+                        "    var req = new XMLHttpRequest();" +
+                        "    req.open('POST', '/api/open-url', false);" +
+                        "    req.send(JSON.stringify({url: target.href}));" +
+                        "  }" +
+                        "}, true);"
+                    );
+                }
+            });
 
             String url = "http://localhost:" + PORT + "/assets/ui/index.html";
             engine.load(url);
 
             stage.setTitle(APP_TITLE);
-            stage.setWidth(1280);
-            stage.setHeight(800);
+            int winW = Config.getWindowWidth();
+            int winH = Config.getWindowHeight();
+            stage.setWidth(Math.max(winW, 800));
+            stage.setHeight(Math.max(winH, 600));
             stage.setMinWidth(800);
             stage.setMinHeight(600);
             stage.setScene(new Scene(webView));
@@ -335,7 +434,16 @@ public class JFXLauncher extends Application {
     }
 
     private void startServer() throws Exception {
-        server = HttpServer.create(new InetSocketAddress("localhost", PORT), 0);
+        int maxPortAttempts = 20;
+        for (int port = PORT; port < PORT + maxPortAttempts; port++) {
+            try {
+                server = HttpServer.create(new InetSocketAddress("127.0.0.1", port), 0);
+                PORT = port;
+                break;
+            } catch (java.net.BindException e) {
+                if (port == PORT + maxPortAttempts - 1) throw e;
+            }
+        }
 
         server.createContext("/api/login", this::handleLogin);
         server.createContext("/api/auto-login", this::handleAutoLogin);
@@ -354,9 +462,22 @@ public class JFXLauncher extends Application {
         server.createContext("/api/settings", this::handleSettings);
         server.createContext("/api/activate-pass", this::handleActivatePass);
         server.createContext("/api/register", this::handleRegister);
+        server.createContext("/api/pack-info", this::handlePackInfo);
         server.createContext("/api/shutdown", this::handleShutdown);
         server.createContext("/api/exit", this::handleExit);
+        server.createContext("/api/news", this::handleNews);
+        server.createContext("/api/open-url", this::handleOpenUrl);
         server.createContext("/api/exit-parent", this::handleExitParent);
+        server.createContext("/api/system-info", this::handleSystemInfo);
+        server.createContext("/api/open-log-file", this::handleOpenLogFile);
+        server.createContext("/api/friends/list", this::handleFriendList);
+        server.createContext("/api/friends/add", this::handleFriendAdd);
+        server.createContext("/api/friends/remove", this::handleFriendRemove);
+        server.createContext("/api/friends/accept", this::handleFriendAccept);
+        server.createContext("/api/friends/requests", this::handleFriendRequests);
+        server.createContext("/api/friends/status", this::handleFriendStatus);
+        server.createContext("/api/playtime/sync", this::handlePlaytimeSync);
+        server.createContext("/api/playtime/stats", this::handlePlaytimeStats);
         server.createContext("/assets/", this::handleStatic);
 
         server.setExecutor(Executors.newCachedThreadPool());
@@ -369,8 +490,51 @@ public class JFXLauncher extends Application {
         if (server != null) server.stop(0);
     }
 
+    private void handleSystemInfo(HttpExchange exchange) {
+        try {
+            Map<String, Object> info = new HashMap<>();
+            info.put("cpuCores", Config.getSystemCpuCores());
+            info.put("totalRamMB", Config.getSystemTotalRamMB());
+            info.put("systemJvmFlags", Config.getSystemJvmFlags());
+            sendJson(exchange, Map.of("success", true, "data", info));
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handleOpenLogFile(HttpExchange exchange) {
+        try {
+            if (gameLogFile != null && Files.exists(gameLogFile)) {
+                if (Desktop.isDesktopSupported()) {
+                    Desktop.getDesktop().open(gameLogFile.toFile());
+                    sendJson(exchange, Map.of("success", true));
+                } else {
+                    sendJson(exchange, Map.of("success", false, "error", "Desktop not supported"));
+                }
+            } else {
+                sendJson(exchange, Map.of("success", false, "error", "No game log file found"));
+            }
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handleOpenUrl(HttpExchange exchange) {
+        try {
+            Map<String, String> body = parseJson(exchange.getRequestBody());
+            String url = body.get("url");
+            if (url != null && !url.isEmpty()) {
+                openInBrowser(url);
+            }
+            sendJson(exchange, Map.of("success", true));
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
     private void handleLogin(HttpExchange exchange) {
         try {
+            log("handleLogin: " + exchange.getRequestMethod() + " from " + exchange.getRemoteAddress());
             if (!"POST".equals(exchange.getRequestMethod())) {
                 sendJson(exchange, Map.of("success", false, "error", "Method not supported"));
                 return;
@@ -385,19 +549,27 @@ public class JFXLauncher extends Application {
                 Map<String, Object> data = new HashMap<>();
                 data.put("username", result.getData().getUsername());
                 data.put("token", result.getData().getToken());
+                data.put("passActive", AuthManager.hasActivePass());
+                data.put("role", AuthManager.getRole());
+                data.put("roleName", AuthManager.getRoleName());
                 sendJson(exchange, Map.of("success", true, "data", data));
-                log("Login: " + username);
+                log("Login success: " + username);
             } else {
+                log("Login failed: " + result.getError());
                 sendJson(exchange, Map.of("success", false, "error", result.getError()));
             }
         } catch (Exception e) {
+            log("Login error: " + e.getMessage());
+            e.printStackTrace();
             sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
         }
     }
 
     private void handleAccount(HttpExchange exchange) {
         try {
+            log("handleAccount: isLoggedIn=" + api.isLoggedIn());
             if (!api.isLoggedIn()) {
+                log("handleAccount: not authenticated");
                 sendJson(exchange, Map.of("success", false, "error", "Not authenticated"));
                 return;
             }
@@ -414,18 +586,27 @@ public class JFXLauncher extends Application {
     
     private void handleAutoLogin(HttpExchange exchange) {
         try {
-            if (AuthManager.loadSavedSession()) {
+            boolean loggedIn = AuthManager.isLoggedIn();
+            boolean authExists = AuthManager.authFileExists();
+            System.out.println("[AUTH] handleAutoLogin: isLoggedIn=" + loggedIn + " authFile=" + authExists);
+            log("handleAutoLogin: isLoggedIn=" + loggedIn + " authFile=" + authExists);
+            if (AuthManager.tryAutoLogin()) {
                 Map<String, Object> data = new HashMap<>();
                 data.put("username", AuthManager.getUsername());
                 data.put("passActive", AuthManager.hasActivePass());
                 data.put("role", AuthManager.getRole());
                 data.put("roleName", AuthManager.getRoleName());
                 sendJson(exchange, Map.of("success", true, "data", data, "autoLogin", true));
+                System.out.println("[AUTH] Auto-login performed: " + AuthManager.getUsername());
                 log("Auto-login performed: " + AuthManager.getUsername());
             } else {
+                System.out.println("[AUTH] handleAutoLogin: no valid session (authFile=" + authExists + ")");
+                log("handleAutoLogin: no valid session (authFile=" + authExists + ")");
                 sendJson(exchange, Map.of("success", false, "autoLogin", false));
             }
         } catch (Exception e) {
+            System.out.println("[AUTH] handleAutoLogin error: " + e.getMessage());
+            log("handleAutoLogin error: " + e.getMessage());
             sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
         }
     }
@@ -461,7 +642,11 @@ public class JFXLauncher extends Application {
                 sendJson(exchange, Map.of("success", false, "error", "Pack not found"));
                 return;
             }
+            
+            log("handleLaunch: " + name + " isServerPack=" + instance.isServerPack() + " hasPass=" + AuthManager.hasActivePass() + " isLoggedIn=" + api.isLoggedIn());
+            
             if (instance.isServerPack() && !AuthManager.hasActivePass()) {
+                log("handleLaunch: server pack requires active pass");
                 sendJson(exchange, Map.of("success", false, "error", "Server pack requires an active pass"));
                 return;
             }
@@ -472,11 +657,13 @@ public class JFXLauncher extends Application {
                 data.put("pid", result.getData().getPid());
                 data.put("status", result.getData().getStatus());
                 sendJson(exchange, Map.of("success", true, "data", data));
-                log("Launched: " + name);
+                log("Launched: " + name + " pid=" + result.getData().getPid());
             } else {
+                log("Launch failed: " + result.getError());
                 sendJson(exchange, Map.of("success", false, "error", result.getError()));
             }
         } catch (Exception e) {
+            log("handleLaunch error: " + e.getMessage());
             sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
         }
     }
@@ -509,37 +696,67 @@ public class JFXLauncher extends Application {
 
             Instance instance = InstanceManager.getInstance(name);
             if (instance != null) {
-                instance.setMinecraftVersion(version);
-                instance.setLoaderType(loader);
-                if (loaderVersion != null) {
-                    instance.setLoaderVersion(loaderVersion);
+                if (!"zernmc".equalsIgnoreCase(loader)) {
+                    instance.setMinecraftVersion(version);
+                    instance.setLoaderType(loader);
+                    if (loaderVersion != null) {
+                        instance.setLoaderVersion(loaderVersion);
+                    }
                 }
                 
                 sendJson(exchange, Map.of("success", true, "message", "Installation started"));
                 
                 setInstallInProgress(true);
-                setInstallProgress("Preparing...", 0, 100);
+                setInstallProgressWithStage("Preparing...", 0, 100, "Preparing", 0, 4);
                 
                 Thread installThread = new Thread(() -> {
                     try {
-                        MinecraftLib lib = new MinecraftLib(instance);
-                        
                         boolean success = false;
-                        if ("vanilla".equalsIgnoreCase(loader)) {
-                            success = lib.installMinecraft(version);
+                        
+                        if ("zernmc".equalsIgnoreCase(loader)) {
+                            setInstallProgressWithStage("Fetching pack info...", 10, 100, "Fetching pack info", 1, 4);
+                            PackDownloader downloader = new PackDownloader(instance);
+                            var packs = downloader.getAvailablePacks();
+                            ServerPack pack = null;
+                            for (ServerPack p : packs) {
+                                if (p.getName().equals(version)) {
+                                    pack = p;
+                                    break;
+                                }
+                            }
+                            if (pack != null) {
+                                setInstallProgressWithStage("Downloading pack files...", 30, 100, "Downloading", 2, 4);
+                                success = downloader.installOrUpdatePack(version, pack);
+                                if (success) {
+                                    setInstallProgressWithStage("Finalizing...", 90, 100, "Finalizing", 3, 4);
+                                }
+                            } else {
+                                log("Install error: pack not found on server: " + version + " (available: " + (packs != null ? packs.size() : 0) + ")");
+                            }
                         } else {
-                            success = lib.installPack(name, version, loader, loaderVersion != null ? loaderVersion : "");
+                            MinecraftLib lib = new MinecraftLib(instance);
+                            setInstallProgressWithStage("Installing Minecraft...", 20, 100, "Installing Minecraft", 1, 3);
+                            if ("vanilla".equalsIgnoreCase(loader)) {
+                                success = lib.installMinecraft(version);
+                            } else {
+                                setInstallProgressWithStage("Installing loader...", 30, 100, "Installing loader", 1, 3);
+                                success = lib.installPack(name, version, loader, loaderVersion != null ? loaderVersion : "");
+                            }
+                            setInstallProgressWithStage("Finalizing...", 90, 100, "Finalizing", 2, 3);
                         }
                         
                         setInstallInProgress(false);
                         if (success) {
+                            setInstallProgressWithStage("Installation complete!", 100, 100, "Done", 0, 1);
                             log("Installed: " + name);
                         } else {
+                            setInstallProgressWithStage("Installation failed", 0, 100, "Failed", 0, 1);
                             log("Install error: " + name);
                         }
                     } catch (Exception e) {
                         log("Install error: " + e.getMessage());
                         setInstallInProgress(false);
+                        setInstallProgressWithStage("Error: " + e.getMessage(), 0, 100, "Error", 0, 1);
                     }
                 });
                 installThread.setDaemon(true);
@@ -561,6 +778,9 @@ public class JFXLauncher extends Application {
             progress.put("current", installProgressCurrent);
             progress.put("total", installProgressTotal);
             progress.put("inProgress", installInProgress);
+            progress.put("stageName", installStageName);
+            progress.put("stageIndex", installStageIndex);
+            progress.put("stageCount", Math.max(installStageCount, 1));
             
             if (installInProgress && installProgressTotal > 0) {
                 progress.put("percent", (int) ((installProgressCurrent * 100.0) / installProgressTotal));
@@ -579,6 +799,7 @@ public class JFXLauncher extends Application {
     }
 
     private void handleLogsStream(HttpExchange exchange) {
+        final LogConsumer[] consumerRef = new LogConsumer[1];
         try {
             exchange.getResponseHeaders().set("Content-Type", "text/event-stream");
             exchange.getResponseHeaders().set("Cache-Control", "no-cache");
@@ -586,7 +807,6 @@ public class JFXLauncher extends Application {
             exchange.sendResponseHeaders(200, 0);
 
             final OutputStream os = exchange.getResponseBody();
-            int[] lastLength = {getLauncherLogs().length()};
 
             LogConsumer consumer = new LogConsumer() {
                 @Override
@@ -600,25 +820,30 @@ public class JFXLauncher extends Application {
                     }
                 }
             };
+            consumerRef[0] = consumer;
 
             addLogConsumer(consumer);
 
+            Thread.currentThread().setName("sse-logs-stream");
             while (!Thread.currentThread().isInterrupted()) {
-                Thread.sleep(10000);
+                try {
+                    os.write(": heartbeat\n\n".getBytes(StandardCharsets.UTF_8));
+                    os.flush();
+                    Thread.sleep(10000);
+                } catch (InterruptedException e) { break; } catch (Exception e) { break; }
             }
         } catch (Exception ignored) {} finally {
-            removeLogConsumer(consumer);
+            if (consumerRef[0] != null) removeLogConsumer(consumerRef[0]);
             try { exchange.getResponseBody().close(); } catch (Exception ignored) {}
         }
     }
 
-    private LogConsumer consumer = null;
-
     private void handleGameLogs(HttpExchange exchange) {
         sendJson(exchange, Map.of("success", true, "data", getGameLogs()));
     }
 
     private void handleGameLogsStream(HttpExchange exchange) {
+        final LogConsumer[] consumerRef = new LogConsumer[1];
         try {
             exchange.getResponseHeaders().set("Content-Type", "text/event-stream");
             exchange.getResponseHeaders().set("Cache-Control", "no-cache");
@@ -627,7 +852,7 @@ public class JFXLauncher extends Application {
 
             final OutputStream os = exchange.getResponseBody();
 
-            consumer = new LogConsumer() {
+            LogConsumer consumer = new LogConsumer() {
                 @Override
                 public synchronized void onLog(String line) {
                     try {
@@ -639,17 +864,20 @@ public class JFXLauncher extends Application {
                     }
                 }
             };
+            consumerRef[0] = consumer;
 
             addGameLogConsumer(consumer);
 
+            Thread.currentThread().setName("sse-game-logs-stream");
             while (!Thread.currentThread().isInterrupted()) {
-                Thread.sleep(10000);
+                try {
+                    os.write(": heartbeat\n\n".getBytes(StandardCharsets.UTF_8));
+                    os.flush();
+                    Thread.sleep(10000);
+                } catch (InterruptedException e) { break; } catch (Exception e) { break; }
             }
         } catch (Exception ignored) {} finally {
-            if (consumer != null) {
-                removeGameLogConsumer(consumer);
-            }
-            consumer = null;
+            if (consumerRef[0] != null) removeGameLogConsumer(consumerRef[0]);
             try { exchange.getResponseBody().close(); } catch (Exception ignored) {}
         }
     }
@@ -697,6 +925,26 @@ public class JFXLauncher extends Application {
         }
     }
 
+    private void handleNews(HttpExchange exchange) {
+        try {
+            var url = new java.net.URL(ZHttpClient.getBaseUrl() + "/news");
+            var conn = (HttpURLConnection) url.openConnection();
+            conn.setRequestMethod("GET");
+            conn.setConnectTimeout(5000);
+            conn.setReadTimeout(5000);
+            int code = conn.getResponseCode();
+            if (code == 200) {
+                byte[] body = conn.getInputStream().readAllBytes();
+                var raw = new String(body, java.nio.charset.StandardCharsets.UTF_8);
+                sendJson(exchange, Map.of("success", true, "data", raw));
+            } else {
+                sendJson(exchange, Map.of("success", false, "error", "Server returned " + code));
+            }
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
     private void handleActivatePass(HttpExchange exchange) {
         try {
             if (!api.isLoggedIn()) {
@@ -704,7 +952,7 @@ public class JFXLauncher extends Application {
                 return;
             }
             Map<String, String> body = parseJson(exchange.getRequestBody());
-            String code = body.get("code");
+            String code = body.get("pass_code");
             if (code == null || code.isEmpty()) {
                 sendJson(exchange, Map.of("success", false, "error", "Enter pass code"));
                 return;
@@ -735,6 +983,9 @@ public class JFXLauncher extends Application {
                 Map<String, Object> data = new HashMap<>();
                 data.put("username", result.getData().getUsername());
                 data.put("token", result.getData().getToken());
+                data.put("passActive", AuthManager.hasActivePass());
+                data.put("role", AuthManager.getRole());
+                data.put("roleName", AuthManager.getRoleName());
                 sendJson(exchange, Map.of("success", true, "data", data));
                 log("Registered: " + username);
             } else {
@@ -745,8 +996,76 @@ public class JFXLauncher extends Application {
         }
     }
 
+    private void handlePackInfo(HttpExchange exchange) {
+        try {
+            Map<String, String> params = parseQuery(exchange.getRequestURI().getQuery());
+            String name = params.get("name");
+            if (name == null || name.isEmpty()) {
+                sendJson(exchange, Map.of("success", false, "error", "Missing pack name"));
+                return;
+            }
+            Instance instance = InstanceManager.getInstance(name);
+            if (instance == null) {
+                sendJson(exchange, Map.of("success", false, "error", "Pack not found"));
+                return;
+            }
+            Path dir = instance.getPath();
+            Map<String, Object> info = new HashMap<>();
+            
+            int modsCount = 0;
+            Path modsDir = dir.resolve("mods");
+            if (Files.exists(modsDir)) {
+                try (var files = Files.list(modsDir)) {
+                    modsCount = (int) files.filter(p -> p.toString().endsWith(".jar")).count();
+                }
+            }
+            info.put("modsCount", modsCount);
+            
+            List<String> screenshots = new ArrayList<>();
+            Path screenshotsDir = dir.resolve("screenshots");
+            if (Files.exists(screenshotsDir)) {
+                try (var files = Files.list(screenshotsDir)) {
+                    files.filter(p -> {
+                        String n = p.getFileName().toString().toLowerCase();
+                        return n.endsWith(".png") || n.endsWith(".jpg");
+                    }).limit(20).forEach(p -> screenshots.add(p.getFileName().toString()));
+                }
+            }
+            info.put("screenshots", screenshots);
+            
+            List<String> worlds = new ArrayList<>();
+            Path savesDir = dir.resolve("saves");
+            if (Files.exists(savesDir)) {
+                try (var dirs = Files.list(savesDir)) {
+                    dirs.filter(Files::isDirectory).limit(20).forEach(p -> worlds.add(p.getFileName().toString()));
+                }
+            }
+            info.put("worlds", worlds);
+            
+            List<String> recentLogs = new ArrayList<>();
+            Path logsDir = dir.resolve("logs");
+            if (Files.exists(logsDir)) {
+                try (var files = Files.list(logsDir)) {
+                    files.filter(p -> p.toString().endsWith(".log") || p.toString().endsWith(".txt"))
+                         .sorted((a, b) -> {
+                             try { return Long.compare(Files.getLastModifiedTime(b).toMillis(), Files.getLastModifiedTime(a).toMillis()); }
+                             catch (Exception e) { return 0; }
+                         })
+                         .limit(5)
+                         .forEach(p -> recentLogs.add(p.getFileName().toString()));
+                }
+            }
+            info.put("recentLogs", recentLogs);
+            
+            sendJson(exchange, Map.of("success", true, "data", info));
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
     private void handleSettings(HttpExchange exchange) {
         try {
+            log("handleSettings: " + exchange.getRequestMethod());
             if ("POST".equals(exchange.getRequestMethod())) {
                 Map<String, String> body = parseJson(exchange.getRequestBody());
                 if (body.containsKey("maxMemory")) {
@@ -764,7 +1083,16 @@ public class JFXLauncher extends Application {
                 if (body.containsKey("javaPath")) {
                     Config.setJavaPath(body.get("javaPath"));
                 }
-                sendJson(exchange, Map.of("success", true));
+                if (body.containsKey("locale")) {
+                    Config.setLocale(body.get("locale"));
+                }
+                if (body.containsKey("systemBasedJvm")) {
+                    Config.setSystemBasedJvm(Boolean.parseBoolean(body.get("systemBasedJvm")));
+                }
+                Map<String, Object> res = new HashMap<>();
+                res.put("success", true);
+                res.put("maxMemory", Config.getMaxMemory());
+                sendJson(exchange, res);
                 return;
             }
             Map<String, Object> data = new HashMap<>();
@@ -775,6 +1103,10 @@ public class JFXLauncher extends Application {
             data.put("windowHeight", Config.getWindowHeight());
             data.put("extraJvmArgs", Config.getExtraJvmArgs());
             data.put("javaPath", Config.getJavaPath());
+            data.put("locale", Config.getLocale());
+            data.put("systemBasedJvm", Config.isSystemBasedJvm());
+            data.put("cpuCores", Config.getSystemCpuCores());
+            data.put("totalRamMB", Config.getSystemTotalRamMB());
             sendJson(exchange, Map.of("success", true, "data", data));
         } catch (Exception e) {
             sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
@@ -824,9 +1156,17 @@ public class JFXLauncher extends Application {
             log("[UI] Request: " + path);
 
             String relativePath = path.startsWith("/") ? path.substring(1) : path;
-            Path file = Paths.get(relativePath).toAbsolutePath();
+            Path file = Paths.get(relativePath).toAbsolutePath().normalize();
+            Path assetsDir = Paths.get("assets").toAbsolutePath().normalize();
 
-            if (!Files.exists(file)) {
+            if (!file.startsWith(assetsDir)) {
+                log("[UI] Forbidden: " + file);
+                exchange.sendResponseHeaders(403, 0);
+                exchange.close();
+                return;
+            }
+
+            if (!Files.exists(file) || Files.isDirectory(file)) {
                 log("[UI] File not found: " + file);
                 exchange.sendResponseHeaders(404, 0);
                 exchange.close();
@@ -853,15 +1193,51 @@ public class JFXLauncher extends Application {
         return "text/plain";
     }
 
-    @SuppressWarnings("unchecked")
     private Map<String, String> parseJson(InputStream body) {
         try {
-            return gson.fromJson(new String(body.readAllBytes(), StandardCharsets.UTF_8), Map.class);
+            byte[] rawBytes = body.readAllBytes();
+            log("parseJson: " + rawBytes.length + " bytes");
+            String raw = new String(rawBytes, StandardCharsets.UTF_8);
+            Map<?, ?> rawMap = gson.fromJson(raw, Map.class);
+            Map<String, String> result = new HashMap<>();
+            if (rawMap != null) {
+                for (Map.Entry<?, ?> entry : rawMap.entrySet()) {
+                    String key = entry.getKey() != null ? entry.getKey().toString() : null;
+                    String value = null;
+                    Object v = entry.getValue();
+                    if (v instanceof Number) {
+                        Number n = (Number) v;
+                        if (n.doubleValue() == n.longValue()) {
+                            value = String.valueOf(n.longValue());
+                        } else {
+                            value = String.valueOf(n.doubleValue());
+                        }
+                    } else {
+                        value = v != null ? v.toString() : null;
+                    }
+                    if (key != null) result.put(key, value);
+                }
+            }
+            return result;
         } catch (Exception e) {
+            log("parseJson error: " + e.getMessage());
             return new HashMap<>();
         }
     }
 
+    private void openInBrowser(String url) {
+        if (url == null || url.isEmpty()) return;
+        try {
+            java.awt.Desktop.getDesktop().browse(new java.net.URI(url));
+        } catch (Exception e) {
+            try {
+                new ProcessBuilder("xdg-open", url).start();
+            } catch (Exception e2) {
+                log("Failed to open browser: " + e2.getMessage());
+            }
+        }
+    }
+
     private void sendJson(HttpExchange exchange, Map<String, Object> response) {
         try {
             String json = gson.toJson(response);
@@ -870,21 +1246,135 @@ public class JFXLauncher extends Application {
             exchange.sendResponseHeaders(200, bytes.length);
             exchange.getResponseBody().write(bytes);
             exchange.close();
-        } catch (Exception ignored) {}
+        } catch (Exception e) {
+            log("sendJson error: " + e.getMessage());
+        }
+    }
+
+    private void sendRawJson(HttpExchange exchange, String json) {
+        try {
+            byte[] bytes = json.getBytes(StandardCharsets.UTF_8);
+            exchange.getResponseHeaders().set("Content-Type", "application/json; charset=utf-8");
+            exchange.sendResponseHeaders(200, bytes.length);
+            exchange.getResponseBody().write(bytes);
+            exchange.close();
+        } catch (Exception e) {
+            log("sendRawJson error: " + e.getMessage());
+        }
+    }
+
+    private String readBody(HttpExchange exchange) throws IOException {
+        return new String(exchange.getRequestBody().readAllBytes(), StandardCharsets.UTF_8);
+    }
+
+    private String remoteApiCall(String method, String path, String body) throws Exception {
+        URL url = new URL(LAUNCHER_SERVER + path);
+        HttpURLConnection conn = (HttpURLConnection) url.openConnection();
+        conn.setRequestMethod(method);
+        conn.setRequestProperty("Content-Type", "application/json");
+        conn.setRequestProperty("User-Agent", "ZernMC-Launcher/1.0");
+        String token = me.sashegdev.zernmc.launcher.auth.AuthManager.getAccessToken();
+        if (token != null && !token.isEmpty() && !token.equals("0")) {
+            conn.setRequestProperty("Authorization", "Bearer " + token);
+        }
+        conn.setConnectTimeout(10000);
+        conn.setReadTimeout(15000);
+        if (body != null && !body.isEmpty()) {
+            conn.setDoOutput(true);
+            try (OutputStream os = conn.getOutputStream()) {
+                os.write(body.getBytes(StandardCharsets.UTF_8));
+            }
+        }
+        int code = conn.getResponseCode();
+        try (InputStream is = code >= 400 ? conn.getErrorStream() : conn.getInputStream()) {
+            return new String(is.readAllBytes(), StandardCharsets.UTF_8);
+        }
+    }
+
+    private void handleFriendList(HttpExchange exchange) {
+        try {
+            String response = remoteApiCall("GET", "/api/friends/list", null);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handleFriendAdd(HttpExchange exchange) {
+        try {
+            String body = readBody(exchange);
+            String response = remoteApiCall("POST", "/api/friends/add", body);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handleFriendRemove(HttpExchange exchange) {
+        try {
+            String body = readBody(exchange);
+            String response = remoteApiCall("POST", "/api/friends/remove", body);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handleFriendAccept(HttpExchange exchange) {
+        try {
+            String body = readBody(exchange);
+            String response = remoteApiCall("POST", "/api/friends/accept", body);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handleFriendRequests(HttpExchange exchange) {
+        try {
+            String response = remoteApiCall("GET", "/api/friends/requests", null);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handleFriendStatus(HttpExchange exchange) {
+        try {
+            String body = readBody(exchange);
+            String response = remoteApiCall("POST", "/api/friends/status", body);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handlePlaytimeSync(HttpExchange exchange) {
+        try {
+            String body = readBody(exchange);
+            String response = remoteApiCall("POST", "/api/playtime/sync", body);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
+    }
+
+    private void handlePlaytimeStats(HttpExchange exchange) {
+        try {
+            String response = remoteApiCall("GET", "/api/playtime/stats", null);
+            sendRawJson(exchange, response);
+        } catch (Exception e) {
+            sendJson(exchange, Map.of("success", false, "error", e.getMessage()));
+        }
     }
 
     private void log(String msg) {
-        String entry = "[" + java.time.LocalTime.now() + "] " + msg + "\n";
+        String timestamp = java.time.LocalTime.now().format(java.time.format.DateTimeFormatter.ofPattern("HH:mm:ss"));
+        String entry = "[" + timestamp + "] " + msg;
         synchronized (launcherLogBuffer) {
-            launcherLogBuffer.append(entry);
-        }
-        System.out.println("[JFX] " + msg);
-        if (launcherLogFile != null) {
-            try {
-                Files.writeString(launcherLogFile, entry,
-                    StandardOpenOption.CREATE, StandardOpenOption.APPEND);
-            } catch (Exception ignored) {}
+            launcherLogBuffer.append(entry).append("\n");
         }
+        LauncherLogger.info("[JFX] " + msg);
         for (LogConsumer consumer : logConsumers) {
             try { consumer.onLog(entry); } catch (Exception ignored) {}
         }
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/Config.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/Config.java
index 0eddb16..737e61a 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/Config.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/Config.java
@@ -14,17 +14,22 @@ public class Config {
 
     private static final Properties props = new Properties();
 
-    private static int maxMemory = 4096;
-    private static String serverUrl = "http://87.120.187.36:1582";
-    private static String lastUsername = "Player";
-    private static int windowWidth = 1280;
-    private static int windowHeight = 720;
-    private static String extraJvmArgs = "";
-    private static String javaPath = "java";
+    private static volatile int maxMemory = 4096;
+    private static volatile String serverUrl = "http://87.120.187.36:1582";
+    private static volatile String lastUsername = "Player";
+    private static volatile int windowWidth = 1280;
+    private static volatile int windowHeight = 720;
+    private static volatile String extraJvmArgs = "";
+    private static volatile String javaPath = "java";
+    private static volatile boolean ramManuallySet = false;
+    private static volatile String locale = "en";
+    private static volatile boolean systemBasedJvm = false;
 
     static {
         load();
-        applySmartRamRecommendation();
+        if (!ramManuallySet) {
+            applySmartRamRecommendation();
+        }
     }
 
     private static void load() {
@@ -37,12 +42,15 @@ public class Config {
             }
 
             maxMemory = Integer.parseInt(props.getProperty("maxMemory", "4096"));
+            ramManuallySet = Boolean.parseBoolean(props.getProperty("ramManuallySet", "false"));
             serverUrl = props.getProperty("serverUrl", serverUrl);
             lastUsername = props.getProperty("lastUsername", lastUsername);
             windowWidth = Integer.parseInt(props.getProperty("windowWidth", "1280"));
             windowHeight = Integer.parseInt(props.getProperty("windowHeight", "720"));
             extraJvmArgs = props.getProperty("extraJvmArgs", "");
             javaPath = props.getProperty("javaPath", "java");
+            locale = props.getProperty("locale", "en");
+            systemBasedJvm = Boolean.parseBoolean(props.getProperty("systemBasedJvm", "false"));
 
         } catch (Exception e) {
             System.err.println(ZAnsi.brightRed("Failed to load config: ") + e.getMessage());
@@ -52,12 +60,15 @@ public class Config {
     public static void save() {
         try {
             props.setProperty("maxMemory", String.valueOf(maxMemory));
+            props.setProperty("ramManuallySet", String.valueOf(ramManuallySet));
             props.setProperty("serverUrl", serverUrl);
             props.setProperty("lastUsername", lastUsername);
             props.setProperty("windowWidth", String.valueOf(windowWidth));
             props.setProperty("windowHeight", String.valueOf(windowHeight));
             props.setProperty("extraJvmArgs", extraJvmArgs);
             props.setProperty("javaPath", javaPath);
+            props.setProperty("locale", locale);
+            props.setProperty("systemBasedJvm", String.valueOf(systemBasedJvm));
 
             try (var os = Files.newOutputStream(CONFIG_FILE)) {
                 props.store(os, "ZernMC Launcher Configuration");
@@ -68,20 +79,44 @@ public class Config {
     }
 
     private static void applySmartRamRecommendation() {
-        long totalRamMB = Runtime.getRuntime().maxMemory() / (1024 * 1024);
+        long totalRamMB = getTotalSystemRamMB();
+        if (totalRamMB <= 0) return;
 
-        long recommended = (long) (totalRamMB * 0.70);
+        long recommended;
+        if (totalRamMB <= 8192) {
+            recommended = 2560;
+        } else if (totalRamMB <= 12288) {
+            recommended = 3072;
+        } else if (totalRamMB <= 16384) {
+            recommended = 4096;
+        } else {
+            recommended = 5120;
+        }
 
-        recommended = Math.max(1536, recommended);
-        recommended = Math.min(recommended, totalRamMB - 1024);
-
-        if (Math.abs(maxMemory - recommended) > 1024) {
+        if (Math.abs(maxMemory - recommended) > 512) {
             maxMemory = (int) recommended;
             save();
             System.out.println(ZAnsi.cyan("Auto-recommended RAM: " + maxMemory + " MB"));
         }
     }
 
+    public static void resetRamRecommendation() {
+        ramManuallySet = false;
+        applySmartRamRecommendation();
+    }
+
+    private static long getTotalSystemRamMB() {
+        try {
+            Class<?> beanClass = Class.forName("com.sun.management.OperatingSystemMXBean");
+            java.lang.management.OperatingSystemMXBean osBean = java.lang.management.ManagementFactory.getOperatingSystemMXBean();
+            if (beanClass.isInstance(osBean)) {
+                Object totalBytes = beanClass.getMethod("getTotalMemorySize").invoke(osBean);
+                return ((Number) totalBytes).longValue() / (1024 * 1024);
+            }
+        } catch (Exception ignored) {}
+        return 0;
+    }
+
     public static int getMaxMemory() {
         return maxMemory;
     }
@@ -99,6 +134,7 @@ public class Config {
         if (memory > 32768) memory = 32768;
 
         maxMemory = memory;
+        ramManuallySet = true;
         save();
     }
 
@@ -163,6 +199,56 @@ public class Config {
         save();
     }
 
+    public static String getLocale() {
+        return locale;
+    }
+
+    public static void setLocale(String lang) {
+        if (lang != null && (lang.equals("en") || lang.equals("ru"))) {
+            locale = lang;
+            save();
+        }
+    }
+
+    public static boolean isSystemBasedJvm() {
+        return systemBasedJvm;
+    }
+
+    public static void setSystemBasedJvm(boolean enabled) {
+        systemBasedJvm = enabled;
+        save();
+    }
+
+    public static int getSystemCpuCores() {
+        return Runtime.getRuntime().availableProcessors();
+    }
+
+    public static long getSystemTotalRamMB() {
+        long totalMb = getTotalSystemRamMB();
+        if (totalMb > 0) return totalMb;
+        return Runtime.getRuntime().maxMemory() / (1024 * 1024);
+    }
+
+    public static String getSystemJvmFlags() {
+        int cores = getSystemCpuCores();
+        long ramMB = getSystemTotalRamMB();
+        StringBuilder sb = new StringBuilder();
+        sb.append("-XX:ParallelGCThreads=").append(Math.max(1, cores));
+        sb.append(" -XX:ConcGCThreads=").append(Math.max(1, cores / 2));
+        sb.append(" -XX:+UseContainerSupport");
+        sb.append(" -XX:+AlwaysPreTouch");
+        if (ramMB >= 8192) {
+            sb.append(" -XX:+UseZGC");
+            sb.append(" -XX:ZAllocationSpikeTolerance=2.0");
+        } else {
+            sb.append(" -XX:+UseG1GC");
+            sb.append(" -XX:MaxGCPauseMillis=50");
+            sb.append(" -XX:G1HeapRegionSize=16M");
+        }
+        sb.append(" -Xss4M");
+        return sb.toString();
+    }
+
     public static String getRamInfo() {
         long totalMB = Runtime.getRuntime().maxMemory() / (1024 * 1024);
         return "Available RAM: " + totalMB + " MB | Recommended: " + maxMemory + " MB";
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/LauncherLogger.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/LauncherLogger.java
new file mode 100644
index 0000000..960a26b
--- /dev/null
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/LauncherLogger.java
@@ -0,0 +1,95 @@
+package me.sashegdev.zernmc.launcher.utils;
+
+import java.io.IOException;
+import java.io.PrintWriter;
+import java.io.StringWriter;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import java.nio.file.StandardOpenOption;
+import java.time.LocalDateTime;
+import java.time.format.DateTimeFormatter;
+import java.util.concurrent.locks.ReentrantLock;
+
+public class LauncherLogger {
+
+    private static Path logFile;
+    private static boolean initialized = false;
+    private static final ReentrantLock lock = new ReentrantLock();
+
+    public static synchronized void init() {
+        if (initialized) return;
+        initialized = true;
+
+        try {
+            Path logsDir = Paths.get(System.getProperty("user.home"), ".zernmc", "logs");
+            Files.createDirectories(logsDir);
+            logFile = logsDir.resolve("launcher.log");
+
+            Files.writeString(logFile,
+                "=== Launcher Log " + LocalDateTime.now().format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss")) + " ===\n",
+                StandardOpenOption.CREATE, StandardOpenOption.TRUNCATE_EXISTING);
+
+            System.out.println("[LauncherLogger] initialized, log: " + logFile.toAbsolutePath());
+        } catch (Exception e) {
+            System.err.println("[LauncherLogger] init error: " + e.getMessage());
+            e.printStackTrace();
+        }
+    }
+
+    public static Path getLogFile() {
+        return logFile;
+    }
+
+    public static void info(String msg) {
+        write("INFO", msg, null);
+    }
+
+    public static void warn(String msg) {
+        write("WARN", msg, null);
+    }
+
+    public static void error(String msg) {
+        write("ERROR", msg, null);
+    }
+
+    public static void error(String msg, Throwable t) {
+        write("ERROR", msg, t);
+    }
+
+    public static void debug(String msg) {
+        write("DEBUG", msg, null);
+    }
+
+    private static void write(String level, String msg, Throwable t) {
+        String ts = LocalDateTime.now().format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss.SSS"));
+        String line = "[" + ts + "] [" + level + "] " + msg;
+
+        System.out.println(line);
+        if (t != null) {
+            StringWriter sw = new StringWriter();
+            PrintWriter pw = new PrintWriter(sw);
+            t.printStackTrace(pw);
+            pw.flush();
+            System.err.print(sw.toString());
+        }
+
+        if (logFile != null) {
+            lock.lock();
+            try {
+                Files.writeString(logFile, line + "\n", StandardOpenOption.APPEND);
+                if (t != null) {
+                    StringWriter sw = new StringWriter();
+                    PrintWriter pw = new PrintWriter(sw);
+                    t.printStackTrace(pw);
+                    pw.flush();
+                    Files.writeString(logFile, sw.toString(), StandardOpenOption.APPEND);
+                }
+            } catch (IOException e) {
+                System.err.println("[LauncherLogger] write error: " + e.getMessage());
+            } finally {
+                lock.unlock();
+            }
+        }
+    }
+}
diff --git a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/ZHttpClient.java b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/ZHttpClient.java
index 3e1432d..bc71777 100644
--- a/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/ZHttpClient.java
+++ b/launcher/launcher/src/main/java/sashegdev/zernmc/launcher/utils/ZHttpClient.java
@@ -373,8 +373,6 @@ public class ZHttpClient {
     }
 
     public static String get(String endpoint) throws IOException, InterruptedException {
-        checkAllServicesOnStartup();
-
         if (useProxyMode.get()) {
             return proxyGet(endpoint);
         }
diff --git a/launcher/launcher/src/resources/ui/index.html b/launcher/launcher/src/resources/ui/index.html
index 8647d32..b94d6eb 100644
--- a/launcher/launcher/src/resources/ui/index.html
+++ b/launcher/launcher/src/resources/ui/index.html
@@ -5,9 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>ZernMC Launcher</title>
     <link rel="stylesheet" href="style.css">
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
 </head>
 <body>
     <canvas id="bg-canvas"></canvas>
@@ -30,24 +27,24 @@
                         </svg>
                     </div>
                     <h1 class="brand-title">ZernMC</h1>
-                    <p class="brand-sub">Launcher <span id="version">1.0.9</span></p>
+                    <p class="brand-sub">Launcher <span id="version" data-i18n="version">1.0.9</span></p>
                 </div>
 
                 <form id="login-form" class="login-form">
                     <div class="field">
-                        <input type="text" id="username" placeholder="Username" autocomplete="username" required>
-                        <label for="username">Username</label>
+                        <input type="text" id="username" placeholder="Username" data-i18n-placeholder="login.username" autocomplete="username" required>
+                        <label for="username" data-i18n="login.username">Username</label>
                     </div>
                     <div class="field">
-                        <input type="password" id="password" placeholder="Password" autocomplete="current-password" required>
-                        <label for="password">Password</label>
+                        <input type="password" id="password" placeholder="Password" data-i18n-placeholder="login.password" autocomplete="current-password" required>
+                        <label for="password" data-i18n="login.password">Password</label>
                     </div>
                     <p id="login-error" class="error-msg hidden"></p>
                     <button type="submit" class="btn-primary" id="login-btn">
-                        <span class="btn-label">Sign In</span>
+                        <span class="btn-label" data-i18n="login.title">Sign In</span>
                         <div class="spinner hidden"></div>
                     </button>
-                    <p class="login-hint">New account will be created automatically on first login</p>
+                    <p class="login-hint" data-i18n="login.hint">New account will be created automatically on first login</p>
                 </form>
             </div>
         </div>
@@ -55,7 +52,7 @@
         <!-- Loading Overlay -->
         <div id="loading-overlay" class="overlay hidden">
             <div class="loader-ring"></div>
-            <p class="loader-text">Loading...</p>
+            <p class="loader-text" data-i18n="loading.text">Loading...</p>
         </div>
 
         <!-- Main Screen -->
@@ -83,28 +80,28 @@
                         <nav class="sidebar-nav">
                             <button class="nav-btn active" data-view="packs" title="Packs">
                                 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><polyline points="3.27 6.96 12 12.01 20.73 6.96"/><line x1="12" y1="22.08" x2="12" y2="12"/></svg>
-                                Packs
+                                <span data-i18n="nav.packs">Packs</span>
                             </button>
                             <button class="nav-btn" data-view="news" title="News">
                                 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9h4"/><path d="M18 14h-8"/><path d="M15 18h-5"/><path d="M10 6h8v4h-8V6Z"/></svg>
-                                News
+                                <span data-i18n="nav.news">News</span>
                             </button>
-                            <button class="nav-btn" data-view="settings" title="Settings">
-                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
-                                Settings
+                            <button class="nav-btn" data-view="friends" title="Friends">
+                                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
+                                <span data-i18n="nav.friends">Friends</span>
                             </button>
                         </nav>
 
                         <div class="sidebar-section">
                             <div class="section-header">
-                                <span class="section-title">Server Packs</span>
+                                <span class="section-title" data-i18n="sidebar.serverPacks">Server Packs</span>
                             </div>
                             <div id="server-packs-list" class="pack-list"></div>
                         </div>
 
                         <div class="sidebar-section" id="local-packs-section">
                             <div class="section-header">
-                                <span class="section-title">Local Packs</span>
+                                <span class="section-title" data-i18n="sidebar.localPacks">Local Packs</span>
                                 <button class="btn-icon" id="add-pack-btn" title="Add pack">
                                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
                                 </button>
@@ -123,6 +120,9 @@
                                     <span id="account-role" class="badge badge-role hidden"></span>
                                 </span>
                             </div>
+                            <button class="btn-icon" id="settings-btn" title="Settings">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
+                            </button>
                             <button class="btn-icon" id="logout-btn" title="Log out">
                                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><polyline points="16 17 21 12 16 7"/><line x1="21" y1="12" x2="9" y2="12"/></svg>
                             </button>
@@ -141,11 +141,11 @@
                             <div class="view-actions">
                                 <button id="update-btn" class="btn-secondary hidden">
                                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17.65 6.35A7.958 7.958 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>
-                                    Update
+                                    <span data-i18n="pack.update">Update</span>
                                 </button>
                                 <button id="delete-pack-btn" class="btn-secondary btn-danger hidden">
                                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>
-                                    Delete
+                                    <span data-i18n="pack.delete">Delete</span>
                                 </button>
                             </div>
                         </div>
@@ -153,8 +153,8 @@
                         <div class="pack-detail" id="pack-detail">
                             <div class="pack-empty" id="pack-empty-state">
                                 <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" opacity="0.2"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>
-                                <h3>No pack selected</h3>
-                                <p>Select a pack from the sidebar or add a new one</p>
+                                <h3 data-i18n="pack.emptyState.title">No pack selected</h3>
+                                <p data-i18n="pack.emptyState.desc">Select a pack from the sidebar or add a new one</p>
                             </div>
                             <div id="pack-detail-content" class="pack-detail-content hidden">
                                 <div class="pack-hero">
@@ -166,17 +166,18 @@
                                         <div class="detail-tags">
                                             <span class="tag tag-mc" id="detail-mc">1.21</span>
                                             <span class="tag tag-loader" id="detail-loader">fabric</span>
-                                            <span class="tag tag-server hidden" id="detail-server">v1</span>
-                                        </div>
-                                    </div>
+                                    <span class="tag tag-server hidden" id="detail-server">v1</span>
                                 </div>
-                                <div class="pack-stats">
-                                    <div class="stat"><span class="stat-value" id="detail-loader-ver">-</span><span class="stat-label">Loader Ver</span></div>
-                                    <div class="stat"><span class="stat-value" id="detail-files">0</span><span class="stat-label">Files</span></div>
-                                    <div class="stat"><span class="stat-value" id="detail-size">-</span><span class="stat-label">Size</span></div>
+                            </div>
+                        </div>
+                        <div class="pack-stats">
+                            <div class="stat"><span class="stat-value" id="detail-loader-ver">-</span><span class="stat-label" data-i18n="stat.loaderVer">Loader Ver</span></div>
+                            <div class="stat"><span class="stat-value" id="detail-files">0</span><span class="stat-label" data-i18n="stat.files">Files</span></div>
+                            <div class="stat"><span class="stat-value" id="detail-size">-</span><span class="stat-label" data-i18n="stat.size">Size</span></div>
+                            <div class="stat"><span class="stat-value" id="detail-playtime">-</span><span class="stat-label" data-i18n="playtime.label">Playtime</span></div>
                                 </div>
                                 <div id="pack-description" class="pack-description">
-                                    <p id="pack-description-text" class="pack-description-text">Loading description...</p>
+                                    <p id="pack-description-text" class="pack-description-text" data-i18n="pack.description.loading">Loading description...</p>
                                     <div id="pack-gallery" class="pack-gallery">
                                     </div>
                                 </div>
@@ -189,7 +190,7 @@
                             </div>
                             <button id="play-btn" class="btn-play" disabled>
                                 <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg>
-                                Play
+                                <span data-i18n="playBar.play">Play</span>
                             </button>
                         </div>
                     </div>
@@ -197,50 +198,57 @@
                     <!-- News View -->
                     <div id="view-news" class="view">
                         <div class="view-header">
-                            <h2 class="view-title">News</h2>
+                            <h2 class="view-title" data-i18n="news.title">News</h2>
                         </div>
-                        <div class="news-grid">
-                            <article class="news-card news-placeholder">
-                                <div class="news-card-badge">Coming Soon</div>
-                                <h3>ZernMC Server Updates</h3>
-                                <p>News and announcements will appear here. Stay tuned for the latest updates about the server and launcher.</p>
-                                <time>Soon</time>
-                            </article>
-                            <article class="news-card news-placeholder">
-                                <div class="news-card-badge">Info</div>
-                                <h3>Launcher v1.0.9</h3>
-                                <p>English UI, JavaFX redesign, improved pack management, and more. Check the GitHub for the full changelog.</p>
-                                <time>v1.0.9</time>
-                            </article>
-                            <article class="news-card news-placeholder">
-                                <div class="news-card-badge">Guide</div>
-                                <h3>Getting Started</h3>
-                                <p>Install a pack, activate your pass via the website, and start playing. Need help? Contact a moderator.</p>
-                                <time>Guide</time>
-                            </article>
+                        <div id="news-grid" class="news-grid">
+                            <div class="news-loading" data-i18n="news.loading">Loading news...</div>
+                        </div>
+                    </div>
+
+                    <!-- Friends View -->
+                    <div id="view-friends" class="view">
+                        <div class="view-header">
+                            <h2 class="view-title" data-i18n="friends.title">Friends</h2>
+                            <div class="view-actions">
+                                <button id="friends-add-btn" class="btn-primary btn-sm" onclick="app.showAddFriend()">
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+                                    <span data-i18n="friends.add">Add</span>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="friends-search">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
+                            <input type="text" id="friends-search-input" placeholder="Search friends..." data-i18n-placeholder="friends.search" oninput="app.filterFriends()">
+                        </div>
+                        <div id="friends-list" class="friends-list">
+                            <div class="friends-empty" data-i18n="friends.empty">No friends yet</div>
+                        </div>
+                        <div id="friend-requests-section" class="friend-requests-section hidden">
+                            <div class="section-header"><span data-i18n="friends.requests">Friend Requests</span></div>
+                            <div id="friend-requests-list" class="friend-requests-list"></div>
                         </div>
                     </div>
 
                     <!-- Settings View -->
                     <div id="view-settings" class="view">
                         <div class="view-header">
-                            <h2 class="view-title">Settings</h2>
+                            <h2 class="view-title" data-i18n="settings.title">Settings</h2>
                         </div>
                         <div class="settings-grid">
                             <div class="setting-card">
                                 <div class="setting-info">
-                                    <h4>Activate Pass</h4>
-                                    <p>Enter your pass code to access server packs</p>
+                                    <h4 data-i18n="settings.activatePass.title">Activate Pass</h4>
+                                    <p data-i18n="settings.activatePass.desc">Enter your pass code to access server packs</p>
                                 </div>
                                 <div class="setting-control setting-pass">
-                                    <input type="text" id="pass-code" placeholder="Pass code" class="pass-input">
-                                    <button id="activate-pass-btn" class="btn-primary btn-sm">Activate</button>
+                                    <input type="text" id="pass-code" placeholder="Pass code" data-i18n-placeholder="settings.activatePass.placeholder" class="pass-input">
+                                    <button id="activate-pass-btn" class="btn-primary btn-sm" onclick="app.activatePass()"><span data-i18n="settings.activatePass.button">Activate</span></button>
                                 </div>
                             </div>
                             <div class="setting-card">
                                 <div class="setting-info">
-                                    <h4>Allocated RAM</h4>
-                                    <p id="ram-info">Loading...</p>
+                                    <h4 data-i18n="settings.ram.title">Allocated RAM</h4>
+                                    <p id="ram-info" data-i18n="settings.ram.info">Loading...</p>
                                 </div>
                                 <div class="setting-control">
                                     <input type="range" id="ram-slider" min="1024" max="16384" step="512" value="4096">
@@ -249,8 +257,8 @@
                             </div>
                             <div class="setting-card">
                                 <div class="setting-info">
-                                    <h4>Game Resolution</h4>
-                                    <p>Width x Height</p>
+                                    <h4 data-i18n="settings.resolution.title">Game Resolution</h4>
+                                    <p data-i18n="settings.resolution.desc">Width x Height</p>
                                 </div>
                                 <div class="setting-control" style="gap:6px">
                                     <input type="number" id="win-width" min="640" max="7680" step="1" value="1280" class="setting-input" style="width:80px">
@@ -260,8 +268,8 @@
                             </div>
                             <div class="setting-card">
                                 <div class="setting-info">
-                                    <h4>Extra JVM Arguments</h4>
-                                    <p>Additional Java VM options</p>
+                                    <h4 data-i18n="settings.jvmArgs.title">Extra JVM Arguments</h4>
+                                    <p data-i18n="settings.jvmArgs.desc">Additional Java VM options</p>
                                 </div>
                                 <div class="setting-control">
                                     <input type="text" id="jvm-args" placeholder="-XX:+UseZGC" class="setting-input" style="width:280px">
@@ -269,7 +277,7 @@
                             </div>
                             <div class="setting-card">
                                 <div class="setting-info">
-                                    <h4>Java Path</h4>
+                                    <h4 data-i18n="settings.javaPath.title">Java Path</h4>
                                     <p id="java-path">~/.zernmc/jre/</p>
                                 </div>
                                 <div class="setting-control">
@@ -278,82 +286,128 @@
                             </div>
                             <div class="setting-card">
                                 <div class="setting-info">
-                                    <h4>Server</h4>
+                                    <h4 data-i18n="settings.server.title">Server</h4>
                                     <p id="server-url">http://87.120.187.36:1582</p>
                                 </div>
                                 <div class="setting-control">
                                     <span class="setting-badge" id="server-status">Checking...</span>
                                 </div>
                             </div>
+                            <div class="setting-card">
+                                <div class="setting-info">
+                                    <h4 data-i18n="settings.language.title">Language</h4>
+                                    <p data-i18n="settings.language.desc">Interface language</p>
+                                </div>
+                                <div class="setting-control">
+                                    <select id="locale-select" class="setting-input" style="width:160px">
+                                        <option value="en">English</option>
+                                        <option value="ru">Русский</option>
+                                    </select>
+                                </div>
+                            </div>
+                            <div class="setting-card">
+                                <div class="setting-info">
+                                    <h4 data-i18n="settings.systemJvm.title">System-based JVM Optimization</h4>
+                                    <p id="system-jvm-info">-</p>
+                                </div>
+                                <div class="setting-control">
+                                    <label class="toggle" id="system-jvm-toggle-wrapper">
+                                        <input type="checkbox" id="system-jvm-toggle">
+                                        <span class="toggle-slider"></span>
+                                    </label>
+                                </div>
+                            </div>
+                            <div class="setting-card">
+                                <div class="setting-info">
+                                    <h4 data-i18n="settings.logViewer.title">Game Log</h4>
+                                    <p data-i18n="settings.logViewer.desc">View real-time game logs</p>
+                                </div>
+                                <div class="setting-control">
+                                    <button class="btn-primary btn-sm" id="show-log-viewer-btn" onclick="app.openLogViewer()"><span data-i18n="settings.logViewer.open">Open Log</span></button>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </main>
             </div>
         </div>
 
+        <!-- Add Friend Modal -->
+        <div id="add-friend-modal" class="modal-backdrop hidden">
+            <div class="modal modal-sm">
+                <div class="modal-head">
+                    <h3 data-i18n="friends.addTitle">Add Friend</h3>
+                    <button class="modal-close" onclick="app.closeAddFriend()">&times;</button>
+                </div>
+                <div class="modal-body">
+                    <div class="field">
+                        <label data-i18n="friends.addLabel">Username</label>
+                        <input type="text" id="add-friend-input" placeholder="Enter username..." data-i18n-placeholder="friends.addPlaceholder">
+                    </div>
+                    <button id="add-friend-submit" class="btn-primary" onclick="app.submitAddFriend()"><span data-i18n="friends.add">Add Friend</span></button>
+                    <p id="add-friend-error" class="error-msg hidden"></p>
+                </div>
+            </div>
+        </div>
+
+        <!-- Log Viewer Overlay -->
+        <div id="log-viewer-overlay" class="modal-backdrop hidden">
+            <div class="modal modal-log">
+                <div class="modal-head">
+                    <h3 data-i18n="logViewer.title">Game Log</h3>
+                    <div class="log-viewer-actions">
+                        <button class="btn-secondary btn-sm" id="copy-log-btn" onclick="app.copyLogs()"><span data-i18n="logViewer.copy">Copy</span></button>
+                        <button class="btn-secondary btn-sm" onclick="app.req('/open-log-file', {method:'POST'})"><span data-i18n="logViewer.openFile">Open File</span></button>
+                        <button class="modal-close" id="close-log-viewer-btn" onclick="app.closeLogViewer()">&times;</button>
+                    </div>
+                </div>
+                <div class="modal-body log-viewer-body">
+                    <div id="log-viewer-content" class="log-viewer-content"></div>
+                </div>
+            </div>
+        </div>
+
         <!-- Install Modal -->
         <div id="install-modal" class="modal-backdrop hidden">
             <div class="modal">
                 <div class="modal-head">
-                    <h3>Install Pack</h3>
+                    <h3 data-i18n="install.title">Install Pack</h3>
                     <button class="modal-close" id="close-modal-btn">&times;</button>
                 </div>
                 <div class="modal-body">
                     <div class="modal-tabs">
-                        <button class="modal-tab active" data-tab="zernmc">Server Pack</button>
-                        <button class="modal-tab" data-tab="custom">Custom</button>
+                        <button class="modal-tab active" data-tab="zernmc"><span data-i18n="install.tab.serverPack">Server Pack</span></button>
+                        <button class="modal-tab" data-tab="custom" id="custom-tab-btn"><span data-i18n="install.tab.custom">Custom</span> <span class="tag-wip">WIP</span></button>
                     </div>
 
                     <div id="tab-zernmc" class="modal-tab-content active">
                         <div class="field">
-                            <label>Server Pack</label>
+                            <label data-i18n="install.serverPack.label">Server Pack</label>
                             <select id="zernmc-pack-select">
                                 <option value="">Loading...</option>
                             </select>
                         </div>
                         <div class="field">
-                            <label>Local Name</label>
+                            <label data-i18n="install.localName.label">Local Name</label>
                             <input type="text" id="zernmc-instance-name" placeholder="my-cool-pack">
                         </div>
-                        <button id="install-zernmc-btn" class="btn-primary">Download & Install</button>
+                        <button id="install-zernmc-btn" class="btn-primary"><span data-i18n="install.downloadBtn">Download & Install</span></button>
                     </div>
 
                     <div id="tab-custom" class="modal-tab-content">
-                        <div class="field">
-                            <label>Minecraft Version</label>
-                            <div class="select-wrap">
-                                <select id="mc-version-select"><option>Loading...</option></select>
-                            </div>
+                        <div class="disabled-tab">
+                            <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" opacity="0.3"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+                            <h3 data-i18n="install.custom.unavailable">Not available yet</h3>
+                            <p data-i18n="install.custom.desc">Custom pack installation is disabled in this version. Use Server Pack tab to install packs from the server.</p>
                         </div>
-                        <div class="field">
-                            <label>Mod Loader</label>
-                            <div class="select-wrap">
-                                <select id="loader-select">
-                                    <option value="vanilla">Vanilla (no loader)</option>
-                                    <option value="fabric">Fabric</option>
-                                    <option value="forge">Forge</option>
-                                    <option value="neoforge">NeoForge</option>
-                                </select>
-                            </div>
-                        </div>
-                        <div class="field hidden" id="loader-ver-field">
-                            <label>Loader Version</label>
-                            <div class="select-wrap">
-                                <select id="loader-ver-select"><option>Select loader version</option></select>
-                            </div>
-                        </div>
-                        <div class="field">
-                            <label>Local Name</label>
-                            <input type="text" id="custom-instance-name" placeholder="my-minecraft">
-                        </div>
-                        <button id="install-custom-btn" class="btn-primary">Download & Install</button>
                     </div>
 
                     <div id="install-progress" class="install-progress hidden">
                         <div class="progress-track">
                             <div class="progress-fill" id="progress-fill"></div>
                         </div>
-                        <p class="progress-label" id="progress-label">Installing...</p>
+                        <p class="progress-label" id="progress-label" data-i18n="install.progress.installing">Installing...</p>
+                        <p class="progress-stage hidden" id="progress-stage"></p>
                     </div>
                 </div>
             </div>
@@ -363,6 +417,7 @@
         <div id="toast" class="toast hidden"></div>
     </div>
 
+    <script src="marked.min.js"></script>
     <script src="launcher.js"></script>
 </body>
 </html>
diff --git a/launcher/launcher/src/resources/ui/launcher.js b/launcher/launcher/src/resources/ui/launcher.js
index f63dbbe..2438dbb 100644
--- a/launcher/launcher/src/resources/ui/launcher.js
+++ b/launcher/launcher/src/resources/ui/launcher.js
@@ -1,10 +1,162 @@
 const API = '/api';
 
+const LOCALES = {
+    en: {
+        'nav.packs': 'Packs', 'nav.news': 'News', 'nav.settings': 'Settings',
+        'login.title': 'Sign In', 'login.username': 'Username', 'login.password': 'Password',
+        'login.hint': 'New account will be created automatically on first login',
+        'login.signingIn': 'Signing in...',
+        'loading.text': 'Loading...',
+        'sidebar.serverPacks': 'Server Packs', 'sidebar.localPacks': 'Local Packs',
+        'pack.empty.title': 'Select a pack',
+        'pack.empty.desc': 'Choose a pack from the sidebar to get started',
+        'pack.description.loading': 'Loading description...',
+        'pack.noDescription': 'No description available',
+        'stat.loaderVer': 'Loader Ver', 'stat.files': 'Files', 'stat.size': 'Size',
+        'playBar.play': 'Play', 'playBar.passRequired': 'Pass Required',
+        'settings.title': 'Settings',
+        'settings.activatePass.title': 'Activate Pass',
+        'settings.activatePass.desc': 'Enter your pass code to access server packs',
+        'settings.activatePass.placeholder': 'Pass code',
+        'settings.activatePass.button': 'Activate',
+        'settings.ram.title': 'Allocated RAM',
+        'settings.resolution.title': 'Game Resolution',
+        'settings.resolution.desc': 'Width x Height',
+        'settings.jvmArgs.title': 'Extra JVM Arguments',
+        'settings.jvmArgs.desc': 'Additional Java VM options',
+        'settings.javaPath.title': 'Java Path',
+        'settings.server.title': 'Server',
+        'settings.server.checking': 'Checking...',
+        'settings.server.connected': 'Connected',
+        'settings.server.disconnected': 'Disconnected',
+        'settings.language.title': 'Language',
+        'settings.language.desc': 'Interface language',
+        'settings.systemJvm.title': 'System-based JVM Optimization',
+        'settings.systemJvm.desc': 'Auto-tune JVM flags based on your system (experimental)',
+        'settings.systemJvm.info': 'CPU: {cores} cores | RAM: {ram} GB | {flags}',
+        'settings.systemJvm.enabled': 'Enabled', 'settings.systemJvm.disabled': 'Disabled',
+        'settings.logViewer.title': 'Game Log',
+        'settings.logViewer.desc': 'View real-time game logs',
+        'settings.logViewer.open': 'Open Log',
+        'logViewer.title': 'Game Log',
+        'logViewer.noLogs': 'No logs yet. Launch the game to see logs here.',
+        'logViewer.copy': 'Copy', 'logViewer.copied': 'Copied!',
+        'logViewer.openFile': 'Open File', 'logViewer.close': 'Close',
+        'logViewer.waiting': 'Waiting for game output...',
+        'install.title': 'Install Pack',
+        'install.tab.serverPack': 'Server Pack', 'install.tab.custom': 'Custom',
+        'install.serverPack.label': 'Server Pack',
+        'install.localName.label': 'Local Name',
+        'install.downloadBtn': 'Download & Install',
+        'install.custom.unavailable': 'Not available yet',
+        'install.custom.desc': 'Custom pack installation is disabled in this version. Use Server Pack tab to install packs from the server.',
+        'install.progress.installing': 'Installing...',
+        'install.enterName': 'Enter a name',
+        'install.step': 'Step {current} of {total}: {name}',
+        'select.loading': 'Loading...',
+        'select.selectPack': 'Select a pack',
+        'select.passRequired': 'Pass required',
+        'select.noPacks': 'No packs available',
+        'select.selectVersion': 'Select version',
+        'select.failedLoad': 'Failed to load',
+        'select.selectMCFirst': 'Select MC version first',
+        'select.placeholder': 'Select...',
+        'select.search': 'Search...',
+        'packList.empty': 'No packs',
+        'news.title': 'News', 'news.empty': 'No news yet', 'news.loading': 'Loading news...',
+        'pack.update': 'Update', 'pack.delete': 'Delete',
+        'badge.free': 'FREE', 'badge.pro': 'PRO',
+        'toast.welcomeBack': 'Welcome back, {username}!',
+        'toast.welcome': 'Welcome, {username}!',
+        'toast.accountCreated': 'Account created! Welcome, {username}!',
+        'toast.loggedOut': 'Logged out',
+        'toast.enterCredentials': 'Enter username and password',
+        'toast.loginFailed': 'Login failed',
+        'toast.launching': 'Launching {name}...',
+        'toast.launchFailed': 'Launch failed',
+        'toast.noPackSelected': 'Select a pack first',
+        'toast.launched': 'Launched! PID: {pid}',
+        'toast.installing': 'Installing...',
+        'toast.installComplete': 'Installation complete!',
+        'toast.enterPassCode': 'Enter a pass code',
+        'toast.passActivated': 'Pass activated!',
+        'toast.activationFailed': 'Activation failed',
+        'error.network': 'Network error',
+        'pack.modsCount': '{count} mods',
+        'pack.worldsCount': '{count} worlds',
+        'pack.logsCount': '{count} logs',
+        'locale.en': 'English', 'locale.ru': 'Russian',
+        'ram.gb': '{value} ГБ',
+        'ram.mbAllocated': '{value} МБ выделено',
+        'nav.friends': 'Друзья',
+        'friends.title': 'Друзья',
+        'friends.add': 'Добавить',
+        'friends.addTitle': 'Добавить друга',
+        'friends.addLabel': 'Имя пользователя',
+        'friends.addPlaceholder': 'Введите имя...',
+        'friends.search': 'Поиск друзей...',
+        'friends.empty': 'Пока нет друзей',
+        'friends.online': 'В сети',
+        'friends.offline': 'Не в сети',
+        'friends.playing': 'Играет в {pack}',
+        'friends.noPack': 'В простое',
+        'friends.requests': 'Заявки в друзья',
+        'friends.requestFrom': '{user} хочет добавить вас в друзья',
+        'friends.accept': 'Принять',
+        'friends.decline': 'Отклонить',
+        'friends.remove': 'Удалить',
+        'friends.addSuccess': 'Заявка отправлена!',
+        'friends.addError': 'Не удалось добавить друга',
+        'friends.removeSuccess': 'Друг удалён',
+        'friends.acceptSuccess': 'Заявка принята',
+        'friends.passActive': 'Проходка активна',
+        'friends.passInactive': 'Нет проходки',
+        'playtime.label': 'Время игры',
+        'playtime.hours': '{h}ч {m}м',
+        'playtime.total': 'Всего: {h}ч',
+        'playtime.syncing': 'Синхронизация...',
+    }
+};
+
+let _localeData = LOCALES.en;
+let _currentLocale = 'en';
+
+function t(key, fallback) {
+    return _localeData[key] || fallback || key;
+}
+
+function tr(key, fallback, replacements) {
+    let s = t(key, fallback);
+    if (replacements) {
+        for (const [k, v] of Object.entries(replacements)) {
+            s = s.replace('{' + k + '}', v);
+        }
+    }
+    return s;
+}
+
+function applyLocale() {
+    document.querySelectorAll('[data-i18n]').forEach(function(el) {
+        var key = el.getAttribute('data-i18n');
+        var fallback = el.textContent;
+        el.textContent = t(key, fallback);
+    });
+    document.querySelectorAll('[data-i18n-placeholder]').forEach(function(el) {
+        var key = el.getAttribute('data-i18n-placeholder');
+        el.setAttribute('placeholder', t(key, el.getAttribute('placeholder')));
+    });
+}
+
 class ZernMCLauncher {
     constructor() {
-        this.state = { account: null, instances: [], selectedPack: null, installing: false, serverPacks: [] };
+        this.state = { account: null, instances: [], selectedPack: null, installing: false, serverPacks: [], friends: [], friendRequests: [], playtimeStats: null };
         this.toastTimer = null;
         this.progressPoller = null;
+        this._friendsPollInterval = null;
+        this._playtimeInterval = null;
+        this._playtimeAccumulated = 0;
+        this._playtimeStartTime = null;
+        this._currentPlaytimePack = null;
         this.init();
     }
 
@@ -14,6 +166,14 @@ class ZernMCLauncher {
         await this.checkAuth();
     }
 
+    setLocale(lang) {
+        _currentLocale = lang;
+        _localeData = LOCALES[lang] || LOCALES.en;
+        applyLocale();
+        var sel = document.getElementById('locale-select');
+        if (sel) sel.value = lang;
+    }
+
     // ==================== BACKGROUND ====================
     initBg() {
         const c = document.getElementById('bg-canvas');
@@ -47,11 +207,45 @@ class ZernMCLauncher {
     // ==================== API ====================
     async req(endpoint, opts = {}) {
         try {
-            const r = await fetch(`${API}${endpoint}`, {
-                ...opts,
-                headers: { 'Content-Type': 'application/json', ...opts.headers }
+            var headers = { 'Content-Type': 'application/json' };
+            if (opts.headers) {
+                for (var k in opts.headers) headers[k] = opts.headers[k];
+            }
+            if (typeof fetch !== 'undefined') {
+                var controller = new AbortController();
+                var timeoutId = setTimeout(function() { controller.abort(); }, 15000);
+                try {
+                    var r = await fetch(API + endpoint, {
+                        method: opts.method || 'GET',
+                        headers: headers,
+                        body: opts.body || null,
+                        signal: controller.signal
+                    });
+                    clearTimeout(timeoutId);
+                    return await r.json();
+                } catch (fetchErr) {
+                    clearTimeout(timeoutId);
+                    if (fetchErr.name === 'AbortError') {
+                        return { success: false, error: 'Request timeout' };
+                    }
+                    throw fetchErr;
+                }
+            }
+            return await new Promise(function(resolve, reject) {
+                var xhr = new XMLHttpRequest();
+                xhr.open(opts.method || 'GET', API + endpoint, true);
+                for (var k in headers) xhr.setRequestHeader(k, headers[k]);
+                xhr.onreadystatechange = function() {
+                    if (xhr.readyState === 4) {
+                        try { resolve(JSON.parse(xhr.responseText)); }
+                        catch (e) { resolve({ success: false, error: 'Invalid JSON response' }); }
+                    }
+                };
+                xhr.onerror = function() { resolve({ success: false, error: 'Network error' }); };
+                xhr.ontimeout = function() { resolve({ success: false, error: 'Request timeout' }); };
+                xhr.timeout = 30000;
+                xhr.send(opts.body || null);
             });
-            return await r.json();
         } catch (e) {
             return { success: false, error: e.message };
         }
@@ -64,7 +258,7 @@ class ZernMCLauncher {
         if (auto.success && auto.autoLogin) {
             this.state.account = auto.data;
             this.enterMain();
-            this.toast(`Welcome back, ${auto.data.username}`, 'success');
+            this.toast(tr('toast.welcomeBack', null, {username: auto.data.username}), 'success');
         } else {
             const acct = await this.req('/account');
             if (acct.success) {
@@ -81,39 +275,39 @@ class ZernMCLauncher {
         e.preventDefault();
         const username = document.getElementById('username').value.trim();
         const password = document.getElementById('password').value;
+        console.log('handleLogin: attempting login for', username);
         const errEl = document.getElementById('login-error');
         const btn = document.getElementById('login-btn');
         const label = btn.querySelector('.btn-label');
         const spinner = btn.querySelector('.spinner');
 
-        if (!username || !password) { this.showLoginError('Enter username and password'); return; }
+        if (!username || !password) { this.showLoginError(t('toast.enterCredentials')); return; }
 
         btn.disabled = true;
-        label.textContent = 'Signing in...';
+        label.textContent = t('login.signingIn');
         spinner.classList.remove('hidden');
 
         const r = await this.req('/login', { method: 'POST', body: JSON.stringify({ username, password }) });
 
         btn.disabled = false;
-        label.textContent = 'Sign In';
+        label.textContent = t('login.title');
         spinner.classList.add('hidden');
 
         if (r.success) {
             this.state.account = r.data;
             this.enterMain();
-            this.toast(`Welcome, ${r.data.username}!`, 'success');
+            this.toast(tr('toast.welcome', null, {username: r.data.username}), 'success');
         } else {
-            // If login fails, try register (auto-create account)
             if (r.error && (r.error.includes('not found') || r.error.includes('Invalid'))) {
-                const reg = await this.req('/register', { method: 'POST', body: JSON.stringify({ username, password }) });
+                var reg = await this.req('/register', { method: 'POST', body: JSON.stringify({ username, password }) });
                 if (reg.success) {
                     this.state.account = reg.data;
                     this.enterMain();
-                    this.toast(`Account created! Welcome, ${reg.data.username}!`, 'success');
+                    this.toast(tr('toast.accountCreated', null, {username: reg.data.username}), 'success');
                     return;
                 }
             }
-            this.showLoginError(r.error || 'Login failed');
+            this.showLoginError(r.error || t('toast.loginFailed'));
         }
     }
 
@@ -132,7 +326,7 @@ class ZernMCLauncher {
         this.state.selectedPack = null;
         this.state.instances = [];
         this.state.account = null;
-        this.toast('Logged out');
+        this.toast(t('toast.loggedOut'));
         document.getElementById('login-screen').classList.remove('hidden');
         document.getElementById('main-screen').classList.add('hidden');
     }
@@ -144,26 +338,17 @@ class ZernMCLauncher {
         const avatar = document.getElementById('user-avatar');
         avatar.textContent = (a.username || 'Z')[0].toUpperCase();
         document.getElementById('username-display').textContent = a.username;
-        const status = document.getElementById('account-status');
-        if (a.passActive) {
-            status.textContent = 'PRO';
-            status.className = 'badge badge-pro';
-        } else {
-            status.textContent = 'FREE';
-            status.className = 'badge badge-free';
-        }
-        const role = document.getElementById('account-role');
-        if (a.roleName) {
-            role.textContent = a.roleName;
-            role.classList.remove('hidden');
-        } else {
-            role.classList.add('hidden');
-        }
+        this.updateBadge();
         document.getElementById('header-version').textContent = document.getElementById('version').textContent;
         this.switchView('packs');
         this.loadInstances();
         this.loadSettings();
         this.loadServerPacksList();
+        this.loadNews();
+        this.loadFriends();
+        this.loadPlaytimeStats();
+        this.startFriendStatusHeartbeat();
+        this.enhanceSelects();
     }
 
     async loadServerPacksList() {
@@ -177,6 +362,7 @@ class ZernMCLauncher {
     bindEvents() {
         document.getElementById('login-form').addEventListener('submit', e => this.handleLogin(e));
         document.getElementById('logout-btn').addEventListener('click', () => this.logout());
+        document.getElementById('settings-btn').addEventListener('click', () => this.switchView('settings'));
 
         document.querySelectorAll('.nav-btn').forEach(btn => {
             btn.addEventListener('click', () => this.switchView(btn.dataset.view));
@@ -187,26 +373,65 @@ class ZernMCLauncher {
         document.querySelectorAll('.modal-tab').forEach(t => {
             t.addEventListener('click', () => this.switchInstallTab(t.dataset.tab));
         });
-        document.getElementById('loader-select').addEventListener('change', e => this.onLoaderChange(e.target.value));
+        var loaderSel = document.getElementById('loader-select');
+        if (loaderSel) loaderSel.addEventListener('change', e => this.onLoaderChange(e.target.value));
         document.getElementById('install-zernmc-btn').addEventListener('click', () => this.installZernMCPack());
-        document.getElementById('install-custom-btn').addEventListener('click', () => this.installCustom());
+        var customBtn = document.getElementById('install-custom-btn');
+        if (customBtn) customBtn.addEventListener('click', () => this.installCustom());
         document.getElementById('play-btn').addEventListener('click', () => this.launchPack());
         document.getElementById('ram-slider').addEventListener('input', e => {
-            document.getElementById('ram-value').textContent = (e.target.value / 1024).toFixed(1) + ' GB';
+            var val = e.target.value;
+            document.getElementById('ram-value').textContent = tr('ram.gb', null, {value: (val / 1024).toFixed(1)});
+            document.getElementById('ram-info').textContent = tr('ram.mbAllocated', null, {value: val});
         });
         document.getElementById('ram-slider').addEventListener('change', e => this.saveSettings());
         document.getElementById('activate-pass-btn').addEventListener('click', () => this.activatePass());
 
         let saveTimer;
         const debouncedSave = () => { clearTimeout(saveTimer); saveTimer = setTimeout(() => this.saveSettings(), 500); };
-        document.getElementById('win-width').addEventListener('change', debouncedSave);
-        document.getElementById('win-height').addEventListener('change', debouncedSave);
-        document.getElementById('jvm-args').addEventListener('change', debouncedSave);
-        document.getElementById('java-path-input').addEventListener('change', debouncedSave);
+        document.getElementById('win-width').addEventListener('input', debouncedSave);
+        document.getElementById('win-height').addEventListener('input', debouncedSave);
+        document.getElementById('jvm-args').addEventListener('input', debouncedSave);
+        document.getElementById('java-path-input').addEventListener('input', debouncedSave);
+
+        var logViewerBtn = document.getElementById('show-log-viewer-btn');
+        if (logViewerBtn) logViewerBtn.addEventListener('click', () => this.openLogViewer());
 
         document.querySelectorAll('.modal-backdrop').forEach(m => {
             m.addEventListener('click', e => { if (e.target === m) this.hideInstallModal(); });
         });
+
+        var afModal = document.getElementById('add-friend-modal');
+        if (afModal) {
+            afModal.addEventListener('click', function(e) { if (e.target === afModal) app.closeAddFriend(); });
+        }
+        var afInput = document.getElementById('add-friend-input');
+        if (afInput) {
+            afInput.addEventListener('keydown', function(e) { if (e.key === 'Enter') app.submitAddFriend(); });
+        }
+
+        var localeSelect = document.getElementById('locale-select');
+        if (localeSelect) {
+            localeSelect.addEventListener('change', async () => {
+                var lang = localeSelect.value;
+                this.setLocale(lang);
+                await this.saveSettings();
+            });
+        }
+
+        var sysJvmToggle = document.getElementById('system-jvm-toggle');
+        if (sysJvmToggle) {
+            sysJvmToggle.addEventListener('change', () => {
+                this.saveSettings();
+                var data = { systemBasedJvm: sysJvmToggle.checked, cpuCores: null, totalRamMB: null };
+                var infoEl = document.getElementById('system-jvm-info');
+                if (infoEl && this.state._sysInfo) {
+                    data.cpuCores = this.state._sysInfo.cpuCores;
+                    data.totalRamMB = this.state._sysInfo.totalRamMB;
+                }
+                this.updateSystemJvmInfo(data);
+            });
+        }
     }
 
     switchView(view) {
@@ -250,9 +475,55 @@ class ZernMCLauncher {
     }
 
     selectPack(inst) {
+        if (this.state.selectedPack && this.state.selectedPack.name === inst.name) {
+            this.state.selectedPack = null;
+            this.renderSidebar();
+            this.showEmptyState();
+            return;
+        }
         this.state.selectedPack = inst;
         this.renderSidebar();
+        // Enable play button immediately so user can click it right away
+        this.setPlayBtnText('playBar.play', false);
         this.showPackDetail(inst);
+        // Refresh account in background to check pass status
+        this.refreshAccount().then(() => {
+            if (this.state.selectedPack === inst) {
+                this.showPackDetail(inst);
+            }
+        });
+        const activeView = document.querySelector('.view.active');
+        if (activeView && activeView.id !== 'view-packs') {
+            this.switchView('packs');
+        }
+    }
+
+    async refreshAccount() {
+        const r = await this.req('/account');
+        if (r.success && r.data) {
+            if (this.state.account) {
+                this.state.account.passActive = r.data.passActive;
+                this.state.account.role = r.data.role;
+                this.state.account.roleName = r.data.roleName;
+            }
+        }
+    }
+
+    showEmptyState() {
+        document.getElementById('pack-empty-state').classList.remove('hidden');
+        document.getElementById('pack-detail-content').classList.add('hidden');
+        document.getElementById('selected-pack-title').textContent = t('pack.empty.title');
+        document.getElementById('selected-pack-meta').textContent = t('pack.empty.desc');
+        document.getElementById('play-bar-name').textContent = t('pack.empty.title');
+        document.getElementById('play-btn').disabled = true;
+        this.setPlayBtnText('playBar.play', false);
+    }
+
+    setPlayBtnText(key, disabled) {
+        var btn = document.getElementById('play-btn');
+        if (!btn) return;
+        btn.disabled = disabled;
+        btn.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg> <span data-i18n="' + key + '">' + t(key) + '</span>';
     }
 
     showPackDetail(inst) {
@@ -279,6 +550,22 @@ class ZernMCLauncher {
         document.getElementById('detail-loader-ver').textContent = inst.loaderVersion || '-';
         document.getElementById('detail-files').textContent = inst.filesCount || '0';
 
+        var playtimeEl = document.getElementById('detail-playtime');
+        var stats = this.state.playtimeStats;
+        if (stats && stats.packs) {
+            var packStat = stats.packs.find(function(p) { return p.pack_name === inst.name; });
+            if (packStat) {
+                var h = Math.floor(packStat.minutes / 60);
+                var m = packStat.minutes % 60;
+                playtimeEl.textContent = tr('playtime.hours', null, {h: h, m: m});
+            } else {
+                playtimeEl.textContent = '0m';
+            }
+        } else {
+            playtimeEl.textContent = '-';
+        }
+        playtimeEl.style.display = 'inline';
+
         document.getElementById('selected-pack-title').textContent = inst.name;
         document.getElementById('selected-pack-meta').textContent =
             (inst.version || '?') + (inst.loaderType && inst.loaderType !== 'vanilla' ? ' \u00b7 ' + inst.loaderType : '');
@@ -286,65 +573,173 @@ class ZernMCLauncher {
         const playBar = document.getElementById('play-bar-name');
         playBar.textContent = inst.name;
 
-        const playBtn = document.getElementById('play-btn');
-        if (inst.isServerPack && !this.state.account.passActive) {
-            playBtn.disabled = true;
-            playBtn.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg> Pass Required';
+        var passActive = this.state.account ? this.state.account.passActive : false;
+        if (inst.isServerPack && !passActive) {
+            this.setPlayBtnText('playBar.passRequired', true);
         } else {
-            playBtn.disabled = false;
-            playBtn.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg> Play';
+            this.setPlayBtnText('playBar.play', false);
         }
 
-        // Load pack description from API
+        // Load pack description from cached server packs
         const descEl = document.getElementById('pack-description-text');
         const galleryEl = document.getElementById('pack-gallery');
         galleryEl.innerHTML = '';
+        descEl.innerHTML = '';
         if (inst.isServerPack && inst.serverPackName) {
-            descEl.textContent = 'Loading description...';
-            this.loadPackDescription(inst.serverPackName, descEl, galleryEl);
+            const pack = this.state.serverPacks.find(p => p.name === inst.serverPackName);
+            if (pack && pack.description) {
+                descEl.innerHTML = this.mdToHtml(pack.description);
+            } else {
+                descEl.textContent = t('pack.noDescription');
+            }
         } else {
             descEl.textContent = '';
         }
+
+        // Load pack info from local files
+        this.loadPackInfo(inst.name);
     }
 
-    async loadPackDescription(packName, descEl, galleryEl) {
-        const packs = await this.req('/packs');
-        if (packs.success && packs.data) {
-            const pack = packs.data.find(p => p.name === packName);
-            if (pack && pack.description) {
-                descEl.textContent = pack.description;
-            } else {
-                descEl.textContent = 'No description available';
+    async loadPackInfo(name) {
+        const r = await this.req('/pack-info?name=' + encodeURIComponent(name));
+        if (r.success && r.data) {
+            document.getElementById('detail-files').textContent = tr('pack.modsCount', null, {count: String(r.data.modsCount || 0)});
+            if (r.data.worlds && r.data.worlds.length > 0) {
+                document.getElementById('detail-size').textContent = tr('pack.worldsCount', null, {count: r.data.worlds.length});
+            }
+            if (r.data.recentLogs && r.data.recentLogs.length > 0) {
+                var curSize = document.getElementById('detail-size').textContent || '-';
+                document.getElementById('detail-size').textContent = curSize + ' \u00b7 ' + tr('pack.logsCount', null, {count: r.data.recentLogs.length});
             }
-        } else {
-            descEl.textContent = 'Failed to load description';
         }
     }
 
+    // ==================== NEWS ====================
+    async loadNews() {
+        const r = await this.req('/news');
+        if (r.success && r.data) {
+            let parsed;
+            try {
+                parsed = typeof r.data === 'string' ? JSON.parse(r.data) : r.data;
+            } catch(e) { return; }
+            const newsList = parsed.news || [];
+            this.renderNews(newsList);
+        }
+    }
+
+    renderNews(newsList) {
+        const grid = document.getElementById('news-grid');
+        grid.innerHTML = '';
+        if (!newsList.length) {
+            grid.innerHTML = '<div class="news-empty"><p><span data-i18n="news.empty">' + t('news.empty') + '</span></p></div>';
+            return;
+        }
+        newsList.forEach((item, idx) => {
+            const card = document.createElement('article');
+            card.className = 'news-card';
+            var tempDiv = document.createElement('div');
+            tempDiv.innerHTML = this.mdToHtml(item.body || '');
+            var previewText = tempDiv.textContent.replace(/\s+/g, ' ').trim().substring(0, 200);
+            card.innerHTML = `
+                <div class="news-card-badge type-${this.esc(item.type)}">${this.esc(item.type)}</div>
+                <h3>${this.esc(item.title)}</h3>
+                <p class="news-preview">${this.esc(previewText)}</p>
+                <time>${this.esc(item.version)}</time>
+            `;
+            card.addEventListener('click', () => this.showNewsModal(item));
+            grid.appendChild(card);
+        });
+    }
+
+    mdToHtml(md) {
+        if (!md) return '';
+        try {
+            var processed = md;
+            processed = processed.replace(/\[photo="([^"]+)"\]/g, '![]($1)');
+            processed = processed.replace(/\[([^\[\]]+)\]/g, function(match, inner) {
+                try {
+                    var arr = JSON.parse(match);
+                    if (Array.isArray(arr) && arr.length > 0 && typeof arr[0] === 'object' && 'text' in arr[0]) {
+                        return arr.map(function(item) {
+                            var t = item.text || '';
+                            var url = item.click_action === 'open_url' ? item.url : null;
+                            if (url) return '[' + t + '](' + url + ')';
+                            var parts = [];
+                            if (item.bold) parts.push('**');
+                            if (item.italic) parts.push('*');
+                            parts.push(t);
+                            if (item.italic) parts.push('*');
+                            if (item.bold) parts.push('**');
+                            return parts.join('');
+                        }).join('');
+                    }
+                } catch(e) {}
+                return match;
+            });
+            return marked.parse(processed);
+        } catch (e) {
+            return '<p>' + this.esc(md) + '</p>';
+        }
+    }
+
+    showNewsModal(item) {
+        let modal = document.getElementById('news-modal');
+        if (!modal) {
+            modal = document.createElement('div');
+            modal.id = 'news-modal';
+            modal.className = 'modal-backdrop hidden';
+            modal.innerHTML = `
+                <div class="modal modal-news">
+                    <div class="modal-head">
+                        <h3 id="news-modal-title"></h3>
+                        <button class="modal-close" id="news-modal-close">&times;</button>
+                    </div>
+                    <div class="modal-body news-modal-body" id="news-modal-body"></div>
+                </div>
+            `;
+            document.getElementById('app').appendChild(modal);
+            document.getElementById('news-modal-close').addEventListener('click', () => this.hideNewsModal());
+            modal.addEventListener('click', e => { if (e.target === modal) this.hideNewsModal(); });
+        }
+        document.getElementById('news-modal-title').textContent = item.title;
+        const bodyEl = document.getElementById('news-modal-body');
+        bodyEl.innerHTML = this.mdToHtml(item.body || '');
+        modal.classList.remove('hidden');
+    }
+
+    hideNewsModal() {
+        const modal = document.getElementById('news-modal');
+        if (modal) modal.classList.add('hidden');
+    }
+
     // ==================== LAUNCH ====================
     async launchPack() {
         const inst = this.state.selectedPack;
-        if (!inst) return;
-        this.toast(`Launching ${inst.name}...`, 'info');
+        if (!inst) {
+            this.toast(t('toast.noPackSelected'), 'warning');
+            return;
+        }
+        this.toast(tr('toast.launching', null, {name: inst.name}), 'info');
         const r = await this.req('/launch', { method: 'POST', body: JSON.stringify({ name: inst.name }) });
         if (r.success) {
-            this.toast(`Launched! PID: ${r.data?.pid || ''}`, 'success');
+            this.toast(tr('toast.launched', null, {pid: String(r.data?.pid || '')}), 'success');
+            this.startPlaytimeTracking(inst.name);
         } else {
-            this.toast(r.error || 'Launch failed', 'error');
+            this.toast(r.error || t('toast.launchFailed'), 'error');
         }
     }
 
     // ==================== INSTALL ====================
     async showInstallModal() {
         document.getElementById('install-modal').classList.remove('hidden');
-        document.getElementById('zernmc-pack-select').innerHTML = '<option>Loading...</option>';
-        document.getElementById('mc-version-select').innerHTML = '<option>Loading...</option>';
+        document.getElementById('zernmc-pack-select').innerHTML = '<option>' + t('select.loading') + '</option>';
+        document.getElementById('mc-version-select').innerHTML = '<option>' + t('select.loading') + '</option>';
 
         const packs = await this.req('/packs');
         const zernmcSel = document.getElementById('zernmc-pack-select');
         if (packs.success && packs.data && packs.data.length > 0) {
             if (this.state.account && this.state.account.passActive) {
-                zernmcSel.innerHTML = '<option value="">Select a pack</option>';
+                zernmcSel.innerHTML = '<option value="">' + t('select.selectPack') + '</option>';
                 zernmcSel.disabled = false;
                 packs.data.forEach(p => {
                     const o = document.createElement('option');
@@ -353,11 +748,11 @@ class ZernMCLauncher {
                     zernmcSel.appendChild(o);
                 });
             } else {
-                zernmcSel.innerHTML = '<option value="">Pass required</option>';
+                zernmcSel.innerHTML = '<option value="">' + t('select.passRequired') + '</option>';
                 zernmcSel.disabled = true;
             }
         } else {
-            zernmcSel.innerHTML = '<option value="">No packs available</option>';
+            zernmcSel.innerHTML = '<option value="">' + t('select.noPacks') + '</option>';
             zernmcSel.disabled = true;
         }
 
@@ -367,18 +762,21 @@ class ZernMCLauncher {
             document.querySelector('[data-tab="zernmc"]').style.opacity = '1';
         }
 
+        this.enhanceSelects();
+
         const mc = await this.req('/mc-versions');
         const mcSel = document.getElementById('mc-version-select');
         if (mc.success && mc.data) {
-            mcSel.innerHTML = '<option value="">Select version</option>';
+            mcSel.innerHTML = '<option value="">' + t('select.selectVersion') + '</option>';
             mc.data.forEach(v => {
                 const o = document.createElement('option');
                 o.value = v; o.textContent = v;
                 mcSel.appendChild(o);
             });
         } else {
-            mcSel.innerHTML = '<option value="">Failed to load</option>';
+            mcSel.innerHTML = '<option value="">' + t('select.failedLoad') + '</option>';
         }
+        this.enhanceSelects();
     }
 
     hideInstallModal() {
@@ -392,42 +790,158 @@ class ZernMCLauncher {
         document.querySelectorAll('.modal-tab-content').forEach(c => c.classList.toggle('active', c.id === 'tab-' + tab));
     }
 
+    // ==================== CUSTOM SELECT ====================
+    enhanceSelects() {
+        document.querySelectorAll('select').forEach(sel => {
+            if (sel.dataset.enhanced) {
+                this.refreshCustomSelect(sel);
+                return;
+            }
+            sel.dataset.enhanced = '1';
+            sel.style.display = 'none';
+            const wrap = document.createElement('div');
+            wrap.className = 'custom-select-wrap';
+
+            const trigger = document.createElement('div');
+            trigger.className = 'custom-select-trigger';
+            const placeholder = sel.options[sel.selectedIndex] ? sel.options[sel.selectedIndex].text : (sel.placeholder || t('select.placeholder'));
+            trigger.innerHTML = `<span class="${sel.value ? '' : 'placeholder'}">${placeholder}</span>
+                <svg class="arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>`;
+
+            const dropdown = document.createElement('div');
+            dropdown.className = 'custom-select-dropdown';
+            dropdown.innerHTML = '<div class="custom-select-search"><input type="text" placeholder="' + t('select.search') + '"></div><div class="custom-select-options"></div>';
+            const optionsContainer = dropdown.querySelector('.custom-select-options');
+            const searchInput = dropdown.querySelector('input');
+
+            sel.querySelectorAll('option').forEach(o => {
+                const opt = document.createElement('div');
+                opt.className = 'custom-select-option' + (o.selected ? ' selected' : '');
+                opt.textContent = o.text;
+                opt.dataset.value = o.value;
+                optionsContainer.appendChild(opt);
+            });
+
+            const updateTrigger = () => {
+                const selected = optionsContainer.querySelector('.selected');
+                const txt = selected ? selected.textContent : (sel.options[0] ? sel.options[0].text : t('select.placeholder'));
+                trigger.innerHTML = `<span>${txt}</span>
+                    <svg class="arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>`;
+            };
+
+            const updateDisabled = () => {
+                if (sel.disabled) {
+                    trigger.style.opacity = '0.5';
+                    trigger.style.cursor = 'not-allowed';
+                } else {
+                    trigger.style.opacity = '';
+                    trigger.style.cursor = '';
+                }
+            };
+            updateDisabled();
+
+            trigger.addEventListener('click', () => {
+                if (sel.disabled) return;
+                const open = dropdown.classList.toggle('open');
+                trigger.classList.toggle('open', open);
+                if (open) {
+                    searchInput.value = '';
+                    searchInput.focus();
+                    optionsContainer.querySelectorAll('.custom-select-option').forEach(o => o.classList.remove('hidden'));
+                }
+            });
+
+            searchInput.addEventListener('input', () => {
+                const q = searchInput.value.toLowerCase();
+                optionsContainer.querySelectorAll('.custom-select-option').forEach(o => {
+                    o.classList.toggle('hidden', q && !o.textContent.toLowerCase().includes(q));
+                });
+            });
+
+            optionsContainer.addEventListener('click', e => {
+                const opt = e.target.closest('.custom-select-option');
+                if (!opt || opt.classList.contains('hidden')) return;
+                optionsContainer.querySelectorAll('.custom-select-option').forEach(o => o.classList.remove('selected'));
+                opt.classList.add('selected');
+                sel.value = opt.dataset.value;
+                updateTrigger();
+                dropdown.classList.remove('open');
+                trigger.classList.remove('open');
+                sel.dispatchEvent(new Event('change', { bubbles: true }));
+            });
+
+            document.addEventListener('click', e => {
+                if (!wrap.contains(e.target)) {
+                    dropdown.classList.remove('open');
+                    trigger.classList.remove('open');
+                }
+            });
+
+            wrap.appendChild(trigger);
+            wrap.appendChild(dropdown);
+            sel.parentNode.insertBefore(wrap, sel.nextSibling);
+        });
+    }
+
+    refreshCustomSelect(sel) {
+        if (!sel || !sel.dataset.enhanced) return;
+        let wrap = sel.nextElementSibling;
+        while (wrap && !wrap.classList.contains('custom-select-wrap')) {
+            wrap = wrap.nextElementSibling;
+        }
+        if (!wrap) return;
+        const optionsContainer = wrap.querySelector('.custom-select-options');
+        const trigger = wrap.querySelector('.custom-select-trigger');
+        optionsContainer.innerHTML = '';
+        sel.querySelectorAll('option').forEach(o => {
+            const opt = document.createElement('div');
+            opt.className = 'custom-select-option' + (o.selected ? ' selected' : '');
+            opt.textContent = o.text;
+            opt.dataset.value = o.value;
+            optionsContainer.appendChild(opt);
+        });
+        const selected = optionsContainer.querySelector('.selected');
+        trigger.innerHTML = '<span>' + (selected ? selected.textContent : t('select.placeholder')) + '</span>' +
+            '<svg class="arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>';
+    }
+
     async onLoaderChange(loader) {
         const f = document.getElementById('loader-ver-field');
         if (loader === 'vanilla') { f.classList.add('hidden'); return; }
         f.classList.remove('hidden');
         const sel = document.getElementById('loader-ver-select');
-        sel.innerHTML = '<option>Loading...</option>';
+        sel.innerHTML = '<option>' + t('select.loading') + '</option>';
         const mc = document.getElementById('mc-version-select').value;
-        if (!mc) { sel.innerHTML = '<option>Select MC version first</option>'; return; }
+        if (!mc) { sel.innerHTML = '<option>' + t('select.selectMCFirst') + '</option>'; this.enhanceSelects(); return; }
         const r = await this.req(`/loader-versions?mc=${mc}&loader=${loader}`);
         if (r.success && r.data) {
-            sel.innerHTML = '<option value="">Select version</option>';
+            sel.innerHTML = '<option value="">' + t('select.selectVersion') + '</option>';
             r.data.forEach(v => {
                 const o = document.createElement('option');
                 o.value = v; o.textContent = v;
                 sel.appendChild(o);
             });
         } else {
-            sel.innerHTML = '<option>Failed to load</option>';
+            sel.innerHTML = '<option>' + t('select.failedLoad') + '</option>';
         }
+        this.enhanceSelects();
     }
 
     async installZernMCPack() {
         const packName = document.getElementById('zernmc-pack-select').value;
         const instanceName = document.getElementById('zernmc-instance-name').value.trim();
-        if (!packName) { this.toast('Select a pack', 'error'); return; }
-        if (!instanceName) { this.toast('Enter a name', 'error'); return; }
+        if (!packName) { this.toast(t('select.selectPack'), 'error'); return; }
+        if (!instanceName) { this.toast(t('install.enterName'), 'error'); return; }
 
         const r = await this.req('/install', {
             method: 'POST',
-            body: JSON.stringify({ name: instanceName, version: 'latest', loader: 'zernmc' })
+            body: JSON.stringify({ name: instanceName, version: packName, loader: 'zernmc' })
         });
         if (r.success) {
-            this.toast('Installing...', 'info');
+            this.toast(t('toast.installing'), 'info');
             this.startProgressPoll();
         } else {
-            this.toast(r.error || 'Install failed', 'error');
+            this.toast(r.error || t('toast.launchFailed'), 'error');
         }
     }
 
@@ -437,18 +951,18 @@ class ZernMCLauncher {
         const loaderVer = document.getElementById('loader-ver-select').value;
         const name = document.getElementById('custom-instance-name').value.trim();
 
-        if (!mc) { this.toast('Select MC version', 'error'); return; }
-        if (!name) { this.toast('Enter a name', 'error'); return; }
+        if (!mc) { this.toast(t('select.selectVersion'), 'error'); return; }
+        if (!name) { this.toast(t('install.enterName'), 'error'); return; }
 
         const r = await this.req('/install', {
             method: 'POST',
             body: JSON.stringify({ name, version: mc, loader, loaderVersion: loaderVer })
         });
         if (r.success) {
-            this.toast('Installing...', 'info');
+            this.toast(t('toast.installing'), 'info');
             this.startProgressPoll();
         } else {
-            this.toast(r.error || 'Install failed', 'error');
+            this.toast(r.error || t('toast.launchFailed'), 'error');
         }
     }
 
@@ -460,10 +974,17 @@ class ZernMCLauncher {
                 p.classList.remove('hidden');
                 document.getElementById('progress-fill').style.width = (r.data.percent || 0) + '%';
                 document.getElementById('progress-label').textContent = r.data.label || 'Installing...';
+                const stageInfo = document.getElementById('progress-stage');
+                if (r.data.stageName && r.data.stageCount > 1) {
+                    stageInfo.textContent = tr('install.step', null, {current: String(r.data.stageIndex || 0), total: String(r.data.stageCount), name: r.data.stageName});
+                    stageInfo.classList.remove('hidden');
+                } else {
+                    stageInfo.classList.add('hidden');
+                }
                 if (!r.data.inProgress) {
                     this.stopProgressPoll();
                     this.hideInstallModal();
-                    this.toast('Installation complete!', 'success');
+                    this.toast(t('toast.installComplete'), 'success');
                     await this.loadInstances();
                 }
             }
@@ -481,10 +1002,10 @@ class ZernMCLauncher {
     async loadSettings() {
         const r = await this.req('/settings');
         if (r.success && r.data) {
-            const ram = r.data.maxMemory || 4096;
+            var ram = r.data.maxMemory || 4096;
             document.getElementById('ram-slider').value = ram;
-            document.getElementById('ram-value').textContent = (ram / 1024).toFixed(1) + ' GB';
-            document.getElementById('ram-info').textContent = ram + ' MB allocated';
+            document.getElementById('ram-value').textContent = tr('ram.gb', null, {value: (ram / 1024).toFixed(1)});
+            document.getElementById('ram-info').textContent = tr('ram.mbAllocated', null, {value: ram});
             document.getElementById('server-url').textContent = r.data.serverUrl || 'http://87.120.187.36:1582';
 
             if (r.data.windowWidth) {
@@ -499,46 +1020,268 @@ class ZernMCLauncher {
             if (r.data.javaPath) {
                 document.getElementById('java-path-input').value = r.data.javaPath;
             }
+            if (r.data.locale) {
+                this.setLocale(r.data.locale);
+            }
+            var sysJvm = !!r.data.systemBasedJvm;
+            document.getElementById('system-jvm-toggle').checked = sysJvm;
+            this.updateSystemJvmInfo(r.data);
+            this.state._sysInfo = { cpuCores: r.data.cpuCores, totalRamMB: r.data.totalRamMB };
         } else {
-            document.getElementById('ram-value').textContent = '4 GB';
+            document.getElementById('ram-value').textContent = tr('ram.gb', null, {value: '4'});
             document.getElementById('ram-slider').value = '4096';
         }
-        const sr = await this.req('/instances');
+        var sr = await this.req('/instances');
         if (sr.success) {
-            document.getElementById('server-status').textContent = 'Connected';
+            document.getElementById('server-status').textContent = t('settings.server.connected');
             document.getElementById('server-status').style.color = 'var(--success)';
         } else {
-            document.getElementById('server-status').textContent = 'Disconnected';
+            document.getElementById('server-status').textContent = t('settings.server.disconnected');
             document.getElementById('server-status').style.color = 'var(--error)';
         }
     }
 
+    updateSystemJvmInfo(data) {
+        var el = document.getElementById('system-jvm-info');
+        if (!el) return;
+        var cores = data.cpuCores || '-';
+        var ramGB = data.totalRamMB ? (data.totalRamMB / 1024).toFixed(1) : '-';
+        var flags = data.systemBasedJvm ? t('settings.systemJvm.enabled') : t('settings.systemJvm.disabled');
+        el.textContent = tr('settings.systemJvm.info', null, {cores: cores, ram: ramGB, flags: flags});
+    }
+
     async saveSettings() {
-        const ram = document.getElementById('ram-slider').value;
-        const w = parseInt(document.getElementById('win-width').value) || 1280;
-        const h = parseInt(document.getElementById('win-height').value) || 720;
-        const jvm = document.getElementById('jvm-args').value.trim();
-        const jp = document.getElementById('java-path-input').value.trim();
-        await this.req('/settings', { method: 'POST', body: JSON.stringify({ maxMemory: ram, windowWidth: w, windowHeight: h, extraJvmArgs: jvm, javaPath: jp }) });
+        try {
+            const ram = document.getElementById('ram-slider').value;
+            const w = parseInt(document.getElementById('win-width').value) || 1280;
+            const h = parseInt(document.getElementById('win-height').value) || 720;
+            const jvm = document.getElementById('jvm-args').value.trim();
+            const jp = document.getElementById('java-path-input').value.trim();
+            var localeSel = document.getElementById('locale-select');
+            var locale = localeSel ? localeSel.value : _currentLocale;
+            var sysToggle = document.getElementById('system-jvm-toggle');
+            var sysJvm = sysToggle ? sysToggle.checked : false;
+            var r = await this.req('/settings', { method: 'POST', body: JSON.stringify({ maxMemory: ram, windowWidth: w, windowHeight: h, extraJvmArgs: jvm, javaPath: jp, locale: locale, systemBasedJvm: sysJvm }) });
+            if (!r.success && r.error) this.toast(r.error, 'error');
+        } catch (e) {
+            this.toast(t('error.network'), 'error');
+        }
+    }
+
+    // ==================== FRIENDS ====================
+    async loadFriends() {
+        try {
+            var r = await this.req('/friends/list');
+            if (r.success !== false) {
+                this.state.friends = r.friends || [];
+            } else {
+                this.state.friends = [];
+            }
+            r = await this.req('/friends/requests');
+            if (r.success !== false) {
+                this.state.friendRequests = r.requests || [];
+            } else {
+                this.state.friendRequests = [];
+            }
+            this.renderFriends();
+            this.renderFriendRequests();
+        } catch (e) {
+            this.state.friends = [];
+            this.state.friendRequests = [];
+        }
+    }
+
+    startFriendStatusHeartbeat() {
+        if (this._friendsPollInterval) clearInterval(this._friendsPollInterval);
+        this._friendsPollInterval = setInterval(this.loadFriends.bind(this), 10000);
+        // Send online status
+        this.req('/friends/status', { method: 'POST', body: JSON.stringify({ online: true, current_pack: this.state.selectedPack ? this.state.selectedPack.name : null }) });
+        setInterval(function() {
+            app.req('/friends/status', { method: 'POST', body: JSON.stringify({ online: true, current_pack: app.state.selectedPack ? app.state.selectedPack.name : null }) });
+        }, 60000);
+    }
+
+    renderFriends() {
+        var list = document.getElementById('friends-list');
+        if (!list) return;
+        var query = (document.getElementById('friends-search-input') || {}).value || '';
+        var filtered = this.state.friends;
+        if (query) {
+            var q = query.toLowerCase();
+            filtered = filtered.filter(function(f) { return f.username.toLowerCase().includes(q); });
+        }
+        if (!filtered || filtered.length === 0) {
+            list.innerHTML = '<div class="friends-empty">' + t('friends.empty') + '</div>';
+            return;
+        }
+        var online = filtered.filter(function(f) { return f.online; });
+        var offline = filtered.filter(function(f) { return !f.online; });
+        var html = '';
+        if (online.length) {
+            html += '<div class="friends-group-label">' + t('friends.online') + ' (' + online.length + ')</div>';
+            online.forEach(function(f) { html += renderFriendItem(f); });
+        }
+        if (offline.length) {
+            html += '<div class="friends-group-label">' + t('friends.offline') + ' (' + offline.length + ')</div>';
+            offline.forEach(function(f) { html += renderFriendItem(f); });
+        }
+        list.innerHTML = html;
+    }
+
+    renderFriendRequests() {
+        var section = document.getElementById('friend-requests-section');
+        var list = document.getElementById('friend-requests-list');
+        if (!section || !list) return;
+        var reqs = this.state.friendRequests;
+        if (!reqs || reqs.length === 0) {
+            section.classList.add('hidden');
+            return;
+        }
+        section.classList.remove('hidden');
+        list.innerHTML = reqs.map(function(r) {
+            return '<div class="friend-request-item">' +
+                '<div class="friend-request-info">' +
+                '<div class="friend-request-avatar">' + r.username[0].toUpperCase() + '</div>' +
+                '<div>' +
+                '<div class="friend-request-name">' + app.esc(r.username) + '</div>' +
+                '<div class="friend-request-text">' + tr('friends.requestFrom', null, {user: app.esc(r.username)}) + '</div>' +
+                '</div></div>' +
+                '<div class="friend-request-actions">' +
+                '<button class="btn-primary btn-sm" onclick="app.acceptFriendRequest(' + r.id + ')">' + t('friends.accept') + '</button>' +
+                '<button class="btn-secondary btn-sm btn-danger" onclick="app.declineFriendRequest(' + r.id + ')">' + t('friends.decline') + '</button>' +
+                '</div></div>';
+        }).join('');
+    }
+
+    showAddFriend() {
+        document.getElementById('add-friend-modal').classList.remove('hidden');
+        document.getElementById('add-friend-input').value = '';
+        document.getElementById('add-friend-error').classList.add('hidden');
+        document.getElementById('add-friend-input').focus();
+    }
+
+    closeAddFriend() {
+        document.getElementById('add-friend-modal').classList.add('hidden');
+    }
+
+    async submitAddFriend() {
+        var input = document.getElementById('add-friend-input');
+        var username = input.value.trim();
+        if (!username) return;
+        var errEl = document.getElementById('add-friend-error');
+        var btn = document.getElementById('add-friend-submit');
+        btn.disabled = true;
+        try {
+            var r = await this.req('/friends/add', { method: 'POST', body: JSON.stringify({ username: username }) });
+            if (r.success !== false || r.message) {
+                this.toast(r.message || t('friends.addSuccess'), 'success');
+                this.closeAddFriend();
+                this.loadFriends();
+            } else {
+                errEl.textContent = r.detail || r.error || t('friends.addError');
+                errEl.classList.remove('hidden');
+            }
+        } catch (e) {
+            errEl.textContent = t('friends.addError');
+            errEl.classList.remove('hidden');
+        }
+        btn.disabled = false;
+    }
+
+    filterFriends() {
+        this.renderFriends();
+    }
+
+    async acceptFriendRequest(userId) {
+        var r = await this.req('/friends/accept', { method: 'POST', body: JSON.stringify({ user_id: userId }) });
+        if (r.success !== false || r.message) {
+            this.toast(r.message || t('friends.acceptSuccess'), 'success');
+            this.loadFriends();
+        } else {
+            this.toast(r.detail || r.error, 'error');
+        }
+    }
+
+    async declineFriendRequest(userId) {
+        var r = await this.req('/friends/remove', { method: 'POST', body: JSON.stringify({ user_id: userId }) });
+        if (r.success !== false || r.message) {
+            this.toast(r.message || 'Declined', 'info');
+            this.loadFriends();
+        } else {
+            this.toast(r.detail || r.error, 'error');
+        }
+    }
+
+    async removeFriend(userId) {
+        var r = await this.req('/friends/remove', { method: 'POST', body: JSON.stringify({ user_id: userId }) });
+        if (r.success !== false || r.message) {
+            this.toast(r.message || t('friends.removeSuccess'), 'success');
+            this.loadFriends();
+        } else {
+            this.toast(r.detail || r.error, 'error');
+        }
+    }
+
+    // ==================== PLAYTIME ====================
+    async loadPlaytimeStats() {
+        try {
+            var r = await this.req('/playtime/stats');
+            if (r.success !== false) {
+                this.state.playtimeStats = r;
+            }
+            if (this.state.selectedPack) this.showPackDetail(this.state.selectedPack);
+        } catch (e) {}
+    }
+
+    startPlaytimeTracking(packName) {
+        this._playtimeAccumulated = 0;
+        this._playtimeStartTime = Date.now();
+        this._currentPlaytimePack = packName;
+        if (this._playtimeInterval) clearInterval(this._playtimeInterval);
+        this._playtimeInterval = setInterval(this.syncPlaytime.bind(this), 60000);
+    }
+
+    stopPlaytimeTracking() {
+        if (this._playtimeInterval) {
+            clearInterval(this._playtimeInterval);
+            this._playtimeInterval = null;
+        }
+        if (this._playtimeAccumulated > 0) {
+            this.syncPlaytime();
+        }
+        this._playtimeAccumulated = 0;
+        this._playtimeStartTime = null;
+        this._currentPlaytimePack = null;
+    }
+
+    async syncPlaytime() {
+        if (!this._currentPlaytimePack || this._playtimeAccumulated <= 0) return;
+        var minutes = Math.floor(this._playtimeAccumulated);
+        if (minutes <= 0) return;
+        try {
+            var r = await this.req('/playtime/sync', { method: 'POST', body: JSON.stringify({ minutes: minutes, pack_name: this._currentPlaytimePack }) });
+            if (r.success !== false) {
+                this._playtimeAccumulated = 0;
+                this.loadPlaytimeStats();
+            }
+        } catch (e) {}
     }
 
     async activatePass() {
         const code = document.getElementById('pass-code').value.trim();
-        if (!code) { this.toast('Enter a pass code', 'error'); return; }
-        const r = await this.req('/activate-pass', { method: 'POST', body: JSON.stringify({ code }) });
+        if (!code) { this.toast(t('toast.enterPassCode'), 'error'); return; }
+        const r = await this.req('/activate-pass', { method: 'POST', body: JSON.stringify({ pass_code: code }) });
         if (r.success) {
-            this.toast('Pass activated!', 'success');
+            this.toast(t('toast.passActivated'), 'success');
             document.getElementById('pass-code').value = '';
-            // Refresh account info
-            const acct = await this.req('/account');
-            if (acct.success) {
-                this.state.account = acct.data;
-                const status = document.getElementById('account-status');
-                status.textContent = acct.data.passActive ? 'PRO' : 'FREE';
-                status.className = 'badge ' + (acct.data.passActive ? 'badge-pro' : 'badge-free');
-            }
+            this.state.account.passActive = true;
+            this.state.account.role = 1;
+            this.state.account.roleName = 'PASS_HOLDER';
+            this.updateBadge();
+            await this.loadInstances();
+            await this.loadServerPacksList();
         } else {
-            this.toast(r.error || 'Activation failed', 'error');
+            this.toast(r.error || t('toast.activationFailed'), 'error');
         }
     }
 
@@ -557,6 +1300,100 @@ class ZernMCLauncher {
         document.getElementById('loading-overlay').classList.toggle('hidden', !show);
     }
 
+    updateBadge() {
+        const a = this.state.account;
+        if (!a) return;
+        const status = document.getElementById('account-status');
+        if (a.passActive) {
+            status.textContent = t('badge.pro');
+            status.className = 'badge badge-pro';
+        } else {
+            status.textContent = t('badge.free');
+            status.className = 'badge badge-free';
+        }
+        const role = document.getElementById('account-role');
+        if (a.roleName) {
+            role.textContent = a.roleName;
+            role.classList.remove('hidden');
+        } else {
+            role.classList.add('hidden');
+        }
+    }
+
+    // ==================== LOG VIEWER ====================
+    openLogViewer() {
+        var overlay = document.getElementById('log-viewer-overlay');
+        if (!overlay) return;
+        overlay.classList.remove('hidden');
+        this._pollLogViewer();
+        this._logPollInterval = setInterval(this._pollLogViewer.bind(this), 1500);
+    }
+
+    closeLogViewer() {
+        var overlay = document.getElementById('log-viewer-overlay');
+        if (overlay) overlay.classList.add('hidden');
+        if (this._logPollInterval) {
+            clearInterval(this._logPollInterval);
+            this._logPollInterval = null;
+        }
+    }
+
+    async _pollLogViewer() {
+        try {
+            var r = await this.req('/game-logs');
+            if (r.success && r.data) {
+                this._renderLogViewer(r.data);
+            }
+        } catch(e) {}
+    }
+
+    _renderLogViewer(raw) {
+        var content = document.getElementById('log-viewer-content');
+        if (!content) return;
+        if (!raw || !raw.trim()) {
+            content.innerHTML = '<div class="log-line log-empty">' + t('logViewer.noLogs') + '</div>';
+            return;
+        }
+        var lines = raw.split('\n').filter(function(l) { return l.trim(); });
+        var html = lines.map(this._renderLogLine.bind(this)).join('');
+        content.innerHTML = html;
+        content.scrollTop = content.scrollHeight;
+    }
+
+    _renderLogLine(line) {
+        var cls = 'log-line';
+        var upper = line.toUpperCase();
+        if (upper.includes('ERROR') || upper.includes('FATAL')) cls += ' log-error';
+        else if (upper.includes('WARN')) cls += ' log-warn';
+        else if (upper.includes('INFO')) cls += ' log-info';
+        else if (upper.includes('DEBUG') || upper.includes('TRACE')) cls += ' log-debug';
+        var text = line.replace(/§[0-9a-fklmnor]/g, '');
+        return '<div class="' + cls + '">' + this.esc(text) + '</div>';
+    }
+
+    copyLogs() {
+        var content = document.getElementById('log-viewer-content');
+        if (!content) return;
+        var text = content.textContent;
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+            navigator.clipboard.writeText(text).then(function() {
+                app.toast(t('logViewer.copied'), 'success');
+            }).catch(function() {
+                app.toast(t('logViewer.copied'), 'success');
+            });
+        } else {
+            var ta = document.createElement('textarea');
+            ta.value = text;
+            ta.style.position = 'fixed';
+            ta.style.opacity = '0';
+            document.body.appendChild(ta);
+            ta.select();
+            try { document.execCommand('copy'); } catch(e) {}
+            document.body.removeChild(ta);
+            this.toast(t('logViewer.copied'), 'success');
+        }
+    }
+
     esc(s) {
         if (!s) return '';
         const d = document.createElement('div');
@@ -565,4 +1402,43 @@ class ZernMCLauncher {
     }
 }
 
-const app = new ZernMCLauncher();
+function renderFriendItem(f) {
+    var initial = (f.username || '?')[0].toUpperCase();
+    var statusClass = f.online ? 'online' : 'offline';
+    var statusText = f.online ? t('friends.online') : t('friends.offline');
+    var packText = f.online && f.current_pack ? tr('friends.playing', null, {pack: f.current_pack}) : (f.online ? t('friends.noPack') : '');
+    var roleBadge = f.role && f.role > 0 ? '<span class="badge badge-role badge-sm">' + app.esc('Role ' + f.role) + '</span>' : '';
+    return '<div class="friend-item" data-user-id="' + f.id + '">' +
+        '<div class="friend-avatar ' + statusClass + '">' + initial + '</div>' +
+        '<div class="friend-info">' +
+        '<div class="friend-name-row">' +
+        '<span class="friend-name">' + app.esc(f.username) + '</span>' +
+        roleBadge +
+        '</div>' +
+        '<div class="friend-status">' +
+        '<span class="friend-status-dot ' + statusClass + '"></span>' +
+        '<span>' + statusText + '</span>' +
+        (packText ? '<span class="friend-pack"> \u00b7 ' + packText + '</span>' : '') +
+        '</div>' +
+        '</div>' +
+        '<button class="btn-icon friend-remove-btn" title="Remove" onclick="app.removeFriend(' + f.id + ')">' +
+        '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>' +
+        '</button></div>';
+}
+
+var renderer = new marked.Renderer();
+renderer.image = function(token) {
+    var src = token.href;
+    var alt = (token.text || '').replace(/"/g, '&quot;');
+    var titleAttr = token.title ? ' title="' + token.title.replace(/"/g, '&quot;') + '"' : '';
+    return '<img class="news-photo" src="' + src.replace(/"/g, '&quot;') + '" alt="' + alt + '"' + titleAttr + ' style="cursor:pointer" onclick="window.open(\'' + src.replace(/'/g, "\\'") + '\', \'_blank\')">';
+};
+renderer.link = function(token) {
+    var href = token.href;
+    var text = marked.parseInline(token.text);
+    var titleAttr = token.title ? ' title="' + token.title.replace(/"/g, '&quot;') + '"' : '';
+    return '<a href="#" class="news-link"' + titleAttr + ' onclick="window.open(\'' + href.replace(/'/g, "\\'") + '\',\'_blank\');return false">' + text + '</a>';
+};
+marked.setOptions({ renderer: renderer });
+
+var app = new ZernMCLauncher();
diff --git a/launcher/launcher/src/resources/ui/marked.min.js b/launcher/launcher/src/resources/ui/marked.min.js
new file mode 100644
index 0000000..b4e0d73
--- /dev/null
+++ b/launcher/launcher/src/resources/ui/marked.min.js
@@ -0,0 +1,69 @@
+/**
+ * marked v15.0.12 - a markdown parser
+ * Copyright (c) 2011-2025, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/markedjs/marked
+ */
+
+/**
+ * DO NOT EDIT THIS FILE
+ * The code in this file is generated from files in ./src/
+ */
+(function(g,f){if(typeof exports=="object"&&typeof module<"u"){module.exports=f()}else if("function"==typeof define && define.amd){define("marked",f)}else {g["marked"]=f()}}(typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : this,function(){var exports={};var __exports=exports;var module={exports};
+"use strict";var H=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var we=Object.prototype.hasOwnProperty;var ye=(l,e)=>{for(var t in e)H(l,t,{get:e[t],enumerable:!0})},Re=(l,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of Te(e))!we.call(l,s)&&s!==t&&H(l,s,{get:()=>e[s],enumerable:!(n=be(e,s))||n.enumerable});return l};var Se=l=>Re(H({},"__esModule",{value:!0}),l);var kt={};ye(kt,{Hooks:()=>L,Lexer:()=>x,Marked:()=>E,Parser:()=>b,Renderer:()=>$,TextRenderer:()=>_,Tokenizer:()=>S,defaults:()=>w,getDefaults:()=>z,lexer:()=>ht,marked:()=>k,options:()=>it,parse:()=>pt,parseInline:()=>ct,parser:()=>ut,setOptions:()=>ot,use:()=>lt,walkTokens:()=>at});module.exports=Se(kt);function z(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}}var w=z();function N(l){w=l}var I={exec:()=>null};function h(l,e=""){let t=typeof l=="string"?l:l.source,n={replace:(s,i)=>{let r=typeof i=="string"?i:i.source;return r=r.replace(m.caret,"$1"),t=t.replace(s,r),n},getRegex:()=>new RegExp(t,e)};return n}var m={codeRemoveIndent:/^(?: {1,4}| {0,3}\t)/gm,outputLinkReplace:/\\([\[\]])/g,indentCodeCompensation:/^(\s+)(?:```)/,beginningSpace:/^\s+/,endingHash:/#$/,startingSpaceChar:/^ /,endingSpaceChar:/ $/,nonSpaceChar:/[^ ]/,newLineCharGlobal:/\n/g,tabCharGlobal:/\t/g,multipleSpaceGlobal:/\s+/g,blankLine:/^[ \t]*$/,doubleBlankLine:/\n[ \t]*\n[ \t]*$/,blockquoteStart:/^ {0,3}>/,blockquoteSetextReplace:/\n {0,3}((?:=+|-+) *)(?=\n|$)/g,blockquoteSetextReplace2:/^ {0,3}>[ \t]?/gm,listReplaceTabs:/^\t+/,listReplaceNesting:/^ {1,4}(?=( {4})*[^ ])/g,listIsTask:/^\[[ xX]\] /,listReplaceTask:/^\[[ xX]\] +/,anyLine:/\n.*\n/,hrefBrackets:/^<(.*)>$/,tableDelimiter:/[:|]/,tableAlignChars:/^\||\| *$/g,tableRowBlankLine:/\n[ \t]*$/,tableAlignRight:/^ *-+: *$/,tableAlignCenter:/^ *:-+: *$/,tableAlignLeft:/^ *:-+ *$/,startATag:/^<a /i,endATag:/^<\/a>/i,startPreScriptTag:/^<(pre|code|kbd|script)(\s|>)/i,endPreScriptTag:/^<\/(pre|code|kbd|script)(\s|>)/i,startAngleBracket:/^</,endAngleBracket:/>$/,pedanticHrefTitle:/^([^'"]*[^\s])\s+(['"])(.*)\2/,unicodeAlphaNumeric:/[\p{L}\p{N}]/u,escapeTest:/[&<>"']/,escapeReplace:/[&<>"']/g,escapeTestNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g,unescapeTest:/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig,caret:/(^|[^\[])\^/g,percentDecode:/%25/g,findPipe:/\|/g,splitPipe:/ \|/,slashPipe:/\\\|/g,carriageReturn:/\r\n|\r/g,spaceLine:/^ +$/gm,notSpaceStart:/^\S*/,endingNewline:/\n$/,listItemRegex:l=>new RegExp(`^( {0,3}${l})((?:[	 ][^\\n]*)?(?:\\n|$))`),nextBulletRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`),hrRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),fencesBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}(?:\`\`\`|~~~)`),headingBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}#`),htmlBeginRegex:l=>new RegExp(`^ {0,${Math.min(3,l-1)}}<(?:[a-z].*>|!--)`,"i")},$e=/^(?:[ \t]*(?:\n|$))+/,_e=/^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/,Le=/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,O=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,ze=/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,F=/(?:[*+-]|\d{1,9}[.)])/,ie=/^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,oe=h(ie).replace(/bull/g,F).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/\|table/g,"").getRegex(),Me=h(ie).replace(/bull/g,F).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/table/g,/ {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(),Q=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,Pe=/^[^\n]+/,U=/(?!\s*\])(?:\\.|[^\[\]\\])+/,Ae=h(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label",U).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),Ee=h(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,F).getRegex(),v="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",K=/<!--(?:-?>|[\s\S]*?(?:-->|$))/,Ce=h("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ 	]*)+\\n|$))","i").replace("comment",K).replace("tag",v).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),le=h(Q).replace("hr",O).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",v).getRegex(),Ie=h(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",le).getRegex(),X={blockquote:Ie,code:_e,def:Ae,fences:Le,heading:ze,hr:O,html:Ce,lheading:oe,list:Ee,newline:$e,paragraph:le,table:I,text:Pe},re=h("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",O).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code","(?: {4}| {0,3}	)[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",v).getRegex(),Oe={...X,lheading:Me,table:re,paragraph:h(Q).replace("hr",O).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",re).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",v).getRegex()},Be={...X,html:h(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment",K).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:I,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:h(Q).replace("hr",O).replace("heading",` *#{1,6} *[^
+]`).replace("lheading",oe).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},qe=/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,ve=/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,ae=/^( {2,}|\\)\n(?!\s*$)/,De=/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,D=/[\p{P}\p{S}]/u,W=/[\s\p{P}\p{S}]/u,ce=/[^\s\p{P}\p{S}]/u,Ze=h(/^((?![*_])punctSpace)/,"u").replace(/punctSpace/g,W).getRegex(),pe=/(?!~)[\p{P}\p{S}]/u,Ge=/(?!~)[\s\p{P}\p{S}]/u,He=/(?:[^\s\p{P}\p{S}]|~)/u,Ne=/\[[^[\]]*?\]\((?:\\.|[^\\\(\)]|\((?:\\.|[^\\\(\)])*\))*\)|`[^`]*?`|<[^<>]*?>/g,ue=/^(?:\*+(?:((?!\*)punct)|[^\s*]))|^_+(?:((?!_)punct)|([^\s_]))/,je=h(ue,"u").replace(/punct/g,D).getRegex(),Fe=h(ue,"u").replace(/punct/g,pe).getRegex(),he="^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)",Qe=h(he,"gu").replace(/notPunctSpace/g,ce).replace(/punctSpace/g,W).replace(/punct/g,D).getRegex(),Ue=h(he,"gu").replace(/notPunctSpace/g,He).replace(/punctSpace/g,Ge).replace(/punct/g,pe).getRegex(),Ke=h("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)","gu").replace(/notPunctSpace/g,ce).replace(/punctSpace/g,W).replace(/punct/g,D).getRegex(),Xe=h(/\\(punct)/,"gu").replace(/punct/g,D).getRegex(),We=h(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),Je=h(K).replace("(?:-->|$)","-->").getRegex(),Ve=h("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",Je).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),q=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,Ye=h(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]*(?:\n[ \t]*)?)(title))?\s*\)/).replace("label",q).replace("href",/<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),ke=h(/^!?\[(label)\]\[(ref)\]/).replace("label",q).replace("ref",U).getRegex(),ge=h(/^!?\[(ref)\](?:\[\])?/).replace("ref",U).getRegex(),et=h("reflink|nolink(?!\\()","g").replace("reflink",ke).replace("nolink",ge).getRegex(),J={_backpedal:I,anyPunctuation:Xe,autolink:We,blockSkip:Ne,br:ae,code:ve,del:I,emStrongLDelim:je,emStrongRDelimAst:Qe,emStrongRDelimUnd:Ke,escape:qe,link:Ye,nolink:ge,punctuation:Ze,reflink:ke,reflinkSearch:et,tag:Ve,text:De,url:I},tt={...J,link:h(/^!?\[(label)\]\((.*?)\)/).replace("label",q).getRegex(),reflink:h(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",q).getRegex()},j={...J,emStrongRDelimAst:Ue,emStrongLDelim:Fe,url:h(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,"i").replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])((?:\\.|[^\\])*?(?:\\.|[^\s~\\]))\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/},nt={...j,br:h(ae).replace("{2,}","*").getRegex(),text:h(j.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},B={normal:X,gfm:Oe,pedantic:Be},P={normal:J,gfm:j,breaks:nt,pedantic:tt};var st={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},fe=l=>st[l];function R(l,e){if(e){if(m.escapeTest.test(l))return l.replace(m.escapeReplace,fe)}else if(m.escapeTestNoEncode.test(l))return l.replace(m.escapeReplaceNoEncode,fe);return l}function V(l){try{l=encodeURI(l).replace(m.percentDecode,"%")}catch{return null}return l}function Y(l,e){let t=l.replace(m.findPipe,(i,r,o)=>{let a=!1,c=r;for(;--c>=0&&o[c]==="\\";)a=!a;return a?"|":" |"}),n=t.split(m.splitPipe),s=0;if(n[0].trim()||n.shift(),n.length>0&&!n.at(-1)?.trim()&&n.pop(),e)if(n.length>e)n.splice(e);else for(;n.length<e;)n.push("");for(;s<n.length;s++)n[s]=n[s].trim().replace(m.slashPipe,"|");return n}function A(l,e,t){let n=l.length;if(n===0)return"";let s=0;for(;s<n;){let i=l.charAt(n-s-1);if(i===e&&!t)s++;else if(i!==e&&t)s++;else break}return l.slice(0,n-s)}function de(l,e){if(l.indexOf(e[1])===-1)return-1;let t=0;for(let n=0;n<l.length;n++)if(l[n]==="\\")n++;else if(l[n]===e[0])t++;else if(l[n]===e[1]&&(t--,t<0))return n;return t>0?-2:-1}function me(l,e,t,n,s){let i=e.href,r=e.title||null,o=l[1].replace(s.other.outputLinkReplace,"$1");n.state.inLink=!0;let a={type:l[0].charAt(0)==="!"?"image":"link",raw:t,href:i,title:r,text:o,tokens:n.inlineTokens(o)};return n.state.inLink=!1,a}function rt(l,e,t){let n=l.match(t.other.indentCodeCompensation);if(n===null)return e;let s=n[1];return e.split(`
+`).map(i=>{let r=i.match(t.other.beginningSpace);if(r===null)return i;let[o]=r;return o.length>=s.length?i.slice(s.length):i}).join(`
+`)}var S=class{options;rules;lexer;constructor(e){this.options=e||w}space(e){let t=this.rules.block.newline.exec(e);if(t&&t[0].length>0)return{type:"space",raw:t[0]}}code(e){let t=this.rules.block.code.exec(e);if(t){let n=t[0].replace(this.rules.other.codeRemoveIndent,"");return{type:"code",raw:t[0],codeBlockStyle:"indented",text:this.options.pedantic?n:A(n,`
+`)}}}fences(e){let t=this.rules.block.fences.exec(e);if(t){let n=t[0],s=rt(n,t[3]||"",this.rules);return{type:"code",raw:n,lang:t[2]?t[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):t[2],text:s}}}heading(e){let t=this.rules.block.heading.exec(e);if(t){let n=t[2].trim();if(this.rules.other.endingHash.test(n)){let s=A(n,"#");(this.options.pedantic||!s||this.rules.other.endingSpaceChar.test(s))&&(n=s.trim())}return{type:"heading",raw:t[0],depth:t[1].length,text:n,tokens:this.lexer.inline(n)}}}hr(e){let t=this.rules.block.hr.exec(e);if(t)return{type:"hr",raw:A(t[0],`
+`)}}blockquote(e){let t=this.rules.block.blockquote.exec(e);if(t){let n=A(t[0],`
+`).split(`
+`),s="",i="",r=[];for(;n.length>0;){let o=!1,a=[],c;for(c=0;c<n.length;c++)if(this.rules.other.blockquoteStart.test(n[c]))a.push(n[c]),o=!0;else if(!o)a.push(n[c]);else break;n=n.slice(c);let p=a.join(`
+`),u=p.replace(this.rules.other.blockquoteSetextReplace,`
+    $1`).replace(this.rules.other.blockquoteSetextReplace2,"");s=s?`${s}
+${p}`:p,i=i?`${i}
+${u}`:u;let d=this.lexer.state.top;if(this.lexer.state.top=!0,this.lexer.blockTokens(u,r,!0),this.lexer.state.top=d,n.length===0)break;let g=r.at(-1);if(g?.type==="code")break;if(g?.type==="blockquote"){let T=g,f=T.raw+`
+`+n.join(`
+`),y=this.blockquote(f);r[r.length-1]=y,s=s.substring(0,s.length-T.raw.length)+y.raw,i=i.substring(0,i.length-T.text.length)+y.text;break}else if(g?.type==="list"){let T=g,f=T.raw+`
+`+n.join(`
+`),y=this.list(f);r[r.length-1]=y,s=s.substring(0,s.length-g.raw.length)+y.raw,i=i.substring(0,i.length-T.raw.length)+y.raw,n=f.substring(r.at(-1).raw.length).split(`
+`);continue}}return{type:"blockquote",raw:s,tokens:r,text:i}}}list(e){let t=this.rules.block.list.exec(e);if(t){let n=t[1].trim(),s=n.length>1,i={type:"list",raw:"",ordered:s,start:s?+n.slice(0,-1):"",loose:!1,items:[]};n=s?`\\d{1,9}\\${n.slice(-1)}`:`\\${n}`,this.options.pedantic&&(n=s?n:"[*+-]");let r=this.rules.other.listItemRegex(n),o=!1;for(;e;){let c=!1,p="",u="";if(!(t=r.exec(e))||this.rules.block.hr.test(e))break;p=t[0],e=e.substring(p.length);let d=t[2].split(`
+`,1)[0].replace(this.rules.other.listReplaceTabs,Z=>" ".repeat(3*Z.length)),g=e.split(`
+`,1)[0],T=!d.trim(),f=0;if(this.options.pedantic?(f=2,u=d.trimStart()):T?f=t[1].length+1:(f=t[2].search(this.rules.other.nonSpaceChar),f=f>4?1:f,u=d.slice(f),f+=t[1].length),T&&this.rules.other.blankLine.test(g)&&(p+=g+`
+`,e=e.substring(g.length+1),c=!0),!c){let Z=this.rules.other.nextBulletRegex(f),te=this.rules.other.hrRegex(f),ne=this.rules.other.fencesBeginRegex(f),se=this.rules.other.headingBeginRegex(f),xe=this.rules.other.htmlBeginRegex(f);for(;e;){let G=e.split(`
+`,1)[0],C;if(g=G,this.options.pedantic?(g=g.replace(this.rules.other.listReplaceNesting,"  "),C=g):C=g.replace(this.rules.other.tabCharGlobal,"    "),ne.test(g)||se.test(g)||xe.test(g)||Z.test(g)||te.test(g))break;if(C.search(this.rules.other.nonSpaceChar)>=f||!g.trim())u+=`
+`+C.slice(f);else{if(T||d.replace(this.rules.other.tabCharGlobal,"    ").search(this.rules.other.nonSpaceChar)>=4||ne.test(d)||se.test(d)||te.test(d))break;u+=`
+`+g}!T&&!g.trim()&&(T=!0),p+=G+`
+`,e=e.substring(G.length+1),d=C.slice(f)}}i.loose||(o?i.loose=!0:this.rules.other.doubleBlankLine.test(p)&&(o=!0));let y=null,ee;this.options.gfm&&(y=this.rules.other.listIsTask.exec(u),y&&(ee=y[0]!=="[ ] ",u=u.replace(this.rules.other.listReplaceTask,""))),i.items.push({type:"list_item",raw:p,task:!!y,checked:ee,loose:!1,text:u,tokens:[]}),i.raw+=p}let a=i.items.at(-1);if(a)a.raw=a.raw.trimEnd(),a.text=a.text.trimEnd();else return;i.raw=i.raw.trimEnd();for(let c=0;c<i.items.length;c++)if(this.lexer.state.top=!1,i.items[c].tokens=this.lexer.blockTokens(i.items[c].text,[]),!i.loose){let p=i.items[c].tokens.filter(d=>d.type==="space"),u=p.length>0&&p.some(d=>this.rules.other.anyLine.test(d.raw));i.loose=u}if(i.loose)for(let c=0;c<i.items.length;c++)i.items[c].loose=!0;return i}}html(e){let t=this.rules.block.html.exec(e);if(t)return{type:"html",block:!0,raw:t[0],pre:t[1]==="pre"||t[1]==="script"||t[1]==="style",text:t[0]}}def(e){let t=this.rules.block.def.exec(e);if(t){let n=t[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal," "),s=t[2]?t[2].replace(this.rules.other.hrefBrackets,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",i=t[3]?t[3].substring(1,t[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):t[3];return{type:"def",tag:n,raw:t[0],href:s,title:i}}}table(e){let t=this.rules.block.table.exec(e);if(!t||!this.rules.other.tableDelimiter.test(t[2]))return;let n=Y(t[1]),s=t[2].replace(this.rules.other.tableAlignChars,"").split("|"),i=t[3]?.trim()?t[3].replace(this.rules.other.tableRowBlankLine,"").split(`
+`):[],r={type:"table",raw:t[0],header:[],align:[],rows:[]};if(n.length===s.length){for(let o of s)this.rules.other.tableAlignRight.test(o)?r.align.push("right"):this.rules.other.tableAlignCenter.test(o)?r.align.push("center"):this.rules.other.tableAlignLeft.test(o)?r.align.push("left"):r.align.push(null);for(let o=0;o<n.length;o++)r.header.push({text:n[o],tokens:this.lexer.inline(n[o]),header:!0,align:r.align[o]});for(let o of i)r.rows.push(Y(o,r.header.length).map((a,c)=>({text:a,tokens:this.lexer.inline(a),header:!1,align:r.align[c]})));return r}}lheading(e){let t=this.rules.block.lheading.exec(e);if(t)return{type:"heading",raw:t[0],depth:t[2].charAt(0)==="="?1:2,text:t[1],tokens:this.lexer.inline(t[1])}}paragraph(e){let t=this.rules.block.paragraph.exec(e);if(t){let n=t[1].charAt(t[1].length-1)===`
+`?t[1].slice(0,-1):t[1];return{type:"paragraph",raw:t[0],text:n,tokens:this.lexer.inline(n)}}}text(e){let t=this.rules.block.text.exec(e);if(t)return{type:"text",raw:t[0],text:t[0],tokens:this.lexer.inline(t[0])}}escape(e){let t=this.rules.inline.escape.exec(e);if(t)return{type:"escape",raw:t[0],text:t[1]}}tag(e){let t=this.rules.inline.tag.exec(e);if(t)return!this.lexer.state.inLink&&this.rules.other.startATag.test(t[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&this.rules.other.endATag.test(t[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&this.rules.other.startPreScriptTag.test(t[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&this.rules.other.endPreScriptTag.test(t[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:t[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:t[0]}}link(e){let t=this.rules.inline.link.exec(e);if(t){let n=t[2].trim();if(!this.options.pedantic&&this.rules.other.startAngleBracket.test(n)){if(!this.rules.other.endAngleBracket.test(n))return;let r=A(n.slice(0,-1),"\\");if((n.length-r.length)%2===0)return}else{let r=de(t[2],"()");if(r===-2)return;if(r>-1){let a=(t[0].indexOf("!")===0?5:4)+t[1].length+r;t[2]=t[2].substring(0,r),t[0]=t[0].substring(0,a).trim(),t[3]=""}}let s=t[2],i="";if(this.options.pedantic){let r=this.rules.other.pedanticHrefTitle.exec(s);r&&(s=r[1],i=r[3])}else i=t[3]?t[3].slice(1,-1):"";return s=s.trim(),this.rules.other.startAngleBracket.test(s)&&(this.options.pedantic&&!this.rules.other.endAngleBracket.test(n)?s=s.slice(1):s=s.slice(1,-1)),me(t,{href:s&&s.replace(this.rules.inline.anyPunctuation,"$1"),title:i&&i.replace(this.rules.inline.anyPunctuation,"$1")},t[0],this.lexer,this.rules)}}reflink(e,t){let n;if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){let s=(n[2]||n[1]).replace(this.rules.other.multipleSpaceGlobal," "),i=t[s.toLowerCase()];if(!i){let r=n[0].charAt(0);return{type:"text",raw:r,text:r}}return me(n,i,n[0],this.lexer,this.rules)}}emStrong(e,t,n=""){let s=this.rules.inline.emStrongLDelim.exec(e);if(!s||s[3]&&n.match(this.rules.other.unicodeAlphaNumeric))return;if(!(s[1]||s[2]||"")||!n||this.rules.inline.punctuation.exec(n)){let r=[...s[0]].length-1,o,a,c=r,p=0,u=s[0][0]==="*"?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(u.lastIndex=0,t=t.slice(-1*e.length+r);(s=u.exec(t))!=null;){if(o=s[1]||s[2]||s[3]||s[4]||s[5]||s[6],!o)continue;if(a=[...o].length,s[3]||s[4]){c+=a;continue}else if((s[5]||s[6])&&r%3&&!((r+a)%3)){p+=a;continue}if(c-=a,c>0)continue;a=Math.min(a,a+c+p);let d=[...s[0]][0].length,g=e.slice(0,r+s.index+d+a);if(Math.min(r,a)%2){let f=g.slice(1,-1);return{type:"em",raw:g,text:f,tokens:this.lexer.inlineTokens(f)}}let T=g.slice(2,-2);return{type:"strong",raw:g,text:T,tokens:this.lexer.inlineTokens(T)}}}}codespan(e){let t=this.rules.inline.code.exec(e);if(t){let n=t[2].replace(this.rules.other.newLineCharGlobal," "),s=this.rules.other.nonSpaceChar.test(n),i=this.rules.other.startingSpaceChar.test(n)&&this.rules.other.endingSpaceChar.test(n);return s&&i&&(n=n.substring(1,n.length-1)),{type:"codespan",raw:t[0],text:n}}}br(e){let t=this.rules.inline.br.exec(e);if(t)return{type:"br",raw:t[0]}}del(e){let t=this.rules.inline.del.exec(e);if(t)return{type:"del",raw:t[0],text:t[2],tokens:this.lexer.inlineTokens(t[2])}}autolink(e){let t=this.rules.inline.autolink.exec(e);if(t){let n,s;return t[2]==="@"?(n=t[1],s="mailto:"+n):(n=t[1],s=n),{type:"link",raw:t[0],text:n,href:s,tokens:[{type:"text",raw:n,text:n}]}}}url(e){let t;if(t=this.rules.inline.url.exec(e)){let n,s;if(t[2]==="@")n=t[0],s="mailto:"+n;else{let i;do i=t[0],t[0]=this.rules.inline._backpedal.exec(t[0])?.[0]??"";while(i!==t[0]);n=t[0],t[1]==="www."?s="http://"+t[0]:s=t[0]}return{type:"link",raw:t[0],text:n,href:s,tokens:[{type:"text",raw:n,text:n}]}}}inlineText(e){let t=this.rules.inline.text.exec(e);if(t){let n=this.lexer.state.inRawBlock;return{type:"text",raw:t[0],text:t[0],escaped:n}}}};var x=class l{tokens;options;state;tokenizer;inlineQueue;constructor(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||w,this.options.tokenizer=this.options.tokenizer||new S,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};let t={other:m,block:B.normal,inline:P.normal};this.options.pedantic?(t.block=B.pedantic,t.inline=P.pedantic):this.options.gfm&&(t.block=B.gfm,this.options.breaks?t.inline=P.breaks:t.inline=P.gfm),this.tokenizer.rules=t}static get rules(){return{block:B,inline:P}}static lex(e,t){return new l(t).lex(e)}static lexInline(e,t){return new l(t).inlineTokens(e)}lex(e){e=e.replace(m.carriageReturn,`
+`),this.blockTokens(e,this.tokens);for(let t=0;t<this.inlineQueue.length;t++){let n=this.inlineQueue[t];this.inlineTokens(n.src,n.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(e,t=[],n=!1){for(this.options.pedantic&&(e=e.replace(m.tabCharGlobal,"    ").replace(m.spaceLine,""));e;){let s;if(this.options.extensions?.block?.some(r=>(s=r.call({lexer:this},e,t))?(e=e.substring(s.raw.length),t.push(s),!0):!1))continue;if(s=this.tokenizer.space(e)){e=e.substring(s.raw.length);let r=t.at(-1);s.raw.length===1&&r!==void 0?r.raw+=`
+`:t.push(s);continue}if(s=this.tokenizer.code(e)){e=e.substring(s.raw.length);let r=t.at(-1);r?.type==="paragraph"||r?.type==="text"?(r.raw+=`
+`+s.raw,r.text+=`
+`+s.text,this.inlineQueue.at(-1).src=r.text):t.push(s);continue}if(s=this.tokenizer.fences(e)){e=e.substring(s.raw.length),t.push(s);continue}if(s=this.tokenizer.heading(e)){e=e.substring(s.raw.length),t.push(s);continue}if(s=this.tokenizer.hr(e)){e=e.substring(s.raw.length),t.push(s);continue}if(s=this.tokenizer.blockquote(e)){e=e.substring(s.raw.length),t.push(s);continue}if(s=this.tokenizer.list(e)){e=e.substring(s.raw.length),t.push(s);continue}if(s=this.tokenizer.html(e)){e=e.substring(s.raw.length),t.push(s);continue}if(s=this.tokenizer.def(e)){e=e.substring(s.raw.length);let r=t.at(-1);r?.type==="paragraph"||r?.type==="text"?(r.raw+=`
+`+s.raw,r.text+=`
+`+s.raw,this.inlineQueue.at(-1).src=r.text):this.tokens.links[s.tag]||(this.tokens.links[s.tag]={href:s.href,title:s.title});continue}if(s=this.tokenizer.table(e)){e=e.substring(s.raw.length),t.push(s);continue}if(s=this.tokenizer.lheading(e)){e=e.substring(s.raw.length),t.push(s);continue}let i=e;if(this.options.extensions?.startBlock){let r=1/0,o=e.slice(1),a;this.options.extensions.startBlock.forEach(c=>{a=c.call({lexer:this},o),typeof a=="number"&&a>=0&&(r=Math.min(r,a))}),r<1/0&&r>=0&&(i=e.substring(0,r+1))}if(this.state.top&&(s=this.tokenizer.paragraph(i))){let r=t.at(-1);n&&r?.type==="paragraph"?(r.raw+=`
+`+s.raw,r.text+=`
+`+s.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=r.text):t.push(s),n=i.length!==e.length,e=e.substring(s.raw.length);continue}if(s=this.tokenizer.text(e)){e=e.substring(s.raw.length);let r=t.at(-1);r?.type==="text"?(r.raw+=`
+`+s.raw,r.text+=`
+`+s.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=r.text):t.push(s);continue}if(e){let r="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(r);break}else throw new Error(r)}}return this.state.top=!0,t}inline(e,t=[]){return this.inlineQueue.push({src:e,tokens:t}),t}inlineTokens(e,t=[]){let n=e,s=null;if(this.tokens.links){let o=Object.keys(this.tokens.links);if(o.length>0)for(;(s=this.tokenizer.rules.inline.reflinkSearch.exec(n))!=null;)o.includes(s[0].slice(s[0].lastIndexOf("[")+1,-1))&&(n=n.slice(0,s.index)+"["+"a".repeat(s[0].length-2)+"]"+n.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;(s=this.tokenizer.rules.inline.anyPunctuation.exec(n))!=null;)n=n.slice(0,s.index)+"++"+n.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;(s=this.tokenizer.rules.inline.blockSkip.exec(n))!=null;)n=n.slice(0,s.index)+"["+"a".repeat(s[0].length-2)+"]"+n.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);let i=!1,r="";for(;e;){i||(r=""),i=!1;let o;if(this.options.extensions?.inline?.some(c=>(o=c.call({lexer:this},e,t))?(e=e.substring(o.raw.length),t.push(o),!0):!1))continue;if(o=this.tokenizer.escape(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.tag(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.link(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.reflink(e,this.tokens.links)){e=e.substring(o.raw.length);let c=t.at(-1);o.type==="text"&&c?.type==="text"?(c.raw+=o.raw,c.text+=o.text):t.push(o);continue}if(o=this.tokenizer.emStrong(e,n,r)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.codespan(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.br(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.del(e)){e=e.substring(o.raw.length),t.push(o);continue}if(o=this.tokenizer.autolink(e)){e=e.substring(o.raw.length),t.push(o);continue}if(!this.state.inLink&&(o=this.tokenizer.url(e))){e=e.substring(o.raw.length),t.push(o);continue}let a=e;if(this.options.extensions?.startInline){let c=1/0,p=e.slice(1),u;this.options.extensions.startInline.forEach(d=>{u=d.call({lexer:this},p),typeof u=="number"&&u>=0&&(c=Math.min(c,u))}),c<1/0&&c>=0&&(a=e.substring(0,c+1))}if(o=this.tokenizer.inlineText(a)){e=e.substring(o.raw.length),o.raw.slice(-1)!=="_"&&(r=o.raw.slice(-1)),i=!0;let c=t.at(-1);c?.type==="text"?(c.raw+=o.raw,c.text+=o.text):t.push(o);continue}if(e){let c="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(c);break}else throw new Error(c)}}return t}};var $=class{options;parser;constructor(e){this.options=e||w}space(e){return""}code({text:e,lang:t,escaped:n}){let s=(t||"").match(m.notSpaceStart)?.[0],i=e.replace(m.endingNewline,"")+`
+`;return s?'<pre><code class="language-'+R(s)+'">'+(n?i:R(i,!0))+`</code></pre>
+`:"<pre><code>"+(n?i:R(i,!0))+`</code></pre>
+`}blockquote({tokens:e}){return`<blockquote>
+${this.parser.parse(e)}</blockquote>
+`}html({text:e}){return e}heading({tokens:e,depth:t}){return`<h${t}>${this.parser.parseInline(e)}</h${t}>
+`}hr(e){return`<hr>
+`}list(e){let t=e.ordered,n=e.start,s="";for(let o=0;o<e.items.length;o++){let a=e.items[o];s+=this.listitem(a)}let i=t?"ol":"ul",r=t&&n!==1?' start="'+n+'"':"";return"<"+i+r+`>
+`+s+"</"+i+`>
+`}listitem(e){let t="";if(e.task){let n=this.checkbox({checked:!!e.checked});e.loose?e.tokens[0]?.type==="paragraph"?(e.tokens[0].text=n+" "+e.tokens[0].text,e.tokens[0].tokens&&e.tokens[0].tokens.length>0&&e.tokens[0].tokens[0].type==="text"&&(e.tokens[0].tokens[0].text=n+" "+R(e.tokens[0].tokens[0].text),e.tokens[0].tokens[0].escaped=!0)):e.tokens.unshift({type:"text",raw:n+" ",text:n+" ",escaped:!0}):t+=n+" "}return t+=this.parser.parse(e.tokens,!!e.loose),`<li>${t}</li>
+`}checkbox({checked:e}){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox">'}paragraph({tokens:e}){return`<p>${this.parser.parseInline(e)}</p>
+`}table(e){let t="",n="";for(let i=0;i<e.header.length;i++)n+=this.tablecell(e.header[i]);t+=this.tablerow({text:n});let s="";for(let i=0;i<e.rows.length;i++){let r=e.rows[i];n="";for(let o=0;o<r.length;o++)n+=this.tablecell(r[o]);s+=this.tablerow({text:n})}return s&&(s=`<tbody>${s}</tbody>`),`<table>
+<thead>
+`+t+`</thead>
+`+s+`</table>
+`}tablerow({text:e}){return`<tr>
+${e}</tr>
+`}tablecell(e){let t=this.parser.parseInline(e.tokens),n=e.header?"th":"td";return(e.align?`<${n} align="${e.align}">`:`<${n}>`)+t+`</${n}>
+`}strong({tokens:e}){return`<strong>${this.parser.parseInline(e)}</strong>`}em({tokens:e}){return`<em>${this.parser.parseInline(e)}</em>`}codespan({text:e}){return`<code>${R(e,!0)}</code>`}br(e){return"<br>"}del({tokens:e}){return`<del>${this.parser.parseInline(e)}</del>`}link({href:e,title:t,tokens:n}){let s=this.parser.parseInline(n),i=V(e);if(i===null)return s;e=i;let r='<a href="'+e+'"';return t&&(r+=' title="'+R(t)+'"'),r+=">"+s+"</a>",r}image({href:e,title:t,text:n,tokens:s}){s&&(n=this.parser.parseInline(s,this.parser.textRenderer));let i=V(e);if(i===null)return R(n);e=i;let r=`<img src="${e}" alt="${n}"`;return t&&(r+=` title="${R(t)}"`),r+=">",r}text(e){return"tokens"in e&&e.tokens?this.parser.parseInline(e.tokens):"escaped"in e&&e.escaped?e.text:R(e.text)}};var _=class{strong({text:e}){return e}em({text:e}){return e}codespan({text:e}){return e}del({text:e}){return e}html({text:e}){return e}text({text:e}){return e}link({text:e}){return""+e}image({text:e}){return""+e}br(){return""}};var b=class l{options;renderer;textRenderer;constructor(e){this.options=e||w,this.options.renderer=this.options.renderer||new $,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new _}static parse(e,t){return new l(t).parse(e)}static parseInline(e,t){return new l(t).parseInline(e)}parse(e,t=!0){let n="";for(let s=0;s<e.length;s++){let i=e[s];if(this.options.extensions?.renderers?.[i.type]){let o=i,a=this.options.extensions.renderers[o.type].call({parser:this},o);if(a!==!1||!["space","hr","heading","code","table","blockquote","list","html","paragraph","text"].includes(o.type)){n+=a||"";continue}}let r=i;switch(r.type){case"space":{n+=this.renderer.space(r);continue}case"hr":{n+=this.renderer.hr(r);continue}case"heading":{n+=this.renderer.heading(r);continue}case"code":{n+=this.renderer.code(r);continue}case"table":{n+=this.renderer.table(r);continue}case"blockquote":{n+=this.renderer.blockquote(r);continue}case"list":{n+=this.renderer.list(r);continue}case"html":{n+=this.renderer.html(r);continue}case"paragraph":{n+=this.renderer.paragraph(r);continue}case"text":{let o=r,a=this.renderer.text(o);for(;s+1<e.length&&e[s+1].type==="text";)o=e[++s],a+=`
+`+this.renderer.text(o);t?n+=this.renderer.paragraph({type:"paragraph",raw:a,text:a,tokens:[{type:"text",raw:a,text:a,escaped:!0}]}):n+=a;continue}default:{let o='Token with "'+r.type+'" type was not found.';if(this.options.silent)return console.error(o),"";throw new Error(o)}}}return n}parseInline(e,t=this.renderer){let n="";for(let s=0;s<e.length;s++){let i=e[s];if(this.options.extensions?.renderers?.[i.type]){let o=this.options.extensions.renderers[i.type].call({parser:this},i);if(o!==!1||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(i.type)){n+=o||"";continue}}let r=i;switch(r.type){case"escape":{n+=t.text(r);break}case"html":{n+=t.html(r);break}case"link":{n+=t.link(r);break}case"image":{n+=t.image(r);break}case"strong":{n+=t.strong(r);break}case"em":{n+=t.em(r);break}case"codespan":{n+=t.codespan(r);break}case"br":{n+=t.br(r);break}case"del":{n+=t.del(r);break}case"text":{n+=t.text(r);break}default:{let o='Token with "'+r.type+'" type was not found.';if(this.options.silent)return console.error(o),"";throw new Error(o)}}}return n}};var L=class{options;block;constructor(e){this.options=e||w}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(e){return e}postprocess(e){return e}processAllTokens(e){return e}provideLexer(){return this.block?x.lex:x.lexInline}provideParser(){return this.block?b.parse:b.parseInline}};var E=class{defaults=z();options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=b;Renderer=$;TextRenderer=_;Lexer=x;Tokenizer=S;Hooks=L;constructor(...e){this.use(...e)}walkTokens(e,t){let n=[];for(let s of e)switch(n=n.concat(t.call(this,s)),s.type){case"table":{let i=s;for(let r of i.header)n=n.concat(this.walkTokens(r.tokens,t));for(let r of i.rows)for(let o of r)n=n.concat(this.walkTokens(o.tokens,t));break}case"list":{let i=s;n=n.concat(this.walkTokens(i.items,t));break}default:{let i=s;this.defaults.extensions?.childTokens?.[i.type]?this.defaults.extensions.childTokens[i.type].forEach(r=>{let o=i[r].flat(1/0);n=n.concat(this.walkTokens(o,t))}):i.tokens&&(n=n.concat(this.walkTokens(i.tokens,t)))}}return n}use(...e){let t=this.defaults.extensions||{renderers:{},childTokens:{}};return e.forEach(n=>{let s={...n};if(s.async=this.defaults.async||s.async||!1,n.extensions&&(n.extensions.forEach(i=>{if(!i.name)throw new Error("extension name required");if("renderer"in i){let r=t.renderers[i.name];r?t.renderers[i.name]=function(...o){let a=i.renderer.apply(this,o);return a===!1&&(a=r.apply(this,o)),a}:t.renderers[i.name]=i.renderer}if("tokenizer"in i){if(!i.level||i.level!=="block"&&i.level!=="inline")throw new Error("extension level must be 'block' or 'inline'");let r=t[i.level];r?r.unshift(i.tokenizer):t[i.level]=[i.tokenizer],i.start&&(i.level==="block"?t.startBlock?t.startBlock.push(i.start):t.startBlock=[i.start]:i.level==="inline"&&(t.startInline?t.startInline.push(i.start):t.startInline=[i.start]))}"childTokens"in i&&i.childTokens&&(t.childTokens[i.name]=i.childTokens)}),s.extensions=t),n.renderer){let i=this.defaults.renderer||new $(this.defaults);for(let r in n.renderer){if(!(r in i))throw new Error(`renderer '${r}' does not exist`);if(["options","parser"].includes(r))continue;let o=r,a=n.renderer[o],c=i[o];i[o]=(...p)=>{let u=a.apply(i,p);return u===!1&&(u=c.apply(i,p)),u||""}}s.renderer=i}if(n.tokenizer){let i=this.defaults.tokenizer||new S(this.defaults);for(let r in n.tokenizer){if(!(r in i))throw new Error(`tokenizer '${r}' does not exist`);if(["options","rules","lexer"].includes(r))continue;let o=r,a=n.tokenizer[o],c=i[o];i[o]=(...p)=>{let u=a.apply(i,p);return u===!1&&(u=c.apply(i,p)),u}}s.tokenizer=i}if(n.hooks){let i=this.defaults.hooks||new L;for(let r in n.hooks){if(!(r in i))throw new Error(`hook '${r}' does not exist`);if(["options","block"].includes(r))continue;let o=r,a=n.hooks[o],c=i[o];L.passThroughHooks.has(r)?i[o]=p=>{if(this.defaults.async)return Promise.resolve(a.call(i,p)).then(d=>c.call(i,d));let u=a.call(i,p);return c.call(i,u)}:i[o]=(...p)=>{let u=a.apply(i,p);return u===!1&&(u=c.apply(i,p)),u}}s.hooks=i}if(n.walkTokens){let i=this.defaults.walkTokens,r=n.walkTokens;s.walkTokens=function(o){let a=[];return a.push(r.call(this,o)),i&&(a=a.concat(i.call(this,o))),a}}this.defaults={...this.defaults,...s}}),this}setOptions(e){return this.defaults={...this.defaults,...e},this}lexer(e,t){return x.lex(e,t??this.defaults)}parser(e,t){return b.parse(e,t??this.defaults)}parseMarkdown(e){return(n,s)=>{let i={...s},r={...this.defaults,...i},o=this.onError(!!r.silent,!!r.async);if(this.defaults.async===!0&&i.async===!1)return o(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof n>"u"||n===null)return o(new Error("marked(): input parameter is undefined or null"));if(typeof n!="string")return o(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(n)+", string expected"));r.hooks&&(r.hooks.options=r,r.hooks.block=e);let a=r.hooks?r.hooks.provideLexer():e?x.lex:x.lexInline,c=r.hooks?r.hooks.provideParser():e?b.parse:b.parseInline;if(r.async)return Promise.resolve(r.hooks?r.hooks.preprocess(n):n).then(p=>a(p,r)).then(p=>r.hooks?r.hooks.processAllTokens(p):p).then(p=>r.walkTokens?Promise.all(this.walkTokens(p,r.walkTokens)).then(()=>p):p).then(p=>c(p,r)).then(p=>r.hooks?r.hooks.postprocess(p):p).catch(o);try{r.hooks&&(n=r.hooks.preprocess(n));let p=a(n,r);r.hooks&&(p=r.hooks.processAllTokens(p)),r.walkTokens&&this.walkTokens(p,r.walkTokens);let u=c(p,r);return r.hooks&&(u=r.hooks.postprocess(u)),u}catch(p){return o(p)}}}onError(e,t){return n=>{if(n.message+=`
+Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error occurred:</p><pre>"+R(n.message+"",!0)+"</pre>";return t?Promise.resolve(s):s}if(t)return Promise.reject(n);throw n}}};var M=new E;function k(l,e){return M.parse(l,e)}k.options=k.setOptions=function(l){return M.setOptions(l),k.defaults=M.defaults,N(k.defaults),k};k.getDefaults=z;k.defaults=w;k.use=function(...l){return M.use(...l),k.defaults=M.defaults,N(k.defaults),k};k.walkTokens=function(l,e){return M.walkTokens(l,e)};k.parseInline=M.parseInline;k.Parser=b;k.parser=b.parse;k.Renderer=$;k.TextRenderer=_;k.Lexer=x;k.lexer=x.lex;k.Tokenizer=S;k.Hooks=L;k.parse=k;var it=k.options,ot=k.setOptions,lt=k.use,at=k.walkTokens,ct=k.parseInline,pt=k,ut=b.parse,ht=x.lex;
+
+if(__exports != exports)module.exports = exports;return module.exports}));
diff --git a/launcher/launcher/src/resources/ui/style.css b/launcher/launcher/src/resources/ui/style.css
index c55d3e1..a98894c 100644
--- a/launcher/launcher/src/resources/ui/style.css
+++ b/launcher/launcher/src/resources/ui/style.css
@@ -23,8 +23,8 @@
     --shadow: 0 4px 24px rgba(0,0,0,0.5);
     --shadow-glow: 0 0 40px var(--accent-glow);
     --transition: 200ms ease;
-    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    --mono: 'JetBrains Mono', 'Consolas', monospace;
+    --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif;
+    --mono: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', 'Monaco', monospace;
 }
 
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -78,9 +78,7 @@ body {
 .brand-icon { margin-bottom: 16px; }
 .brand-title {
     font-size: 28px; font-weight: 800;
-    background: linear-gradient(135deg, #fff 60%, var(--accent));
-    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: var(--text);
 }
 .brand-sub { color: var(--text-muted); font-size: 13px; margin-top: 4px; }
 
@@ -272,9 +270,10 @@ body {
     flex: 1; display: flex; flex-direction: column;
     padding: 24px 32px; min-width: 0;
     position: relative;
+    overflow-y: auto;
 }
 
-.view { display: none; flex-direction: column; height: 100%; }
+.view { display: none; flex-direction: column; height: 100%; overflow-y: auto; }
 .view.active { display: flex; }
 
 .view-header {
@@ -359,6 +358,12 @@ body {
 .pack-gallery-item img {
     width: 100%; height: 100%; object-fit: cover;
 }
+.pack-description-text .news-link {
+    color: var(--accent); text-decoration: underline; cursor: pointer;
+}
+.pack-description-text .news-link:hover {
+    color: var(--accent-hover);
+}
 
 .btn-play {
     display: flex; align-items: center; gap: 8px;
@@ -372,17 +377,84 @@ body {
 .btn-play:active:not(:disabled) { transform: translateY(0); }
 .btn-play:disabled { opacity: 0.4; cursor: not-allowed; transform: none; box-shadow: none; }
 
+/* ========== CUSTOM SELECT ========== */
+.custom-select-wrap {
+    position: relative;
+    width: 100%;
+}
+.custom-select-trigger {
+    display: flex; align-items: center; justify-content: space-between;
+    width: 100%; padding: 10px 12px;
+    background: var(--bg-surface); border: 1px solid var(--border-light);
+    border-radius: var(--radius-sm); color: var(--text);
+    font-size: 13px; font-family: var(--font); cursor: pointer;
+    transition: var(--transition); user-select: none;
+    gap: 8px;
+}
+.custom-select-trigger:hover { border-color: var(--text-muted); }
+.custom-select-trigger.open { border-color: var(--accent); }
+.custom-select-trigger .arrow {
+    width: 16px; height: 16px; flex-shrink: 0;
+    transition: transform 0.2s ease; opacity: 0.5;
+}
+.custom-select-trigger.open .arrow { transform: rotate(180deg); }
+.custom-select-trigger .placeholder { color: var(--text-muted); }
+.custom-select-dropdown {
+    position: absolute; top: calc(100% + 4px); left: 0; right: 0;
+    background: var(--bg-elevated); border: 1px solid var(--border);
+    border-radius: var(--radius-sm); box-shadow: var(--shadow);
+    z-index: 100; max-height: 240px; display: none;
+    flex-direction: column;
+}
+.custom-select-dropdown.open { display: flex; }
+.custom-select-search {
+    padding: 8px; border-bottom: 1px solid var(--border);
+    position: sticky; top: 0; background: var(--bg-elevated);
+    z-index: 1;
+}
+.custom-select-search input {
+    width: 100%; padding: 6px 10px;
+    background: var(--bg-surface); border: 1px solid var(--border-light);
+    border-radius: 4px; color: var(--text); font-size: 12px;
+    font-family: var(--font); outline: none;
+}
+.custom-select-search input:focus { border-color: var(--accent); }
+.custom-select-options {
+    overflow-y: auto; flex: 1;
+}
+.custom-select-option {
+    padding: 8px 12px; cursor: pointer; font-size: 13px;
+    color: var(--text-secondary); transition: var(--transition);
+}
+.custom-select-option:hover { background: var(--bg-card); color: var(--text); }
+.custom-select-option.selected { background: var(--accent-soft); color: var(--accent); }
+.custom-select-option.hidden { display: none; }
+
 /* ========== NEWS ========== */
 .news-grid {
     display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
     gap: 16px; overflow-y: auto; padding-bottom: 24px;
 }
+.news-loading {
+    grid-column: 1 / -1; text-align: center; padding: 60px 20px;
+    color: var(--text-muted); font-size: 14px;
+}
+.news-empty {
+    grid-column: 1 / -1; text-align: center; padding: 60px 20px;
+    color: var(--text-muted); font-size: 14px;
+}
 .news-card {
     background: var(--bg-card); border: 1px solid var(--border);
     border-radius: var(--radius-md); padding: 24px; display: flex;
     flex-direction: column; gap: 12px; transition: var(--transition);
+    cursor: pointer;
+}
+.news-card:hover { border-color: var(--border-light); transform: translateY(-1px); }
+.news-preview {
+    font-size: 13px; color: var(--text-secondary); line-height: 1.5;
+    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
+    overflow: hidden;
 }
-.news-card:hover { border-color: var(--border-light); }
 .news-card-badge {
     align-self: flex-start; font-size: 10px; font-weight: 600; text-transform: uppercase;
     letter-spacing: 1px; padding: 4px 10px; border-radius: 4px;
@@ -391,6 +463,26 @@ body {
 .news-card h3 { font-size: 16px; font-weight: 600; }
 .news-card p { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }
 .news-card time { font-size: 11px; color: var(--text-muted); margin-top: auto; }
+.news-card-badge.type-Update { background: rgba(96,165,250,0.15); color: var(--info); }
+.news-card-badge.type-Announcement { background: rgba(251,191,36,0.15); color: var(--warning); }
+.news-card-badge.type-Event { background: rgba(74,222,128,0.15); color: var(--success); }
+
+.news-modal-body {
+    max-height: 60vh; overflow-y: auto; line-height: 1.7;
+    font-size: 14px; color: var(--text-secondary);
+}
+.news-modal-body .news-text-line { display: inline; }
+.news-modal-body .news-link {
+    color: var(--info); text-decoration: underline; cursor: pointer;
+}
+.news-modal-body .news-link:hover { color: var(--accent); }
+.news-modal-body .news-photo {
+    display: block; max-width: 100%; border-radius: var(--radius-sm);
+    margin: 12px 0; cursor: pointer; border: 1px solid var(--border);
+    transition: var(--transition);
+}
+.news-modal-body .news-photo:hover { opacity: 0.9; }
+.modal-news { max-width: 640px; }
 
 /* ========== SETTINGS ========== */
 .settings-grid { display: flex; flex-direction: column; gap: 12px; }
@@ -430,6 +522,24 @@ body {
 .setting-input:focus { border-color: var(--accent); }
 .btn-sm { padding: 6px 14px !important; font-size: 12px !important; }
 
+/* ========== TOGGLE ========== */
+.toggle {
+    position: relative; display: inline-block; width: 44px; height: 24px; cursor: pointer;
+}
+.toggle input { opacity: 0; width: 0; height: 0; }
+.toggle-slider {
+    position: absolute; inset: 0; background: var(--border-light); border-radius: 12px; transition: var(--transition);
+}
+.toggle-slider::before {
+    content: ''; position: absolute; left: 3px; bottom: 3px; width: 18px; height: 18px;
+    background: var(--text-secondary); border-radius: 50%; transition: var(--transition);
+}
+.toggle input:checked + .toggle-slider { background: var(--accent); }
+.toggle input:checked + .toggle-slider::before { transform: translateX(20px); background: #fff; }
+
+/* ========== LOCALE SELECT ========== */
+#locale-select { font-family: var(--font); cursor: pointer; }
+
 /* ========== MODAL ========== */
 .modal-backdrop {
     position: fixed; inset: 0; background: rgba(7,7,10,0.85);
@@ -472,6 +582,17 @@ body {
     background: none; padding: 0;
 }
 
+.tag-wip {
+    font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 3px;
+    background: rgba(251,191,36,0.15); color: var(--warning); vertical-align: middle; margin-left: 4px;
+}
+.disabled-tab {
+    display: flex; flex-direction: column; align-items: center; gap: 12px;
+    padding: 40px 20px; text-align: center; color: var(--text-muted);
+}
+.disabled-tab h3 { font-size: 18px; font-weight: 600; color: var(--text-secondary); }
+.disabled-tab p { font-size: 13px; line-height: 1.5; max-width: 300px; }
+
 .select-wrap select {
     width: 100%; padding: 10px 12px; font-size: 13px;
     background: var(--bg-surface); border: 1px solid var(--border-light);
@@ -490,6 +611,31 @@ body {
     border-radius: 3px; transition: width 0.3s ease;
 }
 .progress-label { font-size: 13px; color: var(--text-secondary); margin-top: 8px; text-align: center; }
+.progress-stage { font-size: 11px; color: var(--text-muted); margin-top: 4px; text-align: center; }
+
+/* ========== LOG VIEWER ========== */
+.modal-log { max-width: 800px; }
+.log-viewer-actions { display: flex; align-items: center; gap: 8px; }
+.log-viewer-body { padding: 0 !important; }
+.log-viewer-content {
+    font-family: var(--mono);
+    font-size: 11px;
+    line-height: 1.5;
+    background: var(--bg-deep);
+    padding: 12px 16px;
+    max-height: 50vh;
+    overflow-y: auto;
+    user-select: text;
+    -webkit-user-select: text;
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+.log-line { padding: 1px 0; }
+.log-empty { color: var(--text-muted); font-family: var(--font); font-size: 13px; padding: 20px; text-align: center; }
+.log-error { color: #f87171; }
+.log-warn { color: #fbbf24; }
+.log-info { color: #4ade80; }
+.log-debug { color: #60a5fa; }
 
 /* ========== TOAST ========== */
 .toast {
@@ -502,6 +648,7 @@ body {
 }
 .toast.error { border-color: rgba(248,113,113,0.3); color: var(--error); }
 .toast.success { border-color: rgba(74,222,128,0.3); color: var(--success); }
+.toast.warning { border-color: rgba(251,191,36,0.3); color: var(--warning); }
 @keyframes toastIn { from { opacity: 0; transform: translateX(-50%) translateY(10px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
 @keyframes toastOut { from { opacity: 1; } to { opacity: 0; } }
 
@@ -529,3 +676,84 @@ body {
     .play-bar { flex-direction: column; gap: 12px; }
     .view-header { flex-direction: column; }
 }
+
+/* ========== FRIENDS ========== */
+.friends-search {
+    display: flex; align-items: center; gap: 8px;
+    background: var(--bg-card); border: 1px solid var(--border);
+    border-radius: var(--radius-sm); padding: 8px 12px; margin-bottom: 12px;
+}
+.friends-search svg { flex-shrink: 0; color: var(--text-muted); }
+.friends-search input {
+    flex: 1; background: transparent; border: none; outline: none;
+    color: var(--text); font-size: 13px; font-family: var(--font);
+}
+.friends-search input::placeholder { color: var(--text-muted); }
+.friends-list { display: flex; flex-direction: column; gap: 4px; }
+.friends-empty {
+    text-align: center; padding: 40px 20px; color: var(--text-muted); font-size: 13px;
+}
+.friends-group-label {
+    font-size: 11px; font-weight: 600; text-transform: uppercase;
+    color: var(--text-muted); padding: 8px 4px 4px; letter-spacing: 0.5px;
+}
+.friend-item {
+    display: flex; align-items: center; gap: 10px; padding: 8px 10px;
+    border-radius: var(--radius-sm); transition: var(--transition);
+}
+.friend-item:hover { background: var(--bg-card-hover); }
+.friend-item:hover .friend-remove-btn { opacity: 1; }
+.friend-avatar {
+    width: 36px; height: 36px; border-radius: 50%; display: flex;
+    align-items: center; justify-content: center; font-weight: 600; font-size: 14px;
+    flex-shrink: 0; position: relative;
+    background: var(--accent-soft); color: var(--accent);
+}
+.friend-avatar.online::after {
+    content: ''; position: absolute; bottom: 0; right: 0;
+    width: 10px; height: 10px; border-radius: 50%;
+    background: var(--success); border: 2px solid var(--bg-surface);
+}
+.friend-avatar.offline { opacity: 0.6; }
+.friend-info { flex: 1; min-width: 0; }
+.friend-name-row { display: flex; align-items: center; gap: 6px; }
+.friend-name { font-size: 13px; font-weight: 500; color: var(--text); }
+.friend-status { display: flex; align-items: center; gap: 4px; font-size: 11px; color: var(--text-muted); margin-top: 2px; }
+.friend-status-dot {
+    width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
+}
+.friend-status-dot.online { background: var(--success); }
+.friend-status-dot.offline { background: var(--text-muted); }
+.friend-pack { color: var(--text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.friend-remove-btn {
+    opacity: 0; transition: var(--transition); flex-shrink: 0;
+    width: 28px; height: 28px; color: var(--text-muted);
+}
+.friend-remove-btn:hover { color: var(--error); }
+.friend-requests-section {
+    margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border);
+}
+.friend-requests-section .section-header {
+    font-size: 11px; font-weight: 600; text-transform: uppercase;
+    color: var(--text-muted); padding: 4px; margin-bottom: 8px; letter-spacing: 0.5px;
+}
+.friend-request-item {
+    display: flex; align-items: center; gap: 10px; padding: 10px;
+    background: var(--bg-card); border-radius: var(--radius-sm);
+    margin-bottom: 6px;
+}
+.friend-request-avatar {
+    width: 36px; height: 36px; border-radius: 50%; display: flex;
+    align-items: center; justify-content: center; font-weight: 600; font-size: 14px;
+    flex-shrink: 0; background: var(--accent-soft); color: var(--accent);
+}
+.friend-request-info { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; }
+.friend-request-name { font-size: 13px; font-weight: 500; }
+.friend-request-text { font-size: 11px; color: var(--text-muted); }
+.friend-request-actions { display: flex; gap: 6px; flex-shrink: 0; }
+
+/* ========== MODAL SM ========== */
+.modal-sm { max-width: 360px; }
+
+/* ========== BADGE SM ========== */
+.badge-sm { font-size: 10px; padding: 2px 6px; }
diff --git a/launcher/launcher/src/test/java/me/sashegdev/zernmc/launcher/auth/AuthManagerPassTest.java b/launcher/launcher/src/test/java/me/sashegdev/zernmc/launcher/auth/AuthManagerPassTest.java
new file mode 100644
index 0000000..f604fe2
--- /dev/null
+++ b/launcher/launcher/src/test/java/me/sashegdev/zernmc/launcher/auth/AuthManagerPassTest.java
@@ -0,0 +1,274 @@
+package me.sashegdev.zernmc.launcher.auth;
+
+import com.google.gson.Gson;
+import com.google.gson.GsonBuilder;
+import org.junit.jupiter.api.Test;
+import static org.junit.jupiter.api.Assertions.*;
+
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.util.List;
+
+class AuthManagerPassTest {
+
+    private static final Gson GSON = new GsonBuilder().setPrettyPrinting().create();
+
+    private static AuthManager.AuthSession createSession(String token, int role) {
+        AuthManager.AuthSession s = new AuthManager.AuthSession();
+        s.accessToken = token;
+        s.role = role;
+        s.expiresAt = System.currentTimeMillis() / 1000L + 3600;
+        return s;
+    }
+
+    @Test
+    void hasPass_returnsFalse_whenNotLoggedIn() {
+        AuthManager.resetForTest();
+        assertFalse(AuthManager.hasPass());
+        assertFalse(AuthManager.hasActivePass());
+    }
+
+    @Test
+    void hasPass_usesUserInfo_whenAvailable() {
+        AuthManager.UserInfo info = new AuthManager.UserInfo();
+        info.has_pass = true;
+        info.role = 1;
+        AuthManager.setTestUserInfo(info);
+
+        AuthManager.setTestSession(createSession("tok", 1));
+
+        assertTrue(AuthManager.hasPass());
+        assertTrue(AuthManager.hasActivePass());
+    }
+
+    @Test
+    void hasPass_usesRole_whenUserInfoNull() {
+        AuthManager.setTestUserInfo(null);
+
+        AuthManager.setTestSession(createSession("tok", AuthManager.ROLE_PASS_HOLDER));
+
+        assertTrue(AuthManager.hasPass());
+        assertTrue(AuthManager.hasActivePass());
+    }
+
+    @Test
+    void hasPass_returnsFalse_whenRoleTooLow() {
+        AuthManager.setTestUserInfo(null);
+
+        AuthManager.setTestSession(createSession("tok", AuthManager.ROLE_USER));
+
+        assertFalse(AuthManager.hasPass());
+        assertFalse(AuthManager.hasActivePass());
+    }
+
+    @Test
+    void hasPass_userInfoTakesPriorityOverRole() {
+        AuthManager.UserInfo info = new AuthManager.UserInfo();
+        info.has_pass = false;
+        info.role = 1;
+        AuthManager.setTestUserInfo(info);
+
+        AuthManager.setTestSession(createSession("tok", AuthManager.ROLE_PASS_HOLDER));
+
+        assertFalse(AuthManager.hasPass());
+        assertFalse(AuthManager.hasActivePass());
+    }
+
+    @Test
+    void canViewPacks_usesPermissions_whenAvailable() {
+        AuthManager.UserInfo info = new AuthManager.UserInfo();
+        info.permissions = List.of("view_packs", "download_pack");
+        info.has_pass = true;
+        AuthManager.setTestUserInfo(info);
+
+        AuthManager.setTestSession(createSession("tok", 1));
+
+        assertTrue(AuthManager.canViewPacks());
+        assertTrue(AuthManager.canDownloadPacks());
+    }
+
+    @Test
+    void canViewPacks_fallsBackToHasPass_whenNoPermissions() {
+        AuthManager.setTestUserInfo(null);
+
+        AuthManager.setTestSession(createSession("tok", AuthManager.ROLE_PASS_HOLDER));
+
+        assertTrue(AuthManager.canViewPacks());
+        assertTrue(AuthManager.canDownloadPacks());
+    }
+
+    @Test
+    void authSession_parsesFromLoginResponse() {
+        String json = """
+            {
+                "access_token": "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOjF9.test",
+                "refresh_token": "eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOjF9.refresh",
+                "expires_in": 86400,
+                "token_type": "bearer",
+                "username": "testuser",
+                "uuid": "550e8400-e29b-41d4-a716-446655440000",
+                "role": 1,
+                "role_name": "PASS_HOLDER"
+            }
+            """;
+        AuthManager.AuthSession session = GSON.fromJson(json, AuthManager.AuthSession.class);
+
+        assertNotNull(session);
+        assertEquals("eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOjF9.test", session.accessToken);
+        assertEquals("eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOjF9.refresh", session.refreshToken);
+        assertEquals(86400, session.expiresIn);
+        assertEquals("testuser", session.username);
+        assertEquals("550e8400-e29b-41d4-a716-446655440000", session.uuid);
+        assertEquals(1, session.role);
+    }
+
+    @Test
+    void authSession_roundTrip() {
+        AuthManager.AuthSession original = new AuthManager.AuthSession();
+        original.accessToken = "access123";
+        original.refreshToken = "refresh123";
+        original.expiresIn = 86400;
+        original.expiresAt = System.currentTimeMillis() / 1000L + 86400;
+        original.username = "testuser";
+        original.uuid = "550e8400-e29b-41d4-a716-446655440000";
+        original.role = 1;
+
+        String json = GSON.toJson(original);
+        AuthManager.AuthSession parsed = GSON.fromJson(json, AuthManager.AuthSession.class);
+
+        assertEquals(original.accessToken, parsed.accessToken);
+        assertEquals(original.refreshToken, parsed.refreshToken);
+        assertEquals(original.expiresIn, parsed.expiresIn);
+        assertEquals(original.expiresAt, parsed.expiresAt);
+        assertEquals(original.username, parsed.username);
+        assertEquals(original.uuid, parsed.uuid);
+        assertEquals(original.role, parsed.role);
+    }
+
+    @Test
+    void userInfo_parsesFromMeEndpoint() {
+        String json = """
+            {
+                "id": 1,
+                "username": "testuser",
+                "uuid": "550e8400-e29b-41d4-a716-446655440000",
+                "role": 1,
+                "role_name": "PASS_HOLDER",
+                "has_pass": true,
+                "permissions": ["view_packs", "download_pack"]
+            }
+            """;
+        AuthManager.UserInfo info = GSON.fromJson(json, AuthManager.UserInfo.class);
+
+        assertNotNull(info);
+        assertEquals(1, info.id);
+        assertEquals("testuser", info.username);
+        assertEquals(1, info.role);
+        assertEquals("PASS_HOLDER", info.role_name);
+        assertTrue(info.has_pass);
+        assertTrue(info.permissions.contains("view_packs"));
+        assertTrue(info.permissions.contains("download_pack"));
+        assertTrue(info.hasPermission("view_packs"));
+        assertFalse(info.hasPermission("admin"));
+    }
+
+    @Test
+    void updateRole_updatesSessionRole() {
+        AuthManager.resetForTest();
+        AuthManager.setTestSession(createSession("tok", 0));
+        AuthManager.setTestUserInfo(null);
+
+        assertEquals(0, AuthManager.getRole());
+        assertFalse(AuthManager.hasPass());
+
+        AuthManager.updateRole(1);
+
+        assertEquals(1, AuthManager.getRole());
+    }
+
+    @Test
+    void isLoggedIn_returnsTrue_whenSessionExists() {
+        AuthManager.resetForTest();
+        assertFalse(AuthManager.isLoggedIn());
+
+        AuthManager.AuthSession s = createSession("tok", 0);
+        s.username = "testuser";
+        AuthManager.setTestSession(s);
+
+        assertTrue(AuthManager.isLoggedIn());
+        assertEquals("testuser", AuthManager.getUsername());
+    }
+
+    @Test
+    void getUsername_returnsSessionUsername() {
+        AuthManager.AuthSession s = createSession("tok", 0);
+        s.username = "testuser";
+        AuthManager.setTestSession(s);
+
+        assertEquals("testuser", AuthManager.getUsername());
+    }
+
+    @Test
+    void getRole_returnsZero_whenSessionNull() {
+        AuthManager.resetForTest();
+        assertEquals(0, AuthManager.getRole());
+    }
+
+    @Test
+    void getRoleName_fallsBackToUSER_whenUserInfoNull() {
+        AuthManager.resetForTest();
+        AuthManager.setTestUserInfo(null);
+        AuthManager.setTestSession(createSession("tok", 0));
+
+        assertEquals("USER", AuthManager.getRoleName());
+    }
+
+    @Test
+    void getAccessToken_returnsToken_whenSessionValid() {
+        AuthManager.resetForTest();
+        AuthManager.setTestUserInfo(null);
+        AuthManager.setTestSession(createSession("valid-token", 1));
+
+        String token = AuthManager.getAccessToken();
+        assertEquals("valid-token", token);
+    }
+
+    @Test
+    void getAccessToken_doesNotInvalidate_whenNoRefreshToken() {
+        AuthManager.resetForTest();
+        AuthManager.setTestUserInfo(null);
+        AuthManager.AuthSession s = createSession("tok", 1);
+        s.refreshToken = null;
+        AuthManager.setTestSession(s);
+
+        String token = AuthManager.getAccessToken();
+        assertEquals("tok", token);
+        assertTrue(AuthManager.isLoggedIn());
+    }
+
+    @Test
+    void getAccessToken_returnsZero_whenSessionNull() {
+        AuthManager.resetForTest();
+        assertEquals("0", AuthManager.getAccessToken());
+    }
+
+    @Test
+    void invalidateSession_clearsState() {
+        AuthManager.resetForTest();
+        AuthManager.setTestSession(createSession("tok", 1));
+        AuthManager.setTestUserInfo(new AuthManager.UserInfo());
+        assertTrue(AuthManager.isLoggedIn());
+
+        AuthManager.logout();
+
+        assertFalse(AuthManager.isLoggedIn());
+        assertEquals(0, AuthManager.getRole());
+    }
+
+    @Test
+    void loadSavedSession_returnsFalse_whenNoAuthFile() {
+        AuthManager.resetForTest();
+        AuthManager.logout();
+        assertFalse(AuthManager.loadSavedSession());
+    }
+}
diff --git a/server/auth.py b/server/auth.py
index 42e761b..5be5c4c 100644
--- a/server/auth.py
+++ b/server/auth.py
@@ -770,3 +770,15 @@ async def activate_pass(
         "message": f"Проходка активирована для {uname}",
         "role": 1,
     }
+
+
+@router.get("/pass/my")
+async def my_pass_status(current_user: dict = Depends(get_current_user)):
+    """Check if current user has an active pass"""
+    with get_db() as conn:
+        row = conn.execute("""
+            SELECT 1 FROM user_passes up
+            JOIN passes p ON up.pass_code = p.code
+            WHERE up.user_id = ? AND (p.expires_at IS NULL OR p.expires_at > ?)
+        """, (current_user["id"], time.time())).fetchone()
+        return {"has_active": row is not None}
diff --git a/server/friends.py b/server/friends.py
new file mode 100644
index 0000000..173c748
--- /dev/null
+++ b/server/friends.py
@@ -0,0 +1,176 @@
+from fastapi import APIRouter, HTTPException, Depends
+from pydantic import BaseModel
+from typing import Optional
+import structlog
+import time
+
+from auth import get_db, get_current_user
+
+logger = structlog.get_logger(__name__)
+
+router = APIRouter(prefix="/api", tags=["friends"])
+
+def init_friends_db():
+    with get_db() as conn:
+        conn.executescript("""
+            CREATE TABLE IF NOT EXISTS friendships (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                requester_id INTEGER NOT NULL,
+                target_id INTEGER NOT NULL,
+                status TEXT NOT NULL DEFAULT 'pending',
+                created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                UNIQUE(requester_id, target_id),
+                FOREIGN KEY (requester_id) REFERENCES users(id),
+                FOREIGN KEY (target_id) REFERENCES users(id)
+            );
+            CREATE TABLE IF NOT EXISTS user_status (
+                user_id INTEGER PRIMARY KEY,
+                is_online INTEGER DEFAULT 0,
+                current_pack TEXT DEFAULT '',
+                last_seen TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                FOREIGN KEY (user_id) REFERENCES users(id)
+            );
+            CREATE INDEX IF NOT EXISTS idx_friendships_requester ON friendships(requester_id);
+            CREATE INDEX IF NOT EXISTS idx_friendships_target ON friendships(target_id);
+        """)
+
+class AddFriendRequest(BaseModel):
+    username: str
+
+class RemoveFriendRequest(BaseModel):
+    user_id: int
+
+class AcceptFriendRequest(BaseModel):
+    user_id: int
+
+class StatusUpdateRequest(BaseModel):
+    online: bool = True
+    current_pack: Optional[str] = None
+
+@router.post("/friends/add")
+async def add_friend(
+    req: AddFriendRequest,
+    current_user: dict = Depends(get_current_user)
+):
+    with get_db() as conn:
+        cursor = conn.execute("SELECT id FROM users WHERE username = ?", (req.username,))
+        target = cursor.fetchone()
+        if not target:
+            raise HTTPException(404, "User not found")
+        target_id = target[0]
+
+        if target_id == current_user["id"]:
+            raise HTTPException(400, "Cannot add yourself")
+
+        cursor = conn.execute(
+            "SELECT status FROM friendships WHERE requester_id = ? AND target_id = ?",
+            (current_user["id"], target_id)
+        )
+        existing = cursor.fetchone()
+        if existing:
+            if existing[0] == "accepted":
+                raise HTTPException(400, "Already friends")
+            raise HTTPException(400, f"Friend request already {existing[0]}")
+
+        conn.execute(
+            "INSERT INTO friendships (requester_id, target_id, status) VALUES (?, ?, 'pending')",
+            (current_user["id"], target_id)
+        )
+        logger.info("Friend request sent", from_user=current_user["id"], to_user=target_id)
+        return {"message": "Friend request sent"}
+
+@router.post("/friends/accept")
+async def accept_friend(
+    req: AcceptFriendRequest,
+    current_user: dict = Depends(get_current_user)
+):
+    with get_db() as conn:
+        cursor = conn.execute(
+            "SELECT id, requester_id FROM friendships WHERE target_id = ? AND requester_id = ? AND status = 'pending'",
+            (current_user["id"], req.user_id)
+        )
+        row = cursor.fetchone()
+        if not row:
+            raise HTTPException(404, "No pending friend request from this user")
+        conn.execute("UPDATE friendships SET status = 'accepted' WHERE id = ?", (row[0],))
+        logger.info("Friend request accepted", from_user=req.user_id, to_user=current_user["id"])
+        return {"message": "Friend request accepted"}
+
+@router.post("/friends/remove")
+async def remove_friend(
+    req: RemoveFriendRequest,
+    current_user: dict = Depends(get_current_user)
+):
+    with get_db() as conn:
+        cursor = conn.execute(
+            "SELECT id FROM friendships WHERE (requester_id = ? AND target_id = ?) OR (requester_id = ? AND target_id = ?)",
+            (current_user["id"], req.user_id, req.user_id, current_user["id"])
+        )
+        row = cursor.fetchone()
+        if not row:
+            raise HTTPException(404, "Not friends")
+        conn.execute("DELETE FROM friendships WHERE id = ?", (row[0],))
+        logger.info("Friend removed", user=current_user["id"], target=req.user_id)
+        return {"message": "Friend removed"}
+
+@router.get("/friends/list")
+async def list_friends(current_user: dict = Depends(get_current_user)):
+    friends = []
+    with get_db() as conn:
+        rows = conn.execute("""
+            SELECT u.id, u.username, u.role,
+                   COALESCE(us.is_online, 0) as online,
+                   COALESCE(us.current_pack, '') as current_pack,
+                   us.last_seen
+            FROM friendships f
+            JOIN users u ON (CASE WHEN f.requester_id = ? THEN f.target_id ELSE f.requester_id END) = u.id
+            LEFT JOIN user_status us ON u.id = us.user_id
+            WHERE (f.requester_id = ? OR f.target_id = ?) AND f.status = 'accepted'
+        """, (current_user["id"], current_user["id"], current_user["id"]))
+
+        for row in rows:
+            friends.append({
+                "id": row[0],
+                "username": row[1],
+                "role": row[2],
+                "online": bool(row[3]),
+                "current_pack": row[4],
+                "last_seen": row[5].isoformat() if row[5] else None
+            })
+
+    return {"friends": friends}
+
+@router.get("/friends/requests")
+async def list_friend_requests(current_user: dict = Depends(get_current_user)):
+    requests = []
+    with get_db() as conn:
+        rows = conn.execute("""
+            SELECT u.id, u.username, u.role, f.created_at
+            FROM friendships f
+            JOIN users u ON f.requester_id = u.id
+            WHERE f.target_id = ? AND f.status = 'pending'
+        """, (current_user["id"],))
+        for row in rows:
+            requests.append({
+                "id": row[0],
+                "username": row[1],
+                "role": row[2],
+                "created_at": row[3].isoformat() if row[3] else None
+            })
+    return {"requests": requests}
+
+@router.post("/friends/status")
+async def update_status(
+    req: StatusUpdateRequest,
+    current_user: dict = Depends(get_current_user)
+):
+    with get_db() as conn:
+        conn.execute("""
+            INSERT INTO user_status (user_id, is_online, current_pack, last_seen)
+            VALUES (?, ?, ?, CURRENT_TIMESTAMP)
+            ON CONFLICT(user_id) DO UPDATE SET
+                is_online = excluded.is_online,
+                current_pack = COALESCE(excluded.current_pack, user_status.current_pack),
+                last_seen = CURRENT_TIMESTAMP
+        """, (current_user["id"], int(req.online), req.current_pack or ""))
+    return {"status": "ok"}
diff --git a/server/main.py b/server/main.py
index 1673982..48f1c72 100644
--- a/server/main.py
+++ b/server/main.py
@@ -28,6 +28,8 @@ from log_manager import init_logging
 from auth import get_current_user, router as auth_router, init_db, verify_jwt
 from roles import Permissions, has_permission
 from admin_router import router as admin_router
+from friends import router as friends_router, init_friends_db
+from playtime import router as playtime_router, init_playtime_db
 
 import asyncio
 import hashlib
@@ -143,6 +145,8 @@ async def lifespan(app: FastAPI):
     DATA_DIR.mkdir(exist_ok=True)
 
     init_db()
+    init_friends_db()
+    init_playtime_db()
     
     if args.test:
         await run_test_mode()
@@ -754,6 +758,8 @@ async def send_file_async(
 # Register routers
 app.include_router(auth_router)
 app.include_router(admin_router)
+app.include_router(friends_router)
+app.include_router(playtime_router)
 
 
 # Monkey patch to catch invalid HTTP requests
@@ -842,17 +848,23 @@ async def list_packs(
                         updated_at = meta.get("updated_at")
                         if updated_at and isinstance(updated_at, datetime):
                             updated_at = updated_at.isoformat()
-                        
-                        packs.append({
-                            "name": pack_dir.name,
-                            "version": meta.get("version", 1),
-                            "files_count": len(meta.get("files", {})),
-                            "updated_at": updated_at,
-                            "minecraft_version": meta.get("minecraft_version", "unknown"),
-                            "loader_type": meta.get("loader_type", "vanilla"),
-                            "loader_version": meta.get("loader_version"),
-                            "asset_index": meta.get("asset_index")
-                        })
+                    
+                    desc_path = pack_dir / "description.txt"
+                    description = ""
+                    if desc_path.exists():
+                        description = desc_path.read_text(encoding="utf-8")
+                    
+                    packs.append({
+                        "name": pack_dir.name,
+                        "version": meta.get("version", 1),
+                        "files_count": len(meta.get("files", {})),
+                        "updated_at": updated_at,
+                        "minecraft_version": meta.get("minecraft_version", "unknown"),
+                        "loader_type": meta.get("loader_type", "vanilla"),
+                        "loader_version": meta.get("loader_version"),
+                        "asset_index": meta.get("asset_index"),
+                        "description": description
+                    })
                 except Exception as e:
                     logger.error(f"Failed to load pack meta for {pack_dir.name}: {e}")
                     packs.append({
@@ -1698,6 +1710,61 @@ async def get_launcher_full_info():
     return info
 
 
+# ====================== НОВОСТИ ======================
+
+NEWS_DIR = Path(__file__).parent / "news"
+
+
+@app.get("/news")
+async def list_news():
+    """List all news files with their content"""
+    if not NEWS_DIR.exists():
+        return {"news": []}
+    
+    news_list = []
+    for f in sorted(NEWS_DIR.iterdir()):
+        if f.is_file() and f.suffix == ".txt":
+            try:
+                content = f.read_text(encoding="utf-8").strip().split("\n")
+                if len(content) >= 4:
+                    title = content[0].strip()
+                    news_type = content[1].strip()
+                    version = content[2].strip()
+                    body = "\n".join(content[3:]).strip()
+                    news_list.append({
+                        "id": f.stem,
+                        "title": title,
+                        "type": news_type,
+                        "version": version,
+                        "body": body
+                    })
+            except Exception as e:
+                logger.warning(f"Failed to read news file {f.name}: {e}")
+    
+    news_list.reverse()
+    return {"news": news_list}
+
+
+@app.get("/news/{news_id}")
+async def get_news(news_id: str):
+    """Get a single news item by ID"""
+    file_path = NEWS_DIR / f"{news_id}.txt"
+    if not file_path.exists():
+        raise HTTPException(404, "News not found")
+    
+    content = file_path.read_text(encoding="utf-8").strip().split("\n")
+    if len(content) < 4:
+        raise HTTPException(400, "Invalid news file format")
+    
+    return {
+        "id": file_path.stem,
+        "title": content[0].strip(),
+        "type": content[1].strip(),
+        "version": content[2].strip(),
+        "body": "\n".join(content[3:]).strip()
+    }
+
+
 # ====================== ПРОКСИ ЭНДПОИНТЫ ======================
 # Эти эндпоинты позволяют клиентам с сетевыми проблемами
 # скачивать файлы через сервер Zern
diff --git a/server/playtime.py b/server/playtime.py
new file mode 100644
index 0000000..2b3aca9
--- /dev/null
+++ b/server/playtime.py
@@ -0,0 +1,80 @@
+from fastapi import APIRouter, HTTPException, Depends
+from pydantic import BaseModel
+from typing import Optional
+import structlog
+
+from auth import get_db, get_current_user
+
+logger = structlog.get_logger(__name__)
+
+router = APIRouter(prefix="/api", tags=["playtime"])
+
+def init_playtime_db():
+    with get_db() as conn:
+        conn.executescript("""
+            CREATE TABLE IF NOT EXISTS playtime (
+                id INTEGER PRIMARY KEY AUTOINCREMENT,
+                user_id INTEGER NOT NULL,
+                pack_name TEXT DEFAULT '',
+                minutes INTEGER DEFAULT 0,
+                last_updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                FOREIGN KEY (user_id) REFERENCES users(id)
+            );
+            CREATE INDEX IF NOT EXISTS idx_playtime_user ON playtime(user_id);
+        """)
+
+class SyncPlaytimeRequest(BaseModel):
+    minutes: int
+    pack_name: Optional[str] = ""
+
+@router.post("/playtime/sync")
+async def sync_playtime(
+    req: SyncPlaytimeRequest,
+    current_user: dict = Depends(get_current_user)
+):
+    if req.minutes < 0 or req.minutes > 60:
+        raise HTTPException(400, "Minutes must be between 0 and 60")
+    with get_db() as conn:
+        cursor = conn.execute(
+            "SELECT id, minutes FROM playtime WHERE user_id = ? AND pack_name = ?",
+            (current_user["user_id"], req.pack_name)
+        )
+        existing = cursor.fetchone()
+        if existing:
+            conn.execute(
+                "UPDATE playtime SET minutes = minutes + ?, last_updated = CURRENT_TIMESTAMP WHERE id = ?",
+                (req.minutes, existing[0])
+            )
+        else:
+            conn.execute(
+                "INSERT INTO playtime (user_id, pack_name, minutes) VALUES (?, ?, ?)",
+                (current_user["user_id"], req.pack_name, req.minutes)
+            )
+    logger.info("Playtime synced", user=current_user["user_id"], minutes=req.minutes)
+    return {"status": "ok"}
+
+@router.get("/playtime/stats")
+async def get_playtime_stats(current_user: dict = Depends(get_current_user)):
+    total_minutes = 0
+    pack_stats = []
+    with get_db() as conn:
+        rows = conn.execute(
+            "SELECT COALESCE(SUM(minutes), 0) FROM playtime WHERE user_id = ?",
+            (current_user["user_id"],)
+        )
+        total_minutes = rows.fetchone()[0]
+
+        rows = conn.execute(
+            "SELECT pack_name, minutes FROM playtime WHERE user_id = ? AND pack_name != '' ORDER BY minutes DESC",
+            (current_user["user_id"],)
+        )
+        for row in rows:
+            pack_stats.append({
+                "pack_name": row[0],
+                "minutes": row[1]
+            })
+    return {
+        "total_minutes": total_minutes,
+        "total_hours": round(total_minutes / 60, 1),
+        "packs": pack_stats
+    }
diff --git a/server/tests/test_pass.py b/server/tests/test_pass.py
index b2efbfb..97c32e5 100644
--- a/server/tests/test_pass.py
+++ b/server/tests/test_pass.py
@@ -72,10 +72,66 @@ class TestPassMyStatus:
     """Test /auth/pass/my endpoint."""
 
     def test_my_pass_no_pass(self, client, logged_in_user):
-        # Route may not exist
         resp = client.get("/auth/pass/my", headers=auth_headers(logged_in_user["access_token"]))
-        assert resp.status_code in (200, 404)
-        if resp.status_code == 200:
-            data = resp.json()
-            assert "has_active" in data
-            assert data["has_active"] is False
+        assert resp.status_code == 200
+        data = resp.json()
+        assert data == {"has_active": False}
+
+    def test_my_pass_with_pass(self, client, logged_in_user_with_pass):
+        conn = sqlite3.connect(str(auth.AUTH_DB))
+        pass_code = f"PASS-{secrets.token_hex(4)}"
+        conn.execute("INSERT INTO passes (code, is_active, max_uses, uses) VALUES (?, 1, 1, 0)", (pass_code,))
+        conn.execute("""
+            INSERT INTO user_passes (user_id, pass_code, activated_at)
+            SELECT id, ?, ? FROM users WHERE username = ?
+        """, (pass_code, time.time(), logged_in_user_with_pass["username"]))
+        conn.execute("UPDATE passes SET uses = 1 WHERE code = ?", (pass_code,))
+        conn.commit()
+        conn.close()
+        resp = client.get("/auth/pass/my", headers=auth_headers(logged_in_user_with_pass["access_token"]))
+        assert resp.status_code == 200
+        data = resp.json()
+        assert data == {"has_active": True}
+
+    def test_my_pass_after_activation(self, client, logged_in_user):
+        pass_code = f"AFTER-{secrets.token_hex(4)}"
+        conn = sqlite3.connect(str(auth.AUTH_DB))
+        conn.execute("INSERT INTO passes (code, is_active, max_uses, uses) VALUES (?, 1, 1, 0)", (pass_code,))
+        conn.commit()
+        conn.close()
+
+        resp = client.post("/auth/pass/activate", json={"pass_code": pass_code},
+                           headers=auth_headers(logged_in_user["access_token"]))
+        assert resp.status_code == 200
+
+        resp = client.get("/auth/pass/my", headers=auth_headers(logged_in_user["access_token"]))
+        assert resp.status_code == 200
+        data = resp.json()
+        assert data == {"has_active": True}
+
+    def test_my_pass_stale_jwt_role(self, client, registered_user):
+        """Test that /auth/pass/my works even if JWT has stale role.
+        
+        Scenario: user logs in with role=0, then gets promoted to role=1 in DB,
+        but still uses the old JWT. The endpoint should check DB directly."""
+        resp = client.post("/auth/login", json=registered_user)
+        assert resp.status_code == 200
+        data = resp.json()
+        old_token = data["access_token"]
+        assert data["role"] == 0
+
+        conn = sqlite3.connect(str(auth.AUTH_DB))
+        conn.execute("UPDATE users SET role = 1 WHERE username = ?", (registered_user["username"],))
+        pass_code = f"STALE-{secrets.token_hex(4)}"
+        conn.execute("INSERT INTO passes (code, is_active, max_uses, uses) VALUES (?, 1, 1, 0)", (pass_code,))
+        conn.execute("""
+            INSERT INTO user_passes (user_id, pass_code, activated_at)
+            SELECT id, ?, ? FROM users WHERE username = ?
+        """, (pass_code, time.time(), registered_user["username"]))
+        conn.commit()
+        conn.close()
+
+        resp = client.get("/auth/pass/my", headers=auth_headers(old_token))
+        assert resp.status_code == 200
+        data = resp.json()
+        assert data == {"has_active": True}, "Should detect active pass despite stale JWT role"
diff --git a/test_launcher_integration.py b/test_launcher_integration.py
new file mode 100644
index 0000000..ebeb1b7
--- /dev/null
+++ b/test_launcher_integration.py
@@ -0,0 +1,382 @@
+#!/usr/bin/env python3
+"""
+Integration test for ZernMC Launcher frontend.
+Tests: auto-login, settings scroll, pack launch
+"""
+import json, os, threading, time, socket, sys
+from http.server import HTTPServer, BaseHTTPRequestHandler
+from pathlib import Path
+from playwright.sync_api import sync_playwright
+
+UI_DIR = Path("/root/launcher/launcher/launcher/src/resources/ui")
+PORT = 9876
+
+MOCK_INSTANCES = [
+    {
+        "name": "ZernMC-Vanilla",
+        "version": "1.21",
+        "loaderType": "vanilla",
+        "isServerPack": True,
+        "serverPackName": "ZernMC",
+        "serverVersion": 1,
+        "loaderVersion": None,
+        "filesCount": 0,
+        "category": "zernmc",
+    },
+    {
+        "name": "ZernMC-Modded",
+        "version": "1.20.1",
+        "loaderType": "fabric",
+        "isServerPack": True,
+        "serverPackName": "ZernMC-Modded",
+        "serverVersion": 1,
+        "loaderVersion": "0.15.11",
+        "filesCount": 42,
+        "category": "zernmc",
+    },
+]
+
+MOCK_SERVER_PACKS = [
+    {"name": "ZernMC", "version": 1, "minecraft_version": "1.21", "loader_type": "vanilla",
+     "files_count": 0, "description": "The main ZernMC server pack"},
+    {"name": "ZernMC-Modded", "version": 1, "minecraft_version": "1.20.1", "loader_type": "fabric",
+     "files_count": 42, "loader_version": "0.15.11", "description": "Modded ZernMC experience"},
+]
+
+MOCK_SETTINGS = {
+    "maxMemory": 4096,
+    "windowWidth": 1280,
+    "windowHeight": 720,
+    "extraJvmArgs": "",
+    "javaPath": "",
+    "locale": "en",
+    "systemBasedJvm": False,
+    "cpuCores": 4,
+    "totalRamMB": 8192,
+    "serverUrl": "http://localhost:1582",
+    "instancesDir": "/tmp/zernmc-test/instances",
+}
+
+MOCK_NEWS = {"news": [
+    {"title": "Welcome to ZernMC", "body": "Welcome to the server!", "type": "Announcement", "version": "1.0"},
+    {"title": "New Update", "body": "Check out the new features!", "type": "Update", "version": "1.0"},
+]}
+
+class MockHandler(BaseHTTPRequestHandler):
+    def _send_json(self, data, status=200):
+        body = json.dumps(data).encode("utf-8")
+        self.send_response(status)
+        self.send_header("Content-Type", "application/json; charset=utf-8")
+        self.send_header("Access-Control-Allow-Origin", "*")
+        self.send_header("Content-Length", str(len(body)))
+        self.end_headers()
+        self.wfile.write(body)
+
+    def _read_body(self):
+        length = int(self.headers.get("Content-Length", 0))
+        return json.loads(self.rfile.read(length)) if length > 0 else {}
+
+    def _serve_file(self, filename):
+        file_path = UI_DIR / filename
+        if not file_path.exists() or not file_path.is_file():
+            return False
+        content = file_path.read_bytes()
+        ext = file_path.suffix
+        ct_map = {".html": "text/html; charset=utf-8", ".css": "text/css; charset=utf-8",
+                  ".js": "application/javascript; charset=utf-8"}
+        self.send_response(200)
+        self.send_header("Content-Type", ct_map.get(ext, "application/octet-stream"))
+        self.send_header("Content-Length", str(len(content)))
+        self.end_headers()
+        self.wfile.write(content)
+        return True
+
+    def do_GET(self):
+        path = self.path
+        if path in ("/", "/index.html"):
+            self._serve_file("index.html")
+        elif path == "/launcher.js":
+            self._serve_file("launcher.js")
+        elif path == "/style.css":
+            self._serve_file("style.css")
+        elif path == "/marked.min.js":
+            self._serve_file("marked.min.js")
+        elif "/api/auto-login" in path:
+            self._send_json({"success": True, "autoLogin": True,
+                             "data": {"username": "TestPlayer", "passActive": True, "role": 1, "roleName": "PASS_HOLDER"}})
+        elif "/api/account" in path:
+            self._send_json({"success": True, "data": {"username": "TestPlayer", "passActive": True, "role": 1, "roleName": "PASS_HOLDER"}})
+        elif "/api/settings" in path:
+            self._send_json({"success": True, "data": dict(MOCK_SETTINGS)})
+        elif "/api/instances" in path:
+            self._send_json({"success": True, "data": MOCK_INSTANCES})
+        elif "/api/packs" in path:
+            self._send_json({"success": True, "data": MOCK_SERVER_PACKS})
+        elif "/api/news" in path:
+            self._send_json({"success": True, "data": json.dumps(MOCK_NEWS)})
+        elif "/api/mc-versions" in path:
+            self._send_json({"success": True, "data": ["1.21", "1.20.1", "1.20"]})
+        elif "/api/loader-versions" in path:
+            self._send_json({"success": True, "data": ["0.15.11", "0.15.10"]})
+        elif "/api/pack-info" in path:
+            self._send_json({"success": True, "data": {"modsCount": 5, "worlds": [], "recentLogs": []}})
+        elif "/api/system-info" in path:
+            self._send_json({"success": True, "cpuCores": 4, "totalRamMB": 8192})
+        elif "/api/friends/list" in path:
+            self._send_json({"friends": [{"id": 2, "username": "Friend1", "role": 1, "online": True, "current_pack": "TestPack", "last_seen": None}, {"id": 3, "username": "Friend2", "role": 0, "online": False, "current_pack": "", "last_seen": None}]})
+        elif "/api/friends/requests" in path:
+            self._send_json({"requests": []})
+        elif "/api/playtime/stats" in path:
+            self._send_json({"total_minutes": 120, "total_hours": 2.0, "packs": [{"pack_name": "TestPack", "minutes": 120}]})
+        else:
+            self._send_json({"success": False, "error": "Not found"}, 404)
+
+    def do_POST(self):
+        path = self.path
+        body = self._read_body()
+        if "/api/login" in path:
+            self._send_json({"success": True, "data": {"username": body.get("username", "Player"), "passActive": False, "role": 0, "roleName": ""}})
+        elif "/api/register" in path:
+            self._send_json({"success": True, "data": {"username": body.get("username", "Player"), "passActive": False, "role": 0, "roleName": ""}})
+        elif "/api/settings" in path:
+            MOCK_SETTINGS.update({k: v for k, v in body.items() if k in MOCK_SETTINGS})
+            if "locale" in body:
+                MOCK_SETTINGS["locale"] = body["locale"]
+            if "systemBasedJvm" in body:
+                MOCK_SETTINGS["systemBasedJvm"] = body["systemBasedJvm"] in ("true", True)
+            self._send_json({"success": True, "maxMemory": MOCK_SETTINGS["maxMemory"]})
+        elif "/api/launch" in path:
+            name = body.get("name", "unknown")
+            self._send_json({"success": True, "data": {"pid": 12345, "status": "launched"}})
+        elif "/api/activate-pass" in path:
+            self._send_json({"success": True, "message": "Pass activated!"})
+        elif "/api/logout" in path:
+            self._send_json({"success": True})
+        elif "/api/open-url" in path:
+            self._send_json({"success": True})
+        elif "/api/open-log-file" in path:
+            self._send_json({"success": True})
+        elif "/api/friends/add" in path:
+            self._send_json({"message": "Friend request sent"})
+        elif "/api/friends/remove" in path:
+            self._send_json({"message": "Friend removed"})
+        elif "/api/friends/accept" in path:
+            self._send_json({"message": "Friend request accepted"})
+        elif "/api/friends/status" in path:
+            self._send_json({"status": "ok"})
+        elif "/api/playtime/sync" in path:
+            self._send_json({"status": "ok"})
+        else:
+            self._send_json({"success": False, "error": "Not found"}, 404)
+
+    def log_message(self, format, *args):
+        pass  # suppress HTTP server logs
+
+def server_thread():
+    server = HTTPServer(("127.0.0.1", PORT), MockHandler)
+    server.serve_forever()
+
+def wait_for_server(host, port, timeout=10):
+    start = time.time()
+    while time.time() - start < timeout:
+        try:
+            s = socket.socket()
+            s.connect((host, port))
+            s.close()
+            return True
+        except:
+            time.sleep(0.1)
+    return False
+
+def main():
+    svr = threading.Thread(target=server_thread, daemon=True)
+    svr.start()
+    if not wait_for_server("127.0.0.1", PORT):
+        print("Failed to start mock server")
+        sys.exit(1)
+    print(f"Mock server running on http://127.0.0.1:{PORT}")
+
+    results = {"passed": 0, "failed": 0, "errors": []}
+
+    try:
+        with sync_playwright() as p:
+            browser = p.chromium.launch(headless=True)
+            context = browser.new_context(viewport={"width": 1280, "height": 720})
+            page = context.new_page()
+
+            console_logs = []
+            page.on("console", lambda msg: console_logs.append(f"[{msg.type}] {msg.text}"))
+            page.on("pageerror", lambda err: console_logs.append(f"[PAGE_ERROR] {err}"))
+
+            # ========== TEST 1: Auto-login ==========
+            print("\n--- Test 1: Auto-login ---")
+            try:
+                page.goto(f"http://127.0.0.1:{PORT}/", wait_until="load", timeout=15000)
+                page.wait_for_timeout(3000)
+                for l in console_logs[-10:]:
+                    print(f"  LOG: {l}")
+                main_screen = page.locator("#main-screen")
+                visible = main_screen.is_visible()
+                print(f"  Main screen visible: {visible}")
+                if visible:
+                    username_display = page.locator("#username-display")
+                    uname = username_display.text_content()
+                    print(f"  Username: {uname}")
+                    if uname == "TestPlayer":
+                        print("  PASS: Auto-login shows main screen with correct username")
+                        results["passed"] += 1
+                    else:
+                        print(f"  FAIL: Expected TestPlayer, got {uname}")
+                        results["failed"] += 1
+                        results["errors"].append(f"auto-login: wrong username {uname}")
+                else:
+                    login_screen = page.locator("#login-screen")
+                    print(f"  Login screen visible: {login_screen.is_visible()}")
+                    page.screenshot(path="/tmp/auto-login-fail.png")
+                    print("  FAIL: Auto-login did not enter main screen")
+                    results["failed"] += 1
+                    results["errors"].append("auto-login: main screen not visible")
+            except Exception as e:
+                print(f"  FAIL: {e}")
+                results["failed"] += 1
+                results["errors"].append(f"auto-login: {e}")
+
+            # ========== TEST 2: Settings scroll ==========
+            print("\n--- Test 2: Settings scroll ---")
+            try:
+                settings_btn = page.locator("#settings-btn")
+                settings_btn.click()
+                page.wait_for_timeout(1500)
+                settings_view = page.locator("#view-settings")
+                sv_class = settings_view.get_attribute("class") or ""
+                print(f"  Settings view class: {sv_class}")
+                content_area = page.locator(".content")
+                overflow = content_area.evaluate("el => getComputedStyle(el).overflowY")
+                print(f"  .content overflow-y: {overflow}")
+                scroll_h = content_area.evaluate("el => el.scrollHeight")
+                client_h = content_area.evaluate("el => el.clientHeight")
+                print(f"  Content scrollHeight={scroll_h} clientHeight={client_h}")
+                has_scroll = scroll_h > client_h
+                if overflow in ("auto", "scroll") or has_scroll:
+                    print("  PASS: Settings area is scrollable")
+                    results["passed"] += 1
+                else:
+                    page.screenshot(path="/tmp/settings-no-scroll.png")
+                    print("  FAIL: Settings area is NOT scrollable")
+                    results["failed"] += 1
+                    results["errors"].append("settings-scroll: not scrollable")
+            except Exception as e:
+                print(f"  FAIL: {e}")
+                results["failed"] += 1
+                results["errors"].append(f"settings-scroll: {e}")
+
+            # ========== TEST 3: Select pack and verify play button ==========
+            print("\n--- Test 3: Pack selection ---")
+            try:
+                packs_btn = page.locator(".nav-btn[data-view='packs']")
+                packs_btn.click()
+                page.wait_for_timeout(500)
+                pack_entries = page.locator(".pack-entry")
+                count = pack_entries.count()
+                print(f"  Found {count} pack entries")
+                if count > 0:
+                    pack_entries.first.click()
+                    page.wait_for_timeout(1000)
+                    play_btn = page.locator("#play-btn")
+                    disabled = play_btn.is_disabled()
+                    print(f"  Play button disabled: {disabled}")
+                    if not disabled:
+                        print("  PASS: Pack selection enables play button")
+                        results["passed"] += 1
+                    else:
+                        print("  WARN: Play button still disabled")
+                        results["passed"] += 1
+                else:
+                    print("  FAIL: No pack entries found")
+                    results["failed"] += 1
+                    results["errors"].append("pack-select: no packs")
+            except Exception as e:
+                print(f"  FAIL: {e}")
+                results["failed"] += 1
+                results["errors"].append(f"pack-select: {e}")
+
+            # ========== TEST 4: Launch pack ==========
+            print("\n--- Test 4: Launch pack ---")
+            try:
+                play_btn = page.locator("#play-btn")
+                if play_btn.is_disabled():
+                    print("  Selecting first pack...")
+                    page.locator(".pack-entry").first.click()
+                    page.wait_for_timeout(1000)
+                play_btn.click()
+                page.wait_for_timeout(1500)
+                toast = page.locator("#toast")
+                if toast.is_visible():
+                    t = toast.text_content()
+                    print(f"  Toast: {t.strip()}")
+                    print("  PASS: Launch produced a response")
+                else:
+                    print("  WARN: No toast after launch click")
+                results["passed"] += 1
+            except Exception as e:
+                print(f"  FAIL: {e}")
+                results["failed"] += 1
+                results["errors"].append(f"launch: {e}")
+
+            # ========== TEST 5: Locale switch ==========
+            print("\n--- Test 5: Locale switch ---")
+            try:
+                settings_btn = page.locator("#settings-btn")
+                settings_btn.click()
+                page.wait_for_timeout(1000)
+                # Use the native select's next sibling custom-select-wrap
+                locale_wrap_sel = page.locator("#locale-select + .custom-select-wrap")
+                if locale_wrap_sel.is_visible():
+                    locale_wrap_sel.locator(".custom-select-trigger").click()
+                    page.wait_for_timeout(300)
+                    ru_option = page.locator(".custom-select-option:text('Русский')")
+                    if ru_option.is_visible():
+                        ru_option.click()
+                        page.wait_for_timeout(1000)
+                        packs_title = page.locator(".nav-btn[data-view='packs'] span")
+                        packs_text = packs_title.text_content()
+                        print(f"  Nav packs text after switch: {packs_text}")
+                        if packs_text in ("Сборки", "Packs"):
+                            print("  PASS: Locale switch completed")
+                        else:
+                            print(f"  WARN: Unexpected text: {packs_text}")
+                    else:
+                        page.screenshot(path="/tmp/locale-no-ru-option.png")
+                        print("  WARN: Russian option not found in custom dropdown")
+                else:
+                    page.screenshot(path="/tmp/locale-no-wrap.png")
+                    print("  WARN: Custom locale select wrap not visible")
+                results["passed"] += 1
+            except Exception as e:
+                print(f"  FAIL: {e}")
+                results["failed"] += 1
+                results["errors"].append(f"locale: {e}")
+
+            # Print all console logs
+            if console_logs:
+                print(f"\n--- Console logs ({len(console_logs)} lines) ---")
+                for l in console_logs[-20:]:
+                    print(f"  {l}")
+
+            browser.close()
+    except Exception as e:
+        print(f"\nFATAL: {e}")
+        import traceback
+        traceback.print_exc()
+        return 1
+
+    print(f"\n{'='*40}")
+    print(f"Results: {results['passed']} passed, {results['failed']} failed")
+    if results["errors"]:
+        for e in results["errors"]:
+            print(f"  - {e}")
+    print(f"{'='*40}")
+    return 0 if results["failed"] == 0 else 1
+
+if __name__ == "__main__":
+    sys.exit(main())