betterstart-cli 0.0.117 → 0.0.118

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
 }

package/dist/assets/adapters/next/templates/init/utils/form/clone-default-value.ts

@@ -1,8 +1,10 @@
+import { isRecord } from '@admin/utils/shared/is-record'
+
 export function cloneDefaultValue(value: unknown): unknown {
   if (Array.isArray(value)) return value.map(cloneDefaultValue)
 
-  if (value && typeof value === 'object') {
-    const clonedEntries = Object.entries(value as Record<string, unknown>).map(
+  if (isRecord(value)) {
+    const clonedEntries = Object.entries(value).map(
       ([key, childValue]) => [key, cloneDefaultValue(childValue)] as const
     )
     return Object.fromEntries(clonedEntries)

package/dist/assets/adapters/next/templates/init/utils/shared/is-record.ts

@@ -0,0 +1,3 @@
+export function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}

package/dist/assets/adapters/next/templates/init/utils/table/default-get-id.ts

@@ -1,6 +1,7 @@
 import type { RowData } from '@tanstack/react-table'
+import { isRecord } from '@admin/utils/shared/is-record'
 
 export function defaultGetId<TData extends RowData>(row: TData): string | null | undefined {
-  const id = (row as { id?: unknown }).id
-  return typeof id === 'string' ? id : null
+  if (!isRecord(row)) return null
+  return typeof row.id === 'string' ? row.id : null
 }

package/dist/assets/shared-assets/react-admin/custom/content-editor/editor-toolbar.tsx

@@ -15,7 +15,7 @@ export function EditorToolbar({
       role="toolbar"
       aria-label={ariaLabel}
       className={cn(
-        'sticky top-0 z-10 flex min-h-12 w-full items-center gap-1 overflow-x-auto overscroll-x-contain border-b border-border bg-card px-2 [scrollbar-width:none] max-[480px]:absolute max-[480px]:top-auto max-[480px]:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-[480px]:flex-nowrap max-[480px]:justify-start max-[480px]:border-t max-[480px]:border-b-0 max-[480px]:pb-[env(safe-area-inset-bottom,0px)] [&::-webkit-scrollbar]:hidden',
+        'sticky top-0 z-10 flex min-h-12 w-full items-center gap-1 overflow-x-auto overscroll-x-contain border-b border-border bg-card px-2 [scrollbar-width:none] max-xs:absolute max-xs:top-auto max-xs:h-[calc(2.75rem+env(safe-area-inset-bottom,0px))] max-xs:flex-nowrap max-xs:justify-start max-xs:border-t max-xs:border-b-0 max-xs:pb-[env(safe-area-inset-bottom,0px)] [&::-webkit-scrollbar]:hidden',
         className
       )}
     >

package/dist/assets/shared-assets/react-admin/custom/content-editor/slash-command-menu.tsx

@@ -33,6 +33,10 @@ export function SlashCommandMenu({
   searchQuery: string
 }) {
   const activeItemRef = React.useRef<HTMLDivElement | null>(null)
+
+  function assignActiveItem(node: HTMLDivElement | null) {
+    activeItemRef.current = node
+  }
   const searchInputRef = React.useRef<HTMLInputElement | null>(null)
   const activeCommandId = commands[activeIndex]?.id
 
@@ -159,9 +163,7 @@ export function SlashCommandMenu({
                 index={index}
                 key={command.id}
                 data-active={isActive ? 'true' : undefined}
-                ref={(node) => {
-                  if (isActive) activeItemRef.current = node
-                }}
+                ref={isActive ? assignActiveItem : undefined}
                 onMouseDown={(event) => event.preventDefault()}
                 onMouseEnter={() => onActiveIndexChange(index)}
                 value={command}

package/dist/assets/shared-assets/react-admin/custom/content-editor/source-mode.tsx

@@ -120,7 +120,7 @@ export function SourceMode({
   return (
     <div
       className={cn(
-        'content-editor-wrapper relative flex max-h-[90vh] min-h-[240px] resize-y flex-col overflow-hidden rounded-md border bg-background',
+        'content-editor-wrapper relative flex max-h-[90vh] min-h-source-editor resize-y flex-col overflow-hidden rounded-md border bg-background',
         { 'opacity-50': disabled },
         className
       )}

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/removable-image-node/removable-image-node.tsx

@@ -14,6 +14,8 @@ import { cn } from '@admin/utils/shared/cn'
 import { NodeViewWrapper } from '@tiptap/react'
 import NextImage from 'next/image'
 
+const EDITOR_IMAGE_SIZES = '768px'
+
 export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
   const { editor, node } = props
   const src = getStringAttr(node.attrs.src)
@@ -118,7 +120,7 @@ export const RemovableImageNode: React.FC<NodeViewProps> = (props) => {
             alt={alt}
             title={title || undefined}
             fill
-            sizes="768px"
+            sizes={EDITOR_IMAGE_SIZES}
             unoptimized
             className="!m-0 !h-full !w-full !max-w-full object-contain"
             onLoad={handleImageLoad}

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-node/task-item-node/task-item-node-extension.tsx

@@ -5,6 +5,7 @@ import { getTaskItemCheckboxLabel } from '@admin/utils/editor/get-task-item-chec
 import { hasOwnAttribute } from '@admin/utils/editor/has-own-attribute'
 import { isTaskItemChecked } from '@admin/utils/editor/is-task-item-checked'
 import { setElementAttribute } from '@admin/utils/editor/set-element-attribute'
+import { setTaskItemChecked } from '@admin/utils/editor/set-task-item-checked'
 import { getRenderedAttributes } from '@tiptap/core'
 import { TaskItem } from '@tiptap/extension-list'
 import { createRoot } from 'react-dom/client'
@@ -20,7 +21,7 @@ export const ContentEditorTaskItem = TaskItem.extend({
       const checkboxMount = document.createElement('span')
       const content = document.createElement('div')
       const checkboxRoot = createRoot(checkboxMount)
-      const staticAttributes = this.options.HTMLAttributes as Record<string, unknown>
+      const staticAttributes: Record<string, unknown> = this.options.HTMLAttributes
 
       checkboxContainer.contentEditable = 'false'
       checkboxContainer.className = 'content-editor-task-item-checkbox'
@@ -52,17 +53,7 @@ export const ContentEditorTaskItem = TaskItem.extend({
                 editor
                   .chain()
                   .focus(undefined, { scrollIntoView: false })
-                  .command(({ tr }) => {
-                    const position = getPos()
-                    if (typeof position !== 'number') return false
-
-                    const taskItem = tr.doc.nodeAt(position)
-                    tr.setNodeMarkup(position, undefined, {
-                      ...taskItem?.attrs,
-                      checked
-                    })
-                    return true
-                  })
+                  .command(({ tr }) => setTaskItemChecked(tr, getPos(), checked))
                   .run()
                 return
               }
@@ -89,7 +80,7 @@ export const ContentEditorTaskItem = TaskItem.extend({
         listItem.dataset.checked = String(renderedChecked)
       }
 
-      applyAttributes(HTMLAttributes as Record<string, unknown>)
+      applyAttributes(HTMLAttributes)
       renderCheckbox()
 
       let prevRenderedAttributeKeys = new Set(Object.keys(HTMLAttributes))
@@ -104,10 +95,10 @@ export const ContentEditorTaskItem = TaskItem.extend({
           renderedChecked = isTaskItemChecked(updatedNode)
 
           const extensionAttributes = editor.extensionManager.attributes
-          const newHTMLAttributes = getRenderedAttributes(
+          const newHTMLAttributes: Record<string, unknown> = getRenderedAttributes(
             updatedNode,
             extensionAttributes
-          ) as Record<string, unknown>
+          )
           const newKeys = new Set(Object.keys(newHTMLAttributes))
 
           prevRenderedAttributeKeys.forEach((key) => {

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/heading-dropdown-menu/heading-dropdown-menu.tsx

@@ -93,12 +93,7 @@ export function HeadingDropdownMenu({
         }
       ></DropdownMenuTrigger>
 
-      <DropdownMenuContent
-        align="start"
-        className="w-auto min-w-40"
-        finalFocus={false}
-        portalled={false}
-      >
+      <DropdownMenuContent align="start" className="w-auto min-w-40" finalFocus={false}>
         <DropdownMenuGroup>
           {levels.map((level) => (
             <HeadingDropdownMenuItem key={`heading-${level}`} editor={editor} level={level} />

package/dist/assets/shared-assets/react-admin/custom/content-editor/tiptap-ui/list-dropdown-menu/list-dropdown-menu.tsx

@@ -83,12 +83,7 @@ export function ListDropdownMenu({
         <ChevronDownIcon className="tiptap-button-dropdown-small" />
       </DropdownMenuTrigger>
 
-      <DropdownMenuContent
-        align="start"
-        className="w-auto min-w-40"
-        finalFocus={false}
-        portalled={false}
-      >
+      <DropdownMenuContent align="start" className="w-auto min-w-40" finalFocus={false}>
         <DropdownMenuGroup>
           {filteredLists.map((option) => (
             <ListDropdownMenuItem

package/dist/assets/shared-assets/react-admin/custom/date-range-picker.tsx

@@ -132,14 +132,21 @@ export function DateRangePicker({
     >
       <PopoverTrigger
         render={
-          <Button variant="outline" className={cn('w-[206px]', className)} disabled={disabled} />
+          <Button
+            variant="outline"
+            className={cn('w-date-range-trigger', className)}
+            disabled={disabled}
+          />
         }
       >
         <CalendarIcon />
         <span className="min-w-0 flex-1 truncate text-left tabular-nums">{triggerLabel}</span>
         <ChevronDown />
       </PopoverTrigger>
-      <PopoverContent className="w-[282px] gap-0 overflow-hidden rounded-sm p-0" align="start">
+      <PopoverContent
+        className="w-date-range-popover gap-0 overflow-hidden rounded-sm p-0"
+        align="start"
+      >
         <Calendar
           mode="range"
           month={calendarMonth}