wip fix meta children

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-[11px] text-gray-500 -mt-1"}>{item.id}</div>
+          {/* <div className={"text-[11px] text-gray-500 -mt-1"}>{item.id}</div> */}
         </div>
       )}
     </div>

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

@@ -7,6 +7,7 @@ import { EdTreeCtxMenu } from "./item/ctx-menu";
 import { EdTreeIndent } from "./item/indent";
 import { EdTreeName } from "./item/name";
 import { treeItemKeyMap } from "./key-map";
+import { useEffect } from "react";
 
 export const nodeRender: NodeRender<EdMeta> = (node, prm) => {
   const p = useGlobal(EDGlobal, "EDITOR");
@@ -27,6 +28,10 @@ export const nodeRender: NodeRender<EdMeta> = (node, prm) => {
 
   return (
     <div
+      ref={(el) => {
+        if (el) {
+        }
+      }}
       tabIndex={0}
       className={cx(
         "tree-item",

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

@@ -7,7 +7,7 @@ import { ISection } from "../../../../utils/types/section";
 import { IText } from "../../../../utils/types/text";
 import { VG } from "../../logic/global";
 import { extractNavigate, preload } from "../../logic/router";
-import { ViewMetaRender } from "./render";
+import { ViewMetaChildren } from "./children";
 import { createLocal } from "./script/create-local";
 import { createPassProp } from "./script/create-pass-prop";
 import { ErrorBox } from "./script/error-box";
@@ -26,7 +26,7 @@ export const ViewMetaScript: FC<{
     hover: v.view.hover ? v.view.hover.get(item) : undefined,
     active: v.view.active ? v.view.active.get(item) : undefined,
   });
-  const children = <ViewMetaRender meta={meta} v={v} className={className} />;
+  const children = <ViewMetaChildren item={item} />;
   let args = {};
 
   if (js && meta) {