web_plsql 1.0.0 → 1.2.0

package/types/handler/handlerAdmin.d.ts

@@ -3,7 +3,77 @@
  * @typedef {import('express').Response} Response
  * @typedef {import('express').NextFunction} NextFunction
  */
+/**
+ * @typedef {import('../util/statsManager.js').Bucket} Bucket
+ */
+/**
+ * @typedef {object} StatsSummary
+ * @property {Date} startTime - Server start time.
+ * @property {number} totalRequests - Total requests handled.
+ * @property {number} totalErrors - Total errors encountered.
+ * @property {number} avgResponseTime - Lifetime average response time.
+ * @property {number} minResponseTime - Lifetime minimum response time.
+ * @property {number} maxResponseTime - Lifetime maximum response time.
+ * @property {number} maxRequestsPerSecond - Lifetime maximum requests per second.
+ * @property {object} maxMemory - Lifetime memory extremes.
+ * @property {number} maxMemory.heapUsedMax - Maximum heap used.
+ * @property {number} maxMemory.heapTotalMax - Maximum heap total.
+ * @property {number} maxMemory.rssMax - Maximum RSS.
+ * @property {number} maxMemory.externalMax - Maximum external memory.
+ * @property {object} cpu - Lifetime CPU extremes.
+ * @property {number} cpu.max - Max CPU.
+ * @property {number} cpu.userMax - Max user CPU.
+ * @property {number} cpu.systemMax - Max system CPU.
+ */
 export const handlerAdmin: import("express-serve-static-core").Router;
 export type Request = import("express").Request;
 export type Response = import("express").Response;
 export type NextFunction = import("express").NextFunction;
+export type Bucket = import("../util/statsManager.js").Bucket;
+export type StatsSummary = {
+    /**
+     * - Server start time.
+     */
+    startTime: Date;
+    /**
+     * - Total requests handled.
+     */
+    totalRequests: number;
+    /**
+     * - Total errors encountered.
+     */
+    totalErrors: number;
+    /**
+     * - Lifetime average response time.
+     */
+    avgResponseTime: number;
+    /**
+     * - Lifetime minimum response time.
+     */
+    minResponseTime: number;
+    /**
+     * - Lifetime maximum response time.
+     */
+    maxResponseTime: number;
+    /**
+     * - Lifetime maximum requests per second.
+     */
+    maxRequestsPerSecond: number;
+    /**
+     * - Lifetime memory extremes.
+     */
+    maxMemory: {
+        heapUsedMax: number;
+        heapTotalMax: number;
+        rssMax: number;
+        externalMax: number;
+    };
+    /**
+     * - Lifetime CPU extremes.
+     */
+    cpu: {
+        max: number;
+        userMax: number;
+        systemMax: number;
+    };
+};

package/types/handler/plsql/owaPageStream.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @typedef {import('oracledb').Connection} Connection
+ * @typedef {import('../../types.js').BindParameterConfig} BindParameterConfig
+ */
+export class OWAPageStream extends Readable {
+    /**
+     * @param {Connection} databaseConnection - The database connection.
+     */
+    constructor(databaseConnection: Connection);
+    databaseConnection: oracledb.Connection;
+    chunkSize: number;
+    isDone: boolean;
+    /**
+     * Fetch a chunk of the page from the database.
+     * @returns {Promise<string[]>} The array of lines fetched.
+     */
+    fetchChunk(): Promise<string[]>;
+    /**
+     * Add initial body content to the stream.
+     * @param {string} content - The initial content to prepend.
+     * @returns {void}
+     */
+    addBody(content: string): void;
+}
+export type Connection = import("oracledb").Connection;
+export type BindParameterConfig = import("../../types.js").BindParameterConfig;
+import { Readable } from 'node:stream';
+import oracledb from 'oracledb';

package/types/handler/plsql/procedure.d.ts

@@ -1,4 +1,5 @@
 export function invokeProcedure(req: Request, res: Response, argObj: argObjType, cgiObj: environmentType, filesToUpload: fileUploadType[], options: configPlSqlHandlerType, databaseConnection: Connection, procedureNameCache: ProcedureNameCache, argumentCache: ArgumentCache): Promise<void>;
