@pipelex/mthds-ui 0.26.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,25 +121,36 @@ import {
 } from "@pipelex/mthds-form/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StuffResultPanel({
-  contracts,
+  pipeIoContracts,
   outputForm,
   inputForm,
   stuff,
   producerPipeRef,
   consumer,
   resolveUrl,
-  resolveShareUrl
+  resolveShareUrl,
+  saveFiles,
+  downloads
 }) {
   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 });
-    return resolveUrl || resolveShareUrl ? /* @__PURE__ */ jsx(ResultEnvProvider, { resolveUrl, resolveShareUrl, children: panel }) : panel;
+    return resolveUrl || resolveShareUrl || saveFiles || downloads ? /* @__PURE__ */ jsx(
+      ResultEnvProvider,
+      {
+        resolveUrl,
+        resolveShareUrl,
+        saveFiles,
+        downloads,
+        children: panel
+      }
+    ) : panel;
   }
   return stuff.data === void 0 || stuff.data === null ? null : /* @__PURE__ */ jsx(UndescribedValue, { value: stuff.data });
 }
@@ -175,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";
@@ -2510,24 +2540,22 @@ function StuffNodeDetail({
   producerPipeRef,
   consumer,
   graphspec,
+  artifacts,
   theme,
-  contracts,
-  outputForm,
-  inputForm,
   resolveUrl,
-  resolveShareUrl
+  resolveShareUrl,
+  saveFiles,
+  downloads
 }) {
   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(__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 } : {}), {
+    }), conceptInfo ? { concept: conceptInfo } : {}), producerPipeRef ? { producerPipeRef } : {}), consumer ? { consumer } : {}), resolveUrl ? { resolveUrl } : {}), resolveShareUrl ? { resolveShareUrl } : {}), saveFiles ? { saveFiles } : {}), downloads ? { downloads } : {}), {
       theme
     })
   ) : void 0;
@@ -2591,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,
@@ -2611,15 +2639,15 @@ function GraphViewer(props) {
     onNodeSelect,
     onPaneClick,
     renderDetailExtra,
-    contracts,
-    outputForm,
-    inputForm,
     resolveUrl,
     resolveShareUrl,
+    saveFiles,
+    downloads,
     validationState,
     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]
@@ -2655,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;
@@ -3175,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) {
@@ -3289,11 +3317,11 @@ function GraphViewer(props) {
                   consumer: detailSelection.consumer,
                   graphspec,
                   theme: resolvedTheme,
-                  contracts,
-                  outputForm,
-                  inputForm,
+                  artifacts: graph,
                   resolveUrl,
-                  resolveShareUrl
+                  resolveShareUrl,
+                  saveFiles,
+                  downloads
                 }
               ) : null,
               renderDetailExtra && detailSelection && !conceptOverride && renderDetailExtra(detailSelection.nodeId, detailSelection.nodeData)
@@ -3317,8 +3345,10 @@ export {
   applyStatusOverrides,
   controllerNodeTypes,
   detectSystemTheme,
+  graphArtifactsFrom,
   hydrateLabels,
   renderLabel,
+  resultDescriptors,
   toAppEdges,
   toAppNodes,
   useResizable,