@mindlogic-ai/logician-ui 4.0.0-alpha.9 → 5.0.0-alpha.0

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

@@ -1,10 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId } from 'react';
 import { HStack, Box, Stack } from '@chakra-ui/react';
 import { Card } from '../../../Card/Card.mjs';
-import { TbX, GripVertical } from '../../../Icon/index.mjs';
+import { CloseIcon, GripVerticalIcon } from '../../../Icon/index.mjs';
 import { IconButton } from '../../../IconButton/IconButton.mjs';
 import '../../../IconButton/IconButton.styles.mjs';
+import '../../../Typography/Caption.mjs';
 import '../../../Typography/H1.mjs';
 import '../../../Typography/H2.mjs';
 import '../../../Typography/H3.mjs';
@@ -56,7 +58,7 @@ function PaletteItem({ def }) {
         // rectangular snapshot of the element. Card's default `shadow="sm"`
         // and the `clickable` hover effect leak outside the rounded border
         // and read as a white "halo" in the drag image.
-        boxShadow: "none", transition: "none", cursor: "grab", _active: { cursor: 'grabbing' }, _hover: { borderColor: 'primary.main' }, children: jsxs(HStack, { gap: 2, px: 2.5, py: 2, children: [jsx(IconTile, { category: def.category, icon: def.icon, tokens: categoryTokens }), jsxs(Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsx(Subtext, { fontWeight: "semibold", color: "slate.1200", lineClamp: 1, children: def.label }), description ? (jsx(Subtext, { color: "slate.900", lineClamp: 1, children: description })) : null] }), jsx(Box, { color: "slate.700", display: "flex", alignItems: "center", children: jsx(GripVertical, { boxSize: "xs" }) })] }) }));
+        boxShadow: "none", transition: "none", cursor: "grab", _active: { cursor: 'grabbing' }, _hover: { borderColor: 'primary.main' }, children: jsxs(HStack, { gap: 2, px: 2.5, py: 2, children: [jsx(IconTile, { category: def.category, icon: def.icon, tokens: categoryTokens }), jsxs(Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsx(Subtext, { fontWeight: "semibold", color: "fg.default", lineClamp: 1, children: def.label }), description ? (jsx(Subtext, { color: "fg.muted", lineClamp: 1, children: description })) : null] }), jsx(Box, { color: "fg.icon", display: "flex", alignItems: "center", children: jsx(GripVerticalIcon, { boxSize: "xs" }) })] }) }));
 }
 /**
  * Sidebar that lets the author drag node kinds onto the canvas. Rendered as a
@@ -66,6 +68,8 @@ function PaletteItem({ def }) {
 function NodePalette({ onClose }) {
     const { nodeTypes, readOnly } = useWorkflow();
     const translate = useWorkflowTranslate();
+    // Names the region below with the same words the header shows.
+    const titleId = useId();
     if (readOnly)
         return null;
     // Group by category, preserving registration order within each group.
@@ -81,12 +85,26 @@ function NodePalette({ onClose }) {
         ...CATEGORY_ORDER.filter((c) => byCategory.has(c)),
         ...[...byCategory.keys()].filter((c) => !CATEGORY_ORDER.includes(c)),
     ];
-    return (jsxs(FloatingCard, { width: PALETTE_WIDTH, mt: 4, mb: 4, mx: 4, 
+    return (jsxs(FloatingCard
+    // A named region, so the palette is something a screen-reader user can
+    // navigate TO. Its title used to be a `Subtitle`, which rendered `<h6>`
+    // and put a level-6 heading under the host page's `<h1>` (axe
+    // `heading-order`); `Subtitle` is a paragraph now, and a labelled region
+    // is what this panel actually is — a landmark, not an outline entry
+    // (KWCAG 2.1 5.2.4.1 반복 영역 건너뛰기 / 5.2.4.2 제목 제공).
+    , { 
+        // A named region, so the palette is something a screen-reader user can
+        // navigate TO. Its title used to be a `Subtitle`, which rendered `<h6>`
+        // and put a level-6 heading under the host page's `<h1>` (axe
+        // `heading-order`); `Subtitle` is a paragraph now, and a labelled region
+        // is what this panel actually is — a landmark, not an outline entry
+        // (KWCAG 2.1 5.2.4.1 반복 영역 건너뛰기 / 5.2.4.2 제목 제공).
+        role: "region", "aria-labelledby": titleId, width: PALETTE_WIDTH, mt: 4, mb: 4, mx: 4, 
         // Size to content and float (like the right-hand inspector) instead of
         // stretching the full canvas height into a sidebar. `height="fit-content"`
         // forces it off the flex row's cross-axis stretch; a long list still caps
         // at the available column via `maxHeight` and scrolls its body.
-        alignSelf: "flex-start", height: "fit-content", maxHeight: "calc(100% - var(--chakra-spacing-4) - var(--chakra-spacing-4))", display: "flex", flexDirection: "column", children: [jsxs(HStack, { justify: "space-between", align: "center", px: 4, py: 3, borderBottom: "1px solid", borderColor: "slate.200", children: [jsx(Subtitle, { color: "slate.1300", children: translate('workflow_palette_title') }), jsx(IconButton, { "aria-label": translate('workflow_palette_close'), size: "xs", variant: "ghost", colorPalette: "neutral", onClick: onClose, children: jsx(TbX, { boxSize: "xs", "aria-hidden": true }) })] }), jsx(Box, { flex: "1", minHeight: 0, overflowY: "auto", p: 3, children: jsx(Stack, { gap: 4, children: orderedCategories.map((category) => (jsxs(Stack, { gap: 2, children: [jsx(Subtext, { fontWeight: "bold", color: "slate.900", textTransform: "uppercase", letterSpacing: "wider", pl: 1, children: CATEGORY_LABELS[category] }), jsx(Stack, { gap: 2, children: byCategory.get(category).map((def) => (jsx(PaletteItem, { def: def }, def.kind))) })] }, category))) }) })] }));
+        alignSelf: "flex-start", height: "fit-content", maxHeight: "calc(100% - var(--chakra-spacing-4) - var(--chakra-spacing-4))", display: "flex", flexDirection: "column", children: [jsxs(HStack, { justify: "space-between", align: "center", px: 4, py: 3, borderBottom: "1px solid", borderColor: "border.default", children: [jsx(Subtitle, { id: titleId, color: "fg.default", children: translate('workflow_palette_title') }), jsx(IconButton, { "aria-label": translate('workflow_palette_close'), size: "xs", variant: "ghost", onClick: onClose, children: jsx(CloseIcon, { boxSize: "xs", "aria-hidden": true }) })] }), jsx(Box, { flex: "1", minHeight: 0, overflowY: "auto", p: 3, children: jsx(Stack, { gap: 4, children: orderedCategories.map((category) => (jsxs(Stack, { gap: 2, children: [jsx(Subtext, { fontWeight: "bold", color: "fg.muted", textTransform: "uppercase", letterSpacing: "wider", pl: 1, children: CATEGORY_LABELS[category] }), jsx(Stack, { gap: 2, children: byCategory.get(category).map((def) => (jsx(PaletteItem, { def: def }, def.kind))) })] }, category))) }) })] }));
 }
 
 export { NodePalette };

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

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

package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodePaletteToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx"],"names":[],"mappings":"AAUA;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,2CAsBnE"}
+{"version":3,"file":"NodePaletteToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx"],"names":[],"mappings":"AAUA;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,2CAqBnE"}

package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js

@@ -21,7 +21,7 @@ function NodePaletteToggle({ onOpen }) {
     return (
     // zIndex sits above the GraphErrorBanner (zIndex 5), which docks in the same
     // top-left corner, so the toggle stays clickable when the graph has issues.
-    jsxRuntime.jsx(react.Box, { position: "absolute", top: 4, left: 4, zIndex: 6, children: jsxRuntime.jsx(Tooltip.Tooltip, { content: label, placement: "right", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": label, size: "md", variant: "outline", colorPalette: "neutral", bg: "bg.surface", boxShadow: "md", onClick: onOpen, children: jsxRuntime.jsx(index.IoAddOutline, { boxSize: "md" }) }) }) }));
+    jsxRuntime.jsx(react.Box, { position: "absolute", top: 4, left: 4, zIndex: 6, children: jsxRuntime.jsx(Tooltip.Tooltip, { content: label, placement: "right", children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": label, size: "md", variant: "secondary", bg: "bg.surface", boxShadow: "md", onClick: onOpen, children: jsxRuntime.jsx(index.PlusIcon, { boxSize: "md" }) }) }) }));
 }
 
 exports.NodePaletteToggle = NodePaletteToggle;

package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodePaletteToggle.js","sources":["../../../../../src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx"],"sourcesContent":[null],"names":["useWorkflowTranslate","_jsx","Box","Tooltip","IconButton","IoAddOutline"],"mappings":";;;;;;;;;;;AAUA;;;;;AAKG;AACG,SAAU,iBAAiB,CAAC,EAAE,MAAM,EAA0B,EAAA;AAClE,IAAA,MAAM,SAAS,GAAGA,oCAAoB,EAAE;AACxC,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC,wBAAwB,CAAW;IAC3D;;;AAGE,IAAAC,cAAA,CAACC,SAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAA,QAAA,EACjDD,cAAA,CAACE,eAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,EAAA,QAAA,EACxCF,cAAA,CAACG,qBAAU,kBACG,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,SAAS,EACtB,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,IAAI,EACd,OAAO,EAAE,MAAM,EAAA,QAAA,EAEfH,eAACI,kBAAY,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CAClB,EAAA,CACL,EAAA,CACN;AAEV;;;;"}
+{"version":3,"file":"NodePaletteToggle.js","sources":["../../../../../src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx"],"sourcesContent":[null],"names":["useWorkflowTranslate","_jsx","Box","Tooltip","IconButton","PlusIcon"],"mappings":";;;;;;;;;;;AAUA;;;;;AAKG;AACG,SAAU,iBAAiB,CAAC,EAAE,MAAM,EAA0B,EAAA;AAClE,IAAA,MAAM,SAAS,GAAGA,oCAAoB,EAAE;AACxC,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC,wBAAwB,CAAW;IAC3D;;;AAGE,IAAAC,cAAA,CAACC,SAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAA,QAAA,EACjDD,cAAA,CAACE,eAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,EAAA,QAAA,EACxCF,eAACG,qBAAU,EAAA,EAAA,YAAA,EACG,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,IAAI,EACd,OAAO,EAAE,MAAM,EAAA,QAAA,EAEfH,cAAA,CAACI,cAAQ,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACd,EAAA,CACL,EAAA,CACN;AAEV;;;;"}

package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Box } from '@chakra-ui/react';
-import { IoAddOutline } from '../../../Icon/index.mjs';
+import { PlusIcon } from '../../../Icon/index.mjs';
 import { IconButton } from '../../../IconButton/IconButton.mjs';
 import '../../../IconButton/IconButton.styles.mjs';
 import { Tooltip } from '../../../Tooltip/Tooltip.mjs';
@@ -19,7 +19,7 @@ function NodePaletteToggle({ onOpen }) {
     return (
     // zIndex sits above the GraphErrorBanner (zIndex 5), which docks in the same
     // top-left corner, so the toggle stays clickable when the graph has issues.
-    jsx(Box, { position: "absolute", top: 4, left: 4, zIndex: 6, children: jsx(Tooltip, { content: label, placement: "right", children: jsx(IconButton, { "aria-label": label, size: "md", variant: "outline", colorPalette: "neutral", bg: "bg.surface", boxShadow: "md", onClick: onOpen, children: jsx(IoAddOutline, { boxSize: "md" }) }) }) }));
+    jsx(Box, { position: "absolute", top: 4, left: 4, zIndex: 6, children: jsx(Tooltip, { content: label, placement: "right", children: jsx(IconButton, { "aria-label": label, size: "md", variant: "secondary", bg: "bg.surface", boxShadow: "md", onClick: onOpen, children: jsx(PlusIcon, { boxSize: "md" }) }) }) }));
 }
 
 export { NodePaletteToggle };

package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NodePaletteToggle.mjs","sources":["../../../../../src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;AAUA;;;;;AAKG;AACG,SAAU,iBAAiB,CAAC,EAAE,MAAM,EAA0B,EAAA;AAClE,IAAA,MAAM,SAAS,GAAG,oBAAoB,EAAE;AACxC,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC,wBAAwB,CAAW;IAC3D;;;AAGE,IAAAA,GAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAA,QAAA,EACjDA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,EAAA,QAAA,EACxCA,GAAA,CAAC,UAAU,kBACG,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,YAAY,EAAC,SAAS,EACtB,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,IAAI,EACd,OAAO,EAAE,MAAM,EAAA,QAAA,EAEfA,IAAC,YAAY,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CAClB,EAAA,CACL,EAAA,CACN;AAEV;;;;"}
+{"version":3,"file":"NodePaletteToggle.mjs","sources":["../../../../../src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;AAUA;;;;;AAKG;AACG,SAAU,iBAAiB,CAAC,EAAE,MAAM,EAA0B,EAAA;AAClE,IAAA,MAAM,SAAS,GAAG,oBAAoB,EAAE;AACxC,IAAA,MAAM,KAAK,GAAG,SAAS,CAAC,wBAAwB,CAAW;IAC3D;;;AAGE,IAAAA,GAAA,CAAC,GAAG,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAA,QAAA,EACjDA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,EAAA,QAAA,EACxCA,IAAC,UAAU,EAAA,EAAA,YAAA,EACG,KAAK,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,WAAW,EACnB,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,IAAI,EACd,OAAO,EAAE,MAAM,EAAA,QAAA,EAEfA,GAAA,CAAC,QAAQ,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACd,EAAA,CACL,EAAA,CACN;AAEV;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NodeShell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAwHpE,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,cAAc,EACd,UAAU,GACX,EAAE,cAAc,2CA2JhB"}
+{"version":3,"file":"NodeShell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAC;AAiIpE,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,cAAc,EACd,UAAU,GACX,EAAE,cAAc,2CA2JhB"}

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

@@ -7,6 +7,7 @@ var react$1 = require('@xyflow/react');
 var Card = require('../../../Card/Card.js');
 var Chip = require('../../../Chip/Chip.js');
 var index = require('../../../Icon/index.js');
+require('../../../Typography/Caption.js');
 require('../../../Typography/H1.js');
 require('../../../Typography/H2.js');
 require('../../../Typography/H3.js');
@@ -37,64 +38,74 @@ function normalizeChip(spec) {
         : { text: spec.text, tone: spec.tone ?? 'default' };
 }
 /**
- * Ring + body-border treatment per state. Notes keep their warm border in
- * all states but still surface the primary ring when selected so the active
+ * Ring + body treatment per state. Notes keep their warm border in all
+ * states but still surface the primary ring when selected so the active
  * annotation is visible.
  *
- * Precedence for the ring color: running > error > selected > warning.
- * The default-case border is `slate.300`.
+ * Two independent layers:
+ *
+ * - Status chrome (border + body), by precedence running > failed (run error
+ *   or a validation issue) > completed > warning > default. Failed and
+ *   completed tint the whole card with the status colour
+ *   (`danger.bg`/`success.bg`) so the result still reads at a glance once the
+ *   selection moves on. A node's own validation issues (`hasError`) get the
+ *   same failed treatment as a runtime error (`runState === 'error'`) — both
+ *   mean "something is wrong with this node". The default border is
+ *   `border.default`.
+ * - Selection: a 1px `primary.main` outline, added on top of whatever status
+ *   chrome the node has. After a run every node is done or failed, so if
+ *   status replaced selection a clicked node would show no cue at all. Running
+ *   wears the same outline — both mean "this is the node in focus". On a
+ *   plain or warning node selection also takes the border, as before.
  */
 function getRingChrome(category, selected, hasError, hasWarning, runState, noteBorder) {
+    const selectionRing = selected
+        ? { outline: '1px solid', outlineColor: 'primary.main' }
+        : {};
     if (category === 'note') {
-        if (selected) {
-            return {
-                borderColor: noteBorder,
-                outline: '3px solid',
-                outlineColor: 'primary.lighter',
-            };
-        }
-        return { borderColor: noteBorder };
+        return { borderColor: noteBorder, ...selectionRing };
     }
     if (runState === 'running') {
         return {
             borderColor: 'primary.main',
-            outline: '3px solid',
-            outlineColor: 'primary.lighter',
+            outline: '1px solid',
+            outlineColor: 'primary.main',
         };
     }
-    if (hasError) {
-        return {
-            borderColor: 'danger.main',
-            outline: '3px solid',
-            outlineColor: 'danger.lighter',
-        };
+    if (runState === 'error' || hasError) {
+        return { borderColor: 'danger.border', bg: 'danger.bg', ...selectionRing };
     }
-    if (selected) {
+    if (runState === 'done') {
         return {
-            borderColor: 'primary.main',
-            outline: '3px solid',
-            outlineColor: 'primary.lighter',
+            borderColor: 'success.border',
+            bg: 'success.bg',
+            ...selectionRing,
         };
     }
+    if (selected)
+        return { borderColor: 'primary.main', ...selectionRing };
     if (hasWarning)
-        return { borderColor: 'warning.main' };
-    return { borderColor: 'slate.300' };
+        return { borderColor: 'warning.border' };
+    return { borderColor: 'border.default' };
 }
 /**
  * Header glyph independently selected from the ring. Error wins over
  * warning wins over running's status dot — so an error inside a running
- * node still surfaces the alert, instead of being hidden by the green
+ * node still surfaces the alert, instead of being hidden by the primary
  * dot.
  */
 function getHeaderBadge(hasError, hasWarning, runState) {
     if (hasError) {
-        return (jsxRuntime.jsx(react.Box, { color: "danger.main", display: "flex", alignItems: "center", children: jsxRuntime.jsx(index.AlertTriangle, { boxSize: "xs" }) }));
+        return (jsxRuntime.jsx(react.Box, { color: "danger.fg", display: "flex", alignItems: "center", children: jsxRuntime.jsx(index.AlertTriangleIcon, { boxSize: "xs" }) }));
     }
     if (hasWarning) {
-        return (jsxRuntime.jsx(react.Box, { color: "warning.dark", display: "flex", alignItems: "center", children: jsxRuntime.jsx(index.AlertTriangle, { boxSize: "xs" }) }));
+        return (jsxRuntime.jsx(react.Box, { color: "warning.fg", display: "flex", alignItems: "center", children: jsxRuntime.jsx(index.AlertTriangleIcon, { boxSize: "xs" }) }));
     }
     if (runState === 'running') {
-        return (jsxRuntime.jsx(react.Box, { boxSize: "2.5", borderRadius: "full", bg: "success.main", outline: "3px solid", outlineColor: "success.lighter" }));
+        // Matches the ring colour (`primary.main`) rather than `success.*` — a
+        // green "running" dot read as a false "done" signal sitting right next
+        // to the real completed state's green card fill.
+        return (jsxRuntime.jsx(react.Box, { boxSize: "2.5", borderRadius: "full", bg: "primary.main", outline: "3px solid", outlineColor: "primary.wash" }));
     }
     return null;
 }
@@ -117,10 +128,10 @@ function NodeShell({ label, instanceTitle, metaChips, category, icon, selected,
     const minHeight = isNote
         ? undefined
         : `${Math.max(NodeShell_styles.NODE_MIN_HEIGHT, NodeShell_styles.PORT_GAP * Math.max(portCount - 1, 0) + NodeShell_styles.PORT_EDGE_PAD * 2)}px`;
-    return (jsxRuntime.jsxs(Card.Card, { width: NodeShell_styles.CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : 'bg.surface', position: "relative", 
+    return (jsxRuntime.jsxs(Card.Card, { width: NodeShell_styles.CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : (ring.bg ?? 'bg.surface'), position: "relative", 
         // Center the body within the port-driven min-height so a content-light
         // node (e.g. Start) sits mid-card rather than pinned to the top edge.
-        display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxRuntime.jsxs(react.Stack, { gap: 1, px: 3, py: 2, children: [jsxRuntime.jsxs(react.HStack, { gap: 1, color: "warning.dark", fontWeight: "bold", letterSpacing: "wider", textTransform: "uppercase", children: [jsxRuntime.jsx(index.StickyNote, { boxSize: "xs" }), jsxRuntime.jsx(Subtext.Subtext, { color: "warning.dark", fontWeight: "bold", children: "Note" })] }), customBody ?? (jsxRuntime.jsx(Subtext.Subtext, { color: "slate.1200", lineHeight: 1.45, children: instanceTitle ?? label }))] })) : ((customBody ?? (jsxRuntime.jsxs(react.Stack, { gap: 0, children: [jsxRuntime.jsxs(react.HStack, { gap: 2, px: 3, pt: 2, pb: chips.length || overflowChip ? 1 : 2, children: [jsxRuntime.jsx(IconTile.IconTile, { category: category, icon: icon, tokens: categoryTokens }), jsxRuntime.jsxs(react.Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "semibold", color: "slate.1200", lineClamp: 1, children: label }), instanceTitle ? (jsxRuntime.jsx(Subtext.Subtext, { color: "slate.900", lineClamp: 1, children: instanceTitle })) : null] }), badge] }), chips.length || overflowChip ? (jsxRuntime.jsxs(react.HStack, { px: 3, pb: 2, gap: 1, flexWrap: "wrap", children: [chips.map((chip) => (jsxRuntime.jsx(MetaChip, { tone: chip.tone, children: chip.text }, chip.text))), overflowChip ? jsxRuntime.jsx(MetaChip, { children: overflowChip }) : null] })) : null] })))), inputs.map((h, i) => (jsxRuntime.jsx(react$1.Handle, { id: h.id, type: "target", position: react$1.Position.Left, style: {
+        display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxRuntime.jsxs(react.Stack, { gap: 1, px: 3, py: 2, children: [jsxRuntime.jsxs(react.HStack, { gap: 1, color: "warning.fg", fontWeight: "bold", letterSpacing: "wider", textTransform: "uppercase", children: [jsxRuntime.jsx(index.StickyNoteIcon, { boxSize: "xs" }), jsxRuntime.jsx(Subtext.Subtext, { color: "warning.fg", fontWeight: "bold", children: "Note" })] }), customBody ?? (jsxRuntime.jsx(Subtext.Subtext, { color: "fg.default", lineHeight: 1.45, children: instanceTitle ?? label }))] })) : ((customBody ?? (jsxRuntime.jsxs(react.Stack, { gap: 0, children: [jsxRuntime.jsxs(react.HStack, { gap: 2, px: 3, pt: 2, pb: chips.length || overflowChip ? 1 : 2, children: [jsxRuntime.jsx(IconTile.IconTile, { category: category, icon: icon, tokens: categoryTokens }), jsxRuntime.jsxs(react.Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "semibold", color: "fg.default", lineClamp: 1, children: label }), instanceTitle ? (jsxRuntime.jsx(Subtext.Subtext, { color: "fg.muted", lineClamp: 1, children: instanceTitle })) : null] }), badge] }), chips.length || overflowChip ? (jsxRuntime.jsxs(react.HStack, { px: 3, pb: 2, gap: 1, flexWrap: "wrap", children: [chips.map((chip) => (jsxRuntime.jsx(MetaChip, { tone: chip.tone, children: chip.text }, chip.text))), overflowChip ? jsxRuntime.jsx(MetaChip, { children: overflowChip }) : null] })) : null] })))), inputs.map((h, i) => (jsxRuntime.jsx(react$1.Handle, { id: h.id, type: "target", position: react$1.Position.Left, style: {
                     ...NodeShell_styles.PORT_STYLE,
                     top: NodeShell_styles.getPortTop(i, inputs.length),
                 } }, `in-${h.id}`))), outputs.map((h, i) => (jsxRuntime.jsx(react$1.Handle, { id: h.id, type: "source", position: react$1.Position.Right, style: {

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

@@ -1 +1 @@
-{"version":3,"file":"NodeShell.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"sourcesContent":[null],"names":["_jsx","Chip","metaChipStyles","metaChipToneStyles","Box","AlertTriangle","getCategoryTokens","MAX_META_CHIPS","NODE_MIN_HEIGHT","PORT_GAP","PORT_EDGE_PAD","_jsxs","Card","CARD_WIDTH","Stack","HStack","StickyNote","Subtext","IconTile","Handle","Position","PORT_STYLE","getPortTop","BranchLabelBadge","getEdgeLabelVariant"],"mappings":"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"}
+{"version":3,"file":"NodeShell.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"sourcesContent":[null],"names":["_jsx","Chip","metaChipStyles","metaChipToneStyles","Box","AlertTriangleIcon","getCategoryTokens","MAX_META_CHIPS","NODE_MIN_HEIGHT","PORT_GAP","PORT_EDGE_PAD","_jsxs","Card","CARD_WIDTH","Stack","HStack","StickyNoteIcon","Subtext","IconTile","Handle","Position","PORT_STYLE","getPortTop","BranchLabelBadge","getEdgeLabelVariant"],"mappings":"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"}

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

@@ -4,7 +4,8 @@ import { Stack, HStack, Box } from '@chakra-ui/react';
 import { Handle, Position } from '@xyflow/react';
 import { Card } from '../../../Card/Card.mjs';
 import { Chip } from '../../../Chip/Chip.mjs';
-import { StickyNote, AlertTriangle } from '../../../Icon/index.mjs';
+import { StickyNoteIcon, AlertTriangleIcon } from '../../../Icon/index.mjs';
+import '../../../Typography/Caption.mjs';
 import '../../../Typography/H1.mjs';
 import '../../../Typography/H2.mjs';
 import '../../../Typography/H3.mjs';
@@ -35,64 +36,74 @@ function normalizeChip(spec) {
         : { text: spec.text, tone: spec.tone ?? 'default' };
 }
 /**
- * Ring + body-border treatment per state. Notes keep their warm border in
- * all states but still surface the primary ring when selected so the active
+ * Ring + body treatment per state. Notes keep their warm border in all
+ * states but still surface the primary ring when selected so the active
  * annotation is visible.
  *
- * Precedence for the ring color: running > error > selected > warning.
- * The default-case border is `slate.300`.
+ * Two independent layers:
+ *
+ * - Status chrome (border + body), by precedence running > failed (run error
+ *   or a validation issue) > completed > warning > default. Failed and
+ *   completed tint the whole card with the status colour
+ *   (`danger.bg`/`success.bg`) so the result still reads at a glance once the
+ *   selection moves on. A node's own validation issues (`hasError`) get the
+ *   same failed treatment as a runtime error (`runState === 'error'`) — both
+ *   mean "something is wrong with this node". The default border is
+ *   `border.default`.
+ * - Selection: a 1px `primary.main` outline, added on top of whatever status
+ *   chrome the node has. After a run every node is done or failed, so if
+ *   status replaced selection a clicked node would show no cue at all. Running
+ *   wears the same outline — both mean "this is the node in focus". On a
+ *   plain or warning node selection also takes the border, as before.
  */
 function getRingChrome(category, selected, hasError, hasWarning, runState, noteBorder) {
+    const selectionRing = selected
+        ? { outline: '1px solid', outlineColor: 'primary.main' }
+        : {};
     if (category === 'note') {
-        if (selected) {
-            return {
-                borderColor: noteBorder,
-                outline: '3px solid',
-                outlineColor: 'primary.lighter',
-            };
-        }
-        return { borderColor: noteBorder };
+        return { borderColor: noteBorder, ...selectionRing };
     }
     if (runState === 'running') {
         return {
             borderColor: 'primary.main',
-            outline: '3px solid',
-            outlineColor: 'primary.lighter',
+            outline: '1px solid',
+            outlineColor: 'primary.main',
         };
     }
-    if (hasError) {
-        return {
-            borderColor: 'danger.main',
-            outline: '3px solid',
-            outlineColor: 'danger.lighter',
-        };
+    if (runState === 'error' || hasError) {
+        return { borderColor: 'danger.border', bg: 'danger.bg', ...selectionRing };
     }
-    if (selected) {
+    if (runState === 'done') {
         return {
-            borderColor: 'primary.main',
-            outline: '3px solid',
-            outlineColor: 'primary.lighter',
+            borderColor: 'success.border',
+            bg: 'success.bg',
+            ...selectionRing,
         };
     }
+    if (selected)
+        return { borderColor: 'primary.main', ...selectionRing };
     if (hasWarning)
-        return { borderColor: 'warning.main' };
-    return { borderColor: 'slate.300' };
+        return { borderColor: 'warning.border' };
+    return { borderColor: 'border.default' };
 }
 /**
  * Header glyph independently selected from the ring. Error wins over
  * warning wins over running's status dot — so an error inside a running
- * node still surfaces the alert, instead of being hidden by the green
+ * node still surfaces the alert, instead of being hidden by the primary
  * dot.
  */
 function getHeaderBadge(hasError, hasWarning, runState) {
     if (hasError) {
-        return (jsx(Box, { color: "danger.main", display: "flex", alignItems: "center", children: jsx(AlertTriangle, { boxSize: "xs" }) }));
+        return (jsx(Box, { color: "danger.fg", display: "flex", alignItems: "center", children: jsx(AlertTriangleIcon, { boxSize: "xs" }) }));
     }
     if (hasWarning) {
-        return (jsx(Box, { color: "warning.dark", display: "flex", alignItems: "center", children: jsx(AlertTriangle, { boxSize: "xs" }) }));
+        return (jsx(Box, { color: "warning.fg", display: "flex", alignItems: "center", children: jsx(AlertTriangleIcon, { boxSize: "xs" }) }));
     }
     if (runState === 'running') {
-        return (jsx(Box, { boxSize: "2.5", borderRadius: "full", bg: "success.main", outline: "3px solid", outlineColor: "success.lighter" }));
+        // Matches the ring colour (`primary.main`) rather than `success.*` — a
+        // green "running" dot read as a false "done" signal sitting right next
+        // to the real completed state's green card fill.
+        return (jsx(Box, { boxSize: "2.5", borderRadius: "full", bg: "primary.main", outline: "3px solid", outlineColor: "primary.wash" }));
     }
     return null;
 }
@@ -115,10 +126,10 @@ function NodeShell({ label, instanceTitle, metaChips, category, icon, selected,
     const minHeight = isNote
         ? undefined
         : `${Math.max(NODE_MIN_HEIGHT, PORT_GAP * Math.max(portCount - 1, 0) + PORT_EDGE_PAD * 2)}px`;
-    return (jsxs(Card, { width: CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : 'bg.surface', position: "relative", 
+    return (jsxs(Card, { width: CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : (ring.bg ?? 'bg.surface'), position: "relative", 
         // Center the body within the port-driven min-height so a content-light
         // node (e.g. Start) sits mid-card rather than pinned to the top edge.
-        display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxs(Stack, { gap: 1, px: 3, py: 2, children: [jsxs(HStack, { gap: 1, color: "warning.dark", fontWeight: "bold", letterSpacing: "wider", textTransform: "uppercase", children: [jsx(StickyNote, { boxSize: "xs" }), jsx(Subtext, { color: "warning.dark", fontWeight: "bold", children: "Note" })] }), customBody ?? (jsx(Subtext, { color: "slate.1200", lineHeight: 1.45, children: instanceTitle ?? label }))] })) : ((customBody ?? (jsxs(Stack, { gap: 0, children: [jsxs(HStack, { gap: 2, px: 3, pt: 2, pb: chips.length || overflowChip ? 1 : 2, children: [jsx(IconTile, { category: category, icon: icon, tokens: categoryTokens }), jsxs(Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsx(Subtext, { fontWeight: "semibold", color: "slate.1200", lineClamp: 1, children: label }), instanceTitle ? (jsx(Subtext, { color: "slate.900", lineClamp: 1, children: instanceTitle })) : null] }), badge] }), chips.length || overflowChip ? (jsxs(HStack, { px: 3, pb: 2, gap: 1, flexWrap: "wrap", children: [chips.map((chip) => (jsx(MetaChip, { tone: chip.tone, children: chip.text }, chip.text))), overflowChip ? jsx(MetaChip, { children: overflowChip }) : null] })) : null] })))), inputs.map((h, i) => (jsx(Handle, { id: h.id, type: "target", position: Position.Left, style: {
+        display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxs(Stack, { gap: 1, px: 3, py: 2, children: [jsxs(HStack, { gap: 1, color: "warning.fg", fontWeight: "bold", letterSpacing: "wider", textTransform: "uppercase", children: [jsx(StickyNoteIcon, { boxSize: "xs" }), jsx(Subtext, { color: "warning.fg", fontWeight: "bold", children: "Note" })] }), customBody ?? (jsx(Subtext, { color: "fg.default", lineHeight: 1.45, children: instanceTitle ?? label }))] })) : ((customBody ?? (jsxs(Stack, { gap: 0, children: [jsxs(HStack, { gap: 2, px: 3, pt: 2, pb: chips.length || overflowChip ? 1 : 2, children: [jsx(IconTile, { category: category, icon: icon, tokens: categoryTokens }), jsxs(Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsx(Subtext, { fontWeight: "semibold", color: "fg.default", lineClamp: 1, children: label }), instanceTitle ? (jsx(Subtext, { color: "fg.muted", lineClamp: 1, children: instanceTitle })) : null] }), badge] }), chips.length || overflowChip ? (jsxs(HStack, { px: 3, pb: 2, gap: 1, flexWrap: "wrap", children: [chips.map((chip) => (jsx(MetaChip, { tone: chip.tone, children: chip.text }, chip.text))), overflowChip ? jsx(MetaChip, { children: overflowChip }) : null] })) : null] })))), inputs.map((h, i) => (jsx(Handle, { id: h.id, type: "target", position: Position.Left, style: {
                     ...PORT_STYLE,
                     top: getPortTop(i, inputs.length),
                 } }, `in-${h.id}`))), outputs.map((h, i) => (jsx(Handle, { id: h.id, type: "source", position: Position.Right, style: {

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

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

package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts

@@ -32,6 +32,11 @@ export declare const PORT_EDGE_PAD = 14;
 export declare function getPortTop(index: number, count: number): string;
 /** Cap on the meta-chip row so a node with many badges can't grow unboundedly. */
 export declare const MAX_META_CHIPS = 4;
+/**
+ * React Flow `<Handle>` takes inline SVG-style props rather than Chakra
+ * tokens, so port colors are spelled as CSS vars from the theme (`colorVar`).
+ * The ring uses the same stroke token as the edges it terminates.
+ */
 export declare const PORT_STYLE: PortStyle;
 /**
  * Compact pill styling for the canvas node's meta row. Overrides logician-ui
@@ -55,12 +60,12 @@ export declare const metaChipStyles: {
 export declare const metaChipToneStyles: {
     readonly default: {};
     readonly danger: {
-        readonly bg: "danger.lightest";
-        readonly color: "danger.dark";
+        readonly bg: "danger.bg";
+        readonly color: "danger.fg";
     };
     readonly warning: {
-        readonly bg: "warning.lightest";
-        readonly color: "warning.dark";
+        readonly bg: "warning.bg";
+        readonly color: "warning.fg";
     };
 };
 //# sourceMappingURL=NodeShell.styles.d.ts.map

package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeShell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,UAAU,UAAU,CAAC;AAElC;;;;;GAKG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/D;AAED,kFAAkF;AAClF,eAAO,MAAM,cAAc,IAAI,CAAC;AAUhC,eAAO,MAAM,UAAU,EAAE,SAKxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;CAIrB,CAAC"}
+{"version":3,"file":"NodeShell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,UAAU,UAAU,CAAC;AAElC;;;;;GAKG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/D;AAED,kFAAkF;AAClF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,SAKxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;CAIrB,CAAC"}

package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js

@@ -1,6 +1,8 @@
 "use client";
 'use strict';
 
+var colorVar = require('../colorVar.js');
+
 const CARD_WIDTH = '174px';
 /**
  * Floor height (px) for a canvas node so a content-light node (e.g. Start,
@@ -39,16 +41,14 @@ function getPortTop(index, count) {
 const MAX_META_CHIPS = 4;
 /**
  * React Flow `<Handle>` takes inline SVG-style props rather than Chakra
- * tokens, so port colors are spelled as CSS vars from the theme.
+ * tokens, so port colors are spelled as CSS vars from the theme (`colorVar`).
+ * The ring uses the same stroke token as the edges it terminates.
  */
-function colorVar(token) {
-    return `var(--chakra-colors-${token.replace(/\./g, '-')})`;
-}
 const PORT_STYLE = {
     width: 8,
     height: 8,
-    background: colorVar('bg.surface'),
-    border: `1.5px solid ${colorVar('slate.700')}`,
+    background: colorVar.colorVar('bg.surface'),
+    border: `1.5px solid ${colorVar.colorVar(colorVar.CANVAS_STROKE_TOKEN)}`,
 };
 /**
  * Compact pill styling for the canvas node's meta row. Overrides logician-ui
@@ -71,8 +71,8 @@ const metaChipStyles = {
  */
 const metaChipToneStyles = {
     default: {},
-    danger: { bg: 'danger.lightest', color: 'danger.dark' },
-    warning: { bg: 'warning.lightest', color: 'warning.dark' },
+    danger: { bg: 'danger.bg', color: 'danger.fg' },
+    warning: { bg: 'warning.bg', color: 'warning.fg' },
 };
 
 exports.CARD_WIDTH = CARD_WIDTH;

package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NodeShell.styles.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEO,MAAM,UAAU,GAAG;AAE1B;;;;;AAKG;AACI,MAAM,eAAe,GAAG;AAE/B;;;;;;AAMG;AACI,MAAM,QAAQ,GAAG;AAExB;;;;;AAKG;AACI,MAAM,aAAa,GAAG;AAE7B;;;;;;AAMG;AACG,SAAU,UAAU,CAAC,KAAa,EAAE,KAAa,EAAA;AACrD,IAAA,MAAM,MAAM,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,QAAQ;IACnD,OAAO,CAAA,WAAA,EAAc,MAAM,CAAA,GAAA,CAAK;AAClC;AAEA;AACO,MAAM,cAAc,GAAG;AAE9B;;;AAGG;AACH,SAAS,QAAQ,CAAC,KAAa,EAAA;IAC7B,OAAO,CAAA,oBAAA,EAAuB,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA,CAAA,CAAG;AAC5D;AAEO,MAAM,UAAU,GAAc;AACnC,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC;AAClC,IAAA,MAAM,EAAE,CAAA,YAAA,EAAe,QAAQ,CAAC,WAAW,CAAC,CAAA,CAAE;;AAGhD;;;;;AAKG;AACI,MAAM,cAAc,GAAG;AAC5B,IAAA,OAAO,EAAE,MAAe;AACxB,IAAA,YAAY,EAAE,SAAkB;AAChC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,YAAY,EAAE,IAAI;;AAGpB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,EAAE;IACvD,OAAO,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,EAAE;;;;;;;;;;;;;"}
+{"version":3,"file":"NodeShell.styles.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"sourcesContent":[null],"names":["colorVar","CANVAS_STROKE_TOKEN"],"mappings":";;;;;AAGO,MAAM,UAAU,GAAG;AAE1B;;;;;AAKG;AACI,MAAM,eAAe,GAAG;AAE/B;;;;;;AAMG;AACI,MAAM,QAAQ,GAAG;AAExB;;;;;AAKG;AACI,MAAM,aAAa,GAAG;AAE7B;;;;;;AAMG;AACG,SAAU,UAAU,CAAC,KAAa,EAAE,KAAa,EAAA;AACrD,IAAA,MAAM,MAAM,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,QAAQ;IACnD,OAAO,CAAA,WAAA,EAAc,MAAM,CAAA,GAAA,CAAK;AAClC;AAEA;AACO,MAAM,cAAc,GAAG;AAE9B;;;;AAIG;AACI,MAAM,UAAU,GAAc;AACnC,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,UAAU,EAAEA,iBAAQ,CAAC,YAAY,CAAC;AAClC,IAAA,MAAM,EAAE,CAAA,YAAA,EAAeA,iBAAQ,CAACC,4BAAmB,CAAC,CAAA,CAAE;;AAGxD;;;;;AAKG;AACI,MAAM,cAAc,GAAG;AAC5B,IAAA,OAAO,EAAE,MAAe;AACxB,IAAA,YAAY,EAAE,SAAkB;AAChC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,YAAY,EAAE,IAAI;;AAGpB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC/C,OAAO,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;;;;;;;;;;;;;"}