@pipelex/mthds-ui 0.27.0 → 0.28.0

package/dist/graph/react/index.js

@@ -14,14 +14,14 @@ import {
   resolveConceptRef,
   resolveIssueTargetNodeId,
   validateGraphSpec
-} from "../../chunk-K3BWHQVX.js";
+} from "../../chunk-I7Z5TTQI.js";
 import {
   parsePipeRef
 } from "../../chunk-2N65P32H.js";
 import {
   DEFAULT_GRAPH_CONFIG,
   getPaletteForTheme
-} from "../../chunk-XBHDA3PQ.js";
+} from "../../chunk-7WJYQHYF.js";
 import {
   EDGE_TYPE,
   FOLD_MODE,
@@ -39,7 +39,7 @@ import {
   stuffDigestFromId,
   toolbarOrientation,
   toolbarSide
-} from "../../chunk-VCO4GZDZ.js";
+} from "../../chunk-AE7AA5XC.js";
 import {
   __spreadProps,
   __spreadValues
@@ -121,7 +121,7 @@ import {
 } from "@pipelex/mthds-form/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StuffResultPanel({
-  contracts,
+  pipeIoContracts,
   outputForm,
   inputForm,
   stuff,
@@ -135,9 +135,9 @@ function StuffResultPanel({
   const field = React2.useMemo(
     () => {
       var _a;
-      return (_a = fromProducer(contracts, outputForm, producerPipeRef)) != null ? _a : fromConsumer(contracts, inputForm, consumer);
+      return (_a = fromProducer(pipeIoContracts, outputForm, producerPipeRef)) != null ? _a : fromConsumer(pipeIoContracts, inputForm, consumer);
     },
-    [contracts, outputForm, inputForm, producerPipeRef, consumer]
+    [pipeIoContracts, outputForm, inputForm, producerPipeRef, consumer]
   );
   if (field) {
     const panel = /* @__PURE__ */ jsx(StuffViewer, { field, value: stuff.data, name: stuff.name });
@@ -186,6 +186,25 @@ function fromConsumer(contracts, inputForm, consumer) {
   return buildResultField({ field: node }, slot.json_schema);
 }
 
+// src/graph/react/viewer/graphArtifacts.ts
+function graphArtifactsFrom(source) {
+  var _a, _b, _c;
+  if (source.graph_spec === void 0 || source.graph_spec === null) return null;
+  return {
+    graphSpec: source.graph_spec,
+    pipeIoContracts: (_a = source.pipe_io_contracts) != null ? _a : null,
+    outputForm: (_b = source.output_form) != null ? _b : null,
+    inputForm: (_c = source.input_form) != null ? _c : null
+  };
+}
+function resultDescriptors(graph) {
+  const pipeIoContracts = graph == null ? void 0 : graph.pipeIoContracts;
+  const outputForm = graph == null ? void 0 : graph.outputForm;
+  if (!pipeIoContracts || !outputForm) return null;
+  const inputForm = graph == null ? void 0 : graph.inputForm;
+  return inputForm ? { pipeIoContracts, outputForm, inputForm } : { pipeIoContracts, outputForm };
+}
+
 // src/graph/react/detail/DetailPanel.tsx
 import React3 from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -2521,10 +2540,8 @@ function StuffNodeDetail({
   producerPipeRef,
   consumer,
   graphspec,
+  artifacts,
   theme,
-  contracts,
-  outputForm,
-  inputForm,
   resolveUrl,
   resolveShareUrl,
   saveFiles,
@@ -2533,12 +2550,10 @@ function StuffNodeDetail({
   var _a;
   const conceptInfo = stuffData.concept && graphspec ? resolveConceptRef(graphspec, stuffData.concept) : void 0;
   const isDryRun = graphSpecMode(graphspec) === GRAPH_SPEC_MODE.DRY;
-  const renderData = contracts && outputForm ? () => /* @__PURE__ */ jsx24(
+  const descriptors = resultDescriptors(artifacts);
+  const renderData = descriptors ? () => /* @__PURE__ */ jsx24(
     StuffResultPanel,
-    __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
-      contracts,
-      outputForm
-    }, inputForm ? { inputForm } : {}), {
+    __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, descriptors), {
       stuff: stuffData
     }), conceptInfo ? { concept: conceptInfo } : {}), producerPipeRef ? { producerPipeRef } : {}), consumer ? { consumer } : {}), resolveUrl ? { resolveUrl } : {}), resolveShareUrl ? { resolveShareUrl } : {}), saveFiles ? { saveFiles } : {}), downloads ? { downloads } : {}), {
       theme
@@ -2604,9 +2619,9 @@ function applyStatusOverrides(nodes, statusMap) {
   });
 }
 function GraphViewer(props) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const {
-    graphspec: graphspecProp,
+    graph,
     config = DEFAULT_GRAPH_CONFIG,
     initialDirection,
     initialShowControllers,
@@ -2624,9 +2639,6 @@ function GraphViewer(props) {
     onNodeSelect,
     onPaneClick,
     renderDetailExtra,
-    contracts,
-    outputForm,
-    inputForm,
     resolveUrl,
     resolveShareUrl,
     saveFiles,
@@ -2635,6 +2647,7 @@ function GraphViewer(props) {
     validationIssues,
     onValidationIssueClick
   } = props;
+  const graphspecProp = (_a = graph == null ? void 0 : graph.graphSpec) != null ? _a : null;
   const graphspec = React10.useMemo(
     () => graphspecProp === null ? null : validateGraphSpec(graphspecProp),
     [graphspecProp]
@@ -2670,7 +2683,7 @@ function GraphViewer(props) {
       (_a2 = onThemeChangeRef.current) == null ? void 0 : _a2.call(onThemeChangeRef, mode, resolvedTheme);
     }
   }, [mode, resolvedTheme]);
-  const effectiveFoldMode = (_b = (_a = initialFoldMode != null ? initialFoldMode : config.foldMode) != null ? _a : DEFAULT_GRAPH_CONFIG.foldMode) != null ? _b : FOLD_MODE.EXPANDED;
+  const effectiveFoldMode = (_c = (_b = initialFoldMode != null ? initialFoldMode : config.foldMode) != null ? _b : DEFAULT_GRAPH_CONFIG.foldMode) != null ? _c : FOLD_MODE.EXPANDED;
   const [showControllers, setShowControllers] = React10.useState(() => {
     var _a2, _b2;
     if (effectiveFoldMode === FOLD_MODE.FOLDED) return true;
@@ -3190,7 +3203,7 @@ function GraphViewer(props) {
     toolbarPositionProp,
     config.toolbarPosition
   );
-  const rawAnalysis = (_c = rawGraphDataRef.current) == null ? void 0 : _c.analysis;
+  const rawAnalysis = (_d = rawGraphDataRef.current) == null ? void 0 : _d.analysis;
   const allControllerIds = rawAnalysis == null ? void 0 : rawAnalysis.controllerNodeIds;
   const foldAllProps = React10.useMemo(() => {
     if (!showControllers || !allControllerIds || allControllerIds.size === 0) {
@@ -3304,9 +3317,7 @@ function GraphViewer(props) {
                   consumer: detailSelection.consumer,
                   graphspec,
                   theme: resolvedTheme,
-                  contracts,
-                  outputForm,
-                  inputForm,
+                  artifacts: graph,
                   resolveUrl,
                   resolveShareUrl,
                   saveFiles,
@@ -3334,8 +3345,10 @@ export {
   applyStatusOverrides,
   controllerNodeTypes,
   detectSystemTheme,
+  graphArtifactsFrom,
   hydrateLabels,
   renderLabel,
+  resultDescriptors,
   toAppEdges,
   toAppNodes,
   useResizable,