feat: add custom icon picker to node create/edit modal

- Add 65+ icons across 7 categories (Infrastructure, Media, Monitoring,
  Storage, Security, Automation, Dev & Containers, Communications) covering
  popular self-hosted apps: Home Assistant, Jellyfin, Plex, Grafana, Portainer,
  Pi-hole, Vaultwarden, Gitea, Nextcloud, Node-RED, Frigate, etc.
- New nodeIcons.ts utility with ICON_REGISTRY, ICON_MAP and resolveNodeIcon()
- Inline icon picker in NodeModal: collapsible panel with search + grid grouped
  by category; click to select, click again or Reset to revert to type default
- BaseNode uses resolveNodeIcon() so custom icon renders live on canvas
- Add custom_icon field to NodeData type, NodeBase/NodeUpdate schemas, Node ORM
  model, and database.py idempotent ALTER TABLE migration
This commit is contained in:
Pouzor
2026-03-07 23:01:30 +01:00
parent 1a72f9fa20
commit d98bfba506
7 changed files with 222 additions and 4 deletions
+1
View File
@@ -42,6 +42,7 @@ export interface NodeData extends Record<string, unknown> {
parent_id?: string
container_mode?: boolean
custom_colors?: { border?: string; background?: string; icon?: string }
custom_icon?: string
}
export type EdgePathStyle = 'bezier' | 'smooth'