Add account hierarchy framework with migrations, RLS policies, and UI components

This commit is contained in:
T. Zehetbauer
2026-03-31 22:18:04 +02:00
parent 7e7da0b465
commit 59546ad6d2
262 changed files with 11671 additions and 3927 deletions

View File

@@ -1,13 +1,15 @@
import { getSupabaseServerClient } from '@kit/supabase/server-client';
import { createModuleBuilderApi } from '@kit/module-builder/api';
import { getSupabaseServerClient } from '@kit/supabase/server-client';
interface ModuleDetailPageProps {
params: Promise<{ account: string; moduleId: string }>;
searchParams: Promise<Record<string, string | string[] | undefined>>;
}
export default async function ModuleDetailPage({ params, searchParams }: ModuleDetailPageProps) {
export default async function ModuleDetailPage({
params,
searchParams,
}: ModuleDetailPageProps) {
const { account, moduleId } = await params;
const search = await searchParams;
const client = getSupabaseServerClient();
@@ -20,14 +22,21 @@ export default async function ModuleDetailPage({ params, searchParams }: ModuleD
}
const page = Number(search.page) || 1;
const pageSize = Number(search.pageSize) || moduleWithFields.default_page_size || 25;
const pageSize =
Number(search.pageSize) || moduleWithFields.default_page_size || 25;
const result = await api.query.query({
moduleId,
page,
pageSize,
sortField: (search.sort as string) ?? moduleWithFields.default_sort_field ?? undefined,
sortDirection: (search.dir as 'asc' | 'desc') ?? (moduleWithFields.default_sort_direction as 'asc' | 'desc') ?? 'asc',
sortField:
(search.sort as string) ??
moduleWithFields.default_sort_field ??
undefined,
sortDirection:
(search.dir as 'asc' | 'desc') ??
(moduleWithFields.default_sort_direction as 'asc' | 'desc') ??
'asc',
search: (search.q as string) ?? undefined,
filters: [],
});
@@ -36,20 +45,25 @@ export default async function ModuleDetailPage({ params, searchParams }: ModuleD
<div className="flex flex-col gap-4">
<div className="flex items-center justify-between">
<div>
<h1 className="text-2xl font-bold">{moduleWithFields.display_name}</h1>
<h1 className="text-2xl font-bold">
{moduleWithFields.display_name}
</h1>
{moduleWithFields.description && (
<p className="text-muted-foreground">{moduleWithFields.description}</p>
<p className="text-muted-foreground">
{moduleWithFields.description}
</p>
)}
</div>
</div>
<div className="text-sm text-muted-foreground">
{result.pagination.total} Datensätze Seite {result.pagination.page} von {result.pagination.totalPages}
<div className="text-muted-foreground text-sm">
{result.pagination.total} Datensätze Seite {result.pagination.page}{' '}
von {result.pagination.totalPages}
</div>
{/* Phase 3 will replace this with module-table component */}
<div className="rounded-lg border">
<pre className="p-4 text-xs overflow-auto max-h-96">
<pre className="max-h-96 overflow-auto p-4 text-xs">
{JSON.stringify(result.data, null, 2)}
</pre>
</div>