@mindlogic-ai/logician-ui 3.1.0 → 3.2.0-alpha.0

package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs

@@ -0,0 +1,104 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { Box } from '@chakra-ui/react';
+import { getSmoothStepPath, BaseEdge, EdgeLabelRenderer } from '@xyflow/react';
+import { TbX } from '../../../Icon/index.mjs';
+import { IconButton } from '../../../IconButton/IconButton.mjs';
+import '../../../IconButton/IconButton.styles.mjs';
+import { useWorkflow, useWorkflowTranslate } from '../../WorkflowContext/WorkflowContext.mjs';
+import '../../../Input/Input.mjs';
+import '../../../Typography/H1.mjs';
+import '../../../Typography/H2.mjs';
+import '../../../Typography/H3.mjs';
+import '../../../Typography/H4.mjs';
+import '../../../Typography/H5.mjs';
+import '../../../Typography/Link.mjs';
+import '../../../Typography/Subtext.mjs';
+import '../../../Typography/Subtitle.mjs';
+import '../../../Typography/Text.mjs';
+import '../../../Toast/Toaster.mjs';
+import { findPort } from '../EdgeInspector/endpointTitle.mjs';
+import { BranchLabelBadge } from './BranchLabelBadge.mjs';
+import { getEdgeLabelVariant } from './edgeLabelVariant.mjs';
+
+// Grace period on pointer-leave so moving from the SVG edge to the portaled
+// label (or the delete button beside it) doesn't flicker the affordance off in
+// the gap between layers.
+const HOVER_LEAVE_GRACE_MS = 80;
+/**
+ * Edge with a logician-ui `Badge` label that rides the connection midpoint.
+ * Clicking the label selects the edge (opens its inspector); hovering the edge
+ * reveals a delete button BESIDE the label (not replacing it), so the label
+ * stays clickable. Labels use `EdgeLabelRenderer` rather than React Flow's SVG
+ * `labelStyle` so they inherit the design system's Badge styling.
+ */
+function LabeledEdge({ id, source, sourceHandleId, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, label, markerEnd, style, }) {
+    const { graph, getNodeType, dispatch, readOnly, editor: { selectedEdgeId }, setSelectedNodeId, setSelectedEdgeId, setDrawerTarget, revealInspector, } = useWorkflow();
+    const translate = useWorkflowTranslate();
+    const [hovered, setHovered] = useState(false);
+    const leaveTimer = useRef(undefined);
+    const onEnter = useCallback(() => {
+        if (leaveTimer.current)
+            clearTimeout(leaveTimer.current);
+        setHovered(true);
+    }, []);
+    const onLeave = useCallback(() => {
+        leaveTimer.current = setTimeout(() => setHovered(false), HOVER_LEAVE_GRACE_MS);
+    }, []);
+    useEffect(() => () => {
+        if (leaveTimer.current)
+            clearTimeout(leaveTimer.current);
+    }, []);
+    // Clicking the label selects the edge and opens its inspector — mirrors the
+    // canvas `onEdgeClick` so the label is just another way in. Routes through
+    // revealInspector so a label click in test mode also restores the parked
+    // inspector (the badge stops propagation, so it never reaches onEdgeClick).
+    const onSelect = useCallback((e) => {
+        e.stopPropagation();
+        setSelectedNodeId(null);
+        setSelectedEdgeId(id);
+        revealInspector({ type: 'edge', id });
+    }, [id, setSelectedNodeId, setSelectedEdgeId, revealInspector]);
+    const onDelete = useCallback((e) => {
+        // Don't let the click fall through to edge/pane selection handlers.
+        e.stopPropagation();
+        dispatch({ type: 'deleteEdge', id });
+        // Mirror the keyboard-delete cleanup so the inspector doesn't linger on a
+        // now-removed edge.
+        if (selectedEdgeId === id) {
+            setSelectedEdgeId(null);
+            setDrawerTarget(null);
+        }
+    }, [dispatch, id, selectedEdgeId, setSelectedEdgeId, setDrawerTarget]);
+    const [edgePath, labelX, labelY] = getSmoothStepPath({
+        sourceX,
+        sourceY,
+        sourcePosition,
+        targetX,
+        targetY,
+        targetPosition,
+    });
+    // The label's text: an explicit edge label wins; otherwise fall back to the
+    // source handle's label, so semantic exits (Pass / Fail / branch / Else) ride
+    // on the wire without the author having to name every edge.
+    const variant = getEdgeLabelVariant(sourceHandleId);
+    // Resolve the source handle's label once (not per render): React Flow
+    // re-renders edges constantly during pan/zoom, and `handles()` rebuilds its
+    // outputs array each call.
+    const handleLabel = useMemo(() => {
+        const sourceNode = graph.nodes.find((n) => n.id === source);
+        return findPort(sourceNode, sourceNode ? getNodeType(sourceNode.kind) : undefined, 'outputs', sourceHandleId ?? undefined)?.label;
+    }, [graph.nodes, source, sourceHandleId, getNodeType]);
+    const displayLabel = label ?? handleLabel;
+    // Delete shows only while the name badge itself is hovered (when editable) —
+    // not anywhere on the wire — so it's a deliberate, low-noise affordance. The
+    // edge inspector's delete button (see DrawerShell) covers labelless edges and
+    // anyone who'd rather delete from the sidebar.
+    const showDelete = hovered && !readOnly && Boolean(displayLabel);
+    const wrapperTransform = `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`;
+    return (jsxs(Fragment, { children: [jsx(BaseEdge, { id: id, path: edgePath, markerEnd: markerEnd, style: style }), showDelete || displayLabel ? (jsx(EdgeLabelRenderer, { children: jsxs(Box, { position: "absolute", transform: wrapperTransform, pointerEvents: "all", display: "inline-flex", onMouseEnter: onEnter, onMouseLeave: onLeave, children: [displayLabel ? (jsx(BranchLabelBadge, { variant: variant, onClick: onSelect, children: displayLabel })) : null, showDelete ? (jsx(Box, { position: "absolute", left: "100%", top: "50%", transform: "translateY(-50%)", pl: 1, children: jsx(IconButton, { "aria-label": translate('workflow_edge_delete'), onClick: onDelete, size: "xs", variant: "outline", colorPalette: "danger", bg: "bg.surface", borderRadius: "full", children: jsx(TbX, { boxSize: "xs" }) }) })) : null] }) })) : null] }));
+}
+
+export { LabeledEdge };
+//# sourceMappingURL=LabeledEdge.mjs.map

