@pipelex/mthds-ui 0.29.0 → 0.30.0

package/dist/graph/react/styles/simple/SimpleStyle.css

@@ -0,0 +1,434 @@
+/* ─── Simple style — a flowchart of the method's steps in plain words ───── */
+/* Token-only, like every component sheet here: the palette tokens on         */
+/* `.react-flow-container` theme it. The box metrics mirror the constants in  */
+/* `src/graph/styles/simpleStyle.ts`, which size the nodes for the layout     */
+/* before the DOM exists: change them together.                               */
+
+/* ReactFlow wrappers: the shapes draw themselves, selection included. */
+.react-flow__node-simpleStep,
+.react-flow__node-simpleTerminal,
+.react-flow__node-simpleDecision,
+.react-flow__node-simpleFrame {
+  background: transparent;
+  border: none;
+  padding: 0;
+}
+.react-flow__node-simpleStep.selected,
+.react-flow__node-simpleTerminal.selected,
+.react-flow__node-simpleDecision.selected,
+.react-flow__node-simpleFrame.selected {
+  box-shadow: none !important;
+}
+.react-flow__node-simpleFrame {
+  cursor: default !important;
+}
+.simple-handle.react-flow__handle {
+  opacity: 0;
+  border: none;
+  width: 1px;
+  height: 1px;
+  min-width: 0;
+  min-height: 0;
+}
+
+/* ─── Step ──────────────────────────────────────────────────────────────── */
+
+.simple-step {
+  --simple-step-accent: var(--text-muted);
+  --simple-step-border: var(--border-strong);
+  --simple-step-bg: var(--surface-panel);
+
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  padding: 10px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  border-radius: 10px;
+  border: 1.5px solid var(--simple-step-border);
+  background: var(--simple-step-bg);
+  box-shadow: var(--shadow-sm);
+  font-family: var(--font-sans);
+  overflow: hidden;
+  transition: box-shadow 0.15s;
+}
+.simple-step:hover {
+  box-shadow: var(--shadow-md);
+}
+.react-flow__node-simpleStep.selected .simple-step {
+  border-color: var(--color-accent);
+  box-shadow:
+    0 0 0 2px var(--color-accent),
+    var(--shadow-md);
+}
+
+/* The steps that carry the method's judgement stand out; plumbing recedes. */
+.simple-step--ai,
+.simple-step--judge {
+  --simple-step-accent: var(--color-accent);
+  --simple-step-border: color-mix(in srgb, var(--color-accent) 55%, transparent);
+  --simple-step-bg: color-mix(in srgb, var(--color-accent) 7%, var(--surface-panel));
+}
+.simple-step--template,
+.simple-step--code {
+  --simple-step-bg: var(--surface-sunken);
+  --simple-step-border: var(--border-default);
+}
+.simple-step--planned {
+  border-style: dashed;
+  opacity: 0.85;
+}
+/* A folded sub-method: a step that holds others, drawn as a small stack. */
+.simple-step--steps,
+.simple-step--parallel,
+.simple-step--decision,
+.simple-step--repeat {
+  --simple-step-border: var(--border-strong);
+  box-shadow:
+    3px 3px 0 -1px var(--simple-step-bg),
+    3px 3px 0 0 var(--border-default),
+    var(--shadow-sm);
+}
+.simple-step--failed {
+  --simple-step-border: var(--color-error);
+}
+
+.simple-step-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  height: 16px;
+  flex-shrink: 0;
+}
+.simple-step-category {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 16px;
+  color: var(--simple-step-accent);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-width: 0;
+}
+.simple-step-category svg {
+  flex-shrink: 0;
+}
+.simple-step-header .simple-status {
+  margin-left: auto;
+}
+.simple-step-header .node-validation-badge {
+  margin-left: auto;
+}
+.simple-step-header .simple-status + .node-validation-badge {
+  margin-left: 0;
+}
+
+.simple-step-title {
+  font-size: 15px;
+  font-weight: 500;
+  line-height: 20px;
+  color: var(--text-primary);
+  overflow: hidden;
+  overflow-wrap: anywhere;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+.simple-step--template .simple-step-title,
+.simple-step--code .simple-step-title {
+  color: var(--text-secondary);
+}
+
+.simple-step-foreach {
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 18px;
+  padding: 0 7px;
+  box-sizing: border-box;
+  border-radius: 9px;
+  border: 1px solid var(--ctrl-batch-border);
+  background: var(--ctrl-batch-bg);
+  color: var(--ctrl-batch-text);
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 16px;
+  white-space: nowrap;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-shrink: 0;
+}
+
+.simple-step-open {
+  all: unset;
+  box-sizing: border-box;
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  height: 22px;
+  padding: 0 8px;
+  border-radius: 6px;
+  border: 1px solid var(--border-default);
+  background: var(--surface-elevated);
+  color: var(--text-secondary);
+  font-family: var(--font-sans);
+  font-size: 11.5px;
+  font-weight: 500;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.simple-step-open:hover:not(:disabled) {
+  color: var(--text-primary);
+  border-color: var(--border-strong);
+  background: var(--surface-elevated-hover);
+}
+.simple-step-open:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 1px;
+}
+.simple-step-open:disabled {
+  cursor: default;
+}
+
+/* ─── Run status mark ───────────────────────────────────────────────────── */
+
+.simple-status {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  flex-shrink: 0;
+  color: var(--text-dim);
+  border: 1.5px solid currentColor;
+  box-sizing: border-box;
+}
+.simple-status--succeeded {
+  color: var(--color-success);
+  background: var(--color-success-bg);
+}
+.simple-status--failed {
+  color: var(--color-error);
+  background: var(--color-error-bg);
+}
+.simple-status--running {
+  color: var(--color-accent);
+  border-color: transparent;
+}
+.simple-status--running svg {
+  animation: simple-status-spin 1s linear infinite;
+}
+@keyframes simple-status-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* ─── Input and output ──────────────────────────────────────────────────── */
+
+.simple-terminal {
+  --simple-terminal-stroke: var(--color-stuff-border);
+  --simple-terminal-fill: var(--surface-panel);
+  --simple-terminal-tint: var(--color-stuff-bg);
+
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  font-family: var(--font-sans);
+}
+.simple-terminal--output {
+  --simple-terminal-stroke: var(--color-success);
+  --simple-terminal-tint: var(--color-success-bg);
+}
+.simple-terminal-shape {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.simple-terminal-shape path {
+  fill: var(--simple-terminal-fill);
+  stroke: var(--simple-terminal-stroke);
+  stroke-width: 1.5px;
+}
+/* The tint goes over the opaque fill so stacked pages hide what is behind them. */
+.simple-terminal > .simple-terminal-shape:not([class*="--back"]) path {
+  fill: color-mix(in srgb, var(--simple-terminal-stroke) 9%, var(--simple-terminal-fill));
+}
+.simple-terminal--output > .simple-terminal-shape:not([class*="--back"]) path {
+  stroke-width: 2px;
+}
+/* A list: the same page twice more, offset behind. */
+.simple-terminal-shape--back1 {
+  transform: translate(4px, -4px);
+}
+.simple-terminal-shape--back2 {
+  transform: translate(8px, -8px);
+}
+.react-flow__node-simpleTerminal.selected .simple-terminal-shape path {
+  stroke: var(--color-accent);
+  stroke-width: 2.5px;
+}
+.simple-terminal-text {
+  position: relative;
+  box-sizing: border-box;
+  height: 100%;
+  padding: 10px 12px 16px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0;
+  text-align: center;
+}
+.simple-terminal-title {
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 17px;
+  color: var(--text-primary);
+  overflow: hidden;
+  overflow-wrap: anywhere;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.simple-terminal-subtitle {
+  font-size: 11.5px;
+  line-height: 17px;
+  color: var(--text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* ─── Decision ──────────────────────────────────────────────────────────── */
+
+.simple-decision {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--font-sans);
+}
+.simple-decision-shape {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+}
+.simple-decision-shape path {
+  fill: color-mix(in srgb, var(--ctrl-condition-text) 10%, var(--surface-panel));
+  stroke: var(--ctrl-condition-text);
+  stroke-width: 1.5px;
+}
+.simple-decision--failed .simple-decision-shape path {
+  stroke: var(--color-error);
+}
+.react-flow__node-simpleDecision.selected .simple-decision-shape path {
+  stroke: var(--color-accent);
+  stroke-width: 2.5px;
+}
+.simple-decision-text {
+  position: relative;
+  width: 56%;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 16px;
+  text-align: center;
+  color: var(--text-primary);
+  overflow: hidden;
+  overflow-wrap: anywhere;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+.simple-decision-marks {
+  position: absolute;
+  top: 6px;
+  right: 18%;
+  display: flex;
+  gap: 4px;
+}
+
+/* ─── "For each" frame ──────────────────────────────────────────────────── */
+
+.simple-frame {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border-radius: 14px;
+  border: 1.5px solid var(--ctrl-batch-border);
+  background: var(--ctrl-batch-bg);
+  font-family: var(--font-sans);
+}
+/* The stacked-card edge: the same frame, offset behind — "again, for each". */
+.simple-frame::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  transform: translate(6px, 6px);
+  border-radius: 14px;
+  border: 1.5px solid var(--ctrl-batch-border);
+  opacity: 0.55;
+  z-index: -1;
+  pointer-events: none;
+}
+.react-flow__node-simpleFrame.selected .simple-frame {
+  border-color: var(--color-accent);
+}
+.simple-frame-header {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 10px 14px;
+  pointer-events: none;
+}
+.simple-frame-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--ctrl-batch-text);
+  white-space: nowrap;
+}
+.simple-frame-header .simple-status,
+.simple-frame-header .node-validation-badge {
+  pointer-events: auto;
+}
+.simple-frame-fold {
+  all: unset;
+  margin-left: auto;
+  display: inline-flex;
+  padding: 3px 6px;
+  border-radius: 6px;
+  color: var(--ctrl-batch-text);
+  cursor: pointer;
+  pointer-events: auto;
+}
+.simple-frame-fold:hover {
+  color: var(--text-primary);
+  background: var(--surface-elevated);
+}
+.simple-frame-fold:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 1px;
+}

package/dist/graph/react/viewer/GraphToolbar.css

@@ -291,3 +291,117 @@
   content: "Fix: ";
   font-weight: 600;
 }
