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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerShell.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerShell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAsC,MAAM,OAAO,CAAC;AAU/E,OAAO,KAAK,EACV,QAAQ,EACR,qBAAqB,EAItB,MAAM,sBAAsB,CAAC;AAO9B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CACzD,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAc,EACd,gBAAgB,GACjB,EAAE,kBAAkB,2CAiEpB"}

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

@@ -0,0 +1,178 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var Button = require('../../../Button/Button.js');
+var index = require('../../../Icon/index.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');
+require('../../../Typography/Subtext.js');
+require('../../../Typography/Subtitle.js');
+var Text = require('../../../Typography/Text.js');
+var connectionRules = require('../../connectionRules.js');
+var createNode = require('../../createNode.js');
+var WorkflowContext = require('../../WorkflowContext/WorkflowContext.js');
+var BuiltInEdgeInspector = require('../EdgeInspector/BuiltInEdgeInspector.js');
+var endpointTitle = require('../EdgeInspector/endpointTitle.js');
+var FloatingCard = require('../FloatingCard/FloatingCard.js');
+var DrawerHeader = require('./DrawerHeader.js');
+var DrawerIssues = require('./DrawerIssues.js');
+
+/**
+ * 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).
+ */
+function NodeInspector({ dock = 'right', renderEdgeDrawer, }) {
+    const { graph, dispatch, getNodeType, editor, setDrawerTarget, issuesByNode, issuesByEdge, readOnly, hostBridge, } = WorkflowContext.useWorkflow();
+    const target = editor.drawerTarget;
+    const node = target?.type === 'node'
+        ? (graph.nodes.find((n) => n.id === target.id) ?? null)
+        : null;
+    const edge = target?.type === 'edge'
+        ? (graph.edges.find((e) => e.id === target.id) ?? null)
+        : null;
+    // Target points at something that no longer exists (e.g. just deleted) —
+    // clear it defensively so the drawer doesn't get stuck open on a ghost.
+    React.useEffect(() => {
+        if (target && !node && !edge)
+            setDrawerTarget(null);
+    }, [target, node, edge, setDrawerTarget]);
+    // Render even when read-only: node/edge inspectors disable their own controls
+    // via the `readOnly` flag, so the drawer stays a legible read-only view (used
+    // by the version-history preview). Callers that want it gone simply don't
+    // mount <NodeInspector>.
+    if (!target)
+        return null;
+    if (target.type === 'node') {
+        if (!node)
+            return null;
+        return (
+        // Keyed by node id so switching between two same-kind nodes remounts the
+        // drawer — without this, scroll offset and collapsed-section state from
+        // the previous node carry over to the next one.
+        jsxRuntime.jsx(NodeDrawer, { node: node, issuesByNode: issuesByNode, hostBridge: hostBridge, readOnly: readOnly, dock: dock, dispatch: dispatch, getNodeType: getNodeType, graphNodes: graph.nodes, setDrawerTarget: setDrawerTarget }, node.id));
+    }
+    if (!edge)
+        return null;
+    return (jsxRuntime.jsx(EdgeDrawer, { edge: edge, issues: issuesByEdge[edge.id] ?? [], hostBridge: hostBridge, readOnly: readOnly, dock: dock, RenderEdge: renderEdgeDrawer }));
+}
+/**
+ * Shared drawer chrome: a floating `Card` inspector with a header + scrollable
+ * body. Kept in its own column (rather than overlaying) so it never covers the
+ * canvas MiniMap; the margin gutter detaches it from the edges and the top
+ * inset clears any floating action controls a host renders in the canvas
+ * top-right.
+ *
+ * `alignSelf="flex-start"` opts the card out of the flex row's stretch so it
+ * sizes to its content rather than the full canvas height; `maxHeight` caps it
+ * at the available column (minus the `mt`/`mb` gutters, kept in sync via the
+ * spacing CSS vars) so a long inspector still scrolls its body instead of
+ * overflowing.
+ */
+function DrawerFrame({ header, children, dock, }) {
+    // A right dock clears the host's top-right action card (mt=20); a left dock
+    // (version-history preview) has nothing above it, so it sits at the same top
+    // gutter as the palette (mt=4).
+    const topInset = dock === 'left' ? 4 : 20;
+    return (jsxRuntime.jsxs(FloatingCard.FloatingCard
+    // A left dock renders before the canvas in the flex row; a right dock
+    // after. The host hides the palette when docking left, so order:-1 lands
+    // the inspector at the left edge.
+    , { 
+        // A left dock renders before the canvas in the flex row; a right dock
+        // after. The host hides the palette when docking left, so order:-1 lands
+        // the inspector at the left edge.
+        order: dock === 'left' ? -1 : undefined, mt: topInset, mb: 4, mx: 4, alignSelf: "flex-start", maxHeight: `calc(100% - var(--chakra-spacing-${topInset}) - var(--chakra-spacing-4))`, display: "flex", flexDirection: "column", children: [header, jsxRuntime.jsx(react.Box, { flex: "1", minHeight: 0, overflowY: "auto", children: children })] }));
+}
+/**
+ * Wraps an inspector body in a disabled `<fieldset>` when read-only (version
+ * preview). A disabled fieldset natively disables every form control nested in
+ * it — inputs, textareas, selects, buttons, switches — so the whole inspector
+ * goes read-only without each node type having to gate every control. The
+ * header (close button) lives outside this, so the drawer can still be closed.
+ */
+function ReadOnlyFieldset({ readOnly, children, }) {
+    return (jsxRuntime.jsx(react.chakra.fieldset, { disabled: readOnly, border: "0", m: 0, p: 0, minW: 0, children: children }));
+}
+function NodeDrawer({ node, issuesByNode, hostBridge, readOnly, dock, dispatch, getNodeType, graphNodes, setDrawerTarget, }) {
+    const translate = WorkflowContext.useWorkflowTranslate();
+    const def = getNodeType(node.kind);
+    const issues = React.useMemo(() => issuesByNode[node.id] ?? [], [issuesByNode, node.id]);
+    // Field-scoped issues render inline beneath their inputs via FieldWrapper.
+    // Only node-scoped issues that DON'T target a specific field (e.g.
+    // graph-level "unreachable from start") still need a header surface.
+    const orphanIssues = React.useMemo(() => issues.filter((i) => !i.fieldKey), [issues]);
+    if (!def)
+        return null;
+    const Render = def.renderDrawer;
+    const Icon = def.icon;
+    // Title the drawer with the instance (an agent's name), not the kind — with
+    // several same-kind nodes the kind alone doesn't say which one is open. The
+    // kind stays visible as the subtitle (dropped when the node is unnamed and
+    // the title already IS the kind label).
+    const instanceTitle = endpointTitle.endpointTitle(node, def, node.id);
+    // Single dispatch path for every config write, so a handle rename (e.g. a
+    // renamed Classify category, whose handle is `cat_<name>`) always moves its
+    // edge instead of orphaning it.
+    const applyConfig = (next) => dispatch({
+        type: 'updateNodeConfig',
+        id: node.id,
+        config: next,
+        remapEdgeHandle: connectionRules.renamedOutputHandle(def.handles, node.config, next),
+    });
+    const header = (jsxRuntime.jsx(DrawerHeader.DrawerHeader, { icon: jsxRuntime.jsx(react.Box, { color: "slate.1200", display: "flex", alignItems: "center", children: jsxRuntime.jsx(Icon, { boxSize: "xs" }) }), title: instanceTitle, subtitle: instanceTitle === def.label ? undefined : def.label, lineClampTitle: true, menuItems: 
+        // No mutating actions in read-only (version preview) — selection stays
+        // enabled so the node is still inspectable, but Duplicate/Delete are
+        // hidden so the previewed graph can't be edited.
+        !readOnly && !def.placement?.pinned ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Menu.Menu.Item, { value: "duplicate", onClick: () => {
+                        const clone = createNode.cloneNode(node, graphNodes);
+                        dispatch({ type: 'addNode', node: clone });
+                        setDrawerTarget({ type: 'node', id: clone.id });
+                    }, children: translate('workflow_node_duplicate') }), jsxRuntime.jsx(Menu.Menu.Item, { value: "delete", color: "danger.main", onClick: () => {
+                        dispatch({ type: 'deleteNode', id: node.id });
+                        setDrawerTarget(null);
+                    }, children: translate('workflow_node_delete') })] })) : undefined, onClose: () => setDrawerTarget(null) }));
+    return (jsxRuntime.jsxs(DrawerFrame, { header: header, dock: dock, children: [jsxRuntime.jsx(DrawerIssues.DrawerIssues, { issues: orphanIssues }), jsxRuntime.jsx(ReadOnlyFieldset, { readOnly: readOnly, children: Render ? (jsxRuntime.jsx(Render, { id: node.id, config: node.config, issues: issues, readOnly: readOnly, hostBridge: hostBridge, onChange: applyConfig })) : (jsxRuntime.jsx(Text.Text, { color: "slate.600", fontSize: "sm", px: 4, py: 4, children: translate('workflow_drawer_empty_settings') })) })] }));
+}
+function EdgeDrawer({ edge, issues, hostBridge, readOnly, dock, RenderEdge, }) {
+    const translate = WorkflowContext.useWorkflowTranslate();
+    const { graph, dispatch, getNodeType, setDrawerTarget, setSelectedEdgeId } = WorkflowContext.useWorkflow();
+    const sourceNode = graph.nodes.find((n) => n.id === edge.source);
+    const targetNode = graph.nodes.find((n) => n.id === edge.target);
+    const connectionTitle = translate('workflow_edge_connection', {
+        source: endpointTitle.endpointTitle(sourceNode, sourceNode ? getNodeType(sourceNode.kind) : undefined, edge.source),
+        target: endpointTitle.endpointTitle(targetNode, targetNode ? getNodeType(targetNode.kind) : undefined, edge.target),
+    });
+    const onChange = (next) => dispatch({
+        type: 'updateEdge',
+        id: edge.id,
+        patch: { label: next.label },
+    });
+    const onDelete = () => {
+        dispatch({ type: 'deleteEdge', id: edge.id });
+        setDrawerTarget(null);
+        setSelectedEdgeId(null);
+    };
+    const header = (
+    // Delete moved out of the kebab into an explicit button at the foot of the
+    // drawer (below), so it's discoverable when you just click an edge — the
+    // hover-X on the canvas only appears over the edge's name badge now.
+    jsxRuntime.jsx(DrawerHeader.DrawerHeader, { title: connectionTitle, lineClampTitle: true, onClose: () => setDrawerTarget(null) }));
+    return (jsxRuntime.jsxs(DrawerFrame, { header: header, dock: dock, children: [jsxRuntime.jsx(DrawerIssues.DrawerIssues, { issues: issues }), jsxRuntime.jsx(ReadOnlyFieldset, { readOnly: readOnly, children: RenderEdge ? (jsxRuntime.jsx(RenderEdge, { edge: edge, onChange: onChange, issues: issues, readOnly: readOnly, hostBridge: hostBridge })) : (jsxRuntime.jsx(BuiltInEdgeInspector.BuiltInEdgeInspector, { edge: edge, onChange: onChange, issues: issues, readOnly: readOnly, hostBridge: hostBridge })) }), readOnly ? null : (jsxRuntime.jsx(react.Box, { borderTopWidth: "1px", borderColor: "slate.200", px: 4, py: 3, children: jsxRuntime.jsxs(Button.Button, { size: "sm", variant: "outline", colorPalette: "danger", width: "100%", onClick: onDelete, children: [jsxRuntime.jsx(index.TbX, { boxSize: "xs" }), translate('workflow_edge_delete')] }) }))] }));
+}
+
+exports.NodeInspector = NodeInspector;
+//# sourceMappingURL=DrawerShell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerShell.js","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/DrawerShell.tsx"],"sourcesContent":[null],"names":["useWorkflow","useEffect","_jsx","_jsxs","FloatingCard","Box","chakra","useWorkflowTranslate","useMemo","endpointTitle","renamedOutputHandle","DrawerHeader","Menu","cloneNode","DrawerIssues","Text","BuiltInEdgeInspector","Button","TbX"],"mappings":"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"}

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

