agmon 0.0.0-stage → 0.1.0

package/README.md

@@ -1,3 +1,82 @@
-# Temporary Holding Version
+# 🤖 AGMon (Agent Monitor)
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+**AGMon** is a standalone, real-time AI Agent Office & Activity Visualizer. It watches local CLI coding agent logs (Antigravity CLI, Claude Code, Cursor, etc.) and visualizes active agent desks, tool badges, and token packet streams flowing to provider server pods in a rich 2.5D isometric view.
+
+---
+
+## ⚡ Quick Start with `npx`
+
+Run AGMon instantly from any terminal without installing:
+
+```bash
+# Start visualizer & open dashboard:
+npx agmon
+
+# Or specify a custom port:
+npx agmon --port 4000
+```
+
+---
+
+## 💻 Global Installation & Background Daemon
+
+```bash
+# Install globally:
+npm install -g agmon
+
+# Start background daemon:
+agmon start
+
+# Check status (PID, URL, autostart):
+agmon status
+
+# Stop background daemon:
+agmon stop
+
+# Enable automatic start on system boot (macOS LaunchAgent / Linux systemd):
+agmon autostart enable
+
+# Disable auto-start on boot:
+agmon autostart disable
+```
+
+---
+
+## 📱 Progressive Web App (PWA)
+
+AGMon is fully PWA-compliant with offline shell caching, standalone window frame, and custom high-resolution icons:
+
+- **macOS / Chrome / Edge**: Click the **Install** icon in the browser address bar to install AGMon as a native desktop application.
+- **Safari on macOS**: Click **File** > **Add to Dock...** to run as a standalone desktop app.
+- **iPad / iPhone / Android**: Tap **Share** > **Add to Home Screen**.
+
+---
+
+## ✨ Features
+
+- **100% Non-invasive & Safe**: Zero network interception, zero MITM proxy, zero credential touches. Only inspects local read-only CLI session logs.
+- **Dual Live Watchers**:
+  - **Antigravity CLI (`agy`)**: Reads `~/.gemini/antigravity-cli/brain/*/transcript.jsonl` with deep tool recognition (GitNexus, Playwright Browser, Git, Docker, Read, Edit, Search, Agent).
+  - **Claude Code CLI (`claude`)**: Reads `~/.claude/sessions/*.json` and `~/.claude/projects/*/*.jsonl` with real token usage and active tool calls.
+- **2.5D Isometric Pixi.js Canvas**:
+  - Desks with cute robots (specular helmet reflections, rim shading, extruded 3D perspective).
+  - Dynamic tool badges cycling over agents in real time.
+  - Token streams running from agent desks into provider pods (Gemini, Claude, OpenAI, Minimax, DeepSeek).
+  - Fallback courier drones re-routing requests between providers.
+- **Inspector Panel**: Click on any desk to inspect latency, model, tokens (input/output/cached), cost, and currently executing command/file.
+- **Demo Presets**: Includes offline presets (`cases`, `storm`, `busy`, `idle`, `errors`) for demonstrations and development.
+
+---
+
+## 🛠️ Tech Stack
+
+- **Framework**: Next.js 16 (App Router) + React 19
+- **Graphics Engine**: Pixi.js v8 (WebGL / Canvas)
+- **Styling**: Tailwind CSS v4
+- **Streaming**: Server-Sent Events (SSE)
+- **PWA**: Web App Manifest + Service Worker + App Shell
+
+---
+
+## 📄 License
+MIT

package/bin/cli.js

