betterstart-cli 0.0.99 → 0.0.101

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhook-endpoint-dialog.tsx

@@ -29,12 +29,12 @@ import {
   FormMessage
 } from '@admin/components/ui/form'
 import { Input } from '@admin/components/ui/input'
+import { Spinner } from '@admin/components/ui/spinner'
 import { Switch } from '@admin/components/ui/switch'
 import { webhookEventSources } from '@admin/data/webhook-events'
 import { useWebhookSubscriptions } from '@admin/hooks/use-webhooks'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { LoaderCircle } from 'lucide-react'
 import { useForm } from 'react-hook-form'
 import { toast } from 'sonner'
 import { z } from 'zod/v3'
@@ -95,13 +95,13 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
         ? await updateWebhook(webhook.id, { ...endpointValues, events })
         : await createWebhook({ ...endpointValues, events })
       if (!result.success) {
-        throw new Error(result.error || 'Failed to save endpoint')
+        throw new Error(result.error || 'Failed to save this webhook')
       }
 
       return result
     },
     onSuccess: async () => {
-      toast.success(isEdit ? 'Endpoint saved' : 'Endpoint created')
+      toast.success(isEdit ? 'Webhook saved' : 'Webhook created')
       await queryClient.invalidateQueries({ queryKey: ['webhooks'] })
       await queryClient.invalidateQueries({
         queryKey: ['webhook-subscriptions']
@@ -109,13 +109,13 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
       onOpenChange(false)
     },
     onError: (error: Error) => {
-      toast.error(error.message || 'An unexpected error occurred')
+      toast.error(error.message || 'Failed to save this webhook')
     }
   })
 
   const revealSecretMutation = useMutation({
     mutationFn: async () => {
-      if (!webhook) throw new Error('Save the endpoint first')
+      if (!webhook) throw new Error('Save this webhook first.')
       const result = await getWebhookSecret(webhook.id)
       if (!result.success || !result.secret) {
         throw new Error(result.error || 'Failed to fetch signing secret')
@@ -131,7 +131,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
 
   const regenerateSecretMutation = useMutation({
     mutationFn: async () => {
-      if (!webhook) throw new Error('Save the endpoint first')
+      if (!webhook) throw new Error('Save this webhook first.')
       const result = await regenerateWebhookSecret(webhook.id)
       if (!result.success || !result.secret) {
         throw new Error(result.error || 'Failed to regenerate signing secret')
@@ -150,7 +150,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
 
   const testMutation = useMutation({
     mutationFn: async () => {
-      if (!webhook) throw new Error('Save the endpoint first')
+      if (!webhook) throw new Error('Save this webhook first.')
       const result = await sendTestWebhook(webhook.id)
       if (!result.success) {
         throw new Error(result.error || 'Test webhook failed')
@@ -183,9 +183,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
         <Form {...form}>
           <form onSubmit={form.handleSubmit((values) => saveMutation.mutate(values))}>
             <DialogHeader>
-              <DialogTitle>
-                {isEdit ? `Edit endpoint — ${webhook.name}` : 'Add endpoint'}
-              </DialogTitle>
+              <DialogTitle>{isEdit ? `Edit webhook — ${webhook.name}` : 'Add webhook'}</DialogTitle>
               <DialogDescription>
                 Events are delivered as signed JSON POST requests
               </DialogDescription>
@@ -252,21 +250,22 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                         variant="outline"
                         size="sm"
                         disabled={revealSecretMutation.isPending || secret !== null}
+                        aria-busy={revealSecretMutation.isPending}
                         onClick={() => revealSecretMutation.mutate()}
                       >
-                        Reveal
+                        {revealSecretMutation.isPending && <Spinner />}
+                        {revealSecretMutation.isPending ? 'Revealing…' : 'Reveal'}
                       </Button>
                       <Button
                         type="button"
                         variant="outline"
                         size="sm"
                         disabled={regenerateSecretMutation.isPending}
+                        aria-busy={regenerateSecretMutation.isPending}
                         onClick={() => regenerateSecretMutation.mutate()}
                       >
-                        {regenerateSecretMutation.isPending && (
-                          <LoaderCircle className="animate-spin" />
-                        )}
-                        Regenerate
+                        {regenerateSecretMutation.isPending && <Spinner />}
+                        {regenerateSecretMutation.isPending ? 'Regenerating…' : 'Regenerate'}
                       </Button>
                     </div>
                     <p className="text-xs text-muted-foreground">
@@ -351,15 +350,22 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                   variant="outline"
                   size="lg"
                   disabled={testMutation.isPending}
+                  aria-busy={testMutation.isPending}
                   onClick={() => testMutation.mutate()}
                 >
-                  {testMutation.isPending && <LoaderCircle className="animate-spin" />}
-                  Send test
+                  {testMutation.isPending && <Spinner />}
+                  {testMutation.isPending ? 'Sending test…' : 'Send test'}
                 </Button>
               )}
-              <Button type="submit" disabled={isPending} size="lg">
-                {isPending && <LoaderCircle className="animate-spin" />}
-                {isEdit ? 'Save endpoint' : 'Create endpoint'}
+              <Button type="submit" disabled={isPending} aria-busy={isPending} size="lg">
+                {isPending && <Spinner />}
+                {isPending
+                  ? isEdit
+                    ? 'Saving webhook…'
+                    : 'Creating webhook…'
+                  : isEdit
+                    ? 'Save webhook'
+                    : 'Create webhook'}
               </Button>
             </DialogFooter>
           </form>

package/dist/assets/adapters/next/templates/init/pages/settings/webhooks/webhooks-logs-page-content.tsx

@@ -56,17 +56,17 @@ export function WebhooksLogsPageContent() {
   const filters = [
     {
       key: 'status',
-      label: 'Results',
+      label: 'Status',
       type: 'select' as const,
       value: status,
       options: [
-        { label: 'Success', value: 'success' },
+        { label: 'Delivered', value: 'success' },
         { label: 'Failed', value: 'failed' }
       ]
     },
     {
       key: 'endpoint',
-      label: 'Endpoints',
+      label: 'Webhooks',
       type: 'select' as const,
       value: endpoint,
       options: (endpointOptions?.webhooks ?? []).map((webhook) => ({
@@ -85,7 +85,7 @@ export function WebhooksLogsPageContent() {
 
   return (
     <React.Fragment>
-      <PageHeader title="Webhook Logs" />
+      <PageHeader title="Deliveries" />
 
       <EntityFiltersBar
         filters={filters}

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

@@ -205,7 +205,9 @@ export function WebhooksLogsTable<TValue>({
                 className="flex h-24 items-center justify-center text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
-                <div className="text-destructive">Error loading deliveries: {error.message}</div>
+                <div className="text-destructive">
+                  Failed to load deliveries. Refresh to try again.
+                </div>
               </DataGridCell>
             </DataGridRow>
           ) : table.getRowModel().rows?.length ? (

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

@@ -207,7 +207,9 @@ export function WebhooksTable<TValue>({
                 className="flex h-24 items-center justify-center text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
-                <div className="text-destructive">Error loading Webhooks: {error.message}</div>
+                <div className="text-destructive">
+                  Failed to load webhooks. Refresh to try again.
+                </div>
               </DataGridCell>
             </DataGridRow>
           ) : table.getRowModel().rows?.length ? (

package/dist/assets/adapters/next/templates/init/pages/users/change-password-dialog.tsx

@@ -25,9 +25,10 @@ import {
   FormMessage
 } from '@admin/components/ui/form'
 import { Input } from '@admin/components/ui/input'
+import { Spinner } from '@admin/components/ui/spinner'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { KeySquare, LoaderCircle } from 'lucide-react'
+import { KeySquare } from 'lucide-react'
 import { useForm } from 'react-hook-form'
 import { toast } from 'sonner'
 import { z } from 'zod/v3'
@@ -112,7 +113,7 @@ export function ChangePasswordDialog({
       setOpen(false)
     },
     onError: (error: Error) => {
-      toast.error(error.message || 'An unexpected error occurred')
+      toast.error(error.message || 'Failed to change this password')
     }
   })
 
@@ -216,9 +217,9 @@ export function ChangePasswordDialog({
             </DialogBody>
 
             <DialogFooter showCloseButton={true}>
-              <Button type="submit" disabled={isPending} size="lg">
-                {isPending ? <LoaderCircle className="animate-spin" /> : null}
-                {isPending ? 'Changing...' : 'Change Password'}
+              <Button type="submit" disabled={isPending} aria-busy={isPending} size="lg">
+                {isPending ? <Spinner /> : null}
+                {isPending ? 'Changing…' : 'Change Password'}
               </Button>
             </DialogFooter>
           </form>

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

@@ -10,7 +10,7 @@ import {
   DropdownMenuTrigger
 } from '@admin/components/ui/dropdown-menu'
 import { UserRole } from '@admin/types/auth'
-import { getUserInitials } from '@admin/utils/user/user'
+import { getUserInitials } from '@admin/utils/user/get-user-initials'
 import { Edit, MoreHorizontal, ShieldCheck } from 'lucide-react'
 import { ChangePasswordDialog } from './change-password-dialog'
 import { DeleteUserDialog } from './delete-user-dialog'

package/dist/assets/adapters/next/templates/init/pages/users/create-user-dialog.tsx

@@ -30,10 +30,10 @@ import {
   SelectTrigger,
   SelectValue
 } from '@admin/components/ui/select'
+import { Spinner } from '@admin/components/ui/spinner'
 import { UserRole } from '@admin/types/auth'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { LoaderCircle } from 'lucide-react'
 import { useForm } from 'react-hook-form'
 import { toast } from 'sonner'
 import { z } from 'zod/v3'
@@ -87,7 +87,7 @@ export function CreateUserDialog() {
       setOpen(false)
     },
     onError: (error: Error) => {
-      toast.error(error.message || 'An unexpected error occurred')
+      toast.error(error.message || 'Failed to create this user')
     }
   })
 
@@ -214,9 +214,9 @@ export function CreateUserDialog() {
             </DialogBody>
 
             <DialogFooter showCloseButton={true}>
-              <Button type="submit" disabled={isPending} size="lg">
-                {isPending && <LoaderCircle className="animate-spin" />}
-                Create
+              <Button type="submit" disabled={isPending} aria-busy={isPending} size="lg">
+                {isPending && <Spinner />}
+                {isPending ? 'Creating…' : 'Create'}
               </Button>
             </DialogFooter>
           </form>

package/dist/assets/adapters/next/templates/init/pages/users/delete-user-dialog.tsx

@@ -24,9 +24,10 @@ import {
   FormMessage
 } from '@admin/components/ui/form'
 import { Input } from '@admin/components/ui/input'
+import { Spinner } from '@admin/components/ui/spinner'
 import { standardSchemaResolver } from '@hookform/resolvers/standard-schema'
 import { useMutation, useQueryClient } from '@tanstack/react-query'
-import { LoaderCircle, Trash } from 'lucide-react'
+import { Trash } from 'lucide-react'
 import { useForm } from 'react-hook-form'
 import { toast } from 'sonner'
 import { z } from 'zod/v3'
@@ -80,7 +81,7 @@ export function DeleteUserDialog({ userId, userName, isCurrentUser }: DeleteUser
       setOpen(false)
     },
     onError: (error: Error) => {
-      toast.error(error.message || 'An unexpected error occurred')
+      toast.error(error.message || 'Failed to delete this account')
     }
   })
 
@@ -149,11 +150,12 @@ export function DeleteUserDialog({ userId, userName, isCurrentUser }: DeleteUser
               <Button
                 type="submit"
                 disabled={isPending || !form.formState.isValid}
+                aria-busy={isPending}
                 size="lg"
                 variant="destructive"
               >
-                {isPending ? <LoaderCircle className="animate-spin" /> : null}
-                {isPending ? 'Deleting...' : 'Delete'}
+                {isPending ? <Spinner /> : null}
+                {isPending ? 'Deleting…' : 'Delete account'}
               </Button>
             </AlertDialogFooter>
           </form>

package/dist/assets/adapters/next/templates/init/pages/users/edit-role-dialog.tsx

@@ -19,9 +19,9 @@ import {
   SelectTrigger,
   SelectValue
 } from '@admin/components/ui/select'
+import { Spinner } from '@admin/components/ui/spinner'
 import { UserRole } from '@admin/types/auth'
 import { useQueryClient } from '@tanstack/react-query'
-import { LoaderCircle } from 'lucide-react'
 import { toast } from 'sonner'
 
 interface EditRoleDialogProps {
@@ -49,7 +49,7 @@ export function EditRoleDialog({ userId, currentRole, userName, children }: Edit
           toast.error(result.error || 'Failed to update role')
         }
       } catch {
-        toast.error('An unexpected error occurred')
+        toast.error('Failed to change this role. Try again.')
       }
     })
   }
@@ -80,9 +80,13 @@ export function EditRoleDialog({ userId, currentRole, userName, children }: Edit
           <Button variant="outline" onClick={() => setOpen(false)} disabled={isPending}>
             Cancel
           </Button>
-          <Button onClick={handleSave} disabled={isPending || role === currentRole}>
-            {isPending && <LoaderCircle className="animate-spin" />}
-            Save Role
+          <Button
+            onClick={handleSave}
+            disabled={isPending || role === currentRole}
+            aria-busy={isPending}
+          >
+            {isPending && <Spinner />}
+            {isPending ? 'Saving Role…' : 'Save Role'}
           </Button>
         </DialogFooter>
       </DialogContent>

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

@@ -16,7 +16,7 @@ import { DataTablePagination } from '@admin/components/shared/data-table/data-ta
 import { useTableUtils } from '@admin/hooks/use-table-utils'
 import { useUsers } from '@admin/hooks/use-users'
 import { cn } from '@admin/utils/shared/cn'
-import { getUsersPage } from '@admin/utils/user/user'
+import { getUsersPage } from '@admin/utils/user/get-users-page'
 import { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table'
 import { GripVertical } from 'lucide-react'
 import { parseAsInteger, parseAsString, useQueryStates } from 'nuqs'
@@ -215,7 +215,7 @@ export function UsersTable<TValue>({
                 className="flex h-24 items-center justify-center px-4 text-center"
                 style={{ gridColumn: '1 / -1' }}
               >
-                <div className="text-destructive">Error: {error.message}</div>
+                <div className="text-destructive">Failed to load users. Refresh to try again.</div>
               </DataGridCell>
             </DataGridRow>
           ) : table.getRowModel().rows?.length ? (

package/dist/assets/adapters/next/templates/init/utils/audit/get-changed-field-names.ts

@@ -0,0 +1,18 @@
+import { normalizeComparableValue } from '@admin/utils/audit/normalize-comparable-value'
+import { shouldTrackField } from '@admin/utils/audit/should-track-field'
+
+export function getChangedFieldNames(
+  previous: Record<string, unknown> | null | undefined,
+  next: Record<string, unknown> | null | undefined
+): string[] {
+  if (!next) return []
+
+  return Object.keys(next)
+    .filter(shouldTrackField)
+    .filter((fieldName) => {
+      const previousValue = previous?.[fieldName]
+      const nextValue = next[fieldName]
+      return normalizeComparableValue(previousValue) !== normalizeComparableValue(nextValue)
+    })
+    .sort((a, b) => a.localeCompare(b))
+}

package/dist/assets/adapters/next/templates/init/utils/audit/get-touched-field-names.ts

@@ -0,0 +1,9 @@
+import { shouldTrackField } from '@admin/utils/audit/should-track-field'
+
+export function getTouchedFieldNames(input: Record<string, unknown> | null | undefined): string[] {
+  if (!input) return []
+
+  return Object.keys(input)
+    .filter(shouldTrackField)
+    .sort((a, b) => a.localeCompare(b))
+}

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

@@ -0,0 +1,14 @@
+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>)
+      .sort(([a], [b]) => a.localeCompare(b))
+      .map(([key, item]) => [key, normalizeComparableValue(item)])
+    return JSON.stringify(entries)
+  }
+
+  return JSON.stringify(value ?? null)
+}

package/dist/assets/adapters/next/templates/init/utils/audit/should-track-field.ts

@@ -0,0 +1,15 @@
+const REDACTED_FIELD_PATTERNS = [/password/i, /token/i, /secret/i, /key/i]
+const SYSTEM_FIELD_NAMES = new Set([
+  'id',
+  'createdAt',
+  'updatedAt',
+  'createdBy',
+  'updatedBy',
+  'createdByUser',
+  'updatedByUser'
+])
+
+export function shouldTrackField(fieldName: string): boolean {
+  if (SYSTEM_FIELD_NAMES.has(fieldName)) return false
+  return !REDACTED_FIELD_PATTERNS.some((pattern) => pattern.test(fieldName))
+}

package/dist/assets/adapters/next/templates/init/utils/auth/can-access-admin.ts

@@ -0,0 +1,7 @@
+import { ADMIN_ACCESS_ROLES, UserRole } from '@admin/types/auth'
+import { hasRequiredRole } from '@admin/utils/auth/has-required-role'
+import { isUserRole } from '@admin/utils/auth/is-user-role'
+
+export function canAccessAdmin(role: unknown): role is UserRole.ADMIN | UserRole.EDITOR {
+  return isUserRole(role) && hasRequiredRole(role, ADMIN_ACCESS_ROLES)
+}

package/dist/assets/adapters/next/templates/init/utils/auth/get-admin-post-login-path.ts

@@ -0,0 +1,5 @@
+import { canAccessAdmin } from '@admin/utils/auth/can-access-admin'
+
+export function getAdminPostLoginPath(role: unknown): '/admin' | '/admin/profile' {
+  return canAccessAdmin(role) ? '/admin' : '/admin/profile'
+}

package/dist/assets/adapters/next/templates/init/utils/auth/has-required-role.ts

@@ -0,0 +1,5 @@
+import type { UserRole } from '@admin/types/auth'
+
+export function hasRequiredRole(userRole: UserRole, allowedRoles: readonly UserRole[]): boolean {
+  return allowedRoles.includes(userRole)
+}

package/dist/assets/adapters/next/templates/init/utils/auth/is-user-role.ts

@@ -0,0 +1,5 @@
+import { UserRole } from '@admin/types/auth'
+
+export function isUserRole(value: unknown): value is UserRole {
+  return typeof value === 'string' && Object.values(UserRole).includes(value as UserRole)
+}

package/dist/assets/adapters/next/templates/init/utils/date/build-date-range.ts

@@ -0,0 +1,14 @@
+import type { DateRange } from 'react-day-picker'
+import { parseDateInputValue } from '@admin/utils/date/parse-date-input-value'
+
+export function buildDateRange(from?: string, to?: string): DateRange | undefined {
+  const fromDate = parseDateInputValue(from)
+  const toDate = parseDateInputValue(to)
+
+  if (!fromDate && !toDate) return undefined
+
+  return {
+    from: fromDate,
+    to: toDate
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/date/date-range-end-time.ts

@@ -0,0 +1 @@
+export const DATE_RANGE_END_TIME = '23:59'

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

@@ -0,0 +1 @@
+export const DATE_RANGE_INPUT_FORMAT = 'MMM d, yyyy'

package/dist/assets/adapters/next/templates/init/utils/date/date-range-start-time.ts

@@ -0,0 +1 @@
+export const DATE_RANGE_START_TIME = '00:00'

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

@@ -0,0 +1,6 @@
+import { DATE_RANGE_INPUT_FORMAT } from '@admin/utils/date/date-range-input-format'
+import { format } from 'date-fns'
+
+export function formatDateRangeInputDate(date?: Date) {
+  return date ? format(date, DATE_RANGE_INPUT_FORMAT) : ''
+}

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

@@ -0,0 +1,7 @@
+import { format } from 'date-fns'
+
+const DATE_RANGE_PARAM_FORMAT = 'yyyy-MM-dd'
+
+export function formatDateRangeParamDate(date: Date) {
+  return format(date, DATE_RANGE_PARAM_FORMAT)
+}

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

@@ -0,0 +1,5 @@
+import { format } from 'date-fns'
+
+export function formatDateRangeTriggerDate(date: Date, includeYear = false) {
+  return format(date, includeYear ? 'MMM d, yyyy' : 'MMM d')
+}

package/dist/assets/adapters/next/templates/init/utils/date/get-date-range-trigger-label.ts

@@ -0,0 +1,24 @@
+import { formatDateRangeTriggerDate } from '@admin/utils/date/format-date-range-trigger-date'
+import { format } from 'date-fns'
+
+export function getDateRangeTriggerLabel(
+  from?: Date,
+  to?: Date,
+  placeholder = 'Pick a date range'
+) {
+  if (!from) return placeholder
+  if (!to) return `${formatDateRangeTriggerDate(from, true)} - ...`
+
+  const sameYear = from.getFullYear() === to.getFullYear()
+  const sameMonth = sameYear && from.getMonth() === to.getMonth()
+
+  if (sameMonth) {
+    return `${formatDateRangeTriggerDate(from)} - ${format(to, 'd')}`
+  }
+
+  if (sameYear) {
+    return `${formatDateRangeTriggerDate(from)} - ${formatDateRangeTriggerDate(to)}`
+  }
+
+  return `${formatDateRangeTriggerDate(from, true)} - ${formatDateRangeTriggerDate(to, true)}`
+}

package/dist/assets/adapters/next/templates/init/utils/date/get-exclusive-date-upper-bound.ts

@@ -0,0 +1,9 @@
+export function getExclusiveDateUpperBound(value?: string): string | null {
+  if (!value) return null
+
+  const date = new Date(`${value}T00:00:00.000Z`)
+  if (Number.isNaN(date.getTime())) return null
+
+  date.setUTCDate(date.getUTCDate() + 1)
+  return date.toISOString().slice(0, 10)
+}

package/dist/assets/adapters/next/templates/init/utils/date/get-ordered-date-range.ts

@@ -0,0 +1,12 @@
+import type { DateRange } from 'react-day-picker'
+import { isAfter } from 'date-fns'
+
+export function getOrderedDateRange(range?: DateRange) {
+  if (!range?.from) return range
+  if (!range.to || !isAfter(range.from, range.to)) return range
+
+  return {
+    from: range.to,
+    to: range.from
+  }
+}

package/dist/assets/adapters/next/templates/init/utils/date/normalize-date-range-time.ts

@@ -0,0 +1,5 @@
+const DATE_RANGE_TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/
+
+export function normalizeDateRangeTime(value: string, fallback: string) {
+  return DATE_RANGE_TIME_PATTERN.test(value) ? value : fallback
+}

package/dist/assets/adapters/next/templates/init/utils/date/parse-date-input-value.ts

@@ -0,0 +1,6 @@
+export function parseDateInputValue(value?: string): Date | undefined {
+  if (!value) return undefined
+
+  const parsed = new Date(`${value}T00:00:00`)
+  return Number.isNaN(parsed.getTime()) ? undefined : parsed
+}

package/dist/assets/adapters/next/templates/init/utils/date/parse-editable-date-range-date.ts

@@ -0,0 +1,17 @@
+import { DATE_RANGE_INPUT_FORMAT } from '@admin/utils/date/date-range-input-format'
+import { parseDateInputValue } from '@admin/utils/date/parse-date-input-value'
+import { isValid, parse } from 'date-fns'
+
+export function parseEditableDateRangeDate(value: string) {
+  const trimmedValue = value.trim()
+  if (!trimmedValue) return undefined
+
+  const isoDate = parseDateInputValue(trimmedValue)
+  if (isoDate) return isoDate
+
+  const parsed = parse(trimmedValue, DATE_RANGE_INPUT_FORMAT, new Date())
+  if (isValid(parsed)) return parsed
+
+  const fallback = new Date(trimmedValue)
+  return isValid(fallback) ? fallback : undefined
+}

package/dist/assets/adapters/next/templates/init/utils/editor/active-table-cell-class.ts

@@ -0,0 +1 @@
+export const ACTIVE_TABLE_CELL_CLASS = 'content-editor-active-table-cell'

package/dist/assets/adapters/next/templates/init/utils/editor/active-table-cell.ts

@@ -0,0 +1,36 @@
+import { ACTIVE_TABLE_CELL_CLASS } from '@admin/utils/editor/active-table-cell-class'
+import { Extension } from '@tiptap/core'
+import { Plugin, PluginKey } from '@tiptap/pm/state'
+import { cellAround, findTable } from '@tiptap/pm/tables'
+import { Decoration, DecorationSet } from '@tiptap/pm/view'
+
+export const ActiveTableCell = Extension.create({
+  name: 'contentEditorActiveTableCell',
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey('contentEditorActiveTableCell'),
+        props: {
+          decorations(state) {
+            if (!findTable(state.selection.$from)) {
+              return null
+            }
+
+            const cell = cellAround(state.selection.$from)
+            if (!cell) return null
+
+            const cellNode = state.doc.nodeAt(cell.pos)
+            if (!cellNode) return null
+
+            return DecorationSet.create(state.doc, [
+              Decoration.node(cell.pos, cell.pos + cellNode.nodeSize, {
+                class: ACTIVE_TABLE_CELL_CLASS
+              })
+            ])
+          }
+        }
+      })
+    ]
+  }
+})

package/dist/assets/adapters/next/templates/init/utils/editor/active-table-wrapper-class.ts

@@ -0,0 +1 @@
+export const ACTIVE_TABLE_WRAPPER_CLASS = 'content-editor-table-with-add-controls'

package/dist/assets/adapters/next/templates/init/utils/editor/append-column-to-table.ts

@@ -0,0 +1,13 @@
+import type { Editor } from '@tiptap/react'
+import { getTableRectAtPosition } from '@admin/utils/editor/get-table-rect-at-position'
+import { addColumn } from '@tiptap/pm/tables'
+
+export function appendColumnToTable(editor: Editor, tablePos: number): boolean {
+  const rect = getTableRectAtPosition(editor, tablePos)
+  if (!rect) return false
+
+  const tr = addColumn(editor.state.tr, rect, rect.map.width).scrollIntoView()
+  editor.view.dispatch(tr)
+  editor.commands.focus()
+  return true
+}