wip fix

app/web/src/nova/ed/panel/main/main.tsx

@@ -56,7 +56,6 @@ export const EdMain = () => {
                 return false
               },
               set(meta) {
-
                 if (meta.parent_mcomp) {
                   const id = meta.parent_mcomp.mitem.get('id');
 
@@ -64,9 +63,9 @@ export const EdMain = () => {
                     const original_id = meta.parent_mcomp.mitem.get('originalId');
 
                     if (active.comp_id && original_id) {
-                      active.item_id = original_id;
+                      active.hover_id = original_id;
                     } else if (id) {
-                      active.item_id = id;
+                      active.hover_id = id;
                     }
 
                     p.render();

app/web/src/nova/ed/panel/tree/node/item/name.tsx

@@ -74,7 +74,7 @@ export const EdTreeName = ({
       ) : (
         <div className="flex flex-col">
           <Name name={node.text} is_jsx_prop={is_jsx_prop} />
-          <div className={"text-[9px] text-gray-500 -mt-1"}>{item.id} - {item.originalId}</div>
+          {/* <div className={"text-[9px] text-gray-500 -mt-1"}>{item.id} - {item.originalId}</div> */}
         </div>
       )}
     </div>

app/web/src/nova/ed/panel/tree/node/render.tsx

@@ -73,6 +73,11 @@ export const nodeRender: NodeRender<EdMeta> = (node, prm) => {
         p.page.render();
       }}
     >
+      {active.hover_id === item.id && (
+        <div
+          className={cx("absolute left-0 bottom-0 top-0 w-[4px] bg-blue-300")}
+        ></div>
+      )}
       {active.item_id === item.id && (
         <div
           className={cx("absolute left-0 bottom-0 top-0 w-[4px] bg-blue-500")}

app/web/src/nova/view/render/meta/children.tsx

@@ -36,5 +36,5 @@ export const ViewMetaChildren: FC<{
       }
     }
 
-    return <>{item.id}{Object.values(children)}</>;
+    return <>{Object.values(children)}</>;
   };