cloudflare-next-intl 0.9.6 → 0.9.9

package/dist/src/errors_board/client/error_detail_view.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { STATUS_BADGE_CLASS, STATUS_LABELS, STATUS_HINTS, formatRelativeTime, formatLocalTimestamp, parseRequestContext, } from '../shared/error_ui_helpers.js';
+import { DetailBlock, CopyButton, LocalTime } from './error_ui_client.js';
+export default function ErrorDetailView({ row, actions, onDeleted, }) {
+    const [isPending, setIsPending] = useState(false);
+    async function handleStatusChange(status) {
+        setIsPending(true);
+        try {
+            await actions.setErrorStatus([row.id], status);
+        }
+        finally {
+            setIsPending(false);
+        }
+    }
+    async function handleDelete() {
+        if (!window.confirm("Delete this error? This can't be undone."))
+            return;
+        setIsPending(true);
+        try {
+            await actions.deleteErrors([row.id]);
+            onDeleted();
+        }
+        finally {
+            setIsPending(false);
+        }
+    }
+    const requestContext = parseRequestContext(row.params);
+    return (_jsxs("div", { className: "flex flex-col gap-5", style: { opacity: isPending ? 0.5 : 1 }, children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide ${STATUS_BADGE_CLASS[row.status]}`, children: row.status }), _jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-300", children: row.flavour }), _jsx("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-300", children: row.is_client === 1 ? 'Client' : 'Server' }), row.count > 1 && (_jsxs("span", { className: "rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-semibold text-gray-500 dark:bg-gray-800 dark:text-gray-400", children: ["Seen \u00D7", row.count] })), _jsx(CopyButton, { text: typeof window !== 'undefined' ? window.location.href : String(row.id), label: "Copy link", copiedLabel: "Link copied" })] }), _jsx("h1", { className: "font-mono text-lg font-semibold wrap-break-word text-gray-900 dark:text-white", children: row.caller }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: row.message })] }), _jsxs("div", { className: "flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:items-end", children: [_jsxs("div", { className: "flex w-full flex-col items-stretch gap-2 sm:w-auto sm:flex-row sm:items-center", children: [_jsx("div", { className: "flex overflow-hidden rounded-lg border border-gray-300 dark:border-gray-700", children: Object.keys(STATUS_LABELS).map((status, index) => (_jsx("button", { disabled: isPending || row.status === status, onClick: () => handleStatusChange(status), className: `flex-1 px-3 py-1.5 text-xs font-medium transition-colors disabled:cursor-default sm:flex-none ${index > 0 ? 'border-l border-gray-300 dark:border-gray-700' : ''} ${row.status === status
+                                                ? 'bg-gray-900 text-white dark:bg-white dark:text-gray-900'
+                                                : 'bg-white text-gray-700 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:hover:bg-gray-800'}`, children: STATUS_LABELS[status] }, status))) }), _jsx("button", { disabled: isPending, onClick: handleDelete, className: "rounded-lg border border-red-300 px-3 py-1.5 text-xs font-medium text-red-600 hover:bg-red-50 disabled:opacity-40 dark:border-red-900 dark:text-red-400 dark:hover:bg-red-950", children: "Delete error" })] }), _jsx("p", { className: "max-w-72 text-[11px] leading-snug text-gray-400 sm:text-right dark:text-gray-500", children: STATUS_HINTS[row.status] })] })] }), _jsxs("dl", { className: "grid grid-cols-2 gap-x-4 gap-y-3 rounded-xl border border-gray-200 bg-gray-50 p-4 text-xs sm:grid-cols-3 dark:border-gray-800 dark:bg-gray-900/60", children: [_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "First seen" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: _jsx(LocalTime, { format: formatLocalTimestamp, timestampMs: row.created_at }) })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Last seen" }), _jsxs("dd", { className: "text-gray-700 dark:text-gray-300", children: [_jsx(LocalTime, { format: formatLocalTimestamp, timestampMs: row.updated_at }), ' ', _jsxs("span", { className: "text-gray-400 dark:text-gray-500", children: ["(", _jsx(LocalTime, { format: formatRelativeTime, timestampMs: row.updated_at }), ")"] })] })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "User" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: row.user_email ?? 'Unknown / not signed in' })] }), _jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Regressions" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: row.reopen_count > 0
+                                    ? `Came back ${row.reopen_count} time${row.reopen_count === 1 ? '' : 's'} after being resolved`
+                                    : 'Never came back after a fix' })] }), row.resolved_at !== null && (_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Resolved" }), _jsx("dd", { className: "text-gray-700 dark:text-gray-300", children: _jsx(LocalTime, { format: formatRelativeTime, timestampMs: row.resolved_at }) })] })), requestContext?.path && (_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Page" }), _jsx("dd", { className: "break-all text-gray-700 dark:text-gray-300", children: requestContext.path })] })), requestContext?.referer && (_jsxs("div", { children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "Referrer" }), _jsx("dd", { className: "break-all text-gray-700 dark:text-gray-300", children: requestContext.referer })] })), requestContext?.userAgent && (_jsxs("div", { className: "col-span-2 sm:col-span-3", children: [_jsx("dt", { className: "text-gray-400 dark:text-gray-500", children: "User agent" }), _jsx("dd", { className: "break-all text-gray-700 dark:text-gray-300", children: requestContext.userAgent })] }))] }), _jsx(DetailBlock, { label: "Message", text: row.message }), row.stack && _jsx(DetailBlock, { label: "Stack trace", text: row.stack }), row.params && _jsx(DetailBlock, { label: "Params", text: row.params })] }));
+}

package/dist/src/errors_board/client/error_row.d.ts

@@ -0,0 +1,7 @@
+import type { ErrorRow } from '../server/errors_repository.js';
+export default function ErrorRowItem({ row, selected, onToggleSelect, hrefFor, }: {
+    row: ErrorRow;
+    selected: boolean;
+    onToggleSelect: (id: number, checked: boolean) => void;
+    hrefFor: (id: number) => string;
+}): Component;

package/dist/src/errors_board/client/error_row.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { STATUS_BADGE_CLASS, STATUS_DOT_CLASS, formatRelativeTime, formatLocalTimestamp } from '../shared/error_ui_helpers.js';
+import { LocalTime, useMounted } from './error_ui_client.js';
+export default function ErrorRowItem({ row, selected, onToggleSelect, hrefFor, }) {
+    const mounted = useMounted();
+    const absoluteTime = mounted ? formatLocalTimestamp(row.updated_at) : undefined;
+    return (_jsxs("a", { href: hrefFor(row.id), className: "flex flex-col gap-1.5 rounded-xl border border-gray-200 bg-white px-4 py-3 shadow-sm transition-colors hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800/50", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: `size-2 shrink-0 rounded-full ${STATUS_DOT_CLASS[row.status]}`, "aria-hidden": true }), _jsx("input", { type: "checkbox", checked: selected, onClick: (event) => event.stopPropagation(), onChange: (event) => onToggleSelect(row.id, event.target.checked), className: "size-4 shrink-0 accent-blue-600" }), _jsx("span", { className: `shrink-0 rounded-full px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide ${STATUS_BADGE_CLASS[row.status]}`, children: row.status }), _jsx("span", { className: "shrink-0 rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-medium text-gray-600 dark:bg-gray-800 dark:text-gray-300", children: row.flavour }), row.is_client === 1 && (_jsx("span", { className: "shrink-0 rounded-full bg-blue-50 px-2 py-0.5 text-[11px] font-medium text-blue-600 dark:bg-blue-500/10 dark:text-blue-300", children: "client" })), row.count > 1 && (_jsxs("span", { className: "shrink-0 rounded-full bg-gray-100 px-2 py-0.5 text-[11px] font-semibold text-gray-500 dark:bg-gray-800 dark:text-gray-400", title: `Seen ${row.count} times`, children: ["\u00D7", row.count] })), row.reopen_count > 0 && (_jsxs("span", { className: "shrink-0 rounded-full bg-orange-50 px-2 py-0.5 text-[11px] font-semibold text-orange-700 dark:bg-orange-500/10 dark:text-orange-300", title: `Came back ${row.reopen_count} time${row.reopen_count === 1 ? '' : 's'} after being resolved`, children: ["\u21A9 ", row.reopen_count] })), _jsx("span", { className: "ml-auto shrink-0 text-xs text-gray-400 dark:text-gray-500", title: absoluteTime, children: _jsx(LocalTime, { format: formatRelativeTime, timestampMs: row.updated_at }) })] }), _jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5 pl-4 sm:flex-nowrap", children: [_jsx("span", { className: "shrink-0 font-mono text-xs font-semibold text-gray-800 dark:text-gray-100", children: row.caller }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-gray-500 dark:text-gray-400", children: row.message }), row.user_email && (_jsx("span", { className: "shrink-0 truncate text-xs text-gray-400 sm:ml-auto sm:max-w-[40%] dark:text-gray-500", children: row.user_email }))] })] }));
+}

package/dist/src/errors_board/client/error_ui_client.d.ts

@@ -0,0 +1,14 @@
+export declare function useMounted(): boolean;
+export declare function LocalTime({ format, timestampMs }: {
+    format: (timestampMs: number) => string;
+    timestampMs: number;
+}): Component;
+export declare function CopyButton({ text, label, copiedLabel, }: {
+    text: string;
+    label?: string;
+    copiedLabel?: string;
+}): Component;
+export declare function DetailBlock({ label, text }: {
+    label: string;
+    text: string;
+}): Component;

package/dist/src/errors_board/client/error_ui_client.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+export function useMounted() {
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => setMounted(true), []);
+    return mounted;
+}
+export function LocalTime({ format, timestampMs }) {
+    const mounted = useMounted();
+    return _jsx("span", { suppressHydrationWarning: true, children: mounted ? format(timestampMs) : '' });
+}
+export function CopyButton({ text, label = 'Copy', copiedLabel = 'Copied', }) {
+    const [copied, setCopied] = useState(false);
+    function handleCopy(event) {
+        event.preventDefault();
+        void navigator.clipboard.writeText(text).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1500);
+        });
+    }
+    return (_jsx("button", { type: "button", onClick: handleCopy, className: "rounded-md border border-gray-300 px-2 py-1 text-[11px] font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-200", children: copied ? copiedLabel : label }));
+}
+export function DetailBlock({ label, text }) {
+    return (_jsxs("div", { className: "overflow-hidden rounded-lg border border-gray-200 dark:border-gray-800", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-200 bg-gray-50 px-3 py-1.5 dark:border-gray-800 dark:bg-gray-950/60", children: [_jsx("span", { className: "text-[11px] font-semibold uppercase tracking-wide text-gray-400 dark:text-gray-500", children: label }), _jsx(CopyButton, { text: text })] }), _jsx("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-words p-3 font-mono text-xs leading-relaxed text-gray-700 dark:bg-gray-950 dark:text-gray-300", children: text })] }));
+}

package/dist/src/errors_board/client/errors_filter_form.d.ts

@@ -0,0 +1,8 @@
+export default function ErrorsFilterForm({ flavours, filters, }: {
+    flavours: string[];
+    filters: {
+        flavour: string;
+        status: string;
+        q: string;
+    };
+}): Component;

package/dist/src/errors_board/client/errors_filter_form.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FIELD_CLASS = 'rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 transition-colors focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:text-white';
+export default function ErrorsFilterForm({ flavours, filters, }) {
+    return (_jsxs("form", { className: "flex flex-wrap items-end gap-3 rounded-xl border border-gray-200 bg-gray-50 p-3 dark:border-gray-800 dark:bg-gray-900/60", children: [_jsx("input", { type: "hidden", name: "status", value: filters.status }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-gray-500", children: "Flavour" }), _jsxs("select", { name: "flavour", defaultValue: filters.flavour, className: FIELD_CLASS, children: [_jsx("option", { value: "all", children: "All flavours" }), flavours.map((flavour) => (_jsx("option", { value: flavour, children: flavour }, flavour)))] }, filters.flavour)] }), _jsxs("label", { className: "flex min-w-48 flex-1 flex-col gap-1", children: [_jsx("span", { className: "text-[11px] font-medium uppercase tracking-wide text-gray-400 dark:text-gray-500", children: "Search" }), _jsx("input", { type: "text", name: "q", placeholder: "Message, caller, or user email", defaultValue: filters.q, className: FIELD_CLASS }, filters.q)] }), _jsx("button", { type: "submit", className: "rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-blue-700", children: "Apply" })] }));
+}

package/dist/src/errors_board/client/errors_list_client.d.ts

@@ -0,0 +1,15 @@
+import type { ErrorRow } from '../server/errors_repository.js';
+import type { ErrorsActions } from '../server/actions_factory.js';
+interface Filters {
+    flavour: string;
+    status: string;
+    q: string;
+}
+export default function ErrorsListClient({ initialRows, initialNextCursor, filters, actions, hrefFor, }: {
+    initialRows: ErrorRow[];
+    initialNextCursor: string | null;
+    filters: Filters;
+    actions: ErrorsActions;
+    hrefFor: (id: number) => string;
+}): Component;
+export {};

package/dist/src/errors_board/client/errors_list_client.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import ErrorRowItem from './error_row.js';
+export default function ErrorsListClient({ initialRows, initialNextCursor, filters, actions, hrefFor, }) {
+    const [rows, setRows] = useState(initialRows);
+    const [nextCursor, setNextCursor] = useState(initialNextCursor);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const [selectedIds, setSelectedIds] = useState(new Set());
+    const [isPending, setIsPending] = useState(false);
+    const sentinelRef = useRef(null);
+    const latestRef = useRef({ isLoadingMore, nextCursor, filters, actions });
+    latestRef.current = { isLoadingMore, nextCursor, filters, actions };
+    useEffect(() => {
+        setRows(initialRows);
+        setNextCursor(initialNextCursor);
+    }, [initialRows, initialNextCursor]);
+    const loadMore = useCallback(() => {
+        const { isLoadingMore, nextCursor, filters, actions } = latestRef.current;
+        if (isLoadingMore || nextCursor === null)
+            return;
+        setIsLoadingMore(true);
+        void actions
+            .loadErrors({ ...filters, cursor: nextCursor })
+            .then((result) => {
+            setRows((previous) => [...previous, ...result.rows]);
+            setNextCursor(result.nextCursor);
+        })
+            .finally(() => setIsLoadingMore(false));
+    }, []);
+    useEffect(() => {
+        const sentinel = sentinelRef.current;
+        if (!sentinel)
+            return;
+        const observer = new IntersectionObserver((entries) => {
+            if (entries[0]?.isIntersecting)
+                loadMore();
+        }, { rootMargin: '400px' });
+        observer.observe(sentinel);
+        return () => observer.disconnect();
+    }, [loadMore]);
+    function toggleSelect(id, checked) {
+        setSelectedIds((previous) => {
+            const next = new Set(previous);
+            if (checked)
+                next.add(id);
+            else
+                next.delete(id);
+            return next;
+        });
+    }
+    function toggleSelectAll(checked) {
+        setSelectedIds(checked ? new Set(rows.map((row) => row.id)) : new Set());
+    }
+    async function handleBulkStatus(status) {
+        const ids = Array.from(selectedIds);
+        setIsPending(true);
+        try {
+            await actions.setErrorStatus(ids, status);
+            setSelectedIds(new Set());
+        }
+        finally {
+            setIsPending(false);
+        }
+    }
+    async function handleBulkDelete() {
+        const ids = Array.from(selectedIds);
+        if (!window.confirm(`Delete ${ids.length} error${ids.length === 1 ? '' : 's'}? This can't be undone.`))
+            return;
+        setIsPending(true);
+        try {
+            await actions.deleteErrors(ids);
+            setSelectedIds(new Set());
+        }
+        finally {
+            setIsPending(false);
+        }
+    }
+    async function handleDeleteAllResolved() {
+        if (!window.confirm("Delete every resolved error (including ones not currently loaded)? This can't be undone."))
+            return;
+        setIsPending(true);
+        try {
+            await actions.deleteAllResolved();
+        }
+        finally {
+            setIsPending(false);
+        }
+    }
+    const hasSelection = selectedIds.size > 0;
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "sticky top-2 z-10 flex flex-wrap items-center gap-2 rounded-xl border border-gray-200 bg-white/90 px-3 py-2 shadow-sm backdrop-blur dark:border-gray-800 dark:bg-gray-900/90", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm text-gray-600 dark:text-gray-300", children: [_jsx("input", { type: "checkbox", checked: rows.length > 0 && selectedIds.size === rows.length, onChange: (event) => toggleSelectAll(event.target.checked), className: "size-4 accent-blue-600" }), hasSelection ? (_jsxs("span", { className: "font-medium text-gray-900 dark:text-white", children: [selectedIds.size, " selected"] })) : (_jsxs("span", { children: [rows.length, " error", rows.length === 1 ? '' : 's'] }))] }), _jsxs("div", { className: "ml-auto flex flex-wrap gap-2", children: [_jsx("button", { disabled: isPending || !hasSelection, onClick: () => handleBulkStatus('investigating'), className: "rounded-lg border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-700 hover:bg-gray-100 disabled:opacity-40 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800", children: "Mark investigating" }), _jsx("button", { disabled: isPending || !hasSelection, onClick: () => handleBulkStatus('resolved'), className: "rounded-lg border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-700 hover:bg-gray-100 disabled:opacity-40 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800", children: "Mark resolved" }), filters.status === 'muted' ? (_jsx("button", { disabled: isPending || !hasSelection, onClick: () => handleBulkStatus('new'), title: "Bring these back onto the board as New.", className: "rounded-lg border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-700 hover:bg-gray-100 disabled:opacity-40 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800", children: "Unmute" })) : (_jsx("button", { disabled: isPending || !hasSelection, onClick: () => handleBulkStatus('muted'), title: "Hide for good. Repeats stay hidden and never reopen.", className: "rounded-lg border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-700 hover:bg-gray-100 disabled:opacity-40 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800", children: "Mute" })), _jsx("button", { disabled: isPending || !hasSelection, onClick: handleBulkDelete, className: "rounded-lg border border-red-300 px-3 py-1.5 text-xs font-medium text-red-600 hover:bg-red-50 disabled:opacity-40 dark:border-red-900 dark:text-red-400 dark:hover:bg-red-950", children: "Delete selected" }), _jsx("button", { disabled: isPending, onClick: handleDeleteAllResolved, className: "rounded-lg border border-gray-300 px-3 py-1.5 text-xs font-medium text-gray-700 hover:bg-gray-100 disabled:opacity-40 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800", children: "Delete all resolved" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [rows.map((row) => (_jsx(ErrorRowItem, { row: row, selected: selectedIds.has(row.id), onToggleSelect: toggleSelect, hrefFor: hrefFor }, row.id))), rows.length === 0 && (_jsxs("div", { className: "flex flex-col items-center gap-1 rounded-xl border border-dashed border-gray-300 py-14 text-center dark:border-gray-700", children: [_jsx("p", { className: "text-sm font-medium text-gray-600 dark:text-gray-300", children: "No errors here" }), _jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: "Nothing matches the current filters." })] }))] }), nextCursor !== null && (_jsx("div", { ref: sentinelRef, className: "flex justify-center py-4", children: isLoadingMore && (_jsxs("span", { className: "flex items-center gap-2 text-sm text-gray-400 dark:text-gray-500", children: [_jsx("span", { className: "size-3 animate-spin rounded-full border-2 border-gray-300 border-t-transparent dark:border-gray-600" }), "Loading more\u2026"] })) })), nextCursor === null && rows.length > 0 && (_jsx("p", { className: "py-4 text-center text-xs text-gray-400 dark:text-gray-500", children: "You've reached the end." }))] }));
+}

package/dist/src/errors_board/client/errors_login_form.d.ts

@@ -0,0 +1,5 @@
+export default function ErrorsLoginForm({ login, onSuccess, title, }: {
+    login: (password: string) => Promise<boolean>;
+    onSuccess: () => void;
+    title?: string;
+}): Component;

package/dist/src/errors_board/client/errors_login_form.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition } from 'react';
+export default function ErrorsLoginForm({ login, onSuccess, title = 'Error log', }) {
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState(null);
+    const [isPending, startTransition] = useTransition();
+    function handleSubmit(event) {
+        event.preventDefault();
+        setError(null);
+        startTransition(async () => {
+            const ok = await login(password);
+            if (!ok) {
+                setError('Wrong password');
+                return;
+            }
+            onSuccess();
+        });
+    }
+    return (_jsxs("main", { className: "mx-auto flex min-h-screen max-w-sm flex-col justify-center gap-4 px-4", children: [_jsx("h1", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: title }), _jsxs("form", { onSubmit: handleSubmit, className: "flex flex-col gap-2", children: [_jsx("input", { type: "password", autoFocus: true, value: password, onChange: (event) => setPassword(event.target.value), placeholder: "Password", className: "rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 dark:border-gray-700 dark:bg-gray-800 dark:text-white" }), error && _jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error }), _jsx("button", { type: "submit", disabled: isPending, className: "rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-blue-700 disabled:opacity-50", children: "Enter" })] })] }));
+}