@@ -0,0 +1,366 @@
+#!/usr/bin/env node
+
+import { spawn, execSync } from "node:child_process";
+import fs from "node:fs";
+import path from "node:path";
+import os from "node:os";
+import { fileURLToPath } from "node:url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const PKG_ROOT = path.resolve(__dirname, "..");
+
+const HOME = os.homedir();
+const CONFIG_DIR = path.join(HOME, ".agmon");
+const PID_FILE = path.join(CONFIG_DIR, "agmon.pid");
+const LOG_FILE = path.join(CONFIG_DIR, "agmon.log");
+const PLIST_PATH = path.join(HOME, "Library", "LaunchAgents", "com.agmon.daemon.plist");
+const SYSTEMD_DIR = path.join(HOME, ".config", "systemd", "user");
+const SYSTEMD_PATH = path.join(SYSTEMD_DIR, "agmon.service");
+
+// Ensure ~/.agmon exists
+if (!fs.existsSync(CONFIG_DIR)) {
+  fs.mkdirSync(CONFIG_DIR, { recursive: true });
+}
+
+function getPort() {
+  const argIdx = process.argv.indexOf("--port");
+  if (argIdx !== -1 && process.argv[argIdx + 1]) {
+    return parseInt(process.argv[argIdx + 1], 10);
+  }
+  return parseInt(process.env.PORT || "3030", 10);
+}
+
+function openBrowser(url) {
+  try {
+    const cmd = process.platform === "darwin" ? `open "${url}"` : process.platform === "win32" ? `start "${url}"` : `xdg-open "${url}"`;
+    execSync(cmd, { stdio: "ignore" });
+  } catch {
+    // ignore
+  }
+}
+
+function isPidAlive(pid) {
+  try {
+    process.kill(pid, 0);
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+function getDaemonPid() {
+  if (fs.existsSync(PID_FILE)) {
+    const raw = fs.readFileSync(PID_FILE, "utf-8").trim();
+    const pid = parseInt(raw, 10);
+    if (!isNaN(pid) && isPidAlive(pid)) {
+      return pid;
+    }
+  }
+  return null;
+}
+
+// -------------------------------------------------------------
+// Commands
+// -------------------------------------------------------------
+
+function runForeground(port, open = true, isService = false) {
+  if (!isService) {
+    const existingPid = getDaemonPid();
+    if (existingPid) {
+      console.log(`\x1b[33m⚠️ AGMon is already running in background (PID: ${existingPid})\x1b[0m`);
+      console.log(`🌐 Dashboard: \x1b[36mhttp://localhost:${port}\x1b[0m\n`);
+      if (open) openBrowser(`http://localhost:${port}`);
+      return;
+    }
+  }
+
+  console.log(`\n\x1b[32m🤖 Starting AGMon (Agent Monitor) on port ${port}...\x1b[0m`);
+  console.log(`📁 Project Root: ${PKG_ROOT}`);
+  console.log(`🌐 Dashboard: \x1b[36mhttp://localhost:${port}\x1b[0m\n`);
+
+  const nextBin = path.join(PKG_ROOT, "node_modules", ".bin", "next");
+  const child = spawn(nextBin, ["dev", "--port", String(port)], {
+    cwd: PKG_ROOT,
+    stdio: "inherit",
+    env: { ...process.env, PORT: String(port) },
+  });
+
+  if (open) {
+    setTimeout(() => {
+      openBrowser(`http://localhost:${port}`);
+    }, 2000);
+  }
+
+  child.on("exit", (code) => {
+    process.exit(code || 0);
+  });
+}
+
+function startDaemon(port) {
+  const existingPid = getDaemonPid();
+  if (existingPid) {
+    console.log(`\x1b[33m⚠️ AGMon daemon is ALREADY running (PID: ${existingPid})\x1b[0m`);
+    console.log(`🌐 URL: \x1b[36mhttp://localhost:${port}\x1b[0m`);
+    return;
+  }
+
+  console.log(`\x1b[32m🚀 Starting AGMon in Background Daemon Mode on port ${port}...\x1b[0m`);
+
+  const out = fs.openSync(LOG_FILE, "a");
+  const nextBin = path.join(PKG_ROOT, "node_modules", ".bin", "next");
+
+  const child = spawn(nextBin, ["dev", "--port", String(port)], {
+    cwd: PKG_ROOT,
+    detached: true,
+    stdio: ["ignore", out, out],
+    env: { ...process.env, PORT: String(port) },
+  });
+
+  child.unref();
+
+  fs.writeFileSync(PID_FILE, String(child.pid), "utf-8");
+
+  console.log(`\x1b[32m✓ AGMon Daemon launched successfully!\x1b[0m`);
+  console.log(`  • PID: \x1b[33m${child.pid}\x1b[0m`);
+  console.log(`  • Log: \x1b[34m${LOG_FILE}\x1b[0m`);
+  console.log(`  • URL: \x1b[36mhttp://localhost:${port}\x1b[0m\n`);
+  console.log(`Type \x1b[35magmon stop\x1b[0m to stop the daemon.\n`);
+}
+
+function stopDaemon() {
+  const pid = getDaemonPid();
+  if (!pid) {
+    console.log(`\x1b[33mℹ️ No active AGMon daemon found.\x1b[0m`);
+    if (fs.existsSync(PID_FILE)) fs.unlinkSync(PID_FILE);
+    return;
+  }
+
+  console.log(`\x1b[33m🛑 Stopping AGMon daemon (PID: ${pid})...\x1b[0m`);
+  try {
+    process.kill(pid, "SIGTERM");
+    setTimeout(() => {
+      if (isPidAlive(pid)) {
+        try { process.kill(pid, "SIGKILL"); } catch {}
+      }
+      if (fs.existsSync(PID_FILE)) fs.unlinkSync(PID_FILE);
+      console.log(`\x1b[32m✓ AGMon daemon stopped.\x1b[0m`);
+    }, 500);
+  } catch (err) {
+    console.error(`Failed to kill process ${pid}:`, err.message);
+    if (fs.existsSync(PID_FILE)) fs.unlinkSync(PID_FILE);
+  }
+}
+
+function showStatus(port) {
+  const pid = getDaemonPid();
+  console.log(`\n\x1b[1m🤖 AGMon (Agent Monitor) Status:\x1b[0m`);
+  if (pid) {
+    console.log(`  • Status:  \x1b[32m● RUNNING (Daemon)\x1b[0m`);
+    console.log(`  • PID:     \x1b[33m${pid}\x1b[0m`);
+    console.log(`  • URL:     \x1b[36mhttp://localhost:${port}\x1b[0m`);
+    console.log(`  • Log:     ${LOG_FILE}`);
+  } else {
+    console.log(`  • Status:  \x1b[31m○ STOPPED\x1b[0m`);
+  }
+
+  const autostart = isAutostartEnabled();
+  console.log(`  • Auto-start on boot: ${autostart ? "\x1b[32mENABLED\x1b[0m" : "\x1b[33mDISABLED\x1b[0m"}\n`);
+}
+
+function isAutostartEnabled() {
+  if (process.platform === "darwin") {
+    return fs.existsSync(PLIST_PATH);
+  }
+  if (process.platform === "linux") {
+    return fs.existsSync(SYSTEMD_PATH);
+  }
+  return false;
+}
+
+function enableAutostart(port) {
+  const nodePath = process.execPath;
+  const cliPath = __filename;
+
+  if (process.platform === "darwin") {
+    const launchAgentsDir = path.dirname(PLIST_PATH);
+    if (!fs.existsSync(launchAgentsDir)) {
+      fs.mkdirSync(launchAgentsDir, { recursive: true });
+    }
+
+    const plist = `<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+    <key>Label</key>
+    <string>com.agmon.daemon</string>
+    <key>ProgramArguments</key>
+    <array>
+        <string>${nodePath}</string>
+        <string>${cliPath}</string>
+        <string>run</string>
+        <string>--port</string>
+        <string>${port}</string>
+    </array>
+    <key>RunAtLoad</key>
+    <true/>
+    <key>KeepAlive</key>
+    <true/>
+    <key>ThrottleInterval</key>
+    <integer>10</integer>
+    <key>StandardOutPath</key>
+    <string>${LOG_FILE}</string>
+    <key>StandardErrorPath</key>
+    <string>${LOG_FILE}</string>
+</dict>
+</plist>
+`;
+
+    fs.writeFileSync(PLIST_PATH, plist, "utf-8");
+    try {
+      execSync(`launchctl unload "${PLIST_PATH}" 2>/dev/null || true`);
+      execSync(`launchctl load "${PLIST_PATH}"`);
+      console.log(`\x1b[32m✓ macOS LaunchAgent auto-start enabled!\x1b[0m`);
+      console.log(`  • Plist: ${PLIST_PATH}`);
+      console.log(`  • AGMon will now automatically launch on computer login.`);
+    } catch (err) {
+      console.error("Failed to load launchctl plist:", err.message);
+    }
+    return;
+  }
+
+  if (process.platform === "linux") {
+    if (!fs.existsSync(SYSTEMD_DIR)) {
+      fs.mkdirSync(SYSTEMD_DIR, { recursive: true });
+    }
+
+    const service = `[Unit]
+Description=AGMon (Agent Monitor) Daemon
+After=network.target
+
+[Service]
+Type=simple
+ExecStart=${nodePath} ${cliPath} run --port ${port}
+Restart=always
+RestartSec=5
+StandardOutput=append:${LOG_FILE}
+StandardError=append:${LOG_FILE}
+
+[Install]
+WantedBy=default.target
+`;
+    fs.writeFileSync(SYSTEMD_PATH, service, "utf-8");
+    try {
+      execSync("systemctl --user daemon-reload");
+      execSync("systemctl --user enable --now agmon");
+      console.log(`\x1b[32m✓ Linux systemd auto-start enabled!\x1b[0m`);
+      console.log(`  • Service: ${SYSTEMD_PATH}`);
+    } catch (err) {
+      console.error("Failed to enable systemd service:", err.message);
+    }
+    return;
+  }
+
+  console.log(`\x1b[33m⚠️ Auto-start is currently supported on macOS (Launchd) and Linux (systemd).\x1b[0m`);
+}
+
+function disableAutostart() {
+  if (process.platform === "darwin") {
+    if (fs.existsSync(PLIST_PATH)) {
+      try {
+        execSync(`launchctl unload "${PLIST_PATH}" 2>/dev/null || true`);
+      } catch {}
+      fs.unlinkSync(PLIST_PATH);
+      console.log(`\x1b[32m✓ macOS auto-start disabled (LaunchAgent removed).\x1b[0m`);
+    } else {
+      console.log(`\x1b[33mℹ️ Auto-start was not enabled.\x1b[0m`);
+    }
+    return;
+  }
+
+  if (process.platform === "linux") {
+    if (fs.existsSync(SYSTEMD_PATH)) {
+      try {
+        execSync("systemctl --user stop agmon 2>/dev/null || true");
+        execSync("systemctl --user disable agmon 2>/dev/null || true");
+      } catch {}
+      fs.unlinkSync(SYSTEMD_PATH);
+      console.log(`\x1b[32m✓ Linux systemd auto-start disabled.\x1b[0m`);
+    } else {
+      console.log(`\x1b[33mℹ️ Auto-start was not enabled.\x1b[0m`);
+    }
+    return;
+  }
+}
+
+function showHelp() {
+  console.log(`
+\x1b[1m🤖 AGMon (Agent Monitor) CLI\x1b[0m
+Universal Live AI Agent Office & Activity Visualizer
+
+\x1b[1mUSAGE:\x1b[0m
+  npx agmon [command] [options]
+  # or when installed globally:
+  agmon [command] [options]
+
+\x1b[1mCOMMANDS:\x1b[0m
+  (default)           Start visualizer and open dashboard in browser
+  start               Start in background (daemon mode)
+  stop                Stop background daemon
+  status              Check daemon status & auto-start configuration
+  autostart enable    Configure to automatically start on computer boot
+  autostart disable   Disable automatic boot launch
+  help                Show this help message
+
+\x1b[1mOPTIONS:\x1b[0m
+  --port <number>     Set HTTP port (default: 3030)
+  --no-open           Do not automatically open browser on start
+`);
+}
+
+// -------------------------------------------------------------
+// CLI Routing
+// -------------------------------------------------------------
+
+const args = process.argv.slice(2);
+const command = args[0] || "";
+const port = getPort();
+const noOpen = process.argv.includes("--no-open");
+
+switch (command) {
+  case "start":
+    startDaemon(port);
+    break;
+
+  case "stop":
+    stopDaemon();
+    break;
+
+  case "status":
+    showStatus(port);
+    break;
+
+  case "run":
+    runForeground(port, false, true);
+    break;
+
+  case "autostart":
+    if (args[1] === "enable") {
+      enableAutostart(port);
+    } else if (args[1] === "disable") {
+      disableAutostart();
+    } else {
+      console.log(`Usage: agmon autostart [enable|disable]`);
+    }
+    break;
+
+  case "help":
+  case "--help":
+  case "-h":
+    showHelp();
+    break;
+
+  default:
+    runForeground(port, !noOpen);
+    break;
+}

package/jsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/next.config.mjs

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: false,
+};
+
+export default nextConfig;

package/package.json

@@ -1,6 +1,52 @@
 {
   "name": "agmon",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Realtime AI Agent Office & Activity Visualizer for Antigravity, Claude Code & AI CLIs",
+  "type": "module",
+  "bin": {
+    "agmon": "bin/cli.js"
+  },
+  "files": [
+    "bin",
+    "src",
+    "public",
+    "jsconfig.json",
+    "next.config.mjs",
+    "postcss.config.mjs",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "next dev --port 3030",
+    "build": "next build",
+    "start": "next start --port 3030",
+    "lint": "eslint ."
+  },
+  "dependencies": {
+    "next": "^16.1.6",
+    "pixi.js": "^8.22.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.18"
+  },
+  "keywords": [
+    "agmon",
+    "agent-monitor",
+    "antigravity",
+    "claude-code",
+    "ai-agent",
+    "visualizer",
+    "telemetry",
+    "office",
+    "pixijs"
+  ],
+  "author": "thanhdevapp",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thanhdevapp/agent-factory.git"
+  }
+}

