ownremote 0.0.0-stage → 1.0.1

package/src/config.js

@@ -0,0 +1,125 @@
+const fs = require('fs');
+const path = require('path');
+const crypto = require('crypto');
+
+const ROOT = path.resolve(__dirname, '..');
+
+// Lokasi data (config, perangkat, log):
+//   1. OWNREMOTE_DATA_DIR, bila diset (instance kedua, demo, pengujian)
+//   2. folder data/ di samping aplikasi, bila sudah ada (clone git lama tetap memakai datanya)
+//   3. %APPDATA%\OwnRemote: install lewat npm berada di node_modules yang terhapus saat update
+function resolveDataDir() {
+  if (process.env.OWNREMOTE_DATA_DIR) return path.resolve(process.env.OWNREMOTE_DATA_DIR);
+  const legacy = path.join(ROOT, 'data');
+  if (fs.existsSync(path.join(legacy, 'config.json'))) return legacy;
+  const appData = process.env.APPDATA || path.join(require('os').homedir(), 'AppData', 'Roaming');
+  return path.join(appData, 'OwnRemote');
+}
+
+const DATA_DIR = resolveDataDir();
+const CONFIG_FILE = path.join(DATA_DIR, 'config.json');
+const DEVICES_FILE = path.join(DATA_DIR, 'devices.json');
+const RUNTIME_FILE = path.join(DATA_DIR, 'runtime.json');
+const LOG_FILE = path.join(DATA_DIR, 'server.log');
+
+const DEFAULTS = {
+  port: 8787,
+  allowPairing: true,
+  startupDelay: 0, // detik menunggu sebelum server jalan saat Windows login
+  trayIcon: true, // ikon system tray di mode background
+  notifyOnConnect: true, // notifikasi tray saat HP terhubung
+  autoLockPairing: false, // kunci pairing otomatis setelah satu HP berhasil pairing
+  allowScreen: true, // HP boleh melihat preview layar (tetap harus dinyalakan manual dari HP)
+  tunnelMode: 'off', // Cloudflare Tunnel: off | quick (*.trycloudflare.com) | token (named tunnel)
+  tunnelToken: '', // token named tunnel dari Cloudflare Zero Trust (rahasia, tidak pernah dikirim ke HP/CLI status)
+  publicUrl: '', // URL publik named tunnel, mis. https://remote.domainanda.com
+  cloudflaredPath: '', // kosong = deteksi otomatis
+};
+
+// Pengaturan yang boleh diubah lewat Admin API saat server berjalan
+const RUNTIME_SETTINGS = [
+  'startupDelay', 'trayIcon', 'notifyOnConnect', 'autoLockPairing', 'allowScreen',
+  'tunnelMode', 'tunnelToken', 'publicUrl', 'cloudflaredPath',
+];
+
+function ensureDataDir() {
+  fs.mkdirSync(DATA_DIR, { recursive: true });
+}
+
+function readJson(file, fallback) {
+  try {
+    return JSON.parse(fs.readFileSync(file, 'utf8'));
+  } catch {
+    return fallback;
+  }
+}
+
+function writeJson(file, data) {
+  ensureDataDir();
+  const tmp = `${file}.${process.pid}.tmp`;
+  fs.writeFileSync(tmp, JSON.stringify(data, null, 2));
+  fs.renameSync(tmp, file);
+}
+
+function newPairCode() {
+  return String(crypto.randomInt(0, 1_000_000)).padStart(6, '0');
+}
+
+function loadConfig() {
+  const cfg = { ...DEFAULTS, ...readJson(CONFIG_FILE, {}) };
+  let changed = false;
+  if (!/^\d{6}$/.test(cfg.pairCode || '')) {
+    cfg.pairCode = newPairCode();
+    changed = true;
+  }
+  if (!cfg.adminToken) {
+    cfg.adminToken = crypto.randomBytes(24).toString('hex');
+    changed = true;
+  }
+  if (changed) writeJson(CONFIG_FILE, cfg);
+  return cfg;
+}
+
+function saveConfig(cfg) {
+  writeJson(CONFIG_FILE, cfg);
+}
+
+function loadDevices() {
+  const list = readJson(DEVICES_FILE, []);
+  return Array.isArray(list) ? list : [];
+}
+
+function saveDevices(devices) {
+  writeJson(DEVICES_FILE, devices);
+}
+
+function readRuntime() {
+  return readJson(RUNTIME_FILE, null);
+}
+
+function writeRuntime(info) {
+  writeJson(RUNTIME_FILE, info);
+}
+
+function clearRuntime(pid = process.pid) {
+  const rt = readRuntime();
+  if (rt && rt.pid === pid) {
+    try { fs.unlinkSync(RUNTIME_FILE); } catch { /* sudah tidak ada */ }
+  }
+}
+
+module.exports = {
+  ROOT,
+  DATA_DIR,
+  LOG_FILE,
+  RUNTIME_SETTINGS,
+  ensureDataDir,
+  newPairCode,
+  loadConfig,
+  saveConfig,
+  loadDevices,
+  saveDevices,
+  readRuntime,
+  writeRuntime,
+  clearRuntime,
+};

