@burdenoff/fluidgrids-fe-sdk 2026.801.1 → 2026.801.3

package/dist/{chunk-IVKT244I.js → chunk-AI5S3GO5.js}

@@ -1,6 +1,6 @@
 import { getGlobalStoreClient } from './chunk-BQXHJIER.js';
 import { GetMyNodeInstallationsDocument } from './chunk-PNOA7CQV.js';
-import { useFlowStore } from './chunk-KU64CCSV.js';
+import { useFlowStore } from './chunk-WSBRI47P.js';
 import { SdkPermissionGate, FLUIDGRIDS_PERMISSIONS } from './chunk-UIY2HBWA.js';
 import { NodeEndpointConfigsDocument, NodeManifestDocument, throwIfResultError, UpdateWorkflowDefinitionDocument, CreateWorkflowDefinitionDocument, CreateWorkflowVersionDocument, TriggerWorkflowDocument, describeOperationError, WorkflowRunDocument } from './chunk-XEYNX7YJ.js';
 import { waitForFluidGridsClient, getFluidGridsClient } from './chunk-5BDQNSP3.js';
@@ -409,6 +409,7 @@ var NodeCard = React.forwardRef(
                 top: -15,
                 transform: hovered ? "translateY(0)" : "translateY(4px)"
               },
+              onClick: (e) => e.stopPropagation(),
               onDoubleClick: (e) => e.stopPropagation(),
               children: [
                 onSettings && /* @__PURE__ */ jsx(ToolbarButton2, { title: "Configure", onClick: onSettings, children: /* @__PURE__ */ jsx(Icon, { icon: "lucide:sliders-horizontal", className: "size-4" }) }),
@@ -617,13 +618,8 @@ function CustomHandle({
     }
   ) });
 }
-var TONE_COLORS = {
-  success: "var(--color-status-success-text)",
-  error: "var(--color-status-error-text)",
-  warning: "var(--color-status-warning-text)",
-  info: "#3b82f6",
-  neutral: "var(--muted-foreground, #6b7280)"
-};
+
+// src/builder/components/flow-builder/components/blocks/nodes/node/handle-spec.ts
 function isDynamicSpec(spec) {
   return !!spec && !Array.isArray(spec) && typeof spec.fromStateRecord === "string";
 }
@@ -641,6 +637,98 @@ function resolveOutputHandles(data) {
   if (spec.length === 0) return DEFAULT_HANDLES;
   return spec;
 }
