@pipelex/mthds-ui 0.25.0 → 0.27.0

package/dist/form/react/index.d.ts

@@ -2,7 +2,7 @@ import { FieldEnv } from '@pipelex/mthds-form/react';
 export * from '@pipelex/mthds-form/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ValidationMessageKey, PipeIOContract, RunField, RunInputError, PipeInputFormDescriptor } from '@pipelex/mthds-form';
-import { G as GraphTheme } from '../../types-Bcsh7Z0U.js';
+import { G as GraphTheme } from '../../types-DgqW3Jg4.js';
 
 /**
  * The panel's submit path, kept React-free.

package/dist/form/react/index.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   getPaletteForTheme
-} from "../../chunk-MQ33HVWG.js";
+} from "../../chunk-XBHDA3PQ.js";
 import {
   GRAPH_THEME
-} from "../../chunk-F3GBNU2I.js";
+} from "../../chunk-VCO4GZDZ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/graph/index.d.ts

@@ -1,5 +1,5 @@
-import { p as GraphSpecNode, r as PipeCallNode, b as GraphSpec, D as DataflowAnalysis, C as ConceptInfo, P as PipeBlueprintUnion, s as GraphData, o as GraphSpecMode, t as PipeCardPayload, m as FoldToggleOptions, e as GraphNode, d as GraphEdge, c as GraphNodeData, N as NodeValidationSummary, V as ValidationIssue, j as GraphSpecNodeIoItem, g as GraphDirection, u as LayoutConfig, f as GraphConfig, T as ToolbarPosition, G as GraphTheme } from '../types-Bcsh7Z0U.js';
-export { A as ARROW_CLOSED_MARKER, v as CONTROLLER_PADDING_BOTTOM, w as CONTROLLER_PADDING_TOP, x as CONTROLLER_PADDING_X, E as EDGE_TYPE, y as EdgeType, z as FOLD_MODE, B as FieldResolution, F as FoldMode, H as GRAPH_DIRECTION, I as GRAPH_SPEC_MODE, J as GRAPH_THEME, K as GRAPH_THEME_MODE, M as GraphSpecEdge, O as GraphSpecEdgeKind, Q as GraphSpecMeta, R as GraphSpecModelUsage, S as GraphSpecNodeError, U as GraphSpecNodeIo, W as GraphSpecNodeTiming, X as GraphSpecNodeUsage, Y as GraphSpecUsage, h as GraphThemeMode, Z as KNOWN_PIPE_TYPES, L as LabelDescriptor, _ as NODE_TYPE_CONTROLLER, $ as NODE_TYPE_PIPE_CARD, a0 as NODE_TYPE_STUFF, a1 as NodeKind, a2 as PipeBatchBlueprint, a3 as PipeBlueprintBase, a4 as PipeComposeBlueprint, a5 as PipeComposeConstructBlueprint, a6 as PipeComposeConstructField, a7 as PipeConditionBlueprint, l as PipeControllerType, a8 as PipeExtractBlueprint, a9 as PipeFuncBlueprint, aa as PipeImgGenBlueprint, ab as PipeLLMBlueprint, q as PipeOperatorType, ac as PipeParallelBlueprint, ad as PipeSearchBlueprint, ae as PipeSequenceBlueprint, af as PipeSignatureBlueprint, i as PipeStatus, ag as PipeStructureBlueprint, n as PipeType, a as PresenceMarker, ah as STUFF_ID_PREFIX, ai as StuffRole, aj as StuffSpecInfo, ak as SubPipeSpec, al as TOOLBAR_POSITION, am as TemplateBlueprint, an as ToolbarOrientation, ao as ToolbarSide, ap as VALIDATION_STATE, k as ValidationState, aq as graphSpecMode, ar as isDryGraphSpec, as as isStaticGraphSpec, at as isStuffNodeId, au as nodeHeight, av as nodeWidth, aw as stuffDigestFromId, ax as stuffNodeId, ay as toolbarOrientation, az as toolbarSide } from '../types-Bcsh7Z0U.js';
+import { p as GraphSpecNode, r as PipeCallNode, b as GraphSpec, D as DataflowAnalysis, C as ConceptInfo, P as PipeBlueprintUnion, s as GraphData, o as GraphSpecMode, t as PipeCardPayload, m as FoldToggleOptions, e as GraphNode, d as GraphEdge, c as GraphNodeData, N as NodeValidationSummary, V as ValidationIssue, j as GraphSpecNodeIoItem, g as GraphDirection, u as LayoutConfig, f as GraphConfig, T as ToolbarPosition, G as GraphTheme } from '../types-DgqW3Jg4.js';
+export { A as ARROW_CLOSED_MARKER, v as CONTROLLER_PADDING_BOTTOM, w as CONTROLLER_PADDING_TOP, x as CONTROLLER_PADDING_X, E as EDGE_TYPE, y as EdgeType, z as FOLD_MODE, B as FieldResolution, F as FoldMode, H as GRAPH_DIRECTION, I as GRAPH_SPEC_MODE, J as GRAPH_THEME, K as GRAPH_THEME_MODE, M as GraphSpecEdge, O as GraphSpecEdgeKind, Q as GraphSpecMeta, R as GraphSpecModelUsage, S as GraphSpecNodeError, U as GraphSpecNodeIo, W as GraphSpecNodeTiming, X as GraphSpecNodeUsage, Y as GraphSpecUsage, h as GraphThemeMode, Z as KNOWN_PIPE_TYPES, L as LabelDescriptor, _ as NODE_TYPE_CONTROLLER, $ as NODE_TYPE_PIPE_CARD, a0 as NODE_TYPE_STUFF, a1 as NodeKind, a2 as PipeBatchBlueprint, a3 as PipeBlueprintBase, a4 as PipeComposeBlueprint, a5 as PipeComposeConstructBlueprint, a6 as PipeComposeConstructField, a7 as PipeConditionBlueprint, l as PipeControllerType, a8 as PipeExtractBlueprint, a9 as PipeFuncBlueprint, aa as PipeImgGenBlueprint, ab as PipeLLMBlueprint, q as PipeOperatorType, ac as PipeParallelBlueprint, ad as PipeSearchBlueprint, ae as PipeSequenceBlueprint, af as PipeSignatureBlueprint, i as PipeStatus, ag as PipeStructureBlueprint, n as PipeType, a as PresenceMarker, ah as STUFF_ID_PREFIX, ai as StuffMultiplicity, aj as StuffRegistryEntry, ak as StuffRole, al as StuffSpecInfo, am as SubPipeSpec, an as TOOLBAR_POSITION, ao as TemplateBlueprint, ap as ToolbarOrientation, aq as ToolbarSide, ar as VALIDATION_STATE, k as ValidationState, as as graphSpecMode, at as isDryGraphSpec, au as isPluralMultiplicity, av as isStaticGraphSpec, aw as isStuffNodeId, ax as multiplicitySuffix, ay as nodeHeight, az as nodeWidth, aA as stuffDigestFromId, aB as stuffNodeId, aC as toolbarOrientation, aD as toolbarSide } from '../types-DgqW3Jg4.js';
 export { P as ParsedPipeRef, m as makePipeRef, p as parsePipeRef } from '../pipeRefs-BQJO5nh5.js';
 import { ElkNode } from 'elkjs/lib/elk-api';
 
@@ -34,9 +34,11 @@ declare class GraphSpecValidationError extends Error {
  * `GraphSpecValidationError` on the first violation.
  *
  * **Mutates the input in place:** on success it returns the *same* object
- * (typed as `GraphSpec`), and where a node has no `io` key it writes
+ * (typed as `GraphSpec`), with its normalizations written directly onto the
+ * passed-in object: where a node has no `io` key it writes
  * `io = { inputs: [], outputs: [] }` (and fills absent `io.inputs` /
- * `io.outputs` arrays) directly onto the passed-in object. Pass a fresh
+ * `io.outputs` arrays), and an absent unrated cost is written as `null`, so
+ * code downstream never meets `undefined` where the types promise `null`. Pass a fresh
  * parse result (e.g. straight from `JSON.parse`) — do not pass a frozen or
  * externally shared object.
  */