@@ -0,0 +1,176 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useEffect, useMemo } from 'react';
+import { Box, chakra } from '@chakra-ui/react';
+import { Button } from '../../../Button/Button.mjs';
+import { TbX } from '../../../Icon/index.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 '../../../Typography/Subtext.mjs';
+import '../../../Typography/Subtitle.mjs';
+import { Text } from '../../../Typography/Text.mjs';
+import { renamedOutputHandle } from '../../connectionRules.mjs';
+import { cloneNode } from '../../createNode.mjs';
+import { useWorkflow, useWorkflowTranslate } from '../../WorkflowContext/WorkflowContext.mjs';
+import { BuiltInEdgeInspector } from '../EdgeInspector/BuiltInEdgeInspector.mjs';
+import { endpointTitle } from '../EdgeInspector/endpointTitle.mjs';
+import { FloatingCard } from '../FloatingCard/FloatingCard.mjs';
+import { DrawerHeader } from './DrawerHeader.mjs';
+import { DrawerIssues } from './DrawerIssues.mjs';
+
+/**
+ * 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).
+ */
+function NodeInspector({ dock = 'right', renderEdgeDrawer, }) {
+    const { graph, dispatch, getNodeType, editor, setDrawerTarget, issuesByNode, issuesByEdge, readOnly, hostBridge, } = useWorkflow();
+    const target = editor.drawerTarget;
+    const node = target?.type === 'node'
+        ? (graph.nodes.find((n) => n.id === target.id) ?? null)
+        : null;
+    const edge = target?.type === 'edge'
+        ? (graph.edges.find((e) => e.id === target.id) ?? null)
+        : null;
+    // Target points at something that no longer exists (e.g. just deleted) —
+    // clear it defensively so the drawer doesn't get stuck open on a ghost.
+    useEffect(() => {
+        if (target && !node && !edge)
+            setDrawerTarget(null);
+    }, [target, node, edge, setDrawerTarget]);
+    // Render even when read-only: node/edge inspectors disable their own controls
+    // via the `readOnly` flag, so the drawer stays a legible read-only view (used
+    // by the version-history preview). Callers that want it gone simply don't
+    // mount <NodeInspector>.
+    if (!target)
+        return null;
+    if (target.type === 'node') {
+        if (!node)
+            return null;
+        return (
+        // Keyed by node id so switching between two same-kind nodes remounts the
+        // drawer — without this, scroll offset and collapsed-section state from
+        // the previous node carry over to the next one.
+        jsx(NodeDrawer, { node: node, issuesByNode: issuesByNode, hostBridge: hostBridge, readOnly: readOnly, dock: dock, dispatch: dispatch, getNodeType: getNodeType, graphNodes: graph.nodes, setDrawerTarget: setDrawerTarget }, node.id));
+    }
+    if (!edge)
+        return null;
+    return (jsx(EdgeDrawer, { edge: edge, issues: issuesByEdge[edge.id] ?? [], hostBridge: hostBridge, readOnly: readOnly, dock: dock, RenderEdge: renderEdgeDrawer }));
+}
+/**
+ * Shared drawer chrome: a floating `Card` inspector with a header + scrollable
+ * body. Kept in its own column (rather than overlaying) so it never covers the
+ * canvas MiniMap; the margin gutter detaches it from the edges and the top
+ * inset clears any floating action controls a host renders in the canvas
+ * top-right.
+ *
+ * `alignSelf="flex-start"` opts the card out of the flex row's stretch so it
+ * sizes to its content rather than the full canvas height; `maxHeight` caps it
+ * at the available column (minus the `mt`/`mb` gutters, kept in sync via the
+ * spacing CSS vars) so a long inspector still scrolls its body instead of
+ * overflowing.
+ */
+function DrawerFrame({ header, children, dock, }) {
+    // A right dock clears the host's top-right action card (mt=20); a left dock
+    // (version-history preview) has nothing above it, so it sits at the same top
+    // gutter as the palette (mt=4).
+    const topInset = dock === 'left' ? 4 : 20;
+    return (jsxs(FloatingCard
+    // A left dock renders before the canvas in the flex row; a right dock
+    // after. The host hides the palette when docking left, so order:-1 lands
+    // the inspector at the left edge.
+    , { 
+        // A left dock renders before the canvas in the flex row; a right dock
+        // after. The host hides the palette when docking left, so order:-1 lands
+        // the inspector at the left edge.
+        order: dock === 'left' ? -1 : undefined, mt: topInset, mb: 4, mx: 4, alignSelf: "flex-start", maxHeight: `calc(100% - var(--chakra-spacing-${topInset}) - var(--chakra-spacing-4))`, display: "flex", flexDirection: "column", children: [header, jsx(Box, { flex: "1", minHeight: 0, overflowY: "auto", children: children })] }));
+}
+/**
+ * Wraps an inspector body in a disabled `<fieldset>` when read-only (version
+ * preview). A disabled fieldset natively disables every form control nested in
+ * it — inputs, textareas, selects, buttons, switches — so the whole inspector
+ * goes read-only without each node type having to gate every control. The
+ * header (close button) lives outside this, so the drawer can still be closed.
+ */
+function ReadOnlyFieldset({ readOnly, children, }) {
+    return (jsx(chakra.fieldset, { disabled: readOnly, border: "0", m: 0, p: 0, minW: 0, children: children }));
+}
+function NodeDrawer({ node, issuesByNode, hostBridge, readOnly, dock, dispatch, getNodeType, graphNodes, setDrawerTarget, }) {
+    const translate = useWorkflowTranslate();
+    const def = getNodeType(node.kind);
+    const issues = useMemo(() => issuesByNode[node.id] ?? [], [issuesByNode, node.id]);
+    // Field-scoped issues render inline beneath their inputs via FieldWrapper.
+    // Only node-scoped issues that DON'T target a specific field (e.g.
+    // graph-level "unreachable from start") still need a header surface.
+    const orphanIssues = useMemo(() => issues.filter((i) => !i.fieldKey), [issues]);
+    if (!def)
+        return null;
+    const Render = def.renderDrawer;
+    const Icon = def.icon;
+    // Title the drawer with the instance (an agent's name), not the kind — with
+    // several same-kind nodes the kind alone doesn't say which one is open. The
+    // kind stays visible as the subtitle (dropped when the node is unnamed and
+    // the title already IS the kind label).
+    const instanceTitle = endpointTitle(node, def, node.id);
+    // Single dispatch path for every config write, so a handle rename (e.g. a
+    // renamed Classify category, whose handle is `cat_<name>`) always moves its
+    // edge instead of orphaning it.
+    const applyConfig = (next) => dispatch({
+        type: 'updateNodeConfig',
+        id: node.id,
+        config: next,
+        remapEdgeHandle: renamedOutputHandle(def.handles, node.config, next),
+    });
+    const header = (jsx(DrawerHeader, { icon: jsx(Box, { color: "slate.1200", display: "flex", alignItems: "center", children: jsx(Icon, { boxSize: "xs" }) }), title: instanceTitle, subtitle: instanceTitle === def.label ? undefined : def.label, lineClampTitle: true, menuItems: 
+        // No mutating actions in read-only (version preview) — selection stays
+        // enabled so the node is still inspectable, but Duplicate/Delete are
+        // hidden so the previewed graph can't be edited.
+        !readOnly && !def.placement?.pinned ? (jsxs(Fragment, { children: [jsx(Menu.Item, { value: "duplicate", onClick: () => {
+                        const clone = cloneNode(node, graphNodes);
+                        dispatch({ type: 'addNode', node: clone });
+                        setDrawerTarget({ type: 'node', id: clone.id });
+                    }, children: translate('workflow_node_duplicate') }), jsx(Menu.Item, { value: "delete", color: "danger.main", onClick: () => {
+                        dispatch({ type: 'deleteNode', id: node.id });
+                        setDrawerTarget(null);
+                    }, children: translate('workflow_node_delete') })] })) : undefined, onClose: () => setDrawerTarget(null) }));
+    return (jsxs(DrawerFrame, { header: header, dock: dock, children: [jsx(DrawerIssues, { issues: orphanIssues }), jsx(ReadOnlyFieldset, { readOnly: readOnly, children: Render ? (jsx(Render, { id: node.id, config: node.config, issues: issues, readOnly: readOnly, hostBridge: hostBridge, onChange: applyConfig })) : (jsx(Text, { color: "slate.600", fontSize: "sm", px: 4, py: 4, children: translate('workflow_drawer_empty_settings') })) })] }));
+}
+function EdgeDrawer({ edge, issues, hostBridge, readOnly, dock, RenderEdge, }) {
+    const translate = useWorkflowTranslate();
+    const { graph, dispatch, getNodeType, setDrawerTarget, setSelectedEdgeId } = useWorkflow();
+    const sourceNode = graph.nodes.find((n) => n.id === edge.source);
+    const targetNode = graph.nodes.find((n) => n.id === edge.target);
+    const connectionTitle = translate('workflow_edge_connection', {
+        source: endpointTitle(sourceNode, sourceNode ? getNodeType(sourceNode.kind) : undefined, edge.source),
+        target: endpointTitle(targetNode, targetNode ? getNodeType(targetNode.kind) : undefined, edge.target),
+    });
+    const onChange = (next) => dispatch({
+        type: 'updateEdge',
+        id: edge.id,
+        patch: { label: next.label },
+    });
+    const onDelete = () => {
+        dispatch({ type: 'deleteEdge', id: edge.id });
+        setDrawerTarget(null);
+        setSelectedEdgeId(null);
+    };
+    const header = (
+    // Delete moved out of the kebab into an explicit button at the foot of the
+    // drawer (below), so it's discoverable when you just click an edge — the
+    // hover-X on the canvas only appears over the edge's name badge now.
+    jsx(DrawerHeader, { title: connectionTitle, lineClampTitle: true, onClose: () => setDrawerTarget(null) }));
+    return (jsxs(DrawerFrame, { header: header, dock: dock, children: [jsx(DrawerIssues, { issues: issues }), jsx(ReadOnlyFieldset, { readOnly: readOnly, children: RenderEdge ? (jsx(RenderEdge, { edge: edge, onChange: onChange, issues: issues, readOnly: readOnly, hostBridge: hostBridge })) : (jsx(BuiltInEdgeInspector, { edge: edge, onChange: onChange, issues: issues, readOnly: readOnly, hostBridge: hostBridge })) }), readOnly ? null : (jsx(Box, { borderTopWidth: "1px", borderColor: "slate.200", px: 4, py: 3, children: jsxs(Button, { size: "sm", variant: "outline", colorPalette: "danger", width: "100%", onClick: onDelete, children: [jsx(TbX, { boxSize: "xs" }), translate('workflow_edge_delete')] }) }))] }));
+}
+
+export { NodeInspector };
+//# sourceMappingURL=DrawerShell.mjs.map

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

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

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