+var DEFAULT_INPUT_HANDLES = [{ id: "target", label: "" }];
+function resolveInputHandles(data) {
+  const nodeData = data?.nodeData;
+  const spec = nodeData?.inputHandles ?? nodeData?.operations?.inputHandles;
+  if (!Array.isArray(spec) || spec.length === 0) return DEFAULT_INPUT_HANDLES;
+  return spec;
+}
+function outputHandlesSpacerHeight(count) {
+  return count > 2 ? (count - 2) * 26 : 0;
+}
+var TONE_COLORS = {
+  success: "var(--color-status-success-text)",
+  error: "var(--color-status-error-text)",
+  warning: "var(--color-status-warning-text)",
+  info: "#3b82f6",
+  neutral: "var(--muted-foreground, #6b7280)"
+};
+function HandlePlusStub({
+  nodeId,
+  handleId,
+  color,
+  isConnectable,
+  isOnlyHandle,
+  anchor
+}) {
+  const startAttach = useFlowStore((s) => s.actions.pendingConnection.start);
+  const isArmedHere = useFlowStore(
+    (s) => s.workflow.pendingConnection?.nodeId === nodeId && s.workflow.pendingConnection?.handleId === handleId
+  );
+  const hasOutgoing = useStore(
+    (s) => s.edges.some(
+      (e) => e.source === nodeId && (e.sourceHandle === handleId || isOnlyHandle && (e.sourceHandle === null || e.sourceHandle === void 0))
+    )
+  );
+  if (hasOutgoing || isConnectable === false) return null;
+  const containerStyle = anchor === "card" ? {
+    left: "100%",
+    top: "50%",
+    transform: "translateY(-50%)",
+    marginLeft: 10
+  } : { left: 10, top: 0, transform: "translateY(-50%)" };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "nodrag nopan absolute flex items-center",
+      style: { ...containerStyle, pointerEvents: "none", zIndex: 5 },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: 16,
+              borderTop: `1.5px dashed ${color}`,
+              opacity: 0.5
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            title: "Add next node",
+            "aria-label": `Add next node from ${handleId}`,
+            "data-testid": `handle-plus-${nodeId}-${handleId}`,
+            onClick: (e) => {
+              e.stopPropagation();
+              startAttach({ nodeId, handleId });
+            },
+            onDoubleClick: (e) => e.stopPropagation(),
+            onMouseDown: (e) => e.stopPropagation(),
+            className: "cursor-pointer transition-transform hover:scale-110",
+            style: {
+              pointerEvents: "all",
+              width: 16,
+              height: 16,
+              borderRadius: "50%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              border: `1.5px solid ${color}`,
+              background: isArmedHere ? color : "var(--card, #fff)",
+              color: isArmedHere ? "var(--card, #fff)" : color,
+              boxShadow: isArmedHere ? `0 0 0 3px color-mix(in srgb, ${color} 22%, transparent)` : `0 0 0 2px color-mix(in srgb, ${color} 10%, transparent)`,
+              transition: "transform .12s ease, background .12s ease, color .12s ease"
+            },
+            children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:plus", className: "size-2.5" })
+          }
+        )
+      ]
+    }
+  );
+}
 function OutputHandles({
   nodeId,
   handles,
@@ -657,16 +745,30 @@ function OutputHandles({
   }, [nodeId, signature, updateNodeInternals]);
   if (handles.length === 1) {
     const handle = handles[0];
-    return /* @__PURE__ */ jsx(
-      CustomHandle,
-      {
-        type: "source",
-        id: handle.id,
-        position: Position.Right,
-        isConnectable,
-        accent: handle.tone ? TONE_COLORS[handle.tone] : accent
-      }
-    );
+    const color = handle.tone ? TONE_COLORS[handle.tone] : accent;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        CustomHandle,
+        {
+          type: "source",
+          id: handle.id,
+          position: Position.Right,
+          isConnectable,
+          accent: color
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        HandlePlusStub,
+        {
+          nodeId,
+          handleId: handle.id,
+          color,
+          isConnectable,
+          isOnlyHandle: true,
+          anchor: "card"
+        }
+      )
+    ] });
   }
   const total = handles.length;
   return /* @__PURE__ */ jsx(Fragment, { children: handles.map((handle, index) => {
@@ -692,16 +794,21 @@ function OutputHandles({
             "span",
             {
               className: "pointer-events-none absolute whitespace-nowrap text-[10px] font-medium leading-none",
-              style: {
-                color,
-                left: "100%",
-                marginLeft: 16,
-                top: "50%",
-                transform: "translateY(-50%)"
-              },
+              style: { color, left: 12, bottom: 8 },
               title: handle.label,
               children: handle.label
             }
+          ),
+          /* @__PURE__ */ jsx(
+            HandlePlusStub,
+            {
+              nodeId,
+              handleId: handle.id,
+              color,
+              isConnectable,
+              isOnlyHandle: false,
+              anchor: "point"
+            }
           )
         ]
       },
@@ -709,13 +816,6 @@ function OutputHandles({
     );
   }) });
 }
-var DEFAULT_INPUT_HANDLES = [{ id: "target", label: "" }];
-function resolveInputHandles(data) {
-  const nodeData = data?.nodeData;
-  const spec = nodeData?.inputHandles ?? nodeData?.operations?.inputHandles;
-  if (!Array.isArray(spec) || spec.length === 0) return DEFAULT_INPUT_HANDLES;
-  return spec;
-}
 function InputHandles({
   nodeId,
   handles,
@@ -784,9 +884,6 @@ function InputHandles({
     );
   }) });
 }
