@fuzdev/fuz_app 0.8.0 → 0.10.0

package/dist/http/jsonrpc_errors.js

@@ -3,10 +3,12 @@
  *
  * Provides error types, named constructors, and HTTP status mapping
  * for the throw/catch error pattern used by `apply_route_specs`.
- * Extracted from zzz's `jsonrpc_errors.ts` — only core error codes
- * (5 standard + 8 general application). Domain-specific codes stay
- * in consumers. `JSONRPC_ERROR_CODES` is extensible — consumers
- * add their own codes by casting `as JsonrpcErrorCode`.
+ * Core error codes (5 standard + 8 general application). Domain-specific
+ * codes stay in consumers — add by casting `as JsonrpcErrorCode`.
+ *
+ * `JsonrpcErrorCode` and `JsonrpcErrorObject` types are Zod-inferred
+ * from `jsonrpc.ts` — this module re-uses those as the single source
+ * of truth.
  *
  * Complementary to `error_schemas.ts`: that module is declarative
  * (Zod schemas for surface introspection), this one is runtime
@@ -14,6 +16,7 @@
  *
  * @module
  */
+import { JSONRPC_PARSE_ERROR, JSONRPC_INVALID_REQUEST, JSONRPC_METHOD_NOT_FOUND, JSONRPC_INVALID_PARAMS, JSONRPC_INTERNAL_ERROR, } from './jsonrpc.js';
 /**
  * Standard JSON-RPC error codes (5) plus general application codes (8).
  *
@@ -22,17 +25,12 @@
  * -32099 range reserved by the JSON-RPC spec.
  */
 export const JSONRPC_ERROR_CODES = {
-    // Standard JSON-RPC errors — https://www.jsonrpc.org/specification
-    /** -32700 */
-    parse_error: -32700,
-    /** -32600 */
-    invalid_request: -32600,
-    /** -32601 */
-    method_not_found: -32601,
-    /** -32602 */
-    invalid_params: -32602,
-    /** -32603 */
-    internal_error: -32603,
+    // Standard JSON-RPC errors — values from jsonrpc.ts
+    parse_error: JSONRPC_PARSE_ERROR,
+    invalid_request: JSONRPC_INVALID_REQUEST,
+    method_not_found: JSONRPC_METHOD_NOT_FOUND,
+    invalid_params: JSONRPC_INVALID_PARAMS,
+    internal_error: JSONRPC_INTERNAL_ERROR,
     // General application errors (-32000 to -32099)
     /**
      * Same as HTTP 401 "unauthorized", but correctly named.
@@ -57,9 +55,9 @@ export const JSONRPC_ERROR_CODES = {
     timeout: -32008,
 };
 /**
- * Named constructors for `JsonrpcErrorJson` objects.
+ * Named constructors for `JsonrpcErrorObject` values.
  *
- * Each function creates a JSON-RPC error response object with the correct
+ * Each function creates a JSON-RPC error object with the correct
  * code and a sensible default message. Used by the catch layer in
  * `apply_route_specs` to build response bodies.
  */
@@ -170,21 +168,38 @@ export const jsonrpc_errors = {
     timeout: create_error_thrower(jsonrpc_error_messages.timeout),
 };
 // --- HTTP status mapping ---
-const JSONRPC_ERROR_CODE_HTTP_STATUS = new Map([
-    [-32700, 400], // parse_error
-    [-32600, 400], // invalid_request
-    [-32601, 404], // method_not_found
-    [-32602, 400], // invalid_params
-    [-32603, 500], // internal_error
-    [-32001, 401], // unauthenticated
-    [-32002, 403], // forbidden
-    [-32003, 404], // not_found
-    [-32004, 409], // conflict
-    [-32005, 422], // validation_error
-    [-32006, 429], // rate_limited
-    [-32007, 503], // service_unavailable
-    [-32008, 504], // timeout
-]);
+/**
+ * Maps JSON-RPC error codes to HTTP status codes.
+ *
+ * Extensible — consumers with domain-specific error codes can spread
+ * this into their own mapping object.
+ */
+export const JSONRPC_ERROR_CODE_TO_HTTP_STATUS = {
+    [-32700]: 400, // parse_error
+    [-32600]: 400, // invalid_request
+    [-32601]: 404, // method_not_found
+    [-32602]: 400, // invalid_params
+    [-32603]: 500, // internal_error
+    [-32001]: 401, // unauthenticated
+    [-32002]: 403, // forbidden
+    [-32003]: 404, // not_found
+    [-32004]: 409, // conflict
+    [-32005]: 422, // validation_error
+    [-32006]: 429, // rate_limited
+    [-32007]: 503, // service_unavailable
+    [-32008]: 504, // timeout
+};
+/**
+ * Maps HTTP status codes to JSON-RPC error codes (reverse mapping).
+ *
+ * When multiple error codes map to the same HTTP status (e.g. parse_error
+ * and invalid_request both map to 400), the last one wins. Use for
+ * best-effort HTTP → JSON-RPC translation.
+ */
+export const HTTP_STATUS_TO_JSONRPC_ERROR_CODE = Object.fromEntries(Object.entries(JSONRPC_ERROR_CODE_TO_HTTP_STATUS).map(([code, status]) => [
+    status,
+    Number(code),
+]));
 /**
  * Map a JSON-RPC error code to an HTTP status code.
  *
@@ -194,4 +209,13 @@ const JSONRPC_ERROR_CODE_HTTP_STATUS = new Map([
  * @param code - the JSON-RPC error code
  * @returns the corresponding HTTP status code
  */
-export const jsonrpc_error_code_to_http_status = (code) => JSONRPC_ERROR_CODE_HTTP_STATUS.get(code) ?? 500;
+export const jsonrpc_error_code_to_http_status = (code) => JSONRPC_ERROR_CODE_TO_HTTP_STATUS[code] ?? 500;
+/**
+ * Map an HTTP status code to a JSON-RPC error code.
+ *
+ * Returns `internal_error` (-32603) for unrecognized status codes.
+ *
+ * @param status - the HTTP status code
+ * @returns the corresponding JSON-RPC error code
+ */
+export const http_status_to_jsonrpc_error_code = (status) => HTTP_STATUS_TO_JSONRPC_ERROR_CODE[status] ?? JSONRPC_ERROR_CODES.internal_error;

package/dist/http/jsonrpc_helpers.d.ts

@@ -0,0 +1,56 @@
+/**
+ * JSON-RPC message builders, type guards, and converters.
+ *
+ * Used by the SAES runtime (ActionEvent, ActionPeer, transports) and
+ * the RPC endpoint dispatcher. Complements `jsonrpc.ts` (schemas) and
+ * `jsonrpc_errors.ts` (error infrastructure).
+ *
+ * @module
+ */
+import { type JsonrpcErrorResponse, type JsonrpcMethod, type JsonrpcNotification, type JsonrpcNotificationParams, type JsonrpcRequest, type JsonrpcRequestId, type JsonrpcRequestParams, type JsonrpcResponse, type JsonrpcResult, type JsonrpcMessage, JSONRPC_VERSION } from './jsonrpc.js';
+/** Creates a JSON-RPC request message. */
+export declare const create_jsonrpc_request: (method: JsonrpcMethod, params: JsonrpcRequestParams | undefined, id: JsonrpcRequestId) => JsonrpcRequest;
+/** Creates a JSON-RPC success response message. */
+export declare const create_jsonrpc_response: (id: JsonrpcRequestId, result: JsonrpcResult) => JsonrpcResponse;
+/** Creates a JSON-RPC notification message (no id, no response expected). */
+export declare const create_jsonrpc_notification: (method: JsonrpcMethod, params: JsonrpcNotificationParams | undefined) => JsonrpcNotification;
+/** Creates a JSON-RPC error response message. */
+export declare const create_jsonrpc_error_response: (id: JsonrpcErrorResponse["id"], error: JsonrpcErrorResponse["error"]) => JsonrpcErrorResponse;
+/**
+ * Creates a JSON-RPC error response from any error.
+ * Handles `ThrownJsonrpcError` (preserves code/message/data) and
+ * regular `Error` objects (maps to internal_error, includes stack in DEV).
+ */
+export declare const create_jsonrpc_error_response_from_thrown: (id: JsonrpcRequestId | null, error: unknown) => JsonrpcErrorResponse;
+/** Checks if a value is a valid JSON-RPC request id (string or finite number). */
+export declare const is_jsonrpc_request_id: (id: unknown) => id is JsonrpcRequestId;
+/** Checks if a value is a JSON-RPC object (has `jsonrpc: '2.0'`). */
+export declare const is_jsonrpc_object: (message: unknown) => message is {
+    jsonrpc: typeof JSONRPC_VERSION;
+};
+/** Checks if a value is any valid JSON-RPC message or batch array. */
+export declare const is_jsonrpc_message: (message: unknown) => message is JsonrpcMessage | Array<JsonrpcMessage>;
+/** Checks if a value is a JSON-RPC request (has method + id). */
+export declare const is_jsonrpc_request: (message: unknown) => message is JsonrpcRequest;
+/** Checks if a value is a JSON-RPC notification (has method, no id). */
+export declare const is_jsonrpc_notification: (message: unknown) => message is JsonrpcNotification;
+/** Checks if a value is a JSON-RPC success response (has result + id). */
+export declare const is_jsonrpc_response: (message: unknown) => message is JsonrpcResponse;
+/** Checks if a value is a JSON-RPC error response (has error + id). */
+export declare const is_jsonrpc_error_response: (message: unknown) => message is JsonrpcErrorResponse;
+/**
+ * Extracts a JSON-RPC request id from a message or raw value.
+ * Returns `null` if no valid id can be extracted.
+ */
+export declare const to_jsonrpc_message_id: (message_or_id: unknown) => JsonrpcRequestId | null;
+/**
+ * Normalizes input to JSON-RPC params format.
+ * Returns `undefined` for null/undefined, wraps primitives in `{value}`.
+ */
+export declare const to_jsonrpc_params: (input: unknown) => Record<string, any> | undefined;
+/**
+ * Normalizes output to JSON-RPC result format.
+ * Returns empty object for null/undefined, wraps primitives in `{value}`.
+ */
+export declare const to_jsonrpc_result: (output: unknown) => Record<string, any>;
+//# sourceMappingURL=jsonrpc_helpers.d.ts.map

package/dist/http/jsonrpc_helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonrpc_helpers.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/http/jsonrpc_helpers.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EACN,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EAC9B,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,cAAc,EAEnB,eAAe,EACf,MAAM,cAAc,CAAC;AAKtB,0CAA0C;AAC1C,eAAO,MAAM,sBAAsB,GAClC,QAAQ,aAAa,EACrB,QAAQ,oBAAoB,GAAG,SAAS,EACxC,IAAI,gBAAgB,KAClB,cAUF,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,uBAAuB,GACnC,IAAI,gBAAgB,EACpB,QAAQ,aAAa,KACnB,eAID,CAAC;AAEH,6EAA6E;AAC7E,eAAO,MAAM,2BAA2B,GACvC,QAAQ,aAAa,EACrB,QAAQ,yBAAyB,GAAG,SAAS,KAC3C,mBASF,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,6BAA6B,GACzC,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAC9B,OAAO,oBAAoB,CAAC,OAAO,CAAC,KAClC,oBAID,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,yCAAyC,GACrD,IAAI,gBAAgB,GAAG,IAAI,EAC3B,OAAO,OAAO,KACZ,oBAyBF,CAAC;AAIF,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,GAAI,IAAI,OAAO,KAAG,EAAE,IAAI,gBAGzD,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,GAAI,SAAS,OAAO,KAAG,OAAO,IAAI;IAAC,OAAO,EAAE,OAAO,eAAe,CAAA;CAInD,CAAC;AAE9C,sEAAsE;AACtE,eAAO,MAAM,kBAAkB,GAC9B,SAAS,OAAO,KACd,OAAO,IAAI,cAAc,GAAG,KAAK,CAAC,cAAc,CAGrB,CAAC;AAE/B,iEAAiE;AACjE,eAAO,MAAM,kBAAkB,GAAI,SAAS,OAAO,KAAG,OAAO,IAAI,cACI,CAAC;AAEtE,wEAAwE;AACxE,eAAO,MAAM,uBAAuB,GAAI,SAAS,OAAO,KAAG,OAAO,IAAI,mBACE,CAAC;AAEzE,0EAA0E;AAC1E,eAAO,MAAM,mBAAmB,GAAI,SAAS,OAAO,KAAG,OAAO,IAAI,eACG,CAAC;AAEtE,uEAAuE;AACvE,eAAO,MAAM,yBAAyB,GAAI,SAAS,OAAO,KAAG,OAAO,IAAI,oBACJ,CAAC;AAIrE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,eAAe,OAAO,KAAG,gBAAgB,GAAG,IAOjF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,OAAO,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAQxE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,OAAO,KAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAQrE,CAAC"}

package/dist/http/jsonrpc_helpers.js

@@ -0,0 +1,138 @@
+/**
+ * JSON-RPC message builders, type guards, and converters.
+ *
+ * Used by the SAES runtime (ActionEvent, ActionPeer, transports) and
+ * the RPC endpoint dispatcher. Complements `jsonrpc.ts` (schemas) and
+ * `jsonrpc_errors.ts` (error infrastructure).
+ *
+ * @module
+ */
+import { DEV } from 'esm-env';
+import { JSONRPC_VERSION, } from './jsonrpc.js';
+import { ThrownJsonrpcError, JSONRPC_ERROR_CODES } from './jsonrpc_errors.js';
+// --- Message builders ---
+/** Creates a JSON-RPC request message. */
+export const create_jsonrpc_request = (method, params, id) => {
+    const message = {
+        jsonrpc: JSONRPC_VERSION,
+        id,
+        method,
+    };
+    if (params !== undefined) {
+        message.params = params;
+    }
+    return message;
+};
+/** Creates a JSON-RPC success response message. */
+export const create_jsonrpc_response = (id, result) => ({
+    jsonrpc: JSONRPC_VERSION,
+    id,
+    result,
+});
+/** Creates a JSON-RPC notification message (no id, no response expected). */
+export const create_jsonrpc_notification = (method, params) => {
+    const message = {
+        jsonrpc: JSONRPC_VERSION,
+        method,
+    };
+    if (params !== undefined) {
+        message.params = params;
+    }
+    return message;
+};
+/** Creates a JSON-RPC error response message. */
+export const create_jsonrpc_error_response = (id, error) => ({
+    jsonrpc: JSONRPC_VERSION,
+    id,
+    error,
+});
+/**
+ * Creates a JSON-RPC error response from any error.
+ * Handles `ThrownJsonrpcError` (preserves code/message/data) and
+ * regular `Error` objects (maps to internal_error, includes stack in DEV).
+ */
+export const create_jsonrpc_error_response_from_thrown = (id, error) => {
+    let code = JSONRPC_ERROR_CODES.internal_error;
+    let message = 'internal server error';
+    let data = undefined;
+    if (error instanceof ThrownJsonrpcError) {
+        code = error.code;
+        message = error.message;
+        data = error.data;
+    }
+    else if (error instanceof Error) {
+        if (DEV) {
+            message = error.message;
+            data = { stack: error.stack };
+        }
+    }
+    return {
+        jsonrpc: JSONRPC_VERSION,
+        id,
+        error: {
+            code,
+            message,
+            data,
+        },
+    };
+};
+// --- Type guards ---
+/** Checks if a value is a valid JSON-RPC request id (string or finite number). */
+export const is_jsonrpc_request_id = (id) => {
+    const type = typeof id;
+    return type === 'string' || (type === 'number' && !Number.isNaN(id) && Number.isFinite(id));
+};
+/** Checks if a value is a JSON-RPC object (has `jsonrpc: '2.0'`). */
+export const is_jsonrpc_object = (message) => typeof message === 'object' &&
+    message !== null &&
+    !Array.isArray(message) &&
+    message.jsonrpc === JSONRPC_VERSION;
+/** Checks if a value is any valid JSON-RPC message or batch array. */
+export const is_jsonrpc_message = (message) => Array.isArray(message)
+    ? message.length > 0 && message.every((m) => is_jsonrpc_object(m))
+    : is_jsonrpc_object(message);
+/** Checks if a value is a JSON-RPC request (has method + id). */
+export const is_jsonrpc_request = (message) => is_jsonrpc_object(message) && 'method' in message && 'id' in message;
+/** Checks if a value is a JSON-RPC notification (has method, no id). */
+export const is_jsonrpc_notification = (message) => is_jsonrpc_object(message) && 'method' in message && !('id' in message);
+/** Checks if a value is a JSON-RPC success response (has result + id). */
+export const is_jsonrpc_response = (message) => is_jsonrpc_object(message) && 'result' in message && 'id' in message;
+/** Checks if a value is a JSON-RPC error response (has error + id). */
+export const is_jsonrpc_error_response = (message) => is_jsonrpc_object(message) && 'error' in message && 'id' in message;
+// --- Converters ---
+/**
+ * Extracts a JSON-RPC request id from a message or raw value.
+ * Returns `null` if no valid id can be extracted.
+ */
+export const to_jsonrpc_message_id = (message_or_id) => {
+    if (message_or_id == null)
+        return null;
+    const maybe_id = typeof message_or_id === 'object' ? message_or_id.id : message_or_id;
+    return is_jsonrpc_request_id(maybe_id) ? maybe_id : null;
+};
+/**
+ * Normalizes input to JSON-RPC params format.
+ * Returns `undefined` for null/undefined, wraps primitives in `{value}`.
+ */
+export const to_jsonrpc_params = (input) => {
+    if (input === undefined || input === null) {
+        return undefined;
+    }
+    if (typeof input === 'object' && !Array.isArray(input)) {
+        return input;
+    }
+    return { value: input };
+};
+/**
+ * Normalizes output to JSON-RPC result format.
+ * Returns empty object for null/undefined, wraps primitives in `{value}`.
+ */
+export const to_jsonrpc_result = (output) => {
+    if (output === null || output === undefined) {
+        return {};
+    }
+    if (typeof output === 'object' && !Array.isArray(output)) {
+        return output;
+    }
+    return { value: output };
+};

package/dist/testing/rpc_helpers.d.ts

@@ -1,6 +1,6 @@
 import './assert_dev_env.js';
 import { z } from 'zod';
-import type { JsonrpcErrorCode } from '../http/jsonrpc_errors.js';
+import { type JsonrpcErrorCode } from '../http/jsonrpc.js';
 /**
  * Create a `RequestInit` for a JSON-RPC POST request.
  *

package/dist/testing/rpc_helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rpc_helpers.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/testing/rpc_helpers.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAW7B,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAGtB,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAEhE;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAChC,QAAQ,MAAM,EACd,SAAS,OAAO,EAChB,KAAI,MAAM,GAAG,MAAe,KAC1B,WAID,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAC9B,eAAe,MAAM,EACrB,QAAQ,MAAM,EACd,SAAS,OAAO,EAChB,KAAI,MAAM,GAAG,MAAe,KAC1B,MAMF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,6BAA6B,GACzC,MAAM,OAAO,EACb,gBAAgB,gBAAgB,KAC9B,IAUF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,+BAA+B,GAAI,MAAM,OAAO,EAAE,gBAAgB,CAAC,CAAC,OAAO,KAAG,IAU1F,CAAC"}
+{"version":3,"file":"rpc_helpers.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/testing/rpc_helpers.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAW7B,OAAO,EAAC,CAAC,EAAC,MAAM,KAAK,CAAC;AAEtB,OAAO,EAIN,KAAK,gBAAgB,EACrB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,GAChC,QAAQ,MAAM,EACd,SAAS,OAAO,EAChB,KAAI,MAAM,GAAG,MAAe,KAC1B,WAID,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,GAC9B,eAAe,MAAM,EACrB,QAAQ,MAAM,EACd,SAAS,OAAO,EAChB,KAAI,MAAM,GAAG,MAAe,KAC1B,MAMF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,6BAA6B,GACzC,MAAM,OAAO,EACb,gBAAgB,gBAAgB,KAC9B,IAUF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,+BAA+B,GAAI,MAAM,OAAO,EAAE,gBAAgB,CAAC,CAAC,OAAO,KAAG,IAU1F,CAAC"}

package/dist/testing/rpc_helpers.js

@@ -8,7 +8,7 @@ import './assert_dev_env.js';
  */
 import { assert } from 'vitest';
 import { z } from 'zod';
-import { JSONRPC_VERSION, JsonrpcErrorResponse, JsonrpcResponse } from '../http/jsonrpc.js';
+import { JSONRPC_VERSION, JsonrpcErrorResponse, JsonrpcResponse, } from '../http/jsonrpc.js';
 /**
  * Create a `RequestInit` for a JSON-RPC POST request.
  *

package/dist/ui/AdminOverview.svelte

@@ -67,20 +67,20 @@
 <!-- TODO: panels will be user-draggable/rearrangeable, hardcoded order for now -->
 <div class="overview">
 	<section>
-		<div class="panel_header">
+		<div class="panel-header">
 			<h3>accounts</h3>
 			<a href={resolve('/admin/accounts' as any)} class="text_50 font_size_sm">view all &rarr;</a>
 		</div>
 		{#if accounts.loading}
 			<p class="text_50">loading...</p>
 		{:else if accounts.error}
-			<p class="color_c">{accounts.error}</p>
+			<p class="color_c_50">{accounts.error}</p>
 		{:else}
-			<div class="baseline_row gap_xs">
+			<div class="baseline-row gap_xs">
 				<strong class="font_size_lg">{accounts.account_count}</strong>
 				<span class="text_50">accounts</span>
 			</div>
-			<div class="baseline_row gap_xs flex-wrap:wrap font_size_sm mt_xs">
+			<div class="baseline-row gap_xs flex-wrap:wrap font_size_sm mt_xs">
 				{#each role_counts as [role, count] (role)}
 					<span>{count} {role}</span>
 					<span class="text_50">&middot;</span>
@@ -88,7 +88,7 @@
 				<span>{unroled_count} unroled</span>
 			</div>
 			{#if accounts.accounts.length > 0}
-				<ul class="compact_list">
+				<ul class="compact-list">
 					{#each accounts.accounts.slice(0, 6) as entry (entry)}
 						<li>
 							<strong>{entry.account.username}</strong>
@@ -109,25 +109,25 @@
 	</section>
 
 	<section>
-		<div class="panel_header">
+		<div class="panel-header">
 			<h3>sessions</h3>
 			<a href={resolve('/admin/sessions' as any)} class="text_50 font_size_sm">view all &rarr;</a>
 		</div>
 		{#if sessions.loading}
 			<p class="text_50">loading...</p>
 		{:else if sessions.error}
-			<p class="color_c">{sessions.error}</p>
+			<p class="color_c_50">{sessions.error}</p>
 		{:else}
-			<div class="baseline_row gap_xs">
+			<div class="baseline-row gap_xs">
 				<strong class="font_size_lg">{sessions.active_count}</strong>
 				<span class="text_50">active</span>
 			</div>
-			<div class="baseline_row gap_xs">
+			<div class="baseline-row gap_xs">
 				<strong class="font_size_lg">{unique_users}</strong>
 				<span class="text_50">unique users</span>
 			</div>
 			{#if most_recent}
-				<div class="baseline_row gap_xs font_size_sm mt_sm">
+				<div class="baseline-row gap_xs font_size_sm mt_sm">
 					<span class="text_50">last active:</span>
 					<strong>{most_recent.username}</strong>
 					<span class="text_50" title={format_datetime_local(most_recent.last_seen_at)}
@@ -139,16 +139,16 @@
 	</section>
 
 	<section>
-		<div class="panel_header">
+		<div class="panel-header">
 			<h3>invites</h3>
 			<a href={resolve('/admin/invites' as any)} class="text_50 font_size_sm">view all &rarr;</a>
 		</div>
 		{#if invites.loading}
 			<p class="text_50">loading...</p>
 		{:else if invites.error}
-			<p class="color_c">{invites.error}</p>
+			<p class="color_c_50">{invites.error}</p>
 		{:else}
-			<div class="baseline_row gap_sm">
+			<div class="baseline-row gap_sm">
 				<span class="text_50">public signup</span>
 				{#if app_settings.settings?.open_signup}
 					<span class="chip color_b">open</span>
@@ -156,7 +156,7 @@
 					<span class="chip">closed</span>
 				{/if}
 			</div>
-			<div class="baseline_row gap_xs">
+			<div class="baseline-row gap_xs">
 				<strong class="font_size_lg">{invites.unclaimed_count}</strong>
 				<span class="text_50">unclaimed</span>
 				<span class="text_50">/</span>
@@ -164,7 +164,7 @@
 				<span class="text_50">total</span>
 			</div>
 			{#if invites.invites.length > 0}
-				<ul class="compact_list">
+				<ul class="compact-list">
 					{#each invites.invites.slice(0, 4) as invite (invite.id)}
 						<li>
 							<span>{invite.email || invite.username || '—'}</span>
@@ -184,18 +184,18 @@
 	</section>
 
 	<section>
-		<div class="panel_header">
+		<div class="panel-header">
 			<h3>recent activity</h3>
 			<a href={resolve('/admin/audit-log' as any)} class="text_50 font_size_sm">view all &rarr;</a>
 		</div>
 		{#if audit_log.loading}
 			<p class="text_50">loading...</p>
 		{:else if audit_log.error}
-			<p class="color_c">{audit_log.error}</p>
+			<p class="color_c_50">{audit_log.error}</p>
 		{:else if recent_events.length === 0}
 			<p class="text_50">no events</p>
 		{:else}
-			<ul class="compact_list">
+			<ul class="compact-list">
 				{#each recent_events as event (event.id)}
 					<li>
 						<span class="text_50 font_size_sm" title={format_datetime_local(event.created_at)}
@@ -212,27 +212,27 @@
 	</section>
 
 	<section>
-		<div class="panel_header">
+		<div class="panel-header">
 			<h3>security</h3>
 			<a href={resolve('/admin/audit-log' as any)} class="text_50 font_size_sm">audit log &rarr;</a>
 		</div>
 		{#if audit_log.loading}
 			<p class="text_50">loading...</p>
 		{:else if audit_log.error}
-			<p class="color_c">{audit_log.error}</p>
+			<p class="color_c_50">{audit_log.error}</p>
 		{:else}
-			<div class="baseline_row gap_xs">
-				<strong class="font_size_lg" class:color_c={failed_logins.length > 0}>
+			<div class="baseline-row gap_xs">
+				<strong class="font_size_lg" class:color_c_50={failed_logins.length > 0}>
 					{failed_logins.length}
 				</strong>
 				<span class="text_50">failed logins</span>
 			</div>
-			<div class="baseline_row gap_xs">
+			<div class="baseline-row gap_xs">
 				<strong class="font_size_lg">{permit_changes.length}</strong>
 				<span class="text_50">permit changes</span>
 			</div>
 			{#if permit_changes.length > 0}
-				<ul class="compact_list">
+				<ul class="compact-list">
 					{#each permit_changes.slice(0, 4) as event (event.id)}
 						<li class="font_size_sm">
 							<span class="text_50" title={format_datetime_local(event.created_at)}
@@ -250,15 +250,15 @@
 	</section>
 
 	<section>
-		<div class="panel_header">
+		<div class="panel-header">
 			<h3>system</h3>
 		</div>
 		{#if app_settings.loading}
 			<p class="text_50">loading...</p>
 		{:else if app_settings.error}
-			<p class="color_c">{app_settings.error}</p>
+			<p class="color_c_50">{app_settings.error}</p>
 		{:else}
-			<div class="baseline_row gap_sm">
+			<div class="baseline-row gap_sm">
 				<span class="text_50">public signup</span>
 				{#if app_settings.settings?.open_signup}
 					<span class="chip color_b">open</span>
@@ -267,7 +267,7 @@
 				{/if}
 			</div>
 			{#if app_settings.settings?.updated_at}
-				<div class="baseline_row gap_xs font_size_sm mt_xs">
+				<div class="baseline-row gap_xs font_size_sm mt_xs">
 					<span class="text_50">last changed:</span>
 					<span title={format_datetime_local(app_settings.settings.updated_at)}>
 						{format_relative_time(app_settings.settings.updated_at)}
@@ -280,7 +280,7 @@
 			{/if}
 		{/if}
 		{#if auth_state.account}
-			<div class="baseline_row gap_sm">
+			<div class="baseline-row gap_sm">
 				<span class="text_50">logged in as</span>
 				<strong>{auth_state.account.username}</strong>
 			</div>
@@ -310,25 +310,25 @@
 		gap: var(--space_lg);
 	}
 
-	.panel_header {
+	.panel-header {
 		display: flex;
 		justify-content: space-between;
 		align-items: baseline;
 		margin-bottom: var(--space_md);
 	}
 
-	.baseline_row {
+	.baseline-row {
 		display: flex;
 		align-items: baseline;
 	}
 
-	.compact_list {
+	.compact-list {
 		list-style: none;
 		padding: 0;
 		margin: var(--space_sm) 0 0;
 	}
 
-	.compact_list li {
+	.compact-list li {
 		display: flex;
 		align-items: baseline;
 		gap: var(--space_xs);

package/dist/ui/ColumnLayout.svelte

@@ -15,29 +15,29 @@
 	} = $props();
 </script>
 
-<div class="column_layout {class_name}" style:--column_width={column_width} {...rest}>
-	<aside class="column_fixed unstyled">
+<div class="column-layout {class_name}" style:--column_width={column_width} {...rest}>
+	<aside class="column-fixed unstyled">
 		{@render aside()}
 	</aside>
-	<div class="column_fluid">
+	<div class="column-fluid">
 		{@render children()}
 	</div>
 </div>
 
 <style>
-	.column_layout {
+	.column-layout {
 		display: flex;
 		height: 100%;
 	}
 
-	.column_fixed {
+	.column-fixed {
 		width: var(--column_width, 280px);
 		min-width: var(--column_width, 280px);
 		height: 100%;
 		overflow: auto;
 	}
 
-	.column_fluid {
+	.column-fluid {
 		flex: 1;
 		height: 100%;
 		min-width: 0;