package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledEdge.mjs","sources":["../../../../../src/components/Workflow/canvas/Canvas/LabeledEdge.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/Workflow/canvas/Canvas/edgeLabelVariant.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Pill variant for an edge label, derived from the SOURCE handle it leaves.
+ *
+ * Guardrail has two exits — `pass` / `fail` — a binary safety outcome, so they
+ * read as semantic green / red. Every routing exit — If-Else branches, the
+ * If-Else `else` fallback, and Classify categories (`branch_*` / `cat_*` /
+ * `else`) — plus any free-text label reads as a neutral badge, so the branch
+ * names all look alike. `else` stays its own variant in case it ever needs
+ * distinguishing, but currently renders neutral like the other keys.
+ */
+export type EdgeLabelVariant = 'pass' | 'fail' | 'else' | 'key' | 'default';
+export declare const getEdgeLabelVariant: (sourceHandle?: string | null) => EdgeLabelVariant;
+//# sourceMappingURL=edgeLabelVariant.d.ts.map

package/dist/components/Workflow/canvas/Canvas/edgeLabelVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edgeLabelVariant.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/Canvas/edgeLabelVariant.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;AAE5E,eAAO,MAAM,mBAAmB,GAC9B,eAAe,MAAM,GAAG,IAAI,KAC3B,gBAQF,CAAC"}

package/dist/components/Workflow/canvas/Canvas/edgeLabelVariant.js

@@ -0,0 +1,18 @@
+"use client";
+'use strict';
+
+const getEdgeLabelVariant = (sourceHandle) => {
+    if (sourceHandle === 'pass')
+        return 'pass';
+    if (sourceHandle === 'fail')
+        return 'fail';
+    if (sourceHandle === 'else')
+        return 'else';
+    if (sourceHandle?.startsWith('branch_') || sourceHandle?.startsWith('cat_')) {
+        return 'key';
+    }
+    return 'default';
+};
+
+exports.getEdgeLabelVariant = getEdgeLabelVariant;
+//# sourceMappingURL=edgeLabelVariant.js.map

package/dist/components/Workflow/canvas/Canvas/edgeLabelVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edgeLabelVariant.js","sources":["../../../../../src/components/Workflow/canvas/Canvas/edgeLabelVariant.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAYO,MAAM,mBAAmB,GAAG,CACjC,YAA4B,KACR;IACpB,IAAI,YAAY,KAAK,MAAM;AAAE,QAAA,OAAO,MAAM;IAC1C,IAAI,YAAY,KAAK,MAAM;AAAE,QAAA,OAAO,MAAM;IAC1C,IAAI,YAAY,KAAK,MAAM;AAAE,QAAA,OAAO,MAAM;AAC1C,IAAA,IAAI,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,YAAY,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE;AAC3E,QAAA,OAAO,KAAK;IACd;AACA,IAAA,OAAO,SAAS;AAClB;;;;"}

package/dist/components/Workflow/canvas/Canvas/edgeLabelVariant.mjs

@@ -0,0 +1,16 @@
+"use client";
+const getEdgeLabelVariant = (sourceHandle) => {
+    if (sourceHandle === 'pass')
+        return 'pass';
+    if (sourceHandle === 'fail')
+        return 'fail';
+    if (sourceHandle === 'else')
+        return 'else';
+    if (sourceHandle?.startsWith('branch_') || sourceHandle?.startsWith('cat_')) {
+        return 'key';
+    }
+    return 'default';
+};
+
+export { getEdgeLabelVariant };
+//# sourceMappingURL=edgeLabelVariant.mjs.map

package/dist/components/Workflow/canvas/Canvas/edgeLabelVariant.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edgeLabelVariant.mjs","sources":["../../../../../src/components/Workflow/canvas/Canvas/edgeLabelVariant.ts"],"sourcesContent":[null],"names":[],"mappings":";AAYO,MAAM,mBAAmB,GAAG,CACjC,YAA4B,KACR;IACpB,IAAI,YAAY,KAAK,MAAM;AAAE,QAAA,OAAO,MAAM;IAC1C,IAAI,YAAY,KAAK,MAAM;AAAE,QAAA,OAAO,MAAM;IAC1C,IAAI,YAAY,KAAK,MAAM;AAAE,QAAA,OAAO,MAAM;AAC1C,IAAA,IAAI,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,YAAY,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE;AAC3E,QAAA,OAAO,KAAK;IACd;AACA,IAAA,OAAO,SAAS;AAClB;;;;"}

