@momentumcms/admin 0.2.0 → 0.3.0

package/types/momentumcms-admin.d.ts

@@ -1,12 +1,12 @@
 import { Routes, CanActivateFn, CanDeactivateFn } from '@angular/router';
 import * as _angular_core from '@angular/core';
-import { Type, InjectionToken, Signal, Provider, OnInit, WritableSignal, ElementRef, makeEnvironmentProviders } from '@angular/core';
+import { Type, InjectionToken, Signal, Provider, OnInit, WritableSignal, makeEnvironmentProviders } from '@angular/core';
 import { CollectionConfig, GlobalConfig, PluginAdminRouteDescriptor, MomentumPlugin, MomentumConfig, MomentumAdminConfig, MediaDocument, AdminConfig, Field, DocumentStatus as DocumentStatus$1, BlockConfig, UploadField } from '@momentumcms/core';
 import { HttpContextToken, HttpInterceptorFn } from '@angular/common/http';
 import { Observable } from 'rxjs';
+import * as _momentumcms_admin from '@momentumcms/admin';
 import { DataTableColumn, DataTableSort, DataTableRowAction, DataTableRowActionEvent, FieldDisplayType, FieldDisplayFieldMeta, FieldDisplayNumberFormat, FieldDisplayDateFormat, PopoverTrigger, ValidationError, SelectOption } from '@momentumcms/ui';
 import * as _angular_forms_signals from '@angular/forms/signals';
-import { SafeResourceUrl } from '@angular/platform-browser';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
 /**
@@ -476,6 +476,16 @@ declare class UploadService {
      * @returns Observable emitting upload progress
      */
     upload(file: File, alt?: string): Observable<UploadProgress>;
+    /**
+     * Upload a file to a specific upload collection.
+     * POSTs multipart/form-data to /api/{collectionSlug} with file + additional fields.
+     *
+     * @param collectionSlug - Target collection (e.g., 'media', 'documents')
+     * @param file - The file to upload
+     * @param fields - Additional form fields to include (e.g., alt, title)
+     * @returns Observable emitting upload progress
+     */
+    uploadToCollection(collectionSlug: string, file: File, fields?: Record<string, string>): Observable<UploadProgress>;
     /**
      * Upload multiple files.
      *
@@ -943,6 +953,17 @@ interface Entity {
     updatedAt?: string;
     [key: string]: unknown;
 }
+/**
+ * A named group of collections for display in admin UI.
+ * Used by the dashboard and sidebar to render grouped sections.
+ */
+interface CollectionGroup {
+    /** Slugified identifier safe for use as an HTML id attribute */
+    id: string;
+    /** Original display name */
+    name: string;
+    collections: CollectionConfig[];
+}
 
 /**
  * Result emitted when the entity sheet closes.
@@ -1747,6 +1768,8 @@ declare class DashboardPage {
     private readonly allCollections;
     /** Collections filtered by visibility and access permissions */
     readonly collections: _angular_core.Signal<CollectionConfig[]>;
+    /** Visible collections grouped by admin.group. Named groups first, default last. */
+    readonly collectionGroups: _angular_core.Signal<_momentumcms_admin.CollectionGroup[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardPage, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardPage, "mcms-dashboard", never, {}, {}, never, never, true, never>;
 }
