@betterstart/cli 0.1.46 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betterstart/cli",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "description": "Scaffold a full-featured CMS into any Next.js 16 application",
   "type": "module",
   "main": "./dist/index.js",

package/templates/ui/media-upload-field.tsx

@@ -2,7 +2,7 @@
 
 import { useUpload } from '@cms/hooks/use-upload'
 import { cn } from '@cms/utils/cn'
-import { Loader2, Upload, X } from 'lucide-react'
+import { FileText, Loader2, Upload, X } from 'lucide-react'
 import * as React from 'react'
 import { toast } from 'sonner'
 import { Button } from './button'
@@ -76,7 +76,11 @@ export function MediaUploadField({
     validationConfig: {
       maxSizeInBytes: maxSizeInMB * 1024 * 1024,
       allowedTypes:
-        accept === 'image/*,video/*' ? MEDIA_TYPES : accept.split(',').map((t) => t.trim()),
+        accept === 'image/*,video/*'
+          ? MEDIA_TYPES
+          : accept === '*/*' || accept === '*'
+            ? undefined
+            : accept.split(',').map((t) => t.trim()),
       maxFiles: 1
     },
     onSuccess: (result) => {
@@ -178,12 +182,22 @@ export function MediaUploadField({
               >
                 <track kind="captions" />
               </video>
-            ) : (
+            ) : mediaType === 'image' ? (
               <img
                 src={previewUrl}
                 alt="Preview"
                 className="w-full h-auto max-h-40 object-contain"
               />
+            ) : (
+              <div className="flex items-center gap-3 p-4">
+                <FileText className="size-8 text-muted-foreground shrink-0" />
+                <div className="min-w-0 flex-1">
+                  <p className="text-sm font-medium truncate">
+                    {previewUrl.split('/').pop()?.split('?')[0] || 'Uploaded file'}
+                  </p>
+                  <p className="text-xs text-muted-foreground">File uploaded</p>
+                </div>
+              </div>
             )}
 
             {/* Upload Progress Overlay */}
@@ -233,7 +247,7 @@ export function MediaUploadField({
                   <Upload className="size-6 text-primary" />
                 </div>
                 <div className="text-center">
-                  <p className="text-sm font-medium">Click to upload image or video</p>
+                  <p className="text-sm font-medium">Click to upload a file</p>
                   <p className="text-xs text-muted-foreground mt-1">Max size: {maxSizeInMB}MB</p>
                 </div>
               </>