package/dist/components/Workflow/canvas/Canvas/index.d.ts

@@ -0,0 +1,2 @@
+export { Canvas } from './Canvas';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Workflow/canvas/Canvas/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/Canvas/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { type StackProps } from '@chakra-ui/react';
+export type CollapsibleSectionProps = StackProps & {
+    label: string;
+    /** Optional initial expanded state. Defaults to true. */
+    defaultExpanded?: boolean;
+    /**
+     * When the section is collapsed AND `hasError` is true, the chevron is
+     * replaced by a danger-tinted alert glyph so users don't miss errors
+     * hidden behind a collapsed header.
+     */
+    hasError?: boolean;
+    /**
+     * Slot for a trailing icon-button in the header row (e.g. an info
+     * popover trigger). Click handler on the action is responsible for
+     * stopping propagation; otherwise the section also toggles.
+     */
+    headerAction?: ReactNode;
+    children: ReactNode;
+};
+/**
+ * Vertical accordion section used in the node drawer. Each section header
+ * is the entire toggle target — the chevron is decorative. Collapse state
+ * is session-only per mounted instance; switching to a different node
+ * remounts and resets to defaults. The component is style-agnostic about
+ * dividers — parents control border/spacing via the spread Stack props
+ * (e.g. a `_notFirst` selector on the wrapping Stack).
+ */
+export declare function CollapsibleSection({ label, defaultExpanded, hasError, headerAction, children, ...rest }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CollapsibleSection.d.ts.map

package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAsB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKvE,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,eAAsB,EACtB,QAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAqDzB"}

package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var index = require('../../../Icon/index.js');
+require('../../../Typography/H1.js');
+require('../../../Typography/H2.js');
+require('../../../Typography/H3.js');
+require('../../../Typography/H4.js');
+require('../../../Typography/H5.js');
+require('../../../Typography/Link.js');
+var Subtext = require('../../../Typography/Subtext.js');
+require('../../../Typography/Subtitle.js');
+require('../../../Typography/Text.js');
+
+/**
+ * Vertical accordion section used in the node drawer. Each section header
+ * is the entire toggle target — the chevron is decorative. Collapse state
+ * is session-only per mounted instance; switching to a different node
+ * remounts and resets to defaults. The component is style-agnostic about
+ * dividers — parents control border/spacing via the spread Stack props
+ * (e.g. a `_notFirst` selector on the wrapping Stack).
+ */
+function CollapsibleSection({ label, defaultExpanded = true, hasError = false, headerAction, children, ...rest }) {
+    const [expanded, setExpanded] = React.useState(defaultExpanded);
+    const contentId = React.useId();
+    const showErrorGlyph = !expanded && hasError;
+    return (jsxRuntime.jsxs(react.Stack, { gap: 0, ...rest, children: [jsxRuntime.jsxs(react.Box, { as: "button", "aria-expanded": expanded, "aria-controls": contentId, onClick: () => setExpanded((e) => !e), display: "flex", justifyContent: "space-between", alignItems: "center", w: "100%", gap: 2, px: 3.5, py: 3.5, cursor: "pointer", bg: "transparent", border: "none", textAlign: "left", _hover: { bg: 'slate.50' }, children: [jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "bold", color: "slate.900", textTransform: "uppercase", letterSpacing: "wider", children: label }), jsxRuntime.jsxs(react.HStack, { gap: 1.5, onClick: (e) => e.stopPropagation(), children: [headerAction, jsxRuntime.jsx(react.Box, { color: "slate.900", display: "flex", alignItems: "center", children: showErrorGlyph ? (jsxRuntime.jsx(index.TbAlertCircle, { boxSize: "xs", color: "danger.main" })) : expanded ? (jsxRuntime.jsx(index.TbChevronUp, { boxSize: "xs" })) : (jsxRuntime.jsx(index.TbChevronDown, { boxSize: "xs" })) })] })] }), expanded ? (jsxRuntime.jsx(react.Box, { id: contentId, px: 3.5, pb: 4, pt: 1, children: children })) : null] }));
+}
+
+exports.CollapsibleSection = CollapsibleSection;
+//# sourceMappingURL=CollapsibleSection.js.map

package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.js","sources":["../../../../../src/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.tsx"],"sourcesContent":[null],"names":["useState","useId","_jsxs","Stack","Box","_jsx","Subtext","HStack","TbAlertCircle","TbChevronUp","TbChevronDown"],"mappings":";;;;;;;;;;;;;;;;;AA2BA;;;;;;;AAOG;AACG,SAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,eAAe,GAAG,IAAI,EACtB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACiB,EAAA;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,eAAe,CAAC;AACzD,IAAA,MAAM,SAAS,GAAGC,WAAK,EAAE;AACzB,IAAA,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,QAAQ;IAE5C,QACEC,eAAA,CAACC,WAAK,EAAA,EAAC,GAAG,EAAE,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EAAA,CACrBD,eAAA,CAACE,SAAG,IACF,EAAE,EAAC,QAAQ,EAAA,eAAA,EACI,QAAQ,EAAA,eAAA,EACR,SAAS,EACxB,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EACrC,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,GAAG,EACP,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAE1BC,cAAA,CAACC,eAAO,EAAA,EACN,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EACjB,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,OAAO,EAAA,QAAA,EAEpB,KAAK,EAAA,CACE,EACVJ,eAAA,CAACK,YAAM,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EAAA,QAAA,EAAA,CAClD,YAAY,EACbF,cAAA,CAACD,SAAG,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EACtD,cAAc,IACbC,cAAA,CAACG,mBAAa,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,EAAA,CAAG,IAChD,QAAQ,IACVH,eAACI,iBAAW,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,KAE5BJ,cAAA,CAACK,mBAAa,IAAC,OAAO,EAAC,IAAI,EAAA,CAAG,CAC/B,EAAA,CACG,CAAA,EAAA,CACC,CAAA,EAAA,CACL,EACL,QAAQ,IACPL,eAACD,SAAG,EAAA,EAAC,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACtC,QAAQ,EAAA,CACL,IACJ,IAAI,CAAA,EAAA,CACF;AAEZ;;;;"}