-function outputHandlesSpacerHeight(count) {
-  return count > 2 ? (count - 2) * 26 : 0;
-}
 function LogicNodeCard({
   title,
   subtitle,
@@ -801,6 +898,7 @@ function LogicNodeCard({
   inputHandles,
   outputHandles,
   isConnectable,
+  onClick,
   onDoubleClick,
   onSettings,
   onExecute,
@@ -817,6 +915,7 @@ function LogicNodeCard({
       className: "w-48",
       "data-selected": selected,
       selected,
+      onClick,
       onDoubleClick,
       executionStatus,
       itemCount,
@@ -10187,9 +10286,10 @@ function SubNodeComponent({
     ] })
   );
 }
+var SINGLE_CLICK_DELAY_MS = 230;
 var getNodeMetadata = (value) => {
   function NodeComponent(props) {
-    const { id, isConnectable, selected, data } = props;
+    const { id, isConnectable, selected, data, dragging } = props;
     const { edges, nodeLookup } = useStore(({ edges: edges2, nodeLookup: nodeLookup2 }) => ({
       edges: edges2,
       nodeLookup: nodeLookup2
@@ -10252,7 +10352,46 @@ var getNodeMetadata = (value) => {
       deleteNode(id);
     };
     const openNdv = useFlowStore((s) => s.actions.ndv.open);
+    const openQuickConfig = useFlowStore((s) => s.actions.quickConfig.open);
+    const { getNode, flowToScreenPosition } = useReactFlow();
+    const clickTimerRef = useRef(null);
+    const wasDraggedRef = useRef(false);
+    useEffect(() => {
+      if (dragging) wasDraggedRef.current = true;
+    }, [dragging]);
+    useEffect(
+      () => () => {
+        if (clickTimerRef.current !== null)
+          window.clearTimeout(clickTimerRef.current);
+      },
+      []
+    );
+    const handleCardClick = useCallback(() => {
+      if (wasDraggedRef.current) {
+        wasDraggedRef.current = false;
+        return;
+      }
+      if (clickTimerRef.current !== null)
+        window.clearTimeout(clickTimerRef.current);
+      clickTimerRef.current = window.setTimeout(() => {
+        clickTimerRef.current = null;
+        const current = getNode(id);
+        const anchor = current ? flowToScreenPosition({
+          x: current.position.x + (current.measured?.width ?? 288) + 24,
+          y: current.position.y
+        }) : void 0;
+        openQuickConfig({
+          nodeId: id,
+          type: value?.type,
+          anchor
+        });
+      }, SINGLE_CLICK_DELAY_MS);
+    }, [getNode, flowToScreenPosition, id, openQuickConfig]);
     const handleOpenNdv = useCallback(() => {
+      if (clickTimerRef.current !== null) {
+        window.clearTimeout(clickTimerRef.current);
+        clickTimerRef.current = null;
+      }
       openNdv({ nodeId: id, type: value?.type });
     }, [id, openNdv]);
     const handleExecuteStep = useCallback(() => {
@@ -10327,6 +10466,7 @@ var getNodeMetadata = (value) => {
             inputHandles,
             outputHandles,
             isConnectable: typeof isConnectable === "boolean" ? isConnectable : void 0,
+            onClick: handleCardClick,
             onDoubleClick: handleOpenNdv,
             onSettings: handleOpenNdv,
             onExecute: handleExecuteStep,
@@ -10349,6 +10489,7 @@ var getNodeMetadata = (value) => {
         {
           "data-selected": selected,
           selected,
+          onClick: handleCardClick,
           onDoubleClick: handleOpenNdv,
           executionStatus,
           itemCount,
@@ -10722,6 +10863,6 @@ function registerWorkflowNodeTypes(workflowNodes) {
   }
 }
 
-export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, NODES, NODES_METADATA, NODE_CONFIGS, NODE_OPERATION_DRAG_DATA_FORMAT, NODE_TYPES, NODE_TYPE_DRAG_DATA_FORMAT, NodePropertyPanel, ProviderPicker, STICKY_NOTE_TYPE, buildStickyNode, ensureNodeConfigsLoaded, fetchNodeManifest, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, listCustomBlocks, mergeStickyNotes, onNodeTypesUpdate, refetchStoreNodes, registerCustomBlock, registerWorkflowNodeTypes, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useInsertNode, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useSaveWorkflow };
-//# sourceMappingURL=chunk-IVKT244I.js.map
-//# sourceMappingURL=chunk-IVKT244I.js.map
+export { AVAILABLE_NODES, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, NODES, NODES_METADATA, NODE_CONFIGS, NODE_OPERATION_DRAG_DATA_FORMAT, NODE_TYPES, NODE_TYPE_DRAG_DATA_FORMAT, NodePropertyPanel, ProviderPicker, STICKY_NOTE_TYPE, buildStickyNode, ensureNodeConfigsLoaded, fetchNodeManifest, getNodeDetail, getNodeMetadata, getProviderForm, isNodeConfigsInitialized, listCustomBlocks, mergeStickyNotes, nodeAccent, onNodeTypesUpdate, refetchStoreNodes, registerCustomBlock, registerWorkflowNodeTypes, resolveInputHandles, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useInitiateOAuth, useInsertNode, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders, useSaveWorkflow };
+//# sourceMappingURL=chunk-AI5S3GO5.js.map
+//# sourceMappingURL=chunk-AI5S3GO5.js.map