package/dist/src/errors_board/client/errors_stat_strip.d.ts

@@ -0,0 +1,6 @@
+import type { ErrorStatus } from '../server/errors_repository.js';
+export default function ErrorsStatStrip({ counts, activeStatus, linkFor, }: {
+    counts: Record<ErrorStatus, number>;
+    activeStatus: string;
+    linkFor: (status: string) => string;
+}): Component;

package/dist/src/errors_board/client/errors_stat_strip.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link.js';
+const STAT_CONFIG = [
+    { status: 'all', label: 'Total', dotClass: 'bg-blue-500' },
+    { status: 'new', label: 'New', dotClass: 'bg-red-500' },
+    { status: 'investigating', label: 'Investigating', dotClass: 'bg-amber-500' },
+    { status: 'resolved', label: 'Resolved', dotClass: 'bg-emerald-500' },
+    { status: 'muted', label: 'Muted', dotClass: 'bg-gray-400 dark:bg-gray-500' },
+];
+export default function ErrorsStatStrip({ counts, activeStatus, linkFor, }) {
+    const total = counts.new + counts.investigating + counts.resolved;
+    return (_jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3 lg:grid-cols-5", children: STAT_CONFIG.map(({ status, label, dotClass }) => {
+            const value = status === 'all' ? total : counts[status];
+            const isActive = activeStatus === status;
+            return (_jsxs(Link, { prefetch: false, href: linkFor(status), className: `flex items-center justify-between rounded-xl border px-3 py-2.5 transition-colors ${isActive
+                    ? 'border-blue-400 bg-blue-50 dark:border-blue-500/50 dark:bg-blue-500/10'
+                    : 'border-gray-200 bg-white hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-900 dark:hover:bg-gray-800/50'}`, children: [_jsxs("span", { className: "flex items-center gap-2 text-xs font-medium text-gray-500 dark:text-gray-400", children: [_jsx("span", { className: `size-2 rounded-full ${dotClass}`, "aria-hidden": true }), label] }), _jsx("span", { className: "text-lg font-semibold tabular-nums text-gray-900 dark:text-white", children: value })] }, status));
+        }) }));
+}

