@ethisyscore/plugin-ui 1.47.0 → 1.49.0

package/dist/platform-react/index.js

@@ -72,7 +72,7 @@ function surfacePathFor(opts) {
 }
 var CONTEXT_KEY = /* @__PURE__ */ Symbol.for("ethisyscore.plugin-ui.hostSidebarActionsContext");
 var SINK_KEY = /* @__PURE__ */ Symbol.for("ethisyscore.plugin-ui.hostChromeDiagnosticSink");
-var HOST_CHROME_CONTRACT_VERSION = "2.0.0";
+var HOST_CHROME_CONTRACT_VERSION = "2.1.0";
 var _g = globalThis;
 var HostSidebarActionsContext = _g[CONTEXT_KEY] ?? (_g[CONTEXT_KEY] = createContext(null));
 var _gs = globalThis;
@@ -549,8 +549,17 @@ function toDescriptor(a) {
     const { onSelect: _drop, ...rest } = a;
     return rest;
   }
+  if (a.kind === "group") {
+    const { children, ...rest } = a;
+    return { ...rest, children: children.map(toDescriptor) };
+  }
   return a;
 }
+function collectDispatchHandlers(actions) {
+  return actions.flatMap(
+    (a) => a.kind === "dispatch" && a.onSelect ? [[a.id, a.onSelect]] : a.kind === "group" ? collectDispatchHandlers(a.children) : []
+  );
+}
 function toContribution(input) {
   if (input.mode === SIDEBAR_MODE.none) {
     return { mode: SIDEBAR_MODE.none };
@@ -577,7 +586,7 @@ function contributionKey(input) {
   if (input.mode === SIDEBAR_MODE.none) {
     return JSON.stringify([SIDEBAR_MODE.none]);
   }
-  const actionTuples = input.actions.map((a) => [
+  const actionTuple = (a) => [
     a.id,
     a.label,
     a.icon ?? "",
@@ -587,8 +596,11 @@ function contributionKey(input) {
     a.active ? 1 : 0,
     a.requiredPermission ?? "",
     a.kind,
-    a.kind === "navigate" ? a.href : ""
-  ]);
+    a.kind === "navigate" ? a.href : "",
+    // Group children fold into the key so a change to any collapsed leaf forces a republish.
+    a.kind === "group" ? a.children.map(actionTuple) : ""
+  ];
+  const actionTuples = input.actions.map(actionTuple);
   if (input.mode === SIDEBAR_MODE.actions) {
     return JSON.stringify([SIDEBAR_MODE.actions, input.entityToken, actionTuples]);
   }
@@ -621,11 +633,7 @@ function useHostSidebarActions(input) {
   const compatible = api && isHostChromeCompatible(api.capabilities?.contractVersion) ? api : null;
   const actions = input.mode === SIDEBAR_MODE.none ? [] : input.actions;
   const handlers = useRef(/* @__PURE__ */ new Map());
-  handlers.current = new Map(
-    actions.flatMap(
-      (a) => a.kind === "dispatch" && a.onSelect ? [[a.id, a.onSelect]] : []
-    )
-  );
+  handlers.current = new Map(collectDispatchHandlers(actions));
   useEffect(() => {
     if (!compatible) {
       reportNoHost(pageId);
@@ -675,37 +683,46 @@ function slugRelative(href, basePath) {
 function isConfinable(slugRelativeHref) {
   return slugRelativeHref.length > 0 && !slugRelativeHref.startsWith("/") && !/^[a-zA-Z][a-zA-Z0-9+.-]*:/.test(slugRelativeHref) && !slugRelativeHref.includes("#");
 }
-function flattenLeaves(items) {
-  const out = [];
-  for (const item of items) {
-    if (item.children?.length) out.push(...flattenLeaves(item.children));
-    else out.push(item);
-  }
-  return out;
-}
 function toHostActions(actions, opts) {
+  const seen = /* @__PURE__ */ new Set();
   const out = [];
-  for (const item of flattenLeaves(actions)) {
-    const mapped = toHostAction(item, opts);
+  for (const item of actions) {
+    const mapped = toHostAction(item, opts, seen);
     if (mapped) out.push(mapped);
   }
-  const seen = /* @__PURE__ */ new Set();
-  return out.filter((a) => seen.has(a.id) ? false : (seen.add(a.id), true));
+  return out;
 }
-function toHostAction(item, opts) {
+function toHostAction(item, opts, seen) {
+  if (seen.has(item.id)) return null;
   const slot = item.slot === "primary" ? "primary" : item.slot === "sidebar-only" ? "sidebar-only" : "overflow";
   const variant = item.variant === "danger" ? "danger" : void 0;
   const shared = { id: item.id, label: item.label, icon: item.icon, slot, variant, disabled: item.disabled };
+  if (item.children?.length) {
+    seen.add(item.id);
+    const children = [];
+    for (const child of item.children) {
+      const mapped = toHostAction(child, opts, seen);
+      if (mapped) children.push(mapped);
+    }
+    if (children.length === 0) {
+      seen.delete(item.id);
+      return null;
+    }
+    return { ...shared, kind: "group", children };
+  }
   if (item.href) {
     const href = slugRelative(item.href, opts.basePath);
     if (!isConfinable(href)) return null;
+    seen.add(item.id);
     return { ...shared, kind: "navigate", href };
   }
   if (item.actionId) {
     const actionId = item.actionId;
+    seen.add(item.id);
     return { ...shared, kind: "dispatch", onSelect: () => opts.onDispatch(actionId) };
   }
   if (item.onClick) {
+    seen.add(item.id);
     return { ...shared, kind: "dispatch", onSelect: item.onClick };
   }
   return null;