diff --git a/app/web/src/nova/ed/logic/tree/build.tsx b/app/web/src/nova/ed/logic/tree/build.tsx
index 06f08d5b..1557ae9b 100644
--- a/app/web/src/nova/ed/logic/tree/build.tsx
+++ b/app/web/src/nova/ed/logic/tree/build.tsx
@@ -1,7 +1,7 @@
-import { deepClone } from "web-utils";
 import { IItem, MItem } from "../../../../utils/types/item";
 import { genMeta } from "../../../view/logic/meta/meta";
 import { PG, active } from "../ed-global";
+import { pushTreeNode } from "./build/push-tree";
 
 export const treeRebuild = async (p: PG, arg?: { note?: string }) => {
   const is_layout =
@@ -27,6 +27,7 @@ export const treeRebuild = async (p: PG, arg?: { note?: string }) => {
   mroot?.get("childs")?.forEach((m) => mitems.push(m));
 
   const meta = {};
+  p.page.tree = [];
   for (const mitem of mitems) {
     const item = mitem.toJSON() as IItem;
     if (item) {
@@ -37,9 +38,7 @@ export const treeRebuild = async (p: PG, arg?: { note?: string }) => {
           on: !is_layout
             ? {
                 visit(meta) {
-                  if (meta.jsx_prop) {
-                    console.log(meta.parent);
-                  }
+                  pushTreeNode(p, meta);
                 },
               }
             : undefined,
diff --git a/app/web/src/nova/ed/logic/tree/build/push-tree.tsx b/app/web/src/nova/ed/logic/tree/build/push-tree.tsx
new file mode 100644
index 00000000..05fa1f95
--- /dev/null
+++ b/app/web/src/nova/ed/logic/tree/build/push-tree.tsx
@@ -0,0 +1,19 @@
+import { IMeta, PG } from "../../ed-global";
+
+export const pushTreeNode = (p: PG, meta: IMeta) => {
+  if (!meta.parent?.comp_id) {
+    p.page.tree.push({
+      id: meta.item.id,
+      parent: meta.parent?.id || "root",
+      text: meta.item.name,
+      data: meta,
+    });
+  } else if (meta.jsx_prop) {
+    p.page.tree.push({
+      id: meta.item.id,
+      parent: meta.parent?.instance_id || "root",
+      text: meta.item.name,
+      data: meta,
+    });
+  }
+};
diff --git a/app/web/src/nova/ed/panel/tree/node/item/name.tsx b/app/web/src/nova/ed/panel/tree/node/item/name.tsx
index 70e11f12..bcb0b9ba 100644
--- a/app/web/src/nova/ed/panel/tree/node/item/name.tsx
+++ b/app/web/src/nova/ed/panel/tree/node/item/name.tsx
@@ -23,7 +23,7 @@ export const EdTreeName = ({
   const mitem = node.data?.mitem;
 
   if (!item || !mitem) return <></>;
-  const is_jsx_prop = !!node.data?.jsx_prop_name;
+  const is_jsx_prop = !!node.data?.jsx_prop;
 
   const isRenaming = p.ui.tree.rename_id === item.id;
   return (
@@ -116,22 +116,5 @@ const Name: FC<{ name: string; is_jsx_prop: boolean }> = ({
     );
   }
 
-  // if (typeof name === "string" && name.startsWith("jsx=")) {
-  //   return (
-  //     <div className="flex items-center space-x-1">
-  //       <div
-  //         className="flex text-purple-500 items-center"
-  //         dangerouslySetInnerHTML={{
-  //           __html: `<svg width="25px" viewBox="0 0 98 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-  //           <path d="M95 22L77.755 2H2V42H77.755L95 22Z" stroke="currentColor" stroke-width="4"/>
-  //           <path d="M22.075 34.352C19.707 34.352 17.8296 33.7013 16.443 32.4C15.0776 31.0773 14.395 29.3067 14.395 27.088H18.395C18.395 28.2613 18.7256 29.1787 19.387 29.84C20.0483 30.5013 20.9443 30.832 22.075 30.832C23.2056 30.832 24.1016 30.512 24.763 29.872C25.4243 29.2107 25.755 28.2933 25.755 27.12V14.352H20.315V10.64H29.755V27.12C29.755 29.36 29.0616 31.1307 27.675 32.432C26.3096 33.712 24.443 34.352 22.075 34.352ZM42.2865 34.32C40.6865 34.32 39.2998 34.0533 38.1265 33.52C36.9531 32.9867 36.0465 32.2293 35.4065 31.248C34.7878 30.2453 34.4678 29.072 34.4465 27.728H38.4465C38.4465 28.688 38.7878 29.4453 39.4705 30C40.1745 30.5333 41.1238 30.8 42.3185 30.8C43.4705 30.8 44.3665 30.5333 45.0065 30C45.6678 29.4667 45.9985 28.7307 45.9985 27.792C45.9985 27.0027 45.7638 26.32 45.2945 25.744C44.8465 25.1467 44.1958 24.7413 43.3425 24.528L40.6545 23.792C38.8198 23.3227 37.4011 22.48 36.3985 21.264C35.4171 20.048 34.9265 18.576 34.9265 16.848C34.9265 15.5253 35.2251 14.3733 35.8225 13.392C36.4198 12.4107 37.2625 11.6533 38.3505 11.12C39.4598 10.5867 40.7611 10.32 42.2545 10.32C44.5158 10.32 46.3078 10.9067 47.6305 12.08C48.9531 13.232 49.6251 14.7893 49.6465 16.752H45.6465C45.6465 15.8347 45.3478 15.12 44.7505 14.608C44.1531 14.0747 43.3105 13.808 42.2225 13.808C41.1771 13.808 40.3665 14.0533 39.7905 14.544C39.2145 15.0347 38.9265 15.728 38.9265 16.624C38.9265 17.4347 39.1398 18.128 39.5665 18.704C40.0145 19.2587 40.6545 19.6533 41.4865 19.888L44.2705 20.656C46.1265 21.1253 47.5451 21.968 48.5265 23.184C49.5078 24.3787 49.9985 25.8613 49.9985 27.632C49.9985 28.9547 49.6785 30.128 49.0385 31.152C48.3985 32.1547 47.5025 32.9333 46.3505 33.488C45.1985 34.0427 43.8438 34.32 42.2865 34.32ZM52.706 34L59.17 22.032L53.09 10.64H57.57L60.514 16.496C60.7273 16.9227 60.9193 17.3387 61.09 17.744C61.2606 18.128 61.3886 18.4267 61.474 18.64C61.538 18.4267 61.6553 18.128 61.826 17.744C61.9966 17.3387 62.1886 16.9227 62.402 16.496L65.378 10.64H69.73L63.65 21.936L70.114 34H65.634L62.338 27.536C62.1246 27.1093 61.922 26.6933 61.73 26.288C61.5593 25.8827 61.4313 25.5627 61.346 25.328C61.2606 25.5627 61.1326 25.8827 60.962 26.288C60.7913 26.6933 60.5993 27.1093 60.386 27.536L57.058 34H52.706Z" fill="currentColor"/>
-  //           </svg>
-  //           `,
-  //         }}
-  //       ></div>
-  //       <div>{name.substring(4)}</div>
-  //     </div>
-  //   );
-  // }
   return <div>{name}</div>;
 };
diff --git a/app/web/src/nova/ed/panel/tree/node/render.tsx b/app/web/src/nova/ed/panel/tree/node/render.tsx
index c6af4912..2696a3ff 100644
--- a/app/web/src/nova/ed/panel/tree/node/render.tsx
+++ b/app/web/src/nova/ed/panel/tree/node/render.tsx
@@ -28,32 +28,36 @@ export const nodeRender: NodeRender<IMeta> = (node, prm) => {
     );
   }
 
-  if (node.data?.jsx_prop_root && node.data?.jsx_prop_name) {
-    const prop_name = node.data?.jsx_prop_name;
-    const meta = getMetaById(p, node.data?.parent_item.id);
+  if (
+    node.data?.jsx_prop?.name &&
+    node.data?.jsx_prop?.name &&
+    node.data?.parent?.instance_id
+  ) {
+    const prop_name = node.data?.jsx_prop?.name;
+    const meta = getMetaById(p, node.data.parent.instance_id);
 
-    if (meta && prop_name && !active.comp_id) {
-      if (!meta.propvis) {
-        if (!meta.parent_mcomp) {
-          setTimeout(local.render, 100);
-          const id = meta.item.originalId || meta.item.id;
-          if (!jsxPropVis[id] || jsxPropVis[id] === prop_name) {
-            jsxPropVis[id] = prop_name;
-            return (
-              <div
-                className={"relative border-b flex items-stretch  min-h-[26px]"}
-              >
-                <Loading backdrop={false} />
-              </div>
-            );
-          } else {
-            return <></>;
-          }
-        }
-      } else {
-        if (meta.propvis[prop_name] === false) return <></>;
-      }
-    }
+    // if (meta && prop_name && !active.comp_id) {
+    //   if (!meta.propvis) {
+    //     if (!meta.parent_mcomp) {
+    //       setTimeout(local.render, 100);
+    //       const id = meta.item.originalId || meta.item.id;
+    //       if (!jsxPropVis[id] || jsxPropVis[id] === prop_name) {
+    //         jsxPropVis[id] = prop_name;
+    //         return (
+    //           <div
+    //             className={"relative border-b flex items-stretch  min-h-[26px]"}
+    //           >
+    //             <Loading backdrop={false} />
+    //           </div>
+    //         );
+    //       } else {
+    //         return <></>;
+    //       }
+    //     }
+    //   } else {
+    //     if (meta.propvis[prop_name] === false) return <></>;
+    //   }
+    // }
   }
 
   return (
diff --git a/app/web/src/nova/view/logic/meta/comp.tsx b/app/web/src/nova/view/logic/meta/comp.tsx
index 8b6be7c6..43fdf73a 100644
--- a/app/web/src/nova/view/logic/meta/comp.tsx
+++ b/app/web/src/nova/view/logic/meta/comp.tsx
@@ -37,6 +37,7 @@ export const genComp = (
 
       const meta: IMeta = {
         item: simplifyItemChild(item),
+        mitem,
         parent: {
           id: arg.parent.item.id,
           instance_id: arg.parent?.instance?.id,