package/src/daemon.js

@@ -0,0 +1,43 @@
+// Entry point mode background. Dijalankan tersembunyi (tanpa jendela) lewat wscript + launcher .vbs,
+// baik dari menu CLI maupun dari folder Startup Windows. Semua output ditulis ke data/server.log.
+const fs = require('fs');
+const config = require('./config');
+const { createServer } = require('./server');
+
+config.ensureDataDir();
+
+// rotasi log sederhana: simpan maksimal ~1 MB
+try {
+  if (fs.statSync(config.LOG_FILE).size > 1024 * 1024) fs.renameSync(config.LOG_FILE, `${config.LOG_FILE}.old`);
+} catch { /* log belum ada */ }
+
+const out = fs.createWriteStream(config.LOG_FILE, { flags: 'a' });
+const log = (msg) => out.write(`[${new Date().toLocaleString('en-GB')}] ${msg}\n`);
+
+process.on('uncaughtException', (err) => log(`ERROR: ${err.stack || err}`));
+process.on('unhandledRejection', (err) => log(`ERROR: ${err?.stack || err}`));
+
+const server = createServer({
+  mode: 'background',
+  log,
+  onShutdown: () => out.end(() => process.exit(0)),
+});
+
+const shutdown = () => server.stop().then(() => out.end(() => process.exit(0)));
+process.on('SIGINT', shutdown);
+process.on('SIGTERM', shutdown);
+
+// Saat dijalankan dari folder Startup Windows, tunggu sesuai "startup delay" (mis. menunggu Wi-Fi tersambung)
+const delay = process.argv.includes('--startup') ? config.loadConfig().startupDelay || 0 : 0;
+if (delay > 0) log(`Launched at Windows sign-in, waiting ${delay}s before starting...`);
+
+new Promise((r) => setTimeout(r, delay * 1000))
+  .then(() => server.start())
+  .then(({ addresses, port }) => {
+    const urls = addresses.map((a) => `http://${a.address}:${port}`).join(', ') || '(no network)';
+    log(`Open on your phone: ${urls}`);
+  })
+  .catch((err) => {
+    log(`Failed to start: ${err.message}`);
+    out.end(() => process.exit(1));
+  });

package/src/input-helper.ps1