package/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};

package/public/favicon.svg

@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <defs>
+    <radialGradient id="bgGlow" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#0f172a" />
+      <stop offset="100%" stop-color="#070b12" />
+    </radialGradient>
+    <linearGradient id="helmGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#34d399" />
+      <stop offset="50%" stop-color="#06b6d4" />
+      <stop offset="100%" stop-color="#3b82f6" />
+    </linearGradient>
+    <linearGradient id="visorGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#0b1322" />
+      <stop offset="100%" stop-color="#1e293b" />
+    </linearGradient>
+  </defs>
+  <!-- Background -->
+  <rect width="512" height="512" rx="112" fill="url(#bgGlow)" />
+  <rect width="504" height="504" x="4" y="4" rx="108" fill="none" stroke="#1e293b" stroke-width="8" />
+
+  <!-- Antenna -->
+  <rect x="246" y="70" width="20" height="50" rx="10" fill="#34d399" />
+  <circle cx="256" cy="65" r="22" fill="#38bdf8" />
+  <circle cx="256" cy="65" r="12" fill="#a7f3d0" />
+
+  <!-- Robot Head / Helmet -->
+  <rect x="116" y="110" width="280" height="230" rx="60" fill="url(#helmGrad)" />
+
+  <!-- Ear Phones -->
+  <rect x="86" y="175" width="30" height="100" rx="12" fill="#38bdf8" />
+  <rect x="396" y="175" width="30" height="100" rx="12" fill="#38bdf8" />
+
+  <!-- Screen Visor -->
+  <rect x="146" y="145" width="220" height="160" rx="36" fill="url(#visorGrad)" stroke="#38bdf8" stroke-width="4" />
+
+  <!-- Eyes (Glowing neon circles) -->
+  <circle cx="206" cy="225" r="26" fill="#34d399" />
+  <circle cx="206" cy="225" r="14" fill="#ecfdf5" />
+
+  <!-- Wink / Smile Right Eye -->
+  <circle cx="306" cy="225" r="26" fill="#38bdf8" />
+  <circle cx="306" cy="225" r="14" fill="#ecfdf5" />
+
+  <!-- Token Packets Flowing -->
+  <circle cx="160" cy="400" r="14" fill="#34d399" />
+  <polygon points="256,380 274,400 256,420 238,400" fill="#38bdf8" />
+  <rect x="340" y="386" width="26" height="26" rx="4" fill="#a855f7" />
+</svg>

