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

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

@@ -0,0 +1,145 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react$1 = require('@chakra-ui/react');
+var react = require('@xyflow/react');
+var index = require('../../../Icon/index.js');
+var Spinner = require('../../../Spinner/Spinner.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 useWorkflowIssueMessage = require('../../useWorkflowIssueMessage.js');
+var WorkflowContext = require('../../WorkflowContext/WorkflowContext.js');
+require('../../../Input/Input.js');
+require('../../../Toast/Toaster.js');
+var endpointTitle = require('../EdgeInspector/endpointTitle.js');
+var IssueList = require('../IssueList/IssueList.js');
+
+const NODELESS_GROUP = '__graph__';
+// Same fallback chain as everywhere else (instance title → kind label → id),
+// so an unnamed node groups under "End", not its raw `end_1` id.
+const getNodeTitle = (node, def) => endpointTitle.endpointTitle(node, def ?? undefined, node.id);
+/**
+ * Floating banner listing the current graph's validation issues — both the
+ * live validator output and backend `INVALID_GRAPH` errors fed in via
+ * `externalIssues`. Issues group by node (then severity); clicking an issue
+ * selects and pans to its node. Hidden in read-only mode (the Behavior-tab
+ * preview).
+ *
+ * `paletteToggleVisible` shifts the banner clear of the floating `+` palette
+ * toggle, which docks in the same top-left corner once the palette is
+ * collapsed — otherwise the two overlays would overlap.
+ */
+function GraphErrorBanner({ paletteToggleVisible = false, }) {
+    const { issues, graph, readOnly, validating, getNodeType, setSelectedNodeId, revealInspector, requestFieldFocus, } = WorkflowContext.useWorkflow();
+    const { fitView } = react.useReactFlow();
+    const translate = WorkflowContext.useWorkflowTranslate();
+    const resolveIssueMessage = useWorkflowIssueMessage.useWorkflowIssueMessage();
+    const [open, setOpen] = React.useState(false);
+    // Stringify counts before interpolation — see `useWorkflowIssueMessage`
+    // for the underlying `useTranslate` quirk this guards against.
+    const summarize = (errorCount, warningCount) => {
+        const parts = [];
+        if (errorCount > 0) {
+            parts.push(translate('workflow_issues_summary_errors', {
+                count: String(errorCount),
+            }));
+        }
+        if (warningCount > 0) {
+            parts.push(translate('workflow_issues_summary_warnings', {
+                count: String(warningCount),
+            }));
+        }
+        return parts.join(', ');
+    };
+    const { errorCount, warningCount, groups } = React.useMemo(() => {
+        let errors = 0;
+        let warnings = 0;
+        // Preserve insertion order from `graph.nodes` so the dropdown matches
+        // canvas left-to-right reading order; graph-wide issues are appended last.
+        const byKey = new Map();
+        const nodeById = new Map(graph.nodes.map((n) => [n.id, n]));
+        const getOrCreate = (key) => {
+            let g = byKey.get(key);
+            if (!g) {
+                const node = nodeById.get(key) ?? null;
+                g = {
+                    key,
+                    node,
+                    def: node ? (getNodeType(node.kind) ?? null) : null,
+                    errors: [],
+                    warnings: [],
+                };
+                byKey.set(key, g);
+            }
+            return g;
+        };
+        for (const issue of issues) {
+            if (issue.severity === 'error')
+                errors += 1;
+            else
+                warnings += 1;
+            const key = issue.nodeId ?? NODELESS_GROUP;
+            const g = getOrCreate(key);
+            if (issue.severity === 'error')
+                g.errors.push(issue);
+            else
+                g.warnings.push(issue);
+        }
+        // Order: graph-wide bucket first (cycle / unreachable / etc. block the
+        // whole canvas and deserve top billing), then per-node buckets in
+        // canvas order.
+        const ordered = [];
+        const graphWide = byKey.get(NODELESS_GROUP);
+        if (graphWide)
+            ordered.push(graphWide);
+        for (const node of graph.nodes) {
+            const g = byKey.get(node.id);
+            if (g)
+                ordered.push(g);
+        }
+        return { errorCount: errors, warningCount: warnings, groups: ordered };
+    }, [issues, graph.nodes, getNodeType]);
+    // Noise guard: only surface the "validating" affordance when we're
+    // re-checking a graph that ALREADY shows issues (the retained `displayIssues`
+    // the host passes in during a save). A clean graph (no issues) stays hidden
+    // mid-save — the header save-status spinner already covers that case — so
+    // editing a valid graph never flashes a banner on every keystroke.
+    if (readOnly || issues.length === 0)
+        return null;
+    const showValidating = validating;
+    const jumpToNode = (nodeId) => {
+        if (!nodeId || !graph.nodes.some((n) => n.id === nodeId))
+            return;
+        setSelectedNodeId(nodeId);
+        // revealInspector so jumping to a node from the banner also restores the
+        // inspector when it's parked (test mode), not just sets the drawer target.
+        revealInspector({ type: 'node', id: nodeId });
+        void fitView({ nodes: [{ id: nodeId }], duration: 400, maxZoom: 1.2 });
+    };
+    const jumpToIssue = (issue) => {
+        if (!issue.nodeId)
+            return;
+        jumpToNode(issue.nodeId);
+        if (issue.fieldKey) {
+            requestFieldFocus(issue.nodeId, issue.fieldKey);
+        }
+    };
+    return (jsxRuntime.jsxs(react$1.Box, { position: "absolute", top: 3, 
+        // Clear the floating `+` palette toggle (md IconButton at left={4}) when
+        // it's showing, so the banner sits beside it rather than under it.
+        left: paletteToggleVisible ? 16 : 3, zIndex: 5, maxW: "md", bg: "bg.surface", borderWidth: "1px", borderColor: errorCount > 0 ? 'danger.main' : 'warning.main', borderRadius: "md", boxShadow: "sm", overflow: "hidden", children: [showValidating ? (jsxRuntime.jsxs(react$1.Flex, { align: "center", gap: 2, px: 3, py: 2, bg: "slate.50", borderBottomWidth: "1px", borderColor: "slate.200", children: [jsxRuntime.jsx(Spinner.Spinner, { size: "xs" }), jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "semibold", color: "slate.1100", children: translate('workflow_issues_validating') })] })) : null, jsxRuntime.jsxs(react$1.Box, { as: "button", w: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", gap: 3, px: 3, py: 2, bg: "transparent", border: "none", cursor: "pointer", opacity: showValidating ? 0.6 : 1, transition: "opacity 0.15s", onClick: () => setOpen((o) => !o), children: [jsxRuntime.jsx(Text.Text, { fontSize: "sm", fontWeight: "semibold", color: "slate.1300", children: summarize(errorCount, warningCount) }), jsxRuntime.jsx(index.TbChevronDown, { boxSize: "xs", color: "slate.900", transform: open ? 'rotate(180deg)' : 'none', transition: "transform 0.15s" })] }), open ? (jsxRuntime.jsx(react$1.VStack, { align: "stretch", gap: 0, maxH: "80", overflowY: "auto", opacity: showValidating ? 0.6 : 1, transition: "opacity 0.15s", borderTopWidth: "1px", borderColor: "slate.200", children: groups.map((group, gi) => (jsxRuntime.jsxs(react$1.Box, { borderTopWidth: gi === 0 ? 0 : '1px', borderColor: "slate.200", children: [jsxRuntime.jsxs(react$1.Flex, { align: "center", gap: 2, px: 3, py: 1.5, bg: "slate.50", cursor: group.node ? 'pointer' : 'default', _hover: group.node ? { bg: 'slate.100' } : undefined, onClick: group.node ? () => jumpToNode(group.key) : undefined, children: [group.def?.icon ? (jsxRuntime.jsx(react$1.Box, { color: "slate.1100", display: "flex", alignItems: "center", flexShrink: 0, children: jsxRuntime.jsx(group.def.icon, { boxSize: "xs" }) })) : null, jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "semibold", color: "slate.1300", truncate: true, children: group.node
+                                        ? getNodeTitle(group.node, group.def)
+                                        : translate('workflow_drawer_graph_group_title') })] }), group.errors.length > 0 ? (jsxRuntime.jsx(IssueList.IssueList, { label: translate('workflow_issues_errors_label'), tone: "error", issues: group.errors, onIssueClick: group.node ? jumpToIssue : undefined, resolveMessage: resolveIssueMessage })) : null, group.warnings.length > 0 ? (jsxRuntime.jsx(IssueList.IssueList, { label: translate('workflow_issues_warnings_label'), tone: "warning", issues: group.warnings, onIssueClick: group.node ? jumpToIssue : undefined, resolveMessage: resolveIssueMessage })) : null] }, group.key))) })) : null] }));
+}
+
+exports.GraphErrorBanner = GraphErrorBanner;
+//# sourceMappingURL=GraphErrorBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GraphErrorBanner.js","sources":["../../../../../src/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.tsx"],"sourcesContent":[null],"names":["endpointTitle","useWorkflow","useReactFlow","useWorkflowTranslate","useWorkflowIssueMessage","useState","useMemo","_jsxs","Box","Flex","_jsx","Spinner","Subtext","Text","TbChevronDown","VStack","IssueList"],"mappings":"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"}

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

