betterstart-cli 0.0.118 → 0.0.120

package/dist/assets/adapters/next/templates/init/components/shared/entity-versions/entity-version-item.tsx

@@ -24,7 +24,7 @@ export function EntityVersionItem({
   const authorLabel = author?.name || author?.email || 'System'
 
   return (
-    <div className="flex items-center justify-between gap-3 rounded-sm border border-border px-3 py-3 shadow-input">
+    <div className="flex items-center justify-between gap-3 rounded border border-border px-3 py-3 shadow-input">
       <div className="flex min-w-0 items-center gap-3">
         <Avatar size="sm">
           {author?.image ? <AvatarImage src={author.image} alt={authorLabel} /> : null}
@@ -36,7 +36,7 @@ export function EntityVersionItem({
             <Badge variant="secondary">v{version.version}</Badge>
           </div>
           <Tooltip>
-            <TooltipTrigger render={<p className="w-fit text-xs text-muted-foreground" />}>
+            <TooltipTrigger render={<p className="w-fit text-muted-foreground" />}>
               Saved {formatDistanceToNow(createdDate, { addSuffix: true })}
             </TooltipTrigger>
             <TooltipContent>{format(createdDate, 'PPpp')}</TooltipContent>

package/dist/assets/adapters/next/templates/init/components/shared/entity-versions/entity-versions-current-row.tsx

@@ -22,7 +22,7 @@ export function EntityVersionsCurrentRow({ updatedAt, author }: EntityVersionsCu
   const authorLabel = author?.name || author?.email || 'System'
 
   return (
-    <div className="flex items-center justify-between gap-3 rounded-sm border border-border bg-card px-3 py-3 shadow-input">
+    <div className="flex items-center justify-between gap-3 rounded border border-border bg-card px-3 py-3 shadow-input">
       <div className="flex min-w-0 items-center gap-3">
         <Avatar size="sm">
           {author?.image ? <AvatarImage src={author.image} alt={authorLabel} /> : null}
@@ -34,7 +34,7 @@ export function EntityVersionsCurrentRow({ updatedAt, author }: EntityVersionsCu
             <Badge variant="outline">Current</Badge>
           </div>
           <Tooltip>
-            <TooltipTrigger render={<p className="w-fit text-xs text-muted-foreground" />}>
+            <TooltipTrigger render={<p className="w-fit text-muted-foreground" />}>
               Edited {formatDistanceToNow(updatedDate, { addSuffix: true })}
             </TooltipTrigger>
             <TooltipContent>{format(updatedDate, 'PPpp')}</TooltipContent>

package/dist/assets/adapters/next/templates/init/components/shared/entity-versions/entity-versions-drawer.tsx

@@ -54,12 +54,12 @@ export function EntityVersionsDrawer({
           <div className="flex flex-col gap-1 px-6">
             <EntityVersionsCurrentRow updatedAt={currentUpdatedAt} author={currentAuthor} />
             {isPending ? (
-              <p className="rounded-sm border border-dashed border-border px-3 py-6 text-center text-sm text-muted-foreground">
+              <p className="rounded border border-dashed border-border px-3 py-6 text-center text-muted-foreground">
                 Loading versions…
               </p>
             ) : null}
             {!isPending && versions.length === 0 ? (
-              <p className="rounded-sm border border-dashed border-border px-3 py-6 text-center text-sm text-muted-foreground">
+              <p className="rounded border border-dashed border-border px-3 py-6 text-center text-muted-foreground">
                 No previous versions yet.
               </p>
             ) : null}

package/dist/assets/adapters/next/templates/init/components/shared/media/edit-media-dialog-content.tsx

@@ -94,7 +94,7 @@ export function EditMediaDialogContent({
     <DrawerContent className="h-full w-full overflow-hidden">
       <div
         ref={handleDrawerContainerRef}
-        className="pointer-events-none absolute inset-3 z-20 overflow-hidden rounded-sm"
+        className="pointer-events-none absolute inset-3 z-20 overflow-hidden rounded"
       />
       <div className="relative z-10 flex min-h-0 flex-1 flex-col gap-3 overflow-hidden">
         <DrawerHeader>
@@ -109,7 +109,7 @@ export function EditMediaDialogContent({
           >
             <Card>
               <CardContent className="p-0">
-                <div className="relative aspect-video overflow-hidden rounded-sm bg-background">
+                <div className="relative aspect-video overflow-hidden rounded bg-background">
                   <MediaPreview media={media} showMetadata />
                 </div>
               </CardContent>

package/dist/assets/adapters/next/templates/init/components/shared/media/media-delete-drawer.tsx

@@ -111,18 +111,18 @@ export function MediaDeleteDrawer({
       </DrawerTrigger>
       <DrawerContent className="pointer-events-auto max-h-[calc(100%-1rem)] overflow-hidden p-3 outline-none">
         <div
-          className="overflow-hidden rounded-sm border border-border bg-popover text-sm text-popover-foreground shadow-2xl transition-[height] duration-200 ease-out"
+          className="overflow-hidden rounded border border-border bg-popover text-popover-foreground shadow-2xl transition-[height] duration-200 ease-out"
           style={contentHeight ? { height: contentHeight } : undefined}
         >
           <div ref={contentRef} className="max-h-[calc(100vh-8rem)] overflow-y-auto px-4 pt-4 pb-4">
-            <div aria-hidden="true" className="mx-auto mb-5 h-1.5 w-20 rounded-sm bg-muted" />
-            <div className="mb-3 flex size-10 items-center justify-center rounded-sm bg-destructive/10 text-foreground">
+            <div aria-hidden="true" className="mx-auto mb-5 h-1.5 w-20 rounded bg-muted" />
+            <div className="mb-3 flex size-10 items-center justify-center rounded bg-destructive/10 text-foreground">
               <TriangleAlert className="size-5" />
             </div>
-            <DrawerTitle className="font-heading text-base font-medium text-foreground">
+            <DrawerTitle className="font-heading font-medium text-foreground">
               Delete this media?
             </DrawerTitle>
-            <DrawerDescription className="mt-1 text-sm text-muted-foreground">
+            <DrawerDescription className="mt-1 text-muted-foreground">
               This deletes {media.filename} from the media library. The stored file is not deleted.
             </DrawerDescription>
             <div className="mt-5 grid grid-cols-2 gap-2">

package/dist/assets/adapters/next/templates/init/components/shared/media/media-grid-item.tsx

@@ -34,7 +34,7 @@ export const MediaGridItem = React.memo(function MediaGridItem({
           'border-highlight': selected
         })}
       >
-        <div className="flex aspect-square size-full overflow-hidden rounded-sm border border-border bg-background">
+        <div className="flex aspect-square size-full overflow-hidden rounded border border-border bg-background">
           <MediaPreview media={item} isFilled />
         </div>
 
@@ -42,7 +42,7 @@ export const MediaGridItem = React.memo(function MediaGridItem({
           <Checkbox
             aria-label={selected ? `Deselect ${item.filename}` : `Select ${item.filename}`}
             tabIndex={-1}
-            className={cn('absolute top-3 right-3 z-10 rounded-sm bg-card', {
+            className={cn('absolute top-3 right-3 z-10 rounded bg-card', {
               'ring ring-white': selected
             })}
             checked={selected}
@@ -52,7 +52,7 @@ export const MediaGridItem = React.memo(function MediaGridItem({
       </CardContent>
       <CardFooter>
         <span
-          className={cn('w-full truncate text-sm text-muted-foreground', {
+          className={cn('w-full truncate text-muted-foreground', {
             'group-hover:text-foreground': Boolean(onClick)
           })}
         >

package/dist/assets/adapters/next/templates/init/components/shared/media/media-grid-pagination.tsx

@@ -79,7 +79,7 @@ export function MediaGridPagination({
       >
         {!isMinimal && (
           <div className="flex items-center gap-2">
-            <span className="text-sm text-muted-foreground">{perPage}</span>
+            <span className="text-muted-foreground">{perPage}</span>
             <Select value={pageSizeValue} onValueChange={handlePageSizeChange}>
               <SelectTrigger className="h-8 w-25">
                 <SelectValue>{pageSize}</SelectValue>
@@ -101,7 +101,7 @@ export function MediaGridPagination({
           </Button>
 
           {!isMinimal && (
-            <div className="text-sm text-muted-foreground">
+            <div className="text-muted-foreground">
               Page {page} of {pageCount}
             </div>
           )}

package/dist/assets/adapters/next/templates/init/components/shared/media/media-preview.tsx

@@ -37,7 +37,7 @@ export function MediaPreview({ media, isFilled = false, showMetadata = false }:
         />
 
         {showMetadata && (
-          <div className="pointer-events-none absolute inset-x-0 bottom-0 z-10 flex w-full items-center justify-between gap-4 bg-[linear-gradient(to_top,color-mix(in_oklab,var(--primary)_86%,transparent)_0%,color-mix(in_oklab,var(--primary)_52%,transparent)_48%,transparent_100%)] px-3 py-2 text-left text-xs font-medium text-white">
+          <div className="pointer-events-none absolute inset-x-0 bottom-0 z-10 flex w-full items-center justify-between gap-4 bg-[linear-gradient(to_top,color-mix(in_oklab,var(--primary)_86%,transparent)_0%,color-mix(in_oklab,var(--primary)_52%,transparent)_48%,transparent_100%)] px-3 py-2 text-left font-medium text-white">
             <p className="truncate">{media.filename}</p>
             <p className="shrink-0">
               {media.contentType} &middot; {(media.size / 1024).toFixed(1)} KB

package/dist/assets/adapters/next/templates/init/components/shared/media/media-url-importer.tsx

@@ -142,7 +142,7 @@ export function MediaUrlImporter({ onImportFromUrl, accept, className }: MediaUr
           </Form>
 
           <div className="flex w-full flex-col items-center text-center">
-            <p className="text-sm text-muted-foreground">{urlHelpText}</p>
+            <p className="text-muted-foreground">{urlHelpText}</p>
           </div>
         </div>
       </CardContent>

package/dist/assets/adapters/next/templates/init/components/shared/page-header.tsx

@@ -32,7 +32,7 @@ export function PageHeader({
           )}
         </div>
         <div className="flex min-w-0 items-center justify-center gap-2">
-          <h2 className="truncate text-sm font-medium tracking-tight">{title}</h2>
+          <h2 className="truncate font-medium tracking-tight">{title}</h2>
         </div>
         <div className="flex w-full min-w-0 items-center justify-end gap-2">
           {children}

package/dist/assets/adapters/next/templates/init/components/shared/sort-order-drag-overlay-item.tsx

@@ -9,7 +9,7 @@ export function DragOverlayItem({ label }: { label: string }) {
       className="w-full shrink-0 cursor-grabbing touch-none justify-start gap-2 px-2 font-normal"
     >
       <GripVertical strokeWidth={1} />
-      <span className="min-w-0 truncate text-sm">{label}</span>
+      <span className="min-w-0 truncate">{label}</span>
     </Button>
   )
 }

package/dist/assets/adapters/next/templates/init/components/shared/sort-order-item.tsx

@@ -25,7 +25,7 @@ export function SortableItem({ id, label }: SortOrderItemData) {
         {...listeners}
       >
         <GripVertical strokeWidth={1} />
-        <span className="min-w-0 truncate text-sm">{label}</span>
+        <span className="min-w-0 truncate">{label}</span>
       </Button>
     </div>
   )

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

@@ -46,7 +46,7 @@ export default function DashboardPage() {
             <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="font-medium">Hey, let's get started</p>
                   <p className="text-muted-foreground">
                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
                   </p>
@@ -64,12 +64,12 @@ export default function DashboardPage() {
                         <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"
+                              className="flex w-full flex-col rounded 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>
+                                  <span>{env.label}</span>
                                   <Badge variant={env.value ? 'success' : 'destructive'}>
                                     {env.value ? 'Connected' : 'Not configured'}
                                   </Badge>

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

@@ -82,7 +82,7 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
               >
                 <FieldGroup className="gap-10 pb-12">
                   <div className="flex flex-col items-start">
-                    <h1 className="text-xl font-medium">Forgot password</h1>
+                    <h1 className="font-medium">Forgot password</h1>
                     <p className="text-balance text-muted-foreground">
                       Enter your email and we&apos;ll send you a reset link when email delivery is
                       enabled
@@ -110,7 +110,7 @@ export function ForgotPasswordForm({ className, ...props }: React.ComponentProps
                     </Field>
                     <Link
                       href="/admin/login"
-                      className="text-center text-sm underline-offset-4 hover:underline"
+                      className="text-center underline-offset-4 hover:underline"
                     >
                       Back to sign in
                     </Link>

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

@@ -1,21 +1,21 @@
 export function ForgotPasswordPageSkeleton() {
   return (
-    <div className="overflow-hidden rounded-sm border bg-card">
+    <div className="overflow-hidden rounded border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
         <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" />
-            <div className="h-4 w-52 animate-pulse rounded-md bg-muted" />
+            <div className="h-6 w-40 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-full max-w-72 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-52 animate-pulse rounded bg-muted" />
           </div>
           <div className="space-y-4">
             <div className="space-y-2">
-              <div className="h-4 w-12 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-12 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
-            <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
-            <div className="mx-auto h-4 w-20 animate-pulse rounded-md bg-muted" />
+            <div className="h-10 w-full animate-pulse rounded bg-muted" />
+            <div className="mx-auto h-4 w-20 animate-pulse rounded bg-muted" />
           </div>
         </div>
       </div>

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

@@ -98,7 +98,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
             >
               <FieldGroup className="gap-10 pb-12">
                 <div className="flex flex-col items-start">
-                  <h1 className="text-xl font-medium">Sign In</h1>
+                  <h1 className="font-medium">Sign In</h1>
                 </div>
                 <div className="flex flex-col gap-4">
                   <Field>
@@ -119,7 +119,7 @@ export function LoginForm({ className, ...props }: React.ComponentProps<'div'>)
                       <FieldLabel htmlFor="password">Password</FieldLabel>
                       <Link
                         href="/admin/forgot-password"
-                        className="ml-auto text-sm underline-offset-4 hover:underline"
+                        className="ml-auto underline-offset-4 hover:underline"
                         tabIndex={-1}
                       >
                         Forgot password?

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

@@ -1,23 +1,23 @@
 export function LoginPageSkeleton() {
   return (
-    <div className="overflow-hidden rounded-sm border bg-card">
+    <div className="overflow-hidden rounded border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
         <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" />
+            <div className="h-6 w-32 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-40 animate-pulse rounded bg-muted" />
           </div>
           <div className="space-y-4">
             <div className="space-y-2">
-              <div className="h-4 w-12 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-12 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
             <div className="space-y-2">
-              <div className="h-4 w-20 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-20 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
-            <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+            <div className="h-10 w-full animate-pulse rounded bg-muted" />
           </div>
         </div>
       </div>

package/dist/assets/adapters/next/templates/init/pages/minimal-account-shell.tsx

@@ -13,7 +13,7 @@ export function MinimalAccountShell({
       <header className="sticky top-0 z-50 flex h-14 items-center justify-between border-b bg-background px-6">
         <Link
           href="/admin/profile"
-          className="text-sm font-medium transition-colors hover:text-foreground/80"
+          className="font-medium transition-colors hover:text-foreground/80"
         >
           {name}
         </Link>

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

@@ -201,7 +201,7 @@ export function ProfileForm({ user }: ProfileFormProps) {
               <div className="flex items-center gap-4 pl-1">
                 <Avatar className="size-12">
                   <AvatarImage src={imageValue || undefined} />
-                  <AvatarFallback className="text-lg font-semibold">
+                  <AvatarFallback className="font-semibold">
                     {user.name?.charAt(0) ?? '?'}
                   </AvatarFallback>
                 </Avatar>
@@ -393,7 +393,7 @@ export function ProfileForm({ user }: ProfileFormProps) {
           <CardDescription>Send a password reset link to your email address</CardDescription>
         </CardHeader>
         <CardContent>
-          <p className="text-sm text-muted-foreground">
+          <p className="text-muted-foreground">
             A reset link will be sent to{' '}
             <span className="font-medium text-foreground">{user.email}</span>
           </p>

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

@@ -64,15 +64,12 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
             <div className="p-20">
               <FieldGroup className="gap-10 pb-12">
                 <div className="flex flex-col items-start">
-                  <h1 className="text-xl font-medium">Invalid reset link</h1>
+                  <h1 className="font-medium">Invalid reset link</h1>
                   <p className="text-balance text-muted-foreground">
                     This password reset link is invalid or has expired. Please request a new one.
                   </p>
                 </div>
-                <Link
-                  href="/admin/forgot-password"
-                  className="text-sm underline-offset-4 hover:underline"
-                >
+                <Link href="/admin/forgot-password" className="underline-offset-4 hover:underline">
                   Request a new reset link
                 </Link>
               </FieldGroup>
@@ -123,7 +120,7 @@ export function ResetPasswordForm({ className, ...props }: React.ComponentProps<
             >
               <FieldGroup className="gap-10 pb-12">
                 <div className="flex flex-col items-start">
-                  <h1 className="text-xl font-medium">Reset password</h1>
+                  <h1 className="font-medium">Reset password</h1>
                   <p className="text-balance text-muted-foreground">
                     Enter your new password below
                   </p>

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

@@ -1,23 +1,23 @@
 export function ResetPasswordPageSkeleton() {
   return (
-    <div className="overflow-hidden rounded-sm border bg-card">
+    <div className="overflow-hidden rounded border bg-card">
       <div className="grid grid-cols-[5fr_7fr]">
         <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" />
+            <div className="h-6 w-36 animate-pulse rounded bg-muted" />
+            <div className="h-4 w-56 animate-pulse rounded bg-muted" />
           </div>
           <div className="space-y-4">
             <div className="space-y-2">
-              <div className="h-4 w-28 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-28 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
             <div className="space-y-2">
-              <div className="h-4 w-32 animate-pulse rounded-md bg-muted" />
-              <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+              <div className="h-4 w-32 animate-pulse rounded bg-muted" />
+              <div className="h-10 w-full animate-pulse rounded bg-muted" />
             </div>
-            <div className="h-10 w-full animate-pulse rounded-md bg-muted" />
+            <div className="h-10 w-full animate-pulse rounded bg-muted" />
           </div>
         </div>
       </div>

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

@@ -53,7 +53,7 @@ function SortableAuditLogHeader({
     <Button
       variant="ghost"
       onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-      className="group w-full min-w-0 scale-100! justify-start overflow-hidden rounded-none border-none bg-transparent! px-0!"
+      className="group w-full min-w-0 scale-100! justify-start overflow-hidden border-none bg-transparent! px-0!"
       aria-label={`Sort by ${label}, ${sortLabel}`}
       aria-sort={
         sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none'
@@ -82,7 +82,7 @@ export function createAuditLogColumns(): ColumnDef<AuditLogEntry>[] {
           <span className="truncate font-medium">
             {row.original.targetLabel ?? row.original.targetId ?? 'Unknown'}
           </span>
-          <span className="truncate text-xs text-muted-foreground">{row.original.targetType}</span>
+          <span className="truncate text-muted-foreground">{row.original.targetType}</span>
         </div>
       )
     },
@@ -95,7 +95,7 @@ export function createAuditLogColumns(): ColumnDef<AuditLogEntry>[] {
           <span className="truncate">
             {row.original.actorEmail ?? row.original.actorName ?? 'Unknown'}
           </span>
-          <span className="truncate text-xs text-muted-foreground">
+          <span className="truncate text-muted-foreground">
             {row.original.actorRole ?? 'No role'}
           </span>
         </div>
@@ -120,7 +120,7 @@ export function createAuditLogColumns(): ColumnDef<AuditLogEntry>[] {
       cell: ({ row }) => (
         <div className="text-muted-foreground">
           <div className="truncate">{row.original.sourceType}</div>
-          <div className="truncate text-xs">{row.original.ipAddress ?? 'No IP'}</div>
+          <div className="truncate">{row.original.ipAddress ?? 'No IP'}</div>
         </div>
       )
     },

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

@@ -8,8 +8,8 @@ interface AuditLogDetailRowProps {
 export function AuditLogDetailRow({ label, value }: AuditLogDetailRowProps) {
   return (
     <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>
+      <dt className="font-medium text-muted-foreground">{label}</dt>
+      <dd className="min-w-0 break-words text-foreground">{value || 'Unknown'}</dd>
     </div>
   )
 }

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

@@ -22,7 +22,7 @@ export function createFormSettingsColumns(isPending: boolean): ColumnDef<FormSet
         isPending ? (
           <span className="text-muted-foreground">Loading…</span>
         ) : row.original.notificationEmails ? (
-          <span className="truncate font-mono text-xs">{row.original.notificationEmails}</span>
+          <span className="truncate font-mono">{row.original.notificationEmails}</span>
         ) : (
           <span className="text-muted-foreground">No emails configured</span>
         )

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

@@ -63,7 +63,7 @@ export function DeleteWebhookDialog({ webhook, open, onOpenChange }: DeleteWebho
           </DialogDescription>
         </DialogHeader>
         <DialogBody>
-          <p className="text-sm text-muted-foreground">This action cannot be undone.</p>
+          <p className="text-muted-foreground">This action cannot be undone.</p>
         </DialogBody>
         <DialogFooter showCloseButton={true}>
           <Button

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

@@ -244,7 +244,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                   control={form.control}
                   name="enabled"
                   render={({ field }) => (
-                    <FormItem className="flex items-center justify-between rounded-md border border-border px-3 py-2">
+                    <FormItem className="flex items-center justify-between rounded border border-border px-3 py-2">
                       <FormLabel>Enabled</FormLabel>
                       <FormControl>
                         <Switch
@@ -257,10 +257,10 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                   )}
                 />
                 {isEdit && (
-                  <div className="space-y-2 rounded-md border border-border p-3">
-                    <p className="text-sm leading-none font-medium">Signing secret</p>
+                  <div className="space-y-2 rounded border border-border p-3">
+                    <p className="leading-none font-medium">Signing secret</p>
                     <div className="flex items-center gap-2">
-                      <span className="min-w-0 flex-1 truncate font-mono text-xs">
+                      <span className="min-w-0 flex-1 truncate font-mono">
                         {secret ?? 'whsec_••••••••••••••••'}
                       </span>
                       <Button
@@ -286,7 +286,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                         {regenerateSecretMutation.isPending ? 'Regenerating…' : 'Regenerate'}
                       </Button>
                     </div>
-                    <p className="text-xs text-muted-foreground">
+                    <p className="text-muted-foreground">
                       Requests carry x-webhook-id, x-webhook-timestamp, and an HMAC-SHA256
                       x-webhook-signature of the body.
                     </p>
@@ -299,8 +299,8 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                     render={() => (
                       <React.Fragment>
                         {formSources.length > 0 && (
-                          <fieldset className="space-y-2 rounded-md border border-border p-3">
-                            <legend className="px-1 text-xs font-medium tracking-wide text-muted-foreground uppercase">
+                          <fieldset className="space-y-2 rounded border border-border p-3">
+                            <legend className="px-1 font-medium tracking-wide text-muted-foreground uppercase">
                               Events · Forms
                             </legend>
                             {formSources.flatMap((source) =>
@@ -315,17 +315,15 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                                       disabled={isPending}
                                     />
                                   </FormControl>
-                                  <FormLabel className="font-mono text-xs font-normal">
-                                    {event}
-                                  </FormLabel>
+                                  <FormLabel className="font-mono font-normal">{event}</FormLabel>
                                 </FormItem>
                               ))
                             )}
                           </fieldset>
                         )}
                         {contentSources.length > 0 && (
-                          <fieldset className="space-y-2 rounded-md border border-border p-3">
-                            <legend className="px-1 text-xs font-medium tracking-wide text-muted-foreground uppercase">
+                          <fieldset className="space-y-2 rounded border border-border p-3">
+                            <legend className="px-1 font-medium tracking-wide text-muted-foreground uppercase">
                               Events · Entities
                             </legend>
                             {contentSources.flatMap((source) =>
@@ -340,9 +338,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                                       disabled={isPending}
                                     />
                                   </FormControl>
-                                  <FormLabel className="font-mono text-xs font-normal">
-                                    {event}
-                                  </FormLabel>
+                                  <FormLabel className="font-mono font-normal">{event}</FormLabel>
                                 </FormItem>
                               ))
                             )}
@@ -353,7 +349,7 @@ export function WebhookEndpointDialog({ webhook, open, onOpenChange }: WebhookEn
                   />
                 )}
                 {formSources.length === 0 && contentSources.length === 0 && (
-                  <p className="text-sm text-muted-foreground">
+                  <p className="text-muted-foreground">
                     No schemas yet — generate an entity or form schema to subscribe this endpoint to
                     its events.
                   </p>