feat: folders demo prototype for template section organization

[csiyang]

Summary

• Adds a Folders Demo tab alongside Projects and Templates in the journeys admin list view
• 20 mock template cards (English, Russian, Spanish) with Unsplash images in a grid layout
• Drag-and-drop templates into named sections using @dnd-kit/core
• Sections have pastel background colors (auto-assigned, unique), inline title editing (double-click or on creation), and delete functionality
• Persistent right-side panel matching Figma design ("What templates are about:") with collapsible accordion sections
• Section detail panel replaces info panel in the same slot when editing — includes title, description, background color picker, page instructions, creator details, and PDF/video URL fields
• Status filter and sort controls remain in the content area alongside the add-section button
• All state is local (lost on refresh) — this is a prototype for exploring folder-based template organization

Test plan

• Navigate to the Folders Demo tab and verify 20 template cards render in a grid
• Click "Add Section" and verify a section is created with auto-name and inline title edit
• Double-click a section title to rename it, press Enter to confirm
• Drag template cards into sections and between sections
• Delete a section and verify cards return to "All Templates"
• Click the edit icon on a section and verify the detail panel opens in place of the info panel
• Verify the panel never overlaps template cards
• Verify existing Projects and Templates tabs are unaffected

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: c669a562-b6ea-4ae0-bb39-af478fc888e3

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch 15-04-SC-feat-folders-demo-prototype

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

	Fails
🚫	Please request a reviewer for this PR.

	Warnings
⚠️	❗ Big PR (4516 changes)

(change count - 4516): Pull Request size seems relatively large. If Pull Request contains multiple changes, split each into separate PR will helps faster, easier review.

Generated by 🚫 dangerJS against 851a179

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 851a179

Command	Status	Duration	Result
nx run-many --target=vercel-alias --projects=jo...	✅ Succeeded	2s	View ↗
nx run-many --target=upload-sourcemaps --projec...	✅ Succeeded	9s	View ↗
nx run-many --target=deploy --projects=journeys...	✅ Succeeded	2m 34s	View ↗

---

☁️ Nx Cloud last updated this comment at 2026-04-16 03:39:26 UTC

[github-actions]

The latest updates on your projects.

Name	Status	Preview	Updated (UTC)
journeys-admin	✅ Ready	journeys-admin preview	Thu Apr 16 15:38:52 NZST 2026