fix: stabilize knowledge compilation navigation updates (#17345)

web/src/components/ui/tree-view.tsx

@@ -23,6 +23,7 @@ export interface TreeDataItem {
   selectedIcon?: any;
   openIcon?: any;
   children?: TreeDataItem[];
+  hasChildren?: boolean;
   actions?: React.ReactNode;
   onClick?: () => void;
 }
@@ -142,7 +143,8 @@ const TreeItem = React.forwardRef<HTMLDivElement, TreeItemProps>(
         <ul>
           {data.map((item) => (
             <li key={item.id}>
-              {item.children && item.children.length > 0 ? (
+              {item.hasChildren ||
+              (item.children && item.children.length > 0) ? (
                 <TreeNode
                   item={item}
                   selectedItemId={selectedItemId}
@@ -216,7 +218,7 @@ const TreeNode = ({
         </AccordionTrigger>
         <AccordionContent className="ml-4 pl-1 border-l">
           <TreeItem
-            data={item.children ? item.children : item}
+            data={item.children ?? []}
             selectedItemId={selectedItemId}
             handleSelectChange={handleSelectChange}
             expandedItemIds={expandedItemIds}

web/src/pages/dataset/compilation/utils/nav-tree.ts

@@ -29,6 +29,7 @@ export function buildNavTreeData(
     const item: TreeDataItem = {
       id: node.name,
       name: node.name,
+      hasChildren: node.has_children,
       actions: getActions?.(node, null),
       onClick: () => onParentClick(node),
     };
@@ -39,6 +40,7 @@ export function buildNavTreeData(
         item.children = children.map((child) => ({
           id: `${node.name}/${child.name}`,
           name: child.name,
+          hasChildren: child.has_children,
           actions: getActions?.(child, node.name),
           onClick: () => onChildClick(child, node.name),
         }));