pop-pay 0.2.0 → 0.3.1

package/dashboard/dashboard.js

@@ -0,0 +1,135 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const todaySpendingEl = document.getElementById('today-spending');
+    const remainingBudgetEl = document.getElementById('remaining-budget');
+    const utilizationPctEl = document.getElementById('utilization-pct');
+    const utilizationFillEl = document.getElementById('utilization-fill');
+    const sealsBody = document.getElementById('seals-body');
+    const rejectedBody = document.getElementById('rejected-body');
+    const refreshBtn = document.getElementById('refresh-btn');
+    const maxBudgetInput = document.getElementById('max-daily-budget');
+    const saveSettingsBtn = document.getElementById('save-settings');
+
+    let sealsData = [];
+
+    const formatCurrency = (amount) => {
+        return new Intl.NumberFormat('en-US', {
+            style: 'currency',
+            currency: 'USD',
+        }).format(amount);
+    };
+
+    const fetchData = async () => {
+        try {
+            const [budgetRes, sealsRes, rejectedRes] = await Promise.all([
+                fetch('/api/budget/today'),
+                fetch('/api/seals'),
+                fetch('/api/seals?status=rejected')
+            ]);
+
+            const budget = await budgetRes.json();
+            sealsData = await sealsRes.json();
+            const rejected = await rejectedRes.json();
+
+            updateBudget(budget);
+            renderSeals(sealsData);
+            renderRejected(rejected);
+        } catch (error) {
+            console.error('Failed to fetch dashboard data:', error);
+        }
+    };
+
+    const updateBudget = (data) => {
+        const { spent, max, remaining } = data;
+        todaySpendingEl.textContent = formatCurrency(spent);
+        remainingBudgetEl.textContent = formatCurrency(remaining);
+        
+        const utilization = max > 0 ? (spent / max) * 100 : 0;
+        utilizationPctEl.textContent = `${utilization.toFixed(1)}%`;
+        utilizationFillEl.style.width = `${Math.min(utilization, 100)}%`;
+        
+        if (utilization >= 90) {
+            utilizationFillEl.style.backgroundColor = 'var(--danger-red)';
+        } else if (utilization >= 70) {
+            utilizationFillEl.style.backgroundColor = 'var(--warning-amber)';
+        } else {
+            utilizationFillEl.style.backgroundColor = 'var(--accent-green)';
+        }
+
+        maxBudgetInput.value = max;
+    };
+
+    const renderSeals = (seals) => {
+        sealsBody.innerHTML = '';
+        seals.forEach(seal => {
+            const row = document.createElement('tr');
+            row.innerHTML = `
+                <td>${seal.seal_id}</td>
+                <td>${formatCurrency(seal.amount)}</td>
+                <td>${seal.vendor}</td>
+                <td style="color: ${getStatusColor(seal.status)}">${seal.status}</td>
+                <td>${seal.masked_card || 'N/A'}</td>
+                <td>${new Date(seal.timestamp).toLocaleString()}</td>
+            `;
+            sealsBody.appendChild(row);
+        });
+    };
+
+    const renderRejected = (rejected) => {
+        rejectedBody.innerHTML = '';
+        rejected.forEach(seal => {
+            const row = document.createElement('tr');
+            row.innerHTML = `
+                <td>${seal.seal_id}</td>
+                <td>${formatCurrency(seal.amount)}</td>
+                <td>${seal.vendor}</td>
+                <td>${seal.status}</td>
+                <td>${new Date(seal.timestamp).toLocaleString()}</td>
+            `;
+            rejectedBody.appendChild(row);
+        });
+    };
+
+    const getStatusColor = (status) => {
+        switch (status.toLowerCase()) {
+            case 'issued': return 'var(--accent-green)';
+            case 'used': return 'var(--text-secondary)';
+            case 'rejected': return 'var(--danger-red)';
+            default: return 'var(--text-primary)';
+        }
+    };
+
+    const saveSettings = async () => {
+        const maxBudget = parseFloat(maxBudgetInput.value);
+        if (isNaN(maxBudget)) return;
+
+        try {
+            await fetch('/api/settings/max_daily_budget', {
+                method: 'PUT',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ value: maxBudget.toString() })
+            });
+            fetchData();
+        } catch (error) {
+            console.error('Failed to save settings:', error);
+        }
+    };
+
+    // Sorting logic
+    document.querySelectorAll('#seals-table th[data-sort]').forEach(th => {
+        th.addEventListener('click', () => {
+            const prop = th.dataset.sort;
+            const sorted = [...sealsData].sort((a, b) => {
+                if (a[prop] < b[prop]) return -1;
+                if (a[prop] > b[prop]) return 1;
+                return 0;
+            });
+            renderSeals(sorted);
+        });
+    });
+
+    refreshBtn.addEventListener('click', fetchData);
+    saveSettingsBtn.addEventListener('click', saveSettings);
+
+    // Initial load
+    fetchData();
+});