package/dist/graph/index.js

@@ -29,7 +29,7 @@ import {
   resolveConceptRef,
   resolveIssueTargetNodeId,
   validateGraphSpec
-} from "../chunk-LMGMRLIK.js";
+} from "../chunk-K3BWHQVX.js";
 import {
   makePipeRef,
   parsePipeRef
@@ -40,7 +40,7 @@ import {
   LIGHT_PALETTE_COLORS,
   getPaletteColors,
   getPaletteForTheme
-} from "../chunk-MQ33HVWG.js";
+} from "../chunk-XBHDA3PQ.js";
 import {
   ARROW_CLOSED_MARKER,
   CONTROLLER_PADDING_BOTTOM,
@@ -61,15 +61,17 @@ import {
   VALIDATION_STATE,
   graphSpecMode,
   isDryGraphSpec,
+  isPluralMultiplicity,
   isStaticGraphSpec,
   isStuffNodeId,
+  multiplicitySuffix,
   nodeHeight,
   nodeWidth,
   stuffDigestFromId,
   stuffNodeId,
   toolbarOrientation,
   toolbarSide
-} from "../chunk-F3GBNU2I.js";
+} from "../chunk-VCO4GZDZ.js";
 import "../chunk-2NMEKWO5.js";
 export {
   ARROW_CLOSED_MARKER,
@@ -119,9 +121,11 @@ export {
   graphSpecMode,
   inputPortId,
   isDryGraphSpec,
+  isPluralMultiplicity,
   isStaticGraphSpec,
   isStuffNodeId,
   makePipeRef,
+  multiplicitySuffix,
   nodeHeight,
   nodeWidth,
   outermostFoldedAncestor,

package/dist/graph/react/detail/DetailPanel.css

@@ -569,6 +569,11 @@
   color: var(--text-muted);
 }
 
+.detail-multiplicity {
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
 .detail-refines-code {
   font-family: var(--font-mono);
   color: var(--color-accent);

package/dist/graph/react/graph-core.css

@@ -11,7 +11,10 @@
  * cases still render with valid colors / fonts / shadows:
  *   - first paint before the React inline-palette effect runs
  *   - SSR / hydration mismatches
- *   - a consumer rendering a graph subcomponent outside `GraphViewer`
+ *   - a consumer rendering a graph subcomponent outside `GraphViewer`, as
+ *     long as it wraps that subcomponent in an element carrying the
+ *     `.react-flow-container` class: the defaults are scoped to that class,
+ *     never to `:root`, so they do not leak into the host page
  *   - JS disabled / failed
  * Values mirror `DARK_PALETTE_COLORS` in `graphConfig.ts`. The runtime
  * palette (dark or light) is applied as higher-specificity inline styles

package/dist/graph/react/index.css

@@ -448,6 +448,10 @@
   font-size: 11px;
   color: var(--text-muted);
 }
+.detail-multiplicity {
+  font-size: 12px;
+  color: var(--text-muted);
+}
 .detail-refines-code {
   font-family: var(--font-mono);
   color: var(--color-accent);

package/dist/graph/react/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graph/react/detail/DetailPanel.css","../../../src/graph/react/viewer/GraphToolbar.css"],"sourcesContent":["/* ─── Detail Panel — sliding side panel for node inspection ─────────────── */\n/* Token-only — all colors come from the active theme palette on the         */\n/* container. See `graphConfig.ts` for token definitions.                    */\n\n.detail-panel {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 380px;\n  height: 100%;\n  background: var(--surface-panel);\n  border-left: 1px solid var(--border-default);\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-sans);\n  color: var(--text-default);\n  overflow: hidden;\n  transition: transform 0.2s ease;\n}\n\n.detail-panel--closed {\n  transform: translateX(100%);\n  pointer-events: none;\n}\n\n/* ─── Resize handle — left edge drag target ────────────────────────────── */\n\n.detail-panel-resize-handle {\n  position: absolute;\n  top: 0;\n  left: -6px;\n  width: 12px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 2;\n  background: transparent;\n}\n\n/* Visible bar — narrower than the hit area */\n.detail-panel-resize-handle::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 5px;\n  width: 2px;\n  height: 100%;\n  background: transparent;\n  transition: background 0.15s;\n}\n\n.detail-panel-resize-handle:hover::before,\n.detail-panel--dragging .detail-panel-resize-handle::before {\n  background: var(--color-accent);\n  opacity: 0.6;\n}\n\n/* Grip indicator — visible on hover */\n.detail-panel-resize-handle::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 2px;\n  height: 24px;\n  border-radius: 1px;\n  background: transparent;\n  transition: background 0.15s;\n}\n\n.detail-panel-resize-handle:hover::after,\n.detail-panel--dragging .detail-panel-resize-handle::after {\n  background: var(--color-accent);\n}\n\n/* Disable transition during drag for smooth resizing */\n.detail-panel--dragging {\n  transition: none;\n}\n\n.detail-panel--dragging .detail-panel-content {\n  pointer-events: none;\n}\n\n/* ─── Close row — scrolls away with the content (intentionally NOT pinned) ─ */\n/* The close button is part of the content's top, not panel chrome: it\n * scrolls out of view with the content, and closing the panel means\n * scrolling back up. The negative margin tucks the following section up\n * beside it so the row doesn't cost a full line of vertical space. */\n\n.detail-panel-close-row {\n  display: flex;\n  justify-content: flex-end;\n  /* Pull the next section up by exactly this row's height + the column\n   * gap, so the close button sits ON the first content line (concept /\n   * pipe header), right-aligned — not on its own line above it. */\n  margin-bottom: -40px;\n}\n\n.detail-panel-close {\n  all: unset;\n  cursor: pointer;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: var(--text-dim);\n  font-size: 18px;\n  line-height: 1;\n  /* Above the sticky pipe header (z 1) so the X is visible at rest while\n   * sharing its line; on scroll it briefly slides over the stuck header's\n   * empty right side before leaving the viewport. */\n  z-index: 2;\n}\n\n.detail-panel-close:hover {\n  color: var(--text-muted);\n  background: var(--surface-elevated);\n}\n\n.detail-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* ─── Sticky header (pipe info + IO stays pinned at top) ───────────────── */\n\n.detail-sticky-header {\n  position: sticky;\n  top: -12px; /* must mirror .detail-panel-content's top padding */\n  z-index: 1;\n  background: var(--surface-panel);\n  padding-top: 12px;\n  margin-top: -12px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* ─── Shared detail components ──────────────────────────────────────────── */\n\n.detail-section-label {\n  font-size: 9px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--text-dim);\n  margin-bottom: 6px;\n}\n\n.detail-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-badge {\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  padding: 2px 7px;\n  border-radius: 4px;\n  white-space: nowrap;\n}\n\n.detail-badge--operator {\n  background: var(--color-pipe);\n  color: var(--text-on-accent);\n}\n\n.detail-badge--controller {\n  background: var(--color-batch-item);\n  color: var(--text-on-accent);\n}\n\n.detail-pipe-code {\n  font-family: var(--font-mono);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-pipe);\n}\n\n.detail-pipe-code--controller {\n  color: var(--color-batch-item);\n}\n\n.detail-status {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-status-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  display: inline-block;\n}\n\n.detail-status-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: capitalize;\n}\n\n.detail-duration {\n  font-size: 11px;\n  color: var(--text-dim);\n  font-family: var(--font-mono);\n}\n\n.detail-description {\n  font-size: 12px;\n  color: var(--text-muted);\n  line-height: 1.5;\n}\n\n/* ─── IO Pills ──────────────────────────────────────────────────────────── */\n\n.detail-io-pill {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n}\n\n.detail-io-name {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n}\n\n.detail-io-concept {\n  color: var(--text-dim);\n  font-size: 10px;\n}\n\n.detail-io-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n/* ─── Blueprint-specific sections ───────────────────────────────────────── */\n\n.detail-prompt-block {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  color: var(--text-muted);\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n  border-radius: 6px;\n  padding: 10px 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-y: auto;\n  line-height: 1.5;\n}\n\n.detail-prompt-block--collapsed {\n  max-height: 300px;\n}\n\n.detail-prompt-block--expanded {\n  max-height: none;\n  overflow-y: visible;\n}\n\n.detail-prompt-expand-btn {\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 9px;\n  color: var(--text-dim);\n  padding: 2px 6px;\n  border-radius: 3px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n  transition: color 0.15s;\n}\n\n.detail-prompt-expand-btn:hover {\n  color: var(--text-muted);\n}\n\n.detail-kv-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start; /* top-align so the label stays next to the first line of a wrapped value */\n  gap: 12px;\n  font-size: 11px;\n  padding: 3px 0;\n}\n\n.detail-kv-key {\n  color: var(--text-dim);\n  flex-shrink: 0; /* label stays at its natural width */\n}\n\n.detail-kv-value {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n  flex: 1 1 0;\n  min-width: 0;\n  text-align: right;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* ─── Field block: labeled multi-line text (for long resolved values) ─── */\n\n.detail-field-block {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-field-block-label {\n  font-family: var(--font-mono);\n  font-size: 10px;\n  color: var(--text-dim);\n}\n\n.detail-field-block-value {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  color: var(--text-default);\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n  border-radius: 6px;\n  padding: 8px 10px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  line-height: 1.5;\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n/* ─── Nested construct sub-section header ───────────────────────────────── */\n/* Rendered before each nested sub-construct's recursive contents. The left\n * border + indent provides a visual \"branch\" cue so the tree structure is\n * obvious without needing collapse state. */\n\n.detail-nested-header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 8px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n  padding: 4px 0 4px 8px;\n  border-left: 2px solid var(--color-success);\n}\n\n.detail-nested-header-name {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-default);\n}\n\n.detail-nested-header-meta {\n  font-family: var(--font-mono);\n  font-size: 9px;\n  color: var(--text-dim);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n/* ─── Concept schema table ──────────────────────────────────────────────── */\n\n.detail-schema-table {\n  width: 100%;\n  font-size: 11px;\n  border-collapse: collapse;\n}\n\n.detail-schema-table th {\n  text-align: left;\n  font-weight: 700;\n  color: var(--text-dim);\n  font-size: 9px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 4px 6px;\n  border-bottom: 1px solid var(--border-default);\n}\n\n.detail-schema-table td {\n  padding: 4px 6px;\n  border-bottom: 1px solid var(--border-subtle);\n  color: var(--text-muted);\n}\n\n.detail-schema-field {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n}\n\n.detail-schema-type {\n  color: var(--color-accent);\n}\n\n.detail-schema-required {\n  color: var(--color-pipe);\n  font-size: 9px;\n}\n\n/* ─── Error section ─────────────────────────────────────────────────────── */\n\n.detail-error {\n  background: var(--color-error-bg);\n  border: 1px solid var(--color-error-border);\n  border-radius: 6px;\n  padding: 10px 12px;\n}\n\n.detail-error-type {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--color-error);\n  margin-bottom: 4px;\n}\n\n.detail-error-message {\n  font-size: 11px;\n  color: var(--text-muted);\n  line-height: 1.5;\n}\n\n.detail-error-stack {\n  font-family: var(--font-mono);\n  font-size: 10px;\n  color: var(--text-dim);\n  margin-top: 8px;\n  max-height: 150px;\n  overflow-y: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n/* ─── Steps list (PipeSequence, PipeCondition outcomes) ─────────────────── */\n\n.detail-steps-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-step-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n}\n\n.detail-step-index {\n  color: var(--text-dim);\n  font-size: 10px;\n  font-weight: 700;\n  min-width: 16px;\n}\n\n.detail-step-code {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n}\n\n/* ─── Tags/Metrics ──────────────────────────────────────────────────────── */\n\n.detail-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.detail-tag {\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: 3px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n}\n\n.detail-tag-key {\n  color: var(--text-dim);\n}\n\n.detail-tag-value {\n  color: var(--text-default);\n  font-family: var(--font-mono);\n}\n\n/* ─── Detail tabs (Data / Structure) ────────────────────────────────────── */\n\n.detail-tabs {\n  display: flex;\n  gap: 2px;\n  border-bottom: 1px solid var(--border-default);\n}\n\n.detail-tab {\n  all: unset;\n  cursor: pointer;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-dim);\n  padding: 5px 10px;\n  border-radius: 4px 4px 0 0;\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px;\n  transition:\n    color 0.15s,\n    border-color 0.15s;\n}\n\n.detail-tab:hover {\n  color: var(--text-muted);\n}\n\n.detail-tab--active {\n  color: var(--text-default);\n  border-bottom-color: var(--color-accent);\n}\n\n/* `all: unset` strips the UA focus ring — restore a visible indicator for\n * keyboard users (WCAG 2.4.7) on every unset button in the panel. */\n.detail-tab:focus-visible,\n.detail-panel-close:focus-visible,\n.detail-prompt-expand-btn:focus-visible {\n  outline: 2px solid var(--color-accent);\n  outline-offset: 2px;\n}\n\n/* ─── Concept panel header ──────────────────────────────────────────────── */\n\n.detail-concept-code {\n  font-family: var(--font-mono);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-success);\n}\n\n.detail-concept-domain {\n  font-size: 11px;\n  color: var(--text-dim);\n}\n\n.detail-refines {\n  font-size: 11px;\n  color: var(--text-muted);\n}\n\n.detail-refines-code {\n  font-family: var(--font-mono);\n  color: var(--color-accent);\n}\n\n/* ─── Not available fallback ────────────────────────────────────────────── */\n\n.detail-not-available {\n  font-size: 12px;\n  color: var(--text-dim);\n  font-style: italic;\n  padding: 8px 0;\n}\n\n/* ─── Usage (inline cost + disclosure) ──────────────────────────────────── */\n\n/* Cost sits on the status line, formatted exactly like the duration beside it:\n   they are two facts of the same kind about the same run. The button carries no\n   chrome of its own — only the chevron marks it as expandable. */\n.detail-usage-inline {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n}\n\n.detail-usage-value {\n  font-size: 11px;\n  color: var(--text-dim);\n  font-family: var(--font-mono);\n  font-variant-numeric: tabular-nums;\n}\n\n.detail-usage-inline:hover .detail-usage-value {\n  color: var(--text-muted);\n}\n\n/* Quieter than the number it follows: it is an affordance, not information. */\n.detail-usage-chevron {\n  color: var(--text-dim);\n  opacity: 0.55;\n  transition:\n    transform 120ms ease,\n    opacity 120ms ease;\n}\n\n.detail-usage-inline:hover .detail-usage-chevron {\n  opacity: 0.9;\n}\n\n.detail-usage-chevron--open {\n  transform: rotate(180deg);\n}\n\n.detail-usage-details {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Model row: request on top, what it resolved to underneath. The secondary line\n   is dimmer so the pair reads as one fact with its consequence, not two facts. */\n.detail-model-value {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 1px;\n}\n\n.detail-model-resolved {\n  color: var(--text-dim);\n  font-size: 10px;\n}\n","/* ─── Graph Toolbar — floating controls over the graph background ─────── */\n/* Token-only styling: theme switching happens by swapping `--surface-*`,   */\n/* `--text-*`, `--border-*`, and `--color-accent` values on the container.  */\n\n/* The ReactFlow <Panel> owns positioning now (anchor + margin). It sits above\n   the graph but the old code used z-index 11, so keep parity. */\n.graph-toolbar-panel {\n  z-index: 11;\n}\n\n.graph-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: auto;\n}\n\n/* Vertical bar — `center-left` / `center-right` anchors. Stack the buttons in a\n   column and rotate the separators so they divide rows instead of columns. */\n.graph-toolbar--vertical {\n  flex-direction: column;\n}\n\n.graph-toolbar--vertical .graph-toolbar-separator {\n  width: 18px;\n  height: 1px;\n  margin: 2px 0;\n}\n\n.graph-toolbar-btn {\n  all: unset;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  background: var(--surface-overlay);\n  border: 1px solid var(--border-default);\n  color: var(--text-secondary);\n  backdrop-filter: blur(6px);\n  transition:\n    background 0.15s,\n    color 0.15s,\n    border-color 0.15s;\n}\n\n.graph-toolbar-btn:hover {\n  background: var(--surface-overlay-hover);\n  color: var(--text-primary);\n  border-color: var(--border-strong);\n}\n\n.graph-toolbar-btn:focus-visible {\n  outline: 2px solid var(--focus-ring);\n  outline-offset: 1px;\n}\n\n.graph-toolbar-btn--active {\n  background: var(--color-accent);\n  border-color: var(--color-accent);\n  color: var(--text-on-accent);\n}\n\n.graph-toolbar-btn--active:hover {\n  background: var(--color-accent);\n  border-color: var(--color-accent);\n  color: var(--text-on-accent);\n  filter: brightness(1.1);\n}\n\n.graph-toolbar-btn:disabled,\n.graph-toolbar-btn:disabled:hover {\n  opacity: 0.4;\n  cursor: not-allowed;\n  background: var(--surface-overlay-disabled);\n  color: var(--text-dim);\n  border-color: var(--border-subtle);\n}\n\n.graph-toolbar-separator {\n  width: 1px;\n  height: 18px;\n  background: var(--border-default);\n  margin: 0 2px;\n}\n\n/* ─── Validation widget ─────────────────────────────────────────────────── */\n/* Lives in GraphToolbar.css on purpose: the VS Code extension copies exactly\n   this stylesheet into its webview, so a separate file would need host build\n   changes for no benefit. */\n\n.graph-toolbar-validation {\n  position: relative;\n  display: inline-flex;\n}\n\n.graph-toolbar-validation-btn {\n  position: relative;\n}\n\n.graph-toolbar-validation-btn--valid,\n.graph-toolbar-validation-btn--valid:hover {\n  color: var(--color-success);\n}\n\n.graph-toolbar-validation-btn--invalid,\n.graph-toolbar-validation-btn--invalid:hover {\n  color: var(--color-error);\n}\n\n.graph-toolbar-validation-btn--error,\n.graph-toolbar-validation-btn--error:hover {\n  color: var(--color-warning);\n}\n\n.graph-toolbar-validation-spin {\n  animation: graph-toolbar-validation-rotate 1s linear infinite;\n}\n\n@keyframes graph-toolbar-validation-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.graph-toolbar-validation-badge {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  min-width: 14px;\n  height: 14px;\n  padding: 0 3px;\n  box-sizing: border-box;\n  border-radius: 7px;\n  background: var(--color-error);\n  color: var(--text-on-accent);\n  font-family: var(--font-sans);\n  font-size: 9px;\n  line-height: 14px;\n  font-weight: 600;\n  text-align: center;\n  pointer-events: none;\n}\n\n/* `unvalidated` keeps the button's neutral colour — there is no verdict to\n   colour it with — and badges its notes in the warning tone, like the other\n   states whose issues are notes rather than a rejection. */\n.graph-toolbar-validation-btn--valid .graph-toolbar-validation-badge,\n.graph-toolbar-validation-btn--error .graph-toolbar-validation-badge,\n.graph-toolbar-validation-btn--unvalidated .graph-toolbar-validation-badge {\n  background: var(--color-warning);\n}\n\n/* ─── Validation dropdown panel ─────────────────────────────────────────── */\n\n.graph-validation-panel {\n  position: absolute;\n  z-index: 12;\n  /* Viewport clamp: narrow webviews (VS Code panels) can be under 260px wide. */\n  min-width: min(260px, calc(100vw - 24px));\n  max-width: min(360px, calc(100vw - 24px));\n  max-height: 320px;\n  overflow-y: auto;\n  padding: 6px;\n  border-radius: 8px;\n  background: var(--surface-overlay);\n  border: 1px solid var(--border-default);\n  box-shadow: var(--shadow-md);\n  backdrop-filter: blur(6px);\n  pointer-events: auto;\n  font-family: var(--font-sans);\n  cursor: default;\n}\n\n/* Placement relative to the widget button — always unfolds toward the graph. */\n.graph-validation-panel--down-start {\n  top: calc(100% + 6px);\n  left: 0;\n}\n.graph-validation-panel--down-end {\n  top: calc(100% + 6px);\n  right: 0;\n}\n.graph-validation-panel--up-start {\n  bottom: calc(100% + 6px);\n  left: 0;\n}\n.graph-validation-panel--up-end {\n  bottom: calc(100% + 6px);\n  right: 0;\n}\n.graph-validation-panel--side-end {\n  left: calc(100% + 6px);\n  top: 0;\n}\n.graph-validation-panel--side-start {\n  right: calc(100% + 6px);\n  top: 0;\n}\n\n.graph-validation-panel-header {\n  padding: 4px 6px 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-secondary);\n}\n\n.graph-validation-empty {\n  padding: 2px 6px 6px;\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.graph-validation-issues {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.graph-validation-issue {\n  padding: 6px 8px;\n  border-radius: 6px;\n  border-left: 3px solid var(--color-error);\n  background: var(--color-error-bg);\n  font-size: 12px;\n  color: var(--text-primary);\n}\n\n/* The focusable/clickable element inside each <li> (keeps listitem semantics). */\n.graph-validation-issue-body {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.graph-validation-issue--warning {\n  border-left-color: var(--color-warning);\n  background: var(--surface-sunken);\n}\n\n.graph-validation-issue--clickable {\n  cursor: pointer;\n}\n\n.graph-validation-issue--clickable:hover {\n  filter: brightness(1.1);\n}\n\n.graph-validation-issue-body:focus-visible {\n  outline: 2px solid var(--focus-ring);\n  outline-offset: 1px;\n  border-radius: 4px;\n}\n\n.graph-validation-issue-meta {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.graph-validation-issue-context {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-secondary);\n}\n\n.graph-validation-issue-file {\n  font-size: 10px;\n  color: var(--text-dim);\n}\n\n.graph-validation-issue-message {\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n.graph-validation-issue-fix {\n  font-size: 11px;\n  color: var(--text-secondary);\n}\n\n.graph-validation-issue-fix::before {\n  content: \"Fix: \";\n  font-weight: 600;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/graph/react/detail/DetailPanel.css","../../../src/graph/react/viewer/GraphToolbar.css"],"sourcesContent":["/* ─── Detail Panel — sliding side panel for node inspection ─────────────── */\n/* Token-only — all colors come from the active theme palette on the         */\n/* container. See `graphConfig.ts` for token definitions.                    */\n\n.detail-panel {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 380px;\n  height: 100%;\n  background: var(--surface-panel);\n  border-left: 1px solid var(--border-default);\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--font-sans);\n  color: var(--text-default);\n  overflow: hidden;\n  transition: transform 0.2s ease;\n}\n\n.detail-panel--closed {\n  transform: translateX(100%);\n  pointer-events: none;\n}\n\n/* ─── Resize handle — left edge drag target ────────────────────────────── */\n\n.detail-panel-resize-handle {\n  position: absolute;\n  top: 0;\n  left: -6px;\n  width: 12px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 2;\n  background: transparent;\n}\n\n/* Visible bar — narrower than the hit area */\n.detail-panel-resize-handle::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 5px;\n  width: 2px;\n  height: 100%;\n  background: transparent;\n  transition: background 0.15s;\n}\n\n.detail-panel-resize-handle:hover::before,\n.detail-panel--dragging .detail-panel-resize-handle::before {\n  background: var(--color-accent);\n  opacity: 0.6;\n}\n\n/* Grip indicator — visible on hover */\n.detail-panel-resize-handle::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 2px;\n  height: 24px;\n  border-radius: 1px;\n  background: transparent;\n  transition: background 0.15s;\n}\n\n.detail-panel-resize-handle:hover::after,\n.detail-panel--dragging .detail-panel-resize-handle::after {\n  background: var(--color-accent);\n}\n\n/* Disable transition during drag for smooth resizing */\n.detail-panel--dragging {\n  transition: none;\n}\n\n.detail-panel--dragging .detail-panel-content {\n  pointer-events: none;\n}\n\n/* ─── Close row — scrolls away with the content (intentionally NOT pinned) ─ */\n/* The close button is part of the content's top, not panel chrome: it\n * scrolls out of view with the content, and closing the panel means\n * scrolling back up. The negative margin tucks the following section up\n * beside it so the row doesn't cost a full line of vertical space. */\n\n.detail-panel-close-row {\n  display: flex;\n  justify-content: flex-end;\n  /* Pull the next section up by exactly this row's height + the column\n   * gap, so the close button sits ON the first content line (concept /\n   * pipe header), right-aligned — not on its own line above it. */\n  margin-bottom: -40px;\n}\n\n.detail-panel-close {\n  all: unset;\n  cursor: pointer;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: var(--text-dim);\n  font-size: 18px;\n  line-height: 1;\n  /* Above the sticky pipe header (z 1) so the X is visible at rest while\n   * sharing its line; on scroll it briefly slides over the stuck header's\n   * empty right side before leaving the viewport. */\n  z-index: 2;\n}\n\n.detail-panel-close:hover {\n  color: var(--text-muted);\n  background: var(--surface-elevated);\n}\n\n.detail-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 12px 16px 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* ─── Sticky header (pipe info + IO stays pinned at top) ───────────────── */\n\n.detail-sticky-header {\n  position: sticky;\n  top: -12px; /* must mirror .detail-panel-content's top padding */\n  z-index: 1;\n  background: var(--surface-panel);\n  padding-top: 12px;\n  margin-top: -12px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* ─── Shared detail components ──────────────────────────────────────────── */\n\n.detail-section-label {\n  font-size: 9px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--text-dim);\n  margin-bottom: 6px;\n}\n\n.detail-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-badge {\n  font-size: 10px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  padding: 2px 7px;\n  border-radius: 4px;\n  white-space: nowrap;\n}\n\n.detail-badge--operator {\n  background: var(--color-pipe);\n  color: var(--text-on-accent);\n}\n\n.detail-badge--controller {\n  background: var(--color-batch-item);\n  color: var(--text-on-accent);\n}\n\n.detail-pipe-code {\n  font-family: var(--font-mono);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-pipe);\n}\n\n.detail-pipe-code--controller {\n  color: var(--color-batch-item);\n}\n\n.detail-status {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-status-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  display: inline-block;\n}\n\n.detail-status-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: capitalize;\n}\n\n.detail-duration {\n  font-size: 11px;\n  color: var(--text-dim);\n  font-family: var(--font-mono);\n}\n\n.detail-description {\n  font-size: 12px;\n  color: var(--text-muted);\n  line-height: 1.5;\n}\n\n/* ─── IO Pills ──────────────────────────────────────────────────────────── */\n\n.detail-io-pill {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  padding: 3px 8px;\n  border-radius: 4px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n}\n\n.detail-io-name {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n}\n\n.detail-io-concept {\n  color: var(--text-dim);\n  font-size: 10px;\n}\n\n.detail-io-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n/* ─── Blueprint-specific sections ───────────────────────────────────────── */\n\n.detail-prompt-block {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  color: var(--text-muted);\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n  border-radius: 6px;\n  padding: 10px 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-y: auto;\n  line-height: 1.5;\n}\n\n.detail-prompt-block--collapsed {\n  max-height: 300px;\n}\n\n.detail-prompt-block--expanded {\n  max-height: none;\n  overflow-y: visible;\n}\n\n.detail-prompt-expand-btn {\n  all: unset;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 9px;\n  color: var(--text-dim);\n  padding: 2px 6px;\n  border-radius: 3px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n  transition: color 0.15s;\n}\n\n.detail-prompt-expand-btn:hover {\n  color: var(--text-muted);\n}\n\n.detail-kv-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start; /* top-align so the label stays next to the first line of a wrapped value */\n  gap: 12px;\n  font-size: 11px;\n  padding: 3px 0;\n}\n\n.detail-kv-key {\n  color: var(--text-dim);\n  flex-shrink: 0; /* label stays at its natural width */\n}\n\n.detail-kv-value {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n  flex: 1 1 0;\n  min-width: 0;\n  text-align: right;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n}\n\n/* ─── Field block: labeled multi-line text (for long resolved values) ─── */\n\n.detail-field-block {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-field-block-label {\n  font-family: var(--font-mono);\n  font-size: 10px;\n  color: var(--text-dim);\n}\n\n.detail-field-block-value {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  color: var(--text-default);\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n  border-radius: 6px;\n  padding: 8px 10px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  line-height: 1.5;\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n/* ─── Nested construct sub-section header ───────────────────────────────── */\n/* Rendered before each nested sub-construct's recursive contents. The left\n * border + indent provides a visual \"branch\" cue so the tree structure is\n * obvious without needing collapse state. */\n\n.detail-nested-header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 8px;\n  margin-top: 6px;\n  margin-bottom: 4px;\n  padding: 4px 0 4px 8px;\n  border-left: 2px solid var(--color-success);\n}\n\n.detail-nested-header-name {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-default);\n}\n\n.detail-nested-header-meta {\n  font-family: var(--font-mono);\n  font-size: 9px;\n  color: var(--text-dim);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n/* ─── Concept schema table ──────────────────────────────────────────────── */\n\n.detail-schema-table {\n  width: 100%;\n  font-size: 11px;\n  border-collapse: collapse;\n}\n\n.detail-schema-table th {\n  text-align: left;\n  font-weight: 700;\n  color: var(--text-dim);\n  font-size: 9px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 4px 6px;\n  border-bottom: 1px solid var(--border-default);\n}\n\n.detail-schema-table td {\n  padding: 4px 6px;\n  border-bottom: 1px solid var(--border-subtle);\n  color: var(--text-muted);\n}\n\n.detail-schema-field {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n}\n\n.detail-schema-type {\n  color: var(--color-accent);\n}\n\n.detail-schema-required {\n  color: var(--color-pipe);\n  font-size: 9px;\n}\n\n/* ─── Error section ─────────────────────────────────────────────────────── */\n\n.detail-error {\n  background: var(--color-error-bg);\n  border: 1px solid var(--color-error-border);\n  border-radius: 6px;\n  padding: 10px 12px;\n}\n\n.detail-error-type {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--color-error);\n  margin-bottom: 4px;\n}\n\n.detail-error-message {\n  font-size: 11px;\n  color: var(--text-muted);\n  line-height: 1.5;\n}\n\n.detail-error-stack {\n  font-family: var(--font-mono);\n  font-size: 10px;\n  color: var(--text-dim);\n  margin-top: 8px;\n  max-height: 150px;\n  overflow-y: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n/* ─── Steps list (PipeSequence, PipeCondition outcomes) ─────────────────── */\n\n.detail-steps-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-step-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n}\n\n.detail-step-index {\n  color: var(--text-dim);\n  font-size: 10px;\n  font-weight: 700;\n  min-width: 16px;\n}\n\n.detail-step-code {\n  font-family: var(--font-mono);\n  color: var(--text-default);\n}\n\n/* ─── Tags/Metrics ──────────────────────────────────────────────────────── */\n\n.detail-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n.detail-tag {\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: 3px;\n  background: var(--surface-sunken);\n  border: 1px solid var(--border-subtle);\n}\n\n.detail-tag-key {\n  color: var(--text-dim);\n}\n\n.detail-tag-value {\n  color: var(--text-default);\n  font-family: var(--font-mono);\n}\n\n/* ─── Detail tabs (Data / Structure) ────────────────────────────────────── */\n\n.detail-tabs {\n  display: flex;\n  gap: 2px;\n  border-bottom: 1px solid var(--border-default);\n}\n\n.detail-tab {\n  all: unset;\n  cursor: pointer;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-dim);\n  padding: 5px 10px;\n  border-radius: 4px 4px 0 0;\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px;\n  transition:\n    color 0.15s,\n    border-color 0.15s;\n}\n\n.detail-tab:hover {\n  color: var(--text-muted);\n}\n\n.detail-tab--active {\n  color: var(--text-default);\n  border-bottom-color: var(--color-accent);\n}\n\n/* `all: unset` strips the UA focus ring — restore a visible indicator for\n * keyboard users (WCAG 2.4.7) on every unset button in the panel. */\n.detail-tab:focus-visible,\n.detail-panel-close:focus-visible,\n.detail-prompt-expand-btn:focus-visible {\n  outline: 2px solid var(--color-accent);\n  outline-offset: 2px;\n}\n\n/* ─── Concept panel header ──────────────────────────────────────────────── */\n\n.detail-concept-code {\n  font-family: var(--font-mono);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-success);\n}\n\n.detail-concept-domain {\n  font-size: 11px;\n  color: var(--text-dim);\n}\n\n.detail-refines {\n  font-size: 11px;\n  color: var(--text-muted);\n}\n\n.detail-multiplicity {\n  font-size: 12px;\n  color: var(--text-muted);\n}\n\n.detail-refines-code {\n  font-family: var(--font-mono);\n  color: var(--color-accent);\n}\n\n/* ─── Not available fallback ────────────────────────────────────────────── */\n\n.detail-not-available {\n  font-size: 12px;\n  color: var(--text-dim);\n  font-style: italic;\n  padding: 8px 0;\n}\n\n/* ─── Usage (inline cost + disclosure) ──────────────────────────────────── */\n\n/* Cost sits on the status line, formatted exactly like the duration beside it:\n   they are two facts of the same kind about the same run. The button carries no\n   chrome of its own — only the chevron marks it as expandable. */\n.detail-usage-inline {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n}\n\n.detail-usage-value {\n  font-size: 11px;\n  color: var(--text-dim);\n  font-family: var(--font-mono);\n  font-variant-numeric: tabular-nums;\n}\n\n.detail-usage-inline:hover .detail-usage-value {\n  color: var(--text-muted);\n}\n\n/* Quieter than the number it follows: it is an affordance, not information. */\n.detail-usage-chevron {\n  color: var(--text-dim);\n  opacity: 0.55;\n  transition:\n    transform 120ms ease,\n    opacity 120ms ease;\n}\n\n.detail-usage-inline:hover .detail-usage-chevron {\n  opacity: 0.9;\n}\n\n.detail-usage-chevron--open {\n  transform: rotate(180deg);\n}\n\n.detail-usage-details {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Model row: request on top, what it resolved to underneath. The secondary line\n   is dimmer so the pair reads as one fact with its consequence, not two facts. */\n.detail-model-value {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 1px;\n}\n\n.detail-model-resolved {\n  color: var(--text-dim);\n  font-size: 10px;\n}\n","/* ─── Graph Toolbar — floating controls over the graph background ─────── */\n/* Token-only styling: theme switching happens by swapping `--surface-*`,   */\n/* `--text-*`, `--border-*`, and `--color-accent` values on the container.  */\n\n/* The ReactFlow <Panel> owns positioning now (anchor + margin). It sits above\n   the graph but the old code used z-index 11, so keep parity. */\n.graph-toolbar-panel {\n  z-index: 11;\n}\n\n.graph-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: auto;\n}\n\n/* Vertical bar — `center-left` / `center-right` anchors. Stack the buttons in a\n   column and rotate the separators so they divide rows instead of columns. */\n.graph-toolbar--vertical {\n  flex-direction: column;\n}\n\n.graph-toolbar--vertical .graph-toolbar-separator {\n  width: 18px;\n  height: 1px;\n  margin: 2px 0;\n}\n\n.graph-toolbar-btn {\n  all: unset;\n  box-sizing: border-box;\n  cursor: pointer;\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  background: var(--surface-overlay);\n  border: 1px solid var(--border-default);\n  color: var(--text-secondary);\n  backdrop-filter: blur(6px);\n  transition:\n    background 0.15s,\n    color 0.15s,\n    border-color 0.15s;\n}\n\n.graph-toolbar-btn:hover {\n  background: var(--surface-overlay-hover);\n  color: var(--text-primary);\n  border-color: var(--border-strong);\n}\n\n.graph-toolbar-btn:focus-visible {\n  outline: 2px solid var(--focus-ring);\n  outline-offset: 1px;\n}\n\n.graph-toolbar-btn--active {\n  background: var(--color-accent);\n  border-color: var(--color-accent);\n  color: var(--text-on-accent);\n}\n\n.graph-toolbar-btn--active:hover {\n  background: var(--color-accent);\n  border-color: var(--color-accent);\n  color: var(--text-on-accent);\n  filter: brightness(1.1);\n}\n\n.graph-toolbar-btn:disabled,\n.graph-toolbar-btn:disabled:hover {\n  opacity: 0.4;\n  cursor: not-allowed;\n  background: var(--surface-overlay-disabled);\n  color: var(--text-dim);\n  border-color: var(--border-subtle);\n}\n\n.graph-toolbar-separator {\n  width: 1px;\n  height: 18px;\n  background: var(--border-default);\n  margin: 0 2px;\n}\n\n/* ─── Validation widget ─────────────────────────────────────────────────── */\n/* Lives in GraphToolbar.css on purpose: the VS Code extension copies exactly\n   this stylesheet into its webview, so a separate file would need host build\n   changes for no benefit. */\n\n.graph-toolbar-validation {\n  position: relative;\n  display: inline-flex;\n}\n\n.graph-toolbar-validation-btn {\n  position: relative;\n}\n\n.graph-toolbar-validation-btn--valid,\n.graph-toolbar-validation-btn--valid:hover {\n  color: var(--color-success);\n}\n\n.graph-toolbar-validation-btn--invalid,\n.graph-toolbar-validation-btn--invalid:hover {\n  color: var(--color-error);\n}\n\n.graph-toolbar-validation-btn--error,\n.graph-toolbar-validation-btn--error:hover {\n  color: var(--color-warning);\n}\n\n.graph-toolbar-validation-spin {\n  animation: graph-toolbar-validation-rotate 1s linear infinite;\n}\n\n@keyframes graph-toolbar-validation-rotate {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.graph-toolbar-validation-badge {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  min-width: 14px;\n  height: 14px;\n  padding: 0 3px;\n  box-sizing: border-box;\n  border-radius: 7px;\n  background: var(--color-error);\n  color: var(--text-on-accent);\n  font-family: var(--font-sans);\n  font-size: 9px;\n  line-height: 14px;\n  font-weight: 600;\n  text-align: center;\n  pointer-events: none;\n}\n\n/* `unvalidated` keeps the button's neutral colour — there is no verdict to\n   colour it with — and badges its notes in the warning tone, like the other\n   states whose issues are notes rather than a rejection. */\n.graph-toolbar-validation-btn--valid .graph-toolbar-validation-badge,\n.graph-toolbar-validation-btn--error .graph-toolbar-validation-badge,\n.graph-toolbar-validation-btn--unvalidated .graph-toolbar-validation-badge {\n  background: var(--color-warning);\n}\n\n/* ─── Validation dropdown panel ─────────────────────────────────────────── */\n\n.graph-validation-panel {\n  position: absolute;\n  z-index: 12;\n  /* Viewport clamp: narrow webviews (VS Code panels) can be under 260px wide. */\n  min-width: min(260px, calc(100vw - 24px));\n  max-width: min(360px, calc(100vw - 24px));\n  max-height: 320px;\n  overflow-y: auto;\n  padding: 6px;\n  border-radius: 8px;\n  background: var(--surface-overlay);\n  border: 1px solid var(--border-default);\n  box-shadow: var(--shadow-md);\n  backdrop-filter: blur(6px);\n  pointer-events: auto;\n  font-family: var(--font-sans);\n  cursor: default;\n}\n\n/* Placement relative to the widget button — always unfolds toward the graph. */\n.graph-validation-panel--down-start {\n  top: calc(100% + 6px);\n  left: 0;\n}\n.graph-validation-panel--down-end {\n  top: calc(100% + 6px);\n  right: 0;\n}\n.graph-validation-panel--up-start {\n  bottom: calc(100% + 6px);\n  left: 0;\n}\n.graph-validation-panel--up-end {\n  bottom: calc(100% + 6px);\n  right: 0;\n}\n.graph-validation-panel--side-end {\n  left: calc(100% + 6px);\n  top: 0;\n}\n.graph-validation-panel--side-start {\n  right: calc(100% + 6px);\n  top: 0;\n}\n\n.graph-validation-panel-header {\n  padding: 4px 6px 6px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-secondary);\n}\n\n.graph-validation-empty {\n  padding: 2px 6px 6px;\n  font-size: 12px;\n  color: var(--text-secondary);\n}\n\n.graph-validation-issues {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.graph-validation-issue {\n  padding: 6px 8px;\n  border-radius: 6px;\n  border-left: 3px solid var(--color-error);\n  background: var(--color-error-bg);\n  font-size: 12px;\n  color: var(--text-primary);\n}\n\n/* The focusable/clickable element inside each <li> (keeps listitem semantics). */\n.graph-validation-issue-body {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.graph-validation-issue--warning {\n  border-left-color: var(--color-warning);\n  background: var(--surface-sunken);\n}\n\n.graph-validation-issue--clickable {\n  cursor: pointer;\n}\n\n.graph-validation-issue--clickable:hover {\n  filter: brightness(1.1);\n}\n\n.graph-validation-issue-body:focus-visible {\n  outline: 2px solid var(--focus-ring);\n  outline-offset: 1px;\n  border-radius: 4px;\n}\n\n.graph-validation-issue-meta {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.graph-validation-issue-context {\n  font-family: var(--font-mono);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--text-secondary);\n}\n\n.graph-validation-issue-file {\n  font-size: 10px;\n  color: var(--text-dim);\n}\n\n.graph-validation-issue-message {\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n.graph-validation-issue-fix {\n  font-size: 11px;\n  color: var(--text-secondary);\n}\n\n.graph-validation-issue-fix::before {\n  content: \"Fix: \";\n  font-weight: 600;\n}\n"],"mappings":"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","names":[]}

package/dist/graph/react/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { c as GraphNodeData, d as GraphEdge, e as GraphNode, b as GraphSpec, f as GraphConfig, g as GraphDirection, F as FoldMode, h as GraphThemeMode, T as ToolbarPosition, G as GraphTheme, i as PipeStatus, j as GraphSpecNodeIoItem, k as ValidationState, V as ValidationIssue, L as LabelDescriptor, l as PipeControllerType, m as FoldToggleOptions, N as NodeValidationSummary, n as PipeType, o as GraphSpecMode, C as ConceptInfo, p as GraphSpecNode } from '../../types-Bcsh7Z0U.js';
-export { q as PipeOperatorType } from '../../types-Bcsh7Z0U.js';
-import { PipeIOContracts, OutputForm, InputForm } from '@pipelex/mthds-form';
-import { ResolveUrl, ResolveShareUrl } from '@pipelex/mthds-form/react';
+import { c as GraphNodeData, d as GraphEdge, e as GraphNode, b as GraphSpec, f as GraphConfig, g as GraphDirection, F as FoldMode, h as GraphThemeMode, T as ToolbarPosition, G as GraphTheme, i as PipeStatus, j as GraphSpecNodeIoItem, k as ValidationState, V as ValidationIssue, L as LabelDescriptor, l as PipeControllerType, m as FoldToggleOptions, N as NodeValidationSummary, n as PipeType, o as GraphSpecMode, C as ConceptInfo, p as GraphSpecNode } from '../../types-DgqW3Jg4.js';
+export { q as PipeOperatorType } from '../../types-DgqW3Jg4.js';
+import { PipeIOContracts, OutputForm, InputForm, SaveFiles } from '@pipelex/mthds-form';
+import { ResolveUrl, ResolveShareUrl, DownloadDisplay } from '@pipelex/mthds-form/react';
 import { Edge, Node, ReactFlowInstance } from '@xyflow/react';
 
 /** ReactFlow node parameterized with our domain data. */
@@ -153,6 +153,24 @@ interface GraphViewerProps {
      * since it starts expiring the moment it exists.
      */
     resolveShareUrl?: ResolveShareUrl;
+    /**
+     * Delivers the files the result panel's downloads hand over: its Download
+     * control and each file's own button.
+     *
+     * Without it the kernel saves them in the browser tab, through an object URL
+     * and a clicked link. A host whose view runs in a sandboxed frame is refused
+     * both, so its downloads fail without a word unless it supplies this, handing
+     * the planned files to its own bridge. It goes on the panel's provider beside
+     * `resolveUrl`, which replaces an outer provider rather than merging with it,
+     * so a `saveFiles` set around the graph does not reach the panel.
+     */
+    saveFiles?: SaveFiles;
+    /**
+     * Which of the result panel's download controls are drawn: the whole-result
+     * Download (`result`) and each file's own button (`files`, which also takes
+     * the kinds that carry one). Both are drawn by default.
+     */
+    downloads?: DownloadDisplay;
     /**
      * State of the toolbar's validation widget. The widget renders only when this
      * is set — `undefined` (the default) disables the feature entirely. Reactive:
@@ -349,6 +367,17 @@ declare function PipeCardBase({ data, children }: PipeCardBaseProps): react_jsx_
  * `resolveUrl`, which is installed as the kernel's `ResultEnvProvider` so the
  * kernel's own file arms paint the file; without one, the panel paints whatever
  * `public_url` the payload carries.
+ *
+ * ## Saving
+ *
+ * The kernel's Download control and its per-file download buttons save through
+ * the browser tab unless a host says otherwise. A host whose view runs in a
+ * sandboxed frame, where the tab's object URL, clicked link and popup are all
+ * refused, passes `saveFiles` to deliver the files through its own bridge, and
+ * `downloads` to choose which of those controls are drawn. Both go on the same
+ * provider as `resolveUrl`, because the kernel's provider replaces an outer
+ * one rather than merging with it: set around the graph instead, they would
+ * never reach a panel that installs its own.
  */
 interface StuffResultRendererOptions {
     /** `pipe_io_contracts` for the method being displayed. */
@@ -400,8 +429,18 @@ interface StuffResultPanelProps extends StuffResultRendererOptions {
      * own credential.
      */
     resolveShareUrl?: ResolveShareUrl;
+    /**
+     * Delivers the files a download hands over, for a host that cannot save
+     * through the browser tab. Without one, the kernel saves in the tab.
+     */
+    saveFiles?: SaveFiles;
+    /**
+     * Which download controls are drawn: the whole-result Download and each
+     * file's own button, set independently. Both are drawn by default.
+     */
+    downloads?: DownloadDisplay;
 }
-declare function StuffResultPanel({ contracts, outputForm, inputForm, stuff, producerPipeRef, consumer, resolveUrl, resolveShareUrl, }: StuffResultPanelProps): react_jsx_runtime.JSX.Element | null;
+declare function StuffResultPanel({ contracts, outputForm, inputForm, stuff, producerPipeRef, consumer, resolveUrl, resolveShareUrl, saveFiles, downloads, }: StuffResultPanelProps): react_jsx_runtime.JSX.Element | null;
 
 interface DetailPanelProps {
     isOpen: boolean;

package/dist/graph/react/index.js

@@ -14,14 +14,14 @@ import {
   resolveConceptRef,
   resolveIssueTargetNodeId,
   validateGraphSpec
-} from "../../chunk-LMGMRLIK.js";
+} from "../../chunk-K3BWHQVX.js";
 import {
   parsePipeRef
 } from "../../chunk-2N65P32H.js";
 import {
   DEFAULT_GRAPH_CONFIG,
   getPaletteForTheme
-} from "../../chunk-MQ33HVWG.js";
+} from "../../chunk-XBHDA3PQ.js";
 import {
   EDGE_TYPE,
   FOLD_MODE,
@@ -33,11 +33,13 @@ import {
   VALIDATION_STATE,
   graphSpecMode,
   isDryGraphSpec,
+  isPluralMultiplicity,
   isStaticGraphSpec,
+  multiplicitySuffix,
   stuffDigestFromId,
   toolbarOrientation,
   toolbarSide
-} from "../../chunk-F3GBNU2I.js";
+} from "../../chunk-VCO4GZDZ.js";
 import {
   __spreadProps,
   __spreadValues
@@ -126,7 +128,9 @@ function StuffResultPanel({
   producerPipeRef,
   consumer,
   resolveUrl,
-  resolveShareUrl
+  resolveShareUrl,
+  saveFiles,
+  downloads
 }) {
   const field = React2.useMemo(
     () => {
@@ -137,7 +141,16 @@ function StuffResultPanel({
   );
   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 });
 }
@@ -903,7 +916,7 @@ function PipeComposeSection({
   const composeMode = executionData == null ? void 0 : executionData.compose_mode;
   const fieldResolutions = (_a = executionData == null ? void 0 : executionData.fields) != null ? _a : null;
   const constructBlueprint = blueprint.construct_blueprint;
-  const hasConstruct = constructBlueprint !== null && Object.keys(constructBlueprint.fields).length > 0;
+  const hasConstruct = constructBlueprint != null && Object.keys(constructBlueprint.fields).length > 0;
   return /* @__PURE__ */ jsxs10(Fragment6, { children: [
     /* @__PURE__ */ jsx10(KV, { label: "Mode", value: composeMode || (hasConstruct ? "construct" : "template") }),
     /* @__PURE__ */ jsx10(KV, { label: "Category", value: blueprint.category }),
@@ -1141,7 +1154,7 @@ function PipeDetailPanel({ node, spec, onConceptClick }) {
             onClick: () => input.concept && (onConceptClick == null ? void 0 : onConceptClick(input.concept)),
             children: [
               /* @__PURE__ */ jsx15("span", { className: "detail-io-name", children: input.name }),
-              input.concept && /* @__PURE__ */ jsx15("span", { className: "detail-io-concept", children: input.concept })
+              input.concept && /* @__PURE__ */ jsx15("span", { className: "detail-io-concept", children: input.concept + multiplicitySuffix(input.multiplicity) })
             ]
           },
           idx
@@ -1157,7 +1170,7 @@ function PipeDetailPanel({ node, spec, onConceptClick }) {
             onClick: () => output.concept && (onConceptClick == null ? void 0 : onConceptClick(output.concept)),
             children: [
               /* @__PURE__ */ jsx15("span", { className: "detail-io-name", children: output.name }),
-              output.concept && /* @__PURE__ */ jsx15("span", { className: "detail-io-concept", children: output.concept })
+              output.concept && /* @__PURE__ */ jsx15("span", { className: "detail-io-concept", children: output.concept + multiplicitySuffix(output.multiplicity) })
             ]
           },
           idx
@@ -1313,11 +1326,13 @@ function ConceptDetailPanel({
   instanceKey
 }) {
   var _a;
+  const multiplicity = ioData == null ? void 0 : ioData.multiplicity;
   return /* @__PURE__ */ jsxs16(Fragment11, { children: [
     /* @__PURE__ */ jsxs16("div", { className: "detail-header", children: [
-      /* @__PURE__ */ jsx16("span", { className: "detail-concept-code", children: concept.code }),
+      /* @__PURE__ */ jsx16("span", { className: "detail-concept-code", children: concept.code + multiplicitySuffix(multiplicity) }),
       /* @__PURE__ */ jsx16("span", { className: "detail-concept-domain", children: concept.domain_code })
     ] }),
+    isPluralMultiplicity(multiplicity) && /* @__PURE__ */ jsx16("div", { className: "detail-multiplicity", children: multiplicity === true ? `A variable-length list of ${concept.code} items` : `A fixed-length list of exactly ${multiplicity} ${concept.code} items` }),
     concept.description && /* @__PURE__ */ jsx16("div", { className: "detail-description", children: concept.description }),
     concept.refines && /* @__PURE__ */ jsxs16("div", { className: "detail-refines", children: [
       "refines ",
@@ -2511,19 +2526,21 @@ function StuffNodeDetail({
   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(
     StuffResultPanel,
-    __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
+    __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadProps(__spreadValues({
       contracts,
       outputForm
     }, inputForm ? { inputForm } : {}), {
       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;
@@ -2612,6 +2629,8 @@ function GraphViewer(props) {
     inputForm,
     resolveUrl,
     resolveShareUrl,
+    saveFiles,
+    downloads,
     validationState,
     validationIssues,
     onValidationIssueClick
@@ -3289,7 +3308,9 @@ function GraphViewer(props) {
                   outputForm,
                   inputForm,
                   resolveUrl,
-                  resolveShareUrl
+                  resolveShareUrl,
+                  saveFiles,
+                  downloads
                 }
               ) : null,
               renderDetailExtra && detailSelection && !conceptOverride && renderDetailExtra(detailSelection.nodeId, detailSelection.nodeData)