package/dist/src/errors_board/server/actions_factory.d.ts

@@ -0,0 +1,24 @@
+import { type D1DatabaseLike, type ErrorsListResult, listErrors as listErrorsImpl, setErrorsStatus as setErrorsStatusImpl, deleteErrorsByIds as deleteErrorsByIdsImpl, deleteAllResolvedErrors as deleteAllResolvedErrorsImpl } from './errors_repository.js';
+export interface ErrorsActions {
+    loadErrors(rawParams: {
+        flavour?: string;
+        status?: string;
+        q?: string;
+        cursor?: string | null;
+    }): Promise<ErrorsListResult>;
+    setErrorStatus(ids: number[], status: string): Promise<void>;
+    deleteErrors(ids: number[]): Promise<void>;
+    deleteAllResolved(): Promise<void>;
+}
+export interface ErrorsActionsOptions {
+    getDb: () => Promise<D1DatabaseLike> | D1DatabaseLike;
+    requireAccess: () => Promise<void>;
+    listPath?: string;
+    repository?: {
+        listErrors?: typeof listErrorsImpl;
+        setErrorsStatus?: typeof setErrorsStatusImpl;
+        deleteErrorsByIds?: typeof deleteErrorsByIdsImpl;
+        deleteAllResolvedErrors?: typeof deleteAllResolvedErrorsImpl;
+    };
+}
+export declare function createErrorsActions(options: ErrorsActionsOptions): ErrorsActions;

