request-scope-api 1.0.2 → 1.0.5

package/dist/esm/config.js

@@ -114,4 +114,3 @@ export function buildSensitiveFieldSet(config) {
     ];
     return new Set(names.map((n) => n.toLowerCase()));
 }
-//# sourceMappingURL=config.js.map

package/dist/esm/dashboard/api.js

@@ -165,4 +165,3 @@ export async function deleteAllRecords(req, res) {
         res.status(500).json({ error: message });
     }
 }
-//# sourceMappingURL=api.js.map

package/dist/esm/dashboard/router.js

@@ -1,104 +1,66 @@
 /**
- * RequestScope — Dashboard router.
- *
- * Provides an Express router with:
- *   - Optional BasicAuth middleware
- *   - API routes for querying records
- *   - Static file serving for the React SPA
- *   - SPA fallback for client-side routing
- *
- * Requirements: 8.1, 8.2, 8.3, 8.4
+ * RequestScope — Dashboard router (PRODUCTION FIXED ESM)
  */
-import { Router, static as expressStatic } from 'express';
+import { Router, static as expressStatic } from "express";
 import path from 'path';
-import { getRecords, getRecordById, deleteAllRecords } from './api';
+import { createRequire } from 'module';
+import { getRecords, getRecordById, deleteAllRecords, } from "./api.js";
 // ---------------------------------------------------------------------------
-// Path resolution helper (works in both ESM and CJS)
+// Dashboard path resolver (FIXED)
 // ---------------------------------------------------------------------------
-/**
- * Gets the dashboard directory path.
- * Works in both ESM and CJS by resolving from the compiled file location.
- */
 function getDashboardPath() {
-    // Use __dirname for CJS (available natively)
-    // For ESM, TypeScript with ESNext module will polyfill __dirname
-    // @ts-ignore - __dirname handling differs between module systems
-    return path.resolve(__dirname, '../../dashboard');
+    // @ts-ignore - TypeScript doesn't understand dual-module compilation
+    const packageJsonPath = createRequire(import.meta.url).resolve("request-scope-api/package.json");
+    const packageDir = path.dirname(packageJsonPath);
+    return path.join(packageDir, "dist", "dashboard");
 }
 // ---------------------------------------------------------------------------
 // BasicAuth middleware
 // ---------------------------------------------------------------------------
