@juicemantics/veloiq-ui 0.6.0 → 0.7.0

package/dist/index.js

@@ -1019,7 +1019,7 @@ var CommandCenterPortal = ({
   }, [query, parsedCommand, search, clear]);
   const allModelChildren = React5.useMemo(
     () => menuItems.flatMap(
-      (m) => (m.children || []).map((c) => ({ ...c, moduleLabel: String(m.label || m.name || "") }))
+      (m) => (m.children || []).filter((c) => !c.meta?.hide).map((c) => ({ ...c, moduleLabel: String(m.label || m.name || "") }))
     ),
     [menuItems]
   );
@@ -1037,8 +1037,8 @@ var CommandCenterPortal = ({
   }, [allModelChildren]);
   const modules = React5.useMemo(() => {
     const q2 = parsedCommand ? parsedCommand.modelQuery : query.toLowerCase().trim();
-    const moduleItems = menuItems.filter((item) => item.children && item.children.length > 0);
-    const sorted = navConfig.length > 0 ? sortItemsByNavConfig(moduleItems, navConfig) : moduleItems;
+    const visibleModules = menuItems.filter((item) => item.children && item.children.length > 0).map((item) => ({ ...item, children: (item.children || []).filter((c) => !c.meta?.hide) })).filter((item) => item.children && item.children.length > 0);
+    const sorted = navConfig.length > 0 ? sortItemsByNavConfig(visibleModules, navConfig) : visibleModules;
     if (!q2) return sorted;
     return sorted.map((module) => {
       const moduleMatch = (module.label || "").toLowerCase().includes(q2);
@@ -20157,18 +20157,38 @@ var DynamicList = ({ model: modelProp, allModels, filter, relationConfig, isEmbe
 
 // src/components/MultiPane/paneUtils.ts
 function parsePanes(searchParams) {
-  return searchParams.getAll("pane").map((param) => {
-    const colonIdx = param.indexOf(":");
-    if (colonIdx < 1) return null;
-    const resource = param.slice(0, colonIdx);
-    const id = param.slice(colonIdx + 1);
-    if (!resource || !id) return null;
-    return { resource, id };
-  }).filter((p) => p !== null);
+  const standard = searchParams.getAll("pane");
+  if (standard.length > 0) {
+    return standard.map((param) => {
+      const colonIdx = param.indexOf(":");
+      if (colonIdx < 1) return null;
+      const resource = param.slice(0, colonIdx);
+      const id = param.slice(colonIdx + 1);
+      if (!resource || !id) return null;
+      return { resource, id };
+    }).filter((p) => p !== null);
+  }
+  const legacy = [];
+  for (const [key, value] of searchParams.entries()) {
+    if (/^pane(?:\[\d*\])?$/.test(key)) {
+      const colonIdx = value.indexOf(":");
+      if (colonIdx < 1) continue;
+      const resource = value.slice(0, colonIdx);
+      const id = value.slice(colonIdx + 1);
+      if (resource && id) {
+        legacy.push({ resource, id });
+      }
+    }
+  }
+  return legacy;
 }
 function applyPanesToSearchParams(existing, panes) {
   const next = new URLSearchParams(existing);
-  next.delete("pane");
+  for (const [key] of existing.entries()) {
+    if (key === "pane" || /^pane\[\d+\]$/.test(key)) {
+      next.delete(key);
+    }
+  }
   panes.forEach((p) => next.append("pane", `${p.resource}:${p.id}`));
   return next;
 }
@@ -20321,11 +20341,15 @@ var MultiPaneLayout = ({ children }) => {
   React5.useEffect(() => {
     const newCount = panes.length;
     const prevCount = prevPaneCountRef.current;
-    prevPaneCountRef.current = newCount;
-    if (newCount <= prevCount || !pendingLayoutRef.current || !groupRef.current) {
+    if (!pendingLayoutRef.current || !groupRef.current) {
       pendingLayoutRef.current = null;
       return;
     }
+    if (newCount <= prevCount) {
+      pendingLayoutRef.current = null;
+      return;
+    }
+    prevPaneCountRef.current = newCount;
     const prevLayout = pendingLayoutRef.current;
     pendingLayoutRef.current = null;
     const donorId = prevCount === 0 ? LIST_PANEL_ID : detailPanelId(prevCount - 1);
@@ -21780,7 +21804,7 @@ function generateResources(models, moduleName, options = {}) {
   };
   const children = (models || []).map((model) => {
     const resource = model.resource || model.name;
-    const isRelation = hideRelations && (resource.toLowerCase().endsWith("_relation") || resource.toLowerCase().endsWith("_rela") || Array.isArray(model.fields) && model.fields.some((f) => f?.key === "eid_from") && model.fields.some((f) => f?.key === "eid_to"));
+    const isRelation = hideRelations && (resource.toLowerCase().endsWith("_relation") || resource.toLowerCase().endsWith("_rela") || (Array.isArray(model.fields) && model.fields.some((f) => f?.key === "eid_from") && model.fields.some((f) => f?.key === "eid_to") || model.fields.length > 0 && model.fields.every((f) => !!f?.reference)));
     return {
       name: resource,
       list: `/${resource}`,