wslog-proxy 0.0.0-stage → 0.1.1

package/dist/server/targets.js

@@ -0,0 +1,156 @@
+import { createHash } from 'node:crypto';
+import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import { connect } from 'node:net';
+import { dirname } from 'node:path';
+import { PROXY_PREFIX } from '../shared/protocol.js';
+import { ensurePrivateFile } from './paths.js';
+export class TargetError extends Error {
+}
+/** Normalize user input into a ws:// or wss:// URL, or throw a friendly error. */
+export function normalizeTargetUrl(input) {
+    let raw = input.trim();
+    if (!raw)
+        throw new TargetError('Target URL is required');
+    if (!/^[a-z][a-z0-9+.-]*:\/\//i.test(raw))
+        raw = `ws://${raw}`;
+    let url;
+    try {
+        url = new URL(raw);
+    }
+    catch {
+        throw new TargetError(`Not a valid URL: ${input}`);
+    }
+    if (url.protocol === 'http:')
+        url.protocol = 'ws:';
+    else if (url.protocol === 'https:')
+        url.protocol = 'wss:';
+    if (url.protocol !== 'ws:' && url.protocol !== 'wss:') {
+        throw new TargetError(`Target must be a ws:// or wss:// URL, got ${url.protocol}//`);
+    }
+    url.hash = '';
+    return url.toString();
+}
+/** Stable id from the URL so the proxy URL survives restarts. */
+export function targetIdFor(url) {
+    return createHash('sha256').update(url).digest('hex').slice(0, 8);
+}
+export class TargetRegistry {
+    bus;
+    targets = new Map();
+    constructor(bus) {
+        this.bus = bus;
+    }
+    add(input, options = {}) {
+        const url = normalizeTargetUrl(input);
+        const id = targetIdFor(url);
+        const existing = this.targets.get(id);
+        if (existing)
+            return existing;
+        const target = { id, url, createdAt: Date.now(), proxyPath: `${PROXY_PREFIX}${id}`, demo: options.demo };
+        this.targets.set(id, target);
+        this.bus.emit('targets', this.list());
+        return target;
+    }
+    remove(id) {
+        const removed = this.targets.delete(id);
+        if (removed)
+            this.bus.emit('targets', this.list());
+        return removed;
+    }
+    get(id) {
+        return this.targets.get(id);
+    }
+    list() {
+        return [...this.targets.values()];
+    }
+}
+/**
+ * Can wslog reach the target's host and port right now? Resolves `undefined`
+ * if so, otherwise why not, in words. A plain TCP connect, not a WebSocket
+ * handshake, so the target never sees a fake client.
+ */
+export function probeTarget(url, timeoutMs = 1500) {
+    const { hostname, port, protocol } = new URL(url);
+    const host = hostname.replace(/^\[|\]$/g, '');
+    const portNumber = Number(port) || (protocol === 'wss:' ? 443 : 80);
+    return new Promise((resolve) => {
+        const socket = connect({ host, port: portNumber });
+        const done = (problem) => {
+            socket.destroy();
+            resolve(problem);
+        };
+        socket.setTimeout(timeoutMs, () => done(`${host}:${portNumber} did not answer within ${timeoutMs / 1000}s`));
+        socket.once('connect', () => done());
+        socket.once('error', (err) => {
+            if (err.code === 'ECONNREFUSED')
+                done(`nothing is listening on ${host}:${portNumber}`);
+            else if (err.code === 'ENOTFOUND' || err.code === 'EAI_AGAIN')
+                done(`${host} could not be found (DNS)`);
+            else
+                done(err.message);
+        });
+    });
+}
+/**
+ * Re-register targets saved by an earlier run, then keep `file` in sync.
+ * Demo targets are skipped: their server gets a new port on every start.
+ * The file is private (0600) because target URLs can carry credentials.
+ */
+export function persistTargets(registry, bus, file, logger) {
+    try {
+        const saved = JSON.parse(readFileSync(file, 'utf8'));
+        const urls = Array.isArray(saved.targets) ? saved.targets : [];
+        urls.forEach((url, i) => {
+            try {
+                if (typeof url === 'string')
+                    registry.add(url);
+            }
+            catch {
+                // Not the URL itself: it may carry credentials.
+                logger.error(`Skipping saved target #${i + 1} in ${file}: not a valid ws:// or wss:// URL`);
+            }
+        });
+    }
+    catch (err) {
+        if (err.code !== 'ENOENT')
+            logger.error(`Could not read saved targets from ${file}: ${err.message}`);
+    }
+    bus.on('targets', (targets) => {
+        const urls = targets.filter((t) => !t.demo).map((t) => t.url);
+        try {
+            mkdirSync(dirname(file), { recursive: true });
+            ensurePrivateFile(file);
+            writeFileSync(file, `${JSON.stringify({ targets: urls }, null, 2)}\n`);
+        }
+        catch (err) {
+            logger.error(`Could not save targets to ${file}: ${err.message}`);
+        }
+    });
+}
+/**
+ * Build the upstream URL for a proxied request.
+ * `/p/<id>/chat?room=1` on target `ws://host:8080/ws` → `ws://host:8080/ws/chat?room=1`.
+ *
+ * The app's query string is passed through as sent (repeated keys, encoding,
+ * order), so signed URLs keep working. A key the app sends replaces the same
+ * key in the target URL.
+ */
+export function buildUpstreamUrl(target, requestPath) {
+    const url = new URL(target.url);
+    const incoming = new URL(requestPath, 'http://proxy.local');
+    const suffix = incoming.pathname.slice(target.proxyPath.length);
+    if (suffix && suffix !== '/') {
+        url.pathname = `${url.pathname.replace(/\/$/, '')}/${suffix.replace(/^\//, '')}`;
+    }
+    const query = incoming.search.slice(1);
+    if (query) {
+        const sent = new Set(incoming.searchParams.keys());
+        const kept = url.search
+            .slice(1)
+            .split('&')
+            .filter((pair) => pair && !sent.has(new URLSearchParams(pair).keys().next().value ?? ''));
+        url.search = [...kept, query].join('&');
+    }
+    return url.toString();
+}
+//# sourceMappingURL=targets.js.map

package/dist/server/targets.js.map

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

package/dist/server/util/logger.d.ts

@@ -0,0 +1,16 @@
+import type { WslogConfig } from '../config.js';
+export type LogLevel = WslogConfig['logLevel'];
+export interface Logger {
+    error(message: string, ...rest: unknown[]): void;
+    info(message: string, ...rest: unknown[]): void;
+    debug(message: string, ...rest: unknown[]): void;
+}
+export declare const color: {
+    dim: (s: string) => string;
+    bold: (s: string) => string;
+    cyan: (s: string) => string;
+    green: (s: string) => string;
+    yellow: (s: string) => string;
+    red: (s: string) => string;
+};
+export declare function createLogger(level: LogLevel): Logger;

package/dist/server/util/logger.js

@@ -0,0 +1,19 @@
+const order = { silent: 0, error: 1, info: 2, debug: 3 };
+const useColor = process.stdout.isTTY && !process.env.NO_COLOR;
+export const color = {
+    dim: (s) => (useColor ? `\x1b[2m${s}\x1b[22m` : s),
+    bold: (s) => (useColor ? `\x1b[1m${s}\x1b[22m` : s),
+    cyan: (s) => (useColor ? `\x1b[36m${s}\x1b[39m` : s),
+    green: (s) => (useColor ? `\x1b[32m${s}\x1b[39m` : s),
+    yellow: (s) => (useColor ? `\x1b[33m${s}\x1b[39m` : s),
+    red: (s) => (useColor ? `\x1b[31m${s}\x1b[39m` : s),
+};
+export function createLogger(level) {
+    const enabled = (l) => order[l] <= order[level];
+    return {
+        error: (m, ...r) => enabled('error') && console.error(color.red('✖'), m, ...r),
+        info: (m, ...r) => enabled('info') && console.log(m, ...r),
+        debug: (m, ...r) => enabled('debug') && console.log(color.dim(`[debug] ${m}`), ...r),
+    };
+}
+//# sourceMappingURL=logger.js.map

package/dist/server/util/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.js","sourceRoot":"","sources":["../../../src/server/util/logger.ts"],"names":[],"mappings":"AAUA,MAAM,KAAK,GAA6B,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACnF,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE/D,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,IAAI,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,IAAI,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,KAAK,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,GAAG,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5D,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,KAAe;IAC1C,MAAM,OAAO,GAAG,CAAC,CAAW,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1D,OAAO;QACL,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAC9E,IAAI,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC1D,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;KACrF,CAAC;AACJ,CAAC"}

package/dist/shared/filter.d.ts

@@ -0,0 +1,14 @@
+import type { Direction, MessageRecord } from './protocol.js';
+/** One filter definition used by the dashboard, the API, and exports. */
+export interface MessageFilter {
+    /** Case-insensitive substring match on the payload. */
+    q?: string;
+    direction?: Direction;
+    connectionId?: string;
+    targetId?: string;
+}
+export declare function isEmptyFilter(filter: MessageFilter): boolean;
+/** Build a predicate once, then apply it to many messages. */
+export declare function createMatcher(filter: MessageFilter): (msg: MessageRecord) => boolean;
+export declare function filterToSearchParams(filter: MessageFilter): URLSearchParams;
+export declare function filterFromSearchParams(params: URLSearchParams): MessageFilter;

package/dist/shared/filter.js

@@ -0,0 +1,41 @@
+export function isEmptyFilter(filter) {
+    return !filter.q && !filter.direction && !filter.connectionId && !filter.targetId;
+}
+/** Build a predicate once, then apply it to many messages. */
+export function createMatcher(filter) {
+    const needle = filter.q?.trim().toLowerCase() ?? '';
+    const { direction, connectionId, targetId } = filter;
+    return (msg) => {
+        if (direction && msg.direction !== direction)
+            return false;
+        if (connectionId && msg.connectionId !== connectionId)
+            return false;
+        if (targetId && msg.targetId !== targetId)
+            return false;
+        if (needle && !msg.payload.toLowerCase().includes(needle))
+            return false;
+        return true;
+    };
+}
+export function filterToSearchParams(filter) {
+    const params = new URLSearchParams();
+    if (filter.q)
+        params.set('q', filter.q);
+    if (filter.direction)
+        params.set('direction', filter.direction);
+    if (filter.connectionId)
+        params.set('connectionId', filter.connectionId);
+    if (filter.targetId)
+        params.set('targetId', filter.targetId);
+    return params;
+}
+export function filterFromSearchParams(params) {
+    const direction = params.get('direction');
+    return {
+        q: params.get('q') ?? undefined,
+        direction: direction === 'in' || direction === 'out' ? direction : undefined,
+        connectionId: params.get('connectionId') ?? undefined,
+        targetId: params.get('targetId') ?? undefined,
+    };
+}
+//# sourceMappingURL=filter.js.map

package/dist/shared/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../src/shared/filter.ts"],"names":[],"mappings":"AAWA,MAAM,UAAU,aAAa,CAAC,MAAqB;IACjD,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;AACpF,CAAC;AAED,8DAA8D;AAC9D,MAAM,UAAU,aAAa,CAAC,MAAqB;IACjD,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;IACpD,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IACrD,OAAO,CAAC,GAAG,EAAE,EAAE;QACb,IAAI,SAAS,IAAI,GAAG,CAAC,SAAS,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QAC3D,IAAI,YAAY,IAAI,GAAG,CAAC,YAAY,KAAK,YAAY;YAAE,OAAO,KAAK,CAAC;QACpE,IAAI,QAAQ,IAAI,GAAG,CAAC,QAAQ,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC;QACxD,IAAI,MAAM,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,OAAO,KAAK,CAAC;QACxE,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAqB;IACxD,MAAM,MAAM,GAAG,IAAI,eAAe,EAAE,CAAC;IACrC,IAAI,MAAM,CAAC,CAAC;QAAE,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACxC,IAAI,MAAM,CAAC,SAAS;QAAE,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAChE,IAAI,MAAM,CAAC,YAAY;QAAE,MAAM,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IACzE,IAAI,MAAM,CAAC,QAAQ;QAAE,MAAM,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7D,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,MAAuB;IAC5D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC1C,OAAO;QACL,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,SAAS;QAC/B,SAAS,EAAE,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC5E,YAAY,EAAE,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,SAAS;QACrD,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,SAAS;KAC9C,CAAC;AACJ,CAAC"}

package/dist/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './protocol.js';
+export * from './filter.js';

package/dist/shared/index.js

@@ -0,0 +1,3 @@
+export * from './protocol.js';
+export * from './filter.js';
+//# sourceMappingURL=index.js.map

package/dist/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/shared/protocol.d.ts

@@ -0,0 +1,124 @@
+/**
+ * Wire types shared by the server and the dashboard.
+ * Anything that crosses the HTTP / live-stream boundary is defined here.
+ */
+/** `out` = client → server (sent by your app), `in` = server → client. */
+export type Direction = 'in' | 'out';
+export type PayloadKind = 'text' | 'binary';
+export interface MessageRecord {
+    /** Monotonic id, unique per wslog data store. */
+    id: number;
+    connectionId: string;
+    targetId: string;
+    direction: Direction;
+    /** Epoch milliseconds. */
+    time: number;
+    /** Size of the original frame in bytes (before masking or truncation). */
+    size: number;
+    kind: PayloadKind;
+    /** UTF-8 text for text frames, base64 for binary frames. Already masked. */
+    payload: string;
+    /** The stored payload was cut at the configured `maxPayloadBytes`. */
+    truncated: boolean;
+    /**
+     * Only on records sent to the dashboard: the payload was shortened for
+     * transport; fetch `GET /api/messages/:id` for the stored version.
+     */
+    partial?: boolean;
+}
+export type ConnectionStatus = 'connecting' | 'open' | 'closed' | 'error';
+/**
+ * Why a connection never opened: the server could not be reached, it refused
+ * the handshake, or the app used a proxy URL that has no target (removed, or
+ * a wslog that does not remember it).
+ */
+export type ConnectionFailure = 'unreachable' | 'rejected' | 'no-target';
+export interface ConnectionInfo {
+    id: string;
+    targetId: string;
+    /** Path + query the client requested on the proxy (masked). */
+    path: string;
+    /** Upstream URL the proxy dialed (masked). */
+    upstreamUrl: string;
+    clientAddress: string;
+    userAgent?: string;
+    protocol?: string;
+    status: ConnectionStatus;
+    openedAt: number;
+    closedAt?: number;
+    closeCode?: number;
+    closeReason?: string;
+    /** Which side closed first. */
+    closedBy?: 'client' | 'server' | 'proxy';
+    error?: string;
+    /** Set when `status` is `error` because the connection never opened. */
+    failure?: ConnectionFailure;
+    counts: {
+        in: number;
+        out: number;
+        bytesIn: number;
+        bytesOut: number;
+    };
+}
+export interface TargetInfo {
+    /** Stable id derived from the URL, so the proxy URL survives restarts. */
+    id: string;
+    url: string;
+    createdAt: number;
+    /** e.g. `/p/3f9a1c2b` — combine with `AppInfo.proxyBaseUrl`. */
+    proxyPath: string;
+    demo?: boolean;
+}
+/** `POST /api/targets` answer. */
+export interface AddedTarget extends TargetInfo {
+    /** Why wslog could not reach the target when it was added, if it could not. */
+    unreachable?: string;
+}
+export type Role = 'admin' | 'viewer';
+export interface AppInfo {
+    name: 'wslog';
+    version: string;
+    role: Role;
+    /** e.g. `ws://127.0.0.1:4000` */
+    proxyBaseUrl: string;
+    maskFields: string[];
+    maxMessages: number;
+    storage: string;
+    demoRunning: boolean;
+}
+/** Events pushed to dashboards over `/api/live`. */
+export type LiveEvent = {
+    type: 'hello';
+    info: AppInfo;
+    targets: TargetInfo[];
+    connections: ConnectionInfo[];
+    messages: MessageRecord[];
+} | {
+    type: 'messages';
+    items: MessageRecord[];
+} | {
+    type: 'connection';
+    connection: ConnectionInfo;
+} | {
+    type: 'targets';
+    targets: TargetInfo[];
+} | {
+    type: 'rates';
+    time: number;
+    rates: Record<string, number>;
+}
+/** Messages were deleted; `connections` is what remains (open ones, counters reset). */
+ | {
+    type: 'cleared';
+    connections: ConnectionInfo[];
+} | {
+    type: 'info';
+    info: Omit<AppInfo, 'role'>;
+};
+export interface ApiError {
+    error: string;
+}
+/** Max characters of payload sent to the dashboard per message in lists/live. */
+export declare const LIVE_PAYLOAD_LIMIT = 4096;
+export declare const PROXY_PREFIX = "/p/";
+export declare const LIVE_PATH = "/api/live";

package/dist/shared/protocol.js

@@ -0,0 +1,9 @@
+/**
+ * Wire types shared by the server and the dashboard.
+ * Anything that crosses the HTTP / live-stream boundary is defined here.
+ */
+/** Max characters of payload sent to the dashboard per message in lists/live. */
+export const LIVE_PAYLOAD_LIMIT = 4096;
+export const PROXY_PREFIX = '/p/';
+export const LIVE_PATH = '/api/live';
+//# sourceMappingURL=protocol.js.map

package/dist/shared/protocol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"protocol.js","sourceRoot":"","sources":["../../src/shared/protocol.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAgHH,iFAAiF;AACjF,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC;AAClC,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC"}

package/dist/web/assets/index-C3OwozRd.css

@@ -0,0 +1 @@
+:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--bg-raised:#131a23;--bg-hover:#1a2330;--bg-active:#1d2b3d;--border:#243040;--text:#e6edf3;--muted:#8b98a8;--accent:#34d399;--accent-ink:#052e1f;--out:#7aa2ff;--out-bg:#7aa2ff1f;--in:#4ade80;--in-bg:#4ade801a;--warn:#fbbf24;--danger:#f87171;--json-key:#c4b5fd;--json-string:#86efac;--json-number:#fcd34d;--json-bool:#f9a8d4;--radius:7px;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-raised:#f6f8fa;--bg-hover:#eef2f6;--bg-active:#e3ecfa;--border:#d8dee4;--text:#1f2328;--muted:#656d76;--accent:#059669;--accent-ink:#fff;--out:#2f5fd0;--out-bg:#2f5fd014;--in:#16803c;--in-bg:#16803c14;--warn:#b45309;--danger:#cf222e;--json-key:#6d28d9;--json-string:#0f7b3f;--json-number:#b45309;--json-bool:#be185d}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--sans);-webkit-font-smoothing:antialiased}.mono,code,kbd,pre{font-family:var(--mono);font-size:12px}code{background:var(--bg-hover);border-radius:4px;padding:1px 5px}kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:0 4px}.muted{color:var(--muted)}.small{font-size:12px}h1{margin:0 0 6px;font-size:20px}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);height:30px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible,.input:focus-visible,.segmented button:focus-visible,.side-item-main:focus-visible,.table:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn-warn{border-color:var(--warn);color:var(--warn)}.btn-danger,.btn-icon.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-ghost,.btn-icon{background:0 0;border-color:#0000}.btn-icon{width:26px;height:26px;color:var(--muted);justify-content:center;padding:0}.btn-icon:hover:not(:disabled){color:var(--text)}.btn-small{height:26px;padding:0 8px;font-size:12px}.input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:0;height:30px;color:var(--text);font:inherit;padding:0 10px}.input.mono{font-family:var(--mono);font-size:12px}.segmented{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--border);height:28px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:0 10px}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--bg-active);color:var(--text)}.badge{border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:0 6px;font-size:11px;line-height:17px;display:inline-block}.chip{border:1px solid var(--out);background:var(--out-bg);height:26px;color:var(--text);font:inherit;cursor:pointer;border-radius:99px;align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.form-error{color:var(--danger);flex-basis:100%;font-size:12px}.notice{border-left:3px solid var(--warn);background:var(--bg-raised);border-radius:4px;margin:8px 0;padding:8px 10px;font-size:12px}.problem{border-left:3px solid var(--danger);background:var(--bg-raised);border-radius:var(--radius);text-align:left;flex-direction:column;gap:8px;width:100%;max-width:560px;margin-bottom:28px;padding:14px 16px;display:flex}.problem h2{color:var(--danger);margin:0;font-size:15px}.problem code{overflow-wrap:anywhere;font-size:12px}.problem p{color:var(--muted);margin:0}.boot{height:100%;color:var(--muted);justify-content:center;align-items:center;gap:8px;display:flex}.boot-denied{text-align:center;max-width:520px;color:var(--text);flex-direction:column;margin:0 auto;padding:0 16px}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:8px 14px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.brand-version{color:var(--muted);font-size:11px}.status-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.status-live{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.status-reconnecting{background:var(--warn)}.target-form{flex-wrap:wrap;flex:260px;gap:6px;max-width:460px;display:flex}.target-form .input{flex:1}.target-form-large{flex:none;width:100%;max-width:560px;margin:18px 0 8px}.target-form-large .input,.target-form-large .btn{height:38px}.proxy-pill{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);align-items:center;gap:8px;min-width:0;height:30px;padding:0 4px 0 10px;display:flex}.proxy-pill code{text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;overflow:hidden}.proxy-label{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.topbar-actions{gap:6px;margin-left:auto;display:flex}.banner{background:color-mix(in srgb, var(--warn) 18%, var(--bg));color:var(--text);padding:6px 14px;font-size:12px}.layout{flex:1;grid-template-columns:260px minmax(0,1fr);min-height:0;display:grid}.layout.with-detail{grid-template-columns:260px minmax(0, 1fr) var(--detail-width,minmax(320px, 36%))}.layout.no-sidebar{grid-template-columns:minmax(0,1fr)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.app.offline .layout{opacity:.55;filter:grayscale(.6)}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;min-height:0;display:flex}.side-section{border-bottom:1px solid var(--border);padding:10px 8px 6px}.side-section-grow{border-bottom:0;flex:1;min-height:0;overflow-y:auto}.side-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);justify-content:space-between;margin:0 6px 6px;font-size:11px;font-weight:600;display:flex}.side-title .muted{text-transform:none;letter-spacing:0;font-weight:400}.side-list{margin:0;padding:0;list-style:none}.side-item{border-radius:var(--radius);align-items:center;display:flex}.side-item:hover{background:var(--bg-hover)}.side-item.active{background:var(--bg-active)}.side-item-main{border-radius:var(--radius);min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:6px;display:flex}.side-item:first-child .side-item-main{flex-direction:row;justify-content:space-between}.side-title-action{text-transform:none;letter-spacing:0;gap:3px;height:20px;margin:-3px -6px -3px 0}.target-form-compact{flex:none;max-width:none;margin:0 4px 8px}.target-item{flex-direction:column;align-items:stretch}.target-line{align-items:center;min-width:0;display:flex}.target-item .side-item-main{flex-direction:row;align-items:center;gap:6px}.target-url{white-space:nowrap;min-width:0;display:flex}.target-host{text-overflow:ellipsis;min-width:3ch;color:var(--muted);overflow:hidden}.target-path{text-overflow:ellipsis;flex:none;max-width:75%;overflow:hidden}.target-confirm{color:var(--danger);margin:0 6px 6px;font-size:11px}.conn-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conn-line{align-items:center;gap:8px;min-width:0;display:flex}.conn-path{color:var(--muted)}.conn-meta{font-family:var(--mono);font-size:11px}.conn-closed{opacity:.6}.conn-error{color:var(--danger);overflow-wrap:anywhere;font-size:11px;line-height:1.35}.conn-dot{background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.conn-dot-open{background:var(--accent)}.conn-dot-connecting{background:var(--warn)}.conn-dot-error{background:var(--danger)}.side-empty{margin:8px 6px;font-size:12px}.sparkline{margin-left:auto;display:inline-flex}.sparkline-base{stroke:var(--border)}.sparkline-line{fill:none;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round}.traffic{flex-direction:column;min-width:0;min-height:0;display:flex;container-type:inline-size}.paused-bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--warn) 16%, var(--bg));align-items:center;gap:10px;padding:5px 10px;font-size:12px;display:flex}.paused-bar strong{color:var(--warn)}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.search{max-width:360px;color:var(--muted);flex:200px;align-items:center;display:flex;position:relative}.search svg{position:absolute;left:9px}.search .input{width:100%;padding-left:30px}.toolbar-count{margin-left:auto;font-size:12px}.dir-out{color:var(--out)}.dir-in{color:var(--in)}.table{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}.table-head,.table-row{grid-template-columns:48px 92px 44px 58px 54px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;display:grid}.table-head{border-bottom:1px solid var(--border);height:28px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.table-body{flex:1;min-height:0;overflow:hidden auto}.table-row{border-bottom:1px solid color-mix(in srgb, var(--border) 45%, transparent);cursor:pointer;white-space:nowrap;position:absolute;top:0;left:0;right:0}.table-row:hover{background:var(--bg-hover)}.table-row.selected{background:var(--bg-active);box-shadow:inset 2px 0 0 var(--accent)}.table-row>span{text-overflow:ellipsis;overflow:hidden}.dir-row-out .col-dir{color:var(--out)}.dir-row-in .col-dir{color:var(--in)}.col-dir{font-size:12px;font-weight:600}.col-id,.col-size{text-align:right}.event-row{cursor:default;color:var(--muted);background:color-mix(in srgb, var(--bg-raised) 70%, transparent);font-size:12px}.event-row:hover{background:color-mix(in srgb, var(--bg-raised) 70%, transparent)}.event-open .col-dir{color:var(--accent)}.event-close .col-dir,.event-fail .col-dir,.event-fail .col-preview{color:var(--danger)}@container (width<=640px){.col-id{display:none}.table-head,.table-row{grid-template-columns:92px 44px 58px 54px minmax(0,1fr)}}@container (width<=480px){.col-size,.col-conn{display:none}.table-head,.table-row{grid-template-columns:84px 44px minmax(0,1fr)}}.detail{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.detail-resize{z-index:2;cursor:col-resize;width:8px;position:absolute;top:0;bottom:0;left:-4px}.detail-resize:hover,.detail-resize:focus-visible,body.resizing .detail-resize{background:linear-gradient(to right, transparent 3px, var(--accent) 3px, var(--accent) 5px, transparent 5px);outline:none}.detail-empty{text-align:center;justify-content:center;align-items:center;padding:20px}.detail-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.detail-close{margin-left:auto}.dir-badge{border-radius:99px;padding:1px 7px;font-size:12px;font-weight:600}.dir-badge.dir-out{background:var(--out-bg)}.dir-badge.dir-in{background:var(--in-bg)}.detail-meta{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;gap:4px 12px;margin:0;padding:10px 12px;font-size:12px;display:grid}.detail-meta dt{color:var(--muted)}.detail-meta dd{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.detail-body{flex-direction:column;flex:1;min-height:0;padding:10px 12px;display:flex}.detail-tabs{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.payload{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);flex:1;min-height:0;padding:8px 0;overflow:auto}.raw{white-space:pre-wrap;word-break:break-all;margin:0;padding:0 12px}.raw.hex{white-space:pre;word-break:normal;overflow-x:auto}.json-tree{padding-right:12px}.json-row{white-space:pre-wrap;word-break:break-all;padding-top:1px;padding-bottom:1px}.json-toggle{cursor:pointer;align-items:center;display:flex}.json-toggle:hover{background:var(--bg-hover)}.json-chevron{width:16px;color:var(--muted);flex:none;transition:transform .1s}.json-chevron.open{transform:rotate(90deg)}.json-key{color:var(--json-key)}.json-string{color:var(--json-string)}.json-number{color:var(--json-number)}.json-boolean,.json-null{color:var(--json-bool)}.json-punct,.json-summary{color:var(--muted)}.json-summary{margin:0 4px;font-style:italic}.json-encoded{border:1px solid var(--border);color:var(--muted);font-family:var(--sans);border-radius:4px;margin-right:6px;padding:0 5px;font-size:10px}mark{background:color-mix(in srgb, var(--warn) 35%, transparent);color:inherit;border-radius:2px}.json-more{color:var(--out);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 20px;display:flex}.steps{text-align:left;color:var(--muted);margin:12px 0 0;padding-left:20px}.steps li{margin:4px 0}.empty-divider{width:100%;max-width:320px;color:var(--muted);align-items:center;gap:10px;margin:22px 0 14px;display:flex}.empty-divider:before,.empty-divider:after{content:"";border-top:1px solid var(--border);flex:1}.code-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);align-items:center;gap:10px;max-width:100%;margin-top:12px;padding:8px 8px 8px 14px;display:flex}.code-block code{white-space:nowrap;background:0 0;padding:0;overflow-x:auto}.modal-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--bg-raised);border-radius:10px;width:100%;max-width:560px;padding:16px 18px;box-shadow:0 20px 50px #00000059}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:15px}.share-row{gap:8px;display:flex}.share-row .input{flex:1}.toasts{z-index:20;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);max-width:380px;padding:8px 12px;box-shadow:0 8px 24px #00000040}.toast-error{border-color:var(--danger)}@media (width<=1200px){.layout{grid-template-columns:220px minmax(0,1fr)}.layout.with-detail{grid-template-columns:220px minmax(0, 1fr) var(--detail-width,minmax(300px, 34%))}}@media (width<=860px){.layout,.layout.with-detail{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--border);max-height:40vh}.side-section-grow{min-height:120px}.detail{border-left:0;border-top:1px solid var(--border);max-height:45vh}.detail-resize,.topbar-actions .btn span{display:none}}