Tree View

interface TreeNode {
  id: string;                           // Unique node identifier
  label: string;                        // Node label text
  icon?: string;                        // Icon name ('folder' or 'file')
  children?: TreeNode[];                // Child nodes
  data?: any;                           // Additional node data
}

interface TreeViewSchema {
  type: 'tree-view';
  
  // Data — inline nodes, or bind the tree with `bind` (read first)
  nodes?: TreeNode[];                   // Tree nodes (the one inline spelling)
  title?: string;                       // Tree title
  
  // Selection
  defaultExpandedIds?: string[];        // Default expanded node IDs
  defaultSelectedIds?: string[];        // Default selected node IDs
  expandedIds?: string[];               // Controlled expanded node IDs
  selectedIds?: string[];               // Controlled selected node IDs
  multiSelect?: boolean;                // Enable multi-selection (default: false)
  
  // Appearance
  showLines?: boolean;                  // Show connecting lines (default: true)
  
  // Events
  onNodeClick?: (node: TreeNode) => void; // Node click handler
  
  // Styling
  className?: string;                   // Tailwind CSS classes
  
  // Base properties
  id?: string;
  visible?: boolean | string | { dialect?: string; source: string };
  testId?: string;
}