@@ -0,0 +1,163 @@
+# Helper input (mouse + keyboard). Dijalankan oleh src/input.js, membaca perintah per baris dari stdin:
+#   m <dx> <dy>          gerak relatif (pixel)
+#   c <l|r|m>            klik
+#   d <l|r|m>            tekan tombol mouse (untuk drag)
+#   u <l|r|m>            lepas tombol mouse
+#   s <delta>            scroll vertikal (120 = 1 notch, positif = ke atas)
+#   h <delta>            scroll horizontal (positif = ke kanan)
+#   t <base64 utf8>      ketik teks (Unicode; \n = Enter, \t = Tab)
+#   k <vk> <mods>        tekan tombol virtual-key dengan modifier
+#   kc <mods> <code>     tekan karakter (code point) dengan modifier, mis. Ctrl+C
+# mods = bitmask: 1 Ctrl, 2 Alt, 4 Shift, 8 Win
+# Proses berhenti otomatis saat stdin ditutup (server mati).
+$ErrorActionPreference = 'Stop'
+
+Add-Type -TypeDefinition @"
+using System;
+using System.Runtime.InteropServices;
+using System.Text;
+
+public static class OwnRemoteInput {
+    [StructLayout(LayoutKind.Sequential)]
+    public struct POINT { public int X; public int Y; }
+
+    [StructLayout(LayoutKind.Sequential)]
+    struct MOUSEINPUT { public int dx; public int dy; public uint mouseData; public uint dwFlags; public uint time; public IntPtr dwExtraInfo; }
+
+    [StructLayout(LayoutKind.Sequential)]
+    struct KEYBDINPUT { public ushort wVk; public ushort wScan; public uint dwFlags; public uint time; public IntPtr dwExtraInfo; }
+
+    [StructLayout(LayoutKind.Explicit)]
+    struct InputUnion { [FieldOffset(0)] public MOUSEINPUT mi; [FieldOffset(0)] public KEYBDINPUT ki; }
+
+    [StructLayout(LayoutKind.Sequential)]
+    struct INPUT { public uint type; public InputUnion u; }
+
+    [DllImport("user32.dll")] static extern bool GetCursorPos(out POINT p);
+    [DllImport("user32.dll")] static extern bool SetCursorPos(int x, int y);
+    [DllImport("user32.dll")] static extern void mouse_event(uint flags, int dx, int dy, int data, UIntPtr extra);
+    [DllImport("user32.dll")] static extern bool SetProcessDPIAware();
+    [DllImport("user32.dll")] static extern bool SetProcessDpiAwarenessContext(IntPtr value);
+
+    // Per-Monitor V2: koordinat cursor & monitor dalam piksel fisik, akurat juga di monitor dengan scaling berbeda
+    static void MakeDpiAware() {
+        try { if (SetProcessDpiAwarenessContext(new IntPtr(-4))) return; } catch { }
+        try { SetProcessDPIAware(); } catch { }
+    }
+    [DllImport("user32.dll", SetLastError = true)] static extern uint SendInput(uint n, INPUT[] inputs, int size);
+    [DllImport("user32.dll")] static extern uint MapVirtualKey(uint code, uint mapType);
+    [DllImport("user32.dll")] static extern short VkKeyScan(char ch);
+
+    const uint LEFTDOWN = 0x02, LEFTUP = 0x04, RIGHTDOWN = 0x08, RIGHTUP = 0x10;
+    const uint MIDDLEDOWN = 0x20, MIDDLEUP = 0x40, WHEEL = 0x800, HWHEEL = 0x1000;
+
+    const uint INPUT_KEYBOARD = 1;
+    const uint KEY_EXTENDED = 0x1, KEY_UP = 0x2, KEY_UNICODE = 0x4;
+    const ushort VK_SHIFT = 0x10, VK_CONTROL = 0x11, VK_MENU = 0x12, VK_LWIN = 0x5B;
+    const ushort VK_RETURN = 0x0D, VK_TAB = 0x09;
+
+    static uint Down(string b) { return b == "r" ? RIGHTDOWN : b == "m" ? MIDDLEDOWN : LEFTDOWN; }
+    static uint Up(string b) { return b == "r" ? RIGHTUP : b == "m" ? MIDDLEUP : LEFTUP; }
+
+    static bool IsExtended(ushort vk) {
+        // panah, Home/End, PgUp/PgDn, Insert/Delete, tombol Windows
+        return (vk >= 0x21 && vk <= 0x28) || vk == 0x2D || vk == 0x2E || vk == 0x5B || vk == 0x5C;
+    }
+
+    static INPUT Vk(ushort vk, bool up) {
+        var i = new INPUT();
+        i.type = INPUT_KEYBOARD;
+        i.u.ki.wVk = vk;
+        i.u.ki.wScan = (ushort)MapVirtualKey(vk, 0);
+        i.u.ki.dwFlags = (up ? KEY_UP : 0) | (IsExtended(vk) ? KEY_EXTENDED : 0);
+        return i;
+    }
+
+    static INPUT Unicode(char ch, bool up) {
+        var i = new INPUT();
+        i.type = INPUT_KEYBOARD;
+        i.u.ki.wScan = ch;
+        i.u.ki.dwFlags = KEY_UNICODE | (up ? KEY_UP : 0);
+        return i;
+    }
+
+    static void Send(INPUT[] inputs) {
+        if (inputs.Length > 0) SendInput((uint)inputs.Length, inputs, Marshal.SizeOf(typeof(INPUT)));
+    }
+
+    static ushort[] ModKeys(int mods) {
+        var list = new System.Collections.Generic.List<ushort>();
+        if ((mods & 1) != 0) list.Add(VK_CONTROL);
+        if ((mods & 2) != 0) list.Add(VK_MENU);
+        if ((mods & 4) != 0) list.Add(VK_SHIFT);
+        if ((mods & 8) != 0) list.Add(VK_LWIN);
+        return list.ToArray();
+    }
+
+    static void PressKey(ushort vk, int mods) {
+        var seq = new System.Collections.Generic.List<INPUT>();
+        var modKeys = ModKeys(mods);
+        foreach (var m in modKeys) seq.Add(Vk(m, false));
+        seq.Add(Vk(vk, false));
+        seq.Add(Vk(vk, true));
+        for (int i = modKeys.Length - 1; i >= 0; i--) seq.Add(Vk(modKeys[i], true));
+        Send(seq.ToArray());
+    }
+
+    static void TypeText(string text) {
+        var seq = new System.Collections.Generic.List<INPUT>();
+        foreach (char ch in text.Replace("\r\n", "\n")) {
+            if (ch == '\n' || ch == '\r') { seq.Add(Vk(VK_RETURN, false)); seq.Add(Vk(VK_RETURN, true)); }
+            else if (ch == '\t') { seq.Add(Vk(VK_TAB, false)); seq.Add(Vk(VK_TAB, true)); }
+            else { seq.Add(Unicode(ch, false)); seq.Add(Unicode(ch, true)); }
+        }
+        Send(seq.ToArray());
+    }
+
+    // Karakter + modifier (mis. Ctrl+C): cari virtual-key sesuai layout keyboard aktif
+    static void PressChar(int mods, char ch) {
+        short scan = VkKeyScan(ch);
+        if (scan == -1) { TypeText(ch.ToString()); return; }
+        int shiftState = (scan >> 8) & 0xFF;
+        int extra = ((shiftState & 1) != 0 ? 4 : 0) | ((shiftState & 2) != 0 ? 1 : 0) | ((shiftState & 4) != 0 ? 2 : 0);
+        PressKey((ushort)(scan & 0xFF), mods | extra);
+    }
+
+    public static void Run() {
+        MakeDpiAware();
+        Console.Out.WriteLine("ready");
+        Console.Out.Flush();
+
+        string line;
+        while ((line = Console.In.ReadLine()) != null) {
+            try {
+                string[] a = line.Trim().Split(' ');
+                switch (a[0]) {
+                    case "m": {
+                        POINT p;
+                        GetCursorPos(out p);
+                        SetCursorPos(p.X + int.Parse(a[1]), p.Y + int.Parse(a[2]));
+                        break;
+                    }
+                    case "c":
+                        mouse_event(Down(a[1]), 0, 0, 0, UIntPtr.Zero);
+                        mouse_event(Up(a[1]), 0, 0, 0, UIntPtr.Zero);
+                        break;
+                    case "d": mouse_event(Down(a[1]), 0, 0, 0, UIntPtr.Zero); break;
+                    case "u": mouse_event(Up(a[1]), 0, 0, 0, UIntPtr.Zero); break;
+                    case "s": mouse_event(WHEEL, 0, 0, int.Parse(a[1]), UIntPtr.Zero); break;
+                    case "h": mouse_event(HWHEEL, 0, 0, int.Parse(a[1]), UIntPtr.Zero); break;
+                    case "t": TypeText(Encoding.UTF8.GetString(Convert.FromBase64String(a[1]))); break;
+                    case "k": PressKey((ushort)int.Parse(a[1]), int.Parse(a[2])); break;
+                    case "kc": PressChar(int.Parse(a[1]), (char)int.Parse(a[2])); break;
+                    case "q": return;
+                }
+            } catch (Exception e) {
+                Console.Error.WriteLine(e.Message);
+            }
+        }
+    }
+}
+"@
+
+[OwnRemoteInput]::Run()