package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useId } from 'react';
+import { Stack, Box, HStack } from '@chakra-ui/react';
+import { TbAlertCircle, TbChevronUp, TbChevronDown } from '../../../Icon/index.mjs';
+import '../../../Typography/H1.mjs';
+import '../../../Typography/H2.mjs';
+import '../../../Typography/H3.mjs';
+import '../../../Typography/H4.mjs';
+import '../../../Typography/H5.mjs';
+import '../../../Typography/Link.mjs';
+import { Subtext } from '../../../Typography/Subtext.mjs';
+import '../../../Typography/Subtitle.mjs';
+import '../../../Typography/Text.mjs';
+
+/**
+ * Vertical accordion section used in the node drawer. Each section header
+ * is the entire toggle target — the chevron is decorative. Collapse state
+ * is session-only per mounted instance; switching to a different node
+ * remounts and resets to defaults. The component is style-agnostic about
+ * dividers — parents control border/spacing via the spread Stack props
+ * (e.g. a `_notFirst` selector on the wrapping Stack).
+ */
+function CollapsibleSection({ label, defaultExpanded = true, hasError = false, headerAction, children, ...rest }) {
+    const [expanded, setExpanded] = useState(defaultExpanded);
+    const contentId = useId();
+    const showErrorGlyph = !expanded && hasError;
+    return (jsxs(Stack, { gap: 0, ...rest, children: [jsxs(Box, { as: "button", "aria-expanded": expanded, "aria-controls": contentId, onClick: () => setExpanded((e) => !e), display: "flex", justifyContent: "space-between", alignItems: "center", w: "100%", gap: 2, px: 3.5, py: 3.5, cursor: "pointer", bg: "transparent", border: "none", textAlign: "left", _hover: { bg: 'slate.50' }, children: [jsx(Subtext, { fontWeight: "bold", color: "slate.900", textTransform: "uppercase", letterSpacing: "wider", children: label }), jsxs(HStack, { gap: 1.5, onClick: (e) => e.stopPropagation(), children: [headerAction, jsx(Box, { color: "slate.900", display: "flex", alignItems: "center", children: showErrorGlyph ? (jsx(TbAlertCircle, { boxSize: "xs", color: "danger.main" })) : expanded ? (jsx(TbChevronUp, { boxSize: "xs" })) : (jsx(TbChevronDown, { boxSize: "xs" })) })] })] }), expanded ? (jsx(Box, { id: contentId, px: 3.5, pb: 4, pt: 1, children: children })) : null] }));
+}
+
+export { CollapsibleSection };
+//# sourceMappingURL=CollapsibleSection.mjs.map

package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.mjs","sources":["../../../../../src/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;AA2BA;;;;;;;AAOG;AACG,SAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,eAAe,GAAG,IAAI,EACtB,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACiB,EAAA;IACxB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC;AACzD,IAAA,MAAM,SAAS,GAAG,KAAK,EAAE;AACzB,IAAA,MAAM,cAAc,GAAG,CAAC,QAAQ,IAAI,QAAQ;IAE5C,QACEA,IAAA,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EAAA,CACrBA,IAAA,CAAC,GAAG,IACF,EAAE,EAAC,QAAQ,EAAA,eAAA,EACI,QAAQ,EAAA,eAAA,EACR,SAAS,EACxB,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EACrC,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,CAAC,EAAC,MAAM,EACR,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,GAAG,EACP,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,aAAa,EAChB,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,CAE1BC,GAAA,CAAC,OAAO,EAAA,EACN,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EACjB,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,OAAO,EAAA,QAAA,EAEpB,KAAK,EAAA,CACE,EACVD,IAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,EAAA,QAAA,EAAA,CAClD,YAAY,EACbC,GAAA,CAAC,GAAG,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EACtD,cAAc,IACbA,GAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,EAAA,CAAG,IAChD,QAAQ,IACVA,IAAC,WAAW,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,KAE5BA,GAAA,CAAC,aAAa,IAAC,OAAO,EAAC,IAAI,EAAA,CAAG,CAC/B,EAAA,CACG,CAAA,EAAA,CACC,CAAA,EAAA,CACL,EACL,QAAQ,IACPA,IAAC,GAAG,EAAA,EAAC,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAA,QAAA,EACtC,QAAQ,EAAA,CACL,IACJ,IAAI,CAAA,EAAA,CACF;AAEZ;;;;"}

package/dist/components/Workflow/canvas/CollapsibleSection/index.d.ts

@@ -0,0 +1,2 @@
+export { CollapsibleSection, type CollapsibleSectionProps, } from './CollapsibleSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Workflow/canvas/CollapsibleSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/CollapsibleSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAC"}

package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.d.ts

