@pipelex/mthds-ui 0.5.2 → 0.6.0

package/dist/{chunk-DDAAVRWG.js → chunk-2NMEKWO5.js}

@@ -17,9 +17,22 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 
 export {
   __spreadValues,
-  __spreadProps
+  __spreadProps,
+  __objRest
 };
-//# sourceMappingURL=chunk-DDAAVRWG.js.map
+//# sourceMappingURL=chunk-2NMEKWO5.js.map

package/dist/chunk-IZ4FH2WM.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-IZ4FH2WM.js.map

package/dist/{chunk-OMJ6DRXM.js → chunk-NISDJYQJ.js}

@@ -1,7 +1,8 @@
 import {
+  __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-DDAAVRWG.js";
+} from "./chunk-2NMEKWO5.js";
 
 // src/graph/types.ts
 var NODE_TYPE_PIPE_CARD = "pipeCard";
@@ -30,6 +31,14 @@ var EDGE_TYPE = {
   STRAIGHT: "straight",
   SMOOTH_STEP: "smoothstep"
 };
+var FOLD_MODE = {
+  /** Every pipe controller folded into a single pipe card. */
+  FOLDED: "folded",
+  /** Every pipe controller expanded as a group wrapper. */
+  EXPANDED: "expanded",
+  /** Renderer decides — reserved for future heuristics; currently behaves like EXPANDED. */
+  AUTO: "auto"
+};
 var CONTROLLER_PADDING_X = 40;
 var CONTROLLER_PADDING_TOP = 48;
 var CONTROLLER_PADDING_BOTTOM = 20;
@@ -204,7 +213,7 @@ function resolveConceptRef(spec, codeOrRef) {
   return void 0;
 }
 
-// src/graph/graphBuilders.ts
+// src/graph/pipeCardPayload.ts
 function defaultDescription(pipeType, pipeCode) {
   const code = pipeCode || "this step";
   const verb = {
@@ -215,13 +224,54 @@ function defaultDescription(pipeType, pipeCode) {
     PipeSearch: "Search the web for",
     PipeFunc: "Process data in"
   };
-  return `${verb[pipeType || ""] || "Execute"} ${code.replace(/_/g, " ")}`;
+  return `${verb[pipeType] || "Execute"} ${code.replace(/_/g, " ")}`;
+}
+function buildPipeCardPayload(node, graphspec, analysis) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const pipeType = node.pipe_type;
+  const pipeCode = node.pipe_code || node.id;
+  const isController = analysis.controllerNodeIds.has(node.id);
+  const inputs = ((_b = (_a = node.io) == null ? void 0 : _a.inputs) != null ? _b : []).map((i) => {
+    var _a2, _b2;
+    return {
+      name: (_a2 = i.name) != null ? _a2 : "",
+      concept: (_b2 = i.concept) != null ? _b2 : ""
+    };
+  });
+  const outputs = ((_d = (_c = node.io) == null ? void 0 : _c.outputs) != null ? _d : []).map((o) => {
+    var _a2, _b2;
+    return {
+      name: (_a2 = o.name) != null ? _a2 : "",
+      concept: (_b2 = o.concept) != null ? _b2 : ""
+    };
+  });
+  const registryDescription = node.pipe_code ? (_f = (_e = graphspec.pipe_registry) == null ? void 0 : _e[node.pipe_code]) == null ? void 0 : _f.description : void 0;
+  let description;
+  if (node.description) {
+    description = node.description;
+  } else if (registryDescription) {
+    description = registryDescription;
+  } else if (isController) {
+    description = void 0;
+  } else {
+    description = defaultDescription(pipeType, node.pipe_code);
+  }
+  return {
+    pipeCode,
+    pipeType,
+    description,
+    status: (_g = node.status) != null ? _g : "scheduled",
+    inputs,
+    outputs
+  };
 }
