feat: Add ComfyUI Template Manager

[christian-byrne]

Summary

Complete admin interface for managing ComfyUI workflow templates with modern web technologies and automated workflows.

🎯 Key Features

• Modern UI: Nuxt 3 + Vue 3 + TypeScript with shadcn-vue components
• Smart Autocomplete: All inputs show existing patterns from template data
• Live Preview: Exactly how template will appear in ComfyUI
• Model Embedding: Automatic embedding into workflow JSON with widget value matching
• Thumbnail Effects: Hover dissolve, compare slider, zoom, audio support
• Real-time Validation: Filename uniqueness, format checking, comprehensive validation
• Backend API: File processing, JSON updates, version bumping
• GitHub Actions: Automated deployment and CI/CD workflows
• Testing: Comprehensive test suite with 9 passing tests

🚀 Quick Start

1. Deploy to Vercel: Set root directory to admin/
2. Local Development: cd admin && npm install && npm run dev
3. GitHub Integration: Run npm run setup:github for repository automation

📁 Structure

• admin/ - Complete Nuxt 3 application
• .github/workflows/ - CI/CD automation
• Comprehensive documentation in admin/README.md

🧪 Testing

All tests pass with TypeScript type safety:

• Model embedding logic
• Template data parsing
• File processing utilities
• Version bumping functions

Test plan

• Deploy to Vercel for live testing
• Test complete template creation workflow
• Verify GitHub integration setup
• Test model embedding functionality
• Validate thumbnail effects work correctly

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	npm/​class-variance-authority@​0.7.1
	npm/​@​typescript-eslint/​parser@​8.47.0
	npm/​eslint-config-prettier@​9.1.2
	npm/​@​vueuse/​core@​14.0.0
	npm/​clsx@​2.1.1
	npm/​@​typescript-eslint/​eslint-plugin@​8.47.0
	npm/​@​types/​node@​20.19.25
	npm/​@​vueuse/​nuxt@​14.0.0
	npm/​@​vue/​test-utils@​2.4.6
	npm/​autoprefixer@​10.4.22
	npm/​happy-dom@​20.0.10
	npm/​@​nuxtjs/​color-mode@​4.0.0
	npm/​reka-ui@​2.6.0
	npm/​eslint-plugin-prettier@​5.5.4
	npm/​@​nuxt/​devtools@​1.7.0
	npm/​nuxt@​3.17.7
	npm/​shadcn-nuxt@​2.3.3
	npm/​@​vitejs/​plugin-vue@​6.0.2
	npm/​jsdom@​27.2.0
	npm/​lucide-vue-next@​0.554.0
	npm/​prettier@​3.6.2
	npm/​eslint@​9.39.1
	npm/​@​tailwindcss/​typography@​0.5.19

View full report

[socket-security]

Warning

Review the following alerts detected in dependencies.

According to your organization's Security Policy, it is recommended to resolve "Warn" alerts. Learn more about Socket for GitHub.

Action	Severity	Alert  (click "▶" to expand/collapse)
Warn		Obfuscated code: npm safer-buffer is 94.0% likely obfuscated Confidence: 0.94 Location: Package overview From: admin/package-lock.json → npm/[email protected] → npm/[email protected] ℹ Read more on: This package | This alert | What is obfuscated code? Next steps: Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at [email protected]. Suggestion: Packages should not obfuscate their code. Consider not using packages with obfuscated code. Mark the package as acceptable risk. To ignore this alert only in this pull request, reply with the comment @SocketSecurity ignore npm/[email protected]. You can also ignore all packages with @SocketSecurity ignore-all. To ignore an alert for all future pull requests, use Socket's Dashboard to change the triage state of this alert.

View full report