feat(media): add flat folder UI - #2586
Draft
khoinguyenpham04 wants to merge 6 commits into
Draft
Conversation
Contributor
Scope checkThis PR changes 4,314 lines across 34 files. Large PRs are harder to review and more likely to be closed without review. If this scope is intentional, no action needed. A maintainer will review it. If not, please consider splitting this into smaller PRs. See CONTRIBUTING.md for contribution guidelines. |
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| ✅ Deployment successful! View logs |
emdash-demo-do | 3fac548 | Aug 21 2026, 09:07 AM |
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| ✅ Deployment successful! View logs |
docs | 3fac548 | Aug 21 2026, 09:07 AM |
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| ✅ Deployment successful! View logs |
emdash-demo-cache | 3fac548 | Aug 21 2026, 09:08 AM |
🚀 Deploying Preview to Cloudflare 🚀Preview URL: https://feat-media-folders-ui.try.emdashcms.com, https://feat-media-folders-ui-emdash-playground.emdash-cms.workers.dev (commit 3fac548)This URL reflects your latest Preview deploymentPreview Deployments by commit
|
Contributor
Overlapping PRsThis PR modifies files that are also changed by other open PRs:
This may cause merge conflicts or duplicated work. A maintainer will coordinate. |
18 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What does this PR do?
Adds the focused admin UI for the flat Media Library folder foundation in #2584. Editors can create, rename, browse, and delete folders; permitted users can move local media through the Media Details Location control; deleting a folder returns its media to the Main library without changing IDs, URLs, storage keys, or usage records.
The interface follows the stable Strapi Media Library baseline while using native Kumo components: compact folder rows, explicit link and edit actions, Back and breadcrumb navigation, one mixed folder/media table in list mode, bounded loading/retry/load-more states, responsive mobile actions, and direction-aware folder names. Folder navigation preserves relevant search, filter, provider, view, page-size, focus, and scroll state.
This is PR2 of the folders sequence and is stacked directly on #2584. It intentionally excludes nesting, counts, bulk moves, drag and drop, upload-to-folder behavior, Media Picker changes, provider behavior, CLI commands, MCP commands, and plugin changes. Local uploads continue to enter the Main library.
Stack:
Related media roadmap Discussions:
A folder-specific maintainer-approved Discussion was not found. This PR remains a draft pending scope confirmation.
Type of change
Checklist
messages.pofiles are includedemdashand@emdash-cms/adminminor changesetsAI-generated code disclosure
Screenshots / test output
The UI was exercised end to end at 1512×982 and 320×800 in light/dark themes, English LTR, and Arabic RTL. The browser audit covered grid/list modes, responsive 4/3/2/1 folder breakpoints, create/rename/delete, Location, global folder search, Back/Forward and direct URLs, safe deletion, delayed pagination, loading/error/retry states, focus restoration, scroll preservation, and mixed-direction long names.