+export type TraceEntry = import("../../admin/js/types.js").TraceEntry;
 export type Request = import("express").Request;
 export type Response = import("express").Response;
 export type Connection = import("oracledb").Connection;

package/types/index.d.ts

@@ -6,6 +6,5 @@ export * from "./util/file.js";
 export { handlerWebPlSql } from "./handler/plsql/handlerPlSql.js";
 export { handlerLogger } from "./handler/handlerLogger.js";
 export { handlerUpload } from "./handler/handlerUpload.js";
-export { handlerMetrics } from "./handler/handlerMetrics.js";
 import oracledb from 'oracledb';
 export { createServer, startServer, loadConfig, startServerConfig } from "./server/server.js";

package/types/server/adminContext.d.ts

@@ -0,0 +1,17 @@
+export namespace AdminContext {
+    let startTime: Date;
+    let config: configType | null;
+    let pools: Pool[];
+    let caches: Array<{
+        poolName: string;
+        procedureNameCache: Cache;
+        argumentCache: Cache;
+    }>;
+    let paused: boolean;
+    let statsManager: StatsManager;
+}
+export type Pool = import("oracledb").Pool;
+export type configType = import("../types.js").configType;
+export type argsType = import("../handler/plsql/procedureNamed.js").argsType;
+export type Cache = import("../util/cache.js").Cache<unknown>;
+import { StatsManager } from '../util/statsManager.js';

package/types/server/server.d.ts

@@ -1,19 +1,3 @@
-export namespace AdminContext {
-    let startTime: Date;
-    let config: configType | null;
-    let pools: Pool[];
-    let caches: Array<{
-        poolName: string;
-        procedureNameCache: Cache<string>;
-        argumentCache: Cache<argsType>;
-    }>;
-    let paused: boolean;
-    namespace metrics {
-        let requestCount: number;
-        let errorCount: number;
-        let totalDuration: number;
-    }
-}
 export function createServer(app: Express, ssl?: sslConfig): http.Server | https.Server;
 export function startServer(config: configType, ssl?: sslConfig): Promise<webServer>;
 export function loadConfig(filename?: string): configType;
@@ -28,8 +12,8 @@ export type environmentType = import("../types.js").environmentType;
 export type configType = import("../types.js").configType;
 export type argsType = import("../handler/plsql/procedureNamed.js").argsType;
 export type ExtendedRequestHandler = import("express").RequestHandler & {
-    procedureNameCache: Cache<string>;
-    argumentCache: Cache<argsType>;
+    procedureNameCache: import("../util/cache.js").Cache<string>;
+    argumentCache: import("../util/cache.js").Cache<argsType>;
 };
 /**
  * - Web server interface.
@@ -69,6 +53,5 @@ export type sslConfig = {
      */
     certFilename: string;
 };
-import { Cache } from '../util/cache.js';
 import http from 'node:http';
 import https from 'node:https';

package/types/types.d.ts