@@ -0,0 +1,3 @@
+export type { NodeInspectorProps } from './DrawerShell';
+export { NodeInspector } from './DrawerShell';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/DrawerShell/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.d.ts

@@ -0,0 +1,12 @@
+import type { EdgeDrawerRenderProps } from '../../Workflow.types';
+/**
+ * Built-in edge inspector body rendered in `DrawerShell` when the host does not
+ * supply a `renderEdgeDrawer`. Shows an editable label plus read-only endpoint
+ * info (source title → target title, and handle ids when present). Label edits
+ * flow through `onChange` (an `updateEdge` dispatch) so they are undoable.
+ *
+ * Deliberately uses only generic primitives (logician-ui + FieldWrapper) so the
+ * framework core stays domain-free.
+ */
+export declare function BuiltInEdgeInspector({ edge, onChange, readOnly, }: EdgeDrawerRenderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BuiltInEdgeInspector.d.ts.map

package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuiltInEdgeInspector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,qBAAqB,EAGtB,MAAM,sBAAsB,CAAC;AAwB9B;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,qBAAqB,2CAmEvB"}

package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js

@@ -0,0 +1,68 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var Input = require('../../../Input/Input.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 WorkflowContext = require('../../WorkflowContext/WorkflowContext.js');
+var FieldWrapper = require('../FieldWrapper/FieldWrapper.js');
+var endpointTitle = require('./endpointTitle.js');
+
+/**
+ * Author-facing line for the port an edge endpoint sits on. A resolved port
+ * shows its label (Pass / 분기 1 — the same text LabeledEdge rides on the
+ * wire) or nothing when unlabeled (raw ids like `out` are wiring detail). A
+ * DANGLING handle — one no current port matches, e.g. after restoring a
+ * snapshot whose category was renamed — falls back to the raw id, the only
+ * clue left for diagnosing the broken wire.
+ */
+function portLabel(node, def, side, handleId) {
+    if (!node || !def || !handleId)
+        return undefined;
+    const port = endpointTitle.findPort(node, def, side, handleId);
+    return port ? port.label : handleId;
+}
+/**
+ * Built-in edge inspector body rendered in `DrawerShell` when the host does not
+ * supply a `renderEdgeDrawer`. Shows an editable label plus read-only endpoint
+ * info (source title → target title, and handle ids when present). Label edits
+ * flow through `onChange` (an `updateEdge` dispatch) so they are undoable.
+ *
+ * Deliberately uses only generic primitives (logician-ui + FieldWrapper) so the
+ * framework core stays domain-free.
+ */
+function BuiltInEdgeInspector({ edge, onChange, readOnly, }) {
+    const translate = WorkflowContext.useWorkflowTranslate();
+    const { graph, getNodeType } = WorkflowContext.useWorkflow();
+    const sourceNode = graph.nodes.find((n) => n.id === edge.source);
+    const targetNode = graph.nodes.find((n) => n.id === edge.target);
+    const sourceDef = sourceNode ? getNodeType(sourceNode.kind) : undefined;
+    const targetDef = targetNode ? getNodeType(targetNode.kind) : undefined;
+    const sourceTitle = endpointTitle.endpointTitle(sourceNode, sourceDef, edge.source);
+    const targetTitle = endpointTitle.endpointTitle(targetNode, targetDef, edge.target);
+    return (jsxRuntime.jsx(react.Box, { px: 4, py: 4, children: jsxRuntime.jsxs(react.VStack, { align: "stretch", gap: 4, children: [jsxRuntime.jsx(FieldWrapper.FieldWrapper
+                // Edges have no field-scoped issues in `issuesByField` (which is keyed
+                // by nodeId), so this lookup is intentionally empty — FieldWrapper is
+                // reused purely for its label + layout.
+                , { 
+                    // Edges have no field-scoped issues in `issuesByField` (which is keyed
+                    // by nodeId), so this lookup is intentionally empty — FieldWrapper is
+                    // reused purely for its label + layout.
+                    nodeId: edge.id, fieldKey: "label", label: translate('workflow_edge_label_label'), children: ({ borderColor }) => (jsxRuntime.jsx(Input.Input, { borderColor: borderColor, value: edge.label ?? '', disabled: readOnly, placeholder: translate('workflow_edge_label_placeholder'), onChange: (e) => onChange({ ...edge, label: e.target.value || undefined }) })) }), jsxRuntime.jsxs(react.Stack, { gap: 1.5, children: [jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "semibold", color: "slate.1300", children: translate('workflow_edge_endpoints_heading') }), jsxRuntime.jsxs(react.Stack, { gap: 2, children: [jsxRuntime.jsx(EndpointRow, { label: translate('workflow_edge_source_label'), title: sourceTitle, portLabel: portLabel(sourceNode, sourceDef, 'outputs', edge.sourceHandle) }), jsxRuntime.jsx(EndpointRow, { label: translate('workflow_edge_target_label'), title: targetTitle, portLabel: portLabel(targetNode, targetDef, 'inputs', edge.targetHandle) })] })] })] }) }));
+}
+/** One read-only endpoint line: role label, resolved node title, optional port label. */
+function EndpointRow({ label, title, portLabel, }) {
+    return (jsxRuntime.jsxs(react.Stack, { gap: 0.5, children: [jsxRuntime.jsx(Subtext.Subtext, { color: "slate.900", children: label }), jsxRuntime.jsx(Subtext.Subtext, { color: "slate.1200", children: title }), portLabel ? jsxRuntime.jsx(Subtext.Subtext, { color: "slate.700", children: portLabel }) : null] }));
+}
+
+exports.BuiltInEdgeInspector = BuiltInEdgeInspector;
+//# sourceMappingURL=BuiltInEdgeInspector.js.map