package/dashboard/index.html

@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>The Vault - Pop Pay Dashboard</title>
+    <link rel="stylesheet" href="dashboard.css">
+</head>
+<body>
+    <header>
+        <div class="container">
+            <h1>THE VAULT <span class="subtitle">// POP PAY TERMINAL</span></h1>
+            <button id="refresh-btn" class="btn">REFRESH_DATA</button>
+        </div>
+    </header>
+
+    <main class="container">
+        <section class="metrics">
+            <div class="card">
+                <h3>TODAY_SPENDING</h3>
+                <p id="today-spending" class="value">$0.00</p>
+            </div>
+            <div class="card">
+                <h3>REMAINING_BUDGET</h3>
+                <p id="remaining-budget" class="value">$0.00</p>
+            </div>
+            <div class="card">
+                <h3>UTILIZATION</h3>
+                <p id="utilization-pct" class="value">0%</p>
+                <div class="progress-bar">
+                    <div id="utilization-fill" class="progress-fill"></div>
+                </div>
+            </div>
+        </section>
+
+        <section class="settings card">
+            <h3>BUDGET_SETTINGS</h3>
+            <div class="input-group">
+                <label for="max-daily-budget">MAX_DAILY_BUDGET ($):</label>
+                <input type="number" id="max-daily-budget" value="500" step="10">
+                <button id="save-settings" class="btn btn-small">UPDATE</button>
+            </div>
+        </section>
+
+        <section class="seals">
+            <h3>ISSUED_SEALS</h3>
+            <div class="table-container">
+                <table id="seals-table">
+                    <thead>
+                        <tr>
+                            <th data-sort="seal_id">SEAL_ID</th>
+                            <th data-sort="amount">AMOUNT</th>
+                            <th data-sort="vendor">VENDOR</th>
+                            <th data-sort="status">STATUS</th>
+                            <th data-sort="masked_card">CARD_MASK</th>
+                            <th data-sort="timestamp">TIMESTAMP</th>
+                        </tr>
+                    </thead>
+                    <tbody id="seals-body">
+                        <!-- Data injected here -->
+                    </tbody>
+                </table>
+            </div>
+        </section>
+
+        <section class="rejected">
+            <h3>REJECTION_LOG</h3>
+            <div class="table-container">
+                <table id="rejected-table">
+                    <thead>
+                        <tr>
+                            <th>SEAL_ID</th>
+                            <th>AMOUNT</th>
+                            <th>VENDOR</th>
+                            <th>REASON</th>
+                            <th>TIMESTAMP</th>
+                        </tr>
+                    </thead>
+                    <tbody id="rejected-body">
+                        <!-- Data injected here -->
+                    </tbody>
+                </table>
+            </div>
+        </section>
+    </main>
+
+    <script src="dashboard.js"></script>
+</body>
+</html>

package/dist/cli-dashboard.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli-dashboard.d.ts.map

package/dist/cli-dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-dashboard.d.ts","sourceRoot":"","sources":["../src/cli-dashboard.ts"],"names":[],"mappings":""}