+
+/* ─── Style menu ────────────────────────────────────────────────────────── */
+/* A list of the registered styles, opened from the toolbar. Placement      */
+/* follows the toolbar's anchor with the validation dropdown's vocabulary. */
+
+.graph-toolbar-style {
+  position: relative;
+  display: inline-flex;
+}
+
+.graph-toolbar-btn--open {
+  background: var(--surface-overlay-hover);
+  color: var(--text-primary);
+  border-color: var(--border-strong);
+}
+
+.graph-style-menu {
+  position: absolute;
+  z-index: 12;
+  width: max-content;
+  min-width: min(240px, calc(100vw - 24px));
+  max-width: min(320px, calc(100vw - 24px));
+  padding: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  border-radius: 8px;
+  background: var(--surface-overlay);
+  border: 1px solid var(--border-default);
+  box-shadow: var(--shadow-md);
+  backdrop-filter: blur(6px);
+  pointer-events: auto;
+  font-family: var(--font-sans);
+  cursor: default;
+}
+.graph-style-menu--down-start {
+  top: calc(100% + 6px);
+  left: 0;
+}
+.graph-style-menu--down-end {
+  top: calc(100% + 6px);
+  right: 0;
+}
+.graph-style-menu--up-start {
+  bottom: calc(100% + 6px);
+  left: 0;
+}
+.graph-style-menu--up-end {
+  bottom: calc(100% + 6px);
+  right: 0;
+}
+.graph-style-menu--side-end {
+  left: calc(100% + 6px);
+  top: 0;
+}
+.graph-style-menu--side-start {
+  right: calc(100% + 6px);
+  top: 0;
+}
+
+.graph-style-menu-item {
+  all: unset;
+  box-sizing: border-box;
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 7px 8px;
+  border-radius: 6px;
+  cursor: pointer;
+  color: var(--text-secondary);
+}
+.graph-style-menu-item:hover,
+.graph-style-menu-item:focus-visible {
+  background: var(--surface-elevated-hover);
+  color: var(--text-primary);
+}
+.graph-style-menu-item:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: -2px;
+}
+.graph-style-menu-item--checked {
+  color: var(--text-primary);
+}
+.graph-style-menu-icon {
+  display: inline-flex;
+  padding-top: 1px;
+  color: var(--text-muted);
+}
+.graph-style-menu-item--checked .graph-style-menu-icon {
+  color: var(--color-accent);
+}
+.graph-style-menu-text {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  flex: 1;
+  min-width: 0;
+}
+.graph-style-menu-name {
+  font-size: 12.5px;
+  font-weight: 600;
+  line-height: 16px;
+}
+.graph-style-menu-description {
+  font-size: 11.5px;
+  line-height: 15px;
+  color: var(--text-muted);
+}
+.graph-style-menu-check {
+  display: inline-flex;
+  width: 14px;
+  padding-top: 1px;
+  color: var(--color-accent);
+}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { A as ARROW_CLOSED_MARKER, B as BINDING_STEP_TYPE, w as BindingNode, x as BindingStepSpec, y as BindingStepType, z as CONTROLLER_PADDING_BOTTOM, E as CONTROLLER_PADDING_TOP, H as CONTROLLER_PADDING_X, r as CardNode, C as ConceptInfo, D as DataflowAnalysis, I as EDGE_TYPE, J as EdgeType, K as FOLD_MODE, M as FieldResolution, F as FoldMode, m as FoldToggleOptions, O as GRAPH_DIRECTION, Q as GRAPH_SPEC_MODE, R as GRAPH_THEME, S as GRAPH_THEME_MODE, f as GraphConfig, t as GraphData, g as GraphDirection, d as GraphEdge, e as GraphNode, c as GraphNodeData, b as GraphSpec, U as GraphSpecEdge, W as GraphSpecEdgeKind, X as GraphSpecMeta, o as GraphSpecMode, Y as GraphSpecModelUsage, p as GraphSpecNode, Z as GraphSpecNodeError, _ as GraphSpecNodeIo, j as GraphSpecNodeIoItem, $ as GraphSpecNodeTiming, a0 as GraphSpecNodeUsage, a1 as GraphSpecUsage, G as GraphTheme, h as GraphThemeMode, a2 as JudgmentQuestionSpec, a3 as KNOWN_PIPE_TYPES, L as LabelDescriptor, v as LayoutConfig, a4 as NODE_TYPE_CONTROLLER, a5 as NODE_TYPE_PIPE_CARD, a6 as NODE_TYPE_STUFF, a7 as NodeKind, n as NodePipeType, N as NodeValidationSummary, a8 as PipeBatchBlueprint, a9 as PipeBlueprintBase, P as PipeBlueprintUnion, s as PipeCallNode, u as PipeCardPayload, aa as PipeComposeBlueprint, ab as PipeComposeConstructBlueprint, ac as PipeComposeConstructField, ad as PipeConditionBlueprint, l as PipeControllerType, ae as PipeDocGenBlueprint, af as PipeExtractBlueprint, ag as PipeFuncBlueprint, ah as PipeImgGenBlueprint, ai as PipeJudgeBlueprint, aj as PipeLLMBlueprint, q as PipeOperatorType, ak as PipeParallelBlueprint, al as PipeSearchBlueprint, am as PipeSequenceBlueprint, an as PipeSignatureBlueprint, i as PipeStatus, ao as PipeStructureBlueprint, ap as PipeType, a as PresenceMarker, aq as STUFF_ID_PREFIX, ar as SequenceStepSpec, as as StuffMultiplicity, at as StuffRegistryEntry, au as StuffRole, av as StuffSpecInfo, aw as SubPipeSpec, ax as TOOLBAR_POSITION, ay as TemplateBlueprint, az as ToolbarOrientation, T as ToolbarPosition, aA as ToolbarSide, aB as VALIDATION_STATE, V as ValidationIssue, k as ValidationState, aC as graphSpecMode, aD as isBindingNode, aE as isBindingStepSpec, aF as isDryGraphSpec, aG as isPluralMultiplicity, aH as isStaticGraphSpec, aI as isStuffNodeId, aJ as multiplicitySuffix, aK as nodeHeight, aL as nodeWidth, aM as stuffDigestFromId, aN as stuffNodeId, aO as toolbarOrientation, aP as toolbarSide } from './types-BaFWy56P.js';
-export { ControllerRect, DARK_PALETTE_COLORS, DEFAULT_GRAPH_CONFIG, ElkPositionResult, GraphSpecValidationError, LIGHT_PALETTE_COLORS, LayoutResult, MAX_VISIBLE_CONTROLLER_CHILDREN, StuffLocation, applyControllers, applyFolds, applyValidationDecorations, asCardNode, asPipeCallNode, buildChildToControllerMap, buildContainmentChain, buildControllerNodes, buildDataflowAnalysis, buildDataflowGraph, buildElkGraph, buildGraph, buildPipeCardPayload, buildValidationDecorations, estimateNodeDimensions, extractAbsolutePositions, findCousinControllers, findStuffByDigest, getConceptInfo, getLayoutedElements, getPaletteColors, getPaletteForTheme, getPipeBlueprint, inputPortId, outermostFoldedAncestor, outputPortId, pipeRefOf, resolveConceptRef, resolveIssueTargetNodeId, validateGraphSpec } from './graph/index.js';
+export { A as ARROW_CLOSED_MARKER, B as BINDING_STEP_TYPE, y as BindingNode, z as BindingStepSpec, H as BindingStepType, I as CONTROLLER_PADDING_BOTTOM, J as CONTROLLER_PADDING_TOP, K as CONTROLLER_PADDING_X, s as CardNode, C as ConceptInfo, D as DataflowAnalysis, M as EDGE_TYPE, O as EDGE_TYPE_ROUTED, E as EdgeRoute, Q as EdgeType, R as FOLD_MODE, U as FieldResolution, F as FoldMode, n as FoldToggleOptions, W as GRAPH_DIRECTION, X as GRAPH_SPEC_MODE, Y as GRAPH_STYLE, Z as GRAPH_THEME, _ as GRAPH_THEME_MODE, f as GraphConfig, u as GraphData, g as GraphDirection, d as GraphEdge, e as GraphNode, c as GraphNodeData, x as GraphPoint, b as GraphSpec, $ as GraphSpecEdge, a0 as GraphSpecEdgeKind, a1 as GraphSpecMeta, p as GraphSpecMode, a2 as GraphSpecModelUsage, q as GraphSpecNode, a3 as GraphSpecNodeError, a4 as GraphSpecNodeIo, k as GraphSpecNodeIoItem, a5 as GraphSpecNodeTiming, a6 as GraphSpecNodeUsage, a7 as GraphSpecUsage, i as GraphStyleId, G as GraphTheme, h as GraphThemeMode, a8 as JudgmentQuestionSpec, a9 as KNOWN_PIPE_TYPES, L as LabelDescriptor, w as LayoutConfig, aa as NODE_TYPE_CONTROLLER, ab as NODE_TYPE_PIPE_CARD, ac as NODE_TYPE_SIMPLE_DECISION, ad as NODE_TYPE_SIMPLE_FRAME, ae as NODE_TYPE_SIMPLE_STEP, af as NODE_TYPE_SIMPLE_TERMINAL, ag as NODE_TYPE_STUFF, ah as NodeKind, o as NodePipeType, N as NodeValidationSummary, ai as PipeBatchBlueprint, aj as PipeBlueprintBase, P as PipeBlueprintUnion, t as PipeCallNode, v as PipeCardPayload, ak as PipeComposeBlueprint, al as PipeComposeConstructBlueprint, am as PipeComposeConstructField, an as PipeConditionBlueprint, m as PipeControllerType, ao as PipeDocGenBlueprint, ap as PipeExtractBlueprint, aq as PipeFuncBlueprint, ar as PipeImgGenBlueprint, as as PipeJudgeBlueprint, at as PipeLLMBlueprint, r as PipeOperatorType, au as PipeParallelBlueprint, av as PipeSearchBlueprint, aw as PipeSequenceBlueprint, ax as PipeSignatureBlueprint, j as PipeStatus, ay as PipeStructureBlueprint, az as PipeType, a as PresenceMarker, aA as STEP_CATEGORY, aB as STUFF_ID_PREFIX, aC as SequenceStepSpec, aD as SimpleNodePayload, S as StepCategory, aE as StuffMultiplicity, aF as StuffRegistryEntry, aG as StuffRole, aH as StuffSpecInfo, aI as SubPipeSpec, aJ as TOOLBAR_POSITION, aK as TemplateBlueprint, aL as ToolbarOrientation, T as ToolbarPosition, aM as ToolbarSide, aN as VALIDATION_STATE, V as ValidationIssue, l as ValidationState, aO as graphSpecMode, aP as isBindingNode, aQ as isBindingStepSpec, aR as isDryGraphSpec, aS as isPluralMultiplicity, aT as isStaticGraphSpec, aU as isStuffNodeId, aV as multiplicitySuffix, aW as nodeHeight, aX as nodeWidth, aY as stuffDigestFromId, aZ as stuffNodeId, a_ as toolbarOrientation, a$ as toolbarSide } from './types-BNqjYF_x.js';
+export { ControllerRect, DARK_PALETTE_COLORS, DEFAULT_GRAPH_CONFIG, ElkPositionResult, GRAPH_STYLES, GRAPH_STYLE_IDS, GRAPH_STYLE_PIPELINES, GraphSpecValidationError, GraphStyleCapabilities, GraphStyleDescriptor, GraphStylePipeline, LIGHT_PALETTE_COLORS, LayoutResult, MAX_VISIBLE_CONTROLLER_CHILDREN, ROUTE_CORNER_RADIUS_PX, ROUTE_ENDPOINT_TOLERANCE_PX, SIMPLE_DECISION_WIDTHS, SIMPLE_FOLD_DEPTH, SIMPLE_STEP_TITLE_FONT_PX, SIMPLE_STEP_WIDE_WIDTH, SIMPLE_STEP_WIDTH, SIMPLE_TERMINAL_WIDTH, SIMPLE_TITLE_MAX_LINES, STEP_CATEGORY_BY_PIPE_TYPE, STEP_CATEGORY_WORDS, SimpleProjection, SimpleProjectionInput, StuffLocation, StyleFrameArgs, StyleProjection, StyleProjectionArgs, WrapEstimate, aggregateStatus, applyControllers, applyFolds, applySimpleFrames, applyValidationDecorations, asCardNode, asPipeCallNode, buildChildToControllerMap, buildContainmentChain, buildControllerNodes, buildDataflowAnalysis, buildDataflowGraph, buildElkGraph, buildGraph, buildPipeCardPayload, buildValidationDecorations, conceptPlainName, estimateNodeDimensions, estimateWrap, extractAbsolutePositions, extractEdgeRoutes, findCousinControllers, findStuffByDigest, fitRoute, getConceptInfo, getLayoutedElements, getPaletteColors, getPaletteForTheme, getPipeBlueprint, humanizeIdentifier, inputPortId, isGenericConcept, isGraphStyleId, outcomeLabel, outermostFoldedAncestor, outputPortId, pipeRefOf, polylineMidpoint, projectSimpleGraph, resolveConceptRef, resolveGraphStyle, resolveIssueTargetNodeId, resolveStyleMenu, roundedPolylinePath, routeLabelCenter, sentenceCase, simpleDecisionSize, simpleDefaultFolds, simpleEdgeLabelSize, simpleStepSize, simpleTerminalSize, simpleTitleWrap, sortParentsFirst, stripDomain, textWidthPx, validateGraphSpec } from './graph/index.js';
 export { P as ParsedPipeRef, m as makePipeRef, p as parsePipeRef } from './pipeRefs-BQJO5nh5.js';
 import 'elkjs/lib/elk-api';