@@ -302,7 +302,7 @@ export type pageType = {
     /**
      * - The body of the page.
      */
-    body: string;
+    body: string | import("node:stream").Readable;
     /**
      * - The head of the page.
      */

package/types/util/statsManager.d.ts

@@ -0,0 +1,395 @@
+/**
+ * @typedef {object} StatsConfig
+ * @property {number} intervalMs - Duration of each statistical bucket (default: 5000ms).
+ * @property {number} maxHistoryPoints - Number of buckets to keep in the ring buffer (default: 200).
+ * @property {boolean} sampleSystem - Whether to automatically sample CPU/Memory (default: true).
+ * @property {boolean} samplePools - Whether to automatically sample Oracle pool utilization (default: true).
+ * @property {number} percentilePrecision - Max number of samples per bucket for P95/P99 calculation (default: 1000).
+ */
+/**
+ * @typedef {object} CacheStats
+ * @property {number} size - Number of entries.
+ * @property {number} hits - Number of hits.
+ * @property {number} misses - Number of misses.
+ */
+/**
+ * @typedef {object} PoolCacheSnapshot
+ * @property {CacheStats} procedureName - Procedure name cache stats.
+ * @property {CacheStats} argument - Argument cache stats.
+ */
+/**
+ * @typedef {object} PoolSnapshot
+ * @property {string} name - The pool name.
+ * @property {number} connectionsInUse - Number of active connections.
+ * @property {number} connectionsOpen - Number of open connections.
+ * @property {PoolCacheSnapshot} [cache] - Cache statistics.
+ */
+/**
+ * @typedef {object} Bucket
+ * @property {number} timestamp - End time of the bucket.
+ * @property {number} requests - Number of requests.
+ * @property {number} errors - Number of errors.
+ * @property {number} durationMin - Minimum duration.
+ * @property {number} durationMax - Maximum duration.
+ * @property {number} durationAvg - Average duration.
+ * @property {number} durationP95 - 95th percentile duration.
+ * @property {number} durationP99 - 99th percentile duration.
+ * @property {object} system - System metrics.
+ * @property {number} system.cpu - CPU usage percentage.
+ * @property {number} system.heapUsed - Heap used in bytes.
+ * @property {number} system.heapTotal - Heap total in bytes.
+ * @property {number} system.rss - RSS in bytes.
+ * @property {number} system.external - External memory in bytes.
+ * @property {PoolSnapshot[]} pools - Pool utilization snapshots.
+ */
+/**
+ * @typedef {object} CurrentBucket
+ * @property {number} count - Number of requests.
+ * @property {number} errors - Number of errors.
+ * @property {number} durationSum - Sum of durations.
+ * @property {number} durationMin - Minimum duration.
+ * @property {number} durationMax - Maximum duration.
+ * @property {number[]} durations - List of durations for percentile calculation.
+ */
+/**
+ * @typedef {object} MemoryLifetime
+ * @property {number} heapUsedMax - Max heap used.
+ * @property {number} heapTotalMax - Max heap total.
+ * @property {number} rssMax - Max RSS.
+ * @property {number} externalMax - Max external.
+ */
+/**
+ * @typedef {object} LifetimeStats
+ * @property {number} totalRequests - Total requests.
+ * @property {number} totalErrors - Total errors.
+ * @property {number} minDuration - Min duration.
+ * @property {number} maxDuration - Max duration.
+ * @property {number} totalDuration - Total duration.
+ * @property {number} maxRequestsPerSecond - Max requests per second.
+ * @property {MemoryLifetime} memory - Memory extremes.
+ * @property {object} cpu - CPU extremes.
+ * @property {number} cpu.max - Max CPU.
+ * @property {number} cpu.userMax - Max user CPU.
+ * @property {number} cpu.systemMax - Max system CPU.
+ */
+/**
+ * @typedef {object} StatsSummary
+ * @property {Date} startTime - Server start time.
+ * @property {number} totalRequests - Total requests handled.
+ * @property {number} totalErrors - Total errors encountered.
+ * @property {number} avgResponseTime - Lifetime average response time.
+ * @property {number} minResponseTime - Lifetime minimum response time.
+ * @property {number} maxResponseTime - Lifetime maximum response time.
+ * @property {number} maxRequestsPerSecond - Lifetime maximum requests per second.
+ * @property {MemoryLifetime} maxMemory - Lifetime memory extremes.
+ * @property {object} cpu - CPU extremes.
+ * @property {number} cpu.max - Max CPU usage percentage.
+ * @property {number} cpu.userMax - Max user CPU usage in microseconds.
+ * @property {number} cpu.systemMax - Max system CPU usage in microseconds.
+ */
+/**
+ * Manager for statistical data collection and temporal bucketing.
+ */
+export class StatsManager {
+    /**
+     * @param {Partial<StatsConfig>} config - Configuration.
+     */
+    constructor(config?: Partial<StatsConfig>);
+    /** @type {StatsConfig} */
+    config: StatsConfig;
+    startTime: Date;
+    /** @type {Bucket[]} */
+    history: Bucket[];
+    /** @type {LifetimeStats} */
+    lifetime: LifetimeStats;
+    /** @type {CurrentBucket} */
+    _currentBucket: CurrentBucket;
+    _lastCpuTimes: {
+        user: number;
+        nice: number;
+        sys: number;
+        idle: number;
+        irq: number;
+        total: number;
+    };
+    /** @type {ReturnType<typeof setTimeout> | undefined} */
+    _timer: ReturnType<typeof setTimeout> | undefined;
+    /**
+     * Reset the current bucket accumulator.
+     * @private
+     */
+    private _resetBucket;
+    /**
+     * Record a request event.
+     * @param {number} duration - Duration in milliseconds.
+     * @param {boolean} isError - Whether the request was an error.
+     */
+    recordRequest(duration: number, isError?: boolean): void;
+    /**
+     * Get system CPU times.
+     * @private
+     * @returns {{user: number, nice: number, sys: number, idle: number, irq: number, total: number}} System CPU times.
+     */
+    private _getSystemCpuTimes;
+    /**
+     * Calculate CPU usage percentage since last call.
+     * @private
+     * @returns {number} CPU usage percentage (0-100).
+     */
+    private _calculateCpuUsage;
+    /**
+     * Rotate the current bucket into history and start a new one.
+     * @param {PoolSnapshot[]} [poolSnapshots] - Optional pool snapshots to include.
+     */
+    rotateBucket(poolSnapshots?: PoolSnapshot[]): void;
+    /**
+     * Stop the background timer.
+     */
+    stop(): void;
+    /**
+     * Get lifetime summary.
+     * @returns {StatsSummary} Summary.
+     */
+    getSummary(): StatsSummary;
+    /**
+     * Get history buffer.
+     * @returns {Bucket[]} The history buffer.
+     */
+    getHistory(): Bucket[];
+}
+export type StatsConfig = {
+    /**
+     * - Duration of each statistical bucket (default: 5000ms).
+     */
+    intervalMs: number;
+    /**
+     * - Number of buckets to keep in the ring buffer (default: 200).
+     */
+    maxHistoryPoints: number;
+    /**
+     * - Whether to automatically sample CPU/Memory (default: true).
+     */
+    sampleSystem: boolean;
+    /**
+     * - Whether to automatically sample Oracle pool utilization (default: true).
+     */
+    samplePools: boolean;
+    /**
+     * - Max number of samples per bucket for P95/P99 calculation (default: 1000).
+     */
+    percentilePrecision: number;
+};
+export type CacheStats = {
+    /**
+     * - Number of entries.
+     */
+    size: number;
+    /**
+     * - Number of hits.
+     */
+    hits: number;
+    /**
+     * - Number of misses.
+     */
+    misses: number;
+};
+export type PoolCacheSnapshot = {
+    /**
+     * - Procedure name cache stats.
+     */
+    procedureName: CacheStats;
+    /**
+     * - Argument cache stats.
+     */
+    argument: CacheStats;
+};
+export type PoolSnapshot = {
+    /**
+     * - The pool name.
+     */
+    name: string;
+    /**
+     * - Number of active connections.
+     */
+    connectionsInUse: number;
+    /**
+     * - Number of open connections.
+     */
+    connectionsOpen: number;
+    /**
+     * - Cache statistics.
+     */
+    cache?: PoolCacheSnapshot;
+};
+export type Bucket = {
+    /**
+     * - End time of the bucket.
+     */
+    timestamp: number;
+    /**
+     * - Number of requests.
+     */
+    requests: number;
+    /**
+     * - Number of errors.
+     */
+    errors: number;
+    /**
+     * - Minimum duration.
+     */
+    durationMin: number;
+    /**
+     * - Maximum duration.
+     */
+    durationMax: number;
+    /**
+     * - Average duration.
+     */
+    durationAvg: number;
+    /**
+     * - 95th percentile duration.
+     */
+    durationP95: number;
+    /**
+     * - 99th percentile duration.
+     */
+    durationP99: number;
+    /**
+     * - System metrics.
+     */
+    system: {
+        cpu: number;
+        heapUsed: number;
+        heapTotal: number;
+        rss: number;
+        external: number;
+    };
+    /**
+     * - Pool utilization snapshots.
+     */
+    pools: PoolSnapshot[];
+};
+export type CurrentBucket = {
+    /**
+     * - Number of requests.
+     */
+    count: number;
+    /**
+     * - Number of errors.
+     */
+    errors: number;
+    /**
+     * - Sum of durations.
+     */
+    durationSum: number;
+    /**
+     * - Minimum duration.
+     */
+    durationMin: number;
+    /**
+     * - Maximum duration.
+     */
+    durationMax: number;
+    /**
+     * - List of durations for percentile calculation.
+     */
+    durations: number[];
+};
+export type MemoryLifetime = {
+    /**
+     * - Max heap used.
+     */
+    heapUsedMax: number;
+    /**
+     * - Max heap total.
+     */
+    heapTotalMax: number;
+    /**
+     * - Max RSS.
+     */
+    rssMax: number;
+    /**
+     * - Max external.
+     */
+    externalMax: number;
+};
+export type LifetimeStats = {
+    /**
+     * - Total requests.
+     */
+    totalRequests: number;
+    /**
+     * - Total errors.
+     */
+    totalErrors: number;
+    /**
+     * - Min duration.
+     */
+    minDuration: number;
+    /**
+     * - Max duration.
+     */
+    maxDuration: number;
+    /**
+     * - Total duration.
+     */
+    totalDuration: number;
+    /**
+     * - Max requests per second.
+     */
+    maxRequestsPerSecond: number;
+    /**
+     * - Memory extremes.
+     */
+    memory: MemoryLifetime;
+    /**
+     * - CPU extremes.
+     */
+    cpu: {
+        max: number;
+        userMax: number;
+        systemMax: number;
+    };
+};
+export type StatsSummary = {
+    /**
+     * - Server start time.
+     */
+    startTime: Date;
+    /**
+     * - Total requests handled.
+     */
+    totalRequests: number;
+    /**
+     * - Total errors encountered.
+     */
+    totalErrors: number;
+    /**
+     * - Lifetime average response time.
+     */
+    avgResponseTime: number;
+    /**
+     * - Lifetime minimum response time.
+     */
+    minResponseTime: number;
+    /**
+     * - Lifetime maximum response time.
+     */
+    maxResponseTime: number;
+    /**
+     * - Lifetime maximum requests per second.
+     */
+    maxRequestsPerSecond: number;
+    /**
+     * - Lifetime memory extremes.
+     */
+    maxMemory: MemoryLifetime;
+    /**
+     * - CPU extremes.
+     */
+    cpu: {
+        max: number;
+        userMax: number;
+        systemMax: number;
+    };
+};

package/types/util/traceManager.d.ts

@@ -0,0 +1,35 @@
+export const traceManager: TraceManager;
+export type TraceEntry = import("../admin/js/types.js").TraceEntry;
+/**
+ * @typedef {import('../admin/js/types.js').TraceEntry} TraceEntry
+ */
+declare class TraceManager {
+    enabled: boolean;
+    filename: string;
+    maxEntries: number;
+    /**
+     * Toggle tracing
+     * @param {boolean} enabled - New state
+     */
+    setEnabled(enabled: boolean): void;
+    /**
+     * Is tracing enabled?
+     * @returns {boolean} - The state
+     */
+    isEnabled(): boolean;
+    /**
+     * Add a trace entry
+     * @param {object} entry - The trace entry
+     */
+    addTrace(entry: object): void;
+    /**
+     * Clear all traces
+     */
+    clear(): void;
+    /**
+     * Get the full path to the trace file
+     * @returns {string} - The path
+     */
+    getFilePath(): string;
+}
+export {};

package/src/admin/lib/assets/main-zpdhQ1gD.css

@@ -1 +0,0 @@
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-bold:700;--tracking-wider:.05em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-success:#10b981;--color-danger:#ef4444}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.pt-4{padding-top:calc(var(--spacing)*4)}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-75{opacity:.75}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body.dark{--bg-main:#0f172a;--bg-side:#1e293b;--bg-card:#1e293b;--bg-hover:#334155;--text-main:#94a3b8;--text-bright:#f8fafc;--border:#334155}body:not(.dark){--bg-main:#f8fafc;--bg-side:#fff;--bg-card:#fff;--bg-hover:#f1f5f9;--text-main:#475569;--text-bright:#0f172a;--border:#e2e8f0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}