@@ -0,0 +1,37 @@
+import { type ReactNode } from 'react';
+interface DrawerHeaderProps {
+    /**
+     * Title text shown semibold on the left. Node drawers render an icon
+     * cluster ahead of it via `icon`; edge drawers render only the text.
+     */
+    title: string;
+    /**
+     * Muted text trailing the title. Node drawers pass the node-type label here
+     * when the title is an instance name (e.g. "고객 응대 · Agent") so the kind
+     * stays identifiable next to author-chosen names.
+     */
+    subtitle?: string;
+    /** Optional leading icon cluster (node drawers pass the node-type icon). */
+    icon?: ReactNode;
+    /**
+     * Clamp the title to a single line (edge connection titles can be long).
+     * Node labels are short and render unclamped.
+     */
+    lineClampTitle?: boolean;
+    /**
+     * Overflow-menu contents (pre-built `Menu.Item` nodes from the caller).
+     * When omitted, no overflow menu renders at all — this preserves the
+     * pinned-node behavior of showing only the close button.
+     */
+    menuItems?: ReactNode;
+    /** Close button handler. */
+    onClose: () => void;
+}
+/**
+ * Shared inspector-drawer header: a fixed-height bar with a left title cluster
+ * and a right action cluster (optional overflow `Menu` + a close button). Stays
+ * domain-free — each drawer passes its own title bits and `Menu.Item`s.
+ */
+export declare function DrawerHeader({ title, subtitle, icon, lineClampTitle, menuItems, onClose, }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DrawerHeader.d.ts.map

package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,UAAU,iBAAiB;IACzB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,EACT,OAAO,GACR,EAAE,iBAAiB,2CAkDnB"}

package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var index = require('../../../Icon/index.js');
+var IconButton = require('../../../IconButton/IconButton.js');
+require('../../../IconButton/IconButton.styles.js');
+var Menu = require('../../../Menu/Menu.js');
+require('../../../Menu/MenuList.js');
+require('../../../Typography/H1.js');
+require('../../../Typography/H2.js');
+require('../../../Typography/H3.js');
+require('../../../Typography/H4.js');
+require('../../../Typography/H5.js');
+require('../../../Typography/Link.js');
+var Subtext = require('../../../Typography/Subtext.js');
+require('../../../Typography/Subtitle.js');
+var Text = require('../../../Typography/Text.js');
+var WorkflowContext = require('../../WorkflowContext/WorkflowContext.js');
+
+/**
+ * Shared inspector-drawer header: a fixed-height bar with a left title cluster
+ * and a right action cluster (optional overflow `Menu` + a close button). Stays
+ * domain-free — each drawer passes its own title bits and `Menu.Item`s.
+ */
+function DrawerHeader({ title, subtitle, icon, lineClampTitle, menuItems, onClose, }) {
+    const translate = WorkflowContext.useWorkflowTranslate();
+    return (jsxRuntime.jsxs(react.HStack, { justify: "space-between", align: "center", px: 4, py: 3, borderBottom: "1px solid", borderColor: "slate.200", children: [jsxRuntime.jsxs(react.HStack, { gap: 2, minW: 0, flex: "1", children: [icon, jsxRuntime.jsx(Text.Text, { fontWeight: "semibold", lineClamp: lineClampTitle ? 1 : undefined, children: title }), subtitle ? (jsxRuntime.jsx(Subtext.Subtext, { color: "slate.700", flexShrink: 0, children: subtitle })) : null] }), jsxRuntime.jsxs(react.HStack, { gap: 0.5, children: [menuItems ? (jsxRuntime.jsxs(Menu.Menu, { children: [jsxRuntime.jsx(Menu.Menu.Trigger, { asChild: true, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('workflow_node_overflow_label'), size: "xs", variant: "ghost", colorPalette: "neutral", children: jsxRuntime.jsx(index.RxDotsHorizontal, { boxSize: "xs" }) }) }), jsxRuntime.jsx(Menu.Menu.List, { zIndex: "popover", children: menuItems })] })) : null, jsxRuntime.jsx(IconButton.IconButton, { "aria-label": translate('workflow_node_close'), size: "xs", variant: "ghost", colorPalette: "neutral", onClick: onClose, children: jsxRuntime.jsx(index.TbX, { boxSize: "xs", "aria-hidden": true }) })] })] }));
+}
+
+exports.DrawerHeader = DrawerHeader;
+//# sourceMappingURL=DrawerHeader.js.map