-/**
- * Creates a BasicAuth middleware if auth config is provided.
- *
- * Checks the Authorization header for Basic auth credentials.
- * If credentials are missing or don't match, responds with 401 and
- * WWW-Authenticate header.
- */
 function createBasicAuthMiddleware(auth) {
     if (!auth) {
         return (_req, _res, next) => next();
     }
-    const { username, password } = auth;
-    const expectedAuth = `Basic ${Buffer.from(`${username}:${password}`).toString('base64')}`;
+    const expectedAuth = "Basic " +
+        Buffer.from(`${auth.username}:${auth.password}`).toString("base64");
     return (req, res, next) => {
-        const authHeader = req.headers.authorization;
-        if (!authHeader || authHeader !== expectedAuth) {
-            res.setHeader('WWW-Authenticate', 'Basic realm="RequestScope"');
-            res.status(401).json({ error: 'Unauthorized' });
-            return;
+        const header = req.headers.authorization;
+        if (!header || header !== expectedAuth) {
+            res.setHeader("WWW-Authenticate", 'Basic realm="RequestScope"');
+            return res.status(401).json({ error: "Unauthorized" });
         }
         next();
     };
 }
 // ---------------------------------------------------------------------------
-// Dashboard router factory
+// Router factory
 // ---------------------------------------------------------------------------
-/**
- * Creates and returns an Express router for the RequestScope dashboard.
- *
- * The router includes:
- *   - BasicAuth middleware (if auth config is provided)
- *   - GET /api/records — List records with filtering and pagination
- *   - GET /api/records/:id — Get a single record by ID
- *   - Static file serving for the React SPA
- *   - SPA fallback for client-side routing
- *
- * @param config - Optional dashboard configuration
- * @param adapter - Storage adapter instance (must be set on the app)
- * @returns Express Router
- */
 export function createDashboardRouter(config, adapter) {
     const router = Router();
-    // Install BasicAuth middleware if auth config is present
-    const authMiddleware = createBasicAuthMiddleware(config?.auth);
-    router.use(authMiddleware);
-    // Set the adapter on the app for API handlers to access
-    router.use((req, res, next) => {
+    // auth middleware
+    router.use(createBasicAuthMiddleware(config?.auth));
+    // attach adapter
+    router.use((req, _res, next) => {
         if (adapter) {
-            req.app.set('requestscopeAdapter', adapter);
+            req.app.set("requestscopeAdapter", adapter);
         }
         next();
     });
-    // Mount API routes
-    router.get('/api/records', getRecords);
-    router.get('/api/records/:id', getRecordById);
-    router.delete('/api/records', deleteAllRecords);
-    // Serve static files from the dashboard bundle
-    // The dashboard is built to dist/dashboard
-    // Resolve path relative to this compiled file location
-    // This works whether package is in node_modules or linked via npm link
+    // API routes
+    router.get("/api/records", getRecords);
+    router.get("/api/records/:id", getRecordById);
+    router.delete("/api/records", deleteAllRecords);
+    // dashboard path
     const dashboardPath = getDashboardPath();
-    // Serve static files from the built dashboard
+    // static files
     router.use(expressStatic(dashboardPath));
-    // Explicitly serve index.html for the root path
-    router.get('/', (req, res) => {
-        res.sendFile(path.join(dashboardPath, 'index.html'));
+    // root route
+    router.get("/", (_req, res) => {
+        res.sendFile(path.join(dashboardPath, "index.html"));
     });
-    // SPA fallback for client-side routing (must be after static files)
-    router.get('*', (req, res) => {
-        res.sendFile(path.join(dashboardPath, 'index.html'));
+    // SPA fallback
+    router.get("*", (_req, res) => {
+        res.sendFile(path.join(dashboardPath, "index.html"));
     });
     return router;
 }
-//# sourceMappingURL=router.js.map

package/dist/esm/index.js

@@ -8,8 +8,8 @@
  *
  * Requirements: 1.1, 12.1, 12.2, 12.3, 12.4
  */
-import { requestscope as requestscopeMiddleware, errorHandler, setup } from './middleware';
-import { createDashboardRouter } from './dashboard/router';
+import { requestscope as requestscopeMiddleware, errorHandler, setup } from './middleware.js';
+import { createDashboardRouter } from './dashboard/router.js';
 // ---------------------------------------------------------------------------
 // Main middleware factory
 // ---------------------------------------------------------------------------
@@ -46,5 +46,4 @@ export { errorHandler };
 // ---------------------------------------------------------------------------
 // Named exports for convenience
 // ---------------------------------------------------------------------------
-export { requestscope as requestscopeMiddleware } from './middleware';
-//# sourceMappingURL=index.js.map
+export { requestscope as requestscopeMiddleware } from './middleware.js';

package/dist/esm/masker.js

@@ -67,4 +67,3 @@ export function maskObject(obj, sensitiveFields, depth = 0) {
     }
     return result;
 }
-//# sourceMappingURL=masker.js.map

package/dist/esm/middleware.js

@@ -10,14 +10,14 @@
  *
  * Requirements: 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 2.2, 4.1, 4.2, 4.3, 5.1
  */
-import { validateConfig, applyDefaults, buildSensitiveFieldSet } from './config';
-import { MongoAdapter } from './adapters/mongo.adapter';
-import { MySQLAdapter } from './adapters/mysql.adapter';
-import { PgAdapter } from './adapters/pg.adapter';
-import { AsyncQueue } from './queue';
-import { RetentionScheduler } from './retention';
-import { bufferRequestBody, wrapResponse, ERROR_DATA_SYMBOL } from './capture';
-import { createDashboardRouter } from './dashboard/router';
+import { validateConfig, applyDefaults, buildSensitiveFieldSet } from './config.js';
+import { MongoAdapter } from './adapters/mongo.adapter.js';
+import { MySQLAdapter } from './adapters/mysql.adapter.js';
+import { PgAdapter } from './adapters/pg.adapter.js';
+import { AsyncQueue } from './queue.js';
+import { RetentionScheduler } from './retention.js';
+import { bufferRequestBody, wrapResponse, ERROR_DATA_SYMBOL } from './capture.js';
+import { createDashboardRouter } from './dashboard/router.js';
 // ---------------------------------------------------------------------------
 // Factory function
 // ---------------------------------------------------------------------------
@@ -190,4 +190,3 @@ export function errorHandler(err, req, res, next) {
     // Pass error to next error handler in the chain
     next(err);
 }
-//# sourceMappingURL=middleware.js.map

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist/esm/queue.js

@@ -107,4 +107,3 @@ export class AsyncQueue {
         }
     }
 }
-//# sourceMappingURL=queue.js.map

package/dist/esm/retention.js

@@ -57,4 +57,3 @@ export class RetentionScheduler {
         }
     }
 }
-//# sourceMappingURL=retention.js.map

package/dist/esm/types.js

@@ -5,4 +5,3 @@
  * All interfaces are written to compile under `strict: true` with zero errors.
  */
 export {};
-//# sourceMappingURL=types.js.map

package/dist/types/adapters/adapter.interface.d.ts

@@ -4,4 +4,4 @@
  * Adapters should import from this file so they stay decoupled from the
  * top-level types module while still satisfying the shared contract.
  */
-export type { StorageAdapter, RequestRecord, QueryFilters } from '../types';
+export type { StorageAdapter, RequestRecord, QueryFilters } from '../types.js';

package/dist/types/adapters/mongo.adapter.d.ts

@@ -6,7 +6,7 @@
  * A descending index on `timestamp` is created at initialization for sort
  * performance and retention queries.
  */
-import type { StorageAdapter, RequestRecord, QueryFilters, StorageConfig } from '../types';
+import type { StorageAdapter, RequestRecord, QueryFilters, StorageConfig } from '../types.js';
 export declare class MongoAdapter implements StorageAdapter {
     private readonly config;
     private client;

package/dist/types/adapters/mysql.adapter.d.ts

@@ -4,8 +4,8 @@
  * Compiles under `strict: true` with zero errors.
  * Requirements: 1.6, 1.7, 6.1, 6.3, 6.5, 7.4
  */
-import type { StorageAdapter, RequestRecord, QueryFilters } from '../types';
-import type { StorageConfig } from '../types';
+import type { StorageAdapter, RequestRecord, QueryFilters } from '../types.js';
+import type { StorageConfig } from '../types.js';
 export declare class MySQLAdapter implements StorageAdapter {
     private pool;
     private readonly config;

package/dist/types/adapters/pg.adapter.d.ts

@@ -4,7 +4,7 @@
  * Compiles under `strict: true` with zero errors.
  * Requirements: 1.6, 1.7, 6.1, 6.4, 6.5, 7.4
  */
-import type { StorageAdapter, RequestRecord, QueryFilters, StorageConfig } from '../types';
+import type { StorageAdapter, RequestRecord, QueryFilters, StorageConfig } from '../types.js';
 export declare class PgAdapter implements StorageAdapter {
     private pool;
     private readonly config;

package/dist/types/capture.d.ts

@@ -14,7 +14,7 @@
  * Compiles under strict: true.
  */
 import { IncomingMessage, ServerResponse } from 'http';
-import type { RequestRecord } from './types';
+import type { RequestRecord } from './types.js';
 /**
  * Extracts the client IP address from the request.
  *

package/dist/types/config.d.ts

@@ -4,7 +4,7 @@
  * All validation errors are thrown synchronously so that `requestscope()` fails
  * fast at startup before any middleware is registered.
  */
-import type { RequestScopeConfig } from './types';
+import type { RequestScopeConfig } from './types.js';
 /**
  * Fills in missing optional fields with their documented default values.
  * Mutates the config object in place and returns it for chaining.

package/dist/types/dashboard/router.d.ts

@@ -1,28 +1,6 @@
 /**
- * RequestScope — Dashboard router.
- *
- * Provides an Express router with:
- *   - Optional BasicAuth middleware
- *   - API routes for querying records
- *   - Static file serving for the React SPA
- *   - SPA fallback for client-side routing
- *
- * Requirements: 8.1, 8.2, 8.3, 8.4
- */
-import { Router } from 'express';
-import type { DashboardConfig, StorageAdapter } from '../types';
-/**
- * Creates and returns an Express router for the RequestScope dashboard.
- *
- * The router includes:
- *   - BasicAuth middleware (if auth config is provided)
- *   - GET /api/records — List records with filtering and pagination
- *   - GET /api/records/:id — Get a single record by ID
- *   - Static file serving for the React SPA
- *   - SPA fallback for client-side routing
- *
- * @param config - Optional dashboard configuration
- * @param adapter - Storage adapter instance (must be set on the app)
- * @returns Express Router
+ * RequestScope — Dashboard router (PRODUCTION FIXED ESM)
  */
+import { Router } from "express";
+import type { DashboardConfig, StorageAdapter } from "../types.js";
 export declare function createDashboardRouter(config?: DashboardConfig, adapter?: StorageAdapter): Router;

package/dist/types/index.d.ts

@@ -8,8 +8,8 @@
  *
  * Requirements: 1.1, 12.1, 12.2, 12.3, 12.4
  */
-import { requestscope as requestscopeMiddleware, errorHandler, setup } from './middleware';
-import type { RequestScopeConfig, StorageConfig, AuthConfig, RequestRecord, StorageAdapter, QueryFilters, DashboardConfig } from './types';
+import { requestscope as requestscopeMiddleware, errorHandler, setup } from './middleware.js';
+import type { RequestScopeConfig, StorageConfig, AuthConfig, RequestRecord, StorageAdapter, QueryFilters, DashboardConfig } from './types.js';
 /**
  * Creates and returns an Express middleware that captures HTTP requests.
  *
@@ -28,4 +28,4 @@ export declare function dashboard(config?: DashboardConfig, adapter?: StorageAda
 export { setup };
 export { errorHandler };
 export type { RequestScopeConfig, StorageConfig, AuthConfig, RequestRecord, StorageAdapter, QueryFilters, DashboardConfig, };
-export { requestscope as requestscopeMiddleware } from './middleware';
+export { requestscope as requestscopeMiddleware } from './middleware.js';

package/dist/types/middleware.d.ts

@@ -11,7 +11,7 @@
  * Requirements: 1.1, 1.2, 1.3, 1.4, 1.5, 1.6, 1.7, 2.2, 4.1, 4.2, 4.3, 5.1
  */
 import type { Request, Response, NextFunction, RequestHandler } from 'express';
-import type { RequestScopeConfig, StorageAdapter } from './types';
+import type { RequestScopeConfig, StorageAdapter } from './types.js';
 /**
  * Creates and returns an Express middleware that captures HTTP requests.
  *

package/dist/types/queue.d.ts

@@ -6,7 +6,7 @@
  * total: adapter failures are caught, logged to stderr, and discarded so
  * they never propagate to the caller.
  */
-import type { RequestRecord, StorageAdapter } from './types';
+import type { RequestRecord, StorageAdapter } from './types.js';
 export declare class AsyncQueue {
     private readonly adapter;
     private readonly batchSize;

package/dist/types/retention.d.ts

@@ -4,7 +4,7 @@
  *
  * Requirements: 7.1, 7.2, 7.4, 7.5
  */
-import type { StorageAdapter } from './adapters/adapter.interface';
+import type { StorageAdapter } from './adapters/adapter.interface.js';
 export declare class RetentionScheduler {
     private readonly adapter;
     private readonly retentionDays;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "request-scope-api",
-  "version": "1.0.2",
+  "version": "1.0.5",
   "description": "Zero-friction API request observability for Express.js applications",
   "keywords": [
     "express",
@@ -12,6 +12,7 @@
   ],
   "license": "MIT",
   "author": "jaydip",
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
@@ -20,15 +21,16 @@
     }
   },
   "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/",
     "README.md"
   ],
   "scripts": {
-    "build": "npm run build:cjs && npm run build:esm",
     "build:cjs": "tsc --project tsconfig.json",
-    "build:esm": "tsc --project tsconfig.esm.json",
+    "build:esm": "tsc --project tsconfig.esm.json && node scripts/post-build-esm.cjs",
+    "build": "npm run build:cjs && npm run build:esm",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
@@ -44,6 +46,5 @@
     "@types/pg": "8.10.9",
     "@types/uuid": "9.0.7",
     "typescript": "^5.9.3"
-  },
-  "module": "dist/esm/index.js"
+  }
 }

package/dist/dashboard/assets/index-C0TqFHk6.css

@@ -1 +0,0 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2{top:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-7xl{max-width:80rem}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-transparent:focus{border-color:transparent}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.dark\:divide-gray-700>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))}.dark\:border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/20{background-color:#7f1d1d33}.dark\:bg-red-900\/30{background-color:#7f1d1d4d}.dark\:text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.dark\:placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.dark\:hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-red-900\/50:hover{background-color:#7f1d1d80}.dark\:hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}