Components

All components live under components/ and follow the existing naming and folder scheme. The application has 270+ Vue components; below they are grouped by area. For a full list, see the components/ directory in the Admin-Frontend repo.

theme/global

Global chrome and shared UI:

Component	Purpose
LeftMenu.vue	Main left navigation
ProcessingRequestOverlay.vue	Overlay for long-running requests
Error.vue	Global error display
CollageHeader.vue	App header
DamNotification.vue	DAM notifications
Dialog/ConfirmationDialog.vue	Confirmation dialog

theme/settings

Settings-specific layout:

Component	Purpose
AccountSettingsLeftMenu.vue	Left menu for account/workspace settings

dam/

DAM feature set. Grouped by function:

Tables

shareTableHeader, shareTableListItem, shareLinkListTable, tableHeaderColumn, wpAdminsTable, embedTableHeader, embedTableListItem, externalUserTable, externalUserMenuOption, profileNotificationSettings, InvoiceTable, and related table components.

Upload

upload-chunk.vue, upload-chunk-external.vue.

Skeleton loaders

UploadedTableListSkeleton, ListViewSkeleton, MosaicViewSkeleton, GridViewSkeleton, SearchGridAssetsSkeleton, SearchListSkeleton, SearchGridSkeleton, ImgEditActionSkeleton (under SkeletonLoaders/).

Shared DAM controls

Component	Path	Purpose
DamBulkActionsBar	app/components/dam/DamBulkActionsBar.vue	Shared bulk-action toolbar; inline icons + overflow menu + optional draggable floating mode
DamListHeader	app/components/dam/DamListHeader.vue	Shared sticky table header; sort arrows, sort-spinner, select-all checkbox
ViewModeSwitcher	app/components/shared/ViewModeSwitcher.vue	Grid / list / mosaic toggle buttons; single source of truth for view-mode switching
UploadBackdrop	app/components/asset/UploadBackdrop.vue	Full-screen drag-and-drop overlay for the collage-layout shell

Search

SearchBarTypeSense, SearchTabs, SearchBreadCrumbs, SearchResultGroup, SearchTableHeader, SearchBulkActions, SearchAssets, SearchCollages, SearchFolders; Search/ (SearchFilter, AddedFilterOption, ListLevelThree, etc.).

Dialogs

• ShareAssetDialog, PreviewDialog, QuickViewDialog, miniUploadDialog, SaveToCollage, PermissionDialog, AdvanceShareDialog, FileConversionDialog, CreateCollageDialog, ManageCustomFields, AccountSettingsMobileDialog.
• Portal dialogs: CreatePortalDialog, PortalLogoEditDialog, PortalFaviconEditDialog, PortalLimitDialog.
• subscription/ (PlanChangeModal, DeleteTrialAccountDialog).
• Org-Settings/ (AnnouncementDialog, LogoEditDialog, AddEditTileDialog, AddEditBannerDialog, ExternalUserDialog, CustomFieldDialog, CollageUserDialog, AdminUserDialog, ActivityLogsDialog, ActivateUserDialog, CNameGuideDialog).
• FolderDialogs/, AddTags/.
• AssetPermissionDialog.vue — deleted in development branch; asset-specific permission confirmation is no longer a separate dialog.

Other DAM

TileItem/, ViewToggle, StaticPlanWorkspaceBranding, StaticPermissionDialog, StaticPlanManageTile, StaticPlanManageBanner, ShareListing/ShareAssetsPasswordProtected, Settings/CollageSettings, Insights/InsightsGraph, Insights/InsightsTabGraph, Folders/FolderCard, Profile/ProfileSetting, Profile/NotificationSetting, AssetList/AssetContainer, AssetDetails/ImageEditor, AssetCustomFieldsSection, AssetVersionItem, and related components.

New in the Nuxt 4 migration:

• CustomTextEditor.vue — lightweight contenteditable-based rich-text editor (bold / italic / underline / hyperlink) used in the Announcement dialog
• ExternalLogo.vue — brand logo shown on external-user and guest-upload pages

Note: AssetList/ShareLinkHeader.vue and theme/SubscriptionHeader.vue were deleted in development branch.

svg/

Icons and SVG assets. Auto-imported via nuxt.config.js (components: ['~/components/svg/']). Examples: CollageFileIcon, CollageCheckIcon, CollagePortalIcon, CollageBarChartIcon, CollageExternalLinkIcon, SnackbarSuccess, SnackbarError, SnackbarWarning, SnackbarInfo, SnackbarClose, and other Collage/* and Snackbar/* icons.

Changes in development branch:

• CollageBarChartIcon.vue — added (bar chart / analytics icon)
• CollageExternalLinkIcon.vue — added (external link icon)
• CollageEmptyFoldersIcon.vue — deleted
• CollagePortalIcon.vue — updated (used in portal visibility flow)

plugins/

Component	Purpose
Bar.vue	Single plugin UI component (e.g. chart or similar)