package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.js","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerHeader.tsx"],"sourcesContent":[null],"names":["useWorkflowTranslate","_jsxs","HStack","_jsx","Text","Subtext","Menu","IconButton","RxDotsHorizontal","TbX"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCA;;;;AAIG;AACG,SAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,EACT,OAAO,GACW,EAAA;AAClB,IAAA,MAAM,SAAS,GAAGA,oCAAoB,EAAE;IACxC,QACEC,gBAACC,YAAM,EAAA,EACL,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,QAAQ,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,WAAW,EACxB,WAAW,EAAC,WAAW,EAAA,QAAA,EAAA,CAEvBD,eAAA,CAACC,YAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,GAAG,EAAA,QAAA,EAAA,CAC9B,IAAI,EACLC,cAAA,CAACC,SAAI,EAAA,EAAC,UAAU,EAAC,UAAU,EAAC,SAAS,EAAE,cAAc,GAAG,CAAC,GAAG,SAAS,YAClE,KAAK,EAAA,CACD,EACN,QAAQ,IACPD,cAAA,CAACE,eAAO,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,UAAU,EAAE,CAAC,YACrC,QAAQ,EAAA,CACD,IACR,IAAI,CAAA,EAAA,CACD,EACTJ,eAAA,CAACC,YAAM,EAAA,EAAC,GAAG,EAAE,GAAG,aACb,SAAS,IACRD,gBAACK,SAAI,EAAA,EAAA,QAAA,EAAA,CACHH,eAACG,SAAI,CAAC,OAAO,EAAA,EAAC,OAAO,kBACnBH,cAAA,CAACI,qBAAU,kBACG,SAAS,CAAC,8BAA8B,CAAW,EAC/D,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EAAA,QAAA,EAEtBJ,cAAA,CAACK,sBAAgB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,GACtB,EAAA,CACA,EACfL,cAAA,CAACG,SAAI,CAAC,IAAI,IAAC,MAAM,EAAC,SAAS,EAAA,QAAA,EAAE,SAAS,GAAa,CAAA,EAAA,CAC9C,IACL,IAAI,EACRH,cAAA,CAACI,qBAAU,EAAA,EAAA,YAAA,EACG,SAAS,CAAC,qBAAqB,CAAW,EACtD,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,OAAO,EAAE,OAAO,EAAA,QAAA,EAEhBJ,eAACM,SAAG,EAAA,EAAC,OAAO,EAAC,IAAI,wBAAe,EAAA,CACrB,CAAA,EAAA,CACN,CAAA,EAAA,CACF;AAEb;;;;"}

package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { HStack } from '@chakra-ui/react';
+import { RxDotsHorizontal, TbX } from '../../../Icon/index.mjs';
+import { IconButton } from '../../../IconButton/IconButton.mjs';
+import '../../../IconButton/IconButton.styles.mjs';
+import { Menu } from '../../../Menu/Menu.mjs';
+import '../../../Menu/MenuList.mjs';
+import '../../../Typography/H1.mjs';
+import '../../../Typography/H2.mjs';
+import '../../../Typography/H3.mjs';
+import '../../../Typography/H4.mjs';
+import '../../../Typography/H5.mjs';
+import '../../../Typography/Link.mjs';
+import { Subtext } from '../../../Typography/Subtext.mjs';
+import '../../../Typography/Subtitle.mjs';
+import { Text } from '../../../Typography/Text.mjs';
+import { useWorkflowTranslate } from '../../WorkflowContext/WorkflowContext.mjs';
+
+/**
+ * Shared inspector-drawer header: a fixed-height bar with a left title cluster
+ * and a right action cluster (optional overflow `Menu` + a close button). Stays
+ * domain-free — each drawer passes its own title bits and `Menu.Item`s.
+ */
+function DrawerHeader({ title, subtitle, icon, lineClampTitle, menuItems, onClose, }) {
+    const translate = useWorkflowTranslate();
+    return (jsxs(HStack, { justify: "space-between", align: "center", px: 4, py: 3, borderBottom: "1px solid", borderColor: "slate.200", children: [jsxs(HStack, { gap: 2, minW: 0, flex: "1", children: [icon, jsx(Text, { fontWeight: "semibold", lineClamp: lineClampTitle ? 1 : undefined, children: title }), subtitle ? (jsx(Subtext, { color: "slate.700", flexShrink: 0, children: subtitle })) : null] }), jsxs(HStack, { gap: 0.5, children: [menuItems ? (jsxs(Menu, { children: [jsx(Menu.Trigger, { asChild: true, children: jsx(IconButton, { "aria-label": translate('workflow_node_overflow_label'), size: "xs", variant: "ghost", colorPalette: "neutral", children: jsx(RxDotsHorizontal, { boxSize: "xs" }) }) }), jsx(Menu.List, { zIndex: "popover", children: menuItems })] })) : null, jsx(IconButton, { "aria-label": translate('workflow_node_close'), size: "xs", variant: "ghost", colorPalette: "neutral", onClick: onClose, children: jsx(TbX, { boxSize: "xs", "aria-hidden": true }) })] })] }));
+}
+
+export { DrawerHeader };
+//# sourceMappingURL=DrawerHeader.mjs.map

package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.mjs","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerHeader.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAyCA;;;;AAIG;AACG,SAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,SAAS,EACT,OAAO,GACW,EAAA;AAClB,IAAA,MAAM,SAAS,GAAG,oBAAoB,EAAE;IACxC,QACEA,KAAC,MAAM,EAAA,EACL,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,QAAQ,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,WAAW,EACxB,WAAW,EAAC,WAAW,EAAA,QAAA,EAAA,CAEvBA,IAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,GAAG,EAAA,QAAA,EAAA,CAC9B,IAAI,EACLC,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,UAAU,EAAC,SAAS,EAAE,cAAc,GAAG,CAAC,GAAG,SAAS,YAClE,KAAK,EAAA,CACD,EACN,QAAQ,IACPA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,UAAU,EAAE,CAAC,YACrC,QAAQ,EAAA,CACD,IACR,IAAI,CAAA,EAAA,CACD,EACTD,IAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,GAAG,aACb,SAAS,IACRA,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACHC,IAAC,IAAI,CAAC,OAAO,EAAA,EAAC,OAAO,kBACnBA,GAAA,CAAC,UAAU,kBACG,SAAS,CAAC,8BAA8B,CAAW,EAC/D,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EAAA,QAAA,EAEtBA,GAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,GACtB,EAAA,CACA,EACfA,GAAA,CAAC,IAAI,CAAC,IAAI,IAAC,MAAM,EAAC,SAAS,EAAA,QAAA,EAAE,SAAS,GAAa,CAAA,EAAA,CAC9C,IACL,IAAI,EACRA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,SAAS,CAAC,qBAAqB,CAAW,EACtD,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,OAAO,EAAE,OAAO,EAAA,QAAA,EAEhBA,IAAC,GAAG,EAAA,EAAC,OAAO,EAAC,IAAI,wBAAe,EAAA,CACrB,CAAA,EAAA,CACN,CAAA,EAAA,CACF;AAEb;;;;"}