+
+// src/graph/graphBuilders.ts
 var STUFF_CHAR_WIDTH_PX = 7;
 var STUFF_LABEL_PADDING = 48;
 var MIN_STUFF_WIDTH = 140;
 function buildDataflowGraph(graphspec, analysis, edgeType) {
-  var _a, _b, _c, _d, _e;
+  var _a;
   const nodes = [];
   const edges = [];
   const participatingPipes = /* @__PURE__ */ new Set();
@@ -237,21 +287,7 @@ function buildDataflowGraph(graphspec, analysis, edgeType) {
     if (!participatingPipes.has(node.id)) continue;
     const isFailed = node.status === "failed";
     const label = node.pipe_code || node.id.split(":").pop() || node.id;
-    const inputs = ((_b = (_a = node.io) == null ? void 0 : _a.inputs) != null ? _b : []).map((i) => {
-      var _a2, _b2;
-      return {
-        name: (_a2 = i.name) != null ? _a2 : "",
-        concept: (_b2 = i.concept) != null ? _b2 : ""
-      };
-    });
-    const outputs = ((_d = (_c = node.io) == null ? void 0 : _c.outputs) != null ? _d : []).map((o) => {
-      var _a2, _b2;
-      return {
-        name: (_a2 = o.name) != null ? _a2 : "",
-        concept: (_b2 = o.concept) != null ? _b2 : ""
-      };
-    });
-    const operatorType = node.pipe_type || "PipeFunc";
+    const pipeCardData = buildPipeCardPayload(node, graphspec, analysis);
     nodes.push({
       id: node.id,
       type: NODE_TYPE_PIPE_CARD,
@@ -261,16 +297,9 @@ function buildDataflowGraph(graphspec, analysis, edgeType) {
         isPipe: true,
         isStuff: false,
         labelText: label,
-        pipeCode: node.pipe_code || label,
+        pipeCode: pipeCardData.pipeCode,
         pipeType: node.pipe_type,
-        pipeCardData: {
-          pipeCode: node.pipe_code || label,
-          pipeType: operatorType,
-          description: node.description || defaultDescription(node.pipe_type, node.pipe_code),
-          status: node.status || "scheduled",
-          inputs,
-          outputs
-        }
+        pipeCardData
       },
       position: { x: 0, y: 0 }
     });
@@ -282,7 +311,7 @@ function buildDataflowGraph(graphspec, analysis, edgeType) {
     const textWidth = Math.max(label.length, concept.length) * STUFF_CHAR_WIDTH_PX + STUFF_LABEL_PADDING;
     const stuffWidth = Math.max(MIN_STUFF_WIDTH, textWidth);
     const isInput = !analysis.stuffProducers[digest];
-    const isOutput = !isInput && !((_e = analysis.stuffConsumers[digest]) == null ? void 0 : _e.length);
+    const isOutput = !isInput && !((_a = analysis.stuffConsumers[digest]) == null ? void 0 : _a.length);
     const stuffRole = isInput ? "input" : isOutput ? "output" : void 0;
     const borderColor = isInput ? "var(--color-stuff-input-border, #50FA7B)" : isOutput ? "var(--color-stuff-output-border, #a78bfa)" : "var(--color-stuff-border)";
     nodes.push({
@@ -428,6 +457,216 @@ function buildGraph(graphspec, edgeType) {
   return { graphData: { nodes: [], edges: [] }, analysis: null };
 }
 
+// src/graph/graphFolds.ts
+function findCousinControllers(controllerId, graphspec, controllerNodeIds) {
+  const result = /* @__PURE__ */ new Set([controllerId]);
+  const clicked = graphspec.nodes.find((n) => n.id === controllerId);
+  const pipeCode = clicked == null ? void 0 : clicked.pipe_code;
+  if (!pipeCode) return result;
+  for (const node of graphspec.nodes) {
+    if (node.pipe_code !== pipeCode) continue;
+    if (!controllerNodeIds.has(node.id)) continue;
+    result.add(node.id);
+  }
+  return result;
+}
+function buildContainmentChain(nodeId, childToCtrl) {
+  const chain = [];
+  let current = childToCtrl[nodeId];
+  const seen = /* @__PURE__ */ new Set();
+  while (current && !seen.has(current)) {
+    chain.push(current);
+    seen.add(current);
+    current = childToCtrl[current];
+  }
+  return chain;
+}
+function outermostFoldedAncestor(nodeId, childToCtrl, foldedSet) {
+  const chain = buildContainmentChain(nodeId, childToCtrl);
+  let outermost = null;
+  for (const ancestorId of chain) {
+    if (foldedSet.has(ancestorId)) outermost = ancestorId;
+  }
+  return outermost;
+}
+function effectiveId(nodeId, childToCtrl, foldedSet) {
+  var _a;
+  return (_a = outermostFoldedAncestor(nodeId, childToCtrl, foldedSet)) != null ? _a : nodeId;
+}
+function findSpecNode(graphspec, id) {
+  return graphspec.nodes.find((n) => n.id === id);
+}
+function applyFolds(graphData, analysis, graphspec, foldedSet, onToggleFold) {
+  var _a, _b;
+  if (foldedSet.size === 0) {
+    return { nodes: graphData.nodes, edges: graphData.edges, analysis };
+  }
+  const childToCtrl = buildChildToControllerMap(graphspec, analysis);
+  const outputDeclarers = /* @__PURE__ */ new Map();
+  for (const controllerId of foldedSet) {
+    const ctrlNode = findSpecNode(graphspec, controllerId);
+    const outputs = (_a = ctrlNode == null ? void 0 : ctrlNode.io) == null ? void 0 : _a.outputs;
+    if (!outputs) continue;
+    for (const output of outputs) {
+      if (!output.digest) continue;
+      let set = outputDeclarers.get(output.digest);
+      if (!set) {
+        set = /* @__PURE__ */ new Set();
+        outputDeclarers.set(output.digest, set);
+      }
+      set.add(controllerId);
+    }
+  }
+  if (outputDeclarers.size > 0) {
+    for (const node of graphData.nodes) {
+      if (!isStuffNodeId(node.id)) continue;
+      const declarers = outputDeclarers.get(stuffDigestFromId(node.id));
+      if (!declarers) continue;
+      let current = childToCtrl[node.id];
+      let outermostDeclarer = null;
+      const seen = /* @__PURE__ */ new Set();
+      while (current && !seen.has(current)) {
+        seen.add(current);
+        if (declarers.has(current)) outermostDeclarer = current;
+        current = childToCtrl[current];
+      }
+      if (!outermostDeclarer) continue;
+      const newParent = childToCtrl[outermostDeclarer];
+      if (newParent) {
+        childToCtrl[node.id] = newParent;
+      } else {
+        delete childToCtrl[node.id];
+      }
+    }
+  }
+  const visibleNodes = [];
+  for (const node of graphData.nodes) {
+    if (outermostFoldedAncestor(node.id, childToCtrl, foldedSet)) continue;
+    visibleNodes.push(node);
+  }
+  for (const folded of foldedSet) {
+    if (outermostFoldedAncestor(folded, childToCtrl, foldedSet)) continue;
+    const specNode = findSpecNode(graphspec, folded);
+    if (!specNode) continue;
+    const payload = buildPipeCardPayload(specNode, graphspec, analysis);
+    if (onToggleFold) {
+      payload.onExpand = (options) => onToggleFold(folded, options);
+    }
+    const cardNode = {
+      id: folded,
+      type: NODE_TYPE_PIPE_CARD,
+      data: {
+        labelDescriptor: {
+          kind: "pipe",
+          label: payload.pipeCode,
+          isFailed: payload.status === "failed"
+        },
+        nodeData: specNode,
+        isPipe: false,
+        isStuff: false,
+        isController: true,
+        labelText: payload.pipeCode,
+        pipeCode: payload.pipeCode,
+        pipeType: specNode.pipe_type,
+        pipeCardData: payload
+      },
+      position: { x: 0, y: 0 }
+    };
+    visibleNodes.push(cardNode);
+  }
+  const updatedControllerIds = /* @__PURE__ */ new Set();
+  for (const ctrlId of analysis.controllerNodeIds) {
+    if (foldedSet.has(ctrlId)) continue;
+    if (outermostFoldedAncestor(ctrlId, childToCtrl, foldedSet)) continue;
+    updatedControllerIds.add(ctrlId);
+  }
+  const updatedContainmentTree = {};
+  for (const ctrlId of updatedControllerIds) {
+    const originalChildren = (_b = analysis.containmentTree[ctrlId]) != null ? _b : [];
+    const survivors = [];
+    for (const childId of originalChildren) {
+      const outer = outermostFoldedAncestor(childId, childToCtrl, foldedSet);
+      if (outer && outer !== childId) continue;
+      survivors.push(childId);
+    }
+    updatedContainmentTree[ctrlId] = survivors;
+  }
+  const updatedChildNodeIds = /* @__PURE__ */ new Set();
+  for (const children of Object.values(updatedContainmentTree)) {
+    for (const child of children) updatedChildNodeIds.add(child);
+  }
+  const updatedStuffProducers = {};
+  for (const [digest, producerId] of Object.entries(analysis.stuffProducers)) {
+    updatedStuffProducers[digest] = effectiveId(producerId, childToCtrl, foldedSet);
+  }
+  const updatedStuffConsumers = {};
+  for (const [digest, consumers] of Object.entries(analysis.stuffConsumers)) {
+    const seen = /* @__PURE__ */ new Set();
+    for (const consumerId of consumers) {
+      seen.add(effectiveId(consumerId, childToCtrl, foldedSet));
+    }
+    updatedStuffConsumers[digest] = [...seen];
+  }
+  const updatedAnalysis = {
+    stuffRegistry: analysis.stuffRegistry,
+    stuffProducers: updatedStuffProducers,
+    stuffConsumers: updatedStuffConsumers,
+    controllerNodeIds: updatedControllerIds,
+    childNodeIds: updatedChildNodeIds,
+    containmentTree: updatedContainmentTree
+  };
+  const dedupMap = /* @__PURE__ */ new Map();
+  for (const edge of graphData.edges) {
+    const newSrc = effectiveId(edge.source, childToCtrl, foldedSet);
+    const newDst = effectiveId(edge.target, childToCtrl, foldedSet);
+    if (newSrc === newDst) continue;
+    const bucket = edge._batchEdge ? "batch" : "data";
+    const key = `${newSrc}->${newDst}|${bucket}`;
+    if (dedupMap.has(key)) continue;
+    const cloned = __spreadProps(__spreadValues({}, edge), {
+      source: newSrc,
+      target: newDst,
+      id: edge.id
+    });
+    if (edge._batchEdge && (newSrc !== edge.source || newDst !== edge.target)) {
+      cloned.label = "[N]";
+    }
+    delete cloned._crossGroup;
+    dedupMap.set(key, cloned);
+  }
+  const foldedChildToCtrl = buildChildToControllerMap(
+    __spreadProps(__spreadValues({}, graphspec), {
+      // Mask out the contains edges for folded outermost controllers — they no
+      // longer logically contain anything after folding.
+      edges: graphspec.edges.filter((e) => {
+        if (e.kind !== "contains") return true;
+        return updatedControllerIds.has(e.source);
+      })
+    }),
+    updatedAnalysis
+  );
+  const rewrittenEdges = [];
+  for (const edge of dedupMap.values()) {
+    const srcCtrl = foldedChildToCtrl[edge.source] || null;
+    const tgtCtrl = foldedChildToCtrl[edge.target] || null;
+    if (srcCtrl && tgtCtrl && srcCtrl !== tgtCtrl) {
+      edge._crossGroup = true;
+      edge.style = __spreadProps(__spreadValues({}, edge.style), {
+        strokeWidth: 1.5,
+        opacity: 0.65
+      });
+    } else if (edge.style && (edge.style.opacity === 0.65 || edge.style.strokeWidth === 1.5)) {
+      const _c = edge.style, { opacity: _opacity, strokeWidth: _strokeWidth } = _c, rest = __objRest(_c, ["opacity", "strokeWidth"]);
+      edge.style = __spreadProps(__spreadValues({}, rest), { strokeWidth: 2 });
+      if (!edge.markerEnd) {
+        edge.markerEnd = { type: ARROW_CLOSED_MARKER, color: "var(--color-edge)" };
+      }
+    }
+    rewrittenEdges.push(edge);
+  }
+  return { nodes: visibleNodes, edges: rewrittenEdges, analysis: updatedAnalysis };
+}
+
 // src/graph/elkGraphBuilder.ts
 function elkDirection(direction) {
   switch (direction) {
@@ -968,7 +1207,7 @@ function buildControllerNodes(graphspec, analysis, layoutedNodes, controllerPosi
   }
   return controllerNodes;
 }
-function applyControllers(layoutedNodes, layoutedEdges, graphspec, analysis, showControllers, expandedControllers, onToggleCollapse, controllerPositions) {
+function applyControllers(layoutedNodes, layoutedEdges, graphspec, analysis, showControllers, expandedControllers, onToggleCollapse, controllerPositions, onToggleFold) {
   var _a;
   if (!showControllers || !analysis || !graphspec) {
     return { nodes: layoutedNodes, edges: layoutedEdges };
@@ -978,13 +1217,13 @@ function applyControllers(layoutedNodes, layoutedEdges, graphspec, analysis, sho
   const controllerTypeMap = {};
   for (const node of graphspec.nodes) {
     if (analysis.controllerNodeIds.has(node.id)) {
-      controllerTypeMap[node.id] = node.pipe_type || "";
+      controllerTypeMap[node.id] = node.pipe_type;
     }
   }
   for (const ctrlId of analysis.controllerNodeIds) {
     const directChildren = analysis.containmentTree[ctrlId] || [];
     childCounts[ctrlId] = directChildren.length;
-    const pipeType = controllerTypeMap[ctrlId] || "";
+    const pipeType = controllerTypeMap[ctrlId];
     const isCollapsible = pipeType === "PipeParallel" || pipeType === "PipeBatch";
     if (isCollapsible && directChildren.length > MAX_VISIBLE_CONTROLLER_CHILDREN && !(expandedControllers == null ? void 0 : expandedControllers.has(ctrlId))) {
       collapsedSet.add(ctrlId);
@@ -1050,6 +1289,10 @@ function applyControllers(layoutedNodes, layoutedEdges, graphspec, analysis, sho
       const id = cn.id;
       cn.data.onToggleCollapse = () => onToggleCollapse(id);
     }
+    if (onToggleFold) {
+      const id = cn.id;
+      cn.data.onToggleFold = (options) => onToggleFold(id, options);
+    }
   }
   const allNodes = [...controllerNodes, ...filteredNodes];
   const nodeMap = {};
@@ -1078,6 +1321,7 @@ function applyControllers(layoutedNodes, layoutedEdges, graphspec, analysis, sho
 var DEFAULT_GRAPH_CONFIG = {
   direction: "LR",
   showControllers: false,
+  foldMode: FOLD_MODE.EXPANDED,
   nodesep: 50,
   ranksep: 100,
   edgeType: EDGE_TYPE.DEFAULT,
@@ -1127,6 +1371,7 @@ export {
   stuffDigestFromId,
   GRAPH_DIRECTION,
   EDGE_TYPE,
+  FOLD_MODE,
   CONTROLLER_PADDING_X,
   CONTROLLER_PADDING_TOP,
   CONTROLLER_PADDING_BOTTOM,
@@ -1138,8 +1383,13 @@ export {
   getPipeBlueprint,
   getConceptInfo,
   resolveConceptRef,
+  buildPipeCardPayload,
   buildDataflowGraph,
   buildGraph,
+  findCousinControllers,
+  buildContainmentChain,
+  outermostFoldedAncestor,
+  applyFolds,
   inputPortId,
   outputPortId,
   estimateNodeDimensions,
@@ -1152,4 +1402,4 @@ export {
   DEFAULT_GRAPH_CONFIG,
   getPaletteColors
 };
-//# sourceMappingURL=chunk-OMJ6DRXM.js.map
+//# sourceMappingURL=chunk-NISDJYQJ.js.map