package/public/icons/icon.svg

@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
+  <defs>
+    <radialGradient id="bgGlow" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#0f172a" />
+      <stop offset="100%" stop-color="#070b12" />
+    </radialGradient>
+    <linearGradient id="helmGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#34d399" />
+      <stop offset="50%" stop-color="#06b6d4" />
+      <stop offset="100%" stop-color="#3b82f6" />
+    </linearGradient>
+    <linearGradient id="visorGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#0b1322" />
+      <stop offset="100%" stop-color="#1e293b" />
+    </linearGradient>
+  </defs>
+  <!-- Background -->
+  <rect width="512" height="512" rx="112" fill="url(#bgGlow)" />
+  <rect width="504" height="504" x="4" y="4" rx="108" fill="none" stroke="#1e293b" stroke-width="8" />
+
+  <!-- Antenna -->
+  <rect x="246" y="70" width="20" height="50" rx="10" fill="#34d399" />
+  <circle cx="256" cy="65" r="22" fill="#38bdf8" />
+  <circle cx="256" cy="65" r="12" fill="#a7f3d0" />
+
+  <!-- Robot Head / Helmet -->
+  <rect x="116" y="110" width="280" height="230" rx="60" fill="url(#helmGrad)" />
+
+  <!-- Ear Phones -->
+  <rect x="86" y="175" width="30" height="100" rx="12" fill="#38bdf8" />
+  <rect x="396" y="175" width="30" height="100" rx="12" fill="#38bdf8" />
+
+  <!-- Screen Visor -->
+  <rect x="146" y="145" width="220" height="160" rx="36" fill="url(#visorGrad)" stroke="#38bdf8" stroke-width="4" />
+
+  <!-- Eyes (Glowing neon circles) -->
+  <circle cx="206" cy="225" r="26" fill="#34d399" />
+  <circle cx="206" cy="225" r="14" fill="#ecfdf5" />
+
+  <!-- Wink / Smile Right Eye -->
+  <circle cx="306" cy="225" r="26" fill="#38bdf8" />
+  <circle cx="306" cy="225" r="14" fill="#ecfdf5" />
+
+  <!-- Token Packets Flowing -->
+  <circle cx="160" cy="400" r="14" fill="#34d399" />
+  <polygon points="256,380 274,400 256,420 238,400" fill="#38bdf8" />
+  <rect x="340" y="386" width="26" height="26" rx="4" fill="#a855f7" />
+</svg>

package/public/manifest.json

@@ -0,0 +1,23 @@
+{
+  "name": "AGMon (Agent Monitor)",
+  "short_name": "AGMon",
+  "description": "Universal Live AI Agent Office & Activity Visualizer",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#070b12",
+  "theme_color": "#070b12",
+  "orientation": "landscape-primary",
+  "icons": [
+    {
+      "src": "/icons/icon.svg",
+      "sizes": "192x192 512x512",
+      "type": "image/svg+xml",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml"
+    }
+  ]
+}