package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.d.ts

@@ -0,0 +1,16 @@
+import type { Issue } from '../../Workflow.types';
+interface DrawerIssuesProps {
+    /**
+     * Issues to surface in the drawer header band, already filtered by the
+     * caller (node drawers pass only orphan / non-field-scoped issues; edge
+     * drawers pass all of theirs). Returns null when empty.
+     */
+    issues: Issue[];
+}
+/**
+ * Header issue band shared by node and edge drawers: groups the given issues
+ * by severity and renders one tinted `IssueCallout` per non-empty bucket.
+ */
+export declare function DrawerIssues({ issues }: DrawerIssuesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DrawerIssues.d.ts.map

package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerIssues.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerIssues.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,KAAK,EAAiB,MAAM,sBAAsB,CAAC;AAKjE,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;CACjB;AAsDD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAmCzD"}

package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js

@@ -0,0 +1,54 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var index = require('../../../Icon/index.js');
+require('../../../Typography/H1.js');
+require('../../../Typography/H2.js');
+require('../../../Typography/H3.js');
+require('../../../Typography/H4.js');
+require('../../../Typography/H5.js');
+require('../../../Typography/Link.js');
+var Subtext = require('../../../Typography/Subtext.js');
+require('../../../Typography/Subtitle.js');
+require('../../../Typography/Text.js');
+var useWorkflowIssueMessage = require('../../useWorkflowIssueMessage.js');
+var WorkflowContext = require('../../WorkflowContext/WorkflowContext.js');
+var issueSeverity = require('../issueSeverity.js');
+var SeverityDot = require('../SeverityDot/SeverityDot.js');
+
+/**
+ * One severity bucket of node/edge issues, rendered as a tinted callout: a
+ * severity icon + a short heading ("Fixes needed" / "Worth checking") on top,
+ * then the messages as a bulleted list beneath. Severities never mix in a box
+ * so the icon, heading and tint stay meaningful.
+ *
+ * Markers use the severity's `dark` tone via `SeverityDot` — the CSS list
+ * `::marker` defaults to a muted grey that reads as an odd low-contrast dot on
+ * the tinted background.
+ */
+function IssueCallout({ severity, title, issues, resolveMessage, }) {
+    const { bg, color, borderColor } = issueSeverity.severityCalloutStyle(severity);
+    const Icon = severity === 'error' ? index.TbAlertCircle : index.AlertTriangle;
+    return (jsxRuntime.jsx(react.Box, { border: "1px solid", borderColor: borderColor, borderRadius: "md", bg: bg, px: 3, py: 2, children: jsxRuntime.jsxs(react.VStack, { align: "stretch", gap: 1.5, children: [jsxRuntime.jsxs(react.HStack, { gap: 1.5, color: color, children: [jsxRuntime.jsx(Icon, { boxSize: "xs" }), jsxRuntime.jsx(Subtext.Subtext, { color: color, fontWeight: "bold", children: title })] }), jsxRuntime.jsx(react.VStack, { align: "stretch", gap: 0.5, ps: 1, children: issues.map((issue, i) => (jsxRuntime.jsxs(react.HStack, { gap: 2, align: "flex-start", children: [jsxRuntime.jsx(SeverityDot.SeverityDot, { severity: severity, tone: "dark", mt: 1.5 }), jsxRuntime.jsx(Subtext.Subtext, { color: color, children: resolveMessage(issue) })] }, `${issue.code}_${i}`))) })] }) }));
+}
+/**
+ * Header issue band shared by node and edge drawers: groups the given issues
+ * by severity and renders one tinted `IssueCallout` per non-empty bucket.
+ */
+function DrawerIssues({ issues }) {
+    const resolveIssueMessage = useWorkflowIssueMessage.useWorkflowIssueMessage();
+    const translate = WorkflowContext.useWorkflowTranslate();
+    const grouped = React.useMemo(() => ({
+        errors: issues.filter((i) => i.severity === 'error'),
+        warnings: issues.filter((i) => i.severity === 'warning'),
+    }), [issues]);
+    if (issues.length === 0)
+        return null;
+    return (jsxRuntime.jsx(react.Box, { px: 4, py: 3, children: jsxRuntime.jsxs(react.VStack, { align: "stretch", gap: 2, children: [grouped.errors.length > 0 ? (jsxRuntime.jsx(IssueCallout, { severity: "error", title: translate('workflow_drawer_issues_error_title'), issues: grouped.errors, resolveMessage: resolveIssueMessage })) : null, grouped.warnings.length > 0 ? (jsxRuntime.jsx(IssueCallout, { severity: "warning", title: translate('workflow_drawer_issues_warning_title'), issues: grouped.warnings, resolveMessage: resolveIssueMessage })) : null] }) }));
+}
+
+exports.DrawerIssues = DrawerIssues;
+//# sourceMappingURL=DrawerIssues.js.map

package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerIssues.js","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerIssues.tsx"],"sourcesContent":[null],"names":["severityCalloutStyle","TbAlertCircle","AlertTriangle","_jsx","Box","_jsxs","VStack","HStack","Subtext","SeverityDot","useWorkflowIssueMessage","useWorkflowTranslate","useMemo"],"mappings":"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"}

package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Box, VStack, HStack } from '@chakra-ui/react';
+import { TbAlertCircle, AlertTriangle } from '../../../Icon/index.mjs';
+import '../../../Typography/H1.mjs';
+import '../../../Typography/H2.mjs';
+import '../../../Typography/H3.mjs';
+import '../../../Typography/H4.mjs';
+import '../../../Typography/H5.mjs';
+import '../../../Typography/Link.mjs';
+import { Subtext } from '../../../Typography/Subtext.mjs';
+import '../../../Typography/Subtitle.mjs';
+import '../../../Typography/Text.mjs';
+import { useWorkflowIssueMessage } from '../../useWorkflowIssueMessage.mjs';
+import { useWorkflowTranslate } from '../../WorkflowContext/WorkflowContext.mjs';
+import { severityCalloutStyle } from '../issueSeverity.mjs';
+import { SeverityDot } from '../SeverityDot/SeverityDot.mjs';
+
+/**
+ * One severity bucket of node/edge issues, rendered as a tinted callout: a
+ * severity icon + a short heading ("Fixes needed" / "Worth checking") on top,
+ * then the messages as a bulleted list beneath. Severities never mix in a box
+ * so the icon, heading and tint stay meaningful.
+ *
+ * Markers use the severity's `dark` tone via `SeverityDot` — the CSS list
+ * `::marker` defaults to a muted grey that reads as an odd low-contrast dot on
+ * the tinted background.
+ */
+function IssueCallout({ severity, title, issues, resolveMessage, }) {
+    const { bg, color, borderColor } = severityCalloutStyle(severity);
+    const Icon = severity === 'error' ? TbAlertCircle : AlertTriangle;
+    return (jsx(Box, { border: "1px solid", borderColor: borderColor, borderRadius: "md", bg: bg, px: 3, py: 2, children: jsxs(VStack, { align: "stretch", gap: 1.5, children: [jsxs(HStack, { gap: 1.5, color: color, children: [jsx(Icon, { boxSize: "xs" }), jsx(Subtext, { color: color, fontWeight: "bold", children: title })] }), jsx(VStack, { align: "stretch", gap: 0.5, ps: 1, children: issues.map((issue, i) => (jsxs(HStack, { gap: 2, align: "flex-start", children: [jsx(SeverityDot, { severity: severity, tone: "dark", mt: 1.5 }), jsx(Subtext, { color: color, children: resolveMessage(issue) })] }, `${issue.code}_${i}`))) })] }) }));
+}
+/**
+ * Header issue band shared by node and edge drawers: groups the given issues
+ * by severity and renders one tinted `IssueCallout` per non-empty bucket.
+ */
+function DrawerIssues({ issues }) {
+    const resolveIssueMessage = useWorkflowIssueMessage();
+    const translate = useWorkflowTranslate();
+    const grouped = useMemo(() => ({
+        errors: issues.filter((i) => i.severity === 'error'),
+        warnings: issues.filter((i) => i.severity === 'warning'),
+    }), [issues]);
+    if (issues.length === 0)
+        return null;
+    return (jsx(Box, { px: 4, py: 3, children: jsxs(VStack, { align: "stretch", gap: 2, children: [grouped.errors.length > 0 ? (jsx(IssueCallout, { severity: "error", title: translate('workflow_drawer_issues_error_title'), issues: grouped.errors, resolveMessage: resolveIssueMessage })) : null, grouped.warnings.length > 0 ? (jsx(IssueCallout, { severity: "warning", title: translate('workflow_drawer_issues_warning_title'), issues: grouped.warnings, resolveMessage: resolveIssueMessage })) : null] }) }));
+}
+
+export { DrawerIssues };
+//# sourceMappingURL=DrawerIssues.mjs.map

