feat(web): add content management UI for browsing MDX files by devin-ai-integration[bot] · Pull Request #2964 · fastrepl/char

devin-ai-integration · 2026-01-10T08:59:35Z

Summary

Adds a Content Management page to the admin interface that allows browsing MDX content files stored in the repository. This is PR #9 in the stacked PR series for issue #2948 (new blog admin site).

Changes:

New /admin/content page with expandable folder list (Articles, Changelog, Documentation, Handbook, Legal, Templates)
New /api/admin/content/list endpoint that fetches content files from GitHub API
Updated admin dashboard to link to Content Management (replacing "Coming soon" placeholder)

The UI allows clicking folders to load their contents, searching/filtering loaded files, and linking to view files on GitHub.

Review & Testing Checklist for Human

Verify unused import: The frontend imports useEffect but doesn't use it - confirm this doesn't cause lint/build failures
Test with GitHub token: The API requires GITHUB_TOKEN env var - verify it works in the deployed environment
Test admin auth: Verify non-admin users cannot access /admin/content or the API endpoint
Test folder expansion: Click each folder type and verify files load correctly
Consider subdirectory support: Currently only shows files, not nested folders - determine if this is acceptable

Recommended test plan:

Deploy the PR preview
Log in with an admin email (yujonglee@hyprnote.com, john@hyprnote.com, or harshika@hyprnote.com)
Navigate to /admin and click "Content Management"
Expand each folder and verify MDX files appear
Test the search filter
Click "View on GitHub" links to verify they work

Notes

This PR is stacked on PR #2961 (Google Docs Import UI). The full PR chain for issue #2948 is:

PR feat(web): remove Decap CMS and add admin authentication foundation #2949 → feat(web): add media API endpoints for admin #2953 → feat(web): implement media library UI with grid, upload, and navigation #2954 → feat(web): add selection and batch actions to media library #2957 → feat(web): add context menu and item actions to media library #2958 → feat(web): add sidebar with search, filters, and folder tree to media library #2959 → feat(web): add Google Docs import API endpoints #2960 → feat(web): add Google Docs import UI page #2961 → this PR

Requested by @ComputelessComputer

Link to Devin run: https://app.devin.ai/sessions/5c615647f58c421dabccc0cdd5b4270c

- Remove Decap CMS files (config.yml, index.html, media-library.js, etc.) - Remove netlify-identity-redirect.js and its reference in __root.tsx - Move mdx-format-core.js to scripts/ folder (still used by format-mdx.js) - Add admin authentication with email whitelist - Add admin layout route with auth guard - Add admin dashboard and media library placeholder pages - Update handbook documentation to reflect new admin system Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

The _admin prefix creates a pathless layout route which conflicts with _view's index.tsx since both resolve to '/'. Renaming to 'admin' creates routes at /admin/* which don't conflict. Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

- Add github-media.ts with utilities for listing, uploading, deleting, moving files and creating folders via GitHub API - Add /api/admin/media/list endpoint for listing media files - Add /api/admin/media/upload endpoint for uploading files - Add /api/admin/media/delete endpoint for batch deleting files - Add /api/admin/media/move endpoint for moving/renaming files - Add /api/admin/media/create-folder endpoint for creating folders - All endpoints protected with admin authentication check Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

- Add responsive file grid with folder and image thumbnails - Add drag-and-drop file upload functionality - Add breadcrumb navigation for folder hierarchy - Add file selection with batch delete support - Add create folder functionality - Add copy-to-clipboard for file paths - Show file sizes and loading states Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

- Add select all / deselect all functionality - Add batch download for selected files - Add batch move with folder picker dialog - Add selection toolbar with count display - Improve selection UI with cancel button Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

- Add right-click context menu for files and folders - Add individual item actions: download, copy path, copy as PNG - Add rename functionality with modal dialog - Add move functionality from context menu - Add delete functionality from context menu - Context menu auto-closes on click outside Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

… library - Add collapsible left sidebar with search input - Add file type filter (All, Images, Videos, Documents) - Add folder tree navigation with expandable nodes - Add clear filters button when filters are active - Filter items by search query and file type - Show helpful message when no files match filters - Sidebar toggle button in header Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