package/dist/cli-dashboard.js

@@ -0,0 +1,28 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dashboard_js_1 = require("./dashboard.js");
+function parseArgs() {
+    const args = process.argv.slice(2);
+    const options = {
+        port: 3210,
+        dbPath: "pop_state.db"
+    };
+    for (let i = 0; i < args.length; i++) {
+        if (args[i] === "--port" && args[i + 1]) {
+            options.port = parseInt(args[i + 1], 10);
+            i++;
+        }
+        else if (args[i] === "--db" && args[i + 1]) {
+            options.dbPath = args[i + 1];
+            i++;
+        }
+    }
+    return options;
+}
+const options = parseArgs();
+(0, dashboard_js_1.main)(options).catch(err => {
+    console.error("Failed to start dashboard:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=cli-dashboard.js.map

package/dist/cli-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-dashboard.js","sourceRoot":"","sources":["../src/cli-dashboard.ts"],"names":[],"mappings":";;;AACA,iDAAsC;AAEtC,SAAS,SAAS;IAChB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG;QACd,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,cAAc;KACvB,CAAC;IAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxC,OAAO,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YACzC,CAAC,EAAE,CAAC;QACN,CAAC;aAAM,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAC7C,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC7B,CAAC,EAAE,CAAC;QACN,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;AAC5B,IAAA,mBAAI,EAAC,OAAO,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;IACxB,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,GAAG,CAAC,CAAC;IACjD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC"}

package/dist/cli-main.d.ts

@@ -0,0 +1,7 @@
+#!/usr/bin/env node
+/**
+ * pop-pay CLI dispatcher.
+ * Routes subcommands to the appropriate module.
+ */
+export {};
+//# sourceMappingURL=cli-main.d.ts.map

package/dist/cli-main.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-main.d.ts","sourceRoot":"","sources":["../src/cli-main.ts"],"names":[],"mappings":";AAEA;;;GAGG"}

package/dist/cli-main.js

@@ -0,0 +1,81 @@
+#!/usr/bin/env node
+"use strict";
+/**
+ * pop-pay CLI dispatcher.
+ * Routes subcommands to the appropriate module.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
+function getVersion() {
+    try {
+        const pkgPath = (0, node_path_1.join)(__dirname, "..", "package.json");
+        const pkg = JSON.parse((0, node_fs_1.readFileSync)(pkgPath, "utf8"));
+        return pkg.version;
+    }
+    catch {
+        return "unknown";
+    }
+}
+function showHelp() {
+    console.log(`pop-pay v${getVersion()} — Semantic Payment Guardrail for AI Agents
+
+Usage: pop-pay <command> [options]
+
+Commands:
+  launch-mcp      Start the MCP server (stdio transport)
+  launch          Launch Chrome with CDP remote debugging
+  init-vault      Initialize the encrypted credential vault
+  unlock          Unlock the vault for the current session
+  dashboard       Start the monitoring dashboard
+
+Options:
+  -v, --version   Show version
+  -h, --help      Show this help message`);
+}
+async function main() {
+    const subcommand = process.argv[2];
+    if (!subcommand || subcommand === "--help" || subcommand === "-h") {
+        showHelp();
+        return;
+    }
+    if (subcommand === "--version" || subcommand === "-v") {
+        console.log(getVersion());
+        return;
+    }
+    switch (subcommand) {
+        case "launch-mcp":
+            process.argv.splice(2, 1);
+            await import("./mcp-server.js");
+            break;
+        case "launch":
+        case "pop-launch":
+            process.argv.splice(2, 1);
+            await import("./cli.js");
+            break;
+        case "init-vault":
+        case "pop-init-vault":
+            process.argv.splice(2, 1);
+            await import("./cli-vault.js");
+            break;
+        case "unlock":
+        case "pop-unlock":
+            // Keep "unlock" in argv — cli-vault.ts detects it via process.argv.includes("unlock")
+            process.argv[2] = "unlock";
+            await import("./cli-vault.js");
+            break;
+        case "dashboard":
+            process.argv.splice(2, 1);
+            await import("./cli-dashboard.js");
+            break;
+        default:
+            console.error(`Unknown command: ${subcommand}\n`);
+            showHelp();
+            process.exit(1);
+    }
+}
+main().catch((err) => {
+    console.error("pop-pay:", err.message ?? err);
+    process.exit(1);
+});
+//# sourceMappingURL=cli-main.js.map

package/dist/cli-main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli-main.js","sourceRoot":"","sources":["../src/cli-main.ts"],"names":[],"mappings":";;AAEA;;;GAGG;;AAEH,qCAAuC;AACvC,yCAAiC;AAEjC,SAAS,UAAU;IACjB,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,IAAA,gBAAI,EAAC,SAAS,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;QACtD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAA,sBAAY,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;QACtD,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED,SAAS,QAAQ;IACf,OAAO,CAAC,GAAG,CAAC,YAAY,UAAU,EAAE;;;;;;;;;;;;;yCAaG,CAAC,CAAC;AAC3C,CAAC;AAED,KAAK,UAAU,IAAI;IACjB,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,UAAU,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QAClE,QAAQ,EAAE,CAAC;QACX,OAAO;IACT,CAAC;IAED,IAAI,UAAU,KAAK,WAAW,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACtD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,YAAY;YACf,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC1B,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC;YAChC,MAAM;QAER,KAAK,QAAQ,CAAC;QACd,KAAK,YAAY;YACf,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC1B,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;YACzB,MAAM;QAER,KAAK,YAAY,CAAC;QAClB,KAAK,gBAAgB;YACnB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC1B,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC;YAC/B,MAAM;QAER,KAAK,QAAQ,CAAC;QACd,KAAK,YAAY;YACf,sFAAsF;YACtF,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;YAC3B,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC;YAC/B,MAAM;QAER,KAAK,WAAW;YACd,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAC1B,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC;YACnC,MAAM;QAER;YACE,OAAO,CAAC,KAAK,CAAC,oBAAoB,UAAU,IAAI,CAAC,CAAC;YAClD,QAAQ,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC;AACH,CAAC;AAED,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;IACnB,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC;IAC9C,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC"}

package/dist/dashboard.d.ts

@@ -0,0 +1,9 @@
+import http from "node:http";
+export interface DashboardOptions {
+    port: number;
+    dbPath: string;
+}
+export declare function main(options: DashboardOptions & {
+    skipOpen?: boolean;
+}): Promise<http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>>;
+//# sourceMappingURL=dashboard.d.ts.map

package/dist/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAM7B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAsB,IAAI,CAAC,OAAO,EAAE,gBAAgB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,iFA0H5E"}

package/dist/dashboard.js

@@ -0,0 +1,122 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.main = main;
+const node_http_1 = __importDefault(require("node:http"));
+const node_fs_1 = __importDefault(require("node:fs"));
+const node_path_1 = __importDefault(require("node:path"));
+const node_child_process_1 = require("node:child_process");
+const better_sqlite3_1 = __importDefault(require("better-sqlite3"));
+async function main(options) {
+    const { port, dbPath, skipOpen } = options;
+    const db = new better_sqlite3_1.default(dbPath);
+    // Initialize tables
+    db.exec(`
+    CREATE TABLE IF NOT EXISTS daily_budget (
+      date TEXT PRIMARY KEY,
+      spent_amount REAL
+    )
+  `);
+    db.exec(`
+    CREATE TABLE IF NOT EXISTS issued_seals (
+      seal_id TEXT PRIMARY KEY,
+      amount REAL,
+      vendor TEXT,
+      status TEXT,
+      masked_card TEXT,
+      expiration_date TEXT,
+      timestamp DATETIME DEFAULT CURRENT_TIMESTAMP
+    )
+  `);
+    db.exec(`
+    CREATE TABLE IF NOT EXISTS dashboard_settings (
+      key TEXT PRIMARY KEY,
+      value TEXT
+    )
+  `);
+    const server = node_http_1.default.createServer((req, res) => {
+        const { method, url } = req;
+        const pathname = url ? new URL(url, `http://localhost:${port}`).pathname : "";
+        // Static File Serving
+        if (method === "GET" && (pathname === "/" || pathname.startsWith("/dashboard") || !pathname.startsWith("/api"))) {
+            let filePath = pathname === "/" ? "/index.html" : pathname;
+            if (filePath.startsWith("/dashboard/")) {
+                filePath = filePath.replace("/dashboard/", "/");
+            }
+            const fullPath = node_path_1.default.join(process.cwd(), "dashboard", filePath);
+            if (node_fs_1.default.existsSync(fullPath) && node_fs_1.default.statSync(fullPath).isFile()) {
+                const ext = node_path_1.default.extname(fullPath);
+                const mimeTypes = {
+                    ".html": "text/html",
+                    ".js": "application/javascript",
+                    ".css": "text/css",
+                    ".png": "image/png",
+                    ".jpg": "image/jpeg",
+                };
+                res.writeHead(200, { "Content-Type": mimeTypes[ext] || "text/plain" });
+                node_fs_1.default.createReadStream(fullPath).pipe(res);
+                return;
+            }
+        }
+        // API Routes
+        if (method === "GET" && pathname === "/api/budget/today") {
+            const today = new Date().toISOString().slice(0, 10);
+            const spentRow = db.prepare("SELECT spent_amount FROM daily_budget WHERE date = ?").get(today);
+            const spent = spentRow?.spent_amount ?? 0;
+            const maxRow = db.prepare("SELECT value FROM dashboard_settings WHERE key = 'max_daily_budget'").get();
+            const max = maxRow ? parseFloat(maxRow.value) : 500;
+            res.writeHead(200, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({ spent, max, remaining: max - spent }));
+            return;
+        }
+        if (method === "GET" && pathname === "/api/seals") {
+            const searchParams = new URL(url, `http://localhost:${port}`).searchParams;
+            const statusFilter = searchParams.get("status");
+            let seals;
+            if (statusFilter) {
+                seals = db.prepare("SELECT * FROM issued_seals WHERE LOWER(status) = LOWER(?) ORDER BY timestamp DESC").all(statusFilter);
+            }
+            else {
+                seals = db.prepare("SELECT * FROM issued_seals ORDER BY timestamp DESC").all();
+            }
+            res.writeHead(200, { "Content-Type": "application/json" });
+            res.end(JSON.stringify(seals));
+            return;
+        }
+        if (method === "PUT" && pathname.startsWith("/api/settings/")) {
+            const key = pathname.replace("/api/settings/", "");
+            let body = "";
+            req.on("data", chunk => body += chunk);
+            req.on("end", () => {
+                try {
+                    const { value } = JSON.parse(body);
+                    db.prepare("INSERT INTO dashboard_settings (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = ?")
+                        .run(key, value.toString(), value.toString());
+                    res.writeHead(200, { "Content-Type": "application/json" });
+                    res.end(JSON.stringify({ key, value }));
+                }
+                catch (e) {
+                    res.writeHead(400);
+                    res.end("Invalid JSON");
+                }
+            });
+            return;
+        }
+        res.writeHead(404);
+        res.end("Not Found");
+    });
+    return new Promise((resolve) => {
+        server.listen(port, () => {
+            const url = `http://localhost:${port}`;
+            if (!skipOpen) {
+                console.log(`Dashboard running at ${url}`);
+                const start = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
+                (0, node_child_process_1.exec)(`${start} ${url}`);
+            }
+            resolve(server);
+        });
+    });
+}
+//# sourceMappingURL=dashboard.js.map

package/dist/dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.js","sourceRoot":"","sources":["../src/dashboard.ts"],"names":[],"mappings":"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"}

package/dist/engine/injector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injector.d.ts","sourceRoot":"","sources":["../../src/engine/injector.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"injector.d.ts","sourceRoot":"","sources":["../../src/engine/injector.ts"],"names":[],"mappings":"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"}

package/dist/engine/injector.js

@@ -852,19 +852,69 @@ class PopBrowserInjector {
             else
                 failed.push(`${name} (value='${value}')`);
         };
-        await tryFill(exports.FIRST_NAME_SELECTORS, info.firstName, "first_name");
-        await tryFill(exports.LAST_NAME_SELECTORS, info.lastName, "last_name");
+        // Fill ORDER matters: input fields first, then select dropdowns last.
+        // Reason: filling inputs can trigger framework re-renders (React, Zoho)
+        // which reset previously selected dropdowns. Selects go last to survive.
+        const fieldConfigs = [
+            { selectors: exports.FIRST_NAME_SELECTORS, value: info.firstName, name: "first_name" },
+            { selectors: exports.LAST_NAME_SELECTORS, value: info.lastName, name: "last_name" },
+            { selectors: exports.STREET_SELECTORS, value: info.street, name: "street" },
+            { selectors: exports.CITY_SELECTORS, value: info.city, name: "city" },
+            { selectors: exports.STATE_SELECTORS, value: state, name: "state" },
+            { selectors: exports.COUNTRY_SELECTORS, value: info.country, name: "country" },
+            { selectors: exports.ZIP_SELECTORS, value: info.zip, name: "zip" },
+            { selectors: exports.EMAIL_SELECTORS, value: info.email, name: "email" },
+        ];
         // Full name fallback
         if (info.firstName || info.lastName) {
             const fullName = [info.firstName, info.lastName].filter(Boolean).join(" ");
-            await tryFill(exports.FULL_NAME_SELECTORS, fullName, "full_name");
-        }
-        await tryFill(exports.STREET_SELECTORS, info.street, "street");
-        await tryFill(exports.CITY_SELECTORS, info.city, "city");
-        await tryFill(exports.STATE_SELECTORS, state, "state");
-        await tryFill(exports.COUNTRY_SELECTORS, info.country, "country");
-        await tryFill(exports.ZIP_SELECTORS, info.zip, "zip");
-        await tryFill(exports.EMAIL_SELECTORS, info.email, "email");
+            fieldConfigs.push({ selectors: exports.FULL_NAME_SELECTORS, value: fullName, name: "full_name" });
+        }
+        // Detect tagName for each non-empty field
+        const detections = [];
+        for (const config of fieldConfigs) {
+            if (!config.value) {
+                skipped.push(config.name);
+                continue;
+            }
+            let tagName = null;
+            try {
+                const allSelector = config.selectors.join(", ");
+                const { result } = await client.send("Runtime.evaluate", {
+                    expression: `
+            (function() {
+              const el = document.querySelector(${JSON.stringify(allSelector)});
+              return el ? el.tagName.toLowerCase() : null;
+            })()
+          `,
+                    returnByValue: true,
+                });
+                tagName = result?.value || null;
+            }
+            catch {
+                // Detection failed — treat as input (non-select)
+            }
+            detections.push({ ...config, tagName });
+        }
+        const doFill = async (d) => {
+            const ok = await this.fillBillingField(client, d.selectors, d.value, d.name);
+            if (ok)
+                filled.push(d.name);
+            else
+                failed.push(`${d.name} (value='${d.value}')`);
+        };
+        // Round 1: fill all non-select fields (inputs, textareas, etc.)
+        for (const d of detections) {
+            if (d.tagName !== "select") {
+                await doFill(d);
+            }
+        }
+        // Round 2: fill all select dropdowns (survive re-renders)
+        for (const d of detections) {
+            if (d.tagName === "select") {
+                await doFill(d);
+            }
+        }
         // Phone: country code dropdown first, then number
         let ccFilled = false;
         if (info.phoneCountryCode) {