betterstart-cli 0.0.117 → 0.0.119

package/dist/assets/adapters/next/templates/init/lib/db/core/schema.ts

@@ -1,3 +1,8 @@
+import type {
+  AuditLogAction,
+  AuditLogCategory,
+  AuditLogSourceType
+} from '@admin/actions/audit/types'
 import { sql } from 'drizzle-orm'
 import {
   boolean,
@@ -193,8 +198,8 @@ export const auditLog = pgTable(
   'AuditLog',
   {
     id: uuid().defaultRandom().primaryKey().notNull(),
-    category: varchar('category', { length: 50 }).notNull(),
-    action: varchar('action', { length: 50 }).notNull(),
+    category: varchar('category', { length: 50 }).notNull().$type<AuditLogCategory>(),
+    action: varchar('action', { length: 50 }).notNull().$type<AuditLogAction>(),
     targetType: varchar('target_type', { length: 100 }).notNull(),
     targetId: text('target_id'),
     targetLabel: text('target_label'),
@@ -204,14 +209,17 @@ export const auditLog = pgTable(
     actorEmail: text('actor_email'),
     actorName: text('actor_name'),
     actorRole: text('actor_role'),
-    sourceType: varchar('source_type', { length: 50 }).notNull().default('server_action'),
+    sourceType: varchar('source_type', { length: 50 })
+      .notNull()
+      .default('server_action')
+      .$type<AuditLogSourceType>(),
     ipAddress: varchar('ip_address', { length: 100 }),
     userAgent: varchar('user_agent', { length: 500 }),
     changedFields: text('changed_fields')
       .array()
       .notNull()
       .default(sql`ARRAY[]::text[]`),
-    metadata: jsonb('metadata'),
+    metadata: jsonb('metadata').$type<Record<string, unknown>>(),
     createdAt: timestamp('created_at', { precision: 3, mode: 'string' })
       .default(sql`CURRENT_TIMESTAMP`)
       .notNull()

package/dist/assets/adapters/next/templates/init/lib/lifecycle-hooks/registry.ts

@@ -40,11 +40,11 @@ export function registerHook<Event extends LifecycleHookEvent>(
   }
 }
 
-export function getRegisteredHooks<Event extends LifecycleHookEvent>(
+export function getRegisteredHooks(
   entityType: string,
-  event: Event
-): LifecycleHookHandler<Event>[] {
-  return [...((lifecycleHooks.get(entityType)?.get(event) ?? []) as LifecycleHookHandler<Event>[])]
+  event: LifecycleHookEvent
+): LifecycleHookHandler<LifecycleHookEvent>[] {
+  return [...(lifecycleHooks.get(entityType)?.get(event) ?? [])]
 }
 
 export function getLifecycleHookSummary(): Record<

package/dist/assets/adapters/next/templates/init/lib/lifecycle-hooks/runner.ts

@@ -5,15 +5,11 @@ import type {
   LifecycleHookAbort,
   LifecycleHookContext
 } from './types'
+import { isRecord } from '@admin/utils/shared/is-record'
 import { getRegisteredAdminHooks, getRegisteredHooks } from './registry'
 
 function isLifecycleHookAbort(value: unknown): value is LifecycleHookAbort {
-  return (
-    typeof value === 'object' &&
-    value !== null &&
-    'abort' in value &&
-    (value as { abort: unknown }).abort === true
-  )
+  return isRecord(value) && value.abort === true
 }
 
 function createAbortError(event: BeforeLifecycleHookEvent, context: LifecycleHookContext): Error {
@@ -98,7 +94,7 @@ function toAdminEventContext(
 }
 
 function runSettledHook<Context>(
-  handler: (context: Context) => void | Promise<void>,
+  handler: (context: Context) => void,
   context: Context
 ): Promise<void> {
   try {

package/dist/assets/adapters/next/templates/init/pages/forgot-password-form.tsx

@@ -10,6 +10,7 @@ import { Field, FieldGroup, FieldLabel } from '@admin/components/ui/field'
 import { Form } from '@admin/components/ui/form'
 import { Input } from '@admin/components/ui/input'
 import { Spinner } from '@admin/components/ui/spinner'
+import { useFieldErrorVisible } from '@admin/hooks/use-field-error-visible'
 import { cn } from '@admin/utils/shared/cn'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import Image from 'next/image'
@@ -33,6 +34,8 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
     reValidateMode: 'onChange'
   })
 
+  const isEmailErrorVisible = useFieldErrorVisible(form, 'email')
+
   const handleSubmit = (values: ForgotPasswordFormValues) => {
     startTransition(async () => {
       try {
@@ -68,13 +71,7 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
       <Card className="overflow-hidden p-0">
         <CardContent className="grid grid-cols-[5fr_7fr] p-0">
           <div className="relative block bg-muted">
-            <Image
-              src="https://assets.betterstart.dev/assets/placeholder.png"
-              alt=""
-              fill
-              sizes="42vw"
-              className="object-cover"
-            />
+            <Image src="/placeholder.png" alt="" fill sizes="42vw" className="object-cover" />
           </div>
           <div className="p-20">
             <Form {...form}>
@@ -99,7 +96,7 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
                         type="email"
                         autoComplete="off"
                         placeholder="m@example.com"
-                        aria-invalid={Boolean(form.formState.errors.email)}
+                        aria-invalid={isEmailErrorVisible}
                         {...form.register('email')}
                         required
                         disabled={isPending}

package/dist/assets/adapters/next/templates/init/pages/forgot-password-page-skeleton.tsx

@@ -2,8 +2,8 @@ export function ForgotPasswordPageSkeleton() {
   return (
     <div className="overflow-hidden rounded-sm border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
-        <div className="block min-h-[460px] bg-muted" />
-        <div className="flex min-h-[460px] flex-col gap-10 p-20">
+        <div className="block min-h-auth-forgot-panel bg-muted" />
+        <div className="flex min-h-auth-forgot-panel flex-col gap-10 p-20">
           <div className="space-y-3">
             <div className="h-6 w-40 animate-pulse rounded-md bg-muted" />
             <div className="h-4 w-full max-w-72 animate-pulse rounded-md bg-muted" />

package/dist/assets/adapters/next/templates/init/pages/login-form.tsx

@@ -9,6 +9,7 @@ import { Field, FieldGroup, FieldLabel } from '@admin/components/ui/field'
 import { Form } from '@admin/components/ui/form'
 import { Input } from '@admin/components/ui/input'
 import { Spinner } from '@admin/components/ui/spinner'
+import { useFieldErrorVisible } from '@admin/hooks/use-field-error-visible'
 import { getAdminPostLoginPath } from '@admin/utils/auth/get-admin-post-login-path'
 import { cn } from '@admin/utils/shared/cn'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
@@ -41,6 +42,9 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
     reValidateMode: 'onChange'
   })
 
+  const isEmailErrorVisible = useFieldErrorVisible(form, 'email')
+  const isPasswordErrorVisible = useFieldErrorVisible(form, 'password')
+
   React.useEffect(() => {
     if (reset === 'success') {
       toast.success('Password reset. Sign in with your new password.', {
@@ -83,13 +87,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
       <Card className="overflow-hidden p-0">
         <CardContent className="grid grid-cols-[5fr_7fr] p-0">
           <div className="relative block bg-muted">
-            <Image
-              src="https://assets.betterstart.dev/assets/placeholder.png"
-              alt=""
-              fill
-              sizes="42vw"
-              className="object-cover"
-            />
+            <Image src="/placeholder.png" alt="" fill sizes="42vw" className="object-cover" />
           </div>
           <Form {...form}>
             <form
@@ -110,7 +108,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
                       type="email"
                       autoComplete="off"
                       placeholder="m@example.com"
-                      aria-invalid={Boolean(form.formState.errors.email)}
+                      aria-invalid={isEmailErrorVisible}
                       {...form.register('email')}
                       required
                       disabled={isPending}
@@ -132,7 +130,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
                       type="password"
                       autoComplete="off"
                       placeholder="Enter your password"
-                      aria-invalid={Boolean(form.formState.errors.password)}
+                      aria-invalid={isPasswordErrorVisible}
                       {...form.register('password')}
                       required
                       disabled={isPending}

package/dist/assets/adapters/next/templates/init/pages/login-page-skeleton.tsx

@@ -2,8 +2,8 @@ export function LoginPageSkeleton() {
   return (
     <div className="overflow-hidden rounded-sm border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
-        <div className="block min-h-[540px] bg-muted" />
-        <div className="flex min-h-[540px] flex-col gap-10 p-20">
+        <div className="block min-h-auth-login-panel bg-muted" />
+        <div className="flex min-h-auth-login-panel flex-col gap-10 p-20">
           <div className="space-y-3">
             <div className="h-6 w-32 animate-pulse rounded-md bg-muted" />
             <div className="h-4 w-40 animate-pulse rounded-md bg-muted" />

package/dist/assets/adapters/next/templates/init/pages/reset-password-form.tsx

@@ -9,6 +9,7 @@ import { Field, FieldGroup, FieldLabel } from '@admin/components/ui/field'
 import { Form } from '@admin/components/ui/form'
 import { Input } from '@admin/components/ui/input'
 import { Spinner } from '@admin/components/ui/spinner'
+import { useFieldErrorVisible } from '@admin/hooks/use-field-error-visible'
 import { cn } from '@admin/utils/shared/cn'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import Image from 'next/image'
@@ -49,19 +50,16 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
     reValidateMode: 'onChange'
   })
 
+  const isNewPasswordErrorVisible = useFieldErrorVisible(form, 'newPassword')
+  const isConfirmPasswordErrorVisible = useFieldErrorVisible(form, 'confirmPassword')
+
   if (!token) {
     return (
       <div className={cn('flex flex-col gap-6', className)} {...props}>
         <Card className="overflow-hidden p-0">
           <CardContent className="grid grid-cols-[5fr_7fr] p-0">
             <div className="relative block bg-muted">
-              <Image
-                src="https://assets.betterstart.dev/assets/placeholder.png"
-                alt=""
-                fill
-                sizes="42vw"
-                className="object-cover"
-              />
+              <Image src="/placeholder.png" alt="" fill sizes="42vw" className="object-cover" />
             </div>
             <div className="p-20">
               <FieldGroup className="gap-10 pb-12">
@@ -114,13 +112,7 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
       <Card className="overflow-hidden p-0">
         <CardContent className="grid grid-cols-[5fr_7fr] p-0">
           <div className="relative block bg-muted">
-            <Image
-              src="https://assets.betterstart.dev/assets/placeholder.png"
-              alt=""
-              fill
-              sizes="42vw"
-              className="object-cover"
-            />
+            <Image src="/placeholder.png" alt="" fill sizes="42vw" className="object-cover" />
           </div>
           <Form {...form}>
             <form
@@ -144,7 +136,7 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
                       type="password"
                       autoComplete="off"
                       placeholder="Enter new password"
-                      aria-invalid={Boolean(form.formState.errors.newPassword)}
+                      aria-invalid={isNewPasswordErrorVisible}
                       {...form.register('newPassword')}
                       required
                       disabled={isPending}
@@ -157,7 +149,7 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
                       type="password"
                       autoComplete="off"
                       placeholder="Confirm new password"
-                      aria-invalid={Boolean(form.formState.errors.confirmPassword)}
+                      aria-invalid={isConfirmPasswordErrorVisible}
                       {...form.register('confirmPassword')}
                       required
                       disabled={isPending}

package/dist/assets/adapters/next/templates/init/pages/reset-password-page-skeleton.tsx

@@ -2,8 +2,8 @@ export function ResetPasswordPageSkeleton() {
   return (
     <div className="overflow-hidden rounded-sm border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
-        <div className="block min-h-[520px] bg-muted" />
-        <div className="flex min-h-[520px] flex-col gap-10 p-20">
+        <div className="block min-h-auth-reset-panel bg-muted" />
+        <div className="flex min-h-auth-reset-panel flex-col gap-10 p-20">
           <div className="space-y-3">
             <div className="h-6 w-36 animate-pulse rounded-md bg-muted" />
             <div className="h-4 w-56 animate-pulse rounded-md bg-muted" />

package/dist/assets/adapters/next/templates/init/pages/settings/audit-log/audit-log-detail-row.tsx

@@ -7,7 +7,7 @@ interface AuditLogDetailRowProps {
 
 export function AuditLogDetailRow({ label, value }: AuditLogDetailRowProps) {
   return (
-    <div className="grid grid-cols-[120px_1fr] gap-3 border-b border-border px-4 py-2 last:border-b-0">
+    <div className="grid grid-cols-audit-detail gap-3 border-b border-border px-4 py-2 last:border-b-0">
       <dt className="text-sm font-medium text-muted-foreground">{label}</dt>
       <dd className="min-w-0 text-sm break-words text-foreground">{value || 'Unknown'}</dd>
     </div>

package/dist/assets/adapters/next/templates/init/pages/settings/audit-log/audit-log-table.tsx

@@ -248,12 +248,7 @@ export function AuditLogTable<TValue>({
               <DataGridRow
                 key={row.id}
                 className="cursor-pointer hover:bg-muted/50"
-                onClick={(event) => {
-                  const target = event.target as HTMLElement
-                  if (!event.currentTarget.contains(target)) return
-                  if (target.closest('button, a, input, [role="checkbox"]')) return
-                  onRowClick(row.original)
-                }}
+                onActivate={() => onRowClick(row.original)}
               >
                 {row.getVisibleCells().map((cell) => (
                   <DataGridCell

package/dist/assets/adapters/next/templates/init/pages/settings/forms/forms-settings-table.tsx

@@ -36,7 +36,7 @@ export function FormsSettingsTable({
     <div className={cn('flex h-full flex-col gap-6 pt-px pb-2', className)}>
       <DataGrid
         containerClassName="min-h-0 flex-1"
-        gridTemplateColumns="minmax(200px, 1fr) minmax(240px, 2fr)"
+        gridTemplateColumns="minmax(var(--spacing-form-settings-name), 1fr) minmax(var(--spacing-form-settings-recipients), 2fr)"
       >
         <DataGridHeader>
           {table.getHeaderGroups().map((headerGroup) => (
@@ -57,12 +57,7 @@ export function FormsSettingsTable({
               <DataGridRow
                 key={row.id}
                 className="cursor-pointer hover:bg-muted/50"
-                onClick={(event) => {
-                  const target = event.target as HTMLElement
-                  if (!event.currentTarget.contains(target)) return
-                  if (target.closest('button, a, input, [role="checkbox"]')) return
-                  onRowClick(row.original)
-                }}
+                onActivate={() => onRowClick(row.original)}
               >
                 {row.getVisibleCells().map((cell) => (
                   <DataGridCell key={cell.id} data-column-id={cell.column.id}>

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhooks-table.tsx

@@ -217,12 +217,7 @@ export function WebhooksTable<TValue>({
               <DataGridRow
                 key={row.id}
                 className="cursor-pointer hover:bg-muted/50"
-                onClick={(e) => {
-                  const target = e.target as HTMLElement
-                  if (!e.currentTarget.contains(target)) return
-                  if (target.closest('button, a, input, [role="checkbox"], [role="switch"]')) return
-                  onRowClick(row.original)
-                }}
+                onActivate={() => onRowClick(row.original)}
               >
                 {row.getVisibleCells().map((cell) => (
                   <DataGridCell

package/dist/assets/adapters/next/templates/init/pages/users/users-table.tsx

@@ -118,7 +118,7 @@ export function UsersTable<TValue>({
             email: session.user.email,
             name: session.user.name,
             image: session.user.image,
-            role: (session.user as { role?: string }).role || 'member'
+            role: session.user.role || 'member'
           }
         : null
     },

package/dist/assets/adapters/next/templates/init/types/index.ts

@@ -23,6 +23,8 @@ export interface AdminMedia {
   updatedBy: string | null
   createdByUser?: AdminUserSummary | null
   updatedByUser?: AdminUserSummary | null
+  createdAtFormatted?: string
+  updatedAtFormatted?: string
 }
 
 export interface MediaListParams {

package/dist/assets/adapters/next/templates/init/utils/audit/normalize-comparable-value.ts

@@ -1,10 +1,12 @@
+import { isRecord } from '@admin/utils/shared/is-record'
+
 export function normalizeComparableValue(value: unknown): string {
   if (value instanceof Date) return value.toISOString()
   if (Array.isArray(value)) {
     return JSON.stringify(value.map((item) => normalizeComparableValue(item)))
   }
-  if (value && typeof value === 'object') {
-    const entries = Object.entries(value as Record<string, unknown>)
+  if (isRecord(value)) {
+    const entries = Object.entries(value)
       .sort(([a], [b]) => a.localeCompare(b))
       .map(([key, item]) => [key, normalizeComparableValue(item)])
     return JSON.stringify(entries)

package/dist/assets/adapters/next/templates/init/utils/date/format-action-date.ts

@@ -0,0 +1,12 @@
+export function formatActionDate(value: unknown): string {
+  if (typeof value !== 'string') return ''
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) return ''
+
+  return date.toLocaleDateString('en-US', {
+    month: 'short',
+    day: '2-digit',
+    year: 'numeric',
+    timeZone: 'UTC'
+  })
+}

package/dist/assets/adapters/next/templates/init/utils/dev-mode/dev-mode-json-schemas.ts

@@ -0,0 +1,66 @@
+import { z } from 'zod/v3'
+
+export const devModeCodeLanguageSchema = z.enum(['tsx', 'ts', 'json'])
+
+export const devModeSnippetIconSchema = z.enum([
+  'eye',
+  'file-code',
+  'inbox',
+  'list',
+  'pencil',
+  'plus',
+  'save',
+  'send',
+  'trash'
+])
+
+export const devModeSnippetExampleSchema = z.object({
+  label: z.string(),
+  language: devModeCodeLanguageSchema,
+  code: z.string()
+})
+
+export const devModeSnippetCodeTabSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  language: devModeCodeLanguageSchema,
+  code: z.string()
+})
+
+export const devModeSnippetSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  kind: z.enum(['jsx', 'query', 'mutation']),
+  icon: devModeSnippetIconSchema,
+  language: devModeCodeLanguageSchema,
+  code: z.string(),
+  codeTabs: z.array(devModeSnippetCodeTabSchema).optional(),
+  payloadExample: devModeSnippetExampleSchema.optional(),
+  responseExample: devModeSnippetExampleSchema.optional()
+})
+
+export const devModeLifecycleHookExampleSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  event: z.enum([
+    'beforeCreate',
+    'afterCreate',
+    'beforeUpdate',
+    'afterUpdate',
+    'beforeDelete',
+    'afterDelete',
+    'beforePublish',
+    'afterPublish',
+    'beforeUnpublish',
+    'afterUnpublish',
+    'beforeRestore',
+    'afterRestore',
+    'beforeReorder',
+    'afterReorder'
+  ]),
+  phase: z.enum(['before', 'after']),
+  icon: devModeSnippetIconSchema,
+  language: devModeCodeLanguageSchema,
+  code: z.string(),
+  contextExample: devModeSnippetExampleSchema
+})

package/dist/assets/adapters/next/templates/init/utils/dev-mode/parse-dev-mode-lifecycle-hooks.ts

@@ -0,0 +1,11 @@
+import type { DevModeLifecycleHookExample } from '@admin/components/shared/dev-mode/dev-mode-types'
+import { devModeLifecycleHookExampleSchema } from '@admin/utils/dev-mode/dev-mode-json-schemas'
+import { z } from 'zod/v3'
+
+const lifecycleHooksSchema = z.array(devModeLifecycleHookExampleSchema)
+
+export function parseDevModeLifecycleHooks<Raw>(
+  values: readonly Raw[]
+): DevModeLifecycleHookExample[] {
+  return lifecycleHooksSchema.parse(values)
+}

package/dist/assets/adapters/next/templates/init/utils/dev-mode/parse-dev-mode-snippets.ts

@@ -0,0 +1,9 @@
+import type { DevModeSnippet } from '@admin/components/shared/dev-mode/dev-mode-types'
+import { devModeSnippetSchema } from '@admin/utils/dev-mode/dev-mode-json-schemas'
+import { z } from 'zod/v3'
+
+const snippetsSchema = z.array(devModeSnippetSchema)
+
+export function parseDevModeSnippets<Raw>(values: readonly Raw[]): DevModeSnippet[] {
+  return snippetsSchema.parse(values)
+}

package/dist/assets/adapters/next/templates/init/utils/editor/set-task-item-checked.ts

@@ -0,0 +1,13 @@
+import type { Transaction } from '@tiptap/pm/state'
+
+export function setTaskItemChecked(
+  tr: Transaction,
+  position: number | undefined,
+  checked: boolean
+): boolean {
+  if (typeof position !== 'number') return false
+
+  const taskItem = tr.doc.nodeAt(position)
+  tr.setNodeMarkup(position, undefined, { ...taskItem?.attrs, checked })
+  return true
+}

package/dist/assets/adapters/next/templates/init/utils/editor/update-nodes-attr.ts

@@ -15,7 +15,8 @@ export function updateNodesAttr<A extends string = string, V = unknown>(
     const currentNode = tr.doc.nodeAt(pos)
     if (!currentNode) continue
 
-    const prevValue = (currentNode.attrs as Record<string, unknown>)[attrName] as V | undefined
+    const attrs: Record<string, unknown> = currentNode.attrs
+    const prevValue = attrs[attrName] as V | undefined
     const resolvedNext =
       typeof next === 'function' ? (next as (p: V | undefined) => V | undefined)(prevValue) : next
 

package/dist/assets/adapters/next/templates/init/utils/email/email-theme.ts

@@ -0,0 +1,13 @@
+export const emailTheme = {
+  pageBackground: '#f8fafc',
+  surface: '#ffffff',
+  border: '#e2e8f0',
+  headerBackground: '#0f172a',
+  text: '#0f172a',
+  bodyText: '#334155',
+  mutedText: '#475569',
+  inverseText: '#ffffff',
+  mutedInverseText: '#cbd5e1',
+  compactWidth: '560px',
+  contentWidth: '640px'
+} as const

package/dist/assets/adapters/next/templates/init/utils/email/render-form-submission-rows.ts

@@ -1,3 +1,4 @@
+import { emailTheme } from '@admin/utils/email/email-theme'
 import { escapeHtml } from '@admin/utils/email/escape-html'
 import { formatEmailValue } from '@admin/utils/email/format-email-value'
 
@@ -8,8 +9,8 @@ export function renderFormSubmissionRows(submissionData: Record<string, unknown>
       const displayValue = escapeHtml(formatEmailValue(value))
 
       return `<tr>
-  <th style="border-bottom:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase;vertical-align:top;width:36%;">${label}</th>
-  <td style="border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:14px;line-height:20px;padding:12px;vertical-align:top;">${displayValue}</td>
+  <th style="border-bottom:1px solid ${emailTheme.border};color:${emailTheme.mutedText};font-size:12px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase;vertical-align:top;width:36%;">${label}</th>
+  <td style="border-bottom:1px solid ${emailTheme.border};color:${emailTheme.text};font-size:14px;line-height:20px;padding:12px;vertical-align:top;">${displayValue}</td>
 </tr>`
     })
     .join('\n')

package/dist/assets/adapters/next/templates/init/utils/email/render-notification-email.ts

@@ -1,4 +1,5 @@
 import type { FormEmailDeliveryInput } from '@admin/utils/email/form-email-delivery-input'
+import { emailTheme } from '@admin/utils/email/email-theme'
 import { escapeHtml } from '@admin/utils/email/escape-html'
 import { renderFormSubmissionRows } from '@admin/utils/email/render-form-submission-rows'
 
@@ -10,15 +11,15 @@ export function renderNotificationEmail(input: FormEmailDeliveryInput): string {
 
   return `<!doctype html>
 <html>
-  <body style="margin:0;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0f172a;">
-    <div style="margin:0 auto;max-width:640px;padding:40px 20px;">
-      <div style="border-radius:12px;background:#ffffff;border:1px solid #e2e8f0;overflow:hidden;">
-        <div style="background:#0f172a;color:#ffffff;padding:24px 28px;">
-          <p style="margin:0;color:#cbd5e1;font-size:13px;line-height:20px;">${formName}</p>
+  <body style="margin:0;background:${emailTheme.pageBackground};font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:${emailTheme.text};">
+    <div style="margin:0 auto;max-width:${emailTheme.contentWidth};padding:40px 20px;">
+      <div style="border-radius:12px;background:${emailTheme.surface};border:1px solid ${emailTheme.border};overflow:hidden;">
+        <div style="background:${emailTheme.headerBackground};color:${emailTheme.inverseText};padding:24px 28px;">
+          <p style="margin:0;color:${emailTheme.mutedInverseText};font-size:13px;line-height:20px;">${formName}</p>
           <h1 style="margin:4px 0 0;font-size:24px;line-height:32px;">New ${formLabel} submission</h1>
         </div>
         <div style="padding:24px 28px;">
-          <p style="margin:0 0 20px;color:#475569;font-size:14px;line-height:20px;">Submitted at ${submittedAt}</p>
+          <p style="margin:0 0 20px;color:${emailTheme.mutedText};font-size:14px;line-height:20px;">Submitted at ${submittedAt}</p>
           <table cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;width:100%;">
             <tbody>
 ${rows}

package/dist/assets/adapters/next/templates/init/utils/email/render-thank-you-email.ts

@@ -1,4 +1,5 @@
 import type { FormEmailDeliveryInput } from '@admin/utils/email/form-email-delivery-input'
+import { emailTheme } from '@admin/utils/email/email-theme'
 import { escapeHtml } from '@admin/utils/email/escape-html'
 
 export function renderThankYouEmail(input: FormEmailDeliveryInput): string {
@@ -6,11 +7,11 @@ export function renderThankYouEmail(input: FormEmailDeliveryInput): string {
 
   return `<!doctype html>
 <html>
-  <body style="margin:0;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0f172a;">
-    <div style="margin:0 auto;max-width:560px;padding:40px 20px;">
-      <div style="border-radius:12px;background:#ffffff;padding:32px;border:1px solid #e2e8f0;">
+  <body style="margin:0;background:${emailTheme.pageBackground};font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:${emailTheme.text};">
+    <div style="margin:0 auto;max-width:${emailTheme.compactWidth};padding:40px 20px;">
+      <div style="border-radius:12px;background:${emailTheme.surface};padding:32px;border:1px solid ${emailTheme.border};">
         <h1 style="margin:0 0 16px;font-size:24px;line-height:32px;">Thank you</h1>
-        <p style="margin:0;color:#334155;font-size:16px;line-height:24px;">We received your ${formLabel} submission and will get back to you shortly.</p>
+        <p style="margin:0;color:${emailTheme.bodyText};font-size:16px;line-height:24px;">We received your ${formLabel} submission and will get back to you shortly.</p>
       </div>
     </div>
   </body>

package/dist/assets/adapters/next/templates/init/utils/error/read-string-property.ts

@@ -1,5 +1,7 @@
+import { isRecord } from '@admin/utils/shared/is-record'
+
 export function readStringProperty(value: unknown, key: string): string | undefined {
-  if (typeof value !== 'object' || value === null) return undefined
-  const property = (value as Record<string, unknown>)[key]
+  if (!isRecord(value)) return undefined
+  const property = value[key]
   return typeof property === 'string' ? property : undefined
 }

package/dist/assets/adapters/next/templates/init/utils/error/recognize.ts

@@ -1,4 +1,5 @@
 import { readStringProperty } from '@admin/utils/error/read-string-property'
+import { isRecord } from '@admin/utils/shared/is-record'
 
 const POSTGRES_MESSAGES: Record<string, string> = {
   '23502': 'A required value is missing.',
@@ -13,10 +14,7 @@ const AUTH_MESSAGES: Record<string, string> = {
 }
 
 export function recognize(error: unknown): string | undefined {
-  const authCode = readStringProperty(
-    (error as { body?: unknown } | null)?.body ?? undefined,
-    'code'
-  )
+  const authCode = readStringProperty(isRecord(error) ? error.body : undefined, 'code')
   if (authCode && AUTH_MESSAGES[authCode]) return AUTH_MESSAGES[authCode]
 
   const sqlState = readStringProperty(error, 'code')

package/dist/assets/adapters/next/templates/init/utils/error/to-action-error.ts

@@ -1,6 +1,5 @@
 import { recognize } from '@admin/utils/error/recognize'
 
 export function toActionError(error: unknown, fallback: string): string {
-  console.error(error)
   return recognize(error) ?? fallback
 }