Files
impuestospy/apps/web/app/[locale]/(admin)/layout.tsx
T
MichilisandClaude Opus 5 4c39926483 phase-6: the staff console, and a log that says who did what
Flow H, three screens behind a role check: find an account, work the
ingestion error queue, read and export the audit log. Superadmins can
change a role, never their own.

The error queue merges ingest errors and dead jobs into one table with a
cursor that pages both sources; only a job can be retried and only an
ingest row resolved, with a note that migration 003 gives it somewhere
to live.

writeAudit no longer defaults a missing subject to the actor, which had
been recording a user search as staff looking themselves up. Omitting
the subject still means acting on yourself; null now means the action
has no subject, which is what a search, a retry and an export are.

Reading the log is not audited. Exporting it is: a copy leaving the
building is a different act from looking.

e2e/global-setup.ts asks for every screen once before the suite starts,
so a dev server's first-request compile is paid before the first test
rather than by it.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-04 21:55:59 +00:00

87 lines
3.0 KiB
TypeScript

import { isApiError, type SessionDto } from '@impuestos/contracts';
import { setRequestLocale } from 'next-intl/server';
import type { ReactNode } from 'react';
import { Card } from '@/components/ui/card';
import { EmptyState } from '@/components/ui/empty-state';
import { LanguageSwitcher } from '@/components/language-switcher';
import { Link, redirect } from '@/i18n/navigation';
import { getT } from '@/i18n/t';
import { serverApi } from '@/lib/api-server';
const ADMIN_ROLES = new Set(['staff', 'superadmin']);
const TABS = [
{ href: '/usuarios', key: 'admin.users.title' },
{ href: '/errores', key: 'admin.errors.title' },
{ href: '/auditoria', key: 'admin.audit.title' },
] as const;
/**
* FLOWS.md Flow H. No tab bar, no floating button, no playfulness: a wide page with a
* plain nav. The role is checked here and again on every API call, because a layout is a
* convenience and the server is the rule.
*/
export default async function AdminLayout({
children,
params,
}: {
children: ReactNode;
params: Promise<{ locale: string }>;
}) {
const { locale } = await params;
setRequestLocale(locale);
const t = await getT(locale);
const api = await serverApi();
const session: SessionDto | null = await api.getSession().catch((error: unknown) => {
if (isApiError(error) && error.code === 'unauthorized') return null;
throw error;
});
if (!session) redirect({ href: '/login', locale });
if (!session || !ADMIN_ROLES.has(session.role)) {
return (
<main className="mx-auto w-full max-w-md px-5 py-16">
<Card>
<EmptyState title={t('admin.forbidden')} />
</Card>
</main>
);
}
return (
<div className="mx-auto flex min-h-dvh w-full max-w-6xl flex-col">
<header className="flex flex-wrap items-center justify-between gap-4 border-b px-5 py-3">
<div className="flex items-center gap-6">
<span className="text-sm font-semibold tracking-tight">{t('admin.nav.console')}</span>
<nav aria-label={t('admin.nav.console')}>
<ul className="flex items-center gap-4">
{TABS.map((tab) => (
<li key={tab.href}>
<Link href={tab.href} className="text-sm hover:underline">
{t(tab.key)}
</Link>
</li>
))}
</ul>
</nav>
</div>
<div className="flex items-center gap-4">
<span className="text-xs text-[var(--text-muted)]">{session.email}</span>
<LanguageSwitcher />
<Link href="/inicio" className="text-sm text-accent-700 hover:underline">
{t('common.back')}
</Link>
</div>
</header>
{/* The reminder sits above every screen in the console, not only the user search. */}
<p className="border-b bg-attention-soft px-5 py-2 text-xs text-attention">
{t('admin.users.auditBanner')}
</p>
<main className="flex-1 px-5 py-6">{children}</main>
</div>
);
}