@@ -2007,23 +2030,17 @@ declare class CollectionListPage {
  * Collection View Page Component
  *
  * Displays a read-only view of a document using the EntityViewWidget.
- * When preview is enabled, shows a toggleable live preview panel.
+ * Preview is available via the "Open Page" link in the entity header
+ * (opens in a new tab). Live preview iframe is only on the edit page,
+ * since the view page is read-only and has no changes to preview live.
  */
 declare class CollectionViewPage {
     private readonly route;
     private readonly router;
     readonly basePath = "/admin/collections";
-    /** Whether the live preview panel is visible */
-    readonly showPreview: _angular_core.WritableSignal<boolean>;
-    /** Reference to the entity view widget to read its entity data */
-    private readonly entityViewRef;
     private readonly slug;
     readonly entityId: _angular_core.Signal<string>;
     readonly collection: _angular_core.Signal<CollectionConfig | undefined>;
-    /** Preview config from collection admin settings */
-    readonly previewConfig: _angular_core.Signal<boolean | ((doc: Record<string, unknown>) => string) | undefined>;
-    /** Entity data from the entity view widget (for live preview) */
-    readonly viewEntityData: _angular_core.Signal<Record<string, unknown>>;
     onEdit(entity: Entity): void;
     onDelete(_entity: Entity): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CollectionViewPage, never>;
@@ -2090,7 +2107,7 @@ declare class CollectionEditPage implements HasUnsavedChanges {
     readonly mode: _angular_core.Signal<EntityFormMode>;
     readonly collection: _angular_core.Signal<CollectionConfig | undefined>;
     /** Preview config from collection admin settings (false-y when not configured) */
-    readonly previewConfig: _angular_core.Signal<boolean | ((doc: Record<string, unknown>) => string) | undefined>;
+    readonly previewConfig: _angular_core.Signal<string | boolean | ((doc: Record<string, unknown>) => string) | undefined>;
     /** Reactive form data from the entity form widget */
     readonly formData: _angular_core.Signal<Record<string, unknown>>;
     /** HasUnsavedChanges implementation for the route guard */
@@ -2298,10 +2315,6 @@ declare class ResetPasswordPage implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ResetPasswordPage, "mcms-reset-password-page", never, {}, {}, never, never, true, never>;
 }
 
-interface CollectionGroup {
-    name: string;
-    collections: CollectionConfig[];
-}
 interface GlobalGroup {
     name: string;
     globals: GlobalConfig[];
@@ -2355,7 +2368,7 @@ declare class AdminSidebarWidget {
     /** Computed collections base path */
     readonly collectionsBasePath: _angular_core.Signal<string>;
     /** Collections grouped by admin.group field */
-    readonly collectionGroups: _angular_core.Signal<CollectionGroup[]>;
+    readonly collectionGroups: _angular_core.Signal<_momentumcms_admin.CollectionGroup[]>;
     /** Globals grouped by admin.group field */
     readonly globalGroups: _angular_core.Signal<GlobalGroup[]>;
     /** Plugin routes grouped by group field */
@@ -2464,6 +2477,7 @@ declare class CollectionCardWidget {
 declare class EntityFormWidget<T extends Entity = Entity> {
     private readonly api;
     private readonly injector;
+    private readonly uploadService;
     private readonly versionService;
     private readonly collectionAccess;
     private readonly feedback;
@@ -2504,6 +2518,13 @@ declare class EntityFormWidget<T extends Entity = Entity> {
     readonly isSubmitting: _angular_core.WritableSignal<boolean>;
     readonly isSavingDraft: _angular_core.WritableSignal<boolean>;
     readonly formError: _angular_core.WritableSignal<string | null>;
+    /** Upload collection state */
+    readonly pendingFile: _angular_core.WritableSignal<File | null>;
+    readonly isUploadingFile: _angular_core.WritableSignal<boolean>;
+    readonly uploadFileProgress: _angular_core.WritableSignal<number>;
+    readonly uploadFileError: _angular_core.WritableSignal<string | null>;
+    /** Whether the collection is an upload collection */
+    readonly isUploadCol: _angular_core.Signal<boolean>;
     /** Whether the form has been set up */
     private formCreated;
     /** Whether the form has unsaved changes (from signal forms dirty tracking) */
@@ -2539,11 +2560,32 @@ declare class EntityFormWidget<T extends Entity = Entity> {
      * Load global singleton document.
      */
     private loadGlobal;
+    /**
+     * Handle file selected in the upload zone.
+     * Auto-populates metadata fields in the form model.
+     */
+    onFileSelected(file: File): void;
+    /**
+     * Handle file removed from the upload zone.
+     */
+    onFileRemoved(): void;
     /**
      * Handle form submission using Angular Signal Forms submit().
      * submit() marks all fields as touched, then only calls the callback if valid.
+     * For upload collections with a pending file, uses multipart upload via UploadService.
      */
     onSubmit(): Promise<void>;
+    /**
+     * For upload/relationship fields, the form may store a full document object
+     * (e.g., after upload completes) but the DB expects just the UUID.
+     * Extract the `id` property from any upload field values that are objects.
+     */
+    private normalizeUploadFieldValues;
+    /**
+     * Submit an upload collection form with file via multipart.
+     * Converts non-file form fields to string key-value pairs for the FormData.
+     */
+    private submitUploadCollection;
     /**
      * Handle cancel.
      */
@@ -2723,7 +2765,7 @@ declare class EntityViewWidget<T extends Entity = Entity> {
      */
     onVersionRestored(): void;
     /**
-     * Resolve relationship field values from IDs to display labels.
+     * Resolve relationship and upload field values from IDs to display labels.
      */
     private resolveRelationships;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EntityViewWidget<any>, never>;
@@ -3036,7 +3078,7 @@ declare class MediaPreviewComponent {
     /** Image URL for preview */
     readonly imageUrl: _angular_core.Signal<string>;
     /** Icon name based on media type */
-    readonly iconName: _angular_core.Signal<"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z\"></path></svg>">;
+    readonly iconName: _angular_core.Signal<"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 0 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.553Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z\"></path></svg>" | "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\" data-slot=\"icon\" style=\"stroke-width:var(--ng-icon__stroke-width, 1.5)\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\"></path></svg>">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaPreviewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaPreviewComponent, "mcms-media-preview", never, { "media": { "alias": "media"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -3047,14 +3089,23 @@ type DeviceSize = 'desktop' | 'tablet' | 'mobile';
  * Live Preview Widget
  *
  * Displays an iframe that shows a live preview of the document being edited.
- * Sends form data to the iframe via postMessage on each change.
+ *
+ * Two modes based on preview config type:
+ * - `preview: true` (server-rendered HTML): iframe loads API endpoint with scripts enabled
+ *   for postMessage live updates.
+ * - `preview: string/function` (URL-based): iframe loads the page URL with scripts DISABLED.
+ *   This prevents loading a second Angular app instance (with Vite HMR, SSR hydration, etc.)
+ *   which causes tab crashes in dev mode. The SSR-rendered HTML displays correctly without JS.
+ *   Use the Refresh button to see form changes reflected in the preview.
+ *
+ * The iframe is declared statically in the template (no dynamic bindings) to avoid NG0910.
+ * Its src/sandbox attributes are set via nativeElement in an effect().
  */
 declare class LivePreviewComponent {
     private readonly document;
-    private readonly sanitizer;
     private readonly destroyRef;
     /** Preview configuration from collection admin config */
-    readonly preview: _angular_core.InputSignal<boolean | ((doc: Record<string, unknown>) => string)>;
+    readonly preview: _angular_core.InputSignal<string | boolean | ((doc: Record<string, unknown>) => string)>;
     /** Current document data from the form */
     readonly documentData: _angular_core.InputSignal<Record<string, unknown>>;
     /** Collection slug */
@@ -3067,14 +3118,14 @@ declare class LivePreviewComponent {
     readonly deviceSize: _angular_core.WritableSignal<DeviceSize>;
     /** Refresh counter to force iframe reload */
     private readonly refreshCounter;
-    /** Reference to the iframe element */
-    readonly previewFrame: _angular_core.Signal<ElementRef<HTMLIFrameElement> | undefined>;
+    /** Reference to the static iframe element (available when previewUrl is non-null) */
+    private readonly previewIframe;
     /** Compute the raw preview URL */
     readonly previewUrl: _angular_core.Signal<string | null>;
-    /** Sanitized preview URL for iframe binding */
-    readonly safePreviewUrl: _angular_core.Signal<SafeResourceUrl | null>;
     /** Computed iframe width based on device size */
     readonly iframeWidth: _angular_core.Signal<string>;
+    /** Sandbox attribute value based on preview mode */
+    private readonly sandboxValue;
     /** Debounce timer for postMessage updates */
     private debounceTimer;
     constructor();
@@ -3341,7 +3392,7 @@ declare class FieldRenderer {
     /** Error from lazy loading failure */
     readonly loadError: _angular_core.WritableSignal<Error | null>;
     /** Registry key: 'blocks-visual' when blocks field has visual editor, otherwise field.type */
-    readonly registryKey: _angular_core.Signal<"number" | "slug" | "email" | "text" | "textarea" | "richText" | "date" | "checkbox" | "select" | "radio" | "password" | "upload" | "relationship" | "array" | "group" | "blocks" | "json" | "point" | "tabs" | "collapsible" | "row" | "blocks-visual">;
+    readonly registryKey: _angular_core.Signal<"number" | "slug" | "email" | "json" | "text" | "textarea" | "richText" | "date" | "checkbox" | "select" | "radio" | "password" | "upload" | "relationship" | "array" | "group" | "blocks" | "point" | "tabs" | "collapsible" | "row" | "blocks-visual">;
     /** Inputs to pass to the dynamically loaded component via NgComponentOutlet */
     readonly rendererInputs: _angular_core.Signal<{
         field: Field;
@@ -3606,9 +3657,10 @@ declare class DateFieldRenderer {
  * a FieldTree node's FieldState rather than event-based I/O.
  */
 declare class UploadFieldRenderer {
-    private readonly document;
+    private readonly fileInputRef;
     private readonly uploadService;
     private readonly dialogService;
+    private readonly api;
     /** Field definition */
     readonly field: _angular_core.InputSignal<Field>;
     /** Signal forms FieldTree node for this field */
@@ -3630,6 +3682,10 @@ declare class UploadFieldRenderer {
     readonly uploadingFilename: _angular_core.WritableSignal<string>;
     readonly uploadError: _angular_core.WritableSignal<string | null>;
     readonly uploadingFile: _angular_core.WritableSignal<File | null>;
+    /** Resolved media document fetched from API when value is just an ID string */
+    private readonly resolvedMedia;
+    private resolvedMediaId;
+    constructor();
     /** Unique field ID */
     readonly fieldId: _angular_core.Signal<string>;
     /** Computed label */
@@ -3644,6 +3700,8 @@ declare class UploadFieldRenderer {
     private readonly currentValue;
     /** Whether we have a value */
     readonly hasValue: _angular_core.Signal<boolean>;
+    /** Effective media document — full object from value, or resolved from API */
+    private readonly effectiveMedia;
     /** Media preview data from value */
     readonly mediaPreviewData: _angular_core.Signal<MediaPreviewData | null>;
     /** Media filename from value */
@@ -3674,6 +3732,11 @@ declare class UploadFieldRenderer {
      * Trigger hidden file input click.
      */
     triggerFileInput(): void;
+    /**
+     * Handle Space keydown on drop zone.
+     * Prevents default scroll behavior and triggers file input.
+     */
+    onDropZoneSpace(event: Event): void;
     /**
      * Handle file selection from input.
      */
@@ -3769,4 +3832,4 @@ declare class MediaPickerDialog {
 }
 
 export { AdminShellComponent, AdminSidebarWidget, BlockEditDialog, BlockInserterComponent, BlockWrapperComponent, CheckboxFieldRenderer, CollectionAccessService, CollectionCardWidget, CollectionEditPage, CollectionListPage, CollectionViewPage, DashboardPage, DateFieldRenderer, EntityFormWidget, EntityListWidget, EntitySheetService, EntityViewWidget, FeedbackService, FieldRenderer, FieldRendererRegistry, ForgotPasswordFormComponent, ForgotPasswordPage, LivePreviewComponent, LoginPage, MOMENTUM_API, MOMENTUM_API_CONTEXT, McmsThemeService, MediaLibraryPage, MediaPickerDialog, MediaPreviewComponent, MomentumApiService, MomentumAuthService, NumberFieldRenderer, PublishControlsWidget, ResetPasswordFormComponent, ResetPasswordPage, SHEET_QUERY_PARAMS, SKIP_AUTO_TOAST, SelectFieldRenderer, SetupPage, TextFieldRenderer, UploadFieldRenderer, UploadService, VersionHistoryWidget, VersionService, VisualBlockEditorComponent, adminGuard, authGuard, collectionAccessGuard, crudToastInterceptor, getFieldNodeState, getSubNode, getTitleField, guestGuard, injectHasAnyRole, injectHasRole, injectIsAdmin, injectIsAuthenticated, injectMomentumAPI, injectTypedMomentumAPI, injectUser, injectUserRole, injectVersionService, momentumAdminRoutes, provideFieldRenderer, provideMomentumAPI, provideMomentumFieldRenderers, setupGuard, unsavedChangesGuard };
-export type { AdminBranding, AdminNavItem, AdminNavSection, AdminPluginRoute, AdminUser, AuthResult, AuthSession, AuthUser, BaseUser, BlockEditDialogData, BlockItem, BreadcrumbItem, CollectionPermissions, CollectionWithCount, DeleteResult, DeviceSize, DocumentStatus, DocumentVersionParsed, DraftSaveResult, Entity, EntityAction, EntityFormMode, EntityListActionEvent, EntityListBulkActionEvent, EntityListColumn, EntityListFindResult, EntitySheetResult, EntityViewActionEvent, EntityViewFieldConfig, FieldNodeState, FindByIdOptions, FindOptions, FindResult, HasUnsavedChanges, McmsTheme, MediaPickerDialogData, MediaPickerResult, MediaPreviewData, MomentumAPIContext, MomentumAPIServer, MomentumAdminBranding, MomentumAdminOptions, MomentumAdminRouteData, MomentumClientAPI, MomentumCollectionAPI, PublishResult, RestoreResult, RestoreVersionOptions, SetupStatus, StatusResult, TypedCollectionAPI, TypedFindByIdOptions, TypedFindOptions, TypedMomentumClientAPI, UploadProgress, UserContext, VersionFindOptions, VersionQueryResult, VisualEditorState };
+export type { AdminBranding, AdminNavItem, AdminNavSection, AdminPluginRoute, AdminUser, AuthResult, AuthSession, AuthUser, BaseUser, BlockEditDialogData, BlockItem, BreadcrumbItem, CollectionGroup, CollectionPermissions, CollectionWithCount, DeleteResult, DeviceSize, DocumentStatus, DocumentVersionParsed, DraftSaveResult, Entity, EntityAction, EntityFormMode, EntityListActionEvent, EntityListBulkActionEvent, EntityListColumn, EntityListFindResult, EntitySheetResult, EntityViewActionEvent, EntityViewFieldConfig, FieldNodeState, FindByIdOptions, FindOptions, FindResult, HasUnsavedChanges, McmsTheme, MediaPickerDialogData, MediaPickerResult, MediaPreviewData, MomentumAPIContext, MomentumAPIServer, MomentumAdminBranding, MomentumAdminOptions, MomentumAdminRouteData, MomentumClientAPI, MomentumCollectionAPI, PublishResult, RestoreResult, RestoreVersionOptions, SetupStatus, StatusResult, TypedCollectionAPI, TypedFindByIdOptions, TypedFindOptions, TypedMomentumClientAPI, UploadProgress, UserContext, VersionFindOptions, VersionQueryResult, VisualEditorState };