betterstart-cli 0.0.98 → 0.0.100

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/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

@@ -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/error/action-error.ts

@@ -0,0 +1,35 @@
+const POSTGRES_MESSAGES: Record<string, string> = {
+  '23502': 'A required value is missing.',
+  '23503': 'This is still in use somewhere else.',
+  '23505': 'That value is already in use.'
+}
+
+const AUTH_MESSAGES: Record<string, string> = {
+  INVALID_EMAIL_OR_PASSWORD: 'That email or password is incorrect.',
+  PASSWORD_TOO_SHORT: 'That password is too short.',
+  USER_ALREADY_EXISTS: 'That email is already in use.'
+}
+
+function readStringProperty(value: unknown, key: string): string | undefined {
+  if (typeof value !== 'object' || value === null) return undefined
+  const property = (value as Record<string, unknown>)[key]
+  return typeof property === 'string' ? property : undefined
+}
+
+function recognize(error: unknown): string | undefined {
+  const authCode = readStringProperty(
+    (error as { body?: unknown } | null)?.body ?? undefined,
+    'code'
+  )
+  if (authCode && AUTH_MESSAGES[authCode]) return AUTH_MESSAGES[authCode]
+
+  const sqlState = readStringProperty(error, 'code')
+  if (sqlState && POSTGRES_MESSAGES[sqlState]) return POSTGRES_MESSAGES[sqlState]
+
+  return undefined
+}
+
+export function toActionError(error: unknown, fallback: string): string {
+  console.error(error)
+  return recognize(error) ?? fallback
+}

package/dist/assets/shared-assets/react-admin/schema.json

@@ -20,6 +20,14 @@
       "type": "string",
       "description": "Human-readable display name for the schema"
     },
+    "labelSingular": {
+      "type": "string",
+      "description": "Display noun for one record, used inside sentences (e.g., 'Job application' in 'Delete this job application?'). Derived from 'label' when omitted."
+    },
+    "labelPlural": {
+      "type": "string",
+      "description": "Display noun for many records, used inside sentences (e.g., 'job applications' in '3 job applications deleted'). Falls back to 'label' when omitted."
+    },
     "description": {
       "type": "string",
       "description": "Brief description of what this schema represents"

package/dist/assets/shared-assets/react-admin/ui/sonner.tsx

@@ -1,13 +1,8 @@
 'use client'
 
 import type { ToasterProps } from 'sonner'
-import {
-  CircleCheckIcon,
-  InfoIcon,
-  LoaderCircle,
-  OctagonXIcon,
-  TriangleAlertIcon
-} from 'lucide-react'
+import { Spinner } from '@admin/components/ui/spinner'
+import { CircleCheckIcon, InfoIcon, OctagonXIcon, TriangleAlertIcon } from 'lucide-react'
 import { useTheme } from 'next-themes'
 import { Toaster as Sonner } from 'sonner'
 
@@ -23,7 +18,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
         info: <InfoIcon className="size-4" />,
         warning: <TriangleAlertIcon className="size-4" />,
         error: <OctagonXIcon className="size-4" />,
-        loading: <LoaderCircle className="size-4 animate-spin" />
+        loading: <Spinner className="size-4" />
       }}
       style={
         {

package/dist/assets/shared-assets/react-admin/ui/spinner.tsx

@@ -6,7 +6,7 @@ function Spinner({ className, ...props }: React.ComponentProps<'svg'>) {
     <LoaderCircle
       role="status"
       aria-label="Loading"
-      className={cn('size-4 animate-spin', className)}
+      className={cn('animate-spin', className)}
       {...props}
     />
   )