refactor: improve Vue widget type safety and runtime prop handling

- Add proper type guards for all widget input specs (Color, TreeSelect, MultiSelect, FileUpload, Galleria)
- Enhance schemas with missing properties (format, placeholder, accept, extensions, tooltip)
- Fix widgets to honor runtime props like disabled while accessing spec metadata
- Eliminate all 'as any' usage in widget components with proper TypeScript types
- Clean separation: widget.spec.options for metadata, widget.options for runtime state
- Refactor devtools into modular structure with vue_widgets showcase nodes

tools/devtools/nodes/__init__.py

@@ -44,12 +44,29 @@ from .remote import (
     NODE_CLASS_MAPPINGS as remote_class_mappings,
     NODE_DISPLAY_NAME_MAPPINGS as remote_display_name_mappings,
 )
+from .vue_widgets import (
+    VueAudioPreviewComboNode,
+    VueAudioRecordWidgetNode,
+    VueChartWidgetNode,
+    VueColorWidgetNode,
+    VueFileUploadWidgetNode,
+    VueGalleriaWidgetNode,
+    VueImageCompareWidgetNode,
+    VueMarkdownWidgetNode,
+    VueSelectButtonWidgetNode,
+    VueTextareaWidgetNode,
+    VueTreeSelectMultiWidgetNode,
+    VueTreeSelectWidgetNode,
+    NODE_CLASS_MAPPINGS as vue_widgets_class_mappings,
+    NODE_DISPLAY_NAME_MAPPINGS as vue_widgets_display_name_mappings,
+)
 
 NODE_CLASS_MAPPINGS = {
     **errors_class_mappings,
     **inputs_class_mappings,
     **remote_class_mappings,
     **models_class_mappings,
+    **vue_widgets_class_mappings,
 }
 
 NODE_DISPLAY_NAME_MAPPINGS = {
@@ -57,6 +74,7 @@ NODE_DISPLAY_NAME_MAPPINGS = {
     **inputs_display_name_mappings,
     **remote_display_name_mappings,
     **models_display_name_mappings,
+    **vue_widgets_display_name_mappings,
 }
 
 __all__ = [
@@ -88,6 +106,18 @@ __all__ = [
     "RemoteWidgetNodeWithRefresh",
     "RemoteWidgetNodeWithRefreshButton",
     "SimpleSlider",
+    "VueAudioPreviewComboNode",
+    "VueAudioRecordWidgetNode",
+    "VueChartWidgetNode",
+    "VueColorWidgetNode",
+    "VueFileUploadWidgetNode",
+    "VueGalleriaWidgetNode",
+    "VueImageCompareWidgetNode",
+    "VueMarkdownWidgetNode",
+    "VueSelectButtonWidgetNode",
+    "VueTextareaWidgetNode",
+    "VueTreeSelectMultiWidgetNode",
+    "VueTreeSelectWidgetNode",
     "NODE_CLASS_MAPPINGS",
     "NODE_DISPLAY_NAME_MAPPINGS",
 ]