betterstart-cli 0.0.116 → 0.0.118

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

@@ -35,86 +35,88 @@ export default function DashboardPage() {
       <PageHeader title="Dashboard" hasBackButton={false} />
 
       <div className="w-full space-y-6 p-6">
-        <Card>
-          <CardHeader>
-            <div className="flex items-center gap-2">
-              <CircleGauge className="size-4 text-muted-foreground" />
-              <CardTitle className="font-medium">Setup your dashboard</CardTitle>
-            </div>
-          </CardHeader>
-          <CardContent className="p-10!">
-            <div className="grid grid-cols-2 gap-10">
-              <div className="flex w-full flex-col gap-1">
-                <p className="text-base font-medium">Hey, let's get started</p>
-                <p className="text-muted-foreground">
-                  Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
-                </p>
+        <div className="container mx-auto">
+          <Card>
+            <CardHeader>
+              <div className="flex items-center gap-2">
+                <CircleGauge className="size-4 text-muted-foreground" />
+                <CardTitle className="font-medium">Setup your dashboard</CardTitle>
               </div>
-              <div className="flex w-full flex-col">
-                <Accordion defaultValue={['item-1']}>
-                  <AccordionItem value="item-1">
-                    <AccordionTrigger>
-                      <div className="flex items-center gap-3">
-                        <ShieldEllipsis className="size-4 text-muted-foreground" />
-                        <span>Setup ENV Variables</span>
-                      </div>
-                    </AccordionTrigger>
-                    <AccordionContent className="h-auto pl-7">
-                      <div className="flex w-full flex-col gap-1">
-                        {envVariables.map((env) => (
-                          <div
-                            className="flex w-full flex-col rounded-sm border border-border bg-card py-2 pr-2 pl-4 shadow-card"
-                            key={env.name}
-                          >
-                            <div className="flex items-center justify-between">
-                              <div className="flex items-center gap-2">
-                                <span className="">{env.label}</span>
-                                <Badge variant={env.value ? 'success' : 'destructive'}>
-                                  {env.value ? 'Connected' : 'Not configured'}
-                                </Badge>
-                              </div>
+            </CardHeader>
+            <CardContent className="p-10!">
+              <div className="grid grid-cols-2 gap-10">
+                <div className="flex w-full flex-col gap-1">
+                  <p className="text-base font-medium">Hey, let's get started</p>
+                  <p className="text-muted-foreground">
+                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
+                  </p>
+                </div>
+                <div className="flex w-full flex-col">
+                  <Accordion defaultValue={['item-1']}>
+                    <AccordionItem value="item-1">
+                      <AccordionTrigger>
+                        <div className="flex items-center gap-3">
+                          <ShieldEllipsis className="size-4 text-muted-foreground" />
+                          <span>Setup ENV Variables</span>
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="h-auto pl-7">
+                        <div className="flex w-full flex-col gap-1">
+                          {envVariables.map((env) => (
+                            <div
+                              className="flex w-full flex-col rounded-sm border border-border bg-card py-2 pr-2 pl-4 shadow-card"
+                              key={env.name}
+                            >
+                              <div className="flex items-center justify-between">
+                                <div className="flex items-center gap-2">
+                                  <span className="">{env.label}</span>
+                                  <Badge variant={env.value ? 'success' : 'destructive'}>
+                                    {env.value ? 'Connected' : 'Not configured'}
+                                  </Badge>
+                                </div>
 
-                              <Button variant="ghost" className="size-8">
-                                <FileQuestion className="size-4" />
-                              </Button>
+                                <Button variant="ghost" className="size-8">
+                                  <FileQuestion className="size-4" />
+                                </Button>
+                              </div>
                             </div>
-                          </div>
-                        ))}
-                      </div>
-                    </AccordionContent>
-                  </AccordionItem>
-                  <AccordionItem value="item-2">
-                    <AccordionTrigger>
-                      <div className="flex items-center gap-3">
-                        <Blocks className="size-4 text-muted-foreground" />
-                        <span>Install Pre-built Modules</span>
-                      </div>
-                    </AccordionTrigger>
-                    <AccordionContent className="pl-7">Lorem</AccordionContent>
-                  </AccordionItem>
-                  <AccordionItem value="item-3">
-                    <AccordionTrigger>
-                      <div className="flex items-center gap-3">
-                        <PlugZap className="size-4 text-muted-foreground" />
-                        <span>Setup Provider Integrations</span>
-                      </div>
-                    </AccordionTrigger>
-                    <AccordionContent className="pl-7">Lorem</AccordionContent>
-                  </AccordionItem>
-                  <AccordionItem value="item-4">
-                    <AccordionTrigger>
-                      <div className="flex items-center gap-3">
-                        <Globe className="size-4 text-muted-foreground" />
-                        <span>Deploy</span>
-                      </div>
-                    </AccordionTrigger>
-                    <AccordionContent className="pl-7">Lorem</AccordionContent>
-                  </AccordionItem>
-                </Accordion>
+                          ))}
+                        </div>
+                      </AccordionContent>
+                    </AccordionItem>
+                    <AccordionItem value="item-2">
+                      <AccordionTrigger>
+                        <div className="flex items-center gap-3">
+                          <Blocks className="size-4 text-muted-foreground" />
+                          <span>Install Pre-built Modules</span>
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pl-7">Lorem</AccordionContent>
+                    </AccordionItem>
+                    <AccordionItem value="item-3">
+                      <AccordionTrigger>
+                        <div className="flex items-center gap-3">
+                          <PlugZap className="size-4 text-muted-foreground" />
+                          <span>Setup Provider Integrations</span>
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pl-7">Lorem</AccordionContent>
+                    </AccordionItem>
+                    <AccordionItem value="item-4">
+                      <AccordionTrigger>
+                        <div className="flex items-center gap-3">
+                          <Globe className="size-4 text-muted-foreground" />
+                          <span>Deploy</span>
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pl-7">Lorem</AccordionContent>
+                    </AccordionItem>
+                  </Accordion>
+                </div>
               </div>
-            </div>
-          </CardContent>
-        </Card>
+            </CardContent>
+          </Card>
+        </div>
       </div>
     </React.Fragment>
   )

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')