[feat] Vue widget system foundation

[christian-byrne]

Complete Vue-based widget system with 15 simplified components for node rendering. Removes DOM manipulation and positioning concerns while providing clean, typed interfaces.

graph TB
    subgraph "Vue Widget System"
        Registry[Widget Registry]
        Interface[SimplifiedWidget Interface]
        Filter[Prop Filter Utility]
        
        subgraph "Input Widgets"
            InputText[WidgetInputText]
            Textarea[WidgetTextarea]
            Slider[WidgetSlider]
            Toggle[WidgetToggleSwitch]
        end
        
        subgraph "Selection Widgets"
            Select[WidgetSelect]
            MultiSelect[WidgetMultiSelect]
            SelectButton[WidgetSelectButton]
            TreeSelect[WidgetTreeSelect]
        end
        
        subgraph "Visual Widgets"
            ColorPicker[WidgetColorPicker]
            Image[WidgetImage]
            ImageCompare[WidgetImageCompare]
            Galleria[WidgetGalleria]
            Chart[WidgetChart]
        end
        
        subgraph "Action Widgets"
            Button[WidgetButton]
            FileUpload[WidgetFileUpload]
        end
    end
    
    Registry --> Interface
    Filter --> Interface
    
    Registry --> InputText
    Registry --> Select
    Registry --> ColorPicker
    Registry --> Button
    
    Interface --> InputText
    Interface --> Select
    Interface --> ColorPicker
    Interface --> Button
    
    Filter --> InputText
    Filter --> Select
    Filter --> ColorPicker
    Filter --> Button
    
    classDef widget fill:#e1f5fe
    classDef core fill:#f3e5f5
    
    class InputText,Textarea,Slider,Toggle,Select,MultiSelect,SelectButton,TreeSelect,ColorPicker,Image,ImageCompare,Galleria,Chart,Button,FileUpload widget
    class Registry,Interface,Filter core

Loading

Key Features:

• Type-safe widget registry with dynamic component resolution
• Consistent prop filtering to maintain clean widget appearance
• Vue 3.5 composition API with defineModel for two-way binding
• All widgets support readonly state and proper PrimeVue integration

Next Steps: Integration with Vue node rendering system.

┆Issue is synchronized with this Notion page by Unito