package/src/input.js

@@ -0,0 +1,152 @@
+const { spawn } = require('child_process');
+const path = require('path');
+
+const BUTTONS = new Set(['l', 'r', 'm']);
+
+// Nama tombol yang boleh dikirim dari HP -> virtual-key code Windows
+const KEYS = {
+  enter: 0x0d, backspace: 0x08, tab: 0x09, esc: 0x1b, space: 0x20,
+  left: 0x25, up: 0x26, right: 0x27, down: 0x28,
+  home: 0x24, end: 0x23, pageup: 0x21, pagedown: 0x22, insert: 0x2d, delete: 0x2e,
+  win: 0x5b, menu: 0x5d, printscreen: 0x2c,
+  volumeup: 0xaf, volumedown: 0xae, mute: 0xad, playpause: 0xb3, next: 0xb0, prev: 0xb1,
+};
+for (let i = 1; i <= 12; i++) KEYS[`f${i}`] = 0x6f + i;
+
+const MAX_TEXT = 500;
+
+// Mengendalikan mouse & keyboard lewat proses PowerShell persisten (input-helper.ps1) yang memanggil Win32 API.
+// Tanpa native module, jadi tidak perlu Visual Studio Build Tools.
+class InputController {
+  constructor(log = () => {}) {
+    this.log = log;
+    this.proc = null;
+    this.ready = false;
+    this.stopped = false;
+    this.restartTimer = null;
+    // sisa pecahan pixel/scroll agar gerakan halus tidak hilang saat dibulatkan
+    this.fx = 0;
+    this.fy = 0;
+    this.fs = 0;
+    this.fh = 0;
+  }
+
+  start() {
+    this.stopped = false;
+    const script = path.join(__dirname, 'input-helper.ps1');
+    const proc = spawn(
+      'powershell.exe',
+      ['-NoProfile', '-NonInteractive', '-ExecutionPolicy', 'Bypass', '-File', script],
+      { windowsHide: true, stdio: ['pipe', 'pipe', 'pipe'] },
+    );
+    this.proc = proc;
+    this.ready = false;
+
+    proc.stdout.on('data', (buf) => {
+      if (!this.ready && String(buf).includes('ready')) {
+        this.ready = true;
+        this.log('Input controller ready (mouse + keyboard).');
+      }
+    });
+    proc.stderr.on('data', (buf) => {
+      const msg = String(buf).trim();
+      if (msg) this.log(`Input helper: ${msg}`);
+    });
+    proc.stdin.on('error', () => { /* proses sudah mati, ditangani di 'exit' */ });
+    proc.on('error', (err) => this.log(`Failed to launch PowerShell: ${err.message}`));
+    proc.on('exit', (code) => {
+      if (this.proc === proc) {
+        this.proc = null;
+        this.ready = false;
+      }
+      if (!this.stopped) {
+        this.log(`Input helper exited (code ${code}), restarting in 2 seconds...`);
+        this.restartTimer = setTimeout(() => this.start(), 2000);
+      }
+    });
+  }
+
+  stop() {
+    this.stopped = true;
+    clearTimeout(this.restartTimer);
+    if (this.proc) {
+      try { this.proc.stdin.end('q\n'); } catch { /* abaikan */ }
+      const p = this.proc;
+      setTimeout(() => { if (p.exitCode === null) p.kill(); }, 1000).unref();
+      this.proc = null;
+    }
+  }
+
+  send(line) {
+    if (this.proc && this.proc.stdin.writable) this.proc.stdin.write(`${line}\n`);
+  }
+
+  move(dx, dy) {
+    if (!Number.isFinite(dx) || !Number.isFinite(dy)) return;
+    this.fx += clamp(dx, -2000, 2000);
+    this.fy += clamp(dy, -2000, 2000);
+    const ix = Math.trunc(this.fx);
+    const iy = Math.trunc(this.fy);
+    if (ix === 0 && iy === 0) return;
+    this.fx -= ix;
+    this.fy -= iy;
+    this.send(`m ${ix} ${iy}`);
+  }
+
+  scroll(dy, dx = 0) {
+    if (Number.isFinite(dy) && dy !== 0) {
+      this.fs += clamp(dy, -1200, 1200);
+      const v = Math.trunc(this.fs);
+      if (v !== 0) {
+        this.fs -= v;
+        this.send(`s ${v}`);
+      }
+    }
+    if (Number.isFinite(dx) && dx !== 0) {
+      this.fh += clamp(dx, -1200, 1200);
+      const h = Math.trunc(this.fh);
+      if (h !== 0) {
+        this.fh -= h;
+        this.send(`h ${h}`);
+      }
+    }
+  }
+
+  click(button) {
+    if (BUTTONS.has(button)) this.send(`c ${button}`);
+  }
+
+  down(button) {
+    if (BUTTONS.has(button)) this.send(`d ${button}`);
+  }
+
+  up(button) {
+    if (BUTTONS.has(button)) this.send(`u ${button}`);
+  }
+
+  /** Ketik teks Unicode apa adanya ('\n' = Enter). */
+  typeText(text) {
+    const s = String(text ?? '').slice(0, MAX_TEXT);
+    if (s) this.send(`t ${Buffer.from(s, 'utf8').toString('base64')}`);
+  }
+
+  /** Tekan tombol bernama (lihat KEYS) dengan modifier bitmask: 1 Ctrl, 2 Alt, 4 Shift, 8 Win. */
+  key(name, mods = 0) {
+    const vk = KEYS[name];
+    if (vk) this.send(`k ${vk} ${mods & 15}`);
+  }
+
+  /** Tekan satu karakter dengan modifier, mis. ('c', 1) = Ctrl+C. */
+  keyChar(char, mods = 0) {
+    const code = String(char ?? '').charCodeAt(0);
+    if (!code) return;
+    if ((mods & 15) === 0) this.typeText(char);
+    else this.send(`kc ${mods & 15} ${code}`);
+  }
+}
+
+function clamp(v, min, max) {
+  return Math.min(max, Math.max(min, v));
+}
+
+module.exports = { InputController, BUTTONS, KEYS };

