@smuzi/logger-ui 0.0.1 → 0.0.3

package/build/auth.d.ts

@@ -0,0 +1,17 @@
+import { HttpRequest, Option, Result, StdError } from "@smuzi/std";
+import { LoggerUiUser, LoggerUiUsersRepository } from "./users.js";
+export declare const LOGGER_UI_SESSION_COOKIE = "logger_ui_session";
+export declare const LOGGER_UI_SESSION_DEFAULT_TTL_SECONDS: number;
+export type LoggerUiAuthOptions = {
+    session_secret?: string;
+    session_ttl_seconds?: number;
+    secure_cookie?: boolean;
+};
+export declare class LoggerUiAuth {
+    #private;
+    constructor(users: LoggerUiUsersRepository, { session_secret, session_ttl_seconds, secure_cookie }?: LoggerUiAuthOptions);
+    login(email: string, password: string): Promise<Result<Option<string>, StdError>>;
+    authenticate(request: HttpRequest): Promise<Result<Option<LoggerUiUser>, StdError>>;
+    sessionCookie(token: string, path: string): string;
+    clearSessionCookie(path: string): string;
+}

package/build/auth.js

@@ -0,0 +1,104 @@
+import { createHmac, randomBytes, timingSafeEqual } from "node:crypto";
+import { Err, None, Ok, Some } from "@smuzi/std";
+import { generatePassword, hashPassword, verifyPassword } from "./password.js";
+export const LOGGER_UI_SESSION_COOKIE = "logger_ui_session";
+export const LOGGER_UI_SESSION_DEFAULT_TTL_SECONDS = 60 * 60 * 12;
+function readCookie(request, name) {
+    const header = request.headers.get("cookie").someOr("");
+    for (const part of header.split(";")) {
+        const separator = part.indexOf("=");
+        if (separator !== -1 && part.slice(0, separator).trim() === name) {
+            return Some(decodeURIComponent(part.slice(separator + 1).trim()));
+        }
+    }
+    return None();
+}
+function safeEqual(left, right) {
+    const left_buffer = Buffer.from(left);
+    const right_buffer = Buffer.from(right);
+    return left_buffer.length === right_buffer.length && timingSafeEqual(left_buffer, right_buffer);
+}
+export class LoggerUiAuth {
+    #users;
+    #secret;
+    #ttl_seconds;
+    #secure_cookie;
+    #dummy_hash = null;
+    constructor(users, { session_secret, session_ttl_seconds = LOGGER_UI_SESSION_DEFAULT_TTL_SECONDS, secure_cookie = false } = {}) {
+        this.#users = users;
+        this.#secret = session_secret !== undefined && session_secret !== ""
+            ? Buffer.from(session_secret)
+            : randomBytes(32);
+        this.#ttl_seconds = session_ttl_seconds;
+        this.#secure_cookie = secure_cookie;
+    }
+    // The password hash is part of the signature, so a changed password invalidates old sessions.
+    #sign(payload, user) {
+        return createHmac("sha256", this.#secret)
+            .update(payload + "." + user.password_hash)
+            .digest("base64url");
+    }
+    #createToken(user) {
+        const expires_at = Math.floor(Date.now() / 1000) + this.#ttl_seconds;
+        const payload = user.id + "." + expires_at;
+        return payload + "." + this.#sign(payload, user);
+    }
+    // Hashing against a throwaway hash keeps response time the same for unknown emails.
+    #dummyHash() {
+        this.#dummy_hash ??= hashPassword(generatePassword());
+        return this.#dummy_hash;
+    }
+    // Returns the session token on valid credentials.
+    async login(email, password) {
+        const found = await this.#users.findByEmail(email);
+        if (found.isErr()) {
+            return Err(found.unsafeSource());
+        }
+        const user = found.unwrap();
+        if (user.isNone()) {
+            await verifyPassword(password, await this.#dummyHash());
+            return Ok(None());
+        }
+        const valid = await verifyPassword(password, user.unwrap().password_hash);
+        return Ok(valid ? Some(this.#createToken(user.unwrap())) : None());
+    }
+    async authenticate(request) {
+        const token = readCookie(request, LOGGER_UI_SESSION_COOKIE);
+        if (token.isNone()) {
+            return Ok(None());
+        }
+        const [id, expires_at, signature] = token.unwrap().split(".");
+        const user_id = Number(id);
+        if (!Number.isInteger(user_id) || signature === undefined || Number(expires_at) < Date.now() / 1000) {
+            return Ok(None());
+        }
+        const found = await this.#users.findById(user_id);
+        if (found.isErr()) {
+            return found;
+        }
+        const user = found.unwrap();
+        if (user.isNone() || !safeEqual(signature, this.#sign(id + "." + expires_at, user.unwrap()))) {
+            return Ok(None());
+        }
+        return Ok(user);
+    }
+    #cookie(value, path, max_age) {
+        const attributes = [
+            `${LOGGER_UI_SESSION_COOKIE}=${encodeURIComponent(value)}`,
+            `Path=${path === "" ? "/" : path}`,
+            `Max-Age=${max_age}`,
+            "HttpOnly",
+            "SameSite=Strict",
+        ];
+        if (this.#secure_cookie) {
+            attributes.push("Secure");
+        }
+        return attributes.join("; ");
+    }
+    sessionCookie(token, path) {
+        return this.#cookie(token, path, this.#ttl_seconds);
+    }
+    clearSessionCookie(path) {
+        return this.#cookie("", path, 0);
+    }
+}

package/build/commands.d.ts

@@ -0,0 +1,7 @@
+import { TInputParams, TOutputConsole } from "@smuzi/console";
+import { Result } from "@smuzi/std";
+import { LoggerUiUsersRepository } from "./users.js";
+export declare function parseUserEmail(value: string): Result<string, string>;
+export declare function createUserCommand(users: LoggerUiUsersRepository): (output: TOutputConsole, params: TInputParams) => Promise<void>;
+export declare function resetPasswordCommand(users: LoggerUiUsersRepository): (output: TOutputConsole, params: TInputParams) => Promise<void>;
+export declare const loggerUiConsole: (users: LoggerUiUsersRepository, prefix_command?: string) => import("@smuzi/console").ConsoleRouter;

package/build/commands.js

@@ -0,0 +1,67 @@
+import { CreateConsoleRouter } from "@smuzi/console";
+import { Err, Ok, Some } from "@smuzi/std";
+import { generatePassword, hashPassword } from "./password.js";
+import { normalizeEmail } from "./users.js";
+export function parseUserEmail(value) {
+    const email = normalizeEmail(value);
+    if (email === "") {
+        return Err("Argument --email is required, e.g. --email=admin@example.com");
+    }
+    const at = email.indexOf("@");
+    if (at <= 0 || at === email.length - 1) {
+        return Err(`'${email}' is not an email: expected <name>@<domain>`);
+    }
+    return Ok(email);
+}
+export function createUserCommand(users) {
+    return async (output, params) => {
+        const email = parseUserEmail(params.get("email").someOr(""));
+        if (email.isErr()) {
+            output.error(email.unsafeSource());
+            process.exitCode = 1;
+            return;
+        }
+        const existing = (await users.findByEmail(email.unwrap())).unwrap();
+        if (existing.isSome()) {
+            output.error(`User '${email.unwrap()}' already exists`);
+            process.exitCode = 1;
+            return;
+        }
+        const password = generatePassword();
+        const user = (await users.create(email.unwrap(), await hashPassword(password))).unwrap();
+        output.success(`Logger UI user created: ${user.email}`);
+        output.info("Password (shown only once):");
+        output.bold(password);
+    };
+}
+export function resetPasswordCommand(users) {
+    return async (output, params) => {
+        const email = parseUserEmail(params.get("email").someOr(""));
+        if (email.isErr()) {
+            output.error(email.unsafeSource());
+            process.exitCode = 1;
+            return;
+        }
+        const password = generatePassword();
+        // Updates only this one row by email; never affects any other user.
+        const updated = (await users.updatePasswordByEmail(email.unwrap(), await hashPassword(password))).unwrap();
+        if (updated.isNone()) {
+            output.error(`User '${email.unwrap()}' does not exist`);
+            process.exitCode = 1;
+            return;
+        }
+        output.success(`Logger UI user password reset: ${updated.unwrap().email}`);
+        output.info("New password (shown only once):");
+        output.bold(password);
+    };
+}
+// Usage: <prefix>users:create --email=admin@example.com
+// Usage: <prefix>users:reset-password --email=admin@example.com
+export const loggerUiConsole = (users, prefix_command = "logger-ui:") => {
+    const router = CreateConsoleRouter(prefix_command);
+    const router_users = CreateConsoleRouter("users:");
+    router_users.add({ path: "create", description: Some("Create logger UI user and print generated password: --email=<email>") }, createUserCommand(users));
+    router_users.add({ path: "reset-password", description: Some("Generate and set a new password for an existing user, print it: --email=<email>") }, resetPasswordCommand(users));
+    router.group(router_users);
+    return router;
+};

package/build/handlers.d.ts

@@ -1,10 +1,16 @@
 import { ServerResponse } from "node:http";
 import { Action } from "@smuzi/http-server";
 import { LogsReader } from "@smuzi/logger";
+import { HttpClient } from "@smuzi/http-client";
+import { LoggerUiAuth } from "./auth.js";
 export declare enum UiAsset {
     script = "app.js",
     style = "app.css"
 }
-export declare function uiPageAction(base_path: string): Action<ServerResponse>;
+export declare function uiPageAction(auth: LoggerUiAuth, base_path: string): Action<ServerResponse>;
+export declare function loginPageAction(auth: LoggerUiAuth, base_path: string): Action<ServerResponse>;
+export declare function loginAction(auth: LoggerUiAuth, base_path: string): Action<ServerResponse>;
+export declare function logoutAction(auth: LoggerUiAuth, base_path: string): Action<ServerResponse>;
 export declare function uiAssetAction(asset: UiAsset): Action<ServerResponse>;
-export declare function logsQueryAction(reader: LogsReader): Action<ServerResponse>;
+export declare function logsQueryAction(auth: LoggerUiAuth, reader: LogsReader): Action<ServerResponse>;
+export declare function logRetryAction(auth: LoggerUiAuth, reader: LogsReader, http_client: HttpClient): Action<ServerResponse>;

package/build/handlers.js

@@ -1,5 +1,5 @@
 import { readFile } from "node:fs/promises";
-import { HttpResponse, ResponseHttpHeaders, Some } from "@smuzi/std";
+import { asObject, asString, HttpResponse, ResponseHttpHeaders, Some } from "@smuzi/std";
 import { parseLogsQuery } from "./query.js";
 // Resolves to <package>/build/ui both from src/ (workspace) and from build/ (published).
 const UI_DIR = new URL("../build/ui/", import.meta.url);
@@ -37,15 +37,67 @@ function escapeHtmlAttribute(value) {
         .replace(/</g, "&lt;")
         .replace(/>/g, "&gt;");
 }
-export function uiPageAction(base_path) {
-    return async () => {
-        const html = await readUiFile("index.html");
-        if (html === null) {
-            return assetsNotBuiltResponse();
+async function htmlPageResponse(file, base_path) {
+    const html = await readUiFile(file);
+    if (html === null) {
+        return assetsNotBuiltResponse();
+    }
+    return textResponse(html.replaceAll("{{base}}", escapeHtmlAttribute(base_path)), "text/html; charset=utf-8");
+}
+function authErrorResponse(message) {
+    return HttpResponse.asJson({ error: message }, 500);
+}
+// Runs the action only for a logged-in user; guests get `onGuest`.
+function authenticated(auth, action, onGuest) {
+    return async (context) => {
+        const user = await auth.authenticate(context.request);
+        if (user.isErr()) {
+            return authErrorResponse(user.unsafeSource().message);
+        }
+        return user.unwrap().isSome() ? action(context) : onGuest(context);
+    };
+}
+export function uiPageAction(auth, base_path) {
+    return authenticated(auth, () => htmlPageResponse("index.html", base_path), () => HttpResponse.asRedirect(base_path + "/login"));
+}
+export function loginPageAction(auth, base_path) {
+    return authenticated(auth, () => HttpResponse.asRedirect(base_path === "" ? "/" : base_path), () => htmlPageResponse("login.html", base_path));
+}
+export function loginAction(auth, base_path) {
+    return async (context) => {
+        const body = await context.request.body();
+        if (body.isErr()) {
+            return HttpResponse.asJson({ error: "Unable to read request body" }, 400);
+        }
+        let input;
+        try {
+            input = JSON.parse(body.unwrap());
         }
-        return textResponse(html.replaceAll("{{base}}", escapeHtmlAttribute(base_path)), "text/html; charset=utf-8");
+        catch {
+            return HttpResponse.asJson({ error: "Request body must be valid JSON" }, 400);
+        }
+        if (!asObject(input) || !asString(input.email) || !asString(input.password)) {
+            return HttpResponse.asJson({ error: "'email' and 'password' must be strings" }, 422);
+        }
+        const token = await auth.login(input.email, input.password);
+        if (token.isErr()) {
+            return authErrorResponse(token.unsafeSource().message);
+        }
+        return token.unwrap().match({
+            Some: (value) => HttpResponse.asJson({ ok: true }).mapOk((response) => {
+                response.headers.set("set-cookie", auth.sessionCookie(value, base_path));
+                return response;
+            }),
+            None: () => HttpResponse.asJson({ error: "Invalid email or password" }, 401),
+        });
     };
 }
+export function logoutAction(auth, base_path) {
+    return () => HttpResponse.asJson({ ok: true }).mapOk((response) => {
+        response.headers.set("set-cookie", auth.clearSessionCookie(base_path));
+        return response;
+    });
+}
 export function uiAssetAction(asset) {
     return async () => {
         const content = await readUiFile(asset);
@@ -55,8 +107,8 @@ export function uiAssetAction(asset) {
         return textResponse(content, ASSET_CONTENT_TYPES[asset]);
     };
 }
-export function logsQueryAction(reader) {
-    return async (context) => {
+export function logsQueryAction(auth, reader) {
+    return authenticated(auth, async (context) => {
         const body = await context.request.body();
         if (body.isErr()) {
             return HttpResponse.asJson({ error: "Unable to read request body" }, 400);
@@ -70,5 +122,51 @@ export function logsQueryAction(reader) {
             Ok: (value) => HttpResponse.asJson(value),
             Err: (error) => HttpResponse.asJson({ error: error.message }, 500),
         });
-    };
+    }, () => HttpResponse.asJson({ error: "Unauthorized" }, 401));
+}
+function pathParam(context, name) {
+    return context.pathParams.get(name);
+}
+export function logRetryAction(auth, reader, http_client) {
+    return authenticated(auth, async (context) => {
+        const id = Number(pathParam(context, "id").someOr(""));
+        if (!Number.isInteger(id) || id <= 0) {
+            return HttpResponse.asJson({ error: "Invalid log id" }, 400);
+        }
+        const found = await reader.getById(id);
+        if (found.isErr()) {
+            return HttpResponse.asJson({ error: found.unsafeSource().message }, 500);
+        }
+        const log = found.unwrap();
+        if (log.isNone()) {
+            return HttpResponse.asJson({ error: "Log not found" }, 404);
+        }
+        const retry = log.unwrap().retry;
+        if (retry === null) {
+            return HttpResponse.asJson({ error: "Log has no retry configuration" }, 422);
+        }
+        // Resends the original message as JSON; the http-client sets the correct
+        // "application/json" content-type itself for an object body. Uses plain
+        // fetch, so this goes out over HTTP/1 by default (no HTTP/2 dispatcher configured).
+        const response = await http_client.post(retry.url, {
+            body: Some({ message: log.unwrap().message }),
+            rawResponse: true,
+        });
+        const retries_count = await reader.incrementRetryCount(id);
+        const retries_count_value = retries_count.okOr(log.unwrap().retries_count);
+        return response.match({
+            Ok: (ok_response) => HttpResponse.asJson({
+                status: ok_response.status,
+                body: ok_response.body.someOr(""),
+                retries_count: retries_count_value,
+            }),
+            Err: (error) => error instanceof HttpResponse
+                ? HttpResponse.asJson({
+                    status: error.status,
+                    body: error.body.someOr(""),
+                    retries_count: retries_count_value,
+                })
+                : HttpResponse.asJson({ error: "Retry request failed: " + String(error) }, 502),
+        });
+    }, () => HttpResponse.asJson({ error: "Unauthorized" }, 401));
 }

package/build/index.d.ts

@@ -1,4 +1,8 @@
+export * from "./auth.js";
+export * from "./commands.js";
 export * from "./handlers.js";
+export * from "./password.js";
 export * from "./query.js";
 export * from "./routes.js";
 export * from "./server.js";
+export * from "./users.js";

package/build/index.js

@@ -1,4 +1,8 @@
+export * from "./auth.js";
+export * from "./commands.js";
 export * from "./handlers.js";
+export * from "./password.js";
 export * from "./query.js";
 export * from "./routes.js";
 export * from "./server.js";
+export * from "./users.js";

package/build/password.d.ts

@@ -0,0 +1,4 @@
+export declare const GENERATED_PASSWORD_LENGTH = 24;
+export declare function generatePassword(length?: number): string;
+export declare function hashPassword(password: string): Promise<string>;
+export declare function verifyPassword(password: string, password_hash: string): Promise<boolean>;

package/build/password.js

@@ -0,0 +1,33 @@
+import { randomBytes, randomInt, scrypt, timingSafeEqual } from "node:crypto";
+const SCRYPT_KEY_LENGTH = 64;
+const SCRYPT_SALT_LENGTH = 16;
+const PASSWORD_ALPHABET = "ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz23456789";
+export const GENERATED_PASSWORD_LENGTH = 24;
+function scryptKey(password, salt) {
+    return new Promise((resolve, reject) => {
+        scrypt(password, salt, SCRYPT_KEY_LENGTH, (error, key) => error ? reject(error) : resolve(key));
+    });
+}
+// Alphanumeric without look-alike characters, so it is easy to copy from the terminal.
+export function generatePassword(length = GENERATED_PASSWORD_LENGTH) {
+    let password = "";
+    for (let index = 0; index < length; index++) {
+        password += PASSWORD_ALPHABET[randomInt(PASSWORD_ALPHABET.length)];
+    }
+    return password;
+}
+// Stored as "scrypt$<salt>$<key>", both base64url.
+export async function hashPassword(password) {
+    const salt = randomBytes(SCRYPT_SALT_LENGTH);
+    const key = await scryptKey(password, salt);
+    return ["scrypt", salt.toString("base64url"), key.toString("base64url")].join("$");
+}
+export async function verifyPassword(password, password_hash) {
+    const [algorithm, salt, key] = password_hash.split("$");
+    if (algorithm !== "scrypt" || salt === undefined || key === undefined) {
+        return false;
+    }
+    const expected = Buffer.from(key, "base64url");
+    const actual = await scryptKey(password, Buffer.from(salt, "base64url"));
+    return expected.length === actual.length && timingSafeEqual(expected, actual);
+}

package/build/query.js

@@ -39,6 +39,12 @@ export function parseLogsQuery(body) {
         }
         query.trace_id = input.trace_id;
     }
+    if (input.message !== undefined && input.message !== null) {
+        if (!asString(input.message)) {
+            return Err("'message' must be a string");
+        }
+        query.message = input.message;
+    }
     if (input.tags !== undefined && input.tags !== null) {
         if (!asArray(input.tags)) {
             return Err("'tags' must be an array of {key, value}");

package/build/routes.d.ts

@@ -1,13 +1,18 @@
 import { Http1Router } from "@smuzi/http-server";
 import { LogsReader } from "@smuzi/logger";
+import { LoggerUiAuth } from "./auth.js";
 export type LoggerUiRoutesOptions = {
     prefix?: string;
 };
 export declare const LOGGER_UI_PATHS: {
     readonly page: "";
+    readonly login_page: "login";
     readonly script: string;
     readonly style: string;
     readonly query: "api/logs";
+    readonly retry: "api/logs/{id}/retry";
+    readonly login: "api/login";
+    readonly logout: "api/logout";
 };
-export declare function registerLoggerUiRoutes(router: Http1Router, reader: LogsReader, { prefix }?: LoggerUiRoutesOptions): Http1Router;
-export declare function createLoggerUiRouter(reader: LogsReader, options?: LoggerUiRoutesOptions): Http1Router;
+export declare function registerLoggerUiRoutes(router: Http1Router, reader: LogsReader, auth: LoggerUiAuth, { prefix }?: LoggerUiRoutesOptions): Http1Router;
+export declare function createLoggerUiRouter(reader: LogsReader, auth: LoggerUiAuth, options?: LoggerUiRoutesOptions): Http1Router;

package/build/routes.js

@@ -1,24 +1,34 @@
 import { CreateHttp1Router } from "@smuzi/http-server";
-import { logsQueryAction, UiAsset, uiAssetAction, uiPageAction } from "./handlers.js";
+import { buildHttpClient } from "@smuzi/http-client";
+import { loginAction, loginPageAction, logoutAction, logRetryAction, logsQueryAction, UiAsset, uiAssetAction, uiPageAction, } from "./handlers.js";
 export const LOGGER_UI_PATHS = {
     page: "",
+    login_page: "login",
     script: "assets/" + UiAsset.script,
     style: "assets/" + UiAsset.style,
     query: "api/logs",
+    retry: "api/logs/{id}/retry",
+    login: "api/login",
+    logout: "api/logout",
 };
 function normalizePrefix(prefix) {
     return prefix.replace(/^\/+|\/+$/g, "");
 }
-export function registerLoggerUiRoutes(router, reader, { prefix = "" } = {}) {
+export function registerLoggerUiRoutes(router, reader, auth, { prefix = "" } = {}) {
     const base = normalizePrefix(prefix);
     const withBase = (path) => [base, path].filter(part => part !== "").join("/");
     const base_path = base === "" ? "" : "/" + base;
-    router.get(withBase(LOGGER_UI_PATHS.page), uiPageAction(base_path));
+    const http_client = buildHttpClient({});
+    router.get(withBase(LOGGER_UI_PATHS.page), uiPageAction(auth, base_path));
+    router.get(withBase(LOGGER_UI_PATHS.login_page), loginPageAction(auth, base_path));
     router.get(withBase(LOGGER_UI_PATHS.script), uiAssetAction(UiAsset.script));
     router.get(withBase(LOGGER_UI_PATHS.style), uiAssetAction(UiAsset.style));
-    router.post(withBase(LOGGER_UI_PATHS.query), logsQueryAction(reader));
+    router.post(withBase(LOGGER_UI_PATHS.query), logsQueryAction(auth, reader));
+    router.post(withBase(LOGGER_UI_PATHS.retry), logRetryAction(auth, reader, http_client));
+    router.post(withBase(LOGGER_UI_PATHS.login), loginAction(auth, base_path));
+    router.post(withBase(LOGGER_UI_PATHS.logout), logoutAction(auth, base_path));
     return router;
 }
-export function createLoggerUiRouter(reader, options = {}) {
-    return registerLoggerUiRoutes(CreateHttp1Router({ path: "" }), reader, options);
+export function createLoggerUiRouter(reader, auth, options = {}) {
+    return registerLoggerUiRoutes(CreateHttp1Router({ path: "" }), reader, auth, options);
 }

package/build/server.d.ts

@@ -1,9 +1,10 @@
 import { LogsReader } from "@smuzi/logger";
 import { LoggerUiRoutesOptions } from "./routes.js";
+import { LoggerUiAuth } from "./auth.js";
 export declare const LOGGER_UI_DEFAULT_PORT = 8090;
 export type LoggerUiServerOptions = LoggerUiRoutesOptions & {
     host?: string;
     port?: number;
 };
-export declare function buildLoggerUiServerConfig(reader: LogsReader, { host, port, prefix }?: LoggerUiServerOptions): import("@smuzi/http-server").Http1ServerConfig;
-export declare function runLoggerUi(reader: LogsReader, options?: LoggerUiServerOptions): Promise<import("@smuzi/std").Result<import("@smuzi/http-server").StdHttp1Server, import("@smuzi/http-server").HttpServerRunError>>;
+export declare function buildLoggerUiServerConfig(reader: LogsReader, auth: LoggerUiAuth, { host, port, prefix }?: LoggerUiServerOptions): import("@smuzi/http-server").Http1ServerConfig;
+export declare function runLoggerUi(reader: LogsReader, auth: LoggerUiAuth, options?: LoggerUiServerOptions): Promise<import("@smuzi/std").Result<import("@smuzi/http-server").StdHttp1Server, import("@smuzi/http-server").HttpServerRunError>>;

package/build/server.js

@@ -1,13 +1,13 @@
 import { buildHttp1ServerConfig, http1ServerRun } from "@smuzi/http-server";
 import { createLoggerUiRouter } from "./routes.js";
 export const LOGGER_UI_DEFAULT_PORT = 8090;
-export function buildLoggerUiServerConfig(reader, { host = "localhost", port = LOGGER_UI_DEFAULT_PORT, prefix } = {}) {
+export function buildLoggerUiServerConfig(reader, auth, { host = "localhost", port = LOGGER_UI_DEFAULT_PORT, prefix } = {}) {
     return buildHttp1ServerConfig({
         host,
         port,
-        router: createLoggerUiRouter(reader, { prefix }),
+        router: createLoggerUiRouter(reader, auth, { prefix }),
     });
 }
-export function runLoggerUi(reader, options = {}) {
-    return http1ServerRun(buildLoggerUiServerConfig(reader, options));
+export function runLoggerUi(reader, auth, options = {}) {
+    return http1ServerRun(buildLoggerUiServerConfig(reader, auth, options));
 }

package/build/ui/app.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-800:oklch(45.5% .188 13.697);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--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-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration: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:where(:not(iframe)){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{.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-48{width:calc(var(--spacing) * 48)}.max-w-6xl{max-width:var(--container-6xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.grid-cols-\[6\.5rem_3\.5rem_1fr\]{grid-template-columns:6.5rem 3.5rem 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pr-1{padding-right:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-rose-800{color:var(--color-rose-800)}.text-sky-800{color:var(--color-sky-800)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-rose-200{--tw-ring-color:var(--color-rose-200)}.ring-sky-200{--tw-ring-color:var(--color-sky-200)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.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,)}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:bg-sky-200:hover{background-color:var(--color-sky-200)}.hover\:bg-sky-700:hover{background-color:var(--color-sky-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-violet-200:hover{background-color:var(--color-violet-200)}.hover\:text-sky-800:hover{color:var(--color-sky-800)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-sky-500:focus{border-color:var(--color-sky-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-40:disabled{opacity:.4}}[x-cloak]{display:none!important}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}
+@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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-800:oklch(47.3% .137 46.201);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-800:oklch(45.5% .188 13.697);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration: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:where(:not(iframe)){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{.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-40{width:calc(var(--spacing) * 40)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:0}.min-w-\[12rem\]{min-width:12rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.grid-cols-\[6\.5rem_3\.5rem_1fr\]{grid-template-columns:6.5rem 3.5rem 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-rose-200{border-color:var(--color-rose-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-violet-100{background-color:var(--color-violet-100)}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-800{color:var(--color-amber-800)}.text-emerald-800{color:var(--color-emerald-800)}.text-rose-800{color:var(--color-rose-800)}.text-sky-700{color:var(--color-sky-700)}.text-sky-800{color:var(--color-sky-800)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-violet-700{color:var(--color-violet-700)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-amber-200{--tw-ring-color:var(--color-amber-200)}.ring-emerald-200{--tw-ring-color:var(--color-emerald-200)}.ring-rose-200{--tw-ring-color:var(--color-rose-200)}.ring-sky-200{--tw-ring-color:var(--color-sky-200)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.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,)}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:bg-sky-200:hover{background-color:var(--color-sky-200)}.hover\:bg-sky-700:hover{background-color:var(--color-sky-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-violet-200:hover{background-color:var(--color-violet-200)}.hover\:text-sky-800:hover{color:var(--color-sky-800)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-sky-500:focus{border-color:var(--color-sky-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-40:disabled{opacity:.4}}[x-cloak]{display:none!important}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}