package/dist/src/errors_board/server/actions_factory.js

@@ -0,0 +1,39 @@
+import { revalidatePath } from 'next/cache.js';
+import { parseErrorsListFilters, boundErrorIds, isErrorStatus, listErrors as listErrorsImpl, setErrorsStatus as setErrorsStatusImpl, deleteErrorsByIds as deleteErrorsByIdsImpl, deleteAllResolvedErrors as deleteAllResolvedErrorsImpl, } from './errors_repository.js';
+export function createErrorsActions(options) {
+    const listErrors = options.repository?.listErrors ?? listErrorsImpl;
+    const setErrorsStatus = options.repository?.setErrorsStatus ?? setErrorsStatusImpl;
+    const deleteErrorsByIds = options.repository?.deleteErrorsByIds ?? deleteErrorsByIdsImpl;
+    const deleteAllResolvedErrors = options.repository?.deleteAllResolvedErrors ?? deleteAllResolvedErrorsImpl;
+    const listPath = options.listPath ?? '/errors';
+    return {
+        async loadErrors(rawParams) {
+            await options.requireAccess();
+            const filters = parseErrorsListFilters(rawParams);
+            const db = await options.getDb();
+            return listErrors(db, filters);
+        },
+        async setErrorStatus(ids, status) {
+            await options.requireAccess();
+            if (!isErrorStatus(status))
+                throw new Error(`errors_board: unknown status "${status}"`);
+            const boundedIds = boundErrorIds(ids);
+            const db = await options.getDb();
+            await setErrorsStatus(db, boundedIds, status);
+            revalidatePath(listPath);
+        },
+        async deleteErrors(ids) {
+            await options.requireAccess();
+            const boundedIds = boundErrorIds(ids);
+            const db = await options.getDb();
+            await deleteErrorsByIds(db, boundedIds);
+            revalidatePath(listPath);
+        },
+        async deleteAllResolved() {
+            await options.requireAccess();
+            const db = await options.getDb();
+            await deleteAllResolvedErrors(db);
+            revalidatePath(listPath);
+        },
+    };
+}