- Add /api/admin/import/google-docs endpoint to parse published Google Docs - Convert Google Docs HTML to Markdown format - Generate MDX with proper frontmatter (title, author, date, etc.) - Add /api/admin/import/save endpoint to save MDX files to content folder - Support multiple content folders (articles, changelog, docs, etc.) - Admin authentication required for all endpoints Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

- Add /admin/import page with import form - Support URL input, title, author, description, cover image, slug - Preview and edit generated MDX before saving - Select destination folder (articles, changelog, docs, etc.) - Auto-generate slug from title - Enable import link on admin dashboard Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

- Change from createAPIFileRoute to createFileRoute with server.handlers - Use fetchAdminUser instead of isAdmin for auth check - Fix indentation to match existing API route patterns Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

…handler Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

devin-ai-integration · 2026-01-10T08:59:39Z

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

Address comments on this PR that start with 'DevinAI' or '@devin'.
Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

Disable automatic comment and CI monitoring

Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>

…revocation Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

…032944-media-context-menu

…096-media-sidebar-search

…33298-google-docs-import

…442-google-docs-import-ui

…035431-blog-management-ui

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

devin-ai-integration bot and others added 14 commits January 10, 2026 07:40

fix(web): add HTTP response status check before parsing JSON

996c450

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

fix(web): improve file existence check to handle non-404 errors

414a27e

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

fix(web): add response status check before creating blob in download …

d00043f

…handler Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

feat(web): add content management UI for browsing MDX files

3b229ff

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

devin-ai-integration bot assigned ComputelessComputer Jan 10, 2026

devin-ai-integration bot requested a review from ComputelessComputer January 10, 2026 08:59

devin-ai-integration bot mentioned this pull request Jan 10, 2026

docs(web): add README for admin interface #2965

Merged

2 tasks

ComputelessComputer and others added 12 commits January 12, 2026 00:49

Update apps/web/src/routes/admin/media/index.tsx

296fcc1

Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>

Update apps/web/src/routes/admin/media/index.tsx

efeef81

Co-authored-by: graphite-app[bot] <96075541+graphite-app[bot]@users.noreply.github.com>

Merge branch 'main' into devin/1768032794-media-selection-batch

725a74b

feat(routes): add admin media API routes to routeTree

9e5bcca

fix(web): improve batch download to continue on errors and delay URL …

dfbbadc

…revocation Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

Merge branch 'devin/1768032794-media-selection-batch' into devin/1768…

58c9ff3

…032944-media-context-menu

Merge branch 'devin/1768032944-media-context-menu' into devin/1768033…

580fe5e

…096-media-sidebar-search

Merge branch 'devin/1768033096-media-sidebar-search' into devin/17680…

1980413

…33298-google-docs-import

Merge branch 'devin/1768033298-google-docs-import' into devin/1768033…

6fd3192

…442-google-docs-import-ui

Merge branch 'devin/1768033442-google-docs-import-ui' into devin/1768…

3543658

…035431-blog-management-ui

merge: resolve conflicts with main in media/index.tsx

d96bc17

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

fix(web): remove unused useEffect import in content/index.tsx

b0a52a2

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

merge: resolve conflicts with main in media/index.tsx

72df80a

Co-Authored-By: john@hyprnote.com <john@hyprnote.com>

Base automatically changed from devin/1768033442-google-docs-import-ui to main January 11, 2026 16:46

ComputelessComputer merged commit 5c03be9 into main Jan 11, 2026
6 of 7 checks passed

ComputelessComputer deleted the devin/1768035431-blog-management-ui branch January 11, 2026 16:46

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat(web): add content management UI for browsing MDX files#2964

feat(web): add content management UI for browsing MDX files#2964
ComputelessComputer merged 27 commits intomainfrom
devin/1768035431-blog-management-ui

devin-ai-integration bot commented Jan 10, 2026

Uh oh!

devin-ai-integration bot commented Jan 10, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Comments

Conversation

devin-ai-integration bot commented Jan 10, 2026

Summary

Review & Testing Checklist for Human

Notes

Uh oh!

devin-ai-integration bot commented Jan 10, 2026

🤖 Devin AI Engineer

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Comments