package/src/launch-hidden.vbs

@@ -0,0 +1,13 @@
+' OwnRemote: start the background server without a console window.
+' Used by the "Start with Windows" registry entry (HKCU\Software\Microsoft\Windows\CurrentVersion\Run).
+' Usage: wscript.exe launch-hidden.vbs "<node.exe>" "<daemon.js>" [--startup]
+Option Explicit
+Dim args, command, i
+Set args = WScript.Arguments
+If args.Count < 2 Then WScript.Quit 1
+command = Chr(34) & args(0) & Chr(34) & " " & Chr(34) & args(1) & Chr(34)
+For i = 2 To args.Count - 1
+  command = command & " " & args(i)
+Next
+' 0 = no window, False = do not wait
+CreateObject("WScript.Shell").Run command, 0, False

package/src/logo.js

@@ -0,0 +1,137 @@
+// Logo ASCII untuk CLI: panah cursor + tulisan "OWN REMOTE".
+// Badan huruf memakai satu karakter padat ('#') supaya bentuknya jelas, bayangan '=' memberi kesan timbul,
+// dan nuansa "kode simbol" ada di panah serta garis aksen.
+
+const FONT = {
+  R: ['######.', '##...##', '##...##', '######.', '##..##.', '##...##'],
+  E: ['#######', '##.....', '#####..', '##.....', '##.....', '#######'],
+  M: ['##...##', '###.###', '#######', '##.#.##', '##...##', '##...##'],
+  O: ['.#####.', '##...##', '##...##', '##...##', '##...##', '.#####.'],
+  T: ['######', '..##..', '..##..', '..##..', '..##..', '..##..'],
+  C: ['.######', '##.....', '##.....', '##.....', '##.....', '.######'],
+  U: ['##...##', '##...##', '##...##', '##...##', '##...##', '.#####.'],
+  S: ['.######', '##.....', '.#####.', '.....##', '.....##', '######.'],
+  W: ['##...##', '##...##', '##.#.##', '#######', '###.###', '##...##'],
+  N: ['##...##', '###..##', '####.##', '##.####', '##..###', '##...##'],
+};
+
+// o = garis tepi, f = isian
+const ARROW = [
+  'o',
+  'oo',
+  'ofo',
+  'offo',
+  'offfo',
+  'offffo',
+  'offfffo',
+  'offffffo',
+  'offfoooo',
+  'ofooffo',
+  'oo  offo',
+  'o    offo',
+  '      oo',
+];
+
+const LETTER_GAP = 2;
+const FILL = '#';
+const SHADOW = '=';
+const ACCENT = '#=@!$*)(';
+
+// Susun satu kata menjadi grid 2D: 'X' = badan huruf, 'S' = bayangan, ' ' = kosong
+function wordGrid(word) {
+  const height = 6;
+  const rows = Array.from({ length: height + 1 }, () => []);
+  let x = 0;
+  for (const ch of word) {
+    const glyph = FONT[ch];
+    glyph.forEach((line, y) => {
+      [...line].forEach((cell, i) => {
+        if (cell === '#') rows[y][x + i] = 'X';
+      });
+    });
+    x += glyph[0].length + LETTER_GAP;
+  }
+  const width = x - LETTER_GAP + 1;
+  // bayangan: geser 1 ke kanan-bawah, hanya di sel yang kosong
+  for (let y = height - 1; y >= 0; y--) {
+    for (let i = width - 1; i >= 0; i--) {
+      if (rows[y][i] === 'X' && rows[y + 1][i + 1] !== 'X') rows[y + 1][i + 1] = 'S';
+    }
+  }
+  return rows.map((r) => Array.from({ length: width }, (_, i) => r[i] || ' '));
+}
+
+function palette() {
+  const rich = process.stdout.hasColors?.(256);
+  const fg = (n) => `\x1b[38;5;${n}m`;
+  return {
+    rich,
+    bold: '\x1b[1m',
+    reset: '\x1b[0m',
+    dim: '\x1b[90m',
+    shadow: rich ? fg(238) : '\x1b[90m',
+    arrowEdge: rich ? fg(255) : '\x1b[97m',
+    arrowFill: rich ? fg(191) : '\x1b[93m',
+    // gradasi per baris: cyan -> hijau limau
+    textRows: rich ? [51, 51, 50, 49, 48, 84, 120, 156, 155, 154, 190, 190, 226, 226] : null,
+    word: ['\x1b[96m', '\x1b[92m'],
+    fg,
+  };
+}
+
+function paintGrid(grid, colorOf, p) {
+  return grid.map((row, y) => {
+    let out = '';
+    let current = '';
+    for (const cell of row) {
+      let color = '';
+      let ch = ' ';
+      if (cell === 'X') { color = p.bold + colorOf(y); ch = FILL; }
+      else if (cell === 'S') { color = p.reset + p.shadow; ch = SHADOW; }
+      if (ch !== ' ' && color !== current) { out += p.reset + color; current = color; }
+      out += ch;
+    }
+    return out + p.reset;
+  });
+}
+
+/** Logo besar untuk menu utama. */
+function bigLogo(indent = '  ') {
+  const p = palette();
+  const top = wordGrid('OWN');
+  const bottom = wordGrid('REMOTE');
+  const color = (offset, wordIdx) => (y) => (p.rich ? p.fg(p.textRows[offset + y]) : p.word[wordIdx]);
+  const text = [
+    ...paintGrid(top, color(0, 0), p), // 7 baris (6 + bayangan)
+    ...paintGrid(bottom, color(7, 1), p), // 7 baris
+  ];
+
+  const arrow = ARROW.map((line) =>
+    [...line.padEnd(9)].map((c) => (c === 'o' ? `${p.arrowEdge}@` : c === 'f' ? `${p.arrowFill}#` : ' ')).join('') + p.reset,
+  );
+  // panah 13 baris, teks 14 baris: geser panah 1 baris ke bawah agar seimbang
+  const lines = [];
+  for (let i = 0; i < text.length; i++) {
+    const a = i >= 1 && i - 1 < arrow.length ? arrow[i - 1] : ' '.repeat(9);
+    lines.push(`${indent}${a}    ${text[i]}`);
+  }
+
+  const width = Math.max(top[0].length, bottom[0].length);
+  const accent = ACCENT.repeat(Math.ceil(width / ACCENT.length)).slice(0, width);
+  const tagline = 'control your PC from your phone';
+  const left = Math.floor((width - tagline.length) / 2);
+  lines.push(`${indent}${' '.repeat(13)}${p.shadow}${accent}${p.reset}`);
+  lines.push(`${indent}${' '.repeat(13 + Math.max(0, left))}${p.dim}${tagline}${p.reset}`);
+  return lines.join('\n');
+}
+
+/** Header ringkas (1 baris) untuk sub-menu. */
+function smallLogo(subtitle, indent = '  ') {
+  const p = palette();
+  const accent = p.rich ? p.fg(191) : '\x1b[93m';
+  const title = p.rich ? `${p.bold}${p.fg(51)}` : '\x1b[1m\x1b[96m';
+  const sub = subtitle ? `  ${p.dim}::${p.reset}  \x1b[33m${subtitle}${p.reset}` : '';
+  return `${indent}${accent}#=@>${p.reset} ${title}OWNREMOTE${p.reset} ${accent}<@=#${p.reset}${sub}`;
+}
+
+module.exports = { bigLogo, smallLogo };