@@ -0,0 +1,143 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { Box, Flex, VStack } from '@chakra-ui/react';
+import { useReactFlow } from '@xyflow/react';
+import { TbChevronDown } from '../../../Icon/index.mjs';
+import { Spinner } from '../../../Spinner/Spinner.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 { useWorkflowIssueMessage } from '../../useWorkflowIssueMessage.mjs';
+import { useWorkflow, useWorkflowTranslate } from '../../WorkflowContext/WorkflowContext.mjs';
+import '../../../Input/Input.mjs';
+import '../../../Toast/Toaster.mjs';
+import { endpointTitle } from '../EdgeInspector/endpointTitle.mjs';
+import { IssueList } from '../IssueList/IssueList.mjs';
+
+const NODELESS_GROUP = '__graph__';
+// Same fallback chain as everywhere else (instance title → kind label → id),
+// so an unnamed node groups under "End", not its raw `end_1` id.
+const getNodeTitle = (node, def) => endpointTitle(node, def ?? undefined, node.id);
+/**
+ * Floating banner listing the current graph's validation issues — both the
+ * live validator output and backend `INVALID_GRAPH` errors fed in via
+ * `externalIssues`. Issues group by node (then severity); clicking an issue
+ * selects and pans to its node. Hidden in read-only mode (the Behavior-tab
+ * preview).
+ *
+ * `paletteToggleVisible` shifts the banner clear of the floating `+` palette
+ * toggle, which docks in the same top-left corner once the palette is
+ * collapsed — otherwise the two overlays would overlap.
+ */
+function GraphErrorBanner({ paletteToggleVisible = false, }) {
+    const { issues, graph, readOnly, validating, getNodeType, setSelectedNodeId, revealInspector, requestFieldFocus, } = useWorkflow();
+    const { fitView } = useReactFlow();
+    const translate = useWorkflowTranslate();
+    const resolveIssueMessage = useWorkflowIssueMessage();
+    const [open, setOpen] = useState(false);
+    // Stringify counts before interpolation — see `useWorkflowIssueMessage`
+    // for the underlying `useTranslate` quirk this guards against.
+    const summarize = (errorCount, warningCount) => {
+        const parts = [];
+        if (errorCount > 0) {
+            parts.push(translate('workflow_issues_summary_errors', {
+                count: String(errorCount),
+            }));
+        }
+        if (warningCount > 0) {
+            parts.push(translate('workflow_issues_summary_warnings', {
+                count: String(warningCount),
+            }));
+        }
+        return parts.join(', ');
+    };
+    const { errorCount, warningCount, groups } = useMemo(() => {
+        let errors = 0;
+        let warnings = 0;
+        // Preserve insertion order from `graph.nodes` so the dropdown matches
+        // canvas left-to-right reading order; graph-wide issues are appended last.
+        const byKey = new Map();
+        const nodeById = new Map(graph.nodes.map((n) => [n.id, n]));
+        const getOrCreate = (key) => {
+            let g = byKey.get(key);
+            if (!g) {
+                const node = nodeById.get(key) ?? null;
+                g = {
+                    key,
+                    node,
+                    def: node ? (getNodeType(node.kind) ?? null) : null,
+                    errors: [],
+                    warnings: [],
+                };
+                byKey.set(key, g);
+            }
+            return g;
+        };
+        for (const issue of issues) {
+            if (issue.severity === 'error')
+                errors += 1;
+            else
+                warnings += 1;
+            const key = issue.nodeId ?? NODELESS_GROUP;
+            const g = getOrCreate(key);
+            if (issue.severity === 'error')
+                g.errors.push(issue);
+            else
+                g.warnings.push(issue);
+        }
+        // Order: graph-wide bucket first (cycle / unreachable / etc. block the
+        // whole canvas and deserve top billing), then per-node buckets in
+        // canvas order.
+        const ordered = [];
+        const graphWide = byKey.get(NODELESS_GROUP);
+        if (graphWide)
+            ordered.push(graphWide);
+        for (const node of graph.nodes) {
+            const g = byKey.get(node.id);
+            if (g)
+                ordered.push(g);
+        }
+        return { errorCount: errors, warningCount: warnings, groups: ordered };
+    }, [issues, graph.nodes, getNodeType]);
+    // Noise guard: only surface the "validating" affordance when we're
+    // re-checking a graph that ALREADY shows issues (the retained `displayIssues`
+    // the host passes in during a save). A clean graph (no issues) stays hidden
+    // mid-save — the header save-status spinner already covers that case — so
+    // editing a valid graph never flashes a banner on every keystroke.
+    if (readOnly || issues.length === 0)
+        return null;
+    const showValidating = validating;
+    const jumpToNode = (nodeId) => {
+        if (!nodeId || !graph.nodes.some((n) => n.id === nodeId))
+            return;
+        setSelectedNodeId(nodeId);
+        // revealInspector so jumping to a node from the banner also restores the
+        // inspector when it's parked (test mode), not just sets the drawer target.
+        revealInspector({ type: 'node', id: nodeId });
+        void fitView({ nodes: [{ id: nodeId }], duration: 400, maxZoom: 1.2 });
+    };
+    const jumpToIssue = (issue) => {
+        if (!issue.nodeId)
+            return;
+        jumpToNode(issue.nodeId);
+        if (issue.fieldKey) {
+            requestFieldFocus(issue.nodeId, issue.fieldKey);
+        }
+    };
+    return (jsxs(Box, { position: "absolute", top: 3, 
+        // Clear the floating `+` palette toggle (md IconButton at left={4}) when
+        // it's showing, so the banner sits beside it rather than under it.
+        left: paletteToggleVisible ? 16 : 3, zIndex: 5, maxW: "md", bg: "bg.surface", borderWidth: "1px", borderColor: errorCount > 0 ? 'danger.main' : 'warning.main', borderRadius: "md", boxShadow: "sm", overflow: "hidden", children: [showValidating ? (jsxs(Flex, { align: "center", gap: 2, px: 3, py: 2, bg: "slate.50", borderBottomWidth: "1px", borderColor: "slate.200", children: [jsx(Spinner, { size: "xs" }), jsx(Subtext, { fontWeight: "semibold", color: "slate.1100", children: translate('workflow_issues_validating') })] })) : null, jsxs(Box, { as: "button", w: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", gap: 3, px: 3, py: 2, bg: "transparent", border: "none", cursor: "pointer", opacity: showValidating ? 0.6 : 1, transition: "opacity 0.15s", onClick: () => setOpen((o) => !o), children: [jsx(Text, { fontSize: "sm", fontWeight: "semibold", color: "slate.1300", children: summarize(errorCount, warningCount) }), jsx(TbChevronDown, { boxSize: "xs", color: "slate.900", transform: open ? 'rotate(180deg)' : 'none', transition: "transform 0.15s" })] }), open ? (jsx(VStack, { align: "stretch", gap: 0, maxH: "80", overflowY: "auto", opacity: showValidating ? 0.6 : 1, transition: "opacity 0.15s", borderTopWidth: "1px", borderColor: "slate.200", children: groups.map((group, gi) => (jsxs(Box, { borderTopWidth: gi === 0 ? 0 : '1px', borderColor: "slate.200", children: [jsxs(Flex, { align: "center", gap: 2, px: 3, py: 1.5, bg: "slate.50", cursor: group.node ? 'pointer' : 'default', _hover: group.node ? { bg: 'slate.100' } : undefined, onClick: group.node ? () => jumpToNode(group.key) : undefined, children: [group.def?.icon ? (jsx(Box, { color: "slate.1100", display: "flex", alignItems: "center", flexShrink: 0, children: jsx(group.def.icon, { boxSize: "xs" }) })) : null, jsx(Subtext, { fontWeight: "semibold", color: "slate.1300", truncate: true, children: group.node
+                                        ? getNodeTitle(group.node, group.def)
+                                        : translate('workflow_drawer_graph_group_title') })] }), group.errors.length > 0 ? (jsx(IssueList, { label: translate('workflow_issues_errors_label'), tone: "error", issues: group.errors, onIssueClick: group.node ? jumpToIssue : undefined, resolveMessage: resolveIssueMessage })) : null, group.warnings.length > 0 ? (jsx(IssueList, { label: translate('workflow_issues_warnings_label'), tone: "warning", issues: group.warnings, onIssueClick: group.node ? jumpToIssue : undefined, resolveMessage: resolveIssueMessage })) : null] }, group.key))) })) : null] }));
+}
+
+export { GraphErrorBanner };
+//# sourceMappingURL=GraphErrorBanner.mjs.map

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { IconTileProps } from './IconTile.types';
+/**
+ * The 24×24 tile that carries the only category-derived color in a node.
+ * Background uses the category's `bg` token; icon uses the `fg` token.
+ *
+ * `size` is the tile's outer side in px; the icon renders at the `xs`
+ * t-shirt token (16px) to match logician-ui's Icon sizing scale.
+ */
+export declare function IconTile({ category, icon: Icon, size, tokens, }: IconTileProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconTile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/IconTile/IconTile.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,IAAS,EACT,MAAM,GACP,EAAE,aAAa,2CAgBf"}

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

@@ -0,0 +1,21 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var IconTile_styles = require('./IconTile.styles.js');
+
+/**
+ * The 24×24 tile that carries the only category-derived color in a node.
+ * Background uses the category's `bg` token; icon uses the `fg` token.
+ *
+ * `size` is the tile's outer side in px; the icon renders at the `xs`
+ * t-shirt token (16px) to match logician-ui's Icon sizing scale.
+ */
+function IconTile({ category, icon: Icon, size = 24, tokens, }) {
+    const c = IconTile_styles.getCategoryTokens(category, tokens);
+    return (jsxRuntime.jsx(react.Box, { width: `${size}px`, height: `${size}px`, borderRadius: "sm", bg: c.bg, color: c.fg, display: "grid", placeItems: "center", flexShrink: 0, children: jsxRuntime.jsx(Icon, { boxSize: "xs" }) }));
+}
+
+exports.IconTile = IconTile;
+//# sourceMappingURL=IconTile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.js","sources":["../../../../../src/components/Workflow/canvas/IconTile/IconTile.tsx"],"sourcesContent":[null],"names":["getCategoryTokens","_jsx","Box"],"mappings":";;;;;;;AAOA;;;;;;AAMG;AACG,SAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,EAAE,EACT,MAAM,GACQ,EAAA;IACd,MAAM,CAAC,GAAGA,iCAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC7C,QACEC,cAAA,CAACC,SAAG,EAAA,EACF,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,EAClB,MAAM,EAAE,GAAG,IAAI,CAAA,EAAA,CAAI,EACnB,YAAY,EAAC,IAAI,EACjB,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,KAAK,EAAE,CAAC,CAAC,EAAE,EACX,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,CAAC,EAAA,QAAA,EAEbD,cAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACjB;AAEV;;;;"}

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

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@chakra-ui/react';
+import { getCategoryTokens } from './IconTile.styles.mjs';
+
+/**
+ * The 24×24 tile that carries the only category-derived color in a node.
+ * Background uses the category's `bg` token; icon uses the `fg` token.
+ *
+ * `size` is the tile's outer side in px; the icon renders at the `xs`
+ * t-shirt token (16px) to match logician-ui's Icon sizing scale.
+ */
+function IconTile({ category, icon: Icon, size = 24, tokens, }) {
+    const c = getCategoryTokens(category, tokens);
+    return (jsx(Box, { width: `${size}px`, height: `${size}px`, borderRadius: "sm", bg: c.bg, color: c.fg, display: "grid", placeItems: "center", flexShrink: 0, children: jsx(Icon, { boxSize: "xs" }) }));
+}
+
+export { IconTile };
+//# sourceMappingURL=IconTile.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.mjs","sources":["../../../../../src/components/Workflow/canvas/IconTile/IconTile.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOA;;;;;;AAMG;AACG,SAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,EAAE,EACT,MAAM,GACQ,EAAA;IACd,MAAM,CAAC,GAAG,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC7C,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,KAAK,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,EAClB,MAAM,EAAE,GAAG,IAAI,CAAA,EAAA,CAAI,EACnB,YAAY,EAAC,IAAI,EACjB,EAAE,EAAE,CAAC,CAAC,EAAE,EACR,KAAK,EAAE,CAAC,CAAC,EAAE,EACX,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,CAAC,EAAA,QAAA,EAEbA,GAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACjB;AAEV;;;;"}

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

@@ -0,0 +1,18 @@
+import type { NodeCategory } from '../../Workflow.types';
+import type { CategoryTokenMap, CategoryTokens } from './IconTile.types';
+/**
+ * Default mapping from the six categories to logician-ui semantic color
+ * tokens. "fg" tints the icon, "bg" fills the tile background. Output and
+ * Note don't map cleanly to a `colorPalette` so they're spelled out with
+ * raw token pairs.
+ *
+ * Host apps that want to retheme can override the map via the
+ * `categoryTokens` prop on `<Workflow>` — see WorkflowContext.
+ */
+export declare const DEFAULT_CATEGORY_TOKENS: CategoryTokenMap;
+/**
+ * Returns tokens for a category, falling back to `output` if a host passes
+ * an unknown category (e.g. from a JSON graph payload).
+ */
+export declare function getCategoryTokens(category: NodeCategory, map?: CategoryTokenMap): CategoryTokens;
+//# sourceMappingURL=IconTile.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/IconTile/IconTile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEzE;;;;;;;;GAQG;AACH,eAAO,MAAM,uBAAuB,EAAE,gBAgBrC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,YAAY,EACtB,GAAG,GAAE,gBAA0C,GAC9C,cAAc,CAEhB"}

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

@@ -0,0 +1,40 @@
+"use client";
+'use strict';
+
+/**
+ * Default mapping from the six categories to logician-ui semantic color
+ * tokens. "fg" tints the icon, "bg" fills the tile background. Output and
+ * Note don't map cleanly to a `colorPalette` so they're spelled out with
+ * raw token pairs.
+ *
+ * Host apps that want to retheme can override the map via the
+ * `categoryTokens` prop on `<Workflow>` — see WorkflowContext.
+ */
+const DEFAULT_CATEGORY_TOKENS = {
+    trigger: {
+        bg: 'success.lightest',
+        fg: 'success.main',
+        border: 'slate.300',
+    },
+    ai: { bg: 'primary.lightest', fg: 'primary.main', border: 'slate.300' },
+    logic: {
+        bg: 'secondary.lightest',
+        fg: 'secondary.main',
+        border: 'slate.300',
+    },
+    safety: { bg: 'danger.lightest', fg: 'danger.main', border: 'slate.300' },
+    output: { bg: 'slate.50', fg: 'slate.1200', border: 'slate.300' },
+    // Note's `border` doubles as the body border so it reads as warm, not gray.
+    note: { bg: 'warning.lightest', fg: 'warning.dark', border: 'warning.light' },
+};
+/**
+ * Returns tokens for a category, falling back to `output` if a host passes
+ * an unknown category (e.g. from a JSON graph payload).
+ */
+function getCategoryTokens(category, map = DEFAULT_CATEGORY_TOKENS) {
+    return map[category] ?? DEFAULT_CATEGORY_TOKENS.output;
+}
+
+exports.DEFAULT_CATEGORY_TOKENS = DEFAULT_CATEGORY_TOKENS;
+exports.getCategoryTokens = getCategoryTokens;
+//# sourceMappingURL=IconTile.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.styles.js","sources":["../../../../../src/components/Workflow/canvas/IconTile/IconTile.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGA;;;;;;;;AAQG;AACI,MAAM,uBAAuB,GAAqB;AACvD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,EAAE,EAAE,cAAc;AAClB,QAAA,MAAM,EAAE,WAAW;AACpB,KAAA;AACD,IAAA,EAAE,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE;AACvE,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,MAAM,EAAE,WAAW;AACpB,KAAA;AACD,IAAA,MAAM,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE;AACzE,IAAA,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;;AAEjE,IAAA,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE;;AAG/E;;;AAGG;SACa,iBAAiB,CAC/B,QAAsB,EACtB,MAAwB,uBAAuB,EAAA;IAE/C,OAAO,GAAG,CAAC,QAAQ,CAAC,IAAI,uBAAuB,CAAC,MAAM;AACxD;;;;;"}

package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs

@@ -0,0 +1,37 @@
+"use client";
+/**
+ * Default mapping from the six categories to logician-ui semantic color
+ * tokens. "fg" tints the icon, "bg" fills the tile background. Output and
+ * Note don't map cleanly to a `colorPalette` so they're spelled out with
+ * raw token pairs.
+ *
+ * Host apps that want to retheme can override the map via the
+ * `categoryTokens` prop on `<Workflow>` — see WorkflowContext.
+ */
+const DEFAULT_CATEGORY_TOKENS = {
+    trigger: {
+        bg: 'success.lightest',
+        fg: 'success.main',
+        border: 'slate.300',
+    },
+    ai: { bg: 'primary.lightest', fg: 'primary.main', border: 'slate.300' },
+    logic: {
+        bg: 'secondary.lightest',
+        fg: 'secondary.main',
+        border: 'slate.300',
+    },
+    safety: { bg: 'danger.lightest', fg: 'danger.main', border: 'slate.300' },
+    output: { bg: 'slate.50', fg: 'slate.1200', border: 'slate.300' },
+    // Note's `border` doubles as the body border so it reads as warm, not gray.
+    note: { bg: 'warning.lightest', fg: 'warning.dark', border: 'warning.light' },
+};
+/**
+ * Returns tokens for a category, falling back to `output` if a host passes
+ * an unknown category (e.g. from a JSON graph payload).
+ */
+function getCategoryTokens(category, map = DEFAULT_CATEGORY_TOKENS) {
+    return map[category] ?? DEFAULT_CATEGORY_TOKENS.output;
+}
+
+export { DEFAULT_CATEGORY_TOKENS, getCategoryTokens };
+//# sourceMappingURL=IconTile.styles.mjs.map

package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.styles.mjs","sources":["../../../../../src/components/Workflow/canvas/IconTile/IconTile.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAGA;;;;;;;;AAQG;AACI,MAAM,uBAAuB,GAAqB;AACvD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,EAAE,EAAE,cAAc;AAClB,QAAA,MAAM,EAAE,WAAW;AACpB,KAAA;AACD,IAAA,EAAE,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE;AACvE,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,gBAAgB;AACpB,QAAA,MAAM,EAAE,WAAW;AACpB,KAAA;AACD,IAAA,MAAM,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE;AACzE,IAAA,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;;AAEjE,IAAA,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,eAAe,EAAE;;AAG/E;;;AAGG;SACa,iBAAiB,CAC/B,QAAsB,EACtB,MAAwB,uBAAuB,EAAA;IAE/C,OAAO,GAAG,CAAC,QAAQ,CAAC,IAAI,uBAAuB,CAAC,MAAM;AACxD;;;;"}

package/dist/components/Workflow/canvas/IconTile/IconTile.types.d.ts

@@ -0,0 +1,15 @@
+import { type CreatedIcon } from '@/components/Icon';
+import type { NodeCategory } from '../../Workflow.types';
+export type CategoryTokens = {
+    bg: string;
+    fg: string;
+    border: string;
+};
+export type CategoryTokenMap = Record<NodeCategory, CategoryTokens>;
+export type IconTileProps = {
+    category: NodeCategory;
+    icon: CreatedIcon;
+    size?: number;
+    tokens?: CategoryTokenMap;
+};
+//# sourceMappingURL=IconTile.types.d.ts.map

package/dist/components/Workflow/canvas/IconTile/IconTile.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconTile.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/IconTile/IconTile.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAEpE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B,CAAC"}

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

@@ -0,0 +1,4 @@
+export { IconTile } from './IconTile';
+export { DEFAULT_CATEGORY_TOKENS, getCategoryTokens } from './IconTile.styles';
+export type { CategoryTokenMap, CategoryTokens, IconTileProps, } from './IconTile.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/IconTile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,YAAY,EACV,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,24 @@
+import type { Issue } from '../../Workflow.types';
+/**
+ * Severity-bucketed list of node issues rendered inside the floating canvas
+ * banner's dropdown. Row-style — each issue is an inline row with a thin
+ * severity bar, sized for dense scanning rather than block-level reading.
+ */
+export declare function IssueList({ label, tone, issues, onIssueClick, resolveMessage, }: {
+    label: string;
+    tone: 'error' | 'warning';
+    issues: Issue[];
+    /**
+     * Optional row click handler — when present, each row becomes a button
+     * that jumps the inspector to the offending field. Stops propagation so
+     * the parent bucket's own click (jump to node) doesn't also fire.
+     */
+    onIssueClick?: (issue: Issue) => void;
+    /**
+     * Map an issue to its display message. Defaults to `issue.message`
+     * (English). Callers wire in `useWorkflowIssueMessage` to get the
+     * localized form.
+     */
+    resolveMessage?: (issue: Issue) => string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IssueList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IssueList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/IssueList/IssueList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,cAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;CAC3C,2CA8CA"}

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

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+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 issueSeverity = require('../issueSeverity.js');
+var SeverityDot = require('../SeverityDot/SeverityDot.js');
+
+/**
+ * Severity-bucketed list of node issues rendered inside the floating canvas
+ * banner's dropdown. Row-style — each issue is an inline row with a thin
+ * severity bar, sized for dense scanning rather than block-level reading.
+ */
+function IssueList({ label, tone, issues, onIssueClick, resolveMessage, }) {
+    const color = issueSeverity.severityColorToken(tone);
+    return (jsxRuntime.jsxs(react.Box, { children: [jsxRuntime.jsxs(react.HStack, { gap: 1, px: 3, pt: 1.5, pb: 0.5, children: [jsxRuntime.jsx(SeverityDot.SeverityDot, { severity: tone }), jsxRuntime.jsxs(Subtext.Subtext, { fontWeight: "medium", color: color, textTransform: "uppercase", letterSpacing: "wider", children: [label, " \u00B7 ", issues.length] })] }), issues.map((issue, i) => (jsxRuntime.jsxs(react.Flex, { gap: 2, px: 3, py: 1.5, align: "center", cursor: onIssueClick ? 'pointer' : undefined, _hover: onIssueClick ? { bg: 'slate.50' } : undefined, onClick: onIssueClick
+                    ? (e) => {
+                        e.stopPropagation();
+                        onIssueClick(issue);
+                    }
+                    : undefined, children: [jsxRuntime.jsx(react.Box, { w: "3px", flexShrink: 0, borderRadius: "full", bg: issueSeverity.severityColorToken(issue.severity) }), jsxRuntime.jsx(Text.Text, { fontSize: "sm", color: "slate.1200", children: resolveMessage ? resolveMessage(issue) : issue.message })] }, `${issue.code}_${i}`)))] }));
+}
+
+exports.IssueList = IssueList;
+//# sourceMappingURL=IssueList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IssueList.js","sources":["../../../../../src/components/Workflow/canvas/IssueList/IssueList.tsx"],"sourcesContent":[null],"names":["severityColorToken","_jsxs","Box","HStack","_jsx","SeverityDot","Subtext","Flex","Text"],"mappings":";;;;;;;;;;;;;;;;;AAUA;;;;AAIG;AACG,SAAU,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,cAAc,GAiBf,EAAA;AACC,IAAA,MAAM,KAAK,GAAGA,gCAAkB,CAAC,IAAI,CAAC;IACtC,QACEC,eAAA,CAACC,SAAG,EAAA,EAAA,QAAA,EAAA,CACFD,eAAA,CAACE,YAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAA,QAAA,EAAA,CACrCC,cAAA,CAACC,uBAAW,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAA,CAAI,EAC/BJ,eAAA,CAACK,eAAO,EAAA,EACN,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,OAAO,EAAA,QAAA,EAAA,CAEpB,KAAK,EAAA,UAAA,EAAK,MAAM,CAAC,MAAM,CAAA,EAAA,CAChB,CAAA,EAAA,CACH,EACR,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,MACnBL,eAAA,CAACM,UAAI,EAAA,EAEH,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,GAAG,EACP,KAAK,EAAC,QAAQ,EACd,MAAM,EAAE,YAAY,GAAG,SAAS,GAAG,SAAS,EAC5C,MAAM,EAAE,YAAY,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,SAAS,EACrD,OAAO,EACL;AACE,sBAAE,CAAC,CAAC,KAAI;wBACJ,CAAC,CAAC,eAAe,EAAE;wBACnB,YAAY,CAAC,KAAK,CAAC;oBACrB;AACF,sBAAE,SAAS,EAAA,QAAA,EAAA,CAGfH,cAAA,CAACF,SAAG,EAAA,EACF,CAAC,EAAC,KAAK,EACP,UAAU,EAAE,CAAC,EACb,YAAY,EAAC,MAAM,EACnB,EAAE,EAAEF,gCAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA,CACtC,EACFI,cAAA,CAACI,SAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,QAAA,EACnC,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,OAAO,EAAA,CAClD,CAAA,EAAA,EAxBF,CAAA,EAAG,KAAK,CAAC,IAAI,CAAA,CAAA,EAAI,CAAC,CAAA,CAAE,CAyBpB,CACR,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}