chore: UI Module instances support broken references in widgets entity explorer

app/client/src/ce/pages/AppIDE/components/UIEntityListTree/OrphanUIModuleInstancesEntityList.tsx

@@ -0,0 +1,14 @@
+/**
+ * This component is used to display the orphan UIModuleInstances in the EntityListTree.
+ * An orphan UIModuleInstance is a UIModuleInstance that has an instance of a module
+ * but the module instance's widget is not present in the canvas.
+ *
+ *  This function is extended in EE
+ * @returns
+ */
+
+function OrphanUIModuleInstancesEntityList() {
+  return null;
+}
+
+export default OrphanUIModuleInstancesEntityList;

app/client/src/ee/pages/AppIDE/components/UIEntityListTree/OrphanUIModuleInstancesEntityList.tsx

@@ -0,0 +1 @@
+export { default } from "ce/pages/AppIDE/components/UIEntityListTree/OrphanUIModuleInstancesEntityList";

app/client/src/pages/AppIDE/components/UIEntityListTree/UIEntityListTree.tsx

@@ -6,7 +6,7 @@ import { getSelectedWidgets } from "selectors/ui";
 import { useWidgetTreeState } from "./hooks/useWidgetTreeExpandedState";
 import { enhanceItemsTree } from "./utils/enhanceTree";
 import { WidgetTreeItem } from "./WidgetTreeItem";
-
+import OrphanUIModuleInstancesEntityList from "ee/pages/AppIDE/components/UIEntityListTree/OrphanUIModuleInstancesEntityList";
 export const UIEntityListTree = () => {
   const widgets = useSelector(selectWidgetsForCurrentPage);
   const selectedWidgets = useSelector(getSelectedWidgets);
@@ -19,13 +19,17 @@ export const UIEntityListTree = () => {
     isSelected: selectedWidgets.includes(widget.widgetId),
     isExpanded: expandedWidgets.includes(widget.widgetId),
     type: widget.type,
+    hasError: widget.hasError,
   }));
 
   return (
-    <EntityListTree
-      ItemComponent={WidgetTreeItem}
-      items={items}
-      onItemExpand={handleExpand}
-    />
+    <>
+      <EntityListTree
+        ItemComponent={WidgetTreeItem}
+        items={items}
+        onItemExpand={handleExpand}
+      />
+      <OrphanUIModuleInstancesEntityList />
+    </>
   );
 };

app/client/src/pages/AppIDE/components/UIEntityListTree/WidgetTreeItem.tsx

@@ -93,6 +93,7 @@ export const WidgetTreeItem = ({ item }: { item: EntityListTreeItem }) => {
 
   return (
     <EntityItem
+      hasError={item.hasError}
       id={item.id}
       isSelected={item.isSelected}
       nameEditorConfig={nameEditorConfig}

app/client/src/reducers/uiReducers/pageCanvasStructureReducer.ts

@@ -13,6 +13,7 @@ export interface CanvasStructure {
   widgetId: string;
   type: WidgetType;
   children?: CanvasStructure[];
+  hasError?: boolean;
 }
 
 export interface DSL extends WidgetProps {