package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerIssues.mjs","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerIssues.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentType } from 'react';
+import type { DockSide, EdgeDrawerRenderProps } from '../../Workflow.types';
+export type NodeInspectorProps = {
+    /**
+     * Which side the inspector docks on. `'right'` (default) renders after the
+     * canvas; `'left'` orders it before the canvas (use when another surface owns
+     * the right rail). Also drives the top gutter — a left dock sits higher since
+     * it has no top-right action card to clear.
+     */
+    dock?: DockSide;
+    /**
+     * Optional host renderer for the edge inspector body. When omitted, edges get
+     * a built-in inspector (editable label + read-only endpoints + delete).
+     */
+    renderEdgeDrawer?: ComponentType<EdgeDrawerRenderProps>;
+};
+/**
+ * The built-in node/edge inspector. Mount it as a child of `<Workflow>` to get
+ * the default floating drawer; omit it to own inspection entirely (drive your
+ * own UI off `onSelectionChange`). A node and an edge share this surface: the
+ * editor's `drawerTarget` selects which branch renders. Node bodies come from
+ * the host node-type registry (`def.renderDrawer`); edge bodies come from the
+ * optional `renderEdgeDrawer`, falling back to a built-in label + endpoints
+ * inspector. Renders even in read-only mode (controls disable themselves).
+ */
+export declare function NodeInspector({ dock, renderEdgeDrawer, }: NodeInspectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerShell.d.ts.map