@pipelex/mthds-ui 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/graph/react/stuff/StuffViewer.css","../../../src/graph/react/detail/DetailPanel.css","../../../src/graph/react/viewer/GraphToolbar.css"],"sourcesContent":["/* ─── StuffViewer component styles ────────────────────────────────────────── */\n/* Uses CSS custom properties for consumer theming. Defaults match graph-core.css. */\n\n.stuff-viewer {\n  --sv-bg: var(--color-bg, #0a0a0a);\n  --sv-surface: var(--color-surface, #16213e);\n  --sv-surface-hover: var(--color-surface-hover, #1f2b47);\n  --sv-border: var(--color-border, #2a3a5a);\n  --sv-text: var(--color-text, #e2e8f0);\n  --sv-text-muted: var(--color-text-muted, #94a3b8);\n  --sv-accent: var(--color-accent, #3b82f6);\n  --sv-success: #10b981;\n  --sv-success-bg: rgba(16, 185, 129, 0.2);\n  --sv-radius: 4px;\n  --sv-font-sans: var(\n    --font-sans,\n    \"Inter\",\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif\n  );\n  --sv-font-mono: var(--font-mono, \"JetBrains Mono\", \"Monaco\", \"Menlo\", monospace);\n\n  font-family: var(--sv-font-sans);\n  color: var(--sv-text);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n/* ─── Header ─────────────────────────────────────────────────────────────── */\n\n.stuff-viewer-header {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 12px 16px 8px;\n  border-bottom: 1px solid var(--sv-border);\n  flex-shrink: 0;\n}\n\n.stuff-viewer-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--sv-text);\n  margin: 0;\n}\n\n.stuff-viewer-subtitle {\n  font-size: 12px;\n  color: var(--sv-text-muted);\n  margin: 0;\n}\n\n/* ─── Toolbar: tabs + action buttons ─────────────────────────────────────── */\n\n.stuff-viewer-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 16px;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.stuff-viewer-tabs {\n  display: flex;\n  gap: 4px;\n}\n\n.stuff-viewer-tab {\n  padding: 5px 10px;\n  border-radius: var(--sv-radius);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: 500;\n  background: var(--sv-surface-hover);\n  color: var(--sv-text-muted);\n  border: none;\n  transition:\n    background 0.15s,\n    color 0.15s;\n}\n\n.stuff-viewer-tab:hover {\n  background: var(--sv-border);\n  color: var(--sv-text);\n}\n\n.stuff-viewer-tab--active {\n  background: var(--sv-accent);\n  color: #fff;\n}\n\n/* ─── Action buttons ─────────────────────────────────────────────────────── */\n\n.stuff-viewer-actions {\n  display: flex;\n  gap: 4px;\n}\n\n.stuff-viewer-action-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: var(--sv-radius);\n  cursor: pointer;\n  background: var(--sv-surface-hover);\n  color: var(--sv-text-muted);\n  border: none;\n  transition:\n    background 0.15s,\n    color 0.15s;\n}\n\n.stuff-viewer-action-btn:hover {\n  background: var(--sv-border);\n  color: var(--sv-text);\n}\n\n.stuff-viewer-action-btn--copied {\n  background: var(--sv-success-bg);\n  color: var(--sv-success);\n}\n\n.stuff-viewer-action-btn svg {\n  width: 14px;\n  height: 14px;\n  fill: currentColor;\n}\n\n/* ─── Content area ───────────────────────────────────────────────────────── */\n\n.stuff-viewer-content {\n  flex: 1;\n  overflow: auto;\n  padding: 12px 16px 16px;\n  min-height: 0;\n}\n\n/* Pre-formatted text (JSON and Pretty tabs) */\n.stuff-viewer-pre {\n  font-family: var(--sv-font-mono);\n  font-size: 11px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  margin: 0;\n  color: var(--sv-text-muted);\n}\n\n.stuff-viewer-pre--nowrap {\n  white-space: pre;\n  word-wrap: normal;\n  line-height: 1;\n  overflow-x: auto;\n  padding-right: 20px;\n}\n\n/* HTML content */\n.stuff-viewer-html {\n  font-family: var(--sv-font-sans);\n  font-size: 11px;\n  color: var(--sv-text-muted);\n  line-height: 1.5;\n}\n\n.stuff-viewer-html table {\n  border-collapse: collapse;\n  width: 100%;\n}\n\n.stuff-viewer-html th,\n.stuff-viewer-html td {\n  border: 1px solid var(--sv-border);\n  padding: 8px 12px;\n  text-align: left;\n}\n\n.stuff-viewer-html th {\n  background: var(--sv-surface-hover);\n  color: var(--sv-text);\n  font-weight: 600;\n}\n\n.stuff-viewer-html tr:hover {\n  background: var(--sv-surface-hover);\n}\n\n.stuff-viewer-html a {\n  color: var(--sv-accent);\n  text-decoration: none;\n}\n\n.stuff-viewer-html a:hover {\n  text-decoration: underline;\n}\n\n.stuff-viewer-html ul {\n  list-style: none;\n  padding-left: 0;\n  margin: 0;\n}\n\n/* PDF embed */\n.stuff-viewer-pdf {\n  min-height: 400px;\n  height: 100%;\n}\n\n.stuff-viewer-pdf embed {\n  width: 100%;\n  height: 100%;\n  min-height: 500px;\n  border: none;\n}\n\n/* Image content */\n.stuff-viewer-image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 200px;\n}\n\n.stuff-viewer-image img {\n  max-width: 100%;\n  max-height: 70vh;\n  object-fit: contain;\n}\n\n/* Local file fallback (file:// URLs that can't render inline) */\n.stuff-viewer-local-file {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  border-radius: 6px;\n  background: var(--sv-surface);\n  border: 1px solid var(--sv-border);\n}\n\n.stuff-viewer-local-file-icon {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  color: var(--sv-text-muted);\n}\n\n.stuff-viewer-local-file-icon svg {\n  width: 100%;\n  height: 100%;\n  fill: currentColor;\n}\n\n.stuff-viewer-local-file-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.stuff-viewer-local-file-name {\n  font-family: var(--sv-font-mono);\n  font-size: 12px;\n  color: var(--sv-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.stuff-viewer-local-file-hint {\n  font-size: 11px;\n  color: var(--sv-text-muted);\n  margin-top: 2px;\n}\n\n/* Placeholder for missing data */\n.stuff-viewer-placeholder {\n  color: var(--sv-text-muted);\n  font-style: italic;\n  font-size: 13px;\n}\n","/* ─── Detail Panel — sliding side panel for node inspection ─────────────── */\n\n.detail-panel {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 380px;\n  height: 100%;\n  background: #111118;\n  border-left: 1px solid rgba(255, 255, 255, 0.1);\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  font-family: \"Inter\", -apple-system, sans-serif;\n  color: #e2e8f0;\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: rgba(59, 130, 246, 0.5);\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: rgba(59, 130, 246, 0.8);\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.detail-panel-close {\n  all: unset;\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  color: #64748b;\n  font-size: 18px;\n  line-height: 1;\n  z-index: 3;\n}\n\n.detail-panel-close:hover {\n  color: #94a3b8;\n  background: rgba(255, 255, 255, 0.06);\n}\n\n.detail-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px 16px;\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: -20px;\n  z-index: 1;\n  background: #111118;\n  padding-top: 20px;\n  margin-top: -20px;\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: #64748b;\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: #ff6b6b;\n  color: #0e0e0e;\n}\n\n.detail-badge--controller {\n  background: #bd93f9;\n  color: #0e0e0e;\n}\n\n.detail-pipe-code {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 14px;\n  font-weight: 600;\n  color: #ff6b6b;\n}\n\n.detail-pipe-code--controller {\n  color: #bd93f9;\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: #64748b;\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n}\n\n.detail-description {\n  font-size: 12px;\n  color: #94a3b8;\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: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.detail-io-name {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  color: #e2e8f0;\n}\n\n.detail-io-concept {\n  color: #64748b;\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: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 11px;\n  color: #94a3b8;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\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: #64748b;\n  padding: 2px 6px;\n  border-radius: 3px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  transition: color 0.15s;\n}\n\n.detail-prompt-expand-btn:hover {\n  color: #94a3b8;\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: #64748b;\n  flex-shrink: 0; /* label stays at its natural width */\n}\n\n.detail-kv-value {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  color: #e2e8f0;\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: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 10px;\n  color: #64748b;\n}\n\n.detail-field-block-value {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 11px;\n  color: #e2e8f0;\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\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 rgba(80, 250, 123, 0.35);\n}\n\n.detail-nested-header-name {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 11px;\n  font-weight: 600;\n  color: #e2e8f0;\n}\n\n.detail-nested-header-meta {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 9px;\n  color: #64748b;\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: #64748b;\n  font-size: 9px;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 4px 6px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.detail-schema-table td {\n  padding: 4px 6px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n  color: #94a3b8;\n}\n\n.detail-schema-field {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  color: #e2e8f0;\n}\n\n.detail-schema-type {\n  color: #8be9fd;\n}\n\n.detail-schema-required {\n  color: #ff6b6b;\n  font-size: 9px;\n}\n\n/* ─── Error section ─────────────────────────────────────────────────────── */\n\n.detail-error {\n  background: rgba(255, 85, 85, 0.08);\n  border: 1px solid rgba(255, 85, 85, 0.2);\n  border-radius: 6px;\n  padding: 10px 12px;\n}\n\n.detail-error-type {\n  font-size: 12px;\n  font-weight: 600;\n  color: #ff5555;\n  margin-bottom: 4px;\n}\n\n.detail-error-message {\n  font-size: 11px;\n  color: #94a3b8;\n  line-height: 1.5;\n}\n\n.detail-error-stack {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 10px;\n  color: #64748b;\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: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.detail-step-index {\n  color: #64748b;\n  font-size: 10px;\n  font-weight: 700;\n  min-width: 16px;\n}\n\n.detail-step-code {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  color: #e2e8f0;\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: rgba(255, 255, 255, 0.04);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.detail-tag-key {\n  color: #64748b;\n}\n\n.detail-tag-value {\n  color: #e2e8f0;\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n}\n\n/* ─── Concept panel header ──────────────────────────────────────────────── */\n\n.detail-concept-code {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  font-size: 14px;\n  font-weight: 600;\n  color: #50fa7b;\n}\n\n.detail-concept-domain {\n  font-size: 11px;\n  color: #64748b;\n}\n\n.detail-refines {\n  font-size: 11px;\n  color: #94a3b8;\n}\n\n.detail-refines-code {\n  font-family: \"JetBrains Mono\", \"Monaco\", monospace;\n  color: #8be9fd;\n}\n\n/* ─── Not available fallback ────────────────────────────────────────────── */\n\n.detail-not-available {\n  font-size: 12px;\n  color: #64748b;\n  font-style: italic;\n  padding: 8px 0;\n}\n","/* ─── Graph Toolbar — floating controls over the graph background ─────── */\n\n.graph-toolbar {\n  position: absolute;\n  top: 8px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  z-index: 11;\n  pointer-events: auto;\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: rgba(17, 17, 24, 0.8);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  color: #cbd5e1;\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: rgba(30, 30, 40, 0.9);\n  color: #f1f5f9;\n  border-color: rgba(255, 255, 255, 0.18);\n}\n\n.graph-toolbar-btn:focus-visible {\n  outline: 2px solid rgba(59, 130, 246, 0.6);\n  outline-offset: 1px;\n}\n\n.graph-toolbar-btn--active {\n  background: #3b82f6;\n  border-color: #3b82f6;\n  color: #ffffff;\n}\n\n.graph-toolbar-btn--active:hover {\n  background: #2563eb;\n  border-color: #2563eb;\n  color: #ffffff;\n}\n\n.graph-toolbar-separator {\n  width: 1px;\n  height: 18px;\n  background: rgba(255, 255, 255, 0.12);\n  margin: 0 2px;\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,252 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { G as GraphNodeData, a as GraphEdge, b as GraphNode, c as GraphSpec, d as GraphConfig, e as GraphDirection, P as PipeStatus, L as LabelDescriptor, f as PipeControllerType, g as PipeOperatorType, h as GraphSpecNode, C as ConceptInfo, i as GraphSpecNodeIoItem } from '../../types-bV8F_WoM.js';
+import { Edge, Node, ReactFlowInstance } from '@xyflow/react';
+
+/** Data for rendering a stuff (data item) in the StuffViewer component. */
+interface StuffViewerData {
+    digest: string;
+    name?: string;
+    concept?: string;
+    contentType?: string;
+    data?: unknown;
+    dataText?: string;
+    dataHtml?: string;
+}
+/**
+ * Resolver for `pipelex-storage://` URIs.
+ *
+ * Internal pipelex-storage URIs are not directly fetchable by a browser. Callers
+ * pass this function to components that may render such URIs (StuffViewer etc.)
+ * to exchange them for short-lived, browser-fetchable URLs (e.g. presigned S3).
+ *
+ * The resolved URL has a limited lifetime. Components displaying media for
+ * extended periods should re-invoke the resolver before expiry.
+ *
+ * **Stability requirement:** keep the reference stable across renders (wrap in
+ * `useCallback` or define outside the component). StuffViewer uses this as a
+ * `useEffect` dependency — a fresh arrow on every render re-triggers the
+ * presigned-URL fetch on every parent re-render.
+ *
+ * Returns null if the URI cannot be resolved (auth failure, ownership mismatch, etc.).
+ */
+type ResolveStorageUrl = (uri: string) => Promise<string | null>;
+
+/** ReactFlow node parameterized with our domain data. */
+type AppNode = Node<GraphNodeData>;
+/** ReactFlow edge with standard fields (domain-only fields are dropped at the boundary). */
+type AppEdge = Edge<Record<string, unknown>>;
+/** ReactFlow instance typed with our app node/edge types. */
+type AppRFInstance = ReactFlowInstance<AppNode, AppEdge>;
+/**
+ * Convert domain GraphNode[] to ReactFlow AppNode[].
+ *
+ * Style fields use Record<string, string | number> in the domain layer but
+ * CSSProperties in React. The cast is safe because graph builders only set
+ * valid CSS properties (width, height, background, border, etc.).
+ */
+declare function toAppNodes(nodes: GraphNode[]): AppNode[];
+/**
+ * Convert domain GraphEdge[] to ReactFlow AppEdge[].
+ *
+ * Domain-only fields (_batchEdge, _crossGroup) are dropped — they're only used
+ * by pure graph logic (layout weight calculation), not by ReactFlow rendering.
+ * The markerEnd cast is safe: our { type: "arrowclosed", color } satisfies EdgeMarker.
+ */
+declare function toAppEdges(edges: GraphEdge[]): AppEdge[];
+
+interface GraphViewerProps {
+    graphspec: GraphSpec | null;
+    config?: GraphConfig;
+    /** Initial layout direction. Users can toggle this via the built-in toolbar. */
+    initialDirection?: GraphDirection;
+    /** Initial controller-grouping state. Users can toggle this via the built-in toolbar. */
+    initialShowControllers?: boolean;
+    /** Hide the built-in floating toolbar (direction + controllers toggle). */
+    hideToolbar?: boolean;
+    onNavigateToPipe?: (pipeCode: string, status?: PipeStatus) => void;
+    onStuffNodeClick?: (stuffData: StuffViewerData) => void;
+    onReactFlowInit?: (instance: AppRFInstance) => void;
+    /** Layer 2 execution state: pipe_code → current status. Updates node status dots in real-time. */
+    statusMap?: Record<string, PipeStatus>;
+    /** Called when any node is clicked with full node data. Use for detail/inspector panels. */
+    onNodeSelect?: (nodeId: string, nodeData: GraphNodeData, event: React.MouseEvent) => void;
+    /** Called when the graph background (pane) is clicked. Use to dismiss detail panels. */
+    onPaneClick?: () => void;
+    /** Render extra content below the built-in detail panel content for the selected node. */
+    renderDetailExtra?: (nodeId: string, nodeData: GraphNodeData) => React.ReactNode;
+    /**
+     * Resolver for `pipelex-storage://` URIs. Passed down to StuffViewer so it can
+     * exchange internal URIs for browser-fetchable presigned URLs when rendering media.
+     */
+    resolveStorageUrl?: ResolveStorageUrl;
+}
+/** Apply Layer 2 execution state overrides to rendered nodes. */
+declare function applyStatusOverrides(nodes: AppNode[], statusMap: Record<string, PipeStatus> | undefined): AppNode[];
+declare function GraphViewer(props: GraphViewerProps): react_jsx_runtime.JSX.Element;
+
+declare function renderLabel(desc: LabelDescriptor): React.ReactNode;
+/** Convert label descriptors to React elements on all nodes */
+declare function hydrateLabels(nodes: GraphNode[]): GraphNode[];
+
+interface ControllerGroupData {
+    label?: React.ReactNode;
+    pipeType?: PipeControllerType;
+    childCount?: number;
+    isCollapsed?: boolean;
+    onToggleCollapse?: () => void;
+}
+declare function ControllerGroupNode({ data }: {
+    data: ControllerGroupData;
+}): react_jsx_runtime.JSX.Element;
+declare const controllerNodeTypes: {
+    controllerGroup: typeof ControllerGroupNode;
+};
+
+type PipeCardDirection = "LR" | "TB";
+interface PipeCardData {
+    pipeCode: string;
+    pipeType: PipeOperatorType;
+    description?: string;
+    status: PipeStatus;
+    inputs: {
+        name: string;
+        concept: string;
+    }[];
+    outputs: {
+        name: string;
+        concept: string;
+    }[];
+    /** Blueprint-specific tags (model, prompt, etc.) */
+    tags?: Record<string, string>;
+    /** Layout direction — controls card orientation (narrow+tall in LR, wide+short in TB) */
+    direction?: PipeCardDirection;
+}
+
+interface PipeCardNodeProps {
+    data: PipeCardData;
+}
+/** Resolves the correct card component for the pipe type and renders it. */
+declare function PipeCardNode({ data }: PipeCardNodeProps): react_jsx_runtime.JSX.Element;
+
+interface PipeCardBaseProps {
+    data: PipeCardData;
+    /** Extra content rendered below the I/O section (for per-type customization) */
+    children?: React.ReactNode;
+}
+declare function PipeCardBase({ data, children }: PipeCardBaseProps): react_jsx_runtime.JSX.Element;
+
+interface StuffViewerProps {
+    stuff: StuffViewerData;
+    className?: string;
+    /**
+     * Resolver for `pipelex-storage://` URIs. If provided and the stuff data
+     * references an internal URI, the viewer will call this to obtain a
+     * presigned URL for inline rendering. Without a resolver, media with only
+     * internal URIs falls back to the "no preview" placeholder.
+     */
+    resolveStorageUrl?: ResolveStorageUrl;
+}
+declare function StuffViewer({ stuff, className, resolveStorageUrl }: StuffViewerProps): react_jsx_runtime.JSX.Element;
+
+/** Check whether a URL is safe for links/downloads (no javascript: or data: injection). */
+declare function isSafeDisplayUrl(url: unknown): url is string;
+/** Check whether a URL can be rendered inline in an <img> or <embed> tag.
+ *  Allows http://, https://, file:// (local dev / Electron), and relative paths. */
+declare function isInlineRenderableUrl(url: unknown): url is string;
+/**
+ * Extract a displayable URL from stuff data (for links, downloads, open-external).
+ * Prefers public_url (pre-signed S3 / file:// URI) over internal pipelex-storage:// URLs.
+ * Returns null for unsafe or missing URLs.
+ */
+declare function extractUrl(data: unknown): string | null;
+/**
+ * Extract a URL that can be rendered inline in <img>/<embed> tags.
+ * Returns http/https, file://, and relative URLs.
+ * Internal schemes like pipelex-storage:// are excluded.
+ */
+declare function extractInlineUrl(data: unknown): string | null;
+/**
+ * Extract a `pipelex-storage://` URI from stuff data, if present.
+ *
+ * Pipelex-storage URIs are internal logical pointers that need to be resolved
+ * to a browser-fetchable URL (e.g. presigned S3) before rendering inline.
+ */
+declare function extractStorageUri(data: unknown): string | null;
+/** Extract the filename from stuff data, if available. */
+declare function extractFilename(data: unknown): string | null;
+/**
+ * Determine the effective MIME type of a stuff item for preview rendering.
+ *
+ * Checks (in order):
+ *   1. Stuff-level `contentType` (when it's already a MIME type like "application/pdf")
+ *   2. The `mime_type` field on the data object (Document content carries this)
+ *   3. The file extension from `filename` or from the URL/URI
+ *
+ * The concept-level `contentType` (e.g. "document") is not a MIME type; we
+ * ignore it and look at the data instead. Returns null when nothing recognizable
+ * is found.
+ */
+declare function resolveMimeType(data: unknown, contentType: string | undefined, url: string | null): string | null;
+/** Get the appropriate first-tab label based on content MIME type. */
+declare function getHtmlTabLabel(contentType?: string | null): string;
+/**
+ * Find stuff data by digest in a GraphSpec.
+ * Scans all nodes' IO items — outputs first (producer data), then inputs as fallback.
+ */
+declare function findStuffDataByDigest(graphspec: GraphSpec, digest: string): StuffViewerData | null;
+
+interface DetailPanelProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    /** Panel width in pixels. When provided, overrides the CSS default. */
+    width?: number;
+    /** Whether a resize drag is in progress. Disables CSS transition during drag. */
+    isDragging?: boolean;
+    /** Mouse-down handler for the resize handle. When provided, the handle is rendered. */
+    onResizeHandleMouseDown?: (e: React.MouseEvent) => void;
+    /** Close panel on Escape key. Defaults to true. */
+    closeOnEscape?: boolean;
+}
+declare function DetailPanel({ isOpen, onClose, children, width, isDragging, onResizeHandleMouseDown, closeOnEscape, }: DetailPanelProps): react_jsx_runtime.JSX.Element;
+
+interface PipeDetailPanelProps {
+    node: GraphSpecNode;
+    spec: GraphSpec;
+    onConceptClick?: (conceptRef: string) => void;
+}
+declare function PipeDetailPanel({ node, spec, onConceptClick }: PipeDetailPanelProps): react_jsx_runtime.JSX.Element;
+
+interface ConceptDetailPanelProps {
+    concept: ConceptInfo;
+    /** IO data for this concept instance. Accepts GraphSpecNodeIoItem or StuffViewerData. */
+    ioData?: GraphSpecNodeIoItem | StuffViewerData;
+    /** Whether this is a dry run (schema only, no real data). */
+    isDryRun?: boolean;
+    /** Resolver for `pipelex-storage://` URIs when rendering media in StuffViewer. */
+    resolveStorageUrl?: ResolveStorageUrl;
+}
+declare function ConceptDetailPanel({ concept, ioData, isDryRun, resolveStorageUrl }: ConceptDetailPanelProps): react_jsx_runtime.JSX.Element;
+
+interface UseResizableOptions {
+    /** Initial panel width in pixels. */
+    defaultWidth: number;
+    /** Minimum allowed width in pixels. */
+    minWidth: number;
+    /** Maximum allowed width in pixels (also clamped to 60% of container). */
+    maxWidth: number;
+    /** Container element ref for percentage-based max-width calculation. */
+    containerRef?: React.RefObject<HTMLElement | null>;
+}
+interface UseResizableResult {
+    /** Current panel width in pixels. */
+    width: number;
+    /** Whether a resize drag is in progress. */
+    isDragging: boolean;
+    /** Attach to the resize handle's onMouseDown. */
+    handleMouseDown: (e: React.MouseEvent) => void;
+}
+declare function useResizable({ defaultWidth, minWidth, maxWidth, containerRef, }: UseResizableOptions): UseResizableResult;
+
+export { type AppEdge, type AppNode, type AppRFInstance, ConceptDetailPanel, type ConceptDetailPanelProps, ControllerGroupNode, DetailPanel, type DetailPanelProps, GraphViewer, type GraphViewerProps, PipeCardBase, type PipeCardBaseProps, type PipeCardData, PipeCardNode, PipeDetailPanel, type PipeDetailPanelProps, PipeOperatorType, PipeStatus, type ResolveStorageUrl, StuffViewer, type StuffViewerData, type StuffViewerProps, type UseResizableOptions, type UseResizableResult, applyStatusOverrides, controllerNodeTypes, extractFilename, extractInlineUrl, extractStorageUri, extractUrl, findStuffDataByDigest, getHtmlTabLabel, hydrateLabels, isInlineRenderableUrl, isSafeDisplayUrl, renderLabel, resolveMimeType, toAppEdges, toAppNodes, useResizable };