package/dist/src/errors_board/server/errors_repository.d.ts

@@ -0,0 +1,83 @@
+export declare const ERROR_STATUSES: readonly ["new", "investigating", "resolved", "muted"];
+export type ErrorStatus = typeof ERROR_STATUSES[number];
+export declare const BOARD_STATUSES: readonly ["new", "investigating", "resolved"];
+declare const MAX_MESSAGE_LENGTH = 2000;
+declare const MAX_STACK_LENGTH = 8000;
+declare const MAX_PARAMS_LENGTH = 4000;
+export declare const ERRORS_PAGE_SIZE = 50;
+export declare const MAX_IDS_PER_ACTION = 200;
+export interface ErrorRow {
+    id: number;
+    fingerprint: string;
+    created_at: number;
+    updated_at: number;
+    flavour: string;
+    caller: string;
+    message: string;
+    stack: string | null;
+    params: string | null;
+    is_client: number;
+    status: ErrorStatus;
+    count: number;
+    user_email: string | null;
+    reopen_count: number;
+    resolved_at: number | null;
+}
+export interface D1PreparedStatementLike {
+    bind(...values: unknown[]): D1PreparedStatementLike;
+    run(): Promise<unknown>;
+    all<T = unknown>(): Promise<{
+        results?: T[];
+    }>;
+    first<T = unknown>(): Promise<T | null>;
+}
+export interface D1DatabaseLike {
+    prepare(sql: string): D1PreparedStatementLike;
+    batch<T = unknown>(statements: D1PreparedStatementLike[]): Promise<{
+        results?: T[];
+    }[]>;
+}
+export interface RecordErrorInput {
+    flavour: string;
+    caller: string;
+    message: string;
+    stack: string | null;
+    params: string | null;
+    isClient: boolean;
+    userEmail: string | null;
+}
+export interface ErrorsListFilters {
+    flavour: string;
+    status: ErrorStatus | 'all';
+    q: string;
+    cursor: string | null;
+}
+export interface ErrorsListResult {
+    rows: ErrorRow[];
+    nextCursor: string | null;
+}
+export interface ErrorsBoardResult extends ErrorsListResult {
+    flavours: string[];
+    counts: Record<ErrorStatus, number>;
+}
+export declare function isErrorStatus(value: string): value is ErrorStatus;
+export declare function encodeCursor(updatedAt: number, id: number): string;
+export declare function parseErrorsListFilters(raw: {
+    flavour?: string;
+    status?: string;
+    q?: string;
+    cursor?: string | null;
+}): ErrorsListFilters;
+export declare function boundErrorIds(ids: number[]): number[];
+declare function truncate(value: string, maxLength: number): string;
+export { MAX_MESSAGE_LENGTH, MAX_STACK_LENGTH, MAX_PARAMS_LENGTH, truncate };
+export declare function ensureSchema(db: D1DatabaseLike): Promise<void>;
+export declare function computeFingerprint(flavour: string, caller: string, message: string): Promise<string>;
+export declare function recordError(db: D1DatabaseLike, input: RecordErrorInput): Promise<void>;
+export declare function listErrors(db: D1DatabaseLike, filters: ErrorsListFilters): Promise<ErrorsListResult>;
+export declare function getErrorById(db: D1DatabaseLike, id: number): Promise<ErrorRow | null>;
+export declare function distinctFlavours(db: D1DatabaseLike): Promise<string[]>;
+export declare function loadErrorsBoard(db: D1DatabaseLike, filters: ErrorsListFilters): Promise<ErrorsBoardResult>;
+export declare function setErrorsStatus(db: D1DatabaseLike, ids: number[], status: ErrorStatus): Promise<void>;
+export declare function deleteErrorsByIds(db: D1DatabaseLike, ids: number[]): Promise<void>;
+export declare function deleteAllResolvedErrors(db: D1DatabaseLike): Promise<void>;