package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuiltInEdgeInspector.js","sources":["../../../../../src/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.tsx"],"sourcesContent":[null],"names":["findPort","useWorkflowTranslate","useWorkflow","endpointTitle","_jsx","Box","_jsxs","VStack","FieldWrapper","Input","Stack","Subtext"],"mappings":"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"}

package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs

@@ -0,0 +1,66 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, VStack, Stack } from '@chakra-ui/react';
+import { Input } from '../../../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 { Subtext } from '../../../Typography/Subtext.mjs';
+import '../../../Typography/Subtitle.mjs';
+import '../../../Typography/Text.mjs';
+import { useWorkflowTranslate, useWorkflow } from '../../WorkflowContext/WorkflowContext.mjs';
+import { FieldWrapper } from '../FieldWrapper/FieldWrapper.mjs';
+import { endpointTitle, findPort } from './endpointTitle.mjs';
+
+/**
+ * Author-facing line for the port an edge endpoint sits on. A resolved port
+ * shows its label (Pass / 분기 1 — the same text LabeledEdge rides on the
+ * wire) or nothing when unlabeled (raw ids like `out` are wiring detail). A
+ * DANGLING handle — one no current port matches, e.g. after restoring a
+ * snapshot whose category was renamed — falls back to the raw id, the only
+ * clue left for diagnosing the broken wire.
+ */
+function portLabel(node, def, side, handleId) {
+    if (!node || !def || !handleId)
+        return undefined;
+    const port = findPort(node, def, side, handleId);
+    return port ? port.label : handleId;
+}
+/**
+ * Built-in edge inspector body rendered in `DrawerShell` when the host does not
+ * supply a `renderEdgeDrawer`. Shows an editable label plus read-only endpoint
+ * info (source title → target title, and handle ids when present). Label edits
+ * flow through `onChange` (an `updateEdge` dispatch) so they are undoable.
+ *
+ * Deliberately uses only generic primitives (logician-ui + FieldWrapper) so the
+ * framework core stays domain-free.
+ */
+function BuiltInEdgeInspector({ edge, onChange, readOnly, }) {
+    const translate = useWorkflowTranslate();
+    const { graph, getNodeType } = useWorkflow();
+    const sourceNode = graph.nodes.find((n) => n.id === edge.source);
+    const targetNode = graph.nodes.find((n) => n.id === edge.target);
+    const sourceDef = sourceNode ? getNodeType(sourceNode.kind) : undefined;
+    const targetDef = targetNode ? getNodeType(targetNode.kind) : undefined;
+    const sourceTitle = endpointTitle(sourceNode, sourceDef, edge.source);
+    const targetTitle = endpointTitle(targetNode, targetDef, edge.target);
+    return (jsx(Box, { px: 4, py: 4, children: jsxs(VStack, { align: "stretch", gap: 4, children: [jsx(FieldWrapper
+                // Edges have no field-scoped issues in `issuesByField` (which is keyed
+                // by nodeId), so this lookup is intentionally empty — FieldWrapper is
+                // reused purely for its label + layout.
+                , { 
+                    // Edges have no field-scoped issues in `issuesByField` (which is keyed
+                    // by nodeId), so this lookup is intentionally empty — FieldWrapper is
+                    // reused purely for its label + layout.
+                    nodeId: edge.id, fieldKey: "label", label: translate('workflow_edge_label_label'), children: ({ borderColor }) => (jsx(Input, { borderColor: borderColor, value: edge.label ?? '', disabled: readOnly, placeholder: translate('workflow_edge_label_placeholder'), onChange: (e) => onChange({ ...edge, label: e.target.value || undefined }) })) }), jsxs(Stack, { gap: 1.5, children: [jsx(Subtext, { fontWeight: "semibold", color: "slate.1300", children: translate('workflow_edge_endpoints_heading') }), jsxs(Stack, { gap: 2, children: [jsx(EndpointRow, { label: translate('workflow_edge_source_label'), title: sourceTitle, portLabel: portLabel(sourceNode, sourceDef, 'outputs', edge.sourceHandle) }), jsx(EndpointRow, { label: translate('workflow_edge_target_label'), title: targetTitle, portLabel: portLabel(targetNode, targetDef, 'inputs', edge.targetHandle) })] })] })] }) }));
+}
+/** One read-only endpoint line: role label, resolved node title, optional port label. */
+function EndpointRow({ label, title, portLabel, }) {
+    return (jsxs(Stack, { gap: 0.5, children: [jsx(Subtext, { color: "slate.900", children: label }), jsx(Subtext, { color: "slate.1200", children: title }), portLabel ? jsx(Subtext, { color: "slate.700", children: portLabel }) : null] }));
+}
+
+export { BuiltInEdgeInspector };
+//# sourceMappingURL=BuiltInEdgeInspector.mjs.map

package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs.map

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

package/dist/components/Workflow/canvas/EdgeInspector/endpointTitle.d.ts

@@ -0,0 +1,19 @@
+import type { GraphNode, HandleDef, NodeTypeDef } from '../../Workflow.types';
+/**
+ * Author-facing title for an edge endpoint: the node-type's per-instance title
+ * (e.g. an agent's name) when available, else the type label, else the raw id.
+ *
+ * Shared by the edge inspector (drawer header connection title + endpoint info).
+ */
+export declare function endpointTitle(node: GraphNode | undefined, def: NodeTypeDef | undefined, fallbackId: string): string;
+/**
+ * Resolve the port an edge endpoint sits on, from the owning node's current
+ * handle set. `undefined` when the handle id no longer matches any port — a
+ * dangling endpoint (e.g. a restored snapshot referencing a renamed Classify
+ * category).
+ *
+ * Shared by the canvas wire label (LabeledEdge) and the edge inspector so the
+ * two surfaces can't drift on how a port is named.
+ */
+export declare function findPort(node: GraphNode | undefined, def: NodeTypeDef | undefined, side: 'inputs' | 'outputs', handleId: string | undefined): HandleDef | undefined;
+//# sourceMappingURL=endpointTitle.d.ts.map

package/dist/components/Workflow/canvas/EdgeInspector/endpointTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpointTitle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/EdgeInspector/endpointTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE9E;;;;;GAKG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,GAAG,EAAE,WAAW,GAAG,SAAS,EAC5B,UAAU,EAAE,MAAM,GACjB,MAAM,CAMR;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CACtB,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,GAAG,EAAE,WAAW,GAAG,SAAS,EAC5B,IAAI,EAAE,QAAQ,GAAG,SAAS,EAC1B,QAAQ,EAAE,MAAM,GAAG,SAAS,GAC3B,SAAS,GAAG,SAAS,CAGvB"}