init

src/app/example/dashboard/assets/new/page.tsx

@@ -0,0 +1,40 @@
+import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
+import { auth } from '@/auth';
+import PageContainer from '@/components/layout/page-container';
+import AssetForm from '@/features/assets/components/asset-form';
+import { assetOptionsQueryOptions } from '@/features/assets/api/queries';
+import { getQueryClient } from '@/lib/query-client';
+
+export const metadata = {
+  title: 'Dashboard: New Asset'
+};
+
+export default async function NewAssetPage() {
+  const session = await auth();
+  const hasActiveOrganization = !!session?.user?.activeOrganizationId;
+  const canCreate =
+    session?.user?.systemRole === 'super_admin' ||
+    session?.user?.activePermissions.includes('asset:create');
+  const queryClient = getQueryClient();
+
+  if (canCreate && hasActiveOrganization) {
+    void queryClient.prefetchQuery(assetOptionsQueryOptions());
+  }
+
+  return (
+    <PageContainer
+      pageTitle='Create Asset'
+      pageDescription='Register a new IT asset.'
+      access={!!canCreate && hasActiveOrganization}
+      accessFallback={
+        <div className='text-muted-foreground rounded-lg border border-dashed p-8 text-center'>
+          Select an active workspace with asset-create access before creating assets.
+        </div>
+      }
+    >
+      <HydrationBoundary state={dehydrate(queryClient)}>
+        <AssetForm initialData={null} pageTitle='Create Asset' />
+      </HydrationBoundary>
+    </PageContainer>
+  );
+}