How hayden-cn/comfyui-model-manager works
ComfyUI Model Manager is a ComfyUI extension for browsing, managing, downloading, uploading, and scanning model files. Users open the manager, browse or search models, inspect and edit model details, and can download models from a URL or upload them; scan information is a separate batch workflow. The UI also supports sending models and embedded workflows into ComfyUI’s node graph. The excerpts show the app entry point, model and download hooks, and selected backend routes; connections for unsampled UI and backend internals are limited to documented capabilities.
Main entry points: request.ts HTTP client · App.vue App shell · model.ts Model state · information.py Information API
Components 22
ComfyUI interface
- Extension bootstrap
__init__.py - App shell
src/App.vue - Model browser
src/components/DialogManager.vue - Folder explorer
src/components/DialogExplorer.vue - Model details
src/components/DialogModelDetail.vue - Preview editor
src/components/ModelPreview.vue - Information scan
src/components/DialogScanning.vue - Download dialog
src/components/DialogDownload.vue - Upload dialog
src/components/DialogUpload.vue
Model management
- Model state
src/hooks/model.ts - Graph integration
src/utils/legacy.ts
Model transfers
- Download state
src/hooks/download.ts
Backend services
- HTTP client
src/hooks/request.ts - Model API
py/manager.py - Information API
py/information.py - Download service
py/download.py - Upload service
py/upload.py - Model utilities
py/utils.py
Filesystem state
- Model files
Other components
- ComfyUI user
- ComfyUI graph
- Model providers
Connections 32
- ComfyUI user → App shell: opens manager
- Extension bootstrap → App shell: mounts UI
- App shell → Model browser: opens browser
- App shell → Folder explorer: opens explorer
- App shell → Information scan: opens scan
- App shell → Download dialog: opens downloads
- App shell → Upload dialog: opens upload
- Model browser → Model state: reads models
- Folder explorer → Model state: browses models
- Model state → Model details: opens details
- Model details → Model state: saves edits
- Model details → Preview editor: edits preview
- Model browser → Graph integration: adds graph nodes
- Graph integration → ComfyUI graph: updates graph
- Download dialog → Download state: manages tasks
- Download dialog → Model providers: selects model source
- Download state → HTTP client: requests data
- Model state → HTTP client: requests model data
- Information scan → HTTP client: starts scan
- Upload dialog → HTTP client: sends files
- HTTP client → Model API: calls model routes
- HTTP client → Information API: calls info routes
- HTTP client → Download service: calls download routes
- HTTP client → Upload service: calls upload routes
- Model API → Model utilities: resolves model paths
- Model API → Model files: lists and edits
- Information API → Model files: reads model files
- Information API → Model providers: fetches metadata
- Download service → Model providers: downloads files
- Download service → Model files: writes downloads
- Upload service → Model files: stores